@charset "utf-8";

/* ------   RESET  -----  */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

:focus { outline: 0; } /* remember to define focus styles! */

body {
	line-height: 1;
	color: black;
	background: white;
	text-align: center; /* this centers the container in IE 5* browsers */ }

ol, ul { list-style: none; }

table {	border-collapse: separate; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */

caption, th, td { text-align: left;	font-weight: normal; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q {	quotes: "" ""; }


/* ------   CORE  -----  */


body {
	font: 100% Arial, Helvetica, Verdana, sans-serif;
	color: #111; background: #fafafa; 
	
}

h1, h2, h3 { font-weight: normal; }

a, a:link, a:visited { color: #c20465;	text-decoration: none; }
a:hover, a:link:hover, a:visited:hover { text-decoration:underline; }

strong { font-weight: bold; }

/* ----- TOP ------ */

#from {
    margin:auto;
    background: url("../images/search-bg.png") no-repeat scroll 0 0 transparent;
    height: 94px;
    width:409px; 
    margin-top: 16px;
    padding: 16px 30px 0 30px;
}

#top-bg {margin:auto; width:100%; height:211px; background: url(../images/bg-index-main.jpg) 50% 89px no-repeat;  }
#top-head {margin:auto; height:96px; width:582px; }

#top-container {
	margin:auto; 
 text-align:center;
	width:100%;
	/*  padding: 20px 0 0px 0;*/
  height: 200px;
  background: #383838;
	border:0px solid #3a3a3a; 
 }
	
  #top { margin:auto; width: 350px; height:auto; text-align:center; }
	#top h1 { font-size: 13px; color: #ccc; margin-top:13px; }
	#top em { color: #eee; }
	#top-language {width:580px; margin-top:-20px; margin:auto; height:20px;  text-align: center;}

	#language {
		position:relative; 
		float:right;
		padding: 4px 6px;
		width:auto; 
		text-align: center; text-transform: uppercase;
		font-size: 10px; font-weight: bold; color: #f5d0e6;
		background: #cf348e;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px; z-index:999;}
		#language:hover { color: #fff; text-decoration: none; }


.inscription-en {	position: relative;  width:596px; margin: auto; height:150px; background: url(../images/inscription-en.png) 449px 0 no-repeat; z-index:2;}
.inscription-id {	position: relative;  width:596px; margin: auto; height:150px; background: url(../images/inscription-in.png) 449px 0 no-repeat; z-index:2;}
.inscription-top { margin:auto; padding:42px; text-align:center; font-size:16px; font-weight:bold; width:400px;  }
.inscription-top span{ color: #a3b4d2;}
.inscription-top-wrapper { float:left; margin-left:30px; }

#block-white {position:relative; top:-148px; width:578px; margin:auto; height:200px; background:#fafafa; z-index:0;}

#plane-bg {position:relative; margin-top:-8px; width:51px; height:52px;  float:left; background: url(../images/plane_bg.png);}

.empty {float:left; width:171px; height:195px; }
/* ----- MAIN ------ */

#main-container {
	top:-35px;
	position: relative; 
	width: 581px;
	margin: 0 auto; padding-top: 15px;
        z-index: 3;
	}

form { padding: 0 40px; }

  label {
	  display: block; text-align: left;
	  padding: 2px 0; margin-top:-4px; 
	  font-size: 12px; font-weight: bold; color: #111;  }
	  
	  #selectreturn label, #selectoneway label, #passengers label {display: inline; z-index:999; }

  .field-container {  float: left; }

	  #selectreturn { margin: 46px 26px 0 42px; }
	  #selectoneway { margin: 46px 0 0 0; }

  #passengers, #field-to, #field-arrive { float: right; margin-top:35px; z-index:999;}
  #field-arrive {margin-right: 40px; margin-top: 32px;}
	
div#passengers{float:right; text-align:right; height:30px; margin-right:46px; margin-top:40px;}
div#passengers img{vertical-align:middle;}

  .field-container input { margin-right: 7px; }

  #oneway { margin-left: -15px; }

  select, input { margin-top:5px; padding: 3px; font-size: 15px;  }
  #passengers select, #field-arrive select, #field-depart select { font-size: 12px; padding: 3px 2px;}

  #passengers { position:relative; text-align: right; z-index:999;}
	#passengers select { margin-left: 2px; }

  select option#choose-city { color: #999; }

  .trigger { display: inline-block; position: relative; left: 2px; top: 1px; }
	.trigger:hover { cursor: pointer; }

  #field-arrive select, #field-depart select {  }

  img#calendar-blind{display:none;}

.blocker {position:absolute; margin-top:-45px; width:200px; height:52px; background: #fafafa; z-index:1; opacity: 0.7; filter:alpha(opacity=70); display: none;}

#main-shadow-top,  #main-shadow-bottom {margin: auto; width:100%; height:8px; background: url(../images/main-shadow.jpg) 0 50% no-repeat;}
#main-shadow-top {margin-top:68px; margin-bottom:35px}  
#main-shadow-bottom {margin-top:15px; padding-bottom:53px;}  

#main-text, .main-links {margin: auto; font-size:20px; width:590px; }
#main-title {margin:20px 0px 25px 16px; width:545px;}

#text-site {margin: auto; margin-top:90px; color: #222222; font-size:15px; width:580px; height:87px; border-top:1px dashed #b0b0b0; border-bottom:1px solid #c8c8c8; padding-top:35px; }
#text-site .wrapper {margin:auto; margin-top:100px;  border-bottom:1px solid #c8c8c8; width:580px; height:53px; clear:both; }
#text-site .wrapper-left-news {vertical-align:top; float:left; padding-right:10px; border-right:1px solid #c8c8c8; height:44px;  width:121px; }
#text-site .latest-news  {float:left; color:#7988a9; font-size:13px; font-weight:bold; margin:15px 0 0 15px; }

#text-site .wrapper-left {float:left; width:425px;}

#text-site .wrapper-right-news {float:left; width: 433px; text-align:left; margin:15px 0 0 15px; font-size:13px; }
#text-site .wrapper-right-news #news2, #text-site .wrapper-right-news #news3 { display: none; }
#text-site .wrapper-right-news a {color: #000;}

#text-site .wrapper-right {float:left; margin-left:40px; width:97px;}
#text-site span {color: #7988a9;}
#text-site p {margin:auto; display:inline; margin:2px 5px 0px 0px; }

#main-text span, .main-links span {color: #9a9ea7;} 
.main-airports, .main-airports-links {float: left; text-align: left; width: 100%; padding-left:34px; font-size:12px; padding-bottom:15px;}
.main-airports-links {width:540px; text-align:right;}
.airports {float: left; width:120px; text-align: left; padding-left:34px; font-size:12px;}

#main-text a.airport-link { color: #000; }
#main-text a.airport-link span , .main-links { color: #9A9EA7; }

#banner-opera {float:left; background: url('../images/banner-opera.png') no-repeat; width:120px; height:67px; font-size:11px;  color:#7a7a7a; text-align:left;}

.main-promoflights {margin:auto; margin-top:100px; border-bottom:1px dashed #afafaf; padding-bottom:59px;  }
.main-promoflights span, .main-airports  span {color: #9ba7bf;}
.main-promoflights a.pft-price {color: #b4437b;}
.main-promoflights span.pft-price {color: #b4437b; margin-left: 25px;}
.main-promoflights span3 {float:left; margin-top:3px; }
.main-promoflights span3 a { color: #000; }

table.table-main { clear:both; width:auto; font-size: 12px; }
table.table-main td { width:250px; }
table.table-main td.second{ width:140px; text-align:left; }
table.table-main td.last{ width:75px; text-align:left; }

.links-more {padding:2px 20px 3px 0; background:url("../images/ico-arrow-left.gif") 100% 50% no-repeat; margin: 8px 15px 0px 0px; float:right;  line-height:20px;font-size:12px;color:#9f165c; text-decoration:none;} 
.main-moreinformation .main-airports-links a.links-more {margin:-19px 14px 0px 0px;}

.req {color: #000;float:right;padding:15px 85px 8px 20px;margin-top: 40px;background-color:#E3E9F3;border:1px solid #CDD9ED;border-right:none;border-radius:4px 0 0 4px;-moz-border-radius: 4px 0 0 4px;-webkit-border-radius: 4px 0 0 4px;}

.main-information { margin:auto; width:581px; float:left; clear:both; height:100%;padding-top: 30px;	margin-top:-16px; background: #ebeef5; border: 1px solid #d1d7e3;	border-bottom:0px; 	-moz-border-radius: 4px; -webkit-border-radius: 4px;	border-radius: 4px;}
.main-moreinformation {	margin-top:30px;padding-top:50px;border-top:1px solid #d1d7e3;float:left; width:100%;clear:both;text-align:center; 	}

.main-shorttext {margin:15px 0px 30px 16px; width:540px;}

.shorttext-info {width: 250px; min-height:70px; margin:30px 0px 0px 25px; float: left;}
.shorttext {width: 198px; float: left; margin: 5px 0px 0px 20px; text-align:left; font-size:12px;}

.ico-pig {float:left; width:27px; height:20px;background:url(../images/ico-home.png);}
.ico-padlock {float:left; width:16px; height:22px; background:url(../images/ico-home.png) -29px 0px;} 
.ico-dialog {float:left; margin-left:-10px; width:28px; height:22px; background:url(../images/ico-home.png) -76px 0px;}
.ico-vip {float:left; width:27px; height:13px; margin-top:5px; background:url(../images/ico-home.png) -47px 0px;}
.ico-arrow-left {width:11px; height: 5px; float:right; margin:5px 30px 0px 9px; background:url(../images/ico-home.png) -106px 0px;}

  .weekday {
	margin-top:-20px;
	display: inline-block;
	width: 25px; padding: 2px;
	font-size: 11px; color: #666;
	background: #eee;
	border: 1px solid #ddd;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px; }

  #search-button-en, #search-button-in {
	width: 171px; height: 41px;	margin-top: 35px; border: none; color:#FFF; text-transform: uppercase; font-weight: bold; font-size: 13px; }
	
	#search-button-en { background:url(../images/search-button.png) no-repeat;	}
	#search-button-in {  background:url(../images/search-button.png) no-repeat;	}

	  #search-button-en:hover, #search-button-in:hover { background-position: top right; cursor: pointer; }

/*#share { text-align: left; width: 150px; margin-left: 10px;  position: absolute; bottom: 7px; }*/
div.share.fb-like { padding-bottom:18px; }
div.share iframe.twitter-follow-button {width: 250px !important;}
div.share a.addthis_counter { display: inline-block !important; margin-left: 70px;}

/* ----- Q&A ------ */

#question-answer {  text-align: left; padding: 30px 40px 5px 37px; }
	#question-answer a { clear: both; display: block; margin: 7px 0 0 0; font-size: 11px; color: #aaa; }
	#question-answer a:hover { color: #333; }

h2.trigger {
	clear: both; float: left;
	margin: 0 0 5px 0; padding: 6px 8px 5px 8px;
	height: 15px; line-height: 15px;
	font-size: 11px; color: #999;
	background: #e6e6e6;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;}
	h2.trigger:hover, h2.trigger.active { background: #555; color: #fff; cursor: pointer; }
.toggle_container {
	clear: both; overflow: hidden;
	margin: 0 0 5px 0;
	font-size: 11px; }
.toggle_container .block { padding: 10px 50px 10px 8px; }
	.block p { margin: 5px 0; }
	.block ul li { margin: 5px 0; }
	.block ul em { font-style: italic; }


/* footer --- */

#footer, #pre-footer-container { clear: both; background:#FFF; font-size: 11px; }

#pre-footer-container, .links-footer-container, #copyright-footer-container { background:#FFF; clear: both; border-top: 1px solid #e6e6e6; border-bottom: 0px solid #e6e6e6; }

#pre-footer-container { margin-top: 40px; background:#f6f6f6; border-top: 4px solid #f2f2f2; }
  #pre-footer {  width: 500px; margin: 0 auto 20px auto; }

  .links-footer, #copyright-footer { width: 582px; margin: 12px auto; text-align: center; }

  .links-footer a { color: #aaa; margin-right: 13px; margin-top:-60px; }
	.links-footer a:hover { color: #333; }

	#footer ul { display: block; }
	#footer li { float: left; }
	#footer .last { margin-right: 0; }
		#payments-footer img {
			  margin-right: 30px;
			  opacity: 0.4;
			  -moz-opacity:0.4
			  zoom: 1;  }
		#payments-bca, #payments-bri { margin-top: 5px; }
		#payments-bii { margin-top: 3px; }
		#payments-bni { margin-top: 9px; }

	#company-footer li { float: none; margin-right: 10px; padding: 0 0 1px 0; color: #999; }

#banks {margin:auto; text-align:center; width:100%;}
#main-banks {margin:auto; display: inline-block;}

.bank a { color: #333;  }	
.bank a:hover { color: #000; text-decoration: none;  }

.bank, .airlinelogo { float:left; 
		  text-align: center; 
		  padding-top: 40px; 
		  font-size: 10px; color: #333; line-height: 11px;
		  background-repeat: no-repeat; background-position: top center;
		  opacity: 0.4;
		  -moz-opacity:0.4
		  zoom: 1;   }
		  .bank, .airlinelogo:hover {
		  text-decoration: none;
		  opacity: 1;
		  -moz-opacity:1;
		  zoom: 1; }

	   .links-footer .airline-logo {
		 width: auto; text-align: center;
		  padding-top: 40px;
		  font-size: 10px; color: #333; line-height: 11px;
		  background-repeat: no-repeat; background-position: top center;
		  opacity: 0.4;
		  -moz-opacity:0.54
		  zoom: 1;   }
		  .links-footer .airline-logo:hover {
		  text-decoration: none;
		  opacity: 1;
		  -moz-opacity:1;
		  zoom: 1; }

		  .links-footer a.last { margin-right: 0; }


			.airasia { background-image: url(../images/airline-airasia.png); width: 50px; height:30px; float:left; margin-right:28px; }
			.batavia { background-image: url(../images/airline-batavia.png);  float:left; height:30px; margin-right:28px;}
			.citilink { background-image: url(../images/airline-citilink.png);  float:left; height:30px; width:65px; margin-right:28px; }
			.garuda { background-image: url(../images/airline-garuda.png);   float:left; height:30px;  margin-right:28px; }
			 .lion { background-image: url(../images/airline-lionair.png); float:left;height:30px;  margin-right:28px;}
			.lionair { background-image: url(../images/airline-lionair.png);float:left;height:30px; margin-right:28px;}
			.mandala { background-image: url(../images/airline-mandala.png);float:left; height:30px; margin-right:28px;}
			.merpati { background-image: url(../images/airline-merpati.png); height:30px; float:left;  margin-right:28px;}
			.sriwijaya { background-image: url(../images/airline-sriwijaya.png);  height:30px; float:left; }

/*  #copyright-footer-container { background: #555; }
	#copyright-footer { margin: 5px auto; }
	#copyright-footer p { margin:0; color: #999; font-style: normal; font-size: 11px; line-height: 20px; }
		#copyright-footer a { color: #ccc; margin: 0 0 0 20px; }*/

    #copyright-footer-container { background: #333; }
	#copyright-footer { margin: 5px auto; }
	#copyright-footer p { color: #999; font-style: normal; font-size: 11px; line-height: 20px; margin: 0; }
		#copyright-footer a { color: #fff; margin: 0px 20px 2px 0; float: left; }
		#copyright-footer a.right{float: right;margin: 0 0 0 20px ;}
		#social-footer{float: right; width: 80px;}
		#social-footer a{
                 float: right;
                 width: 16px;
                 height: 18px;
                 margin: 0 0 0 14px;
                }
                #social-footer a#facebook{background: url('../images/icon_fb.png') no-repeat;}
                #social-footer a#twitter{background: url('../images/icon_tw.png') no-repeat;}
                #address-footer{float: left; font-size: 11px;}
                .links-footer-container .wrapper{width: 584px; margin: 0 auto;}
                #copyright-footer-container, .links-footer-container{float: left; width: 100%;}
                .links-footer-container { background-color: #fff; padding: 20px 0 20px; }
.wrapper-shorttext {width:100%; float:left;}

/* --- */

.clearfloat {
	clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px; }
    
/* warning --- */

.warning{
	color: #9e1111;
	background: #f5e8e8;
	border: 1px solid #dfb2b2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-o-border-radius: 5px; 
	-icab-border-radius: 5px; 
	-khtml-border-radius: 5px;
	padding: 15px;
	margin: 20px 0;
	font-size: 0.8em;
	text-align:left;	
}

/*div.addthis_default_style { margin-top: 15px; }*/