/* BODY, MENU, RADIO, HEADER, CONTENT, CONTENT-2, MENU, SUBMENU, FOOTER, LOGIN, TOP UP, TRANSAKSI, CONFIRM, REGISTER */

body{
	margin:auto;
	font-family:Corbel;
}
.bodyWrapper{
	width:1050px;
	margin:0px auto 10px auto;
}
red{
	color:red;
}
blue{
	color:8ccdf1;
}
orange{
	color:#fcb040;
}
green{
	color:#0b8236;
}
select{
	font-family:Arial !important;
	padding:2px 5px 2px 5px;
}
bold{
	font-weight:bold;
}
/* UBAH SEMUA STYLE RADIO */
span.radio{
	margin-top:10px;
	margin-right:15px;
}

span.radio label{
	display:inline-block;
	height:15px;
	width:15px;
	cursor:pointer;
}
span.radio label img{
	height:15px;
	width:15px;
	position:relative;
	top:1.5px;
}
span.radio label img.rbchecked{
	display:none;
}
span.radio input[type=radio]:checked + label img.rbchecked{
	display:block;
}
span.radio input[type=radio]:checked + label img.rbunchecked{
	display:none;
}
span.radio input[type=radio]{
	display:none;
}
/* END OF UBAH STYLE RADIO */

/*CSS HEADER JQGRID HEADER 2 LINE*/
th.ui-th-column div{
    white-space:normal !important;
    height:auto !important;
    padding:2px;
}
/*END CSS HEADER JQGRID HEADER 2 LINE*/


/* CSS OF INPUT TYPE, SELECT, TEXTAREA */
input[type=text], input[type=password], select, textarea{
	/*width:160px; tidak bole pake ini*/ 
	border:1px solid rgb(181,181,180);
	border-radius:5px 5px 5px 5px;
/*	resize:none;*/
	font-family:Calibri;
}
input[type=text][readonly=true]{
	background-color:rgb(170,170,170);
}
input[type=number]{
	width:55px;
	border:1px solid rgb(241,241,240);
	border-radius:5px 5px 5px 5px;
	resize:none;
	padding:3px 5px 3px 5px;
}
input[type=checkbox]{
	box-shadow:none;
	position:relative;
	top:2px;
	box-shadow:none;
	-ms-transform: scale(1.2); /* IE */
	-moz-transform: scale(1.2); /* FF */
	-webkit-transform: scale(1.2); /* Safari and Chrome */
	-o-transform: scale(1.2); /* Opera */
}
/* END OF INPUT TYPE, SELECT, TEXTAREA */

/* CSS DATETIMEPICKER */
#datetimepicker{
	position:relative;
	top:4px;
}
/* END OF CSS DATETIMEPICKER */

/* CSS DIVDATATABLE */
#divdatatable{
	margin-top:10px;
}
/* END OF CSS DIVDATATABLE */

/* CSS CUSTOMBUTTON SEARCH,ADD,EDIT,DELETE */
.btn{
	display:none;
}
.custombutton{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #edeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#edeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#edeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#edeeee 100%); /* W3C */
	border:1px solid #c4c4c4;
	border-radius:3px;
	min-height:25px;
	color:rgb(94,98,99);
	text-align:center;
	display:inline-block;
	padding:1px 6px 2px 6px;
	min-width:80px;
	cursor:pointer;
}
.custombutton img{
	position:relative;
	top:2px;
}
.custombutton span{
	margin-left:5px;
}
.custombutton.search img{
	top:3px;
	margin:0;
}
.custombutton.search{
	padding:0px 4px 2px 4px;
	margin:0;
	min-width:0;
}
.custombutton:hover{
	background: #fccd2b; /* Old browsers */
	background: -moz-linear-gradient(top,  #fccd2b 0%, #f9a22e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fccd2b), color-stop(100%,#f9a22e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fccd2b 0%,#f9a22e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fccd2b 0%,#f9a22e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fccd2b 0%,#f9a22e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fccd2b 0%,#f9a22e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccd2b', endColorstr='#f9a22e',GradientType=0 ); /* IE6-9 */
	color:white;
	border-color:#fccd2b;
}
.custombutton:hover > img{
	filter: url(css/grayscale.svg#greyscale);
	filter: grey;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}
/* END OF CSS CUSTOMBUTTON SEARCH,ADD,EDIT,DELETE */

/* CSS HEADER */
#header, #header-mid{
	font-size:16px;
}
#header-mid{
	text-align:center;
}
#header #logo, #header-mid #logo{
	height:70px;
        margin-top: 15px;
        margin-bottom: 15px;
}
#header #headerLine,#header-mid #headerLine{
	display: block;
	height: 50px;
	background-color:rgb(249,192,59);
}
#header #space{
	height:80px;
}
#header  #info{
	position:relative;
	float:right;
	font-family:calibri;
	top:20px;
	/*top:30px;*/
	font-size:12px;
}
#header  .account-info{
	vertical-align:bottom;
	text-align:right;
	padding-right:5px;
}
#header  .account-info a{
	color:#000000;
	text-decoration:none;
}
#header  .account-info.name a{
	color:red !important;
	font-size:14px;
}
#header  .balance-info.table{
	padding:0px 10px 0px 10px;
	background-color:rgb(245,245,245);
	border:1px solid rgb(220,220,220);
	font-size:12px;
}
#header  .balance-info.currency{
	font-weight:bold;
	color:red !important;
	padding-right:5px;
}
/* END OF CSS HEADER */


/* CSS CONTENT */
/*#content{
	font-size:16px;
	min-height:430px;
	background-color:rgb(241,241,240);
	padding:20px 20px 20px 20px;
	color:rgb(88,88,90);
}
#content #notif_marquee{
	color:red;
}
#content input, #content textarea, #content select{
	color:black !important;
}
#content input[type=button],#content input[type=submit]{
	padding:3px 5px 3px 5px;
	background: #ffffff;  Old browsers 
	background: -moz-linear-gradient(top,  #ffffff 0%, #edeeee 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edeeee));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edeeee 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #ffffff 0%,#edeeee 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #ffffff 0%,#edeeee 100%);  IE10+ 
	background: linear-gradient(to bottom,  #ffffff 0%,#edeeee 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeeee',GradientType=0 );  IE6-9 
	border:1px solid #c2c4c4;
	border-radius:3px;
	color:rgb(94,98,99) !important;
}
#content input[type=submit]{
	min-width:75px;
}
#content input[type=button]:hover,#content input[type=submit]:hover{
	background: #ffffff;  Old browsers 
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);  IE10+ 
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );  IE6-9 
}
#content input:focus, #content textarea:focus, #content select:focus{
	border:1.5px solid rgb(249,192,59) !important;
	box-shadow:NONE;
}
 END OF CSS CONTENT */

/* CSS FOOTER */
#footer{
	color:rgb(94,98,99);
	margin-top:20px;
	font-size:12px;
	text-align:center;
	font-family:Euphemia;
}
#footer #footerLine{
	height:20px;
	background-color:rgb(249,192,59);
}
#footer #footerNavigator{
	font-size:12px;
	background-color:rgb(249,192,59);
}
#footer #footerNavigator table#navigator{
	margin:auto;
}
#footer #footerNavigator table#navigator td{
	padding-left:7px;
	padding-right:7px;
}
#footer #footerNavigator table#navigator a{
	color:#ffffff;
}
/* END OF CSS FOOTER */

/* CSS DOMESTIC BOOKING */
.ribbon{
	color:#FFFFFF;
	position: relative;
	background: #fccd2b; /* Old browsers */
	background: -moz-linear-gradient(top,  #fccd2b 0%, #f9a22e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fccd2b), color-stop(100%,#f9a22e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fccd2b 0%,#f9a22e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fccd2b 0%,#f9a22e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fccd2b 0%,#f9a22e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fccd2b 0%,#f9a22e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccd2b', endColorstr='#f9a22e',GradientType=0 ); /* IE6-9 */
	padding:10px 20px 15px 20px;
	width:220px;
	left:40px;
	text-align: center;
	border-radius:0px 0px 7px 7px;
	font-weight:bold;
}
.ribbon::before{
	display: block;
	width: 10px;
	height: 0px;
	position: absolute;
	top: 0px;
	left: -20px;
	content: "";
	border-right: 10px solid rgb(239,161,41);
	border-top: 10px solid transparent;
	
}
.ribbon::after{
	display: block;
	width: 10px;
	height: 0px;
	position: absolute;
	top:0px;
	right: -20px;
	content: "";
	border-left: 10px solid rgb(239,161,41);
	border-top: 10px solid transparent;
}

/* END OF CSS UNTUK RIBBON (HEADER CONTENT) */

/* CSS CONTENT */
#content{
	font-size:16px;
	min-height:430px;
	background-color:rgb(241,241,240);
	padding:20px 20px 20px 20px;
	color:rgb(88,88,90);
}
#content #notif_marquee{
	color:red;
}
#content input, #content textarea, #content select{
	color:black !important;
}
#content input[type=button],#content input[type=submit],#content input[type=reset]{
	padding:3px 5px 3px 5px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #edeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#edeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#edeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#edeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeeee',GradientType=0 ); /* IE6-9 */
	border:1px solid #c2c4c4;
	border-radius:3px;
	color:rgb(94,98,99) !important;
	cursor:pointer;
}
#content input[type=submit]{
	min-width:75px;
}
#content input[type=button]:hover, #content input[type=submit]:hover, #content input[type=reset]:hover{
	background: #fccd2b; /* Old browsers */
	background: -moz-linear-gradient(top,  #fccd2b 0%, #f9a22e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fccd2b), color-stop(100%,#f9a22e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fccd2b 0%,#f9a22e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fccd2b 0%,#f9a22e 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fccd2b 0%,#f9a22e 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #fccd2b 0%,#f9a22e 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fccd2b', endColorstr='#f9a22e',GradientType=0 ); /* IE6-9 */
	color:white !important;
	border-color:#fccd2b;
}
/*#content input:focus, #content textarea:focus, #content select:focus{
	border:1.5px solid rgb(249,192,59) !important;
	box-shadow:NONE;
}*/
/* END OF CSS CONTENT */

/* CSS DOMESTIC BOOKING */
#domestic-booking-wrapper{
	margin-left:auto;
	margin-right:auto;
	max-width:1100px;
}
#domestic-booking{
	margin-top:-35px;
	font-family:Euphemia;
	background-color:#FFFFFF;
	border:2px solid rgb(214,218,219);
	padding:40px 50px 10px 50px;
	min-height:180px;

}

.form-domestic-booking div{
	width:25%;
	float:left;
	overflow:hidden;
	margin:10px 0px 10px 0px;
}
.form-domestic-booking div input[type=text],.form-domestic-booking div select{
	width:160px;
	border:1px solid rgb(241,241,240);
	border-radius:5px 5px 5px 5px;
}
.clear{
	clear:left;
}
/* END OF CSS DOMESTIC BOOKING */

/* CSS CONTENT-2 */
#content-2{
	font-size:16px;
	min-height:400px;
	padding:20px 20px 20px 20px;
	color:rgb(88,88,90);
}
#content-2 input, #content-2 textarea, #content-2 select{
	color:black !important;
}
#content-2 input:focus, #content-2 textarea:focus, #content-2 select:focus{
	border:1px solid red !important;
	box-shadow:NONE;
}

#content-2 #content-2-box{
	font-family:Euphemia;
	font-size:13px;
	width:500px;
	min-height:170px;
	margin:110px auto 110px auto;
	background: #f7941e; /* Old browsers */
	background: -moz-linear-gradient(45deg,  #f7941e 0%, #f7941e 32%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#f7941e), color-stop(32%,#f7941e), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  #f7941e 0%,#f7941e 32%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  #f7941e 0%,#f7941e 32%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  #f7941e 0%,#f7941e 32%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(45deg,  #f7941e 0%,#f7941e 32%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7941e', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border:3px solid rgb(231,231,232);
	color:#FFFFFF;
	  position: relative;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
}
#content-2 #content-2-box #logo-2{
	width:150px;
	float:right;
}

#content-2 #content-2-box:before{
	margin-left:10%;
    width: 400px;
    height: 50px;
    content: "";
    position: absolute;
    left: 0;
	bottom:-5px;
    /*This is where the magic happens: by using two border-radii, we can draw an ellipse. Play around with these values and see how this modifies the rendering.*/
	background: #a7a9ac; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #a7a9ac 1%, #dedfe0 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(1%,#a7a9ac), color-stop(100%,#dedfe0)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #a7a9ac 1%,#dedfe0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #a7a9ac 1%,#dedfe0 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #a7a9ac 1%,#dedfe0 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #a7a9ac 1%,#dedfe0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7a9ac', endColorstr='#dedfe0',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
    border-radius: 999px / 30px;
    box-shadow: 0 0 12px rgba(0,0,0,0.4);
	z-index:-1;
}
/* END OF CSS CONTENT-2 */

/* CSS FORM-BOX LOGIN */
#form-box{
	margin-top:30px;
	margin-left:80px;
	padding-top:15px;
}
#form-box #form, #form-box #form-2{
	min-height:120px;
}
#form-box p{
	padding:0px;
	margin:0px;
	width:350px;
}
#form-box h2{
	font-size:17px;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
#form-box table#form-box-table, #form-box-2 table#form-box-table{
	font-size:13px;
	color:#FFFFFF;
	border:none;
}

#form-box table#form-box-table input[type=text],#form-box table#form-box-table input[type=password]{
	background: #dddfdf; /* Old browsers */
	background: -moz-linear-gradient(top,  #dddfdf 0%, #fefefe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddfdf), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #dddfdf 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #dddfdf 0%,#fefefe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #dddfdf 0%,#fefefe 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #dddfdf 0%,#fefefe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddfdf', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
	font-size:11px;
	border:1px solid rgba(255,255,255,0);
	border-radius:5px;
	padding:2px 5px 2px 5px;
	width:150px;
}
#form-box table#form-box-table input[type=checkbox]{
	position:relative;
	top:3px;
	box-shadow:none;
	-ms-transform: scale(0.6); /* IE */
	-moz-transform: scale(0.6); /* FF */
	-webkit-transform: scale(0.6); /* Safari and Chrome */
	-o-transform: scale(0.6); /* Opera */
}
#form-box table#form-box-table input[type=checkbox],#form-box table label{
	font-size:9px;
}

#form-box table#form-box-table a{
	font-size:10px;
	text-decoration:none;
	font-style:italic;
	color:red;
}

#form-box table#form-box-table td{
	padding-right:5px;
	border:0;
}
#form-box #btnSubmit{
	position:relative;
	margin-bottom:10px;
	margin-right:10px;
	text-align:right;
}
#form-box input[type=submit], #form-box input[type=button]{
    cursor: pointer;
	min-width:90px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fddc97 9%, #f8c747 42%, #f4ec63 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(9%,#fddc97), color-stop(42%,#f8c747), color-stop(100%,#f4ec63)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fddc97 9%,#f8c747 42%,#f4ec63 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fddc97 9%,#f8c747 42%,#f4ec63 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fddc97 9%,#f8c747 42%,#f4ec63 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fddc97 9%,#f8c747 42%,#f4ec63 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f4ec63',GradientType=0 ); /* IE6-9 */
	border:1px solid rgb(215,132,45);
	border-radius:5px;
	padding:3px 8px 3px 8px;
	font-weight:bold;
}
#form-box input[type=submit]:hover,#form-box input[type=button]:hover{
    cursor: pointer;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #fffaff 9%, #ffe565 42%, #ffff81 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(9%,#fffaff), color-stop(42%,#ffe565), color-stop(100%,#ffff81)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#fffaff 9%,#ffe565 42%,#ffff81 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#fffaff 9%,#ffe565 42%,#ffff81 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#fffaff 9%,#ffe565 42%,#ffff81 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#fffaff 9%,#ffe565 42%,#ffff81 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffff81',GradientType=0 ); /* IE6-9 */
}
.backtologin{
	position:relative;
	float:left;
	text-decoration:none;
	color:#FFFFFF;
	font-size:10px;
	left:15px;
	top:5px;
}

#form-box #warning{
	font-size:10px;
	color:red;
	text-align:right;
}
/* END OF CSS FORM-BOX LOGIN */

/* CSS STEP */
#step{
	margin-bottom:10px;
}
#step img{
	position:relative;
	top:3px;
}
#step label{
	font-family:Corbel;
	font-size:13px;
	margin-right:18px;
}
/* END OF CSS STEP */

/* CSS TOPUP */
#topup-wrapper, .form-topup table#table-topup, .form-info table#table-info{
	font-family:Calibri;
	color:rgb(94,98,99);
	max-width:800px;
	font-size:16px;
}
#topup-wrapper, .form-topup table#table-topup{
	margin-left:10px;
}
 
#topup{
	margin-top:-35px;
	background-color:#FFFFFF;
	border:2px solid rgb(214,218,219);
	padding:40px 25px 10px 50px;
	min-height:250px;

}
.form-topup #step{
	margin-bottom:10px;
}
.form-topup #step img{
	position:relative;
	top:3px;
}

.form-topup #step label{
	font-size:small;
	margin-left:7px;
	margin-right:18px;
}
.form-topup table#table-topup th{
	padding:3px 5px 3px 5px;
	vertical-align:top;
	text-align:right;
	font-weight:normal;
}
.form-topup table#table-topup td #multiply{
	width:30px;
}
.form-topup table#table-topup td{
	padding:3px 5px 3px 5px;
}
/*.form-topup table#table-topup input[type=text],.form-topup table#table-topup select,.form-topup table textarea{
	width:180px;
	border:1px solid rgb(241,241,240);
	border-radius:5px 5px 5px 5px;
	resize:none;
	font-family:Calibri;
}
.form-topup table#table-topup input[type=number]{
	width:55px;
	border:1px solid rgb(241,241,240);
	border-radius:5px 5px 5px 5px;
	resize:none;
	padding:3px 5px 3px 5px;
}
.form-topup input[type=button],.form-topup input[type=submit]{
	padding:3px 5px 3px 5px;
	background: #ffffff;  Old browsers 
	background: -moz-linear-gradient(top,  #ffffff 0%, #edeeee 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edeeee));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edeeee 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #ffffff 0%,#edeeee 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #ffffff 0%,#edeeee 100%);  IE10+ 
	background: linear-gradient(to bottom,  #ffffff 0%,#edeeee 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeeee',GradientType=0 );  IE6-9 
	border:1px solid #c2c4c4;
	border-radius:3px;
	color:rgb(94,98,99);
	
}*/
/*.form-topup input[type=submit]{
	min-width:75px;
}
.form-topup input[type=button]:hover,.form-topup input[type=submit]:hover{
	background: #ffffff;  Old browsers 
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);  IE10+ 
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );  IE6-9 
}
*/

.form-info{
	position:relative;
	float:right;
	top:0px;
	padding:7px;
	background-color:rgb(241,241,240);
}
.form-info table#table-info{
	border:2px solid rgb(214,218,219);
	padding:10px;
}
.form-info table#table-info th{
	text-align:right;
	font-weight:normal;
}
.form-info h2{
	color:red;
	font-weight:normal;
	text-align:center;
	margin-bottom:10px;
}
/* END OF CSS TOPUP */

/* CSS TRANSAKSI */
#transaksi-wrapper, .form-transaksi table.table-transaksi, .form-info table#table-info{
	font-family:Calibri;
	color:rgb(94,98,99);
	max-width:700px;
	font-size:16px;
}
#transaksi-wrapper, .form-transaksi table.table-transaksi{
	margin-left:10px;
}

#transaksi{
	margin-top:-35px;
	background-color:#FFFFFF;
	border:2px solid rgb(214,218,219);
	padding:40px 25px 10px 50px;

}
.form-transaksi #step{
	margin-bottom:10px;
	color:rgb(170,170,170);
}
.form-transaksi #step img{
	position:relative;
	top:3px;
}
.form-transaksi red{
	color:red;
}
.form-transaksi #step label{
	font-size:small;
	margin-left:7px;
	margin-right:18px;
}

.form-transaksi table.table-transaksi th{
	padding:3px 5px 3px 5px;
	vertical-align:top;
	text-align:right;
	font-weight:normal;
}
.form-transaksi table.table-transaksi.tt2{
	margin:auto;
}
.form-transaksi table.table-transaksi.showData{
	font-size:12px;
}
.form-transaksi table.table-transaksi td{
	padding:3px 5px 3px 5px;
}
/*.form-transaksi table.table-transaksi input[type=text],.form-transaksi table.table-transaksi select,.form-transaksi table textarea{
	width:180px;
	border:1px solid rgb(241,241,240);
	border-radius:5px 5px 5px 5px;
	resize:none;
	font-family:Calibri;
}
.form-transaksi table.table-transaksi input[type=number]{
	width:55px;
	border:1px solid rgb(241,241,240);
	border-radius:5px 5px 5px 5px;
	resize:none;
	padding:3px 5px 3px 5px;
}
.form-transaksi table.table-transaksi input[readonly=true]{
	background-color:rgb(170,170,170);
}
.form-transaksi input[type=button],.form-transaksi input[type=submit]{
	padding:3px 5px 3px 5px;
	background: #ffffff;  Old browsers 
	background: -moz-linear-gradient(top,  #ffffff 0%, #edeeee 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edeeee));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#edeeee 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #ffffff 0%,#edeeee 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #ffffff 0%,#edeeee 100%);  IE10+ 
	background: linear-gradient(to bottom,  #ffffff 0%,#edeeee 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edeeee',GradientType=0 );  IE6-9 
	border:1px solid #c2c4c4;
	border-radius:3px;
	color:rgb(94,98,99);
	
}
.form-transaksi table.table-transaksi input[type=checkbox]{
	box-shadow:none;
	position:relative;
	top:2px;
	box-shadow:none;
	-ms-transform: scale(0.7);  IE 
	-moz-transform: scale(0.7);  FF 
	-webkit-transform: scale(0.7);  Safari and Chrome 
	-o-transform: scale(0.7);  Opera 
}*/
.form-transaksi input[type=submit]{
	min-width:75px;
}
/*.form-transaksi input[type=button]:hover,.form-transaksi input[type=submit]:hover{
	background: #ffffff;  Old browsers 
	background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%);  FF3.6+ 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e6e6e6));  Chrome,Safari4+ 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);  Chrome10+,Safari5.1+ 
	background: -o-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);  Opera 11.10+ 
	background: -ms-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%);  IE10+ 
	background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%);  W3C 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );  IE6-9 
}
.form-transaksi table.table-transaksi #datetimepicker{
	position:relative;
	top:4px;
}
.form-transaksi bold{
	font-weight:bold;
}

#divdatatable{
	margin-top:10px;
}*/
/* END OF CSS TRANSAKSI */


/* CSS SETTING - JABATAN USER DAN DAFTAR MENU */

#daftar-menu-wrapper,#jabatan-user-wrapper{
	position:relative;
	font-family:Calibri;
	color:rgb(94,98,99);
	max-width:700px;
	font-size:16px;
}
#jabatan-user-wrapper{
	float:left;
}
#daftar-menu-wrapper{
	float:right;
}
#daftar-menu,#jabatan-user{
	margin-top:-35px;
	background-color:#FFFFFF;
	border:2px solid rgb(214,218,219);
	padding:40px 10px 10px 35px;
}
#jabatan-user{
	width:290px;
}
#form-jabatan-user table#table-jabatan-user th{
	vertical-align:top;
	text-align:right;
	font-weight:normal;
	color:rgb(94,98,99);
	font-size:16px;
}
#form-daftar-menu{
	overflow-y:scroll;
	margin-bottom:10px;
	height:350px;
}
/*#form-daftar-menu table#table-daftar-menu input[type=checkbox]{
	box-shadow:none;
}*/
#form-daftar-menu table#table-daftar-menu td{
	border-bottom:1px solid #bcbdc0;
}
#form-daftar-menu table#table-daftar-menu th{
	color:white;
	padding:10px 10px 10px 10px;
	font-size:14px;
	font-weight:normal;
	background: #d98c3e; /* Old browsers */
	background: -moz-linear-gradient(top,  #d98c3e 0%, #faac4b 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d98c3e), color-stop(100%,#faac4b)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d98c3e 0%,#faac4b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d98c3e 0%,#faac4b 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d98c3e 0%,#faac4b 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d98c3e 0%,#faac4b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d98c3e', endColorstr='#faac4b',GradientType=0 ); /* IE6-9 */
}
#form-daftar-menu table#table-daftar-menu td#branch{
	border-bottom:none; 
	font-size:14px;
	font-weight:bold;
	color:red;
}
#form-daftar-menu table#table-daftar-menu td#leaf{
	font-size:12px;
	padding-left:20px;
	padding-right:7px;
}
/* END OF CSS SETTING - DAFTAR MENU DAN JABATAN USER */

/* CSS SETTING - CONFIRM MEMBERSHIP */
#confirm-membership-wrapper{
	font-family:Calibri;
	color:rgb(94,98,99);
	font-size:16px;
}
#confirm-membership{
	margin-top:-35px;
	background-color:#FFFFFF;
	border:2px solid rgb(214,218,219);
	padding:40px 35px 10px 35px;
}
#confirm-membership div#backtohome{
	position:relative;
	text-align:right;
	top:-30px;
	right:-20px;
}
#confirm-membership #spaceheader{
	margin-top:25px;
	color:red;
	font-size:17px;
	font-weight:bold;
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top,  #bbbbbb 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bbbbbb 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bbbbbb 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bbbbbb 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bbbbbb 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	padding:5px 0px 10px 10px;
}
/*#form-confirm-membership table#table-confirm-membership input[type=text],#form-confirm-membership table#table-confirm-membership select,#form-confirm-membership table textarea{
	width:180px;
	border:1px solid rgb(241,241,240);
	border-radius:5px 5px 5px 5px;
	resize:none;
	font-family:Calibri;
}*/
#form-confirm-membership table#table-confirm-membership input[readonly=true]{
	background-color:rgb(170,170,170);
}
#form-confirm-membership table#table-confirm-membership th{
	vertical-align:top;
	text-align:right;
	font-weight:normal;
	color:rgb(94,98,99);
	font-size:16px;
}
#form-confirm-membership p a{
	color:rgb(80,80,220);
}
/*#form-confirm-membership input[type=checkbox]{
	box-shadow:none;
}*/
/* END OF CSS SETTING - CONFIRM MEMBERSHIP */

/* CSS REGISTER */
#register-wrapper{
	font-family:Calibri;
	color:rgb(94,98,99);
	font-size:16px;
}
#register div#backtohome{
	position:relative;
	text-align:right;
	top:-30px;
	right:-20px;
}
#register{
	margin-top:-35px;
	background-color:#FFFFFF;
	border:2px solid rgb(214,218,219);
	padding:40px 35px 10px 35px;
}
#register #spaceheader{
	margin-top:25px;
	color:red;
	font-size:17px;
	font-weight:bold;
	background: #bbbbbb; /* Old browsers */
	background: -moz-linear-gradient(top,  #bbbbbb 0%, #eeeeee 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbbbbb), color-stop(100%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #bbbbbb 0%,#eeeeee 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #bbbbbb 0%,#eeeeee 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #bbbbbb 0%,#eeeeee 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #bbbbbb 0%,#eeeeee 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbbbbb', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */
	padding:5px 0px 10px 10px;
}
.form-register.kiri{
	position:relative;
	width:55%;
}
.form-register.kanan{
	position:relative;
	width:40%;
	float:right;
}
/*.form-register table#table-register input[type=text],.form-register table#table-register input[type=email], .form-register table#table-register select,.form-register table#table-register textarea,.form-register table#table-register input[type=password]{
	width:180px;
	border:1px solid rgb(241,241,240);
	border-radius:5px 5px 5px 5px;
	resize:none;
	font-family:Calibri;
}*/
.form-register.kiri table#table-register input[readonly=true],.form-register.kanan table#table-register input[readonly=true]{
	background-color:rgb(170,170,170);
}
.form-register.kiri table#table-register th,.form-register.kanan table#table-register th{
	vertical-align:top;
	text-align:right;
	font-weight:normal;
	color:rgb(94,98,99);
	font-size:16px;
	width:120px;
}
#register p a{
	color:rgb(80,80,220);
}
/*.form-register.kiri input[type=checkbox], .form-register.kanan input[type=checkbox]{
	box-shadow:none;
}*/
/* END OF CSS REGISTER */


/* CSS PEMBELIAN KA */
#pembelian-ka-wrapper{
	margin-left:auto;
	margin-right:auto;
	max-width:1100px;
}
table.table-data-passenger{
	font-family:Calibri;
	color:rgb(94,98,99);
	max-width:700px;
	font-size:16px;
}
#pembelian-ka{
	margin-top:-35px;
	font-family:Euphemia;
	background-color:#FFFFFF;
	border:2px solid rgb(214,218,219);
	padding:40px 30px 10px 30px;
	min-height:130px;
}

.form-pembelian-ka div{
	float:left;
	overflow:hidden;
	margin:10px 10px 10px 10px;
}

.clear{
	clear:left;
}
table.table-data-passenger td{
	padding-bottom:15px;
	width:300px;
	
	vertical-align:top;
}
table.table-data-passenger td{
	font-size:18px;
}
table.table-data-passenger.form th{
	padding:3px 5px 3px 5px;
	vertical-align:top;
	text-align:right;
	font-weight:normal;
	min-width:60px;
}
table.table-data-passenger.form td{
	/*padding:3px 5px 3px 5px;*/
        padding: 3px 0px 3px 3px
}
table.table-data-passenger.form.layout2 th{
	min-width:0px;
}
.seat-form{
	text-align:center;
	width:400px;
	min-height:550px;
}
.seat-form #seat-selection{
/*	background-image:url('../images/kai_bg.png');
	background-size:280px auto;
	background-repeat:no-repeat;
	background-position:center;*/
	width:auto;
	margin:10px auto 10px auto;
	height:auto;
	padding:10px 0px;
}
.seat-form #seat-selection .seat{
	width:45px;
	display:inline-block;
	margin:1px;
	color:white !important;
	padding-top:10px;
	padding-bottom:10px;
	font-size:10px;
	border-radius:5px;
	cursor:pointer;
}
.seat-form #seat-selection .seat.na{
	background-color:red;
}
.seat-form #seat-selection .seat.a{
	background-color:#0b8236;
}
.seat-form #seat-selection .seat.y{
	background-color:8ccdf1;
}
.seat-form #seat-selection .seat.space{
	width:30px;
}
.seat-form #seat-selection .seat:hover{
	opacity:0.50;
}
.seat-info{
	float:right;
	width:500px;
}

.btnGerbong label{
	color:#aaaaaa;
	background-color:#eeeeee;
	padding:3px 10px 3px 10px;
	font-size:11px;
	margin:auto;
	cursor:pointer;
	border-radius:5px;
}
.btnGerbong input[type=button]{
	display:none;
}
.btnGerbong label:hover{
	color:white;
	background-color:#fcb040;
}

.btnGerbong label #arrow-up{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #aaaaaa;
	position:relative;
	margin-left:5px;
	top:-12px;
}
.btnGerbong label #arrow-down{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid #aaaaaa;
	position:relative;
	margin-left:5px;
	top:12px;
}
.btnGerbong label:hover > #arrow-up{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid white;
}
.btnGerbong label:hover > #arrow-down{
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 8px solid white;
}
/* END OF CSS PEMBELIAN KA */