* {margin:0; padding: 0px}

body {
    /* background-color: #DDDDDD; */
    font-size: 8pt;
    font-family:Tahoma, Geneva, sans-serif;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	/* margin-top: 10px; */
}

img {border:0px;}

a{
	text-decoration: none;
	color: #000066;
}
a:hover{
	text-decoration: underline;
	color: #990066;
}



#wrapper {
	width: 100%-10px;
	height: 768px;
	padding: 0px 1px 1px 1px;
	margin: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	font-size: 6pt;
	border: solid 0px #666666;
}

#header {
	width:1270px;
	height: 95px;
	border: 0px #666666 solid;
/*	background-color: red;*/
	background-image: url(Img/ebanjir_h.gif);
	text-align: center;
	padding-top: 5px;
	font-size: 30pt;
	font-weight: bold;
	color: #000077;
	clear: both;
/*	background-position:center;*/
	background-repeat:no-repeat;
}

#header_left {
	width: 120px;
	float: left;
	text-align: center;
}

#header_center {
	width: 500px;
	float: center;
	text-align: center;
	font-family: Century Gothic;
	font-size: 32pt;
	font-weight: bold;
	color: #FFFFFF;
}

#header_right {
	width: 130px;
	float: right;
	text-align: center;
}

#navigation {
	width: 100%-20px;
	height: 27px;
	font-size: 8pt;
	font-weight: bold;
	border-bottom: 1px #000 solid;
}

#hylright{
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	font-size: 10pt;
	font-weight: bold;
}

#content {
	width: 100%-20px;
	padding: 10px 5px 10px 5px;
/*	color: #dcf6fd;*/
	border: 1px #666666 solid;
}

#footer {
	width: 100%-20px;
	color: #939393;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	border: 0px #666666 solid;
	background-color: #DDDDDD;
}




table#index_table {
	font-size: 10pt;
}

table#index_table td {
	text-align: left;
	vertical-align: top;
}




/* .header1 { background-image: url(Img/bg1.gif); background-repeat: repeat-x; color:#000000; text-align:left; vertical-align:middle; font-family:Tahoma; font-size:12pt; font-weight: bold; width: 100%-2px; height:22px; padding-left: 4px; } */
.header1 { background-color: #BB2222; color:#FFDDDD; text-align:left; vertical-align:middle; font-size:12pt; font-weight: bold; width: 100%-1px; height:24px; padding-left: 10px; padding-top: 3px; }

.button1 { width:80px; height:25px; border:none; font-weight:bold; }

.linkbutton1 { font-family:Tahoma; font-size: 8pt; color:blue; text-decoration:none; vertical-align:middle; font-weight:normal; }    

.txtbox1 { width:100px; } 
.txtbox2 { width:200px; } 
.txtbox3 { width:300px; } 
.txtbox4 { width:400px; } 
.txtbox5 { width:500px; } 
.txtbox6 { width:600px; } 

.dropdownlist1 { width:106px; }
.dropdownlist2 { width:206px; }
.dropdownlist3 { width:306px; }

.cmdSel { font-family:Tahoma; font-size:9pt; color: #333333; text-align:left }

.hiddenfield { display :none }
.highlight { color: red; background-color: #DDDDDD; }

.treeview_theme { overflow:auto; color:#000000; margin-top:0px; }


.view_table { border: solid 0px Black; font-family:Tahoma; font-size:9pt; width: 750px; }
.view_table th { text-decoration: underline; text-align: center; }


.show_table { border: solid 0px Black; font-family:Tahoma; font-size:9pt; width: 750px; }
.show_table th { text-decoration: underline; text-align: center; }
.show_table td { text-align: right; }
.show_table .time { text-align: center; }


.form_theme { border: solid 0px #EFF3FB; font-family:Tahoma; font-size:9pt; }
.form_theme th { height: 23px; }
.form_theme td { text-align: left; height: 23px; }

.search_theme { border: solid 0px #EFF3FB; font-family:Tahoma; font-size:9pt; }
.search_theme th { height: 23px; }
.search_theme td { text-align: left; height: 23px; }


.gvheader	{ font-family:Tahoma; font-size:9pt; padding-bottom:2px; padding-top:2px; font-weight:bold;  background-color:#3366FF; text-align:center; color:#A8DCFF; }
.gvrow		{ font-family:Tahoma; font-size:9pt; color:	#333333 ;  background-color:#F0F8FF; text-align:left }
.gvArow		{ font-family:Tahoma; font-size:9pt; color:	#333333; background-color:#FFFFFF; text-align:left }
.gvPaging	{ font-family:Tahoma; font-size:7pt; padding-bottom:2px; padding-top:2px; font-weight:bold;  background-image: url(Img/bg6.gif); text-align:right; color:#333333; }
.gvSrow		{ font-family:Tahoma; font-size:9pt; color:Gray; background-color:#FFFFFF; text-align:left; font-weight:bold  }	
.gvempty	{ background-color:#FFFFFF; text-align:center; font-size:9pt; color:#333333; width:780px }


/*.InProgress	{ z-index: 5;position: absolute; top: 0px; left:0px; background-color: #FFFFFF; text-align:center; filter:alpha(opacity=90); vertical-align: middle; height:600px; width:100% }
*/

.MyCalendar .ajax__calendar_container { border:1px solid #0099FF; background-color:#ffffff; color:#0099FF; position:absolute; z-index:5; }
.MyCalendar .ajax__calendar_other .ajax__calendar_day,
.MyCalendar .ajax__calendar_other .ajax__calendar_year { color: #0099FF; }
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,
.MyCalendar .ajax__calendar_hover .ajax__calendar_month,
.MyCalendar .ajax__calendar_hover .ajax__calendar_year { color: #0000FF; }
.MyCalendar .ajax__calendar_active .ajax__calendar_day,
.MyCalendar .ajax__calendar_active .ajax__calendar_month,
.MyCalendar .ajax__calendar_active .ajax__calendar_year { color: #9900FF; font-weight:bold; }



.Grid_theme { BORDER-COLLAPSE: collapse; BORDER: #d0d0d0 1px solid; FONT: NORMAL 9pt Tahoma; MARGIN: 0px; }
.Grid_theme th { BACKGROUND-COLOR: #e2e0cb; COLOR: #333333; PADDING: 5px 2px 2px 2px; BORDER-BOTTOM: #d2d0bb 2px solid; BORDER-RIGHT: #d2d0bb 2px solid; text-align: center; vertical-align: middle; font-weight: bold; text-decoration: none; }
.Grid_theme td { BORDER: #f1efe2 1px solid; PADDING: 2px 2px 2px 2px; }

.Grid_theme .nofound { color: red; text-align: center; font-size: 10pt; font-weight: bold; }
.Grid_theme .class_a2 div { width: 100%; height: 100%; text-align: center; color: #72705b; background-color: #e2e0cb; cursor: hand; text-decoration: none; }
.Grid_theme .class_a2:hover div { width: 100%; height: 100%; text-align: center; color: #72705b; background-color: #ffcc33; cursor: hand; text-decoration: none; }
.Grid_theme .selected { color: #72705b; background-color: #ffcc33; }



.report_table { border: solid 1px gray; padding-left: 5px; }
.report_table .head { font-size: 13pt; }


/* table style */
.gv_theme {	overflow:auto; color:#000000; margin-top:0px; }
/* common cell styles */
.gv_theme td { cursor:default; }
/* header cell styles */
.gv_theme th { background: url(Img/sprite.png) repeat-x 0px 0px; border-color: #989898 #cbcbcb #cbcbcb #989898; border-style:solid solid solid solid; border-width: 1px 1px 1px 1px; cursor:default; color: #000000; padding: 4px 5px 4px 10px; text-align: center; vertical-align: middle; position:relative; font-family:Tahoma; font-size:9pt; font-weight:normal; text-decoration:none; }
/* data data cell style */
.gv_theme td { padding:2px 2px 2px 2px; border-right:solid 1px #cbcbcb; font-family:Tahoma; font-size:9pt; font-weight:normal; text-decoration:none; }
/* alternating row style */
.gv_theme .alt-data-row { background-color:#edf5ff; font-family:Tahoma; font-size:9pt; font-weight:normal; text-decoration:none; padding:2px 2px 2px 2px; border-right:solid 1px #cbcbcb; }
/* mouseover row style */
.gv_theme .row-over{ background-color:#b2d2ff; }
/* mouseover cell style */
.gv_theme .cell-over { background-color:#b2d2ff; }
/* select row style */
.gv_theme .row-select { background-color:#426fd9; color:#ffffff; }
/* Paging */
.gv_theme .paging { position:relative; background: url(Img/sprite.png) repeat-x 0px 0px; border-color: #989898 #989898 #989898 #989898; border-style: solid solid solid solid ; border-width: 1px 1px 1px 2px; color:#333333; text-align: left; vertical-align: bottom; font-family:Tahoma; font-size:7pt; font-weight:normal; text-decoration:none; }
/**/
.normal {color:#000000;font-weight:bold;}
.berjaga {color:#04B404;font-weight:bold;}
.amaran {color:#D7DF01;font-weight:bold;}
.kecemasan {color:red;font-weight:bold;}

.th_lebat1 {color:#04B404;font-weight:bold;}
.th_lebat2 {color:#D7DF01;font-weight:bold;}
.th_lebat3 {color:red;font-weight:bold;}