/* Additional IE specific bug fixes... */
* html .ui-tabs-nav {
/* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}
*:first-child+html .ui-tabs-nav {
/* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
	}

*{
	font-family:Arial,Helvetica,sans-serif;
	font-size: 13px;
	}

body {
	margin:0;
	padding:0;
	line-height:150%;
	}

select{
	padding:1px;
	}

input{
	margin:1px;
	padding:0px;
	}

label{
	margin:1px;
	padding:0px;
	}


input:disabled {
    color:#FFFFFF;
    background-color:#CCCCCC;
	}

a:link, a:visited{
	color : #0000cd;
	text-decoration : underline;
	}

a:hover {
	color: #CC6600;
}

#container{
	margin:0 auto;
	max-width:1200px;
	min-width:960px;
	width:96%;
	}

.clearfix {
	 /zoom:1;
	}

.clearfix:after {
	content:'';
	display:block;
	clear:both;
	}

.btn_delete1{/*status_delete.gif*/
	padding-left:5px
	}
.btn_delete img {
	border:none;
}

/*-----------------------------------------------
Ascending/Descending order icon
-------------------------------------------------*/
th a.asc:after {
    content: url(../img/triangle_up.png);
	}

th a.desc:after {
    content: url(../img/triangle_down.png);
	}


/*------------------------------------------------
optional contents Open & close function
-------------------------------------------------*/
h3.previous_day_checkin_trigger {
	margin: 7px 0;
	padding: 0 0 0em 20px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	background: url("../img/plus_square.gif") left top no-repeat;
	white-space: nowrap;
	display: inline-block;
	}

h3.previous_day_checkin_open {
	margin: 7px 0;
	padding: 0 0 0em 20px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	background: url("../img/minus_square.gif") left top no-repeat;
	white-space: nowrap;
	display: inline-block;
	}

h3.previous_day_pickup_trigger {
	margin: 7px 0;
	padding: 0 0 0em 20px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	background: url("../img/plus_square.gif") left top no-repeat;
	white-space: nowrap;
	display: inline-block;
	}

h3.previous_day_pickup_open {
	margin: 7px 0;
	padding: 0 0 0em 20px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	background: url("../img/minus_square.gif") left top no-repeat;
	white-space: nowrap;
	display: inline-block;
	}

h3.trigger {
	margin: 7px 0;
	padding: 0 0 0em 20px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	background: url("../img/plus_square.gif") left top no-repeat;
	white-space: nowrap;
	display: inline-block;
	}
h3.trigger3 {
	margin: 7px 0;
	padding: 0 0 0em 20px;
	font-size: 1em;
	font-weight: normal;
	line-height: 1.5em;
	background: url("../img/plus_square.gif") left top no-repeat;
	white-space: nowrap;
	display: inline-block;
	}

h3.triggerMap {
    background: url("../img/plus_square.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 1em;
    font-weight: normal;
    line-height: 1.5em;
    margin: 7px 0;
    padding: 0 0 0 20px;
    white-space: nowrap;
}
/* added by Ishida 2012.9.27 */
.trigger-align{
	position:relative;
	left: -20px;
	top: 0px;
}

h3.trigger a {
	display: inline-block;
	/*overflow: hidden;*/
	outline: none;
	white-space: nowrap;
	}
h3.trigger3 a {
	display: inline-block;
	/*overflow: hidden;*/
	outline: none;
	white-space: nowrap;
	}


h3.active {
	width: 200px;
	padding: 0 0 0 20px;
	background: url("../img/minus_square.gif") left top no-repeat;
	}

.toggle_container {
	margin: 0;
	padding: 0;
	overflow: hidden;
	width: 100%;
	clear: both;
	}

/* Question mark layout */
.q1 img {
	margin-left: 4px;
	margin-bottom: -3px;
	line-height: 1em;
	}

.agent_name_input {
   width:160px;
	}

.float_l {
	float: left;
	}

.float_r {
	float: right;
	}

.green_text{
	color:#008000;
	}

.red_text{
	color:#ff0000;
	}

.orange_text{
	color:#FF9900;
	}

.green_field{
	background-color:#DEFFCD;
	}

/* -----------------------------------------
Text field default text color
--------------------------------------------*/
.please_input{
	color:#666;
	}

.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav
.ui-tabs-deselectable a:hover,
.ui-tabs-nav
.ui-tabs-deselectable a:focus,
.ui-tabs-nav
.ui-tabs-deselectable a:active {
/* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
	}

.no_border_all {
	border:none !important;
	}

.no_border_bottom {
	border-bottom:none !important;
	}

.no_border_top {
	border-top:none !important;
	}

.no_border_top_and_bottom {
	border-bottom:none !important;
	border-top:none !important;
	}

table.cancellation_charge_amount input[type=text],
table.update_charge_amount input[type=text] {
	width:30px;
	text-align:right;
	}

table.update_charge_amount_detail {
	font-size:0.8em;
	}

table.top_booking_list {
	border-collapse:collapse;
	border:1px solid #ccc;
	width:100%;
	}

table#search_parameters {
	margin: 20px auto;
	width: 100%;
	border-collapse:collapse;
	}

/*--------------------------------------------
 submit button
 ----------------------------------------------*/
a.submit_btn {
	background:url("../img/btn_common_left.png") no-repeat left top;
	height:20px;
	display:block;
	float:left;
	padding:0 0 0 30px;
	text-decoration:none;
	color:#000;
	}

a.submit_btn span {
	background:url("../img/btn_common_right.png") no-repeat right top;
	display:block;
	padding:2px 30px 4px 0px;
	height:20px;
	float:left;
	text-align:center;
	cursor: pointer;
	white-space:nowrap;
	}
a.submit_btn:hover {
	color: #333 !important;
}

/*--------------------------------------------
 submit button 2 *want to delete!
 ----------------------------------------------*/
a.btn_text2 {
	background:url("../img/btn_common_left.png") no-repeat left top;
	height:20px;
	display:block;
	float:left;
	padding:0 0 0 30px;
	text-decoration:none;
	color:#000;
	}

a.btn_text2 span {
	background:url("../img/btn_common_right.png") no-repeat right top;
	display:block;
	padding:2px 30px 4px 0px;
	height:20px;
	float:left;
	text-align:center;
	cursor: pointer;
	}

/*--------------------------------------------
 submit button 3 *want to delete!
 ----------------------------------------------*/
a.btn_text_normal{
	background:url("../img/btn_common_left.png") no-repeat left top;
	height:20px;
	display:block;
	float:left;
	padding:0 0 0 30px;
	text-decoration:none;
	color:#000;
	margin-right:10px;
	}

a.btn_text_normal span{
	background:url("../img/btn_common_right.png") no-repeat right top;
	display:block;
	padding:2px 20px 4px 0px;
	margin-left:-10px;
	height:20px;
	float:left;
	text-align:center;
	}



/*--------------------------------------------
successed
 ----------------------------------------------*/
.success_box
.success_frame {
	border:1px solid #76A13D;
	background-color:#FFFFDD;
	width:700px;
	padding-left:5px
	}

#top_alert{
	padding:8px 15px 8px 40px;
	border-top:1px solid #FF6600;
	border-bottom:1px solid #FF6600;
	background: url(../img/notice.png) 15px 50% no-repeat #FFE2FF;
	font-weight:bold;
	}

#top_success{
	padding:8px 15px 8px 40px;
	border-top:1px solid #363;
	border-bottom:1px solid #363;
	background: url(../img/icon_checked.png) 15px 50% no-repeat #D1FF8C;
	font-weight:bold;
	}

/*-----------------------------------------
Loading Backgroud layer
----------------------------------------- */
#loadingPopupFrame1,#loadingPopupFrame2{
	top:0px;
	left:0px;
	width:10000px;
	height:10000px;
	background-color:#333;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	position:absolute;
	z-index:100;
	overflow:hidden;
}

#loadingPopupFrame1{
	background-color:#333;
}

#loadingPopupContents{
	position:absolute;
	overflow:hidden;
	z-index:101;
}

/******
Tutorial Overlay Layer Style
******/
.tutorial_layer {
    background: rgba(0,0,0,0.6);
    cursor: pointer;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.tutorial_layer .instruction_pointer,
.tutorial_layer .instruction_text {
    position: fixed;
}

.tutorial_layer .instruction_pointer {
    background: rgba(255,255,255,0.3) url(/_ptr/en/img/hand_cursor.png) no-repeat center center;
    border: 4px solid #99cc00;
    border-radius: 100px;
    box-shadow: inset 0 0 5px tomato, 0 0 5px black;
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.7), 0 1px 5px rgba(153, 204, 0, 0.7); /* inset, outset */
    height: 54px;
    width: 54px;
    animation-name: animate_instruction_pointer;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

.tutorial_layer .instruction_text {
    color: #fff;
    font-size: 18px;
}

@keyframes animate_instruction_pointer {
    0% {background-position: bottom center;}
    50% {background-position: center center;}
    100% {background-position: bottom center;}
}

/* Survey Banner */
.has_survey_link {
    float: left;
}

#survey_banner {
    background-color: #fde586;
    background-image: url(/_ptr/en/img/icon_survey.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    background-size: 18px auto;
    border-radius: 5px;
    position: absolute;
    top: 12px;
    right: 10px;
    padding: 5px 5px 5px 30px;
}

#survey_banner a {
    background: #f19300;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.2);
    color: #fff;
    font-size: 12px !important;
    margin-left: 5px;
    padding: 3px 8px;
    text-decoration: none;
}

#survey_banner a:hover {
    background: #fff;
    color: #f19300;
}

/******** NEW PTR DESIGN 2017 ********/

/*-----------------------------------------------
Ascending/Descending order icon
-------------------------------------------------*/
th.def_img a.asc{
    background-image: url(/_ptr/en/img/v2017/icons/blue_arrow_sort_up.png);
    background-size:14px;
    background-position:right center;
    background-repeat:no-repeat;
    display:inline-block;
    padding-right:18px;
	}

th.def_img a.desc,
th.def_img a{
    background-image: url(/_ptr/en/img/v2017/icons/black_arrow_sort_down.png);
    background-size:14px;
    background-position:right center;
    background-repeat:no-repeat;
    display:inline-block;
    padding-right:18px;
	}