@charset "utf-8";
/* CSS Document */
#sectionWrapper *{
	margin:0px;
	padding:0px;
}

ul {
	list-style-type: none;
}

p{
	text-align:justify;	
}

.clearfix:after {
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	}	
/* FF, Safari, Opera—p */

.clearfix {
	display:inline-block;
	}
/* IE7, MacIE5—p */

/* The Following Hidden From MacIE \*/
	* html .clearfix { height:1%; }
	.clearfix { display:block; height:inherit; }

.clear { 
	clear: both; 
	height: 0;
}
#sectionWrapper{
	width:960px;
	height:12px;
	position:relative;
	margin:0 auto;
}
#sectionWrapper #sectionMenu ul{
	position:relative;
	list-style:none;
}
#sectionWrapper #sectionMenu ul li{
	height:30px;
	float:left;
	padding:0 7px;
	background:url(../images/li.png) repeat-y center left;
	width:9%;
	display: block;
	line-height: 30px;
	margin-bottom:2px;
}
#sectionWrapper #sectionMenu ul li a{
	display:inline-block;
	font-family:sans-serif;
	font-size:16px;
	font-weight:bold;
	color:black;
	vertical-align: middle;
}
#sectionWrapper #sectionMenu ul li:first-child{
	background:none;
}
#sectionWrapper #sectionMenu ul li a:hover{
	color:#ffb400;
}
#sectionWrapper #sectionMenu ul.member{
	position:relative;
	list-style:none;
}
#sectionWrapper #sectionMenu ul.member li{
	height:30px;
	float:left;
	padding:0 7px;
	background:url(../images/li.png) repeat-y center left;
	width:7%;
	display: block;
    line-height: 25px;
}
#sectionWrapper #sectionMenu ul.member li a{
	display:inline-block;
	font-family: sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	vertical-align: middle;

}
#sectionWrapper #sectionMenu ul.member li:first-child{
	background:none;
}
#sectionWrapper #sectionMenu ul.member li a:hover{
	color:#ffb400;
}
.pagewrap
{	
	margin:0 auto;
	width:960px;
	background-color:lightblue;
}
#marqinfo{
	height: 30px;
	background:url(../images/info.png);
	width:55px;
	float:left;
	padding-left:10px;
	color:white;
	font-weight:bold;
	padding-top:7px;
}

#infowrap{
	background:url(../images/infobg.png) no-repeat;
	height: 35px;
	width:782px;
	float:left;
	padding-top:3px;
	background-position:-10px;
	}
#marq{
	height: 28px;
	/**border: 1px solid yellow;**/
	color:white;
	width:615px;
	float:left;
	padding-top:3px;
	background:url(../images/info2.png);
	background-position:-10px;
}
#datetime{
	padding-top:10px;
	height: 23px;
	width:160px;
	background:url(../images/info3.png) no-repeat;
	float:left;
	margin-top:-1px;
	margin-left:-15px;
	color:white;
	padding-left:20px;
	font-size:10px;
}	
#mobile{
	padding-top:7px;
	margin-left:5px;
	float:left;
}
#fb{
	float:left;
	padding-top:3px;
	margin-left:5px;
}
.midbutton{
	background:url(../images/midbtn.png) no-repeat;	
	
	border:none;
	width:150px;
	height:45px;
	font-size:45px;
	color:yellow;
	text-shadow:
    1px 1px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
	vertical-align:top;
	line-height: 36px;
    letter-spacing: 5px;
    padding-left: 16px;		
}
.mainmenu{
	/* 
	color:black;
	text-shadow:
    1px 1px 0 #000,
    
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
*/
	}
.member li{
	
}
.member .mainmenu{
	text-shadow:
    1px 1px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
	}

.current{
	background:url(../images/cur.png);
	width:inherit;
	height:inherit;
}
.Message{
	font-size:16px;
	color:#fff; font-family:Tahoma; text-decoration:none;"
}

#tdlogin{
width:100%;
float:right;
padding-top:10px;
height:20px;
}
#tdlogin form{
	right:0px;
	padding-left:10px;
	float:right;
	height:20px;
}
#tddaftar{
width:100%;
	float:right;
	color:white;
	font-size:12px;
	height:20px;
	
}
.inputlogin{
width:150px;	
height:38px;	
border: 1px solid yellow;
background:none;
color:white;
float:left;
margin-right:5px;
line-height:30px;
	
}
.inputlogin::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
  font-size:18px;
  opacity: 1 !important;
   vertical-align:middle;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
 font-size:18px;
 vertical-align:middle;
}
:-ms-input-placeholder { /* IE 10+ */
   color: black;
 font-size:18px;
 vertical-align:middle;
}
:-moz-placeholder { /* Firefox 18- */
   color: black;
  font-size:18px;
 vertical-align:middle;
	}
.inputcatcha::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: black;
  font-size:18px;
  opacity: 1 !important;
   vertical-align:middle;
}
::-moz-placeholder { /* Firefox 19+ */
  color: black;
 font-size:18px;
 vertical-align:middle;
}
:-ms-input-placeholder { /* IE 10+ */
   color: black;
 font-size:18px;
 vertical-align:middle;
}
:-moz-placeholder { /* Firefox 18- */
   color: black;
  font-size:18px;
 vertical-align:middle;
	}
.captcha{
	background:url(../images/inputbg3.png);
	width:50px;	
	height:28px;	
	color:black;
	font-weight:bold;
	font-size:18px;
margin-right:5px;
float:left;
border:none;
padding-left:5px;
margin-top:5px;
}

.inputlogin{
	color:black;
	font-size:16px;
	background:url(../images/inputbg1.png);
	border:none;
	height:28px;
	
margin-top:5px;
}

.inputcatcha{
	color:black;
	font-size:16px;
	background:url(../images/inputbg1.png);
	border:none;
	height:28px;
	width:50px;	
	
margin-top:5px;
margin-right:5px;
float:left;
}
.btnlogin{
	background:url(../images/signinbtn.png) no-repeat;
	width:100px;
	height:38px;
	border:none;
float:left;
cursor:pointer;
font-size:28px;
padding-top:1px;
padding-left:2px;
margin-right:2px;

}
.btndaftar{
	background:url(../images/daftarbtn.png) no-repeat;
	width:140px;
	height:38px;
	border:none;
	font-size:28px;
	color:black;
	margin-right:2px;
	cursor:pointer;
	font-weight:bold;
	
}
.chatwrap{
	float:left;
}
.skypeid{
	margin-top:5px;
	background:url(../images/skypebg.png) no-repeat;
	width:111px;
	float:right;
	height:22px;
	padding-top:2px;
	padding-left:2px;
}
.bbid{
	margin-top:5px;
	background:url(../images/bbbg.png) no-repeat;
	width:95px;
	float:right;
	height:22px;
	padding-top:2px;
	padding-left:2px;
}
.chatid{
	margin-top:5px;
	background:url(../images/chatbg.png) no-repeat;
	width:89px;
	float:right;
	height:22px;
	padding-top:2px;
	padding-left:2px;
}
.contentWrap{
	
	margin:0 auto; width:960px;color:whitesmoke;
}
.contentbox{
	margin:0 auto; width: 960px; position:relative
	
}
#slider{
	width:610px;
	height:325px;
	border: 1px solid yellow;
	
}
#rightslider{
	
	width:340px;
	
	height:325px;
	
	}
	.rightbanner{
	border: 1px solid yellow;
	height:155px;
	margin-bottom:2px;
		
	}
.tdbanner{
	width:25%;
}
.tdresult{
	
	    padding-top: 35px;
    width: 2%;
    font-size: 18px;
    color: yellow;
    padding-left: 60;
}
#result{
	background:url(../images/resultbg.png) no-repeat;
	height:95px;
}
#footerWrap{width: 100%;
	height:130px;
	padding-bottom:5px;
	float:left;
}
#footerbanner{
	margin:0 auto;

}
#leftsidebar{
	width:176px;
	float:left;
	background-color:lightblue;
}
#rightcontent{
	width:784px;
	float:right;
}
.titlebar{
	background:url(../images/toptablebar2.png) repeat-x;
	height:30px;
	width:100%;
	float:right;
	
}
.titlebar2{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+50,f6290c+51,f02f17+71,e73827+100;Red+Gloss+%231 */

	background:url(../images/toptablebar2.png) repeat-x;
	height:30px;
	width:100%;
	float:right;
	
}
.title{
	font-weight:bold;
	font-size:15px;
	color:white;
	
}
.btnselectlg{
background-color:white;
   border:none;
   width:130px;
   color:black;
   float:right;
   border-radius: 25px;
}
.btnrefresh{
	color:black;
	background-color:white;
	border:none;
	width:130px;
    border-radius: 25px;
}
.btnselectlg2{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefcea+0,f1da36+100;Gold+3D */
background: #fefcea; /* Old browsers */
background: -moz-linear-gradient(left,  #fefcea 0%, #f1da36 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #fefcea 0%,#f1da36 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #fefcea 0%,#f1da36 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f1da36',GradientType=1 ); /* IE6-9 */

   border:none;
   width:130px;
   color:black;
   float:right;
}
.arrowlistmenu{
width: 176px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: black;
	background:url(../images/toptablebar1.png) repeat-x;
margin-top: 0px; /*bottom spacing between header and rest of content*/
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
/** text-transform: uppercase;**/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/**background-image: url(titlebar-active.png);**/
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px; /*bottom spacing between each UL and rest of content*/

background-color:lightblue;
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
background-color:white;
background-color:lightblue;
}

.arrowlistmenu ul li a{
color: #000;
background: url(../images/arr_black.gif) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
background-color: lightblue;
}

.arrowlistmenu ul li a:visited{
color: #000;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}
.btnsidebar1{
	
	background:url(../images/sidebarbutton2.png) no-repeat;
	margin-top:2px;
	margin-left:5px;width:70px;height:25px;
	border:none;
	
}
.btnsidebar2{
	background:url(../images/sidebarbutton1.png) no-repeat;
	margin-top:2px;margin-left:5px;width:70px;height:25px;
		border:none;
}
.sbmenuicon1{width:15px;height:15px;}
.sbmenuiconlive{width:15px;height:15px;float:right;margin-right:5px;margin-top:3px;}
.sbmenutitle{width:100px;}
.sbmenuiconlive{width:30px;}
.sbmenucount{float:right;width:50px;margin-top:3px;}
.sbmenulicount{float:right;color:red}

.table1{
	text-align:center;color:white;width:100%;
	font-size:12px;
	 border-collapse: collapse;

}
.table2{
	text-align:center;color:white;width:100%;
	font-size:12px;
	 border-collapse: collapse;

}
.table1, .table1 tr, .table1 td, .table2,.table2 tr, .table2 td{
	border:1px solid white;
}
.size0{
	background-color:pink;
}
.table2 .size0{
	background-color:lightblue;
}
.table1header{
	background-color:blue;
	font-weight:bold;
}
.tablebar{
	background-color:darkgrey;
	text-align:left;
	padding-left:20px;
}

.table2 .table1header{
	background-color:blue;
}
.table2 .tablebar{
	background-color:darkgrey;
}
.size1{
	width:50px;
	background-color:white;
	border:none;
}
.colblue{color:blue;}
.colred{color:red;}
.colblack{color:black;}
#centermenu{
background: url(../images/centerbg.png) no-repeat; /*custom bullet list image*/
}