@import url("extras.css");

/*
* { padding:0; margin:0;}

*/

html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote{
	margin:0;
	padding:0;
}

	html { font-size:100.01%;}
	body { font-size: 12px; font-family: Arial, Tahoma; background:url(images/tail.gif) repeat-x 0 0; color:#5f5f5f;}
	
.clear { clear: both;}
.clr { clear: both;}

	img { border:0;}
	td {vertical-align:top;}
	ul { list-style: none;}
	
a  {text-decoration: none; color:#eb2a29;}
a:hover { text-decoration: underline;}

	
/*** Main ***/
	.top-tail-right {background:url(images/top-tail-right.gif) top repeat-x; width:50%; position:absolute; right:0; height:1036px;}
	
	.main {background:url(images/header.jpg) no-repeat top center; padding-left:46px; position:relative; /*width:expression(((document.documentElement.clientWidth || document.body.clientWidth) < 980)? "980px" : "100%"); min-width:980px;*/}
	
	.main-width { width: 1000px; margin:0 auto; position:relative;}
	.header { height:185px;}
/*** Menu ***/
	.menu {  float: right; padding:0px 9px 0px 0px;}
	
	.menu ul { list-style:none; /*width:100%; overflow:hidden;*/}
	.menu ul li { float:left; width:107px; height:50px; text-align: center; margin:0px 3px 0px 0px;}
	
	.menu ul li a { display:block; float:left; width:107px; height:50px; overflow:hidden; text-decoration:none !important;}
	.menu ul li a { font-size:1.5em; font-weight: normal; color:#fff; cursor: pointer; overflow:hidden; line-height: 48px;}
	
	.menu ul li.menu01 { background:url(images/menu-bg01.gif) repeat-x 0 0;}
	.menu ul li.menu02 { background:url(images/menu-bg02.gif) repeat-x 0 0;}
	.menu ul li.menu03 { background:url(images/menu-bg03.gif) repeat-x 0 0;}
	.menu ul li.menu04 { background:url(images/menu-bg04.gif) repeat-x 0 0;}
	.menu ul li.menu05 { background:url(images/menu-bg05.gif) repeat-x 0 0;}
	

	.menu ul li a:hover{ line-height: 38px;}
		
/*** Logo ***/
	.logo { float:left;}
	.logo .indent { padding:25px 0px 0px 11px; /*overflow:hidden; height:100%;*/}
	.logo h1 { width:336px; height:120px; float:left; margin:0px 17px 0px 0px; background:url(images/logo.png) no-repeat 0 0; font-size:1em; font-weight: normal; color:#fff; cursor:pointer; text-indent:-1000em; overflow:hidden;}
	.logo h1:hover { text-decoration:none;}

	.topbanner {
	position: absolute;
	right: 20px;
	top: 55px;
	height: 140px;
	width: 550px;
	overflow: hidden;
	}
	
/*** Column ***/
	.content { clear:both; overflow:hidden; padding:0px 0px 5px 0px;}
	
		.content-right-top { float:right; width:384px;  height: 210px; overflow:hidden; position: relative;}
		.content-right-top .indent { padding:0px 33px 0px 35px;}
		.content-right-top h1 { text-indent:-1000em; overflow:hidden; width:308px; height:74px; margin:0px 0px 28px 0px; background:url(images/text01.gif) no-repeat 0 0;}
		.content-right-top p { color:#eb2a29; font-size:1.5em; line-height:1.6em; padding:0px 0px 13px 1px;}
		
		.content-right-top a.more-link { display:block; font-size:1.2em; color:#484a4b; text-decoration:none;float:right; width:95px; height:23px; background:url(images/button-read-more.gif);text-indent:-1000em; overflow:hidden; }
		.content-right-top a.more-link:hover { text-decoration: underline;}

		.content-right { float: right; width:384px; overflow:hidden; height:100%; background:#fcf3d7 url(images/column-bg-right.gif) repeat-y 0 0; _margin-left:-3px; }
		
	.column-left { width:192px; float:left; overflow: hidden; margin:0px; padding:22px 0px 0px 0px; }
	.column-right { width:192px; float:left; overflow: hidden; margin:0px; }
	
	.content .contnet-top { background:url(images/corner-left-top.gif) no-repeat 0 0; height:21px;}
	.content .contnet-top .corner-left { background:url(images/corner-right-top.gif) no-repeat right 0;}
	.content .contnet-top .corner-right { background:url(images/shadow-top.gif) repeat-x 0 0; margin:0px 311px 0px 21px; height:21px;}
	
	.bg-left { background: url(images/shadow-left.gif) repeat-y 0 0;}
	.bg-right { background:url(images/shadow-right.gif) repeat-y 100% 0; overflow:hidden; height:100%; }
	.bg-top01 { margin:0px 12px 0px 13px; background:url(images/contnet-bg.gif) repeat-x 0 0 #fafaf8;}
	.bg-top02 { background:url(images/content-bg-right.gif) no-repeat right 0; overflow:hidden; height:100%; padding:0px 7px 0px 0px;}
	
	.content .contnet-bot { background:url(images/corner-left-bot.gif) no-repeat 0 0; height:21px;}
	.content .contnet-bot .corner-left { background:url(images/corner-right-bot.gif) no-repeat right 0;}
	.content .contnet-bot .corner-right { background:url(images/shadow-bot.gif) repeat-x 0 bottom; margin:0px 21px 0px 21px; height:21px;}
	
	
/*** Blocks  ***/
	.block { height:100%; overflow:hidden; width:100%; margin:0px 0px 8px 0px;}
	.block-content { padding: 8px 7px;}
	.block h2 {  height:100%; overflow:hidden; font-weight: normal;}
	.block h2 { font-size:1.8em; color:#fafaf8; padding:14px 10px 14px 27px;}
	
	.blocktop_red {overflow: hidden; height: 53px; background: #eb2928 url("images/blocktop_red.gif") no-repeat 0 0; }
	.blocktop_green {overflow: hidden; height: 53px; background: #72cd00 url("images/blocktop_green.gif") no-repeat 0 0; }
	.blocktop_orange {overflow: hidden; height: 53px; background: #ff8027 url("images/blocktop_orange.gif") no-repeat 0 0; }
	.blocktop_blue{overflow: hidden; height: 53px; background: #4cb7e5 url("images/blocktop_blue.gif") no-repeat 0 0; }

	.column-center { width: 555px; padding: 0px 10px 0px 14px; overflow:hidden; height:100%;}

	.uppertabs {
	overflow: hidden;
	height: 212px;	
	margin-bottom: 10px;
	}
	
	.chatlogin {
	position: relative;
	top: 30px;
	left: 2px;
	padding-top: 5px;
	overflow: hidden;
	height: 195px;
	width: 378px;
	background: #fff url("images/chat_bg.jpg") no-repeat 100% 0;
	border: 1px solid #dee0e3;
	}

/*** Footer ****/
	.footer { clear:both; overflow:hidden; height:100%; position: relative; color:#5f5f5f; line-height:1.3em;}
	.footer .indent { overflow:hidden; padding:10px 0px 30px 20px; width: 700px;}
	.footer span { color:#5f5f5f;} 
	.footer a {  color:#3aa7dd;  text-decoration:none;}
	.footer a:hover { text-decoration: underline;}
	
	.footer .counters { position: absolute; right: 20px; top: 10px; height: 60px; overflow: hidden; }
	
/* News articles */
.article {
width: 565px;
	overflow: hidden;
	margin: 8px auto;
	/* border-bottom: 1px solid #d3d3d3; */
}

.art_heading {
	margin-bottom: 2px;
}

.art_heading h1, .art_heading h1 a { color: #202020 !important; text-decoration: none !important; }
.art_heading h1 a:hover { color: #202020 !important; text-decoration: underline !important; }
.art_heading h1 {
font-size:2em; font-weight: normal; color:#202020;
}

.art_topic {
	height: 20px;
	overflow: hidden;
	color: #717272;
}
.art_topic  a{
	color: #215ca4;
	font-size: 1.1em;
	padding-right: 10px;
	text-decoration: none;
}

.art_line {
	background:#dfdfdb;
	overflow: hidden;
	height: 2px;
	margin: 3px 0;
}

.article .art_cont {
	width: 565px;
	margin: 0 auto;
	overflow: hidden;
}

.art_reytinq {
padding-top: 1px;
width: 90px;
float: right;
}

/*MORELINK*/
.art_readmore { width: 565px; height: 20px; overflow: hidden; margin: 6px auto; }
.art_readmore { color: #717272; padding-left: 3px; padding-top: 1px;  font-size: 0.9em; background: #f8f9f6 url("images/morelink_bg.gif") no-repeat 0 0; }

.morelink_2 a {
font-size: 13px;
	text-decoration: none !important;
	font-weight: bold;
	padding-left: 7px;
}

.morelink_2 a:hover {text-decoration: underline !important;}
.morelink_text {
color: #717272;
font-size: 11px;
line-height: 17px;
}

.morelink_text  a{
color: #215ca4;
text-decoration: none;
font-size: 11px;
line-height: 17px;
}
.morelink_text  a:hover{
color: #215ca4;
text-decoration: underline;
}

/* -- News small icons -- */
.nicons { vertical-align: middle; margin-right: 2px; margin-left: 15px; width: 14px; height: 14px; }
.idate { background: url("images/newsicons.png") no-repeat -37px 0; }
.iauthor { background: url("images/newsicons.png") no-repeat -18px 0; }
.icom { background: url("images/newsicons.png") no-repeat 0 0; }
.iviews { background: url("images/newsicons.png") no-repeat -55px 0; }
.icat { background: url("images/newsicons.png") no-repeat -69px 0; }

/*=== SEARCH box nmq ===*/
.searchform {position: absolute;	left: 8px;}
.searchform .sinputt { width: 305px; height: 23px; overflow: hidden; background: #fff url("images/searchinput.gif") no-repeat 0 0; }
.searchform .sinputt div { padding-left: 6px; padding-top: 4px; }
.searchform .sinputt input { float: left;	padding: 0;	background: none;	width: 300px;	border: none;	color: #3ea1da;}
.searchform .submit { width: 54px; position: absolute; left: 315px; top: 0px; }
.searchform .btn,
.searchform .btnhover { width: 54px; height: 23px; }
.searchform .btn { background: #4aa8de url("images/searchbutton.gif") no-repeat 0 0; }
.searchform .btnhover { background: #4aa8de url("images/searchbutton.gif") no-repeat -54px 0; }

/*=== Dinamik menyular ===*/
.dnmkmenu {
height: 37px;
width: 205px;
background: url("images/dnmk_menu.gif") no-repeat 0 -74px;
padding-left: 25px;

color: #333333;
font-size: 13px;
font-weight: bold;
line-height: 33px;
cursor: pointer;
}

.dnmkmenu_over {
height: 37px;
width: 205px;
background: url("images/dnmk_menu.gif") no-repeat 0 -37px;
padding-left: 25px;

color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 33px;
cursor: pointer;
}

.dnmkmenu_click {
height: 37px;
width: 205px;
background: url("images/dnmk_menu.gif") no-repeat 0 0;
padding-left: 25px;

color: #fff;
font-size: 13px;
font-weight: bold;
line-height: 33px;
cursor: pointer;
}


.hidden {
display: none;
}

.dnmenu_span {
font-weight: bold; color: #990000; display: block; text-align: center;
}

.object_table {
height: 210px;
margin: 0px auto;
}

.object_table_content {
height: 206px;
width: 346px;
background: #fff;
border: 2px solid #e8eaec;
padding-left: 8px; 
overflow: hidden;
}

.object_table_content a{
color: #0070c5;

}

.dmenyu_top {
height: 25px;
width: 205px;
background: url("images/dmenyu_top.gif") no-repeat;
}
.dmenyu_bottom {
height: 1px;
overflow: hidden;
width: 205px;
background: url("images/dmenyu_bottom.gif") no-repeat;
}