.select {
    font-size:11px;
    font-weight: bold; background-color:#FEF7E7;
}

.form_word{font-size:11px; color:#909090; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;}
.form_box{background-color:#CBDCE4;
border:1px solid #b2babc;}

input,table.form,
textarea,
select {
  padding: 1px;
  font: 400 1em verdana, sans-serif;
  color: #000;
  background:#F0F0F0;
  border: 1px solid #CCC;
}

input:focus,
input:hover,
textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E7F1F3;
  border: 1px solid #888;
}

input.noBorder,
input:focus.noBorder,
input:hover.noBorder {
  padding: 0;
  border: 0;
}

input.button {
  padding: 2px 5px;
  font: 400 0.9em verdana, serif;
  cursor: pointer;
  color:#000000;
  background:#666666;
  border-width: 1px;
  border-style: solid;
  border-color: #888 #888 #8880 #888;
}




/*.form_plain { background-color:#CBDCE4;
border:1px solid #b2babc;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px; width:150px;
}*/



/*css kak as yang baru nye 2009 start*/
.table_nye{
background:url(img/dot_hrzl.gif) repeat-y;}

.dashed_nye{
background:url(img/dot_ver.gif) repeat-x;} 


.nav_intable {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}


.txt_copyright {
font-family:Arial, sans-serif;
font-size:12px;
color:#363636;
}

a:link.txt_copyright{color:#363636; text-decoration:none}
a:visited.txt_copyright {color:#363636; text-decoration:none}
a:hover.txt_copyright{color:#363636; text-decoration:underline}
a:active.txt_copyright{color:#363636}

.txt_more{
font-family:Verdana, sans-serif;
font-size:11px;
color:#363636;
line-height:15pt;
list-style:lower-alpha;
}

a.txt_more:link{color:#363636}
a.txt_more:visited {color:#363636; }

.txt_morePromo{
font-family:Arial, sans-serif;
font-size:12px;
color:#0000ff;
line-height:15pt;
list-style:lower-alpha;
}

a.txt_morePromo:link{color:#0000ff}
a.txt_morePromo:visited {color:#0000ff; }

.txt_listing {
font-family:Arial, sans-serif;
font-size:12px;
color:#363636;
line-height:15pt;
list-style:lower-alpha;
}

a.txt_listing:link{color:#363636}
a.txt_listing:visited {color:#363636; }
a.txt_listing:hover {color:#CCCCCC; }

ul{
list-style:none;
list-style-position:inherit;
list-style-type:none;
marker-offset:inherit;
margin-left:0;
text-indent: -1em;
padding-left: 1em;

}

.txt_listingPromo{
font-family:Arial, sans-serif;
font-size:12px;
color:#000000;
line-height:15pt;
list-style:lower-alpha;
}

a.txt_listingPromo:link{color:#000000;}
a.txt_listingPromo:visited {color:#000000; }

.txt_titleMaroon{
font-family:Arial, sans-serif;
font-size:20px;
color:#d92e3c;
font-weight:bold;
}

a.txt_titlemrh:hover{color:#d92e3c;}
a.txt_titlemrh:link{color:#000000;}
a.txt_titlemrh:visited {color:#000000; }

.txt_titlemrh{
font-family:Arial, Helvetica, sans-serif;
font-size:19px;
color:#d92e3c;
}

.txt_titlemrhB{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#d92e3c;
}

.txt_titleklb{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#363636;
}

.txt_titleklb12{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#626262;
font-weight:bold;}


a:link.txt_titleklb12{color:#626262; text-decoration:none}
a:visited.txt_titleklb12 {color:#626262; text-decoration:none}
a:hover.txt_titleklb12{color:#626262; text-decoration:underline}
a:active.txt_titleklb12{color:#626262}


.txt_titleBlk{
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#000000;
}




/*css kak as 2009 end*/

/*css kak as start*/
BODY {
    /*background:url(img/bg.jpg)*/
	MARGIN-TOP: 0px; 
	MARGIN-LEFT: 0px; background-color:#FFFFFF;   
	}
	
.title_blue { 
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color:#0066CC;
font-weight:bold;
}
a:link.title_blue{color:#0066CC; text-decoration:none}
a:visited.title_blue {color:#0066CC; text-decoration:none}
a:hover.title_blue{color:#0066CC; text-decoration:none}
a:active.title_blue{color:#0066CC;}


.title_green { 
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#009900;
font-weight:bold;
}

.font_paging { 
font-family:Arial;
font-size:11px;
color:#117db4;
font-weight:bold;
}

.font_record { 
font-family:Arial;
font-size:12px;
color:#000000;
}


.title_red { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CC3366;
font-weight:bold;
}

.font_grey{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;
}

a.font_grey:link{color:#626262}
a.font_grey:visited {color:#626262; }

.font_Merah{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#d92e3c;
}

.font_normal{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}


	
.title_search { 
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color: #ee8c18;
font-weight:bold;
}

.font_navigation {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#898989;
}

.font_standard {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;text-decoration:none;
}

a.font_standard:link{ color:#363636; text-decoration:none }
a.font_standard:visited{ color:#363636; text-decoration:none }
a.font_standard:hover{ color:#999999; text-decoration:none}
a.font_standard:active{ color:#363636; text-decoration:none}

.font_standardpromo {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#000000;
line-height:15pt;
}

.font_capt {
font-family:Arial;
font-size:14px;
color:#363636;
line-height:18pt;
}

/* search box css start */
.name_search{
font-family:Arial, Helvetica, sans-serif;
font-size:18px;
color:#FFFFFF;
font-weight:500;
}

.checkbox_search{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}
/* search box css end */

.font_boldgrey{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#A3A3A3;font-size:11px;
}

.font_standard_small {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#363636;
}

.font_standard1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
line-height:12pt;
}

.font_standard2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
/* font-style:italic; */
}

.font_standard3 {
font-family: Arial;
font-size:11px;
color:#363636;
font-weight:bold;
/*line-height:20pt;*/
}

.font_blueCap {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#117db4; /* asal #4498c3*/
font-weight:bold;
}

a.font_blueCap:link{ color:#117db4; }
a.font_blueCap:visited{ color:#117db4; text-decoration:none }
a.font_blueCap:hover{ color:#117db4; text-decoration:none}
a.font_blueCap:active{ color:#117db4; text-decoration:none}


.font_redCap {
font-family: Arial;
font-size:11px;
color:#d92e3c;
font-weight:bolder;
/*line-height:20pt;*/
}

a.font_redCap:link{ color:#d92e3c; }
a.font_redCap:visited{ color:#d92e3c; text-decoration:none }
a.font_redCap:hover{ color:#d92e3c; text-decoration:none}
a.font_redCap:active{ color:#d92e3c; text-decoration:none}



.font_title {
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#959595;
font-weight:bold;
}


.font_title_style1{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#363636;
font-weight:bold;
}

.font_smallOrange {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#ff7200;
}

.font_smallOrange11 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#db446e;
}

.font_smallOrange12 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#CC3300;
}

.font_bground {
background-color:#ffffa0;
border:1px solid #b2babc;
font-size:14px;
font-weight:bold;
}

.form_bground {
background-color:#ffffff;
border:1px solid #b2babc;
font-size:18px;
}

.form_bground1 {
background-color:#66CCFF;
border:1px solid #b2babc;
font-size:18px;
font-weight:bold;
}

.tbl_bgme{
background-image:url(img/bgme.jpg);
background-repeat:repeat-x;
background-position:top;
background-color:#fff7ec}

.line{
color:#FF9900;}


.line1{
color:#bfbfbf;}
/*css kak as end*/


tr{vertical-align:top}

a:link {color:#FF0000; text-decoration:none}     /* unvisited link */
a:visited {color:#FF0000; text-decoration:none}  /* visited link */
a:hover {color:#CCCCCC;text-decoration:underline}   /* mouse over link */
a:active {color: #0000FF}   /* selected link */

	a.frontplace:link{color:#663399}
	a.frontplace:visited {color:#663399; }
	
	a.frontrecc:link{color:#FF6600}
	a.frontrecc:visited {color:#FF6600; }
	
	a.frontrev:link{color:#00CCCC}
	a.frontrev:visited {color:#00CCCC; }
	
	a.frontrcp:link{color:#009900}
	a.frontrcp:visited {color:#009900; }
	
	a.frontcomm:link{color:#990000}
	a.frontcomm:visited {color:#990000; }


a.title:link{color:#0066CC}
a.title:visited {color:#0066CC; }


a.promo:link{color:#d92e3c;}
a.promo:visited {color:#d92e3c; }
a.promo:hover {color:#999999;}

a:place:link{color:#663300}
a.place:visited {color:#663300; }

a.paging:link{color:#0066FF}
a.paging:visited {color:#0066FF; }

a.green:link{color:#d92e3c}
a.green:visited {color:#d92e3c; }


a.bookm:link{color:#747742}
a.bookm:visited {color:#747742; }


.bookm{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #747742; cursor:pointer;
	text-decoration:none;
}


a.admin:link{color:#FA4BD7}
a.admin:visited {color:#FA4BD7; }

.admin{
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #747742;
	text-decoration:none;
}


/* NAVIGATION CSS */


.glossymenu{
	position: relative;
	padding: 0 0 0 10px;
	margin: 0 auto 0 auto;
	background: url(menuo_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(menuo_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(menuo_hover_right.gif) no-repeat right top; /*right tab image path*/
}

/* NAVIGATION CSS END */



/* NAVIGATION VERSION2 */


#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


#ddcolortabs a{
float:left;
color: white;
background:#FF6600 url(media/color_tabs_left.gif) no-repeat left top; /* bg color */
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}


#ddcolortabs a:hover{
background-color: #d2d2d2; /* asal 8cb85c */
}

#ddcolortabs a:hover span{
background-color: #d2d2d2;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #d2d2d2;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background:#FF6600;/* bg underline */
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* NAVIGATION VERSION2 END */

.form{
font-size:10px;
}

.form_plain { /* background-repeat:repeat; background-image:url(img/imtg.jpg);
 border:1px solid #b2babc; */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.form_plain tr{text-align:left;}

.form_title{color:#d92e3c}

.form_plain1 {
/* background-color:#FFCC66; */
/* border:1px solid #d8d8d8; */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}


/* DIV CONTAINER

.shiftcontainer{
position: relative;
left: 7px; /*Number should match -left shadow depth below
top: 7px; /*Number should match -top shadow depth below
}

.shadowcontainer{
width: 480px; /* container width
background: transparent url(img/bigshadow.gif) no-repeat bottom right;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired 
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -7px; /*shadow depth
top: -7px; /*shadow depth
}

/* DIV END */


/*---*/

.shiftcontainer{
position: relative;
left: 5px; /*Number should match -left shadow depth below*/
top: 5px; /*Number should match -top shadow depth below*/
}

.shadowcontainer{
width: 480px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer_src{
width: 600px; /* container width*/
background-color:#FF6600;
}

.shadowcontainer .innerdiv{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}

.shadowcontainer_src .innerdiv_src{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 6px;
position: relative;
left: -5px; /*shadow depth*/
top: -5px; /*shadow depth*/
}
/*---*/



/* button */


a.boldbuttons{
background: transparent url('img/roundedge-blue-left.gif') no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;

}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url('img/roundedge-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}



.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
/**end-*/


/*  NAVIGATION FOR ADMIN */

.suckertreemenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
background-color:#FF6600; /*overall menu background color*/
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
width: 120px; /*Width of top level menu link items*/
padding: 1px 8px;
border:thin; border-color:#0000FF;
border-left-width: 0;
text-decoration: none;
color:#000000; font-weight:bold;
}
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 180px; /*width of sub menu levels*/
color:#FFCC00;
text-decoration: none;
padding: 1px 5px;
border:thin;
}

.suckertreemenu ul li a:hover{
background-color: black;
color: white;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{
background:#FF6600 url(img/arrow-down.gif) no-repeat center right;
}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background:#FF6600 url(img/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }

/* NAVI End */


/* SLIDE ANIMATION */

#fade0 {
  width:130px;
  height:190px;
  text-align:left;
  padding:5px 20px 5px 10px;
  border:0px none transparent;
}
#fade1 {
  width:130px;
  height:190px;
  text-align:right;
  padding:5px 10px 5px 20px;
  border:0px none transparent;
}
#fade2 {
 font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
color:#999999;
line-height:14pt; font-weight:bold;
}

/* SLIDE END */



/* yg slide wik wik tu */

#scr1 div {
  visibility:hidden;
 }
 #scr1, #scr1 div.default {
   width:160px;
   height:120px;
   overflow:hidden;
   visibility:visible;
 }
 #scr1 table tr td div {
  visibility:visible;
 }



 #scr1 {
   background-color:#f6f6f6;
   margin:0px auto;
 }

/*  wik wiki end */

/* Option with pict~ */
select.icon-menu option {
background-repeat:no-repeat;
background-position:bottom left;
padding-left:100px;
}

/*end option*/


/* STAR RATING */
 

/* star rating code - use lists because its more semantic */
/* No javascript required */
/* all the stars are contained in one matrix to solve rollover problems with delay */
/* the background position is just shifted to reveal the correct image. */
/* the images are 16px by 16px and the background position will be shifted in negative 16px increments */
/*  key:  B=Blank : O=Orange : G = Green * /
/*..... The Matrix ....... */
/* colours ....Background position */
/* B B B B B - (0 0)*/
/* G B B B B - (0 -16px)*/
/* G G B B B - (0 -32px)*/
/* G G G B B - (0 -48px)*/
/* G G G G B - (0 -64px)*/
/* G G G G G - (0 -80px)*/
/* O B B B B - (0 -96px)*/
/* O O B B B - (0 -112px)*/
/* O O O B B - (0 -128px)*/
/* O O O O B - (0 -144px)*/
/* O O O O O - (0 -160px)*/


/* the default rating is placed as a background image in the ul */
/* use the background position according to the table above to display the required images*/
.rating{
	width:80px;
	height:16px;
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
	clear:both;
	position:relative;
	background: url(img/star-matrix.gif) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.nostar {background-position:0 0}
.onestar {background-position:0 -16px}
.twostar {background-position:0 -32px}
.threestar {background-position:0 -48px}
.fourstar {background-position:0 -64px}
.fivestar {background-position:0 -80px}
ul.rating li {
	cursor: pointer;
 /*ie5 mac doesn't like it if the list is floated\*/
	float:left;
	/* end hide*/
	text-indent:-999em;
}
ul.rating li a {
	position:absolute;
	left:0;
	top:0;
	width:16px;
	height:16px;
	text-decoration:none;
	z-index: 200;
}
ul.rating li.one a {left:0}
ul.rating li.two a {left:16px;}
ul.rating li.three a {left:32px;}
ul.rating li.four a {left:48px;}
ul.rating li.five a {left:64px;}
ul.rating li a:hover {
	z-index:2;
	width:80px;
	height:16px;
	overflow:hidden;
	left:0;	
	background: url(star-matrix.gif) no-repeat 0 0
}
ul.rating li.one a:hover {background-position:0 -96px;}
ul.rating li.two a:hover {background-position:0 -112px;}
ul.rating li.three a:hover {background-position:0 -128px}
ul.rating li.four a:hover {background-position:0 -144px}
ul.rating li.five a:hover {background-position:0 -160px}
/* end rating code */
h3{margin:0 0 2px 0;font-size:110%}

/*--------------------------*/

/******************************/


/* CSS Document */

.technology{ /*header of 2nd demo*/
cursor: hand;
cursor: pointer;
margin: 5px 5px;
}


.openlanguage{ /*class added to contents of 2nd demo when they are open*/
/*color: green;*/
}

.closedlanguage{ /*class added to contents of 2nd demo when they are closed*/
/*color: red;*/
}

/* NAVI FOR ADMIN */


#dropmenudiv{
position:absolute;
border:1px solid black;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px solid black;
padding: 1px 0;
text-decoration: none;
font-weight: bold;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: white; color:#000000;
}

/* END */