/* controls the Client info and Financial Summary popup box */

.pagebrdr {
border-width: 2px;
border-style:inset;
border-color:blue; 
layer-background-color:#eeeeee;
background-color: #eeeeee;
padding:2px;  
width: 100%;
}

.balloon {
border-width: 2px;
border-style:inset; 
border-color:blue; 
position:absolute;  
layer-background-color:#eeeeee;
background-color: #eeeeee;
padding:1;  
visibility: hidden;
}
#companyWindow{
width: 223px;
}

#clientWindow{
width: 460px;
}
#breakdownWindow{
width: 350px;
}
#bankWindow{
width: 475px;
}

#addressWindow{
width: 275px;
}

A {
 text-decoration:none;
 image-border: 0;
 image-decoration:none;
 color: #000000;
}

A.taboff {
 text-decoration:none;
 color: #000000;
}

A.tabon {
 text-decoration:none;
 color: #0000FF;
}

A.email {
 text-decoration:none;
 color: #0000FF;
}

/* Controls Client and Owing color and font */
A.popup {
 text-decoration:none;
 color: #000000;
 font-weight: bold;
 cursor: pointer;
 cursor: hand;
}

/*Controls background/font and size */
BODY {
 background-color: #338593;
 margin: 0px;
 padding: 0px;
 font-family: Arial,Verdana,Helvetica,sans-serif;
 font-size: 10pt;
}

BODY.active {
/* background: url(bkgactive.gif) repeat;*/
 background-color: #338593; 
 margin: 0px;
 padding: 0px;
 font-family: Arial,Verdana,Helvetica,sans-serif;
 font-size: 10pt;
}

BODY.closed {
/* background: url(bkgclosed.gif) repeat;*/
 background-color: #000000; 
 margin: 0px;
 padding: 0px;
 font-family: Arial,Verdana,Helvetica,sans-serif;
 font-size: 10pt;
}

/*Controls top banner background color and logo size */
Div.banner {
 background: #5eb8c8 url(banner.gif) no-repeat 5px 0px;
 width: 100%;
/* height: 100%;*/
 padding: 0px;
 margin: 0px;
 border-bottom: #000000 1px solid;
}

Div.banner2 {
 background: url(clogo.gif) no-repeat 5px 0px;
 width: 100%;
/* height: 100%;*/
 padding: 0px;
 margin: 0px;
 text-align: right;
 font-family: Arial,Verdana,Helvetica,sans-serif;
 font-size: 15pt;
}

/*Controls menu bar background image and size */
DIV.menu {
/* background:  url(topmenu.gif) top left;*/
 background-color: #b5bdbd;
 width: 100%;
 height: 25px;
 padding: 0px;
 margin: 0px;
 line-height: 25px;
 text-align: left;
 border-bottom: #000000 1px solid;
}

/* Controls buttons/tabs background color and text postion */
DIV.buttons {
 background-color: #e3e1e1;
 width: 100%;
/* padding-top: 5px;*/
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 margin: 0px;
 text-align: left;
 border-bottom: #000000 1px solid;
}

/* Controls main background color and text postion */
DIV.main {
 background-color: #dedcdc;
 width: 100%;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 margin: 0px;
 text-align: left;
}

DIV.info {
 background-color: #dedcdc;
 width: 100%;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 margin: 0px;
 text-align: left;
 border-bottom: #000000 1px solid;
}

DIV.listing {
 background-color: #dedcdc;
 width: 100%;
 padding-top: 10px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 margin: 0px;
 text-align: left;
}

DIV.blocks {
 background-color: #eeeeee;
 width: 100%;
 padding-top: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
 padding-right: 0px;
 margin: 0px;
 text-align: left;
}

DIV.backtolist {
 background-color: #dedcdc;
 width: 100%;
 padding-top: 5px;
 padding-bottom: 5px;
 padding-left: 0px;
 padding-right: 0px;
 margin: 0px;
 text-align: left;
}

/* Controls footer background image and text postion and size */
DIV.footer {
 background: #5eb8c8 url(banner.gif) no-repeat left;
/* background-color: #b5bdbd; */
 width: 100%;
 height: 30px;
 padding: 0px;
 margin: 0px;
 text-align: center;
 font-size: 8pt;
 border-top: #000000 1px solid;
}

/*Controls table for the poup info windows. IE. client, debtor financials */
TABLE.popup {
 background-color: #EEEEEE;
 padding: 0px;
 margin: 0px;
 height: 30px;
 font-size: 10pt;
}

/*Controls Tab or Button bar background color and text postion */
TABLE.menu {
 padding: 0px;
 margin: 0px;
 height: 25px;
 font-size: 10pt;
 width: 100%
}

TABLE.buttons {
 padding: 0px;
 margin: 0px;
 height: 30px;
 font-size: 10pt;
}

TD.taboff {
 font-weight: bold;
 color: #0000FF;
 cursor: pointer;
 cursor: hand;
 white-space: nowrap;
}

TD.tabon {
 font-weight: bold;
 color: #000000;
 white-space: nowrap;
}

TD.support {
 font-weight: bold;
 color: #FF0000;
 white-space: nowrap;
 text-align: right;
}

TD.tabmenu {
 font-weight: bold;
 color: #000000;
 white-space: nowrap;
}

TD.menuoff {
 color: #000000;
 cursor: pointer;
 cursor: hand;
 white-space: nowrap;
}

TD.menuon {
 color: #0000ff;
 white-space: nowrap;
}

TD.signimg {
 color: #000000;
 white-space: nowrap;
 text-align: right;
 vertical-align: bottom;
 cursor: pointer;
 cursor: hand;
}

TD.img {
 color: #000000;
 white-space: nowrap;
 text-align: left;
 vertical-align: bottom;
}

TD.rimg {
 color: #000000;
 white-space: nowrap;
 text-align: right;
 vertical-align: bottom;
}


/*Controls List table background color and text postion */
TABLE.list {
 background-color: #EEEEEE;
 padding: 0px;
 margin: 0px;
 font-size: 10pt;
/* height: 30px;*/
}

TR.listheader {
 background-color: #88ccd8;
 border-width: 0px;
 border-spacing: 0px;
 border-style: none;
 padding: 2px;
 margin: 0px;
}

TR.listchoice{
 background-color: #dedcdc;
 border-width: 0px;
 border-spacing: 0px;
 border-style: none;
 padding: 0;
 vertical-align: top;
}

TR.odd{
 background-color: #EEEEEE;
 border-width: 0px;
 border-spacing: 0px;
 border-style: none;
 padding: 0;
}

TR.even{
 background-color: #DDDDDD;
 border-width: 0px;
 border-spacing: 0px;
 border-style: none;
 padding: 0px;
}

TR.current{
 background-color: #009FEC;
 border-width: 0px;
 border-spacing: 0px;
 border-style: none;
 padding: 0px;
 vertical-align: top;
}

TR.closed{
 background-color: #d9b1b1;
 border-width: 0px;
 border-spacing: 0px;
 border-style: none;
 padding: 0px;
 vertical-align: top;
}

TR.hover{
 background-color: #FFFF33;
}

TD.listlabel {
 font-weight: bold;
 vertical-align: bottom;
 text-align: left;
 color: #000000;
 border-style: none;
 padding: 2px;
 margin: 0px;
}

TD.clistlabel {
 font-weight: bold;
 vertical-align: bottom;
 text-align: center;
 color: #000000;
 border-style: none;
 padding: 2px;
 margin: 0px;
}

TD.rlistlabel {
 font-weight: bold;
 vertical-align: bottom;
 text-align: right;
 color: #000000;
 border-style: none;
 padding: 2px;
 margin: 0px;
}

TD.rdebtorlabel {
 vertical-align: bottom;
 text-align: right;
 color: #000000;
 border-style: none;
 padding: 2px;
 margin: 0px;
}
TD.cdebtorlabel {
 vertical-align: bottom;
 text-align: center;
 color: #000000;
 border-style: none;
 padding: 2px;
 margin: 0px;
}
TD.listdata {
 vertical-align: top;
 text-align: left;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #000000;
}

TD.clistdata {
 vertical-align: middle;
 text-align: center;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #000000;
}

TD.rlistdata {
 vertical-align: top;
 text-align: right;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #000000;
}

TD.note {
 background: #DDDDDD;
 vertical-align: middle;
 text-align: right;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #000000;
}
TD.label {
 vertical-align: bottom;
 text-align: left;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #000000;
}

TD.clabel {
 vertical-align: bottom;
 text-align: center;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #000000;
}

TD.rlabel {
 vertical-align: bottom;
 text-align: right;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #000000;
}

TD.rlabeltop {
 vertical-align: top;
 text-align: right;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #000000;
}

TD.clabeltop {
 vertical-align: top;
 text-align: right;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #000000;
}

TD.labeltableunder {
 vertical-align: bottom;
 text-align: left;
 border-left: #000000 1px solid;
 border-bottom: #000000 1px solid;
 padding: 2px;
 margin: 0px;
 color: #000000;
}
TD.rlabeltableunder {
 vertical-align: bottom;
 text-align: right;
 border-left: #000000 1px solid;
 border-bottom: #000000 1px solid;
 padding: 2px;
 margin: 0px;
 color: #000000;
}
TD.clabeltableunder {
 vertical-align: bottom;
 text-align: center;
 border-left: #000000 1px solid;
 border-bottom: #000000 1px solid;
 padding: 2px;
 margin: 0px;
 color: #000000;
}
TD.datatable {
 vertical-align: top;
 text-align: left;
 border-left: #000000 1px solid;
 padding: 2px;
 margin: 0px;
 color: #0000FF;
}
TD.rdatatable {
 vertical-align: top;
 text-align: right;
 border-left: #000000 1px solid;
 padding: 2px;
 margin: 0px;
 color: #0000FF;
}
TD.cdatatable {
 vertical-align: top;
 text-align: center;
 border-left: #000000 1px solid;
 padding: 2px;
 margin: 0px;
 color: #0000FF;
}

TD.datatableunder {
 vertical-align: top;
 text-align: left;
 border-left: #000000 1px solid;
 border-bottom: #000000 1px solid;
 padding: 2px;
 margin: 0px;
 color: #0000FF;
}
TD.rdatatableunder {
 vertical-align: top;
 text-align: right;
 border-left: #000000 1px solid;
 border-bottom: #000000 1px solid;
 padding: 2px;
 margin: 0px;
 color: #0000FF;
}
TD.cdatatableunder {
 vertical-align: top;
 text-align: center;
 border-left: #000000 1px solid;
 border-bottom: #000000 1px solid;
 padding: 2px;
 margin: 0px;
 color: #0000FF;
}

TD.datatop {
 vertical-align: top;
 text-align: left;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #0000FF;
}

TD.data {
 vertical-align: bottom;
 text-align: left;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #0000FF;
}

TD.cdata {
 vertical-align: bottom;
 text-align: center;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #0000FF;
}

TD.rdata {
 vertical-align: bottom;
 text-align: right;
 border-style: none;
 padding: 2px;
 margin: 0px;
 color: #0000FF;
}

TD.closepopup {
 font-family: Arial,Verdana,Helvetica,sans-serif;
 vertical-align: top;
 text-align: right;
 padding: 0px;
 background-color: #99CCFF;
 border-bottom: #000000 1px solid;
}

TR.listfooter1 {
 background-color: #88ccd8;
 font-weight: bold;
 vertical-align: top;
 text-align: left;
 border-width: 0;
 border-spacing: 0;
 border-style: none;
 padding: 2px;
 margin:0px;
}

INPUT.btn{
 height: 90%;
 font-size: 12;
}

INPUT.search{
 height: 18px;
 font-size: 12;
}


IMG.cal{
 width=22;
 height=20;
 border=0;
}


.gboard {
	BACKGROUND-COLOR: #aa9da3; BORDER-TOP: black 1px solid
}
.footer {
	BACKGROUND-COLOR: #f7f7f7
}
.frLogoBoard {
	BACKGROUND-COLOR: #fafafa
}
.mbutton {
	cursor: pointer; BACKGROUND: #42507d; BORDER-BOTTOM: black 1px solid; BORDER-LEFT: #97a2bd 2px solid; BORDER-RIGHT: black 1px solid; BORDER-TOP: #97a2bd 2px solid; COLOR: white; DISPLAY: block; FONT-WEIGHT: bold; PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.buttonV {
	BACKGROUND-COLOR: #0066cc; TEXT-ALIGN: center
}
A.lb {
	COLOR: #ffffff; FONT-SIZE: 13px; FONT-WEIGHT: bold; LETTER-SPACING: 0px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
A.sb {
	COLOR: #ffffff; FONT-WEIGHT: bold; LETTER-SPACING: 0px
}
A.subC {
	COLOR: #003366; FONT-WEIGHT: bold; LETTER-SPACING: 0px; TEXT-DECORATION: none
}
.rHeader {
	COLOR: #990000; FONT-FAMILY: arial; FONT-SIZE: 15px; FONT-WEIGHT: bold; LETTER-SPACING: 1px; TEXT-DECORATION: none
}
.left_links {
	BACKGROUND-COLOR: #ffffff; BORDER-BOTTOM: #97a2bd 2px dotted; COLOR: #990000; FONT-SIZE: 14px; FONT-WEIGHT: bold; LETTER-SPACING: 1px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
A.mHeader {
	BACKGROUND-COLOR: #ffffff; COLOR: #990000; FONT-FAMILY: arial; FONT-SIZE: 14px; FONT-WEIGHT: bold; LETTER-SPACING: 1px; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.left_content {
	BACKGROUND-COLOR: #ffffff; FONT-SIZE: small; TEXT-ALIGN: left; TEXT-DECORATION: none
}
A.left_content {
	BACKGROUND-COLOR: #ffffff; COLOR: #336699; FONT-FAMILY: Helvetica, Verdana, sans-serif; FONT-SIZE: small; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.right_content {
	BACKGROUND-COLOR: #ffffff; FONT-SIZE: small; TEXT-ALIGN: left; TEXT-DECORATION: none
}
A.right_content {
	BACKGROUND-COLOR: #ffffff; COLOR: #336699; FONT-SIZE: small; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.wHeader {
	COLOR: #ffffff; FONT-FAMILY: arial; FONT-SIZE: 15px; FONT-WEIGHT: bold; LETTER-SPACING: 1px; TEXT-DECORATION: none
}
.bText {
	COLOR: #003366; FONT-SIZE: 9px; FONT-WEIGHT: bold; LETTER-SPACING: 0px; TEXT-DECORATION: none
}
.bTextB {
	COLOR: #003366; FONT-SIZE: 11px; FONT-WEIGHT: bold; LETTER-SPACING: 0px; TEXT-DECORATION: none
}
function fImgR {
	var: '<img src="images/frontimg'+rNumber+'.jpg" alt="" />'; return: 
}
function sImgR {
	var: '<img src="images/sub_frontimg'+rNumber+'.jpg" alt="" />'; return: 
}
.spamtrap {
	BACKGROUND-COLOR: white; COLOR: white; FONT-SIZE: 1px
}
A.spamtrap:link {
	BACKGROUND-COLOR: white; COLOR: white; FONT-SIZE: 1px
}
A.spamtrap:hover {
	BACKGROUND-COLOR: white; COLOR: white
}
A.spamtrap:visited {
	BACKGROUND-COLOR: white; COLOR: white; FONT-SIZE: 1px
}
.unhide {
        position: relative; top: 5px; left: 100px; z-index: +1; visibility: visible;
}
.hide {
        position: relative; top: 5px; left: 100px; z-index: +1; visibility: hidden;
}