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

/*
	general position styles
	including Tags and Classes
*/

html{
	height: 100%;	
}

body{
	height: 100%;
	padding: 0;
	margin: 0;	

}

.debug{
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 20px;
	overflow: hidden;
	height: 20px;
	border-top-width: 2px;
}

.debug a, 
.debug span{
	display: block; 
	float: left;
	height: 14px;
	padding: 2px;
	border-width: 1px;
	margin-right: 5px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.debug #debugSwitcher{
	width: 14px;
	padding: 0px 3px 4px 3px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
form{
	margin: 0;
	padding: 0;
}

.css_info ul, 
.css_info li{
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}

.css_info li span{
	padding: 5px;
}

.css_info ul{
	width: 630px;
	margin-bottom: 5px;
	border-width: 1px;
}

p{
	margin-bottom: 5px;
}

ol li{
	margin-bottom: 12px;
}

input.text{
	border-width:1px; 
	padding: 2px
}

table, tbody, td{
	border-width: 0;
	padding: 0;
	margin: 0;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

#sym_jsTest{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#sym_jsTest span{
	display: block;
	width: 400px;
	padding: 25px;
	position:absolute;
  left: 50%;
  top : 50px;
  margin-left: -225px;
}

.h1{
	height: 15px;
	margin-bottom: 10px;
	display: block;
	width: auto;
}

.block{
	display: block;
}

.left{
	float: left;
}

.right{
	float: right;
}

.clear{
	clear: both;
}

.center{
	text-align: center;
}

.middle{
	margin-left: auto;
	margin-right: auto;
}

.page{
	width: 100%;
	_width: 800px;
	min-width: 800px;
	height: 100%;
}

.symentis{
	display: block;
	width: 150px;
	height: 46px;
	margin-top: 20px !important;	
	padding: 0 !important;
}

.css_new{
	margin-left: 4px;
}

.css_margin_top{
	margin-top: 10px;
}

span.red{
	border-width: 1px;
	padding: 3px;
	display: block;
	margin: auto;
}

.page a.icon{
	display: block;
	width: 20px;
	height: 20px;
	margin: 2px 5px;
	overflow: hidden;
	text-indent: -1000px;
	float: left;
	padding: 0;
}

.navi a.icon{
	margin: 2px 4px 2px 0;
}

.css_meta_data{
	padding-left: 20px;
	padding-right:10px;
	padding-top: 3px;
	padding-bottom: 3px;
}


/*
	position styles in the navi div
*/
.navi{
	height: 100%;
	_width: 150px;
	min-width: 150px;
	float:left;
}

.navi .first{
	margin-top: 22px;
	padding: 0 0 10px 0;
	border-top-width: 1px;
}

.navi .box{
	padding: 0 0 10px 0;
	border-bottom-width: 1px;
}


.navi .login{
	margin-top:20px;
	padding: 0 0 10px 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
}

.navi .loginSubmit{
	width: 130px;
}

.navi .loginAs{
	padding: 20px 0 0 0;
}

.navi .loginAsText{
	padding: 0 0 0 10px;
}

.navi label,
.navi input.text, 
.navi h1,
.navi .organisation{
	display:block;
}


.navi .loginContent{
	margin-left: 8px;
}


.navi .headline{
	padding: 5px 0 4px 8px;
}

.navi .label{
	margin-top: 6px;
}

.navi input.text,
.navi .organisation{
	margin-bottom: 6px
}

.navi label.checkbox{
	margin: 4px 0 10px 0 ;
}


.navi a{
	display: block;
	padding: 2px 0 2px 20px;
	margin: 0;
}

.navi a.logout{
	margin: 10px 0 0 0;
	padding: 0;
}

.navi span.red{
	width: 125px;
	margin: 10px 0 4px 0;
}

.navi .shoppingCard table{
	margin-left: 5px;
}

.navi .shoppingCard .cellA{
	width: 50px;
}

.navi .shoppingCard table th,
.navi .shoppingCard table td
{
	padding-left: 2px;
}

.navi .shoppingCardTitle{
	display: block;
}

.navi .shoppingCardNumber{
	display: block;
}

/*
	position styles in the content div
*/
.content{
	width: 630px;
	padding: 10px 0 0 10px;
	float: left;
}



body.content{
	float: none;
	width: auto;
	padding-top: 10px;
}

.content .welcome{
	width: 500px;
	margin-top: 5px;
}

.content .css_infoStart{
	width: 500px;
	margin-top: 10px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	font-weight: bold;
}

.content input.text{
	margin-right: 4px;
}

.helpTable{
	width: 630px;
	border-width: 1px;
	margin-bottom: 5px;
}

.helpTable td,th{
	padding: 4px;
	border-bottom-width: 1px;
}

.helpTable td.cellA{
	width: 150px;
}

.css_mediaSearch{
	border-width: 1px;
	width: 630px;
}

.css_mediaSearch input.text{
	width: 200px;
	display: block;
	margin-top: 3px;
}

.css_mediaSearch .css_subjectAreasCB{
	margin-top: 3px;
}

.css_mediaSearch tr{
	width: 100%;
	
}

.css_mediaSearch tr td.cellA{
	padding: 9px 5px 9px 0;
	width: 145px;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	vertical-align: top;
}

.css_mediaSearch tr td.cellB{
	padding: 4px;
	width: 470px;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
}


.css_mediaSearch tr td table td{
	padding: 1px 2px 0 0;
}

.css_mediaTypesSelects td, #mediaTypes td{
	width: 140px;
}

.css_bottomCheckboxes{
	margin-top: 8px;
}

.css_bottomCheckboxes input{
	margin: 0px 20px 0 5px;
}

table tr td table.schoolyear td{
	padding: 1px 6px 0 0;
}

.css_mediaSearch tfoot td{
	padding: 5px;
}

#lendingDateSpan_calendarDiv{
	border-width: 1px !important;
}

#lendingDateSpan_calendarDiv .jscalendar-DB-title-control-select-style{
		border-width: 1px !important;
		background: #95C9F9;
}

.css_subjectAreas{
	width: 100%;
}

.css_subjectAreas thead th{
	border-bottom-width: 1px;	
}

.css_subjectAreas td{
	border-width: 0;
	border-bottom-width: 1px;
	padding: 1px 5px;
}

.css_subjectAreas .cellA{
	width: 60%;	
}

.css_subjectAreas .cellB{
	width: 25%;	
}

.css_subjectAreas .cellC{
	width: 15%;	
}


.tableInfo{
	width: 630px;
	height: 25px;
}

.scroller td.cellB{
	width: 260px;
	padding: 0;
	vertical-align: bottom;
}

.scroller td.cellA,
.scroller td.cellC 
{
	width: 185px;
	padding: 0;
	vertical-align: bottom;
}

.scroller a img{
	border: none
}

.scrollerData{
	margin: 0;
	
}

.scrollerPages{
	margin: 0 auto;
}

.paginatorTable{
	padding: 0;
	margin: 0;
	border: none;	
}

.scroller td,
.scrollerPagesBottom td{
	padding: 0 2px;
}

.resultRows{
	float: right;
	margin: 3px 0 2px 0 ;
}

.scrollerPagesBottom{
	margin: 5px auto 0;
}


.css_mediaSearchResults{
	width: 630px;
	border-width: 1px;
}

.css_mediaSearchResults .header{
	padding: 5px;
}

.css_mediaSearchResults .rowA td, 
.css_mediaSearchResults .rowB td{
	padding: 3px 2px 2px 5px;
	border-top-width: 1px;
}

.css_mediaSearchResults .cellA{
	width: 70px;
}

.css_mediaSearchResults .cellB{
	width: 100px;
}

.css_mediaSearchResults .cellC{
	width: 230px;
}

.css_mediaSearchResults .cellD{
	width: 70px;
}

.css_mediaSearchResults .cellE{
	width: 50px;
}

.css_mediaSearchResults .cellF{
	width: 50px;
}

.css_mediaAvailablePopup{
	width: 166px;
	padding: 2px;
	border-width: 1px; 
}

.css_mediaPopup{
	width: 400px;
	padding: 5px;
	border-width: 1px; 
}

.css_shoppingCardPopup{
	width: 200px;
	padding: 1px;
	border-width: 1px; 
}

.css_shoppingCardPopup cellA{
	width: 39px;
}

.css_shoppingCardPopup cellA{
	width: 159px;
}

.css_mediaDetail{
	width: 630px;
	border-width: 1px;
}

.css_mediaDetailTop,
.css_mediaDetailContent,
.css_mediaDetailFooter{
	width: 100%;
}

.css_mediaDetailContent td.cellA,
.css_mediaDetailFooter td.cellA{
	width: 110px;
	vertical-align: top;
	border-width: 0;
	border-bottom-width: 1px;
	padding: 5px;
}

.css_mediaDetailContent td.cellB,
.css_mediaDetailContent td.cellC,
.css_mediaDetailFooter td.cellB{
	width: 500px;
	border-width: 0;
	border-bottom-width: 1px;
	padding: 5px;
}


.css_mediaDetailContent td table td{
	padding: 1px 2px;
}

.css_mediaDetailContent .subjectAreasDetail{
	width: 500px;
}

.css_mediaDetailContent .subjectAreasDetail td,
.css_mediaDetailContent .keywordDetail td{
	padding: 2px 6px 2px 2px;
}

.css_mediaDetailContent .item{
	padding: 0 0 0 12px;
	
}

.css_mediaDetailTop td,
.css_mediaDetailFooter td{
	padding: 2px 5px;
}

.css_shoppingCardList{
	width: 630px;
	border-width: 1px;
}

.css_shoppingCardList .header{
	padding: 5px;
}

.css_shoppingCardList .rowA td, 
.css_shoppingCardList .rowB td{
	padding: 3px 5px;
	border-top-width: 1px;
}

.css_shoppingCardList .cellA{
	width: 70px;
}

.css_shoppingCardList .cellB{
	width: 50px;
}

.css_shoppingCardList .cellC{
	width: 100px;
}

.css_shoppingCardList .cellD{
	width: 180px;
}

.css_shoppingCardList .cellE{
	width: 70px;
}

.css_shoppingCardList .cellF{
	width: 50px;
}

.css_shoppingCardList .cellG{
	width: 50px;
}

.order{
	margin-top: 10px;
}

.css_shoppingCardOrder{
	border-width: 1px;
	margin-top: 10px;
	width: 630px;
}


.css_shoppingCardOrder tr{
	width: 100%;
	
}

.css_shoppingCardOrder tr td.cellA{
	padding: 9px 6px 9px 0;
	width: 140px;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	vertical-align: top;
}

.css_shoppingCardOrder tr td.cellB{
	padding: 5px;
	width: 490px;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
}

.css_shoppingCardOrder tfoot td{
	padding: 5px;
}

.css_registrationRequest{
	border-width: 1px;
	width: 630px;
}


.css_registrationRequest tr{
	width: 100%;
	
}

.css_registrationRequest tr td.cellA{
	padding: 9px 5px 9px 0;
	width: 145px;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	vertical-align: top;
}

.css_registrationRequest tr td.cellB{
	padding: 4px;
	width: 470px;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
}

.css_registrationRequest tfoot td{
	padding: 5px;
}

.css_registrationRequest input.css_text{
	margin-right: 5px;
	border-width: 1px;
	padding: 2px;
	width: 200px;
}

.css_registrationRequest input.css_submit{
	margin: 0 auto;
}

.css_registrationRequest input.css_inputZip{
	width: 40px;
}

.css_registrationRequest input.css_inputPassword{
	width: 200px;
}

.css_registrationRequest input.css_inputSchool{
	width: 400px;
}

.css_shoppingCardOrderList{
	width: 630px;
	margin-top: 10px;
	border-width: 1px;
}

.css_shoppingCardOrderList .header{
	padding: 5px;
}

.css_shoppingCardOrderList .rowA td, 
.css_shoppingCardOrderList .rowB td{
	padding: 3px 5px;
	border-top-width: 1px;
}

.css_shoppingCardOrderList .cellA{
	width: 70px;
}

.css_shoppingCardOrderList .cellB{
	width: 100px;
}

.css_shoppingCardOrderList .cellC{
	width: 230px;
}

.css_shoppingCardOrderList .cellD{
	width: 70px;
}

.css_shoppingCardOrderList .cellE{
	width: 50px;
}

.css_shoppingCardOrderList .cellF{
	width: 50px;
}


.css_adminSearchForm,
.css_adminSearchResults,
.css_adminEditForm,
.css_orderHistory,
.css_loginHistory{
	width: 600px; 
	margin: 5px;
}

.css_adminSearchForm table,
.css_adminSearchResults table.results,
.css_adminEditForm,
.css_orderHistory,
.css_loginHistory{
	width: 600px;
	border-width: 1px;
}

.css_orderHistory th,
.css_loginHistory th{
	padding: 3px 2px;
}
	
.css_orderHistory tr td{
	width: 71px;
	padding: 4px 2px 4px 2px;
}

.css_loginHistory tr td{
	width: 96px;
	padding: 4px 2px 4px 2px;
}

.css_loginHistory tr td.cellA{
	width: 66px;
}

.css_loginHistory tr td.cellC{
	width: 126px;
}

.css_adminSearchForm table td.cellA{
	padding: 9px 5px 9px 0;
	width: 145px;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
	vertical-align: top;
}

.css_adminSearchForm table td.cellB{
	padding: 4px;
	width: 470px;
	border-bottom-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
}


.css_adminSearchResults table.results td{
	padding: 5px
}

.css_adminSearchResults td.cellA{
	width: 25px;
}

.css_adminSearchResults td.cellB{
	width: 90px;
}

.css_adminSearchResults td.cellC{
	width: 80px;
}

.css_adminSearchResults td.cellD{
	width: 215px;
}

.css_adminSearchResults td.cellE{
	width: 40px;
}

.css_adminSearchResults td.cellF{
	width: 88px;
}

.css_adminSearchForm table td{
	padding: 5px;
}

div table.myFaces_panelTabbedPane{
	width: 600px;
	margin: 5px 5px 0 5px;

}

.myFaces_panelTabbedPane_pane{
	border-width: 1px !important;
	border-top-width: 0px !important;
	padding: 0 !important;

}

.css_panelTabbedPane_at{
	border-width: 1px !important;
	border-bottom-width: 0px;
	height: 22px;
	padding-left: 5px;
}

.css_panelTabbedPane_it{
	border-width: 1px !important;
	padding-left: 5px;
}

.myFaces_panelTabbedPane_subHeaderCell {
	border-bottom:none !important;
	display:none !important;
	font-size:0pt !important;
	height:0px !important;
	line-height:0pt !important;
}

.myFaces_panelTabbedPane_subHeaderCell td{
	display: none !important; 
}

.myFaces_panelTabbedPane_emptyHeaderCell{
	border-bottom-width: 1px !important;
	width: 400px;
}

.css_panelTabTable td{
	border-bottom-width: 1px;
	border-bottom-style: solid; 
}
.css_panelTabTable .cellA{
	width: 18%;
}

.css_adminSearchDetails{
	padding-bottom: 5px;
}

#userDetail{
	background: #95C9F9;
	padding: 2px;
	width: 596px;
	margin: 0 0 40px 5px;
	overflow: auto;
	clear: both;
}

.css_panelTabTable{
	width: 598px;
}

.css_panelTabTable td{
	padding: 5px 10px;
}

.css_panelTabTable td.cellB{
}

.css_panelTabTable .rowA{
	background: #D9E9F7;
}

.css_panelTabTable .rowB{
	background: #E6F0F8;
}

.css_panelTabList{
	list-style: circle inside;
	margin: 0;
	padding: 0;
}

.css_panelTabList li{
	padding: 5px 10px;
	width: 578px;
}

.css_adminEditForm table,
.css_adminEditForm input{
	margin: 5px;
	clear: left;
}

.css_adminEditForm select{
	width: 240px;
	
}

.css_roleDefinition{
	width: 240px;
	margin-right: 30px;
	padding: 8px 5px 2px 5px;
	display: block; 
	float: left;
}