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

body { background: White url(../images/latar.gif); }

#border {
	width: 900px;
	border: 1px solid White;
	background-color: white; 
}

#header {
	background: url(../images/header.gif) no-repeat;
	width: 900px;
	height: 171px;
	clear: both;
}

#slideshow {
	width: 539px;
	height: 171px;
	float: left;
	margin-left: 143px;
	/*background: url(../images/header-buaya.gif) no-repeat;*/
}

#menu-container {
	width: 900px;
	background: url(../images/menubg.gif);
	height: 40px;
}

#menu {
	/*background: url(../images/menupad.gif) no-repeat;*/
	width: 678px;
	height: 37px;
	padding-top: 3px;
	/*clear: both;*/
	float: left;
}

#container {
	width: 900px;
	background-color: White;
	height: auto;
	clear: both;
}

#left {	
	width: 221px;
	float: left;
	background-color: #fff;	
}

#content {
	width: 448px;
	float: left;
	font: 11px Tahoma;
	text-align: justify;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#content2 {
	width:670px;
	float: right;
	font: 11px Tahoma;
	text-align: justify;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#content .judul {
	font: bold 12px Georgia;
	color: #086b9b;
}
#content .judul a { text-decoration: none; }
#content .judul a:hover { text-decoration: underline; }

#content .newsdate {
	font: normal 10px Tahoma;
	color: Gray;
}
#content h2 {
	font: bold 14px Georgia;
	color: #ae0000;
	padding-bottom: 5px;
}

input.submit {
	background: #E0691A url(../images/submit.gif) no-repeat;
	border: 0;
	padding: 4px 0;
	width: 65px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}

fieldset.berita {
	color: /*#AFB0B1*/ #717171;
	background: #ededed;
	float:left;
	margin:0 0 5px;
	padding:10px 10px 10px;
	width:426px;
	border: 1px solid #dedede;
	font-size:11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	clear: both;
}

.banner {
	background: url(../images/banner.jpg) no-repeat center;
	height:100px;
	float:left;
	margin:0 0 5px;
	padding:10px 10px 10px;
	width:426px;
	font-size:11px;
	clear: both;
}

fieldset.xxx {
	color: #717171;
	background: #fff;
	float:left;
	margin:0 0 5px;
	padding:13px 10px 2px;
	width:403px;
	border: 1px solid #fff;
	font-size:11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	clear: both;
}

div.vid {
	color: #717171;
	background: #fff;
	margin:0 0 5px;
	padding:13px 10px 2px;
	width:403px;
	border-top: 1px solid #fff;
	font-size:11px;
	clear: both;
}

fieldset.berita ul {
	list-style: circle;
	list-style-position: inside;
	padding-left: 10px;
}

#content a:link { color: #E0691A; background: inherit; text-decoration: none; }
#content a:visited { color: #E0691A; background: inherit; text-decoration: none; }
#content a:hover { color: #6C757A; background: inherit; text-decoration: none; }
#content a:active { color: #E0691A; background: inherit; text-decoration: none; }

#content a.link {
	color: maroon;
	text-decoration: none;
	background: url(../images/arrow_red.gif) left no-repeat;
	padding-left: 7px;
	text-align: right;
	float: right
}
#content a.link:hover {
	color: gray;
}

#content img {
	padding:5px;
	border:#dedede solid 1px;
	background-color:#FFF;
	/*border: 2px solid White;*/
	margin-right:5px;
	margin-top: 3px;
}

#content img a {
	padding:5px;
	border:#dedede solid 1px;
	background-color:#FFF;
	margin-right:5px;
	margin-top: 3px;
}

#content img a:hover {
	padding:5px;
	border:Black solid 1px;
	background-color:#FFF;
	margin-right:5px;
	margin-top: 3px;
}

#right { 
	width: 221px;
	float: right;
	background-color: #fff;
}

.boxcap {
	background: url(../images/left-cap.gif) no-repeat;
	width: 205px;
	height: 27px;
	font: bold 12px Georgia;
	color: Red;
	text-transform: uppercase;
	padding-left: 16px;
	padding-top: 15px;
	text-align: left;
}
.boxcontent {
	background: url(../images/left-bg.gif) repeat;
	width: 191px;
	font: 11px Tahoma;
	padding: 2px 15px 1px 15px;
	text-align: justify;
}

.boxcontent a.link {
	background: url(../images/1.gif) left no-repeat;
	color: gray;
	text-decoration: none;
	padding-left: 10px;
}
.boxcontent a.link:hover {
	color: black;
}

.boxcontent input.btn {
	border: solid 1px maroon;
	background-color: #ae0000;
	font: bold 12px;
	color: white;
}

.boxbottom {
	background: url(../images/left-btm.gif) no-repeat;
	width: 221px;
	height: 11px;
}

div.xxx {
	clear: both;
	text-align: left;
	background-color: #f9f9f9;
}

.tgl {
	width: 217px;
	height: 31px;
	padding-top: 9px;
	padding-right: 5px;
	text-align: center;
	float: right;
	font: normal 14px Georgia;
	color: Maroon;
}

#footer {
	background: url(../images/footer.gif);
	width: 900px;
	height: 25px;
	font: 11px Tahoma;
	padding-top: 12px;
	clear: both;
}

 #divTrigger a:link,#divTrigger a:visited{
	/*text-decoration: none; 
	margin:4px 0px;
	padding: 1px 4px;
	border: 1px solid Orange;
	background-color: Black;
	color: Orange;*/
 }
 /* link yang dilalui oleh mouse dan element dengan class='selected' akan mempunyai efek yang sama */
 #divTrigger a:hover,#divTrigger a:active,.selected{ 
	/*background-color: Black;
	color: Orange;*/
 }
 #divContent{
	/*margin-top:4px;
	border:1px solid #CCC;
	width: 221px;
	height: 220px;
	padding: 4px;
	text-align: justify;*/
 }
 #divContent div{ 
	/* semua div di dalam element dengan id='divContent' akan di sembunyikan sementara */
	display:none
 }	
 .title{
	font: bold 12px Arial;
	margin-bottom: 2px;
	display:block;
	/*letter-spacing: -1px;*/
 }
 
 .title a {
 	color: navy;
	text-decoration: none;
 }
 
 .title a:hover {
 	color: Red;
	text-decoration: none;
	border-bottom: 1px dotted Orange;
 }
 
 div.pagination {
	padding: 10px;
	margin: 3px 0;
	clear: both;
	text-align: center;
	background-color: #f4f4f4;
	border-top: 1px solid #bebebe;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	text-decoration: none; /* no underline */
	color: #000099;
}

div.pagination a:hover, div.pagination a:active {
	border: 1px solid #ac7334;
	color: #000;
	text-decoration: none;
}

div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid Maroon;
	font: bold 10px Tahoma;
	background-color: Maroon;
	color: #FFF;
}

div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #d0b490;
	color: #d0b490;
	font: italic 10px Tahoma;
}
 
fieldset.ticker {
	color: #717171;
	background: #ededed;
	border:none;
	float:left;
	margin:0;
	padding:0;
	width:426px;
	font-size:11px;
	clear: both;
}

fieldset.imej {
	color: /*#AFB0B1*/ #717171;
	background: #ededed;
	float:left;
	margin:0 0 5px;
	padding:5px 10px 10px;
	width:426px;
	border: 1px solid #dedede;
	font-size:11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	clear: both;
}

#bawahcontainer {
	width: 900px;
	height: auto;
	clear: both;
	border-top: 1px dotted #acacac;
}


/*fieldset.gal-kiri {
	color: #717171;
	background: #ededed;
	float:left;
	margin:5px 0 5px 5px;
	padding:8px 0 5px 3px;
	width:660px;
	height: 122px;
	border: 1px solid #dedede;
	font-size:11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
*/
fieldset.gal-kanan {
	color: #717171;
	background: #ededed;
	float:right;
	margin:5px 5px 5px 5px;
	padding:5px 10px 10px;
	width:195px;
	height: 127px;
	border: 1px solid #dedede;
	font:12px Georgia;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

#jqnewsVert {
	overflow: hidden; height: 330px; width: 426px; margin:auto; padding: 0;
}

#jqnewsVert div {
	display: block; overflow: hidden; height: 118px; width: 150px; margin: 1px;
}

fieldset.gal-kiri {
	color: #717171;
	background: #ededed;
	float:left;
	margin:5px 0 5px 5px;
	/*padding-top:2px;
	padding:5px 0 5px 3px;*/
	width:660px;
	height: 142px;
	border: 1px solid #dedede;
	font-size:11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	padding-top:-5px;
}

#jqnewsOriz {
	height: 142px; width: 660px; overflow: hidden; margin:auto; /*margin-top: 5px; /*background-color: #f9f9f9;*/ text-align: center;
}

#jqnewsOriz div {
	float:left; height: 120px; width: 140px; margin:10px; /*padding-right: 5px;*/ display:block;
}


#minitabscontainer { 	
	text-align: left;
	vertical-align: middle;	
	margin: 0px auto;
	padding: 10px 20px;
	width: 406px;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background-color: #ededed;
}

#minitabscontainer h2 {
	font: bold 13px tahoma;
	color: Maroon;
	display: block;
	background-color: #f3f3f3;
	border-top: 1px dotted #666;
}

.minitabsNav ul {
	overflow: hidden;
	list-style: none;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #a6a6a6;
	margin-bottom: 5px;
}

.minitabsNav li {
	float: left;
	padding: 4px 8px;
	margin: 0 5px 0 0;
	color: #828282;
	font-size: 11px;
	cursor: pointer;
	list-style: none;
	font-weight: bold;
	background: #d2d2d2;
}

.minitabsNav li:hover {
	background-color: #cecece;
	color: #0554AF;
}

.minitabsNav li.active {
	/*background: #F1F1F1;*/
	background-color: #cecece;
	color: #0554AF;
	border: 1px solid #a6a6a6;
	border-bottom: none;
}

.minitabsContent {
	clear: both;
	padding:0;
	font: normal 11px tahoma;
}

.minitabsContent .list {
	padding: 9px 3px 9px 7px;
	display: block;
	background-color: #e4e4e4;
	margin: 4px 0;
}

.minitabsContent .list:hover {
	padding: 8px 2px 8px 6px;
	display: block;
	background-color: #eaeaea;
	margin: 4px 0;	
	border: 1px solid #b4b4b4;
}
	
.minitabsContent .bullet {
	border-right:2px solid #0554AF;
	color:#0554AF;
	/*font: bold 1em Georgia,"Times New Roman",Times,serif;*/
	font: 10px tahoma;
	margin: -6px 4px 4px 0;
	padding-right:4px;
	padding-top: 6px;
	clear:right;
	display:block;
	float:left;
	height:19px;
	overflow:hidden;
	text-align:right;
	/*width:10px;*/
	width: 30px;
	background-color: #fff;
}

a.player {
	border: solid 1px #bcbcbc; padding:3px; background-color: White;
}
a.player:hover {
	border: solid 1px #8b4513;
}

.tab { 
	clear: both;
	font-size: 1.1em;
	height: 30px; 
	color: #FFF;
	margin: 0 0 0 0px; 
	background: gray;
	text-align: center;
}

.tab li { 
	margin: 0; 
	/*padding: 7px 12px 5px 12px;*/
	padding: 5px 5px 4px 5px;;
	color: #fff;
	background: Gray;
}

select.x { 
	border: 1px solid White;
	padding: 2px; 
	color: #232323;
	font: bold 11px Tahoma;
	background-color: #d1d1d1;
}

a.tip {
	font: 14px Georgia;
	color: red;
	text-decoration: none;
	border-bottom: 1px dotted orange;
	padding:0 2px;
}

a.tip:hover {
	color: white;
	text-decoration: none;
	background-color: orange;
}

				/* Search Panel 2 */
				#searchtoggle {
					background:url(../images/toggle.png) no-repeat right top;
					position:absolute;
					top:0px;
					right:0px;
					width:21px;
					height:19px;
					text-indent:-9999px;
					border:0;
				}
				#searchtoggle.up { 
					background:url(../images/toggle.png) no-repeat left top; 
				}
				#top-search {
					/*height:60px;*/
					width:325px;
					float:right;
					position:relative;
				}
				#top-search form {
					position:absolute;
					top:0px;
					left:0px;
					background:url(../images/search_top.png) no-repeat;
					width:262px;
					height:30px;
					padding:5px 0 0 38px;
					display:block;
				}
				#top-search .box {
					width:197px;
					background:transparent;
					border:0;
					margin-left:2px;
					font: 0.8em Tahoma;
					color: gray;
				}
				#top-search .btn {
					margin-left:10px;
					width:35px;
					background:transparent;
					border:0;
					text-indent:-9999px;
					cursor:pointer;
				}