/* @group Additional Style sheets */
@import url('design.css');
/* @end */

/*==== FORM & TABLE CSS ============================================================================
  ==================================================================================================*/
/* form elements */
form { margin: 10px; padding: 0 5px; border: 1px solid #f2f2f2; background-color: #FAFAFA; }
label { display: block; font-weight: bold; margin: 5px 0; }
input { padding: 2px; border: 1px solid #eee; font: normal 1em Verdana, sans-serif; color: #777; }
textarea {
   font: normal 1em Verdana, sans-serif;
   color: #777;
   width: 400px; height: 100px;
   display: block; padding: 2px;
   border: 1px solid #eee;
}
input.button {
   font: bold 12px Arial, Sans-serif;
   height: 21px; border: 1px solid #eee;
   margin: 0px 0px 5px 0px;
   padding: 2px 3px;
   color: #FFF; background: #003366;
}

/* table elements */
/**
table { border-collapse: collapse; margin: 10px; }
th strong { color: #fff; }
th {
   color: #FFF; background: #003366; 
   text-align: left;	height: 29px;
   padding-left: 12px; padding-right: 12px;
   border-left: 1px solid #B6D59A;
   border-bottom: solid 2px #FFF;
}
tr { height: 30px; }
td {
   padding-left: 11px; padding-right: 11px;
   border-left: 1px solid #FFF;
   border-bottom: solid 1px #ffffff;
}
td.first,th.first { border-left: 0px; }
tr.row-a { background: #F8F8F8; }
tr.row-b { background: #EFEFEF; }
**/

/*==== NAVIGATION/MENU CSS =========================================================================
  ==================================================================================================*/
/***** Top Menu *****/
#tmnu {
   float: left; clear: none; margin: 0 auto; padding: 0;
   height: auto; width: 1002px; text-align: center;
   font: bold 1em Verdana, Arial, Tahoma, Sans-serif;
}
#tmnu ul { list-style: none; }
#tmnu ul li { display: inline; }
#tmnu ul li a {
   display: inline; line-height: 2.7em;
   color: #FFF; text-decoration: none;
   height: auto; padding: 0px 3px 0px 3px;
   background: transparent none no-repeat right;
}
#tmnu ul li a:hover { color: #CCFF00; text-decoration: none; }

/***** Bottom Menu *****/
#bmnu {
   /* float: right; */ clear: none; margin: 0 auto; padding: 0;
   height: auto; width: auto; text-align: center;
   font: normal 0.8em Verdana, Arial, Tahoma, Sans-serif;
}
#bmnu ul { list-style: none; }
#bmnu ul li { display: inline; }
#bmnu ul li a {
   display: inline; line-height: 3.5em;
   color: #F2F2F2; text-decoration: none;
   height: auto; padding: 0px 3px 0px 3px;
   background: transparent none no-repeat right;
}
#bmnu ul li a:hover { color: #CCFF00; }

/* NAVIGATION/MENU SETTINGS */
/* this styling is for the MAIN items in the menu */
.sisi ul { list-style-type: none; margin: 0 0; }
.sisi ul li { border: 1px none #FFF; margin: 0 0; }
.sisi ul li a, /**** class lama ****/ a.mainlevel
{
   font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold;
   text-align: left; text-decoration: none; letter-spacing: 1px; 
	width: 210px; width: 210px !important; height: 25px; 
   vertical-align: middle; text-indent: 15px; line-height: 2.2em;
	display: block; margin: 0px 0px; padding: 0px 0px;
   background: #FFF url(../images/btn.jpg) no-repeat;
   background-position: 0px 0px;
	border-bottom: 2px solid #FFF;
}
.sisi ul li a:link, .sisi ul li a:visited, /**** class lama ****/ a.mainlevel:link, a.mainlevel:visited
{ color: #F2F2F2; text-decoration: none; }
.sisi ul li a:hover, .sisi ul li a:active, .sisi ul li a:focus, /**** class lama ****/ a.mainlevel:hover 
{ color: #CC3300; text-decoration: none; /* background: transparent none no-repeat; */ }

/***** Active Menu *****/
#active_menu {
   color: #990000; text-indent: 5px; font-style: italic;
   background-color: transparent; background-position: 0px 0px;
} 
a.mainlevel#active_menu:hover { color: #333; }

/***** Sub-Level Menu *****/
a.sublevel {
   font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold;
   text-align: left; text-decoration: none; letter-spacing: 1px; 
	width: 165px; width: 165px !important; height: 28px; 
   vertical-align: middle; text-indent: 15px; line-height: 2em;
	display: block; margin: 0px 0px 3px 0px; padding: 0px 5px;
   background: #000000 url(../images/mnu_btn.jpg) no-repeat;
   background-position: 0px 0px;
} 
a.sublevel:link,a.sublevel:visited { color: #333333; text-decoration: none; }
a.sublevel:hover { color: #CC3300; background-color: transparent; text-indent: 15px; }
a.sublevel#active_menu { color: #CC3300; background-color: transparent; text-indent: 15px; }
a.sublevel#active_menu:hover { color: #FFFFCC; }

/*==== JOOMLA CSS ==================================================================================
  ==================================================================================================*/
/* Start of JOOMLA CSS */

li, dd, blockquote { margin-left: 1em; }
fieldset { border: none; }
input, select, textarea { font-size: 1em; }
/* End of Global page settings. Should get over-ridden later on*/

/*Line Heights and base font size adjustment*/
/* Font sizing later is defined in ems. Based on CSS font discussions - do a google*/
#header{ line-height: 1.2em; font-size: 1em; }
#leftcolumn{ line-height: 1.2em; font-size: 1em; }
#rightcolumn{ line-height: 1.2em; font-size: 1em; }
#maincol{ line-height: 1.4em; font-size: 1em; }
#footer{ line-height: 1.1em; font-size: 1em; }

/* Padding for inside containers. Trying to avoid box-model bugs */
/*slight adjustment for footer */
.insidefooter { padding: 5px 0; }
.inside { padding: 10px 0 0 8px; }
/*slight adjustment for right column */
.insideright { padding: 10px 0 8px 8px; } 

/* Base typography SET ANY FONT SIZE IN EM's */
/* Main titles for various pages. Mix and match hX tags with Joomla titles */
/* Base typography SET ANY FONT SIZE IN EM's */

/* Main titles for various pages. Mix and match hX tags with Joomla titles */
.componentheading {
	color: #333;
	font-size: 1.4em;	font-weight: bold;
	font-style: italic; letter-spacing: 1px;
   margin: 1em 0; padding: 0 0em;
}
.contentheading,a.contentheading:link,a.contentheading:visited,.contentpagetitle,a.contentpagetitle:link,a.contentpagetitle:visited {
	color: #000; 
	font-size: 1.2em;	font-weight: bold;
   margin: 1em 0; padding: 0 0em; letter-spacing: 1px;
}
table.moduletable th {
	font-size: 1.2em;
   margin: 1em 0; padding: 0 0em;
	border-bottom: 1px solid #000;
}
h1,h2,h3 {
	font-size: 1.4em;	font-weight: bold;
   /* margin: 0.5em 0; padding: 0 0em; */
	margin: 1em 0; padding: 0 0em;
}
h4,h5,h6 { font-size: 1.2em; font-weight: bold; margin: 1em 0; padding: 0 0em; }

.contentdescription > img {
   text-align: left;
   margin: 0px 5px 5px 5px;
   padding: 3px 3px 3px 3px;
}
.mosimage, p > img {
   text-align: center;
   border: 1px none #CCFFFF;
   margin: 5px 5px 5px 5px;
   padding: 3px 3px 3px 3px;
}
/* ** MSIE Specific Rules ************************************************* */
* html .contentdescription img {
   text-align: left;
   margin: 0px 5px 5px 5px;
   padding: 3px 3px 3px 3px;
}
* html .mosimage, p img {
   text-align: center;
   border: 1px none #CCFFFF;
   margin: 5px 5px 5px 5px;
   padding: 3px 3px 3px 3px;
}
/* ************************************************************************ */
.mosimage_caption {
	color: #CCFFFF; font-size: 0.8em;
	border-top: 1px none #CCFFFF;
	background-color: transparent;
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
}

/* Non-title text */
p, td, tr, div {
	font-size: 1em;
   /* JANGAN DIPAKE KALO ADA Module JA TRANSMENU - Menu item ada jarak di top + bottom */
   /* margin: 1em 0;  */
   /* padding: 0 0em; */
   /* JANGAN DIPAKE KALO ADA Module JA TRANSMENU - Menu item ada jarak di top + bottom */
	line-height: 1.5em;
}
li > p { margin-top: 0.2em; margin-bottom: 0.2em; }
pre { font-family: monospace; font-size: 1.0em; }
strong, b { font-weight: bold; }

/* ----- LISTS ----- */
ol, ul, li { font-size: 1em; margin-left: 1.2em; }

/* horizontal line in your template*/
hr { height: 1pt; color: #000000; } 
hr.separator { height: 1pt; color: #000000; }

/* as the name implies, this is for formatting texts for those "<< Start < Previous 1 Next > End >>" links */ 
.pagenav, .pagenavbar {
	font-size: 0.9em;	font-weight: bold;
	margin: 2px auto 2px auto;   
	padding: 2px 2px 2px 2px;
	text-align: center;
} 
a.pagenav:visited,.pagenavbar:visited,.pagenavbar:link { text-decoration: none; color: #3399FF; }
a.pagenav:hover { text-decoration: underline; color: #3399FF; }
.pagenav_prev a:link, .pagenav_prev a:visited, .pagenav_next a:link, .pagenav_next a:visited { 
   text-decoration: none; color: #3399FF; 
}
.pagenav_prev a:hover, .pagenav_next a:hover { text-decoration: none; color: #3300CC; } 

/*Style for the "Read More" link that is displayed for large content items*/
a.readon:link,a.readon:visited { color: #000099; font-size: 0.8em; text-decoration: none; letter-spacing: 1px; } 
a.readon:hover { color: #CC0000; font-size: 0.8em; text-decoration: none; letter-spacing: 1px; }

/*Style for the "BACK" button.*/
.back_button a {
   width: auto; height: 18px;
   height: 20px !important;
   color: #3B1403; background-color: #FFFACD;
   border: 1px solid #FFA011;
   font-size: 11px; font-weight: bold;
   text-align: center; text-decoration: none;
   float: left;
   padding: 0px 3px 0px 3px;
   margin: 5px 0px 5px 0px;
   line-height: 18px !important;
   line-height: 16px;
}
.back_button a:hover {
	width: auto; height: 18px;
	height: 20px !important;
	color: #3B1403; background-color: #FF9A00;
	border: 1px solid #FFFACD;
	font-size: 11px; font-weight: bold;
	text-align: center;
	text-decoration: none;
	float: left;
   padding: 0px 3px 0px 3px;
	margin: 5px 0px 5px 0px;
	line-height: 18px !important;
	line-height: 16px;
} 

/*Style for latest news list - by default, latest news is user1 module*/
ul.latestnews li,ul.mostread li {
   line-height: 18px; list-style-type: disc;
   font-size: 0.9em; font-weight: normal;
   text-indent: 1px; list-style-position: outside;
   margin: 0px 2px 0px 10px;
   padding: 0px 0px 0px 0px;
}

/* CONTENT PAGE SETTINGS */

/* Table that holds all non-article information (components, category lists, contact forms, etc).*/
.contentpane { padding: 0px 2px 0px 2px; } 
/* Table that holds the actual text for an article.*/
.contentpaneopen { padding: 0px 2px 0px 2px; } 

/* SECTIONS LISTINGS */
/* This is for styling the section table headers on a SECTION's page.
Example: table header of "Date", "Item Title", "Author" and "Hits"? */
.sectiontableheader {
	color: #F2F2F2; background: #003366;
   height: 26px; text-align: left;
   padding-left: 4px; padding-right: 4px;
   border-left: 0px solid #B6D59A;
   border-bottom: 0px solid #DB0000;
	font-weight: bold;
} 
.sectiontableentry1 { background: #F8F8F8; color: #000; text-align: left; } 
.sectiontableentry2 { background: #EFEFEF; color: #000; text-align: left; }
.sectiontablefooter { text-align: center; }

/* MODULES FORMATTING */
.module { width: 100%; margin-bottom: 10px; } /* Formatting the module table if using -3 suffix */
table.moduletable { width: 100%; margin-bottom: 10px; padding: 0px; } /* Formatting the module table if using 0,1,-2 suffix */
table.moduletable td { margin-bottom: 10px; padding: 0px; } /* Formatting the table cells of the module table */

/* MISCELLANEOUS */
.createdate { color: #990000; font-size: 0.8em; font-weight: normal; margin: 2px; }
.modifydate { color: #990000; font-size: 0.8em; font-weight: normal; padding-top: 2px; margin-top: 2px; } 
.small { color: #990000; font-size: 0.8em; font-weight: normal; margin-bottom: 1px; }

.column_separator {
	padding: 0 15px;
}

/* Polls ================================================*/
.poll { font-size: 0.9em; text-align: left; padding: 2px 0px 0px 0px; } 
.pollstableborder { text-indent: 0px; text-align: left; padding: 2px 0px 0px 0px; } 

/* TOC (Table of Content) ===============================*/
/* Formating the table of the Tables of Contents for multiple pages content or article */
table.contenttoc {
   font-size: 1em; text-align: right;
   margin: 0px 0px 3px 5px;
   padding: 0px 0px 0px 0px;
   border: 1px solid #CCC;
}

/* same as above, used to format the td and able cells */
table.contenttoc td { padding: 0px 0px 0px 0px; } 
table.contenttoc th { border-bottom: 1px solid #CCC; padding: 0px 2px 0px 2px; } /* Header */
a.toclink:link, a.toclink:visited { display: block; padding: 0px 2px 0px 2px; } 
a.toclink:hover { text-decoration: none; background-color: #CC3300; color: #F2F2F2; }