/* untuk mouse over menu */
.showlayer{display:block} /*show layer*/
.hiddenlayer{display:none} /*hidden layer*/
#gal1{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal2{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal3{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal4{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal5{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal6{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal7{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal8{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal9{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal10{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal11{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
#gal12{
	position:absolute;
	width:650px;
	z-index:1002;
	height: 530px;
	left: 0px;} 
.text {
	font-family: Verdana, Arial, Helvetica, sans-serif, "BankGothic Md BT";
	font-size: 9pt;
	color: #000000;
	text-align: justify;
	line-height: 15pt;
}
.links {
	font-family: Verdana, Arial, Helvetica, sans-serif, "BankGothic Md BT";
	font-size: 9pt;
	line-height: 15pt;
	color: #CC0000;
	text-decoration: none;
}
.links:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif, "BankGothic Md BT";
	font-size: 9pt;
	line-height: 15pt;
	color: #CC6600;
	text-decoration: underline;
}
.links2 {
	font-family: Verdana, Arial, Helvetica, sans-serif, "BankGothic Md BT";
	font-size: 9pt;
	line-height: 15pt;
	color: #666699;
	text-decoration: none;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFE68F;
}
.links2:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif, "BankGothic Md BT";
	font-size: 9pt;
	line-height: 15pt;
	color: #99B968;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CFE68F;
}
.links3 {
	font-family: Verdana, Arial, Helvetica, sans-serif, "BankGothic Md BT";
	font-size: 9pt;
	line-height: 15pt;
	color: #666699;
	text-decoration: none;
	font-weight: bold;
}
.links3:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif, "BankGothic Md BT";
	font-size: 9pt;
	line-height: 15pt;
	color: #99B968;
}
.links4 {
	font-family: Verdana, Arial, Helvetica, sans-serif, "BankGothic Md BT";
	font-size: 8pt;
	line-height: 15pt;
	color: #666699;
	text-decoration: none;
}
.links4:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif, "BankGothic Md BT";
	font-size: 8pt;
	line-height: 15pt;
	color: #99B968;
	text-decoration: underline;
}
.bg {
	background-image: url(images/bg.gif);
	background-repeat: repeat-y;
}
.bold {
	font-weight: bold;
}
.red {
	color: #FF0000;
	font-weight: bold;
}
.msg {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 10pt;
	color: #666699;
	font-style: italic;
	font-weight:bold;
}
.msg a:link{
	color: #ff9900;
	text-decoration: none;
}
.msg a:visited{
	color: #ff9900;
	text-decoration: none;
}
.msg a:hover{
	color: #ffff00;
	text-decoration: none;
}
.securitycode {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #666699;
}

#calbox{
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	width: 248px;
	border: 1px solid #666666;
}
#calinbox{
	margin: 0px;
	padding: 0px;
	border: 1px solid #666666;
	background-image: url(ical/bg-caltop.gif);
	background-repeat: repeat-x;
	background-position: top;
}
#caltitle{
	margin: 0px;
	padding: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	font-size: 10pt;
}

input,textarea,select {
	border:1px solid #B2C08B;
	background-color:#DFE4CF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:333333;
	padding: 2px;
}
input:focus, textarea:focus, select:focus{
	background-color: #DFE4CF;
	border: 1px solid #dddddd;
	color: #222222;
}
input.button {
	background-color:d4d4cc;
	border:1px solid #B2C08B;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:222222;
	cursor:pointer;
	padding: 1px 10px;
}
input.button:hover {
	background-color:D4D2AC;
	border:1px solid #BFBC8E;
	color:333333;
}
input.button:active {
	background-color: #ffffff;
	color: #3399ff;
} 
input.button:focus {
	background-color: #ffffff;
	color: #3399ff;
} 
.inpString {
	width: 400px;
}
.inpShort {
	width: 150px;
}
.inpAge {
	width: 25px;
	text-align: right;
}
.title{
	font-size: 14pt;
	color: #666699;
}