body
{
	background-position:center center;
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-image: url(image/background.jpg);
}
.linkmenu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6666CC;
	text-decoration: none;
}
.headertbl {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;

}
.header {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
.headerblis {
	font-family: Bliss 2 Regular;
	font-size: 16px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
.headerblisbesar {
	font-family: Bliss 2 Regular;
	font-size: 20px;
	font-weight: bold;
	color: #000066;
	text-decoration: none;
}
h1{
	font-family:arial;
	font-size:12pt;
	color:#000000;
	text-align:center;
}

h1.title{
	font-family:arial;
	font-size:12pt;
	color:#ff0000;
	text-align:left;
	margin-top:10px;
	margin-left:10px;
}

a:hover h1.title{
	font: 8pt Arial;

}

a.menubar:link,a.menubar:visited{
	padding:1px;
	font-family:arial;
	font-size:8pt;
	border:1px solid #CCCCCC;
	background-color:#333333;
	color:#FFFFFF;
	text-decoration:none;
	width: 80px;
	text-align: center;
}

a.menubar:hover{
	padding:1px;
	font-family:Arial;
	font-size:8pt;
	border:1px solid #000000;
	background-color:#CCCCCC;
	color:#000000;
	text-decoration:none;
	width: 80px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
a.menubar:visited{
	padding:1px;
	font-family:arial;
	font-size:8pt;
	border:1px solid #CCCCCC;
	background-color:#333333;
	color:#feb824;
	text-decoration:none;
	width: 80px;
	text-align: center;
}

a.menubarbutton:link,a.menubarbutton:visited{
	padding:1px;
	font-family:arial;
	font-size:8pt;
	border:2px solid #000000;
	background-color:#CCCCCC;
	color:#000000;
	text-decoration:none;
	text-align: left;

}

a.menubarb:link,a.menubarb:visited{
	padding:1px;
	font-family:arial;
	font-size:10pt;
	border:1px solid #CCCCCC;
	background-color:#333333;
	color:#FFFFFF;
	text-decoration:none;
	width: 100px;
	text-align: center;
}

a.menubarb:hover{
	font-family:Arial;
	font-size:10pt;
	border:1px solid #000000;
	background-color:#feb824;
	color:#000000;
	text-decoration:none;
	width: 100px;
	font-style: normal;
	font-weight: bold;
	text-align: center;
}
a.menubarb:visited{
	padding:1px;
	font-family:arial;
	font-size:10pt;
	border:1px solid #CCCCCC;
	background-color:#333333;
	color:#FFFFFF;
	text-decoration:none;
	width: 100px;
	text-align: center;
}

a.menubarbutton:link,a.menubarbutton:visited{
	padding:1px;
	font-family:arial;
	font-size:8pt;
	border:2px solid #000000;
	background-color:#CCCCCC;
	color:#000000;
	text-decoration:none;
	text-align: left;

}
a.menubarbutton:hover{
	padding:1px;
	font-family:Arial;
	font-size:8pt;
	border:2px solid #000000;
	background-color:#CCCCCC;
	color:#000000;
	text-decoration:none;

	font-style: normal;
	text-align: left;

}
a.menubarbutton:visited{
		padding:1px;
	font-family:arial;
	font-size:8pt;
	border:2px solid #000000;
	background-color:#CCCCCC;
	color:#000000;
	text-decoration:none;

	text-align: left;

}

.button{
	background-color:#CCCCCC;
	border:3px solid #000000;
	color:#000000;
	width:120px;
	text-align:center;
	font-weight: bolder;
	height: 30px;
	font-family: arial;
	font-size: 11px;


}
.tampiltabel {
	color: #000000;
	font-family: Arial;
	font-size: 8pt;
}
.biasa {
	color: #000000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 8pt;
	font-weight: normal;

}
.headerMenubar {
	color: #000066;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.headerHome {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: capitalize;
	text-decoration: underline;


}
.kuis {
	font: normal 12px Arial;
	color: #000000;
}
.textdanlist {
	color: #000000;
	background: #CCCCCC;
	font-family: Arial;

}
.buttonpanjang {
	background-color:#CCCCCC;
	border:2px solid #000000;
	color:#000000;
	width:80px;
	text-align:center;
	font-weight: normal;
	height: 15px;
	font-family: Arial;
	font-size: 10px;
}
.buttonkecil {
	background-color:#CCCCCC;
	border:1px solid #000000;
	color:#000000;
	width:50px;
	text-align:center;
	font-weight: normal;
	height: 15px;
	font-family: Arial;
	font-size: 10px;
}
.headertblungu {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
	font-weight: bold;
}
.buttonkalender {
	background-color:#CCCCCC;
	border:1px solid #000000;
	color:#000000;
	width:75px;
	text-align:center;
	font-weight: bold;
	height: 20px;
}
.headertabel {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	width: 50px;
	text-align: center;
	vertical-align: middle;
	height: 30px;
}
.headertabel2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #060000;
	text-decoration: none;
	font-weight: bold;
	width: 50px;
	text-align: center;
	vertical-align: middle;
	height: 30px;
}
.logout {
	font-family: Arial;
	font-size: 12px;
	color: #00003E;
}
.box {
	height: 20px;
	width: 280px;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
}
.boxsuper {
	height: 20px;
	width: 580px;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
}
.pesanerror {
	font-family: arial;
	font-weight: bolder;
	color: #FF0000;
}
.kotaklabel {
	font-family: arial;
	font-weight: bolder;
	color: #000066;
	font-size: 10px;
	height: 30px;
	width: 200px;
	background-color: #F2F2F2;
	border: 1px solid #000000;

}
.headertblungukecil {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000066;
	text-decoration: none;
	font-weight: bold;
}
.boxsedang {
	height: 20px;
	width: 230px;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
}

.fontbox {height: 20px;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
}
.boxkecil {
	height: 20px;
	width: 150px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}
.boxsuperkecil {
	height: 20px;
	width: 40px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
}
.boxtgl {
	height: 20px;
	width: 70px;
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #000066;
}
.form {
	font-family: Calibri;
	font-size: 12px;
	color: #000066;
	text-decoration: none;
}
.boxselect {
	font-family: arial;
	font-size: 12px;
	font-weight: normal;
	color: #000066;
}
table#umlk { width: 100%; font-family: tahoma; border: 1px #ccc solid;}
.umup_ { background: #FF9900; color: #fff; font-size: 8pt; font-weight: 800; height: 25px; text-align:center; }
.umup { background: #F0F8F8; color: #fff; font-size: 8pt; font-weight: 800; height: 25px; text-align:center; }
.ump { background: #A9A9A9; color: #fff; font-size: 8pt; font-weight: 800; height: 25px; text-align:center; }
.umup_1 { width: 40px; border-right: 1px #fff solid;border-bottom: 1px #fff solid;}
.umup_2 { width: 300px; border-right: 1px #fff solid;border-bottom: 1px #fff solid;}
.umup_3 { border-bottom: 1px #fff solid;}
.umud_ { color: #111; font-size: 8pt; font-weight: 300; height: 22px; text-align:left; text-transform: capitalize;}
.umud_1 { padding:5px;width: 40px; border: 1px #555 solid; border-top: none;}
.umud_2 { padding:5px;width:300px;border-right: 1px #555 solid;border-bottom: 1px #555 solid; }
.umud_22 { padding:5px;width:300px;border-right: 1px #555 solid;border-bottom: 1px #555 solid; border-left: 1px #555 solid;}
.umud_3 { padding:5px;border-bottom: 1px #555 solid;border-right: 1px #555 solid;}
.umud_3 a { text-transform: lowercase; text-decoration: none; color: #111; }
.umud_3 a:hover { border-bottom: 1px #f00 solid; color: #f00; }
table#umlk a { text-transform: uppercase; text-decoration: none; color: #ff9900; font-size:8pt; }
table#umlk a:hover {  color: #000; background-color:#CCCCCC; }
tr.data{
	background: #E8F5F8;color: #111; font-size: 8pt; font-weight: 300; height: 22px; text-align:left; text-transform: capitalize;
}
tr.data_a{
	background: #F3F3F3;color: #111; font-size: 8pt; font-weight: 300; height: 22px; text-align:left; text-transform: capitalize;
}