body{overflow:hidden; font-size:12px;}
/* Tabbed Styles */
					.tabbed {
					  width: 100%;
					  min-width: 400px;
					  margin: 0 auto;
					  margin-bottom: 68px;
					  border-bottom: 4px solid #000;
					  overflow: hidden;
					  transition: border 200ms ease;
					}
					ul.tabbed  {
					  margin: 0px;
					  padding: 0px;
					  overflow: hidden;
					  float: left;
					  padding-left: 18px;
					  list-style-type: none;
					}
					ul.tabbed * {
					  margin: 0px;
					  padding: 0px;
					}
					ul.tabbed li {
					  display: block; 
					  float: left;
					  padding: 5px 24px 4px;
					  background-color: #FFF;
					  margin-right: 16px;
					  z-index: 2; 
					  position: relative;
					  cursor: pointer;
					  color: #777;
					  text-transform: uppercase;
					  font: 100 12px/18px roboto, "Open Sans", Helvetica, sans-serif; 
					
					  transition: all 250ms ease;
					}
					ul.tabbed li:before,
					ul.tabbed li:after {
					  display: block;
					  content: " ";
					  position: absolute;
					  top: 0;
					  height: 100%;
					  width: 44px;  
					  background-color: #FFF;
					  transition: all 250ms ease;
					}
					ul.tabbed li:before {
					  right: -24px;
					  transform: skew(25deg, 0deg);
					  box-shadow: rgba(0,0,0,.1) 3px 2px 5px, inset rgba(255,255,255,.09) -1px 0;
					}
					ul.tabbed li:after {
					  left: -24px;
					  transform: skew(-25deg, 0deg);
					  box-shadow: rgba(0,0,0,.1) -3px 2px 5px, inset rgba(255,255,255,.09) 1px 0;
					}
					.tabbed ul li:hover,
					.tabbed ul li:hover:before,
					.tabbed ul li:hover:after {
					  background-color: #F4F7F9;
					  color: #444;
					}
					ul.tabbed li.active {
					  z-index: 3;
					}
					ul.tabbed li.active,
					ul.tabbed li.active:before,
					ul.tabbed li.active:after {
					  background-color: #000;
					  color: #fff;
					}
					.tabbed-content{
						display: none;
						padding:0px;
					}

					.tabbed-content.active{
						display: inherit;
					}
/* Reset */
.menu-active {background:#9C3;}
.submenu-active{background:rgba(0,0,0,0.6)}
.sti-menu{
	width:100%;	margin:0 auto;
}

.sti-menu li{
	float:left;
	width:200px;
	height:32px;
	margin:0px;
	color:#000;
}
.sti-menu li:hover{
	background:#9C3; height:33px;
}

.sti-menu li a{
	display:block;
	/*background:#fff;*/
	text-align:center;
	height:100%;
	width:100%;
	position:relative;
	/*
	-moz-box-shadow:1px 1px 2px #ddd;
	-webkit-box-shadow:1px 1px 2px #ddd;
	box-shadow:1px 1px 2px #ddd;
	*/
}
.sti-menu li a h2{
	margin:0px;
	font-family: 'Aldrich', arial,sans-serif;
	font-size:13px;
	font-weight:bold; height:25px;
	text-transform:uppercase;
	position:absolute; width:100%;
	padding:2px; text-align:center;
	top:5px;
	left:0px; 	
	color:#000; 

	/*text-shadow: 0px 1px 1px black;*/
}
.sti-menu li a h3{
	font-family: Baskerville, "Hoefler Text", Garamond, "Times New Roman", serif; 
	font-size:18px;
	font-style:italic;
	color: #FFF;
	position:absolute;
	top:26px;
	left:0px;
	width:180px;
	padding:11px;
}
.SubMenu a{ color:#FFF;}
.SubMenu a:hover{color:#FF0;}
.sti-menu,
.sti-menu a,
.sti-menu ul,
.sti-menu li,
.sti-menu div,
.sti-menu form,
.sti-menu input {
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}

*/
/* Menu List */
.sti-menu > li {
	display: block;
	float: left;
}

			.dd-menu-content {
			  display: none; top:33px; min-height:40px;
			  position: absolute;
			  background: rgba(61, 178, 52, 0.5);
			  width: 100%; padding:5px;
			  left: 0;
			  z-index: 1;
			}
			
			.dd-menu-content .header {
			  background: red;
			  padding: 16px;
			  color: white;
			}
			
			.dd-menu:hover .dd-menu-content {
			  display: block;
			}
.sti-menu .nav-column {
	float: left;
	width: 20%;
	padding: 2.5%;
}

.sti-menu .nav-column h3 {
	margin: 20px 0 10px 0;
	line-height: 18px;
	
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #372f2b;
	text-transform: uppercase;
}

.sti-menu .nav-column h3.orange { color: #ff722b; }

.sti-menu .nav-column li a {
	display: block;
	line-height: 26px;
	
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 13px;
	text-align:left;
	color: #888888;
}

.sti-menu .nav-column li a:hover { color: #666666; }

.btn-dokter {height:30px; text-align:center; border:0px; border-bottom:1px solid #000; border-top:1px solid #000; background:#FF9; float:left; cursor:pointer; 
						padding:0px; padding-top:5px;}
.btn-dokter:hover {background:#369; color:#FFF;}
.active-dokter {background:#369; color:#FFF;}
.btn-dokter-default { padding:2px; border:0px; }
.btn-dokter-default:focus, btn-default:hover { border:0px; }
						
.fw-bold{font-weight:bold;} .fw-normal{font-weight:normal;}
.mb-30{margin-bottom:30px;}
.p-title{font-size:20px; font-weight:bold; color:#C33; font-family: 'Barlow Condensed', sans-serif; margin-top:5px; margin-bottom:5px;}
.pEnd{margin-bottom:30px;}
.w-10{width:10%;}	.w-20{width:20%;} .w-30{width:30%;} .w-40{width:40%;}	.w-50{width:50%;} .w-60{width:60%;} .w-70{width:70%;} .w-80{width:80%;} .w-90{width:90%;} .w-100{width:100%;}
.col-md-12{padding:0px;}
.col-md-center{margin-left:5.5px; margin-right:5.5px;}
		.row{padding:0px; margin:0px;}
		.col-md-1{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-2{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-3{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-4{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-5{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-6{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-7{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-8{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-9{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-10{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-11{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.col-md-12{padding:0px; margin:0px; font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
		.input-sm { font-size:13px; font-family: 'Barlow Condensed', sans-serif;}
.col10 {position:absolute;
                 margin-left:auto;
                 margin-right:auto;
                 margin-top:auto;
                 margin-bottom:auto;
                 left:0;
                 right:0;
                 top:0;
                 bottom:0;}
  	.main-header .navbar{margin-left:0px; top:0px; position:fixed; width:100%; z-index:99999;}
	.sidebar-mini.sidebar-collapse .main-header .navbar{margin-left:0px}}
	.fontstyle{font-size:13px; font-family: 'Barlow Condensed', sans-serif; padding-left:5px;}
		
	.jqx-input-content {font-size:13px; font-family: 'Barlow Condensed', sans-serif; padding-left:5px;}
	.fontLogo{font-size:20px;}
	.input-sm{height:25px;line-height:25px; font-size:13px; font-family: 'Barlow Condensed', sans-serif; color:#000; border-radius:3px; padding-left:2px;}
	.jqx-listitem-state-normal{font-size: 11px; font-family:arial;}
	.jqx-dropdownlist-content{font-size: 11px; font-family: arial;}
	.jqx-combobox-content, .jqx-combobox-input{font-size: 11px; font-family: arial;}
	input{font-size:13px; font-family: 'Barlow Condensed', sans-serif; outline-color: none;}
					input[type=number]::-webkit-outer-spin-button,
					input[type=number]::-webkit-inner-spin-button {
						-webkit-appearance: none;
						margin: 0;
					}
					
					input[type=number] {
						-moz-appearance:textfield;
					}
	.mFilterDate{ margin:0px; padding:0px; padding-right:2px;}
	.mInfoLeft{padding:0px; margin:0px; padding-right:2px;}
	.mPanelCenter{padding:0px; margin:0px; padding-left:3px; padding-right:3px;}
	@media (max-width: 768px) {
		.fontLogo {font-size: 15px;}
		.mBgCenter1{background:#FF9; margin-bottom:2px; margin-top:2px;
			border-top:1px solid #aaa;border-bottom:1px solid #aaa;
		}
		.mFilterDate{ margin:0px; margin-bottom:2px; background:#6F3; padding:3px; color:#003;
			border-top:1px solid #aaa;border-bottom:1px solid #aaa;
		}
		.mBorderTop{border-top:1px solid #aaa;border-bottom:1px solid #aaa;
		}
		.mBtnMenuInfo{margin-left:15px;}
		.mInfoLeft{margin-right:0px;}
		.mPanelCenter{padding:0px;}
	}

    .header-banner {
      /* The image used */
	  background-image: url("./images/banner.png");      
    
      /* Center and scale the image nicely */
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;	  
    }

	.boxshadow {
      position: relative;
      -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0,0.5);
      -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
      box-shadow: 1px 2px 4px rgba(0, 0, 0, .5);
      padding: 10px;
      background: white;
    }
    
    /* Make the image fit the box */
    .boxshadow img {
      width: 100%;
      border: 1px solid #8a4419;
      border-style: inset;
    }
    
    .boxshadow::after {
      content: '';
      position: absolute;
      z-index: -1; /* hide shadow behind image */
      -webkit-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
      box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);        
      width: 96%; 
      left: 2%; /* one half of the remaining 30% */
      height: 100px;
      bottom: 0;
    }

            

 		.jqx-fill-state-pressed-energyblue{
			border-color:#00F; 
			background-color:#00F
		}
		.Loginbox{width:100%; height:230px; margin-top:20%; position:absolute;}
		.col-note-login{border-left:1px solid #FFFFFF; height:200px;}
		.Login-panel{padding-right:0px;}
		@media (max-width: 768px) {
		  .Loginbox {margin-top:50%;}
		  .Login-panel{padding-right:20px;}
		  .col-note-login{border:0px; border-top:1px solid #FFFFFF; height:100px;}
		}

   .p-top3{padding-top:3px;}
    
    .h-30p{height:30px;}
		.mrg-top2{margin-top:2px;}	.mrg-bottom1{margin-bottom:1px;} .mrg-bottom2{margin-bottom:2px;}
		.padd2{padding:2px;} .padd_L3{padding:3px;} .padd5{padding:2px;}
		.pInfoPeserta{width:100%; margin-bottom:2px; padding:2px; height:15px; border-bottom:1px solid #aaa;}
		.ffbc{color:#000; font-family: 'Barlow Condensed','Quicksand','Righteous', sans-serif;}
		
		.title-form {min-height:32px; padding-top:2px; font-size:13px; font-weight:bold; border-bottom:2px solid #00F; margin-bottom:3px;} 
		.divTitle-menu {min-height:25px; padding-top:2px; font-size:13px; font-weight:bold; border-bottom:1px solid #00F; margin-bottom:3px;} 
		.panelNumber {height:38px; padding-top:5px; font-size:25px; text-align:center; font-weight:bold; border-bottom:1px solid #aaa; margin-bottom:3px;} 
		.font12{font-size:12px;}	.font13{font-size:13px;} .font14{font-size:14px;}
		.padCont_L5{padding-left:5px;}
			.col-md-3home{width:32.95%; min-height:200px;}
			.gradiantPanel{padding:15px;
				/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f1e8+4,f4f1e8+39,ffffff+96 */
				background: #f4f1e8; /* Old browsers */
				background: -moz-linear-gradient(top, #f4f1e8 4%, #f4f1e8 39%, #ffffff 96%); /* FF3.6-15 */
				background: -webkit-linear-gradient(top, #f4f1e8 4%,#f4f1e8 39%,#ffffff 96%); /* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to bottom, #f4f1e8 4%,#f4f1e8 39%,#ffffff 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f1e8', endColorstr='#ffffff',GradientType=0 ); 
				/* background: linear-gradient( #CFC 20%, #FFF 80%);IE6-9 */
				 
				border:1px solid #aaa; border-radius:10px;}
			.head-moblie{display:block;}
			.banner{height:90px;}
			.m-panelleft{padding:0px; padding-right:10px;}
			.menu-mobile{display:none; height:90px;}
			.banner-text{font-size:13px;}
			.padd4-mbl-left{padding-left:4px;}	.padd4-mbl-right{padding-right:4px;}
			@media screen and (max-width:768px){
				.padCont_L5{padding-left:0px;}
				.padd4-mbl-left{padding-left:0px;}	.padd4-mbl-right{padding-right:0px;}
				
				.col-md-center{margin:0px; width:100%;}
				.col-md-3home{width:100%; margin-top:10px;}
				.head-moblie{display:none;}
				.menu-mobile{display:block; height:70px;}
				.banner{height:70px;}
				.m-panelleft{padding:0px;}
				.banner-text{font-size:8px;}
				.container {width:100%;]
			}
			.PenelTitle{border-bottom:5px solid #963; padding-bottom:5px; font-size:20px; font-weight:bold; font-family: 'Barlow Condensed', sans-serif; margin-bottom:5px;}

			.activeMenu{background:#9C3;}
			.activeSubMenu{background:rgba(0,0,0,0.6)}
            .topmenu{width:100%;}
            .PenelFotter{border-bottom:1px solid #09C; color:#FFF; text-shadow: 1px 1px 2px #00F; text-align:center; padding-bottom:5px; font-family: 'Righteous',Arial ,cursive; margin-bottom:5px;}
            .PenelFotter a{color:#FFF; text-shadow: 1px 1px 2px #00F;}
            .PenelFotter a:hover{color:#0F0; text-shadow: 1px 1px 2px #00F;}

			.content-center{width:90%;}
 			.BtnReadMore{float:right; cursor:pointer; width:118px; height:37px;
				 margin-top:10px; background:url(<?php echo base_url();?>templates/images/readmore-dw.png);}
 			.BtnReadMore:hover{background:url(<?php echo base_url();?>templates/images/readmore-up.png);}

 			.BtnVideo{float:right; cursor:pointer; width:117px; height:37px;
				 margin-top:10px; background:url(<?php echo base_url();?>templates/images/LihatVideo.png);}
 			.BtnVideo:hover{background:url(<?php echo base_url();?>templates/images/LihatVideo-up.png);}
			.SubMenu {width:100%; height:35px;  padding-top:15px; text-align:center; font-family: 'Righteous',Arial ,cursive;}