/* CSS Document */ /*------------- general formatting ------------------------*/ body{ margin: 5px; padding: 5px; font: 15px Arial, Verdana, Helvetica, sans-serif; color: #465f7b; /*--- Standard Color ---*/ background-color:#5d7999; /*--- Standard Color ---*/ } div#body { width: 100%; border: .1em silver solid; margin: 0 0 10px 0; } a:link {color: #821231; text-decoration:none;} a:visited {color: #821231; text-decoration:none;} a:hover {color: #465f7b; text-decoration:none;} a:active {color: #465f7b; text-decoration:none;} /*-- --*/ p{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; line-height:16px; text-decoration:none; color:#465f7b; font-weight: normal; } p a{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; line-height:16px; text-decoration:none; color:#006EDA; font-weight: normal; } p a:hover{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; line-height:16px; text-decoration:none; color:purple; font-weight: normal; } td{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; line-height:16px; text-decoration:none; color:#465f7b; font-weight: normal; margin:0; padding:0; } td a{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; line-height:16px; text-decoration:underline; color:#944237; font-weight: normal; } td a:hover{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size:14px; line-height:16px; text-decoration:underline; color:#465f7b; font-weight: normal; } th{ font: 16px Arial, Verdana, Helvetica, sans-serif; color:#465f7b; margin:0; padding:0; } h2{ font: 14px Arial, Verdana, Helvetica, sans-serif; color:#465f7b; margin:0; padding:0; } h3{ font: 12px Arial, Verdana, Helvetica, sans-serif; color:#465f7b; margin:0; padding:0; } /*------------- Custom Formatting ------------------------*/ .section_heading{ text-decoration:none; color:#FFF; font: 16px Arial, Verdana, Helvetica, sans-serif; line-height:19px; background-color: #465f7b; text-align:center; vertical-align:text-middle; height: 22px; } .section_subheading{ font: 14px Arial, Verdana, Helvetica, sans-serif; font-weight:normal; color:#465f7b; background-color: #e0e0e0; text-align:center; } .section_row{ border-bottom: 1px dotted #e0e0e0; border-top: 1px dotted #e0e0e0; } .section_quick_links{ text-align:left; } .noborder{ margin:0; padding:0; border:0; } .vbar_news{ height: 118px; width: 230px; background-image:url(css/images/news.png); background-repeat:no-repeat; background-position:center; } .vbar_patient{ height: 118px; width: 230px; background-image:url(css/images/patient.png); background-repeat:no-repeat; background-position:center; } .vbar_testing{ height: 118px; width: 230px; background-image:url(css/images/testing.png); background-repeat:no-repeat; background-position:center; } .vbar_nutrients{ height: 118px; width: 230px; background-image:url(css/images/nutrients.png); background-repeat:no-repeat; background-position:center; } .vbar_research{ height: 118px; width: 230px; background-image:url(css/images/research.png); background-repeat:no-repeat; background-position:center; } .vbar_h1{ font: 19px Arial, Verdana, Helvetica, sans-serif; color:#FFF; text-align:left; padding: 15px 0px 0px 10px; line-height:19px; vertical-align:text-top; } .vbar_h2{ font: 16px Arial, Verdana, Helvetica, sans-serif; color:#FFF; text-align:left; padding: 10px 0px 0px 10px; line-height:16px; vertical-align:text-top; } .vbar_h1 a:link {text-decoration:none; color:#FFF; font: 18px Arial, Verdana, Helvetica, sans-serif; } .vbar_h1 a:visited {text-decoration:none; color:#FFF; font: 18px Arial, Verdana, Helvetica, sans-serif;} .vbar_h1 a:hover {text-decoration:underline; color:#FFF; font: 18px Arial, Verdana, Helvetica, sans-serif;} .vbar_h1 a:active {text-decoration:none; color:#FFF; font: 18px Arial, Verdana, Helvetica, sans-serif;} .vbar_h2 a:link {text-decoration:none; color:#FFF; font: 16px Arial, Verdana, Helvetica, sans-serif; } .vbar_h2 a:visited {text-decoration:none; color:#FFF; font: 16px Arial, Verdana, Helvetica, sans-serif;} .vbar_h2 a:hover {text-decoration:underline; color:#FFF; font: 16px Arial, Verdana, Helvetica, sans-serif;} .vbar_h2 a:active {text-decoration:none; color:#FFF; font: 16px Arial, Verdana, Helvetica, sans-serif;} .vbar_submit{ border: 1px solid #fff; background-color: #879364; color: #fff;" vertical-align:text-top; } .vbar_section_heading{ font: 18px Arial, Verdana, Helvetica, sans-serif; font-weight:normal; color:#FFF; background-color: #465f7b; text-align:center; } /*------------- Navigation Formatting BCRI ------------------------*/ .body_middle a{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; text-decoration:underline; color:#006EDA; font-weight: normal; } .body_middle a:hover{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:13px; text-decoration:underline; color:purple; font-weight: normal; } .top{ padding-top: 25px; } .gap{ padding-top: 10px; } .banner_top{ background-image:url(images/bcri_banner_top.jpg); background-repeat:no-repeat; background-position:center; height: 30px; width: 832px; } .banner_fill{ margin: 0px; padding: 0px; background-image:url(images/bcri_banner_fill.jpg); background-repeat:repeat-x; height: 170px; width: 832px; } .banner_graphic{ background-image:url(images/bcri_banner_new6.jpg); background-repeat:no-repeat; background-position:center; height: 170px; width: 832px; } .banner_bottom{ background-image:url(images/bcri_banner_bottom.jpg); background-repeat:no-repeat; background-position:center; text-align: center; height: 20px; width: 832px; } .banner_menu{ font-family:arial; font-size:12px; font-weight:bold; text-decoration:none; color:#fbfcfd; padding-right:35px; text-align:right; } .body_top{ padding-top: 5px; background-color:#c0bebf; } .nav_top_l{ background-image:url(images/bcri_nav_top_left.jpg); background-repeat:no-repeat; background-position:center; height: 10px; width: 10px; } .nav_top_m{ margin: 0px; padding: 0px; background-image:url(images/bcri_nav_top_middle.jpg); background-repeat:repeat-y; height: 10px; width: 165px; } .nav_top_r{ background-image:url(images/bcri_nav_top_right.jpg); background-repeat:no-repeat; background-position:center; height: 10px; width: 10px; } .nav_middle{ background-image:url(images/bcri_nav_middle.jpg); background-repeat:repeat-y; background-position:center; width: 185px; color:#003399; text-align:left; } .nav_hdr_menu { color: #003399; font: bold 15px Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; margin-left: 19px; margin-bottom: 3px; display:list-item; list-style-type: square;} /* navigation header text */ .healthnav {font: 11px Verdana, Arial, Helvetica, sans-serif; display:block; margin-top: -8px; padding-left: 20px;} /* navigation text */ a.healthnav:link {color: #003399;} a.healthnav:visited {color: #003399;} a.healthnav:hover {color: #ffffff; background-color:#5183a6;} a.healthnav:active {color: #5183a6;} .nav_bot_l{ background-image:url(images/bcri_nav_bottom_left.jpg); background-repeat:no-repeat; background-position:center; height: 10px; width: 10px; margin: 0px; padding: 0px; } .nav_bot_m{ margin: 0px; padding: 0px; background-image:url(images/bcri_nav_top_middle.jpg); background-repeat:repeat-y; height: 10px; width: 165px; } .nav_bot_r{ background-image:url(images/bcri_nav_bottom_right.jpg); background-repeat:no-repeat; background-position:center; height: 10px; width: 10px; } .nav_left_menu{ padding-top: 8px; background-color:#c0bebf; } .body_middle{ background-color:#fbfcfd; margin: 0px; padding: 10px; color:#003399; vertical-align:top; } .nav2_top_r{ background-image:url(images/bcri_nav2_top_right.jpg); background-repeat:no-repeat; background-position:center; height: 10px; width: 10px; } .nav2_bot_r{ background-image:url(images/bcri_nav2_bottom_right.jpg); background-repeat:no-repeat; background-position:center; height: 10px; width: 10px; } .nav2_fill{ margin: 0px; padding: 0px; background-color:#fbfcfd; } /*------------- button classes ------------------------*/ a.btn_abstract{ background-image:url(images/btn_abstract_up.jpg); background-repeat:no-repeat; background-position:center; height: 20px; width: 66px; } a.btn_abstract:hover { background-image:url(images/btn_abstract_down.jpg); background-repeat:no-repeat; background-position:center; height: 20px; width: 67px; } a.btn_website{ background-image:url(images/btn_website_up.jpg); background-repeat:no-repeat; background-position:center; height: 20px; width: 67px; } a.btn_website:hover { background-image:url(images/btn_website_down.jpg); background-repeat:no-repeat; background-position:center; height: 20px; width: 67px; } a.btn_fulltext{ background-image:url(images/btn_fulltext_up.jpg); background-repeat:no-repeat; background-position:center; height: 20px; width: 67px; } a.btn_fulltext:hover { background-image:url(images/btn_fulltext_down.jpg); background-repeat:no-repeat; background-position:center; height: 20px; width: 67px; } a.btn_textpdf{ background-image:url(images/btn_textpdf_up.jpg); background-repeat:no-repeat; background-position:center; height: 20px; width: 67px; } a.btn_textpdf:hover { background-image:url(images/btn_textpdf_down.jpg); background-repeat:no-repeat; background-position:center; height: 20px; width: 67px; } a.private { color:#fbfcfd; } a.private:hover{ color:#fbfcfd; } td.article_list{ vertical-align:top; horizontal-align:left; } td.article{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; text-decoration:none; font-weight: bold; color:#003399; background-color:#98cbed; padding:1px; margin:0; text-align:left; width: 530px; } td.authors{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; text-decoration:none; font-weight: normal; color:#555555; padding:1px; margin:0; text-align:left; } td.publisher{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; font-style:italic; font-weight: bold; color:#555555; padding:1px; margin:0; text-align:left; } p.pad_right{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; text-decoration:none; color:#555555; font-weight: normal; padding-right: 20px; } font.normal{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; text-decoration:none; color:#555555; font-weight: normal; } font.subtitle{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; line-height:10px; text-decoration:none; color:#006EDA; font-weight: normal; } .formbutton{ cursor:pointer; border:1px outset #ccc; color:#666; font-weight: bold; background:url(images/formbg.gif) repeat-x left top; } /*------------- popup classes ------------------------*/ .pop_right{ position: relative; z-index: 0; } .pop_right:hover{ background-color: transparent; z-index: 50; } .pop_right span{ /* for large image - display right */ position: absolute; background-color: #fbfcfd; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .pop_right span img{ /* large image - display right */ border-width: 0; padding: 2px; } .pop_right:hover span{ /* large image on hover - display right */ visibility: visible; border: 1px solid gray; display: block; height: 233px; left: 105px; position: absolute; top: -60px; width: 400px; } .pop_left{ position: relative; z-index: 0; } .pop_left:hover{ background-color: transparent; z-index: 50; } .pop_left span{ /* enlare image - display left */ position: absolute; background-color:#fbfcfd; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .pop_left span img{ /* enlare image - display left */ border-width: 0; padding: 2px; } .pop_left:hover span{ /* large image on hover - display right */ visibility: visible; border: 1px solid gray; display: block; height: 233px; left: -515px; position: absolute; top: -60px; width: 400px; } .image { margin:5px 5px 5px 5px; padding:1px 1px 1px 1px; border-top:1px dashed #666; border-bottom:1px dashed #666; border-right:0px dashed #666; clear:left; background-color:#f2f2f2; width=100px } .image_text { margin:5px 5px 5px 5px; padding:5px 10px 5px 10px; border-top:1px dashed #666; border-bottom:1px dashed #666; border-right:0px dashed #666; clear:left; background-color:#f2f2f2; } .image_text a{ font: 11px Verdana, Arial, Helvetica, sans-serif; color:#465f7b; margin:0; padding:0; line-height:16px; } .image_text a:hover{ font: 11px Verdana, Arial, Helvetica, sans-serif; color:purple; margin:0; padding:0; line-height:16px; } .image_text a:visited{ font: 11px Verdana, Arial, Helvetica, sans-serif; color:purple; margin:0; padding:0; line-height:16px; } .video { margin:13px 4px 4px 4px; padding:2px 1px 1px 1px; background-color:#f2f2f2; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; color:#555555; }