/* CSS Documentation */

body { font-family: Arial, Helvetica, sans-serif; background-color: #900000; text-align: center; }

/* container or IDs */
#whiteBG { background-color: #FFFFFF; width: 760px; padding: 10px; }
#refundBG { background-color: #FFF0BC; width: 320px; padding: 5px; text-align: left;}
#leftContent { font-size: 12px; width: 235px; padding: 0px 5px 0px 0px; text-align right; }
#menuContent { width: 145px; padding: 0px; text-align: right; font-size: 12px;}
/* #menuContent { width: 145px; padding: 0; text-align: right; } */
#rightContent { font-size: 12px; width: 235px; padding: 0px 0px 5px 0px; text-align: left; }
#plainContent { font-size: 12px; padding: 0px 0px 5px 0px;}

/* subpage container */
#midContent { width: 250px; padding: 30px 5px 15px 25px; font-size: 12px; text-align: left;}
/* #midContent { width: 250px; padding: 30px 5px 15px 25px; text-align: left;} */
#baziContent { width: 277px; padding: 30px 0px 15px 0px; font-size: 12px; }
#midrightContent { width: 500px; padding: 30px 5px 15px 5px; }
#picContent { font-size: 12px; margin-right: 10px; }
#formContent { width: 500px; padding: 30px 15px 15px 25px; text-align: left; }
#picContent { font-size: 11px; margin-right: 10px; }
#footer { font-size: 11px; width: 700px; padding-top: 10px; }
/* #footer { font-size: 10px; width: 700px; padding-top: 10px; } */

/*#blackBanner { background-color: #000000; width: 240px; font-size: 10px; font-weight: bold; color: #FFFFFF;padding: 1px 5px; } */

#RedBanner { background-color: #900000; width: 540px; align: center; font-size: 10px; font-weight: bold; color: #FFFFFF;padding: 1px 5px; }

/* fonts */
.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font12b { font-size: 12px; font-weight: bold; }

/* margins and paddings */
.marginLeft05 { margin-left: 5px; }
.marginTop10 { margin-top: 10px; }
.marginTop25 { margin-top: 25px; }
.paddingRight10 { padding-right: 10px; }
.marginRight5 { margin-right: 5px; }

/* borders */
.borderSolidBrown { border: 1px solid #E2B32F; }
.borderTopSolidBrown { border-top: 1px solid #E2B32F; }
.borderLeftSolidBrown { border-left: 1px solid #E2B32F; }
.borderRightSolidBrown { border-right: 1px solid #E2B32F; }

/* links */ /*how to use in code:<a href="#" class="Green">*/

a:link, a:visited { color: #AB8102; text-decoration: underline; }
a:hover { color: #900000; text-decoration: none; }
/* a:link, a:visited { color: #AB8102; text-decoration: none; }
a:hover { color: #900000; text-decoration: underline; } */

a.black:link, a.black:visited  { text-decoration: none; color: #000000; }
a.black:hover { text-decoration: underline; color: #666666; }

a.offer:link, a.offer:visited { text-decoration: none; color: red; font-size: 1.15em; font-weight: bold; }
a.offer:hover { text-decoration: underline; color: red; font-size: 1.15em; font-weight: bold; }

#box { border-top: 1px solid; padding:0; margin: 0 0 15px 0; }
#box p { color: blue; font-size: 10px;}
#innerbox {border: 1px solid blue; padding:0; background:#ffffff;}
#innerbox h4 { padding: 2px ; font-size: 10px; margin: 2px 0 2px 2px; text-align: left;}
#innerbox a.epost:link, a.epost:visited {color: blue; text-decoration: underline; padding: 0; }
#innerbox a.epa:link, a.epa:visited {color: green; text-decoration: underline; padding: 0;}

#innerbox p { color: #363636; font-size: 10px; padding-left: 3px; margin:0 0 5px 0; text-align: left; }

/* abbr */
.help { border-bottom: 1px dotted #333;
        cursor: help;}

.logo img {margin-bottom: 20px; }

#agent table { 
    border-collapse: collapse;
    width:500px;
    border: 1px solid #E2B32F;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align:center;
}

#agent table th, #agent table td {
    padding: 0.3em 1em;
}

.odd {
    background-color: #f9df81;
}

.even {
    background-color: #ffeaa1;
}

div.sample ul { margin: 0; padding: 0; list-style-type: none; }

div.sample li{ margin-left: 15px; padding : 3px; }

/* =FORMS 
--------------------------------------------------------------------------------------------*/

form p {
  position: relative;
  margin: 1em 0;
  width: 100%;
}

form ul { list-style-type: none; }

/* style for  labels */
label {
  display: block;
  /* float: left; */
  font-size: 1.1em;
  font-weight: bold;
  margin: 3px 0;
  width: 20em;
}

/* style for required labels */
em.required {
  font-size: 90%;
  /* font-weight: bold; */
  font-style: normal;
  color: red;
  padding-left: 0.3em;
}

/* style error messages */
label .feedback {
  position: absolute;
  margin: 0px 0px 0px 50px;
  left: 10em;
  right: 0;
  font-size: 90%;
  font-weight: bold;
  color:#760000;
  padding: 0px;
  /* padding-left: 5px; */
  background: url(/static/img/error.png) no-repeat left top;
}

div#derive_time > p { 
  font-size: 1.2em;
 }

div#derive_time label {
  width: 23em;
  margin-top: 2em;
}


div#derive_time label .feedback {
   left: 20em;
   background: url(/static/img/error.png) no-repeat left center;                                  
}
  
div#derive_time li { 
   list-style: none;
   margin: 1.2em 0;
}

div#whatbt label {
   width: 30em;
   margin: 1.2em 0;
                }
.errorlist  { 
  font-size: 130%;
  font-weight: bold;
  color:#760000;
 }

div#whatbt li {
    list-style: none;
                }

input.radio, input.checkbox, input.submit {
  width: auto;
}

input.radio {
  float: left;
  /* margin-right: 1em; */
}

fieldset { 

margin : 1em 0;
padding : 1em;
border : 1px solid #ccc;
background : #f8f8f8; 
 }

legend { 
font-weight: bold;
font-size: 1.2em;
color: blue;
 }

select.question { 
width: 510px;
 }


input#id_M_custom_question { 
 width: 510px; }

/* jQuery formtip */
.tipped {
  color: #696969;
}

p.notes { margin:0;
          padding:0;
          font-size : 1.1em;
          color: #900000;
          }