body {
margin:0;
padding:0;
font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
font-weight: normal;
color: #333333;
}

.mooter 	    { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #565656; font-style: normal; }

/* ------- ajax style --------- */
* {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide-html {
    background-color: white;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(../plugin/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 400px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(../plugin/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/* ------- end of ajax style --------- */

/*global link style*/
a:link{ 
color:#a51ce5;
text-decoration:none; 
}

a:hover{ 
color:#333333;
text-decoration:none; 
}

a:active{ 
color:#a51ce5; 
text-decoration:none; 
}

a:active:hover{ 
color:#333333; 
text-decoration:none; 
}

a:visited{ 
color:#a51ce5; 
text-decoration:none; 
}

a:visited:hover{ 
color:#333333; 
text-decoration:none; 
}

/*headerwrap - member page*/
.wrapmember3{
margin:0;
padding:0;
background: #666666 url(../images/bg-tile03.jpg) repeat-x left top;
}
/*headerwrap - member page*/

/*flash-member page---*/
#memsplash3{
position: absolute;
z-index: 5;
top: 0;
left: 5px;
width: 200px;
height: 50px;
background-color: transparent;
}
/*---flash-member page*/

/*content-wraper*/
#content-tiga{
clear: both;
font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 14px;
color: #000000;
margin: 0 0 10px 0;
padding: 0;
overflow: hidden;
background-color: transparent;
}

#wrap{
margin:0 0 15px 0;
padding: 0 4px;
}

/*content-wraper*/

#rightcol{
width: 13%;
float:right;
margin-top: 15px;
padding:0;
overflow: hidden;
background: #ffffff url(../images/right-tile_03a.jpg) no-repeat left top;
}

#leftcol{
margin-top: 40px;
width: 86%;
float:left;
padding:0;
overflow: hidden;
background: #ffffff url(../images/left-tile_03b.jpg) no-repeat right bottom;
}

/*inpooooo---*/
.anu{
	margin-top: 8px;
	margin-bottom:8px;
	padding: 0 10px;
	overflow: hidden;
	vertical-align:middle;
	display: block;
	clear: both;
	font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	width:auto;
	height: 16px;
	font-weight: bold;
	text-align: left;
	color: #990000;
	background-color: transparent;
}
/*---inpoooooo*/

.infopage3{
display: block;
margin: 0;
padding: 0 0 0 10px;
height: 20px;
line-height: 20px;
font-size: 14px;
font-weight: normal;
font-style:italic;
font-family: Arial, Tahoma, sans-serif;
text-align: left;
color: #339966;
border-bottom: 1px dotted #666666;
background: #ffffff url(../images/left-tile_03a.jpg) no-repeat right top;
}

/*---member main-nav*/
#membernav3{
margin-top:15px;
padding: 0 10px 10px 0;
line-height: 18px;
font-weight: normal;
color: #333333;
background: #ffffff url(../images/right-tile_03b.jpg) no-repeat left bottom;
}

#membernav3 a{
display: block;
font-family: Trebuchet MS, Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
font-weight: bold;
color: #339966;
text-decoration:none;
padding-right: 15px;
background-color: transparent;
}

#membernav3 a:hover{
color: #333333;
display: block;
text-align:left;
padding-left: 10px;
text-decoration:none;
background: #f1f1f1 url(../images/list-img2a.gif) no-repeat left center;
}

#membernav3 ul{
font-size: 12px;
margin:0;
padding:0;
list-style-type: none;
}

#membernav3 li{
display: block;
margin: 4px 0 0 0;
color: #999999;
text-align:right;
padding-left: 10px;
text-decoration:none;
list-style-type: none;
vertical-align: middle;
/*background-color: transparent;*/
background: transparent url(../images/list-img3.gif) no-repeat right 4px;
}
/*member main-nav---*/

/*footer---*/
.footer3{
margin-top: 10px;
padding: 2px 10px;
overflow: hidden;
display: block;
clear: both;
font-family: "Trebuchet MS", Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-size: 10px;
line-height: 14px;
font-weight: normal;
text-align: center;
color: #ffffff;
border-top: 1px dotted #999999;
background-color: transparent;
}
/*---footer*/


.head-tr1{/*biru-ungu*/
margin: 0;
padding: 5px;
vertical-align: middle;
color: #ffffff;
font-size: 11px;
font-weight: normal;
text-align: left;
background-color: #7171db;
}

.head-td3{/*ijo soft*/
margin: 0;
padding: 2px;
vertical-align: middle;
background-color: #fbffeb;
}

.head-td4{/*ungu.muda1*/
margin: 0;
padding: 2px;
color: #000000;
font-size: 11px;
font-weight: normal;
vertical-align: middle;
background-color: #e1e1ff;
}

.head-td5{/*ungu.muda2*/
margin: 0;
padding: 2px;
color: #000000;
font-size: 11px;
font-weight: normal;
vertical-align: middle;
background-color: #f8f8ff;
}

.head-td6{/*ijo.soft2*/
margin: 0;
padding: 2px;
color: #000000;
font-size: 11px;
font-weight: normal;
vertical-align: middle;
background-color: #ecffeb;
}

.tra1{
overflow: hidden;
color: #009900;
line-height: 14px;
background-color: #F4F4FF;
margin: 0;
padding: 3px 0;
}

H1 	{
	color: black;
	font-size: medium;
	font-weight: normal;
	font-family: arial, sans-serif ;
	font-style: normal;
}

H2 	{
	color: black;
	font-size: small;
	font-weight: normal;
	font-family: arial, sans-serif ;
	font-style: normal;
}

.buttonijo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #CCFFCC;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: left-style;
	cursor: hand;
}

.buttonkuning {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.2pt;
	background-color: #FFFFBB;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #338822;
	cursor: hand;
}

.buttonpink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.2pt;
	background-color: #FFDDDD;
	font-weight: bold;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-style: solid;
	border-color: #CC6666;
	cursor: hand;
}

.buttonbiru {
background-color: #EFEFFF;
border-color: #8888EE;
border-style: left-style;
font-weight: bold;
border-width: 1;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
color: #000000;
font-size: 8pt;
font-family: arial;
cursor: hand;
}

.outputbiruboxnoborder {
	background-color: #ffffcc;
	overflow: auto;
	color: #68451f;
	font-size: 8pt;
	font-family: arial;
	font-style: italic;
	cursor: default;
	border: 2px inset #999933;
	padding: 2px;
}

.mainmenu 		{ 
color: #FF0000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: smaller; 
text-decoration: none; 
font-weight: bold; 
}

.judul 		{ 
color: #FF0000; 
font-family: Arial, Helvetica, sans-serif; 
font-size: small; 
text-decoration: none; 
font-weight: bold; 
}

.submenu 		{ 
color: #BB6666; 
font-family: Arial, Helvetica, sans-serif; 
font-size: smaller; 
text-decoration: none; 
font-weight: bold; 
}

.sidemenu 		{ 
color: #CCCCCC; 
font-family: Arial, Helvetica, sans-serif; 
font-size: smaller; 
font-style: normal; 
text-decoration: none; 
font-weight: bold
}

.input	{ 
border-color:#000000; 
border-width:1;	
font-family:Arial, Helvetica; 
font-size:12;	
background-color:#FFFFFF; 
color:#000000; 
}

.select	{ 
border-color:#000000;	
border-width:1;	
font-family:Arial, Helvetica; 
font-size:12;	
color:#000000; 
background-color:#FFFFFF; 
}

.textarea {	
border-color:#000000; 
border-width:1; 
font-family:Arial, Helvetica;	
font-size:12; color:#000000; 
background-color:#FFFFFF;	
}

.badag {	
border-color:#000000; 
border-width:1; 
font-family:Arial, Helvetica;	
font-size:12; color:#000000; 
background-color:#99FF66; 
font-weight: bold; 
}

.inputbiru {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt; 
background-color: #FFFFAA; 
border-style: solid; 
border-color: #DDDD00; 
cursor:hand; 
}

.inputputih {  
font-family: Arial, Helvetica, sans-serif; 
font-size: 8pt; 
border-style: none;
}

.linkputih {  
color: #FFFFFF; 
text-decoration: none;
}

a.linkputih:hover {  
color: #FF0000; 
text-decoration: underline;
}

.linkhitam {  
color: #000000; 
text-decoration: none;
}

a.linkhitam:hover {  
color: #FF0000; 
text-decoration: underline;
}

.linkkuning {  
text-decoration: none;
}

a.linkkuning:hover {  
color: #FFFFFF; 
text-decoration: underline;
}

a.linkkuning:link {  
color: #FF6600; 
text-decoration: none;
}

a.linkkuning:visited {  
color: #FF6600; 
text-decoration: none;
}

.terang {  
font-family: Arial, Helvetica, sans-serif; 
color: #CCCCCC; 
text-decoration: none;  
font-weight: bold; 	
font-size: 8.4pt;
}

a.terang:hover  { 
font-family: Arial, Helvetica, sans-serif;  
color: #FFFFCC; 
text-decoration: underline overline; 
font-weight: bold; 	
font-size: 8.4pt;
}

a.terang:active { 
font-family: Arial, Helvetica, sans-serif;  
color: #FFFFFF; 
text-decoration: none; 
font-weight: bold;	
font-size: 8.4pt; 
background-color: #FF597F;
}

.gelap {   
font-family: Arial, Helvetica, sans-serif; 
color: #000000; 
text-decoration: none;  
font-weight: bold; 	
font-size: 8.4pt; 
padding: 1px;
}

a.gelap:hover {  
font-family: Arial, Helvetica, sans-serif; 
color: #000066; 
text-decoration: underline overline; 
font-weight: bold; 	
font-size: 8.4pt;
}

li {
background: #fff;
}

a.gelap:active {  
font-family: Arial, Helvetica, sans-serif; 
color: #FFFFFF; 
text-decoration: none; 
font-weight: bold; 	
font-size: 8.4pt; 
background-color: #FF597F;
}

#navigation ul {
margin: 0; 
width: 150px; 
font: bold 10px Verdana; 
list-style: none;
}

#navigation ul li {
margin: 0; 
padding: 0; 
text-align: right;
}

#navigation ul li a {
display: block; 
width: 150px; 
height: 25px; 
line-height: 25px;
color: #fff; 
font-weight: bold;
border-bottom: solid 1px #000;
}

#navigation a:link, #navigation a:visited {
background-color: #DC234D;
}
#navigation a:hover, #navigation a:active {
background-color: #FF597F;
}
#navigation ul li a span {
padding-right: 10px;
}
#navigation a.current {
background-color: transparent;
}