/* CSS Document */
.container_popup {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.container_4 {
	margin-left: auto;
	margin-right: auto;
	width: 944px;
	background-color: #FFFFFF;
}

.grid_1,.grid_2,.grid_3,.grid_4 {
	display: inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
}

.grid_11 {
	display: inline;
	float: right;
	position: relative;
	margin-left: 5px;
	margin-right: 0px;
}

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

.container_4 .grid_1 {
	width: 226px;
}

.container_4 .grid_11 {
	width: 216px;
}

.container_4 .grid_2 {
	width: 462px;
}

.container_4 .grid_3 {
	width: 698px;
}

.container_4 .grid_4 {
	width: 934px;
}

.container_4 .prefix_1 {
	padding-left: 236px;
}

.container_4 .prefix_2 {
	padding-left: 472px;
}

.container_4 .prefix_3 {
	padding-left: 708px;
}

.container_4 .suffix_1 {
	padding-right: 236px;
}

.container_4 .suffix_2 {
	padding-right: 472px;
}

.container_4 .suffix_3 {
	padding-right: 708px;
}

.container_4 .push_1 {
	left: 236px;
}

.container_4 .push_2 {
	left: 472px;
}

.container_4 .push_3 {
	left: 708px;
}

.container_4 .pull_1 {
	left: -236px;
}

.container_4 .pull_2 {
	left: -472px;
}

.container_4 .pull_3 {
	left: -708px;
}

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

body {
	font: 100% Tahoma, Verdana, sans-serif;
	font-size: 9pt;
	color: #333;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
	background: #404040 url(../images/bg-biru.gif) no-repeat;
}

#header {
	height: 20px;
	width: 935px;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
}

#header a {
	color: #ffffff;
}

.imgrotate {
	background-color: #729603;
	margin-bottom: 10px;
	margin-top: 5px;
	float: right;
	margin-right: 0px;
}

#lang {
	margin-top: 20px;
	float: left;
}

select {
	font: 11px/ 20px Tahoma, sans-serif;
}


textarea {
	margin: 0;
	padding: 5px;
	background: url(../images/bg-form-text.gif) repeat-x left top #fff;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
}

.submitbutton2 {
	width: auto;
	padding: 5px 20px;
	margin: 5px 0;
	color: #fff;
	background: #333;
	border: 1px solid #333;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

input {
	-moz-border-radius: 3px;
	-webkit-border-radius: 22x;
	margin: 0 5px 0 0;
	padding: 3px;
	border: 1px solid #999;
	background: url(../images/bg-form-text-green.gif) repeat-x left top #fff;
}

input,select {
	font: 11px/ 20px Tahoma, sans-serif;
}

.submitbutton {
	background: url(../images/bg-top-bar-green.gif);
	font: 11px/ 20px Tahoma, sans-serif;
}

.submitbutton:hover {
	background: url(../images/bg-top-bar-orange.gif);
}


#result {
	background-color: #F0FFED;
	border: 1px solid #215800;
	padding: 10px;
	width: auto;
	margin-bottom: 10px;
	margin-top: 10px
}

a:link,a:visited {
	color: #3c78a7;
	text-decoration: none
}

a:hover,a:active {
	color: #3c78a7;
	text-decoration: underline;
}

a img {
	border: 1;
	border-color: #CCCCCC;
}

tbody.on {
	display: table-row-group;
}

tbody.off {
	display: none;
}

table {
	width: 100%;
}

.table1 {
	color: #3E5867;
	width: 100%;
	border: 1px solid #E6F0F2;
	border-collapse: collapse;
}

.table1 th {
	background-color: #d3dce3;
	text-align: center;
	text-transform: uppercase;
	height: 50px;
}

#sidebar li {
	font: 100% Tahoma, Verdana, sans-serif;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 2px 0px 2px 15px;
	background: url(../images/arrowssub.png) no-repeat 0 0px;
	margin-left: -35px;
}

#sidebarnoimage li {
	font: 100% Tahoma, Verdana, sans-serif;
	list-style: none;
	border-bottom: 1px dashed #ccc;
	display: block;
	padding: 2px 2px 2px 5px;
	margin-left: -40px;
}

#sidebarshoutbox li {
	font: 100% Tahoma, Verdana, sans-serif;
	list-style: none;
	border-bottom: 1px dashed #ccc;
	display: block;
	padding: 2px 2px 2px 20px;
	margin-left: -40px;
	background: url(../images/icons/comment_yellow.gif) no-repeat 0 0px;
}

#sidebarcomm li {
	font: 100% Tahoma, Verdana, sans-serif;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 2px 2px 2px 20px;
	margin-left: -20px;
	background: url(../images/icons/comment.gif) no-repeat 0 3px;
}

#sidebartab li {
	font: 100% Tahoma, Verdana, sans-serif;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 2px 2px 2px 2px;
	margin-left: -20px;
	margin-right: -20px;
}

#sidebartab li:hover {
	background: #C9D69E;
}

#sidebarfooter li {
	font: 100% Tahoma, Verdana, sans-serif;
	list-style: none;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 2px 2px 2px 2px;
	margin-left: -20px;
	margin-right: -10px;
}

#sidebarfooter li:hover {
	background: #C9D69E;
}

#footer {
	margin: 10px 0px 0px 0px;
	padding: 10px 5px 10px 5px;
	border-top: 3px solid #ccc;
	background: #729603 url(../images/bg-footer-green.gif) no-repeat;
}

#footer2 {
	font-size: x-small;
	margin-bottom: 5px;
	background: #404040;
	color: #ffffff;
}

#footer a {
	color: #FFFF80;
}

.content-area {
	background-color: #f4f4f4;
	padding: 5px 5px 5px 5px;
	background: url(../images/bg-form-text-green.gif) repeat-x left top #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.info-area2 {
	border: solid 1px #729603;
	padding: 5px 5px 5px 5px;
	background: url(../images/bg-form-text.gif) repeat-x left top #fff;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-align: center;
}

.title-footer-area {
	margin-left: 20px;
	color: #ffffff;
	font-weight: bold;
	font: 1.5 Georgia;
}

.title-tab {
	font-weight: bold;
	font: 1.2em Georgia;
	text-align: right;
}

.title-common {
	color: #729603;
	font-weight: bold;
	font: 1.8em Georgia;
	text-align: right;
}

.error-area {
	padding: 2px;
	border: solid 1px red;
	margin: 0 auto;
	text-align: center;
	margin-top: 5px;
	background: url(../images/bg-form-text.gif) repeat-x left top #fff;
}

#content {
	min-height:300px;
	height:auto!important;
	overflow:hidden;
}

#content table{
	color: #3E5867;
	width: 100%;
	border: 1px solid #E6F0F2;
	border-collapse: collapse;
}

.info-area {
	background-color: #f4f4f4;
	padding: 5px 5px 5px 5px;
	border: solid 1px green;
	width: 50%;
	margin: 0 auto;
	text-align: center;
	margin-top: 10px;
	background: url(../images/bg-form-text.gif) repeat-x left top #fff;
}

.titlemodule {
	padding: 3px;
	margin: -5px -5px 5px -5px;
}

.commentbox {
	margin: 10px;
	/*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
	text-align: center;
	font-size: 10px;
	background-color: #ececec;
	padding: 10px;
}

.imagebox {
	text-align: center;
	background-color: #fff;
	padding: 0px 0px 0px 0px;
	border: solid 1px #ddd;
	height: 150;
}

.newsflashbox {
	text-align: center;
	background-color: #fff;
	padding: 2px 2px 2px 2px;
	border: solid 0px #ddd;
	height: 20;
}

.modulesbox {
	text-align: center;
	font-size: 10px;
	background-color: #fff;
	padding: 5px 5px 5px 5px;
	border: solid 1px #ddd;
	margin: 0px;
}

.rssbigbox {
	background-color: #fff;
	padding: 2px 02px 2px 2px;
	border: solid 1px #ddd;
	height: auto;
}

.modulestitle {
	font: 1.2em Georgia;
	font-weight: bold;
}

#loader_container { /*
	margin-right: 5px;
	margin-top: 10px;*/
	text-align: center;
	position: absolute;
	top: 86%;
	width: 190%
}

.listshout li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 2px 0px 2px 13px;
	background: url(../images/arrows.gif) no-repeat 0 0px;
	margin-left: 10;
	margin-bottom: 10;
	margin-right: 10;
}

.navadmin li {
	list-style: none;
	border-bottom: 1px dotted #ccc;
	display: block;
	padding: 2px 0px 2px 13px;
	background: url(../images/arrows.gif) no-repeat 0 0px;
	margin-left: 10;
	margin-bottom: 5;
	margin-right: 10;
}

/* Comments*/
.commentlist cite {
	font-style: normal;
	margin-bottom: 4px;
	display: block;
}

.commentlist blockquote {
	background: #ededed;
}

.commentlist li {
	padding: 10px 0px 10px 0px;
	list-style: none;
	margin-bottom: 3px;
}

.commentlist li li {
	background: none;
	border: none;
	list-style: square;
	margin: 3px 0 3px 20px;
	padding: 3px 0;
}

.commenttext {
	padding: 10px 10px 0px 10px;
	background: #f2f2f2;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	width: 495px;
	float: right
}

.commentlist cite strong {
	font-size: 1.1em;
}

li.my_comment {
	background: #FFF;
	border: none;
}

li.my_comment cite strong {
	font-size: 1.3em;
	color: #313228;
}

#commentform small {
	background: #FFF;
	font-weight: bold;
	padding: 0;
}

.commentmetadata {
	color: #4d4d4d;
	display: block;
	margin-top: 3px;
	text-align: right;
	font-size: 0.9em;
}

.commentmetadata a,.commentmetadata a:visited {
	color: #959382;
}

.commentlist small {
	background: #e9e9e9;
}

.avatar {
	border: 1px solid #bbb;
	margin: 0px 10px 0px 0px;
	float: left;
	padding: 2px;
	width: 55px;
	height: 55px;
}

#comment {
	background: #fff;
}

select {
	border: 1px solid #333;
	width: 100%
}

.field {
	padding: 2px;
	border: 1px solid #333;
	background: #fff;
	font-size: 1.0em;
}

#submitbutton {
	padding-left: 5px;
}

code {
	white-space: nowrap;
	background-color: #fbfbfd;
	border: 1px solid #dae0e4;
	font-size: 11px;
	margin: 10px 4px;
	padding: 8px;
	width: auto;
	overflow: auto;
}

.codeblock {
	background-color: #fbfbfd;
	border: 1px solid #dae0e4;
	font-size: 11px;
	margin: 10px 4px;
	padding: 8px;
	width: 520px;
	overflow: auto;
}

form fieldset {
	background-color: #A4B860;
	border-width: 2px;
	border-style: solid;
	border-color: #7c5b47;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 20px 0px 20px 0px;
	width: 645px;
	position: relative;
	display: block;
	padding: 0px 10px 10px 10px;
	-moz-border-radius-bottomleft: 7px;
	-moz-border-radius-bottomright: 7px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 7px;
	-webkit-border-radius: 7px;
	border-radius: 2px;
}

form fieldset legend {
	background-color: #7c5b47;
	border-width: 1px;
	border-style: solid;
	border-color: #7c5b47;
	color: #ffcc99;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 110%;
	padding: 2px 5px;
	margin: 0px 0px 10px 0px;
	position: relative;
	top: -12px;
	border-bottom: solid 2px #7c5b47;
}

form fieldset legend img {
	padding: 0px 5px 0px 5px;
}

label {
	font-size: 80%;
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	margin: 6px 5px 0px 0px;
}

.button {
	background-color: #fff9e7;
	border-width: 1px;
	border-style: solid;
	border-color: #7c5b47;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.tabbedTbl {
	border: none;
	width: 100%;
}

td.tabbedNav {
	width: 100px;
}

td.tabbedContent {
	padding: 10px;
	border: 1px solid #e8e9e3;
	background: url(../images/bg-form-text.gif) repeat-x left top #fff;
}

.tabbedContent div {
	line-height: 30%;
	color: #666;
}

.tabbedContent div ul {
	margin: 5px 0px !important;
	padding: 5px 15px !important;
}

#tab {
	margin-top: -2px;
	margin-bottom: -2px;
}

#tab td.tabmenu {
	padding: 10px;
	font-size: 11px;
	background-color: #729603;
	width: 140px;
	line-height: 130%;
	cursor: pointer;
	background: url(../images/bg-top-bar-green.gif);
}

#tab td.tabmenu a {
	display: block;
	color: #ffffff;
}

#tab td.tabmenu a:hover {
	color: #424239;
}

#tab td.active {
	background: #FFAB02;
	background: url(../images/bg-top-bar-orange.gif);
}

#tab td.active a {
	color: #63635a;
	text-decoration: none;
}

#blueblock {
	width: 224px;
	padding: 1em 0 1em 0;
	margin-bottom: 1em;
	background: url(../images/bg-top-bar-green.gif);
	color: #333;
	margin-left: 1px;
}

* html #blueblock { /*IE 6 only */
	w\idth: 147px;
	/*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#blueblock li {
	border-bottom: 1px solid #90bade;
	margin: 0;
}

#blueblock li a {
	display: block;
	padding: 5px 5px 5px 8px;
	border-left: 10px solid #A4B860;
	border-right: 10px solid #578EC4;
	background-color: #BDD2FF;
	color: #404040;
	text-decoration: none;
	width: 100%;
}

html>body #blueblock li a { /*Non IE6 width*/
	width: auto;
}

#blueblock li a:hover {
	border-left: 10px solid #1c64d1;
	border-right: 10px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
	margin-left: 10px;
}