body {margin:0; padding:0;color:#000000;background:#568cd5 url(http://www.columbiasurgery.org/i/bg.gif) repeat-x;text-align:center;font-size:12px;line-height:20px;font-family: Arial,Verdana, Helvetica, sans-serif;} p {margin:2px 0 20px 0;padding:0;font-size:12px;line-height:20px;color:#000000;} a:link {color:#35357d;} /*#5286d0, #437ed1*/ a:hover {color:#000000;} a:visited {color:#35357d;} a img, img {border:none;} #page_header {float:right;width:702px;height:44px;padding:0;margin:0;background:#e9edf7 url(http://www.columbiasurgery.org/i/bg_content_header.gif) no-repeat;} #page_header h1 {padding:8px 35px;text-align:left;color:#35357d;text-transform:uppercase;font-weight:normal;font-size:18px;} #page_header h1 a {color:#35357d;text-decoration:none;} #page_header_w510 {float:right;width:702px;height:44px;padding:0;margin:0;background:#e9edf7 url(http://www.columbiasurgery.org/i/bg_content_header_w510.gif) no-repeat;} #page_header_w510 h1 {padding:8px 35px;text-align:left;color:#35357d;text-transform:uppercase;font-weight:normal;font-size:18px;} #page_header_w510 h1 a {color:#35357d;text-decoration:none;} /*new style for header */ #page_header strong {float:left;padding:15px 0 0 35px;text-align:left;color:#35357d;text-transform:uppercase;font-weight:normal;font-size:18px;} #page_header strong a {color:#35357d;text-decoration:none;} #page_header_w510 strong {float:left;padding:15px 0 0 35px;text-align:left;color:#35357d;text-transform:uppercase;font-weight:normal;font-size:18px;} #page_header_w510 strong a {color:#35357d;text-decoration:none;} #content h1{margin:15px 0;padding:0;color:#35357d;font-weight:bold;font-size:17px;} h2 {margin:15px 0;padding:0;color:#35357d;font-weight:bold;font-size:17px;} h3 {margin:0;padding:0;color:#000000;font-weight:bold;font-size:14px;} h4 {margin:0;padding:0;color:#35357d;font-style:italic;font-weight:bold;font-size:12px;} h5 {margin:0;padding:0;color:#B51019;font-variant:small-caps;font-style:italic;font-weight:normal;font-size:12px;} h6, h6 a, h6 a:visited {margin:0;padding:0;color:#568cd6;font-weight:normal;font-style:italic;font-size:12px;} .txt_timestamp {color:#666666;font-size:11px;} .txt_footer {color:#000;font-size:11px;} #wrapper {width:900px; margin:0 auto;border-bottom:1px solid #333366;background:#333366;} #search form {margin:18px 20px 0 0;padding:0;} .input_search {width:120px;height:20px;border: 1px solid #90a4b9;color:#35357d;background:#f9f9f9;font-size:11px ;} .btn_search {width:50px;height:20px;border: 0; padding:2px;color:#fff;background:#333366;font-size:8.2pt;} img.border_blue_rt {border:1px solid #00315d;margin:2px 0px 2px 10px;float:right;} img.border_blue {border:1px solid #00315d;margin:2px 0px 2px 10px;} img.border_blue_lt {border:1px solid #00315d;margin:2px 10px 2px 0px;float:left;} img.border_blue_full {border:1px solid #00315d;margin:10px 0px;} img.border_none_rt {border:0;margin:2px 0px 2px 10px;float:right;} img.border_none {border:0;margin:2px 0px 2px 8px;} .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_caption {margin:2px 0px 2px 10px;color:#063c6c;font-size:12px;line-height:16px;font-family: Arial,Verdana, Helvetica, sans-serif;} .pic_caption img {border:1px solid #00315d;margin:0;} .pic_copyright_rt {float:right;color:#666;font-size:9px;font-style:italic;} /* footer */ #footer a {padding:0 6px;color:#333366;text-decoration:none;font-size:8.2pt;} /*main.css*/ #breadcrumbs_wrapper {width:892px;margin:0 4px;background:#e9edf7;} #breadcrumbs {text-align:left;padding:5px 30px;margin:0;color:#35357d;font-size:11px;font-weight:bold;height:18px;} #breadcrumbs ul {margin:0;padding:0;} #breadcrumbs li {padding:0 0 0 10px;float:left;list-style-type:none;list-style-image:none;} #breadcrumbs li a {padding:0 10px 0 0;background:url(http://www.columbiasurgery.org/i/arrow_topnav_blue.gif) no-repeat right center;text-decoration:none;color:#35357d;font-size:11px;font-weight:bold;} /* Content List styles */ #content_wrapper {width:892px;margin:0 4px;background:#ffffff;} #content {float:right;text-align:left;vertical-align:top;height:100%;width:624px;margin:0px 25px 0 10px;padding:10px 16px 10px 24px;border: 1px solid #e2e2e2;border-top:none;background-color: #fff;} #content ul {margin:0;padding:0 0 20px 0;border:none;} #content ul ul {margin:0;padding:0 0 0 0;border:none;} #content li {margin:0;padding:0 0 0 20px;border:none;list-style-type:none;list-style-image:none;background-image:url(http://www.columbiasurgery.org/i/bullet_grey_2px.gif);background-repeat:no-repeat;background-position:10px 10px;} #content ol li {margin:0;padding:0px;list-style-type: decimal;list-style-image:none;background-image:none;} /* expandable definition list style */ dl.expandable dt {cursor:s-resize;padding:0 0 5px 25px;background:no-repeat url(http://www.columbiasurgery.org/i/icon_expand_plus.jpg);} dl.expandable dd {display:none;padding:10px;margin:0 0 20px 23px;background:#f6f5f4;border:1px solid #ebebeb;border-radius:10px;box-shadow: 3px 4px 6px #ebebeb;} dl.expandable .expand_close{background-image:url(http://www.columbiasurgery.org/i/icon_expand_minus.jpg)!important;} /* thumbnail image rollover to preview large image style */ img.thumbnail {position:relative;cursor:pointer;} .preview {display:none;position:absolute;} .preview img {border:5px solid #666;border-radius:10px;box-shadow:3px 4px 5px #333;padding:5px;background:#fff;} /* table styles (white background) */ caption {caption-side:bottom;color:#000;font-size:12px;padding:5px;text-align:left;} table.tb_style1 {background:#fff;empty-cells:show;caption-side:bottom;} table.tb_style1 th {padding:10px;text-align:center;text-decoration:underline;font-weight:bold;font-size:14px;} table.tb_style1 td {padding:5px;vertical-align:top;} table.tb_style1 caption {caption-side:bottom;color:#666;font-size:12px;text-align:left;} /* table styles (Grey background) */ table.tb_style2 {background:#fff;empty-cells:show;caption-side:bottom;border-spacing:1px;margin-left:auto;margin-right:auto;} table.tb_style2 th {padding:5px;text-align:center;background:#f6f5f4;font-weight:bold;font-size:12px;border:1px solid #ebebeb;} table.tb_style2 td {padding:5px;vertical-align:top;border:1px solid #ebebeb;} table.tb_style2 caption {caption-side:bottom;color:#666;font-size:12px;text-align:left;} table.img_tb_style {background:#fff;empty-cells:hide;caption-side:bottom;} table.img_tb_style td {padding:2px;vertical-align:top;color:#063c6c;font-size:12px;line-height:16px;font-family: Arial,Verdana, Helvetica, sans-serif;} table.img_tb_style img {border:1px solid #00315d;margin:0;} /*** hightlihgts & toggleSection ***/ #highlights {width:300px; float:right;border:1px solid #ebebeb;border-left:none;border-right:none;padding:15px;margin:0 0 10px 10px;background-color:#f6f5f4;} #highlights_leftnav {text-align:left;border:1px solid #ebebeb;border-left:none;border-right:none;padding:5px;margin:0;background-color:#f6f5f4;font-size:11px;} #toggleSection {border:1px solid #ebebeb;border-left:none;border-right:none;padding:10px;margin:20px;background-color:#f6f5f4;} /* Clinician & Researcher Landign page Styles, 3 image banners & Tab ======================================== ***/ ul#banner_wrapper_w625 {width:603px;height:135px;padding:15px 10px 8px 10px;margin:0;background:#e9edf7;border:1px solid #35357e;line-height:18px;} #banner_wrapper_w625 li {float:left;width:190px;padding:0 5px;margin:0;list-style:none;text-align:center;} #banner_wrapper_w625 img {padding:0;margin:0 0 5px 0;} #banner_wrapper_w625 a {text-decoration:none;font-size:12px;} #banner_wrapper_w625 a:hover {text-decoration:underline;} /* tab pane styling */ #tabs_wrapper_w625 {width:625px;padding:0;margin:0;line-height:16px;} ul.tabs {width:625px;float:left;height:25px;margin:0; padding:0;} ul.tabs li {float:left;padding:0;margin:0;} ul.tabs a { display:block;width:140px;height:20px;border-right:1px solid #fff;text-decoration:none;color:#fff;background-color:#598fd9;padding:3px 0 2px 0;font-size:13px;} ul.tabs a:hover {background: #35357e url(http://www.columbiasurgery.org/img/bg_tab_over.jpg) repeat-x;} ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background-color:#35357e;} #tabs_wrapper_lev3 {padding:10px 0 0 10px;margin:0px;border:1px solid #ebebeb;border-left:none;border-right:none;background-color:#f6f5f4;} #tabs_wrapper_lev3 li {display:inline;margin:0;padding:0;background-image:none;list-style:none;list-style-type:none;list-style-image:none;} #tabs_wrapper_lev3 li.tabs_lev3_bullet {background-image:url(http://www.columbiasurgery.org/i/bullet_grey_2px.gif);background-repeat:no-repeat;background-position:10px 7px;padding-left:20px;} ul.tabs_lev3 a {text-decoration:none;padding:0;margin:0;} ul.tabs_lev3 a.active,ul.tabs_lev3 a:hover {text-decoration:underline;} /* #tabs_wrapper_lev3 {margin:0;padding:0;width:625px;height:35px;line-height:16px;border:1px solid #ebebeb;border-left:none;border-right:none;background-color:#f6f5f4;} #tabs_wrapper_lev3 li {float:left;margin:0;padding:0;background-image:none;list-style:none;list-style-type:none;list-style-image:none;background-color:#f6f5f4;} ul.tabs_lev3 a { display:block;border-left:1px solid #ebebeb;padding:10px;font-size:13px;text-decoration:none;} ul.tabs_lev3 a.active,ul.tabs_lev3 a:hover {text-decoration:underline;} */ .panes div {display:none; text-align:left;padding:0;margin:0; height:160px;width:625px;background-color:#35357e;color:#fff;} .panes img {border:1px solid #fff;list-style:none;list-style-type:none;list-style-image:none;} .panes div a {color:#fff;text-decoration:none;} .panes div a:hover {text-decoration:underline;} /* List Style for news tabs */ ul#shortcuts_news {list-style:none;padding:5px 0 5px 10px;margin:0;width:615px;} #shortcuts_news li {padding:5px 10px;margin:0;list-style:none;list-style-type:none;list-style-image:none;background-image:url(http://www.columbiasurgery.org/i/bullet_white_2px.gif);background-repeat:no-repeat;background-position:3px 12px;} /* List Style for events tabs */ ul#shortcuts_events {padding:15px 0px 5px 10px;;margin:0;width:615px;} #shortcuts_events li {float:left;width:195px;padding:0 10px 0 0;margin:0;list-style:none;list-style-type:none;list-style-image:none;} #shortcuts_events img {float:left;width:82px;padding:0;margin:0 5px 20px 0;} ul#shortcuts_media {padding:30px 5px 5px 10px;;margin:0;width:610px;badkground:red;} #shortcuts_media li {float:left;width:193px;padding:0 10px 0 0;margin:0;list-style:none;list-style-type:none;list-style-image:none;} #shortcuts_media img {width:193px;height:88px;padding:0;margin:0 0 5px 0;} /* News Page Styles ======================================== ***/ #division_news li {clear:both;border-top:1px solid #e9e9e9;padding:15px 0;background-image:none;} #division_news li:first-child {clear:both;border:none;padding:10px 0 0 0;background-image:none;} #division_news .news_image {float:right;width:125px;margin:0;padding:0;color:#063c6c;font-size:12px;line-height:16px;font-family: Arial,Verdana, Helvetica, sans-serif;} #division_news .news_image_lt {float:left;width:125px;margin:0;padding:0;color:#063c6c;font-size:12px;line-height:16px;font-family: Arial,Verdana, Helvetica, sans-serif;} #division_news .news_image img, #division_news .news_image_lt img {border:1px solid #00315d;} #division_news .news_blurb {float:left;width:480px;} #division_news iframe {margin:0 0 10px 0;} /* margin for youtube */ #division_news .news_blurb_noimg {float:left;} #division_news h3, #division_news h3 a {margin:0;padding:0;color:#35357d;font-weight:bold;font-size:14px;} #division_news li li, #division_news li li:first-child {margin:0;padding:0 0 0 20px;border:none;list-style-type:none;list-style-image:none;background-image:url(http://www.columbiasurgery.org/i/bullet_grey_2px.gif);background-repeat:no-repeat;background-position:10px 10px;} #division_news ul ul {margin: 0 0 10px 0;} #division_news .news_time {font-size:11px;color:#7d7d7d;} /* Thumnails list ======================================== ***/ #thumnails_list h4 {background-color:#f6f5f4;padding:3px 0 3px 3px;margin:0;font-style:normal;color:#000;border-bottom:1px solid #ebebeb;} #thumnails_list ul {margin:3px 0 10px 0;} #thumnails_list li {clear:both;min-height:100px;border-top:1px solid #e9e9e9;padding:5px 0;margin:0;background-image:none;} #thumnails_list ul li:first-child {border:none;} #thumnails_list .thumnails_image {float:left;margin:0;padding:5px 0 10px 0;} #thumnails_list .thumnails_image img {border:1px solid #00315d;width:120px; height:90px;} #thumnails_list .thumnails_blurb {float:left;width:480px;margin-left:10px;} #thumnails_list .thumnails_time {font-size:11px;color:#7d7d7d;} #thumnails_list .thumnails_blurb h5 a, #thumnails_list .thumnails_blurb h5 {margin:0;padding:0 0 6px 0;font-weight:bold;font-style:normal;text-decoration:none;color:#000;} #thumnails_list .thumnails_blurb h5 em {color:#666666;font-size:11px;font-variant:normal;font-weight:normal;font-style:normal;line-height:10px;} #thumnails_list .thumnails_blurb h5 a:hover {color:#568cd6;} /* Thumnails list ======================================== ***/ #thumnails_list_w270 h4 {background-color:#f6f5f4;padding:3px 0 3px 3px;margin:0;font-style:normal;color:#000;border-bottom:1px solid #ebebeb;} #thumnails_list_w270 ul {margin:3px 0 10px 0;} #thumnails_list_w270 ul li:first-child {border:none;} #thumnails_list_w270 li {clear:both;min-height:130px;border-top:1px solid #e9e9e9;padding:5px 0;margin:0;background-image:none;} #thumnails_list_w270 .thumnails_image {float:left;margin:0;padding:5px 0 10px 0;width:270px;} #thumnails_list_w270 .thumnails_image img {border:1px solid #00315d;} #thumnails_list_w270 .thumnails_blurb {float:left;margin-left:10px; width:340px} /* 3 column Thumnails ======================================== ***/ #thumnails_3col .column {float:left;width:180px;margin-right:25px;margin-bottom:10px;} #thumnails_3col .column img {border:1px solid #00315d;width:180px; height:135px;} #thumnails_3col a.speaker {font-size:11px;text-decoration:none;color:#666;} /* Tooltips 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:#333366; border:1px dotted #888888;background-color:#e9edf7;width:250px;line-height:15px;} #leftnav_wrapper {margin:0;padding-left:30px;border: 0;float:left;width:160px;height:100%;color:#292929;background-color:#ffffff; font-size:12px; font-family: Arial, Verdana, Lucida, Geneva, Helvetica, Trebuchet MS,Arial, sans-serif;font-weight:normal;letter-spacing: 0.04em;line-height:1.2em;} /*** 3rd Level Nav -- list based ======================================== ***/ #lev3, #highlights_full {border:1px solid #ebebeb;border-left:none;border-right:none;padding:10px;margin:0 0 20px 0;background-color:#f6f5f4;} #lev3 ul {padding:0px;margin:0;} /*** left nav style -- text based ======================================== ***/ #leftnav {margin:0;padding:0;border:none;} #leftnav ul{margin:0;padding:0;border:none;} /*level 1 */ #leftnav li {text-align:left;border:none;margin:0;padding:0;list-style-type:none;list-style-image:none;} #leftnav li a {display:block;padding:8px 5px 8px 7px;text-decoration:none;color:#ffffff;background-color:#35357d;} #leftnav li a:hover, li a#current {text-decoration:underline;} /*level 2 header (arrow) */ #leftnav li a.lev2_hd {background-image:url(http://www.columbiasurgery.org/i/arw_leftnav.gif);background-repeat:no-repeat;background-position:145px 12px;} #leftnav li a:hover.lev2_hd {background-image:url(http://www.columbiasurgery.org/i/arw_leftnav.gif);} #leftnav li a.lev2_hd_current{text-decoration:underline;background-image:url(http://www.columbiasurgery.org/i/arw_leftnav.gif);background-repeat:no-repeat;background-position:145px 12px;} /*level 2*/ /*#left_nav ul#lev2 li {position: relative;border:none;} /*relative to lev3 position */ #leftnav ul#lev2 li a {padding:8px 4px 8px 20px;color:#fff;background-image:none;background-color:#5286d0;font-weight:normal;letter-spacing: 0.01em;} #leftnav ul#lev2 li a:hover {text-decoration:underline;} #leftnav ul#lev2 li a#current {color:#ffffff;} #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%; } /* Related Program on the left nav */ #leftnav_related ul{margin:10px 0 20px 0;padding:0px;border:none; } #leftnav_related li {text-align:left;border:none;margin:0;padding:0;list-style-type:none;list-style-image:none;} #leftnav_related li a {display:block;padding:8px 5px 5px 7px;text-decoration:none;color:#333366;font-weight:bold;} #leftnav_related li a:hover, li a#current {text-decoration:underline;} /*HealthPoints Form on the left nav */ #hp form {margin:0;padding:0;} #hp {padding:5px 0 5px 2px;color:#000;background:#fec24d;letter-spacing: 0.03em} #hp input {font-size:11px;height:18px;margin:0;padding:3px 0 0 0;background:#f1f6f7;} #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:832px; background:#ffffff;} /* 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;} /* 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:23px;margin:0;list-style-type:none;} /* style the sub level list items */ #topnav ul ul li {display:block;height:auto;position:relative;line-height:1.2em;border-bottom:0px solid #e2e2e2;border-left: 1px solid #e2e2e2;border-right: 1px solid #e2e2e2;font-family: Arial,Verdana, Helvetica, sans-serif;} /* style the links for the top level */ #topnav a, #topnav a:visited {display:block;float:left;height:23px;text-decoration:none;font-size:12px;} /* style the sub level links */ #topnav ul ul a, #topnav ul ul a:visited {display:block;background:#e9edf7; color:#35357d;width:140px;height:100%;line-height:1.2em; 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:#e9edf7;} /* 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:#35357d;} /* style the sub level 2 background */ #topnav ul ul a.sub2 {background-image:url(http://www.columbiasurgery.org/i/arrow_topnav_blue.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_white.gif);background-repeat:no-repeat;background-position:153px 9px;} /* style the level hovers */ /* first */ #topnav a:hover {color:#fff;background:#5286d0;} #topnav :hover > a {color:#fff;background:#5286d0;} /* second */ #topnav ul ul a:hover{color:#fff;background:#5286d0;} #topnav ul ul :hover > a {color:#fff;background:#5286d0;} /* third */ #topnav ul ul ul a:hover {background:#5286d0;} #topnav ul ul ul :hover > a {background:#5286d0;} /* 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:23px;left:0;width:14em;} /* position the third level flyout menu */ #topnav ul ul ul{left:162px;top:0;border-top:1px solid #e2e2e2;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;}