/* FS CONTROL - BASE STYLESHEET - UPDATED 07-22-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.91em; } /* DEFINE CONTENT COLOR */ #content, #content td { color: #000; } /* DEFINE LINK COLOR */ a:link { color: #000; font-weight: bold; } a:visited { color: #000; font-weight: bold; } a:hover, a:focus { color: #000; font-weight: bold; text-decoration: none; } a:active { color: #000; text-decoration: none; font-weight: bold; } /* HEADERS AND FS CONTROL LEGACY HEADER CLASSES */ h1, .cfont7 { font-size: 1.4em; font-weight: bold; } h2, .cfont6, #content big.profiletopname { font-size: 1.2em; font-weight: bold; } h3, .cfont5, .cbodyhdr1, .cbodyhdr2, .profilecommtextUpr, .profilecommtexthdr, .profileheader { font-size: 1.1em; font-weight: bold; padding-bottom: .3em; } h4, .cfont4, .cbodyhdr4 { font-size: 1em; font-weight: bold; padding-bottom: .3em; } h5, .cfont3 { font-size: .9em; font-weight: bold; padding-bottom: .3em; } h6, .cfont1 { font-size: .8em; font-weight: bold; padding-bottom: .3em; } /* 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 black; } #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 { } #containerIntakeFormShort p { padding: 0 0 .5em; } #intakeFormShort { } #intakeFormShort .intakeFormShortDesign { width: 150px; border: 1px solid #ccc; margin: 0 0 .5em 0; } #intakeFormShort .intakeFormShortDesign:focus, #intakeFormShort .intakeFormShortDesign:hover { border-color: #000; } #intakeFormShort .intakeFormShortSubmit { margin: 1em 0 0 0; width: 75px; height: 25px; } #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 { 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 5px 0 0; } /* AUTOFILL SEARCH FORM - IN THE DESIGN */ /* RESET */ #containerSearchFormDesign, #searchFormDesign { margin: 0; padding: 0; } /* COMMONLY EDITABLE */ #containerSearchFormDesign { } #searchFormDesign { } #searchFormDesign label { } #searchFormDesign .searchFormDesignDesign { margin: 0 10px; width: 150px; border: 1px solid #ccc; } #searchFormDesign .searchFormDesignDesign:focus, #searchFormDesign .searchFormDesignDesign:hover { border-color: #000; } #searchFormDesign #searchFormDesignSubmit { width: auto; height: auto; } /* 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; } /* #ie img.png { behavior: url(/Includes/Templates/Active/Images/pngbehavior.htc); } #ie6 img.png { visibility: hidden; } #ie6 img.pngShow { visibility: visible; } */ /* 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; border: 1px solid #ee511a; 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; } body.design.home { background: url(/Includes/Templates/Active/Images/bg-body-home.gif) repeat-x; } #bannerWrapper {background:url(/Includes/Templates/Active/Images/bg-body.gif) repeat-x; } #banner { position: relative; background: url(/Includes/Templates/Active/Images/bg-banner.jpg) no-repeat; height: 273px; margin: 0 auto; padding: 0; width: 987px; } #seHablaEspa{ float:right; margin:85px 5px 0 0; } /*.home #banner { height: 333px; background: url(/Includes/Templates/Active/Images/bg-banner-home.jpg) left top no-repeat; } */ #containerPageWrapper {background: url(/Includes/Templates/Active/Images/bg-container.jpg) repeat-x bottom #dcdcdc; position: relative;} #containerPage { margin: 0 auto; padding: 0; width: 987px; text-align: left; } img#logo { position: absolute; top: 12px; left: 2px; } img#cta { position: absolute; top: 6px; left: 644px;} img#practiceAreas { position: absolute; top: 150px; left: 29px; } .home img#tagline { position: absolute; top: 192px; left: 28px; } #containerColumns {background: url(/Includes/Templates/Active/Images/bg-containerColumns.jpg) left bottom no-repeat ; float: left; width: 987px; } #columnMain { float: right; width: 653px; position: relative;} #pageTitle { margin: 0; padding: 29px 0 0 0; color: #ee511a; text-transform: uppercase; font-size: 1.45em; font-weight: bold; } .home #containerSubBannerTitle { background: #352c2f; font-family: Georgia, serif; /* font-family: Verdana, Arial, Helvetica, sans-serif; */ color: #fff; font-size: 1.5em; font-size: 1.5em; line-height: 28px; line-height: 1.5em; padding: 42px 20px 7px 37px; padding: 10px 10px 2px 10px; margin: 0 7px 0 -36px; margin: 0 0 0 0; width: 627px; } #containerSubBannerTitle a{ color:#ee511a;} .home #containerSubBannerTitle p { } .home img#subBannerTitle { margin-bottom: 23px; } #content { padding: 32px 7px 23px 0; min-height: 850px; } #ie6 #content { height: 850px; } img#contextual { float: right; margin: 0 0 15px 15px; } #containerTools { border-top: 1px solid #fff; padding: 24px 0 48px 0; margin-right: 7px; } img#backToTop { float: left; } #navigationTools { float: right; } #navigationTools ul, #navigationTools ul li { margin: 0; padding: 0; float: left; list-style: none; } #navigationTools a { display: block; } #columnSide { float: left; overflow: visible; width: 306px; } #navigationMain { margin:10px 0 0 0; } #navigationMain ul { margin: 0; padding: 0; list-style: none; padding-left: 20px;} /*#navigationMain ul li { display: inline; } #navigationMain ul li a { display: block; }*/ #navigationPractice { } #navigationPractice ul { margin: 0; padding: 0; list-style: none; overflow: visible; padding-left: 20px; } #navigationPractice ul li { display: inline; } #navigationPractice ul li a { display: block; } /*#navigationPractice ul li a:hover, #navigationPractice ul li a:active, #navigationPractice ul li a.active, #navigationPractice ul li a.active:link, #navigationPractice ul li a.active:visited, #navigationPractice ul li a.active:hover, #navigationPractice ul li a.active:active { }*/ /*#navigationPractice { } #navigationPractice ul { margin: 0; padding: 0; list-style: none; overflow: visible;} #navigationPractice ul li { display: inline; float: left; width: 250px; padding:0; } /*#navigationPractice ul li a { padding: 0 0 4px 0; display: block; color: #ee511a; text-transform: uppercase; } #navigationPractice ul li a:hover, #navigationPractice ul li a:active , #navigationPractice ul li a.active, #navigationPractice ul li a.active:link, #navigationPractice ul li a.active:visited, #navigationPractice ul li a.active:hover, #navigationPractice ul li a.active:active { color: #f30; } /*sub prac areas #navigationPractice ul li ul {width: 250px; } #navigationPractice ul li ul li { display: inline; padding: 0; } #navigationPractice ul li ul li a { display: block; color: #fff; text-transform: none; text-decoration: none; } #navigationPractice ul li ul li a:hover, #navigationPractice ul li a:active , #navigationPractice ul li a.active, #navigationPractice ul li a.active:link, #navigationPractice ul li a.active:visited, #navigationPractice ul li a.active:hover, #navigationPractice ul li a.active:active { color: #fff; text-decoration: underline; }*/ img#keyAreas {/*margin: 33px 0 17px 0; */} #navigationFeatures { clear: both; margin: -210px 0 0 10px; float: left; width: 277px; } #navigationFeatures ul{ list-style-type:none;} #ie #navigationFeatures { float: none; } #footerWrapper { background: #590602; } #footer { margin: 0 auto; text-align: left; width: 953px; padding: 23px 7px 25px 27px; color: #fff; } #footer a { color: #fff; } #footer a:hover { text-decoration: none; } img#features { margin: 0 0 15px 0; } #containerFeatures { } #containerFeatures ul { margin: 0; padding: 0 0 27px 0; float: left; list-style: none; } #containerFeatures ul li { margin: 0; padding: 0 15px 0 0; width: 220px; float: left; list-style: none; } #containerFeatures a { display: block; } #containerFeatures img { float: left; } #containerFeatures p { float: right; width: 100px; padding-left: 12px; font-size: .82em; } #containerFeatures p strong { text-decoration: underline; } img#contact { margin: 0 0 15px 0; } #navigationLower { clear: both; padding: 0 0 14px 0; word-spacing: 20px; } #navigationLower { margin-top: 15px; padding-top: 15px; border-top: 1px solid #fff; } #navigationLower a { word-spacing: normal; font-weight: bold; text-transform: uppercase; } #navigationLower a:hover, #navigationLower a:focus, #navigationLower a:active, #navigationLower a.active { text-decoration: none; } #contactInformation { padding: 16px 0 5px 0; border: 1px solid #fff; border-left: none; border-right: none; } #contactInformation a { font-weight: bold; } #geographicalFooter { font-size: .91em; padding: 24px 0 15px 0; } #finePrint { font-size: .91em; } p#copyright { display: inline; padding-right: 20px; } p#branding { display: inline; } /* START HIERARCHICAL MENU - VERTICAL */ /* set colors and styles */ #menu { margin:0; padding:0; list-style: none; } #menu ul { width: 20em; background: #ee511a; margin: 0; padding: 0; list-style: none; } #menu ul li ul { background: #8f1716; } #menu li { position: relative; } #menu li a { display: block; } /* #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; font-weight: bold; text-decoration: none; padding: .5em 15px; display: block; } #menu li ul a:hover, #menu li ul a:focus, #menu li ul a.active { background: #fb9032; } /*sub menus*/ #menu li ul li ul li a:hover, #menu li ul a:focus, #menu li ul a.active { background: #c72827; } /* position sub-level drop-downs */ #menu ul { margin: 2px 0 0 55px; 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; } /*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 */ /* START HIERARCHICAL MENU - VERTICAL */ /* set colors and styles */ #menu2 { margin:0; padding:0; list-style: none; } #menu2 ul { width: 20em; background: #ee511a; margin: 0; padding: 0; list-style: none; } #menu2 ul li ul { background: #8f1716; } #menu2 li { position: relative; } #menu2 li a { display: block; } /* #ie #menu2 li a { width: 190px; } UNCOMMENT for vertical text navigation - add width of container minus padding and margin */ #ie #menu2 li li a { width: auto; } #menu2 img { display: block; } #ie #menu2 li { display: inline; } #menu2 li ul a { color: #fff; font-weight: bold; text-decoration: none; padding: .5em 15px; display: block; } #menu2 li ul a:hover, #menu2 li ul a:focus, #menu2 li ul a.active { background: #fb9032; } /*sub menus*/ #menu2 li ul li ul li a:hover, #menu2 li ul a:focus, #menu2 li ul a.active { background: #c72827; } /* position sub-level drop-downs */ #menu2 ul { margin: 2px 0 0 55px; top: 0; /*adjust to height of images*/ } #ie #menu2 ul { display: block; } /*adjust to height of images for IE*/ #menu2 ul ul { margin: -1px 0 0; } /* special classes */ #menu2 li ul.scroll { height: 20em; overflow: auto; } #menu2 li ul.sublist { background: #000; position: relative; left: 0; border: 0; } #menu2 li ul.sublist a { padding: .5em .5em .5em 2em; color: #fff; } #menu2 li ul.sublist a:hover, #menu2 li ul.sublist a:focus, #menu2 li ul.sublist a.active { color: #000; } #menu2 li:hover ul.sublist, #menu2 li:focus ul.sublist, #menu2 li.hierover ul.sublist, #menu2 li li.hierover ul.sublist { position: relative; left: 0; } /* the magic - only edit where notated */ #menu2 li:hover { z-index: 5; } #ie #menu2 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 */ #menu2 ul, /*2nd*/#menu2 li:hover ul ul, #menu2 li:focus ul ul, #menu2 li.hierover ul ul, /*3rd*/ #menu2 li:hover ul ul ul, #menu2 li:focus ul ul ul, #menu2 li.hierover ul ul ul { position: absolute; left: -9999px; z-index: 99; } /*shows 1st */ #menu2 li:hover ul, #menu2 li:focus ul, #menu2 li.hierover ul, #menu2 li li.hierover ul, /*2nd*/ #menu2 li li:hover ul, #menu2 li li:focus ul, #menu2 ul li.hierover ul, /*3rd*/ #menu2 li li li:hover ul, #menu2 li li li:focus ul, #menu2 li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 214px; } /*shows 2nd */ #menu2 ul li:hover ul, #menu2 ul li:focus ul, #menu2 ul li.hierover ul, #menu2 ul li li.hierover ul, /*2nd*/ #menu2 ul li li:hover ul, #menu2 ul li li:focus ul, #menu2 ul ul li.hierover ul, /*3rd*/ #menu2 ul li li li:hover ul, #menu2 ul li li li:focus ul, #menu2 ul li li li.hierover ul { position: absolute; display: block; /* adjust position for left or right positioning here*/ left: 20em; } #socialicons{ position: absolute; left: 686px; top: 72px; left: 823px; left: 773px; top: 106px; z-index: 10; } #hp_videos { /* position: absolute; left: 670px; top: 10px; padding: 0 0; margin: 0 0; */ width: 100%; /* border: 1px solid red; */ float: left; } #hp_videos li { list-style-type: none; float: left; padding: 5px 30px 5px 0px; } #maddicon { position: absolute; top: 0px; left: 1007px; } #contactbutton { position: absolute; left: 725px; top: 200px; } #attorney_info { width: 50%; } #attorney_info p {line-height: 1.3em; padding-top: 0px; } #attorney_info .name {font-weight: bold; font-size: 1.2em;} #attorney_info .phone_label {font-weight: bold; font-style: italic; float: left; width: 50px; font-size: 1.1em;} #attorney_info .phone_number {float: left;} #attorney_details {line-height: .9em;} #attorney_details ul { list-style-type: none; } #attorney_details li {padding-left: 20px; line-height: 1.3em;} #attorney_details .header{font-size: 1.2em;} #attorney_details ul.education li {margin-bottom: 10px;} .clear {clear: both; padding: 0 0; margin: 0 0;} /* END HIERARCHICAL MENU - VERTICAL */