body{
	font-family: Verdana; 
	font-size: 12px; 
	font-weight: normal;  
	margin-left: 0px; 
	margin-top: 0px; 
	margin-right: auto; 
    margin-bottom: auto;  
	background-color : #FBFEFF;/*#F1F3F5;*/
	
	scrollbar-3dlight-color: #C1C4EC; 
	scrollbar-arrow-color: #C1C4EC; 
	scrollbar-darkshadow-color: #98aab1; 
	scrollbar-face-color: #ECE9D8;/*#dee3e7; */
	scrollbar-highlight-color: #ffffff; 
	scrollbar-shadow-color: #dee3e7; 
	scrollbar-track-color: #efefef
	}
/*
a:active {
	text-decoration: none; 
	font-family:  Verdana; 
	font-size: 11px; 
	font-weight: bold; 
	color:#0000FF;
	}
a:link {
	text-decoration: none; 
	font-family:  Verdana; 
	font-size: 11px; 
	font-weight: bold; 
	color:#0000FF; 
	}
a:visited {
  	text-decoration: none;  
  	font-family:  Verdana; 
	font-size: 11px; 
	font-weight: bold; 
	color:#0000FF;
  	}
a:hover {
  	text-decoration: none;  
	color:#000000;
  	}
  	*/

.borderAtasBawah {
	border-bottom : 1px solid #CCCCCC; 
	border-top : 1px solid #CCCCCC; 
}
.borderKanan {
	border-right : 1px solid #CCCCCC; 
}
.borderBawah {
	border-bottom : 1px solid #E4DE79; 
	
}
/*link top menu */
a.linkMenu {
	text-decoration: none; 
	font-family:  Verdana; 
	font-size: 10px; 
	color:#0000FF;
	}
a.linkMenu:link a.linkMenu:visited  {
	width: 100%;
	height: 25px;
	text-decoration: none; 
	font-family:  Verdana; 
	font-size: 10px; 
	color:#0000FF; 
	}
a.linkMenu:hover {
	background-position: 0px-100px;
	text-decoration: none;
	color: #006699;
}


a.linkBlackBlue {
	text-decoration: none; 
	font-weight: bold; 
	font-family:  Verdana; 
	font-size: 11px; 
	color:#000000;
	}
a.linkBlackBlue:link a.linkBlackBlue:visited  {
	width: 100%;
	height: 25px;
	text-decoration: none; 
	font-weight: bold; 
	font-family:  Verdana; 
	font-size: 10px; 
	color:#0099FF; 
	}
a.linkBlackBlue:hover {
	background-position: 0px-100px;
	font-weight: bold; 
	text-decoration: none;
	color: #0099FF;
}

/*paging link */
.linkPage {

	color: #115CE8; 
	font-family:  Verdana; 
	font-size: 10px; 
	font-weight: bold; 
	height: 15px; 


}
/* header window */
.tdHeader {
	background: url(../image/blue_header_bg.png); 
	/*background-color: #C6E8F9;*/
	color: #115CE8; 
	font-family:  Verdana; 
	font-size: 30px; 
	font-weight: bold; 
	height: 80px; 
	border-collapse:collapse;
	border: #000000 solid; 
	border-width: 0px 0px 0px 0px;
	} 
/* footer window */
.tdStatusBar {
	background-color: #ECE9D8; 
	/*background-color: #C6E8F9;*/
	color: #115CE8; 
	font-family:  Verdana; 
	font-size: 10px; 
	font-weight: bold; 
	height: 15px; 
	border-collapse:collapse;
	border: #000000 solid; 
	border-width: 0px 0px 0px 0px;
	border-top : 1px solid #0099FF; 
	} 
.tdFooter {
	background-color: #E0E2E2; 
	/*background-color: #C6E8F9;*/
	color: #115CE8; 
	font-family:  Verdana; 
	font-size: 10px; 
	font-weight: bold; 
	height: 15px; 
	border-collapse:collapse;
	border: #000000 solid; 
	border-width: 0px 0px 0px 0px;
	border-top : 1px solid #0099FF; 
	} 
/* middle window */
.Border {
	background-color: #FFFFFF; 
	height: 1px; 
	font-weight: bold; 
	font-family: Italic; 
	font-size: 11px;
	border: solid #006699; 
	border-width: 1px; 
	}
 .leftSide {
 /* background: url(../image/blue_header_bg.png);*/
  background-color: #FFFFFF;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
 }
.tdHeaderCol {
	/*background-color: #C1C4EC; */
	background-color: #8AA8E6;
	color: #000000; 
	font-family:  Verdana; 
	font-size: 11px; 
	font-weight: bold; 
	height: 20px; 
	font-weight: bold;
	}
	
.tdOutBox1{
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: normal;
	background-color: #EFF1FC;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tdOutBox2{
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: normal;
	background-color: #E1EBFD;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.moduletable {
	margin-bottom: 0px;
	margin-top: 0px;
	padding: 0px;
	/*border-spacing: 5px; 
    border-collapse: collapse;  */ 
	background-color:#000000 
}
table.MainWindow {
	/*margin-bottom: 0px;
	margin-top: 0px; */
	background-color:#F1F3F5;
	
}

table.MainTableWindow {
	/*border: solid #006699; */
	border-width: 0px; 
	background-color: #000000;
	/*padding: 1px;*/
	}
table.MainWindow td {
	font-size: 11px;
	padding: 2px;
	margin: 0px;

}


table.MainWindow th {
	background: url(../image/subhead_bg.png) repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

table.Report {
	/*margin-bottom: 0px;
	margin-top: 0px; */
	background-color:#F1F3F5;
}
table.Report td {
	font-size: 11px;
	padding: 2px;
	margin: 0px;

}
table.Report th {
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 12px;
	text-transform: uppercase;
}

.tdStatBar {
	background-color: #E0E2E2; 
	/*background-color: #C6E8F9;*/
	color: #115CE8; 
	font-family:  Verdana; 
	font-size: 10px; 
	font-weight: bold; 
	height: 15px; 
	border-collapse:collapse;
	border: #000000 solid; 
	border-width: 1px 1px 1px 1px;
	
}
/* menu */
#staticMenuBar{height:20px;width:700px;margin:0 0 0px;}

/* css login */
.fontLogin {
	font-weight: bold; 
	font-family: Verdana; 
	font-size: 11px;
	}
#yreglg{float:right;width:250px;margin:0 0 20px;}
.yregbx{border:1px solid #0099FF;margin:0 0 10px;background-color:#f9f9f9;position:absolute;right:100px;top:200px;} 
.yregbxi{margin:11px}
.top .yregbxi{margin-top:20px}

.ct, .ct .cl, .cb, .cb .cl{display:block;font-size:0;line-height:0;margin:0;height:4px;position:relative}
.ct, .cb{width:100%;right:-1px}
.ct .cl, .cb .cl{width:4px;left:-2px}
.ct{background:transparent url(../image/cr_gg_ne.gif) no-repeat top right;top:-1px}
.ct .cl{background:transparent url(../image/cr_gg_nw.gif) no-repeat top left}
.cb{background:transparent url(../image/cr_gg_se.gif) no-repeat bottom right;bottom:-1px}
.cb .cl{background:transparent url(../image/cr_gg_sw.gif) no-repeat bottom left}		

/* form window */
.Button {
  background		: url(../image/subhead_bg.png) repeat-x;
  font-family      : Verdana;
  font-style       : normal;
  font-size        : 11px;
  color            : #000000;
  border           : 1px solid #006699;
  padding-top      : 2px;
  padding-bottom   : 2px;
  cursor		   : hand;
}

.ButtonNew {
  background		: url(../image/subhead_bg.png) repeat-x;
  font-family      : Verdana;
  font-style       : normal;
  font-size        : 11px;
  color            : #000000;
  border           : 1px solid #006699;
  padding-top      : 2px;
  padding-bottom   : 2px;
  cursor		   : hand;
}
#windowrec {
color:#3366CC;
font-size:11px;
font-weight:bold;
margin-top:10px;
float:left;
color:#3366CC;
width:550px;
height:250px;
overflow:auto;
}

/* Content Window */

.MainTable {
	/*border: solid #006699; */
	border-width: 0px; 
	background-color: #FFFFFF;
	border-collapse: collapse;	
	}
.InTable { 
	border-collapse: collapse;

	}

.tdTitleProfil {
	font-family:  "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	height: 20px;
	background-color: #FFFFFF;
	color: #000000;
	text-transform: uppercase;
	font-style: normal;
}

.tblBorderCollapse {
	font-family: Verdana;
	font-size: 12px;
	font-weight: Normal;
	border: solid #000000 ; 
	border-width: 1px; 
	border-collapse :collapse;
	
}
.tblBorderCollapseBlack {
	border-collapse :collapse;
}
.tblBorderCollapseBlackSmall {
	border-collapse :collapse;
	font-family: Arial;
	font-size: 5px;
	font-weight: Normal;
}
.tdFull {
	font-family: Verdana;
	font-size: 12px;
	font-weight: Normal;
	height: 20px;
	background-color: #DfDfDf;
	color: #006699;
}

.td {
	font-family: Verdana; 
	font-size: 11px; 
	font-weight: bold;
}

Select {
    border: 1px solid #006699; 
	font-weight: normal; 
	font-size: 11px; 
	font-family: Verdana;
	}
.SelectSmall {
    border: 1px solid #006699; 
	font-weight: normal; 
	font-size: 9px; 
	font-family: Arial;
	}	
.Input {
	border: 1px solid #006699; 
	height: 20px; 
	color: #000000;
	font-size: 11px; 
	font-family:  Verdana; 
	font-weight: normal;
	padding-left: 2px; 
	padding-right: 2px;

	}
.inputRO {
	border: 1px solid #006699; 
	height: 20px; 
	color: #808080;
	font-size: 11px; 
	font-family:  Verdana; 
	font-weight: normal;
	padding-left: 2px; 
	padding-right: 2px;

	}
.tdbig { 
	font-family: Arial; 
	font-size: 18px; 
	font-weight: Bold;	
}

.TextArea {
	border: 1px solid #006699; 
	height: 300px; 
	width: 600px;
	color: #000000; 
	font-size: 18px;
	font-style: bold;
	font-family:    Verdana; 
}

.imageLink {
 cursor: hand;
}



a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background-color: #99CCFF ;
	vertical-align: bottom;
	font-family      : Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	width: 100%;
	height: 25px;
	text-align: left;
	padding-top: 6px;
	padding-bottom: 0px;
	padding-left: 0px;
	text-decoration: none; 
	}

a.mainlevel:hover {
	/*background-position: 0px -25px;*/
	width:100%;
	text-decoration: none;
	color: #000000;
	background-color: #CCCCCC;
}

#active_menu {
	color:#000000;
	font-weight: bold;
}

a#active_menu:hover {
	color: #000000;
}

table.moduletable td {
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}




table td.body_outer {
	padding: 2px;
	border: 1px solid #cccccc;
}


.tglwaktu
{
	background-color: #666666
	/*height: 20px; */
	font-style: bold; 
	font-family: Verdana; 
	font-size: 11px;
	color: #000000;
	padding-top : 2px;
	padding-bottom : 2px;
	border-bottom : 1px solid #0099FF; 
	border-top : 1px solid #0099FF; 
}

.TitleModul {
	font-family: Verdana; 
	font-size: 18px; 
	font-weight: bold; 
	height: 19px; 
	background-color: #FFFFFF;
}
.VerdanaBold12black {
  font-family      : Verdana;
  font-weight		: bold;
  font-size        : 12px;
  color            : #000000;
  font-weight: bold;
}

.Arial12black {
  font-family      : vardana;
  font-size        : 12px;
  color            : #000000;
}

.verdana11red {
  font-family      : Verdana;
  font-style       : normal;
  font-size        : 11px;
  color            : #FF3344; 
}
.verdana10red {
  font-family      : Verdana;
  font-style       : normal;
  font-size        : 10px;
  color            : #FF3344; 
}

.verdana10black{
  font-family      : Verdana;
  font-style       : normal;
  font-weight		: bold; 
  font-size        : 10px;
  color            : #000000; 
}
.Verdana12BlackBold {
  font-family      : Verdana;
  font-style       : normal;
  font-size        : 12px;
  font-weight		: bold; 
  color            : #000000; 
}

/*tambah 27 Oktober 2009*/
.Verdana12black {
  font-family      : Verdana;
  font-weight		: normal;
  font-size        : 12px;
  color            : #000000;
}

.borderFrame {
	background-color: #FFFFFF; 
	height: 100%; 
	font-weight: bold; 
	font-family: Italic; 
	font-size: 11px;
	border-right : solid #006699; 
	border-width: 1px; 
	}
.borderAtasBawahHeader {
	background-color: #F1F3F5;
	font-weight: bold; 
	font-family: Arial; 
	font-size: 11px;
}
.borderBawahKonten{
	font-family: Arial;
	font-weight: normal;  
	font-size: 11px;
	border-bottom : 1px solid #999999; 
}
.KontenHurupKecil{
	position: relative;
	margin: 0;
	font-family: Arial; 
	font-size: 9px;
	color:#000000;
}

.BorderMerah {
	background-color: #CCCCCC; 
	font-weight: bold; 
	font-family: Italic; 
	font-size: 11px;
	border: solid #FF0000; 
	border-width: 1px; 
	}
/* menu pesan */
ul.menu a {
    color: white;
    text-decoration: none;
    display: block;
    width: 100%;
}
ul.menu,
ul.menu ul {
    background: #FF9933;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 122px;
}
ul.menu ul {
    position: absolute;
    top: 0;
    left: 122px;

    visibility: hidden;
}
ul.menu li {
    position: relative;
    padding: 2px;
}
ul.menu li:hover {
    background: rgb(142, 142, 142);
}
ul.menu li:hover > ul {
    visibility: visible;
}
li.menu > a {
    background: url('https://simpeg.lipindonesia.com/css/arrow.png') no-repeat right;
}
#wrapper {
    margin:auto;
	padding:0px 20px 0px;
	max-width:1140px;
}

/*tambahan  shidiq 21 juni 2011*/
form label {
	display: block;
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0;
	text-align: left; 
}