/* --------------------------------------------------------------

   fw-legacy.css

   Contains styles that enable the design framework to work with sites that haven't been updated and designed for Blueprint compability

   Use #legacy if you need to override a design framework behavior. Addition of this id causes a highly level of specificity, so it will always override.

   Our master pages can live in one of three states:
     * Design framework -- completed updated to use the new Blueprint-based framework
     * Framework compatible -- includes the new framework plus the legacy wrapper to provide backwards compability. Does not use any of the old stylesheets such as master.css
     * Legacy -- does not use the new framework. Used the old stylesheets.

   We should attempt to make all our master pages framework compatible as soon as possible, then as time permits, update the 
   master pages and content pages for the new framework design.

   Note: Almost all classes are prefixed with #legacy. A few exceptions exist due to unwanted precendence conflicts. If you have to omit the #legacy then be
   careful with assessing the impact.

-------------------------------------------------------------- */

#legacy h1, #legacy h2 {letter-spacing: -1px; }
#legacy h1, #legacy h2, #legacy h3, #legacy h4 { font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;}
#legacy h1, #legacy h2 {font-weight:bold;}
#legacy h1 {font-size: 2em; }
#legacy h2 { font-size: 1.665em; }

#legacy div.formwrapper {font-family:Arial, Helvetica, Sans-Serif}
#legacy div.formwrapper fieldset div.clear {clear:both;padding:0 !important}
#legacy div.formwrapper p.legend {margin-bottom:1em;font-size:11px;line-height:1.2em}
#legacy div.formwrapper p.legend em {color:#C00;font-size:1em;font-weight:bold;font-style:normal}
#legacy div.formwrapper .errors {margin-bottom:1.35em;padding:1em;border:1px solid #CCC;background-color:#FFC}
#legacy div.formwrapper .errors p {margin:0}
#legacy div.formwrapper .errors p em {color:#C00;font-size:1em;font-weight:bold;font-style:normal}
#legacy div.formwrapper .errormessage {display:block;margin-left:170px;font:bold 1em Arial, Trebuchet MS, Sans-Serif;clear:both}
#legacy div.formwrapper .grid .errormessage, div.formwrapper .controlset .errormessage {margin-left:0}
#legacy div.formwrapper p {margin:0;line-height:1.2}
#legacy div.formwrapper p.note {margin: 2px 0 2px 170px;color:#666;font-size:11px;font-family:Arial, Helvetica, Sans-Serif;line-height:12px}
#legacy div.formwrapper fieldset {}
#legacy div.formwrapper fieldset fieldset {border:0;border-top:double 3px #ddd;margin-top:1em;padding:0.5em 0 0 0;*padding-top:1em;-moz-border-radius:0; -webkit-border-radius:0}
#legacy div.formwrapper fieldset fieldset legend {font-size:1.1em;*left:0;*padding-left:0}
#legacy div.formwrapper legend {}
/*#legacy div.formwrapper fieldset div, div.formwrapper div {padding:0.15em 0}*/
#legacy div.formwrapper fieldset div input[type="text"], div.formwrapper fieldset div select {width:200px}
#legacy div.formwrapper fieldset div input[type="image"] {width:auto; background: none; padding: 0; }
#legacy div.formwrapper fieldset div input[type="checkbox"], div.formwrapper fieldset div .radiobutton input, .fm-button, .fm-button-cancel, .noborder input {width:auto !important;line-height:1}
#legacy div.formwrapper label, div.formwrapper span.label {margin-right:10px;_margin-right:8px;padding-right:10px;width:150px;float:left;display:block;text-align:right;position:relative}
#legacy div.formwrapper label.error, div.formwrapper span.error {color:#C00}
#legacy div.formwrapper label em, div.formwrapper span.label em {color:#C00;font-size:1em;font-weight:bold;font-style:normal;font-family:"Trebuchet MS" , Verdana, Helvetica !important;position:absolute;right:0}
#legacy div.formwrapper input.error {border-color:#C00;background-color:#FEF}
#legacy div.formwrapper div.controlset label, div.formwrapper div.controlset input {float:none;display:inline;line-height:1;margin:0;margin-right:3px;_margin-right:0;*margin-right:0}
#legacy div.formwrapper div.controlset div {margin-left:170px;padding:0}
#legacy div.formwrapper div.controlset div span {_zoom:1}
#legacy div.formwrapper div.buttonrow {margin-left:170px}
#legacy div.formwrapper div.buttonrow .fm-button{margin-top:0}
#legacy div.formwrapper div.buttonrow-centered{margin:0;text-align:center}
#legacy div.formwrapper div.important p {margin-bottom:1em}
#legacy div.formwrapper div .radiobutton input {position:relative;top:2px}
#legacy .accepted {background:transparent url(images/icon-accept.gif) no-repeat left;padding-left:18px}
/*Other form styles*/
#legacy .noborder input {border:none;background:none}
#legacy .error-messagebox {border:solid 1px #990000;padding:6px !important;background:red;margin-bottom:1em}
#legacy .error-messagebox p {color:#fff;margin:0;font-weight:bold;padding:0px 0 0px 20px;background:transparent url(images/icon-exclamation.gif) no-repeat 0 50%}
#legacy .error-messagebox a, .error-messagebox a:visited {color:#ffcc00 !important}
#legacy .error-messagebox a:hover {color:yellow !important}
#legacy div.fomwrapper .important, div.formwrapper * .important {padding:1em !important}
#legacy div.formwrapper td, div.formwrapper table, div.formwrapper tr {margin:0;padding:0}
#legacy div.formwrapper .grid td input {width:auto}
#legacy div.formwrapper .grid td select {width:98%}
/*enroll finish step */
#legacy .enrollfinishsteps {width:31%;float:left;margin:1em 1.5% 0 0;background-repeat:no-repeat;background-position:right top}
#legacy .enrollfinishsteps p.legend {font-size:1em !important}
#legacy .enrollstepprintbg {background-image:url(images/enrollsteps-printbg.jpg)}
#legacy .enrollstepsignbg {background-image:url(images/enrollsteps-signbg.jpg);height:100px}
#legacy .enrollstepmailbg {background-image:url(images/enrollsteps-mailbg.jpg)}
#legacy .enrollstepfaxbg {background-image:url(images/enrollsteps-faxbg.jpg);height:100px}
#legacy #printapplication {display:none}
/**/
/*Styles for a single column (if 2 equal columns)*/
#legacy div.formwrapper .grid-2ec-1 .errormessage, div.formwrapper .grid-2ec-2 .errormessage {margin-left:120px}
#legacy div.formwrapper .grid-2ec-1 p.note, div.formwrapper .grid-2ec-2 p.note {margin-left:120px}
#legacy div.formwrapper .grid-2ec-1 label, div.formwrapper .grid-2ec-1 span.label, div.formwrapper .grid-2ec-2 label, div.formwrapper .grid-2ec-2 span.label {width:100px}
#legacy div.formwrapper .grid-2ec-1 div.controlset div, div.formwrapper .grid-2ec-2 div.controlset div {margin-left:120px}
#legacy div.formwrapper .grid-2ec-1 div.buttonrow, div.formwrapper .grid-2ec-2 div.buttonrow {margin-left:120px}
/*Styles for a single column (if 1/3 / 2/3 columns)*/
#legacy div.formwrapper .grid-2c-ttss-r .errormessage, div.formwrapper .grid-2c-sstt-l .errormessage {margin-left:120px}
#legacy div.formwrapper .grid-2c-ttss-r p.note, div.formwrapper .grid-2c-sstt-l p.note {margin-left:120px}
#legacy div.formwrapper .grid-2c-ttss-r label, div.formwrapper .grid-2c-ttss-r span.label, div.formwrapper .grid-2c-sstt-l label, div.formwrapper .grid-2c-sstt-l span.label {width:100px}
#legacy div.formwrapper .grid-2c-ttss-r div.controlset div, div.formwrapper .grid-2c-sstt-l div.controlset div {margin-left:120px}
#legacy div.formwrapper .grid-2c-ttss-r div.buttonrow, div.formwrapper .grid-2c-sstt-l div.buttonrow {margin-left:120px}
/*Styles for .narrowlabels*/
#legacy div.formwrapper .narrowlabels .errormessage {margin-left:110px;_margin-left:105px}
#legacy div.formwrapper .narrowlabels p.note {margin-left:110px}
#legacy div.formwrapper .narrowlabels label, div.formwrapper .narrowlabels span.label {width:90px;_width:85px}
#legacy div.formwrapper .narrowlabels div.controlset div {margin-left:110px;_margin-left:105px}
#legacy div.formwrapper .narrowlabels div.buttonrow {margin-left:110px;_margin-left:105px}
/*Styles for .widelabel*/
#legacy div.formwrapper .widelabel .errormessage {margin-left:180px;_margin-left:175px}
#legacy div.formwrapper .widelabel p.note {margin-left:180px}
#legacy div.formwrapper .widelabel label, div.formwrapper .widelabel span.label {width:160px;_width:155px}
#legacy div.formwrapper .widelabel div.controlset div {margin-left:180px;_margin-left:175px}
#legacy div.formwrapper .widelabel div.buttonrow {margin-left:180px;_margin-left:175px}
/*Styles for enroll start*/
#legacy div.formwrapper #enrollstart .errormessage {margin-left:200px}
#legacy div.formwrapper #enrollstart p.note {margin-left:200px}
#legacy div.formwrapper #enrollstart label, div.formwrapper #enrollstart span.label {width:180px}
#legacy div.formwrapper #enrollstart div.controlset div {margin-left:200px}
#legacy div.formwrapper #enrollstart div.buttonrow {margin-left:200px}

/*2 Equal Fluid Columns */
#legacy .grid-2ec-1, .grid-2ec-2 {width:49.5%;_width:49.4%;float:left;padding-right:0.5%;_padding-right:0}
#legacy .grid-2ec-1 {_padding-right:1%}
/*3 Equal Fluid Columns */
#legacy .grid-3ec-1, .grid-3ec-2, .grid-3ec-3 {width:30.33%;float:left;padding-right:1.5%; margin-right:1.5%;_padding-right:1%;_margin-right:0}
/*4 Equal Fluid Columns */
#legacy .grid-4ec-1, .grid-4ec-2, .grid-4ec-3, .grid-4ec-4 {width:24.5%;float:left;padding-right:0.5%}
/*2 Fluid Columns - 1 Wide / 1 Narrow */
#legacy .grid-2c-w-l {width:62%;float:left}
#legacy .grid-2c-n-r {width:36%;float:right}
#legacy .grid-2c-n-l {width:36%;float:left}
#legacy .grid-2c-w-r {width:62%;float:right}
#legacy .grid-2c-w-l, .grid-2c-n-r, .grid-2c-n-l, .grid-2c-w-r {position:relative}
/*2 Fluid Columns - 1/3 / 2/3 */
#legacy .grid-2c-ttss-l, .grid-2c-sstt-r {width:34%;float:left;padding-right:1%}
#legacy .grid-2c-sstt-l, .grid-2c-ttss-r {width:63%;float:left;padding-right:1%}
/*IE Padding Correction*/
#legacy .grid-2ec-2, .grid-3ec-3, .grid-4ec-4, .grid-2c-n-r, .grid-2c-w-r, .grid-2c-ttss-2, .grid-2c-sstt-2 {*padding-right:0;_padding-right:0}
/*Gutters*/
/*For 2 Equal Fluid Columns*/
#legacy .gutter-r-2ec {width:46%;_width:45%;margin-right:3.5%}
#legacy .gutter-l-2ec {width:46%;_width:45%;margin-left:3.5%;float:right}
/*For 2 (33/66) Fluid Columns(only applies to the widest column)*/
#legacy .gutter-l-2cttss {width:60%;margin-left:3.5%;_margin-left:2%}
#legacy .gutter-r-2csstt {width:60%;margin-right:3.5%;_margin-right:2%}
/**/
/*Other Classes
---------------------------------------------------------*/
.leftcolumn { width: 49%; float: left; display: inline; }
.rightcolumn { width: 49%; float: right; display: inline; }
#legacy .divider-l {border-left:dotted 1px #ccc;padding-left:1.35em;margin-left:1em}
#legacy .divider-r {border-right:dotted 1px #ccc;padding-right:1.35em;margin-right:1em}
#legacy .h-divider {height:1px;clear:both;margin:1em 0;line-height:1;border-top:solid 1px #cccccc}
#legacy .digicertsiteseal {margin:20px 0;overflow:hidden;position:relative;width:100%;}
#legacy .digicertsiteseal * {letter-spacing:normal}
#legacy .login {border:solid 1px #83ACD3;-moz-border-radius:6px;-webkit-border-radius:6px;padding:18px !important;background:#e4f4ff url(images/lightbluegradbg.jpg) repeat-x bottom;display:block}
#legacy .yellowbg {background-color:#fffcd5}
#legacy .block {display:block}
#legacy .last {margin-bottom:0 !important}
#legacy .bold {font-weight:bold}
#legacy .nowrap {white-space:nowrap}
#legacy div.disclaimer {border-top:dotted 1px #cccccc;padding-top:1em;margin-top:1.35em}
#legacy .disclaimer p, p.disclaimer {font:normal 11px/1.35em "Trebuchet MS" , Arial, sans-serif;background:transparent;color:#999999;margin-bottom:0.35em}
#legacy .hideoverflow {overflow:hidden;display:none}
#legacy .visibilityhidden {visibility:hidden}
#legacy .verify {background:transparent url(images/icon-verify.gif) no-repeat left;padding:2px 0 2px 22px}
#legacy .help {background:transparent url(images/icon-question.gif) no-repeat left;padding:2px 0 2px 22px}
#legacy .MemberActive {background:green;padding:5px;color:#ffff99;font-weight:bold}
#legacy .MemberNotActive {background:#cc0000;color:#fff;padding:5px;font-weight:bold}
#legacy .phonefaxwrapper *{margin-bottom:0;}
#legacy .phonefaxwrapper label{font-weight:bold;}

/*
FAQ
*/
#legacy .faqwrapper {padding-left:36px}
#legacy .faqwrapper h2 {margin-left:-36px}
#legacy .faqwrapper h3 {background:transparent url(images/icon-faqquestion.gif) no-repeat left;padding-left:18px;margin-left:-18px;letter-spacing:-1px}
#legacy .faqwrapper .additionalhelp {float:right;margin:0px 0px 1.2em 1.2em;width:225px;padding-bottom:0}
#legacy .faqwrapper .additionalhelp h3 {padding-left:0;margin-left:0;background:none}