@CHARSET "ISO-8859-1";
/*Login page*/
img.fullpagebg{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
}
div.logon{
	position:fixed;
	bottom:80px;
	right:50px;
	padding:15px;
	z-index:5;
	border: 1px solid #F0EEEE;
	border-radius:8px;
	box-shadow: 0px 0px 8px #FFF;
}
div.logonholder{
	position:relative;
	z-index:6;
}
input.logon{
	color:#000;
	z-index:7;
	border: 2px solid #FFF;
	background-color:#FFF;
}
input.logonblur{
	color:#605B5A;
	z-index:7;
	border: 2px solid #FFF;
	background-color:#CFCDCD;
}
img.cmpmlogo{	
	position:fixed;
	top:20px;
	right:20px;
	width:480px;
	height:71px;
	z-index:2;
}
div.tcglogoholder{	
	position:fixed;
	top:20px;
	left:20px;
	z-index:2;
}
div.logoopacitydiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#FFF;	
	opacity:0.60;
	filter:alpha(opacity=60);
	z-index:1;
}
img.logoimg{
	position:relative;
	z-index:2;
	width:240px;
	height:62px;
}
img.loginimg{
	position:absolute;
	width:26px;
	height:26px;
	top:-2px;
	right:-10px;	
	cursor:pointer;
}
/*End login*/
/*Welcome page*/
div.welcomemenu{
	position:relative;
	top:60px;
	margin:0px auto;
	padding:15px;
	width:900px;
}
div.loginopacitydiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#FFF;	
	opacity:0.30;
	filter:alpha(opacity=30);
	z-index:1;
}
.wmenutab{
	position:relative;
	width:100%;
	z-index:800;
}
.wmenutab th{
	background-color:#CFD6CE;
	text-align:left;
	padding:5px;
	color:#256E25;
}
.wmenutab td{
	padding:5px;
	color:#000;
	font-weight:700;
	cursor:pointer;
}
.wmenutab td:hover{
	background-color:#E4EDB7;
	color:#0000FF;
  	transition: all .5s ease;
}
/*End welcome page*/
/*Error page*/
.errorpagediv{
	position:relative;
	margin:0px auto;
	width:350px;
	height:350px;
	font-weight:700;
	color:#000;
	font-size:16px;
	text-align:center;
}
.errorpageimg{
	width:350px;
	height:350px;
}
/*End error page*/
/*SiteCreate.jsp*/
.matrixViewHolder{
	position:relative;
	width:90%;
	margin:0px auto;
	padding:10px;
}
table.matrixtab{
	position:relative;
	margin:0px auto;
	table-layout:fixed;
	border-collapse:collapse;
	padding:0px;		
}
table.matrixtab th{
	min-width:25px;
	height:25px;
	background-color:#CFDEA5;
	border:1px solid #000;
	word-wrap: break-word;
	color:#000;	
	cursor:pointer;
	vertical-align:middle;
}
table.matrixtab td{
	height:25px;
	border:1px solid #000;
	word-wrap: break-word;	
	font-weight:300;
	vertical-align:middle;
}

.highlighted{
	background-color: #F5A9A9; 
}

.occupied{
	background-color: #D0FA58;
}

.testing{
	background-color: #FF0000; 
}
/*End SiteCreate.jsp*/
/*Distribution*/
.bordereddiv{
	position:relative;
	width:90%;
	margin:0px auto;
	background-color:#ECF8E0;
	border:1px solid #000;
	padding:15px;
}
.legenddiv{
	position:absolute;
	top:-12px;
	left:20px;
	padding:3px;
	padding-right:15px;
	padding-left:15px;
	text-align:center;
	font-weight:300;
	background-color:#f3f0e6;
	border:2px solid #C7C4C4;
	border-radius:2px;
	box-shadow: 0px 0px 2px #C7C4C4;
	z-index:2;
}
div.compoundsearchpopupdiv{
	width:100%;
	height:100%;	
}
.platemapdetails{
	display:none;
}
div.fulldivhiddennostyle{
	position:relative;
	width:100%;	
	display:none;
}
/*End Distribution*/
/*Availability*/
.availabilityholder{
	position:relative;
	margin:0px auto;
	width:1000px;
}
.availabilitydiv{
	position:relative;
	float:left;
	width:300px;
	height:300px;
  	padding:0px;
	box-shadow: 0px 0px 10px #000;
	margin-left:25px;
	margin-bottom:30px;
}
.availabilityheader{
	position:relative;
	height:16px;
	width:293px;
	background-color:#373937;
	color:#FFF;
	padding:4px;
	font-weight:700;
	text-align:center;
}
.availabilitytab{	
	position:relative;
	height:260px;
	width:290px;
	color:#FFF;
	padding:4px;
	font-weight:700;
	text-align:center;
	color:#000;
	overflow-y:auto;
}
/*END Availability*/