html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;}
ul{list-style:none;}table{border-collapse:collapse; border:none; border-color:#9DA8A4;}
.clearfix:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
* html .clearfix{height:1%;}
.clear,.divider{clear:both;}
.no-display{display:none !important;}
.nowrap,.nobr{white-space:nowrap !important;}
.no-border{border:0 !important;}
.no-padding{padding:0 !important}
.no-margin{margin:0 !important;}
.v-top{vertical-align:top;}
.v-middle{vertical-align:middle;}
.v-bottom{vertical-align:bottom;}
.a-left{text-align:left;}
.a-center{text-align:center;}
.a-right{text-align:right;}
.left{float:left;}
.right{float:right;}
.auto-width{width:auto;}
/* 243.layout.css */
.wrap{width:100%;clear:both;}
.main{width:997px;margin:0 auto;position:relative;}
.main1{width:997px;margin:0 auto;position:relative;}
.column{overflow:hidden;float:left;}
.ja-mass{clear:both;}
.main .inner{padding-left:0px;padding-right:0px;}
.main .main-inner1{margin-left:0px;margin-right:0px;}
/* 3e9.template.css */
body{background:#000000;color:#3e3e3e;font-family:Verdana, Arial, Helvetica, sans-serif;line-height:1.5;}
body#bd{background:#000000;color:#000000;font-size:12px;}
body#bd #ja-wrapper{overflow:hidden;}
body.fs1 #ja-wrapper{font-size:80%;}
body.fs2 #ja-wrapper{font-size:90%;}
body.fs3 #ja-wrapper{font-size:100%;}
body.fs4 #ja-wrapper{font-size:110%;}
body.fs5 #ja-wrapper{font-size:120%;}
body.fs6 #ja-wrapper{font-size:130%;}
.column p,.column pre,.column blockquote,.column h1,.column h2,.column h3,.column h4,.column h5,.column h6,.column ol,.column ul,.column dl{margin:15px 0;padding:0;}
h1{font-size:200%;}
h2{font-size:150%;}
h3{font-size:125%;}
h4{font-size:100%;}
h5{font-size:100%;}
h1, h2, h3, h4, h5, h6 { font-family: 'tin_doghouseregular', Calibri, Arial, Helvetica, sans-serif; letter-spacing: 0; }
h1, h2, h3, h4, h5, h6 { margin:0 0 5px; line-height:1.00; color:#000000; }
.contentheading,.componentheading,h1,h2,h3,h4,h5{line-height:1.2;}
h1.componentheading,.componentheading{margin:0;padding:0 0 4px;}
h1.contentheading,h2.contentheading,.contentheading{margin:0;padding:0 0 5px;}
input,select,textarea,.inputbox{font-size:100%;}
#ja-header{position:relative;z-index:10;}
#ja-header .main{padding:0px;}
h1.logo,div.logo-text{float:left;position:relative;z-index:1;}
h1.logo{height:28px;width:184px;}
h1.logo a{background:url('images/logo-t3.gif') no-repeat left;display:block;height:28px;width:184px;}
h1.logo a span{position:absolute;top:-1000px;}div.logo-text{margin-top:8px;}div.logo-text h1 a{text-decoration:none; font-size:30px;}
p.site-slogan{display:block;font-size:16px;margin:8px 0 0;padding:0 5px; color:#FFFFD6;}
.slogan{display:block;font-size:11px;margin:8px 0 0;padding:0 15px; color:#FFFFD6;}
/* a16.template.css */
body{color:#333;font-family:Verdana, Arial, Helvetica, sans-serif;;line-height:1.7;}
body#bd{background-color:#ffffff;color:#333;background-image:url("../images/bg.png")}
a{color:#E22307;text-decoration:none;}
a:hover,a:active,a:focus{color:#333;}
.ja-module dd,.ja-content-main dd,.ja-content-main dd{margin-left:0px;}
p.readmore{background:url('readon-bg.gif') repeat-x left bottom;border:1px solid #ddd;font-weight:bold;float:left;padding:2px 6px;}
p.readmore a{color:#666;}
p.readmore a:hover,p.readmore a:focus,p.readmore a:active{color:#238db4;text-decoration:none;}
input,select,textarea,.inputbox{padding:4px 5px;font-family:Arial,Helvetica,sans-serif;}
input[type="checkbox"]{vertical-align:middle;padding:0;margin:0;}.
inputbox{border:1px solid #d6e4ec;background:#fff;}
.inputbox:hover,.inputbox:focus{background:#ffffcc;}
#ja-header{border-top:0px solid #0A3F05;margin-top:5px;z-index:13;}
#ja-header .main{padding:0;}
h1.logo,div.logo-text h1{font-size:250%;line-height:1;margin-left:15px;}
h1.logo{width:220px;height:80px;}
h1.logo a{display:block;width:220px;height:80px;
}div.logo-text h1{font-size:280%;font-family:Arial,sans-serif;font-weight:bold;margin:0;padding:0 0 0 15px;}
div.logo-text h1 a{color:#fff;text-decoration:none;}
p.site-slogan{color:#d6e4ec;display:block;font-size:85%;margin:3px 0 0;padding:0 15px;}
#ja-top-header{margin-top:-5px;position:absolute;right:180px;text-align:right;width:50%;}
#ja-search{bottom:50px;height:29px;right:10px;width:215px;}
#ja-search .inputbox{background:none;border:none;color:#fff;height:29px;line-height:29px;padding:0 10px;width:125px;text-transform:capitalize;}#ja-search .button{background:none;border:0;color:#666;height:29px;line-height:29px;text-transform:uppercase;width:70px;}
*+ html #ja-search .button{line-height:25px;}
#ja-topbar{border-bottom:0px solid #111433;font-size:11px;position:absolute;top:0;z-index:16;background:#ffffff; color:#ffffff; }
#ja-topbar .main{height:5px;background-color:#45CA93;}
#ja-topbar .ja-day{background:url('../images/sep-w.gif') no-repeat right center;display:block;float:left;margin-left:0px;padding-right:10px;}
#ja-topbar .ja-updatetime{float:left;padding:0 0px;color:#000000; }
#ja-topbar .ja-updatetime em{margin-left:5px;font-style:normal;color:#000000;}
#ja-headtools{position:absolute;right:15px;top:5px;}
#ja-headtools ul{float:left;margin:0;padding:0;white-space:nowrap;}
#ja-headtools li{background:none;display:inline;line-height:normal;margin:0;padding:0;}
#ja-headtools li a{display:block;float:left;color:#fff;margin-left:5px;padding-bottom:4px;}
#ja-headtools li a span{display:block;padding:2px 5px 2px 24px;}
#ja-headtools li a.show span{display:block;}
#ja-headtools .ja-login-links a,#ja-headtools .ja-login-links ul li a{color:#238db4;padding:0;}
#ja-headtools li a.logout-switch{display:inline;float:none;margin-left:3px;}
#ja-mainnav{position:relative;z-index:11;}
#ja-mainnav .main-inner1{padding:0 10px 0}
#ja-navhelper{text-align:left;float:left;}
#ja-navhelper .main{color:#ffffff;padding:8px 0px; background-color:#00A650;}
.ja-breadcrums{text-indent:10px;}
.ja-breadcrums img{display:none;}
.ja-breadcrums a{padding-right:18px !important;background:url('images/arrow.png') no-repeat right center;}
.ja-breadcrums span.name{padding-right:2px;}
.ja-breadcrums strong{margin-right:0;margin-left:5px;}
#ja-navhelper a{color:#fff;}
#ja-container .moduletable_menu ul.menu{margin:-5px -15px -5px;}#ja-container ul.menu li{border-bottom:1px dotted #e8edf0;padding-left:}
#ja-container ul.menu li a{background:url('images/bullet-grey.png') no-repeat 15px 12px;color:#666;text-indent:27px;width:100%;}
#ja-container ul.menu li a:hover,#ja-container ul.menu li a:active,#ja-container ul.menu li a:focus{background-image:url('images/bullet-blue.png');color:#238db4;text-decoration:none;}
#ja-container ul.menu li li{background:none;border-bottom:0;border-top:1px solid #E1EBF1;}
#ja-container ul.menu li li a,#ja-container ul.menu li.active li a{text-indent:27px;color:#666;}
#ja-container ul.menu li li a:hover,#ja-container ul.menu li li a:active,#ja-container ul.menu li li a:focus{background:url('images/bullet-blue.png') no-repeat 15px 12px;color:#238db4;}
#ja-container ul.menu li.active a{color:#238db4;}
#ja-content-mass-top{margin-bottom:15px;}
#ja-content-top{position:relative;}
#ja-content-top .ja-moduletable{background:#fff !important;margin-left:10px;margin-right:10px;}
#ja-content-top .ja-box-left .ja-moduletable{margin-left:0;}
#ja-content-top .ja-box-right .ja-moduletable{margin-right:0;}
#ja-topsl .ja-box-right,#ja-botsl .ja-box-right{background:0;}
#ja-topsl .ja-moduletable,#ja-botsl .ja-moduletable{background:none;border:0;margin-top:0;margin-bottom:10px;}
#ja-topsl div.ja-moduletable h3,#ja-botsl div.ja-moduletable h3{background:none;border-bottom:0;padding-bottom:0;}
#ja-topsl .main{padding:0;}
#ja-topsl .main-inner1{padding:10px 0;}
#ja-botsl{border-top:0px solid #fff;}
#ja-botsl .main{border-top:1px solid #fff;;color:#fff;font-size:92%;}
#ja-botsl .main-inner1{padding:10px 0 20px;}
#ja-botsl a{color:#B9E0EE;border-bottom:1px dotted #B9E0EE;}
#ja-botsl a:hover,#ja-botsl a:focus,#ja-botsl a:active{border-bottom:1px dotted #fff;color:#fff;text-decoration:none;}
#ja-botsl ul li{background:none;border-bottom:1px dotted #85c4dc;padding:0;margin:0;}
.img-border{border:3px solid #238db4;margin:0 0 5px 10px;}
#ja-footer{padding:10px 0 30px;color:#3e3e3e;}
#ja-footer .main{text-align:left;}
#ja-footer a{color:#fff;}
#ja-footer .ja-footnav{margin:10px 0 5px 0;padding:0;}
#ja-footer .ja-footnav ul li{padding:0 10px;}
#ja-footer .ja-footnav a{color:#fff;font-weight:bold;}
#ja-footer .ja-footnav a:hover,#ja-footer .ja-footnav a:focus,#ja-footer .ja-footnav a:active{color:#fff;}
#ja-footer .ja-copyright{padding:0 10px;}
#ja-poweredby{position:absolute;top:0px;right:0px;}
#ja-poweredby a{text-decoration:none;font-size:0px;line-height:0px;text-indent:-9999em;}
.pt2{padding-top:2px;}
.pt_5{padding-top:5px;}
.pt_4{padding-top:4px;}
.pt_8{padding-top:8px;}
.pt_10{padding-top:10px;}
.pb2{padding-bottom:2px;}
.pb_5{padding-bottom:5px;}
.pb_8{padding-bottom:8px;}
.pb_10{padding-bottom:10px;}
.ptl{padding-left:5px;}
.pl_2{padding-left:2px;}
.pl_4{padding-left:4px;}
.pl_5{padding-left:5px;}
.pl_8{padding-left:8px;}
.pl_10{padding-left:10px;}
.pl_20{padding-left:20px;}
.pl_15{padding-left:15px;}
.pr_2{padding-right:2px;}
.pr_4{padding-right:4px;}
.pr_5{padding-right:5px;}
.pr_8{padding-right:8px;}
.pr_10{padding-right:10px;}
.pr_15{padding-right:15px;}
.blue{color:#3CB6BF;}
.font11{font-size:11px;}
.font12{font-size:12px;}
.font14{font-size:14px;}
.bold{font-weight:bold;}
.stripes-blue{
background: #000000;
}
.streaming{
background: #9EB816; border:1px solid #000000;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:0px 9px 0px 9px; height:45px; width:130px;
}
.eq{
background: #ffffff; height:45px; min-width:150px; border: 0px solid #000000;
}
#search {
}
#search input[type="text"] {
background: 6px 6px #ffffff;
height:30px;
border: 0 none;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #777;
width: 200px;
padding: 0px 15px 6px 35px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 3px rgba(0, 0, 0, 0.2) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
width: 200px;
}
#maincontainer{
width: 997px; /*Width of main container*/
margin: 0 auto;background: #E7F7EF; /*Center container on page*/
}
#topsection{
background: #EAEAEA;
height: 90px; /*Height of top section*/
}
#topsection h1{
margin: 0;
padding-top: 15px;
}
#contentwrapper{
float: left;
width: 100%; background-color:#F3FBF7;
}
#contentcolumn{
margin-left: 278px; background-color:#F3FBF7;/*Set left margin to LeftColumnWidth*/
}
#leftcolumn{
float: left;
width: 278px; /*Width of left column*/
margin-left: -997px; background-color:#F3FBF7;/*Set left margin to -(MainContainerWidth)*/
}
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.home{
background-color:#ffffff;
width:680px;
border:1px solid #cdcdcd; margin-bottom:0px;
}
.chart{
background:url(../images/bernyanyi.jpg) top left no-repeat; background-color:#ffffff;
padding:15px 10px;
width:658px;
border:1px solid #cdcdcd; margin-bottom:0px;
}
.box_chart{
height:292px;
overflow:hidden;
}
.foto_chart{
float:left;
width:262px;
height:289px;
}
.det_chart{
float:left;
width:500px;
}
.det_chart h1{ color:#9d1f5f; padding:5px 0 10px 0; font-family: 'rabioheadregular';}
.det_chart h1 span{ font-size:16px; color:#f68121; letter-spacing:1px;}
.det_chart p{ line-height:16px;}
.num{ background:url(../images/bg_num.png) center no-repeat; line-height:20px; width:20px; text-align:center; float:left; margin-right:5px; color:#666; font-weight:bold; margin-top:1px;}
.song{ margin-bottom:5px;}
.song p{ font-size:11px; line-height:12px;}
.song span{ font-size:11px; color:#333; width:175px; float:left;}
.det_song{ margin-top:15px; width:230px; float:left;}
.green p{color:#67C902; font-weight:bold;}
.purple p{ color:#9d1f5f; font-weight:bold;}
.org p{ color:#f1562d; font-weight:bold;}
.sel{ text-align:right; font-size:11px; margin:5px 0;} .sel a{ color:#DE3828;}
/* TABS */
#tabs{
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
#tabs li{
float: left;
margin: 0 ;
font-family: 'rabioheadregular';
letter-spacing:1px; height:30px;
}
#tabs a{
position: relative;
padding: .7em 2.5em;
float: left;
text-decoration: none;
color: #fff;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
box-shadow: 0 2px 2px rgba(0,0,0,.4);
background:#67C902;
}
#tabs a:hover,
#tabs a:hover::after,
#tabs a:focus,
#tabs a:focus::after{
background: #f1562d;
color:#FF0;
}
#tabs a:focus{
outline: 0;
}
#tabs a::after{
content:'';
position:absolute;
z-index: 1;
top: 0;
right: -.5em;
bottom: 0;
width: 0.9em;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
box-shadow: 2px 2px 2px rgba(0,0,0,.4);
-webkit-transform: skew(10deg);
-moz-transform: skew(10deg);
-ms-transform: skew(10deg);
-o-transform: skew(10deg);
transform: skew(10deg);
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
background:#67C902;
}
#tabs #current a,
#tabs #current a::after{
background: #f1562d;
z-index: 3;
color:#FF0;
}
/* ------------------------------------------------- */
#isi
{
background: #fff;
height:250px;
position: relative;
z-index: 2;
/*-moz-border-radius: 0 5px 5px 5px;
-webkit-border-radius: 0 5px 5px 5px;
border-radius: 0 5px 5px 5px;*/
-moz-box-shadow: 0 -2px 0 -2px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0 -2px 0 -2px rgba(0, 0, 0, .5);
box-shadow: 0 -2px 0 -2px rgba(0, 0, 0, .5);
border-top:3px solid #f1562d;
border-left:0px solid #f1562d;
border-right:0px solid #f1562d;
border-bottom:0px solid #f1562d;
}
#isi h2, #isi h3, #isi p
{
margin: 0 0 15px 0;
}
.title-news{ font-family: 'rabioheadregular'; font-size:28px; color:#9d1f5f; }
.title-news a{ font-family: 'rabioheadregular'; font-size:28px; color:#9d1f5f; }
#tab1 p{ line-height:18px; padding-top:5px; color:#666;}
.gan40 .chart{ width:300px !important;} .gan40{ margin-bottom:10px;}
.uru_box, .uru_box2{ padding:5px; background:#f4f4f4;}
.uru_box2{ background:#eaeaea;}
.title{ font-family: 'rabioheadregular'; font-size:18px; color:#3e3e3e; font-weight:bold; border-bottom:1px #666666 dashed; }
.title a{ font-family: 'rabioheadregular'; font-size:28px; color:#9d1f5f; }
.frame_img{
float:left;
padding:3px;
border:1px solid #eaeaea;
min-height:170px;
background:#f6f6f6;
margin:0 1px;
width:195px;
overflow:hidden;
}
.frame_img img{ padding:10px 0 5px 0; width:195px; height:110px;}
.frame_img h5 a, .frame_img h5{ font-size:20px; color:#666; font-family: 'rabioheadregular'; font-weight:normal; text-align:center}
.img_left { /* Image sticks to the left */
width:auto;
float:left;
margin:5px 10px 5px 10px;
}
.img_right { /* Image sticks to the left */
width:auto;
float:right;
margin:5px 10px 5px 10px;
}
.sidebarright{
position: relative;
float: left;
text-decoration: none;
color: #fff;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
border-radius: 5px 5px 0 0;
background:#E06C6D; font-size:14px; border-bottom:0px solid #BB6A0E;
}
.sidebarleft{
position: relative;
float: left;
text-decoration: none;
color: #fff;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
border-radius: 5px 5px 0 0;
font-size:14px; border-bottom:0px solid #EEF9F4;
}
.pink{background-color:#F96192;}
.kuning{background-color:#FAE005;}
.biru{background-color:#01A7FB;}
.tosca{background-color:#00BFAE;}
.orange{background-color:#FF5D2B;}
.sidebarrightisi
{
padding: 10px 0 0 0;
min-height: 195px;
position: relative;
z-index: 2;
background: #ffffff;
border:1px solid #FBF8F8;
}
.sidebarrightisiright
{
padding: 10px 0 0 0;
min-height: 100px;
position: relative;
z-index: 2;
background: #ffffff;
border:1px solid #EEF9F4;
}
.bkg{
background: -moz-linear-gradient(top, #68B92C, #D0DF06);
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#68B92C), to(#D0DF06));
}
news_flash, .event, .podcast{
border:1px solid #cdcdcd; background:#fff;
margin-bottom:10px;
}
.det_flash{
padding:3px 8px;
}
.img_bord{ border:1px solid #cdcdcd; padding:5px;}
.list_news{ border-bottom:1px solid #cdcdcd; padding:0px 0px;} .list_news p{ line-height:16px; color:#666;}
.list_news h3 a, .list_news h3{ color:#333; padding:5px 0;}
.list_news_right{border-bottom: 1px solid #85A848; padding:0px 5px;} .list_news_right p{ line-height:16px; color:#666;}
.list_news_right h3 a, .list_news_right h3{ color:#fff; padding:5px 0;}
.tgl{
background:url(../images/tgl.png) no-repeat top;
width:31px;
text-align:center;
padding-top:12px;
float:left; margin:5px 10px 0 0;
}
.tgl h4{ font-size:14px; padding-bottom:5px;} .tgl p{ color:#f05829; font-weight:bold;}
.img_fl{ float:left; margin-right:10px;}
.maintext {
font-size: 12px;
color: #333333;
line-height: 20px; text-align:justify;
padding-bottom:5px; font-family:Verdana, Arial, Helvetica, sans-serif;}
.maintext a{
color: #508DC1; text-decoration:none; font-weight:bold;
}
.maintext a:hover{
color: #508DC1; text-decoration:underline;
}
#breadcrumbs {
color: 3e3e3e;
border:0px solid #56aa04;
padding: 0px;
border: 0px solid black;
}
#breadcrumbs ul {
margin-left: 0;
padding-left: 0;
display: inline;
}
#breadcrumbs li.breadcrumb {
background: transparent url('../images/breadcrumb1.gif') center left no-repeat;
padding-left: 16px;
}
#breadcrumbs ul li {
margin-left: 0;
padding-left: 2px;
border: none;
list-style: none;
display: inline;
}
#breadcrumbs ul li a {
color: 3e3e3e;
}
#breadcrumbs ul li a:hover {
color:3e3e3e; text-decoration:underline;
}
div.paginationEMP {font-family: "helvetica", arial, sans-serif; font-size: 93%;/*12px*/ width:100%; font-size: 11px; }
div.paginationEMP span { background: #fff; border: 1px solid #d3d3d3; color: #d3d3d3; font-weight: bold; margin: 0 2px 0 0; padding: 2px 5px; }
div.paginationEMP span a{text-decoration: none;color:blue;}
div.paginationEMP span a:hover { color: #454545; text-decoration: underline; }
div.paginationEMP span.current { background: #E06C6D none; border: 1px solid #E06C6D; color: #fff; }
iframe{margin-top:0px; padding-top:0px; font-size:8px; font-family:Tahoma; background-color:#CCC; line-height:5px;}
.boxlogin
{
background-color:#FFF309;font-weight:bold;
width: 100%;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border-radius:5px 5px 5px 5px;
font-family:Arial, Helvetica, sans-serif;
}
#headline {
background:#FFFFFF; border:1px solid #FBF8F8;
}
#headline .beritautama {
float:left;
width:620px;
overflow:hidden;
height: 50px;
}
#headline .hot_topic {
padding:5px;
}
#headline .hot_topic ul {
list-style:none;
margin:0;
padding:0;
}
#headline .hot_topic li {
width:196px;
color: #666;
font:normal 12px Arial, Helvetica, sans-serif;
float:left;
padding:5px;
}
#headline .hot_topic li img {
width:100px;
height:75px;
border:3px solid #FFF;
margin-right:10px;
float:left;
}
#headline .hot_topic li a {
font-weight:bold;
font-family:CartoGothic, Arial, Helvetica, sans-serif;
color:#333;
text-decoration:none;
display:block;
padding-top:3px;
}
#headline .hot_topic li a:hover {
color: #000;
text-decoration:underline;
}
#headline #bu_prev {
background:url(../images/nav_left.png);
display:block;
float:left;
width:17px;
height:18px;
text-decoration:none;
margin-top:10px;
margin-left:5px;
}
#headline #bu_next {
background:url(../images/nav_right.png);
display:block;
float:right;
width:17px;
height:18px;
text-decoration:none;
margin-top:10px;
margin-right:5px;
}
#headline #bu_prev:hover, #headline #bu_next:hover {
opacity:0.8;
}
#headline .hl {
padding:15px;
background: #003567;
float:left;
font:normal 12px Arial, Helvetica, sans-serif;
line-height:18px;
color:#FFF;
border-top:1px solid #002649;
width:605px;
}
#headline .hl h2{
color:#96ff00;
font: normal 16px CartoGothic, Arial, Helvetica, sans-serif;
}
#headline .hl img.imghl {
width:230px;
height:230px;
float:left;
margin-right:15px;
border:1px solid white;
}
#headline .hl h1 a {
font:normal 26px Georgia, CartoGothic, Arial, Helvetica, sans-serif;
line-height:110%;
padding-bottom:5px;
color:#f5ff88;
display:block;
text-decoration:none;
}
#headline .hl h1 a:hover {
color:#FFF;
text-decoration:underline;
}
#headline .hl_terkait {
padding-top:10px;
width:350px;
float:left;
}
.hl_terkait a.end {
border-right:0;
}
#headline .hl_terkait h5 {
font: normal 12px CartoGothic, Arial, Helvetica, sans-serif;
}
#headline .hl_terkait span {
font:bold 15px CartoGothic, Arial, Helvetica, sans-serif;
color:#f5ff88;
display:block;
padding-bottom:2px;
text-decoration:underline;
padding-top:5px;
}
#headline .hl_terkait a{
padding:3px 10px 3px 0;
color:white;
text-decoration:none;
font-weight:bold;
width:42%;
display:inline-block;
margin-top:5px;
margin-right:10px;
border-right:1px dotted #999;
font-size:12px;
font-weight:normal;
line-height:120%;
font-style:italic;
vertical-align:text-top;
}
#headline .hl_terkait a.end{
border-right:0;
}
#headline .hl_terkait a:hover {
color:#FFF;
text-decoration:underline;
}
.bhome{ border:1px solid #cdcdcd;}
.container-fluid{padding-right:0px;padding-left:0px;*zoom:1}.container-fluid:before,.container-fluid:after{display:table;line-height:0;content:""}.container-fluid:after{clear:both}p{margin:0 0 10px}
.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;line-height:0;content:""}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;float:left;width:100%;min-height:30px;margin-left:2.127659574468085%;*margin-left:2.074468085106383%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.row-fluid .span12{width:100%;*width:99.94680851063829%}.row-fluid .span11{width:91.48936170212765%;*width:91.43617021276594%}
.page-header-home {
background: #E06C6D;
margin: 0px 0px 0px;
padding: 0px 0px;
border-top: 2px solid #FFC700;
color: #3e3e3e;
}
.page-header h3 {
line-height: 0.88rem;
color: #000;
}
.dokter{color:#261285;}
.dokter a{color:#261285;}
.dokter a:hover{color:#261285; text-decoration:underline;}
.green{color:#03933C;}
.bgred{background: #E06C6D;}
.bgyellow{background: #F7EB70;}
.tanyadokter{height:30px}
#container_buttons{
width: 292px;
margin: 0 auto;
padding: 10px 10px 10px 10px;
}
.a_demo_four {
background-color:#3bb3e0;
font-family: 'Open Sans', sans-serif;
font-size:12px;
text-decoration:none;
color:#fff;
position:relative;
padding:10px 20px;
padding-right:50px;
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(44,160,202)),
color-stop(1, rgb(62,184,229))
);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
}
.a_demo_four:active {
top:3px;
background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(62,184,229)),
color-stop(1, rgb(44,160,202))
);
-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}
.a_demo_four::before {
background-color:#2591b4;
background-image:url(../images/right_arrow.png);
background-repeat:no-repeat;
background-position:center center;
content:"";
width:20px;
height:20px;
position:absolute;
right:15px;
top:50%;
margin-top:-9px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
-moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
-o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}
.a_demo_four:active::before {
top:50%;
margin-top:-12px;
-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}
#news{
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
#news a{
position: relative;
padding: .7em 2.5em;
float: left;
text-decoration: none;
color: #ffffff;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
box-shadow: 0 2px 2px rgba(0,0,0,.4);
background:#BE3628;
}
#news a::after{
content:'';
position:absolute;
z-index: 1;
top: 0;
right: -.5em;
bottom: 0;
width: 0.9em;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
box-shadow: 2px 2px 2px rgba(0,0,0,.4);
-webkit-transform: skew(10deg);
-moz-transform: skew(10deg);
-ms-transform: skew(10deg);
-o-transform: skew(10deg);
transform: skew(10deg);
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
background:#BE3628;
}
#news a:hover,
#news a:hover::after,
#news a:focus,
#news a:focus::after{
background:#BE3628;
color:#ffffff;
}
#event{
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
#event a{
position: relative;
padding: .7em 2.5em;
float: left;
text-decoration: none;
color: #ffffff;
text-shadow: 0 1px 0 rgba(255,255,255,.8);
-webkit-border-radius: 5px 0 0 0;
-moz-border-radius: 5px 0 0 0;
border-radius: 5px 0 0 0;
-moz-box-shadow: 0 2px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,.4);
box-shadow: 0 2px 2px rgba(0,0,0,.4);
background:#026398;
}
#event a::after{
content:'';
position:absolute;
z-index: 1;
top: 0;
right: -.5em;
bottom: 0;
width: 0.9em;
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.4);
box-shadow: 2px 2px 2px rgba(0,0,0,.4);
-webkit-transform: skew(10deg);
-moz-transform: skew(10deg);
-ms-transform: skew(10deg);
-o-transform: skew(10deg);
transform: skew(10deg);
-webkit-border-radius: 0 5px 0 0;
-moz-border-radius: 0 5px 0 0;
border-radius: 0 5px 0 0;
background:#026398;
}
#event a:hover,
#event a:hover::after,
#event a:focus,
#event a:focus::after{
background:#026398;
color:#ffffff;
}
.bordettop{border-top:3px solid #f1562d;}