@charset "utf-8";
/* CSS Document */
html,body{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	margin:0px;
	padding:0px;
	background:url(../images/body_bg.jpg) repeat;
	height:100%;
	color:#414142;
	
	}
h1, h2, h3, h4, h5, h6, ul, p, pre, input, td, th, label, form{ 
	margin:0px; 
	padding:0px;
	}
a   {
	outline:none;
	}
img{
	border:0px;
	}
textarea:focus, input:focus{
    outline: none;
	}
#wrapper{
	width:100%;
	/*overflow:hidden;*/
	/*background:url(../images/header_bg.jpg) left top repeat-x;	*/
	/*overflow:hidden;*/
	/*position:relative;*/
	}
.clear {
	clear:both;
	height:0px;
    line-height:auto;
}
/************ Header Starts Here ************/


#wrapper #header{
                width:100%;
                height:75px;
                background-color:#aacf3b; /* for firefox 3.6+ */
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aacf3b', endColorstr='#20562d'); /* for IE */
                background: -webkit-gradient(linear, left top, left bottom, from(#aacf3b), to(#20562d)); /* for webkit browsers */
                background: -moz-linear-gradient(top,  #aacf3b,  #20562d); /* for firefox 3.6+ */
                background: -ms-linear-gradient(top,  #aacf3b,  #20562d); /* for firefox 3.6+ */
                background-image: -o-linear-gradient(top,  #aacf3b,  #20562d);
}

#header #header_sub{
	/*width:761px;*/ /* CL */
	width:1001px; 
	margin:0 auto;	
	}
#header_sub #logo{
	width:155px;
	height:75px;
	float:left;
	}
/************ Navigation Starts Here ************/
/* CL */
/*#header_sub #nav{
	width:542px;
	float:left; 
	margin:12px 0 0 60px;
	}
*/	
#header_sub #nav{
	width:auto;
	float:right;
	margin:12px 5px 0 0;
	}	
#header_sub #nav ul{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#header_sub li{
	float:left;
	margin-left:10px;
	width:50px;
	height:52px;
	}
#nav a.news{
	background:url(../images/nav_icon.png) left top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;
	text-indent:-999999px;
	}
#nav a.news:hover{
	background:url(../images/nav_icon.png) left -55px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.news_active{
	background:url(../images/nav_icon.png) left -55px no-repeat;
	}
#nav a.sell{
	background:url(../images/nav_icon.png) -60px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.sell:hover{
	background:url(../images/nav_icon.png) -60px -55px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.sell_active{
	background:url(../images/nav_icon.png) -60px -55px no-repeat;
	}
#nav a.stock{
	background:url(../images/nav_icon.png) -120px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.stock:hover{
	background:url(../images/nav_icon.png) -120px -55px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.stock_active{
	background:url(../images/nav_icon.png) -120px -55px no-repeat;
	}
#nav a.commission{
	background:url(../images/nav_icon.png) -179px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.commission:hover{
	background:url(../images/nav_icon.png) -179px -55px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.commission_active{
	background:url(../images/nav_icon.png) -179px -55px no-repeat;
	}
#nav a.tri_points{
	background:url(../images/nav_icon.png) -240px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.tri_points:hover{
	background:url(../images/nav_icon.png) -240px -55px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.tri_points_active{
	background:url(../images/nav_icon.png) -240px -55px no-repeat;
	}
#nav a.graph{
	background:url(../images/nav_icon.png) -299px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.graph:hover{
	background:url(../images/nav_icon.png) -299px -55px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.graph_active{
	background:url(../images/nav_icon.png) -299px -55px no-repeat;
	}
#nav a.stock_ordered{
	background:url(../images/nav_icon.png) -360px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.stock_ordered:hover{
	background:url(../images/nav_icon.png) -360px -55px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.stock_ordered_active{
	background:url(../images/nav_icon.png) -360px -55px no-repeat;
	}
#nav a.complaint{
	background:url(../images/nav_icon.png) -420px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.complaint:hover{
	background:url(../images/nav_icon.png) -420px -55px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.complaint_active{
	background:url(../images/nav_icon.png) -420px -55px no-repeat;
	}
#nav a.profile{
	background:url(../images/nav_icon.png) -597px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.profile:hover{
	background:url(../images/nav_icon.png) -597px -55px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.profile_active{
	background:url(../images/nav_icon.png) -597px -55px no-repeat;
	}
	#nav a.fpi{
	background:url(../images/nav_icon.png) -538px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.fpi:hover{
	background:url(../images/nav_icon.png) -538px -55px no-repeat;
	width:50px;
	height:51px;
	text-decoration:none;
	}
#nav a.fpi_active{
	background:url(../images/nav_icon.png) -538px -55px no-repeat;
	}
#nav a.champ_league{
	background:url(../images/nav_icon.png) -480px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.champ_league:hover{
	background:url(../images/nav_icon.png) -480px -55px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.champ_league_active{
	background:url(../images/nav_icon.png) -480px -55px no-repeat;
	}
#nav a.pre-order{
	background:url(../images/nav_icon.png) -656px top no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.pre-order:hover{
	background:url(../images/nav_icon.png) -656px -55px no-repeat;
	width:50px;
	height:51px;
	text-decoration:none;
	}
#nav a.pre-order-active{
	background:url(../images/nav_icon.png) -656px -55px no-repeat;
	}
		
#nav a.purchase{
	background: url(../images/purchase.png) -540px -70px no-repeat;
	width:50px;
	height:52px;
	display:block;
	text-decoration:none;	
	text-indent:-999999px;
	}
#nav a.purchase:hover{
	background: url(../images/purchase.png) -540px -123px no-repeat;
	width:50px;
	height:52px;
	text-decoration:none;
	}
#nav a.purchase_active{
	background: url(../images/purchase.png) -540px -123px no-repeat;
	}
	
/************ Navigation Ends Here ************/

/************ Bread Crumb Starts Here ************/

#breadcrumb_main{
	width:100%;
	height:39px;
	clear:both;
	background: -moz-linear-gradient(top, #4d5051 1%, #7e8082 44%, #7e8082 50%, #4d5051 100%); /* FF3.6+ */
	background-image: -o-linear-gradient(top, #4d5051 1%, #7e8082 44%, #7e8082 50%, #4d5051 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#4d5051), color-stop(44%,#7e8082), color-stop(50%,#7e8082), color-stop(100%,#4d5051)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #4d5051 1%,#7e8082 44%,#7e8082 50%,#4d5051 100%); /* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top, #4d5051 1%,#7e8082 44%,#7e8082 50%,#4d5051 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d5051', endColorstr='#4d5051',GradientType=0 ); /* IE6-9 */
	}
#bread_crumb{
	width:1001px;
	margin:0 auto;
	position:relative;
	}
/*#bread_crumb ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	}
#bread_crumb li{
	float:left;
	color:#fff;
	font-size:12px;
	
	}
#bread_crumb a.home{
	background:url(../images/icon.png) -158px -42px no-repeat;
	text-decoration:none;
	display:inline-block;
	padding-left:28px;
	}
#bread_crumb a{
	text-decoration:none;
	display:block;
	color:#fff;
	padding-top:15px;
	}*/
.logout{
	position:absolute;
	font-size:14px;
	top:11px;
	right:15px;
	color:#ddfa7c;
	}
.logout a{
	display:inline-block;
	color:#ddfa7c;
	text-decoration:none;
	}
.logout a:hover{
	text-decoration:underline;
	}
.chng_paswd{
	position:absolute;
	font-size:14px;
	top:11px;
	right:70px;
	}
.chng_paswd a{
	display:block;
	color:#ddfa7c;
	text-decoration:none;
	}
.chng_paswd a:hover{
	text-decoration:underline;
	}
	
/************ Bread Crumb Ends Here ************/
	
/************ Header Ends Here ************/

/************ Content Starts Here ************/

#content{
	width:761px;
	clear:both;
	margin:0 auto;
	position:relative;
	}
#content h1{
	font-size:24px;
	color:#517a47;
	padding-top:35px;
	}
#content h1 img{
	margin-right:10px;
	}

	
/********** login Starts Here *************/

#login{
	width:440px;
	padding-top:36px;
	margin:0 auto;
	}
#login p{
	font-size:16px;
	color:#306534;
	font-weight:bold;
	}
#login_top{
	overflow:hidden;
	padding-top:12px;
	padding-bottom:20px;
	margin-top:17px;
	width:391px;
	border:2px solid #a2c28c;
	background-color:#fafafa;
	}
#login_top ul{
	margin:0 auto; 
	padding:0px;
	/*width:300px;*/
	width:320px;
	list-style:none;
	}
#login_top li{
	margin-top:10px;
	}
#login_top li label{
	width:115px;
	/*display:inline-block;*/
	color:#306534;
	font-size:16px;
	font-weight:bold;		
	float:left;
	padding-top:5px;
	
	}
#login_top li span{
	background:url(../images/form_field_bg.png) -448px -45px no-repeat;
	width:193px;
	height:42px;
	padding-left:5px;
	display:inline-block;
	}
#login_top li span input{
	width:190px;
	height:20px;
	border:0px;
	font-size:16px;
	margin-top:10px;
	color:#282828;
	}
.submit{
	width:75px;
	height:34px;
	background:url(../images/buttons.png) left -40px no-repeat;
	border:0px;
	font-size:14px;
	text-align:center;
	color:#fff;
	margin:8px 0px 0 0px;
	cursor:pointer;
	}
.login{
	width:75px;
	height:34px;
	background:url(../images/buttons.png) left -40px no-repeat;
	border:0px;
	font-size:14px;
	text-align:center;
	color:#fff;
	margin:8px 0px 0 0px;
	cursor:pointer;
	}
.login.register{
	margin-left:115px;
	}
#login_top li input.ragister{
	width:126px;
	height:34px;
	background:url(../images/buttons.png) -82px -40px no-repeat;
	border:0px;
	font-size:14px;
	text-align:center;
	color:#fff;
	margin:8px 0 0 115px;
	cursor:pointer;
	word-spacing:-3px;
	}
#login_top a{
	color:#0075b5;
	margin-left:118px;
	font-size:11px;
	text-decoration:none;
	}
#login_top a:hover{
	text-decoration:underline;
	}
.language{
	float:left; 
	/*margin-right:65px;*/
	font-size:15px;
	color:#306534;	
	padding-top:5px;	
	}
#login_failed{
	width:100%;
	height:87.5%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:75px;
	display:none;
	}
#login_failed_msg{
	background:#fff;
	width:298px;
	height:237px;
	margin:110px auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	}
#login_failed_msg h1{ 
	font-size:20px;
	color:#d00000;
	padding-top:15px;
	text-align:center;
	}
#login_failed_msg h1 span{
	width:100px;
	height:100px;
	background:url(../images/icon.png) left -85px no-repeat;
	display:block;
	margin:auto;
	margin-bottom:20px;
	}
#login_failed_msg p{ 
	font-size:16px;
	color:#d00000;
	padding-top:0px;
	text-align:center;
	}
#forget_pass{
	width:100%;
	height:87.5%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:75px;
	display:none;
	}
.forget_pass_div{
	display:block !important;
	}

#forget_pass_msg{
	background:#fff;
	width:530px;
	height:170px;
	margin:110px auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	position:relative;
	}
#forget_pass_msg h1{ 
	font-size:20px;
	color:#487931;
	padding:22px 0px 8px 20px;
	}
#forget_pass_msg ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	}
#forget_pass_msg li{
	float:left;
	font-size:14px;
	color:#404041;
	}
#forget_pass_msg li.name{
	width:115px;
	float:left;
	clear:both;
	padding:15px 0 0 53px;
	display:block;
	}
#forget_pass_msg li.name span{
	text-align:right;
	}
#forget_pass_msg li span{
	float:right;
	}
#forget_pass_msg li input{
	width:295px;
	height:30px;
	border:1px solid #8ab388;
	border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-webkit-border-radius:8px;
	margin:8px 0 0 20px;
	padding:0 5px 0 5px;
	line-height:30px;
	}
#forget_pass_msg li input[type="submit"]{
	background:url(../images/buttons.png) left -40px no-repeat;
	width:75px;
	height:32px;
	border:none;
	color:#fff;
	cursor:pointer;
	margin:15px 0 0 188px;
	}
.cross{
	width:20px;
	height:20px;
	background:url(../images/icon.png) -130px -51px no-repeat;
	position:absolute;
	top:20px;
	right:20px;
	}
.cross a{
	display:block;
	text-indent:-999999px;
	text-decoration:none;
	}
.close_icon{
	background:url(../images/icon.png) -130px -55px no-repeat;
	width:20px;
	height:20px;
	position:absolute;
	right:10px;
	top:20px;
	cursor:pointer;
	}
.close_icon1{
	background:url(../images/icon.png) -130px -55px no-repeat;
	width:20px;
	height:20px;
	position:absolute;
	right:10px;
	top:20px;
	cursor:pointer;
	}
		
/********** login Ends Here *************/

#content_top{
	background:url(../images/content_top_img.png) left top no-repeat;
	overflow:hidden;
	padding-top:19px;
	margin-top:17px;
	clear:both;
	float:left;
	width:761px;
	position:relative;
	}
#content_bot{
	background:url(../images/content_bot_img.png) left bottom no-repeat;
	overflow:hidden;
	padding-bottom:19px;
	}
#content_rep{
	background:url(../images/content_rep_img.png) left top repeat-y;
	overflow:hidden;
	}

#content_sub{
	width:706px;
	margin:0 auto;
	position:relative;
/*	height:322px !important; */
}
#content_sub.nonScroll{
	height:500px !important;
	}
#content_sub.nonScroll.mandiri{
	height:722px !important;
	}
#content_sub.nonScroll.cc-ontime{
	height:922px !important;
	}
#content_sub1{
	width:706px;
	margin:0 auto;
	position:relative;
	}
#content_sub1 h2{
	font-size:18px !important;
	color:#414142;
	font-weight:normal;
	}
#content_sub h2{
	font-size:18px !important;
	color:#414142;
	font-weight:normal;
	}
	
/************* News Section Starts *************/

#content_sub .news_list_main{
	/*width:320px;*/ /* 14-feb-2013 */
	width:665px;
	float:left;
	}
.news_list_main .news_list{	
	width:100%;
	overflow:hidden;
	margin-top:20px;
	}
.news_list h3{
	font-size:14px;
	color:#414142;
	font-weight:normal;
	}
.news_list ul{
	margin:0px; 
	padding:0px;
	}
.news_list li{
	/*list-style-position:outside;*/
	color:#046938;
	font-size:13px;
	/*margin-left:16px;*/
	line-height:20px;
	display:inline-block;
	word-wrap:break-word;
	background:url(../images/green_dot.png) no-repeat left 7px;
	padding:0 0 0 9px;
	margin-left:2px;
	}
	
.news_list li div{
	float:left;
	/*width:70px;*/ /* 14-feb-2013 */
	width:78px;
	}
.news_list li span{
	color:#414142;
	float:right;
	/*width:230px;*/ /* 14-feb-2013 */
	width:576px;
	}
.lft_space{
	margin-left:30px;
	}
	
/************* News Section Starts *************/

/*********** Sell Section Starts Here ****************/

#sell_top{
	overflow:hidden;
	width:507px;
	position:relative;
	border:2px solid #a1c18b;
	margin:0 auto;
	}

#sell_list_tittle{ 
	width:100%; 
	overflow:hidden;
	height:35px;
	background-color:#497747;
	}
#sell_list_tittle ul{
	margin:3px 0 0 0; 
	padding:0px; 
	list-style:none;
	
	}
#sell_list_tittle li{ 
	float:left;
	font-size:14px;
	color:#fff;
	border-right:1px solid #c4eaaa;
	width:115px;
	text-align:center;
	line-height:30px;
	}
#sell_list_tittle li:first-child{
	width:133px;
	text-align:left;
	padding-left:25px;
	}
#sell_list_tittle li:last-child{
	border-right:0px;
	}
#sell_list{
	width:100%;
	margin-top:2px;
	overflow:hidden;
	}
#sell_list ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	}
#sell_list li{
	float:left;
	color:#404041;
	line-height:30px;
	width:115px;
	text-align:center;
	border-right:1px solid #c5eaaa;
	margin:1px 0 2px 0;
	}
#sell_list li:first-child{
	width:133px;
	text-align:left;
	padding-left:25px;
	}
#sell_list li.fifth-child{
	background:none;
	border-right:0px;
	}
#sell_list li.fourth-child{
	background:none;
	border-right:0px;
	}	
#sell_list ul.eve{
	background-color:#d1e7c1;
	margin:0px; 
	padding:0px;
	list-style:none;
	width:100%;
	clear:both;
	float:left;
	}
#sell_list ul.eve li{
	border-right:1px solid #fff;
	float:left;
	color:#404041;
	line-height:30px;
	width:115px;
	text-align:center;
	}
#sell_list ul.eve li:first-child{
	width:133px;
	text-align:left;
	padding-left:25px;
	}
#sell_list ul.eve li.fifth-child{
	border:0px;
	}
#sell_list ul.eve li.fourth-child{
	border:0px;
	}	
.od-none {
	width:103px !important;
	height:27px;
	line-height:22px !important;
	margin:4px 0 0 7px !important;
	border-right:none!important;
}	
.order{
	background:url(../images/buttons.png) -140px top no-repeat !important;
	width:103px !important;
	height:27px;
	line-height:22px !important;
	margin:4px 0 0 7px !important;
	}
.order a{
	display:block;
	color:#fff;
	text-decoration:none;
	}
#sell_list li img{
	padding-top:3px;
	}
.current_month{ 
	font-size:14px; 
	color:#000;
	padding-top:5px;
	padding-left:10px;
	}
.smily{
	background:url(../images/icon.png) -60px -46px no-repeat;
	width:27px !important;
	height:27px;
	display:block;
	margin-left:45px;
	}
.smily1{
	background:url(../images/icon.png) -95px -46px no-repeat;
	width:27px !important;
	height:27px;
	display:block;
	margin-left:45px;
	}
	
/*********** Sell Section Ends Here ****************/

/************* Stock Section Starts Here *************/

#stock_top{
	overflow:hidden;
	width:507px;
	border:2px solid #a2c28c;
	margin:auto;
	}
	
/************* Stock Section Ends Here *************/

/************* Commission Section Starts Here *************/

#commission_top{
	overflow:hidden;
	width:630px;
	border:2px solid #a1c28b;
	margin:auto;
	}
#commission_list_tittle{ 
	width:100%; 
	overflow:hidden;
	background-color:#497747;
	}
#commission_list_tittle ul{
	margin:0px; 
	padding:0px; 
	list-style:none;
	}
#commission_list_tittle li{ 
	float:left;
	font-size:14px;
	color:#fff;
	border-right:1px solid #c4eaaa;
	width:114px;
	text-align:center;
	line-height:35px;
	}
#commission_list_tittle li:first-child{
	width:134px;
	text-align:left;
	padding-left:25px;
	}
#commission_list_tittle li:first-child+li+li+li+li{
	border-right:0px;
	}
#sell_list ul.total{
	margin:0px; 
	padding:0px;
	list-style:none;
	width:100%;
	clear:both;
	float:left;
	bottom:4px;
	background-color:#497747;
	}
#sell_list ul.total li{
	border-right:1px solid #fff;
	float:left;
	color:#fff;
	line-height:30px;
	width:115px;
	text-align:center;
	}
#sell_list ul.total li:first-child{
	width:133px;
	text-align:left;
	padding-left:25px;
	}
#sell_list ul.total li.fifth-child{
	border:0px;
	}
	
/************* Commission Section Ends Here *************/

/************* Tri Points Section Starts Here *************/

#commission_top{
	overflow:hidden;
	margin-top:17px;
	width:630px;
	}
#tri_list_tittle{ 
	width:100%; 
	overflow:hidden;
	background-color:#497747;
	}
#tri_list_tittle ul{
	margin:0px; 
	padding:0px; 
	list-style:none;
	}
#tri_list_tittle li{ 
	float:left;
	font-size:14px;
	color:#fff;
	border-right:1px solid #c4eaaa;
	width:86px;
	text-align:center;
	line-height:35px;
	}
#tri_list_tittle li:first-child{
	width:145px;
	}
/*#tri_list_tittle li:last-child{
	border-right:0px;
	width:135px;
	}
*/
#tri_list_tittle li:first-child+li+li+li+li+li{
	border-right:0px;
	width:135px;
	}
#tri_list{
	width:100%;
	margin-top:2px;
	overflow:hidden;
	}
#tri_list ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	}
#tri_list li{
	float:left;
	color:#404041;
	border-right:1px solid #a2c28c;
	line-height:30px;
	width:86px;
	text-align:center;
	margin-top:2px;
	margin-bottom:2px;
	}
#tri_list li:first-child{
	width:120px;
	text-align:left;
	padding-left:25px;
	}
#tri_list li:first-child+li+li+li+li+li{
	border:0px;
	width:120px;
	}
	
	
#tri_list ul.eve{
	background-color:#d1e7c1;
	margin:0px; 
	padding:0px;
	list-style:none;
	width:100%;
	clear:both;
	float:left;
	}
#tri_list ul.eve li{
	border-right:1px solid #fff;
	float:left;
	color:#404041;
	line-height:30px;
	width:86px;
	text-align:center;
	}
#tri_list ul.eve li:first-child{
	width:120px;
	text-align:left;
	padding-left:25px;
	}
#tri_list ul.eve li:first-child+li+li+li+li+li{
	border:0px;
	width:120px;
	}

/************* Tri Points Section Ends Here *************/

/************ Graph Section Starts here ***************/

#graph_top{
	overflow:hidden;
	padding-top:12px;
	margin-top:17px;
	background-color:#f3f3f3;
	margin-bottom:20px;
	border:2px solid #d9dee0;
	}
#content_sub h2{
	font-size:24px;
	color:#4c4d4f;
	font-weight:bold;
	padding-top:10px;
	}
#content label.graph{
	position:absolute;
	top:14px;
	right:28px;
	background:url(../images/form_field_bg.png) right -92px no-repeat;
	width:200px;
	height:41px;
	}
#content label.graph select{
	background:none;
	width:188px;
	height:26px;
	border:0px;
	margin:7px 0 0 5px;
	outline:none;
	color:#000;
	font-size:15px;
	}
#content label.graph span{
	position:absolute;
	top:10px;
	left:-130px;
	}
	
/************ Graph Section Ends here ***************/

/************ Stock Ordered Section Starts here ***************/

#sell_list_tittle h2{
	font-size:16px;
	color:#fff;
	padding:10px 0 0 25px;
	font-weight:bold;
	}
#stock_order_list{
	width:100%;
	margin-top:0px;
	overflow:hidden;
	}
#stock_order_list ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	}
#stock_order_list li{
	float:left;
	color:#404041;
	line-height:30px;
	padding-left:20px;
	}
#stock_order_list li.proname{ width:400px;}
#stock_order_list li:last-child{
	width:10px;
	position:relative;
	}
#stock_order_list li img{
	top:4px;
	position:absolute;
	}
#stock_order_list ul.eve{
	background-color:#d1e7c1;
	margin:0px; 
	padding:0px;
	list-style:none;
	width:100%;
	clear:both;
	float:left;
	}
#stock_order_list ul.eve li{
	float:left;
	color:#404041;
	}

#select_quantity1{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:none;
	left:0;
	}
	#select_quantity2{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:none;
	left:0;
	}
	#select_quantity3{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:none;
	left:0;
	}
	#select_quantity4{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:none;
        left: 0
	}
	#select_quantity5{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:none;
	left:0;
	}
	#select_quantity6{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:none;
	left:0;
	}
	#select_quantity7{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:none;
	left:0;
	}
.PaddT22{
	padding:37px 0 0px 20px;
}	
#select_quantity_msg{
	background:#fff;
	width:350px;
	/*height:137px;*/ /* popup height removed */
	margin:110px auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	position:relative;
	padding:0 0 10px 0;
	}
.cho_quan label {
    float: left;
    padding: 10px 0 0;
    width: 87px;
}	
.cho_quan{
	width:100%;
	overflow:hidden;
	font-size:16px;
	padding:10px 20px 20px 20px;
	}
.select_quantity_butt{
	background:url(../images/buttons.png) left -40px no-repeat;
	width:75px;
	height:38px;
	margin:-10px 0 0 106px;
	}
.select_quantity_butt input{
	width:75px;
	height:32px;
	background:none;
	border:0px;
	color:#fff;
	cursor:pointer;
	}
.cho_quan input{
	background:url(../images/form_field_bg.png) right -48px no-repeat;
	width:188px;
	height:36px;
	line-height:36px;
	border:0px;
	padding:0 5px 0 7px;
	}
#select_inventroy{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:none;
	}
#select_inventroy_msg{
	background:#fff;
	width:298px;
	height:237px;
	margin:110px auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	}
#select_inventroy_msg h1{ 
	font-size:20px;
	color:#487931;
	padding-top:15px;
	text-align:center;
	}
#select_inventroy_msg h1 span{
	background:url(../images/icon.png) -110px -85px no-repeat;
	width:105px;
	height:100px;
	display:block;
	margin:auto;
	margin-bottom:25px;
	}
.back{
	width:75px;
	height:38px;
	margin:13px auto;
	background:url(../images/buttons.png) left -40px no-repeat;
	text-align:center;
	line-height:36px;
	}
.back a{
	display:block;
	text-decoration:none;
	color:#fff;
	}

.back-btn{
	width:75px;
	height:20px;
	margin:13px auto;
	background:url(../images/buttons.png) left -40px no-repeat;
	text-align:center;	
	padding:10px 0 5px 0;	
	display:block;
	color:#fff;
	}	
.back-btn a{
	display:block;
	text-decoration:none;
	color:#fff;
}	

	
.demand{
	width:27px;
	height:27px;
	background:url(../images/icon.png) -30px -46px no-repeat;
	margin:0 auto;
	display:block;
	cursor:pointer;
	}
.demand1{
	width:27px;
	height:27px;
	background:url(../images/icon.png) 0 -46px no-repeat;
	margin:0 auto;
	display:block;
	cursor:pointer;
	}

/************ Stock Ordered Section Ends here ***************/

/************ Stock Ordered Summary Section Starts here ***************/

#summary_list_tittle{
	width:100%; 
	overflow:hidden;
	background-color:#497747;
	}
#summary_list_tittle ul{
	margin:0px; 
	padding:0px; 
	list-style:none;
	}
#summary_list_tittle li{ 
	float:left;
	font-size:14px;
	color:#fff;
	border-right:1px solid #c4eaaa;
	line-height:35px;
	width:235px;
	padding-left:23px;
	}
#summary_list_tittle li.sumtotal{
	border-right:0px;
	width:142px;
	text-align:center;
	padding-left:0px;
	}

#summary_stock_order_list{
	width:100%;
	margin-top:2px;
	overflow:hidden;
	}
#summary_stock_order_list ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	}
#summary_stock_order_list li{
	float:left;
	color:#404041;
	line-height:29px;
	width:238px;
	padding-left:20px;
	border-right:1px solid #a2c28c;
	}

#summary_stock_order_list li.last-child{
	width:102px;
	text-align:center;
	border:0px !important;
	}
#summary_stock_order_list li img{
	top:4px;
	position:absolute;
	}
#summary_stock_order_list ul.eve{
	background-color:#d1e7c1;
	margin:0px; 
	padding:0px;
	list-style:none;
	width:100%;
	clear:both;
	float:left;
	}
#summary_stock_order_list ul.eve li{
	float:left;
	color:#404041;
	border-right:1px solid #fff;
	}
#summary_stock_order_list ul.eve li:last-child{
	border:0px;
	width:102px;
	text-align:center;
	}

#please_wait{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:none;
	}
#please_wait_msg{
	background:#000;
	width:502px;
	height:124px;
	margin:auto;
	border:3px solid #5a5d5a;
	margin-top:180px;
	}
#please_wait_msg h1{ 
	font-size:20px;
	color:#fff;
	padding-top:55px;
	padding-left:15px;
	line-height:100px;
	display:block;
	}
#please_wait_msg h1 span{
	background:url(../images/icon.png) -230px -115px no-repeat;
	width:90px;
	height:70px;
	display:inline-block;
	float:left;
	margin-top:-28px;
	}

/************ Stock Ordered Summary Section Ends here ***************/

/************ Complaint Section Starts here ***************/

.complaint_box_main{
	width:442px;
	margin:auto;
	}
.complaint_box{
	width:442px;
	height:139px;
	background:url(../images/form_field_bg.png) left top no-repeat;
	}
.complaint_box textarea{
	width:430px;
	height:116px;
	margin:8px 0 0 5px;
	border:0px;
	font-size:18px;
	color:#282828;
	overflow: auto;
	}
#reset_main{
	width:100%;
	}
#reset_main .reset{ 
	float:left;
	padding-top:13px;
	color:#306534;
	font-size:16px;
	}
#reset_main input{
	float:right;
	}

/************ Complaint Section Ends here ***************/

/************ Profile Section Starts here ***************/

.profile_top{
	overflow:hidden;
	margin-top:10px;
	padding-top:0px;
	border:2px solid #a2c28b;
        border-radius: 10px;
        -moz-border-radius:10px;
	-ms-border-radius:10px;
	-webkit-border-radius:10px;
	}
.profile_top ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	}
.profile_top li{
	width:295px;
	float:left;
	display:inline;
	margin:0 0 0 20px;
	padding-bottom:8px;
	padding-top:8px;
	}
.profile_top li span{
	float:right;
	}
.profile_top ul.eve{
	margin:0px; 
	padding:0px;
	list-style:none;
	background-color:#d1e7c1;
	width:100%;
	float:left;
	clear:both;
	}

#chn_pass{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:none;
	}
.close_popup_div{
	display:block !important;
	}		
/*#chn_pass_msg{
	background:#fff;
	width:627px;
	height:237px;
	margin:110px auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	}
*/
#chn_pass_msg{
	background:#fff;
	width:627px;
	/*height:237px;*/ /* Fixed Height changed to auto with height:auto; overflow:hidden; padding:0 0 15px 0; */
	height:auto;
	overflow:hidden; 
	padding:0 0 15px 0;
	margin:110px auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	position:relative;
	}	
#chn_pass_msg h1{ 
	font-size:20px;
	color:#487931;
	padding:22px 0px 8px 20px;
	}
#chn_pass_msg ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	}
#chn_pass_msg li{
	float:left;
	font-size:14px;
	color:#404041;
	}
#chn_pass_msg li.name{
	width:230px;
	float:left;
	clear:both;
	padding:15px 0 0 53px;
	display:block;
	}
#chn_pass_msg li.name span{
	text-align:right;
	}
#chn_pass_msg li span{
	float:right;
	}
#chn_pass_msg li input{
	width:295px;
	height:30px;
	border:1px solid #8ab388;
	border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-webkit-border-radius:8px;
	margin:8px 0 0 5px;
	padding:0 5px 0 5px;
	line-height:30px;
	}
#chn_pass_msg li input[type="submit"]{
	background:url(../images/buttons.png) left -40px no-repeat;
	width:75px;
	height:32px;
	border:none;
	color:#fff;
	cursor:pointer;
	margin:15px 0 0 288px;
	}
.stock_back{
	clear:both;
	background:url(../images/buttons.png) left -40px no-repeat;
	height:34px;
	width:76px;
	text-align:center;
	line-height:32px;
	float:right;
	margin:10px 15px;
	border:0px;
	font-size:14px;
	cursor:pointer;
	word-spacing:-3px;
	color:#fff;
	}
	
.stock_back a{
	display:block;
	text-decoration:none;
	color:#fff;
	}
.change_pass{
	background:url(../images/buttons.png) left top no-repeat;
	width:135px;
	height:36px;
	text-align:center;
	line-height:34px;
	}
.change_pass a{
	display:block;
	color:#fff;
	text-decoration:none;
	}

/************ Profile Section Ends here ***************/

span.news{
	width:50px;
	height:40px;
	background:url(../images/icon.png) left top no-repeat;
	display:inline-block;
	float:left;
	margin-top:-10px;
	}
span.sell{
	width:50px;
	height:40px;
	background:url(../images/icon.png) -50px top no-repeat;
	display:inline-block;
	float:left;
	margin-top:-10px;
	}
span.stock{
	width:50px;
	height:40px;
	background:url(../images/icon.png) -100px top no-repeat;
	display:inline-block;
	float:left;
	margin-top:-10px;
	}
span.commission{
	width:50px;
	height:45px;
	background:url(../images/icon.png) -150px top no-repeat;
	display:inline-block;
	float:left;
	margin-top:-15px;
	}
span.tri_points{
	width:50px;
	height:45px;
	background:url(../images/icon.png) -205px top no-repeat;
	display:inline-block;
	float:left;
	margin-top:-15px;
	}
span.graph{
	width:50px;
	height:40px;
	background:url(../images/icon.png) -264px top no-repeat;
	display:inline-block;
	float:left;
	margin-top:-10px;
	}
span.stock_ordered{
	width:55px;
	height:40px;
	background:url(../images/icon.png) -310px top no-repeat;
	display:inline-block;
	float:left;
	margin-top:-10px;
	*margin-top:-5px;
	}
span.complaint{
	width:50px;
	height:41px;
	background:url(../images/icon.png) -370px top no-repeat;
	display:inline-block;
	float:left;
	margin-top:-10px;
	}
span.profile{
	width:50px;
	height:41px;
	background:url(../images/icon.png) -430px top no-repeat;
	display:inline-block;
	float:left;
	margin-top:-11px;
	}
span.purchase{
	width:50px;
	height:40px;
	background: url(../images/purchase.png) -212px -80px no-repeat;
	display:inline-block;
	float:left;
	margin-top:-10px;
	}
textarea{
	resize:none;
	}

/************ Content Ends Here ************/

/************* Purchase Starts Here *************/
.limit-bot{
	margin-bottom: 50px;
}
#purchase_top{
	overflow:hidden;
	width:600px;
	position:relative;
	border:2px solid #a1c18b;
	margin:0 auto;
	border-radius: 15px;
	}

#purchase_list_tittle, #purchase_list_tittle.purchase-bank{ 
	width:100%; 
	overflow:hidden;
	height:35px;
	background-color:#497747;
	}
#purchase_list_tittle ul,#purchase_list_tittle.purchase-bank ul{
	margin:3px 0 0 0; 
	padding:0px; 
	list-style:none;
	
	}
#purchase_list_tittle li,#purchase_list_tittle.purchase-bank li{ 
	float:left;
	font-size:14px;
	color:#fff;
	border-right:1px solid #c4eaaa;
	width:130px;
	text-align:center;
	line-height:30px;
	}
#purchase_list_tittle.purchase-bank li{
	width:160px;
}
#purchase_list_tittle li:first-child{
	width:160px;
	text-align:left;
	padding-left:25px;
	}
#purchase_list_tittle.purchase-bank li:first-child{
	width:160px;
	text-align:center;
	padding-left:0;
	}
#purchase_list_tittle li:last-child,#purchase_list_tittle.purchase-bank li:last-child{
	border-right:0px;
	}
#purchase_list,#purchase_list.purchase-bank{
	width:100%;
	margin-top:2px;
	overflow:hidden;
	}
#purchase_list ul,#purchase_list.purchase-bank ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	}
#purchase_list li,#purchase_list.purchase-bank li{
	float:left;
	color:#404041;
	line-height:30px;
	width:130px;
	text-align:center;
	border-right:1px solid #c5eaaa;
	margin:1px 0 2px 0;
	}
#purchase_list.purchase-bank li{
	width:160px;
}
#purchase_list li:first-child,#purchase_list.purchase-bank li:first-child{
	width:160px;
	text-align:left;
	padding-left:25px;
	}
#purchase_list.purchase-bank li:first-child{
	text-align: center;
}
#purchase_list.purchase-bank li:first-child{
	padding-left:0;
}
#purchase_list li.fifth-child,#purchase_list.purchase-bank li.fifth-child{
	background:none;
	border-right:0px;
	}
#purchase_list li.fourth-child,#purchase_list.purchase-bank li.fourth-child{
	background:none;
	border-right:0px;
	width: 283px;
	}	
#purchase_list.purchase-bank li.fourth-child{
	width: 265px;
}
#purchase_list ul.eve,#purchase_list.purchase-bank ul.eve{
	background-color:#d1e7c1;
	margin:0px; 
	padding:0px;
	list-style:none;
	width:100%;
	clear:both;
	float:left;
	}
#purchase_list ul.eve li,#purchase_list.purchase-bank ul.eve li{
	border-right:1px solid #fff;
	float:left;
	color:#404041;
	line-height:30px;
	width:130px;
	text-align:center;
	}
#purchase_list.purchase-bank ul.eve li{
	width:120px;
}
#purchase_list ul.eve li:first-child,#purchase_list.purchase-bank ul.eve li:first-child{
	width:160px;
	text-align:left;
	padding-left:25px;
	}
#purchase_list.purchase-bank ul.eve li:first-child{
	padding-left:0;
}
#purchase_list_tittle ul li.first-child,#purchase_list_tittle.purchase-bank ul li.first-child{
	border:0px;
	width: 160px;
	border-right: 1px solid transparent;
	}	
#purchase_list_tittle ul li.fourth-child,#purchase_list_tittle.purchase-bank ul li.fourth-child{
	border:0px;
	width: 283px;
	}	
#purchase_list_tittle.purchase-bank ul li.fourth-child{
	width: 265px
}
#purchase_list ul.eve li.fifth-child,#purchase_list.purchase-bank ul.eve li.fifth-child{
	border:0px;
	}
#purchase_list ul.eve li.fourth-child,#purchase_list.purchase-bank ul.eve li.fourth-child{
	border:0px;
	width: 283px;
	}	
#purchase_list.purchase-bank ul.eve li.fourth-child{
	width: 225px;
}
#purchase_list li img,#purchase_list.purchase-bank li img{
	padding-top:3px;
	}
.wrp-btn-purchase{
	width: 600px;
	margin:0 auto;
	text-align: right;
}
.wrp-btn-purchase.cc{
	width: 525px;
}
.next-purchase,.finish-purchase,.cc-no-change{
	clear: both;
	background: url(../images/buttons.png) left -40px no-repeat;
	height: 34px;
	width: 76px;
	text-align: center;
	line-height: 32px;
	margin: 15px 0 10px 5px;
	border: 0px;
	font-size: 14px;
	cursor: pointer;
	word-spacing: -3px;
	color: #fff;
}
.next-purchase.kdOTP{
	margin: 15px 80px 10px 5px;
}
.next-purchase.cc-registered.clik-kdOTP{
	margin: 15px 75px 10px 5px;
}
.metode-purchase{
	clear: both;
	background: url(../images/buttons.png) -136px -78px no-repeat;
	height: 36px;
	width: 200px;
	text-align: center;
	line-height: 32px;
	margin: 15px 10px;
	border: 0px;
	font-size: 14px;
	cursor: pointer;
	word-spacing: -3px;
	color: #fff;
}
.text-step.active,.info-title{
	font-weight: bold;
}
.info-title{
	margin: 25px 0 15px 0;
}
.info-title.line-bot{
	border-bottom: 1px solid #CEC9C9;
	padding-bottom: 10px;
	width: 525px;
}
#purchase_list ul>li>label span,#purchase_list.purchase-bank ul>li>label span{
	margin-left: 20px;
}
#wrp-step-purchase{
	width: 100%;
	height: 50px;
	border-bottom: 1px solid #497747;
	margin-bottom: 20px;
}
#wrp-step-purchase div,#wrp-bank div{
	width: 25%;
	float: left;
}
div.step-purchase{
	width:50px;
	height:45px;
	position: relative;
	background:url(../images/purchase.png) -405px -77px no-repeat;
	display:inline-block;
	float:left;
	margin-top:-10px;
	margin-right: 12px;
	}
div.step-purchase.active{
	background: url(../images/purchase.png) -262px -77px no-repeat;	
}
.step-purchase span{
	position: absolute;
	top: 15px;
	left: 15px;
	color: #fff;
}
.text-step.non{
	line-height:13px;
}
.text-step{
	line-height:23px;
}
#wrp-bank{
	height: 60px;
	margin-bottom: 10px;
}
.visa span.bank,.mandiri span.bank,.bca span.bank ,.cimb span.bank {
	width:150px;
	height:55px;
	position: relative;
	display: inline-block;
	float: right;
	margin-top: -15px;
	}
.visa span.bank {
	background: url(../images/purchase.png) -35px -20px no-repeat;
	}
.mandiri span.bank {
	background: url(../images/purchase.png) -207px -13px no-repeat;
	margin-top: -20px;
	}
.bca span.bank {
	background: url(../images/purchase.png) -356px -18px no-repeat;
	height: 36px;
	}
.cimb span.bank {
	background: url(../images/purchase.png) -540px -18px no-repeat;
	height: 33px;
	}
#purchase_list_tittle.purchase-bank	{
	height: 67px;
}
#purchase_list_tittle.purchase-bank .bottom-line	{
	border-bottom: 1px solid #fff;
}
#purchase_list_tittle.purchase-bank ul.thead-bottom{
	margin: 0;
}
.result ul>li span{
	background: url(../images/purchase.png) -204px -130px no-repeat;
	width: 315px;
	height: 42px;
	padding-left: 5px;
	display: inline-block;
}
.result{
	position: relative;
	position: relative;
	width: 665px;
	margin: auto;
}
.result ul>li span input{
	width: 297px;
	height: 20px;
	border: 0px;
	font-size: 16px;
	margin-top: 10px;
	color: #282828;
	background: none;
}
.result .each-input-field div{
	float: left;
	margin-top: 13px;
}
.result .each-input-field div.label-txt{
	width: 200px;
}
.result .each-input-field div.bg-result{
	width: 310px;
	margin-top: 0;
	margin-left: 10px;
}
.result .each-input-field div.bg-result span{
	background: url(../images/purchase.png) -204px -132px no-repeat;
	width: 315px;
	height: 42px;
	padding-left: 5px;
	display: inline-block;
}
.result .each-input-field div.bg-result span input{
	width: 297px;
	height: 20px;
	border: 0px;
	font-size: 16px;
	margin-top: 10px;
	color: #282828;
	background: none;
	text-align: center;
}
.finish-purchase{
	margin-right: 110px;
}
.likeunlike{
	position: absolute;
	right: 50px;
	top: 80px;
}
.likeunlike span{
	margin: 0 3px;
	cursor: pointer;
}
.likeunlike span.like{
	background: url(../images/purchase.png) -315px -76px no-repeat;
	width: 35px;
	height: 42px;
	display: inline-block;
}
	
.likeunlike span.unlike{
	background: url(../images/purchase.png) -355px -76px no-repeat;
	width: 35px;
	height: 42px;
	display: inline-block;
}
.wrp-purchase-bank{
	padding: 0 5px;
}

/* CIMB */
.result .each-input-field div.bg-result.cimb span,.result .each-input-field div.bg-result.mandiri span{
	background: none;
}
.result.cimb{
	width: 586px;
	margin: 0 auto;	
}
.result.cc{
	width: 525px;
	margin: 0 auto;	
}
.wrp-btn-purchase.cimb {
	width: 465px;
}
.result .each-input-field div.bg-result.cimb.Desc span input{
	width:405px;
}
	
/* Mandiri */
.mandiri-token-info .icon-info,.mandiri-token-info .info{
	float: left;
}
.mandiri-token-info .icon-info{
	width: 40px;
	margin-left: 200px;
}
.mandiri-token-info div>span{
	background: url(../images/purchase.png) -450px -85px no-repeat;
	width: 35px;
	height: 42px;
	display: inline-block;
}
.mandiri-token-info{
	margin: 20px 0 80px 0;
}

/* Credit Card */
.next-purchase.cc-registered {
	clear: both;
	background: url(../images/buttons.png) -136px -78px no-repeat;
	height: 36px;
	width: 200px;
	text-align: center;
	line-height: 32px;
	margin: 10px 5px;
	border: 0px;
	font-size: 14px;
	cursor: pointer;
	word-spacing: -3px;
	color: #fff;
}
.result .each-input-field div.bg-result.cc-registered span,
.result .each-input-field div.bg-result.cc-update span {
	background: url(../images/purchase.png) -35px -80px no-repeat;
	width: 143px;
	height: 42px;
	padding-left: 5px;
	display: inline-block;
}
.result .each-input-field div.bg-result.cc-registered.cc-no span,
.result .each-input-field div.bg-result.cc-update.cc-no span {
	background: url(../images/purchase.png) -22px -175px no-repeat;
	width: 205px;
	height: 42px;
	padding-left: 5px;
	display: inline-block;
}
.result .each-input-field div.bg-result.cc-registered.cc-no span input {
	width: 198px;
}
.result .each-input-field div.bg-result.cc-registered.cc-no,
.result .each-input-field div.bg-result.cc-update.cc-no {
width: 200px;
margin-top: 0;
margin-left: 10px;
}
.cc-no-change{
	margin:3px 15px;
}
.result.cc.update>div.update{
	text-align: center;
}
.result .each-input-field div.bg-result span select{
	width: 137px;
	height: 20px;
	border: 0px;
	font-size: 16px;
	margin-top: 10px;
	color: #282828;
	background: none;
	text-align: center;
	-webkit-appearance: none;
}
.result .each-input-field div.bg-result.cc-dropdown span {
	background: url(../images/purchase.png) -27px -130px no-repeat;
	width: 140px;
	height: 42px;
}
.result .each-input-field div.bg-result span textarea{
	width: 297px;
	height: 40px;
	border: 0px;
	font-size: 16px;
	margin-top: 10px;
	color: #282828;
	background: none;
	text-align: center;
}
.result .each-input-field div.bg-result.cc-address span {
	background: url(../images/purchase.png) -238px -176px no-repeat;
	width: 315px;
	height: 70px;
}
.result .each-input-field div.bg-result span input.grey,.grey{
	color: #898484;
}
.result.cc>div>span{
	color: #517a47;
	font-size: 16px;
	font-weight: bold;
}

/************ Purchase Ends Here ************/

/************* Scroll Starts Here *************/

.content_4{ 
	position:absolute; 
	left:0px; 
	}
	
.Error_Mesg {
	color:#d30000;
	text-align:center;
	display:block;	
}
	
/**************************Added by Rajesh Gupta ******************/	
#error_popup{
	width:100%;
	height:87.5%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:75px;
	display:none;
	left:0;
	}
#error_popup_msg{
	background:#fff;
	width:298px;
	height:237px;
	margin:110px auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	}
#error_popup_msg h1{ 
	font-size:20px;
	color:#d00000;
	padding-top:15px;
	text-align:center;
	}
#error_popup_msg h1 span{
	width:100px;
	height:100px;
	background:url(../images/icon.png) left -85px no-repeat;
	display:block;
	margin:auto;
	margin-bottom:20px;
	}
#error_popup_msg p{ 
	font-size:16px;
	color:#d00000;
	padding-top:0px;
	text-align:center;
	}
#login_failed{
	width:100%;
	height:87.5%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:75px;
	display:inline;
	}
#login_failed_msg{
	background:#fff;
	width:298px;
	height:237px;
	margin:110px auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	}
#login_failed_msg h1{ 
	font-size:20px;
	color:#d00000;
	padding-top:10px;
	text-align:center;
	}
#login_failed_msg h1 span{
	width:100px;
	height:100px;
	background:url(../images/icon.png) left -85px no-repeat;
	display:block;
	margin:auto;
	margin-bottom:20px;
	}
#login_failed_msg p{ 
	font-size:16px;
	color:#d00000;
	padding-top:0px;
	text-align:center;
	}
#register_sucess{
	width:100%;
	height:87.5%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:75px;
	display:inline;
	left:0;
	}
#register_sucess_msg{
	background:#fff;
	width:298px;
	height:237px;
	margin:110px auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	}
#register_sucess_msg h1{ 
	font-size:20px;
	color:#d00000;
	padding-top:15px;
	text-align:center;
	}
#register_sucess_msg h1 span{
	width:100px;
	height:100px;
	background:url(../images/tick.png) left top no-repeat;
	display:block;
	margin:auto;
	margin-bottom:20px;
	}
#register_sucess_msg p{ 
	font-size:16px;
	color:#d00000;
	padding-top:0px;
	text-align:center;
	}	
#chn_pass1{
	width:100%;
	height:81%;
	background:url(../images/transparent_bg.png) left top repeat;
	position:absolute;
	top:114px;
	display:inline;
	
	
	}
/*#chn_pass_msg{
	background:#fff;
	width:627px;
	height:237px;
	margin:110px auto;
	border-radius:15px;
	-moz-border-radius:15px;
	-ms-border-radius:15px;
	-webkit-border-radius:15px;
	}*/
#chn_pass_msg h1{ 
	font-size:20px;
	color:#487931;
	padding:22px 0px 8px 20px;
	}
#chn_pass_msg ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	}
#chn_pass_msg li{
	float:left;
	font-size:14px;
	color:#404041;
	}
#chn_pass_msg li.name{
	width:230px;
	float:left;
	clear:both;
	padding:15px 0 0 53px;
	display:block;
	}
#chn_pass_msg li.name span{
	text-align:right;
	}
#chn_pass_msg li span{
	float:right;
	}
#chn_pass_msg li input{
	width:295px;
	height:30px;
	border:1px solid #8ab388;
	border-radius:8px;
	-moz-border-radius:8px;
	-ms-border-radius:8px;
	-webkit-border-radius:8px;
	margin:8px 0 0 5px;
	padding:0 5px 0 5px;
	line-height:30px;
	}
#chn_pass_msg li input[type="submit"]{
	background:url(../images/buttons.png) left -40px no-repeat;
	width:75px;
	height:32px;
	border:none;
	color:#fff;
	cursor:pointer;
	margin:15px 0 0 288px;
	}	
.sel-ms {
	display:none;
}	


.jqplot-axis {    
    font-size: 1.3em!important;
    font-weight: bold!important;
    height: 21px!important;    
}

.footer_main{
	width:100%;
	height:27px;
	clear:both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35682F', endColorstr='#94BC38'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#35682F), to(#94BC38)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #35682F,  #94BC38); /* for firefox 3.6+ */
	background-image: -o-linear-gradient(top,  #35682F,  #94BC38);
	position:fixed;
	bottom:0;
	}
.footer_graph_main {
	width:100%;
	height:27px;
	clear:both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#35682F', endColorstr='#94BC38'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#35682F), to(#94BC38)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #35682F,  #94BC38); /* for firefox 3.6+ */
	background-image: -o-linear-gradient(top,  #35682F,  #94BC38);
	position:relative;
	margin-top:10px;
}
.footer{
	width:761px;
	margin:0 auto;
	position:relative;
	color:#fff;
	text-align:center;
	line-height:28px;
	}
	
/* CSS for Champion League */
.champ_league_content { width:1002px !important;clear:both;margin:0 auto;position:relative;}
.clr {clear:both;margin:0;padding:0;height:0;}
	
/************ Fontline pooled incentive Section Starts here ***************/
.fpih {
	text-align:center;	
	margin:0 auto !important;
	padding:5px 0;

}
span.fpi{
	width:38px;
	height:41px;
	background:url(../images/icon.png) right -47px no-repeat;
	display:inline-block;
	float:left;
	margin-top:-10px;
}	

#fpi_list ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	width:510px;
	}
#fpi_list li{
	float:left;
	color:#404041;
	line-height:30px;
	width:169px;
	text-align:center;
	border-right:1px solid #c5eaaa;
	margin:1px 0 2px 0;
	}
#fpi_list ul.eve{
	background-color:#d1e7c1;
	margin:0px; 
	padding:0px;
	list-style:none;
	width:510px;
	clear:both;
	float:left;
	}
#fpi_list ul.eve li{
	border-right:1px solid #fff;
	float:left;
	color:#404041;
	line-height:30px;
	width:169px;
	text-align:center;
	}
#fpi_list_tittle{ 
	width:510; 
	overflow:hidden;
	height:35px;
	background-color:#497747;
	}
#fpi_list_tittle ul{
	margin:3px 0 0 0; 
	padding:0px; 
	list-style:none;
	
	}
#fpi_list_tittle li{ 
	float:left;
	font-size:14px;
	color:#fff;
	border-right:1px solid #c4eaaa;
	width:169px;
	text-align:center;
	line-height:30px;
	}
.no-border { 
	border-right:0px !important;
	width:167px !important;
}		
.stock_top_fphi2 {
    border: 2px solid #A2C28C;
    margin: auto;
    overflow: hidden;
    width: 400px;
}
#fpi_list12 ul{
	margin:0px; 
	padding:0px;
	list-style:none;
	width:400px;
	}
#fpi_list12 li{
	float:left;
	color:#404041;
	line-height:30px;
	width:199px;
	text-align:center;
	border-right:1px solid #c5eaaa;
	margin:1px 0 2px 0;
	}
#fpi_list12 ul.eve{
	background-color:#d1e7c1;
	margin:0px; 
	padding:0px;
	list-style:none;
	width:400px;
	clear:both;
	float:left;
	}
#fpi_list12 ul.eve li{
	border-right:1px solid #fff;
	float:left;
	color:#404041;
	line-height:30px;
	width:199px;
	text-align:center;
	}
#fpi12_list_tittle{ 
	width:400; 
	overflow:hidden;
	height:35px;
	background-color:#497747;
	}
#fpi12_list_tittle ul{
	margin:3px 0 0 0; 
	padding:0px; 
	list-style:none;
	
	}
#fpi12_list_tittle li{ 
	float:left;
	font-size:14px;
	color:#fff;
	border-right:1px solid #c4eaaa;
	width:199px;
	text-align:center;
	line-height:30px;
	}
.sell_top_fphi {
	width:400px !important;
}
.op-container {
	float:right;
	margin:0 25px 0 0;
}
.op-bal {
    color: #232323 !important;
    float: left;
    font-size: 16px;
    margin: 0 15px 10px 10px;
    width: 125px;
}
#op-bal-txt {
    border: 2px solid #A2C28C;
    width: 138px;
	line-height:12px;
	float:left

}

.fpi_table {margin: 15px auto; width: 706px;}
.tab_listing {border-bottom: 1px solid #477C3B;float: left;font-size: 14px;position: relative;width: 100%;}
.tab_listing li {float: left;margin-left: 8px;padding: 0;list-style-type:none;}
.tab_listing a {border: 1px solid #477C3B;border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;-o-border-radius: 5px 5px 0 0;-ms-border-radius: 5px 5px 0 0;color: #484853;float: left;letter-spacing:0px;padding: 7px 10px 7px 10px;position: relative;text-decoration: none;top: 1px;}
.tab_listing a.current_nav {background-color: #477C3B;border-bottom: 1px solid #477C3B;cursor: pointer;letter-spacing:0px;padding: 7px 10px 7px 10px;color:#fff;}
.tb_container {clear:both; sbackground:#477C3B; padding:15px;}
.margT10 {margin:10px 0 0 0 !important;}
.fpih-h {border: 2px solid #A2C28C;color: #4C4D4F;font-size: 16px;font-weight: bold;margin: 10px 0 0 !important;overflow: hidden;padding: 6px 0;text-align: center;width: 507px;}


#scrollbar1 { width: 690px; clear: both; margin:0 auto;}
#scrollbar1 .viewport { width: 515px; height: 240px; overflow: hidden; position: relative; margin:0px auto}
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar1 .track { background: #8AB388 !important; height: 230px !important; width:2px; position: relative; padding:0; }
#scrollbar1 .thumb { height:50px !important; cursor: pointer; overflow: hidden; position: absolute; top: 0;background: #6e9863; width:8px; border-radius:3px; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); left:-3px;}
#scrollbar1 .thumb:hover {background:#477C3B;}
#scrollbar1 .thumb .end { overflow: hidden; height: 5px; width: 4px; }
#scrollbar1 .disable{ display: none; }

#scrollbar2 { width: 690px; clear: both; margin:0 auto;}
#scrollbar2 .viewport { width: 515px; height: 240px; overflow: hidden; position: relative; margin:0px auto}
#scrollbar2 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar2 .thumb .end,
#scrollbar2 .scrollbar { position: relative; float: right; width: 15px; }
#scrollbar2 .track { background: #8AB388 !important; height: 230px !important; width:2px; position: relative; padding:0; }
#scrollbar2 .thumb { height:50px !important; cursor: pointer; overflow: hidden; position: absolute; top: 0;background: #6e9863; width:8px; border-radius:3px; box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); left:-3px;}
#scrollbar2 .thumb:hover {background:#477C3B;}
#scrollbar2 .thumb .end { overflow: hidden; height: 5px; width: 4px; }
#scrollbar2 .disable{ display: none; }

/************ Fontline pooled incentive Section Ends here ***************/	

/* FPI Table
*****************************************************************/
.fpi_table_container {width:700px; margin:0px auto;}
.fpi_table { /*border-collapse:collapse;*/ margin:0px; padding:0; width:510px; border-spacing: 0px; border-bottom:1px solid #C4EAAA;}
.fpi_table tr th {background:#497747; color:#fff; font-weight:bold; padding:10px 5px 10px 10px; border-right:1px solid #C4EAAA; width:31%; text-align:center;}
.fpi_table tr td {background:none; color:#404041; padding:7px 5px 7px 10px; width:31%; border-right:1px solid #C4EAAA; text-align:center;}
.even{ background:#D1E7C1;}
.border-none {border-right:none !important;}

/* Koin 3 
* @Auth:Dinesh K...
*/
.bold600 {font-weight: 600;}
.divHeader{ background-color:#35682F;color: #FFF;float: left;width: 100%}
.floatLeft{float: left}
.widthH20 {width: 23%;border-right: 1px solid #fff;font-weight: bold}
.divContent{background-color: transparent ;color: #000;float: left;width: 100% ; color: #404041 }
.width20 {width: 23%;border-right: 1px solid #35682F  }
.oddDiv{ background-color:#D1E7C1 !important}
.divHeader div,.divContent div{height: 23px;padding-top: 12px;text-align: center;padding-right: 3px}
.defaultButton{ background: url("../images/buttons.png") no-repeat scroll left -40px transparent;clear: both;height: 34px;margin: 10px;padding: 3px;position: relative;text-align: center;top: -21px;width: 68px}
.disableButton{ background: url("../images/disable.png") no-repeat scroll;clear: both;margin: 10px;padding: 3px;position: relative;top: -21px;width: 68px}
.defaultButton a, .disableButton a {color: #fff}
#confirm_popup_msg {background: none repeat scroll 0 0 #FFFFFF;border-radius: 15px 15px 15px 15px;height: 80px;margin: 150px auto;width: 345px}
.pad8 {padding:8px 10px 8px 12px !important; margin:0px !important}
.carabox{width:100%;position:absolute;background:url(../images/transparent_bg.png) repeat;top:0}
.carabox-sub{width:550px;position:relative;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;margin:200px auto;background:#fff;border:1px solid #bfbfbf;padding:15px}
#confirm_popup_preoder {background: url("../images/transparent_bg.png") repeat scroll left top transparent;display: none;height: 100%;left: 0;position: fixed;top: 0;width: 100%;z-index: 9999}
.yes {float:left; margin:13px 5px 0 100px}
.no{ float:left}
.preloader { float: left;padding:20px 0px 0px 145px ;display: none;height: 64px;  border:0px solid red }
#confirmMsgNot, #confirmMsg { text-align: center; font-weight: 600}
#confirmMsgNot { color: #487931 } 
#confirmMsg { color : #487931}
.hide{display: none;}
//table img {border-color: #E1E1E1 #F1F1F1 #F1F1F1 #E1E1E1;border-style: solid;border-width: 1px;padding: 37px 37px 50px }
.favorit-sub .preloader { padding-left: 309px}
.currencyBorder {border:1px solid black;width: 100px; height: 20px; text-align: left;padding-top:2px  }
.yellow { background-color: #F2F5A9}
#tri_list ul.yellow { background-color: #F2F5A9; clear: both;float: left;list-style: none outside none;margin: 0;padding: 0;width: 100%}
.saleType { color: #FFFFFF;float: right;font-size: 11px;height: 37px;margin: -32px -34px;padding: 2px;width: 37px;z-index: -1;}
.saleTypeI { background: url("../images/indent.png") no-repeat;  }
.saleTypeCC { background: url("../images/cashcarry.png") no-repeat;  }
.note { border:1px solid #e1e1e1;color:#ff0000;padding:10px 0 10px 5px;line-height: 20px; text-align: center; font-weight: 600}
.order-detailbox .favorit-sub ul li { margin-left: 22px;  }
.order-detailbox .favorit-sub { padding-bottom: 25px; margin: 0px !important }
.productCounter .middle { width: 154px; position: relative; background: url("../images/counter.png") repeat; color: #ff0000; text-align: center; font-size: 11px;font-weight: 600   }
.productCounter .leftCorner {   background: url("../images/round_corner_left.png") no-repeat; width: 14px }
.productCounter .rightCorner {   background: url("../images/round_corner_right.png") no-repeat; width: 9px }
.proImage { text-align: center; height: 150px; }
.price-main { height: 70px;}
.productCounter {height: 25px;padding-left: 9px}

.redMark{color: #FF0000 !important;float:left; font-size:17px !important; position:absolute; top:8px; right:110px;}
.relative{ position:relative;}
.relative p{ position:absolute; top:8px; right:0px; width:100px; font-size:10px; color:#6e6e6e;}
.submit_tittle{ color:#F00; float:left; padding:20px 0 0 20px; font-weight:bold;}
#pilih{ width:350px; margin-left:140px;}
.noPro { margin: 0 0 0 20px; width: 672px;color:#ff0000;font-weight:100; padding:35px 0 15px; text-align: center }
#formError { width: 674px; color: #ff0000; font-size: 15px; text-align: center; display: none;padding: 10px 0}

/********** 21 / 05 / 2014 ***********/

#nav a.bola{
                background:url(../images/nav_icon.png) -715px top no-repeat;
                width:50px;
                height:52px;
                display:block;
                text-decoration:none;   
                text-indent:-999999px;
                }
#nav a.bola:hover{
                background:url(../images/nav_icon.png) -715px -55px no-repeat;
                width:50px;
                height:52px;
                text-decoration:none;
                }
#nav a.bola_active{
                background:url(../images/nav_icon.png) -715px -55px no-repeat;
                }

span.bola_icon{
                width:50px;
                height:45px;
                background:url(../images/icon.png) -370px -43px no-repeat;
                display:inline-block;
                float:left;
                margin-top:-15px;
                }
h1 a.btn_worldcup{ 
                background:url(../images/buttons.png) -141px -75px no-repeat; 
                width:196px; 
                height:38px; 
                text-align:center; 
                font-size:16px; 
                display:inline-block; 
                float:right; 
                margin-right:2px; 
                margin-top:-10px; 
                color:#fff; 
                padding-top:13px;
                text-decoration: none !important;
                }
h1 a.btn_status{ 
                background:url(../images/buttons.png) 0px -75px no-repeat;
                width:135px; 
                height:38px; 
                text-align:center; 
                font-size:16px; 
                display:inline-block; 
                float:right; 
                margin-right:12px; 
                margin-top:-10px; 
                color:#fff; 
                padding-top:13px;
                text-decoration: none !important;
                }
.Pro-category h3{
                color:#000;
                font-size:18px;
                }
.TRX_utama{
                width:500px;
                float:left;
                margin:0px 0 10px 0;
                text-align:center;
                }
.TRX_pilnud{
                width:249px;
                float:right;

                
                }


#bola_top{
                overflow:hidden;
                width:680px;
                margin:11px auto 0 auto;
                }
#bola_list_tittle{ 
                width:100%; 
                overflow:hidden;
                background-color:#497747;
                }
#bola_list_tittle ul{
                margin:0px; 
                padding:0px; 
                list-style:none;
                background:url(../images/list_bg.png)left top repeat-y;
                overflow:hidden;
                }
#bola_list_tittle li{ 
                float:left;
                font-size:14px;
                color:#fff;
                width:80px;
                text-align:center;
                padding:5px 2px;
                min-height:42px;
                
                }
#bola_list_tittle li:first-child{
                width:120px;
                line-height:30px;
                }
#bola_list_tittle li:first-child+li{
                width:75px;
                }
#bola_list_tittle li:first-child+li+li{
                width:91px;
                }
#bola_list_tittle li:first-child+li+li+li{
                line-height:30px;
                width:75px;
                }
#bola_list_tittle li:first-child+li+li+li+li{
                width:130px;
                line-height:30px;
                }


/*#tri_list_tittle li:last-child{
                border-right:0px;
                width:135px;
                }*/
.margin_top{     
                margin-top:0px!important;
                }


#bola_list{
                width:100%;
                margin-top:0px;
                overflow:hidden;
                
                }
#bola_list ul{
                margin:0px; 
                padding:0px;
                list-style:none;
                background:url(../images/list_bg.png) top repeat-y;
                overflow:hidden;
                
                }
#bola_list li{
                float:left;
                color:#404041;
                padding:8px 2px;
                width:80px;
                text-align:center;
                margin-top:0px;
                margin-bottom:2px;
                /*box-sizing:border-box;*/
                }
#bola_list ul.gray{
                background-color:#f4f4f4;
                overflow:hidden;
                }

#bola_list ul li:first-child{
                width:115px;
                
                }
#bola_list li:first-child+li+li{
                width:96px;
                
                }
#bola_list li:first-child+li+li+li{
                
                }
#bola_list li:first-child+li+li+li+li{
                width:121px;
                
                }
#worldcup_list ul.gray{
                background-color:#f4f4f4;
                overflow:hidden;
                }
                
#worldcup_list_tittle{ 
                width:100%; 
                overflow:hidden;
                background-color:#669334;
                }
#worldcup_list_tittle ul{
                margin:0px; 
                padding:0px; 
                list-style:none;
                
                overflow:hidden;
                }
#worldcup_list_tittle li{ 
                float:left;
                font-size:14px;
                color:#fff;
                width:41px;
                text-align:center;
                padding:5px 2px;
                min-height:42px;
                border:0px;
                line-height:30px;
                box-sizing:border-box;
                border-right:1px solid #bfbfbf;
                }
#worldcup_list_tittle li:first-child{
                width:80px;
                line-height:30px;
                }
#worldcup_list_tittle li:first-child+li{
                width:107px;
                }
#worldcup_list_tittle li:first-child+li+li{
                width:120px;
                line-height:16px;
                }
#worldcup_list_tittle li:first-child+li+li+li{
                width:51px;
                }
#worldcup_list_tittle li:first-child+li+li+li+li{
				line-height:30px;
                width:35px;
                background:#fff;
                }
#worldcup_list_tittle li:last-child{
                border-right:0px;
                }
                
#worldcup_list{
                width:100%;
                margin-top:0px;
                overflow:hidden;
                
                }
#worldcup_list ul{
                margin:0px; 
                padding:0px; 
                list-style:none;
                background:url(../images/worldcup_list_bg.png)left top repeat-y;
                overflow:hidden;
                }
#worldcup_list li{
                float:left;
                font-size:14px;
                color:#000;
                width:41px;
                text-align:center;             
                min-height:42px;
                margin-top:20px;
                }
#worldcup_list li:first-child{
                width:80px;
                line-height:30px;
                }
#worldcup_list li:first-child+li{
                width:107px;
                }
#worldcup_list li:first-child+li+li{
                width:120px;
                line-height:16px;
                }
#worldcup_list li:first-child+li+li+li{
                width:51px;
                }
#worldcup_list li:first-child+li+li+li+li{
				height:76px;
                width:34px;
                background:#fff;
                margin-top:0px;
                }


.category-sub2{
                width:240px;
                float:right;
                color:#000;
                font-size:14px;
                text-align:left;

                }
                
.category-sub2 strong{ display:inline; float:left; padding-top:9px;}            
.category-sub2 select {
                -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    display: inline-block;
    cursor:pointer;
                width:223px;
                height:25px;
                border:0px;
                padding:0px 5px;
                font-size:14px;
                color:#010101;
                margin-left:5px;
                margin-top:5px;
                background:none;
                }
textarea:focus, input:focus{
    outline: 0;
}
*:focus {
    outline: 0;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .category-sub2 select {padding-right:18px;}     
}

.category-sub2 label{ position:relative; margin-left:5px; display:inline-block; width:200px; height:34px; overflow:hidden;background:url(../images/select-box.png) no-repeat;}
.category-sub2 label:after {
    content:'.';
    width:26px; height:28px;
    color:transparent;    
    right:5px;
                top:3px;
    padding:0 0px 0px;    
    position:absolute;
    pointer-events:none;
                background:url(../images/select-arrow.png)left top no-repeat;
                
                }
                
/********* Participant ***********/

.participant{
                width:100%;
                background:#dce8d2;
                overflow:hidden;
                height:48px;
                width:681px;
                margin:2px auto;
                }
.participant ul{
                margin:0px; 
                padding:0px; 
                list-style:none;
                }
.participant ul li{
				background: none repeat scroll 0 0 #669334;
				border-right: 1px solid #F7FAF4;
				color: #FFFFFF;
				float: left;
				font-size: 14px;
				height: 48px;
				line-height: 19px;
				padding: 5px 12px;
				text-align: center;
				width: 163px;
                }
.participant ul li:first-child+li{
                padding-top: 15px;
				width: 95px;
                }
.score-bord{
                width:331px;
                float:right;
                clear:both;
                background:url(../images/score-bord-bg.jpg)left top repeat;
                border:1px solid #9bac86;
                margin:18px 20px;
                box-shadow:3px 3px 3px #ccc;
                }
.score-bord ul{
                margin:0px; 
                padding:0px; 
                list-style:none;
                }
.score-bord ul li{
                float:left;
                font-size:12px;
                color:#060606;
                padding:5px 15px;
                line-height:20px;
                width:140px;
                }
.score-bord ul li:first-child{
                width:60px;
                }
.score-bord ul li:first-child+li{
                width:121px;
                }
.score-bord ul li:first-child+li+li{
                width:60px;
                }
.score-bord ul.two li{
                width:60px;
                }
.score-bord ul.two li:first-child+li{
                width:180px;
                }
                
/*************** Final Score ***************/

#final_list_tittle{ 
                width:100%; 
                overflow:hidden;
                background-color:#669334;
                }
#final_list_tittle ul{
                margin:0px; 
                padding:0px; 
                list-style:none;
                background:url(../images/final_list_bg.png)-16px top repeat-y;
                overflow:hidden;
                }
#final_list_tittle li{ 
                float:left;
                font-size:14px;
                color:#fff;
                width:332px;
                text-align:center;
                padding:5px 2px;
                min-height:42px;
                border:0px;
                line-height:30px;
                box-sizing:border-box;
                }
#final_list_tittle li:first-child{
                width:37px;
                
                }
#final_list_tittle li:first-child+li{
                width:92px;
                }
#final_list_tittle li:first-child+li+li{
                width:50px;
                line-height:16px;
                }
#final_list_tittle li:first-child+li+li+li{
                width:109px;
                }
#final_list_tittle li:first-child+li+li+li+li{
                width:57px;
                }
                
#final_list{ 
                width:100%; 
                overflow:hidden;
                }
#final_list ul{
                margin:0px; 
                padding:0px; 
                list-style:none;
                overflow:hidden;
                }
#final_list ul.lit_green{
                background:url(../images/final_list_bg1.png)left top repeat;
                }
#final_list li{ 
                float:left;
                font-size:14px;
                color:#000;
                width:332px;
                text-align:center;
                padding:5px 0px;
                min-height:42px;
                border:0px;
                line-height:30px;
                box-sizing:border-box;
                border-right:1px solid #cecece;
                }
#final_list li:first-child{
                width:37px;
                
                }
#final_list li:first-child+li{
                width:92px;
                }
#final_list li:first-child+li+li{
                width:52px;
                line-height:16px;
                padding-top: 12px
                }
#final_list li:first-child+li+li+li{
                width:109px;
                }
#final_list li:first-child+li+li+li+li{
                width:58px;
                }
#final_list li:first-child+li+li+li+li+li{
                border:0px!important;
                }
#final_list li input{
                width:20px;
                height:22px;
                border-radius:5px;
                -webkit-border-radius:5px;
                -moz-border-radius:5px;
                border:1px solid #6a9668;
                box-shadow:inset 0 3px 4px #ccc;
                text-align:center;
                } 

#final_list ul.green_ul{
	background-color:#DCE8D2;
	overflow:hidden;
}                 
/******* Pildun Style starts here *********/

#container_top{
                background:url(../images/container_top_img.png) left top no-repeat;
                overflow:hidden;
                padding-top:16px;
                margin-top:17px;
                clear:both;
                float:left;
                width:1000px;
                position:relative;
                }
#container_bot{
                background:url(../images/container_bot_img.png) left bottom no-repeat;
                overflow:hidden;
                padding-bottom:16px;
                }
#container_rep{
                background:url(../images/container_rep_img.png) left top repeat-y;
                overflow:hidden;
                }
#container_main{
                width:1000px;
                clear:both;
                margin:0 auto;
                position:relative;
                }
#container_main h1{
                font-size:24px;
                color:#517a47;
                padding-top:35px;
                }
#container_main h1 img{
                margin-right:10px;
                }
.bola-Pro-category{
                width:956px;
                margin:15px auto;           
                }
#pildun_content_sub{
                width:713px;
                margin:0 auto;
                position:relative;              
                background:#fff;
                border-radius:8px;
                -webkit-border-radius:8px;
                -moz-border-radius:8px;
                -ms-border-radius:8px;
                border:1px solid #bfbfbf;
                }
#bola_content_sub{
                width:954px;
                margin:0 auto;
                position:relative;              
                background:#fff url(../images/bola-football-bg.png) left bottom no-repeat;
                border-radius:8px;
                -webkit-border-radius:8px;
                -moz-border-radius:8px;
                -ms-border-radius:8px;
                border:1px solid #bfbfbf;
                }
.bola-Pro-category h3{
                color:#000;
                font-size:16px;
                }
.bola_status_container{
                width:915px;
                margin:15px auto;
                border-left:1px solid #cecece;
                overflow:hidden;
                margin-bottom:165px;
                }
                

.bor-rit{
                border-right:1px solid #cecece;
                }
.bor-lft{
                border-left:1px solid #cecece;
                }
.bor-bot{
                border-top:1px solid #cecece;
                }
.text-white{
                font-size:12px;
                text-align:center;
                color:#fff;
                }
.text-blk{
                font-size:14px;
                color:#000;
                text-align:center;
                
                }
.text-white1{
                font-size:12px;
                text-align:center;
                color:#fff;
                }
.pad_top{ padding-top:12px;}
table.tab_show td{ padding:10px 0;}
table.tab_show td.arrow{
                background:url(../images/green-arrow.png) right 8px no-repeat;
                cursor:pointer;
                }
table.tab_show td.downarrow{
                background:url(../images/green-arrow-down.png) right 13px no-repeat;
                cursor:pointer;
                }
table.tab_show td:first-child img{ padding-left:10px;}
table.tab_show td p.first{
//                width:90px;
                margin-left:35px;
                text-align:left;
                }
table.tab_show td p{ 
                font-size:12px; 
                color:#5a6c59;
                text-align:center;
                padding:5px 0;
  //              width:68px;
                display:none;
                }
                
                
.row_bg{
                background-color:#edf4e6;
                }
                
                
/************ Page four Starts ****************/

/******* Page 4 Style starts here *********/

#container_main{
                width:1000px;
                clear:both;
                margin:0 auto;
                position:relative;
                }
#container_top{
                background:url(../images/container_top_img.png) left top no-repeat;
                overflow:hidden;
                padding-top:16px;
                margin-top:17px;
                clear:both;
                float:left;
                width:1000px;
                position:relative;
                }
#container_bot{
                background:url(../images/container_bot_img.png) left bottom no-repeat;
                overflow:hidden;
                padding-bottom:16px;
                }
#container_rep{
                background:url(../images/container_rep_img.png) left top repeat-y;
                overflow:hidden;
                }
#pildun_page4{
                width:967px;
                margin:0 auto;
                position:relative;              
                background:#fff;
                border-radius:8px;
                -webkit-border-radius:8px;
                -moz-border-radius:8px;
                -ms-border-radius:8px;
                border:1px solid #bfbfbf;
                }
.table-radius{
                border-top-left-radius:7px;
                border-top-right-radius:7px;
                -moz-border-top-left-radius:7px;
                -moz-border-top-right-radius:7px;
                -webkit-border-top-left-radius:7px;
                -webkit-border-top-right-radius:7px;
                background:#669334;
                }
.table-radius td{ 
                font-size:14px; 
                color:#fff; 
                font-weight:bold;
                text-align:center;
                line-height:44px;
                }
.page_map{
                width:967px;
                height:743px;
                overflow:hidden;
                background:url(../images/page4-bg.jpg) left top no-repeat;
                }
.korian-td{
                padding:35px 0 0 20px;
                }
.mesiko-td{
                padding:10px 0 0 20px;
                }
.korian-td span{ float:left; padding:5px 7px; font-size:13px;}
.korian-td img{ float:left;}
.korian-td-score{
                padding:10.6px 0 0 42px;
                }
.korian-td-score span.first{
                font-size:14px;
                color:#669334;
                padding-left:12px;
                font-weight:bold;
                }
.korian-td-score span.second{
                font-size:14px;
                color:#669334;
                padding-left:10px;
                font-weight:bold;
                }
.region-green-text{
                font-size:12px;
                font-weight:bold;
                padding-top:10px;
                text-align:center;
                color:#669334;
                }
.region-date{
                font-size:12px;
                text-align:center;
                color:#9e9e9e;
                }
span.first1{
                font-size:14px;
                color:#669334;
                padding-left:23px;
                line-height:25px;
                font-weight:bold;
                }
span.second1{
                font-size:14px;
                color:#669334;
                padding-left:10px;
                font-weight:bold;
                }
table.float{
                float:left;
                }
.margin-left_1{
                margin-left:1px;
                }
.margin-left_2{
                margin-left:2px;
                }
.margin-left_3{
                margin-left:3px;
                }
.category-sub1 {
    color: #FFFFFF;
    float: left;
    font-size: 14px;
    width: 300px;
}
/***** PARTISIPAN Headings *****/

.partisipan{
	width:356px;
	float:left;
	font-size:15px;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	padding:10px 0;
	text-align:center;
	background:#669334;
	color:#fff;
	}
.partisipan-group{
	width:286px;
	float:right;
	font-size:15px;
	border-left:1px solid #bfbfbf;
	border-right:1px solid #bfbfbf;
	border-bottom:1px solid #bfbfbf;
	padding:18.5px 0;
	text-align:center;
	background:#669334;
	color:#fff;
}
/*==============STEP 1==============*/
.input-captcha{
	width:90%;right:10px;
	clear:both;float:right;
	margin-bottom:20px;
}
#captcha{
	width:297px;height:25px;
	font-size:16px;font-variant:small-caps; 
	text-align:left;border:none:
	
}
.input-captcha div{
	width:40%;
	float:left;
	margin:0 10px 5px 0;padding-right:15px;
}
.input-captcha img{
	min-height:30px;max-height:30px;
	
}
#inpNominal{
	/* background:none;border:none;*/
	text-align:right;max-width:100px;
	padding-right:10px;
	font-size:15px; height:25px;
	background: transparent url(../images/box-inpNominal.png) 4px 0 no-repeat;
	border: none;
        line-height: 25px;
 
}
#inpNominal:hover{
 background-color:white;
}
#content_sub{
	height:450px !important;
}
.visa{
	height:50px;
}
.visa div.icon{
width:140px !important;
}
#wrp-bank .visa div{
	max-height:50px;
	 
	vertical-align:middle;
}
.visa div.radio{
	max-width:20px;
}
.visa input[type=radio]{
	/*margin-top:20px;*/
}
.alert{
	font-size:14px;
	color:red;
	text-align:center;
	width:99%;
}
#showSyarat{
 text-decoration:underline;
}
#showSyarat:hover{
	cursor:pointer;text-decoration:none;
}
#dialog div.button{
bottom: 10px;
right: 10px;
display: block;
 
}