﻿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; }

.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.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.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.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.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.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.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.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 
	{ width:90%; clear:both; text-align:left; padding:0 0 0 10px; margin:0; }

/* --------------------------------------------------------------------------------------*/
/*  MISC                                                                                 */
/* --------------------------------------------------------------------------------------*/

.gridRight
{
	padding-right:16px;
}

.gridLeft
{
	padding-left:16px;
}

.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: 14px; 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; }

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; }
.left { float:left; }
.center {text-align:center; }
.centerMargin { margin:0 auto; }
hr.thin { height: 1px; border: 0; color: #333; background-color: #333; width: 100%; } 
.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:red; text-align:center; }
.errorMsg {text-align:left; color:red; }
.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; }
.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%; }
.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; }

#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;  }

.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:#7D0849; font-weight:bold; 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; }

.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;
}

.fixedHeader
{
  top:expression(this.offsetParent.scrollTop );  background-color:#BEDAE4;
  position:relative; font-weight:bold; color:#0a2c39; text-decoration:none;
   /*z-index:2;*/
}


/* 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:8px; font-size:5pt; border-right:solid 1px white; line-height:100%;
}

.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 { writing-mode:tb-rl; }

.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;

}

#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; }

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; }

/* ------------------------------------------------------------------------------ */
/* 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; }

