body{font:11px verdana; color:#333333;}
body{
margin: 0;
padding: 0;
border: 0;
overflow: hidden;
height: 100%; 
max-height: 100%; 	
}

#header{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 94px; /*Height of frame div*/
/* remove the overflow and it works in ff at least 
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable
*/
overflow:auto;
}


#workarea{
position: fixed; 
top: 94px; /*Set top value to HeightOfFrameDiv*/
left: 0;
right: 0;
bottom: 0;
overflow: auto; 
background: #fff;
}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 94px 0 0 0; /*Set value to (HeightOfFrameDiv 0 0 0)*/
}

* html #workarea{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}



form{padding:0; margin:0; display:inline;}
table, td, div, span, form, input, select, TEXTAREA{font:11px verdana;border-collapse:collapse;}
img{border:none; vertical-align:middle;}
input, select{vertical-align:middle;}
ul, ol{margin-top:0;}
ul li, ol li{padding-top:3px;}
h1{font:18px arial; margin:0; padding:0;}
h2{font:bold 14px arial; margin:0; padding:0;}
.req{font:bold 12px verdana; color:#660000;}
.lbl{text-align:right;vertical-align:top; padding-top:4px;} 
.fld{text-align:left; vertical-align:top;}
a:link, a:visited{color:#10357e;}
.help{color:#666666;}

#crumb{background:url(/images/crumb_bg.gif) repeat-x; height:23px; color:#666666; line-height:190%; padding:0 5px;z-index:500;}
#crumb ul{margin:0; padding:0; line-height:120%;}
#crumb li{float:left; display:inline; margin:0 0 0 5px; list-style-type:none;}
#crumb li img{vertical-align:middle;}
#crumb li.fr{float:right; margin:0 15px 0 0;}
#crumb li a{color:#666666;z-index:9999;}
#crumb li li {float:none; display:block;}

/* grid formatting styles */
.gridtop{margin-top:10px; border:solid 1px #808080; border-bottom:none; padding:3px; background-color:#ebebeb; color:#333333; min-height:25px;} /* used for button and filter panels above a grid */
.gridbottom{border:solid 1px #808080; border-top:none; padding:3px; background-color:#ebebeb; color:#333333; min-height:25px;} /* used for button and filter panels below a grid */
.grid{border:1px solid #808080; border-collapse:collapse; background:#FFF;}
.grid th, .grid .th{background:url(/images/grid_th_bg.gif); background-repeat:repeat-x; font-weight:normal; padding:3px; border-bottom:solid 1px #808080;}
th, th span, .th span, .tip{cursor:help;}
.grid td{border-bottom:solid 1px #bebebe;  border-right:solid 1px #dfdfdf; padding:3px 5px;}
.grid .2row th{background:url(/images/grid_th_bg_2row.gif); background-repeat:repeat-x;}
.gridView {height: auto; width: 98%; overflow: visible; border: solid 1px #808080;}

.gridview .grid{border:none; border-collapse:collapse; width:100%; background:#FFF;}
.gridview .grid .norm{border:1px solid #808080; border-collapse:collapse; background:#FFF;}
/*.grid .th{border: 0 0 0 0;background:url(/images/grid_th_bg.gif);background-repeat:repeat-x;font-weight:normal;text-align:left;padding:3px;border-bottom:solid 1px #808080;position: relative; top: expression(this.parentNode.parentNode.parentNode.parentNode.scrollTop-1); }*/

.memo{background:#eaf2ff; border:solid 1px #a3a3a3;}
.memo td{border:none; vertical-align:top;}
.memo hr{border: solid 1px #78acff; height: 1px;}
.memo .grid td{border-bottom:solid 1px #bebebe;  border-right:solid 1px #dfdfdf; padding:3px 5px;}
.memo .grid .nb td{border:none; padding:3px 5px;}
table.nb td{border:none;}

.gridnb{border:1px solid #808080; border-collapse:collapse; background:#FFF;}
.grid th{background:url(/images/grid_th_bg.gif); background-repeat:repeat-x; font-weight:normal; padding:3px; border-bottom:solid 1px #808080;}
.gridnb td{border:none; background:#FFF; padding:3px 5px;}

.letter{background:#eaf2ff;}


 
.custsearch{position:fixed; z-index:500; top:30px; right:130px;height:100px; background:#FFF URL(/images/bg_propinfo.gif) repeat-x; border:solid 1px #808080; padding:0;}
.custsearch h2{font:bold 11px verdana; margin:0; padding:3px;}
.custsearch .content{padding:3px;}
.recentcust{position:fixed; z-index:500; top:30px; right:83px; padding:5px; background:#f5f5f5; border:solid 1px #333333;}
.recentcust ul{margin:0; padding:0;}
.recentcust li{list-style-type:none; margin:0; padding:0;}
.recentcust li a{text-decoration:none; display:block; padding:2px; color:#000; border:solid 1px #f5f5f5;}
.recentcust li a:hover{background:#969daa URL(/images/bg_topnav_hover.gif) repeat-x bottom; border:solid 1px #5f5f5f;}

 .toppanel{background:#ebebeb; padding:5px; position:relative;}
 .toppanel h1{font:16px verdana; color:#333333; margin:0 0 10px 0; padding:0;}
 .toppanel .buttons{position:absolute; top: 10px; right:10px;}
 .toppanel .buttons input{margin-left:10px;}

.round{margin:0px; border:solid 1px #c2c2c2; background:#FFF URL(/images/bg_tabcont_blue.png) repeat-x left top;}
.innerDIV{padding: 5px;}

#custbar{height:70px; background:#0e8cbb URL(/images/content_header_bg_left.gif) repeat-x top left; width:auto; clear:both;}

#custbar h1{font:20px arial; color:#FFF; margin:0; padding:8px 5px 0 5px;}
#custbar h2{font:12px arial; color:#FFF; margin:0; padding:0 10px 0 5px;}
#hierarchypanel{position:absolute; left:5px; top:20px; z-index:200; width:300px; height:200px; overflow-y:scroll; padding:5px; background:#f5f5f5; border:solid 1px #333333;}

#cmes_error{background:#cebbbd; font:12px verdana; margin:10px 0; border:solid 1px #660000; padding:5px;}
#cmes_error h1{background:url(/images/failure_bar.png) no-repeat; padding:6px 0 0 30px; font:bold 16px arial; color:#660000; height:30px;}
.inlineerror{background: url(/images/error_sm.png) no-repeat 0 5px; padding:3px 3px 3px 15px; font:12px verdana; color:#660000;}

#customernav {position:absolute; left:20%; top:61px;float:left; line-height:normal;}
#customernav ul {margin:0;padding:10px 10px 0 20px;list-style:none;	}
#customernav li {display:inline;margin:0;padding:0;}
#customernav a {float:left;background:url("/Images/tabs_custnav.png") no-repeat left top;margin: 0 0 0 2px;padding:0 0 0 4px;text-decoration:none;}
#customernav a span {float:left;display:block;background:url("/Images/tabs_custnav.png") no-repeat right top;padding:5px 15px 4px 6px;color:#666;font-size:11px;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#customernav a span {float:none;}
/* End IE5-Mac hack */
#customernav a:hover span {color:#;}
#customernav a:hover {background-position:0% -24px;}
#customernav a:hover span {background-position:100% -24px;}
#customernav a.active:link, #customernav a.active:visited, #customernav a.active:hover{background-position:0% -24px; font-weight:bold; color:#333333;}
#customernav a.active:link span, #customernav a.active:visited span, #customernav a.active:hover span{background-position:100% -24px; font-weight:bold; color:#333333;}	
h2{margin-top:20px;}
h2.first{margin-top:0;}

/* three column layout */
#workarea{background:URL(/images/bg_tabcont_blue.png) repeat-x; clear:both; margin:0; padding:0; width:auto;}
#wrap{margin:0; padding:0;}
#panleft{float:left; width:250px; margin:0; padding:20px 0 0 0;}
#panright{float:right; width:250px; margin:0; padding:20px 0 0 0;}
#panmid{margin:0 0 0 250px; padding:20px 0 0 0;}
.column-in {margin:0; padding:0.5em 1em;}
#clear{clear:both;}


/* search styles */
form{margin:0; padding:0;}
.grid {background:#FFF;}
.grid tr{background:URL(/images/bg_gridrow.gif) repeat-x bottom left;}
.grid tr:hover{background:URL(/images/bg_gridrow_h.gif) repeat-x bottom left; border-bottom:solid 1px #bebebe; }
.grid .pleft20{padding-left:20px;}
.grid .pleft30{padding-left:30px;}
.grid .pleft40{padding-left:40px;}
.grid .pleft60{padding-left:60px;}
.grid .pleft80{padding-left:80px;}

/* page specific stuff */
#login #custbar h1{font:20px arial; color:#FFF; margin:0; padding:22px 5px 5px 5px;} /* used to center the page title on the login page */
#search	#custbar h1{font:20px arial; color:#FFF; margin:0; padding:0 5px;} /* search page stuff */
#search	.qs_input{border:none; background:URL(/images/bg_searchbox.png) no-repeat; width:327px; height:29px; margin-top:20px; padding:8px 10px 10px 30px; vertical-align:middle;}
#search	.grid td .pleft60{padding-left:60px;}
#search	form.quicksearch {margin:0;padding:0;display:inline;}
#search	form.quicksearch img {z-index:200; position:absolute; top:50px; left:472px;}


#busy{width:191px;height:87px;background: URL(/images/bg_busy.png) no-repeat;padding:20px 0 0 20px;font:14px arial;z-index:900;Position:fixed;Top:180px;left:40%;}
#busy img{float:left; padding-right:10px;}
#busybar{height:58px;width:100%;background: URL(/images/bg_busybar.png) repeat-x;padding:0;text-align:center;font:12px arial;z-index:900;Position:fixed;Top:94px;}
#errorbar{height:58px;width:100%;background: URL(/images/bg_errorbar.png) repeat-x;padding:0;text-align:center;font:12px arial;z-index:900;Position:fixed;Top:94px;font:bold 14px verdana;color:#660000;}
#errorbar span, #failurebar span {font:bold 14px verdana;color:#660000;}
#failurebar{height:58px;width:100%;background: URL(/images/bg_errorbar.png) repeat-x;padding:0;text-align:center;font:12px arial;z-index:900;Position:fixed;Top:94px;font:bold 14px verdana;color:#660000;}
#sucbar{height:58px;width:100%;background: URL(/images/bg_sucbar.png) repeat-x;padding:0;text-align:center;font:bold 14px arial;z-index:900;Position:fixed;Top:94px;}

.marr5{margin-right:5px;}
.mar5{margin:5px;}
.mar10{margin:10px;}
.mar15{margin:15px;}
.mar20{margin:20px;}
.mart5{margin-top:5px;}
.mart10{margin-top:10px;}
.marr10{margin-right:10px;}
.mart20{margin-top:20px;}
.marb10{margin-bottom:10px;}
.marl10{margin-left:10px;}
.marl20{margin-left:20px;}
.marb5{margin-bottom:5px;}
.marb10{margin-bottom:10px;}
.marb20{margin-bottom:20px;}

.nb{border:none;}

.pad3{padding:3px;} 
.padt3{padding-top:3px;}
.pad5{padding:5px;} 
.padt5{padding-top:5px;}
.padr5{padding-right:5px;}
.padl5{padding-left:5px;}
.pad10{padding:10px;}
.padt10{padding-top:10px;}
.padl10{padding-left:10px;}
.padb10{padding-bottom:10px;}
.padl15{padding-left:15px;}
.pad20{padding:20px;}
.padt20{padding-top:20px;}
.padt45{padding-top:45px;}
.padl20{padding-left:20px;}
.padl25{padding-left:25px;}
.padl30{padding-left:30px;}
.padl45{padding-left:45px;}
.point, .cp {cursor:pointer;}

.tal{text-align:left;}		
.tac{text-align:center;}		
.tar{text-align:right;}		


/* flyout styles */
#ch_fly{position:absolute; top:20px; left:98px; width:500px; height:400px; border:solid 1px #00306b; z-index:600; background:#FFF URL(/images/bg_chflyout.png) no-repeat bottom right;}
#ch_fly .inner{padding:5px; width:490px; height:390px;overflow-y:auto;}
.hierarchyfly a:link, .hierarchyfly a:visited{text-decoration:none;  color:#333333;}
.hierarchyfly a:hover{text-decoration:underline;  color:#333333;}
.hierarchyfly a:link.current, .hierarchyfly a:visited.current{background:#c3d5ea; border:solid 1px #00306b;}
.hierarchyfly ul, .hierarchyfly li{margin:5px 0; padding:0; list-style-type:none;}
.hierarchyfly ul ul, .hierarchyfly ul ul ul, .hierarchyfly ul ul ul ul{margin-left:30px;}
.hierarchyfly ul ul ul ul{margin-left:50px;}

a.b_download{display:block; background:URL(/images/b_glow_download.png) no-repeat; width:121px; height:28px; z-index:0;}
a.b_download:hover{background-position: 0% -33px;}
/* Accordion styles */
					 
dl{border:solid 1px #d9d9d9; width:200px;}
dt.head {Font:bold 12px verdana;color: #FFF;background:url(/images/bg_dt.gif) repeat-x;display:block; border-top:solid 1px #FFF;padding: 3px 6px;}
dt.head:hover {background:url(/images/bg_dt_hover.gif) repeat-x; }
dt.selected{background:url(/images/bg_dt_current.gif) repeat-x; color:#FFF;}
dt.selected:hover {background:url(/images/bg_dt_current.gif) repeat-x; color:#FFF;}

dd{margin:0; padding:0; background:#FFF; border-top:solid 1px #fff; overflow-y:auto; height:250px;}
dd a{display:block; padding:5px; background:#FFF;}
dd a:hover{background:#e8f1f6;}
dd a:active, dd a.active{background:#d0e2ec;}	

#navsearch{position:fixed; width:180px; z-index:500; right:130px; top:22px;  height:100px; background:#FFF URL(/images/bg_flyoutgrad_blue.png) repeat-x bottom ; border:solid 1px #808080; padding:0; z-index:9999}
#navsearch h2{font:bold 11px verdana; margin:0; padding:3px;}
#navsearch .content{padding:3px;}
#navrecentcust{position:fixed; z-index:999; top:22px; width:auto; right:140px; padding:5px; border:solid 1px #333333;background:#FFF URL(/images/bg_flyoutgrad_blue.png) repeat-x bottom; z-index:9999}
#navrecentcust ul{margin:0; padding:0;}
#navrecentcust li{list-style-type:none; margin:0; padding:0;}
#navrecentcust li a{text-decoration:none; display:block; padding:2px; color:#000;}
#navrecentcust li a:hover{background:#969daa URL(/images/bg_gridrow_h.gif) repeat-x bottom; border:solid 1px #20a7d9;padding:1px;}
#navrecentcust, #navsearch {display:none;}

/*
#searchbox{border:none; background:URL(/images/bg_searchbox2.png) no-repeat; width:347px; height:29px; margin-top:20px; padding: 8px 10px 10px 30px; }
#searchBoxContainer {position:fixed;top:22px; }
#searchBoxContainer input{border:none; background:URL(/images/bg_searchbox2.png) no-repeat; width:347px; height:29px; margin-top:20px; padding: 8px 10px 10px 30px; }
*/
h1.search, h1.search span{font:20px arial; color:#FFF; margin:0; padding: 0 5px;}
h1.search a.button{position:absolute; top:22px; left:460px; display:block; width:30px; height:22px;}
/*h1.search span {padding-top: -5px; border: 1px solid black; margin-top: -5px;}*/

td.flexrow{border:none; background:#fff; padding:0;}
.flexrow td{border:none; background:#fff; padding:0; vertical-align:top;}
.flexrow td.frame{border:none; background:#fff; padding:10px; vertical-align:top;}
.flexrow td.frame td{border-bottom:solid 1px #bebebe; border-left:solid 1px #bebebe; background:#fff; padding:5px;}
.flexrow table.nb td{border:none;}
.flexrow div.outter, .flexrow div.root {border-bottom:solid 1px #bebebe;}
.flexrow h2.first, .flexrow #panel1 h2 {font:bold 12px verdana; margin: 5px 0 0 0; padding:0;}
.flexrow h2{font:bold 12px verdana; margin: 20px 0 0 0; padding:0;}
.flexrow .outter{margin:0; padding:0; width:auto;}

/* AR register styles */
.arInvoice td {}
.arPayment td { color: #005e20;}
.arAdjustment td { color: #0c7cad; }

.ui-dialog {background-color: #fff; padding:10px}
.ui-dialog-titlebar-close {display:none;}
.holder { z-index:999;width:100%;cursor:move;filter:alpha(opacity=.0);background-color:Black;position:absolute;}
.content {}


#navrecentcust{position:absolute;  right:140px; top:22px; z-index:99999; width:auto; padding:5px; border:solid 1px #333333;background:#FFF URL(/images/bg_flyoutgrad_blue.png) repeat-x bottom;}
#navrecentcust ul{margin:0; padding:0;}
#navrecentcust li{margin:0 auto; padding:0;}
#navrecentcust li a{display:block; line-height:110%; white-space:nowrap; margin:0 0 2px 0; border:0; padding:3px; text-decoration:none;}
#navrecentcust li a:hover{background:#969daa URL(/images/bg_gridrow_h.gif) repeat-x bottom; margin:0 0 2px 0; border:solid 1px #20a7d9;  padding:2px; color:#333333;}
#navrecentcust, #navsearch {display:none;}


#navsearch{
                position:absolute;
                right:130px;
                top:22px;
                width:180px;
                height:100px;
                z-index:900;
                
                 background:#FFF URL(/images/bg_flyoutgrad_blue.png) repeat-x bottom ;
                 border:solid 1px #808080;
                 padding:0;
}
#navsearch h2{font:bold 11px verdana; margin:0; padding:3px;}
#navsearch .content{padding:3px;}

.bigsearch{
                z-index:999999999;
                position:absolute;
                left:20px;
                top:40px;
                Width:500px;
                height:29px;
                border:none; 
                font:20px arial; color:#FFF; background: URL(/images/bg_searchbox2.png) no-repeat 80px 0;}
.bigsearch .srchtitle{display:block; position:absolute; left:10px; top:3px;  width:80px; height:22px; font:20px arial; color:#FFF; }
.bigsearch input{font:16px arial; position:absolute; left:105px; top:3px; background:none; width:280px;border: none;}
.bigsearch a.bigsrchbutton{display:block; position:absolute; left:390px; top:3px;  width:30px; height:22px;}
.bigsearchhelp{display:block; color:#FFF; font:10px verdana; position:absolute; left:100px; top:28px;}