/* FS CONTROL - BASE STYLESHEET - UPDATED 07-29-2008 */ html { font-size: .625em; } body { margin: 0; padding: 0; background: #FFFFFF; color: #000000; } body, input, textarea, option, select { font-family: Verdana, Arial, Helvetica, sans-serif; } table, input, textarea, option, select { font-size: 1em; } ul, ol { margin: 0; padding: 0 0 0 2.75em; } h1, h2, h3, h4, h5, h6, p, ul, ol { padding-top: 0; padding-bottom: 1.2em; margin: 0; } ul ul, ul ol, ol ol, ol ul { padding-bottom: 0; } address { font-style: normal; } a img { border: 0; } /* DEFINE BASE FONT SIZE -- 1.1em = 11px, etc. */ body { font-size: 1.1em; } /* DEFINE CONTENT LINE HEIGHT */ #content p, #content ul, #content ol, #content li, #content blockquote { line-height: 1.45em; } /* DEFINE CONTENT COLOR */ #content, #content td { color: #333; } /* DEFINE LINK COLOR */ a:link { color: #369; } a:visited { color: #62798e; } a:hover, a:focus { color: #000; } a:active { color: #a1b7cc; text-decoration: none; } /* HEADERS AND FS CONTROL LEGACY HEADER CLASSES */ h1, .cfont7 { font-size: 1.4em; font-weight: bold; color: #369; } h2, .cfont6, #content big.profiletopname { font-size: 1.2em; font-weight: bold; color: #369; } h3, .cfont5, .cbodyhdr1, .cbodyhdr2, .profilecommtextUpr, .profilecommtexthdr, .profileheader { font-size: 1.1em; font-weight: bold; padding-bottom: .3em; color: #369; } h4, .cfont4, .cbodyhdr4 { font-size: 1em; font-weight: bold; padding-bottom: .3em; color: #369; } h5, .cfont3 { font-size: .9em; font-weight: bold; padding-bottom: .3em; color: #369; } h6, .cfont1 { font-size: .8em; font-weight: bold; padding-bottom: .3em; color: #369; } /* DEFAULT ATTORNEY PROFILE XSL STYLESHEET */ #attorneyList { padding-bottom: 1.2em; } #attorneyList ul { padding: 0; list-style: none; margin: 0; } #content big { font-size: 1em; } .profilecommtexthdr { margin: 0 5px 0 0; } big .profileheader { font-size: .91em; } /* USED BY DEFAULT IN ALL FORMS */ .asterisk { color: #FF0000; } /* CONTACT FORM - DEFAULT CONTACT US PAGE */ #containerIntakeFormI { width: 32.5em; } #containerIntakeFormI .intakeFormINote { margin: 0; padding: 0 0 1em 0; } #ie #containerIntakeFormI .intakeFormINote { margin: 0; padding: 0; } #intakeFormI legend, #intakeFormI ol, #intakeFormI ol li, #intakeFormI p, #intakeFormI select { margin: 0; padding: 0; } #intakeFormI fieldset { border: none; border-top: 1px solid black; padding-left: 10px; } #intakeFormI legend { font-weight: bold; font-size: 1.2em; color: #000; } #ie #intakeFormI legend { margin-left: -6px; } #ie #intakeFormI .intakeFormIHelp { margin-bottom: .5em; } #intakeFormI ol { list-style: none; line-height: 1em; } #ie #intakeFormI .intakeFormIInline { margin-bottom: .5em; } #intakeFormI ol li { line-height: 1em; } #intakeFormI .intakeFormIFirst { margin-top: .5em; } #ie #intakeFormI .intakeFormIFix { display: inline-block; } #intakeFormI .intakeFormIInline li { display: inline; } #intakeFormI label { cursor: pointer; } #intakeFormI .intakeFormIInline label { margin-right: 10px; } #intakeFormI input { display: block; width: 20.5em; margin-bottom: .5em; } #intakeFormI .intakeFormIInline input { display: inline; width: 25px; margin-bottom: 0; } #intakeFormI .intakeFormIInline label input { } #intakeFormI select { display: block; width: 21em; margin-bottom: .5em; } #intakeFormI textarea { width: 20.5em; margin: .5em 0; } #intakeFormI .intakeFormIHover:hover, #intakeFormI .intakeFormIHover:focus { border: 2px solid #000; } #intakeFormI .intakeFormIDisclaimer { float: left; margin-right: 10px; } #intakeFormI p { margin-bottom: .5em; } #ie #intakeFormI p { margin-top: .5em; } #intakeFormI .intakeFormISubmit { width: 13.5em; height: 2.5em; } /* AUTOFILL CONTACT FORM - IN THE DESIGN */ /* RESET */ #containerIntakeFormShort, #containerIntakeFormShort p, #intakeFormShort, #intakeFormShort fieldset, #intakeFormShort legend, #intakeFormShort ol, #intakeFormShort ol li { margin: 0; padding: 0; } /* COMMONLY EDITABLE */ #containerIntakeFormShort { font-size:.91em; color: #666; } #containerIntakeFormShort p { padding: 0 0 .5em; } #intakeFormShort { } #intakeFormShort .intakeFormShortDesign { width: 233px; color: #666; background-color: #f2f0e4; border: 1px solid #e1dfd5; padding: 2px 4px; margin: 0 0 5px; } #ie #intakeFormShort .intakeFormShortDesign { margin: 0;} #intakeFormShort textarea.intakeFormShortDesign{ height: 5em; margin: 0 0 .3em;} #ie #intakeFormShort textarea.intakeFormShortDesign{ margin: 2px 0 0;} #intakeFormShort .intakeFormShortDesign:focus, #intakeFormShort .intakeFormShortDesign:hover { border-color: #c3d2d9; background: #f1f1ed; color: #c8c8c8; } #intakeFormShort .intakeFormShortSubmit { margin: .8em 0 0 193px; width: 44px; height: 17px; } #intakeFormShort a:link, #intakeFormShort a:visited { } #intakeFormShort a:hover, #intakeFormShort a:focus { } /* FRAMEWORK */ #intakeFormShort fieldset { border: none;} #intakeFormShort legend { } #intakeFormShort legend span { position: absolute; left: -5000px; } #intakeFormShort ol { list-style: none; line-height: 1em; } #intakeFormShort ol li { line-height: 1em; } #ie #intakeFormShort .intakeFormShortFix { display: inline-block; } #intakeFormShort .intakeFormShortDisclaimer { font-weight: bold; } #intakeFormShort label { cursor: pointer; } #intakeFormShort label strong, #intakeFormShort .intakeFormShortDisclaimer { font-size:.91em; line-height: 1.4em; } #intakeFormShort label span { position: absolute; left: -5000px; } #intakeFormShort .formLabelHide { position: absolute; left: -5000px; } #intakeFormShort .intakeFormShortDesign { display: block; } #intakeFormShort #intakeFormShortDisclaimerCheck { width: auto; } #intakeFormShort label input { display: inline; margin: 0 3px 0 0; vertical-align: top;} #ie #intakeFormShort label input{ position: relative; margin: -2px 0 -1px -4px; vertical-align: middle;} /* AUTOFILL SEARCH FORM - IN THE DESIGN */ /* RESET */ #containerSearchFormDesign, #searchFormDesign { margin: 0; padding: 0; } /* COMMONLY EDITABLE */ #containerSearchFormDesign { } #searchFormDesign { } #searchFormDesign label { } #searchFormDesign .searchFormDesignDesign { float: left; width: 116px; font-size: .82em; color: #fff; background-color: #b6cddb; border: 1px solid #658099; padding: 1px 4px 2px 3px;} #searchFormDesign .searchFormDesignDesign:focus, #searchFormDesign .searchFormDesignDesign:hover { border-color: #fff; } #searchFormDesign #searchFormDesignSubmit { float: left; width: 44px; height: 17px; margin: 0 0 0 5px; vertical-align: middle; } /* FRAMEWORK */ #searchFormDesign .formLabelHide { position: absolute; left: -5000px; } /* FAQ - IN THE DESIGN */ #designFAQ { } #designFAQ h3 { } #designFAQ ul { list-style-type: none; margin: 0 0 1.2em 0; padding: 0; } #designFAQ li { padding-bottom: .6em; } #designFAQ a { } /* NEWS FEED - IN THE DESIGN */ #designNewsFeed { } #designNewsFeed h3 { } #designNewsFeed h4 { } #designNewsFeed ul { list-style-type: none; margin: 0 0 1.2em 0; padding: 0; } #designNewsFeed li { padding-bottom: .6em; } #designNewsFeed li span.date { } #designNewsFeed li a { display: inline; } #designNewsFeed a { display: block; } /* EMAIL OBFUSCATION FORM - POPUP WINDOW */ .emailObfuscationBody { color: #000000; } #emailObfuscation { padding: 5px; } #emailObfuscation h4 { margin-top: 0; margin-bottom: 16px; } #emailObfuscation table { margin: 10px; } #emailObfuscation td { height: 24px; } #emailObfuscation td.cellLeft { padding: 2px; } #emailObfuscation td.cellRight { padding: 2px; } #emailObfuscation td.cellColspan2 { padding: 2px; } #emailObfuscation input { width: 230px; } #emailObfuscation textarea { width: 300px; } #emailObfuscation input.RadioButtonPrefferredEmail { width: 15px; } #emailObfuscation input.RadioButtonPrefferredPhone { width: 15px; } #emailObfuscation input.CheckBoxSendCopy { width: 15px; } #emailObfuscation input.ButtonSubmit { width: 100px; } #emailObfuscation input.ButtonReset { width: 100px; } #emailObfuscation p.closeWindow { text-align: right; } .emailObfuscationBody a { color: #0000FF; text-decoration: underline; } /* sIFR STYLES */ .sIFR-flash { visibility: visible; margin: 0; padding: 0; } .sIFR-replaced, .sIFR-ignore { visibility: visible !important; } .sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; color: #333333; } .sIFR-active h1 { padding-bottom: 0; visibility: hidden; line-height: 1em; } /* STANDARD ELEMENTS */ .printElement { display: none; } .screenElement { } .handheldElement { display: none; } #skipToLinks { position: absolute; left: 0; top: -9000px; z-index: 100; list-style: none; text-align: left; margin: 0; padding: 0; } #skipToLinks li { position: relative; z-index: 100; overflow: hidden; } #content .callOut { padding: 1em; background: #f2f0e4; margin-bottom: 1.2em; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; } #ie .clearfix { height: 1%; } /* CUSTOM DESIGN ELEMENTS */ body.design { text-align:center; background: url(../../../Includes/Templates/Active/images/bg-body.gif); padding-bottom: 20px; } #containerPage { margin: 0 auto; padding: 0; width: 864px; background: url(../../../Includes/Templates/Active/images/bg-containerPage.gif) repeat-y; text-align: left; } #banner { position: relative; background: url(../../../Includes/Templates/Active/images/bg-banner.gif) no-repeat; height: 138px; } img#logo { position: absolute; top: 42px; left: 27px; } img#cta { position: absolute; top: 42px; left: 669px;} img#tagline { position: absolute; top: 64px; left: 259px; } #containerNavigationMain { float: left; width: 850px; margin: 0 7px; display: inline; background: #7f9db9 url(../../../Includes/Templates/Active/images/bg-containerNavigationMain.gif) repeat-x; } #navigationMain { float: left; width: 650px; } #navigationMain ul { margin: 0; padding: 0; float: left; list-style: none; } #navigationMain ul li { margin: 0; border-right: 1px solid #b6cddb; float: left; list-style: none; } #navigationMain a { display: block; font-weight: bold; padding: 8px 7px 7px 7px; color: #fff; font-size: .91em; text-decoration: none; } #navigationMain a:hover { color: #b6cddb; } #containerSearchFormDesign { float: right; width: 180px; padding: 6px 20px 4px 0; } img#contextual { } .home #containerFlash { float: left; width: 864px; position: relative; background: url(../../../Includes/Templates/Active/images/bg-containerFlash.jpg) left top no-repeat; height: 243px; } .home img#flashText { position: absolute; top: 66px; left: 547px; } #containerColumns { position: relative; float: left; width: 864px; } #navigationTools { position: absolute; top: 23px; left: 782px; } #navigationTools ul, #navigationTools ul li { margin: 0; padding: 0; float: left; list-style: none; } #navigationTools a { display: block; } #columnMain { float: right; width: 546px; } h1#pageTitle { padding: 20px 100px 0 0; font-weight: normal; font-size: 2.1em; color: #7f9db9; font-family: "Times New Roman", Times, serif; } #content { padding: 15px 61px 86px 0; font-size: 1.1em; } #columnSide { float: left; width: 286px; overflow: visible; margin-top: -88px; padding: 0 0 20px 12px; } #navigationPractice { } #navigationPractice ul { margin: 0; padding: 0; list-style: none; overflow: visible; } #navigationPractice ul li { display: inline; } #navigationPractice ul li a { padding: 0; display: block; } #weGiveBack {margin: 15px 0 17px 12px; width: 275px; height: 98px; background: url(../../../Includes/Templates/Active/images/bg-weGiveBack.gif); position: relative; float:left;} #link1 {position: absolute; top: 13px; left: 62px;} #link2 {position: absolute; top: 42px; left: 62px;} #link3 {position: absolute; top: 72px; left: 62px;} #containerContactForm { float: left; width: 286px; background: url(../../../Includes/Templates/Active/images/bg-containerContactForm.gif) repeat-y; } #containerContactFormFoot { float: left; width: 286px; background: url(../../../Includes/Templates/Active/images/bg-containerContactFormFoot.gif) left bottom no-repeat; } #containerContactFormHead { float: left; width: 250px; background: url(../../../Includes/Templates/Active/images/bg-containerContactFormHead.gif) left top no-repeat; padding: 9px 20px 10px 16px; } #containerContactForm h3 { font-size: 1.27em; color: #369; } #contactInformation { float: left; width: 286px; margin-top: 15px; background: url(../../../Includes/Templates/Active/images/bg-contactInformation.gif) repeat-y; } #contactInformationFoot { float: left; width: 286px; background: url(../../../Includes/Templates/Active/images/bg-contactInformationFoot.gif) left bottom no-repeat; } #contactInformationHead { float: left; width: 255px; background: url(../../../Includes/Templates/Active/images/bg-contactInformationHead.gif) left top no-repeat; padding: 12px 15px 10px 16px; color: #333; line-height: 1.64em; } .contacttitle {font-size:1.27em; color:#369; font-weight:bold; padding-bottom:0.3em;} #contactInformation strong { color: #369; } #navigationFeatures { float: left; width: 286px; margin-top: 18px; padding-bottom: 13px; background: url(../../../Includes/Templates/Active/images/bg-navigationFeatures.gif) left bottom no-repeat; } #navigationFeatures ul { margin: 0; padding: 0; list-style: none; overflow: visible; } #navigationFeatures ul li { display: inline; } #navigationFeatures ul li a { display: block; padding: 10px 0 10px 14px; color: #369; text-decoration: none; background: #fdfcfc url(../../../Includes/Templates/Active/images/bg-navigationFeatures-li.gif) left bottom no-repeat; } #navigationFeatures ul li a:hover, #navigationFeatures ul li a:active, #navigationFeatures ul li a.active, #navigationFeatures ul li a.active:link, #navigationFeatures ul li a.active:visited, #navigationFeatures ul li a.active:hover, #navigationFeatures ul li a.active:active { text-decoration: underline; } img#informationCenter { } #footer { clear: both; color: #999; float: left; width: 864px; background: url(../../../Includes/Templates/Active/images/bg-footer.gif) left bottom no-repeat; } #footer a { color: #999; } #footer a:hover, #footer a:focus, #footer a:active, #footer a.active { color: #000; text-decoration: none; } #containerOfficeLocations { float: left; width: 816px; padding: 16px 12px 6px 12px; margin: 0 12px; display: inline; border: 1px solid #ccc; border-left: none; border-right: none; color: #333; font-weight: bold; color: #369; text-align: center; } #containerOfficeLocations strong { color: #333; } #finePrint { padding: 26px 44px 15px 28px; font-size: .91em; } p#copyright { display: inline; padding:20px 20px 0 0px; float:left; } p#branding { display: inline; padding-top:20px; float:left; } #geographicalFooter { padding: 0 44px 40px 28px; font-size: .91em; float:left; } /* START HIERARCHICAL MENU - VERTICAL */ /* set colors and styles */ #menu { margin:0; padding:0; list-style: none; float:left; } #menu ul { width: 20em; margin: 0 0 0 72px; padding: 0; list-style: none; } #menu li { position: relative; padding:0; margin:0; float:left; min-width:220px; } #menu li a { display: block; padding:0; margin:0; } /* #ie #menu li a { width: 190px; } UNCOMMENT for vertical text navigation - add width of container minus padding and margin */ #ie #menu li li a { width: auto; } #menu img { display: block; } #ie #menu li { display: inline; } #menu li ul a { color: #fff; text-decoration: none; background: #6e89a1 url(Includes/Templates/Active/images/bg-hierNav.gif) repeat-x; padding: .5em 15px; display: block; } #menu li ul a:hover, #menu li ul a:focus, #menu li ul a.active { color: #369; background: #becfe0; } /* position sub-level drop-downs */ #menu ul { top: 0; /*adjust to height of images*/ } #ie #menu ul { display: block; } /*adjust to height of images for IE*/ #menu ul ul { margin: -1px 0 0; } /* special classes */ #menu li ul.scroll { height: 20em; overflow: auto; } #menu li ul.sublist { background: #000; position: relative; left: 0; border: 0; } #menu li ul.sublist a { padding: .5em .5em .5em 2em; color: #fff; } #menu li ul.sublist a:hover, #menu li ul.sublist a:focus, #menu li ul.sublist a.active { color: #000; } #menu li:hover ul.sublist, #menu li:focus ul.sublist, #menu li.hierover ul.sublist, #menu li li.hierover ul.sublist { position: relative; left: 0; } /* the magic - only edit where notated */ #menu li:hover { z-index: 5; } #ie #menu li li a { height: 1%;} /*allows IE to use block hovers */ #ie6 li.hierover { z-index: 5; } /*overlay fix for IE6 */ /* hides/shows all levels */ /*hides 1st */ #menu ul, /*2nd*/#menu li:hover ul ul, #menu li:focus ul ul, #menu li.hierover ul ul, /*3rd*/ #menu li:hover ul ul ul, #menu li:focus ul ul ul, #menu li.hierover ul ul ul { position: absolute; left: -9999px; z-index: 99; } /*shows 1st */ #menu li:hover ul, #menu li:focus ul, #menu li.hierover ul, #menu li li.hierover ul, /*2nd*/ #menu li li:hover ul, #menu li li:focus ul, #menu ul li.hierover ul, /*3rd*/ #menu li li li:hover ul, #menu li li li:focus ul, #menu li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 214px; top:0; margin-top:0px; padding-top:0px; float:left; } /*shows 2nd */ #menu ul li:hover ul, #menu ul li:focus ul, #menu ul li.hierover ul, #menu ul li li.hierover ul, /*2nd*/ #menu ul li li:hover ul, #menu ul li li:focus ul, #menu ul ul li.hierover ul, /*3rd*/ #menu ul li li li:hover ul, #menu ul li li li:focus ul, #menu ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 20em; } /* END HIERARCHICAL MENU - VERTICAL */