body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8em;
  line-height: 1.7em;
  background: #e4f0f6 url('/Resources/TargetedResources/CarAccidentInjuryHelpline/bg.png') repeat left top;
}
* html body
{
  text-align: center;
}
body div
{
  text-align: left;
}
.pageCenter
{
  position: relative;
  width: 1010px;
  margin: 0px auto;
}
.page
{
  position: relative;
  float: left;
  width: 100%;
  height: 1%;
  background: url(/Resources/TargetedResources/Shared/ContentBackground/bg-content2.png) repeat-y left top;
  text-align: left;
}
.page .pageSpacer
{
  position: relative;
  height: 1%;
  padding: 0px 15px;
}
.header
{
  width: 100%;
  background: #FFF;
  text-align: center;
}
.header .logo
{
  position: relative;
  float: left;
  width: 50%;
  height: 1%;
}
.header .promo
{
  position: relative;
  text-align: right; /*color: #063D66;*/
  float: right;
  width: 43%;
  height: 1%;
}
.header .promo .single-line
{
  font-family: Calibri, Arial, Verdana, Sans-Serif;
  font-size: 2em;
  line-height: 1.4em;
  color: #053354;
  font-weight: bold;
}
.header .promo .single-line .single-line-sub
{
  font-size: 0.8em;
  line-height: 0.8em;
}
.header p
{
  margin-bottom: 0em;
}
.header .number
{
  font-size: 1.8em;
  font-weight: bold;
}
.header .emphasis
{
  font-size: 1.2em;
  font-weight: bold;
}
.headSeparator
{
  position: relative;
  float: left;
  clear: both;
  height: 7px;
  width: 100%;
  background: url(/Resources/TargetedResources/CarAccidentInjuryHelpline/headSeparator.png) repeat-x left top;
}
.sect-01
{
  position: relative;
  width: 100%;
  clear: both;
}
.sect-01 .flash
{
  position: relative;
  height: 135px;
}
.sect-01 .call
{
  position: relative;
  width: 49%;
  height: 100px;
  float: right;
  background: #EEE;
}
#formArea-cont
{
  color: #FFFFFF;
  float: left;
  position: relative;
  width: 310px;
  margin-left:10px; /* to distance the form from the left page border */
}
.formArea-bg
{
    background:url(/Resources/TargetedResources/CarAccidentInjuryHelpline/bluebg1.jpg) repeat-y left top;
    width:100%; /* IE6 needs this width to fill in the background */
    padding:5px;
    -webkit-border-radius: 10px; /* rounded corners control */
    -moz-border-radius: 10px; /* rounded corners control */
    
}
#formArea-cont .number
{
    font-size:1.5em;
    line-height:1.5em;
}
h2.steptext
{
    font-weight:normal;
    color:#FFFFFF;
    float:left;
    font-size:1.4em;
    line-height:1.5em;
    width:205px;
}
.fix-floats 
{
  clear: both;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}
#formArea-cont .spacer
{
  width: 226px;
  margin: 0px auto;
  padding-top: 15px;
}
#formArea p
{
  margin-bottom: 10px;
}
#formArea input.field
{
  width: 215px;
  height: 1.5em;
  border: 3px solid #62859E;
}
#formArea .confLink
{
    color:#FFFFFF;
  text-align: center;
}
#formArea-cont .bot
{
  margin: 0 auto;
  width: 310px;
  /*background: transparent url(/Resources/TargetedResources/CarAccidentInjuryHelpline/blue-bottom-form.png) no-repeat left bottom;*/
}
#formArea
{
  color: #FFF;
  display: block; /*float: right; do not float right in CarAccidentInjuryHelpline, since the formArea is nested in the div and not floated to a side in the layout*/
  margin-left: auto; /* centers it in the container (for lawyer) */
  margin-right: auto; /* centers it in the container (for lawyer) */
  position: relative;
  text-align: center;
  width: 250px; /* width needed for IE7 */
}
.formMargins
{
  /*padding-bottom: 0.7em;*/
  position: relative;
}
#miniformContact
{
  display:inline-block;
  float:right;
  text-align: left;
  width:220px;
  margin:0px auto;
}
.contactFieldsDiv
{
  /*background: #3C6D92 none repeat scroll 0 0;*/
  color:#FFF;
  border: 1px solid #6D8DA6;
  padding-left:30px;
  padding-bottom:10px;
  margin-left: 3px; /*needed for miniform blue box surrounding the white border*/
  margin-right: 3px; /*needed for miniform blue box surrounding the white border*/
}
.contactFieldsUl li
{
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
.fieldLabel
{
  margin-left: 25px;
  text-align: left;
}
.fieldValidator
{
    vertical-align:middle; /* isn't perfectly aligned with textboxes in IE6 but is well aligned in the other browsers */
}
.submitButton
{
  margin: 10px 0;
}
.fieldTextbox
{
  margin-left: 5px;
  width: 150px;
}
.fieldTextboxOn
{
}
#mainformContact .fieldTextbox
{
  border: 2px solid #84A3BA;
  height: 20px;
}
#miniformContact .fieldTextbox
{
  border:2px solid #84A3BA;
  height:20px;
}
.MiniContactFormPanel
{
}
#formArea-cont #trustguard
{
  text-align: center;
  padding-bottom: 0px;
}
#formArea-cont #trustguard .fix
{
  height: 20px;
  float: left;
  clear: both;
}
#formArea-cont #trustguard img
{
    padding-bottom:5px;
	padding-top:5px;
}
#formAreaThanks
{
    background:transparent url(/Resources/TargetedResources/CarAccidentInjuryHelpline/bluebg1.jpg) repeat-y scroll left top;
    position: relative;
    text-align: left;
    color:#FFFFFF;    
}
#formAreaThanks p
{
    padding:1em;
}
#formAreaThanks div
{
    padding:1em;
}
#formAreaThanks ul
{
    background-color:#FFFFFF;
    list-style-image: none;
    list-style-position: outside;
    list-style-type:disc;
    padding:1em 1em 1em 2.3em;
}
#formAreaThanks ul li
{
    color:#686868;
    font-size:1.3em;
}


.sect-02
{
  position: relative;
  width: 995px;
  float: left;
  background: url(/Resources/TargetedResources/CarAccidentInjuryHelpline/sectbg2.jpg) repeat left top;
  margin: 0px 0px 5px -8px;
  border-top:2px solid #EBDD22;
  border-bottom:2px solid #EBDD22;
  padding-top:10px;
}
.sect-02 .content
{
  position: relative;
  float: right;
  width: 650px;
  /*background: #FFF; /*margin-bottom:50px;used to prevent the toll free number from going under the tabs*/
}
.sect-02 .content .arrow
{
    /* no arrows in caraccidentinjuryhelpline */
}
.sect-02 .content .numbers .int02
{
  background: url(/Resources/TargetedResources/CarAccidentInjuryHelpline/two.png) no-repeat left top;
  width:85px;
  height:50px;
}
.sect-02 .content .numbers .int03
{
  background: url(/Resources/TargetedResources/CarAccidentInjuryHelpline/three.png) no-repeat left top;
  width:85px;
  height:50px;
}
.sect-02 .content .numbers .number
{
  position: relative;
  float: left;
  width: 315px;
  background: url(/Resources/TargetedResources/CarAccidentInjuryHelpline/bluebgshort.png) no-repeat left top;
  margin:0px 3px 0px 4px;
  line-height:1.2em;
  padding-top:7px;
  height:109px;
}
.sect-02 .content .spacer
{
  margin-left: 25px;
}
.sect-02 .content h1
{
  font-size: 1.7em;
  color: #333333;
  padding-top: 10px;  
  line-height: 1.0em;
  border-bottom: 1px solid #CCC;
  margin-bottom: 0.4em;
}
.mainContent
{
    background-color:#FFFFFF;
    padding:5px;
    margin:0px 10px 0px 5px;
    -webkit-border-radius: 10px; /* rounded corners control */
    -moz-border-radius: 10px; /* rounded corners control */
}
.mainContent .left
{
  float: left;
  width: 49%;
  z-index: 10;
}
.mainContent .right
{
  float: right;
  width: 49%;
}
.callUsDiv
{
  font-size: 2.3em;
  font-weight: bold;
  text-align: right;
  padding-top: 0px;
  margin-left:0px;
  padding-left:0px;
  float:right;
}
.flags
{
  text-align: center;
  line-height: 1.6em;
  font-weight: bold;
}
.ladyWithMic
{
  margin-top: 10px;
  width: 200px;
}
.tabs
{
    position:absolute; bottom:0; right:0; /* absolutely positioned mode. does not show links in IE6, z-index does not fix this. alternative is to use relative positioning and float right (see commented out below) */
    /*float: right;*/ /* relatively positioned mode. has spacing in various browsers on thank you page. */
}
.tabs ul li
{
  display: inline;
  float: right;
  background: url('/Resources/TargetedResources/AutoAccidentInjuryHelpline/miniNavBg.png') repeat-x left top;
  color: black;
  border:1px solid #a8a8a8;
  font-size: 1.0em;
  font-weight: bold;
  padding: 4px 7px;
  margin: 0px 0px;
  height: 1%;
}
.tabs ul li a:link
{
    color:#003366;
}
.tabs ul li a:hover
{
    color:#CC3333;
}
.tabs ul li a:visited
{
    color:#003366;
}
.sect-03
{
  position: relative;
  float: left;
  width: 100%;
  height: 1%;
  background: #FFFFFF url(/Resources/TargetedResources/CarAccidentInjuryHelpline/bottomPageBg.png) repeat-x scroll left top; /*margin-top:-50px;*/
  margin-bottom: 20px;
  clear: both;
}
.sect-03 .col, .sect-03 .col-last
{
  position: relative;
  float: left;
  background:#FFFFFF url(/Resources/TargetedResources/AutoAccidentInjuryHelpline/bottomPageBg.png) repeat-x scroll left top;
  width: 33%;
  height: 1%;
}
.sect-03 .col-dbl
{
  position: relative;
  float: left;
  width: 66%;
  height: 1%;
}
.sect-03 .col-dbl p.disclaimer
{
  color: #444444;
  text-align: center;
  font-size: 0.9em;
}
.sect-03 .col-dbl div#flashcontent
{
  /*border-top: dashed 1px #DDD;
  border-bottom: dashed 1px #DDD;*/
}
.sect-03 .col-last
{
  clear: right;
}
.sect-03 .col .spacer, .sect-03 .col-last .spacer, .sect-03 .col-dbl .spacer
{
  margin: 0px 20px;
}
/*
.sect-03 .col-dbl .spacer{
  margin:2em 0 0 0;
}
*/
.sect-03 h4
{
  clear: both;
  padding-top: 0.5em;
  margin-bottom: 0.5em;
  line-height: 1.7em;
  border-bottom:1px solid #CCCCCC;
    font-size:1.5em;
}
.sect-03 a.onWhite
{
  color: #036;
}
.sect-03 a.onWhite:hover
{
  color: #C33;
}
.sect-03 p.right
{
  text-align: right;
}
.sect-03 .testimonial
{
  font-style: italic;
  font-weight: bold;
}
.sect-03 .signature
{
  font-style: italic;
  text-align: right;
}
.sect-03 .topicArea img
{
  margin: 0px auto;
}
.sect-03 .expertise .left
{
  position: relative;
  float: left;
  height: 1%;
  width: 45%;
}
.sect-03 .expertise .right
{
  position: relative;
  overflow: auto;
  float: left;
  height: 300px;
  width: 55%;
}
.sect-03 .expertise ul.topicList
{
  list-style: square;
  list-style-position: outside;
  padding-left: 15px;
}

.footer
{
  position: relative;
  background: #FFF;
  float: left;
  width: 100%;
  height: 1%;
  clear: both;
}
.footer a.footerLink
{
  color: #036;
}
.footer a.footerLink:hover
{
  color: #C33;
}
.footer .col
{
  position: relative;
  float: left;
  height: 1%;
}
.footer .col-01
{
  width: 20%;
}
.footer .col-02
{
  width: 60%;
}
.footer .col-02 .footerText
{
  text-align: center;
}
.footer .col-02 .footerText .footerLink
{
  cursor: pointer;
}
.footer .col-03
{
  width: 20%;
}
.footer .spacer
{
  text-align: center;
  padding: 0px 10px;
}
#popupTrigger
{
  position: absolute;
  left: 0px;
  top: 0px;
  display: none;
  height: 10px;
  width: 100%;
  z-index: 1700;
  background: url("../clearPixel.gif") left top;
}
#pageCover
{
  position: absolute;
  background: #000000 none repeat scroll 0;
  display: none;
  left: 0;
  opacity: 0.8;
  filter: alpha(opacity = 80);
  top: 0;
  width: 100%;
  z-index: 1000;
  zoom: 1;
}
#overlay-close
{
  position: absolute;
  display: none;
  z-index: 1100;
  background: #000;
  color: #FFF;
  margin: 0px auto;
  left: 0px;
  top: 0px;
}
.sampleOverlay
{
  position: absolute;
  display: none;
  border: 2px solid #CCC;
  z-index: 1100;
  /* background: #EEE; */
  margin: 0px auto;
  left: 0px;
  top: 0px;
}
.sampleOverlay a.faqLink
{
  color: #02456F;
}
.sampleOverlay .title, .sampleOverlay .content
{
  padding: 0px 25px;
  font-family: Arial, Helvetica, Verdana;
}
.sampleOverlay .title
{
  background: #02456f url("/Resources/TargetedResources/CarAccidentInjuryHelpline/titlebg.gif") repeat-x left bottom;
  font-size: 1.3em;
  font-weight: bold;
  color: #FFF;
  padding-top: 0.25em;
  padding-bottom: 0.45em;
}
.sampleOverlay .content
{
  overflow: auto;
}
.sampleOverlay .content h2
{
    color:#666666;
    font-size:1.5em;
    line-height:1.2em;
    margin-top: 1.2em;    
}
.sampleOverlay .message
{
  font-size: 0.8em;
  color: #666;
  line-height: 1.9em;
  padding-bottom: 20px;
}
#overlay-exitpopup
{
  /* width: 550px; */ /* height:460px; */
  width:600px;
  border:0px solid transparent;
  text-align:center;
}
#overlay-exitpopup .spacer{
  padding:20px;
}
#overlay-exitpopup .borderBg{
  border: 1px solid #999;
  background: #94122c; 
}
#overlay-exitpopup .callOut
{
  color: #FFFFFF;
  font-size: 2.3em;
  font-weight: bold;
  text-align: center;
  text-transform:uppercase;
    margin-bottom: 0.5em;
}
#overlay-exitpopup .callOut-text
{
  color: #b8cfe1;
  text-align: center;
}
#overlay-exitpopup .noThanksBtn{
  display:block;
  float:right;
  background:#333;
  color:#CCC;
  padding:0.5em;
  margin-top:0.2em;
  text-align:center;
}
#overlay-exitpopup .submitButton{
  text-align:center;
}
#overlay-exitSurvey, #overlay-surveyThanks{
  display:none;
  width:350px;
  border:0px solid transparent;
  text-align:center;
  color:#FFF;
}
#overlay-surveyThanks{
  display:none;
}
#overlay-surveyThanks .thanksMessage{
  font-size:1.7em;
  font-weight:bold;
  text-align:center;
}
#overlay-exitSurvey .spacer, #overlay-surveyThanks .spacer{
  padding:20px;
}
#overlay-exitSurvey .borderBg, #overlay-surveyThanks .borderBg{
  border: 1px solid #999;
  background: #06426D; 
}
#overlay-exitSurvey .surveyText{
  color:#FFF;
}
#overlay-exitSurvey .surveyQuestion {
  color:#FFF;
  font-size:1.7em;
}
#overlay-exitSurvey .surveyOptions span{
  color:#FFF;
  display:block;
  margin-bottom:0.7em;
}
#overlay-exitSurvey .surveyOptions{
  margin-bottom:1em;
}
#overlay-exitSurvey .description{
  width:300px;
  height:80px;
}
#overlay-exitSurvey .zipCode{
  width:5em;
  height:1.5em;
}
#overlay-exitSurvey .surveyDescription, #overlay-exitSurvey .surveyZip{
  display:none;
}
#overlay-exitSurvey hr{
  color:#3C6D92;
  border:0px;
  background:#3C6D92;
}
#overlay-exitSurvey .surveyButton{
  float:right;
  background: #f2c92d url(/Resources/TargetedResources/Shared/FormButtons/formButton_bg-out.png) repeat-x left top;
  border-right:2px solid #bc9c22;
  border-bottom:2px solid #bc9c22;
  border-left:2px solid #c7b479;
  border-top:2px solid #c7b479;
  padding:3px;
  font-weight:bold;
  font-size:1.2em;
  color:#333333;
  border-style:solid;
  cursor:pointer;
}
#overlay-exitSurvey .surveyButton:hover{
  background:#FFFFFF; 
  border-right:2px solid #CCCCCC;
  border-bottom:2px solid #CCCCCC;
  border-left:2px solid #CCCCCC;
  border-top:2px solid #CCCCCC;
  color:#06426D;
}
#overlay-01
{
  width: 500px;
  height: auto;
}
#overlay-01 .content{
  background:#FFFFFF;
}
#overlay-01 ol
{
  list-style-type: decimal;
  margin-bottom: 0.5em;
  padding-left: 20px;
}
#overlay-02
{
  width: 500px;
  height: auto;
}
#overlay-faq
{
  width: 500px;
}
#overlay-faq .content
{
  height: 460px;
  padding-top: 10px;
  background:#FFFFFF;

}
#overlay-aboutUs
{
  width: 500px;
}
#overlay-aboutUs .content
{
  height: 460px;
  padding-top: 10px;
  background:#FFFFFF;

}
#contactForm
{
  width: 300px;
  height: auto;
}
#contactForm table
{
  width: 100%;
}
#contactForm table td
{
  padding: 0px 10px 10px 0px;
}
#contactForm table input
{
  width: 100%;
}
#contactForm .content
{
  background: #074776;
  color: #FFFFFF;
}
#contactForm .content .submitButton
{
  text-align: center; /* the rest of the page is text-align:left so need to center button */
}
#connectAttempt, #operatorsBusy
{
  background: #02456F;
  color: #FFF;
}
#connectAttempt p, .connectAttempt-alt p
{
  margin-top: 0.5em;
  text-align: center;
}
#operatorsBusy ul
{
  list-style: disc inside;
  margin-bottom: 0.5em;
}
#operatorsBusy .disclaimer
{
  padding: 0px 1em;
  background: #CCC;
  color: #666;
  text-align: center;
}
#opertaorsBusy .icon
{
  position: relative;
  float: left;
  width: 36px;
  height: 32px;
  background: #000 url("/Resources/TargetedResources/CarAccidentInjuryHelpline/iconExclimation.gif") no-repeat left top;
  margin-top: -0.05em;
}
.annivSeal
{
  position: absolute;
  display: none;
  z-index: 3;
}
* html .annivSeal
{
  display: none;
}
#testimonialOverlay
{
  position: absolute;
  display: none;
  left: 0px;
  top: 0px;
  width: 660px;
  height: 380px;
  z-index: 1100;
}
.expertise a.topicLink
{
  color: #036;
}
.expertise a.topicLink:hover
{
  color: #C33;
}


/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/
div.scrollable
{
  /* required settings */
  position: relative;
  float: left;
  overflow: hidden;
  width: 660px;
  height: 300px;
  background: #EEE;
}
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/
div.scrollable div.items
{
  /* this cannot be too large */
  width: 20000em;
  position: absolute;
}
/*  
    a single item. must be floated on horizontal scrolling 
    typically this element is the one that *you* will style 
    the most. 
*/
div.scrollable div.items div
{
  float: left;
  text-align: left;
  width: 190px;
  height: 300px;
  border-right: 1px solid #CCC;
}
div.scrollable div.items p
{
  text-align: left;
  padding: 0px 10px;
  margin-bottom: 0px;
}
div.scrollable div.items .testimonialImage
{
  float: left;
  width: 190px;
  height: 100px;
}
div.scrollable div.items p.signature
{
  font-style: italic;
  text-align: right;
  margin-top: 5px;
}
/* you may want to setup some decorations to active item */
div.items div.active
{
  border: 1px inset #ccc;
  border-right: 1px solid #999;
  background-color: #fff;
}
#testimonialOverlay .disclaimer
{
  text-align: center;
  padding: 10px;
  background: #000;
  color: #999;
}
a.disabled
{
  visibility: hidden !important;
}
a.prev, a.next, a.prevPage, a.nextPage
{
  background: transparent url("/Resources/TargetedResources/left.png") no-repeat;
  cursor: pointer;
  display: block;
  float: left;
  height: 18px;
  margin: 43px 10px;
  width: 18px;
}
a.next, a.nextPage
{
  background-image: url("/Resources/TargetedResources/right.png");
  clear: right;
}
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover
{
  background-position: 0px -18px;
}

#formAreaThanks .formTitle
{
  font-weight:bold;
  font-size:2.5em;
  line-height:1.7em;
  text-align:center;
  background:transparent url(/resources/targetedresources/caraccidentinjuryhelpline/ThankYou-title.jpg) no-repeat scroll 0 0;
  height:56px;
}

#formArea .formTitle
{
  display: none;
}
#formArea .formPhone, #formArea .lineText
{
  display: none;
}




#formArea .linkConfidential, #formArea .submitButton
{
  text-align: center;
}
.overlay-contact{ display:none;}

.textArea{
    background:url(/Resources/Targetedresources/caraccidentinjuryhelpline/whitebg.png) no-repeat left top;
    margin:0px 10px 0px 10px;
    height:350px;
}