BODY { 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 8pt; 
	font-weight:normal;

	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;

}

TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt;  font-weight:normal; }
TD { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-weight:normal; }FORM { FONT-FAMILY: Arial}

A:link { COLOR: #0000FF; FONT-FAMILY: Arial; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
A:visited { COLOR: #0000FF; FONT-FAMILY: Arial; FONT-WEIGHT: normal; TEXT-DECORATION: none;}
A:hover { COLOR: #6699FF; FONT-FAMILY: Arial; FONT-WEIGHT: normal; TEXT-DECORATION: underline;}



.A2:link { FONT-SIZE: 8pt; COLOR: #0566C8; FONT-FAMILY: Arial; FONT-WEIGHT: NORMAL; TEXT-DECORATION: underline;}
.A2:visited { FONT-SIZE: 8pt; COLOR: #0566C8; FONT-FAMILY: Arial; FONT-WEIGHT: NORMAL; TEXT-DECORATION: underline;}
.A2:hover { FONT-SIZE: 8pt; COLOR: #0566C8; FONT-FAMILY: Arial; FONT-WEIGHT: NORMAL; TEXT-DECORATION: underline;}

.footer:link { FONT-SIZE: 8pt; COLOR: #FFCC00; FONT-FAMILY: Arial; TEXT-DECORATION: underline;}
.footer:A:visited { FONT-SIZE: 8pt; COLOR: #FFCC00; FONT-FAMILY: Arial; TEXT-DECORATION: underline;}
.footer:A:hover { FONT-SIZE: 8pt; COLOR: #FFEA00; FONT-FAMILY: Arial; TEXT-DECORATION: underline;}

.title01 { FONT-SIZE: 9pt; COLOR: #FFFFFF; FONT-WEIGHT: BOLD; FONT-FAMILY: Arial;}
.title02 { FONT-SIZE: 9pt; COLOR: #000000; FONT-WEIGHT: BOLD; FONT-FAMILY: Arial;}

.copyright { FONT-SIZE: 8pt; COLOR: #C05B4E; FONT-FAMILY: Arial;}

.calnotthismonth { VERTICAL-ALIGN: middle; WIDTH: 23px; HEIGHT: 23px; BACKGROUND-COLOR: #E1E1E1; }
.calthismonth { VERTICAL-ALIGN: middle; WIDTH: 23px; HEIGHT: 23px; BACKGROUND-COLOR: #315C99;}
.calselected { VERTICAL-ALIGN: middle; WIDTH: 23px; HEIGHT: 23px; BACKGROUND-COLOR: #92C5E0; }

.A3:link { FONT-SIZE: 9pt; COLOR: #0566C8; FONT-FAMILY: Arial; FONT-WEIGHT: BOLD; TEXT-DECORATION: none;}
.A3:visited { FONT-SIZE: 9pt; COLOR: #0566C8; FONT-FAMILY: Arial; FONT-WEIGHT: BOLD; TEXT-DECORATION: none;}
.A3:hover { FONT-SIZE: 9pt; COLOR: #0566C8; FONT-FAMILY: Arial; FONT-WEIGHT: BOLD; TEXT-DECORATION: none;}

.A4:link { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-WEIGHT: BOLD; TEXT-DECORATION: underline;}
.A4:visited { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-WEIGHT: BOLD; TEXT-DECORATION: underline;}
.A4:hover { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Arial; FONT-WEIGHT: BOLD; TEXT-DECORATION: underline;}

.text01 { FONT-SIZE: 8pt; COLOR: #000000; FONT-WEIGHT: BOLD; FONT-FAMILY: Arial;}
.text02 { FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-WEIGHT: BOLD; FONT-FAMILY: Arial;}
 
select {
	font-family: arial, verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	border: 1px solid #000000;
}

textarea {
	font-family: arial, verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #000000;
	border: 1px solid #000000;
}

.butt {
font-family: verdana;
font-size: 8pt;
color:black;
border: 1px solid grey;
background-color: fffff;
CURSOR: hand;
}

.inputbox {
font-family: verdana;
font-size: 8pt;
color:black;
border: 1px solid grey;
background-color: fffff;
}

.teksbox {
font-family: verdana;
font-size: 8pt;
color:black;
border: 1px solid grey;
background-color: fffff;
}

/*
input.button {
	font-family: arial, verdana;
	font-size: 9pt;
	font-weight: normal;
	color: #000000;
	border: 1px solid #000000;

}
*/

input {
	background-color:#FFFDFB;
	font-family: arial, verdana;
	font-weight: normal;
	font-size: 8pt;
	color: #000000;
	border: 1px solid #000000;
}

.tableAll {
	border: 1px solid #B32424;
}

.tableBiru {
	border: 1px solid #D7E5F2;
	border-collapse: collapse;
	width: 100%;
	margin: 20px 0 20px 0;
	padding: 1 1 1 1;
}

table.tableKosong {
	border: 0px solid #ffffff;
	border-collapse: collapse;

}

.blockTitle {
	FONT-SIZE: 9pt; 
	COLOR: #FFFFFF; 
	FONT-WEIGHT: BOLD; 
	FONT-FAMILY: Arial;	
	TEXT-TRANSFORM: uppercase;
	BACKGROUND-COLOR: #E50B0B;
}

.blockTitle2 {
	text-transform: uppercase;
	font-family: arial, verdana;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
	background-color: #F6DCD8;
}
.bgmain {
	background-repeat: repeat-x;
	background-position: top;
}

.bgtop {
	background-repeat: no-repeat;
	background-position: top;
}

a.header,
a.header:link {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	FONT-WEIGHT: bold;
}
a.header:visited {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	FONT-WEIGHT: bold;
}
a.header:hover {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #ffffff;
	FONT-WEIGHT: bold;
}
a.header:active {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #ffffff;
	FONT-WEIGHT: bold;
}



a.header2:link, a.header2:active,a.header2:visited {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	FONT-WEIGHT: normal;
	padding-top: 2px;
	padding-left: 5px;
}

a.header2:hover  {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #CC0000;
	FONT-WEIGHT: normal;
	padding-top: 45px;
	padding-left: 5px;
}



.contentheading {
width: 98%;
font-weight: bold;
font-size: 16px;
height: 23px;
line-height: 20px;
padding-left:10px;
font-family: 'Trebuchet MS', verdana, sans-serif;
color: #ffffff;
}


table.moduletable, moduletable div{
width : 100%; 
margin-bottom : 5px; 
border-spacing : 0; 
border-collapse : collapse; 
} 
table.moduletable th{
color : #cc0000;
background-color:#F2F2F2;
border : 1px solid #cccfff;
text-align : left;
vertical-align : middle; 
padding-left : 15px; 
height : 20px;
font-weight : bold;
font-size : 11px; 
} 
table.moduletable td{ 
padding-left : 4px;
font-size : 11px; 
margin : 10px; 
font-weight : normal; 
} 




table.moduletablebantuan{
width : 100%; 
margin-bottom : 5px; 
border-spacing : 0; 
border-collapse : collapse; 
} 
table.moduletablebantuan th{
background:url(../images/support1.gif) no-repeat;
background-color: #FFCC99;
color: #FF3333;
border : 1px solid #ffffff;
text-align : left;
vertical-align : middle; 
padding-left : 30px; 
height : 20px;
font-weight : bold;
font-size : 12px; 
} 
table.moduletablebantuan td{ 
background-color: #FEF5E9;
padding-left : 4px;
font-size : 11px; 
margin : 10px; 
font-weight : normal; 
} 



table.moduletableinfo{
width : 100%; 
margin-bottom : 5px; 
border-spacing : 0; 
border-collapse : collapse; 
} 
table.moduletableinfo th{
background:url(../images/ladybug.gif) no-repeat;
background-color: #FFCC99;
color: #FF3333;
border : 1px solid #ffffff;
text-align : left;
vertical-align : middle; 
padding-left : 30px; 
height : 20px;
font-weight : bold;
font-size : 12px; 
} 
table.moduletableinfo td{ 
background-color: #FEF5E9;
padding-left : 4px;
font-size : 11px; 
margin : 10px; 
font-weight : normal; 
} 




table.moduletableinfo2{
width : 100%; 
margin-bottom : 5px; 
border-spacing : 0; 
border-collapse : collapse; 
} 
table.moduletableinfo2 th{
background:url(../images/info.gif) no-repeat;
background-color: #C5D7F3;
color: #FF3333;
border : 1px solid #ffffff;
text-align : left;
vertical-align : middle; 
padding-left : 30px; 
height : 20px;
font-weight : bold;
font-size : 12px; 
} 
table.moduletableinfo2 td{ 
background-color: #FEF5E9;
padding-left : 4px;
font-size : 11px; 
margin : 10px; 
font-weight : normal; 
} 




table.moduletablelogin{
width : 100%; 
margin-bottom : 5px; 
border-spacing : 0; 
border-collapse : collapse; 
} 
table.moduletablelogin th{
background:url(../images/ladybug.gif) no-repeat;
background-color: #FFCC99;
color: #FF3333;
border : 1px solid #ffffff;
text-align : left;
vertical-align : middle; 
padding-left : 30px; 
height : 20px;
font-weight : bold;
font-size : 12px; 
} 
table.moduletablelogin td{ 
background-color: #FCE9C5;
padding-left : 4px;
font-size : 11px; 
margin : 10px; 
font-weight : normal; 
} 






iframe {
border: 1px solid grey;
border-collapse : collapse; 
} 
#left {
	float: left;
	width: 320px;
	padding-top: 3px;
	
	}

#right {
	float: right;
	width: 180px;
	

	}
	
.warningmerah { FONT-SIZE: 12pt; COLOR: #FF0000; FONT-WEIGHT: BOLD; FONT-FAMILY: Arial;}
 
.headerkatalog {
background:url(../images/cart_32.gif) no-repeat;
color: #F31223;
text-align : left;
vertical-align : middle; 
padding-left : 35px; 
padding-top : 10px; 
height : 50px;
font-weight : bold;
font-size : 18px; 

} 

.headeraffiliate {
background:url(../images/user_32.gif) no-repeat;
color: #F31223;
text-align : left;
vertical-align : middle; 
padding-left : 35px; 
padding-top : 10px; 
height : 50px;
font-weight : bold;
font-size : 18px; 

} 



.link-bidbg {
    background-image: url(../images/bidbg.gif);
    height: 32px;
    background-repeat: no-repeat;
}
.link-bid {
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 11px;
    padding: 3px 0px 2px 0px;
    width: 50px;
}
.link-bidbig {
    text-align: center;
    font-weight: bold;
    color: #ffffff;
    font-size: 13px;
    padding: 3px 0px 2px 0px;
    width: 50px;
}

.link-place {
    text-align: center;
    font-weight: normal;
    color: #ffffff;
    font-size: 9px;
}
.link-place a, .link-place a:active, .link-place a:visited {
    color: #d9edff;
    text-decoration: none;
}
.link-place a:hover {
    color: #ffffff;
    text-decoration: none;
}
.link-cell {
    padding: 0px 0px 0px 10px;
}
.link-title {
    font-size: 18px;
    font-weight: bold;
}
a.link-title, a.link-title:active, a.link-title:visited {
    text-decoration: none;
    border-bottom: solid 1px #aaaaaa;
}
a.link-title:hover {
    text-decoration: none;
    border-bottom: solid 1px #000000;
}
.link-desc {
    color: #666666;
    padding: 0px;
}
.link-date {
    width: 95%;
    color: #000000;
    padding: 3px 0px 3px 5px;
    margin: 5px 0px 0px 0px;
    border: solid 1px #dadada;
}

.msg1 {
    clear:both;
    padding: 5px;
    text-align: center;
    background-color: #e1f1ff;
    border: solid 1px #37a0ff;
}


/* Sidebar / left menu styles */
.lmenu {
    margin: 10px 4px 5px 4px;
    padding: 0px;
    border: outset 1px #444;
}
.lmenu-header {
    background-color: #004080;
    color: #ffffff;
    font-weight: bold;
    font-size: 11px;
    padding: 5px 2px 5px 5px;
}
.lmenu a, .lmenu a:active, .lmenu a:visited {
    display: block;
    background-color: #f9f9f9;
    font-weight: normal;
    font-size: 11px;
    text-decoration: none;
    padding: 3px 4px 3px 5px;
    border-bottom: solid 1px #dddddd;
    color: #000000;
    text-decoration: none;
}
.lmenu a:hover {
    background-color: #ffffff;
    color: #004080;
    text-decoration: none;
}

tr.odd {
	background-color: #F2F7FB
}

table.its thead tr {
	background-color: #69c;
}

table.its tr.even {
	background-color: #def;
}

table.its th.sorted {
	font-size: 1em;
	background-color: #3399CC;
}
.fieldName {
	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #3670A7;
	background-color: transparent;
	width: 200px;
	padding: 3px 3px 3px 3px;
}
.fieldText,.fieldLabel {
	background-color: #F2F7FB;
	color: #000000;
	text-align: left;
	font-size: 9px;
	margin-right: 0px;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 3px 3px 3px 3px;
}


.sectiontableentry1 {
	background-color: #F5F9FE;
	padding: 3px 3px 3px 3px;
	}

.sectiontableentry2 {
	background-color: #FCF2FD;
	padding: 3px 3px 3px 3px;
	}
	
.sectiontableentry2:hover {
background-color: #F3FEFE ;
	}
.sectiontableentry1:hover {
background-color: #F3FEFE ;
	}	

.sectiontableheader {
font-size: 11px;
	background-color : #3399CC;
	color : #ffffff;
	font-weight : bold;
	margin: 3px;
	padding: 3px 3px 3px 3px;
	text-transform: uppercase;
	}