/* #####################               RedyarmanCss - designed by "Redyarman"                ##################### /*
/* #####################                   Copyright (c) 2006 Redyarman S.                   ##################### /*
/* ##################### released under the Creative Commons Attribution non-Commercial License ##################### /*



/* ##################### GENERAL SETTINGS ##################### */

BODY {
  margin: 0px 0px 0px 0px;
  background-color: #FFFFFF;
  text-align: justify;
  color: #000000;
}

td, p, div {
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #333333;
}
H1, H2, H3, H4, H5, H6 {
	font-family : Verdana,  Arial, Helvetica, sans-serif;
	color : #000000;
}

hr {
  color: #000000;
  height: 1px;
  width: 100%;
}

h2 {
  color: #000000; 
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 16px; 
  font-weight: bold;
}

h3 {
  color: #000000; 
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 13px; 
  font-weight: bold;
}

.title {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  vertical-align: middle;
  font-size: 22px;
  font-weight: bold;
  color: #000000;
  text-align: left;
  text-indent: 30px;
  width: 100%;
}

ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none;
}

li {
	/** list-style: inside 3px;	*/
padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none;
color: #000000;
}


/* ##################### MODULE SETTINGS ###################### */

table.moduletable {
  margin: 0px 0px 0px 0px;
  width: 100%;
  border-left: solid 0px #A1A1A1;
  border-right: solid 0px #A1A1A1;
  border-top: solid 0px #A1A1A1;
  border-bottom: solid 0px #A1A1A1;
}

table.moduletable th {
  
 background: url(../images/bg_block.jpg) no-repeat;
	color: #FFFFFF;
	text-align: left;
	padding-top: 4px;
	padding-left: 27px;
	height: 24px;
	font-weight: bold;
	font-size: 11px;
}

table.moduletable td {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  11px;
  font-weight:  normal; 
  line-height: 15px;
  color:  #000000; 
}

/* ##################### FORM SETTINGS #################### */

.button {
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-style: normal;
  text-align:  center;
  font-size: 11px;
  font-weight: bold;
  background-color: #FDE2B7;
  color: #000000;
  border: 1px solid #585858;
  padding-top: 40px;
  padding: 2px; 
  cursor: pointer;
}

.inputbox {
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color: #FEEED4;
  border: 1px solid #585858;
}

/* ################# SECTION LISTING SETTINGS ################# */

.sectiontableheader {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px; 
  line-height:  30px; 
  color:  #FAE9CF; 
  font-weight:  bold; 
  background-color: #9B2614;
  padding: 2px; 
}

.sectiontableentry1 {
  background-color: #FDE2B7;
  line-height:  15px; 
  padding: 2px; 
}

.sectiontableentry2 {
  background-color: #FEEED4;
  line-height:  15px; 
  padding: 2px; 
}

/* ################# MAIN AND SUB MENU SYSTEM ################# */

a.mainlevel:link, a.mainlevel:visited {
  display: block;
	background: url(../images/menu_bg.gif) no-repeat;
	vertical-align: bottom;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-align: left;
	padding-top: 5px;
	padding-left: 5px;
	height: 22px !important;
	width: 165px;
	text-decoration: none;
	font-family:  Arial, Helvetica, Tahoma, sans-serif;
}

a.mainlevel:hover {
  background: url(../images/menuhov_bg.gif) no-repeat;
  text-decoration: none;
  color: #008ff5;
  height: 22px !important;
  font-size: 11px;
  font-weight: bold;
  
}

a.sublevel:link, a.sublevel:visited {
  font-family: Arial, Helvetica, Tahoma, sans-serif;   
  font-size: 11px;
  font-weight: bold;
  padding-left: 5px;
  padding-top: 1px;
  height: 15px !important;
  
  color: #000000;
  text-align: left;
}

a.sublevel:hover {
  font-family: Arial, Helvetica, Tahoma, sans-serif;
  font-size: 11px;
  font-weight: bold;
  height: 15px !important;
  
  text-decoration: none;
  color: #ffffff;
  text-align: left;
}

/* ########################### LINKS ########################## */

a:link, a:visited {
 
  text-decoration: none;
  color: #003399;
  height: 3px !important;
  font-size: 12px;
  font-weight: bold;
}

a:hover {
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000009;
  font-weight: bold;
  text-decoration  : underline;
}

a.category:link, a.category:visited {
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #F9BA15;
  font-weight: bold;
}

a.category:hover {
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FAC845;
  font-weight: bold;
  text-decoration: underline;
}

/* ##################### PATHWAY SETTINGS ##################### */

.pathway {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  10px; 
  color:  #FFFFFF; 
  font-weight:  bold; 
  padding:  0px; 
}

a.pathway:link, a.pathway:visited {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  10px; 
  color:  #FFFFFF; 
  font-weight:  bold; 
  padding:  0px; 
}

a.pathway:hover {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  10px; 
  color:  #FFFFFF; 
  font-weight:  bold; 
  padding:  0px;
  text-decoration: underline; 
}

/* ##################### PAGE NAVIGATION ###################### */

.pagenav {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px; 
  line-height:  36px; 
  color:  #9B2614; 
  font-weight:  bold; 
  text-decoration:  none; 
}

a.pagenav:link, a.pagenav:visited {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px; 
  line-height:  36px; 
  color:  #9B2614; 
  font-weight:  bold; 
  text-decoration:  none; 
}

a.pagenav:hover {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px; 
  line-height:  36px; 
  color:  #000000; 
  font-weight:  bold;
  text-decoration:  none;  
}

/* ################### SMALL FONT SETTINGS #################### */

.small {
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #009933;
  text-decoration: none;
  font-weight: normal;
}

.smalldark {
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
}

.modifydate {
  font-size: 10px;
  color: #000000;
  font-weight: normal;
  font-style: italic;
  padding-top: 10px;
  text-align: left;
}

.createdate {
  line-height: 15px;
  font-size: 10px;
  color: #808080;
  font-weight: normal;
  font-style: italic;
  vertical-align: top;
  display: block;
}

a.readon:link {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  9px; 
  color:  #BC1A1E; 
  display: block;
}

a.readon:visited {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  9px; 
  color:  #BC1A1E; 
  display: block;
}

a.readon:hover {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  9px; 
  color:  #009933; 
}

/* ##################### VOTING SETTINGS ###################### */

.poll {
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #FAE9CF;
  height: 16px;
}

.pollstableborder {
  width: 100%;
  border: 1px inset #585858;
  padding: 2px; 
}

/* ################### CONTENT PAGE SETTINGS ################## */

.contentpane {
  border: 0px dotted #A1A1A1;
  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 1px; border-left-width: 0px;
}

.contentpaneopen {
  border: 0px dotted #A1A1A1;
  border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;
}

.contentheading {
  font-family: Verdana,  Arial, Helvetica, sans-serif; /* header yang sub header..judul yang ada dibawah judul */
  vertical-align: middle;
  font-size: 12px;
  font-weight: bold;
  color: #C00000;
  text-align: left;
  text-indent: 0px;
  width: 100%;
  height: 24px;
}

.contentdescription {
  font-family:  Verdana,  Arial, Helvetica, sans-serif;
  font-size:  12px; 
  color:  #000000; 
}

.componentheading {
  /*background: url(../images/bullet2.jpg) no-repeat;   judul paling atas*/
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  vertical-align: top;
  padding-top: 0px;
  font-size: 13px;
  font-weight: bold;
  color: #C00000;
  text-align: left;
  /*text-indent: 10px; buat menganankan text header*/
  width: 100%;
  height: 24px;
}

/* ###################### TABBED PAGES ###################### */

.ontab {
  border:1px solid #585858; 
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px; 
  color:  #000000; 
  font-weight:  bold; 
  background-color:  #FAE9CF; 
  padding:  4px 
}

.offtab {
  border:1px solid #585858; 
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px; 
  color:  #000000; 
  background-color:  #E6BDA5; 
  padding:  4px; 
  cursor:  pointer 
}

.pagetext {
	visibility: hidden;
	display: none;
	position: relative;
	top: 0;
}

/* ##################### NEWSFEED SETTINGS ###################### */

.newsfeedheading {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px;
  font-weight:  bold; 
  color:  #C00000; 
}

.fase4rdf {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px; 
  color:  #333333; 
}

a.fase4rdf:link {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px; 
  color:  #9B2614; 
}

a.fase4rdf {
  text-decoration:  none; 
}

a.fase4rdf:hover {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px; 
  color:  #FAE9CF; 
  text-decoration:  underline; 
}

.newsfeeddate {
  font-family:  Verdana,  Arial, Helvetica, sans-serif; 
  font-size:  12px; 
  color:  #9B2614; 
}
.pion {
  background       : #FFFFFF;
  width            : 4px;
}
