body {

	background: #000033;

	color: #000;

	text-align: center;

	line-height: 1.4;

	background-image: url(../../../images/atas.jpg);

	background-repeat: repeat-x;

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 13px;


}



a:link {

	color: #192B40;

	text-decoration: none;

}



a:visited {

	color: #192B40;

	text-decoration: none;

}



a:hover, a:active {

	color: #000;

	text-decoration: underline;

}



#container {
	width: 89%;
	color: #192B40;
	border: 1px solid #192B40;
	margin: auto;
	padding: 25px;
	text-align: left;
	-moz-border-radius: 20px;
	background-color: #827d6d;

}



#content {
	width: auto !important;
	background-color: #CBC9C4;
	padding: 20px;
	border: 2px ridge #000000;

}



.menu ul {

	color: #000000;

	font-weight: bold;

	text-align: right;

	padding: 4px;

}



.menu ul a:link {

	color: #000000;

	text-decoration: none;

}



.menu ul a:visited {

	color: #000000;

	text-decoration: none;

}



.menu ul a:hover, .menu ul a:active {

	color: #4874a3;

	text-decoration: none;

}



#panel {
	color: #000000;
	border: 1px dotted #000033;
	padding: 8px;
	font-size: 11px;
	background-color: #CBC9C4;
}



table {

	color: #000000;

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 13px;

}



.tborder {

	background: #81A2C4;

	width: 100%;

	margin: auto;

	border: 1px solid #192B40;

	-moz-border-radius: 8px;

}



.thead {

	background: #990000;

	color: #ffffff;

}



.thead a:link {

	color: #ffffff;

	text-decoration: none;

}



.thead a:visited {

	color: #ffffff;

	text-decoration: none;

}



.thead a:hover, .thead a:active {

	color: #ffffff;

	text-decoration: underline;

}



.tcat {

	background: #000066;

	color: #fff;

	margin-bottom:10px;

	font-size: 12px;

}



.tcat a:link {

	color: #fff;

}



.tcat a:visited {

	color: #fff;

}



.tcat a:hover, .tcat a:active {

	color: #990000;

}



.trow1 {

	background: #e9effa;

	line-height: 1.4;

}



.trow2 {

	background: #e9effa;

	color: #000;

	line-height: 1.4;

	

	

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 13px;

}



.trow_shaded {

	background: #ffdde0;

}



.trow_selected td {

	background: #FFFBD9;

}



.trow_sep {

	background: #c3d4eb;

	color: #000;

	font-size: 12px;

	font-weight: bold;

}



.tfoot {

	background: #990000;

	color: #fff;

}



.tfoot a:link {

	color: #fff;

	text-decoration: none;

}



.tfoot a:visited {

	color: #fff;

	text-decoration: none;

}



.tfoot a:hover, .tfoot a:active {

	color: #000033;

	text-decoration: underline;

}



.bottommenu {

	background: #EAEAEB;

	color: #000000;

	padding: 15px;

	border: 1em dotted #192B40;

	text-align: center;

}



.navigation {

	color: #000000;

	font-size: 13px;

	font-weight: bold;

}



.navigation a:link {

	text-decoration: none;

}



.navigation a:visited {

	text-decoration: none;

}



.navigation a:hover, .navigation a:active {

	text-decoration: none;

}



.navigation .active {

	color: #000000;

	font-size: small;

	font-weight: bold;

}



.smalltext {

	font-size: 11px;

}



.largetext {

	font-size: 16px;

	font-weight: bold;

}



input.textbox {

	background: #fff;

	color: #000000;

	border: 1px solid #000033;

	padding: 1px;

}



textarea {

	background: #fff;

	color: #000000;

	border: 1px solid #000033;

	padding: 2px;

	line-height: 1.4;

	

	font-family: Verdana, Arial, Sans-Serif;

	font-size: 13px;

}



select {


	background: #fff;

	border: 1px solid #000033;

}



.editor {

	background: #f1f1f1;

	border: 1px solid #ccc;

}



.editor_control_bar {

	background: #fff;

	border: 1px solid #0f5c8e;

}



.autocomplete {

	background: #fff;

	border: 1px solid #000;

	color: black;

}



.autocomplete_selected {

	background: #adcee7;

	color: #000;

}



.popup_menu {

	background: #ccc;

	border: 1px solid #000;

}



.popup_menu .popup_item {

	background: #fff;

	color: #000;

}



.popup_menu .popup_item:hover {

	background: #C7DBEE;

	color: #000;

}



.trow_reputation_positive {

	background: #ccffcc;

}



.trow_reputation_negative {

	background: #ffcccc;

}



.reputation_positive {

	color: green;

}



.reputation_neutral {

	color: #444;

}



.reputation_negative {

	color: red;

}



.invalid_field {

	border: 1px solid #f30;

	color: #f30;

}



.valid_field {

	border: 1px solid #0c0;

}



.validation_error {

	color: #f30;

	margin: 5px 0;

	padding: 5px;

	font-weight: bold;

	font-size: 11px;

	padding-left: 22px;

}



.validation_success {

	color: #00b200;

	margin: 5px 0;

	padding: 5px;

	font-weight: bold;

	font-size: 11px;

	padding-left: 22px;

}



.validation_loading {

	color: #555;

	margin: 5px 0;

	padding: 5px;

	font-weight: bold;

	font-size: 11px;

	padding-left: 22px;

}



/* Additional CSS (Master) */

img {

	border: none;

}



.clear {

	clear: both;

}



.hidden {

	width: 1%;

	display: none;

	float: none;

}



.float_left {

	float: left;

}



.float_right {

	float: right;

}



.menu ul {

	list-style: none;

	margin: 0;

}



.menu li {

	display: inline;

	padding-left: 5px;

}



.menu img {

	padding-right: 5px;

	vertical-align: top;

}



#panel .links {

	margin: 0;

	float: right;

}



.expcolimage {

	float: right;

	width: auto;

	vertical-align: middle;

	margin-top: 3px;

}



img.attachment {

	border: 1px solid #E9E5D7;

	padding: 2px;

}



hr {

	background-color: #000000;

	color: #000000;

	height: 1px;

	border: 0px;

}



#copyright {
	font: 11px Verdana, Arial, Sans-Serif;
	margin: 0;
	text-align: center;

}



#debug {

	float: right;

	text-align: right;

	margin-top: 0;

}



blockquote {

	background: #c3d4eb;

	border: 1px double #000033;

	-moz-border-radius: 7px;

	margin: 10px;

	padding: 5px;

}



blockquote cite {

	font-weight: bold;

	border-bottom: 1px solid #000033;

	font-style: normal;

	display: block;

	margin: 4px 0;

}



blockquote cite span {

	float: right;

	font-weight: normal;

}



.codeblock {

	background: #fff;

	border: 1px solid #ccc;

	padding: 4px;

}



.codeblock .title {

	border-bottom: 1px solid #ccc;

	font-weight: bold;

	margin: 4px 0;

}



.codeblock code {

	overflow: auto;

	height: auto;

	max-height: 200px;

	display: block;

	font-family: Monaco, Consolas, Courier, monospace;

	font-size: 13px;

}



.subforumicon {

	border: 0;

	vertical-align: middle;

}



.separator {

	margin: 5px;

	padding: 0;

	height: 0px;

	font-size: 1px;

	list-style-type: none;

}



form {

	margin: 0;

	padding: 0;

}



.popup_menu .popup_item_container {

	margin: 1px;

	text-align: left;

}



.popup_menu .popup_item {

	display: block;

	padding: 3px;

	text-decoration: none;

	white-space: nowrap;

}



.popup_menu a.popup_item:hover {

	text-decoration: none;

}



.autocomplete {

	text-align: left;

}



.subject_new {

	font-weight: bold;

}



.highlight {

	background: #FFFFCC;

	padding: 3px;

}



.pm_alert {
	background: #EAEAEB;
	border: 3px solid #192B40;
	text-align: center;
	-moz-border-radius: 10px;
	padding: 8px 23px;
	font-size: 11px;

}



.red_alert {

	background: #FBE3E4;

	border: 1px solid #A5161A;

	color: #A5161A;

	text-align: center;

	padding: 5px 20px;

	font-size: 11px;

}



.high_warning {

	color: #CC0000;

}



.moderate_warning {

	color: #F3611B;

}



.low_warning {

	color: #AE5700;

}



div.error {

	background: #fff;

	padding: 5px 10px;

	border-top: 2px solid #000033;

	border-bottom: 2px solid #000033;

	font-size: 12px;

}



div.error p {

	margin: 0;

	color: #000;

	font-weight: normal;

}



div.error p em {

	font-style: normal;

	font-weight: bold;

	padding-left: 24px;

	display: block;

	color: #C00;

}



div.error.ul {

	margin-left: 24px;

}



.online {

	color: #15A018;

}



.offline {

	color: #C7C7C7;

}



.pagination {

	font-size: 11px;

	padding-top: 10px;

	margin-bottom: 5px;

}



.tfoot .pagination, .tcat .pagination {

	padding-top: 0;

	border: 1px solid #192B40;

}



.pagination .pages {

	font-weight: bold;

}



.pagination .pagination_current, .pagination a {

	padding: 2px 6px;

	margin-bottom: 3px;

}



.pagination a {

	border: 1px solid #81A2C4;

}



.pagination .pagination_current {

	background: #F5F5F5;

	border: 1px solid #81A2C4;

	font-weight: bold;

}



.pagination a:hover {

	background: #F5F5F5;

	text-decoration: none;

}



.thread_legend, .thread_legend dd {

	margin: 0;

	padding: 0;

}



.thread_legend dd {

	padding-bottom: 4px;

	margin-right: 15px;

}



.thread_legend img {

	margin-right: 4px;

	vertical-align: bottom;

}



.forum_legend, .forum_legend dt, .forum_legend dd {

	margin: 0;

	padding: 0;

	color: #000033;

}



.forum_legend dd {

	float: left;

	margin-right: 10px;

}



.forum_legend dt {

	margin-right: 10px;

	float: left;

}



.success_message {

	color: #00b200;

	font-weight: bold;

	font-size: 10px;

	margin-bottom: 10px;

}



.error_message {

	color: #C00;

	font-weight: bold;

	font-size: 10px;

	margin-bottom: 10px;

}



.post_body {

	padding: 5px;

}



.post_content {

	padding: 5px 10px;

}



.quick_jump {

	width: 13px;

	height: 13px;

	padding-left: 13px; /* amount of padding needed for image to fully show */

	vertical-align: middle;

	border: none;

}



.mattblacktabs {

	width: 100%;

	overflow: hidden;

	border-bottom: 1px solid #EAEAEB;
}
.mattblacktabs ul {
	margin: 0;
	padding: 0;
	padding-left: 10px;
	font: bold 12px Verdana;
	list-style-type: none;

}
.mattblacktabs li {
display: inline;
margin: 0;
}
.mattblacktabs li a {

	background: #314965;

	color: white;

	float: left;

	display: block;

	margin: 0;

	padding: 7px 8px;

	border-right: 1px solid white;

	

	text-decoration: none;

}



.mattblacktabs li a:visited {

color: white;

}



.mattblacktabs li a:hover, .mattblacktabs li.selected a {

background: #1B3047; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */

}



.spoiler_header {

 background: #000033;

 border: 1px solid #000;

 padding: 4px;

 margin: 4px 0 0 0;

 color: #fff;

}

.spoiler_header a {

 color: #990000;

 font-weight: bold;

}



.spoiler_body {

 background: #e9effa;

 padding: 4px;

 border: 1px solid #CCC;

 border-top: 0;

 color: #000;

 margin: 0 0 4px 0;

}



.tnav {

	background: #000066;

	color: #000033;

	margin-bottom:10px;

	font-size: 12px;

}



.tnav a:link {

	color: #000033;

}



.tnav a:visited {

	color: #000033;

}
.tnav a:hover, .tcat a:active {

	color: #000033;
}
#bawah  {
	font-size: 10px;
	text-align: center;
	color: #000;
	word-spacing: 2px;
	margin: auto;
	padding-top: 3px;
	padding-bottom: 3px;
}
#bawah a:link, #bawah a:visited {
	color:#000;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000;
	text-decoration:none;
}
#bawah a:hover, #bawah a:active {
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
#footer2 {
	height:auto;
	margin: auto;
	-moz-border-radius: 20px;
	background-color: #827d6d;
	width:89%;
	padding-top: 0px;
	padding-right: 25px;
	padding-bottom: 0px;
	padding-left: 25px;
}
#jeda {
	height: 10px;
	clear: both;
	width: 100%;
}
#headera {
	background-image: url(../../../images/header.jpg);
	height: 200px;
	background-repeat: no-repeat;
	width: auto;
	background-position: center;
}
#tabsE {
	float:none;
	width:90%;
	background:#000033;
	font-size:100%;
	line-height:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: auto;
}
#tabsE ul {
	margin:0;
	list-style:none;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#tabsE ul li {
	float: left; /*For IE 7 lack of compliance*/
	display:inline;
	margin: 0;
	padding: 0;
	position:relative;
}
#tabsE li {
	display:inline;
	padding:0;
	margin: 0;
}
 
#tabsE a {
	float:left;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
	background-image: url(../../../images/tableftE.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#tabsE a span {
	float:left;
	display:block;
	color:#FFF;
	background-image: url(../../../images/tabrightE.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 5px;
	padding-right: 18px;
	padding-bottom: 4px;
	padding-left: 12px;
	margin-right: 3px;
}
#tabsE a span {float:none;}
#tabsE a:hover span {
     color:#FFF;
}
#tabsE a:hover {
      background-position:0% -42px;
}
#tabsE a:hover span {
      background-position:100% -42px;
}

#tabsE #current a {
     background-position:0% -42px;
}
#tabsE #current a span {
     background-position:100% -42px;
}
#tabsE .forum {
	width:78px;
}

#tabsE ul ul { display:none; padding:0; }
li.forum ul li{ width:100px; text-align: left;}
#tabsE ul li:hover ul {
	display:block;
	float:left;
	position:absolute;
	margin-top:25px;
} 
#tabsE .forum ul li span {
	width: 100px;
}
#tabsE li.forum#current ul li a:hover {
      background-position:0% -42px;
}
#tabsE li.forum#current ul li a:hover span {
      background-position:100% -42px;
}
#tabsE li.forum#current ul li a {
     background-position:0% 0px;
}
#tabsE li.forum#current ul li a span {
     background-position:100% 0px;
}


