/* Standard styles */
td {background:#fff;font:11px verdana;line-height:17px;}
p {line-height:17px;background:#fff;font-size:11px;font-family:verdana;}
img {border:0;}
a:link {color:#B51019;}
a:hover {color:#4A7193;}
a:visited {color:#003768;}


h1 .blue {color:#003768;text-transform:none;font:normal 12px arial;}
h2.w430 {padding:2px 0px 0px 5px;line-height:17px;font-size:12px;font-weight:bold;font-family:verdana;color:#003768; background:#FFE6AB url(http://www.columbiasurgery.org/i/bg_h1_red.gif) no-repeat right;width:430px;height:20px;}
h2.w330 {padding:2px 0px 0px 5px;line-height:17px;font-size:12px;font-weight:bold;font-family:verdana;color:#003768; background:#FFE6AB url(http://www.columbiasurgery.org/i/bg_h1_red.gif) no-repeat right;width:330px;height:20px;}
h2.blue {padding:2px 0px 0px 5px;line-height:17px;font-size:12px;font-weight:bold;font-family:verdana;color:#003768; background:#FFE6AB url(http://www.columbiasurgery.org/i/bg_h1_blue.gif) no-repeat right;width:564px;height:20px;}
h3, h3 a, .txt_h3{line-height:15px;color:#B51019;font-style:italic;font-weight:bold;font-size:11px; font-family:verdana;}
h4 {font:bold 12px verdana;} /* CME Client styles */

/* List styles */
ul {list-style-type:disc; list-style-image:url(http://www.columbiasurgery.org/i/arw_li.gif); font:11px verdana;}
li {list-style-type:disc; margin:8px;font:11px verdana;line-height:16px;}
.li_lev2 li {list-style-image:url(http://www.columbiasurgery.org/i/arw_red.gif); font:11px verdana;}
.li_lev3 li {list-style-image:url(http://www.columbiasurgery.org/i/dot_grey_4px.gif); font:11px verdana;}
ol li {list-style-type: decimal;}
.pic_caption_rt {float:right;margin:2px 0px 2px 10px;color:#063c6c;font-size:12px;line-height:16px;font-family: Arial,Verdana, Helvetica, sans-serif;}
.pic_caption_rt img {border:1px solid #00315d;margin:0;}
.pic_bg_caption {border:6px solid #D1DCED;margin:5px;color:#003768;background:#D1DCED;font-size:9px;text-align:left;}
.pic_bg_caption img {border:1px solid #dadad9;margin:0px;}
.pic_bg_caption_rt {border:6px solid #D1DCED;margin:5px;color:#003768;background:#D1DCED;font-size:9px;float:right;}
.pic_bg_caption_rt img {border:1px solid #dadad9;margin:0px;}
.pic_nobg_caption {border:0px;margin:5px;color:#003768;background:#fff;font-size:9px;text-align:left;}
.pic_nobg_caption img {border:1px solid #003768;margin:0px;}
.pic_nobg_caption_rt {border:0;margin:2px 0px 2px 8px;color:#003768;background:#fff;font-size:9px;float:right;line-height:16px;}
.pic_nobg_caption_rt img {border:1px solid #003768;margin:0;}
img.border_blue_lt {border:1px solid #003768;margin:2px 8px 2px 0px;float:left;}
img.border_blue_rt {border:1px solid #003768;margin:2px 0px 2px 8px;float:right;}
img.border_blue {border:1px solid #003768;margin:2px 0px 2px 0px;}
img.border_none_rt {border:0;margin:2px 0px 2px 10px;float:right;}
img.border_none {border:0;margin:2px 0px 2px 8px;}
.btn_submit {border: 1px solid #90a4b9;margin: 5px 5px 5px 0px; padding:2px 20px 2px 20px;background:#ECE9D8;}

.pic {background:#D1DCED;color:#003768;font-size:9px;}
.pic_nobg {color:#003768;font-size:9px;}
div.hilight {padding:5px;line-height:17px;background:#DDE9FB;font:11px verdana;}
div.hilight td {line-height:17px;background:#DDE9FB;}
div.hilight380 {width:380px;padding:5px;line-height:17px;border: 1px solid #E9E3DC;color:#003768;background:#DDE9FB;font:11px verdana;}
div.hilight380 td {line-height:17px; color:#003768;background:#DDE9FB;}
.txt_quote {color:#003768;font-style:italic;font-weight:bold;}
.txt_quote_src {float:right; font-style:normal;font-weight:normal;}
.txt_footer {color:#666;font-size:9px;}
.txt_blue {color:#5599de;}
/* table styles */
.tb_style1 table {background:#fff;}
.tb_style1 th {color:#000;background:#D1DCED;text-align:left;font:normal small-caps normal 12px verdana;}
.tb_style1 td {color:#003768;background:#DDE9FB;}
.tb_style1 td.bg2 {background:#D1DCED;}

/* table styles 2 */
.tb_style2 th {color:#fff;background:#5091CD;text-align:center; font:normal small-caps normal 12px verdana;}
.tb_style2 td {color:#003768;background:#DDE9FB;}
.tb_style2 td.bg2 {background:#D1DCED;}

/* table styles 3 */
.tb_style3 th {color:#fff;background:#D08A33;text-align:center; font:normal small-caps normal 12px verdana;}
.tb_style3 td {color:#000000;background:#FEE09A;}
.tb_style3 td.bg2 {background:#FFF9EB;}
/* table styles 4 */
.tb_style4 th {color:#000000;background:#c2c2c2;text-align:center; font:normal small-caps normal 12px verdana;}
.tb_style4 td {color:#000000;background:#eeeeee;}
.tb_style4 td.bg2 {background:#FFF9EB;}

#img_banner {border:1px solid #688185;background:#d2dedb;}
#img_banner h2 {text-align:center;dispaly:block;text-align:center;background:#688185;color:#fff;border:0;padding:0;margin:0;font-size:11px;font-weight:bold;}
#img_banner img {border-top:1px solid #688185; border-bottom:1px solid #688185;}
#img_banner a, #img_banner a:visited, #img_banner .teaser{ 	 
	background:#d2dedb;display:block;
	padding:0 2px 5px 5px;
	color:#003768;text-decoration:none;font-size:10px;
}
#img_banner a:hover{ 	 
	background:#e1e6e7;color:#292929;
}

/* background color */
.bg_blue {background:#003768;}	
.bg_blue2 {background:#D1DCED;}	/* Homepage Rose */
.bg_blue3 {background:#002C52;}	/* page left & right outline bolder*/
.bg_blue4 {background:#E5F3F7;} /* Patient Left Memu BG */
.bg_blue5 {background:#DDE9FB;} /* hilight */
.bg_cream {background:#FFE19B;} /* Homepage Bar */
.bg_cream2 {background:#FFF9EB;} /* Clinicain Left Memu BG */
.bg_red {background:#B51019;}
.bg_red2 {background:#900;}
.bg_brown2 {background:#D6962A;}
.bg_grey {background:#C0CACC;} /* Research Left Memu BG */
tr.bg_grey2 td {background:#f4f4f4;}
#shortcuts td, #shortcuts a {background:#CBCECA;color:#003768;font-size:11px;font-weight:bold;text-decoration:none;}	
#shortcuts td.bg_blue3 {background:#002C52;}
	
.copyright {background:#ffc;color:#666;font-size:9px;}

/*** new style created 2008-06
======================================== ***/
html, body {margin:0; padding:0;
height:100%; /* needed for wrapper min-height, background on 100% height */
text-align:center;background:#eaeff0;font:11px verdana;}	 
#wrapper {width:900px;margin-bottom:50px;
height:auto !important;/* need for 100% background color on content */
height:100%; margin:0 auto;text-align:left;background:#fff url(http://www.columbiasurgery.org/i/bg_page_border.gif) repeat-y;}
 * html #wrapper { height: 100%;} 
 
#wrapper_wo_leftnav {width:900px;margin-bottom:50px;
height:auto !important;/* need for 100% background color on content */
height:100%; margin:0 auto;text-align:left;background:#fff url(http://www.columbiasurgery.org/i/bg_page_border_wo_leftnav.gif) repeat-y;}
 * html #wrapper_wo_leftnav { height: 100%;} 
 
/*news fader link */
#top {width:892px;background-color:#fff;margin:0 auto;padding:0; border-right: 4px solid #002c52;border-left: 4px solid #002c52;}
#news_fader {width:580px;float:left;text-align:left;padding:5px 5px 5px 10px;} /* top news fader area */
#fade_link {text-decoration:none;font:11px;} /* news fader link */
#header {width:892px;height:102px;margin:0 auto;border-right: 4px solid #002c52;border-left: 4px solid #002c52;}
#header_pic {width:158px;float:left;padding:0;margin:0;}
#header_logo {width:734px;float:right;padding:0;margin:0;}
#header_tab {width:734px;text-align:right;float:right;padding:0;margin:0;background-color:#003768;}
#header_topnav {width:734px;top:80px;float:right;padding:0;margin:0;}

#content {float:right;vertical-align:top;height:100%;width:694px;padding:20px;border-right: 4px solid #002c52;border-left: 0;background-color: #fff;}
#content_wo_leftnav{vertical-align:top;height:100%;width:852px;padding:20px;border-right: 4px solid #002c52;border-left: 4px solid #002c52;background: #fff;}
#addthis {}
/*glossary & footer popup styles*/
.glossary {padding:0;margin:0;border-bottom:1px dotted #888888;text-decoration:none;color:#002c52;}
.popup_glossary { padding:5px; color:#002c52; border:1px dotted #888888;background-color:#eaeff0;width:200px;line-height:15px; } 

/*tootips popup styles -- pure CSS */	
/* yellow background
a.tooltips_css {text-decoration:None;padding:0;margin:0;border-bottom:1px dashed #888888;color:#000000;background-color:#fef4d4}
a.tooltips_css:hover {position: relative;}
a.tooltips_css span {display: none;}
a.tooltips_css:hover span{display: block;position: absolute; top: 18px; left: 5px;z-index: 100;padding:5px; color:#0f0f0f; border:1px dotted #888888;background-color:#fef4d4;width:220px; font-size:11px;line-height:18px;}
*/	
/*glossary & footer popup styles*/
	a.tooltips_css{  position:relative; /*this is the key*/
   	border-bottom:1px dotted #888888; background-color:#fff;color:#000;text-decoration:none}
	a.tooltips_css:hover{position: relative;}
	a.tooltips_css span{display: none}
	a.tooltips_css:hover span{ /*the span will display just on :hover state*/
    display:block; position:absolute; top: 18px; left: 5px;z-index: 100;padding:5px; color:#002c52; border:1px dotted #888888;background-color:#eaeff0;width:250px;line-height:15px;}

#footer {clear:both;width:900px;font-size:9px;color:#505050;background-color:#eaeff0;}
#shortcut {clear:both;height:20px;width:816px;float:left;text-align:center;padding:4px 0 0 0;margin:0;border-left: 4px solid #002c52;background-color:#CBCECA;}
#shortcut a {text-decoration:none;padding-left:4px;padding-right:4px;color:#000;font-size:11px;}	
#social_networks {height:20px;width:76px;float:right;padding:4px 0 0 0;margin:0;border-right: 4px solid #002c52;background-color:#CBCECA;}
#social_networks a img {margin:0 0 0 2px;padding:0;border:1px solid #003768;}	
#copyright {float:left;margin-top:5px;}
.pic_copyright_rt {float:right;color:#666;font-size:9px;font-style:italic;}
/* Header styles */
h1 {color:#B51019;text-transform:uppercase;font:normal 12px arial;margin:0 0 30px 0;padding:0;}
h2 {padding:2px 0px 0px 5px;margin-top:25px;line-height:17px;font-size:12px;font-weight:bold;font-family:verdana;color:#003768; background:#FFE6AB url(http://www.columbiasurgery.org/i/bg_h1_red.gif) no-repeat right;height:22px;}
h2.none{padding:2px 0px 0px 5px;margin-top:25px;line-height:17px;font-size:12px;font-weight:bold;font-family:verdana;color:#003768; background:#FFE6AB url(http://www.columbiasurgery.org/i/bg_h1_none.gif) no-repeat right;height:22px;}

/*** left nav style -- text based 
======================================== ***/
#left_nav {
	margin:0;padding:0;float:left;width:158px;height:100%;color:#292929;background-color:#e1e6e7;border-left: 4px solid #002c52;border-right: 0;
	font-size:11px; font-family: Verdana, Arial, Lucida, Geneva, Helvetica, Trebuchet MS,Arial, sans-serif;font-weight:normal;letter-spacing: 0.04em;}
#left_nav ul{margin:0;padding:0;border:none;}

/*level 1 */	
#left_nav li  {border-bottom:1px solid #f6f7f7;border-top:0;margin:0;padding:0;list-style-type:none;list-style-image:none}	
#left_nav li a {display:block;padding:4px 5px 4px 7px;text-decoration:none;color:#003768;background-color:#d1dced;	}
#left_nav li a:hover, li a#current  {color:#292929;background-color:#bfc9d9;}
/*level 2 header (arrow) */
#left_nav li a.lev2_hd {background-image:url(http://www.columbiasurgery.org/i/arw_leftnav_on.gif);background-repeat:no-repeat;background-position:145px 12px;}	
#left_nav li a:hover.lev2_hd {background-image:url(http://www.columbiasurgery.org/i/arw_leftnav_on.gif);}	
#left_nav li a#lev2_hd_current{color:#292929;background-color:#f4f4f4;background-image:url(http://www.columbiasurgery.org/i/arw_leftnav_on.gif);background-repeat:no-repeat;background-position:145px 12px;}	

/*level 2*/
#left_nav ul#lev2 li {position: relative;border-bottom:1px solid #f6f7f7;} /*relative to lev3 position */
#left_nav ul#lev2 li a {padding:3px 4px 3px 20px;color:#003768;background-image:none;background-color:#e1e6e7;font-weight:normal;letter-spacing: 0.01em;}
#left_nav ul#lev2 li a:hover {background-color:#eeeeee;background-image:none;color:#292929;}
#left_nav ul#lev2 li a#current  {background-color:#f4f4f4;color:#292929;}
#lev2 li:hover ul, #lev2 li.over ul { display: block;} /* The magic */

/* Fix IE. Hide from IE Mac \*/
* html ul#lev2 li { float: left; height: 1%; }
* html ul#lev2 li a { height: 1%; }
/*level 3: flyout header (arrow) */	
#left_nav ul#lev2 li a.lev3_hd {background-image:url(http://www.columbiasurgery.org/i/arw_leftnav2.gif);background-repeat:no-repeat;background-position:145px 12px;}	
#left_nav ul#lev2 li a:hover.lev3_hd {background-image:url(http://www.columbiasurgery.org/i/arw_leftnav2.gif);}	
#left_nav ul#lev2 li a#lev3_hd_current{color:#292929;background-color:#f4f4f4;background-image:url(http://www.columbiasurgery.org/i/arw_leftnav2.gif);background-repeat:no-repeat;background-position:145px 12px;}
/*level 3: flyout*/	
#left_nav li li ul {position: absolute;left:158px;top: 0; display: none;border-bottom: 1px solid #8FC1CF;}
#left_nav li li ul#lev3 li a {width:135px;padding: 3px 5px;color: #003768;background: #E5F3F7;border: 1px solid #8FC1CF;border-bottom: 0;} 		
#left_nav li li ul#lev3 li a:hover {color: #000000; background: #FEE09A;} 		
/* patient/Clinicain/Researcher Header*/
#left_nav li.header a { color:#fff;background-color:#3f4e50;letter-spacing: 1.50mx;}
#left_nav li.header a:hover {background-color:#688185;}


#left_nav h5{color:#fff;background:#001d37;display:block;padding:3px 0 2px 3px;margin:0;border-bottom:1px inset #001d37;font-size:9px;font-weight:normal;}
/*HealthPoints Form on the left nav */
#left_nav #hp form {margin:0;padding:0;}
#left_nav #hp {padding:5px 0 5px 2px;color:#000;background:#fec24d;letter-spacing: 0.03em}
#left_nav #hp input {font-size:11px;height:18px;margin:0;padding:3px 0 0 0;background:#f1f6f7;}
#left_nav #hp .btn_hp_submit {width:30px;font-size:11px;height:20px;margin:0;vertical-align:bottom;padding:0;border:1px grey solid;background:#b51019;color:#fff;}
/*** ======================================== ***/
/* Top nav style -- text based 
The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop3.html
============================================= */
/* style the outer div to give it width */
#topnav {padding: 0; margin: 0;text-align:left;width:734px;top:80px;float:right;}
/* remove all the bullets, borders and padding from the default list styling */
#topnav ul {padding:0;margin:0;list-style-type:none;list-style: none; background:#003768;}
/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#topnav ul li {float:left;height:22px;margin:0;list-style-type:none;}
/* style the sub level list items */
#topnav ul ul li {display:block;height:auto;position:relative;line-height:1em;border-bottom: 1px solid #4a7193;border-left: 1px solid #4a7193;border-right: 1px solid #4a7193;}
/* style the links for the top level */
#topnav a, #topnav a:visited {display:block;float:left;height:22px;text-decoration:none;}
/* style the sub level links */
#topnav ul ul a, #topnav ul ul a:visited {display:block;background:#d1dced; color:#003768;width:140px;height:100%;line-height:1em; padding:0.5em 1em;margin:0;}
#topnav ul table ul a, #topnav ul table ul a:visited  {width:140px; w\idth:140px;}

/* style the table so that it takes no part in the layout - required for IE to work */
#topnav table {position:absolute; left:0; top:0; font-size:1em; z-index:-1;}
#topnav ul ul table {lef\t:-1px;}
#topnav ul ul table ul.left {margin-lef\t:2px;}

#topnav li:hover {position:relative;}
* html #topnav a:hover {position:relative;}
/* style the third level background */
#topnav ul ul ul a, #topnav ul ul ul a:visited {background:#d1dced;}
/* style the fourth level background */
#topnav ul ul ul ul a, #topnav ul ul ul ul a:visited {background:#ddd;}
/* style the sub level 1 background */
#topnav ul :hover a.sub1 {background:#003768;}
/* style the sub level 2 background */
#topnav ul ul a.sub2 {background-image:url(http://www.columbiasurgery.org/i/arrow_topnav.gif);background-repeat:no-repeat;background-position:153px 9px;}
#topnav ul ul :hover a.sub2 {background-image:url(http://www.columbiasurgery.org/i/arrow_topnav.gif);background-repeat:no-repeat;background-position:153px 9px;}

/* style the level hovers */
/* first */
#topnav a:hover {color:#000;background:#ffe19b;}
#topnav :hover > a {color:#000;background:#ffe19b;}
/* second */
#topnav ul ul a:hover{color:#000;background:#ffe19b;}
#topnav ul ul :hover > a {color:#000;background:#ffe19b;}
/* third */
#topnav ul ul ul a:hover {background:#ffe19b;}
#topnav ul ul ul :hover > a {background:#ffe19b;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#topnav ul ul {visibility:hidden;position:absolute;height:0;top:22px;left:0;width:14em;}
/* position the third level flyout menu */
#topnav ul ul ul{left:162px;top:0;border-top:1px solid #003768;width:164px;}

/* make the second level visible when hover on first level list OR link */
#topnav ul li:hover ul, #topnav ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
#topnav ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
#topnav ul :hover ul :hover ul{visibility:visible;}
<!--[if IE 7]>
#topnav ul ul ul {margin-left:-1px;}
#topnav ul ul ul.left {margin-left:1px;}
<![endif]-->