@CHARSET "ISO-8859-1";
html,body{
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	font-family:Verdana;
	font-size:12px;
}
img.fullpagebgfaded{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.5;
	z-index:1;
}
html.noscroll{
	position: fixed; 
	overflow-y:scroll;
}
.tcgdatefield{
	cursor:pointer;
}
div.opacitydiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#FFF;	
	opacity:0.90;
	filter:alpha(opacity=90);
	z-index:1;
}
div.slightopacitydiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;	
	opacity:0.30;
	filter:alpha(opacity=30);
	z-index:1;
}
div.pagechangediv{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	background-color:#C3EBF3;
	background-image:url(../images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
	z-index:1000;
}
div.messagecontainer{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	z-index:950;
	display:none;
}
div.messagetext{
	position:relative;
	margin:0px auto;
	width:500px;
	background-color:#FFF;
	color:#000;
	top: 50%;
  	padding:15px;
  	border-radius:5px;
	box-shadow: 0px 0px 30px #000;
	z-index:2;
	font-size:14px;
	font-weight:700;
	text-align:center;
	display:none;
}
div.popupcontainer{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	z-index:940;
	background-image:url(../images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
	display:none;
}
div.popuptext{
	position:relative;
	margin:0px auto;
	color:#000;
  	padding:10px;
	box-shadow: 0px 0px 20px #000;
	z-index:2;
	overflow-y:auto;
}
div.popupoverlay{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:#FFF;
	z-index:2;
	background-image:url(../images/loading.gif);
    background-position:center center;
    background-repeat:no-repeat;
}
.closeImgHolder{
	position:absolute;
	top:3px;
	right:23px;
	width:0px;
	height:0px;
	z-index:3;
	overflow:visible;
}
.closeImg{
	position:fixed;
	width:20px;
	height:20px;
	cursor:pointer;
}
/*header*/
div.fixedPageHeader{
	position:fixed;
	top:0px;
	left:0px;
	height:37px;
	width:100%;
	background-color:#373937;
	z-index:900;
}
div.innerRelative{
	position:relative;	
	width:100%;
	z-index:1;
}
div.tcg{
	position:absolute;
	top:0px;
	left:10px;
	width:240px;
	height:36px;
	cursor:pointer;	
	z-index:2;
}
img.tcgimg{
	position:relative;
	top:3px;
	width:240px;
	height:36px;	
}
div.headerdiv{
	position: relative;
	margin: 0px auto;
	width: 280px;
	padding: 5px;
	font-weight: 700;
	background-color: #363A22;
	color: #F8F4A8;
	text-align: center;
	box-shadow: 0px 0px 5px #FFF;
	background: linear-gradient(to right, #000000, #454D1F);
    border-radius:2px;
	top:6px;
}
div.logout{
	position:absolute;
	right:15px;
	top:8px;
	height:100%;
	color:#FFF;
}
img.logoutimg{
	position:relative;
	top:3px;
	cursor:pointer;
}
/*End header*/

/*Menu*/
div.menudiv{
	position:fixed;
	top:100px;
	left:2px;
	z-index:900;
}
ul.topul{	
	margin: 0;
	padding:0px;
	list-style:none;
}
li.outerli{
	position: relative;
	margin-bottom:15px;
}
div.menubox{
	position:relative;
	height:25px;
	width:25px;
	background-color:#000;
	border:2px solid #C9C6C3;
	box-shadow: 0px 0px 8px #000;
	cursor:pointer;
}
ul.innerul{
	list-style: none;
	position: absolute;
	top: 0;
	left:-5px;
	display: none;
	width:225px;
}
li.innerli{
	position: relative;
	margin-bottom:0px;
	border:0px solid #FFF;
}
div.menulink {
	color: #FFF;
	background-color: #1f1f14; 
	padding: 8px;
	cursor:pointer;
	font-weight:300;
  	transition: all .4s ease;
}
div.menulink:hover{
	color:#E8EE67;
	background-color: #4d4d33; 
  	transition: all .4s ease;
}
img.menuimg{
	position:absolute;
	top:2px;
	left:2px;
	width: 21px;
	height: 21px; 
}	
.outerli:hover .innerul, .outerli.over .innerul {display: block;} 
/*End Menu*/

table.lptab,table.compoundtab,table.lptabnohover{
	position:relative;
	width:90%;
	margin:0px auto;
	table-layout:fixed;
	border-collapse:collapse;
	padding:4px;		
}
table.lptab th,table.compoundtab th,table.lptabnohover th{
	border:1px solid #BEC494;
	background-color:#CFDEA5;
	word-wrap: break-word;
	color:#000;
	padding:4px;
	padding-top:8px;
	padding-bottom:8px;		
}
table.lptab td,table.compoundtab td,table.lptabnohover td{
	border:1px solid #CAD19F;
	word-wrap: break-word;	
	padding:4px;
	font-weight:300;
	vertical-align:top;
}
table.lptab tr:nth-child(even),table.lptabnohover tr:nth-child(even){
    background-color: #F4FADD;
  	transition: all .4s ease;
}
table.lptab tr:nth-child(odd),table.lptabnohover tr:nth-child(odd){
    background-color: #F4F5F3; 
  	transition: all .4s ease;
}

table.lptab tr:hover{
	background-color: #E8FD88; 
  	transition: all .4s ease;
}

div.paginationdiv{
	position:relative;
	margin:0px auto;
	width:90%;
	color:#000000;
	font-size:10px;
	font-weight:300;
	margin-top:5px;
	margin-bottom:5px;
	text-align:right;
}

img.fixedsearch{
	position:absolute;
	right:-55px;
	bottom:40px;
	cursor:pointer;
	width:50px;
	height:50px;
}
div.fixedsearchdiv{
	position:fixed;
	top:0px;
	left:-330px;
	height:99%;
	width:320px;
	font-weight:700;
	text-align:center;
	border:3px solid #FFFFFF;
	box-shadow: 0px 0px 10px #999383;
	background-color:#E7E8D2;
	z-index:910;
}
div.fixedsearchcontent{
	position:relative;
	width:100%;
	height:100%;	
	overflow: auto;
	overflow-x: hidden;
}
table.fixedsearchtab{
	position:relative;
	margin:0px auto;
	width:95%;
	table-layout:fixed;
	border-collapse:collapse;
	padding:4px;		
}
table.fixedsearchtab td{
	border:1px solid #FFF;
	word-wrap: break-word;	
	padding:4px;
	font-weight:700;
}
div.searchOpacity{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;	
	opacity:0.30;
	filter:alpha(opacity=30);
}
button.tcgbutton{
	border:2px solid #FFFFFF;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:15px;
	padding-right:15px;
	margin-right:4px;
	margin-left:4px;
	color:#FFF;
	font-weight:700;
	font-size:12px;
	font-family:Arial;
	background-color:#131413;
	cursor:pointer;
	text-align:center;
  	transition: all .4s ease;
}			
button.tcgbutton:hover {
	border:2px solid #ff0000;
	color:#E9F493
  	transition: all .4s ease;
}
button.tcgbutton:disabled{
	border:2px solid #FFFFFF;
	padding-top:4px;
	padding-bottom:4px;
	padding-left:15px;
	padding-right:15px;
	color:#FFF;
	font-weight:700;
	font-size:12px;
	font-family:Arial;
	background-color:#CCC;
	cursor:pointer;
	text-align:center;
  	transition: all .4s ease;
}

div.fixedbuttondiv{
	position:fixed;
	height:1px;
	bottom:5px;
	left:0px;
	width:100%;
	overflow:visible;
	text-align:center;
	z-index:100;
}
div.fixedbuttoncontainer{
	position:relative;
	top:-50px;
	margin:0px auto;
	text-align:center;	
	display: inline-block;
}
div.buttondiv{
	position:relative;
	margin:0px auto;
	text-align:center;	
	padding:7px;
	padding-right:40px;
	padding-left:40px;
	z-index:2;
}
div.buttonopacitydiv{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;	
	opacity:0.20;
	filter:alpha(opacity=20);
	border-radius:8px;
	z-index:1;
}
td.emptytabmsg{
	text-align:center;
	font-weight:700;
	color:#FF0000;
}
input.readonlyclass{
	background-color:#E6E7E5;
}
	
tr.nobordertd td {
	border: 0;
	background-color:#FFFFFF;
	font-weight:700;
	text-align:left;
}

.linkimg{
	position:relative;
	cursor:pointer;
	top:2px;
}
.pageMessage{
	position:relative;
	margin:0px auto;
	width:500px;
	color:#000;
	top: 40%;
  	padding:15px;
  	background-color: #F7F0C5;
	border:3px solid #FFFFFF;
	text-align: center;
	box-shadow: 0px 0px 50px #000;
	background: linear-gradient(to right, #F7F0C5, #FFF);
    border-radius:5px;
	z-index:2;
	font-size:14px;
	font-weight:700;
	text-align:center; 
}

.searchinp{
	width:95%;
}

.selectHolder{
	position:relative;
	margin:0px auto;
	width:460px;
	background-color:#FFF;
	color:#000;
  	padding:5px;
  	border-radius:5px;
	border:1px solid #CCC;
	z-index:2;
	font-weight:700;
	text-align:center; 
}

.selectSearch{
	position:fixed;
	margin-left:-10px;
	margin-top:-10px;
	width:300px;
	padding:10px;
	padding-bottom:15px;
	text-align:center;
	background-color:#CCC;
	z-index:2;
	font-weight:700;
	background-color:#CFDEA5;
}
div.selectOption{
	padding:4px;
	background-color:#DCE0D6;
	color:#000;
	cursor:pointer;
	border:1px solid #ABAEA5;
	margin-bottom:2px;
}
div.normalHeader{
	position: relative;
	margin: 0px auto;
	width: 300px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-weight: 700;
	background-color: #F7F0C5;
	color: #000;
	border:3px solid #FFFFFF;
	text-align: center;
	box-shadow: 0px 0px 7px #999383;
	background: linear-gradient(to right, #F7F0C5, #FFF);
    border-radius:5px;
	margin-top:10px;
	margin-bottom:15px;
}
.TCGPageMessage{
	position:relative;
	margin:0px auto;
	width:90%;
	padding:4px;
	background-color:#E5FAB9;
	color:#000;
	border:1px solid #ABAEA5;
	margin-bottom:2px;
}
.TCGPageErrMessage{
	position:relative;
	margin:0px auto;
	width:90%;
	padding:4px;
	background-color:#FDE2E2;
	color:#000;
	border:1px solid #958B8B;
	margin-bottom:2px;
}
.buttonspan{	
	position:relative;
	top:2px;
	border:2px solid #FFFFFF;
	text-align: center;
	box-shadow: 0px 0px 10px #999383;
	padding:4px;
	cursor:pointer;
}
img.shortcut{
	position:relative;
	top:1px;
	cursor:pointer;
	width:16px;
	height:16px;
}

img.shortcutLarge{
	position:relative;
	top:2px;
	cursor:pointer;
	width:20px;
	height:20px;
}
.securityKeyDiv{
	position:relative;
	margin:0px auto;
	width:98%;
	text-align:center;
	font-weight:700;
}
.projectInput{
	cursor:pointer;
	background-color:#F4F4EB;	
	border:1px solid #5F5F5B;
}
.searchimg{
	position:relative;
	top:4px;
	width:16px;
	height:16px;
}
div.popupPrevNextHolder{
	position:absolute;
	left:8px;
	top:8px;
	width:50px;
	z-index:3;
}
div.popupPrevNext{
	position:fixed;
	width:50px;
	background-color:#FFF;
	padding:8px;
	border:1px solid #000;
	box-shadow: 0px 0px 12px #000;
}
.noteFont{
	color:#FF0000;
	font-size:10px;
}
div.divHeaderInTd{
	position:relative;
	padding:4px;
	background-color:#DCE0D6;
	color:#000;
	font-weight:700;
	border:1px solid #ABAEA5;
	display: inline-block;
	margin-bottom:3px;
}
div.searchopacitydiv{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#000;	
	opacity:0.30;
	filter:alpha(opacity=30);
	display:none;
	z-index:890;
}
tr.rowDragged{
    background-color: #CCCCCC;	
}

.linkFont{
	color:blue;
	cursor:pointer;
	font-weight:700;
}

.glowing-border {
    border: 1px solid #dadada;
    outline: none;
    border-color: #ff5c33;
    box-shadow: 0 0 8px #ff5c33;
}
.fadedivCust{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:none;
	background-color:#FFFFFF;
	opacity:0.90;
	filter:alpha(opacity=60);
	z-index:1000;
	text-align:center;
	font-weight:700;
	font-size:13px;
	color:#FF0000;
	background-position:center center;
    background-repeat:no-repeat;
}
table.optionparamtab{
	
}
table.optionparamtab td{
	padding:10px;
	border:1px solid #CCC;
}
.subprojectHolder{
	width:100%;
	margin-top:10px;
	display:none;
}
div.selectSubprojectOption{
	padding:4px;
	background-color:#E7EDDC;
	color:#000;
	cursor:pointer;
	border:1px solid #ABAEA5;
	margin-bottom:2px;
}
a.textMarker{
	display: inline-block;
	width:230px;
	height:20px;
	padding-top:4px;
	padding-left:3px;
	font-weight:700;
}
tr.rowDragged td{
	background-color:#ff4d4d;
}

/*Login page*/
img.fullpagebg{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
}
div.logon{
	position:fixed;
	top:20px;
	right:30px;
	padding:15px;
	padding-right:60px;
	z-index:5;
	border: 2px solid #FFF;
	border-radius:5px;
	box-shadow: 0px 0px 50px #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.tcglogo{	
	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:-5px;	
	cursor:pointer;
}
img.forgotpass{
	position:absolute;
	width:26px;
	height:26px;
	top:-2px;
	right:-45px;	
	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:#000;	
	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*/