/* *********************** GENERAL SETTINGS     *********************** */
body {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #444444;
	background: #F9F9F7 url(../images/a1.gif) repeat-x;
	margin: 0px;
	padding: 0px 0px 20px 0px;
}

html {
	overflow: scroll;
	padding: 0px;
	margin: 0px;
}

#tag_atas {
	width: 100%;
	margin: 0 auto;
	text-align:center;
	font-size: 11px;
	font-weight:bold;
	color: #FFFFFF;
	margin: 0px auto;
	padding: 0px;
	line-height: 20px;
	font-weight: lighter;
	text-align: center;
}


#rap {
	margin: 0 auto;
}

body.f-smaller {
	font-size: 11px;
}

body, body.default {
	font-size: 11px;
}

body.f-larger {
	font-size: 14px;
}
body.published {
	background: #AADDFF;
}

body.mceContentBody {
	background: white;
}

/* CSS global reset for all browsers  */
* { padding: 0px; margin: 0px; }
/*  Global Formatting */
h1 {font: normal 24px Arial, Helvetica, sans-serif; color: #ffffff; letter-spacing: -1px; line-height: 30px; }
h2 {font: normal 20px Arial, Helvetica, sans-serif; color: #ffffff; letter-spacing: -1px; text-transform: none; line-height: 26px; }
h3 {font: normal 18px Arial, Helvetica, sans-serif; color: #ffffff; letter-spacing: 0px; line-height: 24px; text-transform: none;}
h4 {font: bold 14px Arial, Helvetica, sans-serif; color: #ffffff; line-height: 19px; text-transform: none; }
h5 {font: bold 12px Arial, Helvetica, sans-serif; color: #5991ae; line-height: 18px; text-transform: none; }
h6 {font: bold 11px Arial, Helvetica, sans-serif; color: #5991ae; line-height: 17px; text-transform: none;}
a {color: #009ffb; text-decoration: underline;}
a:hover {color: #009ffb; text-decoration: none;}
a.image, a.image:hover, a img  {border:0;}
ul {
	list-style: none;
}
ul li {
	padding: 2px 0px 2px 24px;
	background: transparent url(../images/checkbox.gif) no-repeat left;
}

#main_content ul li, #main_content2 ul li {
	width: 100%;
}
	
ol {
	padding: 5px 25px;
}

fieldset {
	width: 95%;
	padding: 5px;
	margin: 5px 0px 0px 0px;
	border: 1px solid #003651;
}
.both {
	clear: both;
}

input, select, label {
	vertical-align: middle;
}

p {
	padding: 5px 0px;
}

/* *********************** END GENERAL SETTINGS *********************** */

#mainlevel-nav li {
	padding: 0px;
	background: transparent url(../images/top_menu_li_bg.gif) no-repeat top left;
	display: block;
	white-space: nowrap;
	float: left;
	margin: 0px;
	/*padding: 0px 0px;*/
	
	padding: 0px 6px 0px 0px;
}

#mainlevel-nav li a {
	text-decoration: none;
	text-align: center;
	display: block;
	color: #ffffff;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-transform: none;
	padding: 8px 12px 10px 12px;
	margin: 0px;
	background: transparent url(../images/top_menu_li_bgr.gif) no-repeat top right;
}

#mainlevel-nav li a:hover {
	text-decoration: none;
	color: rgb(255, 255, 255);
	background: transparent url(../images/top_menu_li_bgr.gif) no-repeat top right;
}

#news_section {
	width: 536px;
	clear: both;
	margin: 0px 0px 20px 0px;
}

#nftop {
	width: 536px;
	height: 10px;
	background: transparent url(../images/newsflash_top_bg.png) no-repeat top center;
}

#nfbot {
	width: 536px;
	height: 10px;
	background: transparent url(../images/newsflash_bot_bg.png) no-repeat top center;
}

.nfbg {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-repeat: repeat-y;
	width: 536px;
	clear: both;
}

.nfbg[class] {
	background: url(../images/nfbg.png);
}

#nfpad {
	width: 350px;
	padding: 18px 16px 18px 24px;
	float: left;
}

#togs {
	width: 130px;
	padding: 10px 0px;
	margin: 0px;
	float: left;
}

#togs h2 {
	font-size: 11px;
	line-height: 12px;
	padding: 5px 0px 4px 7px;
	margin: 2px 0px 0px 0px;
	letter-spacing: 0px;
	position: relative;
	background: url(../images/togs_bg.gif) no-repeat 0px 0px;
	cursor: pointer;
	font-weight: bold;
}

#accordion {
	width: 350px;
}

#accordion a {
	color: #009ffb;
	text-decoration: underline;
}

#accordion a:hover {
	color: #009ffb;
	text-decoration: none;
}

#newsflash {
	width: 265px;
	padding-left: 80px;
	background: transparent url(../images/rss_ico.gif) no-repeat 0px 0px;
	color: #35a5df;
}

#latest_news {
	width: 265px;
	padding-left: 80px;
	background: transparent url(../images/latest_news.gif) no-repeat 0px 0px;
}

#latest_news h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #737373;
	margin-bottom: 10px;	
}

#latest_news .latestnews {
	list-style: none;
	padding: 1px 2px;
	margin: 0px;
	text-align: left;
	background: none;
}

#latest_news li.latestnews {
	list-style: none;
	padding: 1px 0px;
	margin: 0px;
	background: none;
	font: normal 12px Arial, Helvetica, sans-serif;
}

#latest_news li.latestnews a {
	text-transform: none;
	text-decoration: underline;
	text-align: left;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	display: block;
	color: #ff0000;
	width: 250px;
	background: transparent url(../images/arrow.gif) no-repeat left;
}

#latest_news li.latestnews a:hover {
	text-decoration: none;
	color: #ff0000;
}

#most_popular {
	width: 265px;
	padding-left: 80px;
	background: transparent url(../images/popular.gif) no-repeat 0px 0px;
}

#most_popular h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #737373;
	margin-bottom: 10px;
}

#most_popular .mostread {
	list-style: none;
	padding: 1px 2px;
	margin: 0px;
	text-align: left;
	background: none;
}

#most_popular li.mostread {
	list-style: none;
	padding: 2px 0px;
	margin: 0px;
	background: none;
	font: normal 12px Arial, Helvetica, sans-serif;
}

#most_popular li.mostread a {
	text-transform: none;
	text-decoration: underline;
	text-align: left;
	padding: 0px 0px 0px 20px;
	margin: 0px;
	display: block;
	color: #009ffb;
	width: 250px;
	background: transparent url(../images/arrow.gif) no-repeat left;
}

#most_popular li.mostread a:hover {
	text-decoration: none;
	color: #009ffb;
}

#mod_user5 {
	width: 265px;
	padding-left: 80px;
	padding-bottom: 30px;
	background: transparent url(../images/mod_5_bg.gif) no-repeat 0px 0px;
	color: #35a5df;
}

#mod_user6 {
	width: 265px;
	padding-left: 80px;
	padding-bottom: 30px;
	background: transparent url(../images/mod_6_bg.gif) no-repeat 0px 0px;
	color: #35a5df;
}

#bottom_modules {
	padding: 20px 0px 10px 0px;
	clear: both;
}

#bottom_modules h3 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	margin-bottom: 10px;
	letter-spacing: -1px;
}

#mod_user7 {
	width: 99%;
	padding-bottom: 20px;
	clear: both;
}

#mod_user8, #mod_user9 {
	width: 49%;
	color: #5991ae;
	font-size: 12px;
	float: left;
}

#mod_user8 {
	padding-right: 1%;
}

#mod_user9 {
	padding-left: 1%;
}

#mod_user8 a, #mod_user9 a {
	color: #e66000;
	font-weight: bold;
	text-decoration: none;
}

#mod_user8 a:hover, #mod_user9 a:hover {
	color: #e66000;
	text-decoration: underline;
}

#top #f_tools {
	position: absolute;
	top: 5px;
	right: 0px;
}

#f_tools a, #f_tools a img {
	text-decoration: none;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	line-height: 5px;
}

#buttons {
	position: relative;
	height: 22px;
	width: 180px;
}

#buttons #plus {
	position: absolute;
	top: 0px;
	left: 107px;
}

#buttons #minus {
	position: absolute;
	top: 0px;
	left: 133px;
}

#buttons #reset {
	position: absolute;
	top: 0px;
	left: 159px;
}

#buttons strong {
	position: absolute;
	left: 15px;
	top: 2px;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #d5d5d5;
}

#main {
	padding: 0px 5px 0px 5px; 
	margin: 0px; 
	width: 890px;
	background: #ffffff;
} 

#left_col {
	width: 200px;
	float: left;
}

#right_col {
	width: 200px;
	float: left;
}

#main_content {
	float: left;
	width: 536px;
	margin: 0px;
	padding-top: 0px;
}

#main_content2 {
	float: left;
	width: 768px;
	margin: 0px;
	padding-top: 0px;
}

#main_content #main_body {
	width: 536px;
	background: transparent;
}

#main_content2 #main_body {
	width: 768px;
	background: transparent; 
}

#left_col div.module {
	background: #002a40 url(../images/left_mod_bg.gif) repeat-y top center;
	margin-bottom: 10px;
}

#left_col div.module div {
	background: transparent url(../images/left_mod_bg_top.gif) no-repeat top center;
	width: 200px;
}

#left_col div.module div div {
	background: transparent url(../images/left_mod_bg_bot.gif) no-repeat bottom center;
}

#left_col div.module div div div {
	background: none;
	width: 174px;
	padding: 13px;
}

#left_col div.module div div div div {
	width: 174px;
	padding: 0px;
}

#right_col div.module {
	background: #002a40 url(../images/right_mod_bg.gif) repeat-y top center;
	margin-bottom: 10px;
}

#right_col div.module div {
	background: transparent url(../images/right_mod_bg_top.gif) no-repeat top center;
	width: 200px;
}

#right_col div.module div div {
	background: transparent url(../images/right_mod_bg_bot.gif) no-repeat bottom center;
}

#right_col div.module div div div {
	background: none;
	width: 174px;
	padding: 13px;
}

#right_col div.module div div div div {
	width: 174px;
	padding: 0px;	
}

#left_col div.module h3, #right_col div.module h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #bbcbd3;
	background: transparent url(../images/left_mod_header_bg.gif) no-repeat 0px 6px;
	border-bottom: 1px solid #00527b;
	padding-bottom: 7px;
	margin-bottom: 10px;
	padding-left: 10px;
}

#right_col div.module h3 {
	background: none;
	padding-left: 0px;
}

#bottom {
	clear: both;
}

#bottom #ln {
	width: 200px;
	height: 150px;
	background: transparent url(../images/ln_bg.jpg) no-repeat top left;
	float: left;
	padding: 20px 59px 10px 20px;
}

#bottom #ln h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding-bottom: 5px;
}

#bottom #ads {
	float: left;
	width: 270px;
	height: 180px;
}

#banner div.moduletable {
	margin: 0px auto 10px auto;
	text-align: center;
}

/******/

.white_space {
	height: 20px;
	display: block;
}

.sep {
	display: block;
	height: 10px;
	clear: both;
}

#right_side {
	float: right;
	background: #ffffff;
	margin: 0px;
	padding: 0px;
}

#right_side #mosright .padding .moduletable td {

}

#mosright {	float: right; width: 190px; background-color: transparent; margin-left: 0px; }
#mosright .padding {
	background: transparent;
}

#mosright .padding form {
	margin: 0px;
	padding: 0px;
}

#left_side {
	float: left; 
	background-color: #ffffff;
	width: 190px;
}

#left_side table.moduletable, #right_side table.moduletable {
	background: #ffffff url(../images/module_bg.gif) repeat-y top center;	
	padding: 0px;
}

#left_side table.moduletable td, #right_side table.moduletable td {
	background: transparent url(../images/module_bg_bottom.gif) no-repeat bottom center;
	padding-bottom: 5px;
}

#left_side table.moduletable-no_border, #right_side table.moduletable-no_border {
	padding-bottom: 5px;
}

#left_side table.moduletable td table, #right_side #mosright table.moduletable td table {
	background: none;
	padding: 0px 3px;
}

#left_side table.moduletable td table td, #right_side #mosright table.moduletable td table td {
	background: none;
	padding: 0px;
}

#left_side .lefts { 
	float: left; 
	width: 190px; 
	margin: 0px;
	padding: 0px;
	background: transparent;
}
 
#left_side .lefts a {  }

#main {
	padding: 0px 5px 0px 5px; 
	margin: 0px; 
	width: 890px;
	background: #ffffff;
} 

#main #mcontent {
	margin: 0px;
	padding: 0px;
	background: transparent;
	width: 490px;
}

#main #mcontent2 {
	margin: 0px;
	padding: 0px;
	background: transparent;
}
#mcontent .padding { background-color: transparent; padding: 0px; text-align: left; padding-top: 7px; }
#mcontent2 .padding { background-color: transparent; padding: 0px; text-align: left; padding-top: 7px; }

/* *********************** END LAYOUT SETTINGS  *********************** */

/* *********************** NAVIGATION SECTION   *********************** */
/* Pathway Breadcrumbs */	
	.pathway {font-size: 12px;color:#ffffff; font-weight: bold; }
	a.pathway { text-decoration: none; }
	a.pathway:hover { text-decoration: underline;}
	span.pathway img {

	}

/* Mainlevel menu */
.mainlevel { 
	height: 12px;
}

a.mainlevel {
	color: #5991ae;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 12px;
	padding: 6px 0px 8px 0px;
	text-transform: none;
	text-decoration: none;
	display: block; 
	text-align: left;
	margin: 0px;
	border-bottom: 1px solid #003e5e;
}

a.mainlevel:hover {
	font: normal 12px Arial, Helvetica, sans-serif;;
	line-height: 12px;
	text-transform: none;
	text-decoration: none;
	display: block; 
	text-align: left;
	margin: 0px 15px 0px 15px;
	padding: 6px 0px 8px 0px;
}

#left_col div.module * table tr td div {
	vertical-align: middle;
	line-height: 12px;
	padding: 5px 0px;
	display: block;
	clear: both;
	width: 140px;
}

div.module table td div img {
	float: left;
	width: 12px;
	height: 12px;
}

a.mainlevel#active_menu {
	color: #5991ae;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	text-decoration: none;

	text-align: left;
	margin: 0px;
	padding: 6px 0px 8px 0px;
}

#active_menu, #active_menu:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	margin: 0px;
	padding: 6px 0px 8px 0px;
}

/* End Mainlevel menu */
	
/* Sub Menu */

a.sublevel, div.module table td div a#active_menu {
	background: none;
	color: #5991ae;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 14px !important;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	padding: 3px !important;
	margin: 0px !important;
	width: 130px !important;
}

a.sublevel:hover, div.module table td div a#active_menu:hover {
	color: #ffffff;
	text-decoration: none;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 14px;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	padding: 3px;
	margin: 0px;
	width: 130px;
}

/* *********************** END NAVIGATION SECTION ********************* */

/* *********************** STANDARD MODULE TABLE  ********************* */
table.moduletable {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

table.moduletable th { 
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 12px;
	text-transform: none;
	color: #ffffff;
	text-align: left;
	background: #ffffff url(../images/module_bg_top.gif) no-repeat top center;
	width: 185px;
	padding-top: 11px;
	padding-bottom: 13px;
	padding-left: 10px;
}

#left_col div.moduletable h3, #right_col div.moduletable h3 { 
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 15px;
	padding: 7px 0px;
	display: block;
	height: 15px;
	margin: 0px 0px 10px 0px;
	text-transform: none;
	color: #ffffff;
	text-align: left;
	background: transparent url(../images/left_col_h_bg.gif) repeat-x bottom left;
	letter-spacing: 0px;
	width: 180px;
}

#left_col div.moduletable, #right_col div.moduletable {
	text-align: center;
	padding: 0px 0px 10px 0px;
	background: transparent;
}

table.moduletable td {height: 18px; text-align: center; } 

table.moduletable p {
	text-align: left;
}

div.syndicate {
	text-align: center;
	width: 174px !important;
	padding: 0px;
	margin: 0px;
}

div.syndicate div {
	padding: 0px;
	margin: 0px;
	width: width: 174px !important;
	background: Red;
}

/* Custom Modules */

.latestnews, .mostread {
	list-style: none;
	padding: 1px 2px;
	margin: 0px;
	text-align: left;
	background: none;
}

li.latestnews, li.mostread {
	list-style: none;
	padding: 0px 0px;
	margin: 0px;
	background: none;
	font: normal 11px Arial, Helvetica, sans-serif;
}

li.latestnews a, li.mostread a {
	text-transform: none;
	text-decoration: none;
	text-align: left;
	padding-left: 20px;
	width: 150px;
	display: block;
	color: #009ffb;
	background: transparent url(../images/arrow.gif) no-repeat left;
}

li.latestnews a:hover, li.mostread a:hover {
	text-decoration: underline;
	color: #ff0000;
}

.search {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
}

.search .button {
	background: none;
	border: none;
	color: #ffffff;
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 23px;
	height: 25px;
	letter-spacing: 0px;
	vertical-align: middle;
	text-transform: none;
	padding: 0px;
	margin: 0px;
	width: 65px;
}

.search .button:hover {
	color: #eeeeee;
}

.search .inputbox {
	margin: 0px 0px;
	padding: 5px 1px 3px 1px;
	width: 146px;
	height: 17px;
	border: none;
	color: #333333;
	background: transparent;
	vertical-align: middle;
	font: normal 12px Arial, Helvetica, sans-serif;
}

/* End Custom Modules */

/* *********************** END STANDARD MODULE TABLE ********************* */

/* *********************** CONTENT - SECTIONS & CATEGORIES *********************** */

td.contentheading {
	padding: 5px 0px;
	margin: 0px;
	height: 18px;
	padding: 7px 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #5caafc;
	text-transform: none;
	letter-spacing: -1px;
}


.contentheading table td {
	letter-spacing: 0px;
	font-weight: bold;
}

/* content title and links */
.contentpagetitle {background-color : transparent; }
a.contentpagetitle,a.contentpagetitle:link, a.contentpagetitle:visited 
{text-decoration: none;font-weight: bold; color: #ffffff; }
a.contentpagetitle:hover { color: #eeeeee; text-decoration: none;}

/* top box like a category description */
.contentdescription {
	background: transparent;
	padding: 5px 0px;
}

/* Main Body Text */
.contentpane { }

.contentpaneopen { line-height: 16px; margin: 0px 0px 10px 0px; }

#main_body .contentpaneopen {
	width: 100%;
}


/* Main Body Text */

/* article rating */
.content_rating {font-weight: normal;font-size:10px; padding-left: 2px;vertical-align: middle;line-height: 10px;}
.content_vote {font-weight: normal;font-size: 10px;}
.content_rating img {
	vertical-align: middle;
}

.content_vote input {
	background: none;
	margin-left: 1px;
	margin-right: 1px;
}

/* icons */
.buttonheading{font-size: 12px;}
.pop-ups {float: right;}
a.pop-up {border-bottom: 0;}

/* Dates */
.createdate {color: #5991ae; font-size: 11px; font-weight: normal; text-transform: none; padding-bottom: 15px; line-height: 12px; }
.modifydate {color: #00527b; font-size: 10px; font-weight: bold; text-transform: none; line-height: 12px;}
.newsfeeddate {font-size: 10px; color: #999; font-weight: normal;}
/* Dates */

/* Writen by Authors name */
.small { 
	color: #00527b;
	font: bold 10px Arial, Helvetica, sans-serif;
	line-height: 14px;
	margin: 0px; padding: 0px;
	text-transform: none;
}

/* Page navigation links "<<< 1 of 10 next >>>" */
.pagenav { 
	font-size: 11px; 
	color: #009ffb;
}
.pagebar{font-size: 11px; font-weight: normal;}
.pagenav_prev{font-size: 11px; text-decoration: none; }
.pagenav_next{font-size: 11px; text-decoration: none; }
a.pagenav { text-decoration: none; font-weight: normal; }
a.pagenav:hover {text-decoration: underline; font-weight: normal; }
.pagenavcounter{	height: 15px;  }
.back_button{font-size: 11px; letter-spacing: 1px; height: 15px; clear: both;  margin: 5px 0px; text-transform: uppercase; font-weight: bold; }

/* Read more link */
.readon {
	font-weight: bold !important;
	font-size: 11px;
	text-decoration: none;
	color: #ff0000;
	float:right;
	display: block;
}

.readon:hover {
	text-decoration: underline;
	color: #cf4800;
}

/* Article index   */
table.contenttoc {
	padding: 0px;
	margin: 2px;
	font-size: 11px;
	}
	
table.contenttoc th {
	background: transparent; 
	color: #666666;
}
	
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;
	background: transparent;
	height: 18px;
	padding: 7px 0px;
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #ffffff;
	text-transform: none;
	letter-spacing: -1px;
	vertical-align: middle;
}

/* Sectiontable Table types listings Faqs's, weblink etc..*/
.sectiontableheader {
	background: #cccccc url(../images/button_bg.gif) repeat-x top center;
	color : #5991ae;
	font-size:11px;
	border-collapse: collapse;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
}

/* Table odd and Even Rows */
.sectiontableentry1 {
	background-color: #dddddd;
	color: #ff0000;
	font-size: 11px; 
	padding: 2px 0px !important;
	text-align: left;
}

.sectiontableentry2 {
	background-color: #dddddd;
	color: #009ffb;
	font-size: 11px; 
	padding: 2px 0px !important;
	text-align: left;
}

.sectiontableentry1 td, .sectiontableentry2 td {
	padding: 2px !important;
}

.sectiontableentry1 input, .sectiontableentry2 input {
	margin: 0px; 
	padding: 0px;
	height: 15px;
	width: 15px;
	background: none;
	vertical-align: middle;
}

.sectiontableentry1 label, .sectiontableentry2 label {
	margin: 0px;
	padding: 0px 0px 0px 5px;
	width: 150px;
	display: block;
}

.sectiontablefooter {
	height: 18px; 
}

table.poll, table.pollstableborder, table.poll thead td {
	width: 170px !important;
}

table.poll * div {
	width: 170px !important;
	margin: 0px !important;
	padding: 0px !important;
}

/* End Sectiontable */

/* Category */
.category { }
a.category:link, a.category:visited { height: 15px; text-decoration: none;  }
a.category:hover  {	height: 15px; text-decoration: underline; }
/* End category */

/* blogsection */
.blog {background-color: transparent;}
.blogsection{	height: 18px;  }
.blog_more{	clear: both; display: block; width: 430px; padding: 10px 0px; }
.blog_heading {	height: 18px;  }
/* space from bottom of article */
.article_separator{background-color : transparent;}
/* End blogsection */

/* results if not search google */
.searchintro{height: 18px;}
/*Search Form keyword highlight*/
.highlight {
	background: #005377;
	padding: 0px 4px 0px 4px;
	color: #ffffff;
	font-weight: bold;
}
/* End Search Form */

/* wrapper title */
.wrapper{background-color : #FFFFFF;}
/* *********************** END CONTENT - SECTIONS & CATEGORIES *********************** */

/* *********************** FORM SECTION  *********************** */	
form { 
	font-size: 12px;
	margin: 0px;
}

input {
	background-color: #FFFFFF;
	font-size: 12px; 
}

#mod_login_username, #mod_login_password {
	background: transparent url(../images/login_input_bg.gif) no-repeat top left;
	font-size: 12px;
	height: 17px;
	padding: 3px 4px 3px 4px;
	margin: 3px 0px;
	width: 162px;
	border: none;
	color: #333333;
}

#mod_login_remember {
	background: transparent;
	border: none;
	height: 15px;
	vertical-align: middle;
	padding: 0px;
	margin: 3px;
}

div.module form input.button {
	background: transparent url(../images/login_button_bg.gif) no-repeat top left;
	width: 75px;
	height: 23px;
	border: none;
	color: #ffedc5;
	margin: 4px 0px;
	padding: 0px;
	line-height: 19px;
	font: bold 12px Arial, Helvetica, sans-serif;
}

.inputbox { background: #ffffff url(../images/input_bg.gif) repeat-x top left; border: 1px solid #000000; margin: 2px 0px; padding: 3px; color: #333333; }
.text_area, textarea { background: #ffffff url(../images/input_bg.gif) repeat-x top left; border: 1px solid #000000; width: 100%; color: #333333; }
/* Pull down menu */
.selectbox {width: 100%;}

/* Submit Button */
.button {
	border: none;
	color: #ffedc5;
	font: bold 12px Arial, Helvetica, sans-serif;
	background: #f38700;
	margin: 2px 0px;	
	text-transform: none;
	vertical-align: middle;
	outline: none;
	height: 21px;
	padding: 0px 8px;
}

#left_col select, #left_col #mod_templatechooser_jos_change_template, #left_col option, select, select option {
	background: #f7f7f7;
	font-size: 11px;
	padding: 0px;
	width: 170px;
	color: #666;
	height: auto;
	font-weight: normal;
}

#left_col select {
	border: 1px solid #e6e6e6;
}

#main_content select, #main_content select option {
	width: auto;
}

/* Contact Email Form */
.contact_email {margin: 0px;padding: 0px;}

#searchphraseany, #searchphraseall, #searchphraseexact {
	background: none;
}


/* *********************** END FORM SECTION *********************** */


* 
mambo top menu layout
you need to add menu class suffix: -nav
*/

/** unordered list top menu **/
ul#mainlevel-nav
{
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

/** unordered list item for top menu **/
ul#mainlevel-nav li
{
	display: block;
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	width: auto !important;
	font-size: 11px;
	line-height: 23px;
	white-space: nowrap;
}

/** unordered list item link for top menu **/
ul#mainlevel-nav li a
{
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight:bold;
}

/** unordered list item link for top menu for firefox only **/
#topmenu>ul#mainlevel-nav li a {
	width: auto;
}

/** unordered list item for top menu for firefox only **/
ul#mainlevel-nav li:hover {
	/*background: #333333 url(../images/vmenu_bgrover.png) repeat center top;*/
	background: transparent url(../images/top_menu_li_bg2.gif) no-repeat top left;
	text-decoration:none;
}

ul#mainlevel-nav li a:hover {
	/*background: #333333 url(../images/vmenu_bgrover.png) repeat center top;*/
	background: transparent url(../images/top_menu_li_bgr2.gif) no-repeat top right;
	text-decoration:none;
}

 #active_menu.mainlevel {
	font-weight:bold;
	}


 /*
specific right column menu item. position:right
you need to add menu class suffix: -right and
module class suffix: -right
 */
.mainlevel-right {
	display:block;
	height:25px;
	line-height:25px;
	padding-left:15px;
	color: #FFFFFF;
	background:#333333 url(../images/bg_mainlevel_right.gif) repeat-x center top;
	font-weight:bold;
}

/** 
moduletable specific with background image
you need to add modules class suffix: -bgimg
 **/
table.moduletable-bgimg {
	background:transparent url(../images/bg_module.jpg) no-repeat center bottom;
	float:left;
	clear:left;
	width:100%;
}

table.moduletable-bgimg td {
	padding: 5px ;
	font-size:11px;
}

table.moduletable-bgimg td td {
	padding: 0!important;
}

/** for polls **/
.poll {
	font-size:11px;
	line-height: 16px;
}

table.pollstableborder .sectiontableentry2 {
	background-color:transparent; 
	text-align:left; 
}
table.pollstableborder .sectiontableentry1 {
	background-color:#333333; 
	text-align:left;
}

.moduletable_bgimg table.pollstableborder td.sectiontableentry2,
.moduletable_bgimg table.pollstableborder td.sectiontableentry1 {
	background-color:transparent!important; 
	text-align:left!important; 
}


#bottompadding	{
	position:relative;
	width:900px;
	display:block;
	height:0px;
	margin-top:-100px;
}


/* JOOMLA STYLE
--------------------------------------------------------- */
table.blog  {

}

table.blog .article_separator  {
	display: block;
	height: 20px; }


table.contentpane  {
    border-collapse:collapse;
	border-spacing:0px;
	margin:0px;
	padding:0px;
 }

table.contentpaneopen, table.contentpane, table.blog {
width: 100%; }

* html table.contentpaneopen, table.contentpane, table.blog {
width: 98%; }

table {
     margin-left: auto;
     margin-right: auto; }

table.contentpaneopen  {
	border: none; }

table.contenttoc  {
	margin: 0 0 10px 10px;
	padding: 0;
	width: 35%; }

table.contenttoc a  {
	text-decoration: none; }

table.contenttoc td  {
	padding: 1px 5px 1px 25px; }

table.contenttoc th  {
	padding: 4px;
	background: #2F2F2F;
	color: #FFFFFF;
	text-indent: 5px;
	border: 1px solid #3F3F3F; }

table.poll  {
	padding: 0;
	width: 100%;
	border-collapse: collapse; }

table.pollstableborder  {
	padding: 0;
	width: 100%;
	border: none;
	text-align: left; }

table.pollstableborder img  {
	vertical-align: baseline; }

table.pollstableborder td  {
	padding: 2px!important; }

table.searchintro  {
	padding: 10px 0;
	width: 80%; }

table.searchintro td  {
	padding: 5px!important; }

table.adminform  {
	width: 400px!important; }

.blog_more  {
	margin: 10px 0; }

.blog_more strong  {
	margin: 0 0 5px;
	padding-left: 13px;
	display: block;
	color: #606060;
	text-transform: uppercase; }

td.buttonheading  {
	padding: 0 0 0 3px!important;
	text-align: center; }

.category  {
	font-size: 12px;
	font-weight: normal; }

.contentdescription  {
	padding-bottom: 30px; }

table.blog .contentheading  {
	font-weight: bold;
	line-height: normal; }

.contentheading  {
	 border-bottom:dotted 1px #999999;
     font-size: 1.5em;
	 height:35px;
     font-weight: bold;
     line-height: normal; }

a.contentpagetitle  {
	text-decoration: none!important; }

a.contentpagetitle:hover,
a.contentpagetitle:active,
a.contentpagetitle:focus  {
	text-decoration: none!important; }

.createdate  {
    padding-bottom:5px;
	font-size:1em;
	font-weight: normal; }

.modifydate  {
	height: 15px; }

.moduletable  {
	padding: 0; }

.mosimage  {
	padding: 0;
	border:1px solid #CCCCCC;
	margin:6px;	}

.mosimage img  {
	padding: 0;
	margin: 0!important; }
	
.mosimage_caption {
	background:#EFEFEF none repeat scroll 0%;
	border-top:1px solid #CCCCCC;
	color:#666666;
	font-size:10px;
	margin-top:2px;
	padding:1px 2px;}

tr.sectiontableentry1 td  {
	padding: 5px; }

tr.sectiontableentry2 td  {
	padding: 5px; }

.smalldark  {
	text-align: left; }

div.syndicate div  {
	text-align: center; }
	
a.readon  {
	float: right;
	padding-left:20px;
	display: block;
	padding-left:9px;
	font-size:11px;
	font-weight: normal;
	text-decoration: none; }

a.readon:hover, a.readon:active, a.readon:focus  {	
	background:#ffffff;
	text-decoration:none; }

.back_button {
	height:37px;
	padding-top:26px; }

div.back_button a,
div.back_button a:hover,
div.back_button a:active  {
	margin: -2px 0;
	display: block;
	font-weight:bold;
	height:37px;
	text-decoration: none!important; }
	
.rowpadding {
padding: 16px;  }

.pollstableborder {
margin-top:10px;
margin-bottom:10px;
}

table.pollstableborder td {
background:none;
}
	
.clr {
    clear: both;
}

/* BODY ELEMENTS
----------------------------------------------------------- */

#s5_heasder_wrap {
height:80px;
	background:#000000 url(../images/s5_logo.jpg) right top no-repeat;
	background-color:#FFFFFF;
}

.top_page {
height: 80px;
background: transparent url("../images/s5_logo.jpg") no-repeat scroll 100% 0%;
background-color: #FFFFFF;
}
 
.logo_corp {
float:left;
}

#kanan_wrap {
margin-top:10px;
padding-right:3px;
padding-bottom:5px;
float:right;
}

#kanan_lg {
margin-top:10px;
padding-right:20px;
float:left;
}

#kanan1 {
height:42px;
width:214px;
background:#000000 url(../images/right_01.gif) no-repeat top center;
}

#kanan2 {
height:39px;
width:214px;
background:#000000 url(../images/right_02.gif) no-repeat top center;
}

#kanan3 {
height:41px;
width:214px;
background:#000000 url(../images/right_03.gif) no-repeat top center;
}

#kanan4 {
height:40px;
width:214px;
background:#000000 url(../images//right_04.gif) no-repeat top center;
}

#s5_header_inner {
height:158px;
margin-left:auto;
margin-right:auto;
}

#s5_header_shadow_l {
width:11px;
height:148px;
float:left;
background: url(../images/s5_header_shadow_l.png) no-repeat top left;
}

#s5_header_shadow_r {
width:11px;
height:148px;
float:right;
background: url(../images/s5_header_shadow_r.png) no-repeat top right;
}

#s5_header_m {
float:left;
}

#s5_cpanel {
height:30px;
width:180px;
float:right;
margin-top:0px;
margin-right:30px;
background:url(../images/s5_search.png) no-repeat top right;
}

* html #s5_cpanel {
margin-right:15px;
}

#s5_cpanel .inputbox {
	border:none;
	background:none;
	width:135px;
	height:18px;
	margin:0px;
	padding:0px;
	float:left;
	padding-left:10px;
	padding-top:6px;
	overflow:hidden;
	position:relative;
}

* html #s5_top {
margin-left:10px;
}

#s5_top_pos_holder {
height:43px;
margin-top:8px;
overflow:hidden;
}

#s5_cpanel_pos_holder {
height:49px;
overflow:hidden;
}

#s5_top {
float:right;
margin-right:30px;
margin-top:5px;
}

* html #s5_top {
margin-right:15px;
}

#s5_menu_holder {
margin-top:0px;
height:35px;
}

#s5_body_inner {
margin-left:auto;
margin-right:auto;
}

#s5_l_shadow {
width:9px;
float:left;
}

#s5_r_shadow {
width:9px;
float:right;
}

#s5_middle {
background:#FFFFFF url(../images/s5_menu_grad.png) repeat-x top center;
float:left;
}

#s5_bottom_wrap {
background:url(../images/s5_bottom_lines.png) repeat-x top center;
min-height:29px;
padding-top:3px;
}

* html #s5_bottom_wrap {
height:29px;
}

#s5_bottom_wrap_outer {
background:url(../images/s5_bottom_lines_bg.png);
}

#s5_bot_l {
background:url(../images/s5_bot_shadow_l.png) no-repeat top left;
width:190px;
height:31px;
float:left;
}

#s5_bot_r {
background:url(../images/s5_bot_shadow_r.png) no-repeat top left;
width:190px;
height:31px;
float:right;
}

#s5_bot_m {
background:url(../images/s5_bot_shadow_m.png) repeat-x top left;
height:31px;
float:left;
}

#s5_body_padding {
padding:10px;
}

#s5_body_padding h3 {
margin-bottom:0px;
}

#s5_footer_text {
margin-left:50px;
margin-right:auto;
font-style:italic;
font-size:11px;
}

#s5_pathway {
margin-left:18px;
font-size:11px;
margin-top:12px;
}

#s5_user1 {
/*background:#333333 url(../images/top_menu_bg.gif) repeat-x scroll 100% 0%;*/
margin-bottom:10px;
height:30px;
width:auto;
}

#s5_row1, #s5_row2 {
background:#FFFCDA url(../images/s5_row_gradient.png) no-repeat bottom right;
border:solid 1px #D0D0D0;
}

#s5_user3_inner, #s5_user4_inner, #s5_user5_inner, #s5_user6_inner, #s5_user7_inner, #s5_user8_inner {
padding:12px;
padding-top:0px;
font-size:9pt;
}

#s5_user3, #s5_user4, #s5_user5, #s5_user6, #s5_user7, #s5_user8 {
float:left;
position:relative;
}

.s5_row_shadow {
background:url(../images/s5_row_shadow.png) no-repeat top right;
height:20px;
}

#s5_middle_column {
float:left;
}

#s5_left_column {
float:left;
}

#s5_right_column {
float:right;
}

#s5_column_wrap {
padding-top:4px;
margin-bottom:12px;
}

#s5_bot_shadows {
margin-left:auto;
margin-right:auto;
}

#s5_bottom {
background:#F2F2F2;
height:30px;
border-top:solid 1px #999999;
}

#s5_advert1, #s5_advert2 {
margin-bottom:16px;
}


/* S5 BOX
----------------------------------------------------------- */

#popup_div {
     padding-left: 12px;
     padding-right: 12px;
     padding-bottom: 12px;
     padding-top: 9px;
     font-family: Arial;
     color: #ffffff;
     font-size: 0.85em;
     font-weight: normal;
	 background:url(../images/s5_box_bg.png) no-repeat center center;
}

#s5_box_button {
	font-size:9pt;
	text-decoration:underline;
	cursor:pointer;
	font-weight:bold;
	padding:0px;
	margin:0px;
	height:21px;
	margin-bottom:12px;
	padding-top:17px;
	padding-left:44px;
	background:url(../images/s5_box_icon.png) no-repeat top left;
	color:#993333;
}

#s5_toolbar h3 {
	font-size:1.1em;
	margin-bottom:5px;
}

#s5_toolbar .moduletable {
	margin-bottom:8px;
	font-size:9pt;
}

#popup_outer {
background:#000000;
}

/* MODULES
----------------------------------------------------------- */

#s5_user2 .moduletable {
margin-bottom:5px;
}

#s5_row1 .moduletable, #s5_row2 .moduletable {
margin-top:12px;
}

#s5_bottom_wrap div.moduletable {
padding:25px;
color:#ffffff;
font-size:12px;
}

#s5_bottom_wrap div.moduletable a {
color:#ffffff;
}

#s5_footer_pos, #s5_newsflash_pos, #s5_legals_pos {
background:url(../images/s5_footer_borders.png) no-repeat top right;
}

#s5_footer_pos, #s5_newsflash_pos, #s5_legals_pos {
float:left;
}

#s5_bottom_wrap div.moduletable h3 {
color:#ffffff;
font-size:12px;
margin-bottom:10px;
}

#s5_left_column_inner div.module, #s5_right_column_inner div.module, #s5_advert1 div.module, #s5_advert2 div.module {
border:solid 1px #CCCCCC;
margin-bottom:12px;
height:100%;
}

#s5_left_column_inner div.module div, #s5_right_column_inner div.module div, #s5_advert1 div.module div, #s5_advert2 div.module div {
padding:15px;
border:none;
}

#s5_left_column_inner div.module div div, #s5_right_column_inner div.module div div, #s5_advert1 div.module div div, #s5_advert2 div.module div div {
padding:0px;
}

#s5_left_column_inner div.module h3, #s5_right_column_inner div.module h3, #s5_advert1 div.module h3, #s5_advert2 div.module h3 {

margin-left:-15px;
margin-top:-15px;
margin-right:-15px;
margin-bottom:9px;
height:27px;
width:185px;
text-align:left;
font-size:12px;
padding-top:11px;
padding-bottom: 13px;
padding-left:10px;
}

#s5_left_column_inner div.module-blue, #s5_right_column_inner div.module-blue, #s5_advert1 div.module-blue, #s5_advert2 div.module-blue {
border:solid 1px #CCCCCC;
margin-bottom:12px;
height:100%;
}

#s5_left_column_inner div.module-blue div, #s5_right_column_inner div.module-blue div, #s5_advert1 div.module-blue div, #s5_advert2 div.module-blue div {
padding:15px;
border:none;
}

#s5_left_column_inner div.module-blue div div, #s5_right_column_inner div.module-blue div div, #s5_advert1 div.module-blue div div, #s5_advert2 div.module-blue div div {
padding:0px;
}

#s5_left_column_inner div.module-blue h3, #s5_right_column_inner div.module-blue h3, #s5_advert1 div.module-blue h3, #s5_advert2 div.module-blue h3 {
background:url(../images/s5_blue_h3.png) repeat-x top left;
margin-left:-15px;
margin-top:-15px;
margin-right:-15px;
margin-bottom:9px;
height:27px;
font-size:12px;
padding-top:6px;
padding-left:29px;
color:#000000;
}

/* TAB SHOW
----------------------------------------------------------- */
	
#s5_ts_bottom div div.moduletable {
	padding:15px;
	padding-bottom:0px;
	margin-bottom:15px;
	font-size:11px;
}

#s5_ts_bottom .moduletable h3 {
	margin-bottom:8px;
}


#s5_a_ts_tab1, #s5_a_ts_tab2, #s5_a_ts_tab3, #s5_a_ts_tab4, #s5_a_ts_tab5, #s5_a_ts_tab6, #s5_a_ts_tab7, #s5_a_ts_tab8, #s5_a_ts_tab9, #s5_a_ts_tab10, #s5_a_ts_tab11, #s5_a_ts_tab12, #s5_a_ts_tab13, #s5_a_ts_tab14, #s5_a_ts_tab15, #s5_a_ts_tab16, #s5_a_ts_tab17, #s5_a_ts_tab18, #s5_a_ts_tab19, #s5_a_ts_tab20 {
padding:4px;
padding-right:10px;
padding-left:10px;
margin-right:10px;
border-left:solid 1px #CCCCCC;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

label.invalid {
color:#FF0000;
}
label.invalid {
color:red;
}
.invalid {
border-color:#FF0000;
}
.invalid {
border-color:red !important;
}

/* FOOTER
--------------------------------------------------------- */
div#bawah_wrap {
	padding-top: 10px;
}
div#bawah {
	color: #c1c1c1;
	font-size: 11px;
}
div#bawah a:link, div#bawah a:visited {
	color: #009ffb;
	text-decoration: none;
}
div#bawah a:hover {
	color: #ff0000;
	text-decoration: underline;
}
div#bawahwrap{
	background-color: #187065;
	margin-top: 0px;
	padding: 0px;
}
