/* CSS Document */
/*Progress Billing System Style */

.style12 
{font-family: Trebuchet ms,sans-serif,Verdana,Helvetica,Arial;
 font-size:12px;
 font-weight:bold;
 color:#000000;}
 
 .style14 
{font-family: Trebuchet ms,sans-serif,Verdana,Helvetica,Arial;
 font-size:14px;
 color:#000000;}
 


body
{
margin:0px;
font-family: Trebuchet ms,sans-serif,Verdana,Helvetica,Arial;
font-size:12px;
letter-spacing:.3px;
text-align:left;
font-weight:bold;
color:#000000;
/*background:#006699;  */
background-image: url(../program/images/wallpaper1.png);
}

.mainmenu,.mainmenu:link,.mainmenu:visited,.mainmenu:active
{
font-weight:bolder;
color:#13157e;
}

.mainmenu:hover
{
/*background-color:#13157e;*/
/*color:#FFFFFF;*
border:1px solid #f5f5ff;
*/
text-decoration:none;
}

.menu_link,.menu_link:link,.menu_link:visited,.menu_link:active
{
/*color:#33FF66;*/
}

a,a:link,a:visited,a:active 
{
color:#13157e;
text-decoration:none;
}

a:hover
{
font-weight:bold;
text-decoration:underline;
}

/* page header */
div#header
{
margin:0px;
background:url(../images/template/progressbillingsystem_bg1.jpg) repeat-x;
height:86px;
}

div#headermaincontainer
{
margin:0px;
margin-left:auto;
margin-right:auto;
width:1000px;
overflow:auto;
/*border-left:#ffffff 3px solid;
border-right:#ffffff 3px solid;*/
}

div#headerlogo
{
margin:0px;
width:302px;
float:left;
}

div#headerdecor
{
margin:0px;
width:698px;
height:86px;
float:right;
background:url(../images/template/progressbillingsystem_02.jpg) no-repeat;
}

div#headermenucontainer
{
text-align:left;
width:450px;
height:15px;
margin-top:5px;
margin-left:1em;
float:left;
}

div#headeruserpic
{
margin-top:8px;
width:148px;
float:right;
}

#headermenuform
{
margin:0px;
}

/* info bar */
div#info_bar
{
margin:0px;
height:20px;
/*background:#fbfbfb;*/
}

div#info_bar_container
{
margin-left:auto;
margin-right:auto;
padding-top:1px;
padding-left:5px;
padding-right:5px;
width:980px;
overflow:auto;
text-align:right;
}

/* button */
div#buttonbg
{
margin:0px;
height:27px;
padding-left:5px;
padding-right:5px;
/*background:url(../images/template/progressbillingsystem_07.jpg) repeat-x;*/
}


input.btn {   
   color:#050;   
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;   
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   
 } 
 
/*
div#buttoncontainer
{
width:99%;
background:url(../images/template/progressbillingsystem_07.jpg) repeat-x;
height:37px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

div#button
{
padding-top:12px;
padding-left:5px;
padding-right:5px;
}
*/

/*
ul#nav_main
{
padding:0px;   
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
width:779px;
height:37px;
list-style-type:none;
overflow:hidden;
background-color:#CCCCCC;
}

ul#nav_main li
{
margin:0px;
padding:0px;
float:left;
}

ul#nav_main a#nav1
{
width:116px;
height:37px;
background:url(../images/template/progressbillingsystem_03.jpg) no-repeat;
display:block;
}

ul#nav_main a#nav2
{
width:111px;
height:37px;
display:block;
background:url(../images/template/progressbillingsystem_04.jpg) no-repeat;
}

ul#nav_main a#nav3
{
width:103px;
height:37px;
display:block;
background:url(../images/template/progressbillingsystem_05.jpg) no-repeat;
}

ul#nav_main a#nav4
{
width:107px;
height:37px;
display:block;
background:url(../images/template/progressbillingsystem_06.jpg) no-repeat;
}
*/

/* body */
div#bodybgup
{
background:url(../images/template/progressbillingsystem_bg1.jpg) repeat-x top;
}

div#bodybgbottom
{
background:url(../images/template/progressbillingsystem_bg2.jpg) repeat-x bottom;
}

div#bodycontainer
{

margin-bottom:3px;
margin-left:auto;
margin-right:auto;
width:99%;
background-color:#fbfeff;
overflow:auto;
border-left:#ffffff 3px solid;
border-right:#ffffff 3px solid;
}


/* disabled 
div#bodyleft
{
margin:0px;
padding:0px;
width:190px;
float:left;
background:url(../images/bodyleftbg2.jpg) no-repeat bottom;
}

div#favouritecontainer
{
padding:3px;
}

div#activepagecontainer
{
padding:3px;
}

div#border
{
margin:0px;
padding:0px;
width:3px;
background-color:#FFFFFF;
float:left;
}
*/

div#bodyright
{
margin:0px;
padding:0px;
width:100%;
float:right;
overflow:hidden;
}

div#content
{
margin:0px;
padding:0px;
}


/*siteinfo*/
div#siteinfo
{
margin:0px;
background:url(../images/template/progressbillingsystem_09.jpg) repeat-x;
height:49px;
}

div#siteinfocontainer
{
background:url(../images/template/progressbillingsystem_09.jpg) repeat-x;
width:99%;
margin-left:auto;
margin-right:auto;
}

div#footertext
{
color:#FFFFFF;
text-align:right;
padding:3px;
padding-top:8px;
}

/* form element */
form
{
margin:0px;
}

select
{
/*background:#f3feff;*/
border-top:1px solid  #999999;
border-left:1px solid #999999;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
background:url(../images/inputbg2.jpg) repeat-x #FFFFFF;
color:#000000;
font-family: Trebuchet ms,Arial,  Verdana,Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
font-weight:bold;
/*background:url(../images/inputbg1.jpg) repeat-x;*/
}

input
{
/*
background:#f3feff;
border:1px solid #10CCE0;
*/
/*background:url(../images/inputbg2.jpg) repeat-x; */
border-top:1px solid  #999999;
border-left:1px solid #999999;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
color:#000000;
font-family: Trebuchet ms, Arial, Verdana,Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
font-weight:bold;

}

input.input_grid
{
background-color:#00CC33;
border:#10CCE0 1px solid;
font-weight:bold;
}

textarea
{
/*background:url(../images/inputbg2.jpg) repeat-x; */
border-top:1px solid  #999999;
border-left:1px solid #999999;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
color:#000000;
font-family: Trebuchet ms, Arial, Verdana,Helvetica, sans-serif;
font-size:11px;
letter-spacing:1px;
font-weight:bold
/*background:url(../images/inputbg1.jpg) repeat-x;*/
}

/*
button
{
border:1px solid #b7c9cf;
background:#fbfeff;
color:#393734;
font-weight:bold;
font-size:11px;
font-family:Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0px;
}
*/

input#combut
{
/*border:1px solid #a9f236;*/
border-top:1px solid  #999999;
border-left:1px solid #999999;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
/*background:#dadfe3;*/
color:#00FF99;
font-weight:bold;
font-size:11px;
font-family:Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0px;
/*background:url(../images/buttonbg.jpg) repeat-x;
*/width:60px;
}

input#combut1
{
/*border:1px solid #a9f236;*/
border-top:1px solid  #999999;
border-left:1px solid #999999;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
/*background:#dadfe3;*/
color:#474748;
font-weight:bold;
font-size:11px;
font-family:Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0px;
background:url(../images/buttonbg.jpg) repeat-x;
width:100px;
}

input#combut2
{
/*border:1px solid #a9f236;*/
border-top:1px solid  #999999;
border-left:1px solid #999999;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
/*background:#dadfe3;*/
color:#474748;
font-weight:bold;
font-size:11px;
font-family:Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0px;
background:url(../images/buttonbg.jpg) repeat-x;
width:140px;
}

input#combut3
{
/*border:1px solid #a9f236;*/
border-top:1px solid  #999999;
border-left:1px solid #999999;
border-bottom:1px solid #e5e5e5;
border-right:1px solid #e5e5e5;
/*background:#dadfe3;*/
color:#474748;
font-weight:bold;
font-size:11px;
font-family:Trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
letter-spacing:0px;
background:url(../images/buttonbg.jpg) repeat-x;
width:200px;
}

/* Other Formatting */
table.submenu
{
border-collapse:collapse;
border:1px solid #dae6ff;
}

table.grid
{
border-collapse:collapse;
border:2px solid #c8f9ff;
}

table.frame
{
border:2px solid #bbbbbb;
}

table.griddouble
{
border-collapse:collapse;
border-bottom-style: double;
border:2px solid #b7c9cf;
border-top-style: double;
}

table.blackline
{
border-collapse:collapse;
border:2px solid #000000;
}

table.tenhis_q
{
border-collapse:collapse;
}

td.tenhis_q
{
background:#f9d901;
color:#fafafa;
text-align:center;
}

td.tenhis_q2
{
background:#bbfa23;
text-align:center;
}

tr.bottomline
{
border-collapse:collapse;
border:1px solid #777777;
border-bottom:2px solid #000000;
}

td.bottomline
{
border-collapse:collapse;
border:1px solid #777777;
border-bottom:2px solid #000000;
}

table.tab
{
border-collapse:collapse;
border:1px solid #CCCCCC;
}

td.tab
{
border-collapse:collapse;
border:1px solid #CCCCCC;
background-color:#EEEEEE
}

td.tabselected
{
border-collapse:collapse;
border:1px solid #CCCCCC;
border-bottom:0px solid #000000;
font-weight:bold;
font-size:13px;
color:#0000CC;
}

td.blackline
{
border-collapse:collapse;
border:1px solid #777777;
}

tr.gridtitle
{
/*background:url(../images/bgmenu3.gif) repeat-x;*/
background:#FFFFFF;
font-weight:bold;
height:20px;
}

td.tdgrid
{
border:1px solid #daf8ff;
}

td.td_ltr_lawyer
{
border-bottom:1px solid #000000;
}

.hilite
{
background-color:#f4f8fa;
}

.hilite2
{
background-color:#f1f5ff;
}

.cancel_unit
{
color:#CC0000;
}

.balance
{
color:#CC0000;
font-weight:bold;
}

.warn
{
color:#FF0033;
}

.warn2
{
color:#0000FF;
}

.warn3
{
color:#B42FFB;
}

#sum
{
font-weight:bold;
font-size:15px;
}

.enquiry_total
{
background:#FF3300;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}

.sqlstatement
{
color:#999999;
}

.unit_title
{
background-color:#04045a;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
font-weight:bold;
height:20px;
}

.sql_statement
{
color:#FFFFFF;
}

.note
{
color:#999999;
}

.link_pic
{
border:3px solid #FFFF33;
}

.gal_data
{
text-align:center;
}

td.selected_unit
{
font-size:14px;
font-weight:bold;
}

tr.grouping
{
background:url(../images/menu_title.jpg) repeat-x;
height:25px;
color:#FFFFFF;
}

td.net_sell_price
{
/*background-color:#a90901;*/
font-weight:bold;
font-size:15px;
}



tr.trtitle
{
height:25px;
background-color:#2e84e5;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
font-weight:bold;
}

td.appmenu
{
background-color:#fffbe4;
border-bottom:1px solid #fcd708;
}

td.appmenu:hover,td.appmenu:active
{
background-color:#ffde29;
}

td.app_title
{
height:30px;
background-color:#fffbe4;
font-size:15px;
color:#333333;
font-weight:bold;
}

.outstanding
{
font-weight:bold;
font-size:15px;
}

.app_menu_title
{
/*background-color:#04045a;*/
background:url(../images/menu_title.jpg) repeat-x;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
font-weight:bold;
}

.join_buyer_table
{
border-collapse:collapse;
border:1px solid #04045a;
background-color:#f9f9ff;
}

.join_buyer_title
{
background:url(../images/menu_title.jpg) repeat-x;
color:#FFFFFF;
text-align:center;
text-transform:uppercase;
font-weight:bold;
height:25px;
}

.app_submenu_title
{
background-color:#c1c1ff;
}

table.app_menu_table
{
border-collapse:collapse;
border:1px solid #04045a;
background-color:#f9f9ff;
}

.report_title_border
{
border-bottom:1px dashed #000000;
text-align:center;
}

/* lot type  */
.status_desc
{
font-size:12px;
}

.block
{
font-size:13px;
}

.level_no
{
font-size:12px;
}

a.linkheader:link , a.linkheader:visited , a.linkheader:hover
  {
  	font-size:12px;
    color: #000000;
    text-decoration: none;
  }

a.hoverunderline:link , a.hoverunderline:visited
  {
  	font-size:12px;
    color: #000000;
    text-decoration: none;
  }

a.hoverunderline:hover
  {
  	font-size:12px;
    color: #000000;
	font-weight:normal;
    text-decoration: underline;
  }



font.h5 {
       font-family:  "Arial", "Verdana", "Geneva", "Verdana", "Helvetica", "sans-serif";
       font-size: 8pt;
       line-height: 10pt
}

font.h4, h2 {
       font-family: "Arial", "Verdana", "Geneva", "Verdana", "Helvetica", "sans-serif";
       font-size: 11pt;
       line-height: 15pt
  }

font.h3, h1 {
       font-family: "Arial", "Verdana", "Geneva", "Verdana", "Helvetica", "sans-serif";
       font-size: 12pt;
       line-height: 14pt
  }

font.h2 {
       font-family: "Arial", "Verdana", "Geneva", "Verdana", "Helvetica", "sans-serif";
       font-size: 14pt;
       line-height: 16pt
}

font.h1 {
       font-family: "Arial", "Verdana", "Geneva", "Verdana", "Helvetica", "sans-serif";
       font-size: 16pt;
       line-height: 20pt
}

.rteImage {
	background: #D3D3D3;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	cursor: hand;
}

.rteImageRaised, .rteImage:hover {
	background: #D3D3D3;
	border: 1px outset;
	cursor: pointer;
	cursor: hand;
}

.rteImageLowered, .rteImage:active {
	background: #D3D3D3;
	border: 1px inset;
	cursor: pointer;
	cursor: hand;
}

.rteVertSep {
	margin: 0 4px 0 4px;
}

.rteBack {
	background: #D3D3D3;
	border: 1px outset;
	letter-spacing: 0;
	padding: 2px;
}

.rteBack tbody tr td, .rteBack tr td {
	background: #D3D3D3;
	padding: 0;
}

.rteDiv {
	display: block;
	position: relative;
}


/* salapp.php */
/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 100%;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
border: 1px solid navy;
margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
padding: 0 5px;
text-decoration: none;
border: 1px solid black;
color: navy;
background-color: white;
line-height:30px;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
text-decoration:none;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
text-decoration:none;
font-weight:normal;

}

#mgal {
    float: left;
    width: 119px;
    margin-left: -25px;
    display: inline;
}

#mgal .pic {
    padding: 7px 0;
    margin: 14px 0 7px 0;
    text-align: center;
    background: #CBE3F5;
}