body{margin:0px; font-family:Arial; font-size:11px; color:#535353;padding-bottom:28px; padding-left:5px;margin-top:0px}
a{text-decoration:none; font-weight:normal; color:inherit}
a:hover{text-decoration:underline;}
#topBanner{
	height:40px;
	background-color:#3c5a9a;
	margin-bottom:5px;
}

.bgTopBanner{
	background-image:url(topBanner.jpg);
	background-position:10px 5px;
	height:35px;
	width:400px
}

.commonBGColor{
	background-color:#3c5a9a;
}

.subTitle{
	text-align:right;
	font-size:20px;
	color:#00518a;
	margin-bottom:5px
}

.subTitle span{
	background-color:#b93d00; color:#FFF
}

table td{vertical-align:top}
input,select,textarea{
	border:1px solid #535353;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	font-family:Arial;
	font-size:12px;
	background-color:#fff;
}

input,textarea{
	padding:2px;
}

select{
	padding:1px;
}

input:focus,select:focus,textarea:focus{
	background-color:#fffce5;
}
.buttonArea{
	margin-top:5px;
	margin-bottom:5px;
	border:1px solid #808080;
	background-color:#f0f0f0;
	padding:5px;
	text-align:right;
}
.topFilter{
	background-color:#e8d5b7;
	border:1px solid #cf7f00;
	padding:5px;
	margin-bottom:5px;
}
.button{
	border:1px solid #999999;
	background-color:#d3e7fa;
	color:#555;
	background:url(../../images/btn0.gif);
	font-family:Arial;
	font-size:12px;
	padding:2px;
	padding-top:1px;
	padding-bottom:0px;
}
.button:active,.button:focus,.button:hover{
	color:#000;
	background:url(../../images/btn1.gif);
}
.msg{display:none; padding:5px; margin:5px;padding-left:10px}

table .tab,.tab{
	border:1px solid #3b5998;
	border-collapse:collapse;
}
.tab th,.tab td{padding:2px}
.tab th{
	background-color:#3b5998;
	color:#fff;
	font-weight:bold;
	text-align:center;
	font-size:12px;
	height:25px;
}
.tab tr:hover{background-color:#ffe8ca}
.link{cursor:pointer}
.bold{font-weight:bold}
.disabled{color:#fff;background-color:#a0a0a0}
.require{font-weight:bold;background:url(../images/ico/star.png) no-repeat;padding-left:9px}

.pagination{text-align:center}
.pagination div{float:left;padding:0px 5px 0px 5px; margin-right:2px; margin-bottom:10px;border:1px solid #cf7f00}
.pagination .selected{background-color:#e8d5b7}

.copyright{color:#d9d9d9}
#clock{
	font-family:Arial;
	font-size:10px;
	color:#fff
}

.h4{font-size:18px;text-align:center;margin-bottom:5px}

/*Scrollable table*/
.fixedColumn .fixedTable td
{
	/*
	color: #FFFFFF;
	background-color: #187BAF;
	font-size: 12px;
	font-weight: normal;
	*/
}
.fixedHead table,.fixedTable table{
	border:1px solid #535353;
	border-collapse:collapse;
}
.fixedHead td, .fixedFoot td
{
	background-color:#535353;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.fixedTable td
{
	/*
	font-size: 8.5pt;
	background-color: #FFFFFF;
	
	padding: 5px;
	*/
	text-align: left;
	border: 1px solid #535353;
}

#blackOut{
	background-color:#000 !important;
	opacity: .7; 
	filter:Alpha(Opacity=70);
	z-index:9999;
	width:100%;
	height:7000px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	color:yellow;
	text-align:center;
	padding:10px;
	font-size:18px;
	overflow:hidden
}

#loading{
	z-index:9999;
	width:95%;
	height:7000px;
	position:absolute;
	top:0px;
	left:0px;
	display:none;
	color:yellow;
	text-align:center;
	padding:10px;
	font-size:18px;
	overflow:hidden
}

.fieldRupiah{
text-align:right;
}

.noScroll{
	overflow-x:hidden;
	overflow-y:hidden;
}

#leftFloated{
	position:fixed;
	left:-185px;
	top:20px;
	border:5px solid #fff;
	background-color:#fff;
}

/* Key board*/
.keyBoard{
	text-align:center;
	font-size:32px;
	border:1px solid #fff;
	background-color:#3c5a9a;
	color:#fff;
	vertical-align:middle;
}

.keyBoard:active{
	background-color:#fbbd00;
	color:#000;
}

.keyBoardActive{
	background-color:#fbbd00;
	color:#000;
}

.topMainMenu{color:#fff; width:490px; padding-right:0px}
.topMainMenu li{float:right; list-style:none; padding:5px; border:1px solid #223041; border-left:none; font-size:14px; background-color:#192839; width:110px; text-align:center; font-weight:bold; color:#e2e2e2}
.topMainMenu li.menuFirst{border-left:1px solid #223041;}
.topMainMenu li.menuLast{border-right:1px solid #223041; border-left:none}
.topMainMenu li:hover{background-color:#176092; cursor:default; text-decoration:underline; color:#fff}