/* FOX styles for HOL */

body {
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #004F71;
    padding: 0;
    margin: 0;
    width: 100%;
}

body#iframeContent {
    width: 100%;
}

form {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

label {
}

span.tab {
    margin-left: 15px;
    padding: 0;
}

input {
    font-size: 10px;
}

input.small {
    width: 50px;
    font-size: 10px;
}

input.normal {
    width: 100px;
    font-size: 10px;
}

input.normalMedium {
    width: 119px;
    font-size: 10px;
}

input.medium {
    width: 150px;
    font-size: 10px;
}

input.large {
    width: 250px;
    font-size: 10px;
}

input.mediumLarge {
    width: 187px;
    font-size: 10px;
}
	
input[disabled]{
    background-color: #f9f9f9;
    color:#aaaaaa;
}

select {
    font-size: 10px;
}

select.normal {
    width: 100px;
    font-size: 10px;
}

select.medium {
    width: 150px;
    font-size: 10px;
}

select.mediumLarge{
	width: 182px;
	font-size: 10px;
}

select.large {
    width: 256px;
    font-size: 10px;
}

select.extralarge {
    width: 400px;
    font-size: 10px;
}

select.exceptionCodes {
    width: 230px;
    font-size: 10px;
}

select[disabled]{
    background-color: #f9f9f9;
    color:#aaaaaa;
}

.selected {
    text-decoration: none;
    font-weight: bold;
    background: #f0f3f5;
}

option.highlighted {
    text-decoration: none;
    font-weight: bold;
    background: #dfdfe3;
}

img {
    margin: 0px;
    border: none;
}

a {
    color: #004F71;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:active {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.highlighted:link{
    text-decoration: underline;
}

a.highlighted:visited{
    text-decoration: underline;
}

a.highlighted:active{
    text-decoration: underline;
}

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

.errorTitle {
    color: #ff0000;
    font-weight: bold;
}

.errorMessage {
    color: #ff0000;
    display: block;
}

.nowrap {
    white-space: nowrap;
}

.warning{
    color: #ff0000;
}

.required {
    color: #ff0000;
}

.important {
    color: #ff0000;
    font-weight: bold;
    font-size: 14px;
    font-family: "Courier New", Courier, serif;
}

.countryAreaFont {
    font-size : 9px;
}

.requiredHeader {
    color: #ff0000;
    text-align: right;
    font-weight: bold;
}

.requiredHeader a {
    color: #ff0000;
}

.enabled {
    font-size: 11px;
    font-weight: normal;
    color: #4d6078;
}

.disabled {
    font-size: 11px;
    font-weight: normal;
    color: #c5d3da;
}

img.flag {
    max-height: 20px;
    max-width: 80px;
}

.hotelName {
    font-weight: bold;
}

div.processingImage {
    text-align: center;
}

div.processingImage table {
    background: #ffffff;
}

div.processingImage td {
    padding: 0px 5px;
}

div.processingImage td.left {
    width: 45%;
    text-align: right;
}

div.processingImage td.right{
    width: 55%;
    text-align: left;
}

#loadingIndicatorImage{
    position: fixed;
    top: 0;
    margin-left:1010px;
    visibility: hidden;
}

#stepArea{
    font-size: 11px;
    padding: 5px 0px 10px 5px;
}

#carbonFootPrintArea{
    color: #00bf00;
}


/* ----------- HEADERS ----------- */
h1 {
    font-size: 11px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h2 {
    font-size: 10px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h3 {
    font-size: 9px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

h1.contentHeaderType1 {
    font-size: 16px;
    margin: 5px 0px 5px 5px;
    font-weight: normal;
}

h1.contentHeaderType2 {
    border-top: 3px solid #acb8c6;
    background: url("/images/headerBackground.gif") repeat-x top;
    padding: 4px;
    font-weight: normal;
    text-transform: uppercase;
}

div.contentHeaderType2 {
    border-top: 3px solid #acb8c6;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
}

div.contentHeaderType2 table {
    border-collapse: collapse;
    padding: 0px;
}

div.contentHeaderType2 table td {
    padding: 4px;
    background: url("/images/headerBackground.gif") repeat-x top;
}

tr.contentHeaderType2{
    border-top: 3px solid #acb8c6;
    font-size: 11px;
    font-weight: normal;
    text-transform: uppercase;
    border-collapse: collapse;
    padding: 4px;
    background: url("/images/headerBackground.gif") repeat-x top;
}

.contentHeaderType3 {
    border-top: 3px solid #acb8c6;
    background: url("/images/headerBackground.gif") repeat-x top;
    margin: 0px;
    padding: 5px;
    font-weight: normal;
    text-transform: uppercase;
}

.contentHeaderType3 table{
    border-collapse: collapse;
}

.contentHeaderType3 table td {
    background: url("/images/headerBackground.gif") repeat-x top;
}

.contentHeaderType4 {
    background: #e7ecef;
    padding: 3px;
    margin: 0 0 2px 0;
    text-transform: uppercase;
}

.contentHeaderType4 table{
    border-collapse: collapse;
}

.contentHeaderType4 table td{
    background: #e7ecef;
    padding-left: 5px;
}

/* ----------- END OF HEADERS ----------- */






/* ----------- TABLE STYLES ----------- */
table {
    width: 100%;
    padding: 1px;
}

td table{
    border-collapse: collapse;
    padding: 0px;
}

th {
    background: #e7ecef;
    text-align: left;
    text-transform: uppercase;
    font-size: 10px;
}

th.thAlignCenter {
    background: #e7ecef;
    text-align: center;
}

th.thAlignRight {
    background: #e7ecef;
    text-align: right;
}

td {
    padding: 2px;
}

td.rowSpacer {
    background: #ffffff;
    padding: 1px 0px 0px 0px !important;
}

td.areaSpacer {
    background: #d7dee4;
    padding: 0px !important;
}

td.formLabel {
    width: 28%;
}

td.tdAlignCenter {
    text-align: center;
}

td.tdAlignRight {
    text-align: right;
}

td.buttonAlign {
    width: 5%;
}

tr.odd {
    background: white;
}

tr.even {
    background: #f3f5f7;
}

#contentAreaTop table {
    background: transparent;
}

#contentAreaTop a {
}

.dataArea table{
    width: 100%;
    border-collapse: collapse;
    background: #f3f5f7 !important;
    padding: 0px;
}

.dataArea table th {
    padding: 2px 2px;
}

.dataArea table td {
    padding: 2px 2px;
}

.spaced table{
    width: 100%;
    border-collapse: collapse;
    background: #ffffff;
    padding: 0px;
}


table.fixedLayout {
    table-layout: fixed;
}

td.ratePlanDay{
    vertical-align: top;
}

.valignTop {
    vertical-align: top;

}

td.verticalSeparator{
    border-left:1px solid #d7dee4;
}

td.small{
    width: 15%;
}

th.small{
    width: 15%;
}

td.halfTable{
    width: 50%;
}

/* ----------- END OF TABLE STYLES ----------- */


/* ----------- BUTTONS ----------- */

/* -- small -- */
.buttonSmallSubmit {
    color: #ffffff !important;
    height: 18px;
    padding: 1px 3px 1px 3px;
    font-size: 10px;    
    background: #004F71 !important;
    margin-left: 1px;
    border: none;
    margin-right: 1px;
    vertical-align: middle;
    text-transform: UPPERCASE;    
    cursor: pointer;
}

.buttonSmallSubmitDisabled {
    color: #99adbd !important;
    height: 18px;
    padding: 1px 3px 1px 3px;
    font-size: 10px;
    background: #e0e8ec !important;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    text-transform: UPPERCASE;
    cursor: pointer;
}

.buttonSmallLink {
    color: #ffffff;
    background: #004F71;           
    padding: 1px 3px 1px 3px;
    font-size: 10px;
    margin-left: 1px;
    margin-right: 1px;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: UPPERCASE;
}

.buttonSmallLink:hover {
    text-decoration: none;
}

.buttonSmallLinkDisabled {
    color: #99adbd;
    padding: 1px 3px 1px 3px;
    font-size: 10px;
    background: #e0e8ec;
    margin-left: 1px;
    margin-right: 1px;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: UPPERCASE;
}

.buttonSmallLinkDisabled:hover {
    text-decoration: none;
}

.buttonSmallLinkChoose{
    color: #ffffff;
    background: #004F71;
    padding: 1px 3px 1px 3px;
    font-size: 10px;
    /*font-weight: bold;*/
    margin-left: 1px;
    margin-right: 1px;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: UPPERCASE;
}

.buttonSmallLinkChoose:hover {
    text-decoration: none;
}

.buttonSmallLinkChooseDisabled {
    color: #99adbd;
    padding: 1px 3px 1px 3px;
    font-size: 10px;
    /*font-weight: bold;*/
    background: #e0e8ec;
    margin-left: 1px;
    margin-right: 1px;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: UPPERCASE;
}

.buttonSmallLinkChooseDisabled:hover {
    text-decoration: none;
}


/* -- large -- */
.buttonLargeSubmit {
    color: #ffffff !important;
    background: #004F71 !important;
    height: 21px;
    padding: 0px 5px 0px 5px;
    font-size: 11px;
    border: none;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    text-transform: UPPERCASE;
    cursor: pointer;
    min-width:60px;
}

.buttonLargeSubmitDisabled {
    color: #99adbd !important;
    height: 21px;
    padding: 1px 5px 1px 5px;
    font-size: 11px;
    background: #e0e8ec !important;
    margin-left: 1px;
    margin-right: 1px;
    vertical-align: middle;
    text-transform: UPPERCASE;
    cursor: pointer;    
    min-width:60px;
}

.buttonLargeLink {
    color: #ffffff;
    background: #004F71;
    padding: 3px 5px 3px 5px;    
    font-size: 11px;
    border: none;
    margin-left: 1px;
    margin-right: 1px;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: UPPERCASE;
}

.buttonLargeLink:hover {
    text-decoration: none;
}

.buttonLargeLinkDisabled {
    color: #99adbd;
    padding: 1px 5px 1px 5px;
    font-size: 11px;
    /*font-weight: bold;*/
    background: #e0e8ec;
    margin-left: 1px;
    margin-right: 1px;
    white-space: nowrap;
    vertical-align: middle;
    text-transform: UPPERCASE;
}

.buttonLargeLinkDisabled:hover {
    text-decoration: none;
}

.buttons {
    padding: 1px;
    margin: 5px;
    text-align: center;
}

.buttonsAlignLeft {
    padding: 7px 0px;
    text-align: left;
}

.buttonsAlignRight {
    padding: 7px 0px;
    text-align: right;
}

.dataArea .buttonsAlignLeft {
    padding: 0;
}

.dataArea .buttonsAlignRight {
    padding: 0;
}
/* ----------- END OF BUTTONS ----------- */





/* ----------- CONTAINERS ----------- */
#contentContainer {

}

#errorContainer{
    display: none;

}

#contentAreaTop {
    border: 1px solid #d7dee4;
    clear: both;
    padding: 0;
	background: url("/images/searchAreaBackground.gif") #cdd2d9 repeat-x top ;
}

#contentAreaTop table td label{
    font-weight:bold;
}

#contentAreaTop  div.contentHeaderType2 {
    font-weight:bold;
}

#popUpContainer #contentAreaTop {
	background: transparent;
}

.contentArea {
    border: 1px solid #d7dee4;
    border-top: 0;
    padding: 1px;
}

.contentAreaInnerTop {
    border: 1px solid #d7dee4;
    padding: 1px;
    margin-top: 10px;
}

#popUpContainer {
    margin: 5px;
}

.dataArea {
    width: 100%;
}

#headerArea {
    width: 100%;
}

.spaced{
    padding: 5px;
}
#spaced{
    padding: 5px;
    background: #f3f5f7;
}

#spaced table {
    width: 100%;
    border-collapse: collapse;
    background: #f3f5f7 !important;
    padding: 0px;
    margin: 0px;
}

#hotelContentSpaced{
    padding-left: 20px !important;
}

.scrollArea {
    height: 200px;
    overflow: auto;
    width: 100%;           /*needed by IE in order to keep the div from overlapping the contentArea div*/
    overflow-y: scroll;     /*needed by IE in order to always display the vertical scroll bar since the data area has to be narrowed (scrollInnerArea)*/
    overflow-x: hidden;
}

.smallScrollArea {
    max-height: 125px;
    overflow: auto;
    width: 100%;           /*needed by IE in order to keep the div from overlapping the contentArea div*/
    overflow-y: scroll;     /*needed by IE in order to always display the vertical scroll bar since the data area has to be narrowed (scrollInnerArea)*/
    overflow-x: hidden;
}

/*needed by IE in order to prevent the vertical scroll bar from overlapping the dataArea content*/
.scrollInnerArea {
    width: inherit;
    border-right: #f3f5f7 solid 15px;
}

#areaSpacer {
    background: #d7dee4;
    padding: 0px !important;
}

/* ----------- END OF CONTAINERS ----------- */





/* ---------- TABS ----------- */
#tabArea {
    width: 100%;
    line-height: normal;
    font-size: 11px;        
    padding: 0;
}

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

#tabArea li {
	padding-right: 9px;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    background: url("/images/tabs/tabInactiveNewRight_new.gif") no-repeat right top;
    float: left;
    margin: 0 1px 0 0;
    min-width: 130px;
    text-align: center;
    text-transform: uppercase;
}

#tabArea a {
	padding-right: 6px;
    padding-left: 15px;
    padding-bottom: 3px;
    padding-top: 4px;
    margin: 0px;
    display: block;
    background: url("/images/tabs/tabInactiveNewLeft_new.gif") no-repeat left top;
    text-decoration: none;
    color: #004F71;
}

#tabArea a:link   {
    text-decoration: none;
}

#tabArea a:visited   {
    text-decoration: none;
}

#tabArea a:active   {
    text-decoration: none;
}

#tabArea a:hover   {
    text-decoration: underline;
}

#tabArea #inActiveTab {
    background: url("/images/tabs/tabInactiveNewRight_new.gif") no-repeat right top;
}

#tabArea #inActiveTab a {
    margin: 0px;
    display: block;
    background: url("/images/tabs/tabInactiveNewLeft_new.gif") no-repeat left top;
    text-decoration: none;
}

#tabArea #inActiveTab a:link   {
    text-decoration: none;
}

#tabArea #inActiveTab a:visited   {
    text-decoration: none;
}

#tabArea #inActiveTab a:active   {
    text-decoration: none;
}

#tabArea #inActiveTab a:hover   {
    text-decoration: none;
}

#tabArea #activeTab {
    background: url("/images/tabs/tabActiveNewRight_new.gif") no-repeat right top;
}

#tabArea #activeTab a {
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
    background: url("/images/tabs/tabActiveNewLeft_new.gif") no-repeat left top;
}

#tabSpacer{
    width: 100%;
    padding: 0;
    margin: 0;
    height: 10px;
    clear: both;
    background: url("/images/gradient.gif") no-repeat top;
}
/* ---------- END OF TABS ----------- */

/* ---------- UPPERMENU ---------- */
#upperMenuImageArea{
    clear: both;
    height: 68px;
}

#upperMenuContent {
    padding: 1px 5px 1px 5px;
    background: url("../images/upperMenu/upperMenuWideBlue.gif");
    clear: both;
}

#upperMenuContent table {
    background: none;
}

#upperMenuContent table td {
    padding: 1px;
    height: 100%;
}

.upperMenuSelectLong {
    width: 100%;
}

#upperSubMenu {
    width: 100%;
    line-height: normal;
    color: #ffffff;
    font-size: 11px;    
    text-transform: UPPERCASE;
    clear: both;
    padding: 42px 0 0 0;
}

#upperSubMenuContainer {
    float:right;
    padding-right:15px;
}

#upperSubMenu ul {
    margin: 0;
    list-style: none;
    padding:0;
}

#upperSubMenu li {
    padding: 6px 4px;
    background: url("../images/upperMenu/upperSubMenuHeaderBackground_new.gif") repeat-x top;
    position: relative;
    display: inline;
    float: left;
}

#upperSubMenu li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 26px;
    left: -7px;
    width: 220px;
    display: none;
    z-index: 999 !important;
}

#upperSubMenu ul li ul li{
    display: block;
    margin: 0;
    padding: 3px 4px 3px 4px;
    border: solid #ffffff;
    border-width: 0 1px 1px 1px;
    float: left;
    width: 100%;
    background: #31435b url("../images/upperMenu/upperSubMenuItemBackground_new.gif") repeat;

}

/*hack for IE*/
#upperSubMenu li:hover ul, #upperSubMenu li.over ul {
    display: inline;
}

#upperSubMenu ul li a {
    text-decoration: none;
    color: #ffffff;
    padding: 5px;
}

/* ---------- END OF UPPERMENU ---------- */



/* ---------- FOOTER ---------- */
#footerSpacer{
    margin:0;
    padding:0;
    height: 20px;
}

#footerContainer {
    width: 1000px;
    height: 30px;
    position:fixed;
    bottom:0;
    margin: 30px 0 0 0;
    padding: 4px 0 1px 0;
    background-color: #ffffff;
    vertical-align: bottom;
}

#footerArea{
    background: #f4f5f7;
    margin:0;
    border: 1px solid #d7dee4;
    height: 25px;
}

#footerContainer span.footerLeft {
    width: auto;
    float: left;
}

#footerContainer span.footerRight {
    width: auto;
    float: right;
    padding:5px;
}
/* ---------- END OF FOOTER ---------- */





/* ----------- LEGEND AREA ----------- */
#legendArea {
    border: 1px solid #d7dee4;
    border-top: 0;
    padding: 1px;
}

#legendArea ul {
    padding: 0px;
    margin: 10px 10px 10px 0;
    list-style: none;
}

#legendArea ul li {
    display: inline;
    margin-left: 20px;
}

#legendArea img {
    padding-right: 5px;
}
/* ----------- END OF LEGEND AREA ----------- */





/* ---------- IFRAME ---------- */
.iframeContainer {
    width: 100%;
}

iframe.contentFrame {
    width:  100%;
    height: 200px;
    background-color: #ffffff;
}
/* ---------- END OF IFRAME ---------- */





/* ---------- CALENDAR ---------- */
#calendarContainer {
    border: 1px solid #c5d3da;
    padding: 1px;
    font-size: 11px;
    background-color: #f0f3f5;
    text-align: center;
}

#calendarDaysContainer {
    border: 1px solid #c5d3da;
    padding: 1px;
}

.calendarHeader {

}

.calendarWeekHeader {
    background-color: #acb8c6;
    font-weight: bold;
}

.calendarWeekDay {
    background-color: #e0e8ec;
}

.calendarWeekendDay {
    background-color: #c5d3da;
}

.calendarOtherDay {
    background-color: #f0f3f5;
}

.calendarMouseOverDay {
    background-color: #99adbd;
    color: #ffffff;
}

.calendarToday {
    background-color: #ffffff;
}

.calendarSelectedDay {
    background-color: #acb8c6;
}

.calendarFooter {

}
/* ---------- END OF CALENDAR ---------- */

/* ---------- AVAILABILITY SPECIFIC ---------- */
.availabilityFreeSale {
    background: #3f8853;
    padding: 0px !important;
}

span.availabilityFreeSale  {
    font-size:9px;
    border: #000000 solid 1px;
}

.availabilityClosed {
    background: #d30f03;
    padding: 0px !important;
}

span.availabilityClosed {
    font-size:9px;
    border: #000000 solid 1px;
}

.availabilityCallAsk {
    background: #edd909;
    padding: 0px !important;
}

span.availabilityCallAsk {
    font-size:9px;
    border: #000000 solid 1px;
}

.availabilityOnRequest {
    background: #ff8f1d;
    padding: 0px !important;
}

span.availabilityOnRequest {
    font-size:9px;
    border: #000000 solid 1px;
}

.availabilityOfflineRequest {
    background: #ff8f1d;
    padding: 0px !important;
}

span.availabilityOfflineRequest {
    font-size:9px;
    border: #000000 solid 1px;
}

.availabilityNotSet {
    background: #eaf1ea;
    padding: 0px !important;
}

span.availabilityNotSet {
    border: #000000 solid 1px;
    font-size:9px;
}

table.availabilityTable{
    width: 100%;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
    color: #000000;
}

table.availabilityTable td {
    border-collapse: separate;
    border: 1px solid #000000;
    font-size: 9px;
    vertical-align: top !important;
    text-align: center;
}

table.availabilityTable input {
    margin: 2px;
    padding: 0px;
    width: 14px;
}

table.availabilityTable .disabled {
    color: #ababab;
    font-size: 9px;
}

table.availabilityTable .disabled a {
    color: #ababab;
    font-size: 9px;
}

td.availabilityWeekDayHeader {
    background: #e0e8ec;
    padding: 0px !important;
}

td.availabilityWeekEndDayHeader {
    background: #ff9999;
    padding: 0px !important;
}

td.availabilityCell {
    background: #e0e8ec;
    padding: 0px !important;
}

td.vacationCell {
    background: #A93B43;
    padding: 0px !important;
}

td.availabilityCellHeader {   
    padding: 2px !important;
    font-size:11px !important;
    text-align:left !important;
}

td.availabilityCellWithBorderFirst {
    background: #e0e8ec;
    border-top: 1px solid #000000 !important;
    border-bottom: 0px !important;
    padding: 2px !important;
}

td.availabilityCellWithBorder {
    background: #e0e8ec;
    border-top: 1px solid #000000 !important;
    border-bottom: 0px !important;
    padding: 2px !important;
}

td.availabilityCellWithOutBorder {
    background: #e0e8ec;
    border-top: 0px !important;
    border-bottom: 0px !important;
}

table.availabilityTable td.availabilityHotelName {
    font-size: 11px;
    color: #82a653;
    font-style:italic;
    font-weight:bold;
    text-align: left;
    padding-left: 20px;
}

.notificationMessage {
    color: #00bf00;
    display: block;
}

.availability{
    border-collapse: separate;
    border: 1px solid #d7dee4;
    width: 49%;
    padding: 0px !important;
}

.allocation {
    color: #000000 !important;
    display: block;
}

.allocation:link {
    text-decoration: underline;
}

.allocation:active {
    text-decoration: underline;
}

.allocation:visited {
    text-decoration: underline;
}

#contentContainerReportingResult{
    width: 100%;
}

#layoutContainer{
    width: 1000px;
    text-align: left;
    padding: 0px;
    margin: 0 auto 0 auto;
}

#availabilitySelectors table{
    width: auto;
}

#availabilitySelectors td{
    padding: 3px 7px 3px 0px;
}

/* ---------- AVAILABILITY SPECIFIC ---------- */

.tooltip {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: #FBF6DF;
    border: solid 1px black;
    padding: 3px;
    color: black;
}



/* ---------- PORTAL LAYOUT SPECIFIC ---------- */

#layoutContainerPortal {
    width: 570px;                                 /*the width of the portal layout*/
    text-align: left;                             /*this is the same as for the layoutContainer definition*/
    padding: 0;                                   /*this is the same as for the layoutContainer definition*/
    margin: 0 auto 0 auto;                        /*this is the same as for the layoutContainer definition*/
}


#layoutContainerPortal #loadingIndicatorImage {
    margin-left:580px;                            /*the width of the portal layout + 10 px */
}

#layoutContainerPortal #contentWithAdvertising {
    width: 570px;                                 /*the width of the portal layout*/
}

#layoutContainerPortal #footerContainer {
    width: 570px;                                /*the width of the portal layout*/
}

#layoutContainerPortal #contentMap {
    width: 100%;                                 /*the width of the location search map for portal layout*/
}

#layoutContainerPortal select.large {
    width: 250px;                                /*the width of the large select for portal layout,
                                                   if the layoutContainerPortal is smaller than 570 then this should be also smaller,
                                                   for example for layout of 510px this should be 205px*/
}
#layoutContainerPortal input.large {
    width: 250px;                                /*the width of the large input for portal layout,
                                                    if the layoutContainerPortal is smaller than 570 then this should be also smaller,
                                                   for example for layout of 510px this should be 205px*/
}

#layoutContainerPortal input.mediumLarge {
    width: 175px;                                /*the width of the medium large input for portal layout,
                                                    if the layoutContainerPortal is smaller than 570 then this should be also smaller,
                                                   for example for layout of 510px this should be 156px*/
}

#layoutContainerPortal select.mediumLarge {
    width: 175px;                                /*the width of the medium large select for portal layout,
                                                    if the layoutContainerPortal is smaller than 570 then this should be also smaller,
                                                   for example for layout of 510px this should be 156px*/
}

#layoutContainerPortal #contentAdvertising {
    display: none;                               /*because the layout is smaller the advertising will not be shown
                                                    or will have a width equal to width of layoutContainerPortal minus width of contentWithAdvertising*/
}


#layoutContainerPortal input.small  {
   width:50px;                                 /*the width of the small input for portal layout,
                                                    if the layoutContainerPortal is smaller than 570 then this should be also smaller,
                                                   for example for layout of 510px this should be 40px*/
}

#layoutContainerPortal select.small {
   width:54px;                                /*the width of the small select for portal layout,
                                                    if the layoutContainerPortal is smaller than 570 then this should be also smaller,
                                                   for example for layout of 510px this should be 45px*/
}

#layoutContainerPortal input.messageToHotelLarge {
    width:400px;                             /*the width of the message to hotel select on new reservation for portal layout,
                                                    if the layoutContainerPortal is smaller than 570 then this should be also smaller,
                                                   for example for layout of 510px this should be 360px*/
}

#layoutContainerPortal .mediumSliderStep {
	padding-left: 21px;/*for location*/    
}

#layoutContainerPortal .mediumSlider{
    margin-left: 5px; /*for location*/
    width: 165px;
}


/* ---------- PORTAL LAYOUT SPECIFIC ---------- */

/* ---------- APPLICATION MESSAGE SPECIFIC ---------- */
#messageTitle
{
    padding: 0 0 0 0;              /* Display title at the top of the page  */
    margin: 0 0 0 0;
    font-size:12px;
    font-weight:bold;
    background: #004F71;
    color: #ffffff;
    height: 20px;
    width: 100%;
}

.messageText{
    padding-top:20%;
	vertical-align:top;
	text-align:center;
	height:100%;
    font-size:12px;
    padding-left:20px;
    padding-right:20px;
}

.messageButtons{

    padding-top:10px;
	text-align:center;
}

/* ---------- APPLICATION MESSAGE SPECIFIC ---------- */


/* ---------- COMPNAY INFO - CREDIT CARD PROVIDER CHARGE LIMITS ---------- */
#chargeLimitGlobalSettings {
    display:inline-table;
}

#chargeLimitGlobalSettings span {
    padding-left: 20px;
}

.creditCardProviderChargeLimitsDiv{
    margin-left:50px;
    width:60%;
}

table.creditCardProviderChargeLimits{
    width:100%;
    border: 1px solid;
    border-color: #D7DEE4;
}

table.creditCardProviderChargeLimits td {
    padding-left:5px;
}
/* ---------- COMPNAY INFO - CREDIT CARD PROVIDER CHARGE LIMITS ---------- */