/*----- BASIC ----- */

body {
margin: 0px 0px 0px 0px;
color:#999999;
font-size: 11px;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
background: url(../images/left_bg.gif) repeat;
}

p {
margin: 10px 30px 10px 30px;
}

a {
text-decoration: none;
color: #016001;
}

a:hover{
color:#A6C6A6;
}

.title{
font-weight:bold;
text-transform:uppercase;
}

.menu_header {
display: block;
width:200px;
height:60px;
padding-left:8px;
border-bottom:dashed 1px #999999;
background: url(../images/menu_header.gif) no-repeat;
}

.menu_body a {
display: block;
width: 200px;
height: 25px;
color:#FF6600;
text-align:left;
background: url(../images/menu_body.gif) no-repeat;
padding-top:0px;
padding-left: 30px;
line-height:20px;
border-bottom:dashed 1px #999999;
}

.menu_body a:hover{
background-position:  0 -25px;
/*color:#CCCCCC;*/
}

.menu_body a:active  {
background: url(../images/menu_body.gif) no-repeat;
background-position:  0 -50px;
}

.menu_bottom {
display: block;
width: 200px;
height: 10px;
background: url(../images/menu_bottom.gif) no-repeat;
}

.clmonth {
    border-collapse: collapse;
}
.clmonth th {	
    border: 1px solid #EAEAEA;
    border-bottom: none;
    padding: 3px;
    background-color: #F6F6F6;
    color: #3F3F3F;
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    width: inherit;
}
.clmonth td {
    border: 1px solid #EAEAEA;
    font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
    padding: 2px 4px 2px 4px;
    vertical-align: top;
	background-color:#FFFFFF;
}	
.clmonth td.previous, .clmonth td.next {
    background-color: #F6F6F6;
    color: #666666;
}

.tb_folder{
	border-collapse: collapse;
	width:100%;
}

.tb_folder th {
    font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-weight:bold;
    vertical-align:middle;	
}	

.tb_folder td {
    font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;    
    vertical-align:middle;
}	


.button {
	cursor: pointer;
	width: 80px;
	padding: 1px;
	border:1px solid #999999;
	background-color:#fcf3fd;
	color : #999999;
	font-family : Arial, Helvetica, sans-serif;
	font-style : normal;
	font-weight : bold;
	font-size : 11px;
}

.button:hover {
background-color: #ffffff;
}

.box
{
width: 95%;
position: relative;
border: dotted 1px #dadada;
margin: 15px 10px 10px 10px;
background: #70AB30;
background-color: #70AB30;
color: #FFFFFF;
padding: 10px 10px 10px 10px;
}

.box_orange {
width:auto;
position:relative;
border: dashed 1px #dadada;
margin: 10px;
padding: 10px;
background-color:#FF9900;
color:#FFFFFF;
}

.textbox {
    width: auto;
    border: solid 1px #70AB30;
    background-color : #fff; 
    font-size : 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000;
	padding: 3px;
}

.tombol {
cursor: pointer;
    width: 100px;
	height: 20px;
    border: solid 1px #98d259;
    background-color : #e7f7d6; 
    font-size : 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif; 
    color : #000;
	padding: 2px;

}

/*----- FIELDSET ----*/

fieldset {
    margin: 10px;
    border: none;	
    border-top: 1px solid #FF6600;
}

legend {
    margin: 1em 0;
    padding: 0 .3em;
    color:#FF6600;
    background: transparent;
    font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

pre {
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.judul{
	font: 22px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#6FAB2F;
}

.green {
	color:#6FAB2F;
}

.white {
	color:#FFFFFF;
}

/*----- LAYOUT ----- */

#container {
width: 100%;
height: 100%;
}

#top {
width:100%;
float:left;
height:80px;
background: url(../images/top_bg.gif) repeat;
}

#top_left {
width:auto;
float:left;
height:80px;
}

#top_menu {
width:auto;
float:right;
position:relative;
font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#header {
width: 100%;
float:left;
height: 100px;
margin-bottom:20px;
background: url(../images/header_bg.gif) repeat;
}

#header_left {
width: 440px;
float:left;
height: 100px;
background: url(../images/header.gif);
}

#header_left {
width: 270px;
float:right;
height: 100px;
background: url(../images/header_right.gif);
}

#static_menu{
vertical-align:middle;
width:100%;
height:30px;
float:left;
background: url(../images/s_menu_bg.gif);
}

#banner_left{
width:200px;
height:100%;
float:left;
background: url(../images/left_bg.gif) repeat;
}

#menu {
width: 200px;
float:left;
font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
list-style: none;
overflow: hidden;
margin-left:10px;
text-transform:uppercase;
font-weight:bold;
}

#main{
width:100%;
position:relative;
}

#content{
width:75%;
float:right;
margin-right:10px;
background: url(../images/content_bg.gif);
}

#content_header{
height:80px;
color:#FFFFFF;
background: url(../images/content_header_bg.gif);
}

#content_body{
margin-bottom:50px;
}

#content_bottom{
height:80px;
padding-left:30px;
background: url(../images/content_bottom.gif);
}

#footer{
width:100%;
height:50px;
float:left;
margin-top:20px;
background: url(../images/footer.gif);
}
/*------ FORM ------*/

input {
width:auto;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:1px 2px 1px 2px;
}

select {
width:auto;
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
margin:1px 2px 1px 2px;
}

textarea{
font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.shortcut
{
width: 95%;
position: relative;
border: dashed 1px #dadada;
margin: 15px 10px 10px 10px;
background: #f0f0f0;
color: #7d7d7d;
padding: 10px 10px 10px 10px;
}