/*
Theme Name: Binawaluya
Theme URI: http://Binawaluya.com/
Description: Template custom for binawaluya.com.
Version: 0.1
Author: Hendra Kharisma
Author URI: http://www.funethic.com/
Tags: hendra-k, binawaluya, red, blue, funethic, enalab
*/


/*
	global style
*/
html {font: 12px Arial, Helvetica, sans-serif;background:url(imgs/bgHTML.png) repeat-x;margin:0;padding:0;}
body {margin:0;padding:0;}
p {margin:0;padding:0}
#page { background:url(imgs/bgBodyGradient.png) no-repeat center top;margin:0;padding:0}
#header, #content, #footer .inside {width:955px;margin:0 auto;overflow:hidden}
img {border:none}
.clear {clear:both}
a {color:#3399cc; text-decoration:underline}
a:hover {color:#003366; text-decoration:none}
.split {float:left;margin-bottom:20px;}
h1.pagetitle {color:#003366;font-size:20px}
h3.title{color:#333;font-size:15px;margin-top:5px;margin-bottom:5px;}
span.date {color:#333;font-weight:bold;font-size:11px}
span.komentar {margin-left:20px;background:url(imgs/icon_comment.png) no-repeat; padding-left:20px}
span.komentar a {color:#8e8e8e; text-decoration:none}
span.komentar a strong {color:#cc0000}



/* 
	header canvas
*/
#header .top {height:147px; overflow:hidden}
#header .top .logo {background:url(imgs/bgBodyGradient.png) no-repeat -734px top;width:264px; position:absolute; z-index:10} /* real width: 254px+10px = 264px */
#header .top .banner {float:right; padding-right:20px; clear:both; width:671px }


/*
	search box
*/
#header .top .banner .searchbox {float:right; overflow:hidden;margin-top:10px}
#header .top .banner .searchbox span {float:left}
#header .top .banner .searchbox span.inputtext {background:url(imgs/search_form.jpg) no-repeat; padding:14px 5px 15px 12px}
#header .top .banner .searchbox span.inputtext input {font-size:10px; width:168px; border:none; color:#999; font-style:italic}

/*
	top navigation
*/
#header .top .banner .topnav {float:left;margin:25px 0 0 20px}
#header .top .banner .topnav ul {margin:0;padding:0}
#header .top .banner .topnav li {list-style-type:none; display:inline;margin:10px}
#header .top .banner .topnav li a {color:#666; font-size:11px; text-decoration:none}
#header .top .banner .topnav li a:hover {color:#003366}

/*
	profil dokter
*/
ul#profile_dokter {margin:0;padding:0}
ul#profile_dokter li {list-style-type:none; clear:both;}
ul#profile_dokter li div.poto_dokter img {border:#ccc 4px solid; margin:10px}
ul#profile_dokter li div.profile {background:url(imgs/profile_separator.jpg) no-repeat; min-height:360px;padding-left:20px; width:300px; }
ul#profile_dokter li div.profile label {color:#999; font-size:11px; text-transform:capitalize;margin-top:10px; display:block}
ul#profile_dokter li div.profile span {color:#003366; display:block}
ul#profile_dokter li div.profile span.name {font-weight:bold}
ul#profile_dokter li div.profile p.more {margin-top:20px}
ul#profile_dokter li div.profile p.more a {float:right;background:url(imgs/bg_eappointment.png) no-repeat; width:131px; height:24px; display:block; margin:10px auto; color:#fff; font-weight:bold; text-decoration:none;padding:8px 0 0 45px; text-align:left}


/*
	promo / advertisement banner	
*/
#header .top .banner .advbox {width:667px; height:60px; clear:both; margin-top:10px; float:right}
.advbox ul {margin:0;padding:0;}
.advbox li {list-style-type: none;}


/*
	login box
*/
#login_box {background:url(imgs/bgBodyGradient.png) no-repeat -734px top;width:264px; position:absolute; z-index:10; height:287px}
#login_box .thebox {width:253px; height:285px; background:#fff url(imgs/bgBannerCanvas.png) repeat-x 0 top; text-align:center;}
#login_box .thebox img {margin-top:11px}
#login_box .thebox .theform {margin:0 28px 0 28px;padding:0;color:#666; overflow:hidden}
#login_box .thebox .theform label {display:block; text-align:left;margin:9px 0 7px 0}
#login_box .thebox .theform input {text-align:left; width:193px; border:#ccc 1px solid}
#login_box .thebox .theform .login_button {overflow:hidden;margin-top:9px}
#login_box .thebox .theform .login_button p {clear:both; text-align:right;padding-top:9px}
#login_box .thebox .theform span.button, #login_box .thebox .theform input.button { width:80px}
#login_box .thebox .theform span.button {background:url(imgs/bg_button.gif); padding-left:3px; display:block; height:27px; float:right}
#login_box .thebox .theform input.button {border:none; display:block; height:27px; background:url(imgs/bg_button.gif) right top; text-align:center;text-transform:uppercase; font-weight:bold; color:#333; font-size:12px}

#login_box .thebox .selamat-datang{padding-top:10px;margin-bottom:20px;font-size:18px;background:url(imgs/h3bg.gif) repeat-x left bottom;height:45px;color:#003366;}
#login_box .thebox .infos{padding-left:20px;text-align:left;line-height:20px;color:#777;}
#login_box .thebox .infos .logout{padding-right:20px;padding-top:15px;text-align:right;font-size:13px;}
/*
	sidebar canvas
*/
#sidebar {background:url(imgs/bgBodyGradient.png) no-repeat -734px -488px;width:264px; float:left;}
#sidebar .inside {width:253px; background:#fff url(imgs/bgSidebarGradient.png) repeat-x; padding-top:15px}

/*
	side content
*/
#side_content {width:690px; float:right;overflow:hidden}
#side_content .kiri, #side_content .kanan, #side_content .dontsplit {margin-top:40px;}
#side_content .kiri {width:481px; float:left}
#side_content .kanan {width:204px; float:right}
#side_content .dontsplit {display:block;padding-right:10px; text-align:justify}
#side_content .kiri2 {float:left; width:230px;}
#side_content .kanan2 {width:250px; float:right; }

/*
	polling box
*/
#pollingbox {background:url(imgs/bg_polling_foobar.gif) no-repeat left top;}
#pollingbox .inside {padding:60px 30px 0 20px; background:url(imgs/sample_imgs/bg_polling.jpg) no-repeat 20px 30px}
#pollingbox .poll_tanya {font-weight:bold;color:#333}
#pollingbox .poll_pil ul {margin:10px 0 0 0;padding:0;overflow:hidden;}
#pollingbox .poll_pil li {list-style-type:none; clear:both;padding-top:5px}
#pollingbox .poll_pil li span:first-child {float:left; width:16px}
#pollingbox .poll_pil li span:last-child {float:left; width:125px; margin-left:10px}
#pollingbox h1 {display:none}
#pollingbox p.view {text-align:right;margin-top:10px}
#pollingbox p.view a {color:#666; text-decoration:underline}
#pollingbox p.view a:hover {text-decoration:none}
#pollingbox .foo {background:url(imgs/bg_polling_foobar.gif) no-repeat left bottom; height:13px}

/*
	content block post
*/
.content_block_post {margin-top:20px; overflow:hidden; color:#003366;margin-right:15px;border-bottom:#ccc 1px dotted;padding-bottom:20px;line-height:20px;}
.content_block_post p {margin:0 0 10px 0; text-align:justify}
.content_block_post img.thumb_post {border:#ccc 4px solid; float:left;margin:0 10px 10px 0}
div.backtotop {width: 100px;float:right; text-align: center;margin-top:20px;clear:both}
div.back_to_top {width: 57px;height: 57px;background: url(imgs/back_to_top.png);cursor: pointer;margin:0 auto}
div.back_to_top:hover {background: url(imgs/back_to_top.png) 0 -57px;}
div.meta {float:right}

/*
	welcome box
*/
#welcome_box h1 {color:#3399cc;font-size:20px;,font-weight:normal; margin:0px;}
#welcome_box p {color:#003366; margin:0px; line-height:25px}
#welcome_box p a.more {background:url(imgs/arrow_icon_01.gif) no-repeat right; padding-right:10px;}

/*
	artikel terbaru
*/
#artikel_terbaru {background:url(imgs/bg_title.png) no-repeat;}
#artikel_terbaru h1 {padding:3px 0 8px 10px;}
#artikel_terbaru h1 img {margin:0 10px -3px 0}
#artikel_terbaru h1 a {color:#ffffcc; font-size:12px; text-decoration:none; }
#artikel_terbaru ul {margin:0;padding:0}
#artikel_terbaru li {list-style-type:none; border-bottom:#ccc 1px dotted; margin-bottom:20px;padding-bottom:20px}
#artikel_terbaru li p {margin:10px 0 10px 0}
#artikel_terbaru p.more {text-align:right}

/*
	berita dan agenda
*/
#berita_agenda {background:url(imgs/bg_title.png) no-repeat; margin:0 12px 0 12px}
#berita_agenda h1 {padding:3px 0 8px 10px;}
#berita_agenda h1 img {margin:0 10px -3px 0}
#berita_agenda h1 a {color:#ffffcc; font-size:12px; text-decoration:none; }
#berita_agenda ul {margin:0;padding:0}
#berita_agenda li {list-style-type:none; border-bottom:#ccc 1px dotted; margin-bottom:20px;padding-bottom:20px}
#berita_agenda li span.date {color:#333; font-weight:bold}
#berita_agenda li span.comment {float:right;color:#8e8e8e; background:url(imgs/icon_comment.png) no-repeat; padding-left:20px}
#berita_agenda li span.comment strong {color:#CC0000}
#berita_agenda li p {margin:10px 0 10px 0}
#berita_agenda p.more {text-align:right}

/*
	banner footer bottom
*/
#banner_ads_bottom {padding-top:20px; clear:both; text-align:center}
#banner_ads_bottom li{list-style:none;}

/*
	dokter jaga hari ini
*/
#dokter_jaga {background:url(imgs/dokter_jaga.png) no-repeat center top;}
#dokter_jaga .foo {background:url(imgs/dokter_jaga.png) no-repeat center bottom; height:15px}
#dokter_jaga .inside_dokter {padding:75px 24px 0 24px}
#dokter_jaga .inside_dokter h1 {color:#A72222; text-transform:uppercase;font-size:14px;margin-top:-90px; position:absolute; z-index:10}
#dokter_jaga .inside_dokter h1 img {margin-bottom:-30px}
#dokter_jaga .inside_dokter .arrow span {height:21px;display:block;background:#cc0000; width:144px;float:left;margin:0 1px 0 1px; text-align:center; color:#FFFFCC; font-weight:bold;padding-top:5px}
#dokter_jaga .inside_dokter .arrow span.next, #dokter_jaga .inside_dokter .arrow span.prev {width:26px;}
#dokter_jaga .inside_dokter .arrow span.next a, #dokter_jaga .inside_dokter .arrow span.prev a {display:block; width:26px; height:26px; background:url(imgs/bg_arrow_cal.png);margin-top:-5px}
#dokter_jaga .inside_dokter .arrow span.prev a {background-position: -26px 0;}

#page_jadwal_dokter .inside {padding:75px 24px 0 24px}
#page_jadwal_dokter .inside h1 {color:#A72222; text-transform:uppercase;font-size:14px;margin-top:-90px; position:absolute; z-index:10}
#page_jadwal_dokter .inside h1 img {margin-bottom:-30px}
#page_jadwal_dokter .inside .arrow span {height:21px;display:block;background:#cc0000; width:144px;float:left;margin:0 1px 0 1px; text-align:center; color:#FFFFCC; font-weight:bold;padding-top:5px}
#page_jadwal_dokter .inside .arrow span.next, #page_jadwal_dokter .inside .arrow span.prev {width:26px;}
#page_jadwal_dokter .inside .arrow span.next a, #page_jadwal_dokter .inside .arrow span.prev a {display:block; width:26px; height:26px; background:url(imgs/bg_arrow_cal.png);margin-top:-5px}
#page_jadwal_dokter .inside .arrow span.prev a {background-position: -26px 0;}

#dokter_jaga ul#jadwal_dokter {margin:0;padding:1px 0 0 0; clear:both}
#dokter_jaga ul#jadwal_dokter li {list-style-type:none;margin:10px 0 10px 0;padding:10px 5px 5px 5px;background:#f0f0ed;text-align:center; }
#dokter_jaga ul#jadwal_dokter li span.dokter {display:block; color:#333; font-weight:bold}
#dokter_jaga ul#jadwal_dokter li span.poli {display:block; color:#cc0000; font-weight:bold}
#dokter_jaga ul#jadwal_dokter li span.praktek {display:block; color:#666; font-size:10px}
#dokter_jaga ul#jadwal_dokter li p.more a {background:url(imgs/bg_eappointment.png) no-repeat; width:131px; height:24px; display:block; margin:10px auto; color:#fff; font-weight:bold; text-decoration:none;padding:8px 0 0 45px; text-align:left}
#dokter_jaga p.more {text-align:right}
.dokter_2ndlevel {}

.dokter_detail{list-style:none;}
.little_gray{color:#777;font-size:11px;}
.bold_blue{font-weight:bold;color:#0000ff;}
/*
	list news
*/
ul#list_news {margin:0;padding:0 20px 0 0}
ul#list_news li {list-style-type:none; border-bottom:#ccc 1px dotted;margin-bottom:20px;overflow:hidden;clear:both}
ul#list_news li div.title {color:#003366;margin-top:10px;margin-bottom:10px}
ul#list_news li p {margin:10px 0 10px 0;}
ul#list_news li p.more {text-align:right;clear:both}
ul#list_news li div.title {clear:both}

/*
	thumbnail
*/
.thumb_large {padding:5px;margin:0 10px 10px 0;float:left;}
.thumb_medium, .thumb_small {padding:5px;margin:0 10px 10px 0;float:left;}
.thumb_small img {width:50px; height:50px}
.thumb_medium img {width:150px; height:150px}
.thumb_large img {width:448px; height:298px}

/*
	wiki cardiac
*/
ul#wiki_cardiac {margin:0;padding:10px 20px 0 0}
ul#wiki_cardiac li {list-style-type:none;margin:20px 0 10px 0; border-bottom:#ccc 1px dotted;padding-bottom:20px}
ul#wiki_cardiac li a {text-decoration:none}
ul#wiki_cardiac li span.title {display:block;margin-bottom:10px}
ul#wiki_cardiac li span.title a {color:#333; text-transform:uppercase; font-weight:bold; font-size:11px}
ul#wiki_nav {overflow:hidden;margin:0;padding:0}
ul#wiki_nav li {list-style-type:none;padding:0 4px 0 4px; border-left:#666 1px solid;display:block;float:left;}
ul#wiki_nav li a {color:#666; text-decoration:none; }
ul#wiki_nav li:first-child {border-left:none}
ul#wiki_nav li a:hover {color:#3399cc; text-decoration:underline}

/*
	advertisement
*/
.advertisement h1 {color:#666; font-size:18px;font-weight:normal}
.advertisement ul {margin:0;padding:0}
.advertisement li {list-style-type:none;margin-bottom:10px}
.advertisement li img {border:#ccc 1px solid}

/*
	navigation top content
*/
#navtop {margin-top:22px; overflow:hidden}
#navtop .path_site {color:#999; float:left;margin-left:16px; width:500px;}
#navtop .path_site span {color:#003366}
#navtop .lang {float:right;margin-right:27px}
#navtop .lang ul {margin:0;padding:0;}
#navtop .lang li {list-style-type:none; display:inline; border-left:#003366 1px solid;padding-left:3px}
#navtop .lang li:first-child {border-left:none}

/*
	sidebar pelayanan
*/
#pelayanan {text-align:center}
#pelayanan h1 {color:#cc3333; text-transform:uppercase;margin:0;padding:0;font-size:18px}

/*
	sidebar menu
*/
#sidebar_menu {padding:0 8px 0 8px; margin:25px 25px 0 30px}
#sidebar_menu ul {margin:0;padding:0}
#sidebar_menu li {list-style-type:none; background:url(imgs/arrow_icon.gif) no-repeat right}
#sidebar_menu li a {text-decoration:none;border-bottom:#e6e6e6 1px solid;padding:8px 0 8px 2px; display:block; text-transform:capitalize; }


/*
	sidebar box
*/
#sidebar .box {background:url(imgs/sidebar_box.png) no-repeat center top; margin-top:20px;padding-top:54px}
#sidebar .box .foo {background:url(imgs/sidebar_box.png) no-repeat center bottom;padding:0 24px 24px 24px}
#sidebar .box .foo .insidebox {overflow:hidden; margin-top:-46px; min-height:60px; }
#sidebar .box .foo .insidebox .insidebox_content {margin-top:44px}
#sidebar .box .foo .insidebox h1 {margin:0;padding:0; text-transform:uppercase;color:#990000; font-size:14px; display:block; position:absolute;margin-top:-20px; z-index:10}
#sidebar .box .foo .insidebox h1 img {margin-bottom:-9px; margin-right:10px}

/*
	obat unggulan
*/
ul#obat_unggulan {margin:0 25px 0 25px; padding:25px 0 25px 0;color:#333}
ul#obat_unggulan li {list-style-type:none}
ul#obat_unggulan li h2 {margin:0 0 10px 0;padding:0; font-size:14px}
ul#obat_unggulan li p {margin:10px 0 10px 0; }
ul#obat_unggulan li p.more {text-align:right; background:url(imgs/arrow_icon_01.gif) no-repeat right; padding-right:10px;margin:0}
ul#obat_unggulan div.img {border:#eaecef 4px solid}

/*
	footer
*/
#footer {padding-top:89px;background:#010930 url(imgs/bgBodyFoo.png) repeat-x; }
#footer .inside {min-height:260px;background:url(imgs/footer_inside.png) no-repeat left top}
#footer .inside #foo_left, #footer .inside #foo_right {float:left}

/*
	footer left 
*/
#foo_left { background:url(imgs/footer_separator.gif) no-repeat right 25px; width:263px; min-height:296px}
#foo_left .logo {margin:21px 0 0 24px;}
#foo_left .address {margin:20px 0 0 34px; font-family:Arial, Helvetica, sans-serif, Times, serif; color:#0099cc; font-size:11px}
#foo_left .address p {margin-bottom:10px}

/*
	footer right
*/
#foo_right ul {float:left; margin:43px 0 40px 40px ; padding:0}
#foo_right li {list-style-type:none; width:190px}
#foo_right li a {text-decoration:none;}
#foo_right li a:hover {color:#3399cc; text-decoration:underline}
#foo_right .infofoo {clear:both; color:#3399cc; text-align:center}

/*
	page contact us
*/
#page_contact_us {background:#d5d5d5; overflow:hidden}
#page_contact_us .inside {background:#fff;padding:5px}
p.lokasi_kami {color:#003366;margin-bottom:20px}

/*
	map box
*/
#mapbox {background:#d5d5d5;padding:5px}
#map {height: 450px}

/*
	contact address
*/
#contact_address {background:url(imgs/bg_contact_address.jpg) no-repeat right bottom;clear:both; height: 7px;margin-top:5px;margin-bottom: 10px;}
#contact_address .address {width:210px; height:101px; padding:110px 0 0 50px; background:url(imgs/bg_contact_address_box.png) no-repeat; position: absolute;margin-top: -210px;margin-left: 15px; z-index:100;color:#333}

/*
	contact form
*/
#contact_form {padding:20px}
#contact_form div.label {background:url(imgs/bg_contact_cs.jpg) no-repeat right top;height:26px; width:204px ;padding-top:5px;color:#ff0066}
#contact_form input, #contact_form textarea {border:#ededed 1px solid; background:#ccf6ff;color:#2f467b;padding:5px}
#contact_form .inputtext, #contact_form .textarea {margin:10px 0 10px 0}
#contact_form .inputtext input {width:300px}
#contact_form .textarea textarea {width:610px; height:200px}

/*
	comment list
*/
ol.commentlist {margin:0;padding:0}
ol.commentlist li {margin-bottom:20px; list-style-type:none;border:#ccc 1px solid; background:#ccc}
ol.commentlist li div.comentsboxs {margin:1px; background:#fff;padding:10px}
ol.commentlist li .vcard {float:left;margin:0 10px 10px 0}
ol.commentlist li .thecomment {clear:both}
#respond form p {background:#ccc; margin-bottom:10px;padding:10px}
#respond form p input, #respond form p textarea {border:none}
#respond form p input {margin-right:10px}
input#submit {background:#999;color:#fff;padding:5px}


/*
	rotate banner
*/
#rotate_banner {width:702px; height:285px; float:right;}
#top_gradient {width:702px; height:10px; position:relative; background:url(imgs/bgBannerCanvas.png) repeat-x 0 top; z-index:10}
#rotate_banner .image, #rotate_banner .image img {width:410px; height:285px; border:none; float:left; margin-top:-5px}
#rotate_banner .panel {width:292px; height:285px; float:right;margin-top:-10px}
#rotate_banner .panel blockquote {color:#ffcccc; font-family:Georgia, "Times New Roman", Times, serif;font-size:20px; margin:60px 0 0 0;padding:0 20px 0 40px; background:url(imgs/quote_1.gif) no-repeat 20px top}
#rotate_banner .panel blockquote p {background:url(imgs/quote_2.gif) no-repeat right bottom;padding-right:20px}
#rotate_banner .arrow {position:absolute; width:21px; height:32px; background:url(imgs/rotate_banner_arrow.png); margin-top:119px; z-index:100; margin-left:389px}
#rotate_banner .thumbs {position:absolute; background:#990000; margin-left:-1px; margin-top:206px; padding:6px 18px 6px 18px; overflow:hidden}
#rotate_banner .thumbs ul {margin:0;padding:0; }
#rotate_banner .thumbs li {list-style-type:none; display:block; float:left;margin:4px}
#rotate_banner .thumbs li img {border:#990000 1px solid; display:block}
#rotate_banner .thumbs li img.active {border:#ec7c7c 1px solid; display:block}
#title_banner {padding:26px 38px 0 21px;}
#title_banner ul {margin:0;padding:0}
#title_banner li {list-style-type:none}
#title_banner li span.date {color:#cccc99; font-size:11px}
#title_banner li h1 {margin:5px 0 0 0;padding:0}
#title_banner li h1 a {color:#ffffcc; text-decoration:none; font-size:20px; font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif}
#title_banner li p {background:#bb0000;float:right;margin-top:10px}
#title_banner li p a {color:#ff9999; text-transform:capitalize; display:block; padding:4px 0 7px 8px; border:#d81d1d 1px solid; width:143px; background:url(imgs/rotate_banner_next.gif) no-repeat 130px 8px}


#featured{ 
	padding-right:250px; 
	position:relative; 
	height:295px; 
	margin-top:-10px;
}
#featured ul.ui-tabs-nav{ 
	position:absolute; 
	top:0; left:410px; 
	list-style:none; 
	padding:0; margin:0; 
	background:#990000;
	padding:6px 6px 6px 18px;
	margin-top:206px;
	z-index:20;
}
#featured ul.ui-tabs-nav li{ 
	padding:1px 0;  
	font-size:12px; 
	color:#666; 
}
#featured ul.ui-tabs-nav li img{ 
	float:left; margin:2px 5px; 
	background:#EC7C7C; 
	padding:1px; 
	border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{ 
	font-size:11px; font-family:Verdana; 
	line-height:18px; 
}
#featured li.ui-tabs-nav-item {float:left}
#featured li.ui-tabs-nav-item a{ 
	display:block; 
	background:#990000; 
	float:left
}
#featured li.ui-tabs-nav-item a img { width:52px; height:36px;}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#990000; 
}
#featured li.ui-tabs-selected{ 
	background:#000;  
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ 
	background:#EC7C7C; 
}
#featured .ui-tabs-panel{ 
	width:410px; height:290px; 
	background:#ccc; position:relative;
}
#featured .ui-tabs-panel img {width:410px; height:290px;}
#featured .ui-tabs-panel .info{ 
	position:absolute;
	margin-top:-280px;
	margin-left:430px;
}
#featured .info span.date {color:#cccc99; font-size:11px}
#featured .info h2 a{ 
	color:#ffffcc; text-decoration:none; font-size:20px; font-weight:normal;font-family:Georgia, "Times New Roman", Times, serif;
	width:260px;
	display:block;
}
#featured .info p{ 
	background:#bb0000;float:right;margin-top:10px;
	margin-left:100px;
	position:absolute;
}
#featured .info p a{ 
	color:#ff9999; text-transform:capitalize; display:block; padding:4px 0 7px 8px; border:#d81d1d 1px solid; width:143px; background:url(imgs/rotate_banner_next.gif) no-repeat 130px 8px
}
#featured .info a:hover{ 
	text-decoration:underline; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}

/*
	page jadwal dokter
*/
#page_jadwal_dokter {background:#dbdbdb;margin-top:40px}
#page_jadwal_dokter .inside {background:#fff;padding:5px}
#page_jadwal_dokter .inside {padding:75px 18px 44px 18px}
#page_jadwal_dokter .inside h1 {color:#A72222; text-transform:uppercase;font-size:14px;margin-top:-100px; position:absolute; z-index:10}
#page_jadwal_dokter .inside h1 img {margin-bottom:-10px}

#page_jadwal_dokter .inside .h1 {color:#A72222; text-transform:uppercase;font-weight:bold;font-size:14px;margin-top:-100px; position:absolute; z-index:10}
#page_jadwal_dokter .inside .h1 img {margin-bottom:-10px;}
#page_jadwal_dokter .inside .h1 .arrow{margin-top:53px;margin-left:10px;}
#page_jadwal_dokter .inside .h1 .arrow .jadwal-thisday{width:384px;font-size:11px;}

#page_jadwal_dokter ul#jadwal_dokter {margin:0;padding:1px 0 0 0; clear:both}
#page_jadwal_dokter ul#jadwal_dokter li {list-style-type:none;margin:10px 0 10px 0;padding:20px;background:#f0f0ed;text-align:left; }
#page_jadwal_dokter ul#jadwal_dokter li span.dokter {display:block; color:#333; font-weight:bold}
#page_jadwal_dokter ul#jadwal_dokter li span.poli {display:block; color:#cc0000; font-weight:bold}
#page_jadwal_dokter ul#jadwal_dokter li span.praktek {display:block; color:#666; font-size:10px}
#page_jadwal_dokter ul#jadwal_dokter li p.more a {background:url(imgs/bg_eappointment.png) no-repeat; width:131px; height:24px; display:block; margin:-38px 0 0 430px; color:#fff; font-weight:bold; text-decoration:none;padding:8px 0 0 45px; text-align:left; position:absolute}

/*
	home block canvas
*/
ul#home {margin:0;padding:0}
ul#home li {list-style-type: none;clear:both;}

/*
	navigation box
*/
#header .navigation { height:55px; overflow:hidden}
#home_link {background:url(imgs/bgBodyGradient.png) no-repeat -734px top;width:264px; position:absolute; z-index:10; height:55px}
#menu_links {float:right}
#menu_links > ul {margin:0;padding:0}
#menu_links > ul > li {list-style-type:none; float:left; display:block; text-align:center; background:url(imgs/menu_top_separator.gif) no-repeat left top; }
#menu_links > ul > li:first-child {background:none}
#menu_links > ul > li > a {color:#fff;font-weight:bold; text-transform:capitalize; text-decoration:none;padding:14px 0 12px 0;display:block; width:117px}
#menu_links > ul > li > a:hover {color:#ffff00}

/*
    big dropdown
*/
div.big_dropdown {background:#d00000 url(imgs/big_dropdown_gradasi.jpg) repeat-x;position: absolute;width: 682px;color:#fff;min-height: 100px;z-index: 50000;text-align: left;padding:10px;}
div.big_dropdown span.arrow {background: url(imgs/up_arrow.png);margin-top:-40px; width: 70px; height: 35px;z-index: 40000;position: absolute;clear:both}
div.big_dropdown div.col {float:left;margin:0 5px 0 5px; padding:10px}
div.big_dropdown div.col_img {width: 247px;float:right; }
div.big_dropdown div.col_img img {width: 247px;}
div.big_dropdown div.col_img .text {text-align: justify;margin-top:10px;line-height: 15px;}
div.big_dropdown div.col_img .text a{text-decoration:none;color:#ffffff;}
div.big_dropdown ul.ul_bigdropdown_top {margin:0;padding:0}
div.big_dropdown ul.ul_bigdropdown_top > li {background:url(imgs/arrow_left.png) no-repeat left 3px; list-style-type: none;padding-left:15px;margin-bottom: 10px;font-weight: bold; }
div.big_dropdown ul.ul_bigdropdown_top > li > a {margin:0;padding:0;font-weight: normal;}
div.big_dropdown ul.ul_bigdropdown, div.big_dropdown ul.ul_bigdropdown li ul {margin:0 0 0 10px;padding:0}
div.big_dropdown ul.ul_bigdropdown li {list-style-type: none;margin:3px 0 3px 0}
div.big_dropdown ul.ul_bigdropdown li a {margin:0;padding:0;font-weight: normal;color:#ccc;text-decoration:none}
div.big_dropdown ul.ul_bigdropdown li a:hover {color:#ffff00}

.overlay{height:100%;width:100%;position:fixed;background:#000;filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;z-index:4999;top:0;left:0;}
.popup{border:1px solid #CCC;z-index:5000;padding:20px 10px;left:0;right:0;margin:0 auto;min-height:150px;background:#FFF;border:1px solid #CCC;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;}

/*OBAT UNGGULAN*/
#obat-unggulan{height:auto;position:relative;width:470px;}
#obat-unggulan .top{height:35px;position:relative;margin-top:10px;}
#obat-unggulan .middle{height:300px;position:relative;}
#obat-unggulan .bottom{height:50px;position:relative;}

#obat-unggulan .middle .left{width:200px;position:absolute;left:20px;top:20px;}
#obat-unggulan .middle .center{width:20px;height:200px;position:absolute;left:220px;top:30px;background:url(imgs/separator-obat.png) no-repeat;}
#obat-unggulan .middle .right{width:200px;position:absolute;right:20px;top:20px;}
.desc_prod .more{text-align:right;}
#search-obat input{width:195px;margin-bottom:4px;}

h1.title-header {margin:0;padding:0; text-transform:uppercase;color:#990000; font-size:14px; display:block; position:absolute;margin-top:-5px;margin-left:10px; z-index:10}
#obat-unggulan .top .title-header{background:url(imgs/icon_apotik_online.png) no-repeat;height:20px;padding-left:60px;padding-top:30px;}
#obat-unggulan .top{background:url(imgs/top-box.png) no-repeat;}
#obat-unggulan .middle{background:url(imgs/middle-box.png) repeat-y;}
#obat-unggulan .bottom{background:url(imgs/bottom-box.png) no-repeat;}

.obat-lainnya{padding-top:50px;}
.obat-lainnya .img{float:left;margin:3px;cursor:pointer;width:55px;overflow:hidden;text-align:center;}
.obat-lainnya .img:hover{filter:alpha(opacity=80);-moz-opacity: 0.8;opacity: 0.8;}

#list-detail-obat{background:#EFEFEF;padding:8px;
    border:1px solid #CCC;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    margin-top:15px;
}
#list-detail-obat .media{float:left;margin-right:8px; margin-bottom:8px;}
.list-obat{position:relative;height:80px;border-bottom:1px #CCC groove;}
.list-obat .img{position:absolute;top:15px;left:0;}
.list-obat .desc_prod{position:absolute;width:150px;left:80px;top:15px;}
.list-obat .more{position:absolute;width:150px;right:0;top:15px;text-align:right;}
.list-obat .more a{display:block;margin-bottom:5px;}

.add_keranjang, .detail{background:url(imgs/arrow_icon_01.gif) no-repeat right; padding-right:10px;}
.more{text-align:right;padding-top:8px;padding-bottom:8px;}

/*cart*/
table thead{font-weight:bold;}
.total-cart{padding:4px;border-top:1px solid #CCC;font-weight:bold;background:#ffdeaa;}
.syarat-ketentuan{background:#CCC;padding:8px;}
.syarat-ketentuan ol{list-style-type:lower-alpha;line-height:20px;}

.cart-proses{position:relative;height:50px;}
.cart-proses a{text-align:center;display:block;padding-left:10px;padding-right:10px;line-height:30px;position:absolute;top:10px;right:0;text-decoration:none;background:#ff0000;color:#FFF;font-weight:bold;
    border:1px solid #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.cart-proses a:hover{background:#dd0000;}
.cart-proses .lanjutkan{right:80px;}
.cart-user-info{margin-top:10px;margin-bottom:10px;}

#form-registrasi tr{height:30px;}
#form-registrasi tr td{vertical-align:top}
#form-registrasi tr td input, textarea{border:none;border-top:1px solid #CCC;border-left:1px solid #CCC;width:350px;}
#form-registrasi tr td textarea{height:60px;}

ul.list-hari{list-style:none;clear:both;}
ul.list-hari li{float:left;}
ul.list-hari li a{display:block;padding-left:8px;padding-right:8px;line-height:20px;
    color:#444;text-decoration:none;background:#EFEFEF;margin-right:8px;
    border:1px solid #CCC;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
ul.list-hari li a.visit{background:#FFF;color:#111;border:1px solid #666;}
ul.list-hari li a:hover{background:#FFF;color:#111;border:1px solid #666;}

.pagination{
    margin-top:15px;
    margin-bottom:10px;
    height:30px;
}

.pagination a{
    display:block;
    float:left;
    margin:2px;
    line-height:20px;
    padding-left:4px;
    padding-right:4px;
    border:1px solid #CCC;
}