/* ====================== */
/* = Eric Meyer's Reset = */
/* ====================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size:11px;
    font-family:arial,'lucida console',sans-serif;
    line-height:1;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: #333;
    background: white;
}
ol, ul {
    list-style: none;
}
dl, dd {
	margin:5px 0 5px 10px;
}
dt {
	font-weight: bold;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
address {line-height: 14px; margin: 0 0 10px 20px;}
strong{font-weight:bold;}
p{line-height:14px;}

a { color: #393F45; text-decoration: none; font-weight: bold; font-size: 1.0em;}
a:hover{text-decoration:underline;}
.sub { margin-top: 6px }
.note { font-style: italic; }

/* ================= */
/* = Layout Styles = */
/* ================= */

html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#313131+0,595959+45,424242+80,000000+100 */
  background: #CC6F4A; /* Old browsers */
  /* background: -moz-linear-gradient(top,  #313131 0%, #595959 45%, #424242 80%, #000000 100%); /* FF3.6+ */
  /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#313131), color-stop(45%,#595959), color-stop(80%,#424242), color-stop(100%,#000000)); /* Chrome,Safari4+ */
  /* background: -webkit-linear-gradient(top,  #313131 0%,#595959 45%,#424242 80%,#000000 100%); /* Chrome10+,Safari5.1+ */
  /* background: -o-linear-gradient(top,  #313131 0%,#595959 45%,#424242 80%,#000000 100%); /* Opera 11.10+ */
  /* background: -ms-linear-gradient(top,  #313131 0%,#595959 45%,#424242 80%,#000000 100%); /* IE10+ */
  /* background: linear-gradient(to bottom,  #313131 0%,#595959 45%,#424242 80%,#000000 100%); /* W3C */

  background-repeat: no-repeat;
  background-attachment: fixed;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#contentSub ul.list {
  margin: 0;
  list-style: none;
}
#contentSub ul.list li {
  padding: 0;
  margin: 0;
}

/* the shell around the page */
.page-container {
  margin: 0 auto;
  width: 90%;
  max-width: 1200px;
  min-width: 740px;
  display: block;
}
.page-login .page-container {
  max-width: 450px;
  min-width: 0;
}

/* page structure items float to contain floats */
.page-structure {
  width: 100%;
  float: left;
}

/* the page header */
.page-header h1 {
  color: #FFF0DA;
  font-size: 18px;
  /*background: transparent url(/images/starburst.png) no-repeat left 7px;*/
  /* padding-left: 130px;
  line-height: 75px; */
  float: left;
  font-family: "Courier New", Courier, fixed;
}
.page-header a {
  display: block;
  float: right;
  color: white;
  font-size: 14px;
  text-decoration: underline;
  /* line-height: 75px; */
  margin-right: 20px;
}

/* the top nav */
.page-nav ul {
  padding: 0 20px;
  background: #393F45;
  float: left;
  width: 100%;
  border-radius: 20px 20px 0 0;
  border-bottom: dotted 1px #313131;
}
.page-nav li a{
  color:#FFF0DA;
  font-weight:normal;
}
.page-nav li{
  display:inline-block;
  float:left;
  margin:0 0 0 20px;
  padding: 0;
  font-weight:bold;
  text-transform:uppercase;
  line-height: 40px;
}
.page-nav li:first-child {
  margin-left: 0;
}
.page-nav a{
  color:#313131;
  text-decoration:none;
  font-size:12px;
}
.page-nav a:hover{
  color:#feffc7;
}
.page-nav li.active a{
  color: #feffc7;
}

/* the content container */
.page-content {
  background: #FFF0DA;
  padding: 20px;
  border-radius: 0 0 20px 20px;
  margin-bottom: 20px;
  box-shadow: 0px 12px 71px -12px rgba(154,208,89,0.28);
}

#contentSub{font-size: 12px;}

/* ==================== */
/* = ContentSubStyles = */
/* ==================== */

#contentSub p, #contentSub strong, #contentSub ul, #contentSub li, #contentSub address, #contentSub span, #contentSub em, #contentSub code {
  font-size: 14px;
  line-height: 1.5em;
}
#contentSub p, ul, ol, blockquote, table{padding:0 0 15px 0;}
#contentSub .hdr{padding-bottom: 6px;}
#contentSub ul, ol{margin:0 0 0 30px;}
#contentSub ul ul,
#contentSub ul ol {margin-bottom: 0; padding-bottom: 0;};
#contentSub li {margin-bottom: 6px;}
#contentSub h2, #contentSub h3, #contentSub h4, #contentSub h6 {margin-bottom: 6px;}
#contentSub h2{font-family: Georgia, serif; font-size:22px; color:#206f05;}
#contentSub h3, #contentSub h3 a{font-family: Georgia, serif; font-size:18px; color:#2d7714;}
#contentSub h4{font-size:16px; color:#333; font-weight:bold;}
#contentSub h5{font-family: Georgia, serif; font-size:16px; color:#3b7f23; margin-bottom: 5px; line-height: 1.5em;}
#contentSub h6{font-size:12px; color:#333; font-weight:bold;}
#contentSub blockquote{margin:0 30px; padding:0 0 15px 0; line-height:16px; color:#666;}
#contentSub th{background:#333; color:#ccc; padding:3px; font-weight:bold;}
#contentSub em {
  font-style: italic;
}
#contentSub code {
  font-family: Courier, "Courier New", fixed;
}

/* ============== */
/* = MiscStyles = */
/* ============== */
div.copy li { list-style: disc }
#contentSub div.copy th {
  font-weight: normal;
  background: transparent;
  color: black;
  border: dotted 1px #999;
  border-width: 0 0 1px;
}
#contentSub div.copy td, #contentSub div.copy th {
  font-size: inherit;
  line-height: inherit;
  font-size: 14px;
  line-height: 1.5em;
  padding: 5px 15px;
}
div.confirm {
    padding-top: 15px;
    text-align: center;
    border: 2px solid #206F05;
}
div.confirm p {
    font-size: 12px;
}
div.confirm strong {
    font-weight: bold;
    font-size: 15px;
}
#contentSub p#error, #contentSub p.error {
    margin: 0 0 5px;
    padding: 5px;
    font-weight: bold;
    border: solid 1px #6F0520;
}
div.error {
    margin: 5px 0;
    padding: 2px 5px;
    border: solid 1px #6F0520;
}
#contentSub div.error p {
    margin: 0;
    padding: 5px;
    font-weight: bold;
}
#contentSub div.error ul {
    padding-bottom: 0;
    list-style: disc;
}
div.fieldWithErrors {
    display: inline;
}
table.list { width: 100%; }
table.list td { padding: 3px; }
table.highlight tbody tr:hover td { background: #BBB; }

sup {
  vertical-align: text-top;
  font-size: 0.75em;
}

span.over {
  font-weight: bold;
  color: red;
}
td.num, td.num a {
  font-family: Courier, "Courier New", fixed;
  text-align: right;
}
th.num {
  text-align: right;
}

/* =============== */
/* = BlockStyles = */
/* =============== */
.blocks div.halfW, .blocks div.wholeW, .blocks div.onethirdW,
.blocks div.twothirdsW, .blocks div.onefourthW,
.blocks div.threefourthsW, .blocks div.oneW, .blocks div.twoW,
.blocks div.threeW, .blocks div.fourW, .blocks div.fiveW,
.blocks div.sixW, .blocks div.sevenW { float: left; padding: 6px 10px 6px 0; }

/* available width is 700px */

/* widths per block - remember to account for padding-right of 10px */
.oneW   { width: 90px; }
.twoW   { width: 190px; }
.threeW { width: 290px; }
.fourW  { width: 390px; }
.fiveW  { width: 490px; }
.sixW   { width: 590px; }
.sevenW { width: 700px; }
.blocks div.sevenW { padding-right: 0; }

/* fraction widths */
.halfW         { width: 50%; }
.onethirdW     { width: 33%; }
.twothirdsW    { width: 66%; }
.onefourthW    { width: 25%; }
.threefourthsW { width: 75%;}
.blocks div.wholeW  { width: 100%; clear: both; padding-right: 0;}
.line { clear: left; }
.full-line {
  clear: both;
  width: 100%;
  float: left;
}
.constrain input {
  max-width: 300px;
}
.blocks div.halfW {
  padding-right: 25px;
}
.blocks div.endcap {
  padding-right: 0;
}


/* form elements */
.blocks div.label { padding-bottom: 0; }
.blocks div.input { padding-top: 0; padding-bottom: 0; }
.blocks .input select { font-size: 9px; }

form.button-to {
    display: inline;
}
form.button-to div {
    display: inline;
}

tr.fail td{
  background: pink;
}

#flash_notice{
  background: #E6CE6B;
  margin: 1em;
  padding: 1em;
  border: 1px solid #7A7C63;
}

td.highlight{
  background: #FFFA76;
}

.lookatme {
  border: solid 1px green;
  font-size: 16px;
  line-height: 22px;
  padding: 10px;
}
.lookatme.bad {
  border-color: #6F0520;
}
.lookatme p {
  font-size: inherit;
  margin: 0;
  padding: 0 !important;
  line-height: inherit;
}
.right {
  text-align: right;
}
#contentSub .monthly-cap-breakdown {
  line-height: 1.5;
  font-size: 14px;
  display: none;
}
#contentSUb .monthly-cap-breakdown h3 {
  font-size: 18px;
}
#contentSub .cap-details h3 {
  padding-bottom: 5px;
  border-bottom: solid 1px #999;
  margin-bottom: 5px;
}
#contentSub .cap-details ul {
  margin: 0;
  padding: 0;
}
#contentSub .cap-details li strong {
  display: inline-block;
  white-space: nowrap;
  width: 140px
}
#contentSub .cap-details li em {
  display: inline-block;
  width: 60px;
  text-align: right;
  font-family: "Courier New", Courier, fixed;
}