body { background-color: #000; color: #fff; font: 12px "Myriad Pro", "Tahoma"; padding:0; margin:5px 0 5px 0; }

form, img, p { border:0; margin:0; padding:0; vertical-align: middle; }
img{ behavior: url(win_png.htc); }

a { color: #fff; text-decoration:none; }
a:hover { color: #ff0066; }

#container { text-align:justify; width: 990px !important; padding:0 1px 0 1px; border: 1px dotted #fff; }

#header { height: 124px; }
#header .logo { display:block; float: left; height: 124px; width: 235px; }
#header .kanan_atas { display:block; float:right; width: 734px; text-align: right; vertical-align: text-bottom; position: relative; top:5px; }
#header .kanan_tengah { display:block; float:right; width: 735px; height:65px; text-align: right; vertical-align: text-bottom; position: relative; top:17px; padding:5px; }
#header .kanan_bawah { display:block; float:right; width: 734px; text-align: right; vertical-align: text-bottom; position: relative; top:45px; }
#header .kanan_bawah span { height: 24px; font-weight: bold; }

#ticker{ border-top: 1px #ff0000 solid; border-bottom: 1px #ff0000 solid; font-weight: bold; padding: 3px; }
#dropcontentsubject { }
.dropcontent { display:block; }

#container_kiri { width: 185px; float: left; }
#container_tengah { width: 465px; float: left; }
#container_kanan { width: 327px; float: right; }

.clear { clear: both; }
.judul_content { font-weight: bold; text-transform: uppercase; }
.isinya { margin-bottom:8px; }
.more { font-weight: bold; text-align: right; border-bottom:1px dotted #fff; }
.judul_sawah { color: #ff0066; font-size: 14px; font-weight: bold; text-transform: uppercase; margin:5px 0 5px 0; }
.isi_sawah_atas { height: 270px; }
.isi_sawah { margin: 2px; padding: 3px; }
.kotak_putih { background-color:#fff; color:#000; padding:3px; }
.kotak_putih .content p { margin-bottom:13px; }
.kotak_hitam { background-color:transparent; color:#fff; padding:3px; text-align:left; }
.kotak_hitam .content p { margin-bottom:13px; }
.comment { }

div.kotak_transparan {
	background-color:#660000;
	/* for IE */
	filter:alpha(opacity=55);
	/* CSS3 standard */
	opacity:0.55;
	display:block;
	position:relative;
	text-transform: uppercase;
}
div.kotak_transparan p { color:#fff; padding:0 15px 0 0; text-align:right;}

#sawah_headline { display:block; height:292px; }
#sawah_headline .poto { display:block; height:265px; width:465px; }

#sawah_content { width:465px; margin:5px 5px 5px 5px; }
#sawah_content .poto { display:block; height:175px; width:175px; margin:0 5px 5px 0;}
#sawah_content .banner { display:block; height:150px; width:458px; }
#sawah_content a { color:#ff0066; text-decoration:none; }
#sawah_content a:hover { color:#fff; text-decoration:underline; }

#sawah_navigation { display:block; height:292px; }
#sawah_navigation .poto { display:block; height:265px; width:320px; }
#sawah_navigation .menu { height: 200px; width:125px; position:relative; float:left;}

#sawah_billboard { display:block; height:292px; }
#sawah_billboard .poto { display:block; height:265px; width:320px; }

#announcement { display:block; height:292px; }
#sawah_5minutes { height:292px; }
#sawah_5minutes .poto { display:block; height:175px; width:175px; }

#sawah_tv { display:block; height:292px; }
#sawah_tv #player { height:265px; width:465px;}

#sawah_coolstuff { display:block; height:292px; }
#sawah_coolstuff .poto { display:block; height:175px; width:175px; }

#sawah_flyer { display:block; height:292px; }
#sawah_flyer img { height:265px; width:465px; }
ul#flyernya { padding: 0; margin: 0; list-style-type: none; }
ul#flyernya li { padding: 0; }

#sawah_podcast { display:block; height:292px; }
#sawah_podcast .poto { display:block; height:135px; width:320px; }

/*
#sawah_partners { float:left; width:482px; text-align:center; margin:5px; }
#sawah_partners img { height:100px;width:150px; margin:0 0 5px 0; }
*/
#sawah_partners1 { float:left; width:485px; height:240px; text-align:center; margin:5px; padding-bottom:5px; }
#sawah_partners2 { float:right; width:485px; height:240px; text-align:center; margin:5px; padding-bottom:5px; }

#copyright { margin:10px 5px 10px 5px; text-align:center; }
#copyright .kiri { float:left; width:50%; text-align:left; }
#copyright .kanan { float:right; width:50%; text-align:right; }

#peringatan { border: 1px solid #333; font-size:15px; font-weight: bold; text-align:center; margin:10px 5px 10px 5px; }

input.button { background-color: #660000; border: 0; color: #fff; font: bold 11px Tahoma; }
input.text { background-color: #FFFFCC; border: 1px solid #660000; margin: 0; padding: 0; }

#formulir label { font-size: 14px; font-weight: bold; }
#formulir span span { font-style: italic; font-size: small;}

input.regtext { background-color: #FFFFCC; border: 1px solid #660000; margin: 3px 0 3px 0; padding: 0; }
legend.formulir { font-size: 14px; font-weight: bold; font-variant: small-caps; }

ul#gallerynya { padding: 0; margin: 0; list-style-type: none; }
ul#gallerynya li { padding: 0; }
.gallerynya li { width:66px;height:50px;border:3px double #111;margin: 0 2px; background:#000; display:block; overflow:hidden; float:left; }

ul#discodiva-banner { padding: 0; margin: 0; list-style-type: none; }
ul#discodiva-banner li { padding: 0; }

.innerfade-title{
	position: absolute;
	bottom: 20px;
	left: 0;
	z-index: 290;
	width: 100%;
	background: #00a7ee url(images/title-bg.png);
	height: 34px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: .8;
	border-top: 1px solid white;
}
.innerfade-title h2{
	color: white;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	text-align: center;
	font-family: Arial;
	font-size: 14px;
	font-style: italic;
	line-height: 34px;
}
.mycontrolboxclass{
	position: absolute;
	right: 35px;
	top: 20px;
}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
border: 1px solid #000;
background-color: #000; 
width: 975px; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
width: 975px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 975px;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background-color: #000;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}

/* galleria CSS */
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

.gallerynya { width:465px;margin:0 auto; }
.gallerynya li { width:66px;height:50px;border:3px double #111;margin: 0 2px;background:#000; }
.gallerynya li div { left:265px; }
#main_image{margin:0 auto 10px auto;width:465px;}
#main_image img{margin-bottom:10px;}
.nav{padding-top:15px;clear:both;font:80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}

/* easynews CSS */
.news_style { display:none; }
.news_show { position:absolute; clip:rect(0px 465px 265px 0px); }
.news_border { width:465px; height:265px; padding: 0; }
.news_mark { display:none; }
.news_title { }
.news_show img { margin-left: 5px; margin-right: 5px; }
.buttondiv { float:right; height:20px; }
.news_move { position: relative; }
.mytable { width:465px; height:265px; vertical-align: top; }
/* SpryFormValidation.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the error messages
 * which prevent them from being displayed by default.
 */ 
.textfieldRequiredMsg, 
.textfieldInvalidFormatMsg, 
.textfieldMinValueMsg,
.textfieldMaxValueMsg,
.textfieldMinCharsMsg,
.textfieldMaxCharsMsg,
.textfieldValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states.
 * These classes set a default red border and color for the error text.
 * The state class (e.g. .textfieldRequiredState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.textfieldRequiredState .textfieldRequiredMsg, 
.textfieldInvalidFormatState .textfieldInvalidFormatMsg, 
.textfieldMinValueState .textfieldMinValueMsg,
.textfieldMaxValueState .textfieldMaxValueMsg,
.textfieldMinCharsState .textfieldMinCharsMsg,
.textfieldMaxCharsState .textfieldMaxCharsMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.textfieldValidState .textfieldValidMsg
{
	display: inline;
	color: green;
	border: 1px solid green;
}

/* The next three group selectors control the way the core element (INPUT) looks like when the widget is in one of the states: * focus, required / invalid / minValue / maxValue / minChars / maxChars , valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the INPUT
 * - the widget id is placed on the INPUT element itself (there are no error messages)
 */
 
 /* When the widget is in the valid state the INPUT has a green background applied on it. */
.textfieldValidState input, input.textfieldValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the INPUT has a red background applied on it. */
input.textfieldRequiredState, .textfieldRequiredState input, 
input.textfieldInvalidFormatState, .textfieldInvalidFormatState input, 
input.textfieldMinValueState, .textfieldMinValueState input, 
input.textfieldMaxValueState, .textfieldMaxValueState input, 
input.textfieldMinCharsState, .textfieldMinCharsState input, 
input.textfieldMaxCharsState, .textfieldMaxCharsState input {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the INPUT has a yellow background applied on it. */
.textfieldFocusState input, input.textfieldFocusState {
	background-color: #FFFFCC;
}

/* This class applies only for a short period of time and changes the way the text in the textbox looks like.
 * It applies only when the widget has character masking enabled and the user tries to type in an invalid character.
 */
.textfieldFlashText input, input.textfieldFlashText{
	color: red !important;
}
/* SpryValidationSelect.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* These are the classes applied on the messages
 * (required message and invalid state message)
 * which prevent them from being displayed by default.
 */ 
.selectRequiredMsg, .selectInvalidMsg, .selectValidMsg {
	display: none;
}

/* These selectors change the way messages look when the widget is in one of the error states (required, invalid).
 * These classes set a default red border and color for the error text.
 * The state class (.selectRequiredState or .selectInvalidState) is applied on the top-level container for the widget,
 * and this way only the specific error message can be shown by setting the display property to "inline".
 */
.selectRequiredState .selectRequiredMsg,
.selectInvalidState .selectInvalidMsg
{
	display: inline;
	color: #CC3333;
	border: 1px solid #CC3333;
}
.selectValidState .selectValidMsg
{
	display: inline;
	color: green;
	border: 1px solid green;
}

/* The next three group selectors control the way the core element (SELECT) looks like when the widget is in one of the states: 
 * focus, required / invalid, valid 
 * There are two selectors for each state, to cover the two main usecases for the widget:
 * - the widget id is placed on the top level container for the SELECT
 * - the widget id is placed on the SELECT element itself (there are no error messages)
 */
 
/* When the widget is in the valid state the SELECT has a green background applied on it. */
.selectValidState select, select.selectValidState {
	background-color: #B8F5B1;
}

/* When the widget is in an invalid state the SELECT has a red background applied on it. */
select.selectRequiredState, .selectRequiredState select,
select.selectInvalidState, .selectInvalidState select {
	background-color: #FF9F9F;
}

/* When the widget has received focus, the SELECT has a yellow background applied on it. */
.selectFocusState select, select.selectFocusState {
	background-color: #FFFFCC;
}
/*UI tabs*/
.ui-tabs-nav {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	position: relative;
	z-index: 1;
	border-right: 1px solid #000000;
	bottom: -1px;
}
.ui-tabs-nav li {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	border: 1px solid #000000;
	border-right: none;
}
.ui-tabs-nav li a {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	float: left;
	font-weight: bold;
	text-decoration: none;
	padding: .5em 1.7em;
	color: #ffffff;
	background: #2d2c2a url(images/2d2c2a_40x100_textures_09_dots_small_33.png) 0 50% repeat-x;
}
.ui-tabs-nav li a:hover {
	background: #00498f url(images/00498f_40x100_textures_09_dots_small_40.png) 0 50% repeat-x;
	color: #ffffff;
}
.ui-tabs-nav li.ui-tabs-selected {
	border-bottom-color: #111111;
}
.ui-tabs-nav li.ui-tabs-selected a, .ui-tabs-nav li.ui-tabs-selected a:hover {
	background: #111111 url(images/111111_40x100_textures_03_highlight_soft_20.png) 0 50% repeat-x;
	color: #478fff;
}
.ui-tabs-panel {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	clear:left;
	border: 1px solid #000000;
	background: #111111 url(images/111111_40x100_textures_01_flat_0.png) 0 0 repeat-x;
	color: #d9d9d9;
	padding: 1.5em 1.7em;	
}
.ui-tabs-hide {
	display: none;/* for accessible hiding: position: absolute; left: -99999999px*/;
}