/** @group main */ /* undo some default styling of common (X)HTML browsers * ------------------------------------------------------------------------- */ /* No list-markers by default - must redefine bullets w/ bg graphics */ ul { list-style:none; } /* Avoid browser default inconsistent heading font-sizes and pre/code */ h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; } /* Remove inconsistent (among browsers) default padding or margin */ ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0px; padding:0px; } /* prevent blue linked image borders */ a img,:link img,:visited img,fieldset { border:none; } /* global elements * ------------------------------------------------------------------------- */ body { background-color:#FFFFFF; margin:0px; padding:0px; } br.clear { clear:both; overflow: hidden; height: 0.1em; } div.clear { clear:both; overflow: hidden; height: .01em; } p { margin: 0px 10px 10px 0px; } p, li { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#6f6e6e; } h1 { margin:10px 0px 20px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#949596; font-size:20px; line-height: 21px; font-weight:500; } h2 { margin:20px 0px 20px 0px; padding:0px; font-family:Arial, Helvetica, sans-serif; color:#7298b8; font-size:15px; font-weight: bold; } h3 { margin:20px 0px 20px 0px; padding:0px 0px 0px 10px; font-family:Arial, Helvetica, sans-serif; color:#949596; font-size:13px; font-weight: bold; } a { color:#7298b8; } ul { margin: 0px 0px 10px 30px; padding: 0px; list-style-type: disc; } ol { margin: 0px 0px 10px 30px; padding: 0px; list-style-type: decimal; } li { margin:0px 0px 5px 0px; padding:0px; color:#6f6e6e; } ul li ul { margin: 0px 0px 15px 10px; padding:0px; list-style-type: circle; } ul li ol { margin: 0px 0px 15px 10px; padding:0px; list-style-type: decimal; } ol li ol { margin: 0px 0px 0px 10px; padding: 0px; list-style-type: lower-alpha; } .boldspan { font-weight: bold; } .spanitalic { font-style: italic; } /* Universal elements to the templates * ------------------------------------------------------------------------- */ /*---------------[ Site Wrapper ]------------------*/ .content_holder_landing { background-image: url(../images/Surgery_home_pg.gif); width:1000px; min-height:450px; margin:0 auto 0 auto; position:relative; background-repeat:no-repeat; background-color:#FFFFFF; padding:0px; } .content_holder_home { background-image: url(../images/Home_pg.gif); width:1000px; min-height:450px; margin:0 auto 0 auto; position:relative; background-repeat:no-repeat; background-color:#FFFFFF; padding:0px; } /*---------------[ logo ]------------------*/ #logo_home { float:left; width:230px; height:100px; margin:0px; padding:0px 0px 0px 40px; } #logo_home a { display:block; width:205px; height:90px; margin:4px 0px 5px 40px; padding:0px 0px 0px 0px; } #logo_home a span { display: none; } /*---------------[ Header Navigation Area ]------------------*/ #header_nav_container { float:left; margin: 0px; width: 653px; height:100px; position: relative; } /*----[ Header Search Box ]----*/ #header_search { float: right; margin: 25px 8px 0px 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; } #header_search .txtSearch { color: #6992b4; vertical-align: top; border: 1px solid #ecedee; border-right: none; width: 120px; margin: 1px 0px 0px 0px; padding: 0px; height: 17px; } #header_search .btnSearch { border: none; background-color: Transparent; height: 20px; width: 19px; margin-top: 2px; background-image: url(../images/search_button.gif); background-repeat:no-repeat; cursor: pointer; } #header_search .wmSearch { color: #6992b4; vertical-align: top; border: 1px solid #ecedee; border-right: none; width: 120px; margin: 1px 0px 0px 0px; padding: 0px; height: 17px; } /*----[ Header Minor Navigation ]----*/ #header_nav1 { float: right; right:0px; margin: 28px 5px 0px 0px; padding:0px; } #header_nav1 ul { margin:0px; padding:0px; } #header_nav1 ul li { display:inline; font-size:11px; color:#8eadc7; font-weight:700; margin:0px 2px 0px 2px; } #header_nav1 ul li a { text-decoration:none; font-size:11px; color:#8eadc7; font-weight:700; } #header_nav1 ul li a:hover { color:#F19621; } /*----[ Header Main Navigation ]----*/ #header_nav2 { position:absolute; top:65px; left: 20px; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; } #header_nav2 ul { margin:0px; padding:0px; list-style: none; } #header_nav2 ul li { display:inline; border-right: solid 1px #7180A0; float: left; line-height:14px; font-size:11px; color:#142C61; font-weight:700; margin:0px; } #header_nav2 ul li.last { border-right: solid 0px #7180A0; } #header_nav2 ul li a { display: block; width: 87px; height: 28px; text-align: center; text-decoration:none; font-size:11px; color:#142C61; font-weight:700; padding:0px; } #header_nav2 ul li a span { display: block; padding:6px 0px 0px 0px; } #header_nav2 ul li a:hover { background-color:#AEC4D6; } /*----[ Page/Body constructs ]----*/ #page_content { width:850px; margin:0 auto 0 auto; padding:0px 20px 0px 0px; } #section_header { width:832px; height:37px; margin:0 auto 0 auto; padding:12px 0px 0px 32px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:700; } #section_header .crumbs { color: #ffffff; margin: 0px; padding: 0px; } #section_header .crumbs .default { margin-left: 10px; } #section_header .crumbs a { text-decoration: none; color: #ffffff; } #columns { background: transparent url(../images/bg_page_content.gif) 6px top repeat-y; min-height: 350px; } /*----[ Left Column ]----*/ #left_column { font-family: Arial, Helvetica, sans-serif; width:165px; margin:8px; float:left; padding-right:0px; overflow:hidden; background-color: Transparent; } /*----[ Left Column Accordion Menus ]----*/ #left_column .divSection { width: 165px; padding: 5px; background-color: #a5bcd0; border-bottom: solid 2px #ffffff; min-height: 40px; background-image: url(../images/!acc_images/acc_section_cap.gif); background-repeat:no-repeat; } #left_column .sectionHead { background-color: Transparent; color: #ffffff; font-weight: bold; font-size: 14px; } #left_column .accHeader { color:#ffffff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 5px 10px 0px; background:url(../images/!acc_images/acc_header_sheen_closed.gif); background-repeat:no-repeat; background-color: #a5bcd0; border-bottom: 1px solid #bccddc; } #left_column .accHeader:hover { background:url(../images/!acc_images/acc_header_sheen_closed_over.gif); background-repeat:no-repeat; background-color: #7591aa; } #left_column .accHeader a { text-decoration: none; color: #ffffff; } #left_column .accHeader a :hover { text-decoration: none; color: #ffffff; } #left_column .accHeaderSelected { color:#ffffff; cursor: pointer; font-size: 12px; font-weight: bold; padding: 10px 5px 10px 0px; background:url(../images/!acc_images/acc_header_sheen_open.gif); background-repeat:no-repeat; background-color: #7591aa; border-top: 1px solid #bccddc; } #left_column .accHeaderSelected a { text-decoration: none; color: #ffffff; } #left_column .accHeaderSelected a:hover { text-decoration: none; color: #ffffff; } #left_column .accHead { padding-left: 28px; } #left_column .accFirst { padding-left: 28px; border-top: none; } #left_column .accContent { border-left: 2px solid #a5bcd0; border-right: 2px solid #a5bcd0; border-bottom: 2px solid #a5bcd0; background-color: #d8e2eb; font-size: 11px; margin-bottom: 1px; } /*----[ for the accordion content items ]----*/ #left_column .accFirstItem { color:#657697; border-top: none; background:url(../images/!acc_images/acc_header_drop_shadow.gif); background-repeat:no-repeat } #left_column .accFirstItem a { color:#657697; display: block; text-decoration: none; padding: 5px 5px 5px 28px; } #left_column .accFirstItem a:hover { color:#ffffff; background-color: #8fa6bb; text-decoration: none;} #left_column .accItem { color:#657697; border-top: 1px solid #c4d3e0; } #left_column .accItem a { color:#657697; display: block; text-decoration: none; padding: 5px 5px 5px 5px; } #left_column .lvl2 a { color:#657697; display: block; text-decoration: none; padding: 5px 5px 5px 30px; } #left_column .lvl3 a { color:#657697; display: block; text-decoration: none; padding: 5px 5px 5px 45px; } /* #left_column .accItem a:hover { color:#ffffff; background-color: #8fa6bb; text-decoration: none; } */ #left_column .accSelected { color:#ffffff; border-top: 1px solid #c4d3e0; } #left_column .accSelected a { color:#ffffff; display: block; background-color: #8fa6bb; text-decoration: none; padding: 5px 5px 5px 28px; } #left_column .accSelected a:hover { color:#ffffff; background-color: #8fa6bb; text-decoration: none; } #left_column .SubNavSelected a { color:#ffffff; background-color: #8fa6bb; text-decoration: none; display: block; padding: 5px 5px 5px 28px; } #left_column .divFooter { width: 165px; height: 6px; padding: 0px; margin: 0px; border-top: 1px solid #bccddc; background-image: url(../images/!acc_images/acc_footer.gif); background-repeat:no-repeat; } /*----[ Right Column ]----*/ #right_column { font-family: Arial, Helvetica, sans-serif; width: 165px; margin:0px; margin-top:8px; float:left; } /*----[ Right Column Features ]----*/ .hm_feat_quick { width:160px; float:left; margin:0px 0px 0px 5px; } .hm_feat_quick_hd { background: url(../images/hm_cal_hd.jpg) no-repeat; height:19px; width:159px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; padding-top:2px; padding-left:8px; font-weight:700; } .hm_feat_quick_content { font-family: Arial, Helvetica, sans-serif; font-size: x-small; font-weight: 700; color:#606060; margin:5px; } .hm_feat_quick_content form { margin: 0.4em 0; } .hm_feat_quick_content p { font-size: x-small; font-weight: 700; color:#606060; margin:5px; } .hm_feat_quick_content .feature_btn { margin-left: 5px; } .hm_feat_quick_content .feature_btn a { color:#FA9D24; text-decoration:none; font-size:11px; padding-left:15px; background:url(../images/round_btn.gif) 0px 4px; background-repeat:no-repeat; } .hm_feat_quick_content .feature_btn a:hover { color:#FA9D24; text-decoration:underline; font-size:11px; padding-left:15px; background:url(../images/round_btn.gif) 0px 4px; background-repeat:no-repeat; } /*----[ Right Column QuickLinks ]----*/ .hm_feat_quick_content .divLinks { background:url(../images/round_btn.gif) 0px 3px; background-repeat:no-repeat; margin-bottom: 4px; } .hm_feat_quick_content .QuickLinks { margin-left: 14px; display: block; } .hm_feat_quick_content .thickbox { margin-left: 14px; display: block; } .hm_feat_quick_content a { text-decoration: none; } .hm_feat_quick_content a:hover, #middle_column a:hover { text-decoration: underline; color:#FA9D24; /*display: block;*/ } .map{margin-left: 40px;} .hm_feat_quick_content a.calendar img { padding: 0 0 16px 40px; } /*----[ Footer Navigation ]----*/ #footer { width:850px; border-top:1px solid #8c8c8c; height:30px; position:relative; margin:0px auto 0px auto; } #footer_copyright p { color:#8c8c8c; margin:5px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; float:left; } #footer_copyright .btnLucky { background-color: Transparent; border: none; color:#8c8c8c; text-decoration: none; margin: 0px; font-family:Arial, Helvetica, sans-serif; font-size:10px; float:left; padding: 0px; cursor:default; text-align: left; } #footerlinks { float:right; margin:5px 0px 0px 0px; color:#8c8c8c; font-family:Arial, Helvetica, sans-serif; font-size:10px; } #footerlinks a { text-decoration:none; color:#8c8c8c; font-size:10px; } /* @end main **/ /** @group Home */ /*---------------------[ HOME PAGE STYLE SHEET ]---------------------------*/ #home .content_home_landing { background-image: url(../images/pgHomeBg.gif); background-position: center top; min-height:450px; margin:0 auto; position:relative; background-repeat:no-repeat; width:1016px; padding:0px; } /*---------------[ logo ]------------------*/ #home #logo_home { float:left; width:230px; height:100px; margin:0px; padding:0px 0px 0px 40px; } #home #logo_home a { display:block; width:205px; height:90px; margin:4px 0px 5px 40px; padding:0px; } #home #logo_home a span { display: none; } #home #left_column { margin-top: 0px; padding-top: 0px; height: 320px;} #home #left_column .divLinks { padding-top: 8px; } #home #left_column img { margin: 0px; padding: 0px; border: none; text-decoration: none;} #home #left_column .spacer { margin: 0px; padding: 0px; border: none; display: block;} #home #left_column .finder { margin: 0px; padding: 0px; border: none;} #home #left_column a { margin: 0px; padding: 2px 3px; border: none; text-decoration: none; display: block;} #home #left_column a img { margin: 0px; padding: 0px; border: none; text-decoration: none;} #home #left_column a .finder { margin: 0px; padding: 0px; border: none; text-decoration: none;} #home #right_column { width: 662px; height: 320px; margin:0px; padding: 0px; float:right; font-family:Arial, Helvetica, sans-serif; } #home #right_column .landing_flash { margin:0px; padding-top:4px; } /*----[ Feature boxes ]----*/ #home #bottom_column { width: 850px; } #home .hm_feat_hdimg { padding: 8px 0; text-align: center; } #home #home_feat_container { width:850px; margin-left: 10px; border-top: solid 1px #b4c8d9; font-family:Arial, Helvetica, sans-serif; font-weight: 700; color: #ffffff; background: transparent url("../images/bg_home_feat_container.gif") left top repeat-y; } #home #hm_feat_container .hm_feat, #home #home_feat_container .hm_feat { width:165px; float:left; border-right:solid 1px #b4c8d9; margin: 10px auto; min-height:200px; } #home #hm_feat_container .hm_feat_hd, #home #hm_feat_container .hm_feat_hd1, #home #hm_feat_container .hm_feat_hd2, #home #hm_feat_container .hm_feat_hd3, #home #hm_feat_container .hm_feat_hd4, #home #home_feat_container .hm_feat_hd, #home #home_feat_container .hm_feat_hd1, #home #home_feat_container .hm_feat_hd2, #home #home_feat_container .hm_feat_hd3, #home #home_feat_container .hm_feat_hd4 { background:url(../images/hm_feat_hd.jpg); background-repeat:no-repeat; height:19px; width:145px; margin:0px auto 0px 10px; font-size:12px; padding-top:2px; padding-left: 10px; } #home #hm_feat_container .hm_feat_content , #home #home_feat_container .hm_feat_content { width: 145px; margin: 0px auto 0px auto; } #home #home_feat_container .hm_feat_content, #home #home_feat_container .hm_feat_content p { font-size: x-small; color:#606060; padding: 5px 8px; font-family:Arial,Helvetica,sans-serif; line-height:16px; } #home #home_feat_container .hm_feat_content a:hover { text-decoration: none; } #home #home_feat_container .hm_feat_content p { margin: 0; padding: 0; } #home #hm_feat_container .hm_feat_icon, #home #home_feat_container .hm_feat_icon { margin:5px; } #home #hm_feat_container .hm_feat img, #home #home_feat_container .hm_feat img { width:145px; height: 60px; } #home #hm_feat_container .hm_feat_calendar, #home #home_feat_container .hm_feat_calendar { width:160px; float:left; margin-left: 5px; border-right: 0; } #home #hm_feat_container .hm_feat_calendar_hd, #home #home_feat_container .hm_feat_calendar_hd { background: url(../images/hm_feat_hd.jpg) no-repeat; height:19px; width:145px; font-family:Arial, Helvetica, sans-serif; color:#FFFFFF; font-size:12px; padding-top:2px; padding-left:8px; font-weight:700; } /*#home #hm_feat_container .feature_btn, #home #home_feat_container .feature_btn { margin-left: 5px; }*/ #home #hm_feat_container .feature_btn a, #home #home_feat_container .feature_btn a { color:#FA9D24; text-decoration:none; font-size:11px; padding-left:15px; background:url(../images/round_btn.gif) 0px 4px; background-repeat:no-repeat; } #home #hm_feat_container .feature_btn a:hover, #home #home_feat_container .feature_btn a:hover { color:#FA9D24; text-decoration:underline; font-size:11px; padding-left:15px; background:url(../images/round_btn.gif) 0px 4px; background-repeat:no-repeat; } #home #header_nav_container { margin-bottom: 7px;} #home #column5 input[type="text"] { width: 130px; } #home .feature_item { padding-bottom: 20px; } #home .hm_feat { color: #606060; } #home .homeTitle, #home .hm_feat_hd4 { color: #FFF; } /* @end Home **/ /** @group landing */ /*----[ Middle Column ]----*/ #middle_column { width: 502px; margin: 0px 0px 10px 0px; float:left; padding:0px; /*border-left: 1px solid #a5bcd0; border-right: 1px solid #a5bcd0; background-repeat: repeat-y;*/ font-family: Arial, Helvetica, sans-serif; } #middle_column .divBody { width: 480px; margin: 0px; padding: 0px 10px 0px 10px; } #middle_column .divBody hdr_img { width: 480px; height: 175px; padding: 0px 0px 10px 0px; margin: 0px auto 0px auto; } #middle_column .divBody img { padding: 10px 0px 10px 0px; margin: 0px auto 0px auto; } /*----[ ADAM Content ]----*/ #middle_column .AlphaList { font-size:12px; margin: 10px auto 20px auto; } #middle_column .AlphaList .gap { padding: 0px 3px 0px 3px; font-weight: 700; vertical-align: middle; } #middle_column .AlphaList .gap a { text-decoration: none; } #middle_column .AlphaList .gap a:hover { text-decoration: underline; color: #f89728; } #middle_column .AlphaList #selected.gap a { text-decoration: none; color: #f89728; font-size: 20px; font-weight: 400; } #middle_column .AlphaList .Letter { margin: 20px 0px 0px 0px; } #middle_column .divAdam { padding: 0px 10px 0px 10px; } #middle_column .divContent { width: 480px; } #middle_column .divContent .version { font-size: 10px; } #middle_column .tabContainer { margin-top: 15px; } #middle_column .tabContainer .ajax__tab_header .tabHeadFirst { color: #f89728; font-size: 12px; padding: 3px; text-decoration: none; border: none; } #middle_column .tabContainer .ajax__tab_header .tabHeadFirst:hover { color: #f89728;text-decoration: underline; } #middle_column .tabContainer .ajax__tab_header .ajax__tab_active .tabHeadFirst { color: #7180a0; font-weight: bolder; } #middle_column .tabContainer .ajax__tab_header .tabHead { color: #f89728; font-size: 12px; padding: 3px 3px 3px 5px; text-decoration: none; border-left: 1px solid #7180a0; } #middle_column .tabContainer .ajax__tab_header .tabHead:hover { color: #f89728;text-decoration: underline; } #middle_column .tabContainer .ajax__tab_header .ajax__tab_active .tabHead { color: #7180a0; font-weight: 900; } #middle_column .tabContainer .tabImage { margin: 30px auto 10px auto; } #middle_column .divNews { padding: 0px 10px 0px 10px; } #middle_column .press_release { border-bottom: 4px dotted #E1E9F0; margin-bottom: 20px; width: 460px;} #middle_column .press_release .date { color: #7298b8; margin-top: 3px; font-weight: 700;} #middle_column .press_release .pressTitle { color: #6f6e6e; font-size: 14px; padding-bottom: 3px; } #middle_column .press_release a { text-decoration: none; } #middle_column .press_release a:hover { color:#949596; text-decoration:underline; } #middle_column .press_release .link a { color:#FA9D24; text-decoration:none; padding-left:15px; background:url(../images/round_btn.gif) 0px 4px; background-repeat:no-repeat;} #middle_column .press_release .link a:hover { color:#FA9D24; text-decoration:underline; padding-left:15px; background:url(../images/round_btn.gif) 0px 4px; background-repeat:no-repeat; } /* ---- Symptom Navigator ---- */ #middle_column h4 {padding: 10px 0px 3px 0px; color:#6992b4; } #middle_column .sympLetter { padding: 3px; font-size: 12px;} #middle_column .sympLetter a:hover { color: #f89728;} #right_column .divImages { width: 160px; padding-left: 10px; } #right_column .divImages .imgTag { font-size: 10px; } #right_column .divImages a { text-decoration: none; } #right_column .divImages a:hover { text-decoration: underline; } /* @end landing **/ /** @group styles */ /** Styles for "Screen" Media * File: styles.css * Author: Nate Hanna * Auth Web: http://www.mediasation.com * modified: 2009-08-17 * -------------------------------------------------------------- **/ #middle_column div { font-family: Arial,Helvetica,sans-serif; font-size:11px; color: #6F6E6E; } .content, .content p, .content li { font-family: Arial,Helvetica,sans-serif; font-size:12px; line-height: 150%; color: #6F6E6E; } td { font-size:11px; } .hidden, .printOnly { display: none; } .clear { clear:both; height:1px; overflow:hidden; margin-bottom:-1px; } div#formContent td { padding: 3px; } /* @end styles **/ .lvl1 { background:#A5BCD0 url(../images/!acc_images/acc_header_sheen_closed.gif) no-repeat scroll 0 0; border-top:1px solid #BCCDDC; color:#FFFFFF; cursor:pointer; font-size:12px; font-weight:bold; padding:5px 5px 5px 0; } #left_column .lvl1 a { padding-left: 30px; color: #FFF; } .toggle_content { padding: 0px 0px 0px 25px; } h2.up { padding-left: 25px; background:transparent url(/globals/images/bg_toggle_up.gif) no-repeat scroll 0px 0px; } h2.down { padding-left: 25px; background:transparent url(/globals/images/bg_toggle_down.gif) no-repeat scroll 0px 0px; }