/*
 (C) Copyright symentis GmbH, 2007 - All Rights Reserved.
 $Revision:$ $Date:$
 $Id:$
*/

/*
	general layout styles 
*/

*{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.css_info ul{
	background: #FEF8D1;
	border-color: red;
	border-style: solid;
}

.css_asterisk{
	color: #FF0000;
}

.debug{
	background: #D7D4C7;

	font-family: Courier !important;
}

.debug form{
	border-right-color: #f00;
	border-right-style: solid;
	border-top-color: #f00;
	border-top-style: solid;
}

.debug *{
	font-size: 10px;
	color: #000
}

.debug a{
	color: #000;
	background: #D7D4C7;

}

.debug a:before{
	content: '';
}

.debug a:after{
	content: '';
}

.debug a:hover{
	color: #f00;
}

.debug #debugSwitcher{
	background: #f00;
	font-weight: bold;
	font-size: 15px;
}

.debug #debugSwitcher:hover{
	color: #fff;
}

.css_meta_data{
	background: url('../images/bg_icon_jpg.gif') no-repeat;
}

.css_icon_pdf{
	background: url('../images/bg_icon_pdf.gif') no-repeat;
}

body {
	background: url('../images/bg_body.jpg') repeat-y left;
	color: #000;
}

select,
textarea,
input.text {
	background: #fff;
	color: #000;
	
}

input.text{
	border-style: solid; 
	border-color: #1C5180;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}

h1 b{
	font-size: 14px;
}

table td{
	line-height: 140%;
}

a{
	color: #0C2337;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

span.red{
	border-color: red;
	border-style: solid;
	color: red;
	background-color: #FEF8D1;
	font-size: 10px;
}

#sym_jsTest{
	background: transparent;
}

#sym_jsTest span{
	background: black;
	color: white;
	text-align: center;
	line-height: 150%;
	font-size: 13px;
}

.page a.viewDetail{
	background: url('../images/bg_viewDetail.gif') no-repeat center top;
}

.page a.dropInShoppingCard{
	background: url('../images/bg_dropInShoppingCard0.gif') no-repeat center top;
}

.page a.dropInShoppingCard0{
	background: url('../images/bg_dropInShoppingCard0.gif') no-repeat center top;
}

.page a.dropInShoppingCard1{
	background: url('../images/bg_dropInShoppingCard1.gif') no-repeat center top;
}

.page a.dropInShoppingCard2{
	background: url('../images/bg_dropInShoppingCard1.gif') no-repeat center top;
}

.page a.isInShoppingCard{
	background: url('../images/bg_isInShoppingCard.gif') no-repeat center top;
}

.page a.notAvailable{
	background: url('../images/bg_notAvailable.gif') no-repeat center top;
}

.page a.dropFromShoppingCard{
	background: url('../images/bg_dropFromShoppingCard.gif') no-repeat center top ;
}

.page a.css_adminUserShowDetail{
	background: url('../images/bg_adminUserShowDetail.gif') no-repeat center top ;
}

.page a.css_adminUserDelete{
	background: url('../images/bg_adminUserDelete.gif') no-repeat center top ;
}

.page a.css_adminUserEdit{
	background: url('../images/bg_adminUserEdit.gif') no-repeat center top ;
}

.page a.icon:hover{
	background-position: center bottom;
	background-color: transparent;
}

.h1{
	font-size: 13px;
	font-weight: bold;
	color: #7EBBF2;
}

.bold{
	font-weight: bold;
}

.small{
	font-size: 10px;
}

.symentis{
	background: white url('../images/logo_symentis_150.jpg') no-repeat center !important;
}

.css_copyright{
	font-size: 9px;
	padding: 4px 0;
	text-align: center;
	color: #24435F;
	display: block;
}

.css_new{
	color: #f00;
}

span.css_info{
	color: #f00;
	margin-left: 5px;
}

/*
	layout styles in the navi div
*/
.navi{
	background: #C2DEF9;
}

.navi .first{
	border-top-style: solid;
}

.navi .box{
	background: #95C9F9;
	border-color: #ffffff;
	border-bottom-style: solid;
}

.navi .login{
	background-color: #95C9F9;
	border-color: #ffffff;
	border-top-style: solid;
	border-bottom-style: solid;
}

.navi .headline{
	background: url('../images/bg_navi_headline.jpg') repeat-x;
	font-size: 13px;
}

.navi a{
	font-size: 12px;
	background: url('../images/bg_navi_a.gif') no-repeat 10px 4px;
}

.navi a:hover{
	background-color: #7EBBF2;
}


.navi .loginAs *{
	font-size: 11px;	
	font-color: #000;
}

.navi .shoppingCard th{
	text-align: left;
	font-size: 11px;
}

.navi .shoppingCardTitle{
	font-size: 11px;	
}

.navi .shoppingCardNumber{
	font-size: 11px;
	font-weight: bold;
}

/*
	layout styles in the content div
*/
.content span.red{
	font-size: 12px;
}

.content h1{
	font-size: 13px;
	margin-bottom: 5px;
	font-weight: bold;
}

.content h2{
	margin-bottom: 5px;
}

/*
	help tables
*/ 
.helpTable{
	border-color: #95C9F9;
	border-style: solid;
}

.helpTable thead th{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: #95C9F9 url('../images/bg_mediaSearchResults_thead.gif') repeat-x;
}

.helpTable td{
	vertical-align: top;
	text-align: left;
	border-bottom-style: solid;
	border-bottom-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}

.helpTable td.cellA{
	font-weight: bold;
}

.helpTable td.cellB{
	text-align: left;
}

/*
	media seacrch
*/ 
.css_mediaSearch {
	border-color: #95C9F9;
	border-style: solid;
}


.css_mediaSearch .cellA{
	text-align: right;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}

.css_mediaSearch .cellB{
	text-align: left;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}

.css_mediaSearch .schoolyear td{
	text-align: center
}

.css_mediaSearch tfoot td{
	background: #E1EBF4 url('../images/bg_mediaSearch_tfoot_td.jpg') repeat-y right
}

#lendingDateSpan_calendarDiv{
	border-color: #95C9F9 !important;
	border-style: solid !important;
}

#lendingDateSpan_calendarDiv .jscalendar-DB-title-background-style{
	background: #0000AA !important;
}

#lendingDateSpan_calendarDiv .jscalendar-DB-body-style{
	text-align: right;
}

#lendingDateSpan_calendarDiv .jscalendar-DB-weeknumber-div-style {
	background: #F0F0F0 !important;
}

#lendingDateSpan_calendarDiv .jscalendar-DB-weeknumber-div-style img{
	display: none;
}

#lendingDateSpan span.jscalendar-DB-title-control-normal-style,
#lendingDateSpan span.jscalendar-DB-title-control-select-style{
	border: none;
	padding: 1px;
}


.css_subjectAreas thead th{
	padding: 5px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: #95C9F9;
	border-bottom-color: #fff;
	border-bottom-style: solid;
}

.css_subjectAreas .rowA{
	background: #EEF4F9;	
}

.css_subjectAreas .rowB{
	background: #E1EBF4;
}

.css_subjectAreas .highlight{
	background:  #95C9F9 !important;
	color: #000;
}

.css_subjectAreas td{
	border-bottom-style: solid;
	border-bottom-color: #fff;
}

/*
	media search results
*/ 

.scroller{
	background: none;
}

span.scrollerData{
	font-size: 11px; 
	font-weight: normal;
}

.css_mediaSearchResults{
	border-color: #95C9F9;
	border-style: solid;
	clear:both;
}

.css_mediaSearchResults .header{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: #95C9F9 url('../images/bg_mediaSearchResults_thead.gif') repeat-x;
}

.css_mediaSearchResults tr{
	
}

.css_mediaSearchResults .rowA{
	background: #E6F0F8;
}

.css_mediaSearchResults .rowB{
	background: #D9E9F7;
}

.css_mediaSearchResults .highlight{
	background: #fff;
}

.css_mediaSearchResults .rowA td{
	border-top-color: #fff;
	border-top-style: solid;
}

.css_mediaSearchResults .rowB td{
	border-top-color: #fff;
	border-top-style: solid;
}

.css_mediaSearchResults .rowA td.css_loadType1{
	background: #DFF9CD;
}

.css_mediaSearchResults .rowB td.css_loadType1{
	background: #CBF1B1;
}

.css_mediaSearchResults .highlight td.css_loadType1{
	background: #fff;
}




.css_mediaPopup{
	font-size: 11px;
	border-color: #000;
	background-color: #FCEDAA;
	border-style: solid;
}


.css_mediaAvailablePopup{
	font-size: 10px;
	border-color: #000;
	background-color: #C2DEF9;
	border-style: solid;
}

.css_shoppingCardPopup{
	border-color: #000;
	background-color: #C2DEF9;
	border-style: solid;
}

.css_shoppingCardPopup *{
	font-size: 11px;
}

.css_shoppingCardPopup .cellA{
	text-align: right;
}

.css_shoppingCardPopup .cellB{
	text-align: left;
}

.css_shoppingCardPopup td{
	vertical-align: top;
}
.css_mediaDetail{
	border-color: #95C9F9;
	border-style: solid;
}

.mediaback{
	font-weight: bold;
	font-size: 13px;
	padding-left: 20px;
	margin-bottom: 8px;
}

.css_mediaDetailContent,
.css_mediaDetailTop{
	width: 630px;
}

.css_mediaDetailContent .cellA{
	text-align: right;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}

.css_mediaDetailContent .cellB{
	text-align: left;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}

.css_mediaDetailContent .cellC{
	text-align: left;
	border-style: solid;
	border-color: #fff;
	background: #fff url('../images/bg_mediaDetail_light.jpg') repeat-y right;
	line-height: 160%;
}

.css_mediaDetailContent .subjectAreasDetail *,
.css_mediaDetailContent .keywordDetail *{
	font-size: 11px;
}

.css_mediaDetailContent .subjectAreasDetail .item{
	background: url('../images/bg_detailItem.gif') no-repeat 4px 3px;

}

.css_mediaDetailContent .schoolyear td{
	text-align: center;
}

.css_mediaDetailTop,
.css_mediaDetailFooter{
		background: #95C9F9 url('../images/bg_mediaDetailTop.gif') repeat-x 0 top;
}

.css_mediaDetailTop td{
	font-size: 11px;
}

.css_mediaDetailFooter td.cellA{
	text-align: right;
}

.css_shoppingCardList{
	border-color: #95C9F9;
	border-style: solid;
	clear:both;
}

.css_shoppingCardList .header{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: #95C9F9 url('../images/bg_mediaSearchResults_thead.gif') repeat-x;
}

.css_shoppingCardList tr{
	
}

.css_shoppingCardList .rowA{
	background: #E6F0F8;
}

.css_shoppingCardList .rowB{
	background: #D9E9F7;
}

.css_shoppingCardList .highlight{
	background: #fff;
}

.css_shoppingCardList .rowA td{
	border-top-color: #fff;
	border-top-style: solid;
}

.css_shoppingCardList .rowB td{
	border-top-color: #fff;
	border-top-style: solid;
}


.css_shoppingCardOrder {
	border-color: #95C9F9;
	border-style: solid;
}


.css_shoppingCardOrder .cellA{
	text-align: right;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}

.css_shoppingCardOrder .cellB{
	text-align: left;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}


.css_shoppingCardOrder tfoot td{
	background: #E1EBF4 url('../images/bg_mediaSearch_tfoot_td.jpg') repeat-y right
}

.css_registrationRequest {
	border-color: #95C9F9;
	border-style: solid;
}


.css_registrationRequest .cellA{
	text-align: right;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}

.css_registrationRequest .cellB{
	text-align: left;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}


.css_registrationRequest tfoot td{
	background: #E1EBF4 url('../images/bg_mediaSearch_tfoot_td.jpg') repeat-y right
}

.css_registrationRequest input.css_text{
	border-style: solid; 
	border-color: #1C5180;
}

.css_shoppingCardOrderList{
	border-color: #95C9F9;
	border-style: solid;
	clear:both;
}

.css_shoppingCardOrderList .header{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: #95C9F9 url('../images/bg_mediaSearchResults_thead.gif') repeat-x;
}

.css_shoppingCardOrderList tr{
	
}

.css_shoppingCardOrderList .rowA{
	background: #E6F0F8;
}

.css_shoppingCardOrderList .rowB{
	background: #D9E9F7;
}

.css_shoppingCardOrderList .highlight{
	background: #fff;
}

.css_shoppingCardOrderList .rowA td{
	border-top-color: #fff;
	border-top-style: solid;
}

.css_shoppingCardOrderList .rowB td{
	border-top-color: #fff;
	border-top-style: solid;
}

.css_adminSearchForm table,
.css_adminSearchResults table.results,
.css_adminEditForm,
.css_orderHistory,
.css_loginHistory{
	border-color: #95C9F9;
	border-style: solid; 
	background: #E6F0F8;
}

.css_loginHistory .header,
.css_orderHistory .header{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	padding: 4px 2px;
	background: #95C9F9 url('../images/bg_mediaSearchResults_thead.gif') repeat-x;
}

.css_orderHistory .rowA,
.css_loginHistory .rowA{
	background: #E6F0F8;
}

.css_orderHistory .rowB,
css_loginHistory .rowB{
	background: #D9E9F7;
}

.css_adminSearchForm table .cellA{
	text-align: right;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}

.css_adminSearchForm table .cellB{
	text-align: left;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y left 
}
i
.css_adminSearchForm table tfoot td{
	background: #E1EBF4 url('../images/bg_mediaSearch_tfoot_td.jpg') repeat-y right
}

.css_adminSearchResults table.results .header{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: #95C9F9 url('../images/bg_mediaSearchResults_thead.gif') repeat-x;
}


.css_adminSearchResults table.results .rowA{
	background: #E6F0F8;
}

.css_adminSearchResults table.results .rowB{
	background: #D9E9F7;
}

.css_adminSearchResults table.results .highlight{
	background: #fff;
}

.css_adminSearchResults table.results .rowA td{
	border-top-color: #fff;
	border-top-style: solid;
}

.css_adminSearchResults table.results .rowB td{
	border-top-color: #fff;
	border-top-style: solid;
}

.myFaces_panelTabbedPane_pane{
	border-style: solid !important;
	border-color: #95C9F9 !important;
	background: #E6F0F8 !important;
}

.css_panelTabbedPane_at{
	border-style: solid !important;
	border-color: #95C9F9 !important;
	background: #96C9F6 url('../images/bg_tabsActive.gif') repeat-x top !important; 
}

.css_panelTabbedPane_it{
	border-style: solid !important;
	border-bottom-color: #96C9F6 !important;
	background: #C1C1C1 url('../images/bg_tabsInactive.gif') repeat-x top !important; 
}

.css_panelTabbedPane_at input,
.css_panelTabbedPane_it input{
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background: transparent;
}

.myFaces_panelTabbedPane_emptyHeaderCell{
	border-style: solid !important;
	border-color: #95C9F9 !important;
}

.css_panelTabTable .cellA{
	text-align: right;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}

.css_panelTabTable .cellB{
	text-align: left;
	border-style: solid;
	border-color: #fff;
	background: #EEF4F9 url('../images/bg_mediaSearch_td.jpg') repeat-y right 
}

#overlay{
position: absolute;
top: 0;
left: 120px ;
height: 100%;
width:200px ;
display: none;
background: url('../images/space.gif');
}