BODY {
margin : 0 0 0 0;
padding : 0 0 0 0;
width : auto; 
}

}

fieldset {
	padding: 3px;
	border: 1px solid #CCCCCC;
	vertical-align: 100%;
}

.kotakjudul
{
height: 46px !important;
color:#555555;
background: url('boxheadbg.jpg') no-repeat;
}

.katajudul
{
background: url('subhead_bg.png');
color: #000099;
}

.katajudul:link
{
color:#555555;
text-decoration:none;
}
.katajudul:visited
{
color:#555555;
text-decoration:none;
}
.katajudul:hover
{
color:#555555;
text-decoration:none;
}


.judul
{
font-family : Tahoma, Verdana;
font-size : 12pt;
font-weight : bold;
color :#990000;
}

.judul:link
{
font-family : Tahoma, Verdana;
font-size : 12pt;
font-weight : bold;
color:blue;
text-decoration:none;
}

.judul:visited
{
font-family : Tahoma, Verdana;
font-size : 12pt;
font-weight : bold;
color:blue;
text-decoration:none;
}

.judul:hover
{
font-family : Tahoma, Verdana;
font-size : 12pt;
font-weight : bold;
color:white;
text-decoration:none;
}

.menu
{
background: url('boxconbg.jpg');
font-family : Tahoma, Verdana;
font-size : 10pt;
font-weight : normal;
}

.boxfoot
{
height: 24px !important;
background: url('boxfootbg.jpg') no-repeat;
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : normal;
}



.kalender
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight:normal;
}

.konten
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : normal;
}

.keterangan
{
font-family : Tahoma, Verdana;
font-size : 10pt;
font-weight : normal;
}

td, body
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : normal;
}

input
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : normal;
}

.formulir
{
background-color : #EFEFEF;
width:100%;
}

a:link
{
color:#990000;
text-decoration:none;
}
a:visited
{
color:#990000;
text-decoration:none;
}
a:hover
{
color:#990000;
text-decoration:none;
}


select
{
font-family : Tahoma, Verdana;
font-size : 8pt;
font-weight : normal;
}


.tambahan
{
background : #FFFFFF;
}

.rubrik
{
background : #EEEEEE;
font-size : 11pt;
font-weight : bold;
}

.kiri
{
background : #E9ECEF;
}

.kanan
{
background : #E9ECEF;
}

.batas:link
{
color:#990000;
text-decoration:none;
}
.batas:visited
{
color:#990000;
text-decoration:none;
}
.batas:hover
{
color:#990000;
text-decoration:none;
font-weight:bold;
}

.batasbawah:link
{
color:#555555;
text-decoration:none;
font-weight:bold;
}
.batasbawah:visited
{
color:#555555;
text-decoration:none;
font-weight:bold;
}
.batasbawah:hover
{
color:#990000;
font-weight:bold;
}
.tabel{
	BORDER-RIGHT: 0px solid #3c6d44; BORDER-TOP: 0px solid #3c6d44; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; BORDER-LEFT:  0px solid #3c6d44; BORDER-BOTTOM: 0px solid #3c6d44; BACKGROUND-COLOR: #FFFFFF;
}

.tabelkiri{
	BORDER-RIGHT: 0px solid #FFFFFF; BORDER-TOP: 0px solid #3c6d44; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; BORDER-LEFT:  0px solid #3c6d44; BORDER-BOTTOM: 0px solid #3c6d44; BACKGROUND-COLOR: #3c6d44;
}

.tabeltengah{
	BORDER-RIGHT: 0px solid #FFFFFF; BORDER-TOP: 0px solid #FFFFFF; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; BORDER-LEFT:  0px solid #FFFFFF; BORDER-BOTTOM: 0px solid #FFFFFF; BACKGROUND-COLOR: #FFFFFF;
}

.tabelkanan{
	BORDER-RIGHT: 0px solid #00CCFF; BORDER-TOP: 0px solid #00CCFF; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; BORDER-LEFT:  0px solid #00CCFF; BORDER-BOTTOM: 0px solid #00CCFF; BACKGROUND-COLOR: #A4E6F9;
}

.tabelbawah{
	BORDER-RIGHT: 0px solid #3c6d44; BORDER-TOP: 0px solid #3c6d44; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; BORDER-LEFT:  0px solid #3c6d44; BORDER-BOTTOM: 0px solid #3c6d44; BACKGROUND-COLOR: #3c6d44;
}
.tabelatas{
	border:0px solid #3c6d44; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px;
}

.album { 
BACKGROUND :#cccccc;
}
.album1 {
BACKGROUND :#ffffff;
}
.tableb_compact {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #ffffff; PADDING-BOTTOM: 2px; PADDING-TOP: 2px
}
.tableh2_compact {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; BACKGROUND: #cccccc; PADDING-BOTTOM: 2px; COLOR: #444444; PADDING-TOP: 2px
}
.maintable {
	BORDER-RIGHT: none 1px solid; BORDER-TOP: none 1px solid; MARGIN-TOP: 1px; MARGIN-BOTTOM: 1px; BORDER-LEFT: none 1px solid; BORDER-BOTTOM: none 1px solid; BACKGROUND-COLOR: #cccccc
}

.login {
	margin-left: auto;
	margin-right: auto;
	margin-top: 4em;
	padding: 15px;
	border: 1px solid #cccccc;
	width: 429px;
	background: #F1F3F5;
}

.form-block {
	border: 1px solid #cccccc;
	background: #E9ECEF;
	padding-top: 15px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
}


.button {
	border : solid 1px #cccccc;
	background: #E9ECEF;
	color : #666666;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
}

.login-form {
	text-align: left;
	float: right;
	width: 60%;
}

.login-text {
	text-align: left;
	width: 40%;
	float: left;
}

.inputlabel {
	font-weight: bold;
	text-align: left;
	}

.inputbox {
	width: 150px;
	margin: 0 0 1em 0;
	border: 1px solid #cccccc;
	}

a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url('menu_bg.gif') no-repeat;
	vertical-align: middle;
	font-size: 12px;
	color: #ccc;
	text-align: left;
	padding-top: 5px;
	padding-left: 18px;
	height: 20px !important;
	height: 25px !important;
	width: 100%;
	text-decoration: none
}

a.mainlevel:hover {
	background-position: 0px -25px;
	text-decoration: none;
	color: #fff;
}

a.mainlevel#active_menu {
	color:#fff;
	font-weight: bold;
}

a.mainlevel#active_menu:hover {
	color: #fff;
}

a.sublevel:link, a.sublevel:visited {
	padding-left: 1px;
	vertical-align: middle;
	font-size: 11px;
	font-weight: bold;
	color: #c64934;
	text-align: left;
}

a.sublevel:hover {
	color: #900;
	text-decoration: none;
}

a.sublevel#active_menu {
	color: #333;
	text-decoration: bold;
}
.bgcolor1{
background-color: #FFFFFF;
}
.bgcolor2{
background-color: #FAFAFA;
}
.bgcolor3{
background-color: #F5F5F5;
}
.bgcolor4{
background-color: #D1D8EC;
}