#scrollable {
overflow: auto;
height:650;
width: 100%;
scrollbar-face-color:gray;
background: url(../images/back.png) no-repeat; background-position:bottom;
}

.message {
	font-family:tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:red;
	text-transform:uppercase; 
	font-size: 11px;
	font-weight : bold;
}

.button {
	font-family:tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;text-transform:uppercase; 
	border-radius: 3px; padding: 4px;
}

.txtform {
	font-family:Tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	border-radius: 3px;
	box-shadow: 1px 1px 4px #EBEBEB;
	padding: 2px;
    outline: none;
	
}

.txtforma {
	font-family:Tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;
	
}

.txtformb {
	font-family:Tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color:#333333;text-transform:uppercase; 
}
.txtwhite {
	font-family:Tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#ffffff;text-transform:uppercase; 
}
.txtformg {
	font-family:Tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#999999;text-transform:uppercase; 
}
.red {
	font-family:Tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#FF0000;text-transform:uppercase; 
}
.footer {
	font-family: tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#f2f2f2;
	font-size: 9px;
	border-collapse:collapse;
	background:url(../images/bgtab_1.jpg) repeat-x;	 
	height:21px;text-transform:uppercase; 
}

.leftmenutitle {
	font-family: tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	color:#f2f2f2;
	font-size: 11px;
	font-weight:bold;
	background:#f9b000;text-transform:uppercase; 
	height:31px;
	background:url(../images/tbl_header.png) repeat-x;	 
}
.subtbl { 
	font-family:tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#666666;
	text-transform:uppercase; 
}


.roundleft{
   background: url(../images/left_tbl_head.png) no-repeat;
   width:13px;text-transform:uppercase; 
}
.roundright{
   background: url(../images/right_tbl_header.png) no-repeat;
   width:13px;text-transform:uppercase; 
}
.homeborder { 
	border-right:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
}

.penafi { 
	border-right:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	font-family:tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color:#000;text-transform:uppercase;
	background-color:#FFFFFF 
}

.hometitle {
	font-family:tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight:bold;
	color:#026fb9;text-transform:uppercase; 
}

.homesubtitle {
	font-family:tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color:#026fb9;text-transform:uppercase; 
}

.homevubtitle {
	font-family:tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#939191;text-transform:uppercase; 
}

.tblheader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase; 
	font-size: 11px;
	font-weight : bold;
	border-collapse:collapse;
	background:#0578c7;
	/* url(../images/listviewheader.jpg) repeat-x bottom;*/
	height:25px;
	border-color:#cccccc;
}
.bluebox { 
	background-color:#E0E2FE;
	border-bottom:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 1px;
	font-family:Tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#000000;text-transform:uppercase; 
}
.graybox { 
	background-color:#f3f3f2;
	border-bottom:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 1px;
	font-family:Tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;text-transform:uppercase; 
	color:#000000;
}

.tblitem { 
	background-color:#FFFFCC;
	border-bottom:#CCCCCC solid 1px;
	border-top:#CCCCCC solid 1px;
	font-family:Tahoma,Century Gothic, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;text-transform:uppercase; 
	color:#666666;
}

.biltet {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#666666;
	text-transform:uppercase; 
	font-size: 20px;
	font-weight : bold;

}

body#page.page {
    background-image: url(../images/texture.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 100%;
}

.borderbawah {

	padding: 13px;
	border: 1px solid #b6b6b6;
	border-radius: 7px;
	background: #F7F7F9;
	box-shadow:
		0 0 0 1px rgba(0,0,2,0.1),
		0 1px 0 rgba(0,0,2,0.15),
		0 1px 1px rgba(0,0,2,0.1);

}

.borderatas {

border-top-left-radius: 7px;
border-top-right-radius: 7px;

}



.dataputih { background-color:#D7F4DB;} .spandp {color:#E0E2FE;}
.dataputih_u { text-transform:uppercase;}
.datamerah { background-color:#FB8696;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}
.datamerah2 { background-color:#FF3333;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}
.databiru { background-color:#95B8FF;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}
.datakuning { background-color:#EEE682;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}
.datahijau { background-color:#99d984;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}
.datacoklat { background-color:#F1DEB1;border-bottom:#FFFFFF solid 1px;border-top:#FFFFFF solid 1px;}