/*

*/

body {
 background: #e5e5e5 url(../images/bg.jpg) repeat-x;
 color: #000;
 padding: 0; margin: 0; font: 0.7em Arial, sans-serif; line-height: 1.5em;
}

a { color: #46574D; background: inherit; }
a:hover { color: #647B6D; background: inherit;}

h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }

/*h2{ margin: 0; padding: 0; font:bold 80% 'helvetica neue',sans-serif;letter-spacing:3px;text-transform:uppercase;}*/
h2{ margin: 0; padding: 0; font:bold 80% Arial,sans-serif;letter-spacing:3px;text-transform:uppercase;}*/
h1 a { color: #46574D; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
h3 { font: 120% Arial, Sans-Serif; margin: 0 0 10px 0; padding: 0; color: #46574D;  }
p {	margin: 0 0 0px 0; line-height: 1.5em; }
form { margin: 0; }

input.cari { width: 122px; height: 15px; border: 1px dotted #FF9C00; background: #FFF; padding: 3px; color: #616161; }
input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #FFF; padding: 3px; color: #616161; }



.content { margin: 0 auto; padding: 0px; color: #000; }
.header_atas { color: #000; width: 800px; height: 44px;	margin: 0 auto; padding: 0; }
.header_atas h1 {padding: 12px 0 0 0px;	color: #000; font: bold 1.5em Arial, sans-serif;	float:right;	}
.header_atas h2 {padding: 0;	color: #FFF; font: bold 1.8em Arial, sans-serif;	}

.header_atas .label_kanan {float: right;	margin-right: 15px;	clear: both;	margin-top: 15px;}

.header_atas .label_kanan a { text-decoration:none;}
.header_atas .label_kanan a:hover {background:url(../images/h-hover.png); text-decoration:none;}
.header_atas .label_kanan img { border:none;}

a.home {
	border:0;
	display: block;
	width: 95px;
	height: 26px;
	background: url(../images/home.png) no-repeat;
	text-decoration: none;

	}

a.home:hover {
background-position: 0 -26px;
}

.cari { padding-top: 15px; }


#header { 
	padding: 0px;
	color: #FFF;
	width: 800px;
	height: 142px;
	font: 1.3em Arial, sans-serif;
	margin: 0 auto;
	background:url(../images/header.jpg) no-repeat;
}

#header h2 { font: bold 1.4em Arial, sans-serif; color: #FFCF83; }
#header a { color: #FFCF83; text-decoration: none; } 
#header a:hover { color: #FFDF83; text-decoration: underline; }

/*
#nav {	margin: 0px auto;	width: 800px;	height: 34px;	background:url(back_sub.gif) repeat-x;	}
#nav ul { margin:0; list-style:none; padding: 0; }
#nav a, #nav strong, #nav span { display:block; font: bold 1.2em Arial, sans-serif; color:#fff; padding: 5px 10px 5px 10px; text-decoration:none; font-weight: bold; }
#nav a { float:none; }
#nav li { float:left; color: #FFF; margin:0; padding:0 0 0 0px; }
#nav #current a { float:left; color:#FFF; border-bottom: 12px solid #000; border-top: 3px solid #FF9C00; padding: 0 10px 5px 10px;}
#nav a:hover { float:left; color:#FFF; padding: 0 10px 5px 10px; border-bottom: 12px solid #000; border-top: 3px solid #FF9C00;}  
#nav .padding { padding: 5px 0 0 10px; font-weight: bold; }
*/

/* SUB 
---------------------------------------------------------------------------------------------------------------------------------------------------*/
#sub { 	background: #f1ffe7 url(../images/back_sub.gif) repeat-x  ;	width: 800px;	height: 35px;	color: #FFF;	margin: 0px auto;}
#sub_judul .text { padding: 5px 0px 0px 5px; }
#sub_judul {background: #FFF;	width: 350px;	height: 34px;	margin: 0;	padding-left: 20px;	font-family: "Calibri",Arial, Verdana, Helvetica, sans-serif;	font-size: 30px; font-weight: bold;	color:#107206;}

/* SUBHEADER --------------------------------------------------------------------------------------------------------------*/
#subheader { 	background: #f1ffe7 url(../images/back_menu.gif) repeat-x  ;	width: 800px;	height: 35px;	color: #FFF;	margin: 0px auto;}
#subheader .padding { padding: 10px 15px 10px 15px; }
#subheader h2 { color: #FEAB06; }
#subheader a {color: #111; }

/* FOOTER-------------------------------------------------------------------------------------------------------------------*/
#logo_bundamedik { 
	clear:both;
	height: 55px;
	color:#ccc;  
	background: #FFF; 
	font-size:90%; 
	padding: 0; 
	text-align:center; 
}

#logo_bundamedik .padding { padding: 5px 0px 0px 0px; }
#logo_bundamedik .right { 
	float:right; 
	clear:right; 
	text-align:right; 
}

#logo_bundamedik a { color: #E0F5FF;  text-decoration:none}

#logo_bundamedik img {
 background: #fff;
 border-style:none;
}


#logo_bundamedik a:hover img {
 border-style: none;
 background: #999;
}

#bottomb {
	clear: both;
	width: 100%;
	background: #878e86 url(../images/back_footer.jpg) repeat-x top;
	font: 1.25em Arial, sans-serif;
}

#bottomb .padding {
	width: 800px;
	margin: 0 auto;
	padding: 0px 0px 15px 0px;
	background:#111f0c url(../images/bottom_back.jpg) repeat-x top;

}
#bottomb ul { margin:0; padding: 5px 0px 0px  35px; list-style-image:url(../images/bullet.gif);}
#bottomb li { margin:0; padding: 0px 0px 5px 5px; 	border-bottom: 1px dotted #ccc; 

}
#bottomb li a { color: #FFF; text-decoration: none;  padding: 5px 0 0 0; display: block; margin-bottom: 2px; }
#bottomb li a:hover { color: #bbb; text-decoration: none;  display: block; margin-bottom: 2px; }
#bottomb h2 {	padding: 5px 10px 5px 10px;	color: #FF9C00;	font: 1.5em Arial, sans-serif;	font-size:125%;}

#bottomb .rights {
	float: right;
	width: 200px;
	z-index: 1;
	width: 200px;
	padding-right:20px;
}

#bottomb .bottomc {
	width: 200px;
	margin: 0 auto;
	z-index: 2;
	float: center;
}

#bottomb .bottomd {
	width: 200px;
	margin: 0;
	z-index: 3;
	float: left;
	
}

.imgd {
	border: 0px solid #ccc;
	padding: 0px;
	
}

.img {
	padding: 0 15px 8px 0;
	float: left;
}

/* Halaman Utama -------------------------------------------------------------------------------------------------------------*/
#main { background: #FFF; width: 800px; margin: 0 auto; color: #808080; }  
#main span {font:normal 10px arial; color:#999; margin-right:7px;}

/* Kolom sebelah kiri -------------------------------------------------------------------------------------------------------*/
#main .sebelah_kiri { float: left; width: 530px; background: #FFF; padding:5px 5px 0 10px; margin:0; }
#main .sebelah_kiri h2 {padding: 5px 10px 5px 10px;color: #FF9C00;	font: 1.6em Arial, sans-serif;}

#main .sebelah_kiri ul { margin:0; padding: 0px 0px 0px 20px;  color:#fd7414; list-style-image:url(../images/bullet.gif);} 
#main .sebelah_kiri a {color:#075181; background: inherit; text-decoration:underline;} 
#main .sebelah_kiri a:hover { color:#fd6a00; background: inherit;}

#main .sebelah_kiri  li { 	margin: 5px 0 5px 0px; 	padding: 0px 0 0 0px; 	border-bottom: 1px dotted #ccc; }
#main .sebelah_kiri li a { color: #075181; text-decoration: underline;  padding: 5px 0 0 0; display: block; margin-bottom: 2px; }
#main .sebelah_kiri li a:hover { color: #fd6a00; text-decoration: none;  margin-bottom: 2px;}


/* Kolom sebelah kanan -------------------------------------------------------------------------------------------------------*/
#main .sebelah_kanan{ float: right;	padding:0px 0px 0 5px; margin:0;	background-color: #f8f8f8;	width: 230px; }
#main .sebelah_kanan h2 { padding:0 2px 4px 0px; color:#000; font: 1.25em Arial, sans-serif;}

.kolom_kanan { text-align: left; color: #7D8085; padding: 0px 10px 0 10px; width: 200px; }
.kolom_kanan ul {margin:0;  padding: 0px 10px 10px 0;  color:#fd7414; list-style-image:url(../images/bullet.gif);}
.kolom_kanan h2 {padding: 5px 10px 10px 10px;color: #FF9C00;	font: 1.6em Arial, sans-serif; }
.kolom_kanan li {margin: 5px 0 5px 10px; 	padding: 0px 0 0 0px; 	border-bottom: 1px dotted #ccc; }
.kolom_kanan li a { color: #546078; text-decoration: none;  padding: 5px 0 0 0px; display: block; margin-bottom: 2px; }
.kolom_kanan li a:hover { color: #075181; text-decoration: none; background: #E5F6FF; display: block; margin-bottom: 2px;}

.box_img_kanan { padding: 10px 1px 10px 0px; 	margin: 0 0 7px 0; 	background: #f8f8f8; 	color: #000;}
.box_img_kanan img {    border: 1px solid #666;	    padding: 3px;	background:#efefef}

.box_kanan {color: #990000;	background-color:#FFF0F0; padding:7px; margin-top:5px; margin-bottom:10px; border: 1px dashed #990000;}
.box_kanan h2 {font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; color:#fd7414;}

.text_padding {	padding: 5px 0 0 0;}

.list1 {  margin:1px -14px 18px -16px; position:relative; padding:11px 0 4px 17px;}
.list1 li { display:inline; text-decoration:none;}
.list1 li a { display:block; padding:0 0 19px 0; padding-left:32px; color:#d43320; font-weight:bold;}


.tgl { 	color: #46574D; 	background: #FFFFFF;	text-align: right; 	margin: 10px 0 5px 0; 	padding: 0.4em 0 0 0; 	border-bottom: 1px solid #FFDEAB;}
.tgl img {	vertical-align: middle;}

input.button { 
	background: #FFFFF4; 
	color: #808080;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}



.list_pelayanan { 
	padding: 8px 0 10px 10px; 
	margin: 0 0 10px 0; 
	background: #f4f4f4; 
	color: #000;
}

.list_pelayanan a { color: #FFF; background: inherit;}


.judul {
 font: bold normal 2em Arial, Helvetica, sans-serif, Times, "Times New Roman", serif;
 margin: 0;
 padding-left:20%;
 font-size: 1em;
}
p {
 margin: 0;
 padding: 10px 0 0 0;
}
.box_kanan {
	color: #990000;
	background-color: #FFF0F0;
	padding: 7px;
	margin-top: 5px;
	margin-bottom: 10px;
	border: 1px dashed #990000;
}
.box_kanan h2 {font: normal 1.6em Arial, Sans-Serif; letter-spacing: -1px; color:#fd7414;}

.box_depan {
	color: #000000;
	background: #F5FBE1;
	padding: 7px;
	margin-top: 1px;
	margin-bottom: 2px;
	border: 1px dashed #7BA813;
}
.box_depan h2 {
	color: #7BA813;
	background: inherit;
}

.footer { 
	background: #0c0c0c url(../images/xfooter.jpg) repeat-x top;
	width: 100%;
	color:#fff;  
	text-align:center; 
	clear:both;
	font: 1.3em arial, helvetica, verdana, sans-serif;
	
}
.footer .padding { padding: 5px 0px 5px 10px; }
.footer a { color:#FFCF83; text-decoration: none;}
.footer a:hover { color:#FFDF83; text-decoration: underline; }




/* menu */
ul.topnav {
	list-style: none;
	padding: 0 20px;	
	margin: 0;
	float: left;
	width: 760px;
	background: #f1ffe7;
	font-size: 1.2em;
	background: (images/topnav_bg.gif) repeat-x;
}
ul.topnav li {
	float: left;
	margin: 0;	
	padding: 0 15px 0 0;
	position: relative; /*--Declare X and Y axis base--*/
}
ul.topnav li a{
	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;
}
ul.topnav li a:hover{
	background: url(../images/topnav_hover.gif) no-repeat center top;
}
ul.topnav li span { /*--Drop down trigger styles--*/
	width: 17px;
	height: 35px;
	float: left;
	background:  url(../images/subnav_btn.gif) no-repeat center top;
}
ul.topnav li span.subhover {background-position: center bottom; cursor: pointer;} /*--Hover effect for trigger--*/
ul.topnav li ul.subnav {
	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #f00;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;
}
ul.topnav li ul.subnav li{
	margin: 0; padding: 0;
	border-top: 0px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;
}
html ul.topnav li ul.subnav li a {
	float: left;
	width: 145px;
	background: #f1ffe7 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;
}
html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
	background: #a6f494 url(../images/dropdown_linkbg.gif) no-repeat 10px center; 
}

/* Menu tabs */
#tabs {
		display: block;
		float: left;
		width: 530px;
	}
	.panel {
		border: solid 1px #D8D8D8;
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		border-top: none;
		background-color: #FFFFFF;
		padding: 0px;
		width: 530px;
		overflow: auto;
		clear: left;
	}
	.tab_bdr {
		padding: 0px;
		width: 530px;
		border: 0px;
		border: 0px solid #CCCCCC;
		height: 1px;
		margin:0px;
		background: #CCCCCC;
		clear: left;
		font-size: 0px; 
	}
	.tab {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background:#efefef;
		color: #141414;
		cursor: pointer;
		border: none;
		border-bottom: 1px solid #FFFFFF;
		height: 19px;
		padding-top: 3px;
		margin: 0px;
		width: 150px;
		float: left;
		text-decoration: none;
	}
	.tab_sel {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background: #CCCCCC;
		color: #000;
		font-weight:bold;
		cursor: pointer;
		border: none;
		border-bottom: 1px solid #CCCCCC;
		height: 19px;
		padding-top: 3px;
		margin: 0px;
		width:150px;
		float: left;
		text-decoration: none;
	}
	
.figure img {
	    border: 1px solid #666;
	    padding: 1px;
	}
div.figure {
  float: left;
  width: 40%;
  border: thin silver solid;
  padding: 0.5em;
  margin: 5px 10px 5px 10px;
}
div.figure p {
  text-align: center;
  font-style: italic;
  font-size: smaller;
  text-indent: 0;
  font:  0.75em/italic Verdana, Arial, Helvetica, sans-serif;
  color: #333;
  background-color: #efefef;
  border: 1px dashed #666;
  padding: 3px;
}


.figure p {
	    font: bold 1em/normal Arial, Helvetica, sans-serif;
	    color: #FF0;
	    text-align: center;
	    background-color: #efefef;
	    border: 1px dashed #666;
	    padding: 5px;
}
	
.jadwal p {
	    font: bold 1.07em/normal Arial, Helvetica, sans-serif;
	    color: #0000C0;
	    text-align: center;
	    background-color: #efefef;
	    border: 1px dashed #666;
	    padding: 5px;
	}

.hari {

	color:#F33;
	
	}
div.jadwal {
  float: left;
  width: 40%;
  border: thin silver solid;
  padding: 0.5em;
  margin: 5px 10px 5px 10px;
}


img.scaled {
  width: 100%;
}

/* preview gambar mouse hover */

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#efefef;
	padding:5px;
	display:none;
	color:#FFF0F;
	}
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:800px;
}

/* posisi gambar di sebelah text*/
div.imgholder img { 
    display: block; 
    position: relative; 
    background-color: #fff; 
    border: 1px solid #666;
    padding: 2px; 
}

div.imgholder {
 float: left; 
 background: url(../images/dropshadow.gif) no-repeat bottom right; 
 margin: 0 7px 7px 0;
}

div.imgholder div {
 background: url(../images/shadowmask.png) no-repeat; 
 padding: 0 6px 6px 0;
}