@charset "utf-8";
/* CSS Document */

html,body{
          margin:0px;
          padding:0px;
		  
}
.h10 {font-size:10px;}
.h11 {font-size:11px;}
.h12 {font-size:12px;}
.h13 {font-size:13px;}
.h14 {font-size:14px;}


body{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color: #000;
	vertical-align:middle;
	background:#003200 url(../images/bg_body.jpg) repeat-x center top;
	text-align:justify;
}
.input-text
{border:none;
background:#cccccc;
font-size:12px;
color:#424242;
width:120px;
height:18px;}
/* style */		
img {border:none;	behavior: url("iepngfix.htc");}
a {text-decoration:none;}
.title {
font-size:18px;

font-family: Geneva, Arial, Helvetica, sans-serif;
text-transform: capitalize;
}
.green
{
color:#346605;
}
h1
{
margin:0px;
padding:0px;
font-size:18px;
}
ol li {margin:0px;padding:0px;}

.orange
{
color:#fd8f02;
}

#heading
{
font-size:13px;
font-weight:bold;
text-align:left;
}
#date
{
font-size:10px;
}


p#button{
margin:5px;
padding:0px;
height:5px;
}
#title{
color:#336600;
display:block;
border-bottom:1px solid #bfbfbd;
margin-bottom:6px;
}

#clear
{
	height:0px;
	font:0px;
	clear:both;
	}
/* frame */
#wrapper{
	width:1000px;
	height:auto !important; /* real browsers */
	height:632px; /* IE6: treaded as min-height*/
	min-height:632px; /* real browsers */
	margin:0 auto;
	position:relative;
	}
	
#feat{
margin-bottom:15px;
}
#feat img
{
margin:5px;
}
#feat_left
{
width:248px;
margin-bottom:15px;
}
#feat_right
{
width:330px;
margin-bottom:15px;
float:right;
}	
	
#header{
	background:url(../images/bg_header.jpg) top center no-repeat;
	height:auto !important; /* real browsers */
	height:128px; /* IE6: treaded as min-height*/
	min-height:128px; /* real browsers */
	position:relative;
	}
#upper {

height:360px;

}	
	
#logo{
width:192px;
float:left;
position:absolute;
left:20px;

}

#silverlight{
width:700px;
height:128px;
margin-left:200px;
overflow:hidden;
}

#welcome{
text-align:left;
position:relative;
width:950px;
height:17px;
margin-top:20px;
margin-left:20px;
background:url(../images/welcome.jpg) left top no-repeat;
color:#FFFFFF;
}

#welcome a{
position:absolute;
right:20px;
color:#e8ed0a;
}
#welcome a:hover{
color:#FFFFFF;
cursor:pointer;
}
#welcome_tag
{
position:absolute;
text-align:left;
width:300px;
left:615px;

}

#pagination
{
display:block;
text-align:right;
color:#000066;
}
#pagination a
{
color:#000000;
padding:2px;
float:left;
}
#pagination a:hover{
color:#FF0000;
}
#pagination a.active {
color:#FF0000;
}

#container{
	height:auto !important; /* real browsers */
	height:592px; /* IE6: treaded as min-height*/
	min-height:632px; /* real browsers */
	position:relative;
	background:#ffffff url(../images/bg_container.jpg) top center repeat-y;
	padding:0px 22px 30px 20px;

	
	}
	
#row_left{
	width:598px;
	float:left;
}
#row_right{
width:344px;
float:right;
}




#banner {
}
#banner img
{
position:absolute;
}

#banner_wrapper{
	height:auto !important; /* real browsers */
	height:306px; /* IE6: treaded as min-height*/
	min-height:306px; /* real browsers */
	margin-bottom:0px;
	float:left;
	border:17px solid #669933;
	width:564px;
	position:relative;
	
}
#navigator
{
width:598px;
left:-17px;
top:140px;
position:absolute;
z-index:5;
}
#banner_wrapper label
{
display: block;
width:514px;
height:306px;
bottom:0px;
padding:5px;
position:absolute;
margin-bottom:0px;
margin-left:20px;
z-index:5;
}

#label a
{
display: block;
width:514px;
height:306px;
bottom:0px;
padding:5px;
position:absolute;
margin-bottom:0px;
margin-left:20px;
z-index:5;
background:url(../images/transparent.png);
}
#label a:link
color:#000;
}
#label a:visited
color:#000;
}
#label a:hover
color:#000;
}
#label a:active
color:#000;
}
#label a:focus
color:#000;
}



#extra{
	height:auto !important; /* real browsers */
	height:238px; /* IE6: treaded as min-height*/
	min-height:238px; /* real browsers */
}
#box{
	width:342px;
	height:342px;
	border-bottom:1px solid #bfbfbd;
	position:relative;
	margin-bottom:20px;
	float:right;

	
}

#box_tag{
width:250px;
height:30px;
background:#669933;
display:block;
color:#FFFFFF;
position:relative;
margin-left:-20px;
padding-left:2px;
margin-bottom:10px;
}
#box_quote{
display:block;
height:110px;
border-bottom:1px solid #bfbfbd;
}
#box_quote img {
position:absolute;
left:0px;
margin-left:-18px;
margin-top:-8px;
}
#box_reg{
position:absolute;
bottom:0px;
width:350px;
height:50;

}
#box_reg table
{
width:100%;
}
#box_reg tr
{
height:23px;}




#box_login{
padding-top:3px;
}
#box_login textarea{
border:none;
background:#cccccc;
font-size:10px;
color:#FFFFFF;
width:350px;
height:100px;
overflow:auto;
}

#pass {
display:block;
float:left;
}
#connect{
	width:344px;
	height:467px;
	background: #659934;
}
#connect_label
{
display:block;
background:#FFF;
padding:5px;
margin:0px 4px 0px 4px;
font-size:15px;
}
#connect_frame
{
background:#FFF;
overflow:auto;
height:360px;
margin:0px 4px 0px 4px;
padding:0px 2px 10px 2px;
}	

#news{
margin-left:12px;
margin-top:10px;
margin-right:18px;
}

#news ul{
margin:0px;
padding:0px;
}
#news ul li{
padding:0px 0px 19px 0px;
margin:10px 0px 0px 0px;
list-style:none;
position:relative;


border-bottom:1px solid #bfbfbd;
}
#news img
{
margin-right:8px;
}
#news_content
{
padding-top:0px;
line-height:18px;
padding-right:18px;
}
#news_content img
{
padding-right:10px;
padding-top:0px;
margin-left:8px;
}
#news_content ul
{
margin:0px;
padding:0px 0px 0px 10px;
}
#news_content li
{
margin:0px 0px 0px 20px;
padding:10px 0px 0px 0px;
list-style:bullet outside;
}
#news_content p
{
margin:8px;
}


<!--
#news ul li img {
display:block;
float:left;
margin-right:10px;
}
-->


#news_desc{
float:right;
margin-top:10px;
margin-right:70px;
width:190px;
font-size:12px;
}
#news_desc ul
{
margin:0px 0px 0px 15px;
padding:0px;
}

#logos ul{
margin:0px;
padding:0px;
}

#logos ul li{
list-style:none none;
display:block;
float:left;
margin-right:10px;
height:auto !important; /* real browsers */
height:75px; /* IE6: treaded as min-height*/
min-height:75px; /* real browsers */
position:relative;
padding-bottom:0px;
}



#footer {
height:27px;
padding-top:8px;
text-align:center;
font-size:10px;
color:#FFFFFF;
}

#footer a {
color:#FFFFFF;
}
	

/*menu sections */
#menu
{

width:782px;
height:26px;
position:absolute;
bottom:0px;
left:200px;
font-size:0px;
overflow: hidden; 
text-indent:-100000000px;
}

#menu a{
	height: 26px;
	border:0;
	display: block;
	text-decoration: none;
	float:left;
	font-size:0px;			
}

/*menu awal */
a#menu_awal
	{
	width:83px;
	background: url(../images/menu_awal.jpg) top left no-repeat;


	}
a#menu_awal:hover, a#menu_awal.active  
	{
	background-position: 0 -26px;
	}


a#menu_1046
	{
	width:83px;
	background: url(../images/menu_awal.jpg) top left no-repeat;


	}
a#menu_1046:hover, a#menu_1046.active  
	{
	background-position: 0 -26px;
	}
/*menu saya */
a#menu_saya
	{
	width: 103px;
	background: url(../images/menu_saya.jpg) top left no-repeat;

	}
a#menu_saya:hover, a#menu_saya.active  
	{
	background-position: 0 -26px;
	}

a#menu_1050
	{
	width: 103px;
	background: url(../images/menu_saya.jpg) top left no-repeat;

	}
a#menu_1050:hover, a#menu_1050.active  
	{
	background-position: 0 -26px;
	}
/*menu testi */
a#menu_testi
	{
	width: 96px;
	background: url(../images/menu_testi.jpg) top left no-repeat;

	}
a#menu_testi:hover, a#menu_testi.active  
	{
	background-position: 0 -26px;
	}

a#menu_1047
	{
	width: 96px;
	background: url(../images/menu_testi.jpg) top left no-repeat;

	}
a#menu_1047:hover, a#menu_1047.active  
	{
	background-position: 0 -28px;
	}

	
/*menu kabar */
a#menu_kabar
	{
	width: 64px;
	background: url(../images/menu_kabar.jpg) top left no-repeat;

	}
a#menu_kabar:hover, a#menu_kabar.active  
	{
	background-position: 0 -26px;
	}

a#menu_1051
	{
	width: 64px;
	background: url(../images/menu_kabar.jpg) top left no-repeat;

	}
a#menu_1051:hover, a#menu_1051.active  
	{
	background-position: 0 -26px;
	}

/*menu aktifitas */
a#menu_aktifitas
	{
	width: 84px;
	background: url(../images/menu_aktivitas.jpg) 0px -1px no-repeat;

	}
a#menu_aktifitas:hover, a#menu_aktifitas.active  
	{
	background-position: 0 -27px;
	}


a#menu_1049
	{
	width: 84px;
	background: url(../images/menu_aktivitas.jpg) 0px -1px no-repeat;

	}
a#menu_1049:hover, a#menu_1049.active  
	{
	background-position: 0 -27px;
	}

/*menu rekanan */
a#menu_rekanan
	{
	width: 87px;
	background: url(../images/menu_rekanan.jpg) top left no-repeat;

	}
a#menu_rekanan:hover, a#menu_rekanan.active  
	{
	background-position: 0 -26px;
	}


a#menu_1053
	{
	width: 87px;
	background: url(../images/menu_rekanan.jpg) top left no-repeat;

	}
a#menu_1053:hover, a#menu_1053.active  
	{
	background-position: 0 -26px;
	}

/*menu tentang */
a#menu_tentang
	{
	width: 96px;
	background: url(../images/menu_tentang.jpg) top left no-repeat;

	}
a#menu_tentang:hover, a#menu_tentang.active  
	{
	background-position: 0 -26px;
	}
	
	
a#menu_1052
	{
	width: 96px;
	background: url(../images/menu_tentang.jpg) top left no-repeat;

	}
a#menu_1052:hover, a#menu_1052.active  
	{
	background-position: 0 -26px;
	}	
			
			
/* form section */
#login{
height:113px;
position:relative;
margin-top:20px;
}
table#login
{margin-top:5px;}
#login form
{
padding:0px;
margin:0px;
}

#login input{
border:none;
background:#cccccc;
font-size:12px;
color:#424242;
width:120px;
height:18px;
}
#login td input
{width:227px;}
#login .btn-register
{
background:#006699;
color:#FFFFFF;
border:none;
position:relative;
font-size:10px;
cursor:pointer;
}

button
{
background:#006699;
color:#FFFFFF;
border:none;
position:relative;
font-size:10px;
cursor:pointer;
}

#login label
{
display: block;
float:left;
width:110px;
}
#login p
{

}
#login td
{height:20px;}
#login textarea
{
border:none;
background:#cccccc;
font-size:10px;
color:#FFFFFF;
width:350px;
height:100px;
overflow:auto;
}
#testimoni {
margin-top:0px;
position:relative;
}
#testimoni form{
margin:0px;
padding:0px;
}
#testimoni label{
display: block;
float:left;
margin-right:39px;
}


#testimoni textarea{
border:none;
background:#ccc;
font-size:10px;
color:#424242;
width:500px;
height:100px;
overflow:auto;
}

.frmButton {
background:#006699;
color:#FFFFFF;
border:none;
position:relative;
font-size:10px;
}
  .tweet .tweet_list {
    -webkit-border-radius: .5em;
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #eee; }
    .tweet .tweet_list li {
      overflow: auto;
      padding: .5em; }
      .tweet .tweet_list li a {
        color: #0C717A; }
    .tweet .tweet_list .tweet_even {
      background-color: #fff; }
    .tweet .tweet_list .tweet_avatar {
      padding-right: .5em;
      float: left; }
      .tweet .tweet_list .tweet_avatar img {
        vertical-align: middle; }

#video{}
#video ul 
{
margin:0px;
padding:0px;
}
#video li {
display:block:
border:none;
border-right:8px #FFF solid;
float:left;
width:100px;
height:81px;
list-style:none none;
}
#vid_prev_head 
{
display:block;position:absolute;top:153px;
margin:0px 0px 0px 16px;
}
#vid_prev_head img
{
margin:0px 0px 0px 0px;
}


#testi_video
{
height:166px;
border:none;
}
#testi_video span label
{
float:left;
display:block;
width:80px;
}
#link_video_thumb
{
width:175px;
float:left;
padding-right:10px;
margin-right:3px;
background:url(../images/thumb_shadow.jpg) right top no-repeat;
cursor:pointer;

}
#link_video_thumb img
{
margin:0px;
}
#link_video_label
{
display:block;padding:8px;background:url(../images/thumb_title.jpg) no-repeat;
margin-top:116px;
}


#clickhide3 img
{
margin-left:10px;
float:right;
}


#testi_list_tb
{
position:absolute;
width:300px;
right:-220px;
top:-220px;
}

#follow {padding:5px;background:#ccc;text-align:left;}
#follow img {vertical-align: middle; }



#button_2{
background:#006699;
color:#FFFFFF;
border:none;
font-size:10px;
cursor:pointer;
display:block;
padding:0px 2px 0px 2px;
margin-bottom:none;
position:absolute;
bottom:5px;
right:0px;
}

/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

#juitterContainer .twittList{margin:0;padding:0;} /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{list-style:none;background:#EEFDEA;margin:0;padding:5px 0 0 0;border-bottom:dashed 1px #CAF8C9;padding:3px;clear:both;height:85px;} 
#juitterContainer .twittList SPAN.time{color:#777;font-size:0.9em}
#juitterContainer .twittList A{color:#006600;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #D3EECA;background:#FFF;margin-right:5px;padding:2px;width:48px;;height:48px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../images/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background:#fff;
	z-index: 102;
	color:#000000;
	display:none;
	text-align:left;
padding:0px;
margin:0px;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{

}

#TB_ajaxContent p{

}

#TB_load{
	position: fixed;
	display:none;
	height:32px;
	width:32px;
	z-index:103;
	top: 50%;
	left: 50%;

}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

#vid_testi img
{
border:0px;
margin:0px;
padding:0px;
}

#clicklabelhide1
{
width:85px;
height:30px;
background:url(../images/tab_fb.png) bottom;
cursor:pointer;
display:block;
float:left;
margin-right:5px;
padding-bottom:5px;
}
#clicklabelhide1 .active
{
background-position:bottom;
}

#labelhide1
{
width:105px;
height:30px;
background:url(../images/tab_twitt.png);
cursor:pointer;
display:block;
float:left;
padding-bottom:5px;
}
#labelhide1 .active
{
background-position:bottom;
}
#rss_logo
{
position:absolute;left:200px;top:5px;
}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */