﻿/* dark blue: #0a2c39 -- light blue: #BEDAE4 -- lighter blue: #D5E7EE -- burgandy: #641F45 -- orange: #FF7F00*/

html 
{
	font-family:Arial Unicode MS;
	font-size: 100%; 
	min-height: 100%;
	}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, hr, pre, form, fieldset, legend, input, button, p, blockquote, table, th, td {
	margin: 0;
	padding: 0;
}

table 
{
	border-collapse: collapse;
	margin:auto;
}

fieldset, img, button {
	border: 0;
}

ol, ul {
	list-style: none;
}

/* General */

body 
{
	font-family:Arial;
	text-align: center;
	min-height:100%;
	font:arial;
}

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; }

/* Classes */

.menuItem, a.menuItem, a.menuItem:visited, .menuItem2, a.menuItem2, a.menuItem2:visited 
{
	font-family:Arial;
	font-size:10pt;
	padding-bottom:5px;
	color:#fff;
	white-space:nowrap;
	text-decoration:none;
}

.menuItem2, a.menuItem2, a.menuItem2:visited
{
	color:black;
}

a.menuItem:hover, a.menuItem:visited:hover
{
	text-decoration:none;
	color:#641F45;
	white-space:nowrap;
}

.gridRight
{
	padding-right:16px;
}

.gridLeft
{
	padding-left:16px;
}

.litLogo
{
	white-space:nowrap;
	min-width:250px;
	text-align:right; 
	font-family:Arial;
	padding-bottom:5px;
	padding-right:40px;
	color:#fff;
	font-size:10pt;
	width:100%;
}

.logo
{
	max-width:300px;
	max-height:80px;
	width:expression(this.width > 300 ? 300:true);
    height:expression(this.height > 80 ? 80:true);
}

.footer, a.footer, a.footer:visited 
{
	font-family:arial;
	font-size:7pt;
	color:#006983;
	text-align:left;
	width:100%;
	height:100%;
	text-decoration:none;
}

a.footer:hover, a.footer:visited:hover
{
	font-family:arial;
	font-size:7pt;
	color:#641F45;
	text-align:left;
	width:100%;
	text-decoration:none;
}

.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
{
	font-family:Arial;
	font-size:10pt;
	letter-spacing:1px;
	color:white;
	border:none;	
	line-height:140%;
	text-align:justify;
}

a.splash
{
	text-decoration:underline;
	text-align:justify;
	color:white;
}

.FAQ
{
	font-family:Arial;
	font-size:11pt;
	color:white;
	border:none;
	line-height:170%;
	cursor: pointer; 
	cursor: hand;
}

.citation, a.citation, a.citation:visited
{
	font-family:Arial;
	font-size:8pt;
	color:#cccccc;/*#641F45;*/
	border:none;
	text-decoration:none;
	line-height:100%;
}

a.citation:hover, a.citation:visited:hover
{
	text-decoration:underline;
}

.references
{
	font-family:Arial;
	font-size:10pt;
	color:#222222;
	border:none;
}

a.references
{
	text-decoration:underline;
	color:Black;
}

.super
{
	font-size:60%;
	line-height: 140%;
	vertical-align:super;
}

.largeBody
{
	font-family:Arial;
	font-style:italic;
	font-size:14pt;
	color:#0a2c39;
	font-weight:bold;
}

.error
{
	font-family:Arial;
	font-style:italic;
	font-size:14pt;
	color:white;
}

.inputText
{
	font-family:Arial;
	font-size:8pt;
	color:Black;
}

.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;
	color:White;
	font-style:italic;
	font-weight:bold;
	height:80px;
	padding-left:40px;
	width:100%;
}

.header, .headerPub
{
	font-family:Arial;
	font-size:20pt;
	color:White;
	font-style:italic;
	font-weight:bold;
	height:50px; 
	padding-left:40px; 
	white-space:nowrap;
	width:100%;
}

.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;
}

table.gridStyle tr.printoutHeader th
{
	font-family:Arial;
	font-size:10pt;
	color:Black;
   text-align:left;
   border:none;
   
}

.response
{
	font-family:Arial;
	font-size:12pt;
	color:#641F45;
	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:#641F45;
	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;
}

.continueButton, a.continueButton, a.continueButton:visited, a.continueButton:hover, 
.continueButtonWide, a.continueButtonWide, a.continueButtonWide:hover, a.continueButtonWide:visited,  
.continueButtonWW, a.continueButtonWW, a.continueButtonWW:hover, a.continueButtonWW:visited,
.cancelButton, a.cancelButton, a.cancelButton:hover, a.cancelButton:visited,
.cancelButtonWide, a.cancelButtonWide, a.cancelButtonWide:hover, a.cancelButtonWide:visited,
.cancelButtonWW, a.cancelButtonWW, a.cancelButtonWW:hover, a.cancelButtonWW:visited,
.buttonLong, a.buttonLong, a.buttonLong:hover, a.ButtonLong:visited
{
	text-align:center;
	padding:2px 0px 0px 0px;
	font-family:Arial;
	font-size:10pt;
	color:white;
	font-weight:bold;
	text-decoration:none;
	display: block;
	letter-spacing:normal;
	line-height:120%;
}

.continueButton, a.continueButton 
{
	
	background:url('Images/continue_cytori_stem_cell3.gif');
	width:95px;
	height:18px;
}			

a.continueButton:hover, a.continueButton:visited, a.cancelButton:hover, a.cancelButton:visited
{
	background:url('Images/continue_cytori_stem_cell3_hov.gif');
	width:95px;
	height:18px;
}

.continueButtonWide, a.continueButtonWide, a.continueButtonWide:hover
{
	background:url('Images/continue_cytori_stem_cell_wide.gif');
	width:138px;
	height:18px;
}

.cancelButton, a.cancelButton
{
	width:95px;
	height:18px;
	background:url('Images/cancel_cytori_stem_cell3.gif');
}

.cancelButtonWide, a.cancelButtonWide
{
	width:138px;
	height:18px;
	background:url('Images/cancel_cytori_stem_cell_wide.gif');
}

.cancelButtonWW, a.cancelButtonWW 
{
	width:277px;
	height:18px;
	background:url('Images/cancel_cytori_stem_cell_ww.gif');
}

.continueButtonWide:hover, a.continueButtonWide:hover, a.continueButtonWide:visited, a.cancelButtonWide:hover, a.cancelButtonWide:visited
{
	background:url('Images/continue_cytori_stem_cell_wide_hov.gif');
	width:138px;
	height:18px;
}

.buttonLong, a.buttonLong, .continueButtonWW, a.continueButtonWW
{
	width:277px;
	height:18px;
	background:url('Images/button_long.gif');
}	

a.buttonLong:hover, a.buttonLong:visited, a.continueButtonWW:hover, a.continueButtonWW:visited, a.cancelButtonWW:hover, a.cancelButtonWW:visited
{
	width:277px;
	height:18px;
	background:url('Images/button_long_hov.gif');
}	

.gridStyle, .altGridStyle
{
	color:#0a2c39;
	margin:0;
	border-collapse: separate;
	border:hidden 0px #BEDAE4;
}

.altGridStyle
{
	background-color:#D5E7EE;
}

a.gridStyle:link, a.gridStyle:hover, a.gridStyle:visited
{
	color:#BEDAE4;
	text-decoration:none;
}
	
.fixedHeader
{
  top:expression(this.offsetParent.scrollTop );
  position:relative;
  /*z-index:2;*/
  font-weight:bold; 
  color:#0a2c39;
  text-decoration:none;
  background-color:#BEDAE4;
}

/* Menu */

#dropmenudiv{	
position:absolute;
text-align: left;
line-height:20px;
z-index:100;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
background-color:Transparent;
}

#dropmenudiv a{
font-family:Arial;
font-size: 9pt;
color: #006983;
width: 100%;
display: block;
border-bottom: 1px solid #006983;
text-decoration: none;
font-weight: normal;
background-color:#fff;
padding-left:4px;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #641F45;
color: #fff;
}

/* Design */

.transBack
{
	border:solid 1px #00728F;
	background-color:#fff;
	width:100%;
	filter:alpha(opacity=60);
	/*-moz-border-radius:1em;*/
	-moz-opacity:0.6;
	-khtml-opacity:.6;
}

.noTrans
{
	/*-moz-opacity:1;
	width:100%;
	filter:alpha(opacity=100);
	-khtml-opacity:1;*/
	background-color:inherit;
}
.noTrans .progress {margin:0; padding:0; width:25px; height:25px; background: transparent url(Images/ajax-loader-bkg.gif) no-repeat center center !important;  }

.transBackProcedure
{
	/*border-bottom: solid 1px white;
	border-top:solid 1px white;*/
	width:100%;
	filter:alpha(opacity=70);
	-moz-opacity:.7;
	background-color:#BEDAE4;
	-khtml-opacity:.7;
	color:#BEDAE4;
}

.splashBack
{
	width:100%;
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	-khtml-opacity:.5;
	background-color:#641F45;
}

.userBack
{
	background-color:#BEDAE4;
	width:99%;
	border:solid 1px #d2d2d2;
}

.alertBack
{		
	filter:alpha(opacity=50);
	-moz-opacity:.5;
	-khtml-opacity:.5;
	background:white;
	width:99%;
	border:solid 1px white;
}

.smokescreen
{
	background-color:#000000;
	min-height:100%;
	height:100%;
	width:100%;
	z-index:15;
	top:0;
	left:0;
	position:fixed;
	-moz-opacity:0.65;
	-khtml-opacity:.65;
	filter:alpha(opacity=65);
	overflow:hidden;
}

#smokeIframe
{
	background-color:#000;
	min-height:100%;
	height:100%;
	z-index:16;
	top:0;
	left:0;
	position:fixed;
	-moz-opacity:0.65;
	-khtml-opacity:.65;
	filter:alpha(opacity=65);
	overflow:hidden;
}

.popup, .tankLocator 
{
	background-color:Transparent;
	height:100%;width:100%;
	z-index:21;
	top:0;
	left:0;
	position:absolute;
	/*position:absolute was changed from position:fixed to allow for the buttons to switch during hover- this may need to change to be compatible with other browsers  */
	-moz-opacity:1;
	-khtml-opacity:1;
	filter:alpha(opacity=100);
	overflow:hidden; 
}

.printThis
{
	text-align:left;
	background-color:White;
	height:100%;width:100%;
	position:absolute;
	z-index:30;
	top:0;
	left:0;
   overflow:visible !important;	
}

.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;
	background:url('Images/tankPointer.png') no-repeat;
	width:187px;
	height:120px;	
	line-height:120%;
}

.quadrant
{
	z-index:103;
	position:absolute;
	font-size:40px;
	font-weight:bold;
	-moz-opacity:.5;
	-khtml-opacity:.5;
	filter:alpha(opacity=50);
	color:white;
	font-family:Arial;
}

#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 {
    /* Style */
    color: #0a2c39;           
}            

.divFixedHeader table tbody {
    /* For alignment of the scroll bar */
    overflow-x:hidden;
}  
            
     