/*
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
		border: 0;
		outline: 0;
		vertical-align: baseline;
	}
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
		background: transparent;
	}
*/

.container { /*was: id*/
	width: 1000px;
	float: left;
	margin-right: -330px;
	background-color:  #FFFFFF;
	/* background: url(background_2.gif) repeat-y right;*/
}
.content { /*was: id*/
	margin-right: 330px;
	background-color:  #999;
	/* background-color:  #FFFFFF;
	 background: url(background_3.gif) repeat-y left; */
}
.main { /*was: id*/
	margin-left: 268px;
	background-color:  #FFFFFF;
}

.left { /*was: id*/
    margin-top:-8px;
	width: 268px;
	float: left;
}

.sidebar { /*was: id*/
	width: 320px;
	float: right;
}

h1 {
	margin-top: 0;
}
.last {
	margin-bottom: 0;
}

/*		
	.container { was: id*/
/*		width: 100%;
		float: left;
		margin-right: -320px; 
		background-color:  #FFFFFF; */
		/* background: url(background_2.gif) repeat-y right;*/
/*	}
	.content { was: id*/
/*		margin-right: 320px;
		height: 100%;
		background-color:  #FFFFFF; */
		/* background: url(background_3.gif) repeat-y left; */
/*	}
	
	.main { was: id*/
/*		margin-left: 268px;
		background-color:  #FFFFFF;
	}
	
	.left { was: id*/
/*		width: 268px;
		float: left; */
		/* background-color:  #FFFFFF; */
/*	}
	
	.sidebar { was: id*/
/*		width: 320px;
		float: right;
		
	}
	
	h1 {
		margin-top: 0;
	}
	.last {
		margin-bottom: 0;
	}
*/
    .tblrow_bdr 
        {
            border-bottom:dotted 1px #666;
        }
    .linx { 
        color: #333333;
        text-decoration: none;
        font-family: "Arial";
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        letter-spacing: normal;
        word-spacing: normal;
        white-space: normal;
    }
    a.linx:HOVER {
        color: #FF9900; 
        text-decoration: none;
    }
    a.linx:VISITED {
        text-decoration: none;
        font-family: Arial;
        font-size: 11px;
        font-style: normal;
        line-height: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
       
    }
    #lightlink {
         display: block;
         width: 350px;
         padding: 0px;
         border-bottom: 1px dotted #666666;
    }	
                                                        

	
	/* ---:::--- inverted equal height columns start here ---:::--- */
	
	html {
		height: 100%; /* FSA */
		margin: 0;
		padding: 0;
		}
	
	body {
		height: 100%; /* FSA */
		margin: 0;
		padding: 0;
		/* can not set font-size here because IE6 needs to see its own default */
		font-family: Arial;
		line-height: 14px;
		font-weight:normal;
		color: #3FCEED;
		background: #4C5257 url("../images/bg.jpg") center top no-repeat;
		text-align: center; /* IE-win quirks mode centering */
		}
	
	#page { /* added em-guidance and centering */
		width: 1000px;
		/* max-width: 60em; */
		/* min-width: 560px; */
		margin: 0 auto;
		height: 100%;
		min-height:100%;
		text-align: left;
		font-size: 100%; /* safe to set font-size here */
	  background: #FFFFFF url("../images/bg_.png") left top repeat-x;  
		
		}
	
	#stacker {  
		position: relative; 
		z-index: 2;   
		width: 1000px;
		min-height: 100%; /* FSA */
		}
	/* 
	the padding of the columns and some place for the footer
	*/ 
	.colpad {
		/*padding: 0em 0em 2.2em 0em;*/
		padding: 0 0 20px 0;
		text-align:center;
		/* background:#333333; */
		}
	.tabinfo {
		width:280px;
		height:250px;
		padding: 25px 15px 5px 15px;
		/* background:#333333; */
	}	
	#header {
		width: 1000px;
		height: 380px;
		/*background: #d7dabd;*/
		background: url("../images/bg_.png") left top no-repeat; 
		}
	
	div#site_cont {
			position:relative;
			/* background: #FFFFFF url("../images/bg_.jpg") center top no-repeat; */
			margin:0 auto;
			padding:0;
			width:1000px;	
			height:45px;
			/* background-color:#DFAF0B; */
	}
	
	div#head_cont {
			position: relative;
			width:1000px;	
			height:294px;
			padding:0;
			margin:0;
	}
	
	div#head_left {
			
			display:block;
			float:left;
			margin:0px;
			padding:0;
			width:268px;	
			height:294px;
			background: transparent url("../images/bg_logo.png") left top no-repeat;
	}
	div#head_midd {
			display:block;
			float:left;
			margin:0;
			padding:0;
			width:268px;	
			height:294px;
			background: transparent url("../images/image.png") left top no-repeat;
	}
	div#head_right {
			display:block;
			float:right;
			margin:0px;
			padding:0;
			width:464px;	
			height:294px;
			background: transparent url("../images/bg_tag.png") left top no-repeat;
	}
	div#head-tag {
			display:block;
			margin:145px auto 0 40px;
			position:relative;
			width:360px;	
			height:auto;
			float:left;
			line-height:24px;
			font-size:24px;
			font-family:'Trebuchet MS';
			font-weight:bold;
			color:#FFF;
			/* background-color:#666; */
	}
	div#head-tag-line {
			display:block;
			margin:8px auto 0 40px;
			position:relative;
			float:left;
			width:380px;	
			height:auto;
			line-height:12px;
			font-size:11px;
			font-family:'Trebuchet MS';
			font-weight:normal;
			color:#FFF;
			
	}	
	div#head_left img {
			top:0;
			left:0;
			margin:0;
			padding:0;
	}
	
	
	/* -----------------------  NAVIGASI MENU ---------------------------- */
	
	.nav_ {
		position: relative;
		width: 1000px;
		float: right;
		width: auto;
	  /* margin-left: 310px;*/
		margin-right:0;
		padding: 0;
	  /* background: transparent url("../../images/bg_nav.png") 0px 0px repeat-x; */
	}
	
	div#nav_cont {
			position:relative;
			margin:2px auto;
			width:1000px;	
			height:47px;
			background: transparent url("../images/bg_nav.png") left top repeat-x;
	}
	
	#nav_cont ul {
		display: block;
		margin: 0;
		padding: 0;
		float: right;	
		/* left: 300px; */
		/* top: 62px; */
	}
	
	#nav_cont ul li {
		float: left;
		width: 116px;
		height: 47px;
		/* margin-right: 20px; */
		margin: 0;
		cursor: pointer;
	
	}
	#nav_cont ul li a {
		font-family: Helvetica, Georgia, "New York CE", utopia, serif;
		font-weight:bold;
		font-size: 12px;
		color: #44FFFF;
		display: block;
		width: 116px;
		height: 47px;
		background: transparent url("../images/menu_all_.png") 0px 0px no-repeat;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		
	}
	#nav_cont ul li a:hover {
		font-family: Helvetica, Georgia, "New York CE", utopia, serif;
		font-size: 12px;
		color: #FFFF00;
		display: block;
		width: 116px;
		height: 47px;
		background: transparent url("../images/menu_all_.png") -116px 0px no-repeat;
		line-height: 40px;
		vertical-align: baseline;
		text-align: center;
		text-decoration: none;
		vertical-align: baseline;
	}
	#nav_cont ul li a.act_state, #header ul li a.act_state:hover {
		color: #FFFFFF;
		background: transparent url("../images/menu_all_.png") -232px 0px no-repeat;
	}
		
	#pedestal { 
		clear: both;
		float: left;    /* makes Opera 8.54 behave */
		position: relative; 
		z-index: 0;
		width: 1000px;
		height: 2em;
		line-height: 1em;
		margin-top: -3em; 
		font-size: 1em;
		background: #FFFFFF url("../images/bg_.png") left top repeat-x; 
		}
	
	#pedestal .content { 
		/* background:  #a8a8a8 url(lc.gif) repeat-y 0% 100%; */
		
		}
	
	#pedestal .main { 
		
		/* background: #b0b0b0 url(cc.gif) repeat-y 50% 100%; */
		}
	
	#pedestal .container {
		 
		/* background:  #a8a8a8 url(rc.gif) repeat-y 100% 100%; */
		}
	
	#pedestal .companion { 
		margin-top: -16000px !important; /* EHC, but reversed: from bottom to top */
		padding-top: 16000px !important; 
		position: relative;
		height: 1em;
		}
	
	/*
	The #footer (FSA) fits into the gap the #pedestal has left
	*/  
		
	#footer {
		clear:both;
		float:left;
		position: relative;
		z-index: 3;
		height: 40px;
		margin-top: -40px; 
		width: 1000px;    
		line-height: 40px;
		font-family: Arial, 'Luxi sans', Optima, 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;
		font-size: 10px;
		color:#FFF;
		background: #393939;
		}
	
	ul, ul li {
		list-style-type: none;
	}
	
	
	#berita {
		/*padding: 25px 15px 5px 15px;*/
		margin: 25px 0px 5px 0px;
		width:268px;
		height:350px;
		
		/* background: transparent url("../images/bg_berita.png") left top no-repeat; */
	}
	
	#img-banner-cont {
		padding: 25px 15px 5px 15px;
		width:261px;
		height:auto;
	}
	
	#search-cont {
		position:relative;
		display:block;
		width:261px;
		height:68px;
		margin:5px 30px 0 30px;
		background: transparent url("../images/bg_search.png") left top no-repeat;
	}
	
	#rpublik-cont {
		display:block;
		position:relative;
		margin:0px 30px auto;
		padding:0;		
		width:261px;
		height:76px;
	}

	#dwl-cont {
		display:block;
		position:relative;
		margin:0px 30px auto;		
		width:261px;
		height:76px;
	}

	#login-cont {
		display:block;
		position:relative;
		margin:0px 30px auto;
		width:261px;
		height:179px;
		background: transparent url("../images/img_login.png") left top no-repeat;
	}		
	#login-cont2 {
		display:block;
		position:relative;
		margin:0px;
		padding:0px;
		width:261px;
		height:179px;
		background: transparent url("../images/img_login.png") left top no-repeat;
	}
	#intro {
		padding: 25px 15px 5px 15px;
		height: auto !important;
		line-height: 14px;
		font-family: Arial, 'Luxi sans', Optima, 'Lucida Grande', Lucida, 'Lucida Sans Unicode', sans-serif;
		font-size: 11px;
		color:#333;
		text-align:justify;
		/* background-color:#5BDDEC; */ 
	}
	
	.heading {

		/*font-family: Georgia, Optima, 'Lucida Grande', Lucida, 'Lucida Sans Unicode', 'Luxi sans',  sans-serif;*/
		font-family: Georgia, Arial, 'Lucida Sans Unicode', 'Luxi sans',  sans-serif;
		font-size: 16px;
		line-height: 30px;		
		color:#2682A5;
	}
	
	.headtab {
		line-height: 16px;
		font-family: Georgia, Optima, 'Lucida Grande', Lucida, 'Lucida Sans Unicode', 'Luxi sans',  sans-serif;
		font-size: 16px;
		font-weight:bold;
	}	
	
	/* Example for a Menu Style */
	.menu {
		 
		color:#272727; 
		/* border-bottom:1px solid #d7d7d7; */
		height:25px; 
		width:200px;
		font-family:Arial, Helvetica, sans-serif; 
		font-size:11px;
	}
	.menu ul {
		margin:0px;
		padding:0px;
		list-style:none;
		text-align:left;
	}
	.menu li {
		display:inline; 
		line-height:24px;
	}
	.menu li a {
		color:#333; 
		text-decoration:none; 
		padding:4px 5px 6px 5px; 
		/* border-left:1px solid #ececec; */
		/* border-right:1px solid #ececec; */
	}
	.menu li a.tabactive {
		/* border-left:1px solid #d7d7d7; */
		/* border-right:1px solid #d7d7d7; */
		background-color:#ececec; 
		font-weight:bold;
		position:relative;
	}
	#tabcontent1,#tabcontent2,
	#tabcontent3,#tabcontent4 {
		border:1px solid #ececec; 
		width:230px; 
		height:260px; 
		text-align:center;
		padding:6px 0px 8px; 
		font-size:11px;
		margin-bottom:0px; 
		/* margin-bottom:5px; */
		color:#333;
		background-color:#ececec;
	}

	#login-cont label {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		display: block;
		color: #fff;
		height: 15px;
	}	
	#login-cont fieldset {
		position: absolute;
		top: 50px;
		left: 0;
		margin-left:0;
		width: 235px;
		height: 100px;
	}
	#login-cont form {
		/* position: absolute;
		top:60px;
		width: 235px;
		height: 100px;*/	
		border:0px;
	}
	#login-cont img{}
	#login-cont a {
		position:absolute;
		line-height: 30px;
		top:65%;
		left:35%;
		display:block;
		width:80px;
		height:40px;
		background:url("../images/bg_button_.png") left top no-repeat;
		font-size: 12px;
		font-weight:bold;	
		text-decoration:none;
		color:#333333;
	}
	#login-cont a:hover {
		 color:Maroon;
		 text-decoration:none;
	}
	#login-cont form #login {
		position: absolute;
		font-size: 11px;
		height: 15px;
		top: 45px;
		left: 15px;
		padding-left: 4px;
		background: transparent url("../images/bg_inpfield.gif") left top no-repeat;
	  border:1px solid #fff;
	  padding:2px;
	  margin-top:2px;		
	}
	#login-cont form #password {
		position: absolute;
		font-size: 11px;
		height: 15px;
		top: 89px;
		left: 15px;
		padding-left: 4px;
		background: transparent url("../images/bg_inpfield.gif") left top no-repeat;
	  border:1px solid #fff;
	  padding:2px;
	  margin-top:2px;	
	}
	#login-cont form #login_label {
		position: absolute;
		top: 25px;
		left: 16px;
	}
	#login-cont form #password_label {
		position: absolute;
		top: 69px;
		left: 16px;
	}
	#login-cont form input.submit {
		background: transparent url("../images/bg_button.png") left top no-repeat;
		border:0;
		width: 82px;
		height: 22px;
		position: absolute;
		left: 160px;
		top: 90px;
		padding-top: 0px;
		color:#0F6A97;
		font-size:12px;
		font-weight:bold;
	}
	
	
	#login-cont label {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		display: block;
		color: #fff;
		height: 15px;
	}	
	#login-cont fieldset {
		position: absolute;
		top: 50px;
		left: 0;
		margin-left:0;
		width: 235px;
		height: 100px;
	}
	#login-cont form {
		/* position: absolute;
		top:60px;
		width: 235px;
		height: 100px;*/	
		border:0px;
	}

 /* login using lighview */
	#login-cont2 form #login {
		position: absolute;
		font-size: 11px;
		height: 15px;
		top: 45px;
		left: 15px;
		padding-left: 4px;
		background: transparent url("../images/bg_inpfield.gif") left top no-repeat;
	  border:1px solid #fff;
	  padding:2px;
	  margin-top:2px;		
	}
	#login-cont2 form #password {
		position: absolute;
		font-size: 11px;
		height: 15px;
		top: 89px;
		left: 15px;
		padding-left: 4px;
		background: transparent url("../images/bg_inpfield.gif") left top no-repeat;
	  border:1px solid #fff;
	  padding:2px;
	  margin-top:2px;	
	}
	#login-cont2 form #login_label {
		position: absolute;
		top: 25px;
		left: 16px;
	}
	#login-cont2 form #password_label {
		position: absolute;
		top: 69px;
		left: 16px;
	}
	#login-cont2 form input.submit {
		background: transparent url("../images/bg_button.png") left top no-repeat;
		border:0;
		width: 82px;
		height: 22px;
		position: absolute;
		left: 160px;
		top: 90px;
		padding-top: 0px;
		color:#0F6A97;
		font-size:12px;
		font-weight:bold;
	}
	#login-cont2 label {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		display: block;
		color: #fff;
		height: 15px;
	}	
	#login-cont2 fieldset {
		position: absolute;
		top: 50px;
		left: 0;
		margin-left:0;
		width: 235px;
		height: 100px;
	}
	#login-cont2 form {
		/* position: absolute;
		top:60px;
		width: 235px;
		height: 100px;*/	
		border:0px;
	}

	
	div.style1 {
	    text-align:left; 
	    padding:3px 15px 5px 15px;
	}
	
	span#label1 b, span#label2 b, span#label3 b, span#label4 b {
	    text-align:left;
	}
	span#label1 p, span#label2 p, span#label3 p, span#label4 p {
	    text-align:left;
	}	    
    .webcount {
        display:block;
        position:relative;
        float:left;
        width:260px;
        height:81px;
        margin:0px;
        padding:4px;
        /* border:1px dotted #c0c0c0; */
        background:transparent url("../images/bgcounter.png") center top no-repeat;
    }
    
    .webcount p {
        position:relative;
        display:block;
        margin:0;
        padding:0;
        font-family:Georgia;
        font-size:14pt;
        line-height:65px;
        color:#FFF;
        text-align:center;
    }
     .picDet {
        display:block;
        float:left;
        padding-right:18px;
        padding-bottom:15px;
     }
     #LblContent {
        text-align:justify;
        font-size:12px;
     }
     .ftr {
       font-family:Arial;
       font-size:9px;
       font-style:normal;
       font-weight:bold;
       color:#999;
       text-align:left;
     }
     #LblTitle {
       text-align:left;
       font-weight:bold;     
     }

	/*]]>*/