body
{
	background-color: #ffffff;	
	margin-top: 10px;
	/*font-family: Arial, Georgia, Helvetica, sans-serif;
	font-size: 9pt;*/
	font-size: 12px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;

}
.style1 {
	font-size: 9pt;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #0000FF;
}
.style10 {font-size: 16px}
		.style14 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.style16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style23 {font-size: 11px}
.style24 {
	font-family: Arial;
	font-size: 14px;
	color: #333333;
	font-weight: bold;
}
.style25 {
	font-size: 9pt;
	font-family: Tahoma, Verdana;
	color: #FFFFFF;
}
.style28 {
	font-size: 12px;
	color:#0066FF;
	font-family: Tahoma, Verdana;
}
.style29 {font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; }
		ok .style30 {font-size: 9px}
.style30 {
		font-size: 14px;
		color: #0066cc;
}
.style31 {font-size: 12px}
.style32 {
		font-size: 12px;
		color:#FFFFFF;
		font-weight:bold
}
.style33 {
		font-size: 10pt;
		font-weight:bold;
		color:#000099;
}
.style35 {font-size: 12px; color: #0000FF; font-family: Tahoma, Verdana; }
.style36 {font-family:Verdana, Arial, Helvetica, sans-serif;
}
.style37 {
	font-family:"Comic Sans MS", Calibri, sans-serif;
	font-size:9pt;
	color: #0000FF
}
.style41 {color: #0000FF}
.style42 {font-family: Arial, Helvetica, sans-serif}

ol
{
  float:left;
  width:560px;
  margin:0 0 0 20px;
  padding:20px 0 20px 0;
  list-style-type: decimal;
}
a:link, a:visited
{
	color:#0033FF;
	text-decoration:none;
	font-weight:normal;
}
a:hover
{
	text-decoration: underline;
	color:#0000FF;
	font-weight:bold;
}
/* standard heading */
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 250%;
	color: #000000; 
	font-weight: bold;
	background-color: transparent;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 200%;
	color: #000000; 
	font-weight: bold;
	background-color: transparent;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 150%;
	color: #000000; 
	font-weight: bold;
	background-color: transparent;
	margin: 2px 2px 2px 0px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	color: #000000; 
	font-weight: bold;
	background-color: transparent;
	margin: 2px 2px 2px 0px;
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #0000FF; 
	font-weight: bold;
	background-color: transparent;
	margin: 2px 2px 2px 0px;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	color: #0000FF; 
	font-weight: bold;
	background-color: transparent;
}
p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 120%;
	color:#0000FF;
	letter-spacing: 0px;
}
/*lain */
table, tr, td
{
	vertical-align: top;
}
form
{
  padding:0;
  margin:0;
}
img
{
  border:0;
  margin:0px 5px 0px 0px;
}
#wrapper
{
	margin: 0 auto;
	width: 761px;
	
}
#mymain
{	
	background-color: #ffffff;
	float: left;
	padding: 0px 0px 0px 0px;	
}
#mysite
{
	width: 789px;
	padding: 0px 0px 0px 0px;	
	float: left;		
}
#myheader
{
	width: 100%;
	height: 81px;
	float: left;
	color:#000000;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	/*background-image: url(images/user/header.jpg);*/
}
#kepala
{
  float:left;
  width:759px;
  height:80px;
  padding:0px 0px 0px 30px;
  margin:0;
}
#search
{
  float:right;
  padding:0px 0px 0px 10px;
  vertical-align: middle;
  text-align:right;
}
.searchInput
{
  border:2px solid rgb(125,125,125);
  vertical-align: top;
  color:Maroon;
}
.tfvHighlight
{
	border:2px solid rgb(125,125,125);
	background-color: rgb(255,102,0);
  vertical-align: top;
  color:Maroon;
}
.tfvNormal
{
	border:2px solid rgb(125,125,125);
  vertical-align: top;
  color:Maroon;
}
.p-lanjut
{
  color:rgb(125,125,125);
  font-family: Arial, Helvetica, sans-serif;
  font-size:80%;
  margin:0;
  padding:0;
}
.p-lanjut img
{
  margin:0;
  padding:0;
}
#link-atas
{
  width:350px;
  float:inherit;
  clear:right;
  padding:0px 0px 0px 0px;
  margin:0px;
  text-align:right;
  		<style type="text/css">
		<!--
		.style14 {font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.style16 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style19 {
	font-size: 10px;
	color: #0000FF;
}
.style23 {font-size: 11px}
		-->
	    </style>
}
#link-atas img
{
  margin:0;
}

#myheader2
{
	width: 622px;
	height: 174px;
	float: left;
	color:#000000;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	margin:0px 0px 0px -2px;
  padding:0;
  z-index: 5;
	/*background-image: url(images/user/header.jpg);*/
}
#myleft
{
	width: 165px;
	height: 175px;
	overflow:visible;
	float: left;
	background-color:#ffffff;
	padding-right:0px;
	margin-left:-2px;
	margin-bottom:0px;
}

#main
{
  float:left;  
  height:auto; 
  margin:0px 0px 0px 0px; 
  padding:0; 
  width:785px; 
  background-color:#ffffff; 
  border-right: solid 2px #dcdcdc; 
  border-left: solid 2px #dcdcdc;
} 

#kiri
{
  float:left;
  width:165px;
  height:auto;
  /*border-right: solid 2px #dcdcdc;*/
}
#skeleton-left
{
  float:left;
  width:163px;
  height:auto;
  border-right: solid 2px #dcdcdc;
  margin-top:0px;
}
.skeleteon
{
  border-left: solid 2px #dcdcdc;
  margin-left:-2px;
  float:left;
  width:620px;
  padding:0;
}
.kiri-tambahan
{
  float:left;
  width:163px;
  height:auto;
  border-right: solid 2px #dcdcdc;
}
#mycontent
{
	width:620px;
  /*margin-left:5px; */
  padding:10px 0px 200px 0px;
  margin-bottom:10px;
  height: auto;
	background-position: top;
	background-repeat: no-repeat;
	float: left;	
}
#online
{
  width:610px;
  color:rgb(85,107,47);
  float:right;
  text-align:right;
  font-family: Arial, Georgia, Helvetica, sans-serif;
  font-size:90%;
  margin:0px 0px 0px -2px;
  padding:5px 10px 0px 0px;
  border-left: solid 2px #dcdcdc;
}
#otherlink
{
  width:620px;
  height:33px;
  text-align:center;
  float:right;
  background-color: #ffffff;
  margin:0;
  padding:0;
}
.othermenu
{
  float:right;
  width:206px;
  margin:5px 0px 0px 0px;
}
#jajakpendapat
{  
  height:200px;
  float:left;
  width:204px;
  background-color:#f0f0f0;
}
#jajakpendapat .titel
{
  background-image: url(images/user/jajak_pendapat.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width:204px;
  height:26px;
  background-color: rgb(0,153,0);
  float:left;  
}
.detail
{
  width: 584px;
  float:left;
  padding:0px 10px 10px 10px;
  font-family: Arial;
  font-size:100%;
  /*font-stretch: semi-expanded;*/
}
.isi, #kesehatan
{
  width: 282px;	
  float:left;
  padding:0px 10px 10px 10px;  
}
.isi .thumb, .detail .thumb
{
  float:left;
  width:75px;
}
.imgfull
{
  float:left;
  /*width:200px;
  height:150px;*/
  width:150px;
  padding:5px;
  border: 1px solid #f0f0f0;
  margin:0px 15px 0px 0px;
}
.isi p
{
  text-align:left;
  font-weight: normal;
}
.detail p
{
  text-align:justify;
  font-weight: normal;
}
.Rsearch, .Rsearch a:link, .Rsearch a:visited 
{
  font-size:110%;
  color:rgb(51,102,153);
  font-weight:bold;
  text-transform: uppercase;
}

.judul
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  width:100%;
  font-size:110%;
  color:#0033CC;
  font-weight:bold;
  margin:0;
  padding:0;
  vertical-align: middle;
}
.judul img
{
  width:28px;
}
.judul a
{
  color:#000099 !important;
  font-weight:bold;
}
.judul a:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:108%;
}
.tanggal
{
  color:rgb(85,107,47);
  float:left;
  width:100%;
  margin:0px 0px 5px 0px;
  padding:0;
  font-weight:bold;
  font-size:80%;
}
.tanggal_agenda
{
  color:rgb(102,102,0);
  font-weight:bold;
}
#menu-content
{
  float:left;
  width:100%;
}
.print-content
{
  float:left;
  width:20%;
  font-size:100%;
  font-family:Verdana;
  color:rgb(104,104,104);
  text-transform: lowercase;
}
.print-content a
{
  color:rgb(104,104,104);
  text-decoration: none;
}
.print-content a:hover
{
  color:rgb(175,175,175);
  text-decoration: none;
}
.arsip2
{
  float:right;
  width:20%;
  margin:5px 0px 0px 0px;
  padding:0;
}
.arsip-select
{
  width:100%;
  font-size:80%;
  margin-top:10px;
}
.arsip
{
  float:right;
  width:100%;
  margin:5px 0px 0px 0px;
  padding:0;
}
.arsip img
{
  float:right;
}
.arsip ul
{
  float:right;
  text-align:right;
  text-transform:uppercase;
  list-style-type: square !important;
  width:95%;
  padding:0;
  margin:0px 0px 10px 0px;
}
.arsip ul li
{
  font-size:110%;
  color:rgb(51,102,153);
  margin:0px 0px 5px 0px;
  font-weight:bold;
}
.arsip ul li a, .arsip ul li a:visited
{
  color:rgb(51,102,153);
}
.banner
{
  text-align:center;
}
.banner .subdomain
{
  width:151px;
  margin-left:5px;
}
.banner .roadmap
{
  width:151px;
  margin-left:5px;
}
.banner .baner
{
  width:151px;
  margin-left:5px;
}
.banner .partner
{
  width:151px;
  margin-left:5px;
}
.banner .judul-menu
{
  background-image: url(images/user/bg-menu.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 30px;
  margin:30px 0px 10px 10px;
  float:left;
  width:112px;
  height:21px;
  font-size:120%;
  font-weight:bold;
  color:rgb(204,102,51);
  text-align:left;  
}
.banner .judul-menu a
{
  text-decoration: none;
  color:rgb(204,102,51);
  cursor: default;
}
.navigasi-banner
{
  float:left;
  width:152px;
  height:14px;
  text-align:right;
  margin-top:5px;
}
.navigasi-banner a, .navigasi-banner a:visited 
{
  color: rgb(0,102,51) !important;
}
#myfooter
{
	width: 100%;
	height:46px;
	float: left;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid Silver;
	background-image: url(images/user/bg-footer.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#myfooter p
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#myfooter a, #myfooter a:visited
{
  color:rgb(230,230,250) !important;
}
#hakcipta
{
  float:left;
  padding:5px 0px 0px 10px;
  color:rgb(230,230,250);
  font-size:90%;
  font-family: Arial, Georgia, Helvetica, sans-serif;
}
#link-footer
{
  float:right;
  text-align:right;
  padding:5px 10px 0px 0px;
  color:rgb(230,230,250);
  font-size:90%;
  font-family: Arial, Georgia, Helvetica, sans-serif;
}
#link-footer a
{
  font-weight:normal !important;
  
}
#agenda
{
  width:100%;
  margin:10px 0px 0px 0px;
  padding:0;
  float:left;
}

#agenda p
{
  margin:0px 0px 0px 0px;
  padding:0px;
}
#agenda h4
{
  margin-top:0px;
  padding:0;
  font-size:100%;
}
#agenda .agenda-head
{
  font-weight:bold;
  color:#cc6600;
}
.warna0
{	
	/*background-color: #8FBCA6;*/
	background-color: rgb(255,239,213);
	color:#000000;
}
.warna1
{
	/*background-color: #F5F5F5;*/
	background-color: rgb(255,255,224);
}
.warna2
{
	/*background-color: #FFFAFA;*/
	background-color: rgb(245,245,220);
}
.input
{
	font-family: Arial, Helvetica, sans-serif;
	border: solid 1px rgb(95,158,160);
	background-color: transparent;
	width: 300px;
	color: Maroon;
}
.done
{
	background-color: #ECE7DC;
	float: left;
  width:620px;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	font-size: 15px;
	margin-bottom: 10px;
}
.error
{
	background-color: #ECE7DC;
	float: left;
	width:620px;
	text-align: center;
	color: #ECE7DC;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
	font-size: 15px;
	margin-bottom: 10px;
}
.menu-icon
{
	float: left;
	width: 68px;
	padding: 5px 10px 5px 10px;
	/*height: 56px;*/
	border: solid 1px Silver;
	margin-right: -1px;
}
.menu-icon img
{
	float: left;
	margin-left:10px;
}
.menu-icon-title
{
	float: left;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 70%;
	width: 100%;
	height: 20px;
	/*border-top: solid 1px #6A5ACD;*/
}
.more
{
  text-transform:lowercase;
  color:#ff0000 !important;
  font-weight:normal !important;
}
.pengirim
{
  font-size:110%;
  font-family: Georgia, Arial, Verdana;
}
.title
{
  font-family: Arial, Verdana;
  font-size:150%;
  color:rgb(204,102,51);
  
}
.myPaging
{
  font-size: 80%;
  font-family: Verdana;
  color:rgb(102,0,0);
  margin-top:20px;
}
.gallery
{
  float:left; 
  margin-top:20px; 
  width:95%; 
  border: 1px solid #c0c0c0; 
  padding:10px;
  background-color:#f0f0f0;
}
.imggallery
{
  float:left;
  width:100px;
  height:75px;
}
.high
{
  color:#000000 !important;
  background-color: rgb(255,255,0);
}
.jumlah
{
  color:rgb(204,102,0);
}
#rssOutput
{
  background-image: url(images/user/cuaca_icon.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width:100%;
  float:left;
}
#rssOutput a:link, #rssOutput a:hover, #rssOutput a:visited
{
  font-size:80%;
}
#rssOutput img
{
  width:52px;
}
#rssOutput table tr td
{
  vertical-align: middle !important;
  text-align: left !important;
}

#cuaca
{
  background-image: url(images/user/cuaca_icon.jpg);
  background-position: left top;
  background-repeat: no-repeat;
  width:100%;
  float:left;
}
#cuaca a:link, #cuaca a:hover, #cuaca a:visited
{
  font-size:80%;
}
#cuaca img
{
  width:52px;
}
#cuaca table tr td
{
  vertical-align: middle !important;
  text-align: left !important;
}

#upik
{
  font-size:90%;
}
.bottom
{  
  margin-bottom:0px;
  float:left;
  width:620px;
  height:250px;
  background-color: #f0f0f0;
}
.imggalleryfull
{
  padding:5px;
  border: solid 1px rgb(111,111,111);
  float:left;
  margin-right:10px;
  background-color: #f0f0f0;
}
img.kiri
{
 	float: left;
	margin: 0 5px 5px 0;
}
img.kanan
{
 	float: right;
	margin: 0 5px 5px 0;
}
.list-wrap
{
  float:left;
  width:100%;
}
.list-left
{
  float:left;
  width:45%;
  padding:5px 0px 5px 0px;
  border:solid 1px #f0f0f0;
  margin: 5px 0px 0px 5px;
}
.list-right
{
  float:right;
  width:50%;
  padding:5px 0px 5px 0px;
  border:solid 1px #f0f0f0;
  margin: 5px 0px 0px 5px;
}
.list-left img, .list-right img
{
  float:left;
}
table.main td {
        padding : 1ex 1em;
}
table.main td.content {
        padding : 1ex 1em 0 1em;
        vertical-align : top;
}
table.main thead td, table tfoot td {
        background : #eeeeee !important;
}
table.main thead td.active, table tfoot td.active {
        font-weight : bold;
}
table.main tbody td, table thead td, table tfoot td {
        border-bottom : 1px solid #cfcfcf;
        border-right : 1px solid #cfcfcf;
}
table.main thead td, table tfoot td {
        background : #eee !important;
}
table.main {
        background : #ffffff;
        border-spacing : 0;
        border-left : 1px solid #cfcfcf;
        border-top : 1px solid #cfcfcf;
        margin : 0 0 2em 0;
        font-size : 100%;
        width : 100%;
}
#outsource
{
  float:left;
  border:1px solid #f0f0f0;
  padding:10px;
  margin:10px 0px 10px 0px;
  clear:left;
  width:554px;
}
.keterangan
{
  margin-top:10px;
  background-color: #f0f0f0;
  float:left;
  width:98%;
  padding: 10px;
  border: 1px solid #f0f0f0;
}
#polling
{
  border::1px solid;
  float:left;
  width:90%;
  padding:inherit
}
.hasilpolling
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  size:10;
  color:#0033CC
}
input.button{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:0000FF;
	background-color:#D5EAE9;
	border: 1px solid #0000FF;
}

button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #cccccc;
	border: 1px solid #0000FF;
}
font
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px ;
	font-weight:normal;
	color:
}
.normal
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:9pt ;
	font-weight:normal;
	color:
}
.tanda
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:10pt ;
	font-weight:bold;
	color:#000000;
}