﻿html{ width:100%; height:100%; margin:0; border:0; }

body 
{
	width:100%; margin:0px auto; text-align:center; min-height:100%; 
	border:0; font-family:Arial; color:#666; text-align:center; background-color:#CEDEE2;
}

table {border:0; padding:0; margin:0; border-collapse:collapse; vertical-align:top;}

p {}

img {border:0px;}

input[type="submit"] { width:125px !important; color:white !important; font-size:13px !important; height:30px !important; padding:6px 3px; border:0 !important; background-color:#586571; cursor:pointer; margin-bottom:5px !important; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, 
egend, input, button, p, blockquote, table, th, td 
{
	margin: 0;
	padding: 0;
}

fieldset, img, button { border: 0; }

ol, ul { list-style: none; }

a { color:#3B6E8F; text-decoration:none; }
a:hover { color:#8D9BA7; text-decoration:none; }

a img, :link img, :visited img { border: none; }
a:link { color: #0a2c39; text-decoration: none; }
a:visited { color: #0a2c39; text-decoration: none; }
a:hover, a:active { color: #0a2c39; text-decoration: underline; }
span.info { color:White; font-size:larger; margin:0; padding:0; font-weight:bold; }
span.infob { color:Black; font-size:larger; margin:0; padding:0; font-weight:bold; }

.colorA { color: #7C0048; }
.colorB { color: #027290; }
.colorC { color: #CEDEE2; }
.orangeButton { background-color:#F8911E; }
.greenButton { background-color:#005568; }



/* --------------------------------------------------------------------------------------*/
/*  MAIN DIVS                                                                            */
/* --------------------------------------------------------------------------------------*/
#container { text-align:center; width:1024px; height:100%; margin: 0 auto; padding:20px 0 35px; font-size:12px;}
#top { text-align:left; height:44px; background:#fff;  background-image:url(../images/Background-top.gif); background-repeat:no-repeat; }
#top_menu { float:right; margin:-15px 20px 0 0; padding:0; font-size:11px; color:#006983; }
#top_menu a { text-decoration:none; }
#content { clear:both; padding:15px 20px 0 20px; margin:0 5px 0px 20px; }
#header { clear:both; padding:10px; margin:5px; text-align:left; }
#middle { margin:0; height:auto; padding:0; background-image:url(../images/background-middle.gif); background-repeat:repeat-y; *overflow:auto; }
#middle_logo { float:left; position:relative; height:auto; width:390px; height:40px; margin:0px 0 0 15px; }
#middle_menu { float:left; position:relative; width:550px; min-width:550px; margin:14px 0 0; padding:0; white-space:nowrap; text-align:right; }
#content_body { width:100%; height:auto; margin:0; padding:0; background-image:url(../images/Background-middle.gif); background-repeat:repeat-y; }
#footer { clear:both; margin:0; height:44px; padding:0; background-image:url(../images/Background-bottom.gif); background-repeat:no-repeat; } 

/* --------------------------------------------------------------------------------------*/
/*  MENU                                                                                 */
/* --------------------------------------------------------------------------------------*/
.menuItem, a.menuItem, a.menuItem:visited, .menuItem2, a.menuItem2, a.menuItem2:visited 
{
	font-family:Arial; font-size:10pt; padding:10px 20px 5px 0; border:0px;
	color:#000;	white-space:nowrap;	text-decoration:none; vertical-align:top;
}

.menuItem2, a.menuItem2, a.menuItem2:visited
{
	color:black;
}

a.menuItem:hover, a.menuItem:visited:hover
{
	text-decoration:none; color:#651E46; white-space:nowrap;
}

#dropmenudiv
{	
	position:absolute; text-align:left; line-height:20px; z-index:100; margin:0; padding:0; 
	background-color:Transparent; width:100%;  border:0; border-top:0.1em solid #006983;
}

#dropmenudiv a
{
	font-family:Arial; font-size: 9pt; color: #666; width:100%; display: block;
	text-decoration: none; font-weight: normal; 
	background-color:#fff; padding-left:5px; border-right:0.1em solid #006983; 
	border-left:0.1em solid #006983; border-bottom:0.1em solid #006983;
}

#dropmenudiv a:hover{ /*hover background color*/
	background-color: #651E46; color: #fff;
}

/* DEFINITION LISTS */
/* ------------------------------------------------------------------------------ */
	dl { position: relative; color:#666; padding:0; clear:both; line-height:160%; width:100%; margin:0 0 10px 0; height:auto; overflow:auto; font-family:Arial; font-size:9pt; color:Black; }
	
	dt { float:left; clear: both; width: 80px; margin:0; padding:0; padding-bottom: 2px; text-align: right; font-weight:bold; min-height:1em; }
	dd { float: left; width: 500px; margin:0; margin-left:6px; padding-bottom: 2px; height:auto; display:block;	text-align:left; }
	dd.all {width:100%; clear:both; text-align:left; }
	dd.buttons { width:100%; text-align:left; padding:0; margin: 10px 0 0 0;}	
	
	dl.small {width:100%; }
	dl.small dt { width:65px; }
	dl.small dd { width:210px; }
	
	dl.small1 {width:100%; }
	dl.small1 dt { width:120px; }
	dl.small1 dd { width:120px; }

	dl.smaller { width:100%; }
	dl.smaller dt { width:75px; }
	dl.smaller dd { width:60px; }

	dl.medium { margin:0; margin-top:15px;}
	dl.medium dt { width:200px; font-weight:bold; color:white; margin:0; padding:0 0 3px 0;}
	dl.medium dd { width:500px; margin:0; padding:0 0 3px 0; }

	dl.middle { margin:0; margin-top:15px;}
	dl.middle dt { width:360px; font-weight:bold; color:white; margin:0; padding:0 0 3px 0;}
	dl.middle dd { width:440px; margin:0; padding:0 0 3px 0; }

	dl.middleb { margin:0; margin-top:15px;}
	dl.middleb dt { width:360px; font-weight:bold; color:black; margin:0; padding:0 0 3px 0;}
	dl.middleb dd { width:440px; margin:0; padding:0 0 3px 0; }
	dl.middleb dd.all { width:100%; margin:0; padding:0 0 3px 0; }

	dl.middleb1 { margin:0; margin-top:15px;}
	dl.middleb1 dt { width:400px; font-weight:bold; color:black; margin:0; padding:0 0 3px 0;}
	dl.middleb1 dd { width:400px; margin:0; padding:0 0 3px 0; }
	dl.middleb1 dd.all { width:100%; margin:0; padding:0 0 3px 0; }
	

	dl.wide { margin:0; margin-top:15px;}
	dl.wide dt { width:220px; font-weight:bold; color:white; margin:0; padding:0 0 3px 0;}
	dl.wide dd { width:600px; margin:0; padding:0 0 3px 0; }

	dl.wide1 { margin:0; margin-top:15px;}
	dl.wide1 dt { width:150px; font-weight:bold; color:white; margin:0; padding:0 0 3px 0;}
	dl.wide1 dd { width:670px; margin:0; padding:0 0 3px 0; }
	dl.wide1 dd.all { width:100%; margin:0; padding:0 0 3px 0; }

	dl.grid { margin:0; padding:0; margin-top:15px; }
	dl.grid dt { width:180px; font-weight:bold; margin:0; padding:0 0 3px 0; }
	dl.grid dd { width:300px; margin:0; padding:0 0 3px 0; }

	dl.grid0 { margin:0; padding:0;  }
	dl.grid0 dt { width:190px; font-weight:bold; margin:0; padding:0 0 3px 0; }
	dl.grid0 dd { width:240px; margin:0; padding:0 0 3px 0; }

	dl.grid1 { margin:0; padding:0;  }
	dl.grid1 dt { width:140px; font-weight:bold; margin:0; padding:0 0 3px 0; }
	dl.grid1 dd { width:300px; margin:0; padding:0 0 3px 0; }
	dl.grid1 dt.first, dl.grid1 dd.first { margin-top:15px; }
	
	dl.grid1a { margin:0; padding:0;  }
	dl.grid1a dt { width:140px; font-weight:bold; margin:0; padding:0 0 3px 0; }
	dl.grid1a dd { width:350px; margin:0; padding:0 0 3px 0; }	

	dl.grid1b { margin:0; padding:0;  }
	dl.grid1b dt { width:10px; font-weight:bold; margin:0; padding:0 0 3px 0; }
	dl.grid1b dd { width:430px; margin:0; padding:0 0 3px 0; }	
	
	dl.grid1c { margin:0; padding:0;  }
	dl.grid1c dt { width:90px; font-weight:bold; margin:0; padding:0 0 3px 0; }
	dl.grid1c dd { width:400px; margin:0; padding:0 0 3px 0; }	

	dl.grid2 { margin:0; padding:0; margin-top:15px; }
	dl.grid2 dt { width:170px; font-weight:bold; margin:0; padding:0 0 3px 0; }
	dl.grid2 dd { width:260px; margin:0; padding:0 0 3px 0; }

	dl.grid2a { margin:0; padding:0; margin-top:15px; }
	dl.grid2a dt { width:160px; font-weight:bold; margin:0; padding:0 0 3px 0; }
	dl.grid2a dd { width:275px; margin:0; padding:0 0 3px 0; }
	
	dl.grid3 { margin:0; padding:0;  }
	dl.grid3 dt { width:105px; font-weight:bold; margin:0; padding:0 0 3px 0; text-align:left; white-space:nowrap; }
	dl.grid3 dd { width:725px; margin:0; padding:0 0 3px 0; }

	dl.grid3a { margin:0; padding:0;  }
	dl.grid3a dt { width:140px; font-weight:bold; margin:0; padding:0 0 3px 0; text-align:left; white-space:nowrap; }
	dl.grid3a dd { width:710px; margin:0; padding:0 0 3px 0; }

	dl.grid4 { margin:0; padding:0; margin-top:2px; }
	dl.grid4 dt { width:150px; margin:0; padding:0 0 3px 0; }
	dl.grid4 dd { width:660px; margin:0; padding:0 0 3px 10px; }
	
	dl.grid5 { margin:0; padding:0; margin-top:2px; }
	dl.grid5 dt { width:125px; margin:0; padding:0 0 3px 0; }
	dl.grid5 dd { width:515px; margin:0; padding:0 0 3px 10px; }

	dl.grid6 { margin:0; padding:0; margin-top:2px; }
	dl.grid6 dt { width:220px; margin:0; padding:0 0 3px 0; }
	dl.grid6 dd { width:250px; margin:0; padding:0 0 3px 0; }

	dl.grid7 { margin:0; padding:0; }
	dl.grid7 dt { width:250px; margin:0; padding:0; }
	dl.grid7 dd { width:220px; margin:0; padding:0; }

	dl.grid8 { margin:0; padding:0;  }
	dl.grid8 dt { width:220px; font-weight:bold; margin:0; padding:0 0 3px 0; }
	dl.grid8 dd { width:150px; margin:0; padding:0 0 3px 0; }

	dl.grid9 { margin:0; padding:0; }
	dl.grid9 dt { width:220px; margin:0; padding:0; }
	dl.grid9 dd { width:230px; margin:0; padding:0; }
	
	dl.grid10 { margin:0; padding:0 0 15px 0; }
	dl.grid10 dt { width:110px; margin:0; padding:0; text-align:right; }
	dl.grid10 dd { width:110px; margin:0; padding:0; text-align:left; }

	dl.grid dd.all, dl.grid1 dd.all, dl.grid2 dd.all, dl.grid3 dd.all, dl.grid4 dd.all, dl.grid5 dd.all, dl.grid6 dd.all, dl.grid7 dd.all,  dl.grid9 dd.all,  dl.grid10 dd.all
	{ width:90%; clear:both; text-align:left; padding:0 0 0 10px; margin:0; }

/* --------------------------------------------------------------------------------------*/
/*  MISC                                                                                 */
/* --------------------------------------------------------------------------------------*/

.gridRight { padding-right:16px; }
.gridLeft { padding-left:16px; }
.gridButton { font-weight:bold !important; color:#641F45 !important; text-decoration:none !important; }

.litLogo
{
	white-space:nowrap; min-width:250px; max-height:30px; text-align:right; font-family:Arial; 
	padding-bottom:3px;	padding-right:40px;	color:#fff;	font-size:12pt;	width:100%;
}

.logo { max-width:300px; max-height:30px; text-align:right; *padding-bottom:5px; }

.footer { font-family:arial; font-size:9px; color:#006983; text-align:left; padding:0; margin:-3px 0 0 30px; }

a.footer, a.footer:visited 
{
	font-family:arial; font-size:9px; color:#006983; text-align:left;  
	text-decoration:none; padding:0; margin:0;
}

a.footer:hover, a.footer:visited:hover
{
	font-family:arial; font-size:9px; color:#7D0849; text-align:left; 
	text-decoration:none; padding:0; margin:0;
}

.Body {	font-family:Arial; font-size:11pt; color:#0a2c39; border:none; line-height:170%; }

a.Body { color:#0a2c39; text-decoration:none; }

.gridItems { font-family:Arial;	font-size:13pt; color:#0a2c39; }

#splash_home_a { width:925px; height:460px; margin:0; padding:0; margin-left:10px; background-image:url('../images/i_cell_bank_a.png'); background-repeat:no-repeat; z-index:0;  }
#splash_home_b { width:925px; height:460px; margin:0; padding:0; margin-left:10px; background-image:url('../images/i_cell_bank_b.png'); background-repeat:no-repeat; z-index:0;  }
#splash_top { width:954px; height:32px; margin:6px 0 0 0; background-image:url('../images/card-top.gif'); background-repeat:no-repeat; }
#splash_middle { width:954px; height:auto; margin:0; padding:0; min-height: 150px; background-image:url('../images/card-middle.gif'); background-repeat:repeat-y; }
#splash_bottom { width:954px; height:32px; background-image:url('../images/card-bottom.gif'); background-repeat:no-repeat; }

.splash
{
	clear:both; font-family:Arial; font-size:10pt; height:auto; margin:0; letter-spacing:1px; vertical-align:top;
	border:0; line-height:140%; color:white; text-align:left; padding:0px 40px 0px 30px; overflow:auto;
}
.splash_home_text 
{
	width:415px; height:auto; float:left; font-family:Arial; font-size:11pt; margin:310px 0 0 20px; letter-spacing:1px; 
	border:none; line-height:140%;	text-align:left; padding:0; overflow:auto; color:#156B86;
}
.splash span { padding-right:10px; }

.splash p { padding:0 0 20px 0;  text-align:justify; }
.splash p.last { padding:0;  }

.intro_label { font-size: 13px; color: white; margin:0 0 0 50px; padding:0; *margin-bottom:10px; }
img.imgRight {float:right; position:relative; margin:0; padding: 0 0 10px 20px; margin: -7px 0 -5px 0;}
img.imgLeft {float:left; position:relative; margin:0; padding: 0 20px 10px 0; margin:-7px 0 0 -5px; }
img.imgMiddle { vertical-align:middle; }

a.splash { text-decoration:underline; color:white; padding:0; margin:0; *top:0; }

.FAQ { font-family:Arial; clear:both; font-size:11pt; display:inline-block; border:none; line-height:160%; cursor: pointer; cursor: hand; }
.FAQans { font-family:Arial; clear:both; font-size:11pt; display:inline-block; margin-left:20px; color:#ccc; line-height:110%; padding-bottom:5px !important; text-align:left !important; } 

.citation, a.citation, a.citation:visited
{
	font-size:8pt; color:#999;/*#7D0849;*/ border:none; text-decoration:none; line-height:100%;
}

.captcha { float:left; }
.captcha div { margin:5px 0 0 0 !important; }
.captcha span { margin:0px !important; }
.captcha div { text-align:left !important; }
.captcha input[type="text"]  { width:140px; margin:0px !important; }

a.citation:hover, a.citation:visited:hover { text-decoration:underline; }

#references { text-align:left; clear:both; padding:8px 15px 10px 5px;}
#references span.title { font-weight:bold; font-size:10pt; padding:0; margin:0 0 3px 0;}
#references span.black { color:Black; letter-spacing:0;}
.references { font-size: 10pt;border:none; }
a.references { font-family:Arial; color:Black; text-decoration:underline; font-weight:bold; letter-spacing:0; }
.logo_banner { clear:both; padding:5px 0 40px 0; margin:0 auto; text-align:center; }
.logos_banner { clear:both; padding:5px 0 40px 0; margin:0 auto; text-align:center; background:url('../images/allLogos.png'); background-repeat:no-repeat; width:702px; height:62px; }

.super { font-size:60%; line-height: 140%; vertical-align:super; }
.clear { clear:both; }
.clearAuto {clear:both; height:auto; overflow:auto; *height:100%; }
.right { float:right; }
.righta { text-align:right; }
.left { float:left; }
.lefta { text-align:left; }
.center {text-align:center; }
.centerMargin { margin:0 auto; }
hr.thin { height: 1px; border:0; color: #0E6D8A; background-color:#0E6D8A; width: 98%; margin:0 auto; padding:0; clear:both; } 
.bold { font-weight:bold; }
.largeBody { font-style:italic;	font-size:14pt;	color:#0a2c39; font-weight:bold; *line-height:120%; }
.medBody { font-style:italic;	font-size:12pt;	color:#0a2c39; font-weight:bold; *line-height:120%; }
.smallFont { font-size:8pt; }
.white { color:White !important;}
.top { vertical-align:top; }
.rbl label { padding:0 7px 0 3px; }
.error { color:Orange !important; text-align:center; }
.errorMsg {text-align:left; color:Orange !important; }
.errorMsgRed {text-align:left; color:Red !important; }
.errorAsterisk { color:Red; font-size:14px; font-family:Verdana, Arial; font-weight:bold; margin:0; vertical-align:middle; line-height:100% !important; padding-right:5px !important; }
.divError { text-align:center; clear:both; margin:0; padding:0; padding-top:5px; }
.userMsg {font-size:13pt; font-weight:bold; }
.userMsgB {font-size:13pt; font-weight:bold; color:black; }
.userMsg11 {font-size:11pt; font-weight:bold; }
.msgGrid { font-size:10pt; text-align:left; font-weight:bold; padding-left:10px;  }
.requiredW { color: white; font-size:8pt; margin:0; margin:0; padding:0; text-align:left; }
.requiredB { color: black; font-size:8pt; margin:0; margin:0; padding:0; text-align:left; }
.forgotPassword { color:white !important; font-size:8pt; font-weight:bold; margin:0; padding:0; }
.innerPanelBackColor { background-color:#BEDAE4; }
.asteriskW { color:White; font-size:11pt; margin:0; padding:0; padding-right:3px !important; }
.asteriskB { color:Black; font-size:11pt; margin:0; padding:0; padding-right:3px !important; }                       
.inputText { font-family:Arial; font-size:9pt; color:Black; }
.multiLine { max-width:98%;width:210px;height:49px }
.multiLine1 { max-width:98%;width:380px;height:63px }
.multiLine2 { max-width:98%;width:570px;height:63px }
.multiLine3 { max-width:98%;width:270px;height:80px }
.multiLine4 { max-width:98%;width:410px;height:63px } 
.multiLine5 { max-width:98%;width:620px;height:50px } 
.multiLine6 { max-width:98%;width:225px;height:60px } 
.multiLine7 { max-width:98%;width:275px;height:49px } 
.multiLine8 { max-width:98%;width:433px;height:49px }
.ddlCulture { height:21px; min-width:73px; text-align:left; margin:auto; }
.padLeft { padding-left:10px; }
.hr1 { height:1px; border:0; color:#333; background-color:#333; width:99%; padding:0; }
.alertPanel { height:auto; max-height:150px; width:870px; border:0; *max-height:100%; }
.samplesPanel { height:auto; max-height:150px; width:870px; border:0; z-index:10; *max-height:100%; }
.alertMsg { text-align:left; font-size:8pt; }
.alertMsgPanel { height:200px; border:0; margin:0; padding:0; margin-top:-10px;  }
.noBorder { border:0 !important; }
.disabled { background-color:Gray !important; }
.nowrap { white-space:nowrap; }
.noPadding { padding:0; }
.noMargin { margin:0; }
.legend { margin:0 auto; text-align:left; width:220px; }
.legend tr td { padding:3px 0 0 10px !important; }
.legend tbody { padding:10px !important; }
.legend tr td img { padding:0 !important; margin:0 10px 0 0; vertical-align:middle; }
.legend tr td span { margin:0px 7px 0 0; }
.dispNone { display:none; }
div.buttons { width:100%; text-align:center; padding:0; margin: 10px 0 20px;}	
div.buttonsc { width:100%; text-align:center; padding:0; margin: 10px auto 20px;}	

.trainingOnly { margin:0 auto; padding:0; height:30px; width:200px; } 
.trainingOnly span { font-size:18px; font-weight:bold; white-space:nowrap; text-transform:capitalize; color:red; margin:0; padding:0 0 0 80px; position:relative; top:23px; letter-spacing:3px;  }
.topInstructions { clear:both; margin:0 auto; padding:10px 0 15px; text-align:center; max-width:85%; }
.topInstructionsBB { clear:both; margin:10px 0; color:black; font-size:11pt; font-weight:bold; text-align:center;  }
.topInstructionsB { clear:both; color:black; height:auto; text-align:center;  }
.topInstructionsWB { clear:both; margin:10px 0; color:white; font-size:11pt; font-weight:bold; }
.topInstructionsW { clear:both; color:white;  }

#divProgress { margin:0; width:auto; height:auto; padding:0; text-align:center; z-index:100; }
#divProgress .progress {margin:0 auto; padding:0; width:32px; height:32px; text-align:center; background:transparent url(../images/ajax-loader-bkg.gif) no-repeat center center !important;  }
#divProgress1 { margin:0; width:auto; height:auto; padding:0; text-align:center; z-index:100; }
#divProgress1 .progress {margin:0 auto; padding:0; width:32px; height:32px; text-align:center; background:transparent url(../images/ajax-loader-bkg.gif) no-repeat center center !important;  }

.inputLabelText
{
	font-family:Arial; font-size:10pt; color:#0a2c39; text-align:right;
	font-weight:bold; padding-right:10px; white-space:normal; vertical-align:top;
}

.inputHeaderText
{
	font-family:Arial; font-size:10pt; color:#0a2c39; text-align:left;
	font-weight:bold; padding-left:10px; white-space:nowrap; vertical-align:top;
}

.welcome
{
	font-family:Arial; font-size:24pt; font-style:italic; font-weight:bold;
	height:80px; padding-left:40px;	width:100%;
}

.header, .headerPub
{
	float:left;	font-size:18pt;	font-style:italic; font-weight:bold; 
	padding:0 0 0 40px; white-space:nowrap; text-align:left;
}

.headerTable {	width:100%;	text-align:left; }

.headerPub { padding-left:0px; }

.headerRight { text-align:right; width:100%; padding-right:40px; }

.userTitle { font-family:Arial; font-size:14pt; color:Black; font-weight:bold; }

.userBold { font-family:Arial; font-size:10pt; color:#006983; font-weight:bold; }

.userBoldLeft { font-family:Arial; font-size:10pt; color:#006983; font-weight:bold; text-align:left; padding-left:4px; }

.userCopy {	font-family:Arial; font-size:10pt;	color:Black; }

.response { font-family:Arial; font-size:12pt; color:#7D0849; font-style:italic; font-weight:bold; }

a.userCopy, a.userCopy:link, a.userCopy:visited { color:#00728F; text-decoration:none;  }

a.userCopy:hover, a.userCopy:hover:hover, a.Body:hover { text-decoration:underline; }

.alert { font-family:Arial; font-size:14pt; color:#7D0849; font-weight:bold; font-style:italic; }
.alertSm { font-family:Arial; font-size:10pt; color:Orange; font-weight:bold; font-style:italic; }

.alertW { font-family:Arial; font-size:14pt; color:Orange; font-weight:bold; font-style:italic; }
.alertSmW { font-family:Arial; font-size:10pt; color:Orange; font-style:italic; }

.alertLink, a.alertLink:link, a.alertLink:visited { font-family:Arial; font-size:10pt; color:#0a2c39; text-decoration:none; }

a.alertLink:hover, a.alertlink:visited:hover { text-decoration:underline; }

/* BUTTONS */
/* ------------------------------------------------------------------------------ */
.continueButton, a.continueButton, a.continueButton:visited, a.continueButton:hover, 
.cancelButton, a.cancelButton, a.cancelButton:hover, a.cancelButton:visited
{
	text-align:center; font-family:Arial; font-size:10pt; 
	color:white; font-weight:bold; text-decoration:none; display:inline-block;
	letter-spacing:normal; line-height:120%; min-width:100px; padding:6px; 
}

.continueButton, a.continueButton 
{
	background-color:#005568; 
}			

a.continueButton:hover, a.continueButton:visited, a.cancelButton:hover, a.cancelButton:visited
{
	background-color:#F8911E; 
}

.cancelButton, a.cancelButton
{
	background-color:#7D0849;  
}

/* ------------------------------------------------------------------------------ */

table.gridStyle tr.printoutHeader th
{
	font-family:Arial; font-size:10pt; color:Black; text-align:left; border:0; 
}

.gridStyle th { text-align:left; }

.gridStyle, .altGridStyle
{
	color:#0a2c39; margin:0; border:hidden 0px #BEDAE4; border-collapse:collapse; height:26px; 
}

.gridStyle td, .altGridStyle td, .gridStyle th, .altGridStyle th 
{
	padding-left:4px; border:0; 
}

.firstCol { padding-left:10px !important; }
.firstCol20 { padding-left:20px !important; }
.firstCol30 { padding-left:30px !important; }

.altGridStyle
{
	background-color:#D5E7EE;
}

a.gridStyle:link, a.gridStyle:hover, a.gridStyle:visited
{
	color:#BEDAE4; text-decoration:none;
}

.gridStyleHeader
{
	margin:0; padding:0; text-align:left; font-size:10pt; height:40px; font-weight:bold; 
}

.gridStyleHeaderB
{
	margin:0; padding:0; text-align:left; font-size:10pt; height:30px; font-weight:bold; color:Black;
}

.gridStyleHeaderW
{
	margin:0; padding:0; text-align:center; font-size:10pt; height:30px; font-weight:bold; color:White; border:1px #7C0048 solid !important; background-color:#7C0048;
}


.fixedHeader
{
  top:expression(this.offsetParent.scrollTop );  background-color:#BEDAE4;
  position:relative; font-weight:bold; color:#0a2c39; text-decoration:none;
   /*z-index:2;*/
}

.barcodeCount 
{
	margin:0; padding:0; text-align:right;
}

.treeView { width:450px; height:auto; }


/* Design */

.printThis
{
	text-align:left; background-color:White; height:100%;width:100%; position:absolute; z-index:30; top:0; left:0;
}

.tankRackEmpty,.tankRackFull,.tankRackHalf,.tankRackNull,.tankRackBad,.tankRackBag,.tankRackVial
{
	height:55px; width:12px; max-width:12px; font-size:7pt; border-right:solid 1px white; line-height:100%; text-align:center; vertical-align:middle; 
}

.tankRackEmpty { background-color:#8BC53F; }

.tankRackFull { background-color:#803000; }

.tankRackHalf { background-color:#808000; }

.tankRackBag { background-color:#808000; }

.tankRackVial {	background-color:#FFD500; }

.tankRackNull { background-color:#bbbbbb; color:#555555; border-right:solid 1px #555555; }

.tankRackBad { background-color:black; color:white; border-right:solid 1px #555555; }

.rackNum, .rackNumPointer
{
	writing-mode:tb-rl; 
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
}

.rackNumPointer
{
   cursor:pointer;
}

.nextAvailable
{
	z-index:105;
	position:absolute; margin-top:-160px; margin-left:-33px; font-size:14px; font-family:Arial;
	font-weight:bold; color:#00728F; padding:10px; text-align:center; width:187px; height:120px;	
	background:url('../images/tankPointer.png') no-repeat;	line-height:120%;
	
}

.quadrant
{
	z-index:103; position:absolute; font-size:40px; font-weight:bold; font-family:Arial;
	-moz-opacity:.5; -khtml-opacity:.5; filter:alpha(opacity=50); color:white;

}

.vialRed,.vialYellow,.vialBlue,.vialClear
{
	height:20px; width:22px; font-size:8pt;  border:solid 1px black; line-height:100%; text-align:center; vertical-align:middle; 
}

.vialEmpty { background-color:#bbbbbb; color:#555555; border-right:solid 1px #555555; }

.vialRed { background-color:Red; font-weight:bold; color:White; }

.vialYellow { background-color:Yellow; font-weight:bold; color:Black;}

.vialBlue { background-color:Blue; font-weight:bold; color:White;}

.vialClear { background-color:White; font-weight:bold; color:Black; border-right:solid 1px #555555; }

.vialEmpty,.vialDullRed,.vialDullYellow,.vialDullBlue,.vialDullClear
{
	height:20px; width:22px; font-size:7pt; border-right:solid 1px black; line-height:100%; text-align:center; vertical-align:middle; 
}

.vialDullClear { background-color:#EBEADD; font-weight:lighter; color:Black; border-right:solid 1px #555555;}

.vialDullRed { background-color:#EB262F; font-weight:lighter; color:White; }

.vialDullYellow { background-color:#E6D32C; font-weight:lighter; color:Black;}

.vialDullBlue { background-color:#2C69D9; font-weight:lighter; color:White;}

table.dewar { border-collapse:collapse; clear:both; height:auto; overflow:auto;  }
table.dewar table.subTbl { border-collapse:collapse; display:inline; height:55px; max-height:55px; overflow:auto; }
table.dewar tr.leftCol { display:inline; height:53px; max-height:53px; overflow:auto; }
table.dewar tr.rightCol { display:inline; height:53px; max-height:53px; overflow:auto; }
table.dewar tr.leftCol td, table.dewar tr.rightCol td  { border-left:solid 1px black; border-top:solid 1px black; border-bottom:solid 1px black;  }
table.dewar tr.leftCol td div {  }

#closeButton
{
	z-index:30; text-align:center; vertical-align:top; margin-top:5px; 
	margin-left:100px; position:absolute;
}

a.SelectQuadrant:hover { border:solid 2px white; }

.divFixedHeader {
    /* So the overflow scrolls */
    overflow:auto; border:none;
}

.divFixedHeader table th {
    /* Keep the header cells positioned as we scroll */
    position:relative;
    
    /* Style */
    color: #0a2c39; background: #BEDAE4; font-weight: bold; border-bottom: solid 0px #CCCCCC; text-align: left;
    
}

.divFixedHeader table th a { color: #0a2c39;  }            

.divFixedHeader table tbody {
    /* For alignment of the scroll bar */
    overflow-x:hidden;
} 

.divItems { clear:both; overflow:auto; margin:0; padding:10px 0; }
.divMsg { clear:both; padding:10px 8px; text-align:left; }
.divGrid { clear:both; height:auto; overflow:auto; width:100%; margin:0; padding:0; border:0; }
.divGridL, .divGridL1 { width:510px; float:left; clear: both; margin:0; padding:15px 0 10px 0; border:0; height:auto; text-align:left; border-color:White;}
.divGridR, .divGridR1 { width:370px; float: left; margin:0; padding:15px 0 10px 0; border:0; height:auto; display:block; text-align:left; }
.divGridL1, .divGridR1 { width:440px; }
.divGridL2 { width:510px; float:left; margin:0; padding:15px 0 10px 0; border:0; height:auto; text-align:left; min-height:330px;  }
.divGridR2 { width:370px; float: left; margin:0; padding:15px 0 10px 0; border:0; height:auto; display:block; text-align:left; min-height:330px; }
.divGridR2 div { margin:0 auto; }
.divGridC1 { width:245px; clear: both; margin:0; padding:15px 0 15px 0; border:0; height:auto; text-align:center; border-color:White;  
             display: inline-block;}

table.pub { width:885px; max-width:885px; margin:0 auto; padding:0; text-align:left;}
table.pub td table { width:100%; max-width:100%; margin:0 auto; padding:0; text-align:left !important; }
table.pub td { width:110px; min-width:110px; vertical-align:top; text-align:left !important; white-space:normal; padding:5px 3px; }
table.pub td.title { max-width:110px;  }
table.pub td.summ { width:360px; max-width:360px; min-width:360px; }
table.pub td.noPubs { padding:10px 0 20px 25px; }

.tvUser { height:10px; color:#0A2C39; Padding:0; Margin:0; Width:300px; }
.tvParent { height:10px; color:#0A2C39; Padding:0; Margin:0; Width:320px; }
.tvRoot {height:10px; color:#0A2C39; Padding:0; Margin:0; Width:330px; }
.tvSelected { height:10px; color:#0A2C39; Padding:0; Margin:0; Width:310px;  }

/* ------------------------------------------------------------------------------ */
/* POPUP                                                                          */
/* -------------------------------------------------------------------------------*/
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a { cursor: pointer; text-decoration:none; }
br.both { clear:both; }
.pageLabel { font-size:16px; color:#666; font-weight:bold;  padding:10px 0; letter-spacing:1px;  }
#backgroundPopup, #backgroundPopupModal { display:none; position:fixed; height:100%; width:100%; top:0; left:0; background:#000000; border:1px solid #cecece; z-index:10; }
#popupContact { display:none; position:fixed; height:auto; width:auto; background:#FFFFFF; margin:0; margin-top:0px; border:2px solid #cecece; z-index:100; padding:12px; font-size:12px; 
				width:500px; height:130px; vertical-align:top; top:200px; margin-left:250px !important; }
#popupContact h1 { text-align:left; color:#6FA5FD; font-size:20px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:10px; }
#popupContactClose { font-size:14px; line-height:14px; right:10px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; }
#popupCryobox { display:none; position:fixed; height:auto; width:auto; background:#FFFFFF; margin:0; margin-top:0px; border:2px solid #cecece; z-index:100; padding:12px; font-size:12px; 
				width:500px; height:130px; vertical-align:top; top:200px; margin-left:250px !important; }
#popupCryobox h1 { text-align:left; color:#6FA5FD; font-size:20px; font-weight:700; border-bottom:1px dotted #D3D3D3; padding-bottom:2px; margin-bottom:10px; }
#popupCryoboxClose { font-size:14px; line-height:14px; right:10px; top:4px; position:absolute; color:#6fa5fd; font-weight:700; display:block; }
span.sampleBox { text-align:left !important; font-size:12px !important;}

