body{
	background: #2d2d2d url(image/bg.jpg) repeat-x;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color: #c6c6c6;	
	padding: 0;
	margin: 0;
	overflow:hidden;
}

.body2 {
	background: url(image/bg_felda.jpg);
	position: fixed;
	width: 100%;
	height: 100%;
	padding: 10px;
	margin: 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-border-radius: 10px;
}

.body_box {
	width: 555px;
	background: url(image/darkbg.png);
	padding: 10px;
	margin: 100px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-border-radius: 6px;
}

#login {
	background: url(image/bg_felda.jpg);
	position: fixed;
	width: 100%;
	height: 100%;
}

#content 
{
	border:solid 1px white;
	position: absolute;
	width: 100%;
	height:100%;
	overflow:hidden;
	z-index:-11;
}

.logo{
	float: left;
	width: 141px;
	height: 134px;
	background: url(image/bulat.png);
}

.tools_toggle {position: absolute; z-index: 20; float: left; margin: 20px 0 0 -5px; }
.menu_toggle {position: absolute; z-index: 20; float: left; margin: 80px 0 0 -65px;}

.logo a, .logo a:visited{
	padding: 5px;
	border: none 0px black;
	color: #ccc;
	text-decoration: none;
}
img 
{
	border: none 0px;
}

.logo a:hover{
	color: #ff7f02;
	text-decoration: none;
}

.main_holder{
	background: url(image/darkbg.png);
	width: 170px;
	float: left;
	padding: 15px;
	margin: 75px 15px 15px 15px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	float: left;
	z-index: -1;
	position: absolute;
}
.main_holder h3{
	color: #ff6600;
	border-bottom: #ff6600 1px solid;
}

.main_holder h2{
	text-align: right;
}

.main_holder input, .main_holder select{
	font-size: 8pt;
	font-style: italic;
	color: #2d2d2d;	
	padding: 4px;
}

.tools, .tools ul, .tools li{
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.tools{
	z-index: -2;
	position: absolute;
	background: url(image/darkbg.png);
	padding: 5px 5px 5px 45px;
	margin: 15px 15px 15px 90px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
}

.tools li{
	margin: 2px;
}


.tools a {
	background: #ccc url(image/normal.png);
	float: left;
}

.tools a:hover{
	background: #ffd02f url(image/hover.png);
}

.tools img.disabled {	
	background: #ccc url(image/disabled.png);
}

input.map, input.report, input.carian
{
	margin-bottom: 2px;
	border: 0px;
	background: url(image/map_button_normal.png) no-repeat;
	padding-left: 25px;
	padding-top: -10px;
	padding-right: 10px;
	font-weight: bold;
	cursor: pointer;
	color: #fff;
}

.link
{
	width: 100%;
	text-align:left;
}

input.report{
	background: url(image/report_button_normal.png) no-repeat;
}

input.carian
{
	background: url(image/cari_button_normal.png) no-repeat;
}

input.map:hover{
	background: url(image/map_button_hoverl.png) no-repeat;
	color: #2d2d2d;
}

#kluar:hover 
{
	color:Red;
}

input.report:hover{
	background: url(image/report_button_hover.png) no-repeat;
	color: #2d2d2d;
}

input.carian:hover{
	background: url(image/cari_button_hover.png) no-repeat;
	color: #2d2d2d;
}

.error_box
{
	background: #333333;
	border: solid 2px  #ff6600;
	padding: 5px;
	width: 200px;
	position:absolute;
	left: 50%;
	margin-left: - 100px;
	top: 50%;
	margin-top: -45px;
}

.menu_box{
	width: 400px;
	height: 250px;
	background: url(image/darkbg.png);
	padding: 10px;
	margin: 100px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-border-radius: 6px;
}

.login_box{
	width: 555px;
	background: url(image/darkbg.png);
	padding: 10px;
	margin: 100px auto;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-border-radius: 6px;
}
.login_box input[type|="text"] {
	width: 240px;
	margin: 10px 0;
	padding: 5px;
	font-size: 12pt;
	font-style: italic;
}
.login_box input[type|="password"] {
	width: 240px;
	margin: 10px 0;
	padding: 5px;
	font-size: 12pt;
	font-style: italic;
}
.login_box input[type|="submit"] {
	width: 240px;
	margin: 10px 0;
	padding: 5px;
	font-size: 12pt;
	font-style: italic;
}
.login_box input[type=checkbox]{

}
.login_box input[type=submit] {
	width: 100%;
	font-style: normal;
}

.login_box form, .login_form table{
	float: left;
}

.login_box table td{
	vertical-align: top;
	padding: 10px;
}

.error {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-border-radius: 6px;
	border: #f00 1px solid;
	background: #ffdddd;
	color: #3d3d3d;
	padding: 10px;
	margin-bottom: 10px;
}

.error li {
	list-style: url(image/exclamation.png);
}
.notice li {
	list-style: url(image/information.png);
}
.notice {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-border-radius: 6px;
	border: #00f 1px solid;
	background: #ddddff;
	color: #3d3d3d;
	padding: 10px;
	margin-bottom: 10px;
}

/* kamy ubah width jadi 170px*/
#user_control {
	width: 170px;
	!height:15px;
	!padding: 0px 0px 10px 0px;
	text-transform: uppercase;
	font-weight: bold;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-border-radius: 6px;
	position: absolute;
	right: 0px;
	top: 0px;
	background: url(image/darkbg.png);
}


    ul.topnav {  
        list-style: none;  
        padding:  0 0px;  
        margin: 0;  
        float: left;  
        width: 200px;  
        background: #222;  
        font-size: 10px;
        background: url(topnav_bg.gif) repeat-x;  
    }  
    ul.topnav li {  
        float: left;
        margin: 0;  
        padding: 0 17px 0 0;  
        position: relative;   
    }  
    ul.topnav li a{  
        padding: 11px 6px;  
        color: #fff;  
        display: block;  
        text-decoration: none;  
        float: left;  
    }  
    ul.topnav li a:hover{  
        background: url(topnav_hover.gif) no-repeat center top;  
    }  
    ul.topnav li span {  
        width: 17px;  
        height: 35px;  
        float: left;  
        background: url(list_down.gif) no-repeat center top;  
    }  
    ul.topnav li span.subhover {background-position: center bottombottom; cursor: pointer;}  
    ul.topnav li ul.subnav {  
        list-style: none;  
        position: absolute;  
        left: 0; top: 32px;  
        background: #333;  
        margin: 0; padding: 0;  
        display: none;  
        float: left;  
        width: 130px;  
        border: 1px solid #111;  
        font-size:9px;
    }  
    ul.topnav li ul.subnav li{  
        margin: 0; padding: 0;  
        border-top: 1px solid #252525;  
        border-bottom: 1px solid #444;  
        clear: both;  
        width: 130px;  
    }  
    html ul.topnav li ul.subnav li a {  
        float: left;  
        width: 115px;  
        background: #333 url(dropdown_linkbg.gif) no-repeat 10px center;  
        padding-left: 10px;  
    }  
    html ul.topnav li ul.subnav li a:hover { 
        background: #222 url(dropdown_linkbg.gif) no-repeat 10px center;  
    }  
    
    
    a
    {
        text-decoration:none;
    }