/*Designed by imam@IAES*/

body {

	margin: 0;

	padding: 0;

	background-color: #FFFFFF;

	color: #666666;

	font-family: Verdana,Arial,Helvetica,sans-serif;

}



div {

	text-align: left;

}



p {

	margin: 1em 0; /* Making default stylesheet explicit - fixes IE7 margin collapsing. */

}



table {

	border: 0;

	border-spacing: 0;

	font-size: 1.0em;

}



form {

	margin: 0;

}



a {

	text-decoration: underline;

}



a:link {

	color:#0033FF;

}



a:active {

	color:#0033FF;

}



a:visited {

	color: #0033FF;

}



a:hover {

	color: #0000CC;

	background: none;

	/*font-weight: bold;*/

}



a.plain {

	text-decoration: none;

}





ul {

	margin: 0.25em 0 0.75em 0;

	padding: 0 0 0 2.5em;

}



tt {

	font-size: 1.25em;

}



label {

}



label.error {

	color: #900;

}



input.textField, select.selectMenu, textarea.textArea, input.uploadField {

	background-color: #E6F2FF;

	color: #000;

	font-family: Verdana,Arial,Helvetica,sans-serif;

	border-top: 1px solid #666;

	border-left: 1px solid #666;

	border-bottom: 1px solid #E8E8E1;

	border-right: 1px solid #E8E8E1;

	font-size: 1em;

	padding: 2px;

}



input.button {

	padding-left: 0.5em;

	padding-right: 0.5em;

	background-color: #0080C0;

	color: #FFFFFF;

	font-size: 1em;

}



input.defaultButton {

	background-color: #0080C0;

	color: #FFFFFF;

	font-weight: bold;

}





/**

 * Main layout elements

 */



#container {

	width: 100% !important;

	min-width: 730px !important;

	margin: 0px auto;

	text-align: center;

}



#header {

	width: 100%;

	padding: 0;

	margin: 0 auto;

	

	/*background:#C2EBFE;*/

	/*background-image:url(http://portalgaruda.org/ourfiles/header-bg2.jpg);*/

	background-color:#3399FF;

	color:#FFFFFF;

	text-align: center;

	height: 165px;

	border-bottom: 4px solid #9BDEFF;

	

	-webkit-box-shadow: 0px 0px 6px #3F88A0; /* Safari */

	box-shadow: 0px 0px 6px #3F88A0;

	-moz-box-shadow: 0px 0px 6px #3F88A0;

	-o-box-shadow: 0px 0px 6px #3F88A0;

}



#headerTitle {

	text-align: left !important;

	margin: 0 auto;

	padding: 0;

	width: 100%;

	padding-top: 30px;

}



#header h1 {

	/*margin: 0 auto;*/

	

	padding: 0.5em 0 0.25em 10%;

	font-family: Georgia,'Times New Roman',Times,serif;

	font-weight: normal;

}



#footer {

	width: 100%;

	min-height: 50px;

	position: static;

	clear: both;

	text-align: center;

}



#footerContent {

	width: 100%;

	margin: 0 auto;

	padding-left: 10%;

}



#main {

	padding: 0.5em 0em 2em 0em;

}



#main h2 {

	margin: 0em 1em 0.5em 0em;

	padding-top: 0.5em;

	font-weight: normal;

	border: none;

	font-family: Georgia, "Times New Roman", Times, serif;

	font-size: 1.6em;

	text-shadow: 1px 1px 3px #000;

}



#main h3 {

	margin: 0em 1em 0.5em 0em;

	padding-top: 0em;

	font-family: Verdana,Arial,Helvetica,sans-serif;

	font-weight: normal;

}





#navbar { 

	margin-top: -15px;

	margin-bottom:10px;

	padding-top: 15px;

	padding-bottom: 0;

	padding-left: 4px;

	padding-right: 4px; 	

	background-color:#005680; 

	border-left:1px solid #005680;  border-right:1px solid #005680; border-bottom:1px solid #005680; 

	-moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; 

	-webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; 

	border-bottom-left-radius: 8px; border-bottom-right-radius: 8px;

	text-align:center;

	height: 35px;

	}



#navbar ul {

	/*min-width: 140px;*/

	

}



/* First Level - Menu Primary */



#navbar li a {

    color: #fff;

    padding-top: 15px;

	padding-bottom: 15px;

	padding-left: 10px;

	padding-right: 10px;

	text-decoration: none;

    font-family: Arial, Helvetica, Sans-serif;

    font-size: 11px;

    text-transform: uppercase;

    font-weight: normal;

}



#navbar li a:hover, .menu-primary li a:active, .menu-primary li a:focus, 

#navbar li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {

    color: #fff;

    outline: 0;

    background: #008BCE;

}



		

#breadcrumb {

	padding-top: 1em;

	font-size: 0.7em;

}



#content {

	margin: 0;

	padding: 0;

	padding-top: 0.5em;

	font-size: 0.7em;

	/*border-top: 2px dotted #000;*/

	border-top: 1px solid #999999;

}



#content h3 {

	margin: 0em 1em 0.25em 0em;

	padding-top: 0.75em;

	font-family: Verdana,Arial,Helvetica,sans-serif;

	font-weight: normal;

	font-size: 1.8em;

	border: none;

	

}



#content h4 {

	margin: .75em 1em 0.25em 0em;

	font-family: Verdana,Arial,Helvetica,sans-serif;

	font-weight: normal;

	font-size: 1.5em;

	border: none;

}



#content h5 {

	margin: 0em 1em 0.25em 0em;

	padding-top: 0.75em;

	font-weight: bold;

	font-size: 1em;

	border: none;

}





/**

 * Breadcrumbs

 */



#breadcrumb a {

	text-decoration: none;

	border: none;

}



#breadcrumb a.current {

	font-weight: bold;

}





/**

 * Footer elements

 */



#footer div.debugStats {

	font-size: 0.6em;

}





/**

 * Additional text styles

 */



span.disabled, label.disabled {

	color: #666;

}



a.action, a.file {

	font-size: 0.85em;

	text-transform: uppercase;

}



a.icon {

	text-decoration: none;

}



a.icon img {

	border: 0;

}



a.icon:hover {

	background: none;

}



span.formRequired {

	color: #333;

	font-size: 0.9em;

}



span.instruct {

}



span.heading {

	font-size: 0.85em;

	text-transform: uppercase;

}



span.highlight {

	border-bottom: 1px dotted #000;

}



.nowrap {

	white-space: nowrap;

}



/**

 * Table styles

 */



table.info td {

	padding: 0;

	padding-bottom: 0.5em;

	padding-right: 0.5em;

}



table.listing td {

	padding: 0.25em 1.5em 0.25em 0.5em;

}



table.listing tr.heading td, table.listing td.heading, table.info td.heading {

	font-size: 0.85em;

	text-transform: uppercase;

	font-weight: normal;

	padding: 0.75em 1.5em 1em 0.5em;

}



table.info td.heading {

	padding-left: 0;

}





table.listing td.nodata, table.info td.nodata {

	text-align: center;

	font-style: italic;

}



table.listing td.headseparator {

	border-top: 1px dotted #000;

	font-size: 0.1em;

	line-height: 1%;

}



table.listing td.endseparator {

	border-top: 1px dotted #000;

	font-size: 0.25em;

	line-height: 10%;

}



table.listing td.separator, table.info td.separator {

	border-top: 1px dotted #DDDDD0;

	font-size: 0.1em;

	line-height: 1%;

}



table.data tr {

}



table.data td {

	padding-bottom: 0.25em;

}



table.data td.label {

	padding-right: 1em;

}



table.data td.value {

}



table.data td.separator {

	padding: 0.5em;

	font-size: 0.1em;

	line-height: 1%;

}



table.data td.heading {

	padding-left: 0;

	padding-right: 0;

}



table.nested tr {

	padding: 0;

	margin: 0;

}



span.nested {

	padding: 0 4px 0 0;

	font-size: 1.2em;

}



/**

 * Form-specific elements

 */



span.formError {

	color: #900;

	font-weight: bold;

	font-size: 1em;

}



span.formSuccess {

	color: #090;

	font-weight: bold;

	font-size: 1em;

}



ul.formErrorList {

	color: #900;

}





/**

 * Other organizational elements

 */



ul.menu {

	margin: 0;

	padding: 0;

}



ul.menu li {

	margin: 0;

	padding: 0;

	padding-right: 0.5em;

	display: inline;

}



ul.menu li.current {

	font-weight: bold;

}



ul.menu a {

	font-size: 0.85em;

	text-transform: uppercase;

	text-decoration: none;

}



ul.steplist {

	margin: 0;

	padding: 0;

	list-style-type: decimal;

}



ul.steplist li {

	margin: 0;

	padding: 0;

	font-size: 0.85em;

	padding-right: 0.5em;

	display: inline;

	text-transform: uppercase;

}



ul.steplist li.current {

	font-weight: bold;

}



ul.steplist a {

	text-decoration: none;

}



ul.plain {

	list-style-type: none;

	padding-left: 1.5em;

}



ul.filter {

	margin: 0;

	padding: 1.5em 0 1.5em 0;

	list-style-type: none;

}



ul.filter li {

	padding-right: 1.5em;

	display: inline;

}





/**

 * Other organizational elements

 */



div.separator {

	width: 100%;

	margin-top: 1em;

	margin-bottom: 0.25em;

	padding: 0;

	border-bottom: 1px dotted #000;

	font-size: 0.5em;

	line-height: 25%;

}



#rightSidebar {

	padding: 10px;

	margin-left: 10px;

	margin-top: 10px;

	

	}



#rightSidebar div.block {

	background-color:#FFFFFF;

	border:1px solid #999999;

	margin-top: 8px;

	padding: 4px;

	-webkit-box-shadow: 2px 2px 4px #CACACA; /* Safari */

	box-shadow: 2px 2px 4px #CACACA;

	-moz-box-shadow: 2px 2px 4px #CACACA;

	-o-box-shadow: 2px 2px 4px #CACACA;

	}



#rightSidebar div.block a {

	color:#333333;

	text-decoration:none;	

	}



#rightSidebar span.blockTitle {

	background-color:#DDDDDD;

	color:#333333;

	border-bottom: 1px solid #999999;

	font-weight:bold;

	text-align: center;

	margin-top: -4px;

	margin-left: -4px;

	margin-right: -4px;

	margin-bottom: 8px;

	}

#rightSidebar span.blockSubtitle {

	font-weight:bold;

	margin-top: 4px;

	}



/*#sidebarDevelopedBy {

	background-color:#CC6633;

	}*/

	

/* list daripada paper / table of content */

#content h4.tocSectionTitle{

	border-bottom:1px dotted #999999;

	}

	

table.tocArticle td.tocTitle {

	width: 80%;

	height: 100%;

}



table.tocArticle td.tocGalleys {

	width: 20%;

	text-align: right;

}



table.tocArticle {	

	border-bottom:1px dotted #CCCCCC;

	height: 70px;

	vertical-align:bottom;

	}



table.tocArticle td.tocTitle {

	/*border-top:1px solid #CCCCCC;*/

	padding: 5px;

	font-size: 1.2em;

	color:#003A75;

	vertical-align:bottom;

	}



table.tocArticle td.tocAuthor {

	/*border-bottom:1px solid #999999;*/

	padding-top: 5px;

	padding-bottom: 15px;

	font-size: 1.4em;

	}



table.tocArticle td.tocGalleys{

	vertical-align:middle;

	}

table.tocArticle td.tocTitle a,a:visited,a:active,a:hover{

	 text-decoration:none;

	 color:#003A75;

	 }