#wrapper{
	min-width: 1240px;
}

body.requestForm #wrapper{
	min-width:960px;

}

a{
	font-weight:bold;
	color:#1830B4
}

a:hover{
	text-decoration:none;	
}

hr {
	background:#d4e9ed;
	height: 5px;
	border:none;
	margin:15px 0;
}

ul{
	list-style-position:inside;	
}

dl dt, dl dd{
	display:inline;
	padding-right: 10px;
}

dl dt{
	font-weight: bold;
}

dl dd+dd{
	padding-left: 10px;
	border-left: 1px solid grey
}

table{
	margin: 10px 0px;	
}

table + table{
	margin:5px 0px;
}

table td, table th{
	padding-left:10px;	
	white-space:nowrap;
}

tr.odd td{
	background:	#D0D7F0
}
	
tr.even td{
	background:	#E2E6F6
}
	

#logos{
	padding-top:0px;
	margin-top: 60px;
}


#topContent{
	width:95%;
	margin:auto;
}

#breadCrumb{
	width:90%;
	height:33px;
	background:url(/site/images/app-breadcrumb-bg.jpg) repeat-x;
	margin:auto;	
	margin-top: 10px;
	color:#0EBAD8;
	padding:5px 25px;

}

#breadCrumb a{
	color:	#fff
}

#container{
	width: 90%;
	padding: 25px;
	background:#FFF;
	margin:auto;
	margin-bottom: 25px;	
	overflow:auto;
}



ul.protocolParametersList{
	list-style-type:none;	
}

ul.protocolParametersList li{
	clear:both;	
	padding:3px;
	border-bottom:1px dotted #ccc;
	background:#eff2ff;
	margin-bottom:3px;
	color:#333;
	word-wrap:break-word;
	padding-left: 240px;
	overflow:auto;
}

ul.protocolParametersList li span{
	font-weight:bold;	
	padding:0 15px;
	display:block;
	height:100%;
	float:left;
	margin-left:-230px;
	background:#fff;
	width: 180px;
	margin-right: 10px;
	border-right:1px solid #0A7381;
}

div.noWarningGreen, div.Warning Red{
	width: 99%;
	height: 100%;
	color:white;
	font-weight:bold;
	padding-left:5px;
}

div.noWarningGreen{
	background:#008000;	
}

div.WarningRed{
	background:red;
}

a.downloadBox{

	background:#FDD782;
	padding:10px;
	color:#075967;
	font-weight:bold;
	width: auto;
	border:3px solid #E2E6F6;
}


div.imgWlegend{
	width: 1040px;
	margin:auto;
	padding-top: 35px;
}

div.imgWlegend img{
	margin-left: 25px;
	width: 1008px;
}


div.legend{
	display: inline-block;
	
	*zoom:1; /* For IE!*/
	*display:inline;/* For IE!*/

	background:#fff;
	font-size: 1.1em;
	font-weight: bold;

	padding: 6px 0px;
	border:3px solid #6babb6;
	position:relative;
	top: 10px;
	margon-top:-10px;
	
	width: 250px;

}

.legend h4{
	font-size: 0.8em;
	color:#fff;
	width:auto;
	display:block;
	margin:5px;

	background:#6babb6;
	padding:3px;

}

div.legend p{
	margin:0;
	padding:0;
	color:#6BABB6;
	padding-left: 15px;
}


/********************************* removed these classes because these need to be inlined
.highlight{
	font-weight:bold;
	color:red;
}


.earlyPlate{
		color:#4905EC;
}

.latePlate{
	color:#FCE1B4;
}



.green{
	color:	#23EA24
}

.darkgreen{
	color:	#0B4803
}

.darkred{
	color:	#840403
}

.red{
	color:	#E60A0A
}

.black{
		color:#000;
}

.purple{
		color:#AA7EC0;
}

.blue{
		color:#0001FE;
}

.orange{
	color:	#FFA500
}
**************************************************************/

.imgOutlineBoxes  {
	float:left;
	width: 	210px;
	height: 250px;
	text-align:center;
	margin-right: 8px;
	margin-bottom: 8px;
}

.imgOutlineBoxes img{
	margin-bottom: 5px
}




.datatableImggroup{
	overflow:auto;
	text-align:center;
	min-width: 800px;
}

.datatableImggroup h2{
	text-align:left;
	background:	#E2E6F6;
	padding:5px 10px;
	color:#065F6F;
		border-top: 1px solid #BCC0D1;
		border-bottom: 1px solid #BCC0D1;
}

.datatableImggroup img.left{
	float:left;
}

.datatableImggroup img.right{
	float:right;
}

.datatableImggroup table{
	font-size:90%;
	width:auto;	
	margin-left: 5px;
	margin-top:0px;
	display:inline-table

}

.datatableImggroup table td, .datatableImggroup table th{
	text-align:center; 
	padding:5px;
}



/*---------------- tooltips -------------------------*/

a.tooltips{
		position:relative;
		z-index:30; 
		white-space:normal;
}

a.tooltips span{
	display:none;	
	width: 250px;
	padding:10px;
	background:#E2E6F6;
	border:3px double #384474;
}

a.tooltips:hover span{
	display:block;
	position:absolute;
	left: 10px;
	top: 15px;

}