/* Element Styles */
body
{
   background-image: url(https://www.drfrey.biz/12210/images/background.gif);
   background-repeat: repeat;
   background-position: top;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

input
{
   font-family: Arial, Helvetica, sans-serif;
}

table
{
   border: none;
}

H1
{
   font-weight: bold;
   font-size: 16px;
   color: #400040;
   font-family: Arial, Helvetica, sans-serif;
}


/* Class Styles */
.footer
{
   font-size: 11px;
   margin-left: 5px;
   color: #000000;
   line-height: normal;
   font-family: Arial, Helvetica, sans-serif;
}

.footer2 {
	font-size: 18px;
	margin-left: 5px;
	color: #000000;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif
}

.sbbutton
{
   height: 30px;
   text-align: center;
}

.acctinfo
{
   height: 40px;
   width: 426px;
   vertical-align: middle;
}

.sectionheader
{
   height: 28px;
   vertical-align: bottom;
}

.logouttop
{
   text-align: right;
   vertical-align: top;
   height: 40px;
}

.logout
{
   margin-left: 0px;
}

.bookacctlabel
{
   width: 57px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

.bodydetail
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
}

.bodylabel
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

.bodyspacer
{
   height: 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 8px;
}

.servicelabel
{
   width: 101px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

.addrlabel
{
   width: 112px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

.summaryline1
{
   height: 25px;
   background-color: #E6E6E6;
   vertical-align: bottom;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
}

.summaryline2
{
   height: 10px;
   background-color: #E6E6E6;
   vertical-align: top;
}

.statusline
{
   height: 25px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: normal;
}

.amtdue
{
   height: 25px;
   vertical-align: bottom;
   background-color: #D9D8E1;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
}

.amtdueamt
{
   height: 25px;
   vertical-align: bottom;
   background-color: #D9D8E1;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-align: right;
}

.paynow
{
   height: 30px;
   vertical-align: bottom;
   background-color: #D9D8E1;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
}

.paynowbutton
{
   height: 30px;
   vertical-align: bottom;
   background-color: #D9D8E1;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-align: right;
}

.lastinfo
{
   height: 25px;
   vertical-align: bottom;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
}

.lastinfoamt
{
   height: 25px;
   vertical-align: bottom;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-align: right;
}

.lastsplit
{
   height: 1px;
   vertical-align: bottom;
   background-color: #E6E6E6;
}

.formsplit
{
   height: 1px;
   vertical-align: bottom;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 1px;
}

.viewbill
{
   height: 30px;
   vertical-align: bottom;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
}

.viewbillbutton
{
   height: 30px;
   vertical-align: bottom;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   text-align: right;
}

.historytable
{
   width: 393px;
   border-collapse: collapse;
   border-bottom-color: #400040;
   border-bottom-style: solid;
   border-bottom-width: medium;
   border-left-color: #DBDBDB;
   border-left-style: solid;
   border-left-width: thin;
   border-right-color: #DBDBDB;
   border-right-style: solid;
   border-right-width: thin;
   background-color: D9D8E1;
}

.paytable
{
   width: 222px;
   border-collapse: collapse;
   border-bottom-color: #400040;
   border-bottom-style: solid;
   border-bottom-width: medium;
   border-left-color: #DBDBDB;
   border-left-style: solid;
   border-left-width: thin;
   border-right-color: #DBDBDB;
   border-right-style: solid;
   border-right-width: thin;
   background-color: D9D8E1;
}

.historyheaderline
{
   height: 20px;
   background-color: #400040;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
   color: #FFFFFF
}

.historydetailoddline
{
   height: 18px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

.historydetailevenline
{
   height: 18px;
   background-color: #F5F5F5;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
}

.pintext
{
   padding-right: 10px;
   font-size: 12px;
   color: #400040;
   line-height: 21px;
   font-family: Verdana, Arial, Helvetica, sans-serif;
}
.pintext A:visited
 {
   color: #400040;
   text-decoration: none;
}
.pintext A:link 
{
   color: #400040;
   text-decoration: none;
}
.pintext A:hover
 {
   color: #400040;
   text-decoration: underline;
}

.separator
{
   height: 4px;
   width: 785px;
}

.myerrormessage
{
   color: #cc0000;
   border: solid 1px #f0ab22;
   padding: 5px 5px 5px 5px;
   display:block;
   margin: 5px 5px 5px 5px;
   background-color: #fcf5d0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
}

.paylimitamt
{
   color: #cc0000;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13px;
   font-weight: bold;
}


/* ID Styles */
#dashboard
{
   width: 950px;        /* set to desired width of the page */
   margin: 0 auto;      /* makes the page centered */
}

#main-table
{
   border: none;
}

#acctsummary
{
   border-bottom: thin #DBDBDB solid;
   font-weight: bold;
   border-collapse: collapse;
   border-left-color: #DBDBDB;
   border-left-style: solid;
   border-left-width: thin;
   border-right-color: #DBDBDB;
   border-right-style: solid;
   border-right-width: thin;
   border-top-color: #DBDBDB;
   border-top-style: solid;
   border-top-width: thin;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 6px;
}

