/* This file should contain any CSS that is used to render the layout, structure, and style of the page. eWebEditPro will not see this file, so CSS that is specific to the editable content areas should go in the appropriate site-specific CSS file. */ /*** Page Grid System setup ***/ /** Dimensional notes: * The #hd section contains three layers. * First layer has a few navigational links, starts with "Explore Piedmont" * Second layer has the logo and font resizer * Third layer has the top navigational menu and search function. * * These layers all have graphic background and borders, but those styles * are applied by means of a single large background on the . * Therefore, to line up with their background, each layer must have very * specific vertical space considerations. * * The first layer must range from 0px to 28px. Avail height: 28px * The second layer must range from 29px to 98px. Avail height: 70px * The third layer must range from 99px to 140px. Avail height: 42px * Total height: 140px * * These sizes must not fluctuate with text-size adjustments. */ html { overflow-y: scroll; } /* normalize scroll bars presence */ body { background-image: url('/images/Layout/bkgd.jpg'); background-repeat: repeat-x; background-color: #EBEBEB; } #doc1 { margin: 0 auto; padding: 0; text-align:left; width:1000px; } #layout_Content ol, #layout_Content ul, #layout_Content dl { margin-left: 30px;} /*-------------------------------------------- Header ---------------------------------------------*/ #hd { margin: 0 0 10px 0; padding: 0; height: 140px; } #hd .layout_logo { float: left; margin: 0; clear: both; height: 71px; } #hd .layout_logo img { height: 70px; padding-bottom: 1px; } #hd form { float: right; } #topNav { height: 28px; margin: 0; padding: 0; } #topNav #explore { float: left; font-size: 9px; color: #fff; text-decoration: none; height: 19px; background-color: #1F7D80; padding: 8px 10px 0px 10px; } #topNav ul { margin: 0; padding: 0; float: right; height: 28px;} #topNav ul li { display: inline; float: left; margin: 0; padding: 0 0 0 1px; } #topNav ul li a { font-size: 9px; color: #fff; text-decoration: none; padding: 8px 10px 4px 10px; background-color: #1F7D80; line-height: 29px; margin: 0; } #topNav ul li a:hover { color: #dedede; } #hd .font_sizer { float: right; width: 120px; padding-right: 20px; padding-top: 30px; } #hd .font_sizer img { cursor: pointer; } /*-------------------------------------------- Navigation ---------------------------------------------*/ /** Begin basic structural logic **/ /* Set default menu item display to "none" */ ul.Menu ul { display: none; } /* Set menu items to display if they are the current or active menu */ ul.Menu ul.Active, ul.Menu ul.Current { display: block; } /** Begin display logic specific to the top menu **/ #grid_topMenu { clear: both; } #grid_topMenu ul.Root { margin: 0; padding: 0; } #grid_topMenu li.T1 { line-height: 39px; list-style: none; float: left; padding: 0 30px; border-right: 1px solid #e2e2e2; background: url('/images/Layout/navigation_bg.jpg') repeat-x; } #grid_topMenu #tINAV000070 { display: none; } /** News should not visually show up in top nav **/ #grid_topMenu #INAV000024 { border-left: 1px solid #e2e2e2; } #grid_topMenu li.T1:hover { background-image: none; } #grid_topMenu li.T1 a { color: #006B6E; font-weight: bold; text-transform: uppercase; text-decoration: none; } /** Search function styles **/ #grid_topMenu #searchTop { float: right; padding: 0 20px; background: none; width: 319px; } #searchTop form { margin-top: 0; } #layout_SearchField { float: left; width: 212px; padding-left: 8px; border: 1px solid #a3a3a3; font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; margin-top: 11px; } #layout_SearchGo { float: left; width: 87px; height: 29px; margin-top: 6px; padding-left: 10px; } #tINAV000025 { width: 118px; } #tINAV000026 { width: 76px; } #tINAV000024 { width: 113px; } /** Right menu **/ #grid_Right a { color: #006B6E; } #grid_Right ul.Root { border: 1px solid #eaeaea; margin: 0px; padding: 0; list-style: none; background-color:#fff; } #grid_Right li.T2 { list-style: none; border: 1px solid #78b5a6; background-color: #cee8e7; padding: 5px; margin-bottom: 1px; } #grid_Right li.T3 { margin: 0; list-style: none; padding: 5px; border: 1px solid #78b5a6; background-color: #cee8e7; margin-bottom: 1px; font-weight: normal; } #grid_Right li.T2Active { background-color: transparent; border: none; margin: 0; padding: 0; font-weight: bold; } #grid_Right li.T2Active a { color: #666; } #grid_Right ul.T3 { margin: 5px 0 0 0; } #grid_Right li.T3 a { color: #006B6E; } #grid_Right ul.T4 { margin: 0; } /*-------------------------------------------- Call Outs ---------------------------------------------*/ .layout_Related h2 {color:#006B6E;font-size:90%;font-family: Verdana, Arial, Helvetica, sans-serif;} .layout_Related { color:#81B3B2; background-color: #fff; border: 1px solid #eaeaea; padding: 0 10px; margin-top: 10px; } .layout_Related a {color:#006B6E;} .layout_Related a:hover {color:#81B3B2;} .layout_Related ul li {list-style-image: url('/images/Layout/bullet.gif');} #grid_Right #callouts { margin-top: 10px; } #right_Resources { background-image: url('/images/PHI/home_td_bg.jpg'); background-repeat: repeat-x; background-color: #FCF7DA; padding: 0; border: 2px solid #fff; border-top: none; margin-top: 10px; } #right_Resources li { list-style: none; padding: 10px 5px 10px 45px; margin-bottom: 5px; } #right_Resources #heartaware {padding-left:0px; margin:10px 0 0 10px;} #right_Resources li#sleepaware { background-image: url('/images/PHI/icon-sleepaware.jpg'); background-repeat: no-repeat; } #right_Resources li#ctscan { background-image: url('/images/PHI/icon-ctscan.jpg'); background-repeat: no-repeat; } #right_Resources li#healthlib { background-image: url('/images/PHI/icon-library.jpg'); background-repeat: no-repeat; } #right_Resources li#contactus { background-image: url('/images/PHI/icon-contact.jpg'); background-repeat: no-repeat; } #right_Resources { display: none; } #OTH000579 #right_Resources { display: block; } #OTH000579 #bd #right_Resources a, #OTH000579 #bd #right_Resources a:link, #OTH000579 #bd #right_Resources a:visited { color: #666; font-size: 105%; } #OTH000579 #bd #right_Resources h2 { padding: 5px 10px 15px 20px; margin: 0; background-color: #efefef; font-size: 160%; font-weight: normal; background-image: url('/images/PHI/hometableh2_bg.gif'); background-position: left bottom; background-repeat: no-repeat; } /*-------------------------------------------- Body ---------------------------------------------*/ body#OTH000579 #grid_Main { font: 11px/14px Helvetica, Verdana, Arial, sans-serif; } #layout_Content {padding-right:5px;} #bd { clear: both; padding: 0 10px; } .MR #grid_Main { float: left; border: 1px solid #eaeaea; padding: 15px; width: 629px; background-color: #fff; } .M #grid_Main { border: 1px solid #eaeaea; padding: 15px; background-color: #fff; } #grid_indexMain { border: 1px solid #eaeaea; background-color: #fff; padding: 10px; margin: 10px 0; } .MR #grid_Right { float: right; width: 310px; } #OTH000579 .MR #grid_Main { width: 659px; padding: 0; border: none; background-color: transparent; margin: 0; } #bd table td, #bd table th { border: none; vertical-align: top; } #contentContent {padding-left:5px;padding-right:20px;} #bd a, #bd a:link { color: #1F7D80; text-decoration: none; } #bd a:visited { color: #0A4D4F; text-decoration: none; } #bd a:hover { color: #62ADAF; text-decoration: underline; } #grid_Main img { margin: 0px 8px 8px 8px; } #grid_Main #ROTATEIMAGES-container img { margin: 0; } #OTH000579 #grid_Main img { margin: 0; } #OTH000579 #grid_Main table img { margin: 0px 8px 8px 8px; } h1 { color: #4e666f; font-size: 130%; } h2 { color: #4e666f; font-size: 115%; } h3 { color: #006b6e; font-size: 110%; } h4, h5, h6 { color: #006b6e; } #OTH000579 h1, #OTH000579 h2, #OTH000579 h3, #OTH000579 h4, #OTH000579 h5, #OTH000579 h6 { color: #8a2529; font-family: "Times New Roman", Times, serif; } #OTH000579 h2 { padding: 5px 10px 15px 20px; margin: 0; background-color: #efefef; font-size: 160%; font-weight: normal; background-image: url('/images/PHI/hometableh2_bg.gif'); background-position: left bottom; background-repeat: no-repeat; } h1.page_title { margin-top: 0px; } table.physician_listing div.boldtext { margin-bottom: 10px; font-size: 110%; color: #006B6E; font-weight: bold; } table.physician_listing div.bio { font-size: 88%; margin-bottom: 5px; } table.physician_listing div.profile_link { font-weight: bold; text-align: center; } table.physician_listing img.PhysThumb { border: 1px solid #ccc; } #news_feed { display: none; } #OTH000579 #news_feed { width: 655px; clear: left; background-color: #fff; border: 2px solid #fff; margin-bottom: 10px; position: relative; top: 10px; display: block; } #OTH000579 #news_feed ul { background-image: url('/images/PHI/news_feed_bg.jpg'); background-repeat: repeat-x; background-color: #FCF7DA; margin: 0; padding: 0 10px 10px 20px; } #OTH000579 #news_feed ul li { list-style: none; padding-bottom: 5px; } #OTH000579 #news_feed h2 { background-image: url('/images/PHI/latestNews_bgicon.gif'); background-repeat: no-repeat; padding-left: 45px; margin-bottom: 0; padding-bottom: 5px; } #OTH000579 h1.page_title { display: none; } #OTH000579 table { margin: 0; padding: 0; } #OTH000579 table td { width: 50%; background-image: url('/images/PHI/home_td_bg.jpg'); background-repeat: repeat-x; background-color: #FCF7DA; padding: 0; border: 2px solid #fff; } #OTH000579 table td p { padding: 0 10px; } #OTH000579 table td ul { margin: 0; padding: 10px 10px 10px 30px; } #OTH000579 table td li { padding-bottom: 10px; font-size: 110%; } p.red_text { color: #990000; } /*-------------------------------------------- Footer ---------------------------------------------*/ #lowerGrid { background-image: url('/images/Layout/footer_bg.jpg'); background-repeat: repeat-x; } #ft { clear: both; color: #868989; list-style:none; font-size: 12px; text-align: center; height: 150px; padding-top: 4px; width: 1000px; margin: 10px auto 0 auto; } #ft a { color:#333; text-decoration:none} #ft .greyLinks a { color: #868989; } #ft a:hover{color:#bbbbbb; text-decoration:none} #ft ul {margin: 0; } #ft li {color: #333; display: inline; border-left: 1px solid #e3e3e3; list-style:none; float: right; } #ft #this_page { height: 36px; text-align: right; font-size: 11px; margin-bottom: 19px; } #ft #this_page a { display: block; float: right; border-left: 1px solid #e3e3e3; } /** Forms **/ .FormError { background-color: red; color: white; } /*-------------------------------- Generated Content ----------------------------------*/ .Generated_LatestPressReleases ul { list-style:square; color:#006B6E;} /*-----------------Health Library------------------*/ #layout_Content .healthlib_quizlist ul { padding: 5px; } #layout_Content .healthlib_quizlist li { padding: 5px 5px 5px 15px; background-color: #EBF9FF; border-bottom: 2px solid #fff; list-style: none; width: 175px; } #layout_Content .healthlib_quizlist li:first-child { background-color: #CCE4EF; padding: 5px 5px 5px 15px; margin: 0; font-size: 115%; font-family: Georgia; color: #4A1974; width: 175px; } #layout_Content .healthlib_table td { padding: 5px 10px 5px 10px; background-color: #EBF9FF; } #layout_Content .healthlib_table thead th{ background-color: #006B6E; padding: 5px 10px 5px 10px; font-size: 110%; font-family: Georgia; color: #ffffff; } #layout_Content .healthlib_table th { background-color: #CBE0E3; padding: 5px 10px 5px 10px; font-size: 100%; font-family: Georgia; color: #006B6E; } #layout_Content .healthlib_table caption { padding: 5px 10px 5px 10px; font-size: 125%; font-family: Georgia; font-weight:bold; color: #006B6E; } #layout_Content .healthlib_table caption img{ padding: 0px 10px 0px 0px; margin: 0px 0px -4px 0px; } /*-------------------------------------------- Site Search ---------------------------------------------*/ .search_container { margin-left: 50px; } .search_container ul li { list-style: none; } .search_container ul { margin-top: 0px; } .search_container h2 { margin-left: -20px; } .search_container h1 { margin-left: -25px; } .search_container .color_row th { background: #BBDBEA; color: #097273; } .search_container .p_margin { margin-left: 20px; } .nobordertab td { vertical-align: top; } /*---------------------------------------------------- Font resizer ----------------------------------------------------*/ #FontResizer { margin: 7px 13px; height: 33px; text-align: center; background: url('/images/Layout/font_size.gif') no-repeat -11px 6px; overflow: hidden; } #FontResizer .Icon { display: block; float: right; cursor: pointer; margin: 5px; width: 19px; height: 22px; background: url('/images/Icons/font_resize_btn.gif') no-repeat; } #FontResizer .Size1 { background-position: 0px 0px; } #FontResizer .Size2 { background-position: -19px 0px; } #FontResizer .Size3 { background-position: -38px 0px; } #FontResizer .Size4 { background-position: -57px 0px; } #FontResizer .Size1:hover, #FontResizer .S1Active { background-position: 0px -22px; } #FontResizer .Size2:hover, #FontResizer .S2Active { background-position: -19px -22px; } #FontResizer .Size3:hover, #FontResizer .S3Active { background-position: -38px -22px; } #FontResizer .Size4:hover, #FontResizer .S4Active { background-position: -57px -22px; } /*---------------------------------------------------- Locations Page ----------------------------------------------------*/ ul.tabview { margin: 0; padding: 0; border-bottom: 1px solid #6dbab6; height: 26px; } ul.tabview li { padding: 5px 10px; height: 16px; background-color: #c6e5e4; list-style: none; display: inline; float: left; margin-right: 10px; } ul.tabview li.selected { border: 1px solid #6dbab6; border-bottom: 1px solid #fff; background-color: #fff; } ul.tabview li a { color: #137c9a; font-weight: bold; text-transform: uppercase; font-size: 90%; } #bd table.locations_table td { vertical-align: top; width: 24%; border-left: 1px dotted #1f9a94; } .locations_table ul { margin: 10px 0 0 0; padding: 0; } .locations_table li { list-style: none; } .locations_table h4 { color: #666; } .locations_table a:link { text-decoration: underline; } .locations_table a:hover { text-decoration: none; } .zipcode_form { background-color: #f3e9b0; border: 1px solid #cdcdcd; text-align: center; } .zipcode_form p { margin-bottom: 0px; } #grid_Main .zipcode_form img { margin: 0; } .zipcode_form form input { display: inline; float: left; } .zipcode_field { padding: 5px 5px 4px 5px; width: 200px; margin-right: 10px; margin-left: 313px; } /*---------------------------------------------------- Practice Landing Page ----------------------------------------------------*/ .practice_lander { float: left; text-align: left; font-size: 90%; clear: both; } .practice_lander td, .practice_lander th { vertical-align: top; } .practice_lander td ul { margin: 0 0 0 26px; } #grid_Main .practice_lander img.PhysThumb { margin: 0; border: 1px solid #ccc; } .practice_lander p { margin-bottom: 5px; font-size: 95%; } .practice_lander p.more_link { margin: 0; } .practice_lander p.more_link a { font-size: 75%; text-transform: uppercase; color: #666; font-weight: bold; } #grid_Main .practice_lander p.more_link img { margin: 0; } .practice_lander h2 { margin: 0 0 5px 0; } .practice_lander h4 { color: #4e666f; font-size: 90%; } .practice_lander hr { height: 1px; margin: 3px 0; padding: 0; border: none; border-top: 1px dotted #1f9a94; } /*---------------------------------------------------- WTN Section ----------------------------------------------------*/ #grid_Main .layout_Pagination img { margin: 0; } /*---------------------------------------------------- PHY Section ----------------------------------------------------*/ table.physician_results tbody.results { font-size: small; }