html, body {
	padding:0px;
    margin: 0px;
}
body {
	font-family: Trebuchet MS;
	font-size: 13px;
	color: #00200E;
	padding: 0px;
	margin: 0px;
   	background-color: #F0FAF0;
}
a, a:link {
    text-decoration: none;
    color:Green;
}
a:hover {
    text-decoration: none;
    color:Red;
}
a:active {
    text-decoration: none;
    color:Green;
}
a:visited {
    text-decoration: none;
}
h1
{
   font-family: Arial, Trebuchet MS;
   font-size: 22px;
   font-weight: bold;
   padding-bottom: 0px;
   margin: 0;
   padding: 0;
   margin-bottom: 10px;
}
h2
{
   font-family: Arial, Trebuchet MS;
   font-size: 18px;
   font-weight: bold;
   color: #005E20;
   margin: 0;
   margin-bottom: 10px;
}
h3
{
   font-family: Arial, Trebuchet MS;
   font-size: 14px;
   font-weight: bold;
   color:Green;
   font-style: Italic;
   margin: 0;
}
input
{
   font-family : Trebuchet MS;
   background-color: #FFFFF0;
   border: 1px solid #DADADA;
   width: 250px;
}
select
{
   font-family : Trebuchet MS;
   background-color: #FFFFF0;
   border: 1px solid #DADADA;
   width: auto;
}
checkbox
{
   background-color: transparent;   
}
textarea
{
   font-family : Trebuchet MS;
   background-color: #FFFFF0;
   border: 1px solid #DADADA;
   font-size: 14px;
}
ul
{
   margin-top: 2px;
}
li
{
   margin-left:10px;
}
p
{
   margin-top: 0px;
}
i,em
{
   color: #005E39
}

#main
{
	max-width:990px;
	width:990px;
	height: auto !important;
	min-height:500px;
	height:500px;
	border-right: 7px solid White;
	border-left: 7px solid White;
	background-color: White;
	margin: auto;
	padding-bottom: 5px;
   	overflow-y: auto !important;
   	overflow-y: none;
}

#header
{
	width:auto;
	height:120px;
   	background: url(../images/bg-header.jpg) top center repeat-x;
   	margin:0;
}
.logo
{
	width: 371px;
	height: 120px;
	font-weight: bold;
	font-size: 13px;
	padding-top: 70px;
	padding-left: 25px;
   	background: url(../images/logo.jpg) top left no-repeat;
   	position: absolute;
}
.logo i
{
}
.imgheader
{
	float: right;
	width: 233px;
	height: 120px;
   	background: url(../images/img-header.jpg) top left no-repeat;
}

#mainisi
{
	width:auto;
	height: auto !important;
	min-height:360px;
	height:360px;
   	overflow-y: auto !important;
   	overflow-y: none;
}

#isi
{
	width:auto;
	height: auto !important;
	min-height:450px;
	height:450px;
	margin-top:2px;
	padding: 10px;
	background-color: #F8FDF1;
   	overflow-y: auto !important;
   	overflow-y: none;
}
#samping
{
	float: right;
	width: 34%;
	height: auto !important;
	min-height:250px;
	height:250px;
	margin-top:2px;
	margin-left: 5px;
   	overflow-y: auto !important;
   	overflow-y: none;
	/*border:1px solid Red;*/
}

/*--- TAMBAHAN ---*/
.kotak
{
	width: auto;
	border:1px solid #B2CA86;
	margin-bottom:15px;
	padding:7px;
	height: auto !important;
	min-height:100px;
	height:100px;
	position:relative;
   	overflow-y: auto !important;
   	overflow-y: none;
}
.judulkotak
{
	padding:7px 18px;
	margin:-6px -6px 5px -6px;
	background-color:#B2CA86;
	color:#2F4F4F;
	font-weight:bold;
	font-style:italic;
}
.iklanbox
{
	width: auto;
	height: auto !important;
	min-height:30px;
	height:30px;
	margin-bottom: 10px;
	font-family:Impact;
	font-size: 16px;
	font-style: italic;
	text-align:center;
   	overflow-y: auto !important;
   	overflow-y: none;
	/*border:1px solid #B2CA86;*/
}
.editclass
{
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 20px;
}
.petunjuk
{
	color:	blue;
	font-size: 11px;
	font-style: italic;
	font-weight:normal;
}
.tombol
{   
	width: auto;
	font-family : Impact, Arial, AvantGarde Md BT;
	font-size: 15px;
	background-color: #406618;
	border: 1px Solid White;
	color: White;
	overflow:hidden;
	padding: 0 25px;
}
.foto
{
	width: auto;
	margin: 3px 6px 3px 6px;
	padding:3px;
	border: 1px Solid #D0E0B6;
	float:left;
	font-size:11px;
	font-style:italic;
	color: Brown;
}
.confirm
{
	width: 65%;
	padding: 10px;
	margin: auto;
	margin-bottom: 20px;
	text-align: center;
	border: 3px double green;
}
.confirm ul
{
	text-align: left;
	margin: 0;
	margin-left: 50px;
}

#processing
{
	position:fixed;
	width: 220px;
	height: auto;
	top:40%;
	left: 40%;
	right:50%;
	border:5px double #DADADA;
	background-color: #B2CA86;
	color: White;
	text-align: center;
	font-style:italic;
	z-index: 5000;
	display: none;
}

th
{
	height: 25px;
	background-color: #2F4F4F;
	font-size:14px;
	color: White;
   	border-bottom: solid 1px Green;
}
.barispilih
{
   	border-bottom: solid 1px #FFFACD;
   	font-weight: bold;
   	background-color: #EEE8AA;
	color: Maroon;
}
.baris1
{
   	background-color: #EDF3E3;
   	border-bottom: solid 1px #D0E0B6;
}
.baris2
{
   	background-color: transparent;   
   	border-bottom: solid 1px #DADADA;
}
#tabeldata
{
	font-size:11px;
}
#tabelform
{
	font-weight:bold;
	position:relative;
}
.listdata
{
	width: auto;
	height: auto !important;
	min-height:50px;
	height:50px;
	padding-bottom:5px;
	border-bottom: 1px solid #D0E0B6;
	margin-bottom: 10px;
   	overflow-y: auto !important;
   	overflow-y: none;
}
.tgldata
{
	font-size:11px;
	margin-bottom:5px;
	color: #B2CA86;
}
.statususer
{
	font-size: 11px;
	padding:10px;
	background-color: #DCEEB9;
	border-bottom: 1px dotted #D0E0B6;
}
/*--- END TAMBAHAN ---*/

#footer
{
	width:auto;
	height: auto !important;
	background-color: #E3E8DB;
	font-size: 11px;
	padding:5px;
	margin-top: 5px;
	text-align: center;
	position:relative;
	display:block;
}

/*--- UNTUK PAGING --- */
.paging
{	
	width: 95%;
	margin: auto;
	padding: 1px 0;
	font-size: 11px;
	font-weight: bold;
	color: #2F4F4F;
   /*border : solid 1px Red;*/
}
.paging a
{	
	text-decoration: none;
	color: #2F4F4F;
}
.paging ul
{
	margin: 0;
	padding: 0;
	z-index: 5;
	padding: 1px 0;
}
.paging li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
.paging li a
{
	margin: 0;
	border: 1px solid #B2CA86;
	background-color: #B2CA86;
	color: #483D8B;
}
.paging ul li
{
	margin-right: 2px;
}
.paging ul li span
{
	padding: 0 5px;
	background-color: #2F4F4F;
	border: 1px solid #2F4F4F;
	color: White;
}
.paging ul li a
{
	padding: 0 5px;
	color: #2F4F4F;
	text-decoration: none;
}
.paging ul li a:hover
{
	padding: 0 5px;
	background-color: Orange;
	text-decoration: none;
}
/*-- END PAGING ---*/

/*===KEPERLUAN KALENDER AJAX==*/
#data_calendar
{
	z-index: 3000;
}
.tglcal
{
	font-family: Arial;
	border: 1px outset #696969;
	background-color: #DCDCDC;
	font-size: 11px;
	color: Black;	
}
.tglcal a/*:link,.tglcal a:visited*/
{
	width: 100%;
	color: Black ;
	padding: 1px 4px;
}
.tglcal a:hover
{
	padding: 1px 4px;
	color: #483D8B;
	text-decoration: none;
	/*font-weight: bold;
	background-color: #FFD700;*/
}
/*===*/

/*--- HOME ---*/
.pengumuman
{
	width: auto;
	height: auto !important;
	padding:2px 0;
	background-color: #DADADA;
	color: Maroon;
	font-style:Italic;
	font-weight:bold;
	font-size:11px;
	font-family: Arial, Trebuchet MS;
}
.statusdana
{
	width: auto;
	height: auto !important;
	min-height:50px;
	height:50px;
	padding:10px;
	margin:-9px -9px 12px -9px;
	border:1px solid #DCEEB9;
	font-family: Impact,Arial;
	font-size:15px;
	font-weight:bold;
   	overflow-y: auto !important;
   	overflow-y: none;
}

.headline
{
	width: auto;
	height: auto !important;
	min-height:100px;
	height:100px;
	margin:-9px -9px 1px -9px;
	background-color: #E3E8DB;
   	overflow-y: auto !important;
   	overflow-y: none;
}
.anggota
{
	width: auto;
	height: auto !important;
	min-height:110px;
	height:110px;
	margin:0 -9px 1px -9px;
	background: url("../images/bg1.jpg") repeat-x top left;
	background-color: #C4DF9B;
	padding: 10px;
	font-size: 12px;
   	overflow-y: auto !important;
   	overflow-y: none;
}

/*--- END HOME ---*/