html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, del, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption
	{
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		vertical-align: baseline;
	}


:focus
	{
		outline: none;
		outline: 0;
	}


strong
	{
		font-weight: bold;
	}


blockquote:before, blockquote:after,
q:before, q:after
	{
		content: "";
	}

blockquote, q
	{
		quotes: "" "";
	}



body {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #ffffff;
}

dl, dt, dd, .ulreset, .ulreset li
	{
		margin: 0px; padding: 0px; list-style: none; float: left;
	}

h1, h2, h3
	{
		margin: 0px; padding: 0px; font-weight: normal;
	}

h1
	{
		font-size: 28px;
		color: #4980e6;	
	}

h2
	{
		font-size: 18px;
		color: #50be66;
	}

h3
	{
		font-size: 14px;
		color: #ffffff;
		font-weight: bold;
	}

:focus
	{ 
		outline: none;
	}

p
	{
		margin-top: 20px; line-height: 18px;
	}

a
	{
		text-decoration: none; color: #000000;
	}

a:hover
	{
	}

input, textarea, select
	{
		font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #5f5f5f;
	}

.inputreset
	{
	}

ins, del
	{
		text-decoration: none;
	}


.welcome
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	padding-top:40px;
	}
	
.date
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	padding-bottom:10px;
	}

.logo
	{
	background:url(../images/perodua.jpg) 0 0 no-repeat;
	width:99px;
	height:72px;
	}

.home
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	text-align:right;
	/*padding-right:30px;*/
	padding-bottom:25px;
	font-weight:bold;
	}

.horizontal
	{
	background:#CCCCCC;
	}

.vertical
	{
	background:#000000;
	}

.gray
	{
	padding-top:50px;
	padding-bottom:50px;
	padding-left:8px;
	padding-right:8px;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#000000;
	}

.add
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#FFFFFF;
	text-align:left;
	/*padding-left:80px;*/
	/*padding-bottom:10px;*/
	font-weight:bold;
	}

.compulsory
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	text-align:left;
	/*padding-left:80px;*/
	font-weight:bold;
	}
	
	
.form
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	padding:5px;
	font-weight:bold;
	}


.inputarea
	{

	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	text-align:left;
	font-weight:bold;
	border:#000000 1px solid;
	}

.button
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#000000;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	border:#000000 1px solid;
	}

.user-message
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#041d6d;
	font-weight:bold;
	}


.user-message-black
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	color:#000000;
	font-weight:bold;
	padding-bottom:15px;
	}


.jobcard
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	color:#ffffff;
	font-weight:bold;
	padding-bottom:20px;
	padding-left:80px;
	}

.job
{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	padding-top:5px;
	padding-bottom:5px;
}

.vehicleno
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	color:#041d6d;
	font-weight:bold;
	padding-bottom:50px;
	padding-top:50px;
	padding-left:20px;
	}

.vehicleno-input
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
	color:#041d6d;
	font-weight:bold;
	border:#000000 solid 1px;
	}

.note{
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:14px;
text-transform:uppercase;
padding-left:20px;
padding-bottom:20px;
}


.note span{
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
text-transform:uppercase;
padding-left:5px;
font-weight:bold;
}


.category
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#041d6d;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
	}


.category
	{
	font-size:18px;
	color:#041d6d;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
	}

.maintainance
	{
	background:url(../images/maintainance.jpg) 0 0 no-repeat;
	padding-top:50px;
	padding-bottom:50px;
	padding-left:100px;
	width:46px;
	height:45px;
	}


.btnboth
{
background:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
text-align:center;
color:#FFFFFF;
border:#000000;
}


.go
{
background:#0a3c9b;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
text-transform:uppercase;
text-align:center;
color:#FFFFFF;
border:#0a3c9b;
}


.addnew
	{
	padding-top:10px;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	}


.from
	{
	padding-top:5px;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000000;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration:none;
	}

.frominput
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	background:#000000;
	border:#000000;
	margin:5px;
	}

.reportgenerate
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#ffffff;
	background:#000000;
	border:#000000;
	margin:5px;
	text-transform:uppercase;
	}

.clienthome
	{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	padding:5px;
	text-transform:uppercase;
	}

.client-category
	{
	font-size:18px;
	color:#000000;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
	text-transform:uppercase;
	}


.problem-submittion
	{
	font-size:14px;
	color:#4877a5;
	font-weight:bold;
	padding:10px;
	text-transform:uppercase;
	}


.problem-text
	{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	padding-top:30px;
	padding-left:30px;
	text-transform:uppercase;

	}

.problem-hash{
color:#FF0000;
}

.problem-text-input
	{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	padding-top:10px;
	padding-left:30px;
	text-transform:uppercase;
	}

.problem-border
{
border:#000000 1px solid;
}

.main
{
	font-size:20px;
	color:#000000;
	font-weight:bold;
	padding-top:80px;
	padding-bottom:80px;
	padding-left:15px;
	padding-right:15px;
	text-transform:uppercase;
	background:#FFFFFF;
}

.login_head{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#A0A0A0;
	font-weight:bold;
	padding-top:20px;
	padding-bottom:20px;
}

.error{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	color:#FF0000;
}

.success{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
	color:#999999;
}


.servicing
{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:30px;
	
}

.arterik{
	color:#FF0000;
	size:auto;
	padding-right:1px;	
}

.client-history
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFFFFF;
	padding-left:60px;
	padding-bottom:30px;
	font-weight:bold;
	}

.client-button{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#000000;
	color:#ffffff;
	text-align:center;
	font-weight:bold;
	border:#000000 1px solid;
	padding:5px;
	}

.name
{
	font-size:12px;
	font-weight:bold;
	color:#000000;

	padding-left:20px;
	padding-top:5px;
}


.particulars
{
	font-size:14px;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

.menu_top{
	text-transform:uppercase;
	text-align:left;
	padding-left:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;		
}

.menu_top1{
	text-transform:uppercase;
	text-align:left;
	padding:1px;
	padding-left:3px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;		
}

.jobcard
	{
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;	
	color:#ffffff;
	font-weight:bold;
	padding-bottom:20px;
	padding-left:80px;
	}

.small
{
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
	padding:5px;
	text-align:center
}

.bill
{
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
	padding-left:20px;
	padding-top:20px;

}


.refno
{
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
	padding-left:5px;
}


.letter
{
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
	padding:5px;
}


.letter-end
{
	font-size:12px;
	color:#000000;
	text-transform:uppercase;
	padding:2px;
}

.blue-text-big
{
	font-size:14px;
	color:#4087ff;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.orange-text
{
	font-size:14px;
	color:#ff6300;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}


.green-text
{
	font-size:12px;
	color:#006800;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.blue-text
{
	font-size:12px;
	color:#4087ff;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:5px;
}

.servicing-type
{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-transform:uppercase;
	padding-left:30px;
	padding-top:5px;
	padding-bottom:5px;
}

.search
{

	font-size:12px;
	color:#000000;
	text-transform:uppercase;
	padding:10px 10px 10px 25px;
}

.inputtextbox{
	background-color:#E5E5E5;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:none;
	padding-left:2px;
	text-align:left;
	border:none;	
}

.galman  {
	border-bottom: 1px solid #d5d5d5;
}

.galman td, .galman th  {
	border-top: 1px solid #d5d5d5;
	padding: 5px;
}

.galman th {
	background-color: #e5e5e5;
}