@charset "utf-8";
/* CSS Document */

body{

	
	margin:0px;
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-size:10px;*/
	}

#header{
	
	height:100px;

	}
	marquee{padding:12px;
		margin-top: 20px; /* Fix marque not shown in larger screen */
	}

a{
	text-decoration:none;
	/*color:#333;*/
}

a:hover{
	text-decoration:none;
	/*color:#F90;*/
}

#info_isi a {
	color:#333;
}
#info_isi a:hover {
	color:#F90;
}

#logo{
	/*background:url(img/logo-1.png) no-repeat;*/
	float:left;
	height:100px;
	width:463px;
	}
#bg_variation{
	background:url(img/bg_variation.jpg) no-repeat;
	float:left;
	height:100px;
	width:100%;
	background-color: #009244; /*Fix header-background*/
	}

#info_header{
	/*font-family:Arial, Helvetica, sans-serif;
	background:url(img/bg_right.png) no-repeat;*/
	width:250px;
	height:100px;
	font-size:12px;
	font-weight:bold;
	margin-right:10px;
	margin-top:5px;
	color:#FFF;
	float:right;
	}

#info_isi{
	padding:20px;
	text-align:center;
	}

.date{
	color:#333;
	}

.left{
	float:left;
	}
	
.right{
	float:right;
	}
/* menu */

#menu{
	clear:both;
	padding:10px;
	}

#menu_nama a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	border:1px solid #666;
	background:url(img/bg-menu-a.png) repeat-x;
	height:27px;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
	margin-top:5px;
	}
	
#menu_nama a:hover{
	background:url(img/bg-menu-b.png) repeat-x;
	color:#333;
	font-weight:bold;
	border:1px solid #F90;
	}

#menu_nama1{
	width:250px;	
	background:url(img/bg-menu-a.png) repeat-x;
	border:1px solid #666;
	padding-left:15px;
	padding-right:15px;
	padding-top:5px;
	padding-bottom:5px;
	color:#FFF;
	}

#menu_nama1 a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
	font:bold;
	}
	
#menu_nama1:hover{
	background:url(img/bg-menu-b.png) repeat-x;
	color:#F90;
	font-weight:bold;
	}

#menux{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666;
	margin-bottom:10px;
	padding:10px;
	}

#menu_namax a{
	margin:5px;
	padding:5px;
	background:url(img/bg-menu-a.png) repeat-x;
	border:1px solid #666;
	}
	
#menu_namax a:hover{
	background:url(img/bg-menu-b.png) repeat-x;
	color:#F90;
	}


#menu_m{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	color:#666;
	margin-bottom:10px;
	padding:10px;
	}

#menu_nama_m a{
	margin:5px;
	}
	
#menu_nama_m a:hover{
	color:#F90;
	}

/* akhir menu */

/* isi container */

#container_master_bg{
	background:#ffffff;
	/*height:100%;*/
	min-height:300px;
}
#container{
	z-index:1;
	
	background:url(img/bg_container.png) no-repeat;
	background-attachment:inherit;
	position:relative;
	padding:0 0px;
	

	/*height:100%;*/
	}

#container_left{
	width:16%;
	position:relative;
	float:left;
	}

#container_right{
	width:80%;
	position:relative;
	float:right;
	}

.border{
	border:#CCC 1px solid;
	padding:5px;
	}

/* akhir isi container */


/* footer */

#footer{
	clear:both;
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-size:11px;*/
	border-top:1px solid #CCC;
	padding-top:10px;
	margin:5px;
	}

/* akhir footer */


/* html component */

h1{
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*color:#F90;*/
	font-size:16px;
	margin:0px;
	padding:0px;
	}

h3{
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*color:#FDFDFD;*/
	font-size:14px;
	margin:0px;

	padding:0px;

	}
	h4{
	font-family:
	color:#fff;
	font-size:14px;
	margin:0px;

	padding:0px;

	}

p{
	/*font-family:Arial, Helvetica, sans-serif;*/
	margin:5px;
	}

#frame{

	width:100%;
	background:#f2f2f2;
	background-color:#FFF;
	
	}

#frame_title{
	background:#666;
	color:#fff;
	padding:10px 15px ;
	margin-bottom:5px;
	text-align:left;
	font-weight: 300;
	}
	#frame_title2{
	background:#39b54a;
	padding:10px 15px ;
	margin-bottom:5px;
	text-align:left;
	font-weight: 300;
	}#39b54a

/* form */

submit{
	background-color:#BEDFF3;
	border:1px solid #999;
	}

fieldset{
	
	margin:5px;
	padding:5px;
	width:98%;

	}

.fieldset{
	
	margin:5px;
	padding:5px;
	width:95%;
	
	}


/*legend{
	font-variant:small-caps;
	color:#39b54a;
	font-weight:bold;
	font-size:21px;
	}*/

.text{
	/*font-family:Arial, Helvetica, sans-serif;*/
	/*font-size:10px;*/
	border:1px solid #999;
	background-color:#FBFBFB;
	padding:2px;
	}
/*.text:hover{
	background-color:#FF9;
	}*/
	
.text1{
	font-family:Arial, Helvetica, sans-serif;
	/*font-size:10px;*/
	border:1px solid #999;
	background-color:#FBFBFB;
	padding:1px;
	}
	
textarea{
	border:1px solid #999;
	background-color:#FBFBFB;
	padding:2px;
	}

select{
	border:1px solid #999;
	background-color:#FBFBFB;
	padding:2px;
	}

checkbox{
	border:1px solid #FFF;
	}

/* table */

table{
	/*font-size:11px;*/
	background-color:#FFF;
	text-align:left;

	
	}

.tb{
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:8px;
	border:1px solid #CCC;
	}

#datalist th{
	
	background-color:#39b54a;
	padding:8px;
	color:white;
	/*font-size:12px;*/
	}

td{
	margin:2px;
	padding:8px;
	}


/* td color */

.tr1 {
 background-color: #c1e5c5; color: black;
}

.tr2 {
 background-color: #fff; color: black;
}

.tr1:hover{
	background-color:#FFC;
	}
	
.tr2:hover{
	background-color:#FFC;
	}

/* tab */

#tabmenu {
	color: #333;
	border-bottom: 1px solid #999;
	margin-top: 10px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
	}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	}

#tabmenu a, a.active {
	background:#03AEF0;
	border: 1px solid #999;
	border-bottom: none;
	padding: 5px 20px 5px 20px;
	margin: 0px;
	text-decoration: none;
	font:bold;
	cursor:hand;
	color:#E3F9FD;
	}

#tabmenu a.active {
	background: #72c100;
	color:#FFF;
	}

#tabmenu a:hover {
    color: #FF0;
	background: #00c1a6 url(img/bg_poly_tab_v.png) repeat-x;
	cursor:pointer;
	}

#tabmenu a:visited {
	color: #FFF;
	background: #00c1a6 url(img/bg_poly_tab_v.png) repeat-x;
	}

#tabmenu a.active:hover {
	background: #03C;
	color: #006;
	}

#content {
	text-align: right;
	background: #F5F9FC;
	padding: 20px;
	border: 1px solid #999;
	border-top: none;
	z-index: 2;
	}

#content a {
	text-decoration: none;
	color: #333;
	}

#content a:hover {
	color: #F60;
	}

/* akhir tab */

#wrapper{
width: 100%;
margin: 0 auto;
}
.box{
background: #fffff;
padding-top:30px;
padding-bottom:10px;
}
.boxholder{
clear: both;
padding: 5px;
background: #ffffff;
padding-top:30px;
}
.tab{
float: left;
height: 26px;
margin: 0 1px 0 0;
padding:0px 10px 0px 10px;
text-align: center;
background: #C0DBE9 url(images/greentab.jpg) no-repeat;
}
.tabtxt{
margin: 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding: 9px 0 0 0;
}

	.formclass {
		position: absolute;
		left: 0px;
		top: 0px;
		visibility: hidden;
		height: 0px;
		width: 0px;
		background: #A2BAFA;
		border-style: solid;
		border-width: 1px;
		border-color: #000000;
	}
	
	.autocomp {
	position: absolute;
	left: 4px;
	top: 6px;
	visibility: hidden;
	width: 400px;
	}
	
	.taskboxclass {
		position: absolute;
		left: 0px;
		top: 0px;
		visibility: hidden;
		width: 0px;
	}

#bg_rs{
	background:url(img/rs.png) no-repeat;
	position:relative;
	float:left;
	height:278px;
	width:500px;
	}
	
#kanan_info{
	position:relative;
	float:right;
	width:500px;
	height:400px;
	text-align:right;
	}
	
/* vertikal */
.verticaltext {
font: bold 13px Arial;
position: absolute;
right: 3px;
top: 20px;
width: 15px;
writing-mode: tb-rl;}

/* notifikasi */
		*{
		margin:0;
		padding:0;
		}
		#notification{
			z-index:3;
			position:absolute;
			background:url(img/bg_variation.png) repeat-x;
			background-color:#FFF;
			text-align:left;
			position:absolute;
			bottom:0%;
			right:2%;
			height:auto;
			width:200px;
			border:1px solid #999;
		}
		#notificationClose{
			padding:5px;
			cursor:pointer;
		}
		#notificationIn{
			margin-top:5px;
			padding:10px;
			font-size:11px;		
		}

/*FIX FOOTER*/
#fixed-footer {
	z-index:2;
    background:#39b54a;
    border-top:1px solid #ccc;
    position:absolute;
    bottom:0;
    width:100%;
    height:50px;
}

 /* for moz/opera and others*/
html>body #fixed-footer{position:fixed}

#footer-inner {
    border-top:1px solid #fff;
    background:#d2d8d3;
    height: 50px;
}

#content {
    margin-bottom: 31px;
}

ul.footer-navigation,
ul.footer-navigation * { margin:0;padding:0;}
ul.footer-navigation {
    position:relative;
    font-size:1.1em;
    max-width:100%;
    height:2.5em;
}
ul.footer-navigation li {
    border-left:1px solid #fff;
    border-right:1px solid #ccc;
    cursor:pointer;
    float:left;
    text-align:center;
    list-style-type:none;
    font-weight:normal;
    padding-left:6px;
}
ul.footer-navigation li a {
    color:#333;
    text-decoration:none;
    display:block;
    float:left;
    padding:0 1em 0 24px;
    height:2.4em;
    line-height:2.5em;
}
ul.footer-navigation li:hover a,
ul.footer-navigation li a:hover,
ul.footer-navigation li a.selected,
ul.footer-navigation li a:focus {color:#333; background:#fff;}

/* chat */
		#chat1{
			z-index:2;
			background-color:#FFF;
			text-align:left;
			position:absolute;
			bottom:0%;
			right:2%;
			height:auto;
			width:auto;
		}
body .form-group { margin-bottom: .3rem; }