/*-General-----------------------------------------------*/
.barrautologoff { font-size:8px; }
#barrautologoff h1 { margin:0; padding:0; color:blue; font-size:80px; letter-spacing:-1px; text-shadow:0 0 4px #000000 }
#barrautologoff h1 span { color:blue }
#barrautologoff div { float:right; margin-top:-50px; padding:20px 20px 0 0 }
#barrautologoff a { color:#fff; text-decoration:none }
#barrautologoff div a:hover { text-decoration:underline }

#ddtabs3{
	display: none;
}

#logo{
	display: none;
}
#printLogo{
	display: inline-block;
}
#printLogo > img {

    width:200px !important;

}

#menu1 {display: none;}
#leftnav {display: none;}
#dropdown {display: none; }
#viewer {display: none; }
#printicon {display: none; }
.sidebarmenu {display: none; }
.nav {display: none; }
#footer {display: none; }

div {float: none;}




body
{
	background:red;
	color:black;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width: auto;
	font-weight:normal;
	text-decoration:none;
}


h1
{
	font-size:14px;
	font-weight: bold;
	width:auto;
	border-bottom: solid black 0.15em;
}

.strong
{
	font-weight:bold;
}

form
{
	display:inline;
	margin:0px;
	padding:0px;
}

button
{
	color: #3F7FB9;
	font-weight: bold;

}

input
{
   font-size: 100%;
}

select
{
   font-size: 100%;
}

table
{
        border-spacing: 0px;
        min-width: 5em;
        border-collapse: collapse;
}
th
{
	background-color: black;
	border: 1px solid black;
	padding:4px;
	color: black;
}
td
{
	border: 1px solid black;
        padding: 0.2em 0.2em;
        text-align: center;
}

h1, h2, h3, h4, h5, h6, p, div {
	margin:0px;
	padding:0px;
}

h2
{
	font-size: 12px;
	font-weight: bold;
	font-variant: small-caps;
}

p {
	line-height: 1.5em;
}

ul li
{
     list-style-type: square;
     font-size: 100%;
}

em
{
	color: black;
	font-weight: bold;
	font-style: normal;
}
fieldset
{
	margin-bottom: 2em;
}
legend
{
	font-weight: bold;
	color: black;

}
.alert
{
	color: black;
        font-weight: bold;
}

.nobox
{
   border: 0px;
}
.noprint
{
   visibility:hidden;
   text-align: inherit;
}
/*-title section ----------------------------------*/
#content
{
	margin-left: 7px;
	padding: 2em;
}



/*-agent info----------------------------------------*/

.agentinfo
{
       background-color: black;
       width: auto;
}
/*-investment info-----------------------------------*/

.progtable
{
}
.progtable th
{
 padding: 0.5em;
}
.progtable td
{
  text-align: left;
  padding: 0.5em;
}
.entry1
{

	font-weight: bold;
	width:200px;
}
.entry2
{

	position: relative;
	left: 200px;
	width: 400px;
	top: -1em;
}

#investmentinfo #asofdate
{

	font-weight:bold;
}

.subhead p
{
	color: black;
}
.subhead a
{
;
}

.midentry1
{
    margin-top:-1em;
	width:300px;
}

.midentry2
{
	position: relative;
	left: 325px;
	top: -1.2em;
	width: 300px;
}

.portentry1
{
        margin-top:-1em;
	width:300px;
}

.portentry1 a
{

        font-weight:normal;
}

.portentry2
{
	position: relative;
	left: 300px;
	top: -1em;
	width: 250px;
	text-align: left;
}
.nickentry1
{
        margin-top:-1em;
	width:400px;
}

.nickentry1 a
{
        font-weight:normal;
}

.nickentry2
{
	position: relative;
	left: 400px;
	top: -1em;
	width: 100px;
}
.threeentry1
{
        margin-top:-1em;
	width:175px;
}

.threeentry2
{
	position: relative;
	left: 175px;
	top: -1.3em;
	width: 175px;
}
.threeentry3
{
	position: relative;
	left: 350px;
	top: -2.6em;
	width: 175px;
}
.formspacer
{
	height: 0.5em;
}

.subhead
{
	width: 98%;
	text-align: right;
}
.notes
{

	font-weight: normal;
}
/* loan details---------------------------------------------*/

.loanentry1
{
	width:250px;
}

.loanentry2
{
	position: relative;
	width: 250px;
	left: 250px;
	top: -1.5em;

}
 /*- alternating colour lines -------------------------------*/
 .white
 {
	background-color: white;
 }
.alternate
{
	background-color: black;
}
/*- bill payment -------------------------------------------*/
.billentry1
{

	font-weight: bold;
	width: 150px;
	padding-right: 25px;
	text-align: right;
	vertical-align: middle;
}
.billentry2
{

	position: relative;
	left: 155px;
	width: 200px;
	top: -1.2em;
}
.billentry3
{

	position: relative;
	left: 181px;
	width: 200px;
	top: -1.2em;
}
/*- application forms --------------------------------------*/

form.appform fieldset {
  margin-bottom: 10px;
}
form.appform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.appform label {
  line-height: 1.8;
  vertical-align: top;
  font-weight: bold;
}
form.appform fieldset ol {
  margin: 0;
  padding: 0;
}
form.appform fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}
form.appform fieldset li input{
  font-weight: bold;
}
form.appform fieldset fieldset {
  border: none;
  margin: 3px 0 0;
}
form.appform fieldset fieldset legend {
  padding: 0 0 5px;
  font-weight: normal;
}
form.appform fieldset fieldset label {
  display: block;
  width: auto;
}
form.appform em {
  font-weight: bold;
  font-style: normal;
  color: black;
}
form.appform label {
  width: 180px; /* Width of labels */
}
form.appform fieldset fieldset label {
  margin-left: 183px; /* Width plus 3 (html space) */
}

/*-viewer section ------------------------------------------*/
#viewer p {
	margin-top: 1em;
	line-height: 1.5em;
}

/*-details -------------------------------------------------*/
p.details
{

 }

 /*-tables --------------------------------------------------*/

 /* descriptors for td's that are used for e.g. dollar amounts */
 td.term {
         text-align: left;
 }
 td.amount {
 	text-align: right;
 }
 td.title {
         text-align: left;
 }
 td.tableheader {
        font-weight: bold;
 }
 td.tablespacer {
        background-color: black;
        height: 2em;
 }
 td.majortablespacer {
        background-color: black;
 }
 /* table to be used in mortgage application, etc. - width is not predetermined */
 table.app {
         width: auto;
         border-style: none;
 }

 table.app td
 {
 	border-style:none;
 	text-align: left;
 }
 table.invisible {
         width: auto;
         border-style: none;
 }

 table.invisible td
 {
 	border-style:none;
 	text-align: left;
 }
 span.appText
 {

         font-weight: bold;
 }

 /* table to mark off sections of product applications,
 inherits width from normal table definition, above */

 table.appsection {
/*       border-style: ridge; */
         border-style: none;
         border-width: thin;
         border-color: black;
         margin-bottom: 2em;
         width: 40em;
 }

 table.appsection td {
 	padding: 5px;
 }

 table.appsection span.appHeader {

         font-weight: normal;
 }
 table.appsection td {

         font-weight: normal;
         border-style: none;
 }
 table.appsection input {

         font-weight: bold;
 }
  /* table to be used in settings section */
 table.settings {
      border-style: none;
 }

 table.settings td {
      border-style: none;
      text-align: left;

 }
 table.settings td p {
      margin-bottom: .5em;
      margin-top: .5em;
 }

table.admin {
       border-style: none;
       width: 40em;
  }

table.admin td {
       border-style: none;
       text-align: left;

  }
table.admin td p {
       margin-bottom: .5em;
       margin-top: .5em;
  }
/* table styles to be used when paging through lists of agents,etc. */

table.paging {
       border-style: none;
}
table.paging td {
       border-style: none;
       text-align: center;
}
table.paging td a {

}
table.sortable {
   width: 80%;
}

/*-Footer-------------*/

.fontsizers
{
       background-color: black;
}
.fontsizers a
{
       font-size:70%;
       margin-left: 2em;
}
#footer p
{
	text-align: left;
	font-size:xx-small;
	margin-top: 2em;
}

/*-Used for AJAX Editing---*/
div.editable{
        color: black;
/*      background-color: #F5F6FA; */
        background-color: black;
/*      background-color: #99CCFF; */
        width: 200px;
        padding: 1px;
        height: 1em;
 }
span.editable{
        color: black;
/*      background-color: #F5F6FA; */
        background-color: black;
        width: 200px;
        padding: 1px;
        height: 1em;
 }
textarea.editable{
        color: black;
/*      background-color: #F5F6FA; */
        background-color: black;
        width: 400px;
        padding: 1px;
        height: 5em;
 }
.error {
     color: black;
     display: inline;
 }
/* used for help panels */
div.helppanel {
  border: 0px;
  padding: 5px;
  margin: -10px -10px 10px -10px;
  background-color: black;
}

/* used for loan content description */
div.loancontdesc {
  border: 0px;
  padding: 15px;
  margin: 0px;
  background-color: black;
}

/*-Used for application forms---*/
 form.loanapl label {
     font-size: 90%;
 }

 form.loanapl input {
 }
 form.loanapl input.inputbutton {
     height: 20px;
 }
 form.loanapl select {
     font-size: 8pt;

 }

 form.loanapl input.submit {
 }
 form.loanapl span.requi#AD0C38 {
 	color: black;
 }

 form.loanapl div.subsection {

     margin-top: 10px;
	 padding: 10px;
     width: 540px;
     border: thin solid black;
 }

 form.loanapl div.subsection h2 {
     background-color: black;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-weight: bold;
     color: black;
     line-height: 19pt;
     padding-left: 5px;
	 margin: -10px -10px 10px -10px;
 }

#report td
{
	font-size: x-small;
}

#report h1
{
	margin-bottom: 1em;
}

div.help
{
  display: none;
}

 form.loanapl div.subsection p {
     width: 150px;
     float: left;
     margin: 0;
     padding-left: 100px; /*width of left column containing the label elements*/
	 display: block;
 }

 .fullwidth{
 }

  form.loanapl div.subsection p.wide {
      width: auto;
      float: left;
      margin: 0;
      padding-left: 100px; /*width of left column containing the label elements*/
 }
 form.loanapl div.subsection p.fullwidth {
      width: auto;
      float: left;

      margin: 0;
      padding-left: 300px; /*width of left column containing the label elements*/
 }
 form.loanapl div.subsection p.calc {
      width: auto;
      float: left;
      margin: 0;
      padding-left: 0px;
      padding-right: 20px;
 }
 form.loanapl div.subsection select {
     font-size: 10pt;
 }
 form.loanapl div.subsection p.note {
     width: 98%;
     padding-left: 5px;
     font-size: 7pt;
     font-weight: bold;
     margin: 0;
 }
 form.loanapl div.subsection label {

     float: left;
     margin-left: -100px; /*width of left column*/
     width: 98px; /*width of labels. Should be smaller than left column (100px) to create some right margin*/
 }
  form.loanapl div.subsection p.fullwidth label {

     float: left;
     margin-left: -300px; /*width of left column*/
     width: 390px; /*width of labels. Should be smaller than left column (100px) to create some right margin*/
 }
  form.loanapl div.subsection p.calc label {

     float: left;
     margin-left: 0px; /*width of left column*/
     width: 110px; /*width of labels. Should be smaller than left column (100px) to create some right margin*/
 }
  form.loanapl div.subsection p.calc input {

     margin-right: 10px;
     width: 95px;
 }
 form.loanapl div.subsection4 {
     border: thin solid black;
     display: block;
     margin-bottom: 10px;
	 padding: 10px;
     width: 600px;
 }

 form.loanapl div.subsection4 h2 {
     background-color: black;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-weight: bold;
     color: black;
     line-height: 19pt;
     padding-left: 5px;
	 margin: -10px -10px 10px -10px;
 }

 form.loanapl div.subsection4 p {
     width: 100px;
     float: left;
     margin: 0;
     display: inline;

 }
 form.loanapl div.subsection4 input {
     width: 80px;
 }
 form.loanapl div.subsection4 select {
     width: 80px;
 }
 form.loanapl div.subsection5 {
     border: thin solid black;
     display: block;
	 margin-top: 10px;
     margin-bottom: 10px;
	 padding: 10px;
     width: auto;
 }

 form.loanapl div.subsection5 h2 {
     background-color: black;
     font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
     font-weight: bold;
     color: black;
     line-height: 19pt;
     padding-left: 5px;
	 margin: -10px -10px 10px -10px;
 }

 form.loanapl div.subsection5 p {
     width: 90px;
     float: left;
     margin: 0;
     display: block;

 }
 form.loanapl div.subsection5 input {
     width: 80px;
 }
 form.loanapl div.subsection5 select {
     width: 80px;
 }

 table.loanapl
 {

 	border-color: black;

 }
 table.loanapl td{
     color: Black;
     font-family: Verdana,  Arial, sans-serif;
     font-size: 8pt;
     font-weight: normal;
     vertical-align:top;
}
div.continue input {
   height: 20px;
}

/* Allows the content to move to the next page - if there isn't enough space */

.details_panel
{
	page-break-after:auto;
}

