body, html {
  padding: 0;
  margin: 0 auto;
  font-family: sans-serif, Lucida Grande, Verdana, Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  background: #1b4e7c;
  text-align: center;
}
body#bodywelcome {

}

/* ===== Global Styles ===== */
/* NOTE:=====================
   These are global styles defined per element 
   or used generally throughout the entire 
   application and not dependent upon IDs or 
   other elements per se. 
   ========================== */

/* ---== General Classes ==--- */
.clearall {
  margin: 0; padding: 0;
  width: 1px; height: 1px;
  font-size: 1px;
  clear: both;
}
.error {
  color: #F00;
}
.floatleft {
  padding: 0 10px 0 0;
  float: left;
}

#doccontainer {
  width: 1150px;
  margin:0px auto;
  position:relative;
}

#doccontainer_welcome {
  width: 350px;
  margin:0px auto;
  position:relative;
}

/* ---== Specific Tag Classes ==--- */

/* ----- Link Styles ----- */
a { color: #000; cursor:hand; cursor:pointer; }


/* ----- Strong Styles ----- */
b, strong { font-size: 14px; }

/* ----- H Tag Styles ----- */

h1 {
  margin: 0; padding: 0;
  background-color: transparent;
  font-size: 20px;
  font-weight: normal;
  text-align: left;
}
h1.centered {
  text-align: center;
}
h1.notice {
  font-size: 18px;
  color: #F00;
}
h1.maintitle {
  padding-top: 28px;
  margin-left: 285px;
  font-size: 2.5em;
  font-weight: bold;
  text-align: left;
}


/* ----- Paragraph Styles ----- */
p {
  width: auto;
}

/* ----- List Styles ----- */
ul.squared {
  margin: 20px; padding: 0;
  list-style: square url('/images/bluesquare.jpg');
  color: #00009A;
}
ul.squared li {
  margin: 7px 0; padding: 0;
  color: #000;
}
ul.squared li ul {
  margin: 3px 2px 6px 2px; padding: 0;
  list-style: none;
}
  

/* ----- Form Styles ----- */

form {
  margin: 0; padding: 0;
}

input.button {
  margin: 5px 0; padding: 5px 0 0 0;
  background-color: #CCC;
  border: 1px solid #000;
  font-size: 12px;
  font-weight: bold;
  cursor: hand;
  cursor: pointer;
}

/* ----- Misc Tag Styles ----- */
pre {
  margin: 0 padding: 0;
}

  

/* ----- Table Styles ----- */
/* NOTE:====================
   All special table styles are defined in 
   their appropriate section hereafter. 
   ========================= */

table {
  margin: 10px 0; padding: 0;
  border: 0;
}
td {
  padding: 0 10px;
  font-size: 13px;
}
td.highlight {
 /* color: #00009A; */
  color: #1b4e7c;
}


table.grayback td {
  font-size: 14px;
}

td.grayback {
  padding: 5px;
  border: 1px inset #CCC;
  background-color: #DDD;
  font-weight: bold;
}

/* Datatype Table */
table.datatype {
  background: #DDD;
  color: #000;
  font-size: 12px;
}
table.datatype td {
  padding: 3px 0 3px 3px;
  margin: 0 0 0 0;
  border: 1px solid #FFF;
  vertical-align: middle;
}
table.datatype tr.current {
  background: #FFF;
}
table.datatype tr.current td {
  text-align: center;
  vertical-align: top;
  margin-bottom: 0; padding: 10px 2px 0 2px;
}
table.datatype td.blankback {
  background: #FFF;
}
table.datatype td.columntitle, table.datatype td.colsmalltitle {
  vertical-align: bottom;
} 

td.columntitle, td.colsmalltitle {
  background-color: #1b4e7c;
  padding: 3px 3px;
  color: #FFF;
  border: 1px double #FFF;
  font-weight: bold;
  vertical-align: bottom;
}
td.colsmalltitle {
  font-size: 11px;
}
td.maintd {
  background-color: #1b4e7c;
  padding: 3px 3px;
  color: #FFF;
  border: 1px double #FFF;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
}


/* --- Datatype SPECIAL --- */
table#dataspecial {
  /*float: right;*/
}
table#dataspecial {
  text-align: center;
  margin: 0 auto;
}
table#dataspecial tr.color1, table#dataspecial2 tr.color1 {
  background: #FF9;
}
table#dataspecial tr.color2, table#dataspecial2 tr.color2 {
  background: #d8837e;
}
table#dataspecial tr.color3, table#dataspecial2 tr.color3 {
  background: #D1DCFF;
}
table#dataspecial td {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 5px;
}
table#dataspecial td.big { font-size: 20px; }
table#dataspecial td.large { font-size: 25px; }
table#dataspecial td.reallybig {
    font-size: 30px;
    padding: 1em;
}
table#dataspecial td.subheading {
  font-style: italic;
  vertical-align: bottom;
  font-size: 11px;
  padding: 5px;
}

/* --- Datatype SPECIAL 2 --- */
table#dataspecial2 td {
  padding: 5px 7px;
  text-align: left;
  font-size: 14px;
  vertical-align: top;
  line-height: 1.8em;
}
table#dataspecial2 td.highlight1 {
  font-weight: bold;
}
table#dataspecial2 td.highlight2 {
  text-align: center;
}

table#dataspecial td.highlight2 {
  background-color: #CFC;
  font-size: 12px;
  font-weight: normal;
  vertical-align: top;
}
table#dataspecial span {
  margin: 0; padding: 0;
  font-size: 16px;
  font-weight: bold;
}

/* --- Datatype SPECIAL 3 --- */
table.custom {
  text-align: center;
  margin: 0 auto;
}
table.custom tr.color1 {
  background: #FF9;
}
table.custom tr.color2 {
  background: #d8837e;
}
table.custom tr.color3 {
  background: #D1DCFF;
}
table.custom td {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 5px;
  background: #FFF;
  border: solid #1b4e7c;
  border-width: 0px 1px 1px 0px;
}
table.custom td.big { font-size: 20px; }
table.custom td.large { font-size: 25px; }
table.custom td.reallybig {
    font-size: 30px;
    padding: 1em;
}
table.custom td.subheading {
  font-style: italic;
  vertical-align: bottom;
  font-size: 11px;
  padding: 5px;
  background: #d8837e;
}
table.custom td.columntitle, table.custom td.colsmalltitle {
  background-color: #1b4e7c;
  padding: 3px 3px;
  color: #FFF;
  border: 1px double #FFF;
  font-weight: bold;
  vertical-align: bottom;
}
table.custom td.colsmalltitle {
  font-size: 11px;
}
table.custom td.maintd {
  background-color: #1b4e7c;
  padding: 3px 3px;
  color: #FFF;
  border: 1px double #FFF;
  font-weight: bold;
  text-transform: uppercase;
  vertical-align: middle;
}
table.custom td.bluecolor { background: #D1DCFF }


/* ----- More Special Tables ----- */
.specialtitle {
  margin: 0; padding: 3px;
  background: #1b4e7c;
  color: #FFF;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}
#specialtable {
  margin: 0; padding: 0;
  background: transparent;
  border: solid #1b4e7c;
  border-width: 0px 1px;
}
#specialtable td {
  border-bottom: 1px solid #D1DCFF;
}
#specialtable tr.subhead {
  background: #D1DCFF;
}
#specialtable td.subhead1, #specialtable td.subhead2 {
  margin: 0; padding: 2px 3px;
  font-weight: bold;
  text-align: center;
}
#specialtable td.subhead1 {
  padding: 2px 8px;
  border-right: 2px solid #FFF;
}
#specialtable td.highlight {
  color: #1b4e7c;
  font-weight: bold;
  text-align: center;
}

td.bottomborder {
  border-bottom: 2px solid #D1DCFF;
  padding: 0 0 3 0;
}

td.bottomborderdark {
  text-align: left;
  border-bottom: 2px solid #1b4e7c;
  padding: 0 0 3 0;
}

.specialtable2 {
  margin: 0; padding: 0;
  background: #FFF;
  width: 100%;
}
.specialtable2 td {
  margin: 0; padding: 2px;
  border-bottom: 2px solid #D1DCFF;
  text-align: center;
}
.specialtable2 td.bottomborderdark {
  margin: 0; padding: 2px;
  border-bottom: 2px solid #1b4e7c;
  text-align: left;
}
td.left {
  padding-right: 10px;
  text-align: left;
}
td.right {
  padding-left: 10px;
  text-align: right;
}
.specialtable2 a {
  font-style: italic;
  text-decoration: underline;
}
.specialtable2 td.links {
  text-align: left;
  font-weight: bold;
  padding: 0px 5px;
}
.specialtable2 td.links a {
  font-style: normal;
  color: #1b4e7c;
  text-decoration: none;
}
.specialtable2 #bordered, .specialtable2 .centerbordered {
  border-right: 1px solid #1b4e7c;
}

.specialtable2 #bordered, .specialtable2 .centerbordered_sideonly {
  width: 110px;
  border-right: 1px solid #1b4e7c;
  border-bottom: none;
}



.specialtable2 .specialtitle {
  padding: 5px;
  border-bottom: 0px solid #1b4e7c;
}
.specialtable2 td.subhead1, .specialtable2 td.subhead2 {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 0px solid #D1DCFF;
}
.specialtable2 td.subhead1 {
  padding: 2px 15px 2px 5px;
  background: #D1DCFF;
  text-align: center;
}
.specialtable2 td.subhead2 {
  background: #d8837e;
}
.specialtable2 td.highlight1 {
  padding-left: 20px;
  background: #D1DCFF;
  border-bottom: 2px solid #FFF;
  text-align: left;
}
.specialtable2 tr.endit td, .specialtable2 td#endit_rspan {
  border-bottom: 2px solid #1b4e7c;
}
.specialtable2 td.noborder {
  border-bottom: none;
}

.specialtable2 .centerbordered {
    text-align: center;
}



/* ----- Other Table Styles ----- */
.tabletitle {
  text-align: center;
  font-weight: bold;
  background-color: #EEEEEE;
  vertical-align: bottom;
}
.electitle {
  text-align: center;
  font-weight: bold;
  background-color: #FFF779;
  vertical-align: bottom;
}

.electitle_big {
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  background-color: #FFF779;
  vertical-align: bottom;
}

.error {
  text-align: center;
  font-weight: bold;
  font-size: 14;
  /* background-color: #ff0000; */
  color:#ff0000;
  vertical-align: bottom;
}

.inputtitle {
  color: #1b4e7c;
  font-weight: bold;
}

.yellowtable {
  background: #FF6;
  padding: 10px;
}
.yellowtable table { width: 95% }
.yellowtable th {
  border: solid black; border-width: 2px 0px;
  text-align: left; vertical-align: top;
  padding: 5px;
}
.yellowtable td { padding: 10px 5px; font-size: 14px; }


/* ===== END Global Styles ===== */



/* ===== BEGIN Section Styles ===== */

/* ---== Header/Deductions Styles ==--- */
/* NOTE:================================
   These styles pertain to the header bar atop 
   the main body that houses the NHC graphic 
   and the person's deductions statement.
   ===================================== */

/* --- UPDATE ---
   This particular style was added due to 
   the addition of the Pancoast Benefits 
   logo. 
   --- END UPDATE --- */
#header {
  float: right;
  width: 100%; height: 127px;
  background: white url("/images/pancoast_benefits.gif") no-repeat right top;
}

#header_welcome {
 float: left;
  width: 100%; height: 127px;
  background: white
}

#header img {
  padding: 30px 10px 0px 10px;
  float: left;  
}
#header_welcome img {
  padding: 30px 10px 0px 10px;
  float: left;  
}

#deductions {
  width: auto;
  margin: 0px;
  padding: 8px 8px 0px 8px;
/*  background: url(images/cd.jpg) left no-repeat; */
  background-color: #C7DBFF; 
  border: 1px solid #EEE;
  text-align: center;
/*  float: right; */
  font-size: 1.3em;
}
#deductions span {
  padding: 0px;
}
#deductions td {
  background-color: transparent;
}
/*
#header {
  background: #FFF url("/images/77.gif") 10px 0px no-repeat; 
  height: 127px; width:1008px;
}

#header #logo {
  background: url("/images/77.gif") left no-repeat;
  display: block;
}*/


/* ---== Left Navigation Styles ==--- */
/* NOTE:==============================
   These styles pertain to the main list located 
   on the left side of the screen and used for 
   the main navigation of the site.
   =================================== */

#leftnavwrap {
  margin: 15px 5px 10px 5px; padding: 0;
  width: 22%;
  border: 6% solid #FFF;
  background-color: #fff;
  float: left;
}
#leftnav {
  margin: 0 0 5px 0; padding: 5px 5px 5px 0px;
  background-color: #1b4e7c;
  text-align: left;
}
#leftnav ul {
  margin: 10px 0 10px 20px; padding: 0 0 5 0;
  width: auto;
  list-style: none;
}
#leftnav li.inactive {
  margin: 5px 0; padding: 0;
  color: #ddf;
  font-weight: bold;
  font-size: 14px;
}
#leftnav li.active {
  color: #ffff88;
  font-weight: bold;
  font-size: 14px;
  list-style: url('/images/arrowbullet.gif');
}


/* ---== Main/MainContent Styles ==-- */
/* NOTE:==============================
   These styles pertain to the main and main 
   content elements and the pages used within 
   each of those tags.
   =================================== */

#main {
  background: url('/images/BlueLine.gif') repeat-x;
  margin: 0; padding: 0;
  width: 100%; height: auto;
  background-color: #FFF;
  text-align: left;
  float: right;
}

#maincontent {
  align: center;
  width: 69%; height: auto;
  margin: 15px 25px 0 25px;
  padding: 0px;
  background-color: #FFF;
  float: left;
}

#maincontent_congrats {
  height: auto;
  margin: 25px;
  padding: 0px;
  background-color: #FFF;

}






#main_welcome {
  margin: 0; padding: 0;
  width: 370px; height: auto;
  background-color: #FFF;
  text-align: center;
}


#maincontent_welcome {
  width: 69%; height: auto;
  margin: 15px 25px 0 25px;
  padding: 0 10px 10px 10px;
  background-color: #FFF;
  text-align: center;
 float: center;
}







#maincontent_login h1 {
  text-align: center;
}

#maincontent_login {
  width: 72%; height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  padding: 0px;
  background-color: #FFF;
}

#maincontent_login form table {
  margin-left: auto;
  margin-right: auto;
}

/* ----- Welcome Styles ----- */
.welcome {
  margin: 0; padding: 0;
  text-align: left;
  line-height: 30px;
}

/* ----- Login Styles ----- */


/* ----- Stackables Styles ----- */
.italics { font-style: italic; }
.nobold { font-weight: normal; } .bold { font-weight: bold; }
.noborderR { border-right: 0px; } .noborderB { border-bottom: 0px; }
.centertext { text-align: center; }
.justified { text-align: justify; }

.ltblueback { background: #CDE6FF; }
.blue { color: #000080 }
.twelve { font-size: 12px; }

.padVten { padding: 10px 0px; }
.marginVten { margin: 10px 0px; }

.whiteborderB2, .specialtable2 td.whiteborderB2 { border-bottom: 2px solid white; }
.blueborderR1 { border-right: 1px solid #000080; }

/* ----- General Styles ----- */
#newburst {
  margin: 0px; padding: 0px;
  position: absolute; left: 150px; top: -40px;
}
#newburst2 {
  margin: 0px; padding: 0px;
  position: absolute; left: -20px; top: -30px;
}


/* ---== Right Padder Styles ==--- */
/* NOTE:===========================
   This style pertains specifically to the 
   right side of the main content where there 
   is specific padding so that the main 
   content doesn't brush right up to the edge 
   of the window.
   ================================ */

/*
#rightpadder {
  margin: 0; padding: 0;
  background: transparent;
  width: 1%;
  float: left;
}*/




.exptext {
  /* text-align: justify; */
  text-align: left;
}

.centered {
  width: 70%;
  text-align: center;
  font-weight: bold;
}


/* 
*****==COMMENTED OUT SECTION==*****
-------------------------------------
Commented the ribbon out so that it's not shown.
-------------------------------------
#ribbon {
  background: url("/images/ribbon.gif") left; 
  height: 10px;
  display: block;
  display:none;
}

-------------------------------------
Commented out these old styles.
-------------------------------------
.active {
  color: #f00;
}
.navbuttons {
  width: 70%;
}
.pagetitle {
  font-size: 20px;
  text-align: center;
  background-color: transparent;
}

*****==END COMMENTED SECTION==*****
*/