/**/
/* Custom AddOn */
/**/
@import url('sample_zairi.css');

/**/
/* font */
/**/
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Oswald:400,300);
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
@import url(http://fonts.googleapis.com/css?family=News+Cycle:400,700);

.font{
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
}
.font2{
  font-family: 'Oswald', Arial, Helvetica, sans-serif;
}
.font3{
  font-family: 'Lato', Arial, Helvetica, sans-serif;
}
.font4{
  font-family: 'News Cycle', Arial, Helvetica, sans-serif;
}



/* GLOBALS */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

::selection {
    background: transparent; 
	background-color:#000;
	color:#fff;
}

::-moz-selection {
    background: transparent; 
}

.scrollup{
    position:fixed;
    display:none;
    width:50px;
    height:50px;
    bottom:50px;
    right:50px;
	text-align:center;
	font-size:2.2em;
	line-height:1.6em;
	color:#fff;
    background: url('icon_top.png') no-repeat;
	background-color:#f27669;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
    opacity:0.8;
	filter: alpha(opacity=80);
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	text-shadow: 0px 1px 1px rgba(0,0,0, 0.8);
	z-index:1000;
}
.scrollup:hover{
	color:#fff;
	line-height:1.65em;
	text-decoration:none;
	opacity: 1;
	filter: alpha(opacity=100);
	background-color:#f27669;
}

article.box{
	padding-bottom:50px;
}

article.box .label-titletag{
	background-color:#f27669;
}
article.box .label-titletag i{
	position:relative;
	font-size:2em;
	top:5px;
	line-height:0.1em;
	margin:0;
	padding:0;
}
article.box .label-datetime{
background-color: #333;
}
article.box .label-titletag, article.box .label-datetime{
	display:inline-block;
	margin-bottom:10px;
	padding: 5px 8px;
	font-size:0.7em;
	text-transform: uppercase;
	font-weight:400;
	letter-spacing: 1px;
	line-height:inherit;
	border-radius: 0em;
}


/**/
/* file inputs */
/**/
.mida-form {
	box-shadow: none;
}
.mida-form fieldset {
	padding: 0;
	background:none;
}
.mida-form section {
	margin-bottom: 0;
}
.mida-form .col {
	padding-right: 0;
	padding-left: 0;
}


/*--Header Area--*/
.navbar-default {
  background-color: #fff;
  border:none;
  border-top:28px solid #ebebeb;
}
.HeaderInfo{
	float:left;
	width:100%;
	height:30px;
	margin:-30px 0 0;
	font-size:0.75em;
	text-transform:uppercase;
	color:#515151;
	letter-spacing:0.05em;
}
.DateTime{
	line-height:30px;
}
.UserOption{
	float:right;
	line-height:30px;
}
	.eServiceLogin a{
		display:block;
		padding:0 10px 0 22px;
		color:#515151;
		font-weight:300;
		text-transform:none;
		background:transparent url('../pic/global/icon_global.png') no-repeat 0 5px scroll;
		border-right:1px solid #eb0f2d;
	}
	.eServiceLogin a:hover{
		color:#000;
		text-decoration:none;
		background-position:0 -115px;
	}

.navbar .container {
}
.MidaIdentity{
	float:left;
	width:100%;
	margin:18px 0;
	background-color:#;
}
.navbar-brand {
	position:relative;
	float: left;
	width:15%;
	height:50px;
	margin:0 0px 0 0;
	padding: 18px 0;
	font-size: 18px;
	line-height: 20px;
	overflow:hidden;
}
.navbar-brand img.r-img{
	position:absolute ;
	max-width: 90%;
	top: 0%;
	left: 0%;
}

span.MidaTagline{
	position:relative;
	float:left;
	width:25%;
	margin:0 0 0 0px;
	height:50px;
	overflow:hidden;
}


span.MidaTagline img.r-img{
	position:absolute;
	max-width: 100%;
	top: 0%;
	left: 0%;
}


span.MidaTagline p{
	display:block;
	margin:0;
	padding:0;
	line-height:16px;
}
.navbar-brand:hover,
.navbar-brand:focus {
	text-decoration: none;
}

.JataNegara{
	position:relative;
	width:6.5%;
	height:58px;
}

.JataNegara img.r-img{
	position:absolute;
	max-width: 90%;
	top: 0%;
	right: 0%;
}

/*--Search Box--*/
  .is-vishidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  padding: 0;
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
}

.pattern {
	width:;
	margin:10px 0 0;
	padding:0 0 0;
}
.f {
   position: relative;
}

.pattern input {
  display: block;
  border: 1px solid #a1a1a1;
}

.pattern input[type=search] {
    width: 100%;
    padding: 0.4em;
    padding-right: 7em;
	background-color:#;
    position: relative;
   top: 0;
}

.pattern input[type=submit] {
  position: absolute;
  right: 0em;
  top: 0em;
  bottom: 0em;
  z-index: 1;
  width: 6em;
  padding: 0;
  cursor: pointer;
  color:#fff;
  text-transform:uppercase;
  font-weight:300;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color:#eb0f2d;
}

/*--Main Navigation--*/
ul.MidaMainNav{
	/*font-size:0.9em;*/
	font-size:10px;
	font-weight:700;
	text-transform:uppercase;
}
ul.MidaMainNav li{
	border-left:1px solid #959595;
}
ul.MidaMainNav li:first-child{
	border-left:none;
}


/*--Ticker Area--*/
.tickerwrapper{
	width:100%;
}

.RSS{
	position:relative;
	width:6%;
	height:34px;
	text-indent:-9999px;
	background-color:#fc5720;
}
.RSS a{
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#fc5720;
}
.RSS a:hover{
	background-color:#ed521e;
}

.RSS img.r-img{
	position:absolute ;
	max-width: 80%;
	top: 0%;
	left: 0%;
}

.RSS img.r-img:empty{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/*--Slider and Accordion Area--*/
.SliderAccordion{
	margin:15px 0;
}
.SliderAccordion .col-lg-8, .SliderAccordion .col-md-9, .SliderAccordion .col-xs-12,
.SliderAccordion .col-lg-4, .SliderAccordion .col-md-3{
	padding:0;
}






/*--Footer Navigation--*/
ul.FooterNavi{
	float:left;
	background-color:#;
	margin-left:-10px;

	
}
ul.FooterNavi li{
	float:left;
	margin:0;
	padding:0px 10px;
	list-style:none;
	border-left:1px solid #a1a1a1;
}
ul.FooterNavi li:first-child{
	border-left:none;
}
ul.FooterNavi li a{
	color:#777777;
	font-size:0.9em;
	opacity: 0.8;
	filter: alpha(opacity=80);
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	
}
ul.FooterNavi li a:hover{
	text-decoration:none;
	opacity: 1;
	filter: alpha(opacity=100);
}

/*--Copyright--*/
.Copyright{
	margin:10px 0 0px;
	padding:15px 15px 5px;
	color:#777777;
	border-top:1px solid #a1a1a1;
}
.Copyright small{
	display:block;
	margin:5px 0;
}

/*--Website Status--*/
.SiteStatus{
	margin:0 0 15px;
	font-size:0.8em;
	color:#777777;
}
.SiteStatus .col-md-6{
	padding:15px 15px 0;
}
.UpdateLog{
}
.VisitCount{
	text-align:right;
}

/*--Breadcrumb--*/
.breadcrumb {
	padding: 8px 15px;
	margin-bottom: 20px;
	list-style: none;
	background-color: #fff;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-bottom:1px solid #a1a1a1;
}
.breadcrumb > li a {
	color:#666;
	font-weight:300;
}

.breadcrumb > .active {
	color: #eb0f2d;
	font-weight:700;
}

/*--Content | Primary - Elements--*/
.ContentPrimary{
	font-size:1.3em;
	font-weight:300;
}

.ContentPrimary h1{
	font-family: 'News Cycle', Arial, Helvetica, sans-serif;
	/*text-transform:capitalize;*/
	color:#f27669;
	font-size:2.4em;
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.ContentPrimary em{
	display:block;
	font-family: 'PT Sans', Arial, Helvetica, sans-serif;
	color:#959595;
	font-size:1.1em;
	font-weight:400;
	margin:0 0 35px;
	background-color:#;
}

.ContentPrimary #MainInfo blockquote{
	width:40%;
	margin:10px;
	padding:15px;
	color:#fff;
	font-size:1.4em;
	font-weight:300;
	border:none;
	background-color:#f27669;
}
.ContentPrimary #MainInfo blockquote h1, .ContentPrimary #MainInfo blockquote h2, .ContentPrimary #MainInfo blockquote h3, .ContentPrimary #MainInfo blockquote h4, .ContentPrimary #MainInfo blockquote h5, .ContentPrimary #MainInfo blockquote h6{
	margin:0 0 0.5em;
	padding:0 0 0.5em;
	border-bottom:1px solid #fff;
}
	body#Testimonial .ContentPrimary #MainInfo blockquote{
		width:100%;
		padding:15px 25px;
		color:#f27669;
		font-size:1.6em;
		background-color:#fff;
	}

.ContentPrimary #MainInfo img{
}

.ContentPrimary #MainInfo .Photo{
	position:relative;
	float:left;
	width:100%;
	margin-bottom: 10px;
}
.ContentPrimary #MainInfo .Map{
	margin-bottom: 20px;
}

.ContentPrimary #MainInfo .PhotoFixed{
	position:relative;
	float:left;
	width:50%;
	margin:0 15px 15px 0;
}

.ContentPrimary #MainInfo .Photo>span, .ContentPrimary #MainInfo .PhotoFixed>span{
	position:absolute;
	float:left;
	display:block;
	padding:8px;
	bottom:15px;
	left:15px;
	right:15px;
	color:#fff;
	font-weight:300;
	background-color:#000;
	opacity: 0.6;
	filter: alpha(opacity=60);
	z-index:1;
}

.ContentPrimary #MainInfo ul.List, .ContentPrimary #MainInfo ol.List{
	margin:10px 0 10px 20px; /*--abner hohoho--*/
}
.ContentPrimary #MainInfo ul.List + ul.List, .ContentPrimary #MainInfo ul.List + ol.List, .ContentPrimary #MainInfo ol.List + ol.List{
	padding:10px 0 0;
	border-top: 1px solid rgba(0,0,0,.1);
}

.ContentPrimary #MainInfo ul.List li > ul.List{

}


/*--Content | Tag Keywords--*/
/*--Calendar Information List--*/
#Calendar{
	margin-bottom:50px;
	border-bottom:5px solid #f27669;
}
#Calendar dl.InfoList {
	float:left;
	margin:20px 0;
}
#Calendar dl.InfoList dt {
	float:left;
	margin:10px 0;
	font-size:1.2em;
	font-weight: 400;
	color: #000;
  	text-transform: uppercase;
}
#Calendar dl.InfoList dd {
	float:left;
	width:100%;
	padding: 10px 0 5px;
	font-weight:300;
	color:#363636;
	border-bottom: 1px solid #a1a1a1;
}
#Calendar dl.InfoList dd ul.List, #Calendar dl.InfoList dd p{
	font-size:0.9em;
}
#Calendar dl.InfoList dd span.badge{
	float:left;
	margin-right:10px;
	padding: 7px;
	font-size: 12px;
	text-transform:uppercasex;
	line-height: inherit;
	border-radius: 0;
	overflow:hidden;
}
#Calendar dl.InfoList dd span.label-primary{
	background-color:#f27669;
}
#Calendar dl.InfoList dd span.label-success{
	background-color:#5cb85c;
}
#Calendar dl.InfoList dd span.label-info{
	background-color:#f0ad4e;
}
#Calendar dl.InfoList dd .EventTitle{
	float:left;
	width:85%;
}

/*--Content | Tag Keywords--*/
#TagInfo{
	margin:15px 0;
}
#TagInfo a{
	color:#f27669;
}
#TagInfo a:hover{
	color:#fff;
	text-decoration:none;
	background-color:#f27669;
}

/*--Content | Note--*/
#Note{
	margin:15px 0;
}
#Note.Source{
}
#Note.Source strong{
	color:#068894;
}

#Note{
	margin:15px 0;
}
#Note.Warning{
}
#Note.Warning strong{
	color:#f27669;
}

#Note{
	margin:15px 0;
}
#Note.Legend{
}
#Note.Legend strong{
	color:#00ac65;
}

/*--eServices--*/
#eservice-container{
	float:left;
	margin:15px 0 50px;
	background-color:#e1e1e1;
}
#eservice-container .tab-content{
	padding-bottom:15px;
	font-size:1.2em;
	background-color:#e1e1e1;
}
#eservice #tab1 { 
	background-color: #555;
}
#eservice #tab2 { 
	background-color: #707070;
}
#eservice #tab3 {
	background-color: #898989;
}
#eservice #tab4 {
	background-color: #a1a1a1;
}
#eservice #tab5 {
	background-color: #b7b7b7;
}
#eservice #tab6 {
	background-color: #ccc;
}
#eservice #tab7 {
	background-color: #d7d7d7;
}
#eservice #tab8 {
	background-color: #e1e1e1;
}

#eservice.nav-pills > li > a{
	height:70px;
	border-radius: 0;
}
#eservice.nav-pills > li.active > a{
	background-color:#e1e1e1;
}
#eservice.nav-pills > li > a:hover{
	background-color:#c2c2c2;
}
#eservice.nav-pills > li > a:hover p{
	color:#000;
}


#eservice h2{
	color:#000;
	font-size:21px;
	line-height:11px;
}
#eservice p{
	color:#fff;
}

#eservice span{
	font-size:3em;
	float:left;
	margin:5px 0 0;
	padding:0 0;
	color:#000;
	text-align:center;
	font-weight:300;
}




/*--Content | Previous Next Section--*/
#PrevNext{
	margin:50px 0;
	border-top:1px solid #a1a1a1;
	border-bottom:1px solid #a1a1a1;
}
#PrevNext>.col-md-6{
	padding:25px 15px 30px;
}
#PrevNext>.col-md-12{
	clear:both;
}
#PrevNext p{
	margin:0;
	padding:0;
	color:#a1a1a1;
	font-size:0.7em;
	font-weight:400;
	text-transform:uppercase;
}
#PrevNext h4{
	margin:0;
	padding:0;
}
	.Borderline{
		border-left:1px solid #a1a1a1;
	}
	.FlushRight{
		float:right;
		text-align:right;
	}
	.FlushLeft{
		float:left;
		margin:10px 0 0;
	}


/*--Content | Additional Information--*/
#AdditionalInfo{
	padding:15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #a1a1a1;
}
#AdditionalInfo ul{
	font-size:0.8em;
	font-weight:300;
}
#AdditionalInfo ul li{
	margin: 0 0 15px;
	padding-left:1em;
	text-indent:-1.1em;
	line-height:1.4em;
	list-style:none;
}
#AdditionalInfo ul li:before {
  color:#f27669; /* set color to red */
  content:"\2022"; /* /2022 is the numerical unicode for • */
  font-size:1.5em; /* set the font-size of the bullet if necessary. Make sure to use em or %*/
  padding-right:0.25em; /* give the bullet some padding from the text Make sure to use em*/
  position:relative;
  top:0.1em; /* set the vertical position of the bullet if necessary. Make sure to use em or % */
}
#AdditionalInfo h4{
	margin:10px 0;
	padding:10px 0 10px;
	font-size:0.9em;
	line-height:;
	font-weight:700;
	text-transform:uppercase;
	border-bottom:5px solid #f27669;
}
#AdditionalInfo h5{
	font-size:1em;
	color:#000;
	font-weight:300;
}
#AdditionalInfo span{
	font-size:1.8em;
	float:left;
	margin:12px 2px 0 0;
	padding:0 0;
	color:#a1a1a1;
}
	#AdditionalInfo span.badge{
		font-size:15px;
		float:none;
		margin:0;
		padding:5px 12px;
		color:#fff;
		font-weight:300;
		border-radius:15px;
	}
#AdditionalInfo p{
	font-size:0.8em;
}
#AdditionalInfo small{
	font-size:0.6em;
	color:#959595;
}
#AdditionalInfo address{
	width:100%;
	font-size:0.9em;
	margin-bottom:10px;
}
#AdditionalInfo address + address {
	padding:5px 0;
	border-top: 1px solid #a1a1a1;
}

#AdditionalInfo .EventStatus{
	padding:10px;
	text-align:center;
	color:#fff;
}
#AdditionalInfo .EventStatus h2{
	margin:0;
	text-shadow: 0px 2px 2px rgba(50,50,50, 0.8);
}
#AdditionalInfo .EventStatus em{
	margin:0;
	font-size:0.8em;
	color:#fff;
	font-style:normal;
}

#AdditionalInfo .Note{
	padding:10px;
	font-size:0.7em;
	background-color:#e6e6e6;
}


/*--Content | Additional Information | User Page Settings--*/

/*--Button - General and Color Setting--*/
#AdditionalInfo > .UserAction button{
	position: relative;
	display: inline-block;
	margin:0;
	padding:0 5px;
	height: 29px;
	overflow: hidden;
	outline: none;
	border: 0;
	font-size: 20px;
	line-height: 19px;
	font-weight: 400;
	text-decoration: none;
	text-shadow: none;
	color: #a1a1a1;
	cursor: pointer;
	background-color: #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#AdditionalInfo > .UserAction button:hover{
	color:#fff;
	background-color:#a1a1a1;
}
#AdditionalInfo > .UserAction button.Left{
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
}
#AdditionalInfo > .UserAction button.Right{
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-left:1px solid #fff;
}
#AdditionalInfo > .UserAction button.Center{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-left:1px solid #fff;
}
#AdditionalInfo > .UserAction i.ColorOpt1{
	color:#f00;
}
#AdditionalInfo > .UserAction i.ColorOpt2{
	color:#0f0;
}
#AdditionalInfo > .UserAction i.ColorOpt3{
	color:#369;
}

/*--Address Style--*/

#AdditionalInfo .Address{
	background-color:#;
	margin:15px 0;
}
#AdditionalInfo .Address h5{
	text-transform:uppercase;
	border-bottom:0;
}
#AdditionalInfo .Address address{
	font-size:0.7em;
	line-height:1.2em;
}
#AdditionalInfo .Address hr{
	margin:5px 0;
}

/*--Information List--*/

#AdditionalInfo dl.InfoList {
	font-size:0.8em;
}
#AdditionalInfo dl.InfoList dt {
	font-weight: 700;
	color: #a1a1a1;
text-transform: uppercase;
}
#AdditionalInfo dl.InfoList dd {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #a1a1a1;
}

/*--Content | Grid List - Testimonial--*/
.GridList{
}
.ContentPrimary #MainInfo .GridList ul{
	margin:10px 0;
	float:left;
}
.GridList > ul li{
	position:relative;
	float:left;
	list-style:none;
}
.GridList > ul li span{
	position:absolute;
	float:left;
	display:block;
	padding:8px;
	top:0px;
	left:15px;
	font-size:15px;
	color:#fff;
	background-color:#000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.GridList > ul li.col-xs-6 span{
	max-width:80%;
}


.GridList > ul li inline{
	position:absolute;
	float:left;
	display:block;
	padding:8px;
	top:0px;
	left:15px;
	font-size:15px;
	color:#fff;
	background-color:#000;
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.GridList > ul li.col-xs-6 inline{
	max-width:80%;
}


.GridList > ul li img{
	margin-bottom:20px;
}


#RelatedInfo{
	font-size:0.9em;
}
#RelatedInfo h5{
	display:inline-block;
	margin-bottom:0;
	padding:5px;
	color:#fff;
	font-size:0.7em;
	letter-spacing:1px;
	text-transform:uppercase;
	background-color:#f27669;
}
#RelatedInfo i{
	font-size:1.5em;
	float:left;
	margin:0px 2px 0 0;
	padding:0 0;
	color:#a1a1a1;
}
#RelatedInfo em{
	margin:0;
	color:#;
}
#RelatedInfo .ImgBox{
	height:200px;
	overflow:hidden;
}
#RelatedInfo .ImgBox img{
	overflow:hidden;
	z-index:5;
}


/*--MIDA Media Heading--*/
/*--Used in Media Room--*/

.mediaroom .media + .media{
	margin-top:25px;
	padding-top:25px;
	border-top:1px solid #ddd;
}
.mediaroom .media h4{
	color:#000;
	font-weight:700;
}
.mediaroom .media h4 a{
}
.mediaroom .media a img{ /*--abner--*/
	margin:0 !important;
}



/*--Used in Media Room - Photo--*/
#mediaroom-photo-thumbs h4{
	font-size:1em;
	margin-top:10px;
}
#mediaroom-photo-thumbs h5{
	display:inline-block;
	margin-bottom:0;
	padding:5px;
	color:#fff;
	font-size:0.6em;
	letter-spacing:1px;
	text-transform:uppercase;
	background-color:#f27669;
}
#mediaroom-photo-thumbs .thumbnail{
	height:360px;
	margin-bottom:25px;
	border: 1px solid #a1a1a1;
	overflow:hidden;
}

/*--Used in Media Room - Photo Gallery--*/
#mediaroom-photo-thumbs .thumbnail .thb-wrapper{
	position:relative;
}
#mediaroom-photo-thumbs .thumbnail span{
	position:absolute;
	display:block;
	width:36px;
	height:36px;
	margin:0;
	padding:0px;
	top:0;
	right:0;
	text-align:center;
	background-color:#000;
}
#mediaroom-photo-thumbs .thumbnail span i{
	color:#fff;
	font-size:28px;
	line-height:36px;
}


#mediaroom-photo-thumbs .thumbnail inline{
	position:absolute;
	display:block;
	width:36px;
	height:36px;
	margin:0;
	padding:0px;
	top:0;
	right:0;
	text-align:center;
	background-color:#000;
}
#mediaroom-photo-thumbs .thumbnail inline i{
	color:#fff;
	font-size:28px;
	line-height:36px;
}



#mediaroom-photo-thumbs .thumbnail img{
	min-height:150px;
	xmax-height:150px;
	overflow:hidden;
	z-index:10;
}
#mediaroom-photo-thumbs p{
	font-size:0.9em;
	line-height:1.1em;
}


#mediaroom-photogallery-thumbs .NewsGallery{
	float:left;
	width:;
}
#mediaroom-photogallery-thumbs .NewsGallery > ul.ListGallery{
	float:left;
	margin:0 8px 15px;
	padding:0;
}
#mediaroom-photogallery-thumbs .NewsGallery > ul.ListGallery li{
	float:left;
	width:60px;
	height:60px;
	margin:0 5px 10px;
	padding:0;
	list-style:none;
}


#mediaroom-photogallery-thumbs .NewsGallery > ul.ListGallery li a img, .NewsGallery > ul.ListGallery li a{
	float: left;
	border: none;
}
#mediaroom-photogallery-thumbs .NewsGallery > ul.ListGallery li a{
	margin: 3px;
}
#mediaroom-photogallery-thumbs .NewsGallery > ul.ListGallery li a:hover{
	outline: 3px solid #f27669;
}

	

/*--MIDA Panel--*/
/*--Used in FAQs, Forms--*/

.panel-list{
}
.panel-list .panel + .panel{
	margin-top:50px;
}
.panel-list .panel-info {
border-color: #ddd;
}
.panel-list .panel-info > .panel-heading {
color: #000;
background-color: #ddd;
border-color: #ddd;
}
.panel-list .panel-info > .panel-heading .badge {
min-width:inherit;
margin:0 10px 0 0;
padding: 9px 11px;
font-weight: 300;
text-transform:uppercase;
font-size:15px;
color: #fff;
background-color: #f27669;
border-radius: 25px;
}

.panel-list .panel-body + ol.list-group{
	border-top:1px solid #ddd;
}
.panel-list ol, .panel-list ul{
	font-size:0.9em;
}
.panel-list ol em, .panel-list ul em{
	font-size:0.9em;
	font-weight:300;
}
.panel-list ol, .panel-list ul {
padding-left:40px;
}
.panel-list ol li + ul li {
	padding:0 40px;
}

.panel-list .list-group-item {
display:list-item;
padding: 10px 15px 10px 20px;
border:none;
}
.panel-list ol.list-group li.list-group-item + ul.list-group {
	list-style-type:lower-roman;
	padding:0 40px;
}

.panel-list .badge {
min-width: 120px;
margin-left:40px;
padding: 7px 7px;
font-weight: 300;
text-transform:uppercase;
color: #fff;
text-align: center;
background-color: #f27669;
border-radius: 12px;
}
.panel-list .badge a{
	margin:0;
	padding:7px;
	color:#fff;
}
.panel-list .badge a:hover{
	font-weight:400;
}


/*--MIDA Table--*/
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #ebebeb;
}

.table-mida{
	font-weight:300;
}
.table-mida th{
}

.table-mida em{
	margin:0;
	font-size:0.9em;
	color:#fff;
}
.table-mida .header-center{
	text-align:center;
	color:#;
	background-color:#e9662c;
	color:#fff;
	font-style: italic;
	font-weight:300;
}
.table-mida .price{
	text-align:right;
	font-weight:400;
	padding-left:30px;
}

 
/*--MIDA Media Heading and Description--*/
/*--Used in Related Links--*/

.relatedlink .media + .media{
	margin-top:25px;
	padding-top:25px;
	border-top:1px solid #ddd;
}
.relatedlink .media img.media-object{
	width:128px;
	height:128px;
}

.relatedlink .media h4{
	color:#000;
	font-size:1em;
	font-weight:700;
}
.relatedlink .media p{
	margin-bottom:0;
	font-size:0.9em;
	line-height:1.1em;
}
.relatedlink .media a i{
	position:relative;
	font-size:1.4em;
	top:6px;
}
.relatedlink .media a{
	font-size:0.9em;
}
.relatedlink .media a img{ /*--abner--*/
	margin:0 !important;
}

/*--MIDA Button--*/

/* General button style (reset) */
.MIDA-btn {
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 10px 40px;
	display: inline-block;
	margin: 0px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 300;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.MIDA-btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.MIDA-btn-left{
	float:left;
}
.MIDA-btn-right{
	float:right;
	margin:0 0 10px;
}

/* Button MainInfo Previous and Next */
.MIDA-btn-prevnext {
	color: #fff;
	box-shadow: 0 6px #c76358;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	background: #f27669;
}
.MIDA-btn-react {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.MIDA-btn-react:hover {
	box-shadow: 0 4px #c76358;
	top: 2px;
}

.MIDA-btn-react:active {
	box-shadow: 0 0 #c76358;
	top: 6px;
}
.MIDA-btn-disable{
	color: #959595;
	box-shadow: 0 6px #acacac;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	background: #d7d7d7;
	cursor:default;
}
.MIDA-btn-disable:hover {
	box-shadow: 0 6px #acacac;
	top: 0px;
}

.button-MIDA-normal {
position: relative;
display: inline-block;
height: 29px;
overflow: hidden;
margin: 0;
padding: 0 20px;
outline: none;
border: 0;
font-size: 12px;
line-height: 19px;
font-weight: 300;
text-decoration: none;
text-shadow: 0px 1px 1px rgba(255,255,255, 0.8);
color: #fff;
cursor: pointer;
opacity: 0.6;
filter: alpha(opacity=60);
transition: opacity 0.2s;
-o-transition: opacity 0.2s;
-ms-transition: opacity 0.2s;
-moz-transition: opacity 0.2s;
-webkit-transition: opacity 0.2s;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
background-color: #000;
z-index: 50;
}
	.button-MIDA-normal-left {
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	}
	.button-MIDA-normal-right {
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-left:1px solid #fff;
	}

.button-MIDA-normal:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}

/*--Button Download--*/
.btn-dload-pdf i{
	position:relative;
	top:9px;
	font-size:35px;
}
.btn-dload-pdf {
padding:0 12px;
color: #ffffff;
line-height:50px;
background-color: #068894;
border-color: #357ebd;
}
.btn-dload-pdf:hover {
color:#fff;
text-decoration:none;
background-color:#066770;
border-color: #055a62;
}



.btn-mida-primary{
	color:#f27669;
	background-color:#fff;
	border:2px solid #f27669;
}
.btn-mida-primary:hover{
	color:#fff;
	background-color:#f27669;
}
.btn-mida-primary i{
	position:relative;
	top:0.1em;
}

/*--Show Hide Navigation Style--*/
/*--Mostly used in Panel Body--*/
.ShowHide{
}

.ShowHide a{
	margin-left:10px;
	padding-left:10px;
	border-left:1px solid #428bca;
}
.ShowHide a:first-child{
	border-left:none;
}

/*--External Browser--*/
#External{
	background-color:#fff;
	border-bottom:1px solid #a1a1a1;
}

#External>.container>.row>.BrowseInfo{
	padding:20px 0;
	text-align:right;
}
#External>.container>.row>.Exit{
	margin:8px 0 0;
	padding:;
	text-align:center;
	color:#fff;
}
#External>.container>.row>.Exit a{
	display:block;
	font-size:5em;
	margin:0;
	padding:6px 10px 12px;
	line-height:0.6em;
	text-align:center;
	color:#fff;
	background-color:#f27669;
    opacity:0.8;
	filter: alpha(opacity=80);
	transition: opacity 0.2s;
	-o-transition: opacity 0.2s;
	-ms-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	-webkit-transition: opacity 0.2s;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-shadow: 0px 1px 1px rgba(0,0,0, 0.8);
}
#External>.container>.row>.Exit a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
}

/*--Organization Chart 1--*/
.orgchart{
	background-color:#;
}

.orgchart ul.BoardList{
	float:left;
	list-style:none;
}
.orgchart ul.BoardList li{
	float:left;
	margin:10px 0;
	overflow:hidden;
}


.orgchart .thumbnailorg {
	display: inline-block;
	display: block;
	height: auto;
	max-width: 100%;
	padding-bottom:10px;

	background-color: #e1e1e1;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-top-right-radius: 0;
	-khtml-border-bottom-right-radius: 5px;

	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-top-left-radius: 0;
	-khtml-border-bottom-left-radius: 5px;
}
	.orgchart .execdir{
		height:500px;
	}
	.orgchart .independent{
		height:250px;
	}
	
.orgchart .thumbnailorg .caption{
	padding:0 10px;
}

.orgchart .thumbnailorg img + .caption{
	margin-top:10px;
}


.orgchart .thumbnailorgboard {
	display: inline-block;
	display: block;
	height: auto;
	max-width: 100%;
	padding-bottom:10px;

	background-color: #e1e1e1;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;

	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 5px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 5px;
	-khtml-border-top-right-radius: 0;
	-khtml-border-bottom-right-radius: 5px;

	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-top-left-radius: 0;
	-khtml-border-bottom-left-radius: 5px;
}
	.orgchart .execdir{
		height:500px;
	}
	.orgchart .independent{
		height:250px;
	}
	
.orgchart .thumbnailorgboard .caption{
	padding:0 10px;
}

.orgchart .thumbnailorgboard img + .caption{
	margin-top:10px;
}

.orgchart .thumbnailorgboard h4{
	margin:0;
	font-size:0.9em;
	font-weight:700;
	min-height:55px;
}

.orgchart .thumbnailorg h4{
	margin:0;
	font-size:0.9em;
	font-weight:700;
	min-height:40px;
}
.orgchart .thumbnailorg h5{
	margin:0;
	font-size:0.9em;
	font-weight:300;
	font-style:italic;
}
.orgchart .thumbnailorg h6{
	margin:5px 0;
	padding:5px 0;
	font-size:0.7em;
	font-weight:300;
	border-top:1px dashed #555;
	border-bottom:1px dashed #555;
}
.orgchart .thumbnailorg p{
	margin:0;
	line-height:1em;
	font-size:0.9em;
}
.orgchart ul.BoardList li ul.boardlistlink{
	background-color:#;
	margin-bottom:10px;
}
.orgchart ul.BoardList li ul.boardlistlink > li{
	float:none;
	margin:5px 0 5px 20px;

	list-style-type:circle;
	font-size:0.7em;
	overflow:visible;
	background-color:#;
}


@media only screen and (min-width: 1024px) {
 
 /*--Header Area--*/
 .JataNegara img.r-img {
      max-width: 90%;
  }
.navbar-brand {
	width:175px;
  }

.JataNegara {
	width:75px;
  }
  
/*--Search Box--*/
.f {
   width:150%;
}

/*--Ticker Area--*/
 .RSS img.r-img {
      max-width: 90%;
  }





}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

/*--Header Area--*/
.navbar-brand {
	width:175px;
  }
 span.MidaTagline{
	 width:300px;
  }
.JataNegara {
	width:75px;
  }
.JataNegara img.r-img {
      max-width: 90%;
  }


/*--Ticker Area--*/
.modern-ticker{
	width:90%;
}
.RSS{
	width:10%;
}
.RSS img.r-img{
      max-width: 90%;
  }

/*--Slider and Accordion Area--*/
.col-md-8{
	width:65%;
	padding-right:0;
	padding-left:0;
	overflow:hidden;
}
.col-md-4{
	width:35%;
	padding-right:0;
	padding-left:0;
}

/*--Website Status--*/
.SiteStatus .col-md-6{
	text-align:;
	padding:0 15px;
}


.scrollup{
    bottom:20px;
    right:20px;
}

}

@media only screen and (min-width: 768px) and (max-width: 992px) {

/*--Slider and Accordion Area--*/
.col-md-8{
	width:100%;
	overflow:hidden;
}
.col-md-4{
	width:100%;
}

}


@media only screen and (min-width: 401px) and (max-width: 767px) {

/*--Header Area--*/
.navbar-brand {
	width:175px;
  }
 span.MidaTagline{
	 width:335px;
  }
.JataNegara {
	display:none;
  }
.JataNegara img.r-img {
      max-width: 90%;
  }

/*--Ticker Area--*/
.modern-ticker{
	width:90%;
}
.RSS{
	width:10%;
}
.RSS img.r-img{
      max-width: 90%;
  }

/*--Main Navigation--*/
ul.MidaMainNav{
	clear:both;
}

/*--Slider and Accordion Area--*/
.col-md-8{
	padding-right:0;
	padding-left:0;
}
.col-md-4{
	width:100%;
}

/*--Website Status--*/
.SiteStatus .col-md-6{
	text-align:left;
	padding:0 15px;
}


}

@media only screen and (min-width: 320px) and (max-width: 400px) {
 
 /*--Header Area--*/
 .JataNegara img.r-img {
      max-width: 90%;
  }
.navbar-brand {
	width:175px;
  }
 span.MidaTagline, .DateTime{
	 display:none;
  }
.JataNegara {
	width:75px;
  }

/*--Ticker Area--*/
.modern-ticker{
	width:85%;
}
.RSS{
	width:15%;
}
.RSS img.r-img{
      max-width: 90%;
  }

/*--Main Navigation--*/
ul.MidaMainNav{
	clear:both;
}

/*--Slider and Accordion Area--*/
.col-md-8{
	padding-right:0;
	padding-left:0;
}
.col-md-4{
	width:100%;
	padding:0;
}

/*--Website Status--*/
.SiteStatus .col-md-6{
	text-align:left;
	padding:0 15px;
}

.scrollup{
    bottom:5px;
    right:5px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}


}

.GraphWrapper {
	width:100%;
	border:0;
	margin-bottom:0;
	padding-bottom:0;
}

.graphBar {
	height:30px;
	margin:10px 0px 10px 0px;
        color:#fff;
        padding-top:6px;
        padding-left:4px;
	font-size:14px;
}

.textarea-control{
padding-top:10px;
padding-right:0;
font-size:15px;
border:2px solid #e5e5e5;
}



/*--MIDA Media Heading--*/
/*--Used in Media Room--*/

.mediaroom .media + .media{
	margin-top:25px;
	padding-top:25px;
	border-top:1px solid #ddd;
}
.mediaroom .media h4{
	color:#000;
	font-weight:700;
}
.mediaroom .media h4 a{
}
.mediaroom .media a img{ /*--abner--*/
	margin:0 !important;
}



/*--Used in Media Room - Photo--*/
#mediaroom-photo-thumbs h4{
	font-size:1em;
	margin-top:10px;
}
#mediaroom-photo-thumbs h5{
	display:inline-block;
	margin-bottom:0;
	padding:5px;
	color:#fff;
	font-size:0.6em;
	letter-spacing:1px;
	text-transform:uppercase;
	background-color:#f27669;
}
#mediaroom-photo-thumbs .thumbnail{
	height:360px;
	margin-bottom:25px;
	border: 1px solid #a1a1a1;
	overflow:hidden;
}

/*--Used in Media Room - Photo Gallery--*/
#mediaroom-photo-thumbs .thumbnail .thb-wrapper{
	position:relative;
}
#mediaroom-photo-thumbs .thumbnail inline{
	position:absolute;
	display:block;
	width:36px;
	height:36px;
	margin:0;
	padding:0px;
	top:0;
	right:0;
	text-align:center;
	background-color:#000;
}
#mediaroom-photo-thumbs .thumbnail inline i{
	color:#fff;
	font-size:28px;
	line-height:36px;
}

#mediaroom-photo-thumbs .thumbnail img{
	min-height:150px;
	xmax-height:150px;
	overflow:hidden;
	z-index:10;
}
#mediaroom-photo-thumbs p{
	font-size:0.9em;
	line-height:1.1em;
}

<!--Start Zairi Change-->
#mediaroom-photo-thumbs .thumbnailCat{
	xxheight:250px;
	xxoverflow:hidden;
}

#mediaroom-photo-thumbs .thumbnailCat .thb-wrapper{
	position:relative;
	width:100%;
	height:100%;
}
#mediaroom-photo-thumbs .thumbnailCat inline{
	display:block;
	width:100%;
	height:100%;
	margin:0;
	padding:30px 0;
	top:0;
	text-align:center;
	background-color:#f27669;
	margin-bottom:30px;
}
#mediaroom-photo-thumbs .thumbnailCat inline:hover{
	background-color:#c76358;
}
#mediaroom-photo-thumbs .thumbnailCat inline i{
	color:#fff;
	font-size:130px;
	line-height:180px;
}

#mediaroom-photo-thumbs .thumbnailCat inline a{
	display:block;
	font-size:1.3em;
	text-decoration:none;
	color:#fff;
	font-weight:300;
}


#mediaroom-photo-thumbs .thumbnailCat img{
	min-height:150px;

	overflow:hidden;
	z-index:10;
}
#mediaroom-photo-thumbnailCat p{
	font-size:0.9em;
	line-height:1.1em;
}

 

#mediaroom-photogallery-thumbs .NewsGallery{
	float:left;
	width:;
}
#mediaroom-photogallery-thumbs .NewsGallery > ul.ListGallery{
	float:left;
	margin:0 8px 15px;
	padding:0;
}
#mediaroom-photogallery-thumbs .NewsGallery > ul.ListGallery li{
	float:left;
	
	margin:0 5px 10px;
	padding:0;
	list-style:none;
}
#mediaroom-photogallery-thumbs .NewsGallery > ul.ListGallery li a img, .NewsGallery > ul.ListGallery li a{
	float: left;
	border: none;
}
#mediaroom-photogallery-thumbs .NewsGallery > ul.ListGallery li a{
	margin: 3px;
}
#mediaroom-photogallery-thumbs .NewsGallery > ul.ListGallery li a:hover{
	outline: 3px solid #f27669;
}


/*--Content | Additional Information | Sub Category Buttons--*/
#AdditionalInfo ul.SubCat{
	list-style:none;
}
#AdditionalInfo ul.SubCat li{
	margin: 0;
	padding:0;
	text-indent:0;
	line-height:0;
	list-style:none;
	border-bottom:1px solid #e1e1e1;
}
#AdditionalInfo ul.SubCat li:before {
  content:""; /* /2022 is the numerical unicode for &bull; */
}
#AdditionalInfo ul.SubCat li a{
	display:block;
	width:100%;
	height:100%;
	margin:-2px 0 0 0;
	padding:20px;
}
#AdditionalInfo ul.SubCat li a:hover{
	color:#fff;
	text-decoration:none;
}
	#AdditionalInfo ul.SubCat li a.getstart{
		border-left:10px solid #e9662c;
	}
	#AdditionalInfo ul.SubCat li a.getstart:hover{
		background-color:#e9662c;
	}
	#AdditionalInfo ul.SubCat li a.resource{
		border-left:10px solid #ebaf3c;
	}
	#AdditionalInfo ul.SubCat li a.resource:hover{
		background-color:#ebaf3c;
	}
	#AdditionalInfo ul.SubCat li a.eservices{
		border-left:10px solid #00ac65;
	}
	#AdditionalInfo ul.SubCat li a.eservices:hover{
		background-color:#00ac65;
	}
	#AdditionalInfo ul.SubCat li a.industry{
		border-left:10px solid #068894;
	}
	#AdditionalInfo ul.SubCat li a.industry:hover{
		background-color:#068894;
	}
	#AdditionalInfo ul.SubCat li a.fact{
		border-left:10px solid #f15352;
	}
	#AdditionalInfo ul.SubCat li a.fact:hover{
		background-color:#f15352;
	}
	#AdditionalInfo ul.SubCat li a.contact{
		border-left:10px solid #aa393d;
	}
	#AdditionalInfo ul.SubCat li a.contact:hover{
		background-color:#aa393d;
	}

#AdditionalInfo h4{
	margin:10px 0;
	padding:10px 0 10px;
	font-size:0.9em;
	line-height:;
	font-weight:700;
	text-transform:uppercase;
	border-bottom:5px solid #f27669;
}
#AdditionalInfo h5{
	font-size:1em;
	color:#000;
	font-weight:300;
}
#AdditionalInfo > span{
	font-size:1.8em;
	float:left;
	margin:12px 2px 0 0;
	padding:0 0;
	color:#a1a1a1;
}
	#AdditionalInfo span.badge{
		font-size:15px;
		float:none;
		margin:0;
		padding:5px 12px;
		color:#fff;
		font-weight:300;
		border-radius:15px;
	}
#AdditionalInfo p{
	font-size:0.8em;
}
#AdditionalInfo small{
	font-size:0.6em;
	color:#959595;
}
#AdditionalInfo address{
	width:100%;
	font-size:0.9em;
	margin-bottom:10px;
}
#AdditionalInfo address + address {
	padding:5px 0;
	border-top: 1px solid #a1a1a1;
}

#AdditionalInfo .EventStatus{
	padding:10px;
	text-align:center;
	color:#fff;
}
#AdditionalInfo .EventStatus h2{
	margin:0;
	text-shadow: 0px 2px 2px rgba(50,50,50, 0.8);
}
#AdditionalInfo .EventStatus em{
	margin:0;
	font-size:0.8em;
	color:#fff;
	font-style:normal;
}

#AdditionalInfo .Note{
	padding:10px;
	font-size:0.7em;
	background-color:#e6e6e6;
}