@charset "utf-8";

body{
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-image: url(../images/bgclouds.jpg);	
	background-repeat: repeat-x;
	background-position: center top;
	color: #545454;
}
h1{
	font: Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	margin: 0 0 7px 0;
	padding: 0;
}
p{
	margin:0;
	padding:0;
}
a{
	color: #0583b1;
	text-decoration: none;
}
a:hover{
	color: #AAAAAA;
}
strong{
	font-weight: bold;
	/*color: #165c97;*/
	color: #000;
}
.white{
	color: #FFFFFF;
}
.blue{
	color: #0583b1;
}
.titleblue{
	color: #0583b1;
	font-weight:bold;
	margin: 0 0 7px 0;
}
.titlebluebig{
	font-size: 16px;
	color: #0583b1;
	font-weight:bold;
	margin: 0 0 2px 0;
}
.treblue{
	font: "Trebuchet MS";
	font-size: 11px;
	color : #169dc9;
	clear: both;
}
.alignright{
	text-align: right;
}
.alignleft{
	text-align: left;
}
.aligncenter{
	text-align: center;
}
.date {
	color: #169dc9;
	margin: 0 0 10px 0;
	background-image: url(../images/arrow02.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	text-decoration: none;
	font-weight:bold;
	padding: 0 0 0 10px;
	display: block;
}
.linkimg{
	color: #169dc9;
	margin: 5px 0;
	display: block;
}
h2 {
	width: 100%; 
	font-size: 1.5em; 
	color: #404240; 
	font-weight: bold; 
	letter-spacing: -1px; 
	line-height: 1.5em; 
	padding: 0px 0px 0px 30px; 
}
.h2_title {
	font-size: 13px;
	font-weight: bold;
	color: #0583b1;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-bottom: 5px;
	background-image: url(../images/arrow02.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 10px;
}

/* IMAGE */
img{
	border: 0px;
}
.img-flush-left {
	float: left;
	padding: 0;
	margin: 0 12px 5px 0;
}
.img-flush-lnews {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	border: 3px solid #ffffff;
}
.img-flush-feat {
	float: left;
	padding: 0;
	margin: 0 10px 0 0;
	border: 3px solid #c2c2c2;
}

/* FORMS */
fieldset{
	border: 0;
}
form{
	padding: 0px;
	margin: 0;
}

.field01 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #666666;
	background-color:#FEFEFE;
	border: 1px solid #cccccc;
	padding: 0.2em 0 0 0.7em;
	height:15px;
	margin: 0 0 0.5em 0;
}
.field02 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	color: #666666;
	background-color:#FEFEFE;
	border: 1px solid #cccccc;
	padding: 0.2em -0.7em 0 0.7em;
	height:15px;
	margin: 0.8em 0 0.5em 0;
}

.tfieldcontact {
	font-family: verdana;
	font-size: 11px;
	text-align: left;
	color: #666666;
	border: 1px solid #dadada;
	margin: 4px 0;
	padding: 3px 0 3px 4px;
	background-color: #f4f4f4;
}
.tareafieldcontact {
	font-family: verdana;
	font-size: 11px;
	text-align: left;
	color: #999999;
	border: 1px solid #dadada;
	height:75px;
	margin: 4px 0;
	padding: 4px 0 0 4px;
	background-color: #f4f4f4;
}
.cekfieldcontact {
	font-family: verdana;
	font-size: 11px;
	text-align: left;
	color: #999999;
	margin: 0 0 0 -3px;
	padding: 0;
}
.selfieldcontact {
	font-family: verdana;
	font-size: 11px;
	text-align: left;
	color: #999999;
	background-image:url(images/bg_form.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	border: 1px solid #999999;
	height:auto;
	margin: 4px 0;
	padding: 2px 0 0 2px;
}
.btncontact {
	font-family: arial;
	font-size: 11px;
	font-weight:bold;
	text-align: center;
	color: #FFFFFF;
	background-color: #006496;
	border: 1px solid #cccccc;
	background-repeat:repeat-x;
	background-position:bottom;
	margin-top:4px;
	margin-bottom:4px;
	padding: 0.3em 1em;
}
.formCtContainer {
	margin: 0 0 5px 0;
	padding: 0;
	height: auto;
}

.formL {
	float: left;
	margin: 0;
	padding: 8px 0 0 0;
	width: 130px;
	height: 20px;
}
.formLJD {
	float: left;
	margin: 0;
	padding: 8px 0 0 0;
	width: 70px;
	height: 20px;
}
.formR {
	float: left;
	margin: 0;
	padding: 0;
	width: 190px;
	height: 28px;
}
.formRJD {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 28px;
}
.formLT {
	float: left;
	margin: 0;
	padding: 8px 0 0 0;
	width: 130px;
	height: 82px;
}
.formRT{
	float: left;
	margin: 0;
	padding: 0;
	width: 190px;
	height: 90px;
}
.formCL {
	float: left;
	margin: 0;
	padding: 8px 0 0 0;
	width: 150px;
	height: 20px;
}
.formCR {
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 28px;
}
.formCRF {
	float: left;
	margin: 0;
	padding: 0;
	width: 350px;
	height: 28px;
}
.formLCT {
	float: left;
	margin: 0;
	padding: 8px 0 0 0;
	width: 150px;
	height: 82px;
}
.formRCT{
	float: left;
	margin: 0;
	padding: 0;
	width: 250px;
	height: 90px;
}
.formRCTf{
	float: left;
	margin: 0;
	padding: 0;
	width: 320px;
	height: 90px;
}
.formCtContainerTxt {
	float: left;
	margin: 2px 0;
	padding: 0;
	height: auto;
	width: 320px;
}
.formCtContainerTxt2 {
	float: left;
	margin: 2px 0;
	padding: 8px 0 0 0;
	height: 20px;
	width: 400px;
}
.clearer {
	font-size: 0px;
	line-height: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 0px;
	width: auto;
}

#wrap {
	margin: 0px auto;
	padding: 0px;
	height: auto;
	width: 877px;
}
/* HEADER */

#header{
	background-image:url(../images/header.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0;
	height: 139px;
	width: 877px;
	background-position: center top;
}
.headerL{
	float: left;
	margin: 0px;
	padding: 41px 0 0 48px;
	height: 98px;
	width: 285px;
}
.headerM{
	float: left;
	margin: 0px;
	padding: 80px 0 0 0;
	height: 59px;
	width: 319px;
	text-align: right;
}
.headerR{
	float: left;
	margin: 0px;
	padding: 0;
	height: 139px;
	width: 225px;
}

.logo{
	margin: 0;
	padding: 18px 0 0 0;
	width: 300px;
	float: left;
	height: 88px;
}
.topmenu{
	margin: 0;
	padding: 36px 0 0 5px;
	width: 220px;
	height: 44px;
}

a.tm_home{
	background-image: url(../images/tm_home.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 50px;
	height: 34px;
	float: left;
	margin: 0 0 0 0;
}
a.tm_home:hover{
	background-image: url(../images/tm_home.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.tm_sitemap{
	background-image: url(../images/tm_sitemap.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 50px;
	height: 34px;
	float: left;
	margin: 0 0 0 0;
}
a.tm_sitemap:hover{
	background-image: url(../images/tm_sitemap.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.tm_bukutamu{
	background-image: url(../images/tm_bukutamu.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 50px;
	height: 34px;
	float: left;
	margin: 0 0 0 0;
}
a.tm_bukutamu:hover{
	background-image: url(../images/tm_bukutamu.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

.searchbox{
	margin: 0;
	width: 225px;
	height: 59px;
	background-image: url(../images/m_search.jpg);
}
.searchform{
	float: left;
	margin: 0;
	width: 137px;
	height: 35px;
	background-image: url(../images/m_search.jpg);
	padding: 24px 0 0 10px;
}
.search{
	background: transparent;
	color: #0374b3;
	border: #ffffff none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	width:120px;
	height:17px;
	padding: 0;
	margin: 0 0 0 10px;
}
.searchbtn{
	padding: 18px 0 0 0;
	float: left;
	margin: 0;
	width: 30px;
	height: 40px;
}


/* MENU */
#menu{
	margin: 0px auto;
	padding: 0px;
	height: 42px;
	width: 877px;
}

.m_l{
	background-image: url(../images/m_l.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 23px;
	height: 42px;
	float: left;
	margin: 0;
}
.m_r{
	background-image: url(../images/m_r.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 23px;
	height: 42px;
	float: left;
	margin: 0;
}
a.m_home{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 130px;
	height: 42px;
	float: left;
	margin: 0;
}
a.m_home:hover{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: 0 100%;
}
a.m_profil{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: -130px 0;
	width: 117px;
	height: 42px;
	float: left;
	margin: 0;
}
a.m_profil:hover{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: -130px 100%;
}
a.m_fasilitas{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: -247px 0;
	width: 132px;
	height: 42px;
	float: left;
	margin: 0;
}
a.m_fasilitas:hover{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: -247px 100%;
}
a.m_jadwal{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: -379px 0;
	width: 162px;
	height: 42px;
	float: left;
	margin: 0;
}
a.m_jadwal:hover{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: -379px 100%;
}
a.m_events{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: -541px 0;
	width: 120px;
	height: 42px;
	float: left;
	margin: 0;
}
a.m_events:hover{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: -541px 100%;
}
a.m_seminar{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: -661px 0;
	width: 169px;
	height: 42px;
	float: left;
	margin: 0;
}
a.m_seminar:hover{
	background-image: url(../images/m_menu.gif);
	background-repeat: no-repeat;
	background-position: -661px 100%;
}
/*
a.m_konsultasi{
	background-image: url(../images/m_konsultasi.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 173px;
	height: 42px;
	float: left;
	margin: 0;
}
a.m_konsultasi:hover{
	background-image: url(../images/m_konsultasi.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
*/

/* CONTENT */
#flashimg{
	margin: 0px;
	padding: 0 36px;
	height: 302px;
	width: 805px;
	background-image:url(../images/body_h.jpg);
	background-repeat: no-repeat;
}
#pageimg{
	margin: 0px;
	padding: 0 36px;
	height: 124px;
	width: 805px;
	background-image:url(../images/img_pprofil.jpg);
	background-repeat: no-repeat;
}

#content{
	background-image:url(../images/bg_border.gif);
	background-repeat:repeat-y;
	margin: 0;
	padding: 24px 36px 0;
	width: 805px;
}

.left {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 189px;
}
.mid {
	margin: 0 0 -16px 0;
	padding: 0 10px 80px 40px;
	float: left;
	width: 565px;
	min-height: 400px;
	background-image: url(../images/boxmid.jpg);
	text-align: justify;
	font-family: Tahoma;
	background-repeat: no-repeat;
	background-position: top left;
	line-height: 15px;
}
.right {
	margin: 0px -36px;
	padding: 16px 26px 0;
	clear: both;
	width: 825px;
	height: 120px;
	background-image: url(../images/bottomlinks.jpg);
	background-repeat: no-repeat;
}
.titlepage {
	margin: 0 0 15px 0;
	padding: 0px;
}
.mshortcut {
	margin: 0;
	padding: 0 10px;
	/*background-image: url(../images/boxshortcut.jpg);*/
	background-repeat: no-repeat;
	background-position: top;
}

.submenu{
	float: left;
	width: 183px;
	padding: 0;
}
.banneri {
	margin: 0 0 20px 0;
	padding: 0;
	float: left;
	width: 183px;
}

.bannerimg{
	margin: 0 0 10px 0;
}
.bannerimg img{
	padding: 5px 15px 15px 5px;
	background-image: url(../images/photo_shadow.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
}

/* SHORTCUT ICON */
a.s_spinec{
	background-image: url(../images/s_spinec.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 129px;
	height: 100px;
	/*margin: 0 10px;*/
	display: block;
	float: left;
}
a.s_spinec:hover{
	background-image: url(../images/s_spinec.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
}
a.s_sportc{
	background-image: url(../images/s_sportc.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 104px;
	height: 100px;
	/*margin: 0 10px;*/
	display: block;
	float: left;
}
a.s_sportc:hover{
	background-image: url(../images/s_sportc.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
}
a.s_dbc{
	background-image: url(../images/s_dbc.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 143px;
	height: 100px;
	/*margin: 0 10px;*/
	display: block;
	float: left;
}
a.s_dbc:hover{
	background-image: url(../images/s_dbc.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
}
a.s_infection{
	background-image: url(../images/s_infection.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 142px;
	height: 100px;
	/*margin: 0 10px;*/
	display: block;
	float: left;
}
a.s_infection:hover{
	background-image: url(../images/s_infection.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
}
a.s_healths{
	background-image: url(../images/s_healths.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 162px;
	height: 100px;
	/*margin: 0 10px;*/
	display: block;
	float: left;
}
a.s_healths:hover{
	background-image: url(../images/s_healths.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
}
a.s_infos{
	background-image: url(../images/s_infos.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 100px;
	height: 100px;
	/*margin: 0 10px;*/
	display: block;
	float: left;
}
a.s_infos:hover{
	background-image: url(../images/s_infos.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
}

/* FEATURE */
#feature{
	background-image:url(../images/bg_border.gif);
	background-repeat: repeat-y;
	margin: 0;
	padding: 12px 36px 0;
	height: 136px;
	width: 805px;
}
.featBox {
	margin: 0 6px 0 0;
	padding: 0 0 0 15px;
	float: left;
	height: 136px;
	width: 284px;
	background-image: url(../images/boxfeat.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	position: relative;
	z-index: 5;
}
.imgfeat {
	margin: 0px;
	padding: 16px 0 0 0;
	/*float: left;
	width: 58px;
	height: 58px;*/
	position: absolute;
	bottom: 6px;
	left: 2px;
	z-index: 5;
}
.txtfeat {
	margin: 0 0 0 110px;
	padding: 2px 0 0 0;
	/*float: left;*/
	width: 156px;
	height: 62px;
}
.titlefeat {
	margin: 16px 0 5px 110px;
	padding: 12px 0 0 0;
	height: 23px;
}
.bannerh {
	margin: 0px;
	padding: 18px 0 0 0;
	float: left;
	width: 195px;
	height: 118px;
}


/* FOOTER */
#prefooter{
	background-image:url(../images/bottom.jpg);
	background-repeat: no-repeat;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	height: 38px;
	width: 877px;
}

#footer{
	margin: 0px auto;
	padding: 2px 0 0 0;
	height: 62px;
	width: 877px;
	text-align: center;
	color: #7f7d7a;
}
.footerM {
	margin: 0px auto;
	padding: 0px;
	width: 350px;
	text-align: center;
	font-size: 11px;
	color: #169dc9;
	height: 20px;
	background-image: url(../images/hr_dot.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
.footerM a{
	color: #999999;
	font-size: 10px;
	text-decoration: none;
}
.footerM a:hover{
	color: #efefef;
}
.footerB {
	margin: 0px auto;
	padding: 5px 0 0 0;
	height: 23px;
	width: 350px;
	text-align: center;
	background-image: url(../images/hr_words.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* BULLETS/LIST */
ol{
	margin: 0 0 0 20px;
	padding: 0;
}
ol li{
	margin: 0;
	padding: 0;
}
ul{
	margin: 0 0 0 20px;
	padding: 0;
}
ul li{
	margin: 0;
	padding: 0;
}

#subMList {
	padding: 0;
	margin: 0 0 30px 0;
	list-style-type: none;
	font-size:11px;
	width: 100%;
}
#subMList li{
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0;
	display: block;
	color: #ffffff;
	width: 183px;
	list-style: none;
	border-bottom: 1px solid #ffffff;
}
#subMList li a{ 
	background-image: url(../images/arrow01.gif);
	background-repeat: no-repeat;
	background-position: 7px 7px;
	background-color: #55b5de;
	color: #ffffff;
	margin: 0 0 0 0;
	text-decoration: none;	
	padding: 4px 10px 4px 20px;
	display: block;
}
#subMList li a:hover{
	font-weight:bold;
	text-decoration: none;
	color: #ffffff;
	background-color: #88cbe8;
}

#sub2MList {
	padding: 0;
	margin: 0;
	list-style-type: none;
	font-size:11px;
	width: 100%;
}
#sub2MList li{
	text-decoration: none;
	padding: 0 0 0 0;
	margin: 0;
	display: block;
	color: #878484;
	width: 183px;
	list-style: none;
	border-bottom: 1px solid #ffffff;
}
#sub2MList li a{ 
	background-color: #e5e5e5;
	color: #878484;
	margin: 0 0 0 0;
	text-decoration: none;	
	padding: 4px 10px 4px 20px;
	display: block;
}
#sub2MList li a:hover{
	font-weight:normal;
	text-decoration: none;
	color: #878484;
	background-color: #ffffff;
}



#eventsPList {
	padding: 0;
	margin: 10px 0 0 0;
	list-style-type: none;
	font-size:11px;
	width: 100%;
}
#eventsPList li{
	text-decoration: none;
	background-image: url(../images/hr_grey.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
	padding: 0 0 7px 0;
	margin: 0 0 11px 0;
	display: block;
	color: #666666;
	width: 100%;
	list-style: none;
}
#eventsPList li a{ 
	color: #666666;
	margin: 0;
	text-decoration: none;	
	padding: 0;
	display: block;
}
#eventsPList li a:hover{
	text-decoration: none;
	color: #D7D7D7;
}

#eventsPList li .date a{ 
	color: #169dc9;
	margin: 0 0 5px 0;
	font-weight:bold;	
	padding: 0 0 0 0;
	display: block;
}
#eventsPList li .date a:hover{ 
	text-decoration: none;
	color: #ac0800;
}


#photoEvList {
	padding: 0;
	margin: 10px 0 0 0;
	list-style-type: none;
	font-size:11px;
	width: 100%;
}
#photoEvList li{
	float: left;
	text-decoration: none;
	background-image: url(../images/boxphoto.jpg);
	background-repeat: no-repeat;
	background-position: top;
	padding: 12px 0 0 13px;
	margin: 0 10px 0 10px;
	display: block;
	color: #666666;
	width: 79px;
	height: 79px;
	list-style: none;
}

.mid ul{
	list-style-image: url(../images/listbullet.gif);
	list-style-position: outside;
}

.mid ul.box{
	list-style-position: inside;
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
	color: #000;
}
.mid ul.box li{
	background-image: url(../images/boxtitlelist.png);
	background-repeat: no-repeat;
	line-height: 24px;
	font-weight: bold;
	padding: 0 0 0 32px;
	clear: both;
}
.mid ul.box li ul{
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	margin: 0px;
	padding: 0px;
	position: static;
}
.mid ul.box li ul li{
	background-image: url(../images/listbullet.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	width: 236px;
	float: left;
	clear: none;
	font-weight: normal;
	line-height: 20px;
	border-bottom: 1px solid #e7e7e7;
	padding: 0 0 0 26px;
}
.mid ul.box li.other{
	clear: both;
	background-image: url(../images/listboxbg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	border: 1px solid #55839a;
	margin: 0px;
	padding: 0px;
}
.mid ul.box li.other ul{
	list-style-type: none;
	list-style-image: none;
	list-style-position: inside;
	margin: 0px;
	padding: 2px;
	position: static;
}
.mid ul.box li.other ul li{
	background-image: url(../images/listbox.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
	clear: none;
	width: 230px;
	height: 18px;
	line-height: 18px;
	margin: 0 16px 0 0;
	padding: 0 0 0 32px;
	font-weight: bold;
	border-bottom: 1px solid #e7e7e7;
}


/* ACCORDION */
.accordion {
	width: 183px;
	margin: 0 0 30px 0;
}
.accordion h3 {
	background: #55b5de url(../images/arrow01.gif) no-repeat 7px 7px;
	padding: 4px 10px 4px 20px;
	margin: 0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	border-bottom: 1px solid #ffffff;
}
.accordion h3 a{
	margin: 0;
	color: #FFFFFF;
	display: block;
}
.accordion h3:hover {
	font-weight:bold;
	text-decoration: none;
	color: #ffffff;
	background-color: #88cbe8;
}
.accordion h3.active {
	background-position: 7px 7px;
	font-weight: bold;
	background-color: #88cbe8;
}
.accordion p {
	background: #e5e5e5;
	margin: 0;
	display: none;
}
.accordion p a{
	background-color: #e5e5e5;
	color: #878484;
	display: block;
	padding: 4px 10px 4px 20px;
	border-bottom: 1px solid #ffffff;
}
.accordion p a:hover{
	color: #878484;
	background-color: #ffffff;
}

.accordion p.box {
	background-color: #e5e5e5;
	color: #878484;
	display: block;
	padding: 4px 10px 4px 20px;
	border-bottom: 1px solid #ffffff;
}
.more01 {
	margin: 0px;
	padding: 0 15px 0 0;
	text-align: right;
	height: 17px;
	background-image: url(../images/arrow03.gif);
	background-repeat: no-repeat;
	background-position: right;
}
.eventsPhoto {
	background-color: #f2f2f2;
	margin: 0px;
	padding: 10px 10px;
}
.catbox {
	background-color: #FFFFFF;
	border: 1px solid #dadada;
	padding: 0 0 10px 0;
	margin: 5px 0;
	width: 368px;
}
.catsel {
	margin: 0px;
	padding: 10px 0 0 0;
	float: left;
	width: 50%;
	height: 30px;
	text-align: center;
}
.catsel0 {
	margin: 0px;
	padding: 10px 0 0 0;
	float: left;
	width: 50%;
	height: 30px;
	text-align: center;
	background-color: #f9f9f9;
	background-image: url(../images/bg_tab.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.catsearch {
	margin: 0px;
	padding: 20px;
}
.catresult {
	margin: 0px;
	padding: 0 20px 20px 20px;
}
.catresulttitle {
	background-image: url(../images/hr_dblblue.gif);
	margin: 0px;
	padding: 10px 0 0 0;
	height: 27px;
	width: 328px;
	text-align: center;
	font-weight: bold;
}
.imgcatres {
	margin: 0px;
	padding: 16px 0 0 0;
	float: left;
	width: 58px;
	height: 58px;
}
.txtcatres {
	margin: 0 0 0 11px;
	padding: 13px 0 0 0;
	float: left;
	width: 259px;
	height: 62px;
}
.dokbio {
	margin: 0 0 8px 0;
	padding: 0 0 8px 0;
	/*background-image: url(../images/hr_grey.gif);
	background-position: bottom;
	background-repeat: repeat-x;*/
}
.dokbiotitle {
	background-image: url(../images/hr_dblblue.gif);
	margin: 0px;
	padding: 10px 0 0 0;
	height: 27px;
	width: 328px;
	text-align: center;
	font-weight: bold;
}
.imgdokbio {
	margin: 0 25px 0 0;
	padding: 0;
	float: left;
	width: 100px;
	border: 2px solid #dadada;
}
.txtdokbio {
	margin: 0 0 0 11px;
	padding: 0;
	float: left;
	width: 300px;
}
#jadwal01 {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
.row{
	background-color: #ffffff;
}
.head{
	font-weight: bold;
}
.row td, .head td{
	border-bottom: 1px dotted #aaa;
}
.row2{
	background-color: #ffffff;
	line-height: 18px;
}
.tblhead {
	/*background-color: #1395C7;*/
	font-weight: bold;
	color: #000000;
	background-image: url(../images/boxtitlelist.png);
	background-repeat: no-repeat;
	height: 24px;
}
.tblhead td {
	padding-left: 30px;
}
/*.dokbiotbl {
	border: 1px solid #DDDDDD;
	background-color: #DDDDDD;
}*/
.flashbanner {
	margin: 0px;
	padding: 0px;
	width: 806px;
	height: 124px;
	position: absolute;
}
.rowtitle {
	font-weight: bold;
}
.rowstart {
	background-image: url(../images/listbullet.gif);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	padding-left: 30px;
}
.boxlist td {
	border-bottom: 1px dotted #aaa;
}

/* FORUM PAGE */
#forum_cat {
	width: 310px;
}
.search_tag {
	padding: 5px;
	float: right;
	width: 160px;
	border: 1px dashed #0063be;
	margin-top: 5px;
}
.box_title {
	font-size: 12px;
	font-weight: bold;
	color: #834CB1;
	margin: 0px;
	padding: 5px;
}
.p_title {
	font-size: 12px;
	font-weight: bold;
	color: #0063be;
}
.tombol {
	font-family: arial;
	font-size: 11px;
	font-weight:bold;
	text-align: center;
	color: #0063be;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	background:url(images/bg_form.gif) repeat-x bottom;
	margin-top:4px;
	margin-bottom:4px;
	padding: 0.3em 1em;
	cursor: pointer;
}
#post {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	margin-bottom: 20px;
	padding-bottom: 10px;
	width: 490px;
	float: left;
}

#post  .date {
	background-image: url(images/post-date.gif);
	background-repeat: no-repeat;
	height: 30px;
	width: 42px;
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	color: #834CB1;
	margin: 0px;
	float: left;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#post  .title {
	font-size: 18px;
	padding-left: 60px;
	padding-right: 60px;
}
#post .info {
	font-size: 10px;
	margin: 0;
	padding-left: 60px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #DDCEEB;
	padding-right: 60px;
}

#post .content {
	clear: both;
	padding-top: 5px;
}
#post .pic {
	height: 50px;
	width: 50px;
	text-align: right;
	margin: 0px;
	float: right;
	padding: 0px;
}

#post  a.readmore {
	font-weight: bold;
	color: #834CB1;
}

#post_forum {
	margin: 10px 0;
	background-image: url(../images/hr_grey.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#post_forum .info {
	text-align: left;
	padding: 5px 5px 0px 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #0583b1;
}
#post_forum .desc {
	padding: 0px 5px 5px 15px;
	font-size: 11px;
}
#post_forum .title {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	background-image: url(../images/icon_paper.gif);
	background-repeat: no-repeat;
	background-position: left;
	color: #0583b1;
}
#post_forum_reply {
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	padding-bottom: 5px;
	width: 370px;
}
#post_forum_reply  .info {
	padding: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	color: #0583b1;
	margin-bottom: 5px;
}
#post_forum_reply  .desc {
	padding: 0px 5px 5px 65px;
}
#post_forum_reply .pic {
	float: left;
	padding: 0px;
	height: 50px;
	width: 50px;
	border: 3px solid #cccccc;
}
#post_forum_reply  .thumb {
	height: 50px;
	width: 80px;
	margin: 0px;
	float: right;
	padding: 0px;
}


#post_forum_new {
	margin-bottom: 5px;
	padding: 0px;
	margin-top: 10px;
	float: left;
	width: 100%;
}
#post_forum_new label {
	clear: both;
	float: left;
	margin: 5px 0px;
	padding: 0px;
}
#post_forum_new .inputer {
	width: 300px;
}



a.newthread {
	background-image: url(../images/btn_newthread.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 16px;
	width: 70px;
	padding: 0px;
	float: right;
	margin: 12px 0 0 0;
}
a.newthread:hover {
	background-image: url(../images/btn_newthread.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.newreply {
	background-image: url(../images/btn_reply.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 16px;
	width: 70px;
	float: right;
	margin-top: 12px;
	padding: 0px;
	margin-left: 5px;
}
a.newreply:hover {
	background-image: url(../images/btn_reply.gif);
	background-repeat: no-repeat;
	background-position: bottom;

}
a.newreply_q {
	background-image: url(../images/btn_replyquote.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: inline-block;
	height: 16px;
	width: 110px;
	padding: 0px;
	margin-left: 65px;
	float: left;
}
a.newreply_q:hover {
	background-image: url(../images/btn_replyquote.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.deletepost {
	background-image: url(../images/btn_delete.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: inline-block;
	height: 16px;
	width: 70px;
	padding: 0px;
	margin-left: 10px;
	float: left;
}
a.deletepost:hover {
	background-image: url(../images/btn_delete.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.editpost {
	background-image: url(../images/btn_edit.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: inline-block;
	height: 16px;
	width: 70px;
	padding: 0px;
	margin-left: 10px;
	float: left;
}
a.editpost:hover {
	background-image: url(../images/btn_edit.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
a.editprofile {
	background-image: url(images/edit_profile.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 16px;
	width: 100px;
	float: right;
	margin-top: 12px;
	padding: 0px;
	margin-left: 5px;
}
a.editprofile:hover {
	background-image: url(images/edit_profile.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 16px;
	width: 100px;
	float: right;
	margin-top: 12px;
	padding: 0px;
	margin-left: 5px;
}
a.viewprofile {
	background-image: url(images/view_profile.gif);
	background-repeat: no-repeat;
	background-position: top;
	display: block;
	height: 16px;
	width: 100px;
	float: right;
	margin-top: 12px;
	padding: 0px;
	margin-left: 5px;
}
a.viewprofile:hover {
	background-image: url(images/view_profile.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	display: block;
	height: 16px;
	width: 100px;
	float: right;
	margin-top: 12px;
	padding: 0px;
	margin-left: 5px;
}
ul.tablePaginater
        {
        display:block;
        list-style:none;
        padding:0;
        margin:1px 0 1em 0;
        text-align:center;
        }
ul.tablePaginater li
        {
        display:inline;
        width:2.1em;
        height:2.1em;
        line-height:2em;
        vertical-align:middle;
        margin-right:4px;
        color:#666;
        list-style:none;
        cursor:pointer;
        }
ul.tablePaginater li.currentPage a
        {
        border-color:#a84444 !important;
        color:#000;
        }
ul.tablePaginater li a
        {
        display:table-cell !important;
        display:inline-block;
        text-align:center;
        width:2em;
        height:2em;
        color:#666;
        padding:0.2em;
        min-width:2em;
        min-height:2em;
        text-decoration:none;
        outline:none;
        border:1px solid #ccc;
        cursor:pointer;
        }
ul.tablePaginater li a:focus
        {
        color:#333;
        text-decoration:none;
        outline:none;
        border-color:#aaa;
        }

/* message display page */
.message_list {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 383px;
}
.message_list li {
	padding: 0;
	margin: 0;
	background: url(images/message-bar.gif) no-repeat;
}
.message_head {
	padding: 5px 10px;
	cursor: pointer;
	position: relative;
	background-color: #88cbe8;
	border-bottom: 1px solid #ffffff;
}
.message_head .timestamp {
	color: #FFFFFF;
	font-size: 95%;
	position: absolute;
	right: 7px;
	top: 5px;
}
.message_head cite {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #FFFFFF;
}
.message_body {
	padding: 5px 10px 15px;
	background-color: #F4F4F4;
}
.collapse_buttons {
	text-align: right;
	border-top: solid 1px #e4e4e4;
	padding: 5px 0;
	width: 383px;
}
.collapse_buttons a {
	margin-left: 15px;
	float: right;
}
.show_all_message {
	background: url(images/tall-down-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.show_recent_only {
	display: none;
	background: url(images/tall-up-arrow.gif) no-repeat right center;
	padding-right: 12px;
}
.collpase_all_message {
	background: url(images/collapse-all.gif) no-repeat right center;
	padding-right: 12px;
	color: #666666;
}

/* SITEMAP */
#siteMList {
	padding: 0;
	margin: 0 0 0 0;
	list-style-type: none;
	font-size:11px;
	width: 100%;
}
#siteMList li{
	text-decoration: none;
	background-image: url(../images/hr_grey.gif);
	background-repeat: repeat-x;
	background-position: bottom;	
	padding: 4px 0 4px 0;
	margin: 0 0 0 0;
	display: block;
	color: #666666;
	width: 100%;
	list-style: none;
}
#siteMList li a{ 
	color: #666666;
	margin: 0;
	text-decoration: none;	
	padding: 0 0 0 10px;
	display: block;
}
#siteMList li a:hover{
	text-decoration: none;
	color: #000000;
}

#siteMList li .title a{ 
	color: #0583b1;
	margin: 0 0 0 0;
	background-image: url(../images/arrow02.gif);
	background-repeat:no-repeat;
	background-position:left 8px;
	background-color:#F4f4f4;
	font-weight:bold;	
	padding: 5px 0 7px 10px;
	display: block;
}
#siteMList li .title a:hover{ 
	text-decoration: none;
	color: #333333;
	background-color:#FFFFFF;
}

/* custom page */
.pg-medical-center .titlepage{
	float: right;
	width: 315px;
}
.pg-medical-center .bannerimg{
	float: left;
	width: 250px;
	overflow: hidden;
	position: relative;
	bottom: -40px;
	margin-top: -30px;
}
.pg-medical-center .bannerimg img{
	width: 250px;
	background: none;
	padding: 0px;
}
.pg-klinik-diabetes .titlepage{
	float: right;
	width: 280px;
	position: relative;
	right: 15px;
}
.pg-klinik-diabetes .bannerimg{
	float: left;
	margin: 0 10px 0 0;
	overflow: hidden;
}
.pg-next-health-seminar, .pg-info-sehat, .pg-site-map, .pg-team-spine-center, .pg-events {
	width: 450px;
}
.pg-next-health-seminar a strong, .pg-info-sehat a strong, .pg-events a strong {
	color: #165c97;
}
.dokbiolist {
	margin: 8px 0;
	padding: 8px 0;
	border-bottom: 1px dotted #aaa;
}