/* CSS Document */

html { 
	min-width: 850px;
	}
img	{/* turns off gaps around images */
	border:	0;
	}		
	
/* --------- primary layout divisions --------- */

body    
{
    padding: 0 0 0 0;
	margin: 0 0 0 0; 
	background-image: url(~/commonFiles/bkgd.jpg);  
    background: #f2f2f2;
    border-bottom: 0px;
    text-align: center;
	color: #000;	
	/*font: small/1.4 tahoma, verdana, arial, helvetica, sans-serif;	*/
}

	
div#container
{
    WIDTH: 850px;
    POSITION: relative;
    TEXT-ALIGN: left;
	margin-left: auto;
	margin-right: auto;
	BACKGROUND: url(images/bkgd.jpg) repeat-x left top;
	border:0 0 0 0;
	
}

div#content
{
    width: 850px;
	clear: left; 
	background-color: #f2f2f2; 
	padding-bottom: 100px;
	padding-left: 2px;
	}


/* -------- Major page divisions -------- */

div#header_content 
{
    BACKGROUND:#f2f2f2;
	width:850px;
	height:193px;
	padding: 0px 0 0 0px;
}


div#left_column_content  {
    width: 170px;
    min-height: 400px;
    margin: 8px 0 0 0;
    padding: 0 0 0 0;
    float: left;
	border-right: solid 1px #999;
    
}


div#center_column_content 
{
    width: 420px;
    min-height: 400px;
    margin: 8px 0 0 0;
    padding: 0 0 0 0;
    float: left;
    
    
}


div#right_column_content {
    
      margin: 8px 0 0 0;
    padding: 0 0 0 8px;
    float: right;
    border-left: solid 1px #999;
    min-height:400px;
  
       
}



div#footer_content {
    width: 850px;
    height: 130px;
    margin: 0 0 0 0;
    padding: 0px;
    float: right;
    text-align: right;
    border-top: solid 1px #999;
}




/* ------------ Home page elements ------------ */


/* Video spot */
div#spot {
	
	text-align: center;
	margin: 10px 3px 0 0;
	padding: 3px 0 0 0;
	width: 150px;
	clear: both;
}

div#spot p 
{
   font-family: Tahoma, "Arial Narrow", "Microsoft Sans Serif", Verdana; 
   font-size: 11px; 
   font-weight: bold;
   text-align: center; 
}

div#spot a {
  font-size: 10px; 
  color:#cc0000; 
}

div#spot a:link, a:visited { color: #cc0000; }
div#spot a:hover, a:active { color: #000; }

div#spot a:hover { color:#000; }

/* ------------------------------------------*/


div#homecontent {
	
	width:400px;
	margin: 0 0 0 0;
	padding: 0 0 0 10px;
	text-align: left;
	float: left;
	
	
}


div#calculator {
	margin: 16px 0px 0 32px;
	background-image: url(../commonFiles/calc-sm.jpg);
	height:302px;
	width: 168px;
	border: solid 1px #999;
	font-family: Tahoma, "Arial Narrow", "Microsoft Sans Serif", Verdana; 
	font-size: 11px;
}


div#calcinfo {
	margin: 14px 0 0 0;
	padding: 0 0 0 0;
	height:150px;
}



div#thermometer {
	
	text-align: center; 
	margin: 0 0 0 0; 
	padding: 0 0 2px 0; 
	color: #000; 
	border-bottom: solid 1px #999;
	font-family: Tahoma, "Arial Narrow", "Microsoft Sans Serif", Verdana; 
	font-size: 11px;
	width: 250px;
	height: 250px;
}


img.thermo {
    width: 255px;
    height: 201px;
}


div#lbl_calc 
{
   
    margin: -16px 0 0 16px;
    
}

.lbl_calc_top 
{
    font-family: Tahoma, "Arial Narrow", "Microsoft Sans Serif", Verdana; 
    font-size: 12px;
    color: #000;
    margin: 0 0 0 0;
    padding: 18px 0 0 0;
    font-weight: bold;
    text-align: center;
	text-transform: none;
	letter-spacing: normal;	
}

.lbl_calc_mid {
    font-family: Tahoma, "Arial Narrow", "Microsoft Sans Serif", Verdana; 
    font-size: 10px;
    color: #000;
    margin: 0 0 0 0;
    padding: 0 0 0 5px;
    text-align: center;
	text-transform: none;
	letter-spacing: normal;	
}


.lbl_calc_calendar 
{
    margin: 12px 0 0 25px;
    padding: 0 0 0 0;
    width: 100px;
    height: 100px;
    font:12px;
}


.lbl_calc_last_don 
{
    font-family: Tahoma, "Arial Narrow", "Microsoft Sans Serif", Verdana; 
    font-size: 13px;
    color: #cc0000;
    margin: 40px 0 0 0;
    padding: 0 0 0 0;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
	
}


.lbl_calc_smalltext {
    font-size: 10px;
	font-weight: normal;
    color: #000;	
	text-align: center;
	margin: 30px 0 0 0;
	padding: 0 0 0 0;
	line-height: 13px;
}






/* -------- Page divisions -------- */


div#page_content {
	BACKGROUND:#f2f2f2;
	width:590px;
	margin: 10px 0px 0px 15px;
	padding: 0 0 0 0;
	float:left;
}


/* --------- Life Force logo ---------- */

div#life_force {
	float:left;
	margin:0 8px 0 0;
	padding: 0 0 0 0;
	background-color: #f2f2f2;
	width: 103px;
	height: 57px;
}





/* -------- navigation menu --------- */

div#nav {
	margin: 5px 0px 30px 0px;
	padding: 0 4px 0 0;
	BACKGROUND:#f2f2f2;
	
	float:left;
}
		

#navigation {
  width: 160px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
 }

#navigation ul { float:left; }

#navigation li {
  list-style: none;
  background-color: #ccc;
  text-align: left;
  margin: 0;
}


#navigation li a {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  height: 16px;
  color:#000;
  padding: 5px 8px 4px 8px;
  margin: 0 0 0 0;
  border-bottom: solid 1px #f2f2f2;
}

#navigation li a.sdp {
  display: block;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
  height: 30px;
  color:#000;
  padding: 5px 8px 4px 8px;
  margin: 0 0 0 0;
  border-bottom: solid 1px #f2f2f2;
}

#navigation a:link, a:visited { color: #000; }
#navigation a:hover, a:active { color: #cc0000; }

#navigation a:hover { color:#cc0000; }

#navigation li a.x {
background: #666;
color: #ffffff;
font-weight: bold;
} 



/* ------------------------------------------- */





/* ---------- Email pages ----------- */

#email {
	PADDING-RIGHT: 0px;
    PADDING-TOP: 0px;
	PADDING-LEFT: 0px;
	PADDING-BOTTOM: 0px;
	MARGIN: 0 0 0 0;  
    BACKGROUND: #f2f2f2;
    BORDER-BOTTOM: 0px;
    text-align: left;
	color: #000;	
}

.emailcontent {
	padding: 20px 0 0 15px;
}

/* ------------------------------------ */





/* --------- Classes --------*/
div.hometext {
	float: left;
	clear: both;
	width: 565px;
	margin: 15px 0 0 0;
}

div.appttext {
	float: left;
	width: 490px;
	min-height: 50px;
	margin: 2px 0 0 16px;
}

div.calendar {
	margin: 0 0 0 0;
}

div.topline {
	float: left;
	padding: 0 0 0 0;
	font-family: Tahoma, "Arial Narrow", "Microsoft Sans Serif", Verdana;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
	margin: 3px 12px 0px 11px;
	width: 260px;
}

div.topline a { font-size: 12px; font-weight: normal; line-height: 18px; }

#clear {
clear: both;
} 







/*tab*/
ul#edonor li.gio a {
	display:block;
	text-decoration: none;
	background: url(images/edonor-up.jpg) 0 0 no-repeat;
	padding: 0 0 0 0;
	margin: 0px 0px 0px 5px;
	height: 40px;
	width: 40px;
	background-color: #f2f2f2;
}

ul#edonor li.gio a:hover {
	display:block;
	text-decoration: none;
	background: url(images/edonor-hover.jpg) 0 0 no-repeat;
	padding: 0 0 0 0;
	margin: 0px 0px 0px 5px;
	height: 40px;
	width: 40px;
}

a.edonor {
    display: block;
    width: 60px;
    height: 60px;
    background: url("images/edonor-roll.jpg") 0 0 no-repeat;
    text-decoration: none;
	margin: 0 0 0 0;
	padding: 0 4px 0 0;
}

a:hover.edonor {
    background-position: 0 -60px;
}


/* -------------- typography---------------	*/

p, th, td, li, .date    {
    font: .8em tahoma, verdana, arial, helvetica, sans-serif;
	}
	
a	{
	font: .9em tahoma, verdana, arial, helvetica, sans-serif; color:#cc0000; text-decoration: underline; font-weight: normal; 
	}
a:link	{
	color: #cc0000; text-decoration: underline;
	}
a:visited	{
	color: #cc0000; text-decoration: underline;
	}
a:hover	{
	color: #000; text-decoration: underline;
	}
a:active {
	color: #cc0000;
	}


p {
	margin: 0 0 0px 0px; 
	padding: 0 0 13px 0;	
	line-height: 1.5em;
	}

li { 
	line-height: 2.0em;
}

h1 {
	font-size: 12px; 
	font-weight:bold;
	text-align:center;
	line-height: 1.9em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2 {
	font-size: 14px;
	color:#cc0000;
	font-weight:bold;
	text-align:center;
	line-height: 1.5em;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}

h3 {
	font-size: 12px;
	color:#cc0000;
	font-weight:bold;
	text-align:left;
	line-height: 1.1em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.h3link { font-size: 12px; font-weight: bold; color: #000; }
.h3link a:link { text-decoration: underline; }
.h3link a:visited { text-decoration: underline; }
.h3link a:hover { text-decoration: underline; }
.h3link a:active { text-decoration: underline; }

h4 {
	font-size: 12px; 
	font-weight:bold;
	text-align:center;
	line-height: 4.0em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

h5 {
	font-size: .9em;
	color:#cc0000; 
	font-weight:bold;
	text-align:left;
	line-height: 1.5em;
	margin-bottom:0px;
}

h6 {
	font-size: 13px;
	color:#000;
	font-weight:bold;
	text-align:left;
	line-height: 1.1em;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h1, h2, h3, h4, h5, h6	{
	font-family: verdana, arial, helvetica, sans-serif;
	font-weight: bold;		
	margin:	0 0 0 0px;
	padding: 0 0 0 0px;
}
		
.bold	{
	font-size: .9em;
	font-weight:bold;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	}

.bold a:link { font-weight:bold; color:#CC0000; text-decoration:underline; }
.bold a:visited { font-weight:bold; color:#CC0000; text-decoration:underline; }
.bold a:hover { font-weight:bold; color:#999; text-decoration:underline; }
.bold a:active { font-weight:bold; color:#CC0000; text-decoration:underline; }

.itals	{
	font-size: 11px;
	font-style:italic;
	}

.highlight {
	font-size: 11px;
	color:#cc0000; 
	font-weight:normal;
}

.question {
	font-size: .9em;
	color:#cc0000; 
	font-weight:bold;
	text-align:left;
	letter-spacing:.08em;
	line-height:1.2em;
	margin-bottom:-8px;
}

.answer {
	margin-bottom:20px;
	padding-bottom:20px;
}
		
.smalltext {
    font-size: 10px;
	font-weight: normal;
    color: #000;	
	text-align: center;
	text-transform: none;
	letter-spacing: normal;	
}

.calendartext {
	margin: 0 0 0px 0px; 
	padding: 0 0 35px 0;	
	line-height: 1.4em;
	}

.columnheader {
	font-size: 11px;
	font-weight: bold;
	background-color:#CCC;
	text-align: left;
	margin-left: 5px;
}

.columnleft {
	font-size: 11px;
	font-weight: normal;
	padding-left: 10px;
	margin-left: 10px;
}

.columnbold {
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
}

.links a:link { font-size:13px; font-weight:bold; color:#cc0000; text-decoration:underline; }
.links a:visited { font-size:13px; font-weight:bold; color:#cc0000; text-decoration:underline; }
.links a:hover { font-size:13px; font-weight:bold; color:#000; text-decoration:underline; }
.links a:active { font-size:13px; font-weight:bold; color:#cc0000; text-decoration:underline; }	

.redfiller {
	font-size: 13px;
	font-weight: bold;
	color:#CC0000;
}

.redfiller a:link { text-decoration: underline; font-size: 13px; font-weight: bold; }
.redfiller a:visited { text-decoration: underline; font-size: 13px; font-weight: bold; }
.redfiller a:hover { text-decoration: underline; font-size: 13px; font-weight: bold; color: #333333; }
.redfiller a:active { text-decoration: underline; font-size: 13px; font-weight: bold; }

.platelettext {
	background-color: #FFFFCC;
	font-size: .8em;
	font-weight: bold;
	line-height: 20px;
	margin: 0 0 7px 0;
	padding: 4px 0 4px 6px;
}

.yellow_background
{
    background-color:#FFFFCC;
    padding: 15px; 
    margin: 0px 3px 10px 0px;
}

.announcetext {
	background-color: #FFFFCC;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	margin: 10px 0 14px 0;
	padding: 4px 0 4px 6px;
}

.redtext {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#cc0000; }
	.redtext a:link {  color: #cc0000; text-decoration: underline; }
	.redtext a:visited {  color: #cc0000; text-decoration: underline; }
	.redtext a:hover {  color: #666666; text-decoration: underline; }
	.redtext a:active {  color: #cc0000; text-decoration: underline; }
	
.edonor_results   {
    font-weight: normal;
}

.edonor_results a:link { font-weight: bold; color: #cc0000; text-decoration: underline; }
.edonor_results a:visited { font-weight: bold; color: #cc0000; text-decoration: underline; }
.edonor_results a:hover { font-weight: bold; color: #bd6c0d; text-decoration: underline; }
.edonor_results a:active { font-weight: bold; color: #cc0000; text-decoration: underline; }


/**************** Video Styles **************/
div.video_col_arch
{	
	float:left;
	clear: both;
	padding-bottom: 13px;
	width: 740px;
}

.vid_text_arch
{
	padding: 0px 0 4px 0;
	margin: 10px 0 0 0;
}

.vid_img_NC	
{
	float: left; 
	vertical-align: text-top;
	margin-right: 5px;
	margin-top: 1px;
	padding: 2px 2px 2px 2px;
	
}

.vid_intro 
{
	margin: 0 0 0 0;
}

.tabs   
{
    position: relative;
      font-size: 18px;
    background:#fff;
 }

.tab    
{ 
    
    padding: 5px;
    min-width: 100px;
    color: #cc0000;
    background-color:#e6e6e6;
    
    border:1px solid #C1C1C1;
    
}
.tab:hover   
{ 
    
    padding: 5px;
    min-width: 100px;
    color: #cc0000;
    border:1px solid #C1C1C1;
    
}


.selectedTab    
{
    background-color: #f2f2f2;
    min-width: 100px;
    color: #cc0000;
    font-weight:bold;
    font-size: 1em;
   
}
.col_hdr
{
   font-size: 14px; 
   font-weight: bold;
   text-align: center; 
}

.netcell 
{
    line-height:20px;
    font-size:12px;
    vertical-align:top;
    width:80%;
    padding-bottom:10px;
 }
.col_sub_hdr
{
   font-size:1em;
  font-style:italic;
   text-align: center; 
}

.netcell_title 
{
    line-height:20px;
    font-size:12px;
    font-weight:bold;
    vertical-align:top;
    width:20%;
 }

.bldtype
{
    text-align:center;
    border:1px solid #000;
}
.bldtype th
{
    color:#000;
    padding:.5px;
    font-weight:bold;
}
.bldtype td
{
    height:30px;
}
.bldtype tr.odd
{
    background:#fff;
}
.bldtype tr.hdr
{
    background:#D4CEC0;
    font-weight: bold;
}

.edonor_results_appts_row_even
{
    background-color:#f2f2f2
}

.edonor_results_appts_row_odd
{
    background-color:White
}

.edonor_results_headers   {
    font-weight: bold;
    color: Black;
}

.edonor_results_headers a:link { font-weight: bold; color: Black; text-decoration: underline; }
.edonor_results_headers a:visited { font-weight: bold; color: Black; text-decoration: underline; }
.edonor_results_headers a:hover { font-weight: bold; color: #bd6c0d; text-decoration: underline; }
.edonor_results_headers a:active { font-weight: bold; color: Black; text-decoration: underline; }

/*JJM 100309 UpdateProgress div classes BEGIN*/

           .overlay {
               position: fixed;
               z-index: 999;
               top: 0px;
               left: 0px;
               width: 100%;
               height: 100%;
           }
               
           .modalprogress {
               position: absolute;
               top: 50%;
               left: 50%;
               margin: -11px 0 0 -55px;
               color: black; 
           }
           
          .theprogress {
            background-color: #e9e5dd;
            border: solid 1px #bd6c0d;
            width: 80px;
            height: 60px;
            text-align: center;
            filter: Alpha(Opacity=85);
            opacity: .85;
            -moz-opacity: .85; 
            vertical-align:middle; 
           }
           
           .theprogress_not_opaque{
            border: solid 1px #bd6c0d;
            width: 80px;
            height: 60px;
            text-align: center; 
            vertical-align:middle; 
           }
           
/*JJM 100309 UpdateProgress div classes END*/