/* *********************** GENERAL SETTINGS *********************** */

html {
	overflow: scroll;
}

body {
	font: normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	background: #81b9e1 url(../images/body_bg.jpg) repeat-x top center;
	margin: 0px;
	padding: 2px 0px 10px 0px;
	text-align:center;
}

/*  Global Formatting */

h1 {font-weight: bold; font-size: 20px; color: #666666; letter-spacing: 0px; line-height: 24px; }
h2 {font-weight: bold; font-size: 18px; color: #666666; letter-spacing: 0px; line-height: 18px; }
h3 {font-weight: bold; font-size: 12px; color: #FFFFFF; line-height: 20px; }

h4 {font-weight: bold; font-size: 11px; color: #396598; line-height: 14px; text-transform: uppercase; }
h5 {font-weight: bold; font-size: 11px; color: #396598; line-height: 13px; text-transform: uppercase; }
h6 {font-weight: bold; font-size: 11px; color: #396598; line-height: 12px; text-transform: uppercase; }

td{font-size: 12px;background-color:transparent;}

th{font-weight:bold; color: #FFFFFF; line-height: 20px; text-align:left; background: transparent url(../images/dotted.gif) repeat-x bottom center;}

a {color:#b6b6b6; text-decoration: none;}

a:hover {
color: #689dc9; 
text-decoration: none;
font-style: normal}
a.image, a.image:hover ,a img {border: none;}

li {
font-size:11px;
line-height:13px;
list-style: none; 
padding: 0px; 
margin: 0px; 
}

ul { 
font-size:10px;
list-style:none; 
padding: 5px; 
margin: 0px; 
}


.both {
	clear: both;
}

.inputbox{
border:thick;
margin: 2px 3px; 
font-size: 9px;
padding: 3px; 
text-align:left;
background-color:#CCCCCC;
}

/* *********************** END GENERAL SETTINGS *********************** */

#wrap {
	margin: 0px auto;
	width: 898px;
	padding: 0px;
	background: #d1e5f4 url(../images/wrap_bg.gif) repeat-y top center;
	clear: both;
}

#wt {
	width: 870px;
	background: transparent url(../images/wt_bg.gif) no-repeat top center;	
	clear: both;
}

#wb {
	width: 870px;
	background: transparent url(../images/wb_bg.gif) no-repeat bottom center;	
	clear: both;
}

#top {
	height: 74px;
	width: 898px;
	padding: 0px 0px;
	position: relative;
	background: transparent url(../images/top_bg.jpg) no-repeat top center;
}

#top h1#welcome_switcher {
	font: normal 30px Arial, Helvetica, sans-serif;
	color: #ffffff; 
	position: absolute;
	top: 7px;
	left: 90px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	letter-spacing: -1px;
}

#top h1#categories_switcher {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 13px !important;
	color: #ffffff; 
	position: absolute;
	top: 23px;
	left: 332px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

#top h1#welcome_switcher span {
	display: none;
}

#top #logo {
	position: absolute;
	left: 30px;
	top: 9px;
}

#top h2 {
	font: bold 10px/11px Arial, Helvetica, sans-serif;
	/* text-transform: uppercase; */
	position: absolute;
	top: 49px;
	left: 340px;
	color: #ffffff;
	margin: 0px;
	padding: 0px;
}

/* ** Top menu module ** */

#menu {
	padding: 0px;
	margin: 0px;
	width: 435px;
	height: 20px;
	position: absolute;
	right: 0px;
	top: 18px;
}


/* ** End of Top menu module ** */

#con_padding {
	padding: 0px 12px 0px 13px; 
	width: 873px;
	background: transparent url(../images/con_padding_bg.jpg) no-repeat top center;
}

/* ** Welcome box - m5 ** */

#welcome {
	width: 640px;
	height: 69px;
	background: transparent url(../images/welcome_bg.jpg) repeat-x top center;
}

#wr {
	height: 69px;
	background: transparent url(../images/wr_bg.jpg) no-repeat top right;
}

#wl {
	height: 69px;
	background: transparent url(../images/wl_bg.jpg) no-repeat top left;
}


#cat_top {
	margin: 0px;
	padding: 0px;
	width: 640px;
	height: 13px;
	display: block;
	background: transparent url(../images/cat_top_bg.gif) no-repeat top center;
}

#cat_bot {
	margin: 0px;
	padding: 0px;
	width: 640px;
	height: 13px;
	display: block;
	background: transparent url(../images/cat_bot_bg.gif) no-repeat bottom center;
}


#covercats {
	width: 830px; 
	padding: 0px;
	height: 0px;  
	overflow: hidden;
	visibility: hidden;
	background: transparent;
}

/* ** End of new templates section ** */

#main {
	padding: 0px;
	margin: 0px; 
	width: 873px;
	background: transparent url(../images/main_bg.gif) repeat-y top left;
	text-align:left;
} 

#main_top {
	padding: 0px;
	margin: 0px; 
	width: 873px;
	background: transparent url(../images/main_top_bg.jpg) no-repeat top left;

}

#main_bot {
	padding: 0px;
	margin: 0px; 
	width: 873px;
	clear: both;
	background: transparent url(../images/main_bot_bg.jpg) no-repeat bottom left;

}



#lc {
	background: #D1E5F4 url(../images/left_col_bg.gif) repeat-y top center;
		margin-left:0px;
	margin-right:0px;
	padding-right:0px;
	padding-left:0px;
}

#lc_top {
	background: transparent url(../images/lc_top_bg.gif) no-repeat top center;
		margin-left:0px;
	margin-right:0px;
	padding-right:0px;
	padding-left:0px;
}

#lc_bot {
	background: transparent url(../images/lc_bot_bg.gif) no-repeat bottom center;
	width: 170px;
	padding: 10px 22px 30px 20px;
	
}



#left_col a {
	color: #e7f1f8;
	text-decoration: none;
}

#left_col a:hover {
	text-decoration: none;
}

#left_col div.moduletable td {
	color: #e7f1f8 !important;
}

#left_col h3 {
background: transparent url(../images/dotted.gif) repeat-x bottom center;
}

#main #left_col {
	float: left;
	width: 212px;
	padding-bottom: 18px;
	padding-top: 18px;
	color: #e7f1f8;
}


#main #right_col {
	float: left;
	width: 640px;
	padding: 10px 10px 10px 11px;
	color: #7e7e7e;
}

/*
#right_col h3 {
	padding: 3px 0px;
	margin: 3px 0px;
	line-height: 20px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #7e7e7e;
}

#main #right_col_lw {
	width: 873px;
}
*/

#main_content {
	width: 604px;
	padding: 80px 18px;
	margin-top:-70px;
	margin-bottom:-70px;
}


/* ** Banner section ** */

#banner_section {
	padding: 10px 12px;
	text-align: center;
	width: 640px;
}

#banner_section .moduletable {
	text-align: center;
	margin: 0px auto;
}

/* ** End of banner section ** */

/*** FOOTER CLASSES***/

#footer {
	margin: 0px;
	padding: 0px;
	text-align:left;
	width: 898px;
	height: 67px;
	background: transparent url(../images/footer_bg.jpg) no-repeat top left;
	color: #3b749b;
	position: relative;
}

#footer #sz {
	position: absolute;
	right: 20px;
	bottom: 20px;
}

#footer #szz {
	position: absolute;
	left: 20px;
	bottom: 20px;
}


#footer #sz img {
	border: none;
}

#footer p {
	color: #3b749b;
	text-align: right;
	line-height: 16px;
	font-size: 11px;
	margin: 0px;
	width: 830px;
	padding: 13px 0px 2px 0px;
}

#footer p a {
	text-decoration: none;
	color: #6698ba;
	font-weight: normal;
}

#footer p a:hover {
	text-decoration: underline;
}

#bottom_menu {
	width: 830px;
	text-align: right;
	padding: 15px 0px 0px 0px;
}



/* *********************** END LAYOUT SETTINGS  *********************** */

/* below sudah diacak-acak olehku -arga-*/


.mainlevel-menukiri{
background: transparent url(../images/a_arrow.gif) no-repeat left;
font-weight:bold;
font-size:11px;
padding-left:10px;
line-height:18px;
height:15px;
}

.sublevel-menukiri{
}

#active_menu-menukiri{
}

a.sublevel-menukiri{
font-size:11px;
margin-left:10px;
background: transparent url(../images/a_arrow.gif) no-repeat left;
padding-left:10px;
padding-top:0px;
padding-bottom:0px;
line-height:18px;
}

/* *********************** STANDARD MODULE TABLE  ********************* */

li.latestnews, li.mostread {
	margin: 0px !important;
	list-style: none;
	background: transparent url(../images/li_bg.png) no-repeat 0 0;
	
}

li.latestnews a, li.mostread a {
	color: #999999;
	text-transform: none;
	margin-left: 0px;
	text-decoration: underline;
	text-align: left;
	display: block;
	padding: 5px 0px 5px 30px;
}

li.latestnews a:hover, li.mostread a:hover {
	text-decoration: none;
	color: #0000;
}

.bannerheader {
	font-weight: bold;
	padding: 5px 0px;
}

.banneritem_text {
	padding: 10px 0px;
}

/* *********************** END STANDARD MODULE TABLE ********************* */


/* *********************** CONTENT - SECTIONS & CATEGORIES *********************** */

.contentpaneopen { 
background: transparent; 
line-height: 20px; 
width: 100%; 
padding-left:5px;
padding-right:5px;
}

.contentpaneopen td.contentheading {
	padding-top: 6px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif; 
	letter-spacing: 0px;
	color: #0e0ee;
	text-transform: none;
	display: block;
	text-align: left;
	background: transparent url(../images/dotted.gif) repeat-x bottom center;
}

/* content title and links */
.contentpagetitle {background-color : transparent; }
a.contentpagetitle, a.contentpagetitle:link, a.contentpagetitle:visited { 
	text-decoration: none; 
	color: #7e7e7e; 
	padding: 6px 0px 6px 0px;
	margin: 0px 11px 0px 0px;
	line-height: 20px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
}
a.contentpagetitle:hover { 
	color: #666666; 
	text-decoration: none;
}

/* top box like a category description */
.contentdescription {
	background-color : transparent;
	padding: 10px 0px;
}

/* Main Body Text */
.contentpane {
	background-color: transparent; 
}

.contentpane ul, ul.contain {
	list-style: none;
	margin: 0px;
	padding: 3px;

}

.contentpane ul li, ul.contain li {
	background: transparent url(../images/li_bg.png) no-repeat left;
	padding: 2px 0px 2px 30px;
	margin: 5px 0px;
	width: 90%;
}

.contentpane td {
	font-size: 11px;
}

body.contentpane h3 {text-align: center;}



/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:.8em;}
.content_vote {font-weight: normal;font-size: .8em;}

/* icons */
.buttonheading{
font-size: 12px; width: 16px; padding-top: 10px;
height:32px;
}
.buttonheading a {
	margin-left: 6px;
}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #575757; font-size: 11px; font-weight: bold; text-transform: none; }
.modifydate {color: #575757; font-size: 11px; font-style: normal; text-transform: none;}
.newsfeeddate {font-size: 11px; color: #999; font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small { 
	color: #575757;
	font-size: 11px;
	line-height: 17px;
	margin: 0px; padding: 0px;
	text-transform: none;
}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav { 
	font-size: 11px; 
	color: #999;
}
.pagebar{font-size: 11px; font-weight: bold;}
.pagenav_prev{font-size: 11px; color: #999; }
.pagenav_next{font-size: 11px; color: #999; }
a.pagenav {color: #689dc9; text-decoration: none; font-weight: bold; }
a.pagenav:hover {color: #689dc9; text-decoration: none; font-weight: bold; }
.pagenavcounter{	height: 15px;  }
.back_button {
	font-size: 11px;
	letter-spacing: 0px;
	height: 15px;
	display: block;
	margin: 5px 0px 5px 0px;
	font-weight: bold;
	padding: 4px 0px 5px 30px;
	background: transparent url(../images/back_button_bg.png) no-repeat left;
}

/* Read more link */
.readon {
	font-weight: normal;
	text-decoration: underline;
	color: #689dc9;
	text-align: left;
	line-height: 16px;
	display: block;
	background: transparent url(../images/next.png) no-repeat left;
	padding: 4px 0px 6px 30px;
	width: auto;
	height: 16px;
	vertical-align: middle;
	margin: 5px 0px;
}

.readon:hover {
	text-decoration: none;
}

/* Article index   */
table.contenttoc {
	padding: 0px;
	margin: 2px;
	font-size: 11px;
	}
	
table.contenttoc th {
	background: transparent; 
	color: #06c;
}
	
table.contenttoc td {padding: 2px;}

/* Links article index */
	a.toclink:hover, a.toclink:visited, a.toclink:link {	height: 18px; }
/* End Article index  */

/*  component heading */
.componentheading {
	text-align: left;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #888888;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 3px 0px;
	height: 20px;
	vertical-align: top;
}

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
	background-color : #d4ddf5;
	color : #33587f;
	border-collapse: collapse;
	font-weight: bold;
	font-size:30px;
	text-transform: uppercase;
	padding: 5px 8px;
}

#main_content td.contentdescription {
font-size:14px;
	width: 90% !important;
}

/* Table odd and Even Rows */
.sectiontableentry1 {
	background-color: transparent;
	color: #2020f5;
	font-size: 11px; 
	padding: 4px 2px !important;
	text-align: left;
}

.sectiontableentry2 {
	background-color: transparent;
	color: #a1a1a1;
	font-size: 11px; 
	padding: 4px 2px !important;
	text-align: left;
}

.sectiontableentry1 input, .sectiontableentry2 input {
	margin: 0px; 
	padding: 0px;
	background: none;
	vertical-align: bottom;
	line-height: 55px;
	height: 35px;
}

.sectiontableentry1 label, .sectiontableentry2 label {
	margin: 0px;
	padding: 0px;
	width: 130px;
	display: block;
	vertical-align: middle;
	line-height: 15px;
}

.sectiontablefooter {
	height: 18px; 
}


/* End Sectiontable */

/* Category */
a.category { background: transparent url(../images/weblink.gif) no-repeat 0 0 !important; padding-left: 20px; height: 15px; color: #689dc9; text-decoration: underline;  }

a.category:hover  {	height: 15px; color: #689dc9; text-decoration: none; }
/* End category */

/* blogsection */
.blog {background-color: transparent;}
.blogsection{	height: 18px;  }
.blog_more {	clear: both; display: block; width: 430px; padding: 10px 0px; }

.blog_more ul {
	list-style: none;
	margin: 0px;
	padding: 3px;	
}

.blog_more ul li {
	background: transparent url(../images/li_bg.png) no-repeat left;
	padding: 4px 0px 4px 34px;
	margin: 5px 0px;
	width: 90%;
}

.blog_more ul li a {
	color: #689dc9;
	text-decoration: underline;
}

.blog_more ul li a:hover {
	text-decoration: none;
	color: #689dc9;
}

.blog_heading {	height: 18px;  }
/* space from bottom of article */
.article_seperator{background: transparent;}

.article_column {
	padding-right: 5px;
}

/* End blogsection */




/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* *********************** END CONTENT - SECTIONS & CATEGORIES *********************** */

/* *********************** FORM SECTION  *********************** */	
form { 
	font-size: 11px;
	margin: 0px;
}

/* Search Form Module*/
.search-src{ 
	padding: 0px 0px 5px 24px;
	margin-bottom:12px;
	width: 170px;
	border: 0;	
	background: transparent url(../images/sm_search_bg.gif) no-repeat 0 0;
}
.inputbox-src{
	border:none;
	font-size: 9px;
	color:#666666;
	background-color:transparent;
	margin-top:5px;
	padding-top:1px;
	vertical-align:middle;
}

/* Modul Login by arga*/
.moduletable-login th{ /*kepala module*/
background: transparent url(../images/dotted.gif) repeat-x bottom center;
font-weight:bold;
vertical-align:middle;
color:#FFFFFF;

}
.moduletable-login input{ /*input boxnya*/
font-size: 9px;
height:26px;
vertical-align:middle;
background: transparent url(../images/sm_input.gif) no-repeat 0 0;
border:2px;
text-align:left;
line-height:15px;
margin: 0 0 0 0;

}
.moduletable-login td{ /*tulisan-tulisannya*/
line-height:15px;
margin-left:0px;
margin-right:0px;
vertical-align:middle;
color:#FFFFFF;
}

.moduletable-bendera td{
display:block;
top:0px;
left:0px;
position:relative;
line-height:0px;
}

.text_area, textarea {background: #000000; border: 1px solid #eeeeee; width: 100%; color: #0000ff; }

/* Pull down menu */
.selectbox {width: 100%;}
/* Submit Button */

#left_col .button {
	border: none;
	color: #33587f;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	background: transparent url(../images/col-button.gif) no-repeat 0 0;
	margin: 3px;
	padding-left:18px;
	width: 84px;
	height: 27px;
	display: block;
	text-transform: none;
	vertical-align: middle;
}

#right_col .button:hover {
	color: #51769e;
}

/* Contact Email Form */
.contact_email {margin: 0px;padding: 5px;}

#searchphraseany, #searchphraseall, #searchphraseexact {
	background: none;
}

#system-message {
	background: #E8EEF4 url(../images/info.gif) no-repeat 14px 14px;
	border: 1px solid #C5D6EB;
	padding: 14px 14px 14px 60px;
}

#system-message dt {
	border: none;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

#system-message dd {
	border: none;	
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

#system-message dd ul {
	padding: 0px;
	margin: 0px;
	text-align: left;
	list-style: none;
}

#system-message dd ul li {
	padding: 3px 0px;
	margin: 0px;
	text-align: left;
	background: none;
	font-family: Arial, Helvetica, sans-serif;
}


/* *********************** END FORM SECTION *********************** */

/* *********************** TABBED EDITING *********************** */
/*When user login to edit or sumbit articles*/
/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}
		
.code {
	font-family: courier, serif;
	font-size: 1.2em;
	padding: 2px;
	background-color: #f0f0f0;
	color: blue;
	border: 1px solid #d5d5d5;
	margin: 0px;
	width: 90%;
}

#top_moswarning {
	margin: 0px auto 20px auto;
	width: 870px;
	background: #222222 url(../images/wrap_bg.gif) repeat-y top center;
	height: 80px;
}

#bot_moswarning {
	width: 870px;
	background: transparent url(../images/wb_bg.gif) no-repeat bottom center;
	height: 80px;
}

table.moswarning {
	background: transparent;
	text-align: center;
	width: 870px;
}

.moswarning h2 {
	font: bold 16px Arial, Helvetica, sans-serif;
	color: #ff6600;
}

/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 1em;
	color : #666;
	text-align: center;
   }

/* Styles for dhtml tabbed-pages */
.ontab {
	background-color: #666666;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: bold;
	color: #FFFFFF;
	padding: .2em;
   }

.offtab {
	background-color : #cccccc;
	border-left: outset 1px #666;
	border-right: outset 1px #333;
	border-top: outset 1px #666;
	border-bottom: solid 1px #333;
	text-align: center;
	cursor: default;
	font-weight: normal;
	padding: .2em;
   }

.edit-tabs {
   padding: 1em;
   background: none;
   }
	
.editlinktip {
	line-height: 23px;
}

.tabpadding {padding:1px;}

.tabheading {
	background-color: #FF6600;
	text-align: left;
   }

.pagetext {
	visibility: hidden;
	display: none;
   }

	/*Body of the form*/
.adminform{background-color : #FFFFFF;}

table#toolbar {
	margin-right: 10px;
}

table#toolbar a.toolbar {
	color : #808080;
	text-decoration : none;
	display: block;
	border: none !important;
	background: none !important;
	width: 40px;
	padding: 2px 5px 2px 5px;
}

table#toolbar a.toolbar:hover {
	color : #C64934;
	cursor: pointer;
	border: none !important;
	background: none !important;
	padding: 3px 5px 1px 5px;
}

table#toolbar a.toolbar:active {
	color : #FF9900;
}

/* *********************** End TABBED EDITING *********************** */

/* Accordion */

#wrapper2 h3 {
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	line-height: 15px;
	text-indent: 10px;
	padding: 5px 0px;
	cursor: pointer;
	text-transform: none;
	background: #3a6699 url(../images/toggler_bg.gif) repeat-x top left;

}

#wrapper2 {
	width: 400px;
	padding: 0px;
	margin: 0px;
}


#bendera{
position:absolute;
top: 65px;
left:890px;
}