body{
background-image:url(../img/bg.png);
background-repeat:repeat-x;
margin:0;
padding:30px 0px 30px 0px;
}

.smalltext{
font-size:2px;
color:#FF0000;
}

.text01{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
}
.text01 a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
}
.text01 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
color:#FFFFFF;
text-decoration:none;
}

.text02{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#E6E6E6;
padding:3px;
text-decoration:none;
}
.text02 a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#E6E6E6;
padding:3px;
text-decoration:none;
}
.text02 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
padding:3px;
text-decoration:none;
}

/*===============Default teks===========================*/

.text04, .selectBox{
	font-family:Tahoma;
	font-size:11px;
	color:#666D6C;
	line-height:normal;
	font-weight: normal;
}
.text04 a{
	font-family:Tahoma;
	font-size:11px;
	color:#666D6C;
	text-decoration:none;
}
.text04 a:hover{
	font-family:Tahoma;
	font-size:11px;
	color:#d4b359;
	text-decoration:none;
}

/*===============Default teks===========================*/

.text04a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
line-height:20px;
}
.text04a a{
	font-family:Tahoma;
	font-size:11px;
	color:#333333;
	text-decoration:none;
	line-height:20px;
}
.text04a a:hover{
	font-family:Tahoma;
	font-size:11px;
	color:#d4b359;
	text-decoration:none;
	line-height:20px;
}

/*===============Default teks===========================*/

.text04b, .text04b a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#333333;
text-decoration:none;
padding-right:4px;
}
.text04b a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC0000;
text-decoration:none;
}

.text06, .text06 a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
line-height:20px;
text-decoration:none;
}
.text06 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC6600;
line-height:20px;
text-decoration:none;
}
.text07{
	font-family:tahoma;
	font-size:11px;
	color:#d4b359;
	line-height:normal;
	font-weight:bold;
	text-decoration:none
}

.text08{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
color:#FFFFFF;
text-decoration:none;
padding:10px 10px 10px 5px;
}

/* ======================Menu horizontal======================= */
.text09, .text09 a, .text09 a:hover, .text10, .text10 a, .text10 a:hover{
font-family:tahoma;
text-decoration:none;
font-size:12px;
text-transform: uppercase;
}

.text09 a, .text09 a:hover, .text10 a, .text10 a:hover{
text-decoration:none;
padding:10px 10px 15px 10px ;
margin-right:1px;
}


.text09{
color:#FFFFFF;
}
.text09 a{
color:#FFFFFF;
display:inline;
}
.text09 a:hover{
color:#333333;
display:inline;
background-color:#c3c3c3;
background-image:url(../img/bg_menu3.png);
background-repeat:repeat-x;
background-position:top;
}

.text10{
color:#333333;
}

.text10 a{
color:#333333;
display:inline;
background-image:url(../img/img_menu.png);
background-repeat:no-repeat;
background-position:bottom center;
}
.text10 a:hover{
background-color:#c3c3c3;
color:#333333;
display:inline;
}

/* ======================Menu horizontal======================= */

/* ======================Menu vertikal======================= */
.text11, .text12, .text11a, .text11 a, .text11 a:hover, .text12 a, .text12 a:hover, .text11a a, .text11a a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
}

.text11 a, .text11 a:hover, .text12 a, .text12 a:hover, .text11a a, .text11a a:hover{
border-top:1px solid #FF6600;
border-bottom:1px solid #FF6600;
}

.text11, .text11 a, .text11a, .text11a a{
color:#FFFFFF;
}
.text11 a, .text11a a{
display:block;
background-color:#e00001;
}
.text11 a:hover, .text11a a:hover{
color:#333333;
background-color:#f99d9d;
display:block;
}

.text12{
color:#333333;
}
.text12 a{
color:#FFFF66;
background-color:#be1717;
display:block;
padding:8px;
}
.text12 a:hover{
color:#333333;
background-color:#f99d9d;
display:block;
}

/* ======================Menu vertikal======================= */

/* ======================Menu vertikal2======================= */
.menu_register, .menu_register_aktif, .menu_register a, .menu_register a:hover, .menu_register_aktif a, .menu_register_aktif a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
}

.menu_register a, .menu_register a:hover, .menu_register_aktif a, .menu_register_aktif a:hover{
border:1px solid #CCCCCC;
}

.menu_register, .menu_register a{
color:#333333;
margin-bottom:3px;
}
.menu_register a{
display:block;
background-color:#FFFFFF;
padding-left:5px;
}
.menu_register a:hover{
color:#333333;
background-color:#EEEEEE;
display:block;
}

.menu_register_aktif{
color:#333333;
}
.menu_register_aktif a{
color:#FFFF66;
background-color:#be1717;
display:block;
padding:1px 1px 1px 5px;
margin-bottom:3px;
}
.menu_register_aktif a:hover{
color:#333333;
background-color:#EEEEEE;
display:block;
}

/* ======================Menu vertikal2======================= */

/* ======================Menu======================= */
.bg_menu{
padding:7px;
border:1px solid #6e6e70;
background-image:url(../img/bg_menu2.png);
background-repeat:repeat-x;
background-position:top;
}
/* ======================Menu======================= */


/* ======================Menu direktori======================= */
.text14, .text14 a, .text14 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
}

.text14 a, .text14 a:hover{
padding:5px;
}

.text14{
color:#FFFFFF;
}
.text14 a{
color:#FFFFFF;
display:block;
background-color:#999999;
}
.text14 a:hover{
color:#333333;
background-color:#f99d9d;
display:block;
}

.text15, .text15 a, .text15 a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size:11px;
}

.text15 a, .text15 a:hover{
padding:5px;
}

.text15{
color:#FFFFFF;
}
.text15 a{
color:#333333;
display:block;
}
.text15 a:hover{
color:#333333;
background-color:#FFFFCC;
display:block;
}

/* ======================Menu direktori======================= */

.text13, #faq{
	font-family:Tahoma;
	font-size:11px;
	color:#666D6C;
	text-decoration:none;
	line-height:1.5em;
}
.text13 a{
font-size:11px;
color:#666D6C;
text-decoration:underline;
}
.text13 a:hover{
font-size:11px;
text-decoration:underline;
color:#0066FF;
}

/* ======================div faq======================= */

#faq{
padding:8px;
border:1px solid #fef3f3;
	-moz-border-radius-topleft: 7px; 
	-moz-border-radius-topright: 7px; 
	-moz-border-radius-bottomleft: 7px; 
	-moz-border-radius-bottomright: 7px; 
}

/* ======================div faq======================= */

/* ======================button======================= */

.button {
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
/*.tab a{
border:1px solid #71b0d0;
padding:5px;
background-image:url(../img/bluefireback1.gif);
background-repeat:repeat-x;
background-position:bottom;
}

.tab a:hover{
background-image:url(../img/bluefireback2.gif);
background-repeat:repeat-x;
background-position:bottom;
color:#FFFFFF;
}
*/
.tab{
color:#333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
cursor:pointer;
}

.tab a{
border:1px solid #71b0d0;
padding:5px;
background-image:url(../img/bluefireback1.gif);
background-repeat:repeat-x;
background-position:bottom;
}

.tab a:hover{
background-image:url(../img/bluefireback2.gif);
background-repeat:repeat-x;
background-position:bottom;
color:#FFFFFF;
}

.tab1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	color:#FFFFFF;
	background-color:#424242;
	text-decoration: none;
}
.tab1 a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	color:#FFFFFF;
	background-color:#424242;
	text-decoration: none;
}
.tab1 a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:2px;
	background-color:#a4a4a4;
	color:#FFFFFF;
	text-decoration: none;

}

/* ======================button======================= */

#tampilContent{
border:1px solid #71b0d0;
margin-top:3px;
padding:5px;
}

#tampilContent1{
margin-top:3px;
height:150px;
}

/* ======================SubMenu======================= */

.submenu{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#DDDDDD;
line-height:20px;
text-decoration:none;
padding:0px 5px 0px 5px;
}
.submenu a{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#DDDDDD;
text-decoration:none;
}
.submenu a:hover{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
text-decoration:none;
}
.bg_submenu{
background-image:url(../img/bg_menu.png);
background-repeat:repeat-x;
background-position:top;
padding:5px;
}

/* ======================SubMenu======================= */

.yellow{
color:#FFFF00;
}
.grey{
color:#333333;
}

.bg_header{
padding:0px 14px 14px 14px; 
}
.bg_body{
background-color:#c60707;
}
.border_bottom{
border-bottom:2px solid #FFFFFF;
}
.border_top{
border-top:1px solid #999999;
}
.border_right{
border-right:1px solid #999999;
}
.border_left{
border-left:1px solid #999999;
}
.padding_right{
padding-right:20px;
}
.padding_left{
padding-left:10px;
}
.padding_side{
padding:0px 20px 0px 20px;
}

#bg_title1{
background-image:url(../img/title1.gif);
background-repeat:no-repeat;
background-position:bottom;
padding:0px 0px 0px 30px;
}

.shadow{
filter:alpha(opacity=70); 
opacity:0.7;
background-color:#FFFFFF; 
border-left:1px solid #999999;
}
.shadow1{
filter:alpha(opacity=70); 
opacity:0.7;
background-color:#FFFFFF; 
border-top:1px solid #999999; 
}
.shadow2{
filter:alpha(opacity=70); 
opacity:0.7;
background-color:#FFFFFF; 
border-right:1px solid #999999;
}
.shadow3{
filter:alpha(opacity=70); 
opacity:0.7;
background-color:#FFFFFF; 
border-bottom:1px solid #999999;
}

.select{
width:150px;
}

#tips{
padding:5px;
}

#pagename{
border:1px solid #4b4b4b; 
background-color:#4b4b4b; 
padding:5px; 
margin:5px;
}

#content_page{
padding:10px; 
margin:5px
}

/*===============================================Tabbing=============================*/
pre {text-indent: 30px}
#tabmenu { color: #000; border-bottom: 1px solid black; margin: 12px 0px 0px 0px; padding: 2px; z-index: 1; padding-left: 10px ;}
#tabmenu li { display: inline; overflow: hidden; list-style-type: none; }
#tabmenu a, a.active {position: relative; color: #000000; background: #026ebb; font: normal 1em verdana, Arial, sans-serif; border: 1px solid black; border-bottom:none; padding: 5px; margin: 0px; text-decoration: none; cursor:pointer; background-image:url(img/shade.gif); background-repeat:repeat-x; background-position:top; }
#tabmenu a.active { background: #000000; background-image:url(img/shadeactive.gif); background-repeat:repeat-x; background-position:top; position: relative;top: 1px; }
#tabmenu a:hover { background: #ADC09F; color: #fff; background-image:url(../img/tabbing_yellow.gif); background-repeat:repeat-x; background-position:bottom; }
#content {font: 0.9em/1.3em verdana, sans-serif; text-align: justify; background: #ffffff; border-bottom: 1px solid #666666; border-top: none; z-index: 2; height:100% }
#content a { text-decoration: none; color: #E8E9BE; }
#content a:hover { background: #aaaaaa; } 
/*===============================================Tabbing=============================*/

#borderTable { 
	filter:alpha('opacity=70'); 
	opacity:0.7; color:#000000; 
	background-color:#FFFFFF; 
	border:1px solid #00CC00; 
	padding:10px;
	width:800px;
	-moz-border-radius-topleft: 7px; 
	-moz-border-radius-topright: 7px; 
	-moz-border-radius-bottomleft: 7px; 
	-moz-border-radius-bottomright: 7px; 
}

#paging ol{
margin: 0;
padding: 0;
list-style-type: none;
}

#paging ol li{
display:inline;
}

#cse-search-results iframe {
width: 550px; 
}

#cse-search-box{
text-align:center;
z-index:6;
top:3.5em;
margin-left:31em;
position:absolute;
padding:5px; 
width:280px;
}

#contactData{
margin-bottom:10px;
margin-top:10px;
}

#bg_title1{
background-image:url(../img/title1.gif);
background-repeat:no-repeat;
width:558px;
color:#f7f7f7;
padding:5px 0px 5px 10px;
}

#contactBorder{
margin:0 auto;
width:556px;
border:1px solid #b78f69;
}
.greys {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5e5e5e;
	width:90%;
}

.sm {list-style:none; width:300px; height:122px; display:block; overflow:hidden}
.sm li {float:left; display:inline; overflow:hidden}

.menu_regis{
display:block;
border:1px solid #CCCCCC;
padding:2px 2px 2px 10px;
margin:2px;
}

.menu_regis a:hover{
margin:2px;
background-color:#CCCCCC;
}

#tampilCaptcha{
font-size:18px;
background-image:url(../../../img/captcha.jpg);
background-repeat:no-repeat;
padding:5px;
}

#tampilAlamat{
padding:5px;
border:1px solid #999999;
background-color:#fdfedd;
margin:5px 5px 5px 0px;
}

#rincian, #tampilSyarat{
display:none;
width:500px;
position:absolute; 
z-index:6; 
margin-right:20em; 
top:8.3em; 
border:2px solid #333333; 
padding:28.5px; 
background-color:#FFFFFF;
background-image:url(img/logo.gif);
background-repeat:no-repeat;
background-position:bottom right;
-moz-border-radius-topleft: 7px; 
-moz-border-radius-topright: 7px; 
-moz-border-radius-bottomleft: 7px; 
-moz-border-radius-bottomright: 7px; 
}

.tampilSyarat{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}