body {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	PADDING:0px;
	margin:0px;;
	background:white url('../../../templates/default/images/background.gif') repeat-x ;
	/* background gw ganti tor*/
	/*-----bg baru-----*/
	/*-----background:white url('../../../templates/default/images/bg_body.gif') repeat-x fixed top;----*/

	/*-----bg lama-----*/
	/*
	background:#444;
	*/
}
h2 {
	font-size: 16px;
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
h4 {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.m{text-align:right;padding-top:8px;color: #FFFFFF;}
.mist
{
    background-color: black;
    position:absolute;
    left:0px;
    top:0px;
    z-index: 100;
    visibility: hidden;
    filter: alpha(opacity=50);
    opacity: 0.50;
}
form{PADDING:0px;margin:0px;}
a{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration:none;
	font-weight: normal;
}
a:hover{color: #999999;}
a:link{color: #000000;}
.link-bold{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #999;
	text-decoration:none;
	font-weight: bold;
}
.link-bold:hover{color: #000;}
.link-bold:link{color: #999;}
#clock {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	padding:5px;
	vertical-align:middle;
}
.rol {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #FFF;
}
.content {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
.contentright {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
}
img {
	border: 0px;
}
.input-login {
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-weight: normal;
	color: #FFF;
	background-color: #052F47;
	border-left: 0;
	border-top: 0;
	border-right: 1px solid #031926;
	border-bottom: 1px solid #031926;
}
input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-weight: normal;
	color: #111111;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-weight: normal;
	color: #111111;
}
textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #111111;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}
select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #111111;
	background-color: #FFFFFF;
	border: 1px solid #666666;
}
.footer {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: white;
	vertical-align: bottom;
}
.title{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color:black;
	font-weight:bold;
}
.header{
	font-size: 11px;
	font-weight: normal;
	padding: 1px;
	color:black;
	border:1px solid black;
	background:white;
	font-weight:bold;
}
.header2{
	font-size: 11px;
	font-weight: normal;
	padding: 1px;
	color:#333333;
	border:1px solid #333333;
	background:white;
	text-align:center;
}
.itemwarn{
	font-size: 10px;
	font-weight: normal;
	color:black;
	background:yellow;
	font-weight:normal;
}
.item1{
	font-size: 10px;
	font-weight: normal;
	color:black;
	background:#DDDDDD;
	font-weight:normal;
}
.item2{
	font-size: 10px;
	font-weight: normal;
	color:black;
	background:#EEEEEE;
	font-weight:normal;
}
.item3{
	font-size: 10px;
	font-weight: normal;
	color:black;
	background:#FFFFFF;
	font-weight:normal;
	border-right:1px solid #EFEFEF;
	border-bottom:1px solid #EFEFEF;
}
.item_red{
	font-size: 10px;
	font-weight: normal;
	color:white;
	background:red;
	font-weight:normal;
}
.td_menu1{
	background:url('../images/bg_menu.gif') repeat-x;
	border-bottom:1px solid #2B2B2B;
	height:40px;
	padding-left:4px;
}
.td_menu{
	background:url('../images/bg_menu.gif') repeat-x;
	border-bottom:1px solid #2B2B2B;
	border-left:1px solid #2B2B2B;
	height:40px;
	padding-left:4px;
}
.td_menu1-a{
	border-top:1px solid #2B2B2B;
	height:40px;
	padding-left:4px;
}
.td_menu-a{
	border-top:1px solid #2B2B2B;
	border-left:1px solid #2B2B2B;
	height:40px;
	padding-left:4px;
}
.submenu{
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color:#FFFFFF;
}
.submenu:hover{color: #FFFFFF;text-decoration:underline}
.submenu:link{color: #FFFFFF;}
.menu{
	font-family:trebuchet MS;font-size:12px;
	font-weight: normal;
	font-weight: bold;
	color:#FFFFFF;
}
.menu:hover{color: #FFFFFF;font-weight: bold;}
.menu:link{color: #FFFFFF;font-weight: bold;}
.submenu{
	font-family:trebuchet MS;font-size:12px;
	font-weight: normal;
	font-weight: normal;
	color:#FFFFFF;
	font-weight:normal;
}
.pagepath{
	padding-bottom:2px;
}
.title-white{
	font-family:Arial;
	font-weight: bold;
	font-size: 12px;
	color:#FFFFFF;
	padding-left:5px;
}
.white{
	font-family:Arial;
	font-weight: normal;
	font-size: 12px;
	color:#FFFFFF;
	padding-left:5px;
}
/*
tor ini tambahan css
*/
.raf_menu_vertical_hover {
	padding : 0px 0px 0px 0px;
}
.raf_menu_vertical_hover a {
	display : block;
	padding : 4px;
}
.raf_menu_vertical_hover a:hover {
	background : #E54343;
}