/* 
  overrides the settings made in WokbenchXX.CSS 
	 the padding for input text field and textarea
	 must be equal for a consistent layout!
*/
html body textarea{
	padding:0px;
}

img.imagebutton, input.imagebutton{
	vertical-align:middle;
	background-color:#FFFFFF;
	padding:2px;
	margin:1px;
	border:1px solid #6D869F;
	-moz-border-radius:4px;
	border-radius:4px;
}

.codeField{
	background-color:#efefef;
	font-family:monospace;
	white-space:pre;
	border:1px dashed #aaaaaa;
	padding:5px;
}

.fiendlyLineheight{ /* linespacing for easy reading of continuous text, 
	maybe this shoult go into small tiny etc.. */
	line-height: 1.4em;	
}

input.plaintext{ /* imitates an <a href tag */
	display:inline;
	font-size: 100%;
	color:#0044B2; 
	border-style:none;
	background:transparent; 
	text-decoration:none;
	padding:0px;
	cursor:pointer;
}


input:hover.plaintext, input:focus.plaintext {
	color:blue;   
	background:#FFFFAA
} 

.textfield{
		border:1px solid #336699;
		font-size:100%;
		background-color:#d0d8df;
}
/* -------------------- ERROR LEVEL CLASSES --------*/
.error{
	color:red;
}
.warning{
	color:orange;
}
.message{
	color:green;
}

/* --------------- Page Title in 'top.jsp' ----------------- */
#pageTitle{
	/*padding-left:10px; */
	padding-bottom:0px;
	margin-top:0;
	/*margin-top:1.5 em;*/
	margin-bottom:20px;
	border: 0px solid #336699;
	border-bottom-width:1px;
}

#pageTitle img{
	padding-right:10px;
	padding-bottom:15px;
}

#pageFooter{
	border: 0px solid #336699;
	border-top-width:1px;
	margin-top:10px;
}

#errorBox{
	background-color:#dedede;
	margin-top:-20px;
	margin-bottom:20px;
	border: 0px solid #336699;
	border-bottom-width:1px;
}
/* --------------- main content ----------------- */

#mainContainer{
	margin-left:14px;
	margin-right:14px;
	clear:both;
	}

/* -------------------- menu -------------------- */
table.menu{
	background-color:#336699;
	border-color:#336699;
	border-width:2px;
	border-style:solid;
	padding-left:10px;
	padding-right:10px;
	white-space:nowrap;
	}

div.menu {
	display:table;
	width:100%;
	background-color:#336699;
	white-space:nowrap;
	margin-bottom:10px;
	clear:both;
	}

td.menu {
	border-left-width:1px;
	border-left-style:solid;
	border-color:#ededed;
	color:#ffffff;
	padding: 0px;
	white-space:nowrap;
	}

/* -------------------- Resource Browser / Contoller Panel -------------------- */

td.areaCell{
	border-color:#ededed;
	border-width:1px;
	border-style:solid;
}

/* -------------------- Resource Browser / Items -------------------- */

/* --- semantic styles ----- */

.species_name{
	font-weight:bold;
	font-style:italic;
	color:#336699;
}

/* a nice table layout 
   >>> alternatively tr.header, tr.data1 & tr.data2 
   from Workbench.css an be used 
*/

html body table.list{
	border-collapse:collapse;
}

html body table.list td, html body table.list th{
	text-align:left;
	vertical-align:top;
	border:1px #A5ACB2 solid;
}

html body table.list th{
	background-color: #F0F0F0;
	color:#567EA6;
	padding-top: 0.3em;
}

html body table.list tr.backgroundA, html body table.list tr.background1{
	background-color: #FFFFFF;
}

html body table.list tr.backgroundB, html body  table.list tr.background0{
	background-color: #F7F7F7;
}



/* -------------------- EDITOR STYLES also used for labeled lists-------------------- */

table.edit, div.edit{
	width:100%; margin-bottom:5px;
	background-color:#f0f0f0;
	border:#dedede solid 1px;
	border-collapse:collapse;
}

table.edit th, table.edit td{
	color:#202020;
	vertical-align:top;
	padding:2px 5px 6px 1px; /* padding-left:1px; padding-right: 3px; 
		is required to adjust for 100% width of input fields 
		This account for all browsers which interpret the Boxmodel 
		correctly. For all IE we need a hack of course (see below)
		*/
}

/* Boxmodel HACK for IE4 to IE6 */
* html table.edit th, * html table.edit td{
	padding:2px 3px 6px 1px; 
}

/* Boxmodel HACK for IE7 */
*+html table.edit th, *+html table.edit td{
	padding:2px 3px 6px 1px;
}


/* .compact whith higher specifity than .edit for to override the padding*/
body table.compact th, body table.compact td{
	padding-bottom:0px;
}

table.edit th.backgroundB, table.edit td.backgroundB{
	background-color: #CFCFCF;
}

table.edit th{
	font-size:110%;
	color:#567EA6;
	font-weight:bold;
}

table.edit td.label_bold, .label_bold{
	vertical-align:top;
	font-weight:bold;
	color:#505050;
}

table.edit td.label_plain{
	font-weight:normal;
	color:#505050;
}

.colBorder {
	border:#dedede solid 1px; 
	border-right:0; 
	border-left:0;
}



/* ------------- LOGIN -------------- */
.logintable {
 	border-width:1px;
  	border-style:solid;
  	border-color:#336699;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	padding: 20px 0px 0px 0px;
}


.logintable td{
 	padding: 0px;
 	padding-top: 20px;
 }


.bluehover input{
		border-width:1px;
		border-style:solid;
		border-color:#336699;
		background-color:#336699;
		color:white;
		text-decoration: none;
		text-align: center;
}

.bluehover input:hover, .bluehover input:focus{
		background-color:white;
		color:#336699;
}

.waittable{
 	border-width:1px;
  	border-style:solid;
  	border-color:#ff0000;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #900000;
	font-size:100%;
	background-color:#F6A8A8
}

.tiny_waittable{
 	border-width:1px;
  	border-style:solid;
  	border-color:#ff0000;
	border-collapse:collapse;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:normal;
	color: #900000;
	font-size:85%;
	background-color:#F6A8A8
}
/* ----------------------------------- */