@charset "UTF-8";
/* Harumdana Berjangka */

body {
	background-color:white;
	font: 11px "Verdana", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#666666;
	margin:0px;
	background-image:url(../images/header-no-tile.gif);
	background-repeat:no-repeat;
	background-position:top;
	}

.body-frame {
	background:url(../images/frame-shadow-tile.gif) repeat-x;
	}

h2 {font-size:17px; color:#905400; font-weight:bold;}
h3 {font-size:13px; color:#905400; font-weight:bolder;}
span {color:#905400;}


a img {
border:none;
}

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

.white, a.white:link { color:#FFFFFF; text-decoration:none;}
a.white:hover { color:#905400; text-decoration:none; }

.whiteall, a.whiteall:link { color:#FFFFFF; text-decoration:none; font-size:11px;}
a.whiteall:hover { color:#FFFFFF; text-decoration:underline; font-size:11px; }

.subtitle { font-size:12px; color:#FFFFFF; font-weight:bold;}
.subtitle_on { font-size:11px; color:#666666; font-weight:bold;}
.subtitle_off, a.subtitle_off:link { font-size:11px; color:#666666; font-weight:none; text-decoration:none;}
a.subtitle_off:hover { font-size:11px; color:#905400; font-weight:none; text-decoration:underline;}
.subtitle-brown-off, a.subtitle-brown-off:link { font-size:11px; color:#905400; font-weight:bold; text-decoration:none;}
a.subtitle-brown-off:hover { font-size:11px; color:#666; font-weight:bold; text-decoration:underline;}

a.tabtitle, a.tabtitle:link { font-size:12px; color:#666666; font-weight:none; text-decoration:none;}
a.tabtitle:hover { font-size:12px; color:#905400; font-weight:none; text-decoration:underline;}

.white11px { font-size:11px; color:#FFFFFF;}
.white12px {font-size:12px; color:#FFFFFF;}

.gray14px { font-size:13px;}

.gray10px { font-size:9px; color:#cccccc; }/* color:#ababab */

.blackbold18px { font-size:18px; color:#905400; font-weight:bold;}

.submenu { font-size:16px; color:#000000;}

.title16px { font:16px "Verdana", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif; color:#000000; }

span.spanSearch {
vertical-align: top;
}

#imgSearchL {
vertical-align: top;
margin-top:1px;
}
#imgSearchR {
vertical-align: top;
margin-top:1px;
}

#describe {
background-color: #FFFFFF; 
width: 808px; height:2px; 
padding:10px; 
color:#CCC;
}

.describe a {
	color:#999999;
	text-decoration:none;
	}
	
	.describe a:hover {
	color:#905400;
	text-decoration:underline;
	}


.searcharea {
	background-color:white;
	font: 11px "Verdana", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image:url(../images/search.gif);
	background-repeat:no-repeat;
	padding-left:20px;
	border:none;
	color: #666666;
	width:110px;
	height:19px;
	}

.signup-textarea {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font: 12px "Verdana", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	width:75px;
}

.symbol-textarea {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font: 12px "Verdana", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	width:75px;
	}
.default_button {
	background-color: #905400;
	font: 12px "Verdana", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 0px;
	color: #FFFFFF;
	}
	
.default_button:hover {
	background-color: #666666;
	font: 12px "Verdana", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	border: 0px;
	color: #FFFFFF;
	}

.default_textarea {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font: 12px "Verdana", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
	}

.default_textarea:hover {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font: 12px "Verdana", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
	}

.report {
	border-collapse:collapse;
	border-color:#333333;
	padding-left:1px;
	padding-right:1px;
	font: 10px "Verdana", Calibri, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.textarea3 {
	background-color: #FFFFFF;
	border: 1px solid #A6A6A6;
	font: 10px "Verdana";
	color: #696969;
	width:300px;
	}

.textarea3:hover {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font: 10px "Verdana";
	color: #333333;
	width:300px;
	}

.buttonOrange {
	background-color:#FF9900;
	font: 10px "Verdana";
	border: 0px;
	color:#FFFFFF;
	}
	
.buttonOrange:hover {
	background-color:#FF6600;
	font: 10px "Verdana";
	border: 0px;
	color:#FFFFFF;
	}

.txtarea {
	background-color: #FFFFFF;
	border: 1px solid #A6A6A6;
	font: 10px "Verdana";
	color: #696969;
	width:200px;
	}

.txtarea:hover {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font: 10px "Verdana";
	color: #333333;
	width:200px;
	}
	
.txtcb {
	background-color: #FFFFFF;
	border: 1px solid #A6A6A6;
	font: 10px "Verdana";
	color: #696969;
	width:60px;
	}

.txtcb:hover {
	background-color: #FFFFFF;
	border: 1px solid #666666;
	font: 10px "Verdana";
	color: #333333;
	width:60px;
	}

.butt {
	background-color:#666666;
	font: 14px "Verdana";
	border: 0px;
	color:#FFFFFF;
	font-weight:bold;
	}

.butt:hover {
	background-color:#FF6600;
	font: 14px "Verdana";
	border: 0px;
	color:#FFFFFF;
	font-weight:bold;
	}

.alert {
	color:#339900;
}