/*Page Layout*/
.all { 
margin: 0; 
color : #111; 
font-size: 13px; 
background-color: #5c5c5c; 
background-image: url(../images/all_bg.jpg); 
background-repeat: repeat-x; 
scrollbar-3dlight-color: White; 
scrollbar-base-color: #2886BE; 
scrollbar-darkshadow-color: White; 
scrollbar-face-color: #2886BE; 
scrollbar-highlight-color: #2886BE; 
scrollbar-shadow-color: #2886BE; 
scrollbar-track-color: #B7E3FF; 
scrollbar-arrow-color: White; 
}
BODY { 
color: #221f1d; 
font-size: 13px; 
background-repeat: 
repeat-x; margin: 0; 
scrollbar-3dlight-color: White; 
scrollbar-base-color: #2886BE; 
scrollbar-darkshadow-color: White; 
scrollbar-face-color: #2886BE; 
scrollbar-highlight-color: #2886BE; 
scrollbar-shadow-color: #2886BE; 
scrollbar-track-color: #B7E3FF; 
scrollbar-arrow-color: White; 
}
#wrapper {  
}
#content { 
background-color: #ff6b00; 
}
/*General Style Setting*/
td { 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px; color: #700606; text-transform: none; 
}
tr { 
color: #222; 
font-size: 13px; 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}
p { 
color: #700; 
font-size: 13px; 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}
div { 
color: #222; 
font-size: 13px; 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; 
}
/*-----------------Top Table-----------------*/
/*Login Panel*/
#user1 { 
background-image: url(../images/login_panel_bg.jpg); 
background-repeat: no-repeat; width: 180px; height: 276px; 
}
#user1 a { 
color: #ef181e; 
}
#user1 a:hover { 
color: #0e0; 
}
#user1 td { 
color: #e4e4e4; 
}
#user1 div { 
color: #e4e4e4; 
}
#user1 table.moduletable  { 
color: #fbffff; 
text-align: center; 
width: 135px; padding: 75px 2px 20px; 
}
/*Style for Tanggalan dan Header Logo*/
#tanggalan { color: #d8d9c5; font-size: 10px; font-family: "Zapf Chancery", "Comic Sans MS", cursive, Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; font-weight: normal; text-transform: uppercase; text-align: right; position: relative; top: 11px; right: 657px; float: right; clear: both; padding-top: 5px; }
#header_logo { background-image: url(../images/header_bg.jpg); background-repeat: no-repeat; width: 806px; height: 173px; }
/* splitmenu */
#navlist { position: relative; top: 99px; left: 35px; float: left; margin:  0; padding: 0; }
#navlist ul, #navlist li {
    display:         inline;
    list-style-type: none;
}
#navlist a:link, #navlist a:visited { padding: 12px 8px 13px; float: left; font-size: 11px; margin: 0; 
text-decoration: none; color: #ffffff; }
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover { color: #e00; 
background-image:  url(../images/top_nav_menu.png); background-repeat: repeat-x; }
#navlist a:hover { color: #feda00; background-image: url(../images/top_nav_menu.png); background-repeat: repeat-x; }
/*Style for Horizontal Top Menu Bar*/
#top { position: relative; top: 117px; width: 806px; height: 56px; }
#top a:link, #top  a:visited { font-size: 11px; color: #eee; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; position: relative; top: 14px; left: 34px; right: 34px; padding: 13px 11px 12px; cursor: default; }
#top a:hover { color: #f00; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(../images/top_nav_menu.png); background-repeat: repeat-x; text-decoration: none; position: relative; top: 14px; left: 34px; right: 34px; padding: 13px 11px 12px; cursor: default; }
/*Style for Banner*/
#banner { background-image: url(../images/banner_bg.jpg); background-repeat: no-repeat; width: 806px; height: 103px; }
#banner table.moduletable { height: 65px; padding-top: 15px; }
#banner_underline { background-image: url(../images/line_content.png); background-repeat: no-repeat; background-position: 0 center; position: relative; top: 5px; left: 27px; list-style-position: outside; display: block; width: 758px; height: 17px; float: left; clear: both; }
/*Style for Pathway*/
#pathway { background-image: url(../images/pathway_bg.png); background-repeat: repeat-x; background-position: 5px 100%; position: relative; top: 100px; left: 35px; width: 747px; height: 20px; border-color: transparent; display: block; }
.pathway { color: #f6fff5; font-family: Verdana, Arial, Helvetica, sans-serif; position: relative; height: 30px; padding-left: 5px; }
#pathway a:link, #pathway a:visited { color: #ffa500; }
#pathway a:hover { color: #ef181e; }
/*-----------------Middle Table-----------------*/
/*Style for Main Content and Bottom Part*/
#dasar_content { background-image: url(../images/maincontent_bg.jpg); background-repeat: repeat-y; width: 986px; }
#left_kurungatas { background-image: url(../images/left_kurungatas.png); background-repeat: no-repeat; text-align: center; width: 180px; height: 34px; border-color: transparent; }
#left_body { background-image: url(../images/left_body.png); background-repeat: repeat-y; text-align: center; width: 180px; border-color: transparent; }
#left_body table.moduletable { background-repeat: repeat-y; text-align: center; width: 180px; padding-top: 2px; padding-bottom: 2px; border-color: transparent; }
#left_kurungbawah { background-image: url(../images/left_kurungbawah.png); background-repeat: no-repeat; text-align: center; width: 180px; height: 34px; border-color: transparent; }
#left { width: 180px; border-color: transparent; }
#left a:link, #left a:visited { color: #5c5c5c; text-decoration: none; text-align: center; width: 180px; }
#left a:hover { color: #ffa500; text-decoration: none; text-align: center; width: 180px; }
#left table.moduletable { background-position: 0 0; width: 170px; margin-right: 10px; padding-top: 10px; padding-left: 10px; border-color: transparent; }
#left table.moduletable td { color: #eee35f; width: 170px; }
#advert2 { background-image: url(../images/line_content.png); background-repeat: no-repeat; background-position: 0 15px; position: relative; left: 28px; width: 750px; height: 30px; padding-right: 5px; padding-left: 5px; border-bottom-color: transparent; }
#advert2 a:link, #advert2 a:visited { color: #362145; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; cursor: default; position: relative; bottom: 6px; height: 25px; padding: 10px 11px 11px; }
#advert2 a:hover { color: #e4efe4; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; background-color: #362145; cursor: default; height: 25px; padding: 10px 11px 11px; }
#advert3 { width: 806px; }
#advert3 table.moduletable { padding-bottom: 20px; }
/*Style for Main Content Area Frame*/
#maincontent { padding-top: 15px; padding-right: 32px; padding-left: 35px; }
#user2 { background-image: url(../images/line_content.png); background-repeat: no-repeat; background-position: 28px top; margin-top: 20px; padding-right: 10px; padding-left: 10px; }
#user2 table.moduletable { padding-top: 30px; }
#right { position: relative; right: 10px; width: 180px; padding-bottom: 8px; border-color: transparent; }
#right table.moduletable { color: #221f1d; width: 170px; margin-top: 8px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; }
#right.table.moduletable th { color: #333; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; background-image: url(../images/line_menu.png); background-repeat: no-repeat; background-position: left 25px; text-align: left; word-spacing: 3px; padding-top: 10px; padding-left: 5px; position: relative; width: 170px; height: 46px; border-color: transparent; }
#tengah table.moduletable { color: #fbffff; background-color: #eed82e; text-align: center; margin-top: 8px; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; width: 170px; }
#right table.moduletable td { color: #e00; width: 170px; }
/*----------------Bellow Table-----------------*/
/*Style for Extra Module Table under Main Content*/
#ads_bg { background-image: url(../images/maincontent_bg.jpg); background-repeat: repeat-y; width: 986px; }
#garis_batas_bawah { background-image: url(../images/line_content.png); background-repeat: no-repeat; background-position: center top; position: relative; left: 4px; margin-top: 20px; }
#garis_batas_bawah table.moduletable { width: 806px; padding-top: 30px; }
#user3 { background-position: 0 0; }
#user3 table.moduletable { padding-top: 30px; }
#user4 { background-position: 0 0; }
#user4 table.moduletable { padding-top: 30px; }
#bawah { background-image: url(../images/bottom_bg.jpg); width: 986px; height: 78px; }
/*------------------End Page------------------*/

/*Style for Footer*/
#footer { background-image: url(../images/footer_bg.png); background-repeat: repeat-x; height: 39px; }
#footer_text { color: #ff9; position: relative; top: 40px; right: 25px; }
#footer_text a:link, #footer_text a:visited { color: #ffa500; }
/*--------------General Setting--------------*/
/* Styles for dhtml tabbed-pages */
.ontab { background-color: #ffae00; text-align: center; font-weight: bold; color: #ffffff; border-color: #ff9900 #808080 #d5d5d5 #ff9900; border-width: 2px 2px 1px; border-style: outset outset solid; }
.offtab { background-color : #e5e5e5; text-align: center; font-weight: normal; border-color: #e0e0e0 #e0e0e0 #d5d5d5; border-style: outset outset solid; border-width: 2px 2px 1px; }
.tabpadding {
}

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

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}
h4 {
	color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px; font-weight: bold;
	}

h5 {
	color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px; font-weight: bold;
	}

h6 {
	color: #FF9900; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}

/* Links */
a:link, a:visited { color: #800; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border-color: transparent; }
a:hover { color: #f00; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-decoration: none; border-color: transparent; }
ul { margin-right: 0; margin-bottom: 10px; margin-left: 0; }
li { font-size: 9px; position: relative;  ;
	
	}
/* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:link, a.contentpagetitle:visited {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #808080;
	text-align:left;
	}

a.contentpagetitle:hover {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align:left;
	color: #FF6600;
	text-decoration: underline;
	font-weight: bold;
	}

/* Horizontal Line */
hr {
	background: #C0C0C0; height:2px; border: 1px inset;
	}

hr.separator {
	background: #C0C0C0;
	height: 1px;
	width: 75px;
	border: 0px;
}

/* --Default Main Menu Class Settings-- */
a.mainlevel:link, a.mainlevel:visited { color: #700606; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; font-stretch: narrower; background-image: url(../images/menu_link.png); background-repeat: no-repeat; text-transform: capitalize; height: 35px; padding-top: 8px; padding-left: 40px; display: block; }
a.mainlevel:hover { color: #f94611; font-weight: bold; background-image: url(../images/menu_link_hover.png); background-repeat: no-repeat; text-decoration: none; text-transform: capitalize; vertical-align: middle; display: block; }
a.mainlevel#active_menu { color: #0b0; font-weight: bold; background-image: url(../images/menu_link_active.png); background-repeat: no-repeat; text-decoration: none; text-transform: capitalize; vertical-align: middle; border-color: transparent; display: block; }

a.mainlevel#active_menu:hover { color: #0b0; background-image: url(../images/menu_link_active.png); background-repeat: no-repeat; text-decoration: none; display: block; }

a.sublevel:link, a.sublevel:visited { color: #4c3d38; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, serif; margin-left: 5px; padding-left: 15px; display: block; }
a.sublevel:hover { color: #f00; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, serif; display: block; }
a.sublevel#active_menu { color: #f00; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, serif; display: block; }
a.sublevel#active_menu:hover { color: #f00; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, serif; display: block; }
/* Content - Sections & Categories */
.contentpane {
	
	}

.contentpaneopen {
	border : 0px ridge #DCDCDC;
	}

.contentheading {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #333333;
	text-align:left;
	}

.contentpagetitle {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
 	color: #333333;
	text-align:left;
	}

table.contenttoc {
        color: #333300;
		background-color: #e0e0e0;
        }

table.contenttoc td {
        font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        font-weight: normal;
        text-align:left;
}

a.toclink:hover, a.toclink:visited, a.toclink:link {
	font-size: 9px;
	}

.contentdescription {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444;
	text-align: left;
	}

/* Links */
a.blogsection:link, a.blogsection:visited {
	color: #f94611; text-decoration: none; font-weight: bold;
	font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

a.blogsection:hover { color: #800; font-size: 14px; font-weight: bold; text-decoration: none; }

a.weblinks:link, a.weblinks:visited {
	color: #f94611; text-decoration: none; font-weight: bold;
	font-family:  "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	}

a.weblinks:hover { color: #800; font-size: 14px; font-weight: bold; text-decoration: none; }
.readon { color: #f00; font-size:           11px; font-weight: bold; float:               left; padding-right:       10px; background-image:    url(../images/readon.png); background-position: 5px top; background-repeat:   no-repeat; height: 20px; padding-left:        25px; }
a.readon:link, a.readon:visited {
	color: #800; text-decoration: none; font-weight: bold;
	font-family:  Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	}

a.readon:hover { color: #005c4a; font-weight: bold; text-decoration: none; }
table.moduletable th { color: #ddd; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: lighter; background-image: url(../images/line_menu.png); background-repeat: no-repeat; background-position: left 25px; text-align: left; word-spacing: 3px; position: relative; width: 170px; height: 46px; padding-top: 10px; padding-left: 5px; border-color: transparent; }
table.moduletable td { color: #700606; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-transform: capitalize; border-color: transparent; }
table.moduletable div { color: #700606; font-size: 12px; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-transform: capitalize; vertical-align: middle; position: relative; padding-top: 5px; }
.componentheading { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #333333; background-image: url(../images/title_bg.png); background-repeat: no-repeat; text-transform: capitalize; text-align:left; height: 38px; padding-top: 5px; padding-bottom: 5px; padding-left: 20px; border-color: transparent; white-space: nowrap; }

.button { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-weight: bold; font-size: 10px; color: #9a061a; border-style: solid; background-color: white; background-image: url(../images/button_bg.png); background-repeat: repeat-x; padding-right: 5px; padding-left: 5px; border-width: 1px; }
.back_button { color: #eee; background-image: url(../images/back_bg.png); background-repeat: no-repeat; text-align: center; height: 46px; margin-left: 10px; padding-top: 5px; padding-bottom: 2px; border-color: transparent; display:    block; white-space: nowrap; }
.back_button a { color: #eee; background-repeat: no-repeat; text-align: center; width: 60px; white-space: nowrap; display: block; margin-left: 10px; padding-top: 1px; padding-bottom: 2px; border-color: transparent; }
.back_button a:hover { color:   #0b0; background-repeat: no-repeat; width: 60px; margin-left: 10px; padding-top: 1px; padding-bottom: 2px; display: block; white-space: nowrap; }
/*Style for Text Input*/
.inputbox { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #3a3a3a; background-color: #ffffd2; background-position: 0 0; padding: 2px 5px; border-color: #222 #d6dad4 #d6dad4 #222; border-style: ridge; border-width: 2px; le: solid; }
	
	.searchbox { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #221f1d; background: #d7d7d7; padding-right: 5px; padding-left: 5px; border: solid 1px; }
#mod_login_username { padding: 2px 0 0 5px; font-size: 11px; color: #f41400; font-family: tahoma; border: none ; font-weight: bold; background-image: url(../images/mod_login_input.png); background-repeat: repeat-x; background-position: 0 bottom; width: 90px; height: 18px; }
#mod_login_password { padding: 2px 0 0 5px; font-size: 11px; color: #f41400; font-family: tahoma; border: none ; font-weight: bold; background-image: url(../images/mod_login_input.png); background-repeat: repeat-x; background-position: 0 bottom; width: 90px; height: 18px; }
#mod_login_remember {
    border: none ;
    background: none ;
    margin: 0;
}
/** category text format and links **/
.category {
	color: #955542; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; font-weight: bold; text-decoration: none;
	}
a.category:link, a.category:visited { color: #007; font-weight: bold; padding-left: 10px; }
a.category:hover { color: #f00; font-weight: bold; }

.poll {
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3a3a3a;
	line-height: 14px
	}

.sectiontableentry1 { font-weight: normal; text-transform: none; }
.contentpane { text-transform: capitalize; }
.sectiontableentry2 {
	background-color : #EBEBEB;
	}
.sectiontableentry3 { background-image: url(../images/sectiontable_bg.png); background-repeat: no-repeat; padding: 7px 3px 3px; }
.sectiontableentry4 { background-color: #fff3b2; background-repeat: no-repeat; padding: 3px; border-top: 1px dotted #333; border-bottom: 1px dotted #333; }
.sectiontableheader { color : #700606; font-weight : bold; background-color: #a5a5a5; padding-right: 10px; padding-left: 10px; border-color: transparent;parent; }

.frontpageheader {
	font-size: 13px;
    color : #700606;
    font-weight : bold;
    }

.small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #005a4c;
	text-decoration: none;
	font-weight: normal;
	}

.smalldark {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #333333;
        text-decoration: none;
        font-weight: normal;
        }


.newsfeedheading { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #333333; text-align:left; }

.newsfeeddate {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	font-weight: normal;
}

.createdate { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #4c3d38; text-decoration: none; font-weight: normal; padding-left: 13px; }

.modifydate { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #f5ebe7; font-weight: normal; padding-left: 13px; }
.fase4rdf {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px; color: #000000; font-weight: normal;
	}

a.fase4rdf:link {
	font-size: 11px; font-weight: normal; color: #FF9900;
	}

a.fase4rdf:hover {
	font-weight: bold; color: #808080;
	}

table.searchintro {
  	background-color: #FFFFFF;
	border: solid 1px #777777;
	}

table.contact {
	background-color: #FFFFFF;
	border: 1px solid #FF8311;
	}

table.contact td.icons {
	}

table.contact td.details {
	font-size: 10px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.pagenav { font-weight: normal; color: #700; }

a.pagenav, a.pagenav:visited { color: #ff6600; font-size: 12px; }

a.pagenav:hover { color: #800; font-size: 12px; }

.pagenavbar {
	
}

/* Content voting */
.content_rating {
	font-weight: normal;
	font-size: 8pt;
}

.content_vote {
	font-weight: normal;
	font-size: 8pt;
}

/* for modifying {moscode} output.  Don't set the colour! */
.moscode {
	background-color: #f0f0f0;
}
.newsflash {
	background-color: #F5F5F5;
	color: Black;
}
/* Text passed with mosmsg url parameter */
.message {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size : 10pt;
	color : #ff6600;
	text-align: center;
}
.highlight {
    background: yellow;
    }