/* FS CONTROL - BASE STYLESHEET - UPDATED 05-16-2007 */ html { font-size: .625em; } body { margin: 0; padding: 0; background: #FFFFFF; color: #000000; } body, td, 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; } #content table.InternetExplorerFix table { margin: 0 0 1.2em 0; } /* DEFINE BASE FONT SIZE -- 1.1em = 11px, etc. */ body { font-size: 1.4em; } /* DEFINE CONTENT LINE HEIGHT */ #content p, #content ul, #content ol, #content li, #content blockquote { line-height: 1.45em; } /* DEFINE CONTENT COLOR */ #content table td { color: #000000; } a:link { color: #003366; } a:visited { color: #3366cc; } a:hover, a:focus { color: #660000; } a:active { color: #660066; text-decoration: none; } .home #content table td { color: #fff; } .home a:link { color: #ffffcc; } .home a:visited { color: #999; } .home a:hover, a:focus { color: #ffff33; } .home a:active { color: #ffffcc; text-decoration: none; } /* 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 FIX */ #attorneyList { padding-bottom:1.2em; } #attorneyList ul { padding: 0; list-style: none; margin: 0; } #content big { font-size: 1em; } /* USED BY DEFAULT IN ALL FORMS */ .asterisk { color: #FF0000; } /* CONTACT FORM - DEFAULT CONTACT US PAGE */ form#contactFormMain { } form#contactFormMain .mainInput { width: 18em; } form#contactFormMain .mainSelect { width: 18em; } form#contactFormMain .mainTextarea { height: 6em; width: 27.5em; } form#contactFormMain .mainCheckbox { height: 1.2em; margin: .5em 0 0 0; } form#contactFormMain .textNoBreak { white-space: nowrap; } /* CONTACT FORM - IN THE DESIGN */ form#contactFormDesign { margin: 0; } form#contactFormDesign label { } form#contactFormDesign .designInput { width: 150px; font-size: .91em; display: block; border: 1px solid #000000; background: #ffffff; color: #000000; padding: 2px 4px 0 4px; } form#contactFormDesign input.designInput { margin: 0 0 5px 0; height: 1.8em; } form#contactFormDesign textarea.designInput { margin: 0; height: 6.82em; } form#contactFormDesign input.designSubmit { margin: 10px 0 0 0; width: auto; } form#contactFormDesign input.hidden { display: none; } /* DEFAULT FORM ADDED FOR CONTACT 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; } /* SEARCH FORM - IN THE DESIGN */ form#searchFormDesign { margin: 0; } form#searchFormDesign input.searchInput { font-size: .91em; width: 150px; height: 1.8em; border: 1px solid #000000; background: #ffffff; color: #000000; padding: 2px 4px 0 4px; vertical-align: middle; } form#searchFormDesign input.searchSubmit { vertical-align: middle; } form#searchFormDesign input.hidden { display: none; } /* 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 { } #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; } /* sIFR STYLES */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } .sIFR-flash + div[adblocktab=true] { display: none !important; } .sIFR-hasFlash h1#pageTitle { visibility: hidden; } /* STANDARD ELEMENTS */ #printBanner { display: none; } .screenElement { } #content .callout { padding: 1em; background: #3c718d; margin-bottom: 1.2em; } .clear { clear: both; line-height:0; } .floatLeft { float: left; } .floatRight { float: right; } table.InternetExplorerFix { width: auto; padding: 0; margin: 0; border-spacing: 0; border-collapse: collapse; border-width: 0; } table.InternetExplorerFix td.InternetExplorerFix { padding: 0 0 0 1px; margin: 0; border-spacing: 0; border-collapse: collapse; border-width: 0; width: 637px; } /* CUSTOM DESIGN ELEMENTS */ body.design { background:#2d2e11; text-align:center; } #containerPage { margin:0 auto; text-align:left; width:935px; background:#2c5a72; } #borderPage { border: solid #fff 6px; border-top:none; } #banner { height:186px; background:url(images/bg-banner.jpg) #fff; top left no-repeat; position:relative; } .home #banner { height:335px; background:url(images/bg-banner-home.jpg) #fff; top left no-repeat; position:relative; } img#logo { position:absolute; top:29px; left:18px;} .home img#logo { position:absolute; top:29px; left:0;} img#tagline { position:absolute; top:68px; left:18px; } .home img#tagline { position:absolute; top:68px; left:0; } img#cta { position:absolute; top:5px; left:630px; } .home img#cta { position:absolute; top:0; right:0; } #navigationMain{ margin-left:204px; z-index:99; position:relative;} #navigationMain ul{ margin:0; padding: 0; list-style: none; } #navigationMain li { list-style: none; margin:0; padding: 0; float:left;} #containerColumns { background:url(images/bg-containerColumns.jpg) bottom left no-repeat; padding:13px 40px 26px 6px; } .home #containerColumns { background:url(images/bg-containerColumns-home.jpg) bottom left no-repeat; padding:13px 40px 26px 6px; } #columnMain { background:url(images/bg-columnMain.gif) #e9f1f5 repeat-y; float:right; width:637px; margin-bottom: 8px;} .home #columnMain { background:url(images/bg-columnMain-home.gif) #e9f1f5 repeat-y; float:right; width:637px; } #columnMainHead { background:url(images/bg-columnMainHead.gif) no-repeat; } .home #columnMainHead { background:url(images/bg-columnMainHead-home.gif) no-repeat; } #columnMainFoot { background:url(images/bg-columnMainFoot.gif) left bottom no-repeat; padding:11px 22px;} .home #columnMainFoot { background:url(images/bg-columnMainFoot-home.gif) left bottom no-repeat; padding:11px 22px;} #navigationTools { float:right; padding-bottom:15px; position:relative; left:13px;} #navigationTools ul { margin:0; padding: 0; list-style: none;} #navigationTools li { list-style: none; margin:0; padding: 0; float:left; } h1#pageTitle { font-family:"Times New Roman", Times, serif; font-size:1.86em; color:#1b3543; text-align:center; padding:0;} .home h1#pageTitle { font-family:"Times New Roman", Times, serif; font-size:1.86em; color:#fff; text-align:center; padding:0; position:relative; top:-30px; margin: 0 80px;} #content { padding-top:40px; min-height:600px; _height:650px; } .home #content { padding-top:0; min-height:200px; _height:200px; } #illustration { float:right; margin:0 0 20px 20px;} #columnSide { float:left; width:205px; color:#fff; line-height:1em;} #columnSide a{ color:#fff; text-decoration:none; font-weight:bold;} #columnSide a:hover, #columnSide a:focus{ color:#ffffcc; text-decoration:underline;} #navigationPractice { background:url(images/bg-navigationPractice.gif) #1b3543 repeat-y; margin-top:-102px; z-index:98; position:relative; line-height:1em; display:inline-block;} .home #navigationPractice { margin-top:-260px; _margin-top:-261px;} #navigationPracticeHead { background:url(images/bg-navigationPracticeHead.gif) no-repeat; display:inline-block; } .home #navigationPracticeHead { background:url(images/bg-navigationPracticeHead-home.gif) no-repeat; } #navigationPracticeFoot { background:url(images/bg-navigationPracticeFoot.gif) left bottom no-repeat; padding:60px 9px 40px 9px; display:inline-block; } #navigationPractice img{ float:right; margin-left:5px; position:relative; top:-50px; } #navigationPractice ul{ list-style:none; margin:0; padding:0;} #navigationPractice ul li { padding-bottom:.86em;} #contactInformation { background:url(images/bg-contactInformation.gif) #1b3543 repeat-y; font-size:.86em; display:inline-block; } #contactInformationHead { background:url(images/bg-contactInformationHead.gif) no-repeat; display:inline-block; } #contactInformationFoot { background:url(images/bg-contactInformationFoot.gif) left bottom no-repeat; padding:60px 9px 24px 9px; display:inline-block; } #contactInformation img{ float:right; margin-left:5px; position:relative; top:-50px; } #contactInformation strong { display: block; border-bottom: 1px solid #fff; padding-bottom: .5em; margin-right:26px; } #contactInformation a{ letter-spacing:-.05em;} #navigationLower {font-size:.64em; border:solid 1px #070606; padding:7px 11px; margin-left: 241px; background:#436f86; color:#fff; } #navigationLower ul{ margin:0; padding: 0; list-style: none;} #navigationLower li { list-style: none; margin:0; padding: 0; float:left; } #navigationLower a { color:#fff; text-transform:uppercase; text-decoration:none; margin:0 5px;} #navigationLower a:hover, #navigationLower a:hover { color:#ffffcc; } #footer { font-size:.71em; color:#fff; padding:8px 6px; background:#2d2e11; } #footer a{ color:#fff; text-decoration:none; font-weight:bold;} #footer a:hover, #footer a:focus{ color:#ffffcc; text-decoration:underline;} #footer img { float:right; position:relative; right:-6px; padding:4px 0 0 10px } #geographicalFooter { } #finePrint { } p#copyright { padding:0; } p#branding { padding:0; }

/* Set the content dimensions */
 
#content h2 {
  line-height: 1.5em;
}
 
 
/* Add curved borders to various elements */
 
#contactForm, .statusMessage, input[type="submit"], input[type="button"] {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
}
 
 
/* Style for the contact form and status messages */
 
#contactForm, .statusMessage {
  color: #666;
  background-color: #ebedf2;
  background: -webkit-gradient( linear, left bottom, left top, color-stop(0,#dfe1e5), color-stop(1, #ebedf2) );
  background: -moz-linear-gradient( center bottom, #dfe1e5 0%, #ebedf2 100% );  
  border: 1px solid #aaa;
  -moz-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  -webkit-box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  box-shadow: 0 0 1em rgba(0, 0, 0, .5);
  opacity: .95;
}
 
 
/* The form dimensions */
 
#contactForm {
  width: 40em;
  height: 33em;
  padding: 0 1.5em 1.5em 1.5em;
  margin: 0 auto;
}
 
 
/* Position the form in the middle of the window (if JavaScript is enabled) */
 
#contactForm.positioned {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin-top: auto;
  margin-bottom: auto;
}
 
 
/* Dimensions and position of the status messages */
 
.statusMessage {
  display: none;
  margin: auto;
  width: 30em;
  height: 2em;
  padding: 1.5em;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
 
.statusMessage p {
  text-align: center;
  margin: 0;
  padding: 0;
}
 
 
/* The header at the top of the form */
 
#contactForm h2 {
  font-size: 2em;
  font-style: italic;
  letter-spacing: .05em;
  margin: 0 0 1em -.75em;
  padding: 1em;
  width: 19.5em;  
  color: #aeb6aa;
  background: #dfe0e5 url('images/stamp.jpg') no-repeat 15em -3em; /* http://morguefile.com/archive/display/606433 */
  border-bottom: 1px solid #aaa;
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;  
  border-radius: 10px 10px 0 0;
}
 
 
/* Give form elements consistent margin, padding and line height */
 
#contactForm ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
 
#contactForm ul li {
  margin: .9em 0 0 0;
  padding: 0;
}
 
#contactForm input, #contactForm label {
  line-height: 1em;
}
 
 
/* The field labels */
 
label {
  display: block;
  float: left;
  clear: left;
  text-align: right;
  width: 28%;
  padding: .4em 0 0 0;
  margin: .15em .5em 0 0;
  font-weight: bold;
}
 
 
/* The fields */
 
input, textarea {
  display: block;
  margin: 0;
  padding: .4em;
  width: 67%;
  font-family: "Georgia", serif;
  font-size: 1em;
  border: 1px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;    
  border-radius: 5px;
  -moz-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  -webkit-box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  box-shadow: rgba(0,0,0,.2) 0 1px 4px inset;
  background: #fff;
}
 
textarea {
  height: 13em;
  line-height: 1.5em;
  resize: none;
}
 
 
/* Place a border around focused fields, and hide the inner shadow */
 
#contactForm *:focus {
  border: 1px solid #66f;
  outline: none;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
 
 
/* Display correctly filled-in fields with a green background */
 
input:valid, textarea:valid {
  background: #dfd;
}
 
 
/* The Send and Cancel buttons */
 
input[type="submit"], input[type="button"] {
  float: right;
  margin: 2em 1em 0 1em;
  width: 10em;
  padding: .5em;
  border: 1px solid #666;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;  
  border-radius: 10px;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8);
  color: #fff;
  background: #0a0;
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
  opacity: .7;
  -webkit-appearance: none;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  transition: opacity .5s;
}
 
input[type="submit"]:hover,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active {
  cursor: pointer;
  opacity: 1;
}
 
input[type="submit"]:active, input[type="button"]:active {
  color: #333;
  background: #eee;
  -moz-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  -webkit-box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
  box-shadow: 0 0 .5em rgba(0, 0, 0, .8) inset;
}
 
input[type="button"] {
  background: #f33;
}
 
 
/* Header/footer boxes */
 
.wideBox {
  clear: both;
  text-align: center;
  margin: 70px;
  padding: 10px;
  background: #ebedf2;
  border: 1px solid #333;
}
 
.wideBox h1 {
  font-weight: bold;
  margin: 20px;
  color: #666;
  font-size: 1.5em;
}
 
</style>
 
<!-- Some IE7 hacks and workarounds -->
 
<!--[if lt IE 8]>
<style>
 
/* IE7 needs the fields to be floated as well as the labels */
 
input, textarea {
  float: right;
}
 
#formButtons {
  clear: both;
}
 
/*
  IE7 needs an ickier approach to vertical/horizontal centring with fixed positioning.
  The negative margins are half the element's width/height.
*/
 
#contactForm.positioned, .statusMessage {
  left: 50%;
  top: 50%;
}
 
#contactForm.positioned {
  margin-left: -20em;
  margin-top: -16.5em;
}
 
.statusMessage {
  margin-left: -15em;
  margin-top: -1em;
}
