/* Font faces */
	@font-face {
		font-family: 'Lato';
		src: url('../fonts/lato/lato-black-webfont.eot');
		src: url('../fonts/lato/lato-black-webfont.eot?#iefix')
			format('embedded-opentype'),
			url('../fonts/lato/lato-black-webfont.woff') format('woff'),
			url('../fonts/lato/lato-black-webfont.ttf') format('truetype'),
			url('../fonts/lato/lato-black-webfont.svg#latoblack') format('svg');
		font-weight: 900;
		font-style: normal;
	}

	@font-face {
		font-family: 'Lato';
		src: url('../fonts/lato/lato-bold-webfont.eot');
		src: url('../fonts/lato/lato-bold-webfont.eot?#iefix')
			format('embedded-opentype'),
			url('../fonts/lato/lato-bold-webfont.woff') format('woff'),
			url('../fonts/lato/lato-bold-webfont.ttf') format('truetype'),
			url('../fonts/lato/lato-bold-webfont.svg#latobold') format('svg');
		font-weight: bold;
		font-style: normal;
	}

	@font-face {
		font-family: 'Lato';
		src: url('../fonts/lato/lato-bolditalic-webfont.eot');
		src: url('../fonts/lato/lato-bolditalic-webfont.eot?#iefix')
			format('embedded-opentype'),
			url('../fonts/lato/lato-bolditalic-webfont.woff') format('woff'),
			url('../fonts/lato/lato-bolditalic-webfont.ttf') format('truetype'),
			url('../fonts/lato/lato-bolditalic-webfont.svg#latobold_italic')
			format('svg');
		font-weight: bold;
		font-style: italic;
	}

	@font-face {
		font-family: 'Lato';
		src: url('../fonts/lato/lato-italic-webfont.eot');
		src: url('../fonts/lato/lato-italic-webfont.eot?#iefix')
			format('embedded-opentype'),
			url('../fonts/lato/lato-italic-webfont.woff') format('woff'),
			url('../fonts/lato/lato-italic-webfont.ttf') format('truetype'),
			url('../fonts/lato/lato-italic-webfont.svg#latoitalic') format('svg');
		font-weight: normal;
		font-style: italic;
	}

	@font-face {
		font-family: 'Lato';
		src: url('../fonts/lato/lato-light-webfont.eot');
		src: url('../fonts/lato/lato-light-webfont.eot?#iefix')
			format('embedded-opentype'),
			url('../fonts/lato/lato-light-webfont.woff') format('woff'),
			url('../fonts/lato/lato-light-webfont.ttf') format('truetype'),
			url('../fonts/lato/lato-light-webfont.svg#latolight') format('svg');
		font-weight: 300;
		font-style: normal;
	}

	@font-face {
		font-family: 'Lato';
		src: url('../fonts/lato/lato-regular-webfont.eot');
		src: url('../fonts/lato/lato-regular-webfont.eot?#iefix')
			format('embedded-opentype'),
			url('../fonts/lato/lato-regular-webfont.woff') format('woff'),
			url('../fonts/lato/lato-regular-webfont.ttf') format('truetype'),
			url('../fonts/lato/lato-regular-webfont.svg#latoregular')
			format('svg');
		font-weight: normal;
		font-style: normal;
	}

body {
	font-family: Arial,Lato,arial,"lucida grande",tahoma,verdana,sans-serif;
	font-size: 13px;
	text-align: left;
	color: #2D2D2D;
	margin: 0;
}

h1 {
	font-size: 18px;
	font-weight: bold;
}

h2 {
	font-size: 15px;
	font-weight: bold;
}

h3 {
	font-size: 12px;
	font-weight: bold;
}

#mainContainer {
	font-size: 11px;
}

button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,select::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner
	{
	border: none;
}

input:not ([type] ),input[type="color"],input[type="email"],input[type="number"],input[type="password"],input[type="tel"],input[type="url"],input[type="text"]
	{
	margin: 0;
	border: 1px solid #ccc;
	padding: 4px;
}

a {
	color: #004B91;
	text-decoration: none;
	font-weight: bold;
	/**Outline removes the dotted line around anchor focus.**/
	outline: 0;
}

a:visited {
	color: #004B91;
	text-decoration: none;
}

a.purple {
	text-decoration: none;
	color: #1abc9c;;
}

a.purple:hover {
	text-decoration: underline;
	color: #48C9AC;
}

a.purple:visited {
	text-decoration: none;
	color: #1abc9c;
}

a img {
	border: none;
}

#mainHeader {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 50px;
	z-index: 1000;
	background-color: #F4F4F4;
	white-space: nowrap;
}

.headerLogo {
	margin-left: 20px;
	font-size: 30px;
	float: left;
	font-weight: bold;
	padding: 5px;
}

.headerLogo br {
	display: none;
}

.headerNav {
	background: #DCE2E7;
	font-weight: bold;
	margin: 5px;
	box-shadow: 0 0 5px #DCE2E7;
}

.headerLinks {
	color: #2A005D;
	padding: 5px;
	text-shadow: 0 1px 0 #FFFFFF;
}

.welcomeName {
	color: #2A005D;
}

a.anchorHover:hover {
	text-decoration: underline;
	cursor: pointer;
}

a.purple {
	color: #1abc9c;
	text-decoration: none;
	font-weight: normal;
}

a.purple:visited {
	color: #1abc9c;
	text-decoration: none;
	font-weight: normal;
}

a.purple:hover {
	text-decoration: underline;
	color: #48C9AC;
	cursor: pointer;
	font-weight: normal;
}

.headerLinks a {
	color: #2A005D;
	text-decoration: none;
}

.headerLinks a:visited {
	color: #2A005D;
	text-decoration: none;
}

.headerLinks a:hover {
	color: #6A0082;
	text-decoration: underline;
}

#subHeader {
	position: absolute;
	top: 50px;
	right: 0;
	width: 100%;
	height: 30px;
	z-index: 990;
	background-color: #2D2D2D;
	box-shadow: 0 0 2px #666;
	color: #FFFFFF;
}

#menuDiv,#menuDiv div {
	font-weight: bold;
	font-size: 12px;
	margin-left: auto;
	margin-right: auto;
	width: 970px;
}

.subHeaderNav {
	font-size: 13px;
	float: right;
	margin-right: 20px;
	font-weight: bold;
}

.subHeaderUl {
	margin: 2px;
}

.subHeaderLinks {
	padding: 2px;
	margin: 0px;
}

.subHeaderLinks select, .subHeaderLinks input{
	color:#000;
	font-weight:normal;
}

div.clearFloat {
	clear: both;
}

#mainContent {
	margin-top: 116px !important;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	position: relative;
	min-width: 970px;
	/* box-shadow: 0 -5px 5px #444444; */
	background-color: #FFFFFF;
	min-height:350px;
}

#mainFooter {
	clear: both;
	width: 100%;
	background: url("/static/images/footer/footerBorder.png") repeat-x
		scroll center top #F4F4F4;
	padding-top: 10px;
	padding-bottom: 10px;
}

#mainFooter ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

#mainFooter a {
	color: #8B8B8B;
	text-decoration: none;
}

#mainFooter a:hover {
	color: #2D2D2D;
}

ul.horizontal {
	list-style: none;
}

ul.horizontal li {
	list-style: none;
	display: inline;
}

div#uiMessages {
    border: 1px solid #ddd;
    padding: 5px;
    margin-bottom: 5px;
    width: 50%;
    background-image: none;
    padding: 10px 20px;
    margin: 0 auto;
}

div#errorMessages {
	color: #E01A2E;
}

ul#errorMessagesList {
	list-style-type: none;
	padding: 5px;
	margin: 0px;
}

div#infoMessages {
	color: #368512;
}

ul#infoMessagesList {
	list-style-type: none;
	padding: 5px;
	margin: 0px;
}

input.embedCalendar+img {
	position: relative;
	left: -24px;
	top: 0;
}

img.datepickImg {
	margin: 0.25em;
	vertical-align: top;
}

.hotelNameClass {
	font-size: 15px;
	font-weight: bold;
	padding-bottom: 20px;
	text-align: center;
}

.boxShadow {
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
}

.defaultGradient {
	background-color: #6A0082;
	/* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2A005D),
		to(#6A0082) );
	background-image: -webkit-linear-gradient(top, #2A005D, #6A0082);
	background-image: -moz-linear-gradient(top, #2A005D, #6A0082);
	background-image: -ms-linear-gradient(top, #2A005D, #6A0082);
	background-image: -o-linear-gradient(top, #2A005D, #6A0082);
	background-image: linear-gradient(to bottom, #2A005D, #6A0082);
	/* current standard, but unimplemented and subject to change */
}

.defaultHorizontalGradient {
	background-color: #6A0082;
	/* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, right bottom, from(#2A005D),
		to(#6A0082) );
	background-image: -webkit-linear-gradient(left, #2A005D, #6A0082);
	background-image: -moz-linear-gradient(left, #2A005D, #6A0082);
	background-image: -ms-linear-gradient(left, #2A005D, #6A0082);
	background-image: -o-linear-gradient(left, #2A005D, #6A0082);
	background-image: linear-gradient(to right, #2A005D, #6A0082);
	/* current standard, but unimplemented and subject to change */
}

.oppositeHorizontalGradient {
	background-color: #6A0082;
	/* fallback color if gradients are not supported */
	background-image: -webkit-gradient(linear, left top, right bottom, from(#6A0082),
		to(#2A005D) );
	background-image: -webkit-linear-gradient(left, #6A0082, #2A005D);
	background-image: -moz-linear-gradient(left, #6A0082, #2A005D);
	background-image: -ms-linear-gradient(left, #6A0082, #2A005D);
	background-image: -o-linear-gradient(left, #6A0082, #2A005D);
	background-image: linear-gradient(to right, #6A0082, #2A005D);
	/* current standard, but unimplemented and subject to change */
}

.a-quote .a-quote-text {
	display: block;
}

.a-quote-text {
	background: none repeat scroll 0 0 #442B52;
	border-radius: 6px 6px 6px 6px;
	color: #D0BAF2;
	font-weight: normal;
	padding: 15px;
	position: relative;
}

.a-quote-text:after {
	bottom: -30px;
	color: #442B52;
	content: "\25e4";
	display: block;
	font-size: 40px;
	left: 108px;
	position: absolute;
}

.a-title {
	display: block;
	font-size: 14px;
	color: #555555;
	margin-left: 15px;
	padding-top: 40px;
}

/* Header Section */
.arLogo {
	width: 91px;
	height: 75px;
	display: inline-block;
	float: left;
}

.arLogoTextSection {
	float: left;
	margin-top: 10px;
}

.arLogoText {
	display: block;
}

.arTagline {
	font-size: 10px;
	color: #28245F;
	display: block;
	text-align: center;
}

/* Channel Status Page */

.viewHotelsChannelsWrapper{
	width:100%;
}

.dBlock {
	display: block;
}

/* .dataTables_scrollHead .viewHotelsChannels thead th{
	width: 90px !important;
} */

.dataTables_scrollHead .viewHotelsChannels .channelName {
	max-width: 70px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.cnActivateAll {
	font-size: 10px;
	font-weight: normal;
}

.table .cnActivateAll {
	display: block;
}

.table .cnActivateAll a {
	font-size: 11px;
	font-weight: normal;
}

table.table .hotelControlIcons a:hover {
	text-decoration: none;
}

.hotelControlIcons .csDeactivated {
	color: #F00000;
}

.hotelControlIcons .csActivated {
	color: #23C55D;
}

.hotelControlIcons .csQuestion {
	color: #004B91;
}

.hotelControlIcons .csHistory {
	color: #2A71BE;
}

/* Supplier */
.siteContent {
	overflow: hidden;
	width: 100%;
	font-family: lato, Arial;
}

.gistofHotel {
	background-color: #f8f8f8;
	width: 96%;
	margin: 3% 2% 1.5%;
	height: 180px;
	float: left;
}

.hotelImage {
	width: 294px;
	height: 175px;
	float: left;
}

.hotelInfo {
	width: 51%;
	padding: 1.2% 1.5% 0;
	float: left;
}

.hotelNameSelection {
	position: relative;
	margin-bottom: 3px;
}

.hotelNameSelection .btn-group,
.hotelNameSelection .btn,
.hotelNameSelection .dropdown-menu{
	width:100%;
}

.hotelNameSelection .selectedHotel{
	text-align:left;
}

.hotelNameSelection .btn .caret {
	margin-left: 0;
	position: absolute;
	top: 50%;
	right: 15px;
}

.hotelInfo h2 {
	background-color: #eee;
	color: #736F98;
	cursor: pointer;
	display: block;
	float: left;
	font-size: 30px;
	font-weight: normal;
	margin: 0 0 5px;
	width: 100%;
}

.hotelInfo h2:hover,.hotelNameSelection .hotelInfoHovered {
	background-color: #eee;
}

.hotelInfo p,.hotelInfo a {
	font: 14px/18px lato, Arial, Sans-serif;
	color: #7d7d7d;
	margin: 0;
}

.dropdownArrowGray {
	background: url("../images/menu/arrows-000000.png") no-repeat scroll right bottom transparent;
	float: right;
	height: 8px;
	margin: 20px 14px 0 0;
	width: 10px;
}

.selectedHotel {
	float: left;
	padding: 5px 0 5px 10px;
	max-width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hotelInfo a:hover {
	text-decoration: underline;
}

.guestsBookingsCount {
	float: left;
	padding: 9px 0;
	width: 20.2%;
}

.guestsCount,.bookingsCount {
	text-align: center;
	border-left: 1px solid #e6e6e6;
	float: left;
	width: 48%;
	padding: 9.8%;
    height: 135px;
}

.guestsCount span,.bookingsCount span {
	display: block;
}

.countgb {
	font: 55px/40px lato, Arial, Sans-serif;
	color: #7a77ac;
	display: none !important;
}

.guestsCount a,.bookingsCount a {
	display: block;
	padding: 25px 0;
	text-decoration: none;
}

.textgb {
	font: 14px/18px lato, Arial, Sans-serif;
	color: #7d7d7d
}

.ghButtons {
	width: 100%;
	display: inline-flex;
	margin-left: 61%;
	float: inline-end;
	border-left: 1px solid #e9e9e9;
}

.ghButtons a {
    border-bottom: 1px solid #E9E9E9;
    color: #7A77AC;
    display: block;
    float: right;
    font-size: 12px;
    padding: 8px 8% 9px;
    text-align: left;
    width: 100%;
}

.ghButtons a:last-child {
	border-bottom: 0;
}

.ghButtons a:hover {
	background-color: #a29fc5;
	color: #f8f8f8;
}

.managepoliciesIcon {
	background: url(../images/sprite3.png) no-repeat scroll 0 0 transparent;
	width: 15px;
	height: 20px;
	float: left;
	margin-right: 8px;
}

.managepoliciesText {
	float: left;
	line-height: 20px;
}

.adddealsIcon {
	background: url(../images/sprite3.png) no-repeat scroll -17px 0
		transparent;
	width: 18px;
	height: 20px;
	float: left;
	margin-right: 8px;
}

.adddealsText {
	float: left;
	line-height: 20px;
}

.addtaxesIcon {
	background: url(../images/sprite3.png) no-repeat scroll -39px 0
		transparent;
	width: 18px;
	height: 20px;
	float: left;
	margin-right: 8px;
}

.addtaxesText {
	float: left;
	line-height: 20px;
}

.roomsBlock {
	width: 96%;
	margin: 0 2% 2% 2%;
	float: left;
}

.roomsBlockHeading h3 {
    font-size: 24px;
    color: #3d388a;
    float: left;
    margin: 0 30px 0 0;
    line-height: 35px;
}

.roomsCategory {
	margin-top: 1%;
	width: 100%;
	float: left;
}

.roomCategoryItem {
	width: 216px;
	background-color: #f8f8f8;
	float: left;
	margin: 0 25px 27px 0;
	position: relative;
	height: 294px;
}

.roomsCategory .cinormargin {
	margin-right: 0;
}

.roomCategoryItem .roomCategoryTitle {
    color: #414040;
    float: left;
    font-size: 16px;
    font-weight: 400;
    max-width: 216px;
    overflow: hidden;
    padding: 3px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.roomCategoryAvailability {
	font: 50px/38px lato, Arial, sans-serif;
	padding: 18px 10px 0px 10px;
	display: block;
	color: #57547a;
}

.rciContent img {
	width: 216px;
	height: 154px;
	display: block;
	border: 0;
}

.rcaOF {
	color: #a7a7a7;
}

.roomDescription {
    color: #666;
    font-size: 11px;
    height: 105px;
    overflow: hidden;
    padding: 10px;
    width: 216px;
}

.availText {
	font: 14px/18px lato, Arial, Sans-serif;
	color: #7d7d7d;
	float: left;
	display: block;
	padding: 0 10px 12px 10px;
}

.rciContent {
	float: left;
}

.rciHoverContent {
	display: none;
	background: url(../images/hoverBG.png) repeat scroll 0 0 transparent;
	width: 216px;
	height: 294px;
	position: absolute;
	z-index: 1;
}

.roomCategoryItem:hover .rciHoverContent {
	display: block;
}

.hoverContentButtons {
	padding: 35px;
}

.hoverContentButtons a {
	background-color: #fff;
	padding: 10px;
	color: #414040;
	display: block;
	border-radius: 3px;
	margin-bottom: 20px;
	font-size: 14px;
	text-align: center;
}

.hoverContentEditDel {
	position: absolute;
	bottom: 12px;
	right: 15px;
}

.hoverContentEditDel a {
	float: right;
	text-align: center;
	width: 55px;
}

.hoverContentEditDel .editIcon {
	background: url(../images/sprite3.png) no-repeat scroll -148px 0
		transparent;
	height: 27px;
	width: 25px;
	display: inline-block;
}

.hoverContentEditDel .deleteIcon {
	background: url(../images/sprite3.png) no-repeat scroll -178px 0
		transparent;
	height: 27px;
	width: 24px;
	display: inline-block;
}

.hoverContentEditDel .hcedText {
	display: block;
	font-size: 12px;
	color: #f8f8f8;
}

/* PAGE 2 : Room rate / Availability Chart */
.roomAvailChartBlock{
	width: 100%;
	margin: 2% 0;
	float: left;
}

.leftContent,.rightContent {
	float: left;
}

.leftContent {
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	width: 19.3%;
	margin-right: 8px;
	height: 666px;
}

.roomCategoryMenuItem {
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 10px 20px;
	cursor: pointer;
}

.roomCategoryMenuItem h4 {
	font: 300 20px lato, Arial, Sans-serif;
	color: #333;
	margin: 0;
}

.roomCategoryMenuItem p {
	font: 300 12px lato, Arial, Sans-serif;
	color: #333;
	margin: 0;
}

.rightContent .roomCharts {
	display: none;
}

.rightContent .normalRooms {
	border: 1px solid #ccc;
	display: block;
	float: left;
}

.roomCategoryMenuItem:hover{background-color:#F2F1FA;}

.rcmiSelected {
	background-color: #d3d2ec;
}

.roomsAvailHeading h3 {
	font: 24px lato, Arial, Sans-serif;
	color: #3b3b3b;
	margin-bottom: 15px;
}

.rightContent {
	width: 79%;
}

.calIcon {
	background: url(../images/sprite3.png) no-repeat scroll 0 -22px
		transparent;
	height: 34px;
	width: 27px;
	display: inline-block;
}

.roomAvailMainTable {
	border-collapse: collapse;
	width: 100%;
	border: 1px solid #ddd;
}

.roomAvailMainTable td {
	text-align: center;
}

.roomAvailMainTable thead .td1 {
	background-color: #d3d2ec;
}

.roomAvailMainTable .packagesName {
	background-color: #d3d2ec;
	text-align: left;
	font: 15px lato, Arial;
	padding: 4px 12px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
}

.roomAvailMainTable .lastPackagesName {
	border-right: 0;
}

.roomAvailMainTable thead .td1 {
	min-width: 50px;
	border-right: 2px solid #fff;
}

.roomAvailMainTable thead .td15 {
	min-width: 46px;
	background-color: #f2f1fa;
	border-left: 1px solid #ddd;
}

.roomAvailMainTable thead .td16 {
	min-width: 30px;
	background-color: #d3d2ec;
}

.typeofRoom {
	background-color: #f2f1fa;
	padding: 5px;
	border-right: 1px solid #ddd;
	font-size: 11px;
	color: #444;
}

.roomAvailMainTable tbody td {
	min-width: 52px;
	padding: 5px;
	font: 14px lato, Arial, sans-serif;
	color: #9d9d9d;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.roomAvailMainTable tbody td .darkText {
	color: #444;
}

.roomAvailMainTable tbody td .smallText {
	font-size: 12px;
}

.roomAvailMainTable tbody .td1,.roomAvailMainTable tbody .td5,.roomAvailMainTable tbody .td8,.roomAvailMainTable tbody .td11
	{
	border-right: 2px solid #ddd;
}

.roomAvailMainTable thead .td1,.roomAvailMainTable thead .td5,.roomAvailMainTable thead .td8,.roomAvailMainTable thead .td11
	{
	border-right: 2px solid #fff;
}

.roomAvailMainTable tbody .td15 {
	width: 45px;
	min-width: 45px;
	background-color: #F2F1FA;
	border-right: 1px solid #f2f2f2;
}

.roomAvailMainTable tbody .td16 {
	background-color: #d3d2ec;
	width: 30px;
	min-width: 30px;
	border-bottom: 2px solid #fff;
	color: #444;
}

.monthyearHolder {
	position: relative;
}

.roomAvailMainTable tbody .td16 span { /* Safari */
	-webkit-transform: rotate(90deg);
	/* Firefox */
	-moz-transform: rotate(90deg);
	/* IE */
	-ms-transform: rotate(90deg);
	/* Opera */
	-o-transform: rotate(90deg);
	/* Internet Explorer */
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3 );
	display: inline-block;
	position: absolute;
	width: 150px;
	left: -60px;
	left: 8px\9;
}

.radate {
	font: 13px/14px lato, Arial, sans-serif;
	color: #78759f;
	display: block;
}

.raday {
	font: 11px lato, Arial, sans-serif;
	color: #444;
	display: block;
}

.hilite {
	background-color: #f6f6fc !important;
}

.calIconContainer {
	border-bottom: 1px solid #ccc;
}

.calendarIcon,.previousPackage span,.nextPackage span {
	color: #324238;
	font-size: 25px;
	cursor: pointer;
}

.roomAvailMainTable thead .nextPackage {
	background-color: #D3D2EC;
	border-right: 1px solid #EEEEEE;
}

/* Internal Header */
header {
	background-color: #652E8D;
	width: 100%;
}

.axisroomsLogo {
	background: url(../images/axisrooms_logo.png) no-repeat scroll 0 0
		transparent;
	width: 215px;
	height: 50px;
	float: left;
}

.hotelNameLocationBlock {
	width: 250px;
	border-right: 1px solid #34316c;
	float: left;
	height: 50px;
}

.hotelNameLoc {
	background: url(../images/downarrow_white.png) no-repeat scroll 218px
		center transparent;
	width: 179px;
	padding: 11px 50px 0 20px;
	border-right: 1px solid #1f1e2b;
	height: 39px;
	cursor: pointer;
}

.hotelNameLoc:hover {
	background: url(../images/downarrow_white2.png) no-repeat scroll 218px
		center #3c3874;
}

.hotelNameLoc h3 {
	font-size: 17px;
	line-height: 15px;
	font-weight: normal;
	color: #ddd;
}

.hotelNameLoc h6 {
	font-size: 12px;
	font-weight: normal;
	color: #b4b1da;
}

.loginDetailBlock {
	float: right;
	height:50px;
}

.last-login {
    color: #EEEEEE;
    font: 12px/20px Lato,Arial;
    margin: 5px 20px 0 0;
    text-align: right;
    text-shadow: 0 0;
}

.loginBlockContainer {
	padding: 10px 43px 0 15px;
	text-align: right;
}

.loginDetailBlock .btn{
    background: none repeat scroll 0 0 #4E1777;
    border: 1px solid #4E1777;
    border-radius: 0;
    padding: 13px 16px;
}

.loginDetailBlock .btn-primary:hover, .loginDetailBlock .btn-primary:focus, .loginDetailBlock .btn-primary:active, .loginDetailBlock .btn-primary.active, .loginDetailBlock.open .dropdown-toggle.btn-primary{
	background: none repeat scroll 0 0 #3A1159;
} 

.loginDetailBlock h3 {
	font-size: 17px;
	line-height: 15px;
	font-weight: normal;
	color: #ddd;
	margin: 0 0 5px 0;
}

.loginDetailBlock h6 {
	font-size: 11px;
	font-weight: normal;
	color: #b4b1da;
	margin: 0 0 5px 0;
}

.loginDetailBlock {
	position: relative;
}

.loginDetailBlock .customer_support_icon {
	background:url("../images/customer_support_blue.png") no-repeat scroll 0 0 transparent;
	width:24px;
	height:24px;
	display:inline-block;
}

.loginDetailBlock.hotelInfoHovered {
	background: url(../images/downarrow_white2.png) no-repeat scroll 235px
		center #3c3874;
}

.internalHeader #subHeader {
	background-color: #E9E9E9;
	float: left;
	height: 35px;
	position: relative;
	right: auto;
	top: 0;
	width: 100%;
	z-index: 990;
}

.internalHeader #menuDiv,#menuDiv div {
	margin: 0;
	width: auto;
}

.internalHeader .sf-menu li {
	background-color: #e9e9e9;
}

.internalHeader .sf-menu a:visited {
    color: #444;
}

.internalHeader .sf-menu a {
	color: #444;
	font-size: 14px;
	font-weight: normal;
	text-transform: capitalize;
}

.internalHeader .sfHover > a,
.internalHeader .sfHover > a:hover,
.internalHeader .sfHover a:hover,
.internalHeader .sf-menu a:hover {
	color: #fff;
}

.internalHeader .sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */
	background-color: #fff;
    box-shadow: 0 3px 3px 3px #888;
}

.internalHeader .sf-menu > li > a{
	background: url("/static/images/small-black-down-arrow-for-select.png") no-repeat scroll right center transparent;
}

.internalHeader .sf-menu > li.sfHover > a, .internalHeader .sf-menu > li > a:hover{
	background: url("/static/images/small-white-down-arrow-for-select.png") no-repeat scroll right center #2a005d;
	color:#fff;
}

.internalHeader .sf-menu li:hover ul,.internalHeader .sf-menu li.sfHover ul
	{
	left: 0;
	top: 2.8em; /* match top ul list item height */
	z-index: 99;
	background: url('/static/images/menu/shadow.png') no-repeat bottom right
		#fff;
}

.internalHeader .sf-menu .sf-sub-indicator {
	background: url("/static/images/menu/arrows-000000.png") no-repeat scroll -10px -98px transparent;
}

.internalHeader .sf-menu .sfHover .sf-sub-indicator {
	background: url("/static/images/menu/arrows-ffffff.png") no-repeat
		scroll -10px -100px transparent
}

.internalHeader .sf-menu a {
	border-left: 0 none;
	border-right: 1px solid #999;
}

/* Room rate & availability chart using divs */
.inventoryColumn,.packagesColumn,.datesColumn {
	float: left;
}

.inventoryColumn {
	width: 58px;
}

.packagesColumn {
	max-width: 760px;
}

.datesColumn {
	width: 92px;
}

.packageItem {
	float: left;
}

.ptItem {
	background-color: #F2F1FA;
	border-right: 1px solid #ddd;
	color: #444;
	float: left;
	font-size: 9px;
	height: 28px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	width: 60px;
}

.packageHeading {
	background-color: #D3D2EC;
	border-bottom: 2px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	font: 15px lato, Arial;
	padding: 4px 12px;
	text-align: left;
}

.topRow {
	background-color: #D3D2EC;
	border-right: 1px solid #D3D2EC;
	display: table-cell;
	height: 56px;
	width: 57px;
}

.calIconContainer {
	background-color: #D3D2EC;
	border-bottom: 1px solid #CCCCCC;
	display: table-cell;
	text-align: center;
	width: 35px;
}

.dayDateCol {
	display: table-cell;
	width: 57px;
}

.dayDateEle {
    background-color: #F2F1FA;
    border-bottom: 1px solid #DDDDDD;
    display: inline-block;
    height: 28px;
    padding: 0 4px;
    text-align: center;
    vertical-align: middle;
    width: 58px;
}

.monthYearEle {
	background-color: #D3D2EC; border-left : 1px solid #DDDDDD;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 37px;
	border-left: 1px solid #DDDDDD;
}

.monthyearHolder span {
	display: inline-block;
	left: -56px;
	position: absolute;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-khtml-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	width: 150px;
}

.icElements {
	border-bottom: 1px solid #DDDDDD;
	border-right: 2px solid #DDDDDD;
	display: inline-block;
    height: 26px;
    padding: 5px;
	text-align: center;
	vertical-align: middle;
	width: 59px;
	font: 14px lato, Arial, sans-serif;
	color: #9D9D9D;
}

.darkText {
	color: #444;
}

.smallText {
	font-size: 12px;
}

.packageType {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

.packageType div:last-child,.packageRates div:last-child {
	border-right: 0;
}

.packageRates {
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.packageRates .ptItem {
	background-color: #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	color: #9D9D9D;
	font: 14px lato, Arial, sans-serif;
	height: 26px;
	text-align: center;
	vertical-align: middle;
}

.packageRateshover .ptItem {
	background-color: #F2F1FA;
}

.packageRates .ptItemVertical {
	background-color: #F2F1FA;
}

.packageRateshover .ptItemhover {
	background-color: #d3d2ec;
}

.toprowCalIcon {
	height: 56px;
	overflow: hidden;
}

.calPosRel {
	height: 56px;
	position: relative;
	width: 35px;
}

.calendarIcon {
	left: 6px;
	position: absolute;
	top: 15px;
}

.packagesColumn .jcarousel-skin-tango .jcarousel-container-horizontal,.packagesColumn .jcarousel-skin-tango .jcarousel-clip-horizontal
	{
	padding: 0;
	width: auto;
	height: auto;
	border: 0 none;
}

.packagesColumn .jcarousel-skin-tango .jcarousel-item-horizontal {
	margin: 0;
	width: auto !important;
	height: auto;
}

.packagesColumn .jcarousel-skin-tango .jcarousel-prev-horizontal,.packagesColumn .jcarousel-skin-tango .jcarousel-prev-horizontal:hover
	{
	/* background: url("../images/sprite_web.png") no-repeat scroll -256px -60px transparent; */
	background: none repeat scroll 0 0 transparent;
	cursor: pointer;
	left: -40px;
	top: 15px;
	font-size: 25px;
	height:auto;
	width:auto;
}

.packagesColumn .jcarousel-skin-tango .jcarousel-next-horizontal,.packagesColumn .jcarousel-skin-tango .jcarousel-next-horizontal:hover
	{
	/* background: url("../images/sprite_web.png") no-repeat scroll -196px -60px transparent; */
	background: none repeat scroll 0 0 transparent;
	cursor: pointer;
	right: -40px;
	top: 15px;
	font-size: 25px;
	height:auto;
	width:auto;
}

.packagesColumn .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,.packagesColumn .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,.packagesColumn .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,.packagesColumn .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active,.packagesColumn .jcarousel-skin-tango .jcarousel-next-disabled-horizontal,.packagesColumn .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,.packagesColumn .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,.packagesColumn .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active
	{
	color: #aaa;
	cursor: default;
}

/* ======= PC Product Component Styling ======== */

/* Channel Wise Country Mapping */

.channelWiseCountryMapping {
	padding: 2%;
}

.cwCountryMapContent {
	margin: 0 auto;
}

.cwmcHeading h3 {
	color: #3B3B3B;
	font: 24px lato, Arial, Sans-serif;
	margin: 0;
}

.cwCountryMapContent label {
	font: 300 18px/25px Lato, Arial;
}

.cwCountryMapContent .form-group {
	padding-right: 30px;
}

.channelSelect .chzn-container {
	width: 50% !important;
}

.cwCountryMapContent .chzn-drop {
	width: 250px !important;
}

.cwCountryMapContent .chzn-search input {
	width: 240px !important;
}

.cwCountryMapContent .submit .buttons {
	font: 16px/18px Lato, Arial;
}

.cwCountryMapContent .submit .buttons:hover {
	border: 1px solid #333;
	background-color: #eee;
}

.cwCountryMapContent .chzn-container-single .chzn-single {
	line-height: 30px;
	height: auto;
	font: 400 15px/30px lato, Arial;
}

.cwCountryMapContent table{
	font-size:14px;
}

.mappingCountries{
    clear:both;
}

.internalMainWrapper{
	padding:0 !important;
	min-width:740px;
}

.channelSelect {
    margin-bottom: 15px;
}

.channelSelect label{
	float:left;
}

.channelSelect label, .channelSelect .chzn-container, .channelSelect .buttons{
	float:left;
}
.channelSelect label, .channelSelect .chzn-container{
	padding-right:5%;
} 

.mappingCountries .chzn-container{padding-right:5%;}
.mappingCountries .buttons{margin-top:10px;}
.lfloat{float:left;}
.mappingCountriesLisHolder{padding-right:5%;}

.mappingCountriesLisHolder label{
    display: block;
    max-width: 215px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mappingCountries .chzn-container, .mappingCountries .buttons{
	float:left;
}

.clear{clear:both;}

.cwCountryMapContent hr{
	clear:both;
}

.mappingCitiesListHolder{
}

.mappingCitiesListHolder label{
	display:block;
}

.mappingCitiesListHolder{padding-right:5%;}

.mappingCities .buttons, .mappingCountries .buttons{
	margin-top:32px;
}

.loadDataBtn {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    position:relative;
}

.loadDataBtn a{
	display:block;
}

.loadDataBtn a img{
    display: none;
    position: absolute;
    right: 26px;
    top: 23px;
}

.mappingCitiesListHolder .chzn-container{
	max-width:190px;
}

/* END PCProduct */





/* Start pcProductDetails */

.pcProductDetails .selectValue .chzn-container,
.pcProductDetails .selectValue .chzn-container .search-field input,
.pcProductDetails .selectValue .chzn-container .chzn-drop{
	width: 206px !important;
}

/* PCPRoductPAge */

.pcProductPageFormElements .input-group {
	margin-bottom: 10px;
}

/* shortform or frequently used css */

.tac{text-align:center;}

/* viewHotelsChannels */

.viewHotelsChannelsPage table{margin-bottom:0;}

.viewHotelsChannelsPage .dataTables_scroll{
	overflow:auto;
}

.viewHotelsChannelsPage .DTFC_LeftBodyWrapper{
	background-color:#D3D2EC;
}

/* Footer Links */

.small-text-footer {
    background-color: #F9F9F9;
    color: #888888;
    font-size: 10px;
    padding: 30px 0 20px;
    text-align: justify;
}

.footer {
    background-color: #111;
    color: #fff;
    padding: 30px 0;
	font-size: 13px;
}

.footer ul {
    padding-left: 0;
    list-style:none;
}

.footer-links-main{
	margin-bottom:30px;
}

.footer-links-main li a {
    color: #fff;
    font-weight: normal;
    line-height: 25px;
}

.footer-links-main li a:hover{
	color: #fff;
	text-decoration:underline;
}

.keep-in-touch li{
	display:inline-block;
	margin-right:10px;
}

.keep-in-touch li a{
	display:inline-block;
}

.keep-in-touch li a:hover{
	text-decoration:none;
}

.keep-in-touch li a i{
	color:#999;
	font-size:30px;
	transition: all 0.1s ease-in-out 0s;
}

.keep-in-touch li a .fb:hover{
	color: #4D639E;
}

.keep-in-touch li a .tw:hover{
	color:#00BBF0;
}

.keep-in-touch li a .yt:hover, .keep-in-touch li a .gp:hover{
	color:#DF2826;
}

/* Styling for New Pages (includes headTagsNew.jsp) */

.main-content{
	padding-bottom:15px;
}

/* Custom Date Picker styles */

.ui-datepicker-buttonpane .ui-datepicker-current{
display:none;
}

.ui-datepicker {
   font: 12px Arial, Muli Reg,Muli Light,Lato,Open Sans;
}

.ui-datepicker {
   border-radius: 0;
   display: none;
   padding: 0;
   width: 20em !important;
}

.ui-datepicker table{
margin-bottom:0px;
} 

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    background-color: #EEEEEE;
    border: 1px solid #BBBBBB;
    width: 45%;
    margin: 1px 1px;
}

.ui-datepicker .ui-datepicker-title {
    margin: 0 3.5em;
    line-height: 1.8em;
    text-align: center;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    position: absolute;
    top: 2px;
    width: 3em;
    height: 3em;
}

.ui-datepicker th, .ui-datepicker td, .ui-datepicker td span, .ui-datepicker td a, .ui-datepicker td .ui-state-default {
   font-family: Arial, Muli Reg,Muli Light,Lato,Open Sans;
   font-size: 12px;
   font-weight: normal;
}

.ui-autocomplete{
border-radius:0;
background-color: #fff;
font: 13px Open Sans,Lato;
padding:0;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active, .ui-menu .ui-menu-item a.ui-widget-content{
font-weight:normal;
}

.ui-datepicker-header.ui-widget-header{
background:none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.ui-datepicker.ui-widget{
   background: none repeat scroll 0 0 #FFFFFF;
   box-shadow: 0 0 5px #999999;	
}

.ui-datepicker td .ui-state-active{
background: none repeat scroll 0 0 #aaa;
border-radius: 0;
}

.ui-datepicker td .ui-state-default {
    border-radius: 50%;
    color: #000;
    font: 13px/1.5 Arial,Open Sans,Sans-serif;
    height: 30px;
    width: 30px;
    transition: all 0.3s;
}

.ui-datepicker-multi .ui-datepicker-group table {
   margin: 0 auto 0;
   width: 100%;
}

.ui-datepicker td .ui-state-highlight {
   background: none repeat scroll 0 0 #415b76;
   color: #fff;
   font-weight: 400;
}


.ui-datepicker td .ui-state-hover {
    background: none repeat scroll 0 0 #29a990;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    color: #fff;
    text-shadow: 0 0;
}

.ui-datepicker td .ui-state-active{
	background: none repeat scroll 0 0 #48c9b0;
	color: #fff;
}

.ui-datepicker .ui-datepicker-header {
   background: none repeat scroll 0 0 #fff;
   border-bottom: 0px solid #ddd;
   border-radius: 0;
   padding:8px 0;
}

.ui-datepicker td {
   border: 1px solid #ddd;
   height: 31px;
   padding: 0;
}

.btn-flat-primary{
	color: #fff;
	background-color: #009688;
}

.btn-flat-primary:hover, .btn-flat-primary.hover, .btn-flat-primary:focus, .btn-flat-primary:active, .btn-flat-primary.active, .open>.dropdown-toggle.btn-flat-primary{
	color: #fff;
	background-color: #48c9b0;
	border-color: #48c9b0;
}

.btn-flat-info {
	color: #fff;
	background-color: #3498db;
}

.btn-flat-info:visited, .btn-flat-info:hover, .btn-flat-info.hover, .btn-flat-info:focus, .btn-flat-info:active, .btn-flat-info.active, .open>.dropdown-toggle.btn-flat-info{
	color: #fff;
	background-color: #5dade2;
	border-color: #5dade2;
}

.btn-flat-warning {
	color: #fff;
	background-color: #ec971f;
	border-color: #d58512;
}

.btn-flat-warning:hover, .btn-flat-warning.hover, .btn-flat-warning:focus, .btn-flat-warning:active, .btn-flat-warning.active, .open>.dropdown-toggle.btn-flat-warning{
	color: #fff;
	background-color: #f4d313;
	border-color: #f4d313;
}

.btn-flat-default {
	color: #333; /* If there is conflict while merging, keep... ---- color: #333; ---- */
	background-color: #ededed;
	border-color: #cacfd2;
}

.btn-flat-default:hover{
    color: #2e2e2e;
    background-color: #dedede;
    border-color: #cacfd2;
}


.btn-flat-default.hover, .btn-flat-default:focus, .btn-flat-default:active, .btn-flat-default.active, .open>.dropdown-toggle.btn-flat-default{
	color: #fff;
	background-color: #5dade2;
	border-color: #5dade2;
}


.btn-flat-danger {
	color: #fff;
	background-color: #c9302c;
	border-color: #ac2925;
}

.btn-flat-danger:hover, .btn-flat-danger.hover, .btn-flat-danger:focus, .btn-flat-danger:active, .btn-flat-danger.active, .open>.dropdown-toggle.btn-flat-danger{
	color: #fff;
	background-color: #ec7063;
	border-color: #ec7063;
}

.btn-flat-success {
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}

.btn-flat-success:hover, .btn-flat-success.hover, .btn-flat-success:focus, .btn-flat-success:active, .btn-flat-success.active, .open>.dropdown-toggle.btn-flat-success{
	color: #fff;
	background-color: #58d68d;
	border-color: #58d68d;
}

.btn-flat-inverse {
	color: #fff;
	background-color: #34495e;
}

.btn-flat-inverse:hover, .btn-flat-inverse.hover, .btn-flat-inverse:focus, .btn-flat-inverse:active, .btn-flat-inverse.active, .open>.dropdown-toggle.btn-flat-inverse{
	color: #fff;
	background-color: #415b76;
	border-color: #415b76;
}

.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
	/*color: #ddd;
	background-color: #bdc3c7;*/
	color: #555;
	background-color: #ddd !important;
	border-color: #bdc3c7;
}