/* Seat Map Styles */
#unitMapPax
{
	/*float:left; /* Sean 30 Mar */
	float: right;
	width: 230px;
	padding: 0;
	margin: 0;
}
.umpAtAGlanceDivHeader
{
	background-image: url(../../images/Citilink/citilink_bg-box-header.png);
	background-repeat: repeat-x;
	height: 25px;
	text-indent: 15px;
	padding: 6px 0 0 0;
	margin: 0;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	width: 248px; border-radius:4px 4px 0px 0px;-moz-border-radius:4px 4px 0px 0px;-webkit-border-radius:4px 4px 0px 0px/*width:263px;*/
	/*  width: 250px; Sean 26 Mar , Naresh Comment 6th april*/
}

.umpAtAGlanceDivBody
{
	margin: 0;
	width: 240px; /* Sean edited*/
	padding: 5px 5px 5px 6px; /*background-image: url(../../images/Citilink/glance-body-bg.gif);*/
	/* background-color: #fff; */
	font-size: .9em;
}

.umpAtAGlanceDivFooter
{
	/*background-image: url(../../images/Citilink/glance-foot.gif);
	background-color: #fff;*/
	border-bottom: 1px height:17px;
	width: 240px;
	margin: 0 0 10px 0;
	padding: 0;
}

.seatSelect input
{
	width: 32px;
	font-size: 90%;
	border: 0;
	border: 1px solid #666;
	margin: 5px 0;
}

.unitMapViewTrain
{
	overflow: auto;
	position: absolute;
	width: 384px;
	height: 402px;
	padding: 0;
	margin: 0 0 0 15px;
}

.unitMapViewJetAircraft
{
	overflow: auto;
	position: absolute;
	width: 90%;
	height: 402px;
	float: left; /*width: 636px;*/ /* Sean 30 Mar */ /*height: 325px;*/ /* Sean 30 Mar */
	margin: 0 0 0 0px;
	padding: 0 0 0 40px;
	scrolltop: 300;
}

#unitMap
{
	float: right; /*float:left;*/ /* Sean 30 Mar */ /*width:510px;*/
	height: 525px;
	padding: 0;
}

#unitMap var
{
	color: #123cda;
	font-weight: bold;
	display: block;
	text-align: center;
	border: 1px solid #000;
	background-color: #ddd;
	margin: 5px auto;
	padding: 0pt 5px;
	width: 60px;
}

#Train
{
	/*background-image:url(../../images/Citilink/equipment/train-background.gif);*/
	overflow: auto;
	float: right;
	width: 400px;
	height: 405px;
}


#seatMapAtAGlanceContent
{
	float: right; /*width: 210px;*/ /*width: 248px;*/ /* Sean 26 Mar */
	width: 269px; /*margin-top: 16px;*/ /*Ravi 12 Apr*/
	margin-top: 37px;
	padding: 0; /*background: white;*/
	margin-bottom: 20px;
	color: #959595;
	font-size: 14px;
	margin-bottom: 20px; /* moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2); */
}



.atAGlanceDivPullFooter
{
	background-image: url(../../images/Citilink/glance-footPullDown.gif);
	height: 17px;
	width: 210px;
	margin: 0 0 10px 0;
	padding: 0;
}

#seatMapMainContent
{
	/*width:544px;*/
	width: 685px; /* Sean 26 Mar */
	float: left; /* Sean 26 Mar */
	/*margin-left: 26px;*/
	/*margin-top: 16px;*/
	padding: 0;
	border: 1px solid #DADADA;
	border-bottom: 7px solid #00A74A !important;
	background: white;
	border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;
}

.unitMapViewTrain, .unitMapViewJetAircraft, #heightDiv, .equipmentCompartments
{
	/*height: 402px;*/
	height: 100%;
}

#unitTipId
{
	background-color: #fff;
	position: absolute;
	z-index: 100;
	border: 1px solid #000;
	padding: 5px 10px;
	font-size: 80%;
	width: 180px;
}

.equipmentCompartments
{
	overflow: auto;
	float: left; /*width: 100px;*/
	overflow: auto;
	margin: 0;
}


#findSeatsBtn
{
	margin: 10px;
}


.JetAircraft
{
	background-image: url(../../images/Citilink/equipment/back-clouds.jpg);
}

#filterDivBody
{
}

#filterDivBody a:link, #filterDivBody a:visited, #filterDivBody a:hover, #filterDivBody a:active
{
	margin-right: 10px;
}

#filterDivBody .formCheckbox
{
	padding: 0;
	margin-top: 5px;
}

#filterDivBody .formCheckbox input
{
	float: left;
}

#filterDivBody .formCheckbox label
{
	margin: 0 1em 5px 4px;
	padding: 0;
}


/* ***************************************************************** */

#unitMap img
{
	margin: 0;
	padding: 0;
}

.unitMapViewTrain div, .unitMapViewJetAircraft div
{
	position: absolute;
	top: 5px;
}

/* ************* cars and decks *********************************** */

.car
{
	border: 1px solid #000;
	margin: 5px auto;
	height: 100px;
	width: 60px;
	background: #999;
	cursor: pointer;
	padding: 0 5px;
	font-size: 80%;
}

.carSelected
{
	background: #DDD;
}

#deckTabs
{
	width: 385px;
	margin: 0;
	float: right;
	height: 25px;
}

/* ************ assignable units ******************************** */

.unit
{
	background-position: center;
	position: absolute;
}


.aUnit
{
	left: 0;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-position: center;
	position: absolute;
}

/*Ravi*/
.seat
{
	width: 28px;
	height: 28px;
	background-color: #eee;
}

.NS_Open_0
{
	background-image: url(../../images/Citilink/equipment/seat_available_0.gif);
}
.NS_Open_90
{
	background-image: url(../../images/Citilink/equipment/seat_available_90.gif);
}
.NS_Open_180
{
	background-image: url(../../images/Citilink/equipment/seat_available_180.gif);
}
.NS_Open_270
{
	background-image: url(../../images/Citilink/equipment/seat_available_270.gif);
}
.NS_Restricted_0, .NS_Blocked_0, .NS_Reserved_0
{
	background-image: url(../../images/Citilink/equipment/seat_restricted_0.gif);
}
.NS_Restricted_90, .NS_Blocked_90, .NS_Reserved_90
{
	background-image: url(../../images/Citilink/equipment/seat_restricted_90.gif);
}
.NS_Restricted_180, .NS_Blocked_180, .NS_Reserved_180
{
	background-image: url(../../images/Citilink/equipment/seat_restricted_180.gif);
}
.NS_Restricted_270, .NS_Blocked_270, .NS_Reserved_270
{
	background-image: url(../../images/Citilink/equipment/seat_restricted_270.gif);
}

.unit_match_0
{
	background-image: url(../../images/Citilink/equipment/seat_match_0.gif);
}
.unit_match_90
{
	background-image: url(../../images/Citilink/equipment/seat_match_90.gif);
}
.unit_match_180
{
	background-image: url(../../images/Citilink/equipment/seat_match_180.gif);
}
.unit_match_270
{
	background-image: url(../../images/Citilink/equipment/seat_match_270.gif);
}

.seat_blocked_0, .seat_blocked_90, .seat_blocked_180, .seat_blocked_270
{
	background-color: #eee;
}


.NS_Selected_0
{
	background-image: url(../../images/Citilink/equipment/seat_selected_0.gif);
}
.NS_Selected_90
{
	background-image: url(../../images/Citilink/equipment/seat_selected_90.gif);
}
.NS_Selected_180
{
	background-image: url(../../images/Citilink/equipment/seat_selected_180.gif);
}
.NS_Selected_270
{
	background-image: url(../../images/Citilink/equipment/seat_selected_270.gif);
}



/* couchette */
.ch_1_0
{
	background-image: url(../../images/Citilink/equipment/bed1_0.gif);
}
.ch_1_90
{
	background-image: url(../../images/Citilink/equipment/bed1_90.gif);
}
.ch_2_2_0
{
	background-image: url(../../images/Citilink/equipment/bed2_2_0.gif);
}
.ch_2_2_90
{
	background-image: url(../../images/Citilink/equipment/bed2_2_90.gif);
}
.ch_2_3_0
{
	background-image: url(../../images/Citilink/equipment/bed2_3_0.gif);
}
.ch_2_3_90
{
	background-image: url(../../images/Citilink/equipment/bed2_3_90.gif);
}
.ch_3_0
{
	background-image: url(../../images/Citilink/equipment/bed3_0.gif);
}
.ch_3_90
{
	background-image: url(../../images/Citilink/equipment/bed3_90.gif);
}

.ch_selected_1_0
{
	background-image: url(../../images/Citilink/equipment/bed_selected_1_0.gif);
}
.ch_selected_1_90
{
	background-image: url(../../images/Citilink/equipment/bed_selected_1_90.gif);
}
.ch_selected_2_2_0
{
	background-image: url(../../images/Citilink/equipment/bed_selected_2_2_0.gif);
}
.ch_selected_2_2_90
{
	background-image: url(../../images/Citilink/equipment/bed_selected_2_2_90.gif);
}
.ch_selected_2_3_0
{
	background-image: url(../../images/Citilink/equipment/bed_selected_2_3_0.gif);
}
.ch_selected_2_3_90
{
	background-image: url(../../images/Citilink/equipment/bed_selected_2_3_90.gif);
}
.ch_selected_3_0
{
	background-image: url(../../images/Citilink/equipment/bed_selected_3_0.gif);
}
.ch_selected_3_90
{
	background-image: url(../../images/Citilink/equipment/bed_selected_3_90.gif);
}

.unitGroupKey
{
	padding: 2px;
	margin: 0;
	border: solid 1px black;
	float: left;
	height: 8px;
	width: 8px;
}
.unitGroup0
{
	background-color: #d3e7f2;
}
.unitGroup1
{
	background-color: #afd0ee;
}
.unitGroup2
{
	background-color: #71ade0;
}
.unitGroup3
{
	background-color: #3874a8;
}
.unitGroup4
{
	background-color: #224c70;
}
.unitGroup5
{
	background-color: #0b2942;
}
.unitGroup6
{
	background-color: #dfdfdf;
}
.unitGroup7
{
	background-color: #b5b5b5;
}
.unitGroup8
{
	background-color: #838383;
}
.unitGroup9
{
	background-color: #5e5e5e;
}
.unitGroup10
{
	background-color: #000000;
}
.unitGroup11
{
	background-color: #c4ff60;
}

/* *************************** other units ********************* */

.bulkhead
{
	background-image: url(../../images/equipment/bulkhead.gif);
	width: 28px;
	height: 28px;
}

.stairs
{
	background-image: url(../../images/Citilink/equipment/stairs.gif);
	width: 28px;
	height: 28px;
	cursor: pointer;
}


/* train */
.wall
{
	background-color: #555;
	border: 1px solid silver;
	background-image: url(../../images/Citilink/equipment/wall.gif);
}

/* plane */
.wallLeft
{
	background-position: right;
	background-image: url(../../images/Citilink/equipment/wall-right.gif);
	background-repeat: repeat-y;
}

.wallRight
{
	background-position: left;
	background-image: url(../../images/Citilink/equipment/wall-left.gif);
	background-repeat: repeat-y;
}


.window
{
	background: #EEF;
	width: 14px;
}

/* other paintings */

.floor
{
	background: #ffffff;
}


/* passengerListTable */

#passengerListTable, #seatingLegend
{
	margin: 10px 0 40px;
	width: 80%;
}

.wMedsAll input
{
	width: 40px;
}
/*delete*/

.activePassenger
{
	color: Red;
}

.activePassenger input
{
	background: #FFCCCC;
}

input.activeUnitInput
{
	background: #FFCCCC !important;
}

.activeUnitMap
{
	background: #FFCCCC;
}

.unitInput
{
	width: 60px;
}

#seatLegendBody
{
	margin: 0;
	width: 385px;
	height: 60px;
	float: right;
	padding: 5px 0;
	display: block;
	clear: both;
	border-top: 0;
	color: #fff;
	background-color: #000;
	background-image: url(../../images/Citilink/equipment/seatLegendBack.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

#seatLegendBody div
{
	float: left;
	margin: 0;
	padding: 2px 2px 4px 8px;
	font-size: 70%;
}

#seatLegendBody div ul
{
	display: block;
	float: none;
	margin: 0;
	padding: 0;
	position: relative;
	list-style: none;
}

#seatLegendBody div ul li
{
	display: block;
	margin: 1px 0;
	padding: 1px 0;
}

#seatLegendBody div ul li img
{
	margin: 0 4px 0 0;
	float: left;
	position: relative;
}

#mainLegend
{
	/*width: 80px;
	height: 80px;*/
}
#mainLegend ul
{
	width: 80px;
}
#mainLegend ul li
{
	width: 88px;
}
#mainLegend ul li img
{
	top: 0px;
}
#mainLegend span
{
	font-size: 14px;
	/*width: 80px;
	height: 80px;*/
}


#propLegend
{
	width: 180px;
}
#propLegend ul
{
	width: 180px;
}
#propLegend ul li
{
	width: 140px;
	float: left;
}
#propLegend ul li img
{
	top: 4px;
}

.unitGroup
{
	width: 70px;
	float: left;
	margin: 2px 0;
}

.unitBody
{
	background-color: #D2D2D2;
	padding: 5px 10px;
	width: 363px;
	float: right;
	border: 1px solid #959595;
}

.unitBody samp
{
	float: left;
	font: normal 85% Verdana, Arial, Helvetica, sans-serif;
}

#passengerListBody a:link, #passengerListBody a:visited, #passengerListBody a:hover, #passengerListBody a:active
{
	color: #fff;
}


.seatAssignPerson
{
	display: block;
	clear: both;
}

.seatSegment
{
	float: none;
	margin: 0;
	padding: 0pt 2px;
	width: 60px;
}

.seatSelect
{
	float: none;
	margin: 0;
	padding: 0pt 2px;
	width: 60px;
}

.seatSelectLeg
{
	float: left;
	clear: both;
}

.property_NS_0
{
	position: absolute;
	top: 0px;
	left: 0;
}
.property_NS_1
{
	position: absolute;
	top: 9px;
	left: 0;
}
.property_NS_2
{
	position: absolute;
	top: 18px;
	left: 0;
}
.property_NS_3
{
	position: absolute;
	top: 18px;
	left: 9px;
}
.property_NS_4
{
	position: absolute;
	top: 18px;
	left: 18px;
}

/* normal seat - train */

.property_NS_TRAIN_0
{
	position: absolute;
	top: 2px;
	left: 0;
}
.property_NS_TRAIN_1
{
	position: absolute;
	top: 11px;
	left: 0;
}
.property_NS_TRAIN_2
{
	position: absolute;
	top: 20px;
	left: 0;
}
.property_NS_TRAIN_3
{
	position: absolute;
	top: 29px;
	left: 0;
}
.property_NS_TRAIN_4
{
	position: absolute;
	top: 38px;
	left: 0;
}

/* large seat - vertical */

.property_LS_TRAINV_0
{
	position: absolute;
	top: 2px;
	left: 0;
}
.property_LS_TRAINV_1
{
	position: absolute;
	top: 11px;
	left: 0;
}
.property_LS_TRAINV_2
{
	position: absolute;
	top: 20px;
	left: 0;
}
.property_LS_TRAINV_3
{
	position: absolute;
	top: 29px;
	left: 0;
}
.property_LS_TRAINV_4
{
	position: absolute;
	top: 38px;
	left: 0;
}
.property_LS_TRAINV_5
{
	position: absolute;
	top: 46px;
	left: 0;
}
.property_LS_TRAINV_6
{
	position: absolute;
	top: 56px;
	left: 0;
}

/* large seat - horizontal */

.property_LS_TRAINH_0
{
	position: absolute;
	top: 2px;
	left: 0;
}
.property_LS_TRAINH_1
{
	position: absolute;
	top: 11px;
	left: 0;
}
.property_LS_TRAINH_2
{
	position: absolute;
	top: 20px;
	left: 0;
}
.property_LS_TRAINH_3
{
	position: absolute;
	top: 29px;
	left: 0;
}
.property_LS_TRAINH_4
{
	position: absolute;
	top: 38px;
	left: 0;
}
.property_LS_TRAINH_5
{
	position: absolute;
	top: 38px;
	left: 9px;
}
.property_LS_TRAINH_6
{
	position: absolute;
	top: 38px;
	left: 18px;
}

/* bed */

.property_B1_0
{
	position: absolute;
	top: 0px;
	left: 0;
}
.property_B1_1
{
	position: absolute;
	top: 9px;
	left: 0;
}
.property_B1_2
{
	position: absolute;
	top: 18px;
	left: 0;
}
.property_B1_3
{
	position: absolute;
	top: 27px;
	left: 0;
}
.property_B1_4
{
	position: absolute;
	top: 36px;
	left: 0;
}

.property_B2_0
{
	position: absolute;
	top: 0px;
	left: 0;
}
.property_B2_1
{
	position: absolute;
	top: 9px;
	left: 0;
}
.property_B2_2
{
	position: absolute;
	top: 18px;
	left: 0;
}
.property_B2_3
{
	position: absolute;
	top: 27px;
	left: 0;
}
.property_B2_4
{
	position: absolute;
	top: 36px;
	left: 0;
}

.property_B3_0
{
	position: absolute;
	top: 0px;
	left: 0;
}
.property_B3_1
{
	position: absolute;
	top: 9px;
	left: 0;
}
.property_B3_2
{
	position: absolute;
	top: 18px;
	left: 0;
}
.property_B3_3
{
	position: absolute;
	top: 27px;
	left: 0;
}
.property_B3_4
{
	position: absolute;
	top: 36px;
	left: 0;
}

.property_B4_0
{
	position: absolute;
	top: 0px;
	left: 0;
}
.property_B4_1
{
	position: absolute;
	top: 9px;
	left: 0;
}
.property_B4_2
{
	position: absolute;
	top: 18px;
	left: 0;
}
.property_B4_3
{
	position: absolute;
	top: 27px;
	left: 0;
}
.property_B4_4
{
	position: absolute;
	top: 36px;
	left: 0;
}

.property_B5_0
{
	position: absolute;
	top: 0px;
	left: 0;
}
.property_B5_1
{
	position: absolute;
	top: 9px;
	left: 0;
}
.property_B5_2
{
	position: absolute;
	top: 18px;
	left: 0;
}
.property_B5_3
{
	position: absolute;
	top: 27px;
	left: 0;
}
.property_B5_4
{
	position: absolute;
	top: 36px;
	left: 0;
}

.property_B6_0
{
	position: absolute;
	top: 0px;
	left: 0;
}
.property_B6_1
{
	position: absolute;
	top: 9px;
	left: 0;
}
.property_B6_2
{
	position: absolute;
	top: 18px;
	left: 0;
}
.property_B6_3
{
	position: absolute;
	top: 27px;
	left: 0;
}
.property_B6_4
{
	position: absolute;
	top: 36px;
	left: 0;
}

acronym
{
	padding: 0;
	margin: 8px 0 0 8px;
	font-size: 10px;
	position: absolute;
	z-index: 100;
	left: 0px;
	color: #000;
	font-family: Arial;
}

acronym + acronym
{
	padding: 0;
	margin: 8px 0 0 8px;
	font-size: 10px;
	position: absolute;
	z-index: 100;
	left: 0;
	color: #fff;
	font-family: Arial;
}

.unit
{
	background-repeat: repeat-y;
}

.noRepeat
{
	background-repeat: no-repeat;
}

.tile0
{
	background-repeat: repeat-y;
	background-position: top;
}
.tile90
{
	background-repeat: repeat-x;
	background-position: left;
}
.tile180
{
	background-repeat: repeat-y;
	background-position: top;
}
.tile270
{
	background-repeat: repeat-x;
	background-position: left;
}

.closeButton
{
	position: absolute;
	margin: 0;
	padding: 0;
	background-color: Transparent;
}
.closeButton a:link
{
	color: #fff;
	display: block;
	width: 97%;
	padding: 0 24px 4px 0;
}
.closeButton a:visited
{
	color: #fff;
}
.closeButton a:hover
{
	color: #fff;
}
.closeButton a:active
{
	color: #fff;
}
.closeButton a
{
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin: 0;
	padding: 0;
	display: block;
}

#seatSSRtotal
{
	border-top: 2px solid #000;
	text-align: right;
	margin: 10px 5px 20px 0;
	clear: both;
	padding-top: 5px;
}


#compHead
{
	background-image: url(../../images/Citilink/Equipment/train-nose.gif);
	height: 120px;
	width: 336px;
	clear: both;
	position: absolute;
	top: -100px;
	left: 30px;
	z-index: 9998;
}

#compTail
{
	background-image: url(../../images/Citilink/Equipment/train-tail.gif);
	height: 168px;
	width: 336px;
	top: 570px;
	left: 30px;
	z-index: 9999;
}


#selectMainBodyTop
{
	margin: -5px 0 0 0;
	padding: 0;
}

#confirmSeatContainer
{
	height: 250px;
	width: 376px;
	margin: 0;
	padding: 0;
	float: right;
}

#confirmSeatContainer h6
{
	color: #fff;
}

#confirmScroll
{
	height: 220px;
	overflow: auto;
}

.fillBackground
{
	background-color: #b5b5b5;
}

#propertyId
{
	overflow: auto;
	width: 540px;
	height: 240px;
	margin: 5px 0 10px;
	font-size: 80%;
}

.propertyEquipmentSet
{
	width: 235px;
	float: left;
	margin: 15px 15px 5px 10px;
}

#propertyId label
{
	clear: none;
	float: none;
	margin: 5px 1em 5px 0;
	padding: 5px 0 0;
	text-align: left;
	width: 6em;
}

#propertyId span
{
	float: left;
	width: 230px;
	margin: 2px 0 0 20px;
}

.seat-price{
    font-size:16px;
}

.hlp-popup-image {
	height: 406px;
	position: absolute;
	top: 0;
}

.btn-continue-payment {
	height: 40px !important;
	width: 100% !important;
	font-size: 15px !important;
}

.hlp-popup-dialog {
	height: 450px !important;
	width: 450px !important;
}

	.hlp-popup-dialog > .ui-dialog-titlebar {
		height: 30px !important;
		width: 450px !important;
		left: 0;
		top: -30px !important;
	}

.ui-dialog-titlebar-close {
	visibility: hidden;
}

.ui-dialog .ui-dialog-titlebar {
	height: 40px;
	position: inherit;
	width: 100%;
	left: 0px;
	top: -40px;
}

.ui-helper-clearfix {
	position: absolute;
	top: 406px;
	width: 450px;
}

.ui-datepicker-header.ui-helper-clearfix {
	position: unset;
	top: unset;
	width: unset;
}