/*************************************************************/ /* All About Traumatic Brain Injury style sheet - common.css */ /* Created by Ceatus Media Group / TCG Law Group */ /* built: 07/17/2009. No reproduction without permission */ /*************************************************************/ * { margin: 0; padding: 0; } html { min-height: 100%; margin: 0 0 1px; } body { background: url(../img/body-bg.png) repeat-x 0 0 #000; text-align: center; font: .8em/1.2em Arial, Helvetica, sans-serif; color: #000; } #wrapper { position: absolute; z-index: 0; width: 100%; margin: 0 auto; right: 0px; left: 0px; height: 421px; background: url('../img/wrapper.gif') no-repeat center top; } a, a:visited { color: #c00; } a:hover { color: #c00; text-decoration: none; } #container { position: relative; top: 40px; margin: 0 auto 40px; width: 960px; text-align: left; z-index: 1; background: url('../img/container-bg.png') repeat-y 0 0 #fff; } #container .topC { position: absolute; left: 0; top: 0; width: 960px; height: 462px; background: url('../img/container-top.png') no-repeat 0 0; } #container .bottom { position: absolute; left: 0; bottom: -15px; width: 960px; height: 27px; background: url('../img/container-bottom.png') no-repeat 0 0; } #header { position: relative; float: left; left: 0; width: 960px; height: 99px; background: url('../img/header.jpg') no-repeat 0 0; } #header #logo { position: relative; left: 10px; top: 11px; margin: 0 10px 11px 0; } #topnav { position: relative; left: 30px; float: left; width: 920px; height: 23px; background: url('../img/top-nav-bg.png') no-repeat #fff; } #topnav ul { position: relative; right: 19px; float: right; list-style: none; width: 272px; } #topnav li { position: relative; top: 4px; float: left; display: block; height: 15px; } #topnav li a:link, #topnav li a:visited, #topnav li a:hover { position: relative; cursor: pointer; height: 15px; display: block; overflow: hidden; background: url('../img/topnav.gif') no-repeat 0 0; outline: none; } #topnav li span { display: none; } #topnav li.off {} #topnav li#nav1 a:link, #topnav li#nav1 a:visited { width: 49px; background-position: 0 0; } #topnav li#nav1 a:hover, #topnav li#nav1.on a { width: 49px; background-position: 0 -15px; } #topnav li#nav2 a:link, #topnav li#nav2 a:visited { width: 76px; background-position: -49px 0; } #topnav li#nav2 a:hover, #topnav li#nav2.on a { width: 76px; background-position: -49px -15px; } #topnav li#nav3 a:link, #topnav li#nav3 a:visited { width: 147px; background-position: -125px 0; } #topnav li#nav3 a:hover, #topnav li#nav3.on a { width: 147px; background-position: -125px -15px; } #shell { position: relative; float: right; right: 10px; width: 737px; background: url('../img/container-topgrad.png') repeat-x 0 0; } #home #content { position: relative; float: left; top: 0; width: 500px; } #sub #content { position: relative; float: left; left: 34px; top: 15px; margin: 0 34px 15px 0; width: 477px; } #sub #content.search { width: 669px; } #content h1 { font-size: 20px; margin: 0 20px 15px 34px; } #sub #content h1 { margin: 0 0 15px; } #content h2 { position: relative; top: 5px; font-size: 16px; margin: 0 20px 15px 34px; } #sub #content h2 { margin: 0 0 15px; } #content p { font-size: 13px; line-height: 18px; margin: 0 20px 15px 34px; } #sub #content p { margin: 0 0 15px; } #content #update { float: right; text-align: right; font-size: 11px; } #content p.top { font-size: 10px; } #content p.specialitem { font-size: 10px; font-style: italic; } #content ul, #content ol { position: relative; margin: 0 25px 15px; font-size: 13px; line-height: 18px; } #content li { list-style: none; background: url(../img/bullet.gif) no-repeat left center; padding: 0 0 0 15px; } #content ul.multicol { position: relative; left: 0; float: left; width: 100%; margin: 0 0 15px 0; } #content ul.multicol li { position: relative; left: 20px; float: left; width: 44%; padding: 0 10px 3px 15px; } #content ul.centers li { list-style: none; background: url(../img/bullet.gif) no-repeat 0 6px; padding: 0 0 0 15px; } #content div.sitemap { position: relative; float: left; width: 477px; w\idth: 475px; } #content div.sitemap h3 { font-size: 14px; line-height: 1em; margin: 0 0 10px 0; } #content div.sitemap ul { margin: 0 0 15px 0; } #content div.sitemap li { margin: 0 0 7px 0; } #content div.sitemap a { text-decoration: none; } .sidebar { position: relative; float: left; width: 237px; margin: 0 15px 15px 0; font-size: .9em; line-height: 1.4em; background-color:#efefef; } .sidebar h3 { position: relative; left: 0; top: 0; width: 237px; height: 25px; margin: 0 0 10px 0; font-size: 1.2em; line-height: 1em; font-family: Arial, Helvetica, sans-serif; overflow: hidden; } .sidebar h3 span { position: absolute; left: 0; top: 0; width: 237px; height: 25px; background:url(../img/sidebar-title-helmets.png) no-repeat 0 0; } .sidebar h3.helmets span { background-position: 0 0; } .sidebar p { width:211px; padding:0 13px 0 13px; } #refer { position: relative; } #refer fieldset { border: none; margin: 0 0 5px; } #refer fieldset label { position: relative; float: left; width: 190px; text-align: right; margin: 0 10px 0 0; } #content #securitybox { position: relative; top: 15px; margin: 0 0 30px 0; } .subject { display: none; } .errmsg { background: #fcc; border: 1px solid #c00; padding: 5px 10px; } #col-left { position: relative; left: 30px; float: left; width: 184px; margin: 0 30px 0 0; } #menu { position: relative; float: left; width: 100%; list-style: none; background: url('../img/menu.gif') no-repeat #fff; } #menu li { position: relative; left: 0; top: 0; float: left; width: 184px; height: auto; display: block; list-style: none; } #menu li a, #menu li a:visited { position: relative; width: 184px; height: 30px; cursor: pointer; display: block; overflow: hidden; background: url('../img/menu.gif') no-repeat 0 0; outline: none; } #menu li span { display: none; } #menu ul.popup { display: none; position: absolute; float: left; width: 184px; list-style: none; background: url('../img/subnav.gif') no-repeat #fff; } #menu li ul.popup li { position: relative; top: -1px; float: left; width: 184px; height: auto; display: block; list-style: none; } #menu li:hover ul.popup, #menu li.sfhover ul.popup { top: 0; left: 184px; display: block; } #menu li ul.popup a, #menu li ul.popup a:visited { position: relative; width: 184px; height: 30px; cursor: pointer; display: block; overflow: hidden; background: url('../img/subnav.gif') no-repeat 0 0; } #menu li#subnav1 a { background-position: 0 0; } #menu li#subnav1 a:hover, #menu li#subnav1.on a { background-position: -184px 0; } #menu li#subnav2 a { background-position: 0 -30px; } #menu li#subnav2 a:hover, #menu li#subnav2.on a { background-position: -184px -30px; } #menu li#subnav3 a { background-position: 0 -60px; } #menu li#subnav3 a:hover, #menu li#subnav3.on a { background-position: -184px -60px; } #menu li#subnav4 a { height: 46px; background-position:0 -90px; } #menu li#subnav4 a:hover, #menu li#subnav4.on a { height: 46px; background-position: -184px -90px; } #menu li#subnav5 a { background-position: 0 -136px; } #menu li#subnav5 a:hover, #menu li#subnav5.on a { background-position: -184px -136px; } #menu #subnav5 li#subnav5a a { background-position: 0 0px; border-top: 1px solid #d7d6d6; } #menu #subnav5 li#subnav5a a:hover, #menu #subnav5.on li#subnav5a a:hover, #menu li#subnav5.on li#subnav5a.on a { background-position: -184px 0; border-top: 1px solid #d7d6d6; } #menu #subnav5 li#subnav5b a { background-position: 0 -30px; } #menu #subnav5 li#subnav5b a:hover, #menu #subnav5.on li#subnav5b a:hover, #menu li#subnav5.on li#subnav5b.on a { background-position: -184px -30px; } #menu #subnav5 li#subnav5c a { background-position: 0 -60px; } #menu #subnav5 li#subnav5c a:hover, #menu #subnav5.on li#subnav5c a:hover, #menu li#subnav5.on li#subnav5c.on a { background-position: -184px -60px; } #menu #subnav5 li#subnav5d a { background-position: 0 -90px; } #menu #subnav5 li#subnav5d a:hover, #menu #subnav5.on li#subnav5d a:hover, #menu li#subnav5.on li#subnav5d.on a { background-position: -184px -90px; } #menu #subnav5 li#subnav5e a { background-position: 0 -120px; } #menu #subnav5 li#subnav5e a:hover, #menu #subnav5.on li#subnav5e a:hover, #menu li#subnav5.on li#subnav5e.on a { background-position: -184px -120px; } #menu #subnav5 li#subnav5f a { background-position: 0 -150px; } #menu #subnav5 li#subnav5f a:hover, #menu #subnav5.on li#subnav5f a:hover, #menu li#subnav5.on li#subnav5f.on a { background-position: -184px -150px; } #menu li#subnav6 a { background-position: 0 -166px; } #menu li#subnav6 a:hover, #menu li#subnav6.on a { background-position: -184px -166px; } #menu li#subnav7 a { background-position: 0 -196px; } #menu li#subnav7 a:hover, #menu li#subnav7.on a { background-position: -184px -196px; } #menu #subnav7 li#subnav7a a, #menu #subnav7.on li#subnav7a a { background-position: 0 -180px; border-top: 1px solid #d7d6d6; } #menu #subnav7 li#subnav7a a:hover, #menu #subnav7.on li#subnav7a a:hover, #menu li#subnav7.on li#subnav7a.on a { background-position: -184px -180px; border-top: 1px solid #d7d6d6; } #menu #subnav7 li#subnav7b a, #menu #subnav7.on li#subnav7b a { background-position: 0 -210px; } #menu #subnav7 li#subnav7b a:hover, #menu #subnav7.on li#subnav7b a:hover, #menu li#subnav7.on li#subnav7b.on a { background-position: -184px -210px; } #menu #subnav7 li#subnav7c a, #menu #subnav7.on li#subnav7c a { background-position: 0 -240px; } #menu #subnav7 li#subnav7c a:hover, #menu #subnav7.on li#subnav7c a:hover, #menu li#subnav7.on li#subnav7c.on a { background-position: -184px -240px; } #menu #subnav7 li#subnav7d a, #menu #subnav7.on li#subnav7d a { height: 29px; background-position: 0 -270px; } #menu #subnav7 li#subnav7d a:hover, #menu #subnav7.on li#subnav7d a:hover, #menu li#subnav7.on li#subnav7d.on a { height: 29px; background-position: -184px -270px; } #menu #subnav7 li#subnav7e a, #menu #subnav7.on li#subnav7e a { background-position: 0 -299px; } #menu #subnav7 li#subnav7e a:hover, #menu #subnav7.on li#subnav7e a:hover, #menu li#subnav7.on li#subnav7e.on a { background-position: -184px -299px; } #menu li#subnav8 a { background-position: 0 -226px; } #menu li#subnav8 a:hover, #menu li#subnav8.on a { background-position: -184px -226px; } #menu li#subnav9 a { background-position: 0 -256px; } #menu li#subnav9 a:hover, #menu li#subnav9.on a { background-position: -184px -256px; } #menu li#subnav10 a { background-position: 0 -286px; } #menu li#subnav10 a:hover, #menu li#subnav10.on a { background-position: -184px -286px; } #menu li#subnav11 a { background-position: 0 -316px; } #menu li#subnav11 a:hover, #menu li#subnav11.on a { background-position: -184px -316px; } #menu li#subnav12 a { background-position: 0 -346px; } #menu li#subnav12 a:hover, #menu li#subnav12.on a { background-position: -184px -346px; } #menu li#subnav13 a { background-position: 0 -376px; } #menu li#subnav13 a:hover, #menu li#subnav13.on a { background-position: -184px -376px; } #menu li#subnav14 a { background-position: 0 -406px; } #menu li#subnav14 a:hover, #menu li#subnav14.on a { background-position: -184px -406px; } #col-left #copy { position: absolute; left: 3px; bottom: 20px; float: left; margin: 0 3px 0 0; font-size: 9px; line-height: 12px; width: 142px; } #col-left #copy a, #col-left #copy a:visited, #col-left #copy a:hover { text-decoration: none; color: #000; } #rightCol { position: relative; float: right; right: 20px; top: 9px; width: 184px; height: 21px; margin: 0 0 9px 20px; } #searchBox { position: relative; float: left; right: 0; top: 0; width: 184px; height: 21px; } #searchBox #query { position: relative; float: left; width: 158px; w\idth: 144px; height: 21px; he\ight: 13px; padding: 4px 7px; border: none; background: url('../img/qc-search-bg.gif') no-repeat 0 0; color: #378093; font: bold 11px/11px Verdana, Geneva, sans-serif; } #searchBox #search_submit { position: relative; float: left; width: 26px; height: 21px; } #qcForm { position: relative; right: 0; top: 11px; margin: 0 0 30px 0; float: left; width: 184px; border: none; background: url('../img/qc-body.png') repeat-y -21px 0; } #container #qcForm .top { position: absolute; left: 0; top: 0; height: 116px; width: 184px; background: url('../img/qc-top.png') no-repeat -21px -20px; } #container #qcForm .bottom { position: absolute; left: 0; bottom: 0; height: 45px; width: 184px; background: url('../img/qc-bottom.png') no-repeat -21px bottom; } #qcForm fieldset { position: relative; float: left; left: 11px; top: 116px; margin: 0 11px 116px 0; width: 162px; border: none; } #qcForm ul { position: relative; float: left; width: 162px; margin: 0 0 4px; } #qcForm li { position: relative; float: left; margin: 0 0 5px; list-style: none; width: 100%; z-index: 3; } #qcForm li.checkbox { margin: 5px 0 3px; } #qcForm label, #qcForm .checkbox span.label { position: relative; float: left; width: 100%; font-size: 11px; line-height: 16px; } #qcForm .checkbox span.label { font-size: 13px; font-weight: bold; line-height: 15px; color: #407584; margin: 0 0 4px; } #qcForm .text { position: relative; float: left; width: 162px; w\idth: 160px; padding: 0; background: #f6f8fa !important; border: 1px solid #7f9db9; } #qcForm .city { width: 100px; margin: 0 4px 5px 0; } #qcForm .city label { width: 100px; } #qcForm .city .text { width: 100px; w\idth: 98px; } #qcForm .state { position: relative; float: right; width: 50px; } #qcForm .state label { width: 50px; } #qcForm .state .text { width: 50px; w\idth: 48px; } #qcForm .zip { margin: 4px 0 5px; } #qcForm .zip label { width: auto; margin: 0 10px 0 0; } #qcForm .zip input { float: right; width: 100px; } #qcForm .checkbox input { position: relative; float: left; width: auto; } #qcForm .checkbox label { width: auto; margin: 0 10px 0 5px; } #qcForm .textarea { width: 162px; w\idth: 160px; height: 100px; he\ight: 98px; background: #f6f8fa !important; border: 1px solid #7f9db9; overflow: auto; } #qcForm #submitButton label { width: auto; } #qcForm #submitButton input#submit { position: relative; float: right; } #qcForm .subject { display: none; } #referralForm { background: #6699cc; } #referralForm #container { position: relative; left: 10px; top: 10px; margin: 0 10px 10px 0; padding: 10px; width: 510px; w\idth: 490px; background: #fff; } #referralForm h1 { font-size: 18px; margin: 0 0 15px; } #referralForm p { margin: 0 0 15px; } #referForm { position: relative; } #referForm fieldset { border: none; } #referForm li { position: relative; float: left; list-style: none; width: 100%; margin: 0 0 4px; } #referForm label { position: relative; float: left; width: 120px; font-size: 11px; } #referForm .subject { display: none; } #referForm li input.text, #referForm li textarea { position: relative; float: left; background: #f6f8fa; border: 1px solid #7f9db9; } #referForm li input.text.error { border: 1px solid #c00; background: #fcc; } #referForm input.submit { float: none; } #referForm label.error { float: left; margin: 0 0 0 5px; font-size: 10px; color: #c00; width: auto; } #errorbox { border: 1px solid #c00; background: #fcc; color: #c00; text-align: center; padding: 2px 0; } #footer { position: relative; left: 20px; top: 5px; margin: 0 20px 5px 0; float: left; width: 920px; font-size: 11px; text-align: center; } #footer a, #footer a:visited { color: #FF0000; } #footer a:hover { color: #FF0000; } #footer #disclaimer { position: relative; float: right; right: 50px; margin: 0 0 0 50px; width: 40%; font-size: 11px; line-height: 14px; } /* general classes */ .clear { clear: both; } .required { color: #c00; } .uline { text-decoration: underline; } /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; } #TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; } #TB_window a {color: #666666;} #TB_window a:visited {color: #666666;} #TB_window a:hover {color: #000;} #TB_window a:active {color: #666666;} #TB_window a:focus{color: #666666;} /* ----------------------------------------------------------------------------------------------------------------*/ /* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/ /* ----------------------------------------------------------------------------------------------------------------*/ #TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; } .TB_overlayMacFFBGHack {background: url(../img/macFFBgHack.png) repeat;} .TB_overlayBG { background-color:#000; -moz-opacity: 0.75; opacity: 0.75; } #TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; } #TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; } #TB_caption{ height:25px; padding:7px 30px 10px 25px; float:left; } #TB_closeWindow{ height:25px; padding:11px 25px 10px 0; float:right; } #TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; } #TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; } #TB_title{ background-color:#e8e8e8; height:27px; } #TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; } #TB_ajaxContent.TB_modal{ padding:15px; } #TB_ajaxContent p{ padding:5px 0px 5px 0px; } #TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ } #TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; -moz-opacity: 0; opacity: 0; height:100%; width:100%; } #TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }