* {
	font-family:arial;
}

img{
 border:none;
}


.menu_top_container{
	font-weight:bold;
	font-size:13px;
	background-color:#EFEFDD;
	height:110px;
	padding-top:10px;
	width:100%;
	border-right :solid 1px #ababab;
	border-left :solid 1px #ababab;
	border-bottom : solid 2px #ddbbaa ;
}

	.menu_top{
		width:90px;
		height:70px;
		float:left;
		margin-left : 7px;
		margin-right : 8px;
		border-top :solid 1px #CDCDCD;
		border-left :solid 1px #CDCDCD;
		border-right : solid 2px #ABABAB ;
		border-bottom : solid 2px #ABABAB ;
		text-align:center;
	}
	
	.menu_top:hover{
		background-color:#DDEFEF;
		text-decoration:none;
	}

	.menu_top a{
		text-decoration:none;
		color:#0044BB;
	}
	
	.menu_top a:hover{
		color:brown;
	}
	
		.menu_top img{
			border:none;
			width:60px;
			height:60px;
			margin-top:5px;
			margin-bottom:5px;
		}
	
.menu_top.selected{
	background-color:red;
}
	
.menu_left_container{
	font-weight:bold;
	font-size:11px;
	width:100px;
	/*border:solid 1px black;*/
	background-color:#ffe8e8;
}
	
.menu_left{
	width:100px;
	height:100px;
	text-align:center;
	background-color:white;
	border-right :solid 1px #ABABAB;
}

#menu_left_active{
	border-top :solid 1px #ABABAB;
	border-right :none;
	border-left :solid 1px #ABABAB;
	border-bottom :solid 1px #ABABAB;
	background-color:#ffe8e8;
}
	
.menu_left:hover{
	background-color:#DDEFEF;
	text-decoration:none;
}

.menu_left a{
	text-decoration:none;
	color:#007700;
}

.menu_left a:hover{
	color:brown;
	font-size:12px;
}

	.menu_left img{
		border:none;
		width:60px;
		margin-left:5px;
		margin-top:5px;
	}
	
	.menu_left img:hover{
		width:66px;
		margin-top:3px;
		margin-left:3px;
	}
	
.content {
	line-height:210%;
	padding-left:10px;
	background-color:#ffe8e8;
	font-size:12px;
	border-right :solid 1px #ABABAB;
	border-bottom :solid 1px #ABABAB;
}


.content  input,textarea,select {
	font-size:12px;
	line-height:150%;
}	

input:focus, select:focus{
	background-color:#DDFFDD !important;
}

.datagrid{
	font-size:12px;
	font-family:verdana, dejavu Serif;
	line-height:200%;
}

.datagrid th{
	color:white;
	background-color:#663300;
	line-height:200%;
	padding:1px;
}

.datagrid th a{
	color:white;
	
}

.datagrid th a:hover{
	color:yellow;
	
}

.datagrid tr:hover{
	background-color:#dedeff;
}

.datagrid td{
	vertical-align:top;
	border-right : dotted 1px green;
	letter-spacing:0.5px;
}

.datagrid_cetak{
	font-size:12px;
	font-family:verdana, dejavu Serif;
	line-height:200%;
}

.datagrid_cetak th{
	color:white;
	background-color:#663300;
	line-height:200%;
	padding:1px;
}


.datagrid_cetak td{
	vertical-align:top;
	border-right : dotted 1px green;
	letter-spacing:1px;
}

.x_button{
	padding-top:5px;
	line-height:100%;
	width:70px;
	height:65px;
	border-top :solid 1px #CDCDCD;
	border-left :solid 1px #CDCDCD;
	border-right : solid 2px #ABABAB ;
	border-bottom : solid 2px #ABABAB ;
	text-align:center;
	
}
.x_button img{
	width:45px;
}

.x_button img:hover{
	padding:-2px;
	width:50px
}

.x_button a{
	text-decoration:none;
}	
.x_button a:hover{
	color:brown;
}	

.warning{
	border:solid 1px #770000;
	line-height:300%;
	font-size:13px;
	background-color:#ddeedd;
	font-weight:bold;
	color:brown;
	text-align:center
}
.table{
	border-collapse:collapse;
}

.table th{
	border: 1px solid #000066;
	background-color:#CEDECE;
}
.table td{
	border: 1px solid #000066;
}