@charset "utf-8";
body {
	font-family: "lucida grande", tahoma, verdana, arial, sans;
	font-size: 11px;
	background-attachment: fixed;
	background-image: url(../images/bg_isi.png);
	background-repeat: repeat-x;
	background-position: left center;
	margin:auto;
	bottom: 5px;
	color:#FFFF99;
}

a:link {
	color: #0000CC;
}
a:visited {
	color: #0000CC;
}
a:hover {
	color: #990000;
}


.maintitle {
	
	font-family:"Arial Narrow", "Arial Rounded MT Bold";
	font-size: 2em;
	font-weight:bolder;
	color: #FFFFFF;
}
.dynamicDiv{
	/*display:block;
	width:150px;
	height:400px;
	border-left:1px solid #000;
	border-bottom:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #FFF;
	float:right;
	
	
	padding:0px 2px 0px 2px;
	background-color:#FFFFFF;
	z-index:1005;
	bottom:5px;*/
	font-weight:bold;
	color:#000000;
	text-align:left; 
	bottom:1px;
	border:0px solid #333;
	background-color:#FFFFFF;
	width:168px;
	visibility:visible;
	/*display:inline-table;*/
	z-index:1003;
	height:370px;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
	float:right;
}
.prsnlcht{
	position:absolute;
	bottom:22px;
	border:1px solid #000;
	background-color:#FFFFFF;
	width:235px;
	visibility:visible;
	display:inline-table;
	z-index:10;
	height:275px;
	overflow:auto;
	right:0px;
	z-index:1003;
}
#cht_l {
	position:relative;
	display:inline;
	width:100%;
	height:23px;
	border:0px solid #C00;
	float:left;
}
#mainlay {
	position: fixed;
	margin:auto;
}

#mainchtbx{
	position:fixed;
	left:1%;
	bottom:0px;
	padding:1px;
	width:98%;
	margin:auto;
	z-index:1000;
	color:#333333;
	background-color:#EBEBF1;
}
#mainchtbx1{
	height:23px;
	display:block;
	border:solid 1px #CCCCCC;
}
#chtbxmp{
	display:inline;
	float:left;
	width:82px;
	height:23px;
	position:relative;
	border-right:1px solid #CCC;
	text-align:center;
	line-height: 23px;
}
#persnlcht{
	display:inline;
	width:100%;
	height:23px;
}
#chtlst{
	display:block;
	width:100%;
	height:23px;
	/*border-left:0px solid #CCC;*/
	
	 
}

#notify{
	display:block;
	width:22px;
	height:23px;
	/*border-left:0px solid #CCC;*/
	padding:1px 2px 0px 2px;
	text-align:center;
	z-index:2003;
}
#listbox{
	position:absolute;
	bottom:26px;
	border:1px solid #333;
	background-color:#FFFFFF;
	width:202px;
	visibility:visible;
	display:inline-table;
	z-index:1002;
	overflow:hidden;
}	
	
.chatbox{
	position:absolute;
	bottom:23px;
	border:1px solid #333;
	background-color:#FFFFFF;
	width:196px;
	visibility:hidden;
	display:inline-table;
	z-index:1002;
}	
 
.chatOL {
	width:194px;
	height:23px;
}

.chatOL a{
	text-decoration:none;
	background-color:#FFC;
	width:194px;
	height:23px;
}
.chatOL a:visited{
	color:#00C;
	text-decoration:none;
	width:194px;
	height:23px;}

.chatOL a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-color:#369;
	width:194px;
	height:23px;
	}
#clschtlst{
	position:absolute;
	bottom:1px;
	/*border:0px solid #333;*/
	background-color:#FFFFFF;
	width:175px;
	visibility:visible;
	/*display:inline-table;*/
	z-index:1003;
	height:25px;
	border-left:1px solid #000000;
	border-bottom:1px solid #000000;
	border-right:1px solid #000000;
}	
.testie{
	position:relative;
	border-bottom:0px solid #CCCCCC;
}
.testie .header{
	background:#336699;
	color:#FFFF99;
	display:block;
 	font-weight:bold;
	margin:0px;
	padding:4px 0px 4px 4px;
}

.header{
	background:#336699;
	color:#FFFF99;
	display:block;
 	font-weight:bold;
	margin:0px;
	padding:4px 0px 4px 4px;
}

.tombol{
background:#336699; 
border-bottom:1px solid #003366;
border-right:1px solid #003366;
border-top:1px solid  #CCC;
border-left:1px solid #CCC; 
color:#FFFFFF; cursor:pointer; 
font-weight:bold;
padding-top:3px;
padding-bottom:3px;
font-size:11px;
vertical-align:middle;
}

.tombol a{
background:#336699; 
border-bottom:1px solid #003366;
border-right:1px solid #003366;
border-top:1px solid  #CCC;
border-left:1px solid #CCC; 
color:#FFFFFF; 
cursor:pointer; 
font-weight:bold;
padding:3px;
font-size:11px;
vertical-align:middle;
text-decoration:none;
display:block;
width:60px;
}

.tombol a:hover{
background:#479; 
text-decoration:none;
border-bottom:1px solid #003366;
border-right:1px solid #003366;
border-top:1px solid  #CCC;
border-left:1px solid #CCC; 
color:#FFFFFF; 
cursor:pointer; 
font-weight:bold;
padding:3px;
font-size:11px;
vertical-align:middle;
display:block;
}

.button {
background-color:#336699; 
font-weight:bold;
color:#FFFFFF; 
cursor:pointer; 
padding:3px;
font-size:11px;
vertical-align:middle;
text-decoration:none;
}

.button a:hover{
background-color:#447799; 
 
color:#FFFFFF; 
cursor:pointer; 
font-weight:normal;
padding:3px;
font-size:11px;
vertical-align:middle;
text-decoration:none;
}


#footerarea a{
color:#FFFFFF;
}
#footerarea a:hover{
color:#FFCC66;
}

#footes {
height: 95px;
width:90%;
}
#footer {
 height: 67px;
 background:url(../Images/bot_b.png);
 background-repeat: repeat-y ;
 background-position:center top;
 
}
#foot-t-l {
width:900px;
height:55px;
background:url(../images/bot_l_t.png) left top;
background-repeat:repeat-y;
}
#foot-t-r {
	width:965px;
	height:55px;
	background:url(../Images/bot_r_t.png) right top;
	background-repeat:no-repeat;
}
#foot-r {
 height: 95px;
 background: url(../Images/shader.png) no-repeat 100% 100%;
}

#foot-l {
 height: 95px;
 background: url(../Images/shadel.png) no-repeat 0 100%;
}

#kategori_berita {
	background-color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	padding:4px 5px;
	line-height:normal;
	text-indent:-5px;
}

#kategori_berita a{
	color:#0000CC;
	font-weight:bold;
	font-size:11px;
	padding:0px 5px;
}

#kategori_berita a:hover{
	color:#660000;
	font-weight:bold;
	font-size:11px;	
}



.judul_berita {
	font-weight:bold;
	font-size:11px;
	padding:4px 5px;
	line-height:normal;
	text-indent:-5px;
	color:#FFCC33;
}

.judul_berita a{
	font-weight:bold;
	font-size:11px;
	padding:0px 5px;
	color:#FFCC33;
	text-decoration:none;
}

.judul_berita a:hover{
	font-weight:bold;
	font-size:11px;
	padding:0px 5px;
	color:#FFFFCC;
	text-decoration:underline;
}

.judul_berita a:visited{
	color:#FFCC33;
	text-decoration:none;
}

#comment{
	padding: 4px 7px 7px 7px;
	background-color:#FFFFFF;
	display: run-in;
}

#judul_berita {
	font-weight:bold;
	font-size:11px;
	padding:4px 5px;
	line-height:normal;
	text-indent:-5px;
	color:#FFCC33;
}

#judul_berita a{
	font-weight:bold;
	font-size:11px;
	padding:0px 5px;
	color:#FFCC33;
	text-decoration:none;
}

#judul_berita a:hover{
	font-weight:bold;
	font-size:11px;
	padding:0px 5px;
	color:#FFFFCC;
	text-decoration:underline;
}

#judul_berita a:visited{
	color:#FFCC33;
	text-decoration:none;
}
.content{
	height:200px;
	padding:0px 4px;
}
 
.isikat{
	padding:0px 5px 5px 5px;
	height:auto;
}
.tbl {
background-color:#336699; 
font-weight:bold;
color:#FFFFFF; 
cursor:pointer; 
padding:3px;
font-size:11px;
vertical-align:middle;
text-decoration:none;
font-weight:normal;
}
.tbl a{
background-color:#336699; 
font-weight:bold;
color:#FFFFFF; 
cursor:pointer; 
padding:3px;
font-size:11px;
vertical-align:middle;
text-decoration:none;
font-weight:normal;
}
.tbl a:hover{
background-color:#447799; 
font-weight:normal;
color:#FFFFFF; 
cursor:pointer; 
font-weight:normal;
padding:3px;
font-size:11px;
vertical-align:middle;
text-decoration:none;
}
#kategori_berita {
	background-color:#003366;
	color:#FFCC00;
	font-weight:bold;
	font-size:11px;
	padding:4px 10px;
}

.msgframe{
	background-color:#999999;
	clip:rect('top', 'right', 'bottom', 'left');
	margin:auto;
	width: 373px;
}
.msgbox{
	background-color:#FFFFFF;
	display:block;
	width:100%;
	height:144px;;
}
.msgbox td{
	padding:0px 3px;
	}