/* Untuk Tampilan Umum */
* {
	padding: 0;
	margin: 0;
}

html,body {
	background-color:#1e50c4;
	background-image:url(images/background.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	text-align:center;
	font-family: Tahoma,Verdana,Generva,arial;
	font-size:12px;
	line-height:17px;
	height: 100%;
	min-height:100%;
	max-height:200px;
}
a {	color: #369; text-decoration:none;}
a:visited {	color: #039; text-decoration:none;}
a:hover {color: #39c;text-decoration: underline; }
#container {
	width: 972px;
	min-height:100%;
	text-align:center;
	margin:0 auto;
	background-color: #ffffff;
	display: block;
}
#container:after { content: ""; display: block; height: 0; clear: both; }

#header
{
	position:relative;
	background-image:url(images/header.jpg);
	height:153px;
}

#sidebar {
	float:left;
	width:242px;
	background-image:url(images/backsampingkiri.jpg);
	background-repeat:no-repeat;
	background-color:#e8ebf0;
	min-height:200%;
	height:100%;
	text-align:center;
	margin:0 auto;
}
#sidebar:after { content: ""; display: block; height: 0; clear: both; }

* html div #sidebar { /* for IE5-6 */
height: 100%;
}


#tengah{
	float:left;
	width:729px;
	height: 100%;
	min-height:100%;
	background-repeat:repeat-x;
	background-color:#ffffff;
	border-left:1px solid #cccccc;
}
#tengah .runningtext{
	float:left;
	width:729px;
	background-image:url(images/bgrunning.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	text-align:left;
	height:40px;
	padding-bottom:5px;
	display:block;
}
#tengah .runningtextisi{
	float:left;
	width:97%;
	padding:8px 10px 5px 10px;
	display:block;
	height:20px;
	color:#FFFFFF;
}

#tengah .header{
	float:left;
	width:729px;
	background-image:url(images/headertengah.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	text-align:left;
	height:43px;
	padding-bottom:5px;
	display:block;
}
#tengah .title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-weight:bold;
	padding:12px 10px 10px 40px;
	text-transform:uppercase;
}

#newsdepan{
	width:450px;
	height:200px;
}
#newslain{
	margin-top:-7px;
	float:right;
	width:275px;
	height:280px;
	background-image:url(images/bgtengahkecil.jpg);
	background-repeat:repeat-x;
}
#newslain li{
	margin-left:20px;
	padding:2px 2px 2px 2px;
	list-style-type: inherit;
	list-style-image: url(images/bullet.gif);
	list-style-position: inherit;
}

#artikeldepan{
	float:right;
	width:450px;
	height:200px;
}
#artikellain{
	margin-top:-7px;
	float:left;
	width:275px;
	height:280px;
	background-image:url(images/bgtengahkecil.jpg);
	background-repeat:repeat-x;
}
#artikellain li{
	margin-left:20px;
	padding:2px 2px 2px 2px;
	list-style-type: inherit;
	list-style-image: url(images/bullet.gif);
	list-style-position: inherit;
}


#detail{
	text-align:left;
	line-height:20px;
}
#detail img{
	padding:5px;
}
#detail li{
	margin-left:5px;
	padding:2px 2px 2px 2px;
	list-style-type: inherit;
	list-style-image: url(images/bullet.gif);
	list-style-position: inside;
}

#polling li{
	margin-left:5px;
	padding:2px 2px 2px 2px;
	list-style:none;
}


.floatkiri {
	float:left;
}
.floatkanan {
	float:right;
}
.padtop10 { padding-top:10px; }
.textkiri{ text-align:left }
.textcenter{ text-align:center}
.textrata{ text-align:justify; }
.text90{ font-size:90% }
.textputih { color:#ffffff }
.padding1 { padding:1px; }
.padding2 { padding:2px; }
.padding3 { padding:3px; }
.padding4 { padding:4px; }
.padding5 { padding:5px; }
.padding6 { padding:6px; }
.padding7 { padding:7px; }
.padding15 { padding:15px; }


/* Untuk Menu Bagian atas */
#menuatas{
	width:731px;
	height:48px;
	background-color:#999999;
	float:left;
	background-image:url(images/bgmenuatas.jpg);

}
#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 12px  Tahoma,Verdana,Generva,arial;
	height:48px;
}

#sddm li a
{	display: block;
	margin: 0 0px 0 0;
	padding: 20px 0px 10px 0px;
	width: 103px;
	background: #5970B2;
	color: #000000;
	text-align: center;
	text-decoration: none;
	height:18px;
	background-image:url(images/bgmenuatas.jpg);
	background-position:right;
}

#sddm li a:hover
{	background-image:url(images/bgmenuatasover.jpg);
	background-position:right;
}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #EAEBD8;
	border: 1px solid #999999}

#sddm div a
{	position: relative;
	display: block;
	margin: 0;
	padding: 5px 10px;
	width: auto;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #EAEBD8;
	color: #2875DE;
	font: 11px  Tahoma,Verdana,Generva,arial;
}

#sddm div a:hover
{	background: #49A3FF;
	color: #FFF;
}

#menukiri{
	float:left;
	width:242px;
	height:265px;
	background-image:url(images/bgmenukiri.jpg);
	background-repeat:repeat-x;
	background-color:#999999;
}
#menukiriitem { margin-top:15px; width:213px; height:248px; float:right; text-align:left;}
#menukiriitem .li1 {width:213px;height:5px; background-image:url(images/menukiri_01.jpg); list-style: none; }
#menukiriitem .li2 { width:213px;height:23px; background-image:url(images/menukiri_02.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li3 { width:213px;height:25px; background-image:url(images/menukiri_03.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li4 { width:213px;height:23px; background-image:url(images/menukiri_04.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li5 { width:213px;height:23px; background-image:url(images/menukiri_05.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li6 { width:213px;height:20px; background-image:url(images/menukiri_06.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li7 { width:213px;height:20px; background-image:url(images/menukiri_07.jpg); list-style: none; padding-top:12px;}
#menukiriitem .li8 { width:213px;height:17px; background-image:url(images/menukiri_08.jpg); list-style: none;}
#menukiriitem a { color: #666666; font: 11px  Tahoma,Verdana,Generva,arial; margin-left:50px; text-align:left; font-weight:bold; text-decoration:none; }
#menukiriitem a:hover { color: #2875DE; font: 11px  Tahoma,Verdana,Generva,arial; margin-left:50px; text-align:left; font-weight:bold; text-decoration:underline; }

#slideimage{
	float:left;
	width:489px;
	height:265px;
	background-color:#ffffff;
}
#slideimage img{
	width:489px;
	height:265px;
}


#agenda{
	float:right;
	width:241px;
	height:313px;
	background-color:#999999;
	background-image:url(images/bgagenda.jpg);
	background-repeat:repeat-x;

}
#agenda .isi{
	padding:70px 10px 0px 10px;
	width:201px;
	height:203px;
	text-align:left;
	font-family: Tahoma,Verdana,Generva,arial;
}
#agenda .boxcari{ padding-left:15px; }


#footer{
	float:left;
	width:972px;
	height:85px;
	background-repeat:repeat-x;
	background-image:url(images/bgfooter.jpg);
	background-color:#e8ebf0;
}

#kotakpolling{
	float:left;
	width:242px;
	height:44px;
	background-image:url(images/headerpolling.jpg);
	background-repeat:repeat-x;
}
.barpolling {padding: 0px; margin: 0px; text-align:left; border: 1px solid #999999 ;  background-color:#D2E0EC;}
#kotakmitra{
	float:left;
	width:242px;
	height:44px;
	background-image:url(images/headermitra.jpg);
	background-repeat:repeat-x;
}

.kotakkonsultasi{
	margin:5px;
	float:left;
	width:310px;
	height:280px;
	background-image:url(images/bgtengahkecil.jpg);
	background-repeat:repeat-x;
}
.kotakkonsultasikecil{
	margin:5px;
	float:left;
	width:310px;
	height:150px;
	background-image:url(images/backsampingkiri.jpg);
	background-repeat:repeat-x;
}

/* untuk tooltoip */

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid #333;
padding:0px;
background: #FFF url(../../tooltip.gif) repeat-x;
visibility: hidden;
z-index: 100;

}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

#tooltip { padding:10px; font: normal 12px arial; color:#333;   }
#tooltip b {font:bold 1.2em arial; color: #336699; *letter-spacing:-0.03em; }
#tooltip span { margin:0; padding:0; background:#FFF;}
#tooltipx { background-color:#FFFFFF; height:31px; float:right; font: normal 9px arial; color:#999999; padding:3px;}
#tooltipx img { vertical-align:middle;}

.tooltipicon {clear:left; padding:10px; font:normal 11px arial; color:#333; border-top:1px solid #666;}
.tooltipicon img {margin-right:5px}

.slideoverlay{
	padding:7px;
	margin-top:200px;
	text-align:left;
	margin-buttom:0px;
	position:absolute;
	overflow: hidden;
	display:inline;
	z-index:1000;
	background-image:url(images/bgoverlay.png);
	color:#FFFFFF;
	
}



/* Text semuanya disimpan disini */

.judul { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #3f6e9e; text-decoration: none; font-weight: lighter; line-height:20px; }
.judulsedang { font-family: Helvetica, Verdana,  Arial,  sans-serif; font-size: 13pt; color: #3f6e9e; }
.judulbesar { font-family: Helvetica, Verdana,  Arial,  sans-serif; font-size: 14pt; color: #3f6e9e; }

.judul a,a.judul{ font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #3f6e9e; text-decoration: none; font-weight: lighter; line-height:20px;} 
.judul a:hover,a.judul:hover{ color: #FF801B; font-weight: lighter;  } 

.textabu {color: #999999; }


.menuhitam a,a.menuhitam{ font-family: Arial, Tahoma,Helvetica, Verdana,  Arial,  sans-serif; font-size: 11px; color: #000000; text-decoration: none; font-weight: normal;} 
.menuhitam a:hover,a.menuhitam:hover{ color: #FF801B; font-weight: normal; } 

/*--- Untuk Form dan field ----*/
.buttoncari {  padding:0px; font-family:  Tahoma,Verdana,Generva,arial; font-size:12px; font-weight:bold; width: 50px; height:22px; color: #000000; 
			  background-image:url(images/buttoncari.gif); background-repeat:repeat-x; border-top: 1px solid #FF9900; border-bottom: 1px solid #FF9900; border-right: 1px solid #FF9900; border-left:0px; }
.button {  padding:0px; font-family:  Tahoma,Verdana,Generva,arial; font-size:12px; font-weight:bold; width: 50px; height:22px; color: #000000; 
			  background-image:url(images/buttoncari.gif); background-repeat:repeat-x; border: 1px solid #FF9900; }

.buttonbiasa {  padding:2px; font-family:  Tahoma,Verdana,Generva,arial; font-size:12px; color: #000000; border: 1px solid #666666; background-color:#CCCCCC}

.textfieldcari{ padding:0px; border: 1px solid #000000; font: 13px Tahoma,Verdana,Generva,arial; width: 150px; color:#000000; height: 20px; background-color: #FFFFFF; }
.textfieldcari:focus { background-color:#FAFAF5; }

.inputbiasa{ padding:0px; border: 1px solid #666666; font: 13px Tahoma,Verdana,Generva,arial; color:#000000; background-color: #FFFFFF; }
.inputbiasa:focus { background-color:#FAFAF5; }


.pagegaleri {	padding: 5px; margin: 5px; text-align:center; border: 1px solid #E0E1E1;  background-color:#F3F5F6; float:left; color:#000000; width:50px; font-weight:bold;}
.kotakabu {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6;}
.kotakbukutamu {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6;}
.labelbukutamu { width:150px; padding:5px; }
.gagal {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6; color:#993300}
.sukses {	padding: 5px; margin: 5px; text-align:left; border: 1px solid #E0E1E1;  background-color:#F3F5F6; color:#339900}
 
 
 /*----------------- image -------------*/
 .imgblock50, .imgblockgaleri,.imgblockgalerizoom, .imgblock85, .imgblock65homeprofile, .imgblock15090,.imgblock10060 .imgblock85,.imgblock100, .imgblock85placeHolder{ display: block; overflow: hidden; border: 1px solid #555555; background-color:#FFFFFF; text-align: center; }
  .imgblockgaleri { width: 125px; height: 90px; margin: 0px auto; }
  .imgblockgaleri img { height: 90px; margin: 0px auto; }
  .imgblockgalerizoom { width: 675px; height: 400px; margin: 0px auto; }
  .imgblockgalerizoom img { width: 675px; margin: 0px auto; }
  .imgblock50 { width: 50px; height: 50px; margin: 0px auto; }
  .imgblock50 img { height: 50px; margin: 0px auto; }
  .imgblock65cell { width: 65px; padding-right: 15px; }
  .imgblock65homeprofile { width: 50px; height: 50px; margin-bottom: 2px; }
  .imgblock65homeprofile img { height: 50px; margin: 0px auto; }
  .imgblock15090 { width: 150px; height: 80px; }
  .imgblock15090 img { width: 150px; margin: 0px auto; }
  .imgblock10060 { width: 125px; height: 60px; }
  .imgblock10060placeHolder { width: 125px; height: 60px; }
  .imgblock10060 img { width: 125px; margin: 0px auto;}
  .imgblock100 { width: 100px; height: 100px; }
  .imgblock100 img { height: 100px; margin: 0px auto; }
  .imgblock85 { width: 85px; height: 85px; }
  .imgblock85placeHolder { width: 85px; height: 85px; }
  .imgblock85 img { height: 85px; margin: 0px auto; } 


.clear{
float:none;
clear:both;
}