@charset "utf-8";
/******************************** 
 CSS Document of epoin.ekomit.com
 Created By: Cinox Media Insani
 Email: info@cinox.co.id
 Website: www.cinox.co.id 
********************************/

* {
	margin: 0;
	padding: 0;
	font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

html, body {
	height: 100%;
}

body {
	color: #333;
}

img {
	border:none;
	background: transparent;
}

h1 {
	font: normal 24px Georgia, "Times New Roman", Times, serif;
	border-bottom:1px dashed #ccc;
	padding-bottom:5px;
}

h2 {
	font: normal 18px Georgia, "Times New Roman", Times, serif;
	padding:0 0 10px 0;
}

h3 {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
}
p {
	width:auto;
	line-height: 1.5em;
	padding:0 0 20px 0;
}

a {
	color: #666;
	text-decoration: underline;
}

a:hover {
	color: #536F02;
	text-decoration: none;
}
ul {
	padding:0 0 0 15px;
}
ul.ul2 {
	padding:0 0 0 15px;
}
ol {
	margin:0 0 0 20px !important;
	margin:0 0 0 25px;
}
strong {
	font-weight:bold;
}

b {
	font-weight:bold;
}
	

/* Begin of baraccount */

#baraccount {
	background: transparent url(images/baraccount.gif);
	width:100%;
	height:21px;
}
#baraccount #baraccountarea {
	width:751px;
	margin:0 auto;
	padding:2px 0 0 0;
}
#baraccount #welcome {
	float:left;
}
#baraccount #accountmenu {
	font-weight:bold;
	float:right;
	width:auto;
	margin:0 5px 0 0;
}

/* End of baraccount */


#wraper {
	margin: 0 auto;
	padding:0 0 150px 0;
	width:1002px;
	text-align:left;
	position: relative;
	min-height: 100%; /* For Modern Browsers */
	height: auto !important; /* For Modern Browsers */
	height: 100%; /* For IE */
}
	
#header {
	margin:0 auto;
	width:751px;
	height:83px;
	background: #fff;
	text-align:right;
}

#footer {
  
	width:1002px;
	background: transparent url(images/footer.gif) center no-repeat;
	position: absolute;
	bottom: 0 !important;
	bottom: -1px; /* For Certain IE widths */
	height: 124px;
	padding: 0 0 0 0;
	text-align:center;
}

.pembatasheading {
	height:30px;
}

#logoepoinweb a{
	background: url(images/logoepoinweb.gif);
	width:191px;
	height:83px;
	float:left;
	margin:0 0 0 20px !important;
	margin:0 0 0 10px;
}

#topnav {
	padding:45px 5px 0 0;
	width:auto;
}

#container {
	width:751px;
	margin:0 auto;
	height:100%;
}

#container:after {
	clear: both;
	display: block;
	font: 1px/0px serif;
	content: ".";
	height: 0;
	visibility: hidden;
}

#main {
	float: left;
	width:540px;
}

#sidebar ul,#sidebar ul li {
	list-style: none none;
}

#headbar {
	margin:0 auto 10px auto;
	width:751px;
	height:37px;
	background: transparent url(images/topbar.gif);
}


/* Begin of sidebar */

#sidebararea {
	width: 201px;
	float: right;
}
#sidebar{
	background:#fff url(images/centersidebar.gif);
	margin:0 0 10px 0;
}
#topsidebar {
	background: transparent url(images/topsidebar.gif) no-repeat;
	width:187px;
	height:22px;
	padding:7px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
}
#botsidebar {
	background: transparent url(images/botsidebar.gif) no-repeat;
	width:201px;
	height:33px;
}
.botsidebartext {
	text-align:right;
	padding:5px 10px 0 10px;
}

/* End of sidebar */

span.dollar {
	background: url(images/money_dollar.gif) no-repeat right;
	padding:0 18px 0 0;
}

#sidebar div.sidebarhead{
	color:#597803;
	text-align:center;
/*	width:187px;*/
	width:100%;
	font-size:14px;
	font-weight:bold;
	line-height:25px;
	background: url(images/border.gif) no-repeat center;
}
#sidebar ul li {
	height:15px;
	display:block;
	margin:0;
}


/* Begin of sidebar nocontract */

#nocontract{
	width:137px;
	height:23px;
	margin:10px auto;	
	background:#7B0000;
	/*
	Change this background color everytime user switch their contract
	background: #787B00;
	*/
}
#nocontract span{
	padding:2px 0 0 4px;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	display:block;
}
#nocontract a{
	width:53px;
	height:23px;
	display:block;
	float:right;
	background:transparent url(images/switchrelease.gif) top right no-repeat;
}
#nocontract a:hover{
	background-position: bottom;
}

/* End of sidebar nocontract */



/* Begin of UL menu*/

#sidebar ul.menu li{
	margin: 0 0 0 -15px;
	display:block;
}
#sidebar ul.menu li a{
	text-decoration:none;
	height:15px;
	display:block;
	padding: 0 0 0 15px;
}
#sidebar ul.menu li a:hover{
	color:#fff;
	padding: 0 0 0 15px;
	background:#82B003 url(images/sidebarhover.gif);
}
#sidebar ul.menu li a:active{
	color:#fff;
	background:#A8E604;
}
/* End of UL menu*/


/* Begin of UL bday */

#sidebar ul.bday {
	padding:0 5px 0 5px;
}
#sidebar ul.bday li {
	background: url(images/kado.gif) no-repeat;
	padding: 0 0 5px 40px;
	min-height:32px;
	height: auto !important;
	height: 32px;
}

/* End of UL bday */


table#tmenu {
	width:100%;
}
table#tmenu td.subhead{
	font-weight:bold;
	background: #EEEEEE;
	padding:0 0 0 5px;
}
table#tmenu td{
	padding: 0 0 0 10px;
	border: 1px solid #EEEEEE;
	vertical-align:top;
}
table#tmenu td.foot{
	background:#EEEEEE;
	text-align:right;
}

div#path {
	border-left:1px dashed #ccc;
	padding:5px;	
}

/* Begin of Switch */
/*<uhui new deposito>*/

#switch {	
	font-size:50px;
	border:1px solid #eee;
	background: #fbfbfb;
	text-align:center;
	padding:20px;
	margin: 0 0 20px 0;
}
#switch span {
	width:500px;
	font-size:20px;
	vertical-align:top;
}
#switch input, #switch select {
	font-size:20px;
	vertical-align:top;
}
 #switch option{
	height:30px;
	width: 150px;
	font-size:20px;
	padding: 0 0 0 5px;
}

/*</uhui>*/
/* End of Switch */



/* Table of table */

table.t {
	width:100%;
}
table.t td.center {
	text-align:center;
}
table.t th {
	color:#fff;
	text-align:center;
	background: #98CE03 url(images/th.gif) repeat-x;
	min-height:30px;
	height:30px;
}
table.t th a {
	background:transparent;
}
table.t td{
	padding: 2px;
	border: 1px solid #EEE;
	vertical-align:top;
}
table.t tr.odd {
	background:#fff;
}
table.t tr.even {
	background:#eee;
}
/* End of table */



/* Table of table form */

table.tf {
	width:100%;
}
table.tf td{
	padding: 2px;
	border: 1px solid #EEE;
	background:#FBFBFB;
	vertical-align:top;
}
.tf td.l {
	font-weight:bold;
	vertical-align:top;
	text-align:left;
	background: #eee;
}
input.text, textarea, select{
	background: #fff url(images/inputtext.gif) top repeat-x;
	border:1px solid #D6D6D6;
}
input, option, textarea {
	font-size:15px;
	padding:2px;
}
input.button {
	font-weight:bold;
}


/* End of table form */


span.wajib {
	color:#FF0000;
	margin:0 2px 0 0;
	font-size:1.5em;
	font-weight:bold;
}
div.alert_error {
	font-size:0.8em;
	color:#FF0000;
}

div#captcha_ekomit{
	display:block;
	height:30px;
	border:1px solid #eee;
}
#loginalert {
	padding:5px;
	text-align:center;
	color:#f00;
	text-decoration:blink;
	font-weight:bold;
}
a.reg {
	display:block;
	padding:0 5px;
}
table#flogin {
	width:100%;
}
table#flogin td{
	padding:0 5px;
}
table#flogin input.text{
	width:120px;
}



#bibit {
	width:265px;
	height:199px;
	background: #fff url(images/bibit.gif);
	margin: 0 10px 0 0;
	float:left;
}
#tigalangkah {
	background: #fff url(images/3langkah.gif);
	width:542px;
	height:83px;
}
#homealert {
	width:245px;
	height:179px;
	padding:10px;
	background: #fff url(images/alert.gif);
	float:left;
	overflow:hidden;
}
#homealert #textbig {
	display: block;
	font-size:26px;
	color:#739B04;
	text-align:right;
	height:70%;
	overflow:hidden;
	line-height:30px;
}
#homealert #textsmall {
	text-align:left;
	font-size:12px;
	overflow:hidden;
}
div.clear {
	clear:both;
	height:10px;
}



/* Begin of homebox */

div.homebox {
	width:265px;
	float:left;
}
div.homebox div.top {
	background: #fff url(images/homeboxtop.gif);
	width:243px;
	height:37px;
	padding: 8px 0 0 22px;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	color: #739B04;;
}
div.homebox div.desc {
	background: #fff url(images/homeboxback1.gif);
	width:215px;
	overflow:hidden;
	color: #EDFEBF;
	font-size:12px;
	padding:10px 25px;
}
div.homebox div.tabletop {
	background: #fff url(images/homeboxtabletop.gif);
	width: 85px;
	height:27px;
	padding:3px 0 0 180px;
	font-size:18px;
	font-weight:bold;
	color: #EDFEBF;
	
}
div.homebox div.content {
	background: #fff url(images/homeboxback2.gif) repeat-y;
	display:block;
	width: 265px;
	overflow:hidden;
}
div.homebox div.content div {
	letter-spacing:-0.5px;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
}
div.homebox .kiri {
	float:left;
	width:140px;
	padding:0 0 0 30px;
	color: #536F02;
}
div.homebox .kanan {
	text-align:right;
	padding:0 40px 0 10px;
	color: #EDFEBF;
}
div.homebox div.bot {
	background: #fff url(images/homeboxbot.gif);
	width: 265px;
	height:30px;
}

/* End of homebox */

div.homebox_container {
	width:541px;
	margin:20px 0 0 0;
}
div.homeboxwide {
	width:541px;
	background: url(images/homeboxwideback.gif) repeat-y;
	margin:20px 0 0px 0;
}
div.homeboxwide2 {
	width:541px;
	background: url(images/homeboxwideback2.gif) repeat-y;
	margin:20px 0 0px 0;
}
div.homeboxwide3{
	width:541px;
	background: url(images/homeboxwideback3.gif) repeat-y;
	margin:20px 0 0px 0;
}
div.homeboxwide2 div.top{
	background: #fff url(images/homeboxwidetop2.gif);
	width:519px;
	height:36px;	
	padding: 8px 0 0 22px;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	color: #fff;
	overflow:hidden;
}
div.homeboxwide3 div.top{
	background: #fff url(images/homeboxwidetop3.gif);
	width:519px;
	height:36px;	
	padding: 8px 0 0 22px;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	color: #fff;
	overflow:hidden;
}
div.homeboxwide div.top {
	background: #fff url(images/homeboxwidetop.gif);
	width:519px;
	height:36px;	
	padding: 8px 0 0 22px;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	color: #739B04;
	overflow:hidden;
}
div.homeboxwide div.top div.test {
	float:left;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	color: #739B04;	
	width:295px;
}
div.homeboxwide2 div.top div.test {
	float:left;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	color: #fff;	
	width:295px;
}
div.homeboxwide3 div.top div.test {
	float:left;
	font-size:24px;
	font-weight:bold;
	letter-spacing:-1px;
	color: #fff;	
	width:295px;
}
div.homeboxwide div.desc {
	width:auto;
	overflow:hidden;
	color: #EDFEBF;
	font-size:12px;
	padding:10px 25px;
}
div.homeboxwide2 div.desc{
	width:auto;
	overflow:hidden;
	color: #fff;
	font-size:12px;
	padding:10px 25px;
}
div.homeboxwide3 div.desc{
	width:auto;
	overflow:hidden;
	color: #fff;
	font-size:12px;
	padding:10px 25px;
}
div.homeboxwide div.bot{
	background: #fff url(images/homeboxwidebot.gif) no-repeat;
	width: 541px;
	height:4px;
	margin:10px 0 0 0 !important;
	margin:20px 0 0 0;
}
div.homeboxwide2 div.bot{
	background: #fff url(images/homeboxwidebot2.gif) no-repeat;
	width: 541px;
	height:4px;
	margin:10px 0 0 0 !important;
	margin:20px 0 0 0;
}
div.homeboxwide3 div.bot{
	background: #fff url(images/homeboxwidebot3.gif) no-repeat;
	width: 541px;
	height:4px;
	margin:10px 0 0 0 !important;
	margin:20px 0 0 0;
}
table.thomeboxwide {
	font-size:12px;
	margin:10px auto;
	width:490px;
}
table.thomeboxwide th {
	color:#fff;
	text-align:center;
	background: #98CE03 url(images/th.gif) repeat-x;
	min-height:30px;
	height:30px;
	font-weight:bold;
}
table.thomeboxwide td {
	background: #EDFEBF;
	padding:5px;
	text-align:right;
}
.red {
	color:#c00;
}

/* end homebox */

table.tblIjo { 
width:100%;
margin:10px auto;
}

table.tblIjo td { 	
	padding: 7px;
	border: 1px solid #eee;
}

table.tblIjo td.header {
	color:#fff;
	text-align:center;
	background: #98CE03 url(images/th.gif) repeat-x ;
	min-height:18px;
	height:18px;
}

table.tblIjo th a {
	background:transparent;
}

table.tblIjo td.biru {
background:#eee;
border: 1px solid #FFFFFF;
border-right: 1px solid #eee;
}

table.tblIjo td.putih {
	background:#fff;
	border: 1px solid #eee;
	border-right: 1px solid #ffffff;
}

table.tblIjo td.grey { 
	background:#eee;
	border-top: 1px solid #E68D0F; 
}	

/* Begin of rombongan stockist */

td.w130px {
	width:130px;
	text-align:center;
}
table.tstockist {
	
}
table.tstockist td.kiri {
	width:100px;
	text-align:right;
	background:#eee;
}
table.tstockist td.kanan {

}

/* End of rombongan stockist */


/* Begin of rules agreement*/

#toprules {
	background:#FFCC00;
	margin: 0 0 10px 0;
	padding:5px;
	font-weight:bold;
	text-align:center;
	line-height:normal;
}
#rulesbox {
	overflow:auto;
	height:180px;
	border:1px solid #CCCCCC;
	padding:10px;
	margin:10px 0;
	background: #fff url(images/inputtext.gif) top repeat-x;
}
#jawabrules {
	text-align:center;
}
/* End of rules agreement */

.sfMessage {
 	color: red;
}

#warning {
 border:1px solid red;	
 text-align:center;
}


/* Begin of Status transaksi */
dl.newcontract, dl.inactivecontract {
	width:500px;
	overflow:hidden;
	padding:0 10px 0 25px;
	margin:0 0 5px 0;
}
dl.theactives {
	width:480px;
	overflow:hidden;
	padding:0 10px 0 15px;
	margin:0 0 5px 0;
}
dt {
	width:150px;
	float:left;
	margin:0 10px 0 0;
	color: #336600;
}
dt.theactives2 {
	width:150px;
	float:left;
	margin:0 10px 0 0;
	color: #fff;
}
dt.newcontract2 {
	width:150px;
	float:left;
	margin:0 10px 0 0;
	color: #fff;
}
dt.newcontract2_blue {
	width:150px;
	float:left;
	margin:0 10px 0 0;
	color: #fff;
}
dd {
	width:340px;
	float:left;
	color: #336600;
}
dd.theactives3 {
	width:300px;
	float:left;
	color: #fff;
}
dd.newcontract3 {
	width:340px;
	float:left;
	color: #fff;
}
dd.newcontract3_blue {
	width:340px;
	float:left;
	color: #fff;
}
.ctrl_top {
	margin:5px 0 0 0; 
	padding:0;
	overflow:hidden;
	width:200px;
	float:right;
	
}
.panelhelp {
	float:left;
	width:135px;
	font-size:10px;	
	letter-spacing:normal;
	margin:0;
	padding:0px 0 0 0;
}
.panelhelp2 {
	float:left;
	width:125px;
	font-size:10px;	
	letter-spacing:normal;
	margin:0;
	padding:5px 0 0 0;
}
.ctrl_top ul.slider_ctrl, .ctrl_top ul.slider_ctrl2, .ctrl_top ul.slider_ctrl3 {
	margin:0;
	padding:0;
	height:16px;
	width:50px;
	float:left;
}
.ctrl_top ul.slider_ctrl li, .ctrl_top ul.slider_ctrl2 li, .ctrl_top ul.slider_ctrl3 li {
	margin:0 0px 0 5px;
	padding:0;
	display:block;
	float:left;
	width:16px;
	height:16px;
}
.ctrl_top ul.slider_ctrl li.expand a {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:16px;
	height:16px;
	background:url(images/expand.gif) no-repeat;
	text-indent:-9999px;
}
.ctrl_top ul.slider_ctrl2 li.expand_red a {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:16px;
	height:16px;
	background:url(images/expand_red.gif) no-repeat;
	text-indent:-9999px;
}
.ctrl_top ul.slider_ctrl3 li.expand_blue a {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:16px;
	height:16px;
	background:url(images/expand_blue.gif) no-repeat;
	text-indent:-9999px;
}
.ctrl_top ul.slider_ctrl li.minimize a {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:16px;
	height:16px;
	background:url(images/minimize.gif) no-repeat;
	text-indent:-9999px;
}
.ctrl_top ul.slider_ctrl3 li.minimize_blue a {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:16px;
	height:16px;
	background:url(images/minimize_blue.gif) no-repeat;
	text-indent:-9999px;
}
.ctrl_top ul.slider_ctrl2 li.minimize_red a {
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:16px;
	height:16px;
	background:url(images/minimize_red.gif) no-repeat;
	text-indent:-9999px;
}
#testing {
	margin:0;
	padding:0;
	height:inherit;
}
.theactivecontracts {
	margin:0px 0 10px 0;
	padding:0 0 0 25px;
	width:500px;
}
.pagingcontract {
	width:500px;
	font-size:10px;
	color:#fff;
	text-align:right;
	margin:0px auto;	
}
.pagingcontract a, .pagingcontract a:visited {
	color:#EDFEBF;
	text-decoration:none;
}
.pagingcontract a:hover {
	color:#EDFEBF;
	text-decoration:underline;
}
.pageactive {
	font-weight:bold;
}
.toppad {
	width:490px;
margin:0px auto;	
	height:27px;
	padding:0 5px 0 5px;
	background:url(images/contrac_head.gif) no-repeat;
	color:#fff;	
	overflow:hidden;
}
.toggler {
	width:360px;
	margin:0px 0 0 0px;
	padding:0;	
	height:27px;
	background:#690 repeat;
	color:#fff;	
	float:left;
}
.toggler a {
text-decoration:none;
display:block;
font-weight:bold;
margin:0;
padding:0;
color:#fff;
font-size:14px;
width:360px;
height:24px;
background:#690 repeat;
padding:3px 0 0 10px;
}
.toggler a:hover {
	color:#EDFEBF;
	text-decoration:none;
}
.accordion {
	overflow:hidden;
	padding:5px 0 0 0;
}
p.activecontract_desc {
	padding:5px 10px 5px 10px;
	margin:0;
	line-height:18px;
	font-size:12px;
	color:#fff;
}
/* End of status transaksi */

/* Begin of inbox */
#inbox {
	display:block;
	width:305px;
	height:5px;
	margin:0px 0 0px 0;
	padding:0 0px 0 0;
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display:block;
	color:#669900;
	float:right;
	line-height:16px;
	text-align:right;
}
#inbox a {
	display:block;
	color:#669900;	
	font: 15px "Trebuchet MS", Arial, Helvetica, sans-serif;
	padding:0 20px 0 0;
		line-height:18px;
	background:transparent url(images/mail.gif) right 2px no-repeat;	
	text-decoration:none;
}
#inbox a:visited {
	color:#669900;	
	text-decoration:none;
}
#inbox a:hover {
	text-decoration:none;
	color:#006600;
	background:transparent url(images/mailgo.gif) right 3px no-repeat;
}
/* End of inbox */

/*paging baru*/
.pages {
	margin: 0px 0pt 15px 0px; 
	padding: 5px 10px 15px 10px; 
	font-size: 0.7em; 
	float:right;
}

.pages a, .pages span, .page-details a, .page-details span { 
	border: 1px solid rgb(255, 255, 255); 
	padding: 2px 5px; 
	background: rgb(255, 255, 255) none repeat; 
	display: block; 
	float: left; 
	margin-right: 3px;
	margin-bottom:3px; 
	color: rgb(0, 0, 0); 
}

.pages span.current { 
	border: 1px solid #ccc; 
	background: #690 none repeat; 
	font-weight: bold; 
	color: #fff; 
}

.pages a:hover, .page-details a:hover { 
	border-color: solid 1px #ccc; 
	color:#fff;
	background: #476B00 none repeat; 
}
.pages a.prevnext { font-weight: bold; }
.pages span.prevnext { border: 1px solid rgb(221, 221, 221); color: rgb(0, 0, 0); }
.pages a, .page-details a { 
	border: solid 1px #ccc; 
	text-decoration: none; 
}

#iframemain {

	/* Default width="545" height="1320" frameborder="0"*/
	/* width: 545px; */
	width: 545px;
	/*overflow-x:hidden;*/
	overflow:hidden;
	/*border:4px;*/
	border:0px;
	height: 1800px;  	

}