/* CSS style for display rates */

table.rates_table small a{ color:#757575; font-size: 12px; }
table.rates_table small a:hover{ text-decoration:none; }
table.rates_table th{ padding: 25px 0; }
td.rates_heading{ background-color:#d0d0d0; color:#565656; }
td.rates_heading h3{ margin: 5px 0; }
td.lightercolorbg{ background-color:#e8e7e7!important; text-transform: capitalize; font-weight: 600; }
img.calendar_season{ position:relative; top: -5px; }
p.seasonperiode{ width:100%!important; font-size: 14px; line-height: 1.2; margin: 7px 0; }

.ratestable ul, .ratestable li{ margin:0; padding:0; list-style:none; }

tr:nth-child(even) {
  background-color: #f2f2f2
}

td.lighter_td{ background-color:#e8e7e7!important; }

/* override theme style */

div#tabs table { width: 100%;  margin: 5px auto 20px; border-collapse: collapse; }
.ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .7em 2em; text-decoration: none; font-size: 1.3em; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #272727!important; background-color: #d0d0d0; text-decoration: none; }
.ui-state-default, .ui-widget-header .ui-state-default { background: #f5f5f5/*{bgColorDefault}*/ url(images/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/!important;
    font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #c3c3c3; text-decoration: none; }
table, th, td { border: 1px solid #9e9e9e; padding: 10px; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; background-color: #d0d0d0; color:#FFF; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; clear: both; margin: 0 !important; padding: 0 !important; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.rate-center { text-align:center; }

.ui-tabs .ui-tabs-nav li a { font-size: 1.3em; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ border:none!important; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: none!important/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(images/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.rates-tab{ padding: 13px 40px!important; font-size: 22px; position: relative; left: 0px; }
.rates_heading img { width: 16px!important; }
.rates_heading{ text-align:center; }
.ui-widget, .ui-widget-content { font-size: 16px; color: #333; border: none; }

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 667px) { 
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1.5em; text-decoration: none; font-size: 1.1em; }
    .ui-tabs .ui-tabs-nav li { position: relative; top: 10px; }
	div#tabs table { width: 100%; margin: 15px auto 20px; border-collapse: collapse; }
	.meshim_widget_Widget { display:none; }
}