/* body properties 4B5F78*/
body {
  background-image : url('images/mobile_bg.jpg');
  background-color : #FFFFFF; 
	font-size: 8pt; 
	margin-left : 4;
	margin-top : 32;
}

/* paragram properties */
p { }

/* font properties */
font.cash					{ color: #000080; }
font.credit				{ color: #800000; }
font.neg					{ color: #FF0000; }
font.page_title  	{ font-size: 14pt; }
font.room					{ color: #FFFF00; font-family: georgia; font-size: 28pt; font-weight:bold; }

/* link properties */
a									{ color:#000000; }
a:link						{ text-decoration:none; }
a:visited					{ text-decoration:none; }
a:hover						{ color:#800000; text-decoration:none; background-color:none; }

a.date						{ color:#0000FF; }
a:hover.date			{ color:#FF0000; text-decoration:none; background-color:none; }

/* table properties */
table		 				{ background: #EBEBEB url(images/layout/tabBorder.png); border: 0px SOLID #646464; border-collapse: collapse; font-size: 12pt; }
table.sub				{ background: url(images/none.png); border-collapse: collapse; border: 0px SOLID #FFFFFF; }
table.tab_bg		{ background: #646464; border-collapse: collapse; border: 0px SOLID #FFFFFF; font-family: georgia; color: #000000; font-size: 10pt; font-weight:none; }
table.payslip		{ background: #FFFFFF url(images/layout/tabBorder.png); border: 2px SOLID #334151; border-collapse: collapse; font-family: arial; color: #000000; font-size: 12pt; font-weight:NONE; }
table.grey			{ background: #B1BECF; border: 1px SOLID #FFFFFF; border-collapse: collapse; font-family: arial; color: #000000; font-size: 10pt; font-weight:none; }
table.index			{ background: url(images/none.png); border-collapse: collapse; border: 0px SOLID #FFFFFF; font-family: Times New Roman; color: #000000; font-size: 10pt; font-weight:none; }


/* tr properties */
tr.bold 				{ font-weight:bold; }
tr.tg						{ background: #C1B18C url(images/ar.png); font-weight:none; }
tr.tg1					{ background: #E1DAC8 url(images/ar.png); font-weight:none; }
tr.currentwk		{ background: #F1EEE4; }
tr.HL						{ background-color:white; }
tr.HL:hover			{ background-color:#EBEBEB; }


/* td properties */
td 					  	{ border: 1px solid #A4A4A4; padding: 4px; }
td.tg1					{ background: #E1DAC8; font-weight:bold; } 
td.sub			  	{ border: 0px solid #000000; }
td.stock_out  	{ background: #FFFFCC; }
td.s_colum	  	{ background: #FFFFCC; font-weight:none; }
td.altbg				{ background: #E1F0FF; }
td.bold			  	{ font-weight:none; }
td.tag			  	{ background: #A4A4A4; color: #FFFFFF; font-size: 11pt; font-weight:none; }
td.HL:hover			{ background-color:#EBEBEB; }
td.hit					{ background: #E1DAC8 url(images/ar.png); font-weight:none; }


.date
{ 
   font-family: Arial Narrow; 
   font-size: 10px; 
	 width: 84.5px;	 
	 }


.textbox
{ 
   background-color: #94a5bc; 
   font-family: Tahoma; 
   font-size: 10px; 
   color: #FFFFFF;  
   border-style: none;
	 border: 1px solid;
   border-color: #7288A7;
 	 padding: 1px solid;
	 font-weight:bold; }


.bbbbutton
{ 
   xxxbackground-color: #999999; 
   font-family: Tahoma; 
   font-size: 12px; 
   color: #000000;  
   xxxborder-style: none;
	 xxxborder: 1px solid;
   xxxborder-color: #888888;
 	 padding: 0px solid;
	 xxxfont-weight:BOLD; }

.edit
{ 
    background-color: #FFFFFF; 
    font-family: Tahoma;  
    font-size: 13px; 
    color: #555555;  
	  border-style: groove;
	  border: 1px solid;
	  border-color: #FF0000;
	  font-weight:none; }
	

.loginbox

{ 
    background-color: #ffffff;   
    font-family: Arial; 
    font-size: 28px; 
    color: #999999;  
		border-style: groove;
		border: 1px solid;
		border-color: #c0c0c0;
		width: 100%;
		font-weight:bold; }
		
.loginbutton

{ 
    xxxbackground-color: #222222;   
    font-family: Arial; 
    font-size: 28px; 
    color: #000000;  
		xxxborder-style: groove;
		xxxborder: 0px solid;
		xxxborder-color: #c0c0c0;
		width: 200;
		height: 60;
		font-weight:bold; }