body, input, select, textarea {

	font: 11px "Arial", Arial, Helvetica, sans-serif; 

	margin: 0;

	padding: 0;

	background-color:#333;

}

#container { width: 100%; min-width: 1360px; margin: 0 auto; background-color:#FFF; 

}

#baris { width: 100%; clear:both; }



#header { height: 40px; color: #FF0000; background:#369; border-bottom: 1px black solid; background-image:url(../images/header1.jpg);}

#holderheader { float: center; height: 40px; width: 1350px; margin: auto;}

#tabelkaki { float: center; width: 100%; margin: auto; background-color:#9FF; border: 1px solid #ccc;}

#logo { float: left; height: 40px; }

#logokop { float: right; height: 40px; width:400px; color:#FFFFFF; text-align:right; }

#content { float: center; height:auto; width: 1350px; margin: auto; color: #000; margin-bottom:10px; }

#contentkiri {  clear: both; clear: center; float: left; height: auto; width: 195px; margin: auto; color: #ccc; font-size:9px;  }

#contentkiriatas { height:auto; padding-top: 0px; }

#contentkiribawah { text-align: justify; height:auto; border: 1px solid #ccc; padding: 15px 15px 15px 15px; background-color:#FFFFFF; margin-bottom:10px; }

#contentkiricol1 { float:left; height:auto; width: 312px; border: 1px solid #ccc; padding: 15px 15px 15px 15px; background-color:#FFFFFF; margin-bottom:10px; margin-right:10px; }

#contentkiricol2 { float:left; height:auto; width: 312px; border: 1px solid #ccc; padding: 15px 15px 15px 15px; background-color:#FFFFFF; margin-bottom:10px; }

#contentberita { height:auto; height: 382px; width: 751px; padding: 15px 2px 2px 2px; background: white;}

#gambarberita { float: right; height: 165px; width: 355px; margin-top: 25px; padding: 2px 2px 10px 2px; background: #FFF; border: 1px solid #CCC;}

#contentkomen { height: 96px; width: 751px;  padding: 2px 2px; border-top: 1px solid #CCC; background: white; 

				font-size: 10px; color: #3B83FB;}



#contentkanan { height:auto; float: left; height: auto; width: 1118px; min-height:545px; margin-left:8px; background-image:url(../images/bghitam1.jpg); background-color:rgba(30,30,30,.9); padding: 10px 10px 10px 10px; border: 3px solid #777; margin-bottom:10px; box-shadow: 0 2px 2px 2px rgba(0,0,0,0.3); border-radius:0.8em;}

#footer { height: 38px; color:#666; border-top: 1px #555 solid; background:#111; }

#holderfooter { clear: both; float: center; height: 30px; width: 1350px; margin: auto; }



h2 { font-size: 16px; font-family:Trebuchet MS; font-weight:bold; color:#FF9; margin-top:0px; }



a {

  color: white;


  text-decoration:none;

}



a:hover {

  color: yellow;

  font-weight: bold;

 

}

#tabled {

	border-left:1px solid #444; padding: 0; margin: 0;

}

th {

	background-color:#333333;

	color: yellow;

	border-right: 1px solid #444;

	border-bottom: 1px solid #444;

	border-top: 1px solid #444;

	text-align:center;

	vertical-align:middle;

	height:25px;
	font-weight:100;

box-shadow:

    inset 0 1px 0 rgba(255,255,255,0.0),

    inset 0 3px 3px rgba(255,255,255,0.0);}





#tdd {

	border-right: 1px solid #444;

	border-bottom: 1px solid #444;

	padding: 1px 2px 1px 2px;

	color:#fff;

}

#tdo {

	border-right: 1px solid #444;

	border-bottom: 1px solid #444;

	padding: 1px 1px 1px 1px;

	text-align:center;

	background-color:#333;

	color:#FFFF00;

	width:1px;

}

#tdno {

	border-right: 1px solid #444;

	border-bottom: 1px solid #444;

	padding: 1px 1px 1px 1px;

	text-align:center;

	color:#FFFF00;

}

#tdkaki {

	border-right: 1px solid #444;

	border-bottom: 1px solid #444;

	padding: 1px 1px 1px 1px;

	background-color:#444;

	height:25px;

	padding: 1px 2px 1px 2px;

	color:#999;

}

#tdkepala {

	border-right: 1px solid #444;

	border-top: 1px solid #444;

	padding: 1px 1px 1px 1px;

	background-color:#444;

	height:25px;

	padding: 1px 2px 1px 2px;

	color:#999;

}

#tableda { font: bold 20px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#336;

}

#tableform {

	border-left:0px solid #444; padding: 0; margin: 0;

}

#tdsub {

	border-top: 1px solid #444;

	border-right: 0px solid #444;

	padding: 1px 2px 1px 2px;

	color:#FFF;

	background-color:#222;

	width:20%;
	height:20px;

}

#tdkiri {

	border-top: 1px solid #444;

	border-right: 0px solid #444;

	padding: 1px 2px 1px 2px;

	color:#FF0;

	background-color:#300;

	width:20%;
	

}

#tdkanan {

	border-top: 1px solid #444;

	border-right: 0px solid #444;

	padding: 1px 2px 1px 2px;

	color:#999;

	width:80%;

}
#tdkiri2 {

	border-top: 1px solid #444;

	border-right: 0px solid #444;

	padding: 1px 2px 1px 2px;

	color:#FF0;

	background-color:#333;

	width:50%;

}

#tdkanan2 {

	border-top: 1px solid #444;

	border-right: 0px solid #444;

	padding: 1px 2px 1px 2px;

	color:#999;

	width:50%;

}

#tabledata {

	border-left:0px solid #444; padding: 0; margin: 0;

}



#tdkirid {

	border-top: 1px solid #444;

	border-right: 0px solid #444;

	padding: 1px 2px 1px 2px;

	color:#FF0;

	background-color:#333;

	width:15%;

}

#tdkanand {

	border-top: 1px solid #444;

	border-right: 0px solid #444;

	padding: 1px 2px 1px 2px;

	color:#fff;

	width:85%;


}

#tdkiribawah {

	border-top: 1px solid #444;

	border-bottom: 1px solid #444;

	border-right: 0px solid #444;

	padding: 1px 2px 1px 2px;

	color:#fff;

}

#tdkananbawah {

	border-top: 1px solid #444;

	border-bottom: 1px solid #444;

	border-right: 0px solid #444;

	padding: 1px 2px 1px 2px;

	color:#fff;

}

#login {

	width: 200px;

	height: 170px;

	padding: 10px;

	color: #fff;

	margin: 0 0px;

	background: url(../images/login.png) no-repeat top;

}



#login h4 {

	color: #1c282d;

	margin-bottom: 20px;

	font-size:12px;

	margin-top:10px;

}



#login form {

	margin: 0;

	padding: 0;

	margin-bottom: 20px;

}



#login form .login_field {

	width: 170px;

	padding: 2px 5px;

	color: #fff;

	background: #596f78;

	border: 1px solid #1a252a;

}



#login form label {

	display: block;

	width: 100px;

	margin-right: 10px;

	color:#FFFFFF;

	font-weight:normal;	

}



#login form .login_button {

	background: #596f78;

	border: 1px solid #1a252a;

	padding: 5px 10px;

	font-weight: bold;

	color:#FFFF00;

	margin-top:8px;

}





label {

	display:block;

	font-weight:bold;

	margin:5px 0;

}

#formkaki {

	



}

input {

	padding: 3px 3px; 

	border:1px solid #333;

	background:#444; 

	color:#fff;

	  box-shadow:

    inset 0 1px 0 rgba(255,255,255,0.1),

    inset 0 10px 10px rgba(255,255,255,0.1);



}

select {

	padding: 2px 0px; 

	border:1px solid #333;

	background:#444;

	color:#fff;

	  box-shadow:

    inset 0 1px 0 rgba(255,255,255,0.1),

    inset 0 10px 10px rgba(255,255,255,0.1);

	

}

textarea {

	width:400px;

	padding: 3px 3px;

	font: normal 1em Arial;

	border:1px solid #969;

	height:50px;

	display:block;

	color:#0033CC;

	-moz-border-radius:5px;

}

input.button { 	

	margin: 0;

	font: bolder 11px Arial, Sans-serif; font-weight:bold;

	background-color:#006699;

	border: 1px solid #003366; 

	padding: 1px 10px; 

	color:#ffffff;
	height:22px;

}

img { border: none; }

.gbr_w { display: inline-block; padding: 0px; border: 0px solid #ccc; background: #f8f8f8; }

.gbr_l { float: left; margin: 4px 8px 0 0; }

.gbr_t { float: top; margin: 5px 0px 0 0; }

.gbr_fr { float: right; margin: 3px 0 0 15px; }



#featured{ 

	width:415px; 

	padding-right:250px; 

	position:relative; 

	border:0px solid #666600; 

	height:251px; overflow:hidden;

	background:#ccc; 

	margin-top:0px;

}

#featured ul.ui-tabs-nav{ 

	position:absolute; 

	top:0; left:367px; 

	list-style:none; 

	padding:0; margin:0; 

	width:300px; height:250px;

	overflow:auto;

	overflow-x:hidden;

	font-weight:normal;

	background-color:#ccc;

}

#featured ul.ui-tabs-nav li{ 

	padding:1px 0; padding-left:13px;

	font-size:12px;

	text-align:left;

	font-weight:normal;

}

#featured ul.ui-tabs-nav li img{ 

	float:left; margin:1px 5px; 

	background:#333; 

	padding:0px; 

	border:1px solid #ccc;

}

#featured ul.ui-tabs-nav li span{ 

	font-size:11px;

	color:#FFFFFF;

	line-height:10px; 

}

#featured li.ui-tabs-nav-item a{ 

	display:block; 

	height:48px; text-decoration:none;

	color:#333;  background:#ccc; 

	line-height:15px; outline:none;

	font-weight:normal;

}

#featured li.ui-tabs-nav-item a:hover{ 

	background:#596f78; 

}

#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ 

	background:url('images/selected-item.gif') top left no-repeat;  

}

#featured ul.ui-tabs-nav li.ui-tabs-selected a, #featured ul.ui-tabs-nav li.ui-tabs-active a{ 

	background:#EA0000;

	color:#FF0; 

}

#featured .ui-tabs-panel{ 

	width:380px; height:250px; 

	background:#999; position:relative;

}

#featured .ui-tabs-panel .info{ 

	position:absolute; 

	bottom:0; left:0; 

	height:45px; 

	background: url('../images/transparent-bg.png'); width:380px; 

}

#featured .ui-tabs-panel .info a.hideshow{

	position:absolute; font-size:11px; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;

}

#featured .info h2{ 

	font-size:1em; 

	color:#fff; padding:5px; margin:0; font-weight:normal;

	overflow:hidden; 

}

#featured .info p{ 

	margin:0 5px; 

	font-size:11px; 

	line-height:15px; color:#f0f0f0;

}

#featured .info a{ 

	text-decoration:none; 

	color:#fff; 

}

#featured .info a:hover{ 

	text-decoration:underline; 

}

#featured .ui-tabs-hide{ 

	display:none; 

}