/* TEMPLATE CSS
*********************************************/
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,500,700);

@font-face {
    font-family: 'Segoe';
    src: url('../fonts/Segoe_UI.eot');
    src: url('../fonts/Segoe_UI.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Segoe_UI.woff') format('woff'),
         url('../fonts/Segoe_UI.ttf') format('truetype'),
         url('../fonts/Segoe_UI.svg#proxima_nova_rgregular') format('svg');
    font-weight: normal !important;
    font-style: normal !important;
}

html {overflow-y: scroll;}
body {font-family: 'Maven Pro', sans-serif;background-color: #FFFFFF; font-size:14px; color:#555;}

h1, h2, h3, h4 {font-family: 'Maven Pro', sans-serif; color:#007ac3; font-weight: normal !important; font-style: normal !important;}
a { text-decoration:none; }
bold, strong { color:#099dca; }

/* LAYOUT
*********************************************/
/* Floats */
.left { float: left; }
.right { float: right; }
.group:before,
.group:after { content: ""; display: table; }
.group:after { clear: both; }
.ie7 .group { zoom: 1; }
.clear { clear:both }
.leftgap {margin-left:20px;}
.topgap {margin-top:20px;}
.clear {clear:both;}
.boxed {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.shadowed {-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3); box-shadow: 0 2px 2px rgba(0,0,0,0.3);}
.overflowed { overflow:auto; }

/* Media Queries
*********************************************/
/* Retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) {
  
}


/* Landscape phones and down */
@media (max-width: 480px) {
  
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}

/* LARGE DESKTOP */
@media (min-width: 1200px) 
{
  
}

DIV.ux-menu-container IFRAME
{
 display: none !important;
}

/* EVENT CALENDAR */
table.mod_events_latest_table { margin: 10px; width:280px; }
.date-event { background: url("../images/date-bottom-bg.png") repeat-x scroll left bottom transparent; border: 1px solid rgba(0,0,0,0.3) !important; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; float:left; margin-right:10px; padding-bottom:8px; margin-bottom:5px; }
.jtec-weekday { -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-left-radius: 5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; border-top-right-radius: 5px; color: #FFFFFF; font-size: 10px; line-height: 25px; text-transform: uppercase; width: 70px; }
.jtec-uecal-3 { background-color: #007ac3 !important; }
.jtec-circles { background: url("../images/circles.png") repeat-x scroll 0 0 transparent; height: 6px; position: relative; top: -3px; }
.date-event * { text-align: center !important; }
.jtec-day { color: #707070; font-size: 26px; font-weight: bold; line-height: 20px; }
.mod_events_latest_content { font-weight:bold; }

/* BMI CALCULATOR */
div.bmi-calc h3, form#contact-form h3, form div.componentheading { border: medium none; color: #000; display: block; font: 500 20px/1.7em 'Maven Pro',Arial,Helvetica,sans-serif; height: 46px; letter-spacing: -1px; margin: 0 0 0.25em; padding: 0; text-align: center; width: 240px; } 
div.bmi-calc { background: none repeat scroll 0 0 #D9EBF9; position: relative; }
.warning1 { background: #F7FAFC; border: 1px solid #AED0E9; border-radius: 4px 0 0 2px; display: block; margin: 0 10px; width: auto; }
form#bmi-calculator { padding: 10px; } 
form#bmi-calculator input[disabled] { background: none repeat scroll 0 0 transparent; border: medium none; color: #000000 !important; width: 4.5em; }  
form#bmi-calculator p.input { font: 400 1.1em 'Maven Pro',Arial,Helvetica,sans-serif; margin:0px 0px 10px; }
form#bmi-calculator p.buton { padding:5px 8px; background:#007ac3; color:#fff; display:inline-block; margin-left:10px; }
form#bmi-calculator input { width: 50px; }
form#bmi-calculator label { width: 75px; display:inline-block; }
form#bmi-calculator1 input[disabled] { background: none repeat scroll 0 0 transparent; border: medium none; color: #000000 !important; width: 4.5em; }  

#bar { border-radius: 10px 10px 10px 10px; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25); display: none; height: 45px; overflow: hidden; position: relative; width: 100%; }
#bar div#bmibar { background: none repeat scroll 0 0 rgba(26, 65, 95, 0.25); color: #FFFFFF; font-weight: 700; height: 19px; text-align: right; text-indent: 0; top: 13px; width: 1px; z-index: 5; }
#bar div { display: inline; height: 45px; left: -35%; position: absolute; text-indent: -9999px; top: 0; }
#bar div#bmibar { background: none repeat scroll 0 0 rgba(26, 65, 95, 0.25); color: #FFFFFF; font-weight: 700; height: 19px; text-align: right; text-indent: 0; top: 13px; width: 1px; z-index: 5; }
#bar div#underweight { background: none repeat scroll 0 0 #9DC9EC; width: 55.5%; z-index: 4; }
#bar div#healthy { background: none repeat scroll 0 0 #7EB5E2; width: 75%; z-index: 3; }
#bar div#overweight { background: none repeat scroll 0 0 #65A3D6; width: 90%; z-index: 2; }
#bar div#obese { background: none repeat scroll 0 0 #4687BC; width: 120%; z-index: 1; }
#bar div#extremeobese { background: none repeat scroll 0 0 #206093; width: 200%; z-index: 0; }
/*** END OF BMI CALCULATOR ***/

.wrapper {width:960px; position:relative; margin:0px auto; padding:0px 10px;}
.padded {padding: 20px 10px;}
.stated { font-family: 'Maven Pro', sans-serif; font-size:24px; }
.tagged { color:#099dca; font-size:18px; font-weight:bold; }
.orange { background:#ffac0b; }
.orange h3 { color:#ffac0b; }
.blue	{ background:#007ac3; }
.blue h3 { color:#007ac3; }
.purple { background:#603cba; }
.purple h3 { color:#603cba; }
.green { background:#a3bd07; }
.green h3 { color:#a3bd07; }
.bot-border { border-bottom:1px dotted #cacaca; }
.grey { background: #eaeaea; }
.spacing { padding:20px; }
.rounded { border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; }
.bot-spacing { padding-bottom:10px; }

/*****HEADER******/
header{width:100%; position:relative; z-index:999;}
.logo {float:left; margin:0px; padding:0px; width:40%; height:102px;}
.logo img {margin:0px; padding:0px; float:left;}
.searchbar {float:left; margin:0px; padding:0; width:60%; text-align:right; height:102px;}
.caller { float:right;}
.caller p { font-size:14px; }
.searchbox {margin:0px; padding:0px; float:right;}
.search input {border:1px solid #e3e3e3; width:300px; padding:5px 10px; font-size:14px;}
.search input.button { border:1px solid #007ac3; background:#007ac3; color:#fff; padding:5px; font-size:14px; width:30px; }
.navbar {width:100%; margin:10px 0px 0px; padding:0px;}

.navbar { height:34px; width:100%; background:#fff; z-index:999; padding:1px 0px; }
.navbar ul { padding:0px; margin:10px 0 0; }
.navbar ul li { display: inline; float:left; list-style-type:none; position:relative; }
.navbar ul li:hover a { background:#007ac3; color:#fff; }
.navbar ul li a { color:#007ac3; padding:8px 9px; text-decoration:none; }
.navbar ul li a:hover { background:#007ac3; color:#fff; }
.navbar .nav .parent { z-index:99; }
.navbar .nav .parent:hover > ul { display:block; }
.navbar .nav .parent ul { display: none; position: absolute; width: 100%; top:15px; left: 0; padding:0; }
.navbar .nav .parent ul li { margin-bottom: 0px; width:100%; padding:0; }
.navbar .nav .parent ul li:first-child { display:block; }
.navbar .nav .parent ul li a { background: #007ac3; border-bottom: 1px dotted #eaeaea; filter: none; display: block; line-height: 120%; color: #FFF; }
.navbar .nav .parent ul li:hover a { background: #fff; color:#007ac3; }

/*****SLIDER SECTION******/
#slider {width:100%; position:relative; clear:both; margin:0px; z-index:1; background:#f8f8f8; overflow:hidden; }
#slider .slidergroup {background-position:center top; background-repeat:no-repeat; height:350px; padding:0px; width:100%; overflow:hidden; color:#fff;}
#slider .slidergroup .slider-1 {background:url(../images/slide01.jpg) center top no-repeat;}
#slider .slidergroup .slider-2 {background:url(../images/slide02.jpg) center top no-repeat;}
#slider .slidergroup .slider-3 {background:url(../images/slide03.jpg) center top no-repeat;}
#slider .slidergroup .slideritem div {width:960px; margin:50px auto;}
#slider .slidergroup .slideritem {height:350px; width:100% !important;}
#slider .slidergroup .slideritem div h1 {width:600px; margin:0 auto; color:#ffffff; font-size:40px; line-height:44px; margin-left:10px; font-family: 'Maven Pro', sans-serif; /* background:rgba(163, 189, 7, 0.75);*/ padding:20px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }

#slider .pagebanner { background-position:center top; background-repeat:no-repeat; height:241px; padding:0px; width:100%; position:relative;}
#slider .pagebanner h2 { font-size:2.5em; line-height:1em; font-weight:500; width:320px; margin:0 auto auto; text-align:center; position:relative; top:70px; height:70px; display:block; color:#ffffff; padding:0 600px 0 60px; text-indent:-1.5em;/*text-shadow: 2px 2px 10px rgba(0,0,0,.35);*/}
#slider .pagebanner h2:before { font:45px/.5em "Trebuchet MS", Arial, Helvetica, sans-serif; content:"“"; position:relative; top:5px; left:-3px; color:rgba(255,255,255,.35); }
#slider .pagebanner h2:after { font:45px/.5em "Trebuchet MS", Arial, Helvetica, sans-serif; content:"”"; position:relative; top:5px; left:0px; color:rgba(255,255,255,.35); }
#slider .pagebanner ul, #banner div p {width:320px; padding:0 0 0 640px; margin:0 auto; display:block;list-style:none; position:relative; top:-45px; color:#ffffff; font-size: 1.2em; font-weight:500;}
#slider .pagebanner ul li {}
#slider .pagebanner ul li a, #banner div ul li a:visited {line-height:1em;font-weight:500;background:url(../images/module-plus-blue.gif) no-repeat 0px 2px;padding:0.4em 10px 0.4em 30px;text-decoration:none;color:#ffffff;display:block;}
#slider .pagebanner ul li a:hover {color:#58595B;}

/*****MISSION SECTION******/
#mission {width:100%; position:relative; background:#f8f8f8; height:255px; border-bottom:1px solid #e3e3e3;}
#mission .column { position:relative; width:300px; height: 220px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; }
#mission .column h3 {margin:0px; background:url(../images/col_header_bg.png) center top no-repeat; height:55px; font-family: 'Maven Pro', sans-serif; font-size:20px; padding:10px 0px 0px; text-align:center; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
#mission .column .custom { padding:0px 20px; }
#mission .column p {font-family:'Maven Pro', sans-serif; color:#fff; font-size:15px; margin:0px 0px 10px; }
#mission .column ul { position:absolute; bottom:25px; margin:0px; padding:0px; }
#mission .column li {margin:0px; list-style-type:none; /* background:url(../images/checked.png) left top no-repeat; padding-left:28px; height:22px;*/ background-size:18px; font-size:14px; color:#fff; }
#mission .column li a { background: #fff; color:#333; padding:6px 10px; }

.mission-bar { margin:0; margin-bottom:10px; overflow:auto; }


.arrow_box {
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 6px;
	left: 50%;
	margin-left: -6px;
}
.arrow_box:before {
	border-color: rgba(102, 102, 102, 0);
	border-bottom-color: #ddd;
	border-width: 7px;
	left: 50%;
	margin-left: -7px;
}

/*****CONTENT SECTION******/
#content {position:relative; border-bottom:1px solid #e3e3e3;}
.left_column {position:relative; width:620px; margin:20px 20px 20px 0px; float:left; }
.left_column .profile_item { position:relative; overflow:auto; }
.left_column .profile_item .img-profile { width:30%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; float:left; }
.left_column .profile_item .img-profile img { width:150px; height:150px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; border:2px solid #099dca; }
.left_column .profile_item .profile_text { float:left; border-bottom:1px dotted #eaeaea; width:70%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.left_column .moduletable h3 { margin:0px; font-size:20px; margin-bottom:10px; font-weight:bold !important; }
.left_column h2 { margin:0px 0px 20px; font-size:30px; font-weight:bold !important; }
.left_column h2 a { color:#099dca; text-decoration:none; }
.right_column { position;relative; width:300px; margin:20px 0px 0px; float:left; padding-bottom:20px; }
.row { overflow:auto; position:relative; background:#d9ebf9; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; behavior: url('../js/PIE.htc'); }
.row h3 {margin:0px; font-family: 'Maven Pro', sans-serif; font-size:20px !important; padding:6px 0px; text-align:center; background:#007ac3; color:#fff; border-bottom:1px solid #fff; font-weight:bold !important; }
.row p {padding:0px 10px; color:#333; font-size:12px;}
.row a {padding:4px 10px; background:#007ac3; color:#fff; text-decoration:none; font-size:12px; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
.btn-cal { width:80px; padding:4px 10px; background:#a3bd07; color:#fff; font-size:12px; font-weight:bold; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin:5px auto; }
.row a.viewbtn { float:right; }
.kelas a { padding:0px; background:none; border-radius:0px; }
.kelas img { width:100%; }

/*
ul.procedures-list { overflow:auto; padding:0px; margin:0px; }
.procedures-list li { list-style-type:none; }
.procedures-list li a { margin:0 4px 4px 0; padding: 4px 6px; color:#007ac3; }
.procedures-list li a:hover { background:#007ac3; color:#fff; }*/
ul.procedures-list { padding:0px; margin:0px; padding-left: 15px; text-transform:uppercase; font-weight:bold; font-size:13px; }
.procedures-list li a { color:#007ac3; }
.procedures-list li a:hover { color:#333; }
.multi_col { -moz-column-gap:25px; -webkit-column-gap:40px; column-gap:40px; -moz-column-count:3; -webkit-column-count:3; column-count:3; } 


.pnprof { overflow:auto; margin-bottom:10px; background:#d9ebf9; padding:20px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px;  }
.pnprof .pnpic h1 { margin:0 10px 0 0; width:30%; background:#ffffff url(../images/peternottle.png) no-repeat; background-position:center center; background-size:100%; display:block; text-indent:-9999px; height:158px; float:left; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
.pnprof .profintro { float:left; width:68%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.pnprof .profintro p { margin:0 0 10px; }
.pnprof .readmore a { float:left; display:block; background:#007ac3; color:#fff; padding:6px 8px; }

/*****FOOTER SECTION******/
#footer {width:100%; position:relative; margin-bottom:20px; padding-bottom:30px;}
.footermenu {width:70%;}
.footermenu ul{ margin:0px; padding:0px;}
.footermenu ul li {display:inline-block; list-style-type:none; padding: 4px 10px; border-right:1px solid #e3e3e3;}
.footermenu ul li:last-child {border:none;}
.footermenu ul li a {color:#099dca; text-decoration:none;}
.footermenu ul li a:hover {color:#555;}
.copyright {width:30%; text-align:right}

/***EXTENSION HACK***/
.nn_sliders.accordion>.accordion-group .accordion-heading { border-bottom:0; background:#edf8fc; }
.nn_sliders.accordion>.accordion-group .accordion-heading a { color:#099dca; font-weight:bold; }
.nn_sliders.accordion>.accordion-group { margin-bottom:2px; border:0px; border-bottom:1px solid rgba(9,157,202,0.3); border-top:1px solid rgba(9,157,202,0.3); -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; }
h1.firstHeading { margin:0px; font-size:20px; }
#popup #bodyContent p { margin:0; }

.brochures>ul>li { margin-bottom:5px; }
.brochures>ul>li a { padding:4px 0px; border-radius:0px; background:none; color:rgb(0, 122, 195);  }