html{
	overflow-x:hidden;
	overflow-y:hidden;
	overflow:hidden;	
}
body {
    background-color: #f2f2f8;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow-x:hidden;
	overflow-y:hidden;
	overflow:hidden;
}
a, a:link, a:visited {
    text-decoration: none;
}
/* NEWS FROM RODHI */
.mystyle, .mystyle li ul{
list-style-type: none;
margin: 0;
padding: 0;
width: 100%; /*WIDTH OF MAIN MENU ITEMS*/
}

.mystyle li{
position: relative;
margin-bottom:0px;
}

.mystyle li a{
font: bold 12px;
display: block;
width: auto;
padding: 8px 0;
padding-left: 10px;
text-decoration: none;
}
#peta_btn{
	padding:1px 10px 2px 10px; 
	background:url(../img/bg_intro2.png) repeat;
	display:none;
	width:165px;
	position:absolute;
	z-index:1000000000000000000000000000000000000000000000000;
	margin-left:80px;
}
#cek_koneksi{
	background:url(../img/bg_intro.png) repeat;
	position:absolute;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	z-index:1000;
}
#cek_koneksi .info{
	width:250px;
	margin-top:255px;
	color:#FFF;
	border:1px solid #FFFFFF;
	padding:10px;
}
#login {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    box-shadow: 0 0 5px #ddd;
    padding: 10px 20px;
    background: #ffffff;
}
#login table {
    width: 300px;
    border-collapse: collapse;
}
#login td {
    padding: 4px 8px;
}

#container {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: #f5f5f5;
}
.cont-inner {
    padding: 24px;
}
#atas {
    height: 40px;
    background-color: #e1e1e8;
    padding: 10px;
}
#vsplitter {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}
#kiri {
}
#bawah {
}

#logo img {
    padding: 0;
    margin: -10px 0 0 0;
}
.fleft { float: left; }
.fright { float: right;}
.keticon{
	text-shadow: 0px 0px 1px #FFCCCC;
	color:#000000;
	display:none;
	padding:10px;
	position:absolute;
	width:200px;
	background:url(../img/bg_intro2.png) repeat;
	z-index:1000000000000000000;
	top:100px;
	right:0px;
}
#ketup{
	border:1px solid #CCCCCC;
	cursor:pointer;
	position:absolute;
	margin-top:50px;
	margin-left:-19px;
	background:#FFFFFF;
	padding:1px 3px 2px 2px;
}
#ketup:hover{
	background:#FFFF99;
}
.infomobile{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
	margin-top:-13px;
	margin-left:-15px;
    z-index: 99999;
}
.info {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
	margin-top:-25px;
	margin-left:-50px;
    padding: 8px 16px 8px 28px;
    border-radius: 8px;
    color: #0000;
    background: #FFFF99 url('../img/spinner2.gif') 8px 8px no-repeat;
    z-index: 9999;
}

/* form */
div.box .input-text{
border:1px solid #dededf;
color:#666666;
padding: 2px 6px;
margin-top: -3px;
}

div.box label{
display:block;
margin-bottom:10px;
color:#555555;
}

div.box label span{
display:block;
float:left;
padding-right:6px;
width:70px;
text-align:right;
font-weight:bold;
}
.green{
background:url(../img/green.gif);
padding:0px 6px;
border:1px solid #3b6e22;
height:24px;
line-height:24px;
color:#FFFFFF;
font-size:12px;
margin-right:10px;
display:inline-block;
text-decoration:none;
}
#vsplitter {
    background-image: url('../img/globe.gif');
    background-position: center !important;
    background-repeat: no-repeat;
}
.olLayerGooglePoweredBy { display: none; }
.rounded6 {
    border-radius: 6px;
}
#menu-atas {
    position: relative;
    list-style-type: none;
    margin: 6px 0 0 0; padding: 0;
    color: #f8f8ff;
    font-family: Verdana, Tahoma, sans-serif;
    z-index: 12;
}
#menu-atas li {
    float: left;
    background-color: #515151;
    padding: 4px 8px;
    border-right: 1px solid #919191;
    position: relative;
}
#menu-atas li a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
#menu-atas div.submenu {
    display: none;
    position: relative;
    position: absolute;
    right: 0;
    padding: 4px 8px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #919191;
    border: 1px solid #313131;
    font-size: 12px;
    min-width: 140px;
}
#menu-atas li:hover div.submenu {
    display: block;
}
#menu-atas div.submenu p {
    padding: 8px 12px;
}
#menu-atas div.submenu p:hover {
    background-color: #333;
}
.markerContent {
   font-family: Verdana, Tahoma, sans-serif;
}
.markerHead {
    font-weight: bold;
    border-bottom: 1px solid #dededf;
    margin-bottom: 4px;
    font-size: 14px;
}

.markerContent td {
    padding: 3px 6px;
}
.markerContent tr {
    border-bottom: 1px dotted #cfcfcf;
}
.markerContent th {
    text-align: left;
}
.alarmdiv table tbody tr:hover { background-color: #EBF9C2;}

.left { text-align: left }
.center { text-align: center }
.right { text-align: right }
.terang{
	background:#FFF;
}
.gelap{
	background:#EBEBEB;
}
.address{
	text-decoration:none;
}
::-webkit-scrollbar {
	height:12px;
	width: 8px;
	background: #CCCCCC;
} 
::-webkit-scrollbar-thumb {
	background-color:#333;
	-moz-border-radius: 15px;
	border-radius: 15px;
}