/* CSS Document */
body{
	margin: 0px;
	overflow: auto;
}

#left{
	float: left;
	background: url(images/logo.jpg) no-repeat top left;
	color: #fff;
	width: 450px;
	/*border: 1px solid #fff;*/
	padding: 0px 10px 0px 120px;
	height: 107px;
	
}


#header{
	float: left;
	background: url(images/bg_header.gif);
	/*background: url(images/bgh.jpg);*/
	width: 100%;
}

#right{
	float: right;
	background: url(images/kanan.jpg) no-repeat top right;
	width: 300px;
	height: 107px;
}

/* menu */
#menu {
	float: left;
	width: 200px;
/*	height:100%;*/
	background:url(images/submenu.gif);
	/*border-right: solid 1px #1f75b0;
	border-bottom: solid 10px #1f75b0;*/
}

#content {
	float:right;
	width:77%;
	padding: 10px;
}

#content span{
	width: 100%;
}

#submenu h3{
	float: left;
	background: url(images/menu_header.gif) repeat-x;
	/*background-color: #1f75b0;*/
	height: 2em;
	border-bottom: solid 1px #BDBA67;
	/*border-right: solid 1px #1f75b0;*/
	margin: 0px;
	color: #ffffff;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	width: 100%;
	line-height: 2em;
	text-indent: 7px;
}

#submenu ul {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-indent: 20px;
	list-style:none;
	background: url(images/submenu.gif) repeat;
}


#submenu li  {
	margin: 0px;
	border-bottom: solid 1px #BDBA67;
	border-top: solid 1px #F6F4C0;
	border-right: 0;
	line-height: 20px;
}

#submenu li a {
	font-family: "arial";
	text-decoration: none;
	color: #000;
	font-size: 12px;
	margin: 0px;
}
#submenu li a:hover {	
	font-size: 12px;
	color:#000;
	margin: 0px;
	/*padding: 5px;*/

}

#submenu p {
	width: 100px;
	margin: 0px 0px 3px 0px;
	font-family: "Trebuchet MS",Arial,Verdana;
	color: #000000;
	font-size: 12px;
	padding-left: 30px;
}

button{
	background: transparent;
	border: medium none;
	padding-left: 10px;
}

.judul_tabel {
	background: #3FA60D;
	color: #fff; 
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 12px; 
	height: 30px; 
	padding-left: 10px; 
	padding-right: 10px;
	border-bottom: solid 5px #B7F996;
	
	text-align: center;
	letter-spacing: 1px;
}

.data {
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 12px; 
	height: 30px; 
	padding-left: 10px; 	
	border-bottom: solid 1px #cccccc;
	text-align:left;
	background-color:#F9FCF6;
}

#detail.data3{
	background: url(images/bgline.gif);
	color: #000000;
	cursor: pointer;
	filter: alpha(opacity=80);
}

.data2 {
	color: #333333; 
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 12px; 
	padding-left: 10px;	
	border-bottom: solid 1px #cccccc;
	text-align:left;
}

.kata, .kata2, .kata3, a, select, .noborder {
	font-family: "Trebuchet MS",Arial,Verdana;
	font-size: 12px; 
	color: #333333; 
}

.sub_judul, .msg{
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 13px; 
	color: #999999; 
	font-weight: bold;
}

.err, a:hover{
	color: #CC0000;
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 12px; 
	font-weight: bold;
}

.tombol, input {
	font-family: "Trebuchet MS",Arial,Verdana;
	font-size: 12px; 	
}

.tombol{
	border: solid 1px #666666;
	font-family: "Trebuchet MS",Arial,Verdana;
	font-size: 12px;
	background-color:#f0f0f0; 	
	/*color: #666666;*/
}


textarea {
	/*border: solid 1px #666666;*/
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 12px; 	
	/*color: #666666;*/
}


.judul{	
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 18px; 	
	color: #666666;	
}

.hari{
	color: white;
	background:#7F92A5;
	font-family: "Trebuchet MS",Arial,Verdana;
	font-weight:bold;
	font-size: 12px; 
}

.bulan{
	font-family: "Trebuchet MS",Arial,Verdana; 
	color:#ffffff;
	font-size: 12px; 	
	font-weight:bold;
}

.tanggal{
	color:#006600;
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 12px; 	
	height:20px;
}

.minggu{
	background:#FF0000;
	color:#ffffff
}

.kalender{
	text-align:center;
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 12px; 	
	height:160px;
	color:#000000;
	background: #FFFFFF;
	border: solid 1px #CCCCCC;
}

#bgblue{
	background: url(images/bgline.gif);
	color: #f0f0f0; 
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 12px; 
	height: 25px; 
	filter: alpha(opacity=70);
}

#bgwhite{
	background: #FFFFFF;
	color: #666666; 
	font-family: "Trebuchet MS",Arial,Verdana; 
	font-size: 12px; 
	height: 25px; 
	filter: alpha(opacity=70);
}

.FormMenu
{
	margin: 0;
	background-color:#cid8b6;
	padding-top: 10px;
	padding-left:10px;
	text-align: left;
	font-size:12px;
	color:#000;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}