﻿body{
    background-color:#FFFFFF;
    background-image: url("../image/bg_header.png");
    background-repeat: repeat-x;
    margin:0;
}

ul, li{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6, p{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

.logo{
    display:inline-block;
    text-align: left;
    margin-top:9px;
}

a{
	color:#666666;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

#p_header{
    background-image: url("img/bg_head.png");
}

#header {
    width:1024px;
    /*height: 61px;*/
    height:64px;
    margin-left: auto;
    margin-right: auto;
    margin-top:-7px;
}

#header2{
	background-image: url("../image/bg_headmenu.png");
    background-color: white;
    height:35px;
    padding-top:5px;
	margin-left:-50px;
	margin-top:-3px;
}

#menuheader2wrap{
	width:1155px;
	/*border:1px white dotted;*/
}

a.menuheader2{
	display:inline-block;
	padding:5px 15px 0px 15px;
	width:auto;
	height:auto;
	text-decoration:none;
	color:white;
	font-family:Verdana;
	font-size:11px;
	font-weight:700;
}

a.menuheader2:hover{
	color:#f6de56;
}

#tickerheader2{
	float:right;
	width:580px;
	height:17px;
	font-size:8pt;
    font-family:arial;
    color:#FFFFFF;
    background: url(../images/bgticker1.png) no-repeat;
	background-size:600px;
    right:0;
    padding:5px 10px 3px 10px;
    margin-top:-2px;
}


ul li { float:left;}
a.menulist {
    color: #ffffff;
    float: left;
    font-family: Arial;
    font-size: 11pt;
    font-weight: bold;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: uppercase;
  
}

a.menulist:hover {
    color: #FFFFFF;
    text-shadow: 0.1em 0.1em 0.2em black;
}

.wall1{
    display:block;
    position:absolute;
    margin-left:12px;
    margin-top:-6px;
}

.wall2{
    display:block;
    position:absolute;
    margin-left:12px;
    margin-top:-6px;
}
.wall3{
    display:block;
    position:absolute;
    margin-left:12px;
    margin-top:-6px;
}
.myform{
    display:block;
    float: right;
    margin-top:-53px;
    margin-left:520px;
    position:absolute;
}

.mytable td {
   padding:0; margin:0;
}

.mytable{
   border-collapse: collapse;
}

.ileft{
    margin-right:12px;
}

.iright{
    margin-left:10px;
    margin-right:10px;
}

#name{
    width:100px;
    border: 1px solid #09234c;
    border-radius:4px;
    color: #4F5056;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 19px;
    padding-left: 5px;
}
#password{
    width:100px;
    border: 1px solid #09234c;
    border-radius:4px;
    color: #4F5056;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 19px;
    padding-left: 5px;
    margin-top:2px;
}
#validasi{
    width:45px;
    border: 1px solid #0DA020;
    border-radius:4px;
    color: #4F5056;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 19px;
    padding-left: 5px;
    background-color:#C4E59E;
    
}
.img_valid{
    width:50px;
    border: 1px solid #0DA020;
    border-radius:4px;
    color: #4F5056;
    float: left;
    font-family: Arial;
    font-size: 12px;
    height: 21px;
    background-color:#C4E59E;
    margin-top:-4px;
    
}
.login_button{
 
}

.changesImgOnHoverLogin {
    display: inline-block; /* or just block */
    background: url('../image/loginh.png') no-repeat;
    margin-left:30px;
    margin-top:-1px;
}
.changesImgOnHoverLogin:hover img {
    visibility: hidden;
}
.changesImgOnHoverLC {
    display: inline-block; /* or just block */
    background: url('../image/livechath.png') no-repeat;
    margin-top:-5px;
}
.changesImgOnHoverLC:hover img {
    visibility: hidden;
}


#headertwo{
	width:auto;
	height:auto;
	margin-top:-3px;
	/*border:1px black dotted;*/
}
.menu{
    display:inline-block;
    position:relative;
    top:-12px;
    left:12px;
 
}

.logoitubl{
    display:block;
    position:absolute;
    margin-top:-2px;
    margin-left:92px;
    
}
#ifooter{
	width:100%;
	background-image:url('../image/topbg.png');
	background-repeat:repeat-x;
    /*position:absolute;*/
    height:60px;   /* Height of the footer */
    bottom:0;
    margin-top:10px;
}

#ifooterwrap{
	width:1055px;
	height:50px;
	padding-top:12px;
	font-size:10px;
}

#headerotherinfo{
	float:left;
	width:auto;
	height:auto;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	color:#353736;
}

#othersinfoitem{
	float:left;
	width:auto;
	height:auto;
}

/*Trigger panel*/

a.triggerleft2{
position: fixed;
text-decoration: none;
display: block;
width:150px;
height:150px;
/*margin-left:-68px;*/
right:0;
margin-top:384px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
background-image:url('../imgs/itudewa.gif');
background-repeat:no-repeat;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);

}

a.triggerleft2:hover{
position: fixed;
text-decoration: none;
display: block;
width:150px;
height:150px;
right:0;
margin-top:384px;
-webkit-border-top-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
z-index:9999;
background-image:url('../imgs/itudewa.gif');
background-repeat:no-repeat;

    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
}

a.triggerleft{
    position: fixed;
    text-decoration: none;
    display: block;
    width:60px;
    height:161px;
    /*margin-left:-68px;*/
    left:0;
    margin-top:70px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index:9999;
    background-image:url('../images/contactus.png');
    background-repeat:no-repeat;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.75);
}

/* a.triggerleft2 {
    background-image: url("../images/kontes-seo.gif");
    background-repeat: no-repeat;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.75);
    display: block;
    height: 144px;
    margin-top: 250px;
    position: fixed;
    left: 0;
    text-decoration: none;
    width: 38px;
    z-index: 1000;
} */

a.triggerleft:hover{
    position: fixed;
    text-decoration: none;
    display: block;
    width:60px;
    height:161px;
    left:0;
    margin-top:70px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    z-index:9999;
    background-image:url('../images/contactus.png');
    background-repeat:no-repeat;
    
    -webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.75);
    }

a.active.triggerleft{
    position: fixed;
    text-decoration: none;
    display: block;
    width:15px;
    height:60px;
    margin-left:151px;
    margin-top:144px;
    background-color:white;
    background-image:url('../images/closequickregis.png');
    background-repeat:no-repeat;
    background-position:center top;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index:9999;
}


.panelleft{
    position: fixed;
    text-decoration: none;
    display: none;
    width:155px;	
    min-height:218px;
    left:0;
    border:1px gray solid;
    padding-top:20px;
    padding-left:10px;
    padding-bottom:20px;
    text-align:left;
    border:1px #424242 solid;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-box-shadow: -1px 1px 2px 3px rgba(0, 0, 0, 1);
    box-shadow: -2px 3px 10px 2px rgba(0, 0, 0, 1);
    background-color: #FFFFFF;
    z-index: 9999;
    /*top:56px!important;*/
    top:100px!important;
}

/*--right--*/


a.triggerright {
    position: fixed;
    text-decoration: none;
    display: block;
    width:66px;
    height:161px;
    /*margin-left:-68px;*/
    right:-7px;
    margin-top:44px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index:999;
    border:1px solid #0da020;
    background-image:url('../images/jadwal-bank.gif');
    background-repeat:no-repeat;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
}

a.triggerright2 {
    background-image: url("../image/seocas.gif");
    background-repeat: no-repeat;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.75);
    display: block;
    height: 150px;
    margin-top: 325px;
    position: fixed;
    right: 0;
    text-decoration: none;
    width: 150px;
    z-index: 1000;
}
a.triggerright:hover{
    position: fixed;
    text-decoration: none;
    display: block;
    width:66px;
    height:161px;
    right:-7px;
    margin-top:44px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index:999;
    background-image:url('../images/jadwal-bank.gif');
    background-repeat:no-repeat;
    border:1px solid #0da020;
            -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
            -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);
            box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.25);

}
a.active.triggerright{
    position: fixed;
    text-decoration: none;
    display: block;
    width:15px;
    height:60px;
    margin-right:256px;
    margin-top:264px;
    background-color:white;
    background-image:url('../images/closequickregis2.png');
    background-repeat:no-repeat;
    background-position:center top;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-bottomleft: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    z-index:9999;
}


.panelright{
    position: fixed;
    text-decoration: none;
    display: none;
    width:150px;	
    min-height:320px;
    right:0;
    border:1px gray solid;
    padding-top:20px;
    padding-left:115px;
    padding-bottom:20px;
    text-align:left;
    border:1px #424242 solid;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-box-shadow: -1px 1px 2px 3px rgba(0, 0, 0, 1);
    box-shadow: -2px 3px 10px 2px rgba(0, 0, 0, 1);
    background-color: #FFFFFF;
    z-index: 9999;
    /*top:56px!important;*/
    top:100px!important;
}



/*---end trigger--*/
#igirl{
	display:block;
    margin-left:785px;
    margin-top:-251px;
    position:absolute;
    
}

#container{
    margin-left:auto;
    margin-right:auto;
    width:1050px;

}

#container-content{
    margin-left:auto;
    margin-right:auto;
    width:1050px;
   	min-height:300px;
    /*border:1px black dotted;*/
}

#container-slideshow{
    margin-left:auto;
    margin-right:auto;
    width:1024px;
   	min-height:260px;
   	/*background-image:url('../images/slideshow.jpg');
   	background-repeat:no-repeat;*/
    /*border:1px black dotted;*/
    margin-top:10px;
    margin-bottom:10px;
}

#leftpic{
	float:left;
	width:820px;
	height:261px;
	/*border:1px black dotted;*/
	/*background-color:green;*/
	/* margin-right:5px;*/
}

#rightpic-wrapper{
	/* float:left; */
    height: 261px;
    margin-left: 820px;
    width: 377px;
}

a.headerrightpic{
	text-decoration:none;
	display:block;
	/*width:377px;*/
	width:400px;
	height:30px;
	margin-top:5px;
	margin-left:5px;
	color:black;
	font-family:Arial;
	font-weight:bold;
	color:#13a11a;
	font-variant:small-caps;
	font-size:36px;
	/*letter-spacing:8px;*/
	/*border:1px black dotted;*/
}

#berita-line{
	position:absolute;
	background-color:#c7bebe;
	width:1px;
	height:40px;
	margin-left:275px;
	margin-top:-30px;
}

a.beritabutton{
	display:block;
	position:absolute;
	/*border:1px black dotted;*/
	width:100px;
	height:40px;
	margin-left:280px;
	margin-top:-30px;
	background-image:url('../images/news.gif');
	background-repeat:no-repeat;
}

a.headerrightpic:hover{
	color:#efec12;
}

#rightpic{
	
	width:377px;
	height:220px;
	/*border:1px black dotted;*/
	/*background-image:url('../images/videoframe.png');
	background-repeat:no-repeat;*/
	background-color:black;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-top:5px;
	
}

#container-content{
	width:984px;
   	min-height:450px;
   	padding:20px 20px 20px 20px;
   	text-align:left;
   	font-family:Verdana;
   	font-size:13px;
   	color:#666666;
   	letter-spacing:1px;
}

#container-content2-wrapper{
	width:auto;
   	min-height:280px;
   	/*border:1px black dotted;*/
}

#container-content2{
	width:984px;
   	min-height:450px;
   	padding:20px 20px 20px 20px;
   	text-align:left;
   	font-family:Verdana;
   	font-size:13px;
   	color:#666666;
   	letter-spacing:1px;
   	overflow:auto;
}

#container-content2-left{
	float:left;
	width:825px;
   	min-height:450px;
   	overflow:auto;
   	border-right:1px black dotted;
   	margin-right:5px;
   	/*border:1px black dotted;*/
}

#container-content2-artikel-left{
	float:left;
	width:984px;
   	min-height:450px;
   	overflow:auto;
   	/*border-right:1px black dotted;*/
   	margin-right:5px;
   	/*border:1px black dotted;*/
}

#container-content2-right{
	float:left;
	width:150px;
   	min-height:280px;
}

a.vmenucontent{
	display:block;
	width:150px;
	height:auto;
	font-family:Verdana;
	color:#666666;
	border-bottom:1px #333333 dotted;
	padding-top:10px;
	padding-bottom:6px;
}

a.vmenucontent:hover{
	font-weight:bold;
	text-decoration:none;
	background-color:#284879;
	color:#ffffff;
}

a.content{
	text-decoration:none;
}

a.content:hover{
	text-decoration:underline;
}

a.formregis{
	text-decoration:none;
	color:black;
	font-weight:bold;
}

a.formregis:hover{
	text-decoration:underline;
	color:black;
}

table.transgrid {
  	border-collapse: collapse;
  	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

/*tblpromo*/
table.tblpromo {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border:1px #666666 solid;
}

table.tblpromo td, table.tblpromo th {
  	border-bottom: 1px #666666 solid;
  	border-right: 1px #666666 solid;
  	padding-top:10px;
	padding-bottom:10px;
	margin:0;
}

table.tblpromo tr:last-child td {
  border-bottom: 0;
}

table.tblpromo td:last-child, table.tblpromo th:last-child{
  border-right: 0;
}


/*tblpromo*/

table.transgrid td, table.transgrid th {
  	border: 1px solid black;
  	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding-top:10px;
	padding-bottom:10px;
}
table.transgrid tr:first-child th {
  border-top: 1px solid black;
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

table.transgrid tr:first-child td {
  border: 1px solid black;
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}

table.transgrid tr:last-child td {
  border: 1px solid black;
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
table.transgrid tr td:first-child,
table.transgrid tr th:first-child {
  border: 1px solid black;
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}
table.transgrid tr td:last-child,
table.transgrid tr th:last-child {
  border: 1px solid black;
  -webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
}


#header-content{
	font-size:20px;
	font-weight:bold;
	color:#666666;
	font-family:Verdana;
}

#postedartikel{
	margin-top:10px;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
}


#form{
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left: 5px;
	background: #CCCCCC;
}

#gifmain{
	position:absolute;
	width:329px;
	height:235px;
	border:1px green dotted;
	margin-left:358px;
	margin-top:35px;
}

#videomain{
	position:absolute;
	width:332px;
	height:237px;
	margin-left:720px;
	margin-top:35px;
	
}


#wrapper {
    /*position: absolute;*/
    width:1050px;
    margin-right:auto;
    margin-left:auto;
    height:446px;
}
.slide {
    display: block;
    float: left;
    border: none;
    position: relative;
    background-color: gray;
}

.pemain{
    display:block;
    position:absolute;
    margin-top:-172px;
    margin-left:407px;

}

#menulist{
    background-image: url("../image/bg_headmenu.png");
    background-color: white;
    height:38px;
}

#menulist2{
    background-image: url("../images/bg_head.png");
    background-color: white;
    background-repeat: repeat-x;
    height:100px;
}
#space{
    width:200px;
}

.popupjb{
    margin-left: -84px;
    margin-right: 22px;
   
}
.popupjb h1{
    font-family: helvetica;
    color: #0DA020;
    font-size: 18px;
    margin-bottom: 20px;
}
.popupjb h2{
    font-family: helvetica;
    color: #0DA020;
    font-size: 13px;
    margin-bottom: 5px;
}
.popupjb p{
    margin-left:16px;
    margin-bottom: 9px;
    font-family: helvetica;
    font-size: 12px;
    color:#808080;
    line-height:123%;
}
.popupjb h3{
    margin-bottom: 10px;
    font-family: helvetica;
    font-size: 11px;
    color:#FF0000;
  
}

#submenu-wrapper{
	width:auto;
	height:50px;
	margin:0;
	margin-top:-18px;
}

#submenu{
	width:705px;
	height:50px;
}

a.panduanlink-off{
	display:block;
	float:left;
	width:auto;
	height:15px;
	padding:10px 20px 10px 20px;
	text-decoration:none;
	font-family:Arial;
	font-weight:bold;
	color:white;
	font-size:15px;
	background-color:#a7b1a9;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	box-shadow: 2px 2px 2px gray;

}

a.panduanlink,a.panduanlink-off:hover{
	display:block;
	float:left;
	width:auto;
	height:15px;
	padding:15px 20px 15px 20px;
	text-decoration:none;
	font-family:Arial;
	font-weight:bold;
	color:white;
	font-size:15px;
	background-color:#0da020;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	box-shadow: 2px 2px 2px gray;
	-webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;


}

.popuppromosi{
    margin-left: auto;
    margin-right: auto;
    width:705px;
    min-height:500px;
    /*border:1px black dotted;*/
}
.popuppromosi h1{
    font-family: helvetica;
    color: #0DA020;
    font-size: 18px;
    margin-bottom: 20px;
}
.popuppromosi h2{
    font-family: helvetica;
    color: #0DA020;
    font-size: 13px;
    margin-bottom: 5px;
}
.popuppromosi p{
    margin-left:16px;
    margin-bottom: 9px;
    font-family: helvetica;
    font-size: 12px;
    color:#808080;
    line-height:123%;
}
.popuppromosi h3{
    margin-bottom: 10px;
    font-family: helvetica;
    font-size: 11px;
    color:#FF0000;
    margin-left:16px;
}
#menu2{
    background-image: url("../images/head.png"); 
    background-repeat: no-repeat;
    height:100px;
    width:705px;  /*---Give our UL a width ---*/
    list-style:none;  /*--- Makes the bullets go away ---*/
    margin:0;  /*--- Take out any default margin on the UL tag ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;  /*--- Center the menu ---*/
}
#menu2 li{
    float:left;  /*--- Make the list go horizontal ---*/
    margin: 63px 11px 0;
}
#menu2 li a{
    display:block;  /*--- Make the entire button are clickable rather than the text alone ---*/
    text-indent: -9999px; /*--- Push the text off screen to hide text---*/
    overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
    height:33px;
}

#menu2 li#sportbook a{
    background: url(../images/msportbook.png) no-repeat;
    width:87px;
    height:12px;
}
#menu2 li#livecasino a{
    background: url(../images/mcasino.png) no-repeat;
    width:80px;
    height:12px;
}
#menu2 li#poker a{
    background: url(../images/mpoker.png) no-repeat;
    width:46px;
    height:12px;
}
#menu2 li#games a{
    background: url(../images/mgames.png) no-repeat;
    width:48px;
    height:12px;
}
#menu2 li#domino a{
    background: url(../images/mdomino.png) no-repeat;
    width:53px;
    height:12px;
}
#menu2 li#toto a{
    background: url(../images/mtoto.png) no-repeat;
    width:50px;
    height:12px;
}


#menu2 li#sportbook a:hover{
    background: url(../images/hsportbook.png) no-repeat;
  
 
}
#menu2 li#livecasino a:hover{
    background: url(../images/hcasino.png) no-repeat;
 
}
#menu2 li#games a:hover{
    background: url(../images/hgames.png) no-repeat;
   
}
#menu2 li#poker a:hover{
    background: url(../images/hpoker.png) no-repeat;
   
}
#menu2 li#domino a:hover{
    background: url(../images/hdomino.png) no-repeat;
    
}
#menu2 li#toto a:hover{
    background: url(../images/htoto.png) no-repeat;
   
}
/*--- menu promo --*/
#promo li{
    float:left;  /*--- Make the list go horizontal ---*/
  
}
#promo li a{
    display:block;  /*--- Make the entire button are clickable rather than the text alone ---*/
    text-indent: -9999px; /*--- Push the text off screen to hide text---*/
    overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
    height:33px;
}
    
#promo li#promo1 a{
    background: url(../images/p_sportbook.png) no-repeat;
    width:262px;
    height:234px;
}
#promo li#promo2 a{
    background: url(../images/p_casino.png) no-repeat;
    width:262px;
    height:234px;
}
#promo li#promo3 a{
    background: url(../images/p_grandprize.png) no-repeat;
    width:262px;
    height:234px;
}
#promo li#promo4 a{
    background: url(../images/p_referral.png) no-repeat;
    width:262px;
    height:234px;
}

#promo li#promo1 a:hover{
    background: url(../images/ph_sportbook.png) no-repeat;
  
 
}
#promo li#promo2 a:hover{
    background: url(../images/ph_casino.png) no-repeat;
 
}
#promo li#promo3 a:hover{
    background: url(../images/ph_grandprize.png) no-repeat;
   
}
#promo li#promo4 a:hover{
    background: url(../images/ph_referral.png) no-repeat;
   
}

/*--end--*/

#menu{
    width:1100px;  /*---Give our UL a width ---*/
    list-style:none;  /*--- Makes the bullets go away ---*/
    margin:0;  /*--- Take out any default margin on the UL tag ---*/
    padding:0;  /*--- Take out any default padding on the UL tag ---*/
    margin:0 auto;  /*--- Center the menu ---*/
}
#menu li{
    float:left;  /*--- Make the list go horizontal ---*/
    margin: 11px 16px 0;
}
#menu li a{
    display:block;  /*--- Make the entire button are clickable rather than the text alone ---*/
    text-indent: -9999px; /*--- Push the text off screen to hide text---*/
    overflow: hidden; /*--- Makes text outside of bounding box hidden ---*/
    height:33px;
}

#menu li#mhome a{
    background: url(../images/mhome.png) no-repeat;
    width:42px;
    height:12px;
}
#menu li#sportbook a{
    background: url(../images/msportbook.png) no-repeat;
    width:87px;
    height:12px;
}
#menu li#livecasino a{
    background: url(../images/mcasino.png) no-repeat;
    width:82px;
    height:12px;
}
#menu li#games a{
    background: url(../images/mgames.png) no-repeat;
    width:48px;
    height:12px;
}
#menu li#poker a{
    background: url(../images/mpoker.png) no-repeat;
    width:46px;
    height:12px;
}
#menu li#domino a{
    background: url(../images/mdomino.png) no-repeat;
    width:53px;
    height:12px;
}
#menu li#toto a{
    background: url(../images/mtoto.png) no-repeat;
    width:50px;
    height:12px;
}
#menu li#nawala a{
    background: url(../images/mnawala.png) no-repeat;
    width:135px;
    height:12px;
}
#menu li#download a{
    background: url(../images/mdownload.png) no-repeat;
    width:90px;
    height:12px;
}
#menu li#nawala a:hover{
    background: url(../images/hnawala.png) no-repeat;
}

#menu li#mhome a:hover{
    background: url(../images/hhome.png) no-repeat;
}
#menu li#sportbook a:hover{
    background: url(../images/hsportbook.png) no-repeat;
   
}
#menu li#livecasino a:hover{
    background: url(../images/hcasino.png) no-repeat;
   
}
#menu li#games a:hover{
    background: url(../images/hgames.png) no-repeat;
    
}
#menu li#poker a:hover{
    background: url(../images/hpoker.png) no-repeat;
    
}
#menu li#domino a:hover{
    background: url(../images/hdomino.png) no-repeat;
    
}
#menu li#toto a:hover{
    background: url(../images/htoto.png) no-repeat;
    
}
#menu li#download a:hover{
    background: url(../images/hdownload.png) no-repeat;
    
}

#menu li#tickersub{
    margin-top: 3px;
    width:395px;
    font-size:8pt;
    font-family:arial;
    color:#FFFFFF;
    background: url(../images/bgticker1.png) no-repeat;
    height:25px;
}
.ticker{
    margin-top:8px;
    margin-left:10px;
    margin-right:10px;
}
/**#menu li#flights a:hover{
    background: url(../images/flights-over.jpg) no-repeat;    
     cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
/**}
/*-- #menu li#whitdraw a.current{
    background: url(../images/flights-down.jpg) no-repeat;
    cursor:default;  
    background: url(../images/home-down.jpg) no-repeat;
    cursor:default;  /*--- Show pointer instead of hand cursor for the current page ---*/
/*-- }
#menu li#whitdraw a.current{
    background: url(images/flights-down.jpg) no-repeat;
    cursor:default;  
} --/


/*match style*/
#matchpromo-wrapper{
	width:auto;
	/*position:absolute;*/
	margin-bottom:5px;
	margin-top:-204px;
    margin-left:38px;
}

#itubolamatchpromo{
	width:1087px;
	height:180px;
	/*border:1px black dotted;*/
}
#thumbnail{
    width:1050px;
    height: 220px;
    
}

#thumbnail-block{
	float:left;
    width:259px;
    height:140px;
	padding-top:80px;
	padding-left:3px;
}

#games-thumbnail{
	width:195px;
	height:99px;
	/*border:1px white dotted;*/
}

a.livecasinogames{
	display:block;
	width:195px;
	height:99px;
	background-image:url('../images/livecasinogames.png');
	background-repeat:no-repeat;
}
a.livecasinogames:hover{
	display:block;
	width:195px;
	height:99px;
	background-image:url('../images/livecasinogames-hover.png');
	background-repeat:no-repeat;
}


#thumbnail-block-promo{
	position:absolute;
    width:262px;
    height:240px;
	border:1px green dotted;	
	margin-top:-20px;
	margin-left:795px;
	background-image:url('../images/thumbnail-promo.png');
	background-repeat:no-repeat;
}

#promo{
    width:1050px;
    height:220px;
}


#itubolamatch{
	float:left;
	width:675px;
	height:180px;
	/*border:1px black dotted;*/
	background-image:url('../images/matchbg.png');
	background-repeat:no-repeat;
	margin-left:-11px;
}

#itubolapromo{
	float:left;
	/*width:395px;
	height:180px;*/
	/* border:1px black dotted; */
    margin-left:22px;
    margin-top:29px;        
}
#itubolapromo2{
	float:left;
	width:295px;
	height:180px;
	border:1px black dotted;
}

#homeclub-img{
	position:absolute;
	width:125px;
	height:125px;
	margin-left:12px;
	margin-top:24px;
}

#awayclub-img{
	position:absolute;
	width:125px;
	height:125px;
	margin-left:536px;
	margin-top:24px;
}

#homeclub-name{
	position:absolute;
	width:365px;
	height:20px;
	margin-top:65px;
	margin-left:155px;
	text-align:left;
	font-variant:small-caps;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:black;
	/*border:1px black dotted;*/
}

#awayclub-name{
	position:absolute;
	width:365px;
	height:20px;
	margin-top:65px;
	margin-left:155px;
	text-align:right;
	font-variant:small-caps;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	color:black;
	/*border:1px black dotted;*/
}

#homeclub-tip{
	position:absolute;
	width:365px;
	height:15px;
	margin-top:45px;
	margin-left:155px;
	text-align:left;
}

#awayclub-tip{
	position:absolute;
	width:365px;
	height:15px;
	margin-top:45px;
	margin-left:155px;
	text-align:right;
}

#matchdesc1{
	position:absolute;
	width:365px;
	height:20px;
	margin-top:95px;
	margin-left:155px;
	text-align:center;
	font-variant:small-caps;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-shadow: 2px 2px 3px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);

}

#matchdesc2{
	position:absolute;
	width:365px;
	height:20px;
	margin-top:115px;
	margin-left:155px;
	text-align:center;
	font-variant:small-caps;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-shadow: 2px 2px 3px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);

}

#matchdesc3{
	position:absolute;
	width:365px;
	height:20px;
	margin-top:135px;
	margin-left:155px;
	text-align:center;
	font-variant:small-caps;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	color:white;
	text-shadow: 2px 2px 3px #000000;
    filter: dropshadow(color=#000000, offx=2, offy=2);

}

#loginbox{
	position:absolute;
	width:auto;
	height:48px;
	/*border:1px black dotted;*/
	margin-top:-54px;
	margin-left:620px;
}

#logged{
	position:absolute;
	width:110px;
	height:18px;
	font-family:Arial;
	font-size:11px;
	color:white;
	border:1px #1e8901 solid;
	background-image:url('../images/welcomebg.png');
	background-repeat:no-repeat;
	margin-left:550px;
	text-align:center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top:-11px;
	padding-top:22px;
	padding-right:3px;
	padding-left:37px;
}

#livechatbutton{
	position:absolute;
	width:auto;
	height:48px;
	/*border:1px black dotted;*/
	margin-top:-52px;
	margin-left:890px;
}

.loginboxsubmit{
	display:block;
	width:89px;
	height:50px;
	background-image:url('../image/login.png');
    outline:none;
	border:0;
}

.loginboxsubmit:hover{
	display:block;
	width:89px;
	height:50px;
	background-image:url('../image/loginh.png');
}


#form{
	border: 1px solid #CCC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:#dee1db;
	color: #666666;
	padding:10px 10px 10px 10px;
}

#clear{
	clear:both;
}

#formrgs{
	border: 1px solid #CCC;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background:#dee1db;
	color: #666666;
	padding:10px 10px 10px 10px;
}

#formdr{
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-left: 2px;
	padding-right:2px;
	padding-bottom:2px;
	background:#dee1db;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
a.logoutadm{
	text-decoration:none;
	color:black;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
}

a.logoutadm:hover{
	text-decoration:underline;
	color:black;
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
}

#headerupdate{
	height:auto;
	width:auto;
	/*border:1px black dotted;*/
	margin:0;
	background-color:#06bd06;
	padding:5px;
	overflow:auto;
}

a.logout{
	display:block;
	float:left;
	width:auto;
	height:auto;
	border:1px black solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:10px;
	background-color:gray;
	color:black;
	font-size:14px;
	text-align:center;
	text-decoration:none;
	font-family:Arial;
	margin-right:10px;
}

a.logout:hover{
	display:block;
	float:left;
	width:auto;
	height:auto;
	border:1px white solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding:10px;
	background-color:gray;
	color:white;
	font-size:14px;
	text-align:center;
	text-decoration:underline;
	font-family:Arial;
	margin-right:10px;
}

.dot{
    display:block;
    position: absolute;
    margin-top: 2px;
}
/*match style*/

.status_bank{
    font-family: Nevada;
    font-size: 30px;
    padding:10px;
    color:#0A9D06;
}
.bank_onoff{
    padding: 10px;
    margin-left: -8px;
}
.bg_statusbank {
    text-align: center;
    font-family: Arial;
    font-size: 20px;
    font-variant: small-caps;
    font-weight: bold;
}
.bankbca{
    color: #8bcc1f;
    display: block;
    margin-left: -13px;
    margin-top: -11px;
    position: absolute;
    width: 140px;
    z-index: 4;
}
.bankmandiri
{
    color: #8bcc1f;
    display: block;
    margin-left: 126px;
    margin-top: -11px;
    position: absolute;
    width: 140px;
    z-index: 4;
}
.bankbni
{
    color: #8bcc1f;
    /* red for offline/gangguan
    color: #FF0000;
    */
    display: block;
    margin-left: 279px;
    margin-top: -11px;
    position: absolute;
    z-index: 4;
    width: 140px;
}
.bankbri
{
    color: #8bcc1f;
    display: block;
    margin-left: 425px;
    margin-top: -11px;
    position: absolute;
    width: 140px;
    z-index: 4;
}
.bankdanamon
{
    color: #8bcc1f;
    display: block;
    margin-left: 562px;
    margin-top: -11px;
    position: absolute;
    width: 140px;
    z-index: 4;
}