@charset "utf-8";
/* CSS Document 
	Template: Oketiket
	Author: titohadiwijaya@gmail.com
*/

/* misc*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin: 0pt; padding: 0pt; }
fieldset, img { border: 0pt none ; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
hr { border: medium none rgb(201, 201, 201); background-color: rgb(201, 201, 201); height: 2px; }
p { margin-bottom: 15px; margin-top: 15px; }
code { border: 1px dashed rgb(211, 211, 211); padding: 2px; background-color: rgb(241, 242, 244); }
body { font-family: "Trebuchet MS",Arial,Helvetica,sans-serif; font-size: 9.5pt; color: rgb(77, 85, 91); line-height: 1.5em; background:url(../images/bg_oke_02.gif) top repeat-x }
table{ border-collapse:collapse}
.clear{clear:both}
.small{padding:0; margin:0; color:red; font-size:10px; font-style:italic}
li{list-style:none; }

a{text-decoration:none; color:#059EBE;}
a:hover, a:active{color:#106AA0}

#boxMsg {
	background-color:#FF6600;
	color:#FFFFFF;
	padding:4px;
	font-weight:bolder;
	text-align:center;
}

#boxInfo {
	background-color:#EFEFEF;
	padding:4px;
}

/*container*/
.container{margin:0px auto; width:980px; }

/*header*/
.header{width:100%; min-height:50px; float:left;}
ul.top-menu{float:left; list-style:none; background:url(../images/bg_topmenu_07.gif) left no-repeat; margin-bottom:5px;}
ul.top-menu li {float:left; position: relative;  background:url(../images/bg_topmenu_07.gif) right no-repeat; line-height:68px;}
ul.top-menu li a{text-decoration:none; color:#000; display:block; font-size:13px; padding:0px 32px ;}
ul.top-menu li a:hover{color:#fff; background:#FA7E01 url(../images/bg_oke_04.gif) center top no-repeat}
ul.top-menu li:hover > ul { display: block; }
ul.top-menu li ul { display: none; margin: 0pt; padding: 0pt; width: 225px; position: absolute; top: 67px; left: 0pt; background:rgb(221, 221, 221); border: 1px solid rgb(180, 180, 180); box-shadow: 0pt 1px 3px rgba(0, 0, 0, 0.3); }
ul.top-menu li ul li { float: none; margin: 0pt; padding: 0pt; background:none; }

.logo{float:left;}


/*login form*/
#wrap {
margin: 70px auto;
width: 480px;
}
.insetwhite {
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35);
-moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35);
box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.35);
}
.blackborder {border:1px solid #000;}
a {color: inherit;text-decoration: none; display: block;}
a.readmore{color:#fff; background:#e74214 url(../images/bg_oke_25.gif) center right no-repeat; float:left; padding:10px 40px 10px 10px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-right:7px;
}
a.readmore:hover{background:#992809  url(../images/bg_oke_25.gif) center right no-repeat; }

/*main login box*/
#loginbox {
margin:10px 17px 0px 15px;
background: rgba(23, 28, 30, 1);
padding-bottom:12px;
width: 480px;
overflow: hidden;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
float:right;
}

#mainform {
background: #171c1e;
height: 100%;
border-top: 1px solid #000;
}

	.sleft {
	height: 100%;
	width: 315px;
	float: left;
	}
		.formlogin{margin: 19px 0 0 17px;}
		#mainform input {
		color: #fff;
		padding: 7px 15px;
		background: #323c40;
		border:0;
		width: 260px;
		height: 16px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		margin-bottom: 7px;
		-webkit-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
		-moz-box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
		box-shadow: inset 0px 3px 5px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
		}
		#mainform input::-webkit-input-placeholder {font-style:italic; color:#666;}
		.left a {
		color: #666;
		font-size: 12px;
		margin: 8px;
		text-shadow: 0px 2px 0px #000;
		filter: dropshadow(color=#000, offx=0, offy=2);
		}
		.left a:active {
		color: #fff;
		margin-top: 10px;
		text-shadow: 0;
		filter: dropshadow(color=#000, offx=0, offy=0);
		}
		#mainform  input.submit, input.submit{
		font-weight: bold;
		background-color: #0E97E5;
		width: 80px;
		height: 40px;
		float:right;
		margin: 1px 7px;
		border:none;
		color:#fff
		}
		.button {
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		/*css3 complex gradient*/
		background: -moz-linear-gradient(top, rgba(221,113,0,0) 0%, rgba(221,113,0,0) 49%, rgba(0,0,0,0.15) 50%, rgba(221,113,0,0) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(221,113,0,0)), color-stop(49%,rgba(221,113,0,0)), color-stop(50%,rgba(0,0,0,0.15)), color-stop(100%,rgba(221,113,0,0))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, rgba(221,113,0,0) 0%,rgba(221,113,0,0) 49%,rgba(0,0,0,0.15) 50%,rgba(221,113,0,0) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, rgba(221,113,0,0) 0%,rgba(221,113,0,0) 49%,rgba(0,0,0,0.15) 50%,rgba(221,113,0,0) 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, rgba(221,113,0,0) 0%,rgba(221,113,0,0) 49%,rgba(0,0,0,0.15) 50%,rgba(221,113,0,0) 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
		background: linear-gradient(top, rgba(221,113,0,0) 0%,rgba(221,113,0,0) 49%,rgba(0,0,0,0.15) 50%,rgba(221,113,0,0) 100%); /* W3C */
		}
		.submit:hover {background-color:#6286ab;cursor:pointer;}
		.submit:active {margin-top:2px;}

	.sright {
	width: 165px;
	float: right;
	}
		.sepixel {
		background: #666;
		height: 100px;
		width: 1px;
		margin-top: 25px;
		float: left;
		}
		#mainright {
		color: #666;
		font-size: 12px;
		margin: 18px 12px 0 13px;
		}
		#reg {
		margin-top:69px;
		font-size: 12px;
		color: #999;
		text-shadow: 0px 2px 0px #000;
		filter: dropshadow(color=#000, offx=0, offy=2);
		}
		.reg {
		color: #fff;
		font-size: 14px;
		background-color:#9bb2b9;
		height: 17px;
		min-width: 57px;
		padding: 12px 22px 12px 21px;
		text-shadow: 0 0 0;
		filter: dropshadow(color=#000, offx=0, offy=0);
		margin: 5px 0 10px -1px;
		}
		.reg:hover {color:#fff;background-color:#aec0c5;}
		.reg:active {margin: 6px 0 9px -1px;}

#mainform input[type="text"]:active,#mainform input[type="text"]:focus,#mainform input[type="password"]:active,#mainform input[type="password"]:focus {
border-color:#96cbff;
box-shadow: 0 0 12px #96cbff;
}

.logindone{
	float:right;
	font-size:13px;
	background:#F60;
	margin-right:10px;
	width:248px;
	padding:20px 12px;
	color:#fff;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	
	}

/*main*/
/*main-cont*/
.main-cont{width:100%; float:left; margin-top:5px; background:#F5F5F5}

/*head line*/
.headline{width:960px; padding:3px 10px; float:left; background:#fff; }
.hleft{float:left}
.hright{float:left;}
.hright ul{margin-top:5px;}
.hright ul li{list-style:none; background:url(../images/bg_oke_14.gif) right center no-repeat; padding: 20px 55px 32px 20px; clear:left; vertical-align:middle; border-bottom:1px solid #EAEAEA; line-height:28px;}
.hright ul li .thumb{float:left; margin-right:3px; display:block}
.hright ul li a:hover{display:block; color:#eaeaea}
.hright ul li span{font-size:14px; font-weight:bold}
.hright ul li:hover{background:#f1430b url(../images/bg_oke_05back.gif) right center no-repeat; color:#fff; -border-radius:0 10px 10px 0; -moz-border-radius:0 10px 10px 0; -webkit-border-radius:0 10px 10px 0; -khtml-border-radius:0 10px 10px 0;}

/*main part*/
.main-left{width:675px; padding:7px 5px 60px 10px; float:left;}
.main-right{width:280px; padding:7px 3px 40px 3px; float:left; overflow:hidden}

.main-left h1{font-size:25px; margin-bottom:10px; font-weight:bold; color:#fff; padding:10px 7px 10px 7px; 
color:#323C40; border-left:20px solid #FF6600;  border-right:120px solid #FF6600;  border-bottom:1px solid #FF6600}

/*promo box*/
.promo {
width: width:655px; 
padding :25px 10px 17px 70px;
margin-bottom:13px;
color :#000;
background:#99ABBF url(../images/promo.png) 0 0 no-repeat;
border :1px solid #ccc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
}
/*boxs*/
.box{width 270px; padding:5px 7px; min-height:100px;
margin-bottom:10px;
}
.box h2{color:#fff; padding:17px 20px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
}
.box-style1{
background:#E4E4E4; 
	}
	
.box p{
	padding:0 7px;}	
h2.orange{background:#E6720B}
h2.member{background:#DE7406 url(../images/User-icon.png) 0 0 no-repeat; padding-left:55px; color: #fff;
text-shadow: 0px 0px 3px #555; }
h2.book{ background:#DE7406 url(../images/icon-booking.png) 0 0 no-repeat; padding-left:50px; color: #fff;
text-shadow: 0px 0px 3px #555;}
h2.bisnis{ background:#DE7406 url(../images/flightfull.png) 0 10px no-repeat; padding-left:50px; color: #fff;text-shadow: 0px 0px 3px #555;}
h2.bisnis:hover{ background:#E4E4E4 url(../images/flightfull.png) 0 10px no-repeat; padding-left:50px; color: #106AA0;text-shadow: 0px 0px 3px #555;}

/*form*/
.search {text-align:right}
.bookform input[type="text"],.bookform textarea,.bookform input[type="password"],.bookform select, .search select, .search  input[type="text"] { border: 1px solid rgb(193, 193, 193); padding:7px 10px; font-size: 12px; 
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}
.search  input[type="text"] {
}	
.flight{font-size:27px; font-weight:bold; line-height:64px; background:#E6720B; padding:0 20px; color:#fff; margin-bottom:7px;}

.lionButton{background:#fff url(../images/lionair.png) center no-repeat;}
.bataviaButton{background:#fff url(../images/batavia.png) center no-repeat;}
.bataviaviaButton{background:#fff url(../images/bataviavia.png) center no-repeat;}
.merpatiButton{background:#fff url(../images/merpati.png) center no-repeat;}
.transnusaButton{background:#fff url(../images/transnusa.png) center no-repeat;}
.citylinkButton{background:#fff url(../images/citilink.png) center no-repeat;}
.sriwijayaButton{background:#fff url(../images/sriwijaya.png) center no-repeat;}

.searchbutton{ width:90px; height:57px; text-indent:-999999; border:1px solid #d3d3d3; cursor:pointer; position:relative; margin-right:3px;}
.searchbutton:hover{ top:1px;}


.roundButtonissued {
	cursor:pointer;
	vertical-align:middle;
	padding:13px 7px;
	font-size:9px;
	font-weight:bolder;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color:#0E97E5;
	color:#FFFFFF;
	position:relative;
	text-transform:uppercase;
}

.roundButtonissued:hover{
	background:#E6720B;
}



.roundButtonSmall {
	vertical-align:middle;
	padding:3px 7px;
	font-size:9px;
	font-weight:bolder;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color:#0E97E5;
	color:#FFFFFF;
	border-color:#333333;
	position:relative;
	text-transform:uppercase;
}

.roundButtonSmall:hover {
	top:1px;
	cursor:pointer;
	vertical-align:middle;
	font-size:9px;
	font-weight:bolder;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background-color:#FFCC00;
	color:#FFFFFF;
	border-color:#FF9900;
}

.inputBoxSmall { border: 1px solid rgb(193, 193, 193); padding:5px 12px; font-size: 10px; 
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	}

.roundButton {
	vertical-align:middle;
	margin-bottom:10px;
	padding-bottom:2px;
	height:28px;
	min-width:80px;
	font-size:9px;
	font-weight:bolder;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 18px;
	background-color:#0E97E5;
	color:#FFFFFF;
	cursor:pointer;
	text-transform:uppercase;
}

.roundButton:hover {
	vertical-align:middle;
	margin-bottom:10px;
	padding-bottom:2px;
	height:28px;
	min-width:80px;
	font-size:9px;
	font-weight:bolder;
	background-color:#FFCC00;
	color:#FFFFFF;
}

/*table*/
.rowHeader, .rowHeader td{background:#e54218 url(../images/results_bg.png) repeat-x top; color:#fff; padding:2px 14px; font-weight:bold}
.rowUnderline{border-bottom:1px solid #ccc; padding:3px 0}
.rowHover:hover, .rowHoverhover {
	/*background: #eaeaea;*/
	background-color:#FFFFCC;
}
.rowEven {
	background-color: #EFEFEF;
}

.rowUnread{background-color:#CFE7FC;}
/* Sortable tables */
table.sortable th {
    background-color:#eee;
    color:#666666;
    font-weight: bold;
    cursor: default;
}

.odd {
 background-color: #ddd;
}
.even {
 background-color: #fff;
}


/*member area*/
.member-area{padding:0; margin:10px 0;}
.member-area li{line-height:27px; font-size:17px; background:#D3D3D3; font-weight:bold; padding:7px 3px; text-align:right }
.member-area li img{float:right; position:relative; padding-right:7px;}
.member-area ul{margin-top:7px;  }
.member-area li li{line-height:24px; font-size:13px; background:#eaeaea; font-weight:normal; padding:0 13px; text-align:left; border-bottom:1px solid #ccc}
.member-area li li:hover{ background:#fff}

/*footer*/
.footer{width:100%; min-height:120px; float:left; background:#e3e3e3;}