/* Created by JEL3 @ Kneadmedia LLC */
html{ padding: 0;  height: 100%; }
body { margin: 0; background: #ebebeb; color: #333333; height: 100%; }
.emplbody{ background: #333333; color: #333; }
br.clear { clear: both; line-height: 1px; padding: 0; margin: 0; }
img { border: none; }

blockquote { position: relative; width:90%; margin: 15px auto 20px; padding: 0; font-size: 14px; font-weight: bold; font-style: italic; color: #007CC2; }
blockquote span{ display: block; width: 85%; margin: 0 auto; }
.quoteLeft { position: absolute; top: 0; left: 0; }
.quoteRight { position: absolute; bottom: 0; right: 0; }


#pageHolder { position: relative; margin: 0 auto; padding: 0; width: 724px; font: 12px/14px Arial, Helvetica, sans-serif; color: #333333; background: #BFD36E url(/images/gl_mainCon_bg_grad.gif) repeat-x; text-align: center; }
#emplpageHolder { position: relative; margin: 0 auto; padding: 0; width: 724px; background: #01334D url(/images/gl_mainEmpl_bg_grad.gif) repeat-x; font: 11px/14px Arial, Helvetica, sans-serif; color: #333333; text-align: center; }

a { margin: 0; padding: 0; color: #ff843d; background: transparent; font: bold 12px/15px Arial, Helvetica, sans-serif; text-decoration: none; }
a:hover { color: Blue; background: transparent; }

/* header */
#header {width: 724px; height: 118px; background: url(/images/gl_hdr_bg_grad.gif);  font: 10px/14px Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; }
  #headerNav { display: block; width: auto; height: 118px; margin: 0em 0em 0em 0em; border: 0px solid red; text-align: right; }
  .infobutton{ margin: 1.65em 0em 1em 0em; }
  .empbutton{ margin: 1.65em 0em 1em 0em; }
  #headerNav strong{ font: bold 14px/14px Arial, Helvetica, sans-serif; margin: 0em 1.3em 0em 0em; }
  #headerNav ul { margin: 0em 0em 0em 0em; padding: 0; display: inline; }
  #headerNav li { display: inline; width: auto; height: 29px; }
  #headerNav a { font: 11px/14px Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; background: transparent;  margin: 0em .5em 0em .5em; }
  #headerNav a:HOVER { color: #ff843d;  background: transparent;}

#findarideLogin{ position: absolute; top: 149px; _top: 148px; right: 3px; width: 250px; text-align: right; z-index: 1; background: transparent; }
#findarideLogin a{ position: relative; top: -31px; color: #fff; padding: 4px 10px; background: #BFD36E; line-height: 30px; border: 1px solid #DFEBA2; } 
#findarideLogin a:hover{ background: #FF843D; border: 1px solid #fff; } 
 
#loginForm { position: absolute; top: 0; left: -10px; display: none; font-size: 10px; padding: 5px; border: 5px solid #666; background: #fff; z-index: 2; text-align: left; }
 
 #loginForm label { display: block; line-height: 25px; float: left; font-weight: bold;  }
 #loginForm input { border: solid 1 #333; margin: 0 auto; padding: 0; width: 145px; height: 19px; /*background: transparent url(/images/gl_form_input_157.gif) no-repeat;*/ font: bold 11px/14px Arial, Helvetica, sans-serif; text-indent: 5px; float: right; color: #666666; z-index: 1000; }
/* header END */

/*  mainNav */
#mainNav { width: 724px; height: 29px; background: url(/images/com_nav_bg.gif); margin: 0 auto; padding: 0; text-align: center; }
#mainNav ul { margin: 0px 57px 0px 57px; padding: 0; list-style: none; }
#mainNav li { float: left; position: relative; width: auto; height: 29px; margin: auto; padding: 0;  }
#mainNav ul a { font: bold 12px/29px Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF;  background: transparent; padding: .6em 1em .4em 1em; } 
#mainNav ul a:hover { color: #ff843d; background: #FFFFFF; } 

  /* mainNav On States */
  #sec0 #mainNav li.sec0, 
  #sec1 #mainNav li.sec1, 
  #sec2 #mainNav li.sec2, 
  #sec3 #mainNav li.sec3, 
  #sec4 #mainNav li.sec4, 
  #sec5 #mainNav li.sec5, 
  #sec6 #mainNav li.sec6 { color: #858585; background: #C3DA55;  }
  
  
   #emplsec0 #emplmainNav a.emplsec0, 
  #emplsec1 #emplmainNav a.emplsec1, 
  #emplsec2 #emplmainNav a.emplsec2, 
  #emplsec3 #emplmainNav a.emplsec3, 
  #emplsec4 #emplmainNav a.emplsec4, 
  #emplsec5 #emplmainNav a.emplsec5, 
  #emplsec6 #emplmainNav a.emplsec6,
  #emplsec7 #emplmainNav a.emplsec7, 
  #emplsec8 #emplmainNav a.emplsec8, 
  #emplsec9 #emplmainNav a.emplsec9{ background: #EFEFEF;  color: #FF843D; font-size: 13px; }
  /* mainNav On States */
  
  /* subNav */
  #mainNav li ul { display: none; position: absolute; top: 28px; left: 0; width: 134px; height: auto; background: #c3da55; color: #fff; border: .1em solid #dfeba2; margin: 0; padding: 0; z-index: 1000; }
  #mainNav li:hover ul,#mainNav li.over ul{ display: block; margin: 0;  padding: 0; list-style: none; }
  #mainNav li ul li { display: block; border: .1em solid #BAD332; width: 130px; height: auto; margin: 0; padding: 0; text-align: left; }
  #mainNav li ul li a { display: block; width: 110px;  font: 11px/11px Arial, Helvetica, sans-serif; color: #666666; background: transparent; text-decoration: none; text-align: left;   }
  #mainNav li > ul { top: auto; left: auto;}  
  /* subNav END */
/* mainNav END */

/* mainContent */
#mainContent { width: 724px; height: auto; margin: 0px -15px 0px 0px; padding: 10px 10px 10px 10px; text-align: center; }
#contentHolder{ position: relative; width: 610px; margin: 0 auto 10px auto; padding: 5px 10px 10px 10px; text-align: left; background: url(/images/sp_bg_fullPageConent.gif) top; }
#contentHolder h1{ margin: 0px 15px 0px 15px; padding: 15px 0px 0px 0px; font: bold 14px/0px Arial, Helvetica, sans-serif; color: #007cc2; background: transparent; }
#contentHolder p{margin: 10px 0px 0px 0px; font: 12px/16px Arial, Helvetica, sans-serif; color: #333333; background: transparent; padding: 0px 15px 0px 15px; }
#contentHolder hr { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 580px; height: 2px; border: 1px solid #ffffff; }
#contentHolderTop{ position: absolute; top: 0px; left: 0px; }
#contentHolderBot { position: relative; bottom: -15px; margin: -10px -10px -10px -10px;   }


/* seperators */
div.greenSep { display: block; width: auto; height: 17px; margin: 0px 15px 0px 20px;  padding: 0; border: 0; background: url(/images/gl_sep_lightgreen.gif); }
*html div.greenSep {  margin: 5px auto -15px auto; }
*html #sec0 div.greenSep {  margin: 10px 15px 10px 15px; }
/* seperators END */

/*  request info form */
#requestInfo { width: 576px; margin: 15px auto; padding: 10px; font: 11px/15px Arial, Helvetica, sans-serif; color: #333333; background: transparent;  }
 #requestInfo fieldset.requestInfo_0a{ margin: 0px 5px 0px 0px; padding: 5px; _margin: 0px 0px 10px 0px; _padding: 20px 0px 0px 0px; position: relative; float: left; width: 48%; height: 290px; background: #EBEBEB; color: Gray; }
  #requestInfo .requestInfo_0a legend{ _position: absolute; _top: -20px; }
 #requestInfo  span{ position: relative; display: block; width: 90%; height: 20px; margin: 5px auto; float: none; }
  #requestInfo .requestInfo_0a label{ display: block; position: absolute; top: 0; left: 0; padding: 0; }
  #requestInfo .requestInfo_0a input,
   #requestInfo .requestInfo_0a select,
     #requestInfo .requestInfo_0b input,
   #requestInfo .requestInfo_0b select { position: absolute; right: 0; top: 0; width: 150px; height: 15px; }
 
 *html #requestInfo .requestInfo_0a select, 
 *html #requestInfo .requestInfo_0b select{ width: 156px; height: 20px;  }
 #requestInfo .requestInfo_0a select, 
 #requestInfo .requestInfo_0b select{ width: 154px; height: 20px;  }
 
 #requestInfo .requestInfo_0b{ padding: 5px; _margin: 10px 0px 0px 0px; _padding: 20px 0px 0px 0px; position: relative; width: auto; height: 290px; background: #EBEBEB; }
  #requestInfo .requestInfo_0b legend{ _position: absolute; _top: -20px;   }
  #requestInfo .requestInfo_0b0{ position: relative;  _top: 25px; width: 90%; margin: 0 auto; padding: 5px; } 
   #requestInfo .requestInfo_0b0{ margin-bottom: 15px; }
   #requestInfo .requestInfo_0b0 span { margin: 10px auto 5px auto; }
#requestInfo .requestInfo_0b0 input{ position: relative; display: inline; height: 15px; padding: 0; }
  #requestInfo .requestInfo_0b0 input.radioCheck { display: inline; width: auto; height: auto; margin: 0px; _margin: 0px 0px 0px 5px; vertical-align: middle; }

 #requestInfo .requestInfo_1{ position: relative; width: auto; padding: 5px; background: #EBEBEB; top: -30px; _top: auto; _margin: 10px 0px 0px 0px; _padding: 20px 5px 0px 5px; }
 
 #requestInfo fieldset{ margin: 0px 0px 10px 0px; padding: 0px 10px 20px 10px; border: 1px solid #999; }
#requestInfo fieldset legend { padding: 5px 5px 5px 5px; background: #E0E0E0; border: 1px solid #999; font-size: 12px; font-weight: bold; color: #333; }
#requestInfo fieldset input.radioCheck {  margin: 0px 15px 0px 15px;  }

#requestInfo fieldset label sup strong,
#requestInfo fieldset sup strong{ font-weight: bold; color: red; }
#requestInfo fieldset textarea{ width: 99%; margin: 0; padding: 0; }

#requestInfo #grh label.grhLabel{ position: absolute; _display: block; width: 450px; _margin: 3px 0 0 0; _line-height: 10px; }

#requestInfo fieldset fieldset legend{ color: #666; font-size: 11px; }
#requestInfo fieldset input, #requestInfo fieldset select{  margin: 0; width: auto; font: 11px/11px Arial, Helvetica, sans-serif; color: #333333; }
#requestInfo fieldset input { width: auto; }
#requestInfo fieldset label{ position: block; width: 75px; margin: 0px 15px 0px 0px; padding: auto 100% auto 100%; } 
#requestInfo fieldset b.error { border: 1px inset #000; position: absolute; top: 14px; right: 0; display: block; color: red; background: Silver; font-size: 10px; line-height: 10px; z-index: 1000; }
#requestInfo fieldset b.warn { border: 1px inset #000; position: absolute; top: 14px; right: 0; display: block; color: red; background: #fff; font-size: 10px; line-height: 10px; z-index: 1000; }
/*  request info form END */

#comFlashMain { margin: 6px 0px -10px 0px; padding: 0; }
#sec_hdr { margin: 10px 0px 0px 0px; }

#leftCol { position: relative; top: 5px; left: 45px; margin: 0px 0px 25px 0px; padding: 0px 0px 0px 0px; width: 444px; height: auto;  float: left; background: transparent url(/images/sp_leftCol_bg.gif) repeat-y; text-align: justify; }
  *html #leftCol {  top: -5px; left: 11px; }
#leftCol h1{ margin: 15px 14px 0px 14px; padding: 0; font: bold 13px/11px Arial, Helvetica, sans-serif; color: #007cc2; }
#leftCol p{ margin: 3px 0px 0px 0px; font: 12px/16px Arial, Helvetica, sans-serif; color: #333333; padding: 0px 15px 10px 15px; }

#leftCol ol{ width: 80%; margin: 0 auto; }
#leftCol li{ width: auto; margin: 0 auto; padding: 15px 15px 15px 15px; }
#leftcolBottom { position: relative; left: 0; bottom: -10px; display: block; margin: 0; padding: 0; }
  *html #leftcolBottom { bottom: -10px; }

#rightCol { position: relative; float: right; width: 182px; height: 100%; margin: 5px 45px 10px 4px; padding:0; text-align: justify; }
*html #rightCol { top: -5px; right: 7px; }
#rightCol form { margin: 0; padding: 0; text-align: left; }

/* ol.tipsList {  width: 90%; margin: 0 auto; } */
#contentHolder ol.tipsList li{ padding: 10px 15px 10px 10px;margin-left:10px;  }

/* resources */
div#resourcesTabs ul{ position: relative; top: 0; display: block; width: 630px; height: 39px; margin: -9px -10px 10px; padding: 0; list-style: none; background: url(/images/sp_obj_resourceNav_bg.gif) no-repeat; }
 div#resourcesTabs li{ width: 13.5em; float: left; margin: 2px -6px 0px 6px; padding: 0; list-style: none; text-align: center; }

body#res #resourcesTabs li{ width: 16.5%; float: left; margin: 2px -15px 0px 6px; padding: 0 0 0 1%; list-style: none; text-align: center; }
 div#resourcesTabs li a { font: bold 11px/11px Arial, Helvetica, sans-serif; padding: 0em .5em; display: block; height: 25px; line-height: 25px; background: Gray; color: #fff; }
div#resourcesTabs li a:hover { background: #CC3333; }
div#resourcesTabs li a.resourceTabon { background: #CC3333; }


/* traffic hov lanes chart */
#contentHolder div.hovLaneChart{ width: 90%; margin: 10px auto; padding: 0; }
 
#contentHolder div.hovLaneChart strong,
#contentHolder div.hovLaneChart span{ display: block; width: 29%; float: left; margin: 0; padding: 2%; background: #666; border-left: 1px solid #fff; color: #fff; }

#contentHolder div.hovLaneChart span{ height: 45px; background: #EFEFEF; color: #333; border-bottom: 1px solid #fff; }
/* END traffic hov lanes chart */
/* resources END */

/*  FAQs  */
.faqsHolder{ display: block; width: 580px; background: #F5F5F5; margin: 0 auto; padding: 10px 10px 10px 10px; }
.faqsHolder h2 { display: block; width: 560px; height: 25px; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; background: #CC3333; font: bold 18px/15px Arial, Helvetica, sans-serif; color: #FFFFFF; }
.faqsHolder ul { display: block; width: 560px; margin: 0; padding: 10px 10px 10px 10px; background: #DFDFDF; list-style: none; }
.faqsHolder p { display: block; width: 550px; height: auto; padding: 10px 10px 10px 10px; margin: 10px 0px 0px 0px;  }
#contentHolder .faqsHolder  span { display: none; }
#contentHolder p.faqsLooker  { border: 1px dotted Gray; background: #ffffff; margin: 30px 10px 30px 10px; padding: 30px 10px 30px 10px; font: 12px/15px Arial, Helvetica, sans-serif; }
#contentHolder p.faqsLooker  strong{ font: bold 13px/15px Arial, Helvetica, sans-serif; color: #007cc2; }
#contentHolder .faqsLooker  span{ display: block; float: right; }
/*  FAQs END  */

/* FAQ'S AND OTHER LIKE NAVES */
  /* faqs and basic set up */
  #faqsNav { display: block; width: 600px; height: auto; margin: 0 auto; padding: 0px 0px 20px 1px; _padding-bottom: 0px; list-style: none ; }
  #faqsNav li{ width: 120px;  float: left; margin: 0 auto; padding: 0; text-align: center; }
  #faqsNav li a { display: block; width: auto; height: 25px; line-height: 25px;  background: Gray; color: #fff;}
  #faqsNav li a:hover, 
  #faqsNav li a.faqsNavon, 
  #resoucesNav li a:hover,
  #resoucesNav li a.faqsNavon{ background: #CC3333; color: #fff; } 
  #faqsNav li a:active,
  #resoucesNav li a:active  { background: #FF843D; } 
  a.faqsQ  { display: block; width: 530px; font: bold 12px/15px Arial, Helvetica, sna-serif; color: Black; margin: 1px 1px 1px 1px; padding: 15px 15px 15px 15px; background: #E6E6E6; }
  a:hover.faqsQ { color: #FF843D; background: #FFFFFF; }
  /*  END faqs and basic set up */
  /* resources */
  #resourcesNav { display: block; width: 670px; height: auto;  padding: 0px 0px 20px 0px; }
  #resoucesNav li{ float: left; width: 300px; margin: 0px 0px 0px -25px; _margin: 0px 0px 0px -15px; padding: 0; list-style: none; }
  #resoucesNav li a { display: block; width: auto; height: 25px; padding: 0px 0px 0px 0px; line-height: 25px;  border: 1px solid #fff; background: Gray; color: #fff; text-indent: 10px; }

    /* END resources */
    
    /*  news and events */
    .newsfeedChannel { position: relative; border: 1px solid #F0F0F0; display: block; width: 87%; margin: 1px auto; padding: 3%; color: #00527B; }
       .newsfeedChannel b { font-size: 20px; position: absolute; top: 40%; }
       .newsfeedChannel a { position: absolute; top: 10px; right: 10px; }
       .newsfeedContent { display: block; width: 93.25%; margin: 1px auto 2px auto; padding: 10px 0; background: #F0F0F0; }
       .newsfeedContent a { font-size: 13px; padding: 0 2%; }
       .newsfeedContent strong { font-size: 11px; color: #666; padding: 0 2%; }
        .newsfeedContent p { font-size: 13px; padding: 2%; }
span.comlinkNews{
display: block;
margin: 1.5em;
padding:0 0 2em;
border-bottom: 1px dashed #DDDDDD;
}
span.comlinkNews  a:link,
span.comlinkNews a:visited,
span.comlinkNews a:active{
display: block;
margin:0;
padding:.5em;
/*font:bold medium Arial, Helvetica, sans-serif;*/
font-size: medium;

}
span.comlinkNews p{
margin:0;
padding:0 1em 2em 1em;
}
span.comlinkNews p a:link,
span.comlinkNews p a:active,
span.comlinkNews p a:visited{
display:inline;
font-size: small;
border: none;
}
/* press releases */
#contentHolder sup{ font-size: 8px; _font-size: 9px;  }
#contentHolder  .prHolder { position: relative; display: block; width: 86%; margin: 10px auto 0px; padding: 0; background: #F8F8F8; }

#contentHolder  .prHolder strong { display: block; width: auto; margin: 0 0 -2% 0; padding: 2%; background: #D0DBE6; font-size: large; line-height: 100%; color: #01334D; }
#contentHolder  .prHolder p { padding-top: 2%;  margin: 0; } 
#contentHolder  .prHolder strong em{ font-size: x-small; font-weight: normal; color: #666; }

#contentHolder  .prControls{ display: block; width: 100%; border-bottom: 1px solid #E4E4E4; text-align: right; padding: 0px 0px 3px 0px; }

#contentHolder span.prDate { position: absolute; top: 30px; right: 15px; font-size: 10px; font-weight: bold; color: Gray; }
 #contentHolder h1.prHeader { font-size: 22px; line-height: 22px; color: #333; }
  #contentHolder h1.prSubHeader { margin: -5px 15px 0; font-size: 18px; line-height: 22px; font-style: italic; font-weight: normal; color: #666; }
/* END press releases */

/*  END news and events */

  /* EMPLOYER SITE */
  .emplhorbar{ margin: -7px 0px 0px 0px; padding: 0px 0px 0px 0px; display: block; width: 724px; height: 2px; border: 1px solid #ffffff; }
  HTML> BODY .emplhorbar { margin: 0; }
 
 #hpNote{ font: 10px/12px Arial, Helvetica, sans-serif; color: #4b98c2; margin: 0px 20px -20px 0px; }
 
  #emplmainNav { float: left; position: relative; margin: 10px 5px 10px 29px; width: 178px; height: auto; text-align: left; background: url(/images/empl/gl_nav_bg.gif) no-repeat top; z-index: 0; }
  *html #emplmainNav { margin: 10px 5px 10px 15px; } /* ie only */
    #emplmainNav ul { width: 170px; margin: 5px 2px 2px 2px; padding: 2px 2px 2px 2px; list-style: none; z-index: 0; }
      #emplmainNav li{ display: block; width: 160px; height: auto; margin: 0 auto; padding: 0px 5px 9px 5px; background: url(/images/empl/gl_nav_li_bg.gif) no-repeat bottom; font: 12px/14px Arial, Helvetica, sans-serif; z-index: 1; }
       li#lilastchild{ background: none; padding-bottom: 0px; }
    #emplmainNav a { display: block; width: 155px; height: auto; margin: 0; padding: 3px 0px 4px 5px; color: #666666; }
    #emplmainNav a:hover { background: #EFEFEF; }
  
  #emplmainNav img { position: absolute; bottom: -8px; z-index:0; }
   #emplContentFull { position: relative; width: 669px; margin: 20px auto 15px; padding: 5px 0px 0px 0px; background: url(/images/empl/sp_fullCol_bg.gif); text-align: left; } 
  #emplContent { float: left; position: relative; width: 478px; margin: 20px 0px 15px 3px; padding: 5px 0px 0px 0px; background: url(/images/empl/sp_rightCol_bg.gif); text-align: left; }
  *html #emplContent { margin: 20px 14px 0px 5px; } /* ie only */
a.pdflink,
a.pdflink:hover { padding: 0px 20px 0px 0px; background: url(/images/gl_icon_pdf.gif) no-repeat right; }

 #emplContentFull .emplContentTop,
  #emplContent .emplContentTop { position: absolute; top: -10px; }
  
  #emplFlashMain { margin: 6px 0px -10px 0px; padding: 0; }

   a#hdrBackLink { position: absolute; top: 153px; _top: 158px; right: 29px; margin: 0; padding: 0; display: block; width: 159px; height: 59px; background: transparent url(/employers/images/gl_nav_back_0.gif) no-repeat; text-indent: -100em; overflow: hidden; cursor: pointer; }

  a#hdrPdfLink { position: absolute; top: 133px; _top: 140px; right: 28px; margin: 0; padding: 0; display: block; width: 174px; height: 88px; background: transparent url(/employers/images/gl_nav_dlpdf_0.gif) no-repeat; text-indent: -100em; overflow: hidden; cursor: pointer; }
  a#hdrPdfLink:hover { background: transparent url(/employers/images/gl_nav_dlpdf_1.gif) no-repeat; }
  
  #emplsechdr { margin: 10px 0px 0px 0px; }
  #emplContentFull .emplContentBottom,
  #emplContent .emplContentBottom { position: absolute; bottom: -10px; }
  
  #emplContentFull p,
  #emplContent p{ margin: 3px 0px 0px 0px; font: 11px/15px Arial, Helvetica, sans-serif; color: #333333; padding: 0px 15px 10px 15px; }
  #emplContent h1{ margin: 8px 14px 0px 14px; padding: 0; font: bold 13px/10px Arial, Helvetica, sans-serif; color: #007cc2; }

#empTableholder { position: relative; width: 95%; margin: 0 auto; }

hr.empchartSep{ border: 1px solid red; display: block; clear: both; border: 0px solid #999; line-height: 1px; margin: 0; padding: 0; height: 3px; }
 
 div.empchartRow { display: block; width: 450px; margin: 0; padding: 0; background: #EFEFEF; }

div.empchartRow a,
div.empchartRow span{ display: block; width: 136px; padding: .5em; float: left; }
 
 span.empchartRow0 { background: #BBCBDB;  }
 
div.empchartRow hr.line{ display: block; width: 136px; height: 1px; color: #666; }
 
 #empTableholder h1 { float: left; display: block; width: 136px; height: auto; margin: 1px 1px 1px 0px; padding: .5em; font: bold 14px/18px Arial, Helvetica, sans-serif; color: White; background: #003752; }
   #empTableholder h2 { clear: both; float: none; display: block; width: 440px; height: auto; margin: 0px 0px 1px 0px; padding: .5em; font: bold 12px/18px Arial, Helvetica, sans-serif; color: #333; background: #DDDDDD; }
 
  .chart { margin:15px; }
		.chart thead { background-color:#003752; }
		.chart td, .chart th { padding:5px 5px 5px 15px; }
		.chart .subheader { background-color:#999; }
		.chart .program {  }
		.chart ul { margin:0; }

    /* customPlan form */
    #emplContentFull form#customPlan { width: 90%; margin: 20px auto; padding: 0; font: 11px/15px Arial, Helvetica, sans-serif; color: #333; background: transparent; }
     #emplContentFull form#customPlan fieldset{ position: relative; margin: 0 0 10px 0; _margin: 0 0 30px 0; padding: 20px 10px 20px 10px; border: 1px solid #999; background: #EBEBEB; }
  #emplContentFull form#customPlan fieldset legend { padding: 5px 5px 5px 5px; background: #E0E0E0; border: 1px solid #999; font-size: 12px; font-weight: bold; color: #333; _position: absolute; _top: -20px;  _left: 0; }
 #emplContentFull form#customPlan fieldset label,
 #emplContentFull form#customPlan fieldset input{ display: block; float: left; width: 150px; margin: 0 0 5px 0; }

#emplContentFull form#customPlan fieldset select{ display: block; float: left; width: 156px; margin: 0 0 5px 0; }
 #emplContentFull form#customPlan fieldset label { text-align: left; width: 75px; padding-right: 20px; }
 
  #emplContentFull form#customPlan fieldset legend b { color: Red; font-size: 10px;}
 
 #emplContentFull form#customPlan fieldset#customPlan1 input, 
  #emplContentFull form#customPlan fieldset#customPlan2 input,
   #emplContentFull form#customPlan fieldset#customPlan3 input{ display: inline; float: none; width: 20px; margin: 0 5px; }
   #emplContentFull form#customPlan fieldset#customPlan1 input, 
  #emplContentFull form#customPlan fieldset#customPlan2 input{ margin: 2px 5px; }
  #emplContentFull form#customPlan fieldset#customPlan1 span { display: block; width: 50%; float: left; }
#emplContentFull form#customPlan fieldset#customPlan0  b.error { border: 1px inset #000; position: absolute; top: 14px; right: 0; display: block; color: red; background: Silver; font-size: 10px; line-height: 10px; z-index: 1000; }
#emplContentFull form#customPlan fieldset#customPlan0  b.warn { border: 1px inset #000; position: absolute; top: 14px; right: 0; display: block; color: red; background: #fff; font-size: 10px; line-height: 10px; z-index: 1000; }


      /* customPlan form END */
      /* custom plan look */
      p.pdflist{
/*  border: 1px solid red;*/
}


form#rememberMe { position: absolute; top: 123px; left: 180px; _top: 93px; margin: 0 auto; display: block; width: 395px; z-index: 1000; }

 form#rememberMe fieldset { padding: 0; margin: 0; border: 0px; }

 form#rememberMe fieldset legend { margin: 0px 0px 0px -15px; background: #fff; text-indent: 5px; }
 form#rememberMe fieldset span#rememberMeFields { padding: 10px; margin: 0; background: Silver; border: 1px solid #999; border-top: none; display: none; }
  .rememberButts { display: inline; padding: 2px; _padding: 0px; border: 1px solid #333; font-size: 10px; font-weight: bold; color: #999; _color: #333; line-height: 18px; _vertical-align: top; }
   .rememberButts:hover { border: 1px solid #fff; background: Orange; color: #333; }
form#rememberMe fieldset span.error  {

   color: #fff;
   font-size: 11px;
  line-height: 15px;   
}
form#rememberMe fieldset span.error strong { color: Red;}
      /* END custom plan look */
      /* video testimonials */
      div.videoTest { display: block; margin: 0 5% 2%; padding: 1%; border-bottom: 1px solid #D6D6D6; }
      div.videoTest img { float: left; margin: 0 10px 10px 0; }      
      div.videoTest strong{ font-size: 14px; color: #333; }      
      div.videoTest strong b{ color: #666; }       
      div.videoTest  span{ display: block; margin: 0 2%; padding: 1%; }  
     div.video { display: block; position: relative; margin: 0 auto; text-align: center; z-index: 1000; }
      /* video testimonials END */      
      
  /* EMPLOYER SITE END */
/* mainContent END */

/* modules */
/* commuter site */
.mod_hanger,
.mod_dkrGrn,
.mod_dkrBlu,
 .mod_lhtGrnLong,
.mod_lhtGrn{ display: block; position: relative; left: -4px; width: 177px;  margin: 0 0 10px 0; padding: 0; }

.mod_dkrGrn p,
.mod_dkrBlu p,
.mod_lhtGrn p{ display: block; position: relative; margin: -3px 0 0 0; padding: 8px 18px 12px 20px; font: 11px/13px Arial, Helvetica, sans-serif; color: #666; background: url(/images/mod/mod_bg_lghtGrn.gif); text-align: left; }

 .mod_lhtGrnLong p { display: block; position: relative; margin: -3px 0 0 0; padding: 8px 18px 12px 18px; font: 11px/13px Arial, Helvetica, sans-serif; color: #333; background: url(/images/mod/mod_bg_lghtGrn_long.gif) bottom; text-align: left; }
 
 .mod_lhtGrn a{ display: block; height: 30px; margin: 0; padding: 0; line-height: 20px; text-indent: 83px; background: url(/images/mod/mod_ftr_lghtGrn_0.gif) no-repeat; color: #fff; }
    .mod_lhtGrn a:hover{ color: #FF843D; background: url(/images/mod/mod_ftr_lghtGrn_1.gif) no-repeat; }
 .mod_dkrGrn a{ display: block; height: 30px; margin: 0; padding: 0; line-height: 20px; text-indent: 83px; background: url(/images/mod/mod_ftr_dkrGrn_0.gif) no-repeat; color: #fff; }
    .mod_dkrGrn a:hover{ color: #FF843D; background: url(/images/mod/mod_ftr_dkrGrn_1.gif) no-repeat; }
.mod_dkrBlu a{ display: block; height: 30px; margin: 0; padding: 0; line-height: 20px; text-indent: 83px; background: url(/images/mod/mod_ftr_dkrBlu_0.gif) no-repeat; color: #fff; }
   .mod_dkrBlu a:hover{ color: #FF843D; background: url(/images/mod/mod_ftr_dkrBlu_1.gif) no-repeat; }
   
.HPfindArideMod { float: left; position: relative; width: 410px; height: 155px; margin: 10px 5px 0px 47px; background: transparent url(/images/hp_mod_large_bg.gif) no-repeat top; text-align: left; }
  .findAride_hdr { position: absolute; top: 10px; left:13px; }
  .findAride_contHolder{ position: absolute; top: 39px; left: 0; width: 407px; height: 54px; background: url(/images/hp_mod_bg_findaride.jpg) no-repeat right; }
  .findAride_contHolder span{ position: absolute; top: 0px; left: 10px; display: block; width: 250px; height: 54px; padding: 5px 5px 5px 5px; font: 12px/16px Arial, Helvetica, sans-serif; }
.HPfindArideMod a{ position: absolute; bottom: -1px; }
HTML>BODY .HPfindArideMod a{ bottom: -3px; }
.HPmassTransMod { float: left; position: relative; width: 410px; height: 113px; margin: 8px 5px 0px 47px; background: transparent url(/images/hp_mod_large_bg.gif) no-repeat top; text-align: left; }
  .massTrans_hdr {  position: absolute; top: 10px; left:13px; }
  .massTrans_contHolder{ position: absolute; bottom:-1px; width: 410px; height: 74px; background: url(../images/hp_mod_bg_masstrans.jpg) no-repeat right; }
  HTML>BODY .massTrans_contHolder{ bottom:0px; }
  .massTrans_contHolder span{ position: absolute; left:10px; display: block; width: 220px; height: 54px; padding: 5px 5px 5px 5px; font: 12px/16px Arial, Helvetica, sans-serif; } 
  
 
 #savingsCalculator { position: relative; margin: 0 auto; padding: 5px; width: 500px; background: Gray }
 #savingsCalculator fieldset { border: 0; margin: 0; padding: 0; }
  #savingsCalculator h2 { display: block; position: relative; margin: 0px 0px 0px 0px; padding: 10px 10px 10px 10px; font: bold 16px/18px Arial, Helvetica, sans-serif; text-align: center; color: #fff; }

 #savingsCalculator fieldset input.save_textfield { border:solid 0 #fff; margin: 0 auto; padding: 6px 8px 0px 0px; width: 149px; height: 19px; background: transparent url(/images/gl_form_input_157.gif); font: bold 12px/14px Arial, Helvetica, sans-serif; text-indent: 5px; color:green; }
 #savingsCalculator .cost_textfield { border:solid 0 #fff; margin: 0 auto; padding: 6px 8px 0px 0px; width: 149px; height: 19px; background: transparent url(/images/gl_form_input_157.gif); font: bold 11px/14px Arial, Helvetica, sans-serif; text-indent: 5px; color:red; }

 #savingsCalculator label { display: block; width: 252px; height: 35px; position: relative; margin: 1px 0px 1px 0px; padding: 10px 10px 10px 10px; float: left; text-align: left; font: bold 11px/18px Arial, Helvetica, sans-serif; color: #666666; background: #DFE9B6; }
  #savingsCalculator b { display: block; width: 200px; height: 36px; margin: 0; padding: 9px 9px 9px 9px; float: right; border: 1px solid #DFE9B6; background: #fff; }
 #savingsCalculator input { position: relative; font: bold 11px/18px Arial, Helvetica, sans-serif; color: #666666; }
 
 .mod_findaride_contentHolder{ position: relative; display: block; width: 157px; background: url(/images/mod/mod_far_obj_bg.gif); margin: 0px 0px 0px 0px; padding: 10px 10px 5px 10px; }
 .mod_findaride_contentHolder label{ text-align: left; font: bold 11px/18px Arial, Helvetica, sans-serif; color: #666666; }
 .mod_findaride_contentHolder fieldset { border: 0; display: block; width: 157px; padding: 0; margin: 0px 0px 0px 0px; }
 .mod_findaride_contentHolder legend { display: none; }
 
.regbutt { margin-bottom: 1px;  }

 .err { display: block; padding: 0px 3px 5px 3px;  color: Red; font-size: 11px;  line-height: 13px;}

 
 .mod_findaride_contentHolder input[type=text], 
 .mod_findaride_contentHolder input[type=password] { border: solid 0 #fff; margin: 0 auto; padding: 5px 8px 0px 0px; width: 149px; height: 20px; background: transparent url(/images/gl_form_input_157.gif) no-repeat; font: bold 11px/11px Arial, Helvetica, sans-serif; text-indent: 5px; color: #666666; }
 .textfield { border:solid 0 #fff; margin: 0 auto; padding: 6px 8px 0px 0px; width: 149px; height: 19px; background: transparent url(/images/gl_form_input_157.gif) no-repeat; font: bold 11px/14px Arial, Helvetica, sans-serif; text-indent: 5px; color: #666666; }
 .far_login_fieldset label{ text-align: left; font: bold 11px/18px Arial, Helvetica, sans-serif; color: #666666; }
 

.resourceMod { display: inline; position: relative; float: right; width: 215px; height: 84px; margin: 10px 47px 2px 0px; background: transparent url(/images/gl_mod_resource_bg.gif) no-repeat top; text-align: left; }
  .resourceMod_link { position: absolute; bottom: 5px; left: 14px; display: block; width: 114px; height: 16px; font: bold 11px/16px Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF; background: url(/images/gl_mod_butt_arrow.gif) no-repeat right; }
  .resourceMod_link:hover { background: url(/images/gl_mod_butt_arrow_1.gif) no-repeat right; }
.resourceMod_cont{ position: absolute; top: 26px; left:23px; display: block; width: 100px; font: 10px/11px Arial, Helvetica, sans-serif; color: #333333; }

.mod_weather_hdr { position: absolute; top: 8px; left:18px; }
.mod_weather_left { position: absolute; top: 26px; left:23px; display: block; width: 115px; font: 9px/11px Arial, Helvetica, sans-serif; color: #333333; }
.mod_weather_left strong{ font: bold 10px/11px Arial, Helvetica, sans-serif; color: #007cc2; }

.mod_traffic_hdr { position: absolute; top: 8px; left:18px; }

.mod_gas_hdr { position: absolute; top: 8px; left:18px; }

.mod_weather_right{ display: block; position: absolute; top: 11px; right:11px; width: 62px; height: 62px; background: url(../images/gl_mod_iconBG_weather.gif) no-repeat; }
.mod_weather_right img{ position: absolute; top: 5px; left: 5px; z-index: 0; }
.mod_weather_right b{ display: block; position: absolute; bottom: -5px; left: 28%; padding: 1px 3px 1px 3px; font: bold 14px/14px Arial, Helvetica, sans-serif; color: #ff843d; background: #FFFFFF; z-index: 2; }

#commuterNewsHolder { position: relative; top: 10px; width: 622px; height: 31px; margin: 0px auto; background: url(/images/hp_mod_bg_comNews.gif) no-repeat right; }
 #commuterNewsHolder img{ position: absolute; left: 0;  }
#commuterNewsMarq { position: absolute; top: 7px; left: 129px; display: block; width: 470px; height: 22px; font: 10px/15px Arial, Helvetica, sans-serif; color: #666666; z-index: 1000; overflow: hidden; }  
*html #commuterNewsMarq { top: 5px; }
#commuterNewsMarq span { padding: 0 5em 0 0;  width: 100%; height:12px; overflow:hidden; white-space:nowrap; } 
 #commuterNewsMarq a {  margin: 0 2em; color: #007CC2;  }
  #commuterNewsMarq a:hover { color: #004A75; }
   #commuterNewsMarq a:visited { color: #999; }
/* commuter site END */
  /* employers site */
  #emplContent ol { display: block;  margin: 0 20px 0 10px; _margin-left: 50px;   }
  #emplContent ol li { margin: 0 0 10px 0; }

  .emplhpmodrow0 { float: left; position: relative; display: block; width: 234px; height: 102px; margin: 0px 5px 5px 5px; background: url(/images/empl/hp_mod_row0.gif) no-repeat top; }
    .emplhpmodrow0 img { position: absolute; top: 13px; left: 12px; }
    .emplhpmodrow0 span{ position: absolute; top: 44px; left: 13px; display: block; _padding: 2px;  width: 209px;   font: 11px/13px Arial, Helvetica, sans-serif; text-align: left; }
    .emplhpmodrow0 a { position: absolute; bottom: 7px; right: 16px; display: block; width: 75px; font: bold 11px/13px Arial, Helvetica, sans-serif; text-align: left; color: #666666; }
    .emplhpmodrow0 a img { position: static; float: right; padding: 0; margin: -8px 0px 0px 0px;  }
    
  .emplhpmodrow1 { float: left; position: relative; display: block; width: 234px; height: 102px; margin: 5px 5px 5px 5px; background: url(/images/empl/hp_mod_row1.gif) no-repeat top; }
    .emplhpmodrow1 img { position: absolute; top: 13px; left: 12px; }
    .emplhpmodrow1 span{ position: absolute; top: 44px; left: 13px; display: block; _padding: 2px; width: 209px; font: 11px/13px Arial, Helvetica, sans-serif; text-align: left; }
    .emplhpmodrow1 a { position: absolute; bottom: 7px; right: 16px; display: block; width: 75px; font: bold 11px/13px Arial, Helvetica, sans-serif; text-align: left; color: #666666; }
    .emplhpmodrow1 a img { position: static; float: right; padding: 0; margin: -8px 0px 0px 0px;  }
  /* employers site END */
/* modules END */

/* footer */
#footer { margin: 10px 0px 0px 0px; padding: 1em 0em 1em 0em; width: 724px; height: 85px; background: #007cc2; text-align: center; font: 11px/14px Arial, Helvetica, sans-serif; color: #FFFFFF; }
*html #footer { margin: 30px 0px 0px 0px;}
*html #hp #footer { margin: 20px 0px 0px 0px;}
.empl_footer { border-top: 2px solid #00527b;}
.comm_footer { border-top: 2px solid #dfe9b6; }
#footer hr { width: 75%; height: .05em; border-bottom: .05em dashed #80bee1; border-left: none; border-right: none; border-top: none; }
#footer ul { margin: 0; padding: 0; }
#footer li { display: inline; width: auto; height: 29px; }
#footer a { font: 11px/14px Arial, Helvetica, sans-serif; text-decoration: none; color: #FFFFFF;  margin: 0em 1em 0em .5em; }
#footer a:hover { background: #FFFFFF; color: #ff843d; }
#footer a.caLogo,
#footer a.five11Logo,
#footer a.bestLogo {position:absolute; margin:0; padding:0;}
#footer a.caLogo { right:10px; bottom:3px; }
#footer a.five11Logo { left:10px; bottom:3px; }
#footer a.bestLogo { right:75px; bottom:6px; }
#footer a.caLogo:hover,
#footer a.five11Logo:hover,
#footer a.bestLogo:hover { border:none; background: none;  }
/*.empl_footer a.caLogo{ bottom:0 !important; right:0 !important; }
.empl_footer a.five11Logo{ bottom:0 !important; left:0 !important; }*/
/* footer END */

/* dc */
body { text-align:center; }
*html .HPfindArideMod { margin-left:23px; } /* ie only */
*html .HPmassTransMod { margin-left:23px; } /* ie only */

*html #mainNav { position:relative; z-index:1; }
*html #leftCol { margin:10px 7px 10px 19px; } /* ie only */
*html #rightCol { margin:10px 17px 10px 0px; } /* ie only */