@charset "utf-8";
/* CSS Document */
body {
	padding-top:10px;
	}
img { border:none;}
a:link, a:visited, a:hover, a:active {
	border:none;
}
/*font*/
@font-face {
  font-family: calibri;
  src: url(‘font/calibrii.ttf’);
}
#container{
	margin:0 auto;
	padding:0;
	width: 980px;
	background: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#header{
	margin:0;
	padding: 0;
	width: 980px;
	background: #FFFFFF url(../images/r6bg_square.jpg) bottom repeat-x;
	height: 60px;
}
.logo{
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	width: 390px;
	float: left;
	height: 43px;
}
/*header menu*/
#hmenu{
	margin: 0;
	padding: 0;
	width: 380px;
	float: left;
	height: 70px;
}
#hmenu ul{
	margin: 19px 0 0 0;
	padding: 0;
	display: block;
	list-style: none;
}
#hmenu ul li{
	margin:  0 0 0 -6px;
	padding: 0;
	list-style-type: none;
	display: inline;
}
#hmenu ul li a{
	margin: 0;
	padding: 0;
	width: 119px;
	height: 35px;
}
#hmenu ul li a:hover{
	margin: 0;
	padding: 0;
	width: 121px;
	height: 42px;
}

#telp{
	margin: 0;
	padding: 10px 4px 0 0;
	float: right;
	width: 205px;
	height: 15px;
	text-align: right;
	color: #666666;
	font-size: 12px;
	font-weight: normal;
	font-family: Verdana;
	background-color: #FFFFFF;
}
#telp span{
	font-weight: bold;
	color: #666666;
}
.spacer{
	margin: 0;
	padding: 0;
	height:1px;
	clear: both;
}

#main{
	margin: 0;
	padding: 0;
	width: 980px;
}
#map{
	position:relative;
	margin: 0;
	padding: 0;
	width: 980px;
	height: 28px;
	line-height: 28px;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url(../images/line_header.jpg);
}
#content1{
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	color: #333333;
	width: 980px;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
}
#content1 tr td,#content1 tr{
	color:#333333;
	}	
#content1.h1{
	font-size:28px;
	font-family: calibri;
}
#content1.h2{
	font-size:14px;
}
#content1 ol{
	display: block;
	list-style: lower-alpha;
}
#content1 ol li{
	list-style-type: lower-alpha;
	display: list-item;
}
#content1 ul{
	display: block;
	list-style: circle;
}
#content1 ul li{
	list-style-type: circle;
	display: list-item;
}
/*foursquare*/
div.item {
	clear: both;
	font-size: 11px;
	color:#FFF;
	height:auto;
	}
div.item a {
text-decoration:none;
	}
div.itemtext {
	padding: 0px;
	}
/*end foursquare*/
#note{
	background-color: #ffffcc;
	border:medium #000;
	width:420px;
	padding:20px;
	margin-left:20px;
	margin-right:20px;
	-webkit-box-shadow:0px 0px 4px #888888;
	-moz-box-shadow:0px 0px 4px #888888;
	}
#overview{
	margin:0;
	padding: 0;
	background: #FFFFFF;
	color: #333333;
	width: 980px;
}
#overviewbutton{
	margin: 0;
	padding: 0;
	width: 270px;
	float: right;
	height: 55px;
	position: absolute;
	top: 512px;
	right: 149px;
}
#overviewbutton2{
	margin: 0;
	padding: 0;
	width: 270px;
	height: 55px;
	position: relative;
	float:right;
	top: -29px;
}
#footer{
	margin: 0;
	padding: 0;
	width: 980px;
	background: #FFFFFF;
	color: #666666;
}

#fmenu{
	margin: 0px;
	padding:0;
	background: #FFFFFF;
}
#fmenu ul{
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	list-style: none;
	display: block;
}
#fmenu ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}
#fmenu ul li a{
	margin: 0;
	padding:0;
	text-decoration: none;
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #666666;
}
#fmenu ul li a:hover{
	color: #FF6600;
}
#fadecomment.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
#lightcomment.white_content {
	display: none;
	position: fixed;
	top: 2%;
	left: 2%;
	right: 2%;
	bottom: 2%;
	width: 480px;
	height: 300px;
	padding: 8px;
	border: thin;
	background-color: #333333;
	z-index:1002;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	overflow: auto;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: auto;
}
#fademail.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
#lightmail.white_content {
	display: none;
	position: absolute;
	top: 685px;
	left: 2%;
	right: 2%;
	bottom: 100%;
	width: 965px;
	height: 525px;
	padding: 8px;
	border: thin;
	background-color: #3C3C3C;
	z-index:1002;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	overflow: auto;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: auto;
}
/*new layer*/
#lightmails{
	display: none;
	position: absolute;
	top: 73px;
	left: 50%;
	padding:8px;
	width: 964px;
	height: 525px;
	overflow: hidden;	
}
.clightmails {
	margin-left: -490px;
	}
.clightmailsie {
	margin-left: -494px;
	}
.trans {
	z-index:0;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
    background-color:#3C3C3C;  
    width:1000px;  
    height:1000px;
	top:0px;
	left:0px;
    position:absolute;  
}
.content {
	z-index:1004;
	position: relative;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#lightmailsb{
	display: none;
	position: absolute;
	top: 73px;
	left: 50%;
	padding:8px;
	width: 964px;
	height: 515px;
	overflow: hidden;	
}
.clightmailsb {
	margin-left: -490px;
	}
.clightmailsbie {
	margin-left: -494px;
	}
.transb {
	z-index:0;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
    background-color:#3C3C3C;  
    width:1000px;  
    height:1000px;
	top:0px;
	left:0px;
    position:absolute;  
}
.contentb {
	z-index:1004;
	position: relative;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#lightemails{
	display: none;
	position: absolute;
	top: 73px;
	left: 50%;
	padding:8px;
	width: 964px;
	height: 525px;
	overflow: hidden;	
}
.clightemails {
	margin-left: -490px;
	}
.clightemailsie {
	margin-left: -494px;
	}
.transemail {
	z-index:0;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
    background-color:#3C3C3C;  
    width:1000px;  
    height:1000px;
	top:0px;
	left:0px;
    position:absolute;  
}
.contentemail {
	z-index:1004;
	position: relative;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#lightemailsb{
	display: none;
	position: absolute;
	top: 73px;
	left: 50%;
	padding:8px;
	width: 964px;
	height: 515px;
	overflow: hidden;	
}
.clightemailsb {
	margin-left: -490px;
	}
.clightemailsbie {
	margin-left: -494px;
	}
.transemailb {
	z-index:0;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
    background-color:#3C3C3C;  
    width:1000px;  
    height:1000px;
	top:0px;
	left:0px;
    position:absolute;  
}
.contentemailb {
	z-index:1004;
	position: relative;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#lightinfos{
	display: none;
	position: absolute;
	top: 73px;
	left: 50%;
	padding:8px;
	width: 964px;
	height: 525px;
	overflow: hidden;	
}
.clightinfos {
	margin-left: -490px;
	}
.clightinfosie {
	margin-left: -494px;
	}
.transinfo {
	z-index:0;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
    background-color:#3C3C3C;  
    width:1000px;  
    height:1000px;
	top:0px;
	left:0px;
    position:absolute;  
}
.contentinfo {
	z-index:1004;
	position: relative;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#lightinfosb{
	display: none;
	position: absolute;
	top: 73px;
	left: 50%;
	padding:8px;
	width: 964px;
	height: 515px;
	overflow: hidden;	
}
.clightinfosb {
	margin-left: -490px;
	}
.clightinfosbie {
	margin-left: -494px;
	}
.transinfob {
	z-index:0;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
    background-color:#3C3C3C;  
    width:1000px;  
    height:1000px;
	top:0px;
	left:0px;
    position:absolute;  
}
.contentinfob {
	z-index:1004;
	position: relative;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
/*end new layer*/
#fademail2.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
#lightmail2.white_content {
	display: none;
	position: absolute;
	top: 685px;
	left: 2%;
	right: 2%;
	bottom: 100%;
	width: 965px;
	height: 525px;
	padding: 8px;
	border: thin;
	background-color: #3C3C3C;
	z-index:1002;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	overflow: auto;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: auto;
}
#fademailbarrier.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
#lightmailbarrier.white_content {
	display: none;
	position: absolute;
	top: 0%;
	left: 2%;
	right: 2%;
	bottom: 0%;
	width: 500px;
	height: 100%;
	padding: 8px;
	border: thin;
	background-color: #333333;
	z-index:1002;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	overflow: auto;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12pground-color: #333333;
	z-index:1002;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	overflow: auto;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: auto;
}
#fadeinfo
	opacity:.90;
	filter: alpha(opacity=90);
}
#lightemail.white_content {
	display: none;
	position: absolute;
	top: 0%;
	left: 10%;
	right: 10%;
	bottom: 0%;
	width: 700px;
	height: 100%;
	padding: 18px 8px 8px 8px;
	border: thin;
	backx;
	font-weight:bold;
	margin: auto;
}
#fadeemail.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index:1001;
	-moz-opacity: 0.9;.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	right: 0%;
	bottom: 0%;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	z-index:1001;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
}
#lightinfo.white_content {
	display: none;
	position: absolute;
	top: 0%;
	left: 10%;
	right: 10%;
	bottom: 0%;
	width: 700px;
	height: 100%;
	padding: 8px;
	border: thin;
	background-color: #333333;
	z-index:1002;
	-moz-opacity: 0.9;
	opacity:.90;
	filter: alpha(opacity=90);
	overflow: auto;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	margin: auto;
}
/*new transparancy setting*/
#container2  
{  
    width:964px;  
    color:#FFFFFF;  
    position:relative;  
	overflow: hidden;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	z-index:1003;
}  
  
#container2 .transparency  
{
	display: none;
	top: 73px;
	left: 50%;
	margin-left: -490px;
	padding:8px;
	border: thin;
	z-index:1001;
	/*new setting*/
    opacity:0.9;  
    filter:alpha(opacity=90);  
    -moz-opacity:0.9;  
    background-color:#3C3C3C;  
    width: 964px;
	height: 1500px;  
    position:absolute;  
}
/*transparancy end*/
#buttonapprove{
	text-shadow: 0px 0px 1px #CCC ;
	float: left;
	margin: 0px 50px 10px 0px;
	height: 30px;
	}
.save{
	text-decoration: none;
	font-size:14px;
	font-weight:bold;
	border:none;
	background:#060;
	border:solid 2px #FFF;
	-webkit-border-top-left-radius:3px; 
    -moz-border-radius-topleft:3px; 
    -webkit-border-top-right-radius:3px; 
    -moz-border-radius-topright:3px; 
	-webkit-border-bottom-left-radius:3px; 
    -moz-border-radius-bottomleft:3px; 
	-webkit-border-bottom-right-radius:3px; 
	-moz-border-radius-bottomright:3px; 
	color: #FFF;
	margin: 0 50px 0 0;
	padding:5px;
	width:auto;
	height:30px;
	cursor: pointer;
}
.nostyle{
	border: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	background: none;
	color: #FFF;
}
.reset{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #F60;
	text-align:right;
	background: none;
	border: none;
	cursor:pointer;
}
.cancel{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #900;
	margin:0 40px;
	text-align:right;
	background: none;
	border: none;
	cursor:pointer;
}
.myButton-tambah{
	background-color:#999;
	font-weight:bold;
	color: #FFF;
	cursor:pointer;
	width: 91px;
	height: 20px;
	border: none;
}
.myButton-hapus{
	background: none;
	color:#F00;
	cursor:pointer;
	width: 41px;
	height: 20px;
	border: none;
}
.myButton-trashbin{
	background: url(../images/trash_binx.png) no-repeat;
	cursor:pointer;
	width: 12px;
	height: 16px;
	border: none;
}