/* begin reset.css */
/* Normalizes margin and padding */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}f
/* Removes table borders */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* Removes border from fieldset and img */
fieldset,img {
  border: 0;
}
/* Normalizes font-style and font-weight to normal */
address,caption,cite,code,dfn,em,strong,th,var {
  font-style: normal;
  font-weight: normal;
}
/* Removes list-style from lists */
ol,ul {
  list-style: none;
}
/* Left-aligns text in caption and th */
caption,th {
  text-align: left;
}
/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
  font-weight: normal;
}
/* Removes quotation marks from quotes */
q:before,q:after {
  content:'';
}/* end reset.css */

/* begin typography.css */
/* =body */
body {
  color: #000000;
  font: 12px/1.2em Arial, Helvetica, sans-serif;
}

/* =hx */
h1, h2, h3 {
  font-weight : bold;
}

/* =h1 */
h1 {
  font-size: 1.33em;
  line-height: 1.2em;
  margin-bottom: .9em;
}

/* =h2 */
h2 {
  font-size: 1.16em;
  line-height: 1.2em;
  margin-top: 10px;
}
  h2.linkList, h2.linklist {
    border-bottom: 1px solid #666666;
    color: #B39E3C;
    padding-bottom: 8px;
  }
  #header h2 {
    color: #666666;
    font-size: 1.16em;
    font-weight: normal;
    margin-top: 0px;
  }
  #sideNav h2 {
    border-bottom: 1px solid #666666;
    color: #B39E3C;
    font-weight: normal;
    margin-top: 0px;
    padding-bottom: 8px;
  }
  .calendar h2 {
  border-bottom: 2px solid #b39e3c;
  padding-bottom: 4px;
  margin-bottom: 3px;
  color: #666666;
  }

/* =h3 */
h3 { 
  font-size: 12px; 
}
  #logon h3 {
    border-bottom: 1px dotted #999999;
    color: #B39E3C;
    font-weight: bold;
    margin-bottom: 8px;
    padding-bottom: 0.3em;
  }
  #sitemap h3 {
    border-bottom: 1px dotted #999999;
    font-weight: bold;
    padding-bottom: 3px;
    padding-top: 7px;
  }
  #infoBox h3, #infoBoxGray h3 {
  color: #b39e3c;
  border-bottom: 1px dotted #666666;
  padding-bottom: 5px;
  }
  #infoBoxGray h3 {
  color: #000000;
  }
  #htmlform h3 {
  color: #b39e3c;
  border-bottom: 1px dotted #999999;
  margin-bottom: 7px;
  padding-bottom: 3px;
  }

/* =h4 */
h4 {
  font-weight: bold;
}

/* =p */
p {
  font-size: 1em;
  line-height: 1.2em;
  margin-bottom: 1em;
}
  p.caption {
    /* font-size: 0.92em; */
    /* color: #666666; */
  }
  p.footnote {
    color: #666666;
    font-size: 0.83em;
    line-height: 1.2em;
  }
  p.returnTop, p.returntop {
    font-size: 0.92em;
    text-align: right;
  }
  p.smallLink, p.smallLink a, p.smallLink, p.smallLink a {
    font-size: 0.92em;
    font-weight: normal;
  }
  #breadcrumb p {
    color: #333333;
    font-size: 0.92em;
  }
  #copyright p {
    color: #666666;
    font-size: 0.85em;
  }
  #date p {
    color: #666666;
    font-size: 0.92em;
  }
  #homeBanner p {
    color: #FFFFFF;
    font-size: 0.92em;
    margin-bottom: 5px;
  }
  #logon p {
    font-size: 0.92em;
  }
    #logon p a:link, #logon p a:visited {
      font-size: 1em;
    }
  #relatedLinks p {
    color: #666666;
    margin-bottom: 7px;
  }
  #sideNav p {
    font-size: 0.92em;
    margin-bottom: 0px;
    margin-top: 5px;
  }
  #infoBox p, #infoBoxGray p {
  font-size: 0.92em;
  margin-top: 10px;
  }
  #htmlform p.forminstruction {
  border-bottom: 1px solid #b39e3c;
  padding-bottom: 10px;
  margin-bottom: 10px;
  
  }
  #htmlform p.buttonindent {
  padding-top: 10px;
  border-bottom: 1px solid #b39e3c;
  padding-left: 160px;
  padding-bottom: 10px;
  }

/* =strong */
strong {
  font-weight: bold;
}

/* =em */
em {
  font-style: italic;
}

/* =img */
img.floatRight, img.floatright {
  float: right;
  margin-left: 15px;
}
img.textCenter, img.textcenter {
  float: right;
  margin-top: -3px;
  margin-bottom: 0px;
}
img.pageBanner, img.pagebanner {
  margin-bottom: 15px;
}
#iconLinks img, #iconlinks img {
  margin-bottom: 5px;
  margin-top: 0px;
  vertical-align: middle;
}

/* =hr */
hr {
  border: none;
  border-top: 1px dotted #666;
  height: 1px;
  margin: 20px 0px;
}

/* =ol =ul */
ol, ul {
  margin-left: 15px;
  margin-bottom: .9em;
}
ol {
  list-style: decimal;
}
  ol ol {
    list-style: lower-alpha;
  }
  ol ol ol {
    list-style: lower-roman;
  }
ul {
  list-style: disc;
}
  ul ul {
    list-style: square;
  }
  ul#iconLinks, ul#iconlinks {
    margin: 0px;
  }
  ul#utilities {
    font-size: 0.85em;
    color: #666666;
  }
  ul.linkList, ul.linklist {
    font-size: 0.92em;
    margin: 0px 0px 10px;
  }
  ul.linkListNormal, ul.linklistnormal {
    margin: 0px 0px 10px;
  }
  ul.linkListBulleted, ul.linklistbulleted {
    font-size: 11px;
    margin: 0px 0px 0px 15px;
  }
  ul.noindentList, ul.noindentlist {
    margin-left: 15px;
  }
  #sideNav ul {
    font-size: 0.92em;
    margin: 0px;
  }
    #sideNav ul ul {
      font-size: 1em;
      line-height: 1.2em;
    }
  #sitemap ul {
    font-size: 0.92em;
    margin: 0px 0px 6px;
    padding: 0px;
  }
    #sitemap ul ul{
      font-size: 1em;
      margin: 0px 0px 6px 10px;
      padding: 0px 0px 0px 5px;
    }

/* =li */
li {
  margin-left: 15px;
  margin-top: 5px;
}
  #footer li {
    font-size: .92em;
  }
  #sideNav li {
    border-bottom: 1px dotted #999999;
    list-style: none;
    margin: 0px;
    padding: 5px 0px;
  }
    #sideNav li li{
      border-bottom-style: none;
      margin-left: 15px;
      padding: 5px 0px 0px;
    }
  #sideNav li.subLast {
    border-bottom: 1px solid #666666;
    margin-bottom: 8px;
  }
  #sideNav li.subLastTest {
    border-top: 1px solid #666666;
    border-bottom-style: none;
  }  
  #iconLinks li, #iconlinks li {
    margin: 0px;
    padding: 0px;
    border-bottom-style: none;
    list-style: none;
  }
  #sitemap li {
    font-size: 0.92em;
    list-style: none;
    margin: 0px;
    padding: 3px 0px 0px;
  }
    #sitemap li li{
      color: #999999;
      font-size: 1em;
      list-style: disc;
      margin: 0px 0px 0px 10px;
      padding: 3px 0px 0px;
    }
  ul.linkList li, ul.linklist li {
    border-bottom-style: none;
    line-height: 1.27em;
    list-style: none;
    margin-left: 0px;
    margin-top: 5px;
  }
  ul.linkListNormal li, ul.linklistnormal li {
    border-bottom-style: none;
    line-height: 1.27em;
    list-style: none;
    margin-left: 0px;
    margin-top: 3px;
  }
  ul.linkListBulleted li, ul.linklistbulleted li {
    border-bottom-style: none;
    line-height: 1.27em;
    list-style: disc;
    margin-left: 0px;
    margin-top: 5px;
  }
  ul.noindentList li, ul.noindentlist li {
    margin-left: 0px;
  }

/* =dt */
dt {
  float: left;
  font-weight: bold;
  margin-right: 10px;
  width: 110px;
}
  .calendar dt {
  width: 40px;
  padding: 4px;
  margin-right: 10px;
  text-align: right;
  }

/* =dd */
dd {
  border-left: 1px solid #999999;
  margin-left: 120px;
  margin-bottom: 20px;
  padding-left: 8px;
}
  .calendar dd {
  border-style: none;
  margin-left: 0px;
  background: #e5e5e5;
  padding: 4px;
  margin-bottom: 2px;
  }
  .calendar dd:hover {
  background: #e8e2c4;
  }

/* =caption */
caption {
  background: #B39E3C;
  color: #FFFFFF;
  font-size: 1em;
  font-weight: bold;
  padding: 4px;
}

/* =table */
table {
  margin-bottom: 10px;
}

/* =tr */
tr.odd {
  background: #E5E5E5;
}

/* =th */
th {
  font-size: 1em;
  font-weight: bold;
  padding: 4px;
}
  th.centerTableHead, th.centertablehead {
    text-align: center;
  }
  th.corpTableHead, th.centerTableHead, th.corptablehead, th.centertablehead {
    background: #B39E3C;
    border-bottom: 1px solid #FFFFFF;
    color: #FFFFFF;
  }
  th.style2TableHead, th.style2tablehead {
    border-bottom: 1px dotted #999999;
    color: #B39E3C;
  }

/* =td */
td {
  font-size: 12px;
  padding: 4px;
}
  td.numericData, td.numericdata {
    text-align: right;
  }

/* =form */
form {
  margin-bottom: 10px;
}
  form p {
  margin-bottom: 0.5em;
  clear: both;
  }
label {
  font-size: 1em;
  font-weight: bold;
}
  #htmlform label {
  float: left;
  width: 150px;
  padding-right: 10px;
  }
input, select, textarea {
  font: 1em/1.2em Arial, Helvetica, sans-serif;
}
  input.button {
    background: url(/images/Library/pillbutton_left.gif) no-repeat #FFFFFF;
    border: 0;
    cursor: pointer;
    font-size: 0.92em;
    font-weight: normal;
    height: 20px;
    margin: 0px;
    padding: 0px 4px 0px 10px;
    position: relative;
  
  }
  .buttonEnding, .buttonending {
    background: url(/images/Library/pillbutton_right.gif) no-repeat #FFFFFF;
    display: inline;
    height: 20px;
    margin-left: -4px;
    position: absolute;
    width: 10px;
  }

  .buttonSq, .buttonsq {
  background: url(/images/Library/buttonbkgd.gif) repeat-x #D1C58A;
  border-bottom: 2px solid #A38B1C;
  border-left: 2px solid #D1C58A;
  border-right: 2px solid #A38B1C;
  border-top: 2px solid #D1C58A;
  color: #000000;
  font: normal 0.92em Arial, Helvetica, sans-serif;
  padding: 0px 2px;
  }
  .buttonSq:active, .buttonsq:active {
    border: 3px double #D1C58A;
    border-left-color: #A38B1C;
    border-top-color: #A38B1C;
  }
  input.dataField, input.datafield {
    border: 1px solid #999999;
  }

/* =a */
a:link, a:visited {
  color: #3366CC;
  font-weight: bold;
  text-decoration: none; 
}
a:visited {
  color: #9999CC;
}
a:hover {
  text-decoration: underline;
}
  #breadcrumb a:link, #breadcrumb a:visited {
    color: #666666;
    font-weight: normal;
  }
  #contentHome a:link, #footer a:link, #homeBanner a:link, #logon a:link, #sideNav a:link, #sitemap a:link, p.smallLink, ul.linkList a:link, ul.linkListBulleted a:link, p.smalllink, ul.linklist a:link, ul.linklistbulleted a:link{
    font-weight: normal;
  }
  #contentHome a:visited, #footer a:visited, #homeBanner a:visited, #logon a:visited, #sideNav a:visited, #sitemap a:visited, ul.linkList a:visited, ul.linkListBulleted a:visited, ul.linklist a:visited, ul.linklistbulleted a:visited {
    font-weight: normal;
  }
  #homeBanner a:link, #homeBanner a:visited {
    color: #D1C58A;
  }
  #sitemap h3 a:link {
    font-weight: bold;
  }
  #utilities li a:link, #utilities li a:visited {
    color: #666666;
    font-weight: normal;
  }
  p.returnTop a:link, p.returnTop a:visited, p.returntop a:link, p.returntop a:visited {
    color: #666666;
    font-weight: normal;
  }

/* Hyperlink cues styles */
.iconAlert, .iconDownArrow, .iconFillable, .iconLock, .iconNew, .iconUpArrow, .iconUpdated, .iconalert, .icondownarrow, .iconfillable, .iconlock, .iconnew, .iconuparrow, .iconupdated {
  padding-right: 16px;
  padding-top: 1px;
}
.iconAlert, .iconalert {
  background: url(/images/Library/linkicon_alert.gif) no-repeat right top;
}
.iconDownArrow, .icondownarrow {
  background: url(/images/Library/linkicon_redArrow.gif) no-repeat right top;
}
.iconFillable, .iconfillable {
  background: url(/images/Library/linkicon_fillable.gif) no-repeat right top;
}
.iconLock, .iconlock {
  background: url(/images/Library/linkicon_lock.gif) no-repeat right top;
}
.iconNew, .iconnew {
  background: url(/images/Library/linkicon_new.gif) no-repeat right top;
}
.iconUpArrow, .iconuparrow {
  background: url(/images/Library/linkicon_grnArrow.gif) no-repeat right top;
}
.iconUpdated, .iconupdated {
  background: url(/images/Library/linkicon_update.gif) no-repeat right top;
}

/* =sup */
sup {
  bottom: 0.5em;
  font-size: 0.75em;
  position: relative;
  vertical-align: baseline;
}

/* Misc classes */
.clear {
  clear: both;
}
.indent {
  text-indent: 15px;
}
.lgMarginTop, .lgmargintop {
  margin-top: 25px;
}
.linkCue, .linkcue {
  color: #669966;
  font-size: 0.7em;
  font-weight: bold;
  line-height: normal;
  padding-right: 2px;
  padding-left: 2px;
  text-transform: uppercase;
}
.negIndent, .negindent {
  margin-left: 10px;
  text-indent: -10px;
}
.newsDate {
  color: #666666;
}
.ruleAbove, .ruleabove {
  border-top: 1px dotted #999999;
  padding-top: 5px;
}
.ruleAboveSolid, .ruleabovesolid {
  border-top: 1px solid #666666;
  padding-top: 5px;
}
.ruleBelow, .rulebelow {
  border-bottom: 1px dotted #666666;
}
  
.ruleBelowSolid, .rulebelowsolid {
  border-bottom: 1px solid #666666;
}
.sectionBar, .sectionbar {
  background: #d1c58a;
  margin-bottom: 10px;
  margin-top: 20px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-top: 2px;
}
.smMarginTop, .smmargintop {
  margin-top: 10px;
}
.standardText, .standardtext {
  font-size: 1em;
  font-weight: normal;
}
.stepBox, .stepbox {
  background: #e5e5e5;
  border: 2px solid #666666;
  color: #333333;
  font-weight: bold;
  padding: 2px 5px;
}
.supportText, .supporttext {
  color: #666666;
}
/* end typography.css */

/* begin layout.css */
/* General page formating
------------------------------------------------- */ 

body {
  background: #E5E5E5;
  margin: 0 auto;
  text-align: center;
  width: 960px;
}

  body#home {
    background: #E5E5E5 url(/images/Library/homebkgd.gif) repeat-x;
  }

  body#popup {
  background: #FFFFFF;
  text-align: left;
  margin: 0px;
  width: auto;
  }

#container, #content, #contentHome, #marketing {
  position: relative;
}

#container {
  background: #FFFFFF url(/images/Library/bodybkgd1024.gif) repeat-y;
  padding-bottom: 20px;
  text-align: left;
  width: 960px;
}
  

/* Header and branding 
------------------------------------------------- */
#header {
  border-bottom: 3px solid #B39E3C;
  height: 75px;
  margin-left: 10px;
  position: relative;
  width: 940px;
  z-index: 1;
}

  #header img {
  display: block;
  }
  #header h2 {
    left: 115px;
    position: absolute;
    top: 28px;
    width: 300px;
  }

/* Global navigation */
#utilities {
  margin: 0px;
  position: absolute;
  padding-right: 10px;
  padding-top: 5px;
  right: 5px;
  top: 0px;
  width: 600px;
}
  #utilities li {
    float: right;
    list-style: none;
    margin: 0px;
    padding: 0px 0px 0px .9em;
  }
  
/* Search form */
#search {
  position: absolute;
  width: 400px;
  top: 25px;
  right: 0px;
}
  #search form {
  float: right;
  margin-right: 15px;
  }
  #search h3 {
  font-size: 1.17em;
  font-weight: bold;
  color: #d1c58a;
  display: inline;
  vertical-align: middle;
  }
  #search input, #search select {
  vertical-align: middle;
  margin-left: 5px;
  }
  
/* Alert message
------------------------------------------------- */
#alert {
  text-align: left;
  padding: 10px 10px 0px 40px;
  background: #FFFFFF url(/images/Library/lgicon_alert.gif) no-repeat 8px 10px;
  margin: 0px 0px 10px;
  border: 1px solid #999999;
}

#alert.alerthigh {
  border: 2px solid #990033;
  color: #990033;
}

/* Main navigation 
------------------------------------------------- */

/* Positions nav bar */
#navholder{
  background: url(/images/Library/navbkgd_black.gif) repeat-x;
  height: 24px;
  margin-left: 105px;
  margin-top: -24px;
  width: 835px;
}

/* Styles for nav bar, hover and active states */
#nav {
  float: left;
  width: 100%
}
  #nav, #nav ul {
    line-height: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
  }
  #nav li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #nav a {
    background: #333333 url(/images/Library/navbkgd_black.gif) repeat-x;
    border-left: 1px solid #999999;
    border-right: 1px solid #000000;
    display: block;
    font-size: 12px;
    padding: 6px 10px;
  } 
  #nav a:link, #nav a:visited {
    background: #333333 url(/images/Library/navbkgd_black.gif) repeat-x;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
  }
  #nav a:hover, #nav a:active {
    background: #B39E3C url(/images/Library/navbkgd_gold.gif) repeat-x;
    border-left: 1px solid #D1C58A;
    border-right: 1px solid #5F500C;
    color: #000000;
    text-decoration: none;
  }
  #nav li:hover {
    background-position:0 0; /* Fixes sticky dropdown hover bug in IE */
  }
#activeSection a:link, #activeSection a:visited, #activeSection a:hover, #activeSection a:active {
  background: #B39E3C url(/images/Library/navbkgd_gold.gif) repeat-x;
  border-left: 1px solid #D1C58A;
  border-right: 1px solid #5F500C;
  color: #000000;
  text-decoration: none;
}

/* Styles for dropdown menus */
  #nav li.dropdownHeader {
      border-top: 1px solid #999999;
      font-size: 11px;
      font-weight: bold;
      padding: 6px 0px 3px 10px;
      width: 180px;
      w\idth: 170px;
    }
    #nav li ul {
      border: 1px solid #333333;
      height: auto;
      left: -999em;
      margin: 0;
      position: absolute;
      width: 180px;
      z-index: 999;
    }
    #nav li li {
      background: #E5E5E5;
      padding-right: 0;
      width: 180px;
    }
    #nav li ul a {
      width: 180px;
      w\idth: 160px;
    }
    #nav li ul a:link, #nav li ul a:visited {
      background: #E5E5E5;
      border-bottom: 1px solid #CCCCCC;
      border-left-style: none;
      border-right-style: none;
      border-top-style: none;
      color: #3366CC;
      font-size: 11px;
      font-weight: normal;
    }
    #nav li ul a:hover, #nav li ul a:active {
      background: #B3B3B3;
      border-left-style: none;
      border-right-style: none;
      color: #000000;
      text-decoration: none;
    }
    #nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
      left: auto;
      z-index: 999;
    }
    #nav li ul a:link.mainLink, #nav li ul a:visited.mainLink {
      border-bottom-style: none;
      border-left-style: none;
      border-right-style: none;
      border-top: 1px solid #999999;
      color: #000000;
      font-size: 11px;
      font-weight: bold;
    }

/* Styles for beginning and end of nav bar */
li#firstItem {
  background: url(/images/Library/roundcornerlt.gif) no-repeat;
  border-right: 1px solid #000000;
  height: 24px;
  width: 10px;
}
li#lastItem {
  border-left: 1px solid #999999;
  height: 24px;
}
li#emptyNav {
  background: url(/images/Library/roundcornerlt.gif) no-repeat;
  height: 24px;
  width: 10px;
}

/* Style for blank nav bar - Place empty 'noNav' div inside 'navholder' div */
#noNav {
  background: url(/images/Library/roundcornerlt.gif) no-repeat;
  height: 24px;
  width: 10px;
}


/* Breadcrumb and date 
------------------------------------------------- */
#breadcrumb {
  left: 15px;
  position: absolute;
  top: 85px;
  width: 725px;
}
#date {
  position: absolute;
  right: 15px;
  top: 85px;
}

/* Main image and marketing banner 
------------------------------------------------- */
#marketing {
  background: url(/images/Library/bodyhomebkgd1024.gif) repeat-y;
  height: 115px;
  margin-top: -3px;
  width: 960px;
}
#marketing img {
  border-bottom: 3px solid #B39E3C;
  margin-left: 10px;
  margin-top: 3px;
}
#homeBanner {
  height: 109px;
  left: 765px;
  position: absolute;
  top: 3px;
  width: 185px;
  border-bottom: 3px solid #B39E3C;
}
#homeBanner img {
  border-bottom-style: none;
  margin: 0;
}
.slide {
  position: absolute;
  visibility: hidden;
  white-space: nowrap;
}
  

/* Homepage content 
------------------------------------------------- */
#contentHome {
  margin: 20px 15px 0px 25px; 
  /*overflow: hidden;*/
  width: 910px;
}
#logon {
  background: #E8E2C4;
  margin: 0px 0px 10px;
  padding: 10px;
  width: 150px;
}
  #logon label {
    float: left;
    width: 70px;
  }
  #logon input {
    width: 75px;
  }
#plugins {
  background: #E5E5E5;
  margin: 0px 0px 10px;
  padding: 10px;
  width: 170px;
  w\idth: 150px;
}

/* Subpage content
------------------------------------------------- */
#content {
  margin: 40px 10px 0px 25px;
  overflow: hidden;
  width: 915px;
  /* following rules gives subpages a minimum height */
  min-height: 400px;
  height: auto !important;
  /*height: 400px; */
}

/* Left column */
#sideNav {
  float: left;
  margin-bottom: 20px;
  margin-right: 15px;
  width: 170px;
}
#sideNavShort {
  float: left;
  margin-bottom: 20px;
  margin-right: 15px;
  width: 85px;
}
/* Main column */
#contentMain {
  float: left;
  margin-right: 15px;
  width: 540px;
}
#contentMainFull {
  float: left;
  width: 725px;
}
/* contentMainTest is identical to content class except it doesn't have margins set */
#contentMainWide{  
  overflow: hidden;
  width: 915px;
  min-height: 400px;
  height: auto !important;
}

.boxgold, .boxgray {
  background: #e8e2c4;
  padding: 10px;
  margin-bottom: 15px;
}
.boxgray {
  background: #e5e5e5;
}

/* Site map */
#sitemap {
  float: left;
  width: 540px;
}

/* Right column */
#contentSub {
  float: right;
  width: 170px;
}

/* Information boxes */
#infoBox, #infoBoxGray {
  background: #e8e2c4;
  padding: 10px;
  margin-bottom: 15px;
}
#infoBoxGray {
  background: #e5e5e5;
}

/* Icon information boxes */
#contactUs, #downloads, #fullStory, #gettingStarted, #quickLinks, #relatedLinks, #templateDownloads, #whoContact, #forms {
  margin-bottom: 15px;
  padding: 0px 10px 10px;
}
  #contactUs {
    background: #E5E5E5 url(/images/Library/contactus.gif) no-repeat;
  }
  #downloads {
    background: #E5E5E5 url(/images/Library/filedownloads.gif) no-repeat;
  }
  #fullStory {
    background: #E5E5E5 url(/images/Library/fullstory.gif) no-repeat;
  }
  #gettingStarted {
    background: #E5E5E5 url(/images/Library/gettingstarted.gif) no-repeat;
  }
  #quickLinks {
    background: #E5E5E5 url(/images/Library/quicklinks.gif) no-repeat;
  }
  #relatedLinks {
    background: #E5E5E5 url(/images/Library/relatedlinks.gif) no-repeat;
  }
  #templateDownloads {
    background: #E5E5E5 url(/images/Library/templatedownloads.gif) no-repeat;
  }
  #whoContact {
    background: #E5E5E5 url(/images/Library/whocontact_infobox.gif) no-repeat;
  }
  #forms {
    background: #E5E5E5 url(/images/Library/forms_infobox.gif) no-repeat;
  }
  #contactUs h3, #downloads h3, #fullStory h3, #gettingStarted h3, #quickLinks h3, #relatedLinks h3, #templateDownloads h3, #whoContact h3, #forms h3 {
    height: 40px;
    text-indent: -9999px;
  }

/* Content spans all columns
------------------------------------------------- */
#contentSpan {
  clear: both;
  padding-bottom: 5px;
}
#disclosure {
  clear: both;
  padding-top: 20px;
}

/* Pop up windows - no navigation
------------------------------------------------- */
#popupContent {
  margin: 15px;
}
#htmlform {
  margin: 10px 0px;
  padding: 10px;
  width: 600px;
}

/* Footer 
------------------------------------------------- */
#footer {
  clear: both;
  margin-left: 25px;
  margin-right: 25px;
  padding-top: 40px;
  width: 910px;
  background: url(/images/Library/tag_line.gif) no-repeat left top;
  height: 20px;
}
  #footer ul {
    clear: both;
    margin: 0px;
  }
  #footer li {
    border-right: 1px solid #999999;
    float: left;
    list-style: none;
    margin: 5px 0px 0px;
    padding: 0px 0.5em;
  }
  #footer li.navFirst {
    padding-left: 0px;
  }
  #footer li.navLast {
    border-right-style: none;

  }
#bottomNav {
  border-top: 1px dotted #999999;
}

/* Copyright and page bottom
------------------------------------------------- */
#copyright {
  background: #E5E5E5 url(/images/Library/reflectionBottom1024.gif) no-repeat;
  clear: both;
  padding: 20px 10px 30px;
  text-align: left;
  width: 960px;
}
  #copyright p {
    clear: both;
    margin-left: 15px;
    margin-right: 15px;
  }
/* end layout.css Document */


/* begin SRC.css Document */
/* CSS Document */

/* Homepage styles
----------------------------------------------- */

/* Left column */
#contentLeft {
  float: left;
  width: 170px;
  margin-right: 15px;
  margin-top: 5px;
}

/* Center column */
#contentCenter {
  float: left;
  width: 540px;
  margin-right: 15px;
}
#contentCenter h1 {
  color: #B39E3C;
  margin-top: 0px;
  margin-bottom: 5px;
}
#contentCenter h2 {
  font-size: 1.16em;
  line-height: 1.3em;
  color: #B39E3C;
  border-bottom: 1px dotted #999999;
  padding-bottom: 4px;
  margin-bottom: 8px;
  margin-top: 0px;
}
#contentCenter ul, #futureSavings ul {
  margin-left: 10px;
}
#contentCenter li, #futureSavings li {
  list-style: disc;
  margin-top: 5px;
  margin-left: 0px;
}

/* Participant welcome page styles */
#addAccess {
  position: absolute;
  width: 200px;
  top: 25px;
  right: 15px;
  text-align: right;
}
  #csr {
  float: right;
  margin-left: 5px;
  }
  #plan {
  float: right;
  }
  
#participantHeader {
  margin-top: 5px;
  margin-bottom: 15px;
  height: 170px;
  position: relative;
}
  #participantHeader img {
  margin-right: 15px;
  float: left;
  }
#participantInfo {
  background: #d4e5ee;
  width: 705px;
  padding: 10px;
  overflow: hidden;
}
  #participantInfo a:link, #participantInfo a:visited  {
  font-weight: bold;
  }
  #accountInfo {
  float: left;
  width: 355px;
  margin-right: 15px;
  height: 150px;
  }
  #accountInfo h2 {
  color: #006699;
  margin-top: 0px;
  margin-bottom: 5px;
  }
  #investmentChart {
  float: right;
  width: 310px;
  height: 150px;
  }
  #investmentChart h3{
  margin-top: 0px;
  margin-bottom: 5px;
  }
  
mainContent {
  clear: both;
  padding-top: 15px;
}
#contentLeft h3 {
  color: #b39e3c;
  border-bottom: 1px solid #666666;
  padding-bottom: 3px;
}
#contentLeft ul {
  margin: 0px 0px 15px;
}
#contentLeft li {
  border-bottom-style: none;
  line-height: 1.2em;
  list-style: none;
  margin-left: 0px;
  margin-top: 6px;
}
#futureSavings {
  float: left;
  width: 335px;
  margin-right: 15px;
  background: #e8e2c4 url(/images/Library/Participant/savingEnough_header.jpg) no-repeat;
  padding: 10px;
}
  #futureSavings h3 {
    border-bottom: 1px dotted #666666;
    padding-bottom: 3px;
    margin-bottom: 10px;
    color: #b39e3c;
  }
  #futureSavings div label {
    float: left;
    width: 170px;
    margin-right: 10px;
  }
  #futureSavings #GPS img {
  float: left;
  margin-right: 5px;
  width: 45px;
  }
  #GPS p {
  padding-top: 8px;
  }
  #futureSavings p.footnote {
  clear: both;
  padding-top: 10px;
  }
#iWantTo {
  float: left;
  width: 335px;
  background: #e8e2c4 url(/images/Library/Participant/Iwantto_header.jpg) no-repeat;
  padding: 10px;
}
  #iWantTo h2, #futureSavings h2 {
  height: 45px;
  text-indent: -9999px;
  margin: 0px;
  }
  #iWantTo h3 {
  color: #b39e3c;
  border-bottom: 1px dotted #666666;
  padding-bottom: 3px;
  margin-top: 15px;
  }
  #iWantTo ul {
    margin-left: 15px;
  }
  #iWantTo li {
  margin-left: 0px;
  margin-top: 8px;
  line-height: 1.2em;
  list-style: none;
  }

/*#contentHome a:link, #contentHome a:visited {
  font-size: 0.92em;
}*/
#contentLeft a:link, #contentLeft a:visited, #contentRight a:link, #contentRight a:visited {
  font-size: 0.92em;
}
#contentCenter a:link, #contentCenter a:visited, #contentCenter1024 a:link, #contentCenter1024 a:visited {
  font-weight: bold;
}

/* Green header bar */
 .bar
   {
   font-family: arial, helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   color: white;
   background-color: #B39E3C;
   }

/* Fund type headers */
 .Lifecycle
   {
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   color: white;
   background-color: #8B86BC;
   }
   
 .FixedIncome
   {
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   color: white;
   background-color: #0070AF;
   }
   
 .Guaranteed
   {
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   color: white;
   background-color: #33CCCC;
   }
   
 .Specialty
   {
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   color: white;
   background-color: #FADD60;
   }
   
 .Additional
   {
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   color: white;
   background-color: #000000;
   }
   
 .DomesticEquity
   {
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   color: white;
   background-color: #6AA05C;
   }
   
 .IntlEquity
   {
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   color: white;
   background-color: #BA5880;
   }
   
 .Strategic
   {
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   color: white;
   background-color: #636363;
   }
   
 .Cash
   {
   font-family: arial, helvetica, sans-serif;
   font-weight: bold;
   color: white;
   background-color: #B6A586;
   }

/* Right column - Added back for consistent prelogon style */
#contentRight {
  float: left;  
  width: 170px;
}

/* Dow Jones BigCharts graphic */
#DowJones {
  margin: 10px 0px;
  padding: 5px 4px;
  width: 160px;
  border: 1px solid #999999;
}
#DowJones p {
  font-size: .92em;
  padding-right: 5px;
  padding-left: 5px;
}
#DowJones h3 {
  margin-top: 5px;
  padding-right: 5px;
  padding-left: 5px;
}
#contentRight #DowJones h3 a {
  font-size: 1em;
  font-weight: bold;
}
#contentRight #DowJones a {
  font-size: 1em;
}


#generalAccount {
  background: #e8e2c4 url(../Images/caution.gif) no-repeat 10px 15px;
  padding: 15px 10px 10px 45px;
  margin-bottom: 10px;
}


/* 401(k) Savings Calculator */
#cal, #calYou, #calSpouse {
  width: 180px;
  margin-right: 15px;
  float: left;
  padding-bottom: 10px;
}
#calOne {
  width: 210px;
  margin-right: 10px;
  float: left;
  padding-bottom: 10px;
}
#calculator1, #calculator2 {
  width: 170px;
  margin-right: 10px;
  float: left;
  padding-bottom: 10px;
}

#savingscalc {
  background: #E5E5E5;
  margin: 10px 0px;
  padding: 10px;
    width: 390px;
}
  #savingscalc h3 {
  color: #b39e3c;
  border-bottom: 1px dotted #999999;
  margin-bottom: 7px;
  padding-bottom: 3px;
  }
  #savingscalc label {
    float: left;
    width: 250px;
  }
#savingscalc label.dollarSign {
  width: 243px;
}
  #savingscalc input {
    width: 75px;
  }
#savingscalc input.long {
  width: 125px;
}

#retireCalc {
  background: #E5E5E5;
  margin: 10px 0px;
  padding: 0px 10px 10px;
  width: 580px;
}
  #retireCalc h2 {
  background:#333333 url(/images/Library/navbkgd_black.gif) repeat-x center 1px;
  color: #FFFFFF;
  padding-left: 10px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0px -10px;
  }
  #retireCalc h3 {
  color: #b39e3c;
  border-bottom: 1px solid #000000;
  padding-bottom: 3px;
  padding-top: 10px;
  }
  #retireCalc p {
  clear: both;
  padding-top: 10px;
  margin: 0px;
  }
  #retireCalc label {
  float: left;
  width: 260px;
  margin-right: 10px;
  }
  #retireCalc label.labelIndent {
  width: 240px;
  padding-left: 20px; 
  }
#retireCalc label.dollarSign {
  width: 243px;
}
.youColumn {
  width: 200px;
}
h3.progressHead {
  font-size: 1.3em;
  color: #b39e3c;
}

/* Used for enrollment instructions sub-headings */
h2.goldBar {
  background: #D1C58A;
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  margin-bottom: 10px;
  font-size: 14px;
}

/* Used for ExpressInvest_Quiz_Form */
.blue{
  font-weight: bold;
  color: #000099;
}

/* Used for subscript */
.small
  {
  font-family: arial, helvetica, sans-serif;
  font-size: 8pt;
  }

/* Used for bold purple type */
.red
  {
  font-weight: bold;
  color: #BA5880;
  }

/* tooltip styling */
a.info span {
  display: none;
}
a.info:hover {
  position: relative; 
  text-decoration: none;
}
a.info:hover span {
  display: block;
  position: absolute;
  top: 0px;
  left: 18px;
  border: 1px solid #b39e3c;
  color: #000000;
  width: 200px;
  padding: 5px;
  font-size: 0.85em;
  text-decoration: none;
  background: #e8e2c4;
  line-height: 1.2em;
  font-weight: normal;
}

/* Icon information box styles */
#tutorials {
  background: #E5E5E5 url(/images/Library/Participant/tutorial_infobox.gif) no-repeat;
  margin-bottom: 15px;
  padding: 0px 10px 10px;
}
  #tutorials h3 {
    height: 40px;
    text-indent: -9999px;
  }
  
#POIinfobox {
  background: #E5E5E5 url(https://imagelibrary.securian.com/corporate/vcm/icons/pointInterest_infobox.gif) no-repeat;
  margin-bottom: 15px;
  padding: 0px 10px 10px;
}
#POIinfobox h3 {
  height: 40px;
  text-indent: -9999px;
}
#POIinfobox p {
  font-size: .92em;   
}
  
/* eductional pages styles */
#preRetire, #inRetire, #lateRetire, #retirementGPS {
  background: #e8e2c4;
  width: 170px;
  margin-right: 15px;
  float: left;
  padding-bottom: 20px;
}
#lateRetire, #retirementGPS {
  margin-right: 0px;
}
#retireStages img {
  border-bottom: 1px solid #FFFFFF;
}
#retireStages p {
  font-size: .92em;
  padding-top: 10px;
  padding-right: 10px;
  padding-left: 10px;
}
#retireStages ul {
  padding-left: 10px;
}
#educateTracks {
}
  #educateTracks h2 {
  margin: 0px 0px 5px;
  border-bottom: 1px dotted #666666;
  padding-bottom: 3px;
  }
  #educateTracks div#colOne, #educateTracks div#colTwo, #educateTracks div#colThree {
  background: #e5e5e5;
  width: 150px;
  margin-right: 15px;
  float: left;
  padding: 10px 10px 20px;
  }
  #educateTracks div#colThree {
    margin-right: 0px;
  }
#basicConcepts, #advConcepts {
  float: left;
  width: 170px;
  margin-right: 15px;
}
  #basicConcepts h2, #advConcepts h2 {
  color: #b39e3c;
  margin: 0px 0px 5px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #666666;
  } 

/* STEP BY STEP PROGRESS */

ul.stepProgress {
  width:540px;
  list-style:none;
  margin:0px;
  clear:both;
  float:left;
  font-size: .90em;
}
ul.stepProgress a {text-decoration:none;}
ul.stepProgress li {
  float:left;
  width:50px;
  background:url(../Images/arrow.gif) repeat-x right 6px;
  text-align:left;
  color: #b3b3b3;
  padding: 0px;
  margin: 0px;
}
ul.stepProgress li span {
  display:block;
  margin:auto 55% auto auto;
  text-align:center;
  border:1px solid #b3b3b3;
  width:19px;
  height:19px;
  line-height:19px;
  background-color:#ffffff;
} 
ul.stepProgress li span a {display:block; width:19px; height:19px; margin:0px;}
ul.stepProgress li span a.active, ul.stepProgress li.active span a, ul.stepProgress li.past span a:hover, ul.stepProgress li.past:hover span a {
  background-color:#b39e3c;
  color:#FFFFFF;
  font-weight: bold;
}

ul.stepProgress li.past {background-position:right -106px;}
ul.stepProgress li.active {background-position:right -48px;}
ul.stepProgress li#lastStep {
  background-position:right -214px;
  }

ul.stepProgress li.active a:hover, ul li.past a:hover, ul li.past a, ul li.active a {color:#b39e3c;}
ul.stepProgress li.active span a:hover {color:#ffffff;}
ul.stepProgress li.past span, ul li.active span {border:1px solid #b39e3c;}

/* Investment slips - MJ */
 .acctBody
   {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   }
   
 .acctBodyBold
   {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   }
   
 .secondSubhead
   {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   }
   
 .acctFootnote
   {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10px;
   }
   
 .tableHead
   {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   font-weight: bold;
   text-align: center;
   }   

 .clearPadding td 
   {
   padding:0px;
   }    
   
 .clearPadding table 
   {
   margin-bottom: 0px;
   }    
   
  .tab
   {
   text-decoration: none;
   background-color: #333399;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;  
   color: #FFFFFF;
   }  
a.tabSelect
   {
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #000000;
   }   
 .data
   {
   font-size: 9pt;
   text-align: right;
   }   

 .ACTION
   {
   font-family: arial, helvetica, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   color: blue;
   }   

 .ruleBelowSolidBlue, .rulebelowsolidblue 
   {
   border-bottom: 2px solid; 
   color: #0000FF;
   }   

 .ruleBelowSolidWithColor, .rulebelowsolidwithcolor 
   {
   border-bottom: 2px solid;
   }
   
/* end SRC.css Document */

/* begin domtab.css Document */
div.domtab{
  padding:0;
  font-size:1em;
}
ul.domtabs{
  float:left;
  margin:5px 5px 0px 0px;
  list-style: none;
  font-size: .92em;
  background: url(/images/Library/tabRule.gif) repeat-x bottom;
  width: 540px;
}
div.domtabFull ul.domtabs{
  width: 720px;
}

ul.domtabs li{
  float:left;
  padding:0;
  margin-left: 0px;
  background: url(/images/Library/normalTab_right.gif) no-repeat right top;
  margin-right: 3px;
}
ul.domtabs a:link, ul.domtabs a:visited, ul.domtabs a:active, ul.domtabs a:hover{
  padding:4px 10px 3px;
  display:block;
  background:url(/images/Library/normalTab_left.gif) no-repeat left top;
  color:#666666;
  font-weight:bold;
  text-decoration:none;
}
/*html>body ul.domtabs a:link, html>body ul.domtabs a:visited, html>body ul.domtabs a:active, html>body ul.domtabs a:hover{
  height:auto;
  min-height:3em;
}*/
ul.domtabs a:hover{
  font-weight: bold;
  color: #000000;
}
div.domtab div{
  clear:both;
  width:96%;
  /* background:#FFFFFF; */
  /* color:#000000; */
  padding:10px;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
}
div.domtabFull div{
  width:96.5%;
}
div.domtab div div{
  display:block !important;
  padding: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
ul.domtabs li.active{
  background: url(/images/Library/highlightTab_right.gif) no-repeat right top;
}
ul.domtabs li.active a:link, ul.domtabs li.active a:visited, ul.domtabs li.active a:active, ul.domtabs li.active a:hover{
  background:url(/images/Library/highlightTab_left.gif) no-repeat left top;
  color:#000000;
  font-weight: bold;
  padding-bottom:4px;
}
#domtabprintview{
  float:right;
  padding-right:5px;
  text-align:right;
}
#domtabprintview a:link, #domtabprintview a:visited, #domtabprintview a:active, #domtabprintview a:hover{
  color:#666666;
  font-size: 0.85em;
  font-weight: normal;
}

ul.prevnext{
  float:left;
  width:515px;
  font-size: .92em;
  margin: 0px;
}
div.domtabFull ul.prevnext{
  width:700px;
}

ul.prevnext li{
  float:left;
  width:350px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

ul.prevnext li.next{
  float:right;
  text-align:right;
}
/* end domtab.css Document */
/* begin planreview.css Document */
#addPRAccess {
  position: absolute;
  width: 250px;
  top: 25px;
  right: 15px;
  text-align: right;
}  
  #csr {
  float: right;
  margin-left: 5px;
  }
  #plan {
  float: right;
  }
  
  .shaded
  {
     background-color: #D3D3D3;
  } 
  
 .navbutton
   {
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-weight: bold;
   color: #000000;
   }
   
.printLink
   {
   text-decoration: none;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 9pt;
   font-weight: normal;
   color: #3333FF;
   }
   
 .printImg
   {
    border: none;
    color: inherit;
    background-color: transparent;
    text-decoration: none;
   }
   
   .imageBars
   {
      height: 17px;
      width: 100%;      
   }
   .imageBarsFF
   {
      height: 17px;
   }
   
   .imageBarsTitle
   {
      height: 17px;  
      position: absolute;
   }   
   
   .headerBar
   {
   border:1px solid #B3B3B3;  
   vertical-align: top;
   cursor:default; 
   font-family:arial;
   font-size:10pt; 
   font-size-adjust:none; 
   font-weight:normal;
   line-height:21px;
   padding:0px 4px;  /* top, right, bottom, left*/
   background-color:#E5E5E5;  
   }
   
/* bold red to indicate the required fields */
.requiredInfo
  {
  font-weight: bold;
  color: #990033;
  }
  
 .ruleBelowSolidGray, .rulebelowsolidgray 
   {
   border-bottom: 1px solid #B3B3B3;
   }
     
/* end planreview.css document */

/* Additions for PreLogOn Widen Content Project */

#quote {
  background: #e8e2c4;
  margin: 0px 0px 10px;
  padding: 10px 10px 0px 10px;  
}

/*  end of Additions */