html, body {
	margin: 0px;
	padding: 0px;
	font: 12px Arial, Helvetica, sans-serif;
	color: #333;
	background: #FFFFFF;
}

h1, h2, h3, h4, h5, h6, h7, h8 {
	color:#E7A508;
	margin: 5px 0px;
	padding: 0px;
}

h1 { font-size:16px; }
h2 { font-size:14px; }
h3 { font-size:12px; }

th, td { text-align:left; padding: 0; margin: 0;}
#admincontainer {
	margin-right: auto;
	margin-left: auto;
	padding-left:5px;
	padding-right:5px;
}
#admincontainer th, #admincontainer td { text-align:left; padding: 2px; margin: 0;}
#container {
	width: 779px;
	margin-right: auto;
	margin-left: auto;
}
#stripe {
	background: url(../images/ibg.gif);
	width: 100%;
	height: 111px;
	margin-top: 15%;
}
.center {
	display: block;
	text-align: center;
}

#frontgreeting {
	float: left;
	margin-left: 100px;
	margin-top: -196px;
}
#top {
	background: url(../images/main-top.jpg);
	height: 85px;
	width: 575px;
}
#mid {
	background: url(../images/main-mid.jpg);
	height: 111px;
	width: 575px;
}
#bot {
	background: url(../images/main-bot.jpg);
	height: 46px;
	width: 575px;
}
#enter {
	background: url(../images/klik.gif);
	height: 69px;
	width: 160px;
	margin-left: 400px;
}
#frontgreeting #top a, #frontgreeting #mid a, #frontgreeting #bot a, #frontgreeting #enter a {
	display: block;
}

#main1 {height:85px;width:575px;}
#main2 {height:111px;width:575px;}
#main3 {height:46px;width:575px;}
#main4 {height:20px;width:160px;}

#top1 {
	background: url(../images/in-top1a.jpg);
	height: 36px;
	width: 310px;
}
#top2 {
	background: url(../images/in-top1b.jpg);
	height: 57px;
	width: 310px;
}
#top3 {
	background: url(../images/in-top1c.jpg);
	height: 25px;
	width: 310px;
}
#logo {
	background: #E7A508 url(../images/page-kpdnlogo.gif) no-repeat;
	height: 57px;
	width: 469px;
	float:left;
	margin-top:36px;
}

#rightnav {
	float:right;
	margin-left: 5px;
	margin-top: 5px;
}

#semak {
	background-color:#FAECCE; /*#FAECCE;*/
	width: 280px;	
}

#adu, .print, .lamanUtama, .aduanBaru {
	background-color:#E7A508;
	width: 280px; /*--280px--*/
	margin-bottom: 5px;
	text-align:center;
}

.print, .lamanUtama, .aduanBaru {
	padding: 3px;
	width: 100px;
	border: 1px solid #B98406;
	margin-right: 5px;
	margin-left: 5px;
	float:right;
}

#fahamiNoAduan {
	width: 280px;
	margin-bottom: 20px;
	text-align: center;
	margin-top: 20px;
}

#fahamiNoAduan table {
	border: 1px solid #E7A508;
}

#fahamiNoAduan td, #fahamiNoAduan th {
	text-align: center;
	font-weight: bold;
}

#fahamiNoAduan th {
	background-color:  #E7A508;
	color:#FFF;
}

#semakAduan {
	display:none;
	margin:5px;
}

#bantuan {
display:none;
background-color:#FAECCE; /*#FAECCE;*/
	width: 280px;	
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 5px;
}

#content {
	margin-top: 5px;
}

.clear {
	clear:both;
}


#navlist {
	margin: 0;
	padding: 0;
	width: 400px;
	/*border-top: 1px solid #E7A508;*/
}

#navlist ul, #navlist li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
}

#navlist a:link, #navlist a:visited {
	float: left;
	line-height: 10px;
	font-weight: bold;
	margin: 5px 15px;
	text-decoration: none;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover {
	border-bottom: 4px solid #E7A508;
	padding-bottom: 2px;
	background: transparent;
	color: #E7A508;
}

#navlist a:hover { color: #E7A508; }

#footer {
	margin-top:10px;
	text-align:center;
	color:#999;
	font-size:11px;
}

#nomborSPH { display:none;}
#content, #rightnav, #submit { display: block; }
#borang {
	display: none;
	width: 98%;
	border: 1px solid #C88D06;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#borang th {
	font-size: 12px;
	background: #E7A508;
	color: #FFF;
}

#borang th, #borang td { padding: 4px; margin: 4px;}

#borang th a { color: #FFF; }
#errorhantarBukti {
	padding: 20px;
	border: 1px dashed #F00;
	background: #FFDFDF;
}
#buktiDihantar {
	padding: 20px;
	border: 1px dashed #FC6;
	background: #FFF2D9;	
}
#errorhantarBukti h1 {
	color:#F00;
	margin-bottom: 10px;
}
#buktiDihantar h1 {
	color:#FFBA2B;
	margin: 5px;
}
#borang .odd {
	background: #FFF9EB;
}
select, option {
	text-transform: capitalize;
}

.caseNumber {
	font-size:40px;
	font-weight:bolder;
	text-align:center;
	padding: 10px;
	width:55%;
	border: 1px solid #FF9900;
	margin: 0px 0px 20px 10px;
	letter-spacing: 2px;
	background: #FDEBC1;
	color: #8F6605;
}

.caseNumber2 {
	padding: 10px 10px;
	border: 1px solid #FF9900;
	margin: 10px 10px;
	background: #FDEBC1;
	width:650px;
}

#hantarBukti {
	display: block;
}

/*input { text-transform:uppercase; }*/

.perhatianTable {
	background: #FDEBC1;
	border: 1px double #E7A508;
	margin: 5px;
}
.perhatianTable th {
	background: #993333;
	color: #FDEBC1;
	font-size: 12px;
	padding: 3px;
}
.perhatianTable td {
	font-size: 11px;
	padding: 3px;
	color: #990000;
}
.perhatianTable .odd {
	background: #FEF5E0;
}
#timing {
	width:470px;
	background: #FAECCE;
	margin: 0px auto;
	border: 1px solid #E7A508;
	display: none;
}
.wajib {
	color: #F00;
	font-weight: bold;
	font-size: 18px;
}

.wajar {
	color: #0000FF;
	font-weight: bold;
	font-size: 18px;
}

.searchbar {
	background: #FEF5E0;
	padding: 5px;
	border: 1px solid #E7A508;
}

#admincontainer h1, #admincontainer h2, #admincontainer h3, #admincontainer h4, #admincontainer #admincontainer h5, #admincontainer h6, #admincontainer h7, #admincontainer h8 {
	color:#993333;
	margin: 5px 0px;
	padding: 0px;
}