﻿
.CustomTabStyle { width: 550px; padding: 0; margin: 0; min-height:20px; }
.CustomTabStyle .ajax__tab_body { display: inline-block; width: 550px; }
.CustomTabStyle .ajax__tab_body p, .CustomTabStyle .ajax__tab_body h2 { padding: 10px 10px 0px 10px; }
.CustomTabStyle .ajax__tab_body input { margin: 0 0 0 10px; }
.CustomTabStyle .ajax__tab_header { white-space: nowrap; display: inline-block; width: 550px; padding: 0; margin: 0; background-color:#504C4A }
.CustomTabStyle .ajax__tab_outer { display: inline-block; }
.CustomTabStyle .ajax__tab_inner { display: inline-block; }
.CustomTabStyle .ajax__tab_tab { cursor: pointer; display: inline-block; overflow: hidden; text-align: center; }
.CustomTabStyle .ajax__tab_header {background-color:#504C4A; height: 20px; font-size: 10px; font-weight:bold; color:#fff; padding-top:2px; }
.CustomTabStyle .ajax__tab_outer {background-color:#504C4A; height: 13px; margin-bottom:4px }
.CustomTabStyle .ajax__tab_inner {background-color:#504C4A; padding-left: 3px; border-right:solid 1px #D3CFBA; }
.CustomTabStyle .ajax__tab_tab { background-color:#504C4A; height: 13px; margin: 0; padding: 0 2px 4px 2px; }

#AvailabilityProperties {display:inline-block;float:left;padding:0 0 0 5px; width:176px;}
#AvailabilityDates {display:inline-block;float:left;padding:0 0 0 5px; width:176px;}
#AvailabilityCodes {display:inline-block;float:left;padding:0 0 0 5px; width:176px;}
.Errors { font-weight: bold; padding: 10px; }

.section .cell {display:inline-block; vertical-align:baseline; float:left;}
.section { clear:both;}
/* BUTTONS */
a.Button { font-weight:bold; text-transform: uppercase; background:url("../images/BTN_lightbrown.gif") no-repeat scroll 0 0 transparent; color:#60351D; height:22px; width:125px; text-align:center; text-decoration:none; padding:2px; }
a.Button .ButtonContent { line-height: 22px; }

/* TABS  */
ul.tabs {list-style:none;margin:0 !important;padding:0;min-height:38px; } /*background-image:url("../images/newTabs.png");border-top:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;*/
/* single tab */
ul.tabs li {float:left;text-indent:0;padding:0;margin:0 !important;list-style-image:none !important; }/*background-color:#E2EDFB;*/
/* link inside the tab. uses a background image */
#content_center ul.tabs li a {text-decoration:none; height:24px;}
ul.tabs li a {background: url(images/newtabs.png) no-repeat -421px -1px;font-family:arial;font-size:10px;display:block;height: 48px;line-height:12px;width: 133px;text-align:center;text-decoration:none;text-transform: uppercase;color:#a1a1a1;padding:12px 0 0 0;margin:0px;position:relative;font-weight:bold;}
ul.tabs li a:active {outline:none;}
/* when mouse enters the tab move the background image */
ul.tabs li a:hover {background-position: -421px -52px;color:#003359;}
/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs li a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-image:url("..images/RentalsCurrent.png"); cursor:default !important;color:#003359 !important; background-color:#FFFAE7; height:38px;}/*background-position: -421px -103px;*/
/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */
/* width 1 */
ul.tabs a.s { background-position: -554px 0; width:81px; }
ul.tabs a.s:hover { background-position: -554px -52px; }
ul.tabs a.s.current { background-position: -554px -103px; }
/* width 2 */
ul.tabs a.l { background-position: -249px 0px; width:174px; }
ul.tabs a.l:hover { background-position: -249px -52px; }
ul.tabs a.l.current  { background-position: -249px -103px; }
/* width 3 */
ul.tabs a.xl { background-position: -1px 0px; width:248px; }
ul.tabs a.xl:hover { background-position: -1px -52px; }
ul.tabs a.xl.current { background-position: -1px -103px; }
/* initially all panes are hidden */ 
/* tab pane styling */
/* tab pane styling */
div.panes > div {display:none; width:560px; float:left; overflow:hidden; background-color:#FFFAE7;}
/*div.WeatherPanes > div { border-style:none solid solid;border-width:medium 1px 1px; }*/
div.panes .GridView {margin-left:0;margin-right:0; border:none;border:none;border-collapse:collapse;}
div.panes .GridView th {border-collapse:collapse;border:none;padding:3px;font-weight: bold; font-size: 10px; text-align: center; line-height: 12px; color: #003359; background: #f2f2f2 url(images/referrals/ff_referral_list_header_bg.jpg) repeat-x bottom;}
div.panes .GridView td {border-collapse:collapse;border:none;padding:3px;color:#003359}
div.panes .GridView tr.GridViewAltRow td {border-collapse:collapse;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;padding: 3px;background-color: white;color: #003359;}
div.panes .GridView tr.GridViewRow td {border-collapse:collapse;border-right: 1px solid #e1e1e1;border-bottom: 1px solid #e1e1e1;padding: 3px;background-color: white;color: #003359;}

div.panes .GridView tr.GridViewAltRow td:first-child {border-left: 1px solid #e1e1e1;}
div.panes .GridView tr.GridViewRow td:first-child {border-left: 1px solid #e1e1e1;}

#content_center div.panes .ResortWeather .GridView { width:640px !important; margin-left:45px; border:1px solid #E1E1E1; border-collapse:collapse !important;}
#content_center div.panes .ResortWeather .GridView th, div.panes .ResortWeather .GridView td { text-align: center; }

div.panes .Resorts { padding:5px 0 0 10px;}
