html, body{	margin: 0;padding: 0;background-image: url(../images/bg_body.jpg);background-position: top center;background-repeat: no-repeat;font-family: Arial, Helvetica, sans-serif;}
#container{width:760px;margin:0px auto;}
#header{width: 760px;height: 80px;}
.header_l{margin: 15px 0 0 5px;float: left;}
.header_r{margin: 5px 12px 0 0;float: right;}
#menu{width:760px;}
#menu_l{float:left;width:5px;height:35px;display:block;background-image:url(../images/bbar_l.png);background-repeat: no-repeat;}
#menu_mid{float:left;width:750px;height:35px;background-image:url(../images/bbar_bg.png);background-repeat:repeat-x;}
#menu_r{float:left;width:5px;height:35px;display:block;background-image:url(../images/bbar_r.png);background-repeat: no-repeat;}
#menu_mid ul{ margin:0 0 0 21px;padding:10px 0 0 0;list-style:none;font-size:12px;}
#menu_mid ul li{	margin: 0 21px 0 0;display: inline;padding: 0;}
#menu_mid ul li a { color: #CCC;text-decoration: none;padding: 0 0 7px 0; }
#menu_mid ul li a:hover { color: #FFF;border-bottom:3px solid #FFCC00; }
#menu_mid ul li a.active { color: #FFF;border-bottom:3px solid #FFCC00; }
#header_image	{	clear:both;width:760px;height:200px;display:block;	}
#header_image_l{float:left;width:10px;height:200px;display:block;background: url(../images/hdr_img_l.png) no-repeat;}
#header_image_mid{float:left;width:740px;height:200px;display:block;background: url(../images/hdr_img.jpg) no-repeat;background-color:#160402;color:#FFF;}
#header_image_r{float:left;width:10px;height:200px;display:block;background: url(../images/hdr_img_r.png) no-repeat;}
#header_image_mid h1{font-size:16px;margin:0;padding:0;position:relative;top:35px;left:285px;width:450px;}
#header_image_mid p{font-size:12px;margin:0;padding:0;position:relative;top:40px;left:285px;width:450px;line-height:150%;}

.clear{clear:both;}
.hidden{display:none;}

#content{clear:both;margin:10px 0 10px 0;padding:0;font-size:12px;color:#666;}
#panel_login_content a, #panel_updates_content a { color: #FF6600; text-decoration: underline; }
#panel_login_content a:hover, #panel_updates_content a:hover { color: #000000; }
#panel_login{float:left;width:250px;margin-bottom:10px;}
#panel_updates{float:right;width:500px;}

.bbar_l{float:left;width:5px;height:35px;display:block;background-image:url(../images/bbar_l.png);background-repeat: no-repeat;}
.bbar_mid{float:left;height:35px;background-image:url(../images/bbar_bg.png);background-repeat:repeat-x;}
.bbar_mid ul{ margin:0 0 0 10px;padding:10px 0 0 0;list-style:none;font-size:12px;}
.bbar_mid ul li{	margin: 0 21px 0 0;display: inline;padding: 0;}

.hyperURL a { color:#FF6600 ;text-decoration: none;}
.hyperURL a:hover { text-decoration:underline; }
.hyperURL a.active { color: #FFF;border-bottom:3px solid #FFCC00; }

.tbl_view {border-left: 1px solid #CDCDCD; border-top: 1px solid #CDCDCD; margin-bottom: 10px; }
.tbl_view tr.hilite	{	background-color: #FFF9E1;	}
.tbl_view th {background-color: #666; padding: 4px; text-align: left; border-right: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; color: #FFFFFF;}
.tbl_view td {padding: 4px; border-right: 1px solid #CDCDCD; border-bottom: 1px solid #CDCDCD; }
.tbl_view th a {color: #FFFFFF; text-decoration: underline; } .tbl_view th a:hover { color: #FFCC00; }
.tbl_view td a {color: #FF6600; text-decoration: underline; } .tbl_view td a:hover {color: #000000; }
.even { background-color: #F1F1F1; }

.bbar_mid ul li a { color: #CCC;text-decoration: none;padding: 0 0 7px 0; }
.bbar_mid ul li a:hover { color: #FFF;border-bottom:3px solid #FFCC00; }
.bbar_mid ul li a.active { color: #FFF;border-bottom:3px solid #FFCC00; }
.bbar_mid h1{font-size:12px;color:#FFFFFF;margin:0;padding:10px 0 10px 10px;}
.bbar_r{float:left;width:5px;height:35px;display:block;background-image:url(../images/bbar_r.png);background-repeat: no-repeat;}
#panel_login .bbar .bbar_mid { width:240px; }
#panel_updates .bbar .bbar_mid { width:490px; }

#panel_login_content{width:250px;clear:both;}
#panel_login_l{float:left;width:10px;height:175px;display:block;background-image:url(../images/panel_login_l.jpg);background-repeat: no-repeat;}
#panel_login_mid{float:left;width:230px;height:175px;display:block;background: url(../images/panel_login_bg.jpg) no-repeat;}
#panel_login_r{float:left;width:10px;height:175px;display:block;background-image:url(../images/panel_login_r.jpg);background-repeat: no-repeat;}
#panel_updates_content{clear:both;width:500px;height:175px;display:block;background-image:url(../images/panel_updates_bg.jpg);background-repeat: repeat-x;}
#panel_updates_l{float:left;width:10px;height:175px;display:block;background-image:url(../images/panel_updates_l.jpg);background-repeat: no-repeat;}
.panel_updates_mid{float:left;width:480px;height:175px;display:block;background: url(../images/panel_updates_mid.jpg) no-repeat right;}
#panel_updates_r{float:left;width:10px;height:175px;display:block;background-image:url(../images/panel_updates_r.jpg);background-repeat: no-repeat;}

#panel_login_mid form {margin:0;padding:10px 0 10px 0;}

.tbl_form{padding:0;margin:0;}
.tbl_form td, .tbl_form th{padding:5px;font-weight:normal;}
.input_txt{font-size:14px;background-color:#FFFFFF;border:1px solid #CDCDCD;width:140px;color:#FF6600;padding:2px;}

#panel_updates_content p { margin: 0; padding: 10px 5px 10px 5px;border-bottom: 1px solid #F1F1F1; line-height: 150%; }
#panel_updates_content p em { color: #999; font-style:normal; }
#panel_updates_content p.clear { border:none; }
#panel_login_content p { margin: 10px 0 0 5px; padding: 0; line-height:150%;}

#footer{clear:both;width:760px;height:60px;background:url(../images/ftr_bg.jpg) no-repeat;}
#footer ul{list-style:none;margin:0;padding:0;}
#footer ul li { margin:0;padding:0;float:left; }
#footer ul li#ftr_logo_1 { padding: 22px 5px 10px 15px; }
#footer ul li#ftr_logo_2 { padding: 10px 7px 10px 10px; }
#footer ul li#ftr_logo_3 { padding: 12px 10px 10px 10px; }
#ftr_logo_1 a{ display:block;width:122px;height:14px;background: url(../images/ftr_logo_1.jpg) no-repeat;background-position: 0px 0px; }
#ftr_logo_1 a:hover{ background-position: 0px -20px; }
#ftr_logo_2 a{ display:block;width:70px;height:40px;background: url(../images/ftr_logo_2.jpg) no-repeat;background-position: 0px 0px; }
#ftr_logo_2 a:hover{ background-position: 0px -40px; }
#ftr_logo_3 a{ display:block;width:68px;height:35px;background: url(../images/ftr_logo_3.jpg) no-repeat;background-position: 0px 0px; }
#ftr_logo_3 a:hover{ background-position: 0px -35px; }
#footer p { float: right;text-align:right;font-size:11px;color:#999;padding:13px 15px 0 0;margin:0;line-height:150%; }
#footer a { color: #666; }
#footer a:hover { color: #000000; }

/*BUAT POP UP USERGROUP*/
div.popUpInfo {
  position: absolute;
	width:300px;
	background-color:white;
	border:1px solid #888;
	margin: 0;
	padding: 10px;
}