/*---------------------------page-bar-----------------------*/

.pageBar {
	clear: both;
	width: 100%;
	height: 40px;
	border-bottom: silver 1px solid;
	margin: 0px 0px;	
}

.pageBarBwh {
	clear: both;
	width: 100%;
	height: 30px;
	border-top: #CCCCCC 1px solid;
	margin: 0px 0px;
	padding: 5px 0px;	
}

.pageBar2 {
	clear: both;
	width: 100%;
	height: 30px;
	border-bottom: silver 1px solid;
	margin: 0px 0px;	
}

.pageNav {
	float: left;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-size: 8pt;
	width: 355px;
}

.pageNav div {
	padding: 6px 8px;
	margin: 0px 0px 1px 2px;
	float: left;
	color: #aaa;
}

.pageNav a {
	border: silver 1px solid;
	padding: 5px 7px;
	margin: 0px 0px 1px 2px;
	display: block;
	float: left;
	background-color:#FFFFFF;
	color: #003366;
}

.pageNav a:hover {
	text-decoration: none;
	background-image: url('img/pageNav-button-bg.gif');
	background-repeat: repeat-x;
	padding: 4px 6px;
	border: #afcfed 2px solid;
	border-top: #fffef5 2px solid;
	border-left: #fffef5 2px solid;
}

.pageNav a:active {
	text-decoration: none;
	padding: 5px 5px 3px 7px;
	border: #afcfed 2px solid;
	border-bottom: #fffef5 2px solid;
	border-right: #fffef5 2px solid;
}

.pageNav img {
	border: none;
}

.pageNav-pageActive {
	color: #ffffff;
	background-color: #122d71;
	border: #4F6BA0 solid 1px;
	padding: 1px 4px;
	display: inline;
	
	font-weight: bold;
}


.pageNav2 {
	float: left;
	font-family: Tahoma, Arial, Geneva, sans-serif;
	font-size: 8pt;
	width: 310px;

}

.pageNav2 div {
	padding: 6px 8px;
	margin: 0px 0px 1px 2px;
	float: left;
	color: #aaa;
	align: left;
}

.pageNav2 a {
    font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 10pt;
	text-decoration: none;
	border: #CCCCCC 1px solid;
	padding: 3px 7px;
	margin: 0px 0px 1px 2px;
	display: block;
	float: left;
	background-color:#FFFFFF;
	color: #003366;
}

.pageNav2 a:hover {
	text-decoration: none;
	background-image: url('img/pageNav-button-bg.gif');
	background-repeat: repeat-x;
	padding: 3px 6px;
	border: #afcfed 2px solid;
	border-top: #fffef5 2px solid;
	border-left: #fffef5 2px solid;
}

.pageNav2 a:active {
	text-decoration: none;
	padding: 5px 5px 3px 7px;
	border: #afcfed 2px solid;
	border-bottom: #fffef5 2px solid;
	border-right: #fffef5 2px solid;
}

.pageNav2 img {
	border: none;
}

.pageNav2-pageActive {
	color: #ffffff;
	background-color: #122d71;
	border: #4F6BA0 solid 1px;
	padding: 1px 4px;
	display: inline;	
	font-weight: bold;
}

/*------------------------------TREE------------------------------*/
#frame_tree {		
			width: 224px;	
			height: 400px;
			max-height: 400px;			
			overflow: auto;
			padding-top: 0px;
			float: top;
			background-color: #F5F5F5;
			border-width: 1px;
			border-style: solid;
			border-color: #CCCCCC;	
	
}

.table-tree {	
	clear: both;
	border: 0px solid #CCCCCC;
	border-collapse: collapse;	
	text-align: left;
	font-family: Tahoma, Arial, sans-serif; 
	font-size: 8pt;	
}

.table-tree td {
	vertical-align: top;
	border-width: 0px;
	border-style: solid;
	border-color: #CCCCCC;
	border-collapse: collapse;
}

.treecursor {	
	cursor:Help;
	font-family: verdana, Arial, sans-serif; 
  	font-size: 12px;
  	color: #333333;
  	text-decoration: none; 
}

.treecursor:hover {
	font-weight: bold;	
}


/*-----------------------------------------------------------------*/

/* tabel downline----------------*/
table {
}

.tabel_konfirmasi{
}

.tabel_konfirmasi td {
	font-family:Verdana; 
	line-height:1.5;
	
}

.tabel_downline {	
}

			
.tabel_downline td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-width: 0px;
	
}
/*------------------------------*/

/* tabel menu token----------------*/

.tabel_menu_token {	
}

			
.tabel_menu_token td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-width: 0px;
	
}
/*------------------------------*/

.tabel-general {	
}

.tabel-general td{	
	font-family:Verdana; 
	line-height:1.5; 	
}


/* tabel my account----------------*/

.tabel_my_account {	
}

			
.tabel_my_account td {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	border-bottom: 1px #CCCCCC solid;
	font-size: 10pt;
	
}

.tabel_my_account th {
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-left: 10px;
	border-bottom: 1px #CCCCCC solid;
	border-left: 1px #CCCCCC dashed;
	font-size: 10pt;
	
}
/*------------------------------*/


/* tabel my account----------------*/

.tabel_signup_form {	
}

			
.tabel_signup_form td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px #CCCCCC solid;
	font-size: 10pt;
	
}

.tabel_signup_form2 td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 10pt;
	
}

.tabel_signup_form th {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 0px transparent solid;
	font-size: 10pt;
	font-weight:normal;
}
/*------------------------------*/


.tabel_statusbar {
}
			
.tabel_statusbar td {
	/* color: #526DB4; */
	text-align: left;
}

.CCspaceright {
	float: right;
	padding: 5px;
}

.CCspaceleft {
	float: left;
	padding: 5px;
}

.CCspaceright-top {
	float: right;
	padding-left: 5px;
}

/*----------------------table mailbox----------------------------------*/

.table-main {
	clear: both;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;	
	border-width: 1px;
	border-style: solid;
	border-color: #DDEEFF;
	border-collapse: collapse;
	margin: 5px 0px;
	
}

.table-main th {
	color: #333333;
	font-size: 0.8em;
	text-transform: uppercase;
	text-align: center;
	padding: 0.5em;
	border-width: 1px;
	border-style: solid;
	border-color: #DDEEFF;
	border-collapse: collapse;
	background-color: #FFFFFF;
	background-image: url('img/table-header-gray.gif');
	background-repeat: repeat-x;
}

.table-main td {
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	color: #666666;
	vertical-align: top;
	border-width: 0px;
	border-style: solid;
	border-color: #DDEEFF;
	border-collapse: collapse;
	
}

.table-main a {
    color: #666666;
	text-decoration: none;
}

.table-main .nama {
	width: 150px;
	font-weight: bold;
}

.table-main .judul {
	width: 200px;
}

.table-main-alert td {
	background-color: #aa2222;
	color: #ffffff;
}

.table-main-alert a {
	color: #fdc689;
}

.table-main-alert a:hover {
	color: #A0410D;
}

.table-main-links {
}

.table-main-links a {
	border: #ece9d6 1px solid;
	padding: 4px 7px;
	margin: 0px 0px 0px 2px;
	display: block;
	float: left;
	font-size: 8pt;
	
}

.table-main-links a:hover {
	text-decoration: none;
	background-image: url('img/table-header.gif');
	background-repeat: repeat-x;
	padding: 3px 6px;
	border: #ece9d6 2px solid;
	border-top: #fffef5 2px solid;
	border-left: #fffef5 2px solid;

}

.table-main-links a:active {
	text-decoration: none;
	padding: 4px 5px 2px 7px;
	border: #ece9d6 2px solid;
	border-bottom: #fffef5 2px solid;
	border-right: #fffef5 2px solid;

}

.table-main-links img
{
	border: none;
}

/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 140px;
height: 100px;
border: 0px solid #FFFFFF;
padding: 5px;
}


#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
 text-align: justify;
}

#form-warning .button {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#666666;
	padding: 3px;
	margin: 0px 0px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	
}

.list1{
	
}

.list1 ul {
	padding: 0px;
	margin: 0px 0px 0px 30px;	
	list-style-image: url('images/homepage13.gif');
}


.list2{
	
}

.list2 ul {
	padding: 0px;
	margin: 0px 0px 0px 0px;	
	list-style-image: url('button/bullet.gif');

}


stylelist a{
	color:#488FEB;
	text-decoration:none;
}

stylelist a:hover{
	font-weight:bold;
	border-bottom:1px #488FEB dashed;
}

#picframe {
		   background-image: url(img/photo_bg.gif);
		   background-repeat:no-repeat;
		   float: right;
		   height: 130px;
		   width: 130px;
		   padding-left: 15px;
		   padding-top: 12px;
}