@charset "utf-8";
/* - - - - - - - - - - - - - - - - - - - - - - - - -
@version LSI v3 CSS 
@created by ARW
@copyright Samekta Design

a1e052 - hijau
- - - - - - - - - - - - - - - - - - - - - - - - - */

/* GLOBAL */

* { }
BODY { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }
BODY, H1, H2, H3, H4, H5, H6, UL, LI, FORM, P { margin:0; padding:0; border:none; }

/* GENERIC HTML RULES */

A { color:#555; text-decoration:underline; }
A:hover { color:#a1e052; }

/* LAYOUT */

#wrapper { width: 982px; margin: 10px auto; }
#header { clear:both; }
#content_main { float:left; }
#content_sub { float:right; }

/* classes contextual width */

.page_home #content_main { width:480px; }
.page_home #content_sub { width:262px; }

.page_other #content_main { width:560px; }
.page_other #content_sub { width:180px; }
.page_other .box_lightblue {  }
.page_other #nav-bar.box_gray H3 { font-size: 11px; text-transform:uppercase; letter-spacing:1px; margin:0 0 5px 0; padding: 0 0 3px 12px; border-bottom: 1px solid #555; background: url(../i/raquo_silver.gif) no-repeat 0 45%; }

/* navigation bar */

#content #nav-bar { float: right; margin: 0; padding: 0; border: 0; margin-left: 1em; }
#content #nav-bar ul { margin: 0; padding: 0; border: 0; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-top: 1px solid #c0c0c0; }
#content #nav-bar ul li { margin: 0; padding: 0; border: 0; }
#content #nav-bar ul li a { display: block; width: 151px; padding: 2px 2px 2px 5px; border-left: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; text-decoration: none; color: #27b; font-weight: normal; background-color: #F4F4F4; }
#content #nav-bar ul li a.active { background-color: #fff; color: #f30; font-weight: normal; }
#content #nav-bar ul li a:hover { background-color: #fff; color: #f30; }

/* HEADER BAR */

#headerbar { float: left; font-family: Arial, Helvetica, sans-serif; font-size:85%; color: #FFF; width: 100%; background: #808186 url(../i/sitehdr_top.gif) no-repeat top left; }
UL#headernav { float:left; background: transparent url(../i/sitehdr_bttm.gif) no-repeat bottom right; list-style:none; width:100%;  }

#lang { float:left; padding:4px 14px 6px; }
#lang UL { list-style:none; }
#lang UL LI { display:inline; }
#lang_en { margin-left:5px; padding-left:10px ;background: url(../i/sitehrd_sprtr.gif) no-repeat 0 50%; }

#spot { float:right; padding:6px 14px 6px; }
#spot UL { list-style:none; }
#spot UL LI { display:inline; }
#spot_contact { margin-left:5px; padding-left:10px ;background: url(../i/sitehrd_sprtr.gif) no-repeat 0 50%; }

#headernav A { color:#FFF; text-decoration:underline; font-weight: bold; }
#headernav A:hover { color:#a1e052; }
#lang_id A { padding: 0 0 0 20px; background: url(../i/flag_id.gif) no-repeat 0 50%; }
#lang_en A { padding: 0 0 0 20px; background: url(../i/flag_en.gif) no-repeat 0 50%; }
#headernav A.active { font-size: 120%; color: #a1e052; }

/* HEADER */


/* SIDEBAR */

#sidebar { float: left; width:219px; margin: 1em 0 0 0; }
#sidebar H1 { margin:0 0 10px 0; text-align:center; }
#sidebar IMG { border:none; }

/* MENU */

#menu H3 { display:none; }
#menu { width:219px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
#menu UL { margin: 0.7em 0; padding:0; list-style-type:none; }
#menu UL LI { margin:0 0 2px 0; }
#menu UL LI A { display:block; padding-top: 3px; width:202px; text-decoration: none; color:#FFF; font-weight:bold; }
#menu UL LI A SPAN { display:block; padding: 0 5px 3px 10px; }

#menu UL LI A.active { padding-top: 3px; background: url(../i/bg_active_top.gif) no-repeat top; color: #040; }
#menu UL LI A.active SPAN { background: url(../i/bg_active_bottom.gif) no-repeat bottom; }

#menu UL LI A:hover { background: url(../i/bg_active_top.gif) no-repeat top; color: #040; }
#menu UL LI A:hover SPAN { background: url(../i/bg_active_bottom.gif) no-repeat bottom; }

/* CONTENT */
P.arsip { margin: 10px 0 20px; }
/* newsitem */
.newsitem { margin:0.3em 0 1em 0; }
.newsitem H3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight:bold; color: #555; }
.newsitem H4, .newsitem H5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; color: #777; }
.newsitem A { text-decoration:underline; }
.newsitem P { font-size:11px; line-height:16px; }
.newsitem UL { list-style-type:none; }

#text h3 { margin-bottom: 1em; }
#text h4 { font-size: 12px; }
#text small, #text p { font-family: Verdana, Arial, Helvetica, sans-serif;}
#text p { font-size: 12px; line-height: 16px; margin-bottom: 1em; }

/* search bar */
#search { text-align:right; font-family: Arial, Helvetica, sans-serif; }
#search H3 { display:inline; font-size: 12px; color: #999999; }
#search P { display:inline; font-size: 12px; }

#content { float:right; margin: 1em 0 0 0; width:752px; }

#title H1 { font-family:Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#FFF; }

/* ROUNDED BOX */

#title { margin-top:20px; }

.box_gray H2 { font-size: 11px; text-transform:uppercase; letter-spacing:1px; margin:0 0 5px 0; padding: 0 0 3px 12px; border-bottom: 1px solid #555; background: url(../i/raquo_silver.gif) no-repeat 0 45%; }
.box_blue H2 { font-size: 11px; text-transform:uppercase; letter-spacing:1px; margin:0 0 5px 0; padding: 0 0 3px 12px; border-bottom:1px solid #FFF; background: url(../i/raquo_white.gif) no-repeat 0 45%; }
.box_green H2 { font-size: 11px; text-transform:uppercase; letter-spacing:1px; margin:0 0 5px 0; padding: 0 0 3px 12px; border-bottom:1px solid #040; background: url(../i/raquo_silver.gif) no-repeat 0 45%; color: #040; }

.box_gray A { color:#555; }
.box_green A, .box_green H3, .box_green H4, .box_green H5  { color:#040; }
.box_blue A, .box_blue H3, .box_blue H4, .box_blue H5  { color:#FFF; }
.box_blue A:hover { color:#a1e052; }
.box_gray A:hover, .box_green A:hover { color:#03c; }
.box_gray H2 A, .box_green H2 A, .box_blue H2 A, .box_lightbox H2 A { text-decoration:none; }

/* classes */
.blue { background-color: #2277bb; }
.green { background-color: #a1e052; }
.gray { background-color: #e1e1e1; }

.box { background: url(../i/rslvr_bottomleft.gif) no-repeat bottom left; }
.box div.box { background: url(../i/rslvr_bottomright.gif) no-repeat bottom right; }
.box div.box div.box { background: url(../i/rslvr_topright.gif) no-repeat top right; }
.box div.box div.box di.boxv { background: url(../i/rslvr_topleft.gif) no-repeat top left; }

.box_gray { background: #e1e1e1 url(../i/rslvr_bottomleft.gif) no-repeat bottom left; }
.box_gray div.box { background: url(../i/rslvr_bottomright.gif) no-repeat bottom right; }
.box_gray div.box div.box { background: url(../i/rslvr_topright.gif) no-repeat top right; }
.box_gray div.box div.box div.box { background: url(../i/rslvr_topleft.gif) no-repeat top left; }

.box_blue { background: #2277bb url(../i/rblue_bottomleft.gif) no-repeat bottom left; color:#FFF; }
.box_blue div.box { background: url(../i/rblue_bottomright.gif) no-repeat bottom right; }
.box_blue div.box div.box { background: url(../i/rblue_topright.gif) no-repeat top right; }
.box_blue div.box div.box div.box { background: url(../i/rblue_topleft.gif) no-repeat top left; }

.box_green { background: #a1e052 url(../i/rgreen_bottomleft.gif) no-repeat bottom left; color:#030; }
.box_green div.box { background: url(../i/rgreen_bottomright.gif) no-repeat bottom right; }
.box_green div.box div.box { background: url(../i/rgreen_topright.gif) no-repeat top right; }
.box_green div.box div.box div.box { background: url(../i/rgreen_topleft.gif) no-repeat top left; }

.box_lightblue { background: #e8f0f7 url(../i/rlightblue_bottomleft.gif) no-repeat bottom left; color:#333; }
.box_lightblue div.box { background: url(../i/rlightblue_bottomright.gif) no-repeat bottom right; }
.box_lightblue div.box div.box { background: url(../i/rlightblue_topright.gif) no-repeat top right; }
.box_lightblue div.box div.box div.box { background: url(../i/rlightblue_topleft.gif) no-repeat top left; }

.box_gray, .box_blue, .box_green, .box_lightblue { width:100%; margin: 0 0 8px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.box_lightblue div.box div.box div.box, .box_gray div.box div.box div.box, .box_blue div.box div.box div.box, .box_green div.box div.box div.box { padding:5px 10px; }

/* --- others -- */
.gbr-left { float: left; padding: 0 5px 5px 0; }
.gbr-right { float: right; padding: 0 0 5px 5px; }
.gbr-kotak { padding: 3px; border: 1px solid #c0c0c0; }
.descgambar { font-size: 10px; line-height: normal; }
#content_sub .descgambar { display:none; }

/* --- MEMBER LOGIN -- */
#panel-login h2 { padding-left: 25px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #040; background: transparent url(../images/ico_member.gif) no-repeat left; margin-bottom: 10px; border-bottom: 1px solid #040; }
#panel-login h3 { padding-top: 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #040; width: 65px; text-align: right; float: left; text-transform: capitalize; }
#panel-login input { line-height: 20px; margin-bottom: 10px; margin-left: 10px;}
#panel-login input.button { border-top: 1px solid #073d6e; border-left: 1px solid #073d6e; border-bottom: 1px solid #8dbde6; border-right: 1px solid #8dbde6; background-color: #4b8ec8; color: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; line-height: 15px; padding: 2px 5px; letter-spacing: 2px; margin-left: 75px; }

/* FOOTER */

#footer { float:left; margin:0 0 0 0; width:100%; background:url(../i/rfoot_bottom.png) no-repeat bottom right; }
#footer P { padding: 5px 14px; font-size:80%; color:#999; background:url(../i/rfoot_top.png) no-repeat top left; }
#footer P SPAN { float:right; color:#CCCCCC; }
#footer P SPAN A { color: #ccc; }
#footer P A { color: #a1e052; }

/* MISC */

#flash_front { margin:0 0 10px 0; }
#accessibility { display: none; }
.clear { clear:both; height:1%; }

/* pagination */
.paging-nav a { padding: 3px; font-size: 14px; font-weight: bold; margin-right: 5px; }
.paging-off { padding: 3px; font-size: 14px; font-weight: bold; margin-right: 5px; }

/* --- download section -- */
.download, .downloaddocs, .downloadmusic, .downloadpdf, .downloadoffice, .downloadvideo, .downloadxls, .downloadzip, .downloadappz { padding-left: 20px; font-size: 14px; font-weight: bold; }
.download, .downloaddocs, .downloadappz, .downloadzip { background: transparent url(../images/ico_save.png) no-repeat left; }
.downloadxls { background: transparent url(../images/ico_xls.png) no-repeat left; }
.downloadword { background: transparent url(../images/ico_word.png) no-repeat left; }
.downloadmusic { background: transparent url(../images/ico_music.png) no-repeat left; }
.downloadvideo { background: transparent url(../images/ico_player.png) no-repeat left; }
.downloadoffice { background: transparent url(../images/ico_office.png) no-repeat left; }
.downloadpdf { background: transparent url(../images/ico_pdf.png) no-repeat left; }





/* -- TAMBAHAN MAJALAH -- */
#mags_out {
	margin: 0;
	padding: 0;
	border: none;
	list-style-type: none;
}

#mags_out LI {
	display: inline;
	margin: 0 35px 0 0;
}

#mags_out LI.last {
	margin-right: 0;
}

#mags_out IMG {
	border: 0;
}