body {
	background-color: #FFFFFF;
	color: #FFFFFF;
	margin: auto;
	text-transform: none !important;
	text-align/**/:center;

	SCROLLBAR-FACE-COLOR: #127481 !important; 
	SCROLLBAR-HIGHLIGHT-COLOR: #def3f6 !important; 
	SCROLLBAR-SHADOW-COLOR: #127481 !important; 
	SCROLLBAR-3DLIGHT-COLOR: #127481 !important; 
	SCROLLBAR-ARROW-COLOR: #def3f6 !important; 
	SCROLLBAR-TRACK-COLOR: #def3f6 !important; 
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF !important;
}

div#main {
	background-color: #FFFFFF;
	width: 810px;
	/*height: 620px;*/
	color: #FFFFFF;
	margin: auto !important;
	text-align/**/:left;
}
#main .iesuck1 {
	padding-top:5px !important;
	position/**/:relative !important; 
	top/**/:20px;
}
#main .iesuck2 {
	padding-top: auto !important;
	position/**/:relative !important; 
	top/**/:-6px;
}
#main .iesuck3 {
	padding-top: auto !important;
	margin-bottom:-20px !important;
	margin-bottom/**/: 0px;
	position/**/:relative !important; 
	top/**/:-10px;
}
#main #profiles {
	padding:0 15px 0 15px;
	line-height:1.6em;
}
#main #profiles #sejarah {
	position:relative;
	float:left;
	width:520px;
	clear:both;

	padding:0 15px 0 15px;
	margin-bottom:10px;

	text-align:justify;

	border-bottom:1px dotted #CCCCCC;
}
#main #profiles #visi {
	position:relative;
	float:left;
	width:260px;

	padding:0 5px 0 5px;
	
	text-align:justify !important;
	padding-top/**/:15px;
}
#main #profiles #misi {
	position:relative;
	float:left;
	width:260px;

	padding:0 5px 0 -5px;
	
	border-left:1px dotted #CCCCCC;
	
	padding-left:15px;
	text-align:justify !important;
	padding-top/**/:15px;
}

#main #mitra_kerja {

	position:relative;
	float:left;
	width:170px;

	padding:0 5px 0 -5px;
	
	border-left:1px dotted #CCCCCC;

}
div#main-menu {
	width: 200px;
	height: 640px;
	background-position: center;	
	margin: auto;
	float: left;
	background-repeat: repeat;
	border-right: medium solid #127481;
}

div#main-body {
	height: 640px;
	background-image: url(../../images/bg-body2.jpg);
	margin: auto;
}
.main-body-table {
	width: 564px;
	width: 544px; !important;
	margin: auto;
}
#noStuff {
	position:relative;
	float:left;
	
	padding-top:10px;
	padding-left:80px !important;
	margin-left/**/:80px !important;
	margin-top/**/:10px;

}

div#border-kiri {
	width: 13px;
	height: 640px;
	background-image: url(../../images/border-kiri.gif);
	background-position: center;
	background-repeat: repeat;
	margin: auto;
	float: left;
}

div#border-kanan {
	width: 20px;
	height: 640px;
	background-image: url(../../images/border-kanan.gif);
	background-position: center;
	background-repeat: repeat;
	margin: auto;	
	float: left;

}
/* STAFF */
div#main-body-staff {
	height: 1100px;
	background-image: url(../../images/bg-body2.jpg);
	margin: auto;
}

div#border-kiri-staff {
	width: 13px;
	height: 1100px;
	background-image: url(../../images/border-kiri.gif);
	background-position: center;
	background-repeat: repeat;
	margin: auto;
	float: left;
}

div#border-kanan-staff {
	width: 20px;
	height: 1100px;
	background-image: url(../../images/border-kanan.gif);
	background-position: center;
	background-repeat: repeat;
	margin: auto;	
	float: left;

}

/* END STAFF */

/* Benny Nambahin buat di detail rental */
#alert {
	color: #FF0000;
}
#loadingX {
	position:absolute;
	float:left;
	top:350px;
	left:400px;
	margin:auto;
	padding:auto;
	width:200px;
	height:100px;
	background-color:#E2F3FF;
	border:1px solid #CCCCCC;
	color:#C0C0C0;
	font-size:2em;
	font-weight:bold;
	font-family:Georgia;
}
#listProd {
	position:relative;
	width:760px;
	margin:auto;
	padding:auto;

	color:#000000;
	font-family:tahoma;
	font-size:0.7em;
	font-weight:bold;

	text-align:center;
	line-height:1.6em;
}
#listProd a:hover{
	color:#FF0000;
	text-decoration:underline;
}
/* --- */
div#banner {
	width: 784px;	
	color: #FFFFFF;
	padding-right: 10	px;
	border-bottom: medium solid #127481;
	border-top: medium solid #127481;	
	margin: auto;
	border-bottom-width: 1px;
}

div#footer {
	width: 784px;
	height: 100px;
	padding-right: 10px;
	/*border-bottom: medium solid #127481;
	border-top: medium solid #127481;
	*/
	margin: auto;
	border-bottom-width: 1px;
}
.clear {
	clear: both;
	height: 0.1px;
	font-size: 0%;
}

.text1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 13pt;
}
.text2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	line-height: 13pt;
}
.text3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
	line-height: 13pt;
}

.text4{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000000;
	line-height: 13pt;
}
.text5{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #000000;
	line-height: 13pt;
}
.text6{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 40px;
	color: #000000;
	line-height: 13pt;
}

div#picture {
	background-position: center;
	background-repeat: no-repeat;
	height: 110px;
}
.imgHead {
	width:800px !important;
	width/**/:803px;
}
.imgMenu {
	width:95px !important;
	width/**/:96.5px;
}
.imgMenuBawah {
	width:95px !important;
	width/**/:96px;
}
.imgMenuBawah2 {
	width:11px !important;
	width/**/:12px;
}
.td1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 13pt;
	font-weight: bold;
	}

.imghome {
height: 100px;
width: 100px;
border:0px;
}

.img1 {
height: 100px;
width: 100px;
border:0px;
}

.img1:link{
height: 100px;
width: 100px;
} 

.img1:visited{
height: 100px;
width: 100px;

}

.img1:active{
height: 100px;
width: 100px;

}

.img1:hover{
height: 130px;
width: 130px;
border:0px;
}

.img2 {
height: 75px;
width: 75px;
border:0px;

}

.img3 {
height: 150px;
width: 150px;
border:0px;

}

.tablekomentar{
width:165px !important;
width/**/:170px;
}

.tdkomentar{
background-color:#127481;

}

.inputkomentar {
color:#000000;
background-color:#def3f6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;
}

.inputtarif {
color:#000000;
background-color:#def3f6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
border:2px dotten white;
text-align: left;
}

.inputkomentarbutton {
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;

}

.inputbeli {
color:#000000;
background-color:#def3f6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;
}
.inputbeli:disabled {
background-color:#CCCCCC;
border:2px dotten white;
}

.inputsearch {
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;

}

.inputstaff {
color:#000000;
background-color:#def3f6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;
}

.inputstaffbutton {
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;
width : 75px;
}

.select {
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}
.inputstaffbuttonemail {
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;
width : 150px;
}
.inputstaffbuttonprint {
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;
width : 150px;
}

.belibutton {
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;

}

.belibutton2 {
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:8px;
font-weight:bold;
border:2px dotten white;

}

.inputcari {
color:#000000;
background-color:#def3f6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;
}

a {
	text-decoration:none;
	color:#000000;

}

li {
list-style-image : url(../../images/arrow.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000000;} 

.liError {
list-style-image : url(../../images/arrow.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#000000;} 

.tip {
font:10px/12px Arial,Helvetica,sans-serif; 
border:solid 1px #666666; 
width:70px; 
padding:1px;
position:absolute; 
z-index:100;
visibility:hidden; 
color:#333333; 
top:20px;
left:90px; 
background-color:#ffffff;
layer-background-color:#ffffcc;
}

/* ======================================================================================== */
/* ===================================== CSS BUAT STAFF =================================== */
/* ======================================================================================== */

.inputstaff {
color:#000000;
background-color:#def3f6;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;
}
.inputstaffbutton {
color:#000000;
background-color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
border:2px dotten white;
width : 75px;

}

/* ***************************************************************************************** */
/* ************************************* DIV ID = GRID ************************************* */
/* ***************************************************************************************** */
#grid a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#A10101;
	text-decoration:none;
}


#grid a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	text-decoration:none;
}

#grid td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#000000;
}

#grid tr.c1 {
	background-color: #F8FBFF;
}

#grid tr.c2 {
	background-color: #D6E0F2;
}

#grid tr.c3 {
	background-color: #CCFF99;
}
#grid tr.c4 {
	background-color: #FFFF66;
}
#grid td.td2 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FF0000;
}

#grid th {
	background-color: #6355A0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
}


/* ***************************************************************************************** */
/* ************************************* DIV ID = INPUTSTAFF ******************************* */
/* ***************************************************************************************** */
#inputstaff th {
	background-color: #BCCEE7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

#inputstaff tr {
	background-color: #E9EFF6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#330099;
	font-weight:bold;
}

#inputstaff tr.c1 {
	background-color: #F8FBFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#330099;
}

#inputstaff tr.c2 {
	background-color: #D6E0F2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#330099;
}

#inputstaff tr.down {
	background-color: #FFFF00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#330099;
}

#inputstaff li {
list-style-image : url(../../images/arrow.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000000;
} 

#inputstaff a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	text-decoration:none;
}


#inputstaff a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	text-decoration:underline;
}


/* ***************************************************************************************** */
/* ************************************ DIV ID = UPDATESTAFF ******************************* */
/* ***************************************************************************************** */
#updatestaff th {
	background-color: #BCCEE7;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

#updatestaff tr {
	background-color: #E9EFF6;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#330099;
	font-weight:bold;
}


#updatestaff tr.c1 {
	background-color: #F8FBFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#330099;
}

#updatestaff tr.c2 {
	background-color: #D6E0F2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#330099;
}

#updatestaff tr.c3 {
	background-color: #33FF33;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#330099;
}
#updatestaff tr.down {
	background-color: #FFCC00;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#330099;
}

#updatestaff li {
list-style-image : url(../../images/arrow.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000000;
} 

#updatestaff a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	text-decoration:none;
}


#updatestaff a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	text-decoration:underline;
}

/* ***************************************************************************************** */
/* ************************************* DIV ID = CARISTAFF ******************************* */
/* ***************************************************************************************** */
#caristaff th {
	background-color: #8EB795;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

#caristaff td {
	background-color: #FFFFCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#330099;
}

#caristaff li {
list-style-image : url(../../images/arrow.png);
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000000;
} 

#caristaff a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	text-decoration:none;
}


#caristaff a:hover{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#FF6600;
	text-decoration:underline;
}

/* ***************************************************************************************** */
/* ************************************** DIV ID = MENUSTAFF ******************************* */
/* ***************************************************************************************** */

.judulMenu {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#3300CC;
	text-decoration:none;
}

/* ** MAIL TEMPLATE ** */
#mailTmp {
	background-color:#FFFFFF;
	font-family:tahoma;
	font-size:1em;
	color:#000000;

	text-align:left;

	padding-left:5px;
}

/* ** Radio Button Mati ** */
.radioMatek {
	background:#C0C0C0;
}

/* Dynamic Drive Tooltip */
#dhtmltooltip {
	font-family:Verdana;
	font-size:0.7em;
	color:#FFFFFF;

	position: absolute;
	width: 150px;
	border: 1px solid black;
	padding: 2px;
	background-color: #6355A0;
	visibility: hidden;
	z-index: 100;
	/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}