*
{
	padding: 0px;
	margin: 0px;
}
body
{
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #110a04;
	background-color: #b0b0b2;
	background-image:url(../new-images/bg_body_render.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#outer
{
	position: relative;
	width: 896px;
	margin: 0 auto 10px auto;
	background-color:transparent;
}
#outer_pop
{
	position: relative;
	width: 352px;
	margin: 0 auto 0 auto;
	background-color:transparent;
}
#left_border {
	position:relative;
	width:896px;
	background-image:url(../new-images/left_bg.png);
	background-repeat:repeat-y;
	background-position:0px 0px;
}
#rigt_border {
	position:relative;
	width:896px;
	background-image:url(../new-images/right_bg.png);
	background-repeat:repeat-y;
	background-position:877px 0px;
}
#content_box {
	position:relative;
	width:862px;
	background-color:#fff;
	margin: 0 19px 0 15px;
}
#bg_footer {
	position:relative;
	width:862px;
	background-image:url(../new-images/bg_footer.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}
#body_content {
	position:relative;
	width:842px;
	margin: 5px 10px 0px 10px;
	padding-bottom:10px;
}
#header
{
	position:relative;
	width:862px;
	height:179px;
	background-image:url(../new-images/header_bg.jpg);
	background-repeat:no-repeat;
}
#logo {
	position:relative;
	left:11px;
	z-index:2;
	float:left;
	top: 3px;
}
#link {
	position:relative;
	left:10px;
	top:43px;
	width:360px;
	float:left;
}
#link ul {
	list-style:none;
		}
#link ul li {
	float:left;
	font-size:12px;
	color:#32364a;
	padding:5px 5px 0 
}
#link a {
	text-decoration:none;
	color:#32364a;
}
#link a:hover {
	text-decoration:none;
	color:#666;
}
#help {
	position:absolute;
	top:5px;
	left:810px;
}
#waktu {
	position:relative;
	float:right;
	color:#32364a;
	padding-right:5px;
	width:170px;
	top:10px;
}
#refresh {
	position:absolute;
	float:right;
	top:0px;
	right:-13px;
}
#arah {
	position:absolute;
	float:right;
	top:88px;
	right:-13px;
}
#running_text {
	position:relative;
	color:#32364a;
	width:852px;
	height:12px;
	padding:4px 0px 4px 0px;
}
#flash_header {
	position:relative;
	float:left;
	z-index:3;
	width:424px;
	top:60px;
	left:110px
}
#footer_cen
{
	float:left;
	position: relative;
	width: 841px;
	height:18px;
	position:relative;
	background-image:url(../new-images/bottom_bg.png);
	background-repeat:repeat-x;
	background-position:0px 0px;
}
#footer_bg_left{
	float:left;
	width:26px;
	height:18px;
	position:relative;
	background-image:url(../new-images/left_bot_corner.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#footer_bg_right{
	float:right;
	width:29px;
	height:18px;
	position:relative;
	background-image:url(../new-images/bot_right_bg.png);
	background-repeat:no-repeat;
	background-position: 0px 0px;
}
#camera_ket ul {
	list-style:none;
	padding-left:5px;
	top:-20px;
}
#none {
display:none;
}
#left_pos {
	position:relative;
	width:190px;
}
#right_pos {
	position:relative;
	width:265px;
}
#news {
	position:relative;
	width:188px;
	background-color:#d7e3f7;
}	
#pilih_lokasi {
	position:relative;
	background-image:url(../new-images/pilihLokasi.jpg);
	background-repeat:no-repeat;
	height:164px;
	width:189px;
	top:-20px;
}
#form_select {
	top:43px;
	position:relative;
}
#center_pos {
	position:relative;
	margin-left:5px;
	margin-right:3px;
	width:370px;
	z-index:10;
}
#center_pos_map {
	position:relative;
	margin-left:5px;
	margin-right:3px;
	width:630px;
	z-index:10;
}
#camera_live {
	position:relative;
	background-color:#252222;
	width:358px;
}
#video {
	position:relative;
	float:left;
	padding-top:5px;
}
#video iframe {
	position:relative;
	width:352px;
	height:290px;
	top: -2px;
	left: -2px;
}
#jasamarga {
	position:relative;
	width:350px;
	height:307px;
	left:2px;
	color:#fff;
	}
#jasamarga a {
	text-decoration:underline;
	color: #fff;
}
#detail_area {
	margin : 3px 3px 5px 5px;
}
#detail_camera {
	margin : 3px 3px 5px 5px;
}
#detail_area ul {
	padding-left: 15px;
	list-style:disc;
}
#jasamarga a:hover {
	text-decoration:underline;
	color: #cccccc;
}
#video_right {
	position:relative;
	float:right;
	right:3px;
	background-image:url(../images/bg_right_video.gif);
	background-repeat:repeat-y;
	background-position: 0px 0px;
	top:20px;
}
#img {
	position:relative;
	text-align:center;
	padding-top:2px;
	padding-bottom:2px;
}
#img img{
	padding-top:2px;
	padding-bottom:2px;
}
#head_map {
	position:relative;
	background-image:url(../images/peta_lok_bg.jpg);
	background-repeat:repeat-x;
	height:25px;
	width:640px;
	padding-top:3px;
}
#map_so {
	position:relative;
	background-color:#252222;
	width:640px;
}
div#map_box  {
	position:relative;
	width:637px;
	height:285px;
	top:0px;
	background-image: url("../images/loading.gif");
	background-repeat:no-repeat;
	background-position:center;
	z-index:5;
	left:0px;
}
iframe#map_frame {
	position:relative;
	visibility: hidden;
	width:637px;
	height:269px;
	top:-3px;
	left:-3px;
}
div#map_box2
{
	position:relative;
	background-image: none;
	width:258px;
	height:280px;
	top:-3px;
	left:-3px;
}
#menu_thumb {
	position:relative;
	color:#2e052e;
	float:left;
	width:85px;
}
#menu_thumb ul {
	position:relative;
	list-style-type:none;
	padding-top:50px;
	text-align:right;
	padding-right:10px;
	font-weight:300;
	}
#menu_thumb ul li {
	padding-bottom:8px;
	}
#menu_thumb ul li a {
	color:#2e052e;
	text-decoration:none;
	}
#menu_thumb ul li a:hover {
	color:#F8B8F8;
	text-decoration:none;
	}
#clear_left {
clear:left;
}
#clear
{
	clear:both;
}
#left
{
	position:relative;
	float:left;
}
#right
{
	position:relative;
	float:right;
}
#footer
{
	position: relative;
	height:30px;
	padding: 5px 0 2px 0;
	width:862px;
}
#copyright {
	position: relative;
	height:20px;
	background-color:#ffcc00;
	width:842px;
	text-align:right;
	padding-right:10px;
	padding-top:6px;
	padding-left:10px;
}
#box_right {
	position:relative;
	background-color:#85a6fb;
	width:185px;
	background-image:url(../new-images/render_box.gif);
	background-repeat:repeat-x;
	background-position: 0px 0px;
}
#inside_box {
	padding: 5px 10px 5px 10px;
}
#inside_box h2 {
	font-size:13px;
	color:#ffd900;
}
#link_putih {
	color:#FFFFFF;
	padding-right:8px;
}
#link_putih a {
	color:#FFFFFF;
	text-decoration:none;
	}
#link_putih a:hover {
	color: #989098;
	text-decoration:none;
	}
#scrolltext_news  ol {
padding-left:10px;
}
#scrolltext_news  ul {
padding-left:3px;
}
#scrolltext_news {
	/* Typical fixed height and fixed width example */
	width: 21.32em;
	height: 340px;
	/*overflow: auto;*/
	overflow-x: hidden;
	overflow-y: scroll;

	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}
/*#scrolltext_news  a {
color: #333333;
}
#scrolltext_news  a:hover {
color: #ffffff;
}
*/
.buttonblue {
	/* form-buttons */
	border : solid 1px #000000;
	color : #FFFFFF;
	font-weight : bold;
	font-size : 11px;
	padding: 4px;
	background:transparent;
	color:#FFFFFF;
}
.textarea
{
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	padding:3px;
	width:250px;
	background-color:#494449;
	height:120px;
	color:#FFFFFF;
	font-size:11px;
}
.inputbox_kontak {
	width: 150px;
	height:20px;
	margin: 0 0 1em 0;
	border-color:#039;
	border-style:solid;
	border-width:1px;
	background-color:#069;
	color:#FFFFFF;
	font-size:11px;
	}	
.selectbox_kontak {
	width: 120px;
	height:18px;
	margin: 0 0 1em 0;
	border-color:#000000;
	border-style:solid;
	border-width:1px;
	background-color:#fff;
	font-size:11px;
	}	
.form_pilih {
	width: 120px;
	position:relative;
	padding-right:8px;
}
.text_pilih {
	line-height:18px;
	padding-right:2px;
	padding-left:7px;
	text-align:right;
	width:40px;
}
#iklan_bawah {
	padding-top:15px;
	position:relative;
}
#iklan {
	padding-top:10px;
	left:5px;
	position:relative;
}
#iklan_kanan {
	padding-top:10px;
	position:relative;
}
#news_txt {
	position:relative;
	padding-left:5px;
	padding-right: 3px;
}
#copyright-js {
	position:relative;
	float:right;
	right:10px;
	top:-9px;
}
#loading {
	position:relative;
	text-align:center;
	height:140px;
	top:140px;
}
.buttonblue {
	/* form-buttons */
	border : 1px solid #35629e;
	color : #FFFFFF;
	font-weight : bold;
	font-size : 11px;
	padding: 2px;
	background-color: #194681;
}
#ruas {
	position:relative;
	float:right;
	width:120px;
	top:60px;
	padding-right:5px;
}
#cuaca {
	position:relative;
	top:-20px;
	z-index:11;
	left:5px;
}

/*News ---------*/
h4{margin:0;padding:0;}
#doc4 {font:12px arial,helvetica,clean,sans-serif;*font-size:small;}
#doc4 #bd a {color:#02040b;text-decoration:none;}
#doc4 #bd a:hover {text-decoration:underline;}
#doc4 #bd {color:#121111;}
#doc4 #bd .viewAllRt a{color:#fff;}

#upcomingEventsBoxCont{float:left;border:1px solid #d9d9d9;}
#upcomingEventsBox{float:left;width:21.32em;border:1px solid #252222;margin:0;background:url('../images/info-bkg.gif') #b6b5b5 top repeat-x;}
#upcomingEventsBox .blogRackTitle{width:18em;float:left;border-top:1px solid #383636;margin:0 .6em;padding:.4em 0;line-height:1.0em;position:relative;}
#upcomingEventsBox .blogRackTitle a{font-weight:bold;}
#upcomingEventsBox .blogRackDate{margin:0.2em 0.6em; font-size:10px;}
#upcomingEventsBox .blogRackContent{margin:0.2em 0.6em 0.6em 0.6em; font-size:11px;}
.upcomingHL{float:left;padding:.4em .2em;}
.viewAllRt{float:right;font-size:85%;padding:.5em .85em 0 .85em;}
#sideBoxContainer{width:22.9em;float:left;}
#doc4 #bd .viewAllRt a{color:#fff;}
#upcomingHArea{float:left;clear:both;width:100%;background:#272324;border-bottom:1px solid #252222;}
.upcomingEvents{color:#f1c102;font-weight:bold;text-transform:uppercase;}
#wrap_news {
	position:relative;
	float:left;
}