@charset "utf-8";
/* CSS Document */

html, a { 
    margin: 0;
}

img {
    max-width: 100%;
} 

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

a:hover {
    text-decoration: none;
}

.smallerFont
{
    font-size: 75%;
}

ul, ol, li {
    padding: 0;
    margin: 0;
}

input.password, input.text, input[type=text], input[type=password], textarea, .textbox {
    display: block;
    font-size: 16px;
    line-height: 1.4;
    padding: 0.4em;
    width: 95%;
    resize: none;
}

select {  
    line-height: 1.25;
    padding: 0.4em;  
}

.formBaseForm select, .fullSelect {
    width: 100%; 
    font-size: 16px; 
}

.form p .radioList label {
    display: inline;
    font-weight: normal;
}

input.checkbox, input[type=checkbox], .chkBox, input.radio, input[type=radio], .rdoBtn {
    width: 20px;
    height: 20px;
}

.headerBar, .pluginTitleBar {
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    border: 1px solid #AAAAAA;
    color: #222222; 
    font-weight: bold;  
    margin-bottom: 5px;
    padding: 5px;
}

.subHeaderBar {
    background: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
    color: #212121; 
    border: 1px solid #aaaaaa;  
    padding: 2px;
} 

.clearFix { clear: both; 
}
.floatLeft 
{ float: left; 
}
.floatRight 
{ float: right; }
.center { text-align: center; }
.suffix { font-size: 70%; position: relative; top: -0.5em; }
.formLabelRow td { padding-top: 10px; }
.boldText { font-weight: bold; }

#mobileBanner.sploder, #mobileHeader.sploder, #mobileFooter.sploder {
    display: none;
}

#content .ui-widget {
    font-family: inherit; 
}

#contentWrapper {
    margin: 0;
    padding: 0;
}

#content {
    padding: 5px;
} 

.sploderLoading {
     text-align: center;
     padding-top: 20px;
}

.sploderCloser {
    background: url("images/icons-36-black.png") repeat-x scroll -152px -7px transparent;
    height: 20px;
    opacity: 0.6;
    position: absolute;
    right: 10px;
    width: 20px; 
}

/* Start Social Lightbox Sploder Fix */
#socialItemsLightboxDiv .sploderTitleBar
{
    margin: 0;
}
/*  End Social Lightbox Sploder Fix  */
 
#mobileBanner, .sploderTitleBar
{
    background: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
    border: 2px solid #AAAAAA;
    color: #212121;
    font-weight: bold;  
    margin-bottom: 6px;
    padding: 10px 0;
    text-align: center;
    border-style: none none solid;
}

#mobileFooter
{
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    border: 1px solid #AAAAAA;
    color: #222222;     
    padding: 3px;
    text-align: right;
    font-size: 12px; 
    border-style: solid none none;
}  

#mobileFooter a
{
    text-decoration: none;
    font-size: 12px; 
} 

#mobileBanner .mobileButton {
   position: absolute;
   padding-right: 25px;
   margin-top: -3px;
   margin-left: 6px;
   left: 0;
}

#mobileBanner #homeImage {
    background: url("images/icons-18-black.png") repeat scroll -580px -2px transparent;
    height: 18px;
    margin-left: 5px;
    opacity: 0.4;
    position: absolute;
    width: 18px;
}

.spinnerCell {
    height: 32px;
}

.spinnerCell canvas {
    margin-right: 8px;
}

/* ----- form ----- */
.form p {
   margin-top: 5px;
}
.form p label {
   display: block;
   font-weight: bold;
}
/* ----- end form ----- */

/* ----- datepicker ----- */
.ui-datepicker {
    width: inherit;
}
.ui-corner-all {
    border-radius: 0px;
}
.ui-datepicker td span, .ui-datepicker td a {
    
    text-align: center;
}
.ui-datepicker th {
    padding: 0.3em;
    font-size: 12px;
}
/* ----- End datepicker ----- */ 

/* ----- Tabs ----- */
.mobileTabsWrapper {
    border: 1px solid #999999;
    margin-bottom: 5px;
    border-style: none none solid;
}
.mobileTabs {  
    list-style: none; 
    font-weight: normal; 
    padding-left: 2px;
        margin-bottom: -1px;
}
.mobileTabs li { 
    margin-right: 2px;
        display: inline-block;
    border-radius: 5px 5px 0 0;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #999999;
    border-style: solid solid none;
}
.mobileTabs li a {
    display: block;
    padding: 2px 7px;
    text-decoration: none;
    font-size: 12px;
    color: #555555;
    margin: 2px;
}
.mobileTabs .selected { 
    color: #222222; 
    background: #FFFFFF;
    border-style: solid solid none;
}
.mobileTabs .endLine {
    width: 100%;
}
/* ----- End Tabs ----- */

/* ----- buttons ----- */
.mobileButton {
    color: #555555; 
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px; 
    text-decoration: none;
    
    text-align: center;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #999999;    
    border-radius: 5px;
}
.flatRight {
    border-top-right-radius: 0; 
    border-bottom-right-radius: 0; 
    border-right-style: none;
}
.flatLeft {
    border-top-left-radius: 0; 
    border-bottom-left-radius: 0; 
    border-left-style: none;
}
.noRound {
    border-radius: 0px;
}
.borderButtonSep {
    border-right-style: solid;
}
.barButtons {
    padding: 0 3px;
}
.toggleSelected {
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    color: #222222; 
    font-weight: bold;
}  
.toggler span {
    min-width: 30px;
}
#eventHeader .mobileButton {
   margin-top: -1px;
   padding: 3px 5px 3px 15px;
}
.fullButton {
    font-size: 16px;
    font-weight: bold;
    padding: 6px 0;
    width: 100%;
    margin-top: 3px;
}

input[type=button], input[type=submit], button, .abut, .but {
    font-size: 16px;
    font-weight: bold;
    padding: 6px 0;
    width: 100%;
    margin-top: 3px;
    text-align: center;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #999999;    
    border-radius: 5px;
    color: #555555;  
    width: 100%;
    text-shadow: 0 1px 0 #FFFFFF;
}
/* ----- end buttons ----- */

/* ----- table ----- */
.listTable { 
    border-collapse: collapse;
    width: 100%;    
    border: 1px solid #AAAAAA;
}
.listTable th {     
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    color: #222222;
    font-weight: bold;
    padding: 3px 6px;  
    text-align: left;
    border: 1px solid #AAAAAA;
    border-style: none none solid;
}
.listTable td {     
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;  
    border: 1px solid #D3D3D3; 
    color: #555555;
    
    font-weight: normal;
    padding: 5px; 
}
.listTable td.subHeader {
    background: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
    color: #212121; 
    border-top: 1px solid #aaaaaa;  
}   
/* ----- end table ----- */

/* ----- list view ----- */
.listView {
    border-bottom: 1px solid #D3D3D3;   
}
.listView li {
    display: block;     
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;  
    border: 1px solid #D3D3D3;
    border-bottom-style: none;  
    color: #555555;
    
    font-weight: normal;
    padding: 5px; 
}
.listView li.subHeader {
    background: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
    color: #212121; 
    border-bottom: 1px solid #AAAAAA;
}   
.listView li.selected {
    background: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
    color: #222222;
    font-weight: bold;
}  
.listView .listHeader {
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    border: 1px solid #AAAAAA;
    color: #222222;
    font-weight: bold;
    padding: 7px;    
}
.listView .selectable {
    padding-right: 40px;
}
.listView .listSelectionArrow, .listTable .listSelectionArrow {
  
    background: url("images/icons-36-black.png") repeat scroll -225px -2px transparent;
    height: 28px;
    width: 28px;
    display: inline-block;
    opacity: .6;
    margin-left: 10px;
}
/* ----- end list view ----- */

/* ----- search box ----- */
.searchButton
{
    height: 33px;
    position: absolute;
    right: -1px;
    top: -1px;
    width: 20px;
    border-radius: 0;
    border-left: 1px solid #999999; 
    padding: 0 10px;
}
.searchButton span
{
   background: url("images/icons-36-black.png") repeat scroll -1231px -2px transparent;
    display: block;
    height: 28px;
    width: 28px;
    opacity: .4; 
}
.searchBox
{
    border: 1px solid #999999;
    position: relative;
    margin-bottom: 5px;
    height: 33px;
}
.searchBox input
{
    width: 75%;
    border-style: none;
padding-bottom: 1px;
}
.searchBox .clearInput
{
    background: url("images/icons-36-black.png") repeat scroll -152px -5px transparent;
    display: none;
    height: 24px;
    position: absolute;
    right: 45px;
    top: 5px;
    width: 24px;
    opacity: .2; 
}
/* ----- end search box ----- */


/* Password Validation */
    .criteriaValidationWrapper {
        padding: 2px;
    }
    .criteriaValidationWrapper ul {
        list-style: none outside none;
        margin: 0;
        padding: 0;
    } 
    .criteriaValidationWrapper ul li {
        padding: 1px 0;
    }
    .criteriaValidationWrapper ul li .validateImage {
        display: inline-block;
        height: 12px;
        width: 12px;
        padding-right: 3px;
    }
    .criteriaValidationWrapper ul li.isValid .validateImage, .credentialInputValidator.isValid {
        background: url("images/yes.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);     
    }
    .criteriaValidationWrapper ul li.notValid .validateImage, .credentialInputValidator.notValid {
        background: url("images/no.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }
    .credentialInputValidator {
        display: inline-block;
        height: 12px;
        margin-left: -16px;
        margin-right: 4px;
        padding: 0;
        width: 12px;
    }
/* End Password Validation */

/* ---------------------------------- BEGIN MODULE SPECIFIC ---------------------------------- */

/* calendar */
#calLabel {
    padding-left: 5px;
}
#calLoading {
    padding-top: 30px;
    text-align: center;
}
#calEvents {
        position: relative;
        width: 100%; 
}
#calEvents .paneDiv {
        width: 100%;
        /*position: absolute;*/
}
#calButtons {
    height: 2em;
}
.calEvent .year {
    display: none;
}
.calEvent .monthAbbr {
    display: none;
}
.eventTime {
    display: block;
    font-size: 12px;
    max-width: 65px;
    min-width: 65px; 
} 
.eventImage {
    display: inline-block;
    width: 25px;
    padding-top: 5px;
}
.eventLabel { 
}
.eventSummary { 
    font-size: 12px;
}
.listView li.resource {
    padding-left: 25px;
}
#filterList {
    padding-top: 5px;
}
#filterButtons #doFilter {
    min-width: 75px;
}
li.loadMoreEvents, li.loadMoreArticles {
    text-align: center;
    padding: 12px 0;
}
.moreEventsImage, .moreArticlesImage
{
    
    background: url("images/icons-18-black.png") repeat scroll -215px 0 transparent; 
    display: inline-block;
    height: 14px;
    opacity: 0.75;
    padding-left: 10px;
    position: relative;
    width: 14px;
}
.searchToggle {
    padding-bottom: 5px;
}
/* end calendar */  

/* family cal plugin */
#calPerson .listTable td, #calDate .listTable td {
    border-style: solid none;
}
#calPerson .listTable .subHeader td, #calDate .listTable .subHeader td {
    background: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
    color: #212121; 
    border-top: 1px solid #aaaaaa;  
    font-size: 80%;
}  
#calPerson .listTable .header td, #calDate .listTable .header td {
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    color: #222222; 
    font-weight: bold;     
    border-bottom: 1px solid #AAAAAA; 
}  
#calPerson .listTable .header td a, #calDate .listTable .header td a {
    color: #222222; 
    font-weight: bold;   
    text-decoration: none;   
}  
.famPluginEventTitle {
    font-size: 16px;
    font-weight: bold;
}
/* end family cal plugin */

/* event view */
#eventHeaderBack {
   font-size: 12px;
    position: absolute;
}
#eventHeaderBack a {
   text-decoration: none;
}
#eventHeader {
    text-align: center; 
} 
#eventHeaderBack #backImage {
    background: url("images/icons-18-black.png") repeat scroll -147px -1px transparent;
    height: 12px;
    margin-left: -12px;
    opacity: 0.4;
    position: absolute;
    width: 12px;
}
#eventDateTop {
    font-weight: bold;
    font-size: 12px;
    display: block;
}
#eventTitle  {
    font-weight: bold;
    padding: 0 0 3px 0;
}
#eventSummaryTop {
    display: block;
    font-size: 14px;
    padding: 15px 5px;
}
.regInfo {
    padding-top: 15px;
} 
.alreadyRegistered {
    text-align: center;
}
#topAlreadyRegWrapper {
    padding: 2px;
}
#topAlreadyRegTable th {
    border-bottom: 1px solid black;
    font-size: 12px; 
    padding: 1px;
    text-align: left;
}
#topAlreadyRegTable td, #topAlreadyRegTable td a {
    font-size: 12px; 
    padding: 1px;
    text-align: left;
    text-decoration: none;
}
#topAlreadyRegTable {
    border-spacing: 5px 0;
    margin: 0 auto;
}
/* end event view */

/* event registration */
#eventMgrContent {
    font-size: 13px;
}
.memberRegHeader { 
    padding: 5px 0;
}
.memberRegHeader p {
    margin: 0 0 5px 0;
}
.memberRegHeader p label {
    display: inline-block;
    width: 90px;
    font-weight: bold;
}
.bookingDetails {
    font-size: 11px; 
}
.bookingDetails ul {
   list-style: none;
   border: 1px solid #999999;
   padding: 3px;
   margin: 3px 0;
} 
.totalFees {
     text-align: right;
}
.memberRegDetails p {
     margin: .5em 0;
}
.memberRegDetails p label {
    font-weight: bold;
    width: 95%;
}
.totalFees label {
    display: inline-block;
    width: 80px;
}
.eventTitle {
   display: block;
    font-size: 16px;
    font-weight: bold; 
}
.eventAttendees a {
     text-decoration: none;
}
.eventAttendees td {
    border: 0;
    background: none;
}
.eventAttendees tr.bottom {
    border-bottom: 1px solid #AAAAAA; 
}
.eventAttendees .attendeeAltRow {
    background: none repeat scroll 0 0 #F0F0F0;
}
.eventAttendees .proxyRow {
    background: none repeat scroll 0 0 #CCCCCC;
}
.eventAttendees .proxyRow.attendeeName {
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
}
.eventAttendees .attendeeAltRow.attendeeName {
    background: url("images/ui-bg_highlight-soft_100_f0f0f0_640x100.png") repeat-x scroll 50% 50% #f0f0f0;
}
.eventAttendees .selectPerson {
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    color: #555555; 
    text-align: center;
}
.eventAttendees .selectPerson td {
    padding: 15px 0;
}
.eventAttendees .selectPerson td span {
    background: url("images/icons-18-black.png") repeat scroll -628px -1px transparent; 
    display: inline-block;
    height: 14px;
    opacity: 0.75;
    padding-left: 10px;
    position: relative;
    width: 14px;
}
.eventAttendees .removeAttendee {
    display: inline-block; 
    width: 18px;
    height: 18px; 
    background: url("images/icons-18-black.png") repeat scroll -72px 3px transparent; 
    opacity: 0.5;
}
#membersList {
    margin-top: 5px;
}
#divLetters ul {
    list-style: none;
    margin-top: 5px;     
    border-left: 1px solid #AAAAAA;
}
#divLetters ul li {
    display: inline-block;
    padding: 5px;
    text-align: center;
    width: 20px;
    border: 1px solid #AAAAAA;
    border-style: solid solid solid none;
   background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
}
#divLetters ul li.selectedLetter {
    background: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
    color: #222222;
}  
/* end event registration */ 

/* directory */

.directoryLetterBar ul {
    list-style: none;    
    border-left: 1px solid #AAAAAA;
}
.directoryLetterBar ul li {
    display: inline-block;
    padding: 5px;
    width: 20px;
    text-align: center; 
    border: 1px solid #AAAAAA;
    border-style: solid solid solid none;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
}
.directoryLetterBar ul li.selectedLetter {
    background: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
    color: #222222;
} 
.directoryLetterBar ul li.close {
    width: auto; 
} 
#divLettersTop {   
}
#directory {
    margin: 5px 0;
}
#dirLoading {
    text-align: center;
    padding-top: 30px;
}
#directory .hiddenMember td span {
    color: red;
}
.directorySearchForm label {
    display: block;
}
.directorySearchForm input.text, .directorySearchForm input[type="text"], .directorySearchForm textarea, .directorySearchForm .textbox {
    display: inline;
}
.profileTable {
    border-collapse: collapse;
}
.profileTable label {
    display: inline-block;
    padding-top: 6px;
    font-weight: bold;
    min-width: 125px;
} 
#profileHeaderInfo {
    border: 1px solid #AAAAAA;
    padding: 5px 5px 0 5px;
}
#profileHeaderInfo p {
    margin: 0 0 5px 0;
}
#profileHeaderInfo p label {
    display: block;
    font-weight: bold;
}
#memberProfile p label {
    display: block;
    font-weight: bold;
}
#memberProfile p {
    margin: 0 0 5px 0;
}
#memberPhoto {
    width: 100%; 
    text-align: center;
}
/* end directory */

/* ---------------------------------- BEGIN SECURE ---------------------------------- */

/* bill pay */
#disclaimerDiv {
   padding: 5px;
}
.statementDate { 
   min-width: 40%;
   display: inline-block;
   font-size: 13px;
}
.statementBalanceDue { 
   min-width: 30%;
   display: inline-block;
   font-size: 13px;
}
.statementCurrentBalance {
   min-width: 30%;
   display: inline-block;
   font-size: 13px;
}
#totalValues {
   text-align: right;
   margin: 10px 0 20px;
   padding: 0 5px 5px;
   font-size: 13px;
   border: 1px solid #AAAAAA;
}
#payConfirmation {
   margin: 10px 0;
   padding: 5px 5px;
   font-size: 18px;
   border: 1px solid #AAAAAA;
}
#totalValues p {
   margin: 5px 0 0;
}
#totalValues p label {
   font-weight: bold;
}
#totalValues p span {
   display: inline-block;
   min-width: 80px;
}
#paymentsSideBar .listTable, #paymentsSideBar a {
   font-size: 13px;
}
#confirmPayment .statementDate { 
   min-width: 25%;
}
#confirmPayment .statementBalanceDue { 
   min-width: 25%; 
}
#confirmPayment .statementCurrentBalance {
   min-width: 24%; 
}
#sessionExpired {
   text-align: center;
}
#paymentNavBar {
   margin: 0 0 6px;
   text-align: center;
   border: 1px solid #999999;
   background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
}
#paymentNavBar ul {
   list-style: none;  
   width: auto;
}
#paymentNavBar ul li {
   display: inline-block;  
   width: 90px;  
}
#paymentNavBar ul li a {
   display: block;
   font-size: 12px;
   padding: 5px 10px;
   text-decoration: none; 
   color: #555555;
}
/* end bill pay */ 

/* BEGIN MEMBER STATEMENTS */
#stmtButtons
{
padding-bottom:10px;
}

.listView li.liStatement{
background-image:none;
background-color:#fff;
padding:15px 10px;
}
.listView li.liTransHead {
text-align:center
}
.listView li.liTransHead label{
font-weight:bold;
padding:10px;
}

.listView li.liStatement label{
float:left;
font-weight:bold;
}

.listView li.liStatement span{
float:right;
}
.listView li span.stmtDesc
{
max-width:150px;
white-space:normal;
}
.listView li.liStatement div,
.listView li.liTransactions div{
clear:both;
}
.stmtTransactions
{
text-align:left;
}
.stmtTransactions .subHeader span{
    font-weight:bold;
}
.listView .stmtDate,
.listView .stmtDesc{
float:left;
}
.stmtTransactions li span 
{
    font-size:14px;
}
.listView .stmtDate
{
    min-width:60px;
    padding-right:5px;
}

.listView .stmtAmt{
float:right;
}
/* END MEMBER STATEMENTS */
/* articles */ 
#artLoading {
    padding-top: 30px;
    text-align: center;
}
#artArticles {
        position: relative;
        width: 100%; 
}
#artArticles .paneDiv {
        width: 100%;
        /*position: absolute;*/
}
#artButtons {
    height: 2em;
} 
#artArticles .articleSummary {
    font-size: 12px;
}
#articleData .articleSummary { 
    display: block;
    font-size: 14px;
    padding: 15px 5px;
}   
#articleTitle  {
    font-weight: bold;
    padding: 0 0 3px 0;
} 
.articlePostInfo { 
    display: block;
    font-size: 12px;
    font-weight: bold;
}
/* end articles */  

/* yellow pages */
.ypShortDesc {
    display: block;
    font-size: 12px;
    padding-top: 2px;
}
#ypListing p label {
    display: block;
    font-weight: bold;
    float: left;
    width: 150px;
}
#ypListing p {
    margin: 0 0 5px 0;
}
#ypListing .contactName
{
    font-weight: bold;
}
/* end yellow pages */


/* NEW NETCADDY STATUS STYLES  */

.mobileComboSlideSearch .playerSearchBox {
    clear:both;
}

#ncLoading, #rbmLoading {
    padding-top: 30px;
    text-align: center;
}

#ncButtons, #rbmButtons {
    padding-bottom: 5px;
}
/*new*/
#ncScrollHead, #rbmScrollHead {background:#ffffff;}
#ncButtons #ncActionButtons, #rbmButtons #rbmActionButtons 
{
    clear:both;
    float:none;
    text-align:center;
}
#ncButtons #ncActionButtons .mobileButton, #rbmButtons #rbmActionButtons .mobileButton 
{
    width:24%;
}
#ncButtons .dateButtons, #rbmButtons .dateButtons 
{
    display:none;
}
#ncTraverse.headerBar, #rbmTraverse.headerBar 
{
    text-align:center;
}
#ncTraverse.headerBar .headerBarButtons.dateButtons .mobileImageButton, #rbmTraverse.headerBar .headerBarButtons.dateButtons .mobileImageButton
{
    padding:10px 15px;
}
#ncTraverse.headerBar .headerBarButtons.dateButtons .mobileImageButton .text, #rbmTraverse.headerBar .headerBarButtons.dateButtons .mobileImageButton .text{
    display:none;
}
#ncTraverse.headerBar .headerBarButtons.dateButtons .ncPrev, #rbmTraverse.headerBar .headerBarButtons.dateButtons .rbmPrev
{
     background: url("images/prev28x28.png") Transparent no-repeat center center; 
}
#ncTraverse.headerBar .headerBarButtons.dateButtons .ncNext, #rbmTraverse.headerBar .headerBarButtons.dateButtons .rbmNext
{
     background: url("images/next28x28.png") Transparent no-repeat center center; 
}
/*end new*/

#ncTeeTimes .paneDiv .listView li,
#rbmbookingTimes .paneDiv .listView li
{
    background-image:none;
    background-color:Transparent;
    border:0;
    padding:0;
}
#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelNoSlots,
#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelUnavailable,
#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelHeld,
#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelNotInReservation,
#rbmbookingTimes .paneDiv .listView .rbm_TimeSlotPanelNoSlots,
#rbmbookingTimes .paneDiv .listView .rbm_TimeSlotPanelUnavailable,
#rbmbookingTimes .paneDiv .listView .rbm_TimeSlotPanelHeld,
#rbmbookingTimes .paneDiv .listView .rbm_TimeSlotPanelNotInReservation
{
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    border: 1px solid #D3D3D3;
    border-bottom-style: none;  
    color: #A5A29D; 
    font-weight: normal;
    padding: 5px;  

}
#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelSlotAvailable,
#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelInReservation,
#ncTeeTimes .paneDiv .listView .ncMyReservation,
#rbmbookingTimes .paneDiv .listView .rbm_TimeSlotPanelSlotAvailable,
#rbmbookingTimes .paneDiv .listView .rbm_TimeSlotPanelInReservation,
#rbmbookingTimes .paneDiv .listView .rbmMyReservation
{   
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;  
    border: 1px solid #D3D3D3;
    border-bottom-style: none;  
    color: #555555; 
    font-weight: normal;
    padding: 5px; 
}
/*new*/
#ncTeeTimes .ncTeeTimeHeader .timeHeading,
#ncTeeTimes .ncTeeTimeHeader .courseHeading,
#ncTeeTimes .ncTeeTimeHeader .playersHeading,
#ncTeeTimes .ncTeeTimeHeader .teeHeading
{
    font-weight:bold;
    font-size:90%;
    text-transform:uppercase;
}

#ncTeeTimes .paneDiv .listView .courseName
{
    font-weight:bold;
}
#ncTeeTimes .paneDiv .listView .courseName,
#ncTeeTimes .paneDiv .listView .timeRangeName,
#ncTeeTimes .paneDiv .listView .startTee,
#ncTeeTimes .paneDiv .listView .holesPlayed,
#ncTeeTimes .paneDiv .listView .playerNames
{
    width:100%;
    overflow:hidden;
    white-space:nowrap;
}
#ncTeeTimes .paneDiv .listView .startTee .sup
{
    font-size: 70%;
    vertical-align:super;
}

#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelNoSlots .ncBookButton,
#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelUnavailable .ncBookButton,
#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelHeld .ncBookButton,
#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelNotInReservation .ncBookButton
{
    display:none;
}

/* display edit if in party */
#ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelNoSlots .hasUserInRes .ncBookButton {
    display:inline-block;
}
/* Display edit if need player */

.hasNeedPlayerRes .ncBookButton, #ncTeeTimes .paneDiv .listView .NC_TimeSlotPanelNoSlots .hasNeedPlayerRes .ncBookButton {
    display:inline-block !important;
}

.hasUserInRes {
    background-color: #FFFF00 !important;
}
.hasUserInRes table {
    background-color: #FFF !important;
}

/*end new*/

#ncTeeTimes .paneDiv .listView li.subHeader,
#rbmbookingTimes .paneDiv .listView li.subHeader
{
    background: url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50% #DADADA;
    color: #212121; 
    border-top: 1px solid #aaaaaa;  
    padding:5px;
}

#ncTeeTimes .ncReservedTime .NC_TimeSlotPanelNotInReservation .ncJoinButton {display:none;}

#ncTeeTimes .ncReservedTime .hasUserInRes .ncBookButton {display:inline-block !important;}

/*#ncTeeTimes .ncReservedTime .ncBookButton {display:none !important;}*/

.hideUnavailableReservationbooked.hasUserInRes {background-color:transparent !important;}

.hideUnavailableReservationbooked .ncBookButton, .hideUnavailableReservationbooked .ncJoinButton {display:none;}

/* NEW BOOKING WINDOW STYLES  */
.NC_Body,.rbm_Body{background:#EBEBEB;}
#BookMgrHeaderRow{margin-bottom:0;}
.mobileComboSlide,.mobileDateBoxSlide{background:#fff;}
.playerSearchBox{padding-left:5px;}
.playerSearchBox input{display:inline;width:80%;}
#resFields{font-family:"Lucida Sans", "Lucida Sans Unicode", "Sans-Serif";}
#resFields DIV,
#resFields LI,
#resFields TABLE{margin:0;padding:0;}
#resFields input[type="text"]{display:inline;width:75%;}
#resFields input[type="date"]{display:inline;width:75%;line-height:1.4em;padding:.4em;border:1px inset #eee;background:#fff;font-size:16px;-webkit-appearance: textfield;-webkit-box-shadow: 0;}
#resFields select{display:inline;width:78%;line-height:1.4em;padding:.4em;border:1px inset #eee;background:#fff;font-size:16px;-webkit-appearance: none;-webkit-box-shadow: 0;}
#resFields{width:100%;overflow:visible;padding:0px;color:#333333;}
.partyCboItm .partySizeName,
.roundCboItm .roundName  {font-weight:normal;color:#666666;}
#resFields #resProps{margin-top:20px;}
#resFields #resTime,#resFields #resProps{width:100%;}
#resFields #resProps DIV,#resFields #resTime DIV{display:block;margin:0 0 10px 0;padding:0;vertical-align: middle;}
#resFields #resProps DIV DIV,#resFields #resTime DIV DIV{margin:0;padding:0;}
#resFields #resProps DIV.ComboBox,
#resFields #resTime DIV.ComboBox{margin:0;display:inline-block;}
#resFields #resProps LABEL,
#resFields #resTime LABEL{display:inline-block;width:60px;margin:0;color:#666666;vertical-align:middle;}
.partyCboItm {display:block;vertical-align:middle;}
.partyCboItm .partySize{background: url("images/BookingUI_Sprite.png") no-repeat scroll -40px -188px transparent;padding:6px 6px 6px 16px;font-size:10px;font-weight:bold;}
.rcbHovered .partyCboItm .partySize{background: url("images/BookingUI_Sprite.png") no-repeat scroll -40px -230px transparent;padding:6px 6px 6px 16px;font-size:10px;font-weight:bold;}
.partyCboItm .partySizeName{margin-left:10px;}
.roundCboItm {display:block;vertical-align:middle;}
.roundCboItm .roundSize{background: url("images/BookingUI_Sprite.png") no-repeat scroll -40px -312px transparent;padding:6px 5px 6px 17px;font-size:10px;font-weight:bold;}
.rcbHovered .roundCboItm .roundSize{background: url("images/BookingUI_Sprite.png") no-repeat scroll -40px -354px transparent;padding:6px 5px 6px 17px;font-size:10px;font-weight:bold;}
.roundCboItm .roundName{margin-left:10px;}

#resFields #partyPanel{overflow:hidden;}
#resFields #notifyAll{width:auto;text-align:left;margin-bottom:10px;}
#resFields #notifyAll INPUT{margin-right:4px}
#resFields #notifyAll #SelectReserveAs{white-space:nowrap;}
#resFields #notifyAll #SelectNotifyAll{white-space:nowrap;}


#resFields .resParty{margin:0;padding:0;}
#resFields .PlayerBook{border-top: 1px solid #888;padding:10px 0px 10px 0;}
#resFields .ReserverBook{border-top: 1px solid #888;background:#C5E5FE;padding:10px 0px 10px 0;}
#resFields .pSelect{width:auto;}
#resFields .pSelect SPAN{margin:0 5px 0 0;color:#696969;}
#resFields .pSelect .pLabel{display:inline-block;margin:0;width:55px;}

#resFields .pSelect .pNotify SPAN{margin-left:15px;}
#resFields .pSelect .ComboBox{margin-left:12px;}
#resFields .pSelect .pTransport .ComboBox {margin:0}
#resFields .ReserverBook .pSelect .ComboBox{margin-left:12px;}
#resFields .pOptions{margin:0;padding:15px 0 0;text-align:left;}
#resFields .optionBook{margin-left:60px;width: 100%;text-align:left;display:inline-block;}
#resFields .oSelect{width: 145px; display: inline;text-align:left;}
#resFields .oSelect SPAN{padding:0 0 5px 0;color:#696969;}
#resFields .optsLabel{color: #666666;font-size:11px; font-style:italic;font-weight:bold;margin-right:5px;}
#resFields .ncGuestIcon{padding:5px 6px;background: url("images/BookingUI_Sprite.png") no-repeat scroll -40px -586px transparent;}

#resFields #resAdditional{margin:0;}
#resFields #resAdditionalMP{border:1px solid #828282;padding:2px;background:#F2F0F1;}
#resFields #resAdditionalMP TEXTAREA{border:0px;color:#666666;background:#F2F0F1;font-weight:bold;}


#resActions .toolbar {margin:0;padding:0;}
#resActions .toolbar .inside{margin: 10px 0;padding: 0;text-align:center;width:auto;}
#resActions .toolbar ul.toolBtns {list-style: none;list-style-position:inside;display: block;margin: 0;padding:0;}
#resActions .toolBtns li {display: inline;}
#resActions .toolbar .toolBtns li a 
{
    color: #555555; 
    font-size: 16px;
    display: inline-block;
    padding: 5px 10px; 
    text-decoration: none;
    
    text-align: center;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #999999;    
    border-radius: 5px;
    width:80%;
}

.MemberBoxItemAdmin,.BuddyBoxItemAdmin,.GuestBoxItemAdmin,.genericGuestBoxItemAdmin,.TBDBoxItemAdmin{padding:10px 6px;}
.MemberBoxItem .pLevel, .GuestBoxItem .pLevel, .genericGuestBoxItem .pLevel, .TBDBoxItem .pLevel,.MemberBoxItem .pLevelName, .GuestBoxItem .pLevelName, .genericGuestBoxItem .pLevelName, .TBDBoxItem .pLevelName{Display:none}
.MemberBoxItemAdmin .pLevel, .GuestBoxItemAdmin .pLevel, .genericGuestBoxItemAdmin .pLevel, .TBDBoxItemAdmin .pLevel,.BuddyBoxItemAdmin .pLevel{font-size:11px;display:inline-block;float:left;}
.MemberBoxItem .pName, .GuestBoxItem .pName, .genericGuestBoxItem .pName, .TBDBoxItem .pName,.BuddyBoxItem .pName,
.MemberBoxItemAdmin .pName, .GuestBoxItemAdmin .pName, .genericGuestBoxItemAdmin .pName, .TBDBoxItemAdmin .pName,.BuddyBoxItemAdmin .pName{color:#333333;display:block;font-weight:bold;}
.MemberBoxItemAdmin .pMemID, .GuestBoxItemAdmin .pMemID, .genericGuestBoxItemAdmin .pMemID, .TBDBoxItemAdmin .pMemID,.BuddyBoxItemAdmin .pMemID{font-size:11px;display:inline-block;float:right;}
.BuddyBoxItem .pLevel{float:right;}
.BuddyBoxItem .pLevel A{padding:5px;background: url("images/BookingUI_Sprite.png") no-repeat scroll -40px -230px transparent;*height: 20px;}
.BuddyBoxItem .pLevelName{display:block;font-size:11px;}

#resFields #resAdditionalMP IMG{vertical-align:middle}
#resFields #LottoFields,#resFields #recurrFields,#resFields #otherFields{padding:10px;}
#resFields #LottoFields DIV,#resFields #recurrFields DIV,
#resFields #otherFields DIV{padding:0px;}
#resFields #LottoFields LABEL,#resFields #recurrFields LABEL,
#resFields #otherFields LABEL{display:block;float:none;margin: 0px;color:#666666;font-weight:normal;}
#resFields #otherFields SPAN{display:block;float:none;margin: 5px 10px 0;}
#resFields #recurrFields #recurrMsg{font-weight:normal;color:#666666;font-size:10px;padding-top:5px;}

#errorTitle {width:auto;}
.cdownBox{background:transparent;width:40px;left:5px;position:absolute;top:3px;text-align:right;}
.cdownBoxWarning{color:#BF0B0B;font-weight:bold;background:transparent;width:40px;left:5px;position:absolute;top:3px;text-align:right;}
#loading{display:none;left:10;position:absolute;top:545px;}

/*END NEW BOOKING WINDOW STYLES*/
/* begin new error box*/
/* booking error display box*/
#errorBox{
    display:none;
    left:0;
    position:absolute;
    text-align:center;
    top:150px;
    vertical-align:middle;
    width:90%;
    background:#EBEBEB;
}

#errorBox p{
    background-color:#EBEBEB;
    border:solid 1px #000;
    display:block;
    margin:0 auto;
    text-align:left;
    width:100%;
}

#errorBox p span{
    display:block;
    padding-left:5px;
}

#errorTitle
{
    text-align: left; 
    padding: 5pt 5px; 
    background: url("images/ui-bg_highlight-soft_75_cccccc_1x100.png") repeat-x scroll 50% 50% #CCCCCC;
    border: 1px solid #AAAAAA;
    color: #222222; 
    font-family:"Lucida Sans", "Lucida Sans Unicode", "Sans-Serif"; 
    font-size:16px;
    margin:0;
}

#errorLbl
{
    font-family:"Lucida Sans", "Lucida Sans Unicode", "Sans-Serif"; 
    color:#666666;
    font-size:12px;
    padding-bottom:5px;
    
}

#errorDsc{
    padding-bottom:5px;
}

#errorActions{
    display:inline;
    text-align:right;
    background:#EBEBEB;
}

#errorActions a{
    color: #555555; 
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px; 
    text-decoration: none;  
    text-align: center;
    background: url("images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #999999;    
    border-radius: 5px;
}
/*end new error box*/

/* END NETCADDY NEW STATUS STYLES  */



/* BEGIN CHICKLET MENU STYLES  */
/* Iphone_Settings*/
.chicklet_Iphone_Settings .chkletRootGroup,.chicklet_Iphone_Settings .chkletGroup
{
    border:1px solid #333;
}
.chicklet_Iphone_Settings a.chkletLink
{
    background:#E4E4E4;
    border-top:1px solid #333;
}

.chicklet_Iphone_Settings .chkletText
{
    color:#333;
}
.chicklet_Iphone_Settings .chkletNavbar
{
    background:#fff;
}
.chicklet_Iphone_Settings .chkletNavtitle
{
    color:#333;
}
/* end Iphone_Settings*/

/* Iphone_SpringBoard*/
.chicklet_Iphone_SpringBoard a.chkletLink
{
    background:#E4E4E4;
    border:1px solid #A0A0A0;
}
.chicklet_Iphone_SpringBoard .chkletText
{
    color:#333;
}
.chicklet_Iphone_SpringBoard .chkletNavbar
{
    background:#fff;
    border-bottom:1px solid #333;
}
.chicklet_Iphone_SpringBoard .chkletNavtitle
{
    color:#333;
}
/* end Iphone_SpringBoard*/

/* Iphone_SpringBoard3Col*/
.chicklet_Iphone_SpringBoard3Col a.chkletLink
{
    background:#E4E4E4;
    border:1px solid #A0A0A0;
}
.chicklet_Iphone_SpringBoard3Col .chkletText
{
    color:#333;
}
.chicklet_Iphone_SpringBoard3Col .chkletNavbar
{
    background:#fff;
    border-bottom:1px solid #333;
}
.chicklet_Iphone_SpringBoard3Col .chkletNavtitle
{
    color:#333;
}
/* end Iphone_SpringBoard3Col*/

/* Iphone_SpringBoard4Col*/
.chicklet_Iphone_SpringBoard4Col a.chkletLink
{
    background:#E4E4E4;
    border:1px solid #A0A0A0;
}
.chicklet_Iphone_SpringBoard4Col .chkletText
{
    color:#333;
}
.chicklet_Iphone_SpringBoard4Col .chkletNavbar
{
    background:#fff;
    border-bottom:1px solid #333;
}
.chicklet_Iphone_SpringBoard4Col .chkletNavtitle
{
    color:#333;
}
/* end Iphone_SpringBoard4Col*/

/* END CHICKLET MENU STYLES  */

/* MOSV Simulator scrollbar fix*/

#content
{
    overflow: hidden;
}
/* MOSV Simulator scrollbar fix*/


/* ############################### FAQ ############################### */
.faq h1 {
    font-size: 125%;
    margin: 0 0 3px !important;
}
.faqTOC h2 {
    font-size: 110%;
    margin: 1px 0 !important;
} 
.faqTOC ol {
    margin: 0 !important;   
    padding: 0 30px !important;
}
.faqTocLevel {
    padding: 5px 0 !important;
}
.faqLevel {
    margin: 5px 0 !important; 
}
.faqItems {
    padding-top: 10px !important;
}
.faqLevel h2 {
    font-size: 105%;
    margin: 1px 0 !important;
    padding-bottom: 3px !important;
    border-bottom: 1px solid;
}
.faqItem p {
    padding: 2px 0 !important;
    margin: 0 !important;
}
.faqItem h4 {
    font-size: 100%;
    padding: 0 !important;
    margin: 0 !important;
}
.faqItem {
    padding: 5px 0 !important;
}
.faqLevel .goToTop { 
    padding: 0 !important;
    margin: 0 !important;   
    float: right; 
}
.faqItem.disabled, .faqLevel.disabled { 
    border: 1px solid red; 
}
/* ############################# End FAQ ############################# */
















/* ############################## Dialog ############################# */ 
} 
.modalDialogOverlay .modalSpacerBox {
    display: none;
}
.axisDialogBox {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999; 
    width: 100%; 
    background: #ffffff; 
} 
.axisDialogBox .dialogTitleBar {   
    margin: 0 auto;
    padding: 6px 4px; 
    z-index: 100000;
    background-color: #cccccc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#eeeeee');
    background-image: -ms-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(1, #eeeeee));
    background-image: -webkit-linear-gradient(top, #cccccc 0%, #eeeeee 100%);
    background-image: linear-gradient(to bottom, #cccccc 0%, #eeeeee 100%);
}
.axisDialogBox .dialogTitleBar span {  
    font-weight: bold; 
    padding: 2px 0 0; 
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
} 
.axisDialogBox .dialogContent {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #EEEEEE;
    height: 100% !important;
    vertical-align: top;
}  
.axisDialogBox .dialogContentWrapper {
    padding: 2px;  
background: white;
}
.axisDialogBox .dialogActions {
    white-space: nowrap;
    float: right; 
}
.axisDialogBox .dialogActions ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none; 
}
.axisDialogBox .dialogActions ul li {
    margin: 0 !important;
    padding: 0 !important; 
    float: left;
}
.axisDialogBox .dialogActions ul li a { ;
    display: block;
    height: 20px;
    width: 20px;
}
.axisDialogBox .dialogActions ul li span {
    display: block;
    text-align: center;
    text-indent: -9999px;
}
.axisDialogBox .dialogActions ul li.close a { 
    background-position: -96px -2px; 
    background: url("images/icons-36-black.png") repeat-x scroll -152px -7px transparent;
} 
.dialogContentLoader {
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E6FFFFFF, endColorstr=#E6FFFFFF);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFE6, endColorstr=#FFFFFFE6);
    background-color: rgba(255, 255, 255, 0.9);
    left: 0; 
    right: 0;
    bottom: 0;
    position: absolute;
    top: 0;
    z-index: 9000; 
    z-index: 999999;
}
.dialogContentLoader .dialogContentLoaderImg {
    background: url("images/barLoader.gif") no-repeat scroll 0 0 transparent;
    height: 12px;
    left: 50%;
    margin-left: -22px;
    margin-top: -6px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 44px;
}
/* ############################ End Dialog ########################### */

/* ############################ Begin Picklist ########################### */
.picklistDropDown{border:1px solid #BCBCBC;background:#222222;padding:0 5px 5px;}
.picklistDropDown .picklistDropDownInner{border:1px solid #BCBCBC;background:#E9EAEE;}
.picklistDropDown.down
{
    border-top:0px;
}
.picklistDropDown.up
{
    border-bottom:0px;
}
.picklistDropDown ul {
    list-style: none;
    margin: 0 0 0 0 !important;
    padding: 0 !important;
}
.picklistDropDown li  
{
    margin: 0 !important;
    padding: 10px 10px 10px 5px !important;
    width:auto;
    display:block;
    border-bottom:1px solid #BCBCBC;
    cursor:pointer;
}
.picklistDropDown li.hover
{
    background:#E1E4EF;
}
.picklistDropDown li.selected
{
    background:#C5CCEA;
}
.picklistDropDown li.last
{
    border-bottom:0px;
}
.picklistDropDown .picklistMobileActions
{
    background:#222222;
    border-bottom:1px solid #BCBCBC;
    padding:5px;
    text-align:right;
}
.picklist {border:1px solid #BCBCBC;padding:2px;background:#E9EAEE url('images/picklist/down-arrow.png') no-repeat right center;}
.picklist .inner{background:#FFFFFF;margin-right: 20px;padding: 5px 0 5px 5px;}
.picklist.down{}
.picklist.up{}

.picklist .selectedItem{float:left;padding:0 5px 0 0;margin:0 5px 0 0;border-right:1px solid #BCBCBC;}
.picklist .selectedItem.last{padding:0;margin:0;border-right:0px;}
.picklist .clear{clear:both;}
/* ############################ End Picklist ########################### */


/* ############################ Begin HtngGssReservations Golf ########################### */
.clear{clear:both}
#gssSettingsMenu{display:none;}

/* navigation */
#htngGolfButtons {
    padding-bottom: 5px;
}
#htngGolfScrollHead{background:#ffffff;}
#htngGolfButtons #htngGolfActionButtons 
{
    clear:both;
    float:none;
    text-align:center;
}
#htngGolfButtons #htngGolfActionButtons .mobileButton
{
    width:24%;
}
#htngGolfButtons .dateButtons
{
    display:none;
}
#htngGolfTraverse.headerBar
{
    text-align:center;
    height: 33px; 
    background: #666666; /* Old browsers */
    background: -moz-linear-gradient(top,  #666666 0%, #444444 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#444444)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #666666 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #666666 0%,#444444 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #666666 0%,#444444 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #666666 0%,#444444 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
    *background: #666666; /* Old browsers */
    padding: 10px 0 0;
}
#htngGolfLabel
{
    font: arial 16px bold;
    color:#fff;
    text-shadow: 0 0 0 #FFFFFF;
}
#htngGolfTraverse.headerBar .headerBarButtons.dateButtons .mobileImageButton
{
    padding:10px 15px;
}
#htngGolfTraverse.headerBar .headerBarButtons.dateButtons .mobileImageButton .text{
    display:none;
}
#htngGolfTraverse.headerBar .headerBarButtons.dateButtons .htngGolfPrev
{
     background: url("../../net/SMS/HtngGssReservations/SmsGolf/skins/global/images/arw_sprite.png") no-repeat scroll -34px -28px transparent;
}
#htngGolfTraverse.headerBar .headerBarButtons.dateButtons .htngGolfNext
{
     background: url("../../net/SMS/HtngGssReservations/SmsGolf/skins/global/images/arw_sprite.png") no-repeat scroll -34px -84px transparent;
}


/*end navigation*/

    #golfAvailabilityRoot div{text-align:left;color:#000;}
    
    #golfAvailabilityRoot #datepickerMobile, #golfAvailabilityRoot #datepickerMobile div 
    {
        text-align:center;
    }
    #golfAvailabilityRoot #datepickerMobile .ui-datepicker-inline
    {
        margin:0 auto;
    }
    #golfAvailabilityRoot .courseSelect
    {
        display:none;
    }
     #golfAvailabilityRoot .modTitle
    {
        font-weight:bold;
        font-size:24px;
        padding:10px;
    }
    #golfAvailabilityRoot .wrapper ul {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
    }
    #golfAvailabilityRoot .wrapper li  
    {
        margin: 0 !important;
        padding: 10px 10px 10px 5px !important;
        display:block;
    }
    #golfAvailabilityRoot .golfTemplateItem .image
    {
        padding: 0 5px;
        text-align: center;
        width: auto;
    }
    #golfAvailabilityRoot .golfTemplateItem .image img
    {   
        width: 90%;
    }
     #golfAvailabilityRoot .golfTemplateItem .title
     {
        font-weight:bold;

        font-size:18px;
        text-transform:capitalize;
     }
     #golfAvailabilityRoot .clear
     {
        clear:both;
     }
    #golfAvailabilityRoot {
        display: block;
        overflow: hidden;
        width:100%;
    }
    #golfAvailabilityRoot .wrapper {
        position: relative;
        display: inline-block;
        width: 3000px;
    }

    #golfAvailabilityRoot #golfTemplates {
        float: left;
    }
    #golfAvailabilityRoot .slideBox {
        display: inline-block;
    }
    #golfAvailabilities
    {
        padding: 0;
        margin: 0 10px;
        border: 1px solid #D3D3D3;
        border-bottom:0px;
    }
    .golfNoResultsItem
    {
        background-color: #797979;
        border-bottom: 1px solid #AAAAAA;
        color: #aaaaaa;
        font: bold 11px Arial,Verdana,sans-serif;
        padding: 5px; 
        text-shadow: 0 0 0 #FFFFFF;
    }    
    .golfAvailableItem.DISPLAYONLY
    {
        background-color: #797979;
        border-bottom: 1px solid #AAAAAA;
        color: #aaaaaa;
        font: bold 11px Arial,Verdana,sans-serif;
        padding: 5px; 
        text-shadow: 0 0 0 #FFFFFF;
    }
    .golfAvailableItem.AVAILABLE
    {
        background: #caee9b; /* Old browsers */
        background: -moz-linear-gradient(top,  #caee9b 0%, #b1dc77 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#caee9b), color-stop(100%,#b1dc77)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #caee9b 0%,#b1dc77 100%); /* W3C */     
        *background: #caee9b; /* Old browsers */    
        border-bottom: 1px solid #79aa3a;
        color: #333;
        font: bold 11px Arial,Verdana,sans-serif;
        cursor:pointer;
        padding: 5px; 
    }
    .golfAvailableItem .price
    {
        float:right;
        padding: 0 10px;
    }
    /* slider */
    .golfCategoryItem .sliderButton ,.golfTemplateItem .sliderButton {
       display:none;
    }
/* edit user */
    #GssEditUser .title{display:none;}
    #GSSGolfContent{/*text-align:center;*/}
    #GssEditUser{width:100%;text-align:left;margin:0 auto;}
    #GssEditUser .field
    {
        padding:5px 0;
        vertical-align:middle;
    }
    #GssEditUser .field label
    {
        display:block;
        padding:0;
        font: bold 12px Arial,Verdana,sans-serif;
        width:100px;
    }
    #GssEditUser .field input
    {
        float:left;
        width:95%;      
    }
    #GssEditUser .actions
    {
        width:100%;
        text-align:center;
        padding:10px;
    }
    #GssEditUser .actions a{margin:10px;width:200px;}
/* end edit user */
/* booking */
    #golfBookRoot
    {
        padding: 0;
        font: normal 11px Arial,Verdana,sans-serif;
        text-align:left;
    }
    #golfBookRoot label
    {
        display:block;
        padding:0;
        font: bold 12px Arial,Verdana,sans-serif;
        
    }
    #golfBookRoot #title
    {
        display:none;
    }
    #golfBookRoot #reqDetails,#golfBookRoot #pmtGuarantee,#golfBookRoot #reqPlayers
    {
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background:#E9EAEE;  
        padding:5px; 
        margin-top:5px;     
    }
    #golfBookRoot #reqDetails
    {
        padding:5px;
        margin-bottom:5px;
        width:100%;
    }
    #golfBookRoot #pmtGuarantee
    {
        margin-bottom:60px;
    }
    #golfBookRoot #reqDetails .sectionHead,#golfBookRoot #preferrences .sectionHead,#golfBookRoot #pmtGuarantee .sectionHead
    {
        font: bold 16px Arial,VerdaSergio na,sans-serif;
        padding: 0 0 5px 5px;
        width:100%;
    }
    #golfBookRoot #pmtGuarantee .sectionHead
    {
        padding: 0 0 10px 0;
    }
     #rateDetailsInner .golfTemplate img
     {
        max-height:100px;

     }
     #golfBookRoot #reqDetails .reqDetail
     {
        float: left;
        margin: 5px 20px 0 10px;
        width: 95%;
     }
     #golfBookRoot #reqDetails .reqDetail .picklist
     {
        width: 95%;
     }
     #golfBookRoot #reqDetails #date
     {
        width:170px;
        margin:5px 10px 0 10px;
     }
     #golfBookRoot #reqDetails #time
     {
        width:70px;
        margin:5px 0 0 10px;
     }
         
     #golfBookRoot #reqDetails .reqDetail.price
     {
        width:100px;
     }
    #golfBookRoot .UnsecureMessage
    {
        color:#ff0000;
        font: bold 12px Arial,Verdana,sans-serif;
        font-style:italic;
        display:block;
    }
    
    #golfBookRoot a.textButton, #golfBookRoot a.textButton:hover, .textButton {
        background: url("../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/buttons/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6;
        border: 1px solid #999999;
        border-radius: 5px 5px 5px 5px;
        color: #555555;
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        line-height: normal;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
    }
    #golfBookRoot #pmtGuarantee .ddlExpMo
    {
        width:50px;
    }
    #golfBookRoot #pmtGuarantee .ddlExpYear
    {
        width:140px;
    }
    #golfBookRoot #actions
    {
        margin-top:10px;
    }
    #golfBookRoot .floatRight
    {
        float:right;
    }
     #golfBookRoot .floatLeft
    {
        float:left;
    }
     #golfBookRoot .clear
    {
        clear:both;
    }
    #golfBookRoot #navigator{display:none;}
    #golfBookRoot a.textButton.lbCancel, #golfBookRoot a.textButton.lbCancel:hover,
    #golfBookRoot a.textButton.lbCancelChanges, #golfBookRoot a.textButton.lbCancelChanges:hover
    {
        background: #FC0202; /* Old browsers */
        background: -moz-linear-gradient(top,  #FC0202 0%, #C40101 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FC0202), color-stop(100%,#C40101)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #FC0202 0%,#C40101 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #FC0202 0%,#C40101 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #FC0202 0%,#C40101 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #FC0202 0%,#C40101 100%); /* W3C */
        *background: #FC0202; /* Old browsers */
        color:#fff;
        font: arial 12px bold;
        text-shadow: 1px 0px 3px rgba(0,0,0,0.25);
        border-radius: 2px;
    }
    
    #golfBookRoot a.textButton.lbBook, #golfBookRoot a.textButton.lbBook:hover,
    #golfBookRoot a.textButton.prevStep, #golfBookRoot a.textButton.prevStep:hover,
    #golfBookRoot a.textButton.nextStep, #golfBookRoot a.textButton.nextStep:hover
    {
        background: #98c65a; /* Old browsers */
        background: -moz-linear-gradient(top,  #98c65a 0%, #7dac3d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c65a), color-stop(100%,#7dac3d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #98c65a 0%,#7dac3d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #98c65a 0%,#7dac3d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #98c65a 0%,#7dac3d 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #98c65a 0%,#7dac3d 100%); /* W3C */
        *background: #98c65a; /* Old browsers */
        color:#fff;
        font: arial 12px bold;
        text-shadow: 1px 0px 3px rgba(0,0,0,0.25);
        border-radius: 2px;
    }
    
    
    .dialog .picklistDropDown .image{float:left; padding-right:10px;}
    .dialog .picklistDropDown .image img{width:50px;}
    #golfBookRoot .picklist
    {
        float:left;
    } 
    
   #golfBookRoot #pmtGuarantee #cardExpiry .picklist
    {
        margin-right:20px;
    }
    
    #golfBookRoot .preference
    {
        width: 35%;   
        float:left;
        margin-left:20px;
    } 
    #golfBookRoot .preference .picklist
    {
        width:95%;
    }
    #golfBookRoot .preference.Name
    {
        width:50%;
        margin-left:0;
    }   
    #golfBookRoot .preference INPUT
    {
        width:95%;
        height: 24px;
        padding:2px;
        border: 1px solid #BCBCBC;
    }
    #golfBookRoot .player
    {
        border-bottom: 1px solid #BCBCBC;
        padding: 0 0 5px;
    }
   #rateDetails .golfTemplateItem .image
    {
        width:250px;
        float:left;
        padding: 0 5px;
    }
    #rateDetails .golfTemplateItem .image img
    {   
        width:250px;
    }
     #rateDetails .golfTemplateItem .title
     {
        font-weight:bold;
        font-size:18px;
        text-transform:capitalize;
     }
     #reqDetails #price
     {
        text-align:right;
     }
     #reqDetails #price label
     {
        display:none;
     }
    #reqDetails #price #valPrice
    {
        font:23px arial,verdana,sans-serif;
        padding-right:10px;
    }
/* end booking */
/* my reservations */
    #golfMyResRoot div{text-align:left;color:#000;}
    
    #golfMyResRoot #datepicker, #golfMyResRoot #datepicker div 
    {
        text-align:center;
    }
    #golfMyResRoot #datepicker .ui-datepicker-inline
    {
        margin:0 auto;
    }
    #golfMyReservationItems
    {
        border: 1px solid #AAAAAA;
        border-bottom:0px;
    }
    #golfMyResRoot .modTitle
    {
        display:none;
    }
    #golfMyResRoot .wrapper ul {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
    }
    #golfMyResRoot .wrapper li  
    {
        margin: 0 !important;
        padding: 10px 10px 10px 5px !important;
        display:block;
    }
    #golfMyResRoot .golfTemplateItem .image
    {
        width:250px;
        float:left;
        padding: 0 5px;
    }
    #golfMyResRoot .golfTemplateItem .image img
    {   
        width:250px;
    }
     #golfMyResRoot .golfTemplateItem .title
     {
        font-weight:bold;
        font-size:18px;
        text-transform:capitalize;
     }
     #golfMyResRoot .clear
     {
        clear:both;
     }
    #golfMyResRoot {
        display: block;
        width:100%;
    }
    #golfMyResRoot .wrapper {
        width: 100%;
    }

    #golfMyResRoot #golfTemplates {
        float: left;
    }
    #golfMyReservations
    {
        padding:10px;
    }
    #golfMyReservationItems{width:100%;}
    .golfNoResultsItem
    {
        background-color: #797979;
        border-bottom: 1px solid #AAAAAA;
        color: #aaaaaa;
        font: bold 11px Arial,Verdana,sans-serif;
        padding: 5px; 
        text-shadow: 0 0 0 #FFFFFF;
    }    
    .golfMyResItem.DISPLAYONLY
    {
        background-color: #797979;
        border-bottom: 1px solid #AAAAAA;
        color: #aaaaaa;
        font: bold 11px Arial,Verdana,sans-serif;
        padding: 5px;  
        text-shadow: 0 0 0 #FFFFFF;
    }
    .golfMyResItem.AVAILABLE
    {
        background: #caee9b; /* Old browsers */
        background: -moz-linear-gradient(top,  #caee9b 0%, #b1dc77 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#caee9b), color-stop(100%,#b1dc77)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #caee9b 0%,#b1dc77 100%); /* W3C */     
        *background: #caee9b; /* Old browsers */    
        border-bottom: 1px solid #79aa3a;
        color: #333;
        font: bold 11px Arial,Verdana,sans-serif;
        cursor:pointer;
        padding: 5px; 
    }
    .golfMyResItem .timeHole,.golfMyResItem .players
    {
        float:left;
        padding: 0 20px 0 0;
    }
    .golfMyResItem .price
    {
        float:right;
        padding: 0 10px;
    }

/* end my reservations */
/* ############################ End HtngGssReservations Golf ########################### */




/* ############################ HtngGssReservations SpaSoft ########################### */










/* general properties */

#SpaSoft
{
    padding:10px;
}
#SpaSoft a
{
    text-shadow: 0 0 0 #FFFFFF;
}
#SpaSoft .Htng_PageTitle{
    font-weight:bold;
    font-size:24px;
    text-align:left;
}

/* general properties */

/* Settings Menu */
#gssSpaSoftSettingsMenu .search, #gssSpaSoftSettingsMenu .myItems, #gssSpaSoftSettingsMenu .myProfile, #gssSpaSoftSettingsMenu .help, #gssSpaSoftSettingsMenu .templates, #gssSpaSoftSettingsMenu .confirmations, #gssSpaSoftSettingsMenu .notifications, #gssSpaSoftSettingsMenu .settings, #spaSoftStep1 .spaSoftStepName, #spaSoftStep2 .spaSoftStepName, #spaSoftStep3 .spaSoftStepName, .closeElement, #resPropList, #spaSoftResRoot #myItineraryBtn, #resPropertiesDiv .dropArrow, #golfCalendar .ui-widget-header .ui-icon, #spaSoftResRoot .textButton.view, #sliderRoot .ui-slider .ui-slider-handle, #resItinerary .itineraryitemcancel a, #resGuestCCTypesSpan {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/sms/sms_iconSprite_v3.png");
    background-repeat: no-repeat;
}
#GSSSpaSoft, #resRoot table, #resRoot div {
    font: 11px/1.6em museo_sans_500regular,arial,sans-serif;
}
#gssSpaSoftSettingsMenu {
    border: 0 none;
    float: right;
    margin: 5px 0 0;
    position: relative;
    z-index: 1;
}
#gssSpaSoftSettingsMenu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#gssSpaSoftSettingsMenu ul li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #E5E5E5 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    display: inline-block;
    height: auto;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#gssSpaSoftSettingsMenu ul li:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #E5E5E5 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: medium 1px medium medium;
}
#gssSpaSoftSettingsMenu ul li.lastChild {
    border: 0 none;
}
#gssSpaSoftSettingsMenu ul li a {
    display: block;
    opacity: 0.7;
    padding: 0;
    text-decoration: none;
}
#gssSpaSoftSettingsMenu ul li a:hover {
    opacity: 1;
}
#gssSpaSoftSettingsMenu .noText {
    height: 30px;
    text-indent: -9999px;
    width: 50px;
}
#gssSpaSoftSettingsMenu .search {
    background-position: -33px -42px;
}
#gssSpaSoftSettingsMenu .myItems {
    background-position: -105px -43px;
}
#gssSpaSoftSettingsMenu .myProfile {
    display: none;
}
#gssSpaSoftSettingsMenu .help {
    background-position: -175px -43px;
}
#gssSpaSoftSettingsMenu .templates {
    background-position: -400px -43px;
}
#gssSpaSoftSettingsMenu .confirmations {
    background-position: -475px -43px;
}
#gssSpaSoftSettingsMenu .notifications {
    background-position: -250px -43px;
}
#gssSpaSoftSettingsMenu .settings {
    background-position: -322px -43px;
}
#gssSpaSoftSettingsMenu .search:hover, #gssSpaSoftSettingsMenu .myItems:hover, #gssSpaSoftSettingsMenu #liHelp a:hover {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    padding: 0;
}
#gssSpaSoftSettingsMenu .arrow-up {
    border-bottom: 5px solid rgba(0, 0, 0, 0.7);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    height: 0;
    margin: 0 auto;
    width: 0;
}
#gssSpaSoftSettingsMenu .arrow-down {
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #000000;
    height: 0;
    width: 0;
}
#gssSpaSoftSettingsMenu .arrow-right {
    border-bottom: 60px solid rgba(0, 0, 0, 0);
    border-left: 60px solid #000000;
    border-top: 60px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0;
}
#gssSpaSoftSettingsMenu .arrow-left {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #000000;
    border-top: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0;
}
#gssSpaSoftSettingsMenu .toolTip {
    display: none;
    left: -44px;
    position: absolute;
    text-align: center;
    width: 134px;
}
#gssSpaSoftSettingsMenu .toolTipInner {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font: bold 10px/39px Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-transform: uppercase;
}

/*end settings menu */
/* process navigation  */

/* process navigation */
    #spaSoftResRoot #spaSoftProcessNav{
        margin: 10px 0 0 0;
        width:100%;
        height: 65px;
        border: 1px solid #d3d3d3;
        background:#F7F7F7;
    }
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep{
        color:#CECECE;
        background:#F7F7F7;
        height:65px;
        width:33%;
        float:left;
        border-right: 1px solid #d3d3d3;
        text-align:center;
        vertical-align:middle;
        cursor: pointer;
    }
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep#spaSoftStep3{border-right:0;}
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep#spaSoftStep1 .spaSoftStepName{background-position:-30px -92px;}
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep#spaSoftStep2 .spaSoftStepName{background-position:-30px -344px;}
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep#spaSoftStep3 .spaSoftStepName{background-position:-30px -588px;}
    
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep#spaSoftStep1.selected .spaSoftStepName{background-position:-30px -656px;}
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep#spaSoftStep2.selected .spaSoftStepName{background-position:-30px -723px;}
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep#spaSoftStep3.selected .spaSoftStepName{background-position:-30px -797px;}
    
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep.selected{
        color:#000;
        background:#ffffff;
    }
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep.selected .spaSoftStepName{
        color:#000;
        background:#ffffff url('images/sms/spasoft/sms_spa_iconSprite_v1.png') no-repeat right top;
    }
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep .spaSoftStepName{
    width:32px;
    margin: 0 auto;
    height:30px;
    padding:8px 0 0 0;
    background:#F7F7F7 url('images/sms/spasoft/sms_spa_iconSprite_v1.png') no-repeat right top;
    }    
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep .spaSoftStepName span{
        display:none;
    }
    #spaSoftResRoot #spaSoftProcessNav .spaSoftStep .spaSoftStepDetl{
        font: 11px Museo Sans, arial, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding:2px 0 0 0;
    }
    
  /* end process navigation */
  
  
  /* begin search filters */  
    #spaSoftResRoot #allOptions{
        margin: 35px 0 0;
border: 1px solid #bebebe;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
padding: 10px 0;
    }
    #spaSoftResRoot #allOptions .spaSoftOption{
        background:#fff;
        width:100%;
        float:left;
    }
    #spaSoftResRoot #allOptions .spaSoftOption .spaSoftOptionInner{
         padding: 0 10px 30px;
    }
    #spaSoftResRoot #allOptions .spaSoftOption .filtTitle{
        font: 14px Museo Sans, Arial, sans-serif;
        color: #000;
        text-transform: uppercase;
        margin:20px 0 0 0;
        padding: 5px 0;
        display:block;}
    #spaSoftResRoot .textButton.view{
        border:0;
        background:#ffffff  url("../../net/SMS/HtngGssReservations/SmsLodging/Images/gui-sprite_v1.png") no-repeat;
        padding:0;margin:0;width:63px;height:36px;border-radius:0;
    }
    #spaSoftResRoot #allOptions .spaSoftOption .viewLbl{font-size:10px;color:#555;}
    #spaSoftResRoot .textButton.view#basicViewBtn{
        background-position:-38px -535px;
    }
    #spaSoftResRoot .textButton.view#basicViewBtn.active{
        background-position:-138px -535px;
    }
    #spaSoftResRoot .textButton.view#advancedViewBtn{
        background-position:-239px -535px;
    }
    #spaSoftResRoot .textButton.view#advancedViewBtn.active{
        background-position:-339px -535px;
    }
    /* slider */
    #sliderRoot .ui-slider .ui-slider-handle
    {
        background:url("images/sms/spasoft/sms_spa_iconSprite_v1.png") no-repeat scroll -38px -174px transparent;
        border:0;
        height:14px;
    }
    #spaSoftResRoot #allOptions .spaSoftOption .slideAmount{border: 0; color: #555555;width:75px;}
    #spaSoftResRoot #allOptions .spaSoftOption .slideTime{
        margin: 5px 0 0;
        width: 70px;
        border:0;
        font: 14px Arial, sans-serif;
        color: #777;
    }
    #spaSoftResRoot #allOptions .spaSoftOption #minTime.slideTime{float:left;}
    #spaSoftResRoot #allOptions .spaSoftOption #maxTime.slideTime{float:right;   text-align: right;}
    #spaSoftResRoot #allOptions .spaSoftOption #slider-range{border-radius:10px;background:#d6d6d6;height:9px;
                                                             -webkit-box-shadow: inset 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
                                                             box-shadow: inset 0px 2px 2px 2px rgba(0, 0, 0, 0.2);}
    #spaSoftResRoot #allOptions .spaSoftOption #slider-range .ui-slider-range{background:#87ba45;}
    #spaSoftResRoot #allOptions .spaSoftOption #showFilters{
        font: 10px arial, helvetica, sans-serif;
        color: #7FA133;
        float:right;
        margin-right: -10px;
        margin-top: 25px;
    }
    #spaSoftResRoot a.textButton.search
    {
        margin: 42px 0 0 20px;
        height: 25px;
        width: 100px;
        vertical-align: middle;
        padding:15px 0 0;
        border-radius:0;
        border:0;
        background: #87BA45;
        color: #fff;
        font: 11px Museo Sans, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    #spaSoftResRoot a.textButton.search:hover
    {
        background: #75A635;
        border-radius:0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    #spaSoftResRoot a.textButton.search.spaSoftUpdate
    {
        background: #ff4242;
        color: #fff;
        border-radius:0;
        border:0;
        font: 11px Museo Sans, Arial, sans-serif;
        text-transform: uppercase;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;

    }    
    #spaSoftResRoot a.textButton.search.spaSoftUpdate:hover
    {
        background: #ed3535;
        border-radius:0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    /* combobox activities */
    .rcbSlide.RCB_ActivityTypes_Slide{margin-top:14px;}
    .rcbSlide.RCB_ActivityTypes_Slide,.RadComboBoxDropDown_Default.RCB_ActivityTypes_DropDown
    {
        display:none !important;
    }
    .RadComboBoxDropDown_Default.RCB_ActivityTypes_DropDown .rcbScroll{height:300px;}
    
    .RadComboBox_Default.RCB_ActivityTypes .rcbInputCell, .RadComboBox_Default.RCB_ActivityTypes .rcbArrowCell
    {
        background-image:url('images/sms/spasoft/sms_spa_iconSprite_v1.png');
        background-repeat:no-repeat;
    }
    .RadComboBox.RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbInputCellLeft, .RadComboBox.RadComboBox_Default.RCB_ActivityTypes .rcbFocused .rcbReadOnly .rcbInputCellLeft,
    .RadComboBox.RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbInputCellLeft, .RadComboBox.RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbInputCellLeft
    .RadComboBox_Default.RCB_ActivityTypes .rcbInputCell{background-position:-9999px -9999px;}
    .RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbInput,.RadComboBox_Default.RCB_ActivityTypes .rcbHovered .rcbReadOnly .rcbInput
        {font: 12px Arial, sans-serif;color: #777;}
    .RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbEmptyMessage{font-style:normal;}
    .RadComboBox_Default.RCB_ActivityTypes .rcbFocused .rcbReadOnly .rcbArrowCellRight,.RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbArrowCellRight
    ,.RadComboBox_Default.RCB_ActivityTypes .rcbHovered .rcbReadOnly .rcbArrowCellRight
    {
        background-position:-38px -883px;
    }
    .RadComboBox_Default.RCB_ActivityTypes{
        padding: 5px 0;
        font: 12px Arial, sans-serif;
        color: #777;
        background: #fff;
        border: 1px solid #bbb;
        -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2);
    }
    .RadTreeView_Default.RTV_ActivityTypes{height: auto !important;}
    .dateRangeDisp
    {
        border:1px solid #898989;width:auto;padding: 8px;
        font: 12px Arial, sans-serif;
        color: #777;
        background: #fff;
        border: 1px solid #bbb;
        -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2);
    }
    .dateRangeIco
    {
        float:right;
        width:30px;
        height:16px;
        background:url("images/sms/spasoft/sms_spa_iconSprite_v1.png") no-repeat scroll -23px -427px #F7F7F7;
    }
    #spaCalWrap, #activitySlideWrap{position:absolute;z-index:9999;width:90%;}
/* end search filters */




/* my reservations */

#spaMyResRoot div{text-align:left;color:#333;}
    #spaMyReservationItems
    {
        border: 1px solid #AAAAAA;
        border-bottom:0px;
    }
    #spaMyResRoot .modTitle
    {
        font-weight:bold;
        font-size:24px;
        padding:10px;
    }
    #spaMyResRoot ul {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
    }
    #spaMyResRoot li  
    {
        margin: 0 !important;
        padding: 10px 10px 10px 5px !important;
        display:block;
    }
    #spaMyResRoot .spaTemplateItem .image
    {
        width:250px;
        float:left;
        padding: 0 5px;
    }
    #spaMyResRoot .spaTemplateItem .image img
    {   
        width:250px;
    }
     #spaMyResRoot .spaTemplateItem .title
     {
        font-weight:bold;
        font-size:18px;
        text-transform:capitalize;
     }
     #spaMyResRoot .clear
     {
        clear:both;
     }
     #spaMyResRoot .availSelectors 
     {
        width:100%;
        padding:10px 0;
        margin:0 0 20px;
        background-color: #fafafa;
        border: 1px solid #e2e2e2;
     }
     #spaMyResRoot .availSelectors .selector
     {
        float:left;
        padding: 0 10px;
     }
     #spaMyResRoot .availSelectors .selector label
     {
        display:block;
        font: bold 12px Arial,Verdana,sans-serif;
        text-transform:uppercase;
        padding-bottom:10px;
     }
      #spaMyResRoot .availSelectors #courseSelector 
      {
        width:250px;
      }
    #spaMyResRoot {
        display: block;
        width:100%;
    }
    #spaMyResRoot .wrapper {
        width: 100%;
    }

    #spaMyResRoot #spaTemplates {
        float: left;
    }
    #spaMyReservations
    {
        padding:10px;
    }
    #spaMyReservationItems{width:100%;}
    .spaNoResultsItem
    {
        background-color: #797979;
        border-bottom: 1px solid #AAAAAA;
        color: #aaaaaa;
        font: bold 16px Arial,Verdana,sans-serif;
        padding: 50px 0;
        text-align:center;
    }    
    .spaMyResItem.DISPLAYONLY
    {
        background-color: #797979;
        border-bottom: 1px solid #AAAAAA;
        color: #aaaaaa;
        font: bold 11px Arial,Verdana,sans-serif;
        padding: 4px 0 0 2px;
    }
    .spaMyResItem.AVAILABLE
    {
        background: #caee9b; /* Old browsers */
        background: -moz-linear-gradient(top,  #caee9b 0%, #b1dc77 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#caee9b), color-stop(100%,#b1dc77)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #caee9b 0%,#b1dc77 100%); /* W3C */
        *background: #caee9b; /* Old browsers */            
        border-bottom: 1px solid #79aa3a;
        color: #333;
        font: bold 11px Arial,Verdana,sans-serif;
        padding: 4px 0 0 2px;
        cursor:pointer;
    }
        
    .spaMyResItem .time,.spaMyResItem .info
    {
        float:left;
        padding: 0 20px 0 0;
    }
    .spaMyResItem .price
    {
        float:right;
        padding: 0 10px;
    }
   
      #spaMyResRoot a.textButton, #spaMyResRoot a.textButton:hover, .textButton {
        background: url("../../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/buttons/ui-bg_glass_75_e6e6e6_1x400.html") repeat-x scroll 50% 50% #E6E6E6;
        border: 1px solid #999999;
        border-radius: 5px 5px 5px 5px;
        color: #555555;
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        line-height: normal;
        padding: 5px 10px;
        text-align: center;
        text-decoration: none;
        vertical-align: middle;
    }
    #spaMyResRoot a.textButton.search, #spaMyResRoot a.textButton.search:hover
    {
        background: #98c65a; /* Old browsers */
        background: -moz-linear-gradient(top,  #98c65a 0%, #7dac3d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c65a), color-stop(100%,#7dac3d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #98c65a 0%,#7dac3d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #98c65a 0%,#7dac3d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #98c65a 0%,#7dac3d 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #98c65a 0%,#7dac3d 100%); /* W3C */
        *background: #98c65a; /* Old browsers */
        color:#fff;
        font: arial 12px bold;
        text-shadow: 1px 0px 3px rgba(0,0,0,0.25);
        border-radius: 2px;
    }
/* end my reservations */

/* template config */

    #spaTemplateRoot div{text-align:left;color:#333;}
    #spaTemplateRoot .templateSelect
    {
        font-weight:bold;
        font-size:24px;
        padding:10px;
        float:left;
    }
    #spaTemplateRoot a{cursor:pointer;}
    #spaTemplateRoot .filter{float:left;}
    #spaTemplateRoot ul {
        list-style: none;
        margin: 0 10px 0 0 !important;
        padding: 0 !important;
    }
    #spaTemplateRoot li  
    {
        margin: 0 !important;
        padding: 10px 10px 10px 5px !important;
        width:100%;
        display:block;
    }
    #spaTemplateRoot .spaTemplateItem .itemLabel
    {
        border: 1px solid #3D3D3D;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background:#D5D2CC;
        padding:10px;
    }
    #spaTemplateRoot .spaTemplateItem .itemLabel label
    {
        font-weight:bold;
        font-size:14px;
    }
    #spaTemplateRoot .spaTemplateItem .itemLabel label,
    #spaTemplateRoot .spaTemplateItem .itemLabel .EditDiv,
    #spaTemplateRoot .spaTemplateItem .itemLabel .propEdit
    {
        float:left;
        margin: 0 10px 0 0 ;
    }
    #spaTemplateRoot .spaTemplateItem .inner
    {
        border: 1px solid #3D3D3D;
        border-top:0;
    }
    #spaTemplateRoot .spaTemplateItem .image
    {
        width:250px;
        float:left;
        padding: 0 5px;
    }
    #spaTemplateRoot .spaTemplateItem .image img
    {   
        width:250px;
    }
     #spaTemplateRoot .spaTemplateItem .title
     {
        font-weight:bold;
        font-size:18px;
        text-transform:capitalize;
     }
     #spaTemplateRoot .clear
     {
        clear:both;
     }
     #spaTemplateRoot .configSelectors 
     {
        width:100%;
        padding:10px 0;
     }
     #spaTemplateRoot .configSelectors .selector
     {
        float:left;
        padding: 0 10px;
     }
     #spaTemplateRoot .configSelectors .selector label
     {
        display:block;
        font: bold 12px Arial,Verdana,sans-serif;
     }
      #spaTemplateRoot .configSelectors #templateSelector 
      {
        width:250px;
      }
    #spaTemplateRoot .edDate{display:none;}
    #spaTemplateRoot {
        display: block;
        width:100%;
    }

/* end template config */



/* availability */
#spaSoftResRoot .actionUpdate .spaSoftOptionInner{margin:0 auto;text-align:center;padding:0;}
#spaSoftResRoot #spaSoftActionUpdate{margin:0 auto;width:200px;}
#spaSoftResRoot ul {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
    }
#spaSoftResRoot li  
    {
        margin: 0 !important;
        padding: 20px 10px 20px 5px !important;
        display:block;
        float:left;
width:30%
    }
@media only screen 
and (max-width : 1901px)  {
  /* Styles */
   #spaSoftResRoot li  
    {
        width:15%;
    }
}
@media only screen 
and (max-width : 1200px)  {
  /* Styles */
   #spaSoftResRoot li  
    {
        width:23%;
    }
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (max-width : 1000px)  {
  /* Styles */
   #spaSoftResRoot li  
    {
        width:30%;
    }
}    
/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 768px) {
  /* Styles */
  #spaSoftResRoot li  
    {
        width:46%;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 450px) {
  /* Styles */
  #spaSoftResRoot li  
    {
        width:95%;
    }
}







#spaSoftResRoot .activityItem{
border: 1px solid #bbb;
-webkit-box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.2);
box-shadow:  0px 0px 5px 5px rgba(0, 0, 0, 0.2);
height:380px;
text-align:center;
}
#spaSoftResRoot .activityItem .heroShot{
    height:33.3%;overflow:hidden;
margin:0 0 10px;
}
#spaSoftResRoot .activityItem .heroShot img{
    width:100%;
}

#spaSoftResRoot .activityItem .textButton.spaSoftBookItem
    {
        height: 25px;
        width: 150px;
        border-radius:0;
        vertical-align: middle;
        padding:10px 0 0;
        color: #fff;
        border:0;
        background: #87BA45;
        font: 11px Museo Sans, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 15px 0 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
#spaSoftResRoot .activityItem .textButton.spaSoftBookItem:hover
    {
        background: #75A635;
        width: 150px;
        border-radius:0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

#spaSoftResRoot .activityItem .activityDate{font: 11px MuseoSans, Arial, sans-serif;
color: #000;
letter-spacing: 1px; padding: 5px 0 0;}
#spaSoftResRoot .activityItem .activityTime{font: 20px MuseoSans, Arial, sans-serif;
color: #000;padding:5px 0;}
#spaSoftResRoot .activityItem .activityName{font: 16px MuseoSans, Arial, sans-serif;
color: #000;
padding:5px 0;}
#spaSoftResRoot .activityItem .priceSummary{font: 11px MuseoSans, Arial, sans-serif;
color: #777777;
letter-spacing: 1px;
padding:5px 0 0;}
#spaSoftResRoot .activityItem .bookAction{padding:20px 0 25px;}
#spaSoftResRoot .activityItem .durationLocation{font: 12px Arial, sans-serif;
color: #777;
padding:10px 0;border-top:1px solid #333;}
#spaSoftResRoot .activityItem .durationLocation .duration{text-align:right; padding:0;float:left;width:50%;
background:url("images/sms/spasoft/sms_spa_iconSprite_v1.png") no-repeat scroll -10px -238px transparent;}
#spaSoftResRoot .activityItem .durationLocation .location{padding:0;float:right;width:50%;
background:url("images/sms/spasoft/sms_spa_iconSprite_v1.png") no-repeat scroll -10px -490px transparent;}


/* more info dialog */
.spaSoftDialog.axisDialogBox .dialogContentWrapper{height:auto;}

    
.spaSoftDialog .activityItemPreferences{
height:100%;
text-align:center;
}
.spaSoftDialog .activityItemPreferences .heroShot{
    height:200px;overflow:hidden;
margin:0 0 2px;
}
.spaSoftDialog .activityItemPreferences .heroShot img{
    height:100%;
    width:auto;
}

.spaSoftDialog .activityItemPreferences .textButton.spaSoftBookItem
    {
        height: 25px;
        width: 150px;
        border-radius:0;
        vertical-align: middle;
        padding:10px 0 0;
        color: #fff;
        border:0;
        background: #87BA45;
        font: 11px Museo Sans, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 15px 0 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
.spaSoftDialog .activityItemPreferences .textButton.spaSoftBookItem:hover
    {
        background: #75A635;
        width: 150px;
        border-radius:0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
.spaSoftDialog .activityItemPreferences .preferences div{margin: 0 auto;width:300px;text-align:left;padding:5px 0;}
.spaSoftDialog .activityItemPreferences .preferences div label{width:70px;display:inline-block;font: 11px MuseoSans, Arial, sans-serif;
color: #777777;
letter-spacing: 1px;}
.spaSoftDialog .activityItemPreferences .preferences div select{width:195px;font: 11px MuseoSans, Arial, sans-serif;
color: #777777;
letter-spacing: 1px;}
.spaSoftDialog .activityItemPreferences .activityDate{font: 11px MuseoSans, Arial, sans-serif;
color: #000;
letter-spacing: 1px; padding: 5px 0 0;}
.spaSoftDialog .activityItemPreferences .activityTime{font: 20px MuseoSans, Arial, sans-serif;
color: #000;padding:5px 0;}
.spaSoftDialog .activityItemPreferences .activityName{font: 16px MuseoSans, Arial, sans-serif;
color: #000;
padding:5px 0;}
.spaSoftDialog .activityItemPreferences .priceSummary{font: 11px MuseoSans, Arial, sans-serif;
color: #777777;
letter-spacing: 1px;
padding:5px 0 0;}
.spaSoftDialog .activityItemPreferences .description{font: 11px MuseoSans, Arial, sans-serif;
color: #777777;
letter-spacing: 1px;
height:80px; overflow:auto;}
.spaSoftDialog .activityItemPreferences .bookAction{padding:20px 0 25px;}
.spaSoftDialog .activityItemPreferences .durationLocation{font: 12px Arial, sans-serif;
color: #777;
padding:10px 0;border-top:1px solid #333;}
.spaSoftDialog .activityItemPreferences .durationLocation .duration{text-align:right; padding:0;float:left;width:130px;
background:url("images/sms/spasoft/sms_spa_iconSprite_v1.png") no-repeat scroll -10px -238px transparent;}
.spaSoftDialog .activityItemPreferences .durationLocation .location{padding:0;float:right;    text-align: left;
    text-indent: 50px;
    width: 200px;
background:url("images/sms/spasoft/sms_spa_iconSprite_v1.png") no-repeat scroll -10px -490px transparent;}

.spaSoftDialog .activityItemPreferences .jscarousal{width:100%;background:#fff;border:0;height:65px;padding:0;}
.spaSoftDialog .activityItemPreferences .jscarousal .gallery{min-width:270px;max-width:93%;width:auto;height:65px;}
.spaSoftDialog .activityItemPreferences .jscarousal .jscarousal-left,
.spaSoftDialog .activityItemPreferences .jscarousal .jscarousal-right{background-color:#fff;border:0;border-radius:5px;top:0;background-position: center center;width:20px;height:65px;}
.spaSoftDialog .activityItemPreferences .jscarousal .gallery .thumbnail-inactive,
.spaSoftDialog .activityItemPreferences .jscarousal .gallery .thumbnail-active{margin:0 2px;height:65px; overflow:hidden;}
.spaSoftDialog .activityItemPreferences .jscarousal .gallery img{width:65px;border:0;}
.spaSoftDialog .activityItemPreferences .jscarousal .gallery.jscarousal-contents > div
{
    position:static;
}

@media only screen 
and (max-width : 330px) 
{
    .spaSoftDialog .activityItemPreferences .jscarousal .gallery img{width:50px;border:0;}
}


/* end more info dialog */


/* end availability */

/* begin calendar */

/*Calendar UI*/

/*overwrites jquery*/
    #spaCalendar .ui-state-hover, #spaCalendar .ui-widget-content .ui-state-hover, #spaCalendar .ui-widget-header .ui-state-hover, #spaCalendar .ui-state-focus, #spaCalendar .ui-widget-content #spaCalendar .ui-state-focus, #spaCalendar .ui-widget-header .ui-state-focus { background: none; border:0;}

/*MONTH*/
#spaCalendar .ui-widget-header{background:#fff;border:0;font: 14px museo_sans_500regular, Arial, sans-serif;
color: #000; padding:0 0 18px 0;}

/*WEEK ROW*/
        #spaCalendar .ui-datepicker-calendar thead tr{
        border:1px solid #e4e4e4;
        border-left:0;
        border-right:0;
        font: bold 10px Arial, "Helvetica Neue", Helvetica, sans-serif;
        color: #5a5a5a;
    }
    /*WEEK CELL*/
    #spaCalendar .ui-datepicker-calendar thead th{padding:7px 0;}
    /*MAIN WRAP OVERWRITES CALENDAR WRAP jquery*/
    #spaCalendar .ui-datepicker-inline{border:0;width:auto !important;}
    /*month wrap*/
    #spaCalendar .ui-datepicker-group {padding:0 5px; border:1px solid #d3d3d3;float:none;width:auto; margin: 20px 0;}
    /*default link style*/
    #spaCalendar .ui-state-default{background:#fff;border:0; font: 12px Arial, sans-serif; text-decoration:none;}
    /* calendar states */
    /*calendar states */
    #spaCalendar .unavailable a, #spaCalendar .unavailable a:hover{
color: #555;
border: 1px solid #ff4242;
border-radius: 2px;}

    #spaCalendar .available a, #spaCalendar .available a:hover{color: #555;
border: 1px solid #d3d3d3;
border-radius: 2px;}

#spaCalendar .available .ui-state-highlight, #spaCalendar .available .ui-state-highlight:hover {
border:2px solid #ff9900;
border-radius:0;    
}

    #spaCalendar .selected a,
    #spaCalendar .selected.arrival a,
    #spaCalendar .selected.departure a,
    #spaCalendar .selected.available a{
        /*border-style*/
        border:none; /*removes border style from global - may have to do 1px solid here*/
        /*font/Standard Styles*/
        color: #fff;
        background: #4d4d4d; /* Old browsers */
        border-radius:0;
        
    }
    /*DONT NEED
    #spaCalendar .arrival a,
    #spaCalendar .departure a{color:#000000;}
    */
    /*MAYBE DONT NEED
    #spaCalendar .ui-datepicker-inline {width: auto !important}
    */
    
    #spaCalendar .unavailable-past a,
    #spaCalendar .unavailable-past a:hover {
        color: #bbb;
        cursor: default;
        text-decoration: none;
    }
    
    #spaCalendar .today a {
    color:#000;
    border:1px solid #ff9900;   
    }
    #spaCalendar .ui-state-hover{}
    
    /*ADD THIS CLASS*/
    #spaCalendar .limited.available a{
        /*border-style*/
        border:1px solid #d3d3d3; 
        border-radius:2px;
        color: #999;
        background: #f6f6f6;
        
    }
    
    /*NEXT + PREV ICONS*/
    
    #spaCalendar .ui-datepicker .ui-datepicker-prev-hover, #spaCalendar .ui-datepicker .ui-datepicker-next-hover { top: 2px; }
#spaCalendar .ui-datepicker .ui-datepicker-prev { left:2px; }
#spaCalendar .ui-datepicker .ui-datepicker-next { right:2px; }
#spaCalendar .ui-datepicker .ui-datepicker-prev-hover { left:2px; }
#spaCalendar .ui-datepicker .ui-datepicker-next-hover { right:2px; }
    
    #spaCalendar .ui-datepicker .ui-datepicker-title{line-height: 30px;font-weight: normal;}
    #spaCalendar .ui-datepicker th {font-weight: normal;} /*overwrites jquery ui*/
    
    #spaCalendar .ui-datepicker .ui-datepicker-prev span, #spaCalendar .ui-datepicker .ui-datepicker-next span {/*margin-top: -10px;*/}


/*end calendar */


/* begin tree style  */
.RCB_ActivityTypes.RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInput{color:#777777;}
.RadTreeView.RadTreeView_Default.RTV_ActivityTypes .rtIn.activityTreeHeading{
text-transform: uppercase;
font: 10px/24px bold Arial, sans-serif;
color: #777777;
text-shadow:0;
}
.RadTreeView.RadTreeView_Default.RTV_ActivityTypes .rtIn.activityTreeItem{
font: 12px/24px Arial, sans-serif;
text-indent: 15px;
color: #777777;
text-shadow:0;
}
.RadTreeView.RadTreeView_Default.RTV_ActivityTypes .rtSelected .rtIn.activityTreeHeading,
.RadTreeView.RadTreeView_Default.RTV_ActivityTypes .rtSelected .rtIn.activityTreeItem{color:#fff;}
/* end tree style  */
/* spasoft error box */

#spaSoftErrorBox {
    color: #FF0A00;
    font: 11px/1.6em museo_sans_500regular,arial,sans-serif;
    border: 1px solid #FFB2AF;
    margin-top: 20px;
    padding: 30px;
    position: relative;
}
#spaSoftErrorBox .spaSoftErrLbl {
    font: bold 14px Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#spaSoftErrorBox .spaSoftErrDtl {
    font: 12px Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#spaSoftErrorBox .closeElement 
{
    background:#ffffff url('images/sms/sms_iconSprite_v3.png') no-repeat right top;
    background-position: -48px -188px;
    height: 16px;
    opacity: 0.7;
    position: absolute;
    right: 20px;
    text-indent: -9999px;
    top: 12px;
    width: 16px;
}


/* active itinerary */

#spaSoftResRoot #myItineraryContainer {
     padding: 10px 0;
    text-align:right;
}
#spaSoftResRoot #myItineraryBtn {
    background-color: #FF4242;
    background-position: -553px -340px;
    float: right;
    padding-left: 30px;
}

#spaSoftResRoot #myItineraryBtn span {
    display: none;
}
#spaSoftResRoot .textButton, .dialogupdate .textButton, #spaSoftResRoot #resGuestInfoMain .textButton {
    background: none repeat scroll 0 0 #87BA45;
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font: 11px/11px museo_sans_500regular,arial,sans-serif;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
}
#spaSoftResRoot #myItineraryHead.modTitle {
    font: 18px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 20px 0 40px;
}
#resItinerary {
    border: 1px solid #BEBEBE;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    margin: 35px 0 0;
    padding: 50px 40px 30px;
}


#resItItems {
    color: #777777;
    float: left;
    font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
    width: 55.6452%;
}
#resItItems .itineraryitemparent {
    padding: 0 100px 0 0;
}

#resItPricing {
    background: none repeat scroll 0 0 #F6F6F6;
    float: left;
    width: 43.5483%;
}
#resItinerary .resItBook {
    float: right;
    margin: 0;
}



/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 700px) {
  /* Styles */
    #resItItems {
        color: #777777;
        float: none;
        font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
        width: 100%;
    }
    #resItItems .itineraryitemparent {
        padding: 0;
    }
    #resItPricing {
        float: none;
        width: 100%;
    }
    #resItinerary .itineraryItemPricing .itineraryitem.pricing span
    {
        width:44%;
    }
    #resItinerary .resItBook {
        text-align: right;
        float:none;
        margin: 0;
    }
}



#resItinerary .itineraryitem.title,#resStayDescMain .itineraryitem.title {
    color: #444444;
    font: 16px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0 0 10px;
}
#resItinerary .itineraryitem.desc {
    color: #444444;
    font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0 0 10px;
}
#resItinerary .itineraryitemedit, #resItinerary .itineraryitemcancel {
    float: right;
}
#resItinerary .itineraryitemedit a {
    color: #87BA45;
    font: 10px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0 20px 0 0;
    text-transform: uppercase;
}

#resItinerary .itineraryitemcancel a 
{
    background:#ffffff url('images/sms/sms_iconSprite_v3.png') no-repeat right top;
    background-position: -48px -188px;
    height: 16px;
    opacity: 0.7;
    right: 35px;
    text-indent: -9999px;
    top: 12px;
    width: 16px;
    padding:8px;
}
#resItinerary .itineraryitemcancel a span {
    display: none;
    position: absolute;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing {
    border-bottom: 1px solid #DDDDDD;
    margin: 0;
    padding: 7px 0;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing label {
    color: #777777;
    display: inline-block;
    font-size: 12px;
    padding: 0 0 0 12px;
    width: 46%;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing span {
    color: #777777;
    display: inline-block;
    font-size: 12px;
    padding: 0 12px 0 0;
    text-align: right;
    width: 46%;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing.total label {
    color: #333333;
    font: bold 10px arial;
    text-transform: uppercase;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing.depositDue span {
    color: #333333;
    font: 24px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}


/* end active itinerary */
/* begin checkout */
#resGuestStayMain {
    padding-top: 40px;
}
#resPriceTitle {
    padding: 0 0 40px;
}
#resPriceTitle #resPriceTitleLbl, #resGuestInfoTitle #resGuestInfoTitleLbl {
    font: 24px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-transform: uppercase;
}
#resStayDescMain {
    color: #777777;
    float: left;
    font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
    width: 55.6452%;
}
#resStayDesc {
    color: #444444;
    font: 16px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#resStayPriceMain {
    float: left;
    width: 43.5483%;
}
#resPriceBreakDown {
    background: none repeat scroll 0 0 #FFFFFF;
    text-align: left;
}
#resBreakDownLink {
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.pricingInfoTxt, .pricingInfoValue {
    background: none repeat scroll 0 0 #F4F4F4;
    border-bottom: 1px solid #DDDDDD;
    color: #777777;
    font: 12px/26px Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 5px 0;
    width: 50%;
}
.pricingInfoTxt {
    float: left;
    text-align: left;
}
.pricingInfoValue {
    float: right;
    text-align: right;
}
#spaSoftResRoot div#totalTxt {
    color: #333333;
    font: bold 10px arial;
    padding: 18px 0 5px;
    text-transform: uppercase;
}
#spaSoftResRoot div#totalAmt {
    color: #333333;
    font: 24px/43px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#resGuestInfoMain {
    border-top: 1px solid #DDDDDD;
    padding-top: 40px;
}
#resGuestInfoTitle {
    float: left;
}
#resSaveForLater {
    color: #777777;
    float: right;
    font: 12px Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#resGuestInfo {
    padding-top: 30px;
}
.resGuestData {
    float: left;
    margin-right: 25px;
}
.resGuestLbl {
    color: #555555;
    display: block;
    font: bold 10px Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-transform: uppercase;
}
.resGuestData input, .resGuestData select {
    border: 1px solid #C0C0C0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15) inset;
    line-height: 35px;
}
.resGuestInfoRow, .resGuestPayRow, .resGuestBookRow {
    margin-bottom: 15px;
}
.resGuestShortFld {
    width: 65px;
}
.resGuestMediumFld {
    width: 185px;
}
.resGuestLongFld {
    width: 230px;
}
#resGuestFirstNameTxt {
    width: 139px;
}
#resGuestCCTypesSpan {
    display: block;
    height: 24px;
    width: 197px;
}

#pmtGuaranteeWrap {
    padding: 20px;
}
.cardField {
    border: 1px solid #CCCCCC;
    margin: 0 20px 10px;
    padding: 4px 10px;
}
.cardField label {
    color: #AAAAAA;
    display: inline-block;
    font-size: 10px;
    width: 90px;
}
.cardField input {
    border: 0 none;
    color: #6A6A6A;
    font-size: 10px;
}
#cardNumber.cardField input, #cardName.cardField input {
    width: 300px;
}
.UnsecureMessageWrap {
    text-align: center;
}
.UnsecureMessage {
    color: #FF3F37;
}
#resStayPriceMain .itineraryItemPricing .itineraryitem.pricing {
    border-bottom: 1px solid #DDDDDD;
    margin: 0;
    padding: 7px 0;
}
#resStayPriceMain {
    background:#f6f6f6;
    /*margin: 4em 0 0;*/
    }
#resStayPriceMain .itineraryItemPricing .itineraryitem.pricing label 
{
    font:11px museo_sans_500regular,arial,sans-serif;
    color: #777777;
    display: inline-block;
    padding: 0 0 0 12px;
    width: 46%; 
}
#resStayPriceMain .itineraryItemPricing .itineraryitem.pricing span {
    color: #777777;
    display: inline-block;
    font-size: 12px;
    padding: 0 12px 0 0;
    text-align: right;
    width: 46%;
}
/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 700px) {
  /* Styles */
    #resStayDescMain {
        color: #777777;
        float: none;
        font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
        width: 100%;
    }
    #resStayDescMain .itineraryitemparent {
        padding: 0;
    }
    #resStayPriceMain {
        float: none;
        width: 100%;
        margin-top:10px;
    }
    #resStayPriceMain .itineraryItemPricing .itineraryitem.pricing span
    {
        width:44%;
    }
}

/* end checkout */


/* begin page slider */
#pageslide.spaPageSlide{
    border: 1px solid #BBBBBB;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
    background:#fff;
}
#pageslide.spaPageSlide .closeElement 
{
    background:#ffffff url('images/sms/sms_iconSprite_v3.png') no-repeat right top;
    background-position: -48px -188px;
    height: 16px;
    opacity: 0.7;
    position: absolute;
    right: 5px;
    text-indent: -9999px;
    top: -8px;
    width: 16px;
    display;ay:b
}
/* end page slider  */


/* loader icon */
.dialogContentLoader.resortResDialogContentLoader {
    background-color: rgba(255, 255, 255, 0.9);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-indent: 50px;
    top: 0;
    z-index: 999999;
}
.dialogContentLoaderImg.resortResDialogContentLoaderImg {
    background: url("images/sms/GearPreloader_3.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 30px;
    left: 50%;
    margin-left: -22px;
    margin-top: -6px;
    padding: 18px 0 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 300px;
}
.dialogContentLoaderImg.resortResDialogContentLoaderImg .loadMessage
{
    color: #87BA45;
    font: bold 12px/24px Arial,"Helvetica Neue",Helvetica,sans-serif;
} 


/* end loader icon */


/*confirm form*/

#spaSoftResRoot #resGuestInfoTitle {
float:left; 
}

#resSaveForLater {
float:right;
font:12px Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#777;
}

#spaSoftResRoot #spaSoftResRoot resGuestInfo {
padding-top:30px;   
}

#spaSoftResRoot .resGuestData {
float:left;
margin-right:25px;  
}

#spaSoftResRoot .resGuestLbl {
display:block;
text-transform:uppercase;
font:bold 10px Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#555;
}

#spaSoftResRoot .resGuestData input, #spaSoftResRoot .resGuestData select {
    border:1px solid #c0c0c0;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .15);
        box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .15);
        line-height:35px;
}

#spaSoftResRoot .resGuestInfoRow, #spaSoftResRoot .resGuestPayRow, #spaSoftResRoot .resGuestBookRow {
margin-bottom:15px; 
}

#spaSoftResRoot .resGuestShortFld {
width:65px; 
}

#spaSoftResRoot .resGuestMediumFld {
width:185px;    
}

#spaSoftResRoot .resGuestLongFld {
width:230px;    
}

#spaSoftResRoot #resGuestFirstNameTxt {   
width:139px;
}

#spaSoftResRoot #resGuestCCTypesSpan {
width:197px;
height:24px;
display:block;
background-position:-48px -349px;   
}




    
    /* pmt guarantee */
    #spaSoftResRoot #pmtGuaranteeWrap{padding:20px;}
    
    #spaSoftResRoot .cardField {
        border: 1px solid #CCCCCC;
        margin: 0 20px 10px;
        padding: 4px 10px;
    }
    #spaSoftResRoot .cardField label{
        color:#aaa;
        font-size:10px;
        width:90px;
        display:inline-block;
    }
    #spaSoftResRoot .cardField input{
        color:#6a6a6a;
        border:0;
        font-size:10px;
    }
    #spaSoftResRoot #cardNumber.cardField input,
    #spaSoftResRoot #cardName.cardField input{width:300px;}
    #spaSoftResRoot .UnsecureMessageWrap{text-align:center;}
    #spaSoftResRoot .UnsecureMessage{color: #FF3F37;}

#spaSoftResRoot #resGuestMain {
width: 98%;
margin: 0 auto;
}

#spaSoftResRoot #resGuestInfoMain #resGuestInfoColummns div {
width: 100%;
margin: 0.3% 0;
}


#spaSoftResRoot #resGuestInfoMain  input[type="text"] {
width: 100%;
line-height: 1.4;
border: 1px solid #C0C0C0;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15) inset;
font-size: 16px;
}
#spaSoftResRoot #resGuestInfoMain .ddlResExpMonth,
#spaSoftResRoot #resGuestInfoMain .ddlResExpYear
{
    border: 1px solid #C0C0C0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15) inset;
}
#spaSoftResRoot #resGuestInfoMain #resGuestInfoColummns .resInfoName div#resGuestPrefix {
width: 20%;
float: left;
}

#spaSoftResRoot #resGuestInfoMain #resGuestInfoColummns .resInfoName div#resGuestFName{
width: 78%;
float: right;
}
#spaSoftResRoot #resGuestInfoMain #resGuestInfoColummns .resInfoName  div#resGuestLastName{
clear: both;
}


#spaSoftResRoot #resGuestInfoMain #resGuestPayColumns  div{
width: 100%;
}

#spaSoftResRoot #resGuestInfoMain #resGuestPayColumns  div#resGuestCCMonth {
display: inline;
}

#spaSoftResRoot #resGuestInfoMain #resGuestPayColumns  div#resGuestCCYear {
display: inline;
}

#spaSoftResRoot #resGuestInfoMain #resGuestPayColumns  div#resCardInfo {
padding-top: 1em;

}
#spaSoftResRoot #resGuestInfoMain #resGuestPayColumns  div#resCardInfo #resGuestPayCCNum {
padding-bottom: 1em;
}
#spaSoftResRoot #resGuestBookBtn{padding:10px 30px; width:200px; margin:10px auto;}
#spaSoftResRoot #resGuestBookCol1{text-align:center;}
#spaSoftResRoot  #resGuestBookCol2{text-align:center;padding-top:10px;}

#spaSoftResRoot  #resGuestBookCol2 #resGuestAgreeChk{float:left;}
    
 /* end confirm form */
/* ############################ End HtngGssReservations SpaSoft ########################### */





/* ################### 
Owner Contract Calendar 
################### */


.occRoot .occLoading{float:right;display:none;}
.occRoot .occLoading img{border:0;margin:5px;}
#occCalendar .unavailable a{color:#333fff;font-weight:bold;}
#occCalendar .available a{color:#000fff;font-weight:bold;}
#occCalendar .selected a{background:#A31818;color:#000000;}
#occCalendar .arrival a,
#occCalendar .departure a{color:#000000;}
.occRoot .occTitle{
    border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold;border-radius:5px;padding:5px;
}
.occRoot .occTitle img{padding:0 10px;}
.occRoot .occContent{padding:10px;}

.occBookingBody{font-size:14px;background:#F2F2F2;}
#occBookingRoot{margin:0;padding:10px;}
#occBookingRoot .chkRates{padding:0;}
#occBookingRoot .chkRatesTbl{border-collapse:collapse;padding:0;margin:0;width:100%;}
#occBookingRoot .chkRatesTbl td{vertical-align:top;}
#occBookingRoot .rateInputs{width:420px;}
#occBookingRoot .gstInfoMain{}
#occBookingRoot .gstInfoMain label{display:block;float:left;margin-right:10px;font-weight:bold;}
#occBookingRoot .gstInfoMain .partyInfo{float:left;width:60px;padding:0 5px;}
#occBookingRoot .gstInfoMain .partyInfo label{display:block;font-weight:bold;font-size:10px;}
#occBookingRoot .gstInfoMain .partyInfo select{display:block;width:50px;}

#occBookingRoot .rateOptionsCell{width:280px;}
#occBookingRoot .rateOptions{border:1px solid #333;background:#fff;padding:10px;margin-left:20px;}
#occBookingRoot .rateOptionsList{margin:0px;padding:0;list-style:none;}
#occBookingRoot .rateOptionsList li{margin:0px;}
#occBookingRoot .rateOptionsList .rateSummary{border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold;border-radius:5px;padding:5px;}

#occBookingRoot .rateOptionsList .rateItem.selected .rateSummary{border: 1px solid #333333; background: #000fff; color: #ffffff; font-weight: bold;border-radius:5px;padding:5px;}
#occBookingRoot .rateOptionsList  .rateItem.selected .rateActions{display:none}
#occBookingRoot .rateOptionsList  .rateItem .rateDetailItem{width:100%;}
#occBookingRoot .rateOptionsList  .rateItem .rateDetailTotalItem{border-top: 1px solid #aaaaaa;font-weight:bold;}
#occBookingRoot .rateOptionsList  .rateItem .rateDetailItem label{float:left;}
#occBookingRoot .rateOptionsList  .rateItem .rateDetailItem .rateDetailValue{float:right;}

#occBookingRoot .occLoading{float:right;display:none;}
#occBookingRoot .occLoading img{border:0;margin:5px;}
#occBookingRoot .bookInfo{margin-top:10px;}
#occBookingRoot .bookInfo label{display:block;float:none;font-weight:bold;}
#occBookingRoot .txtNotes{width:100%;}

#bookingCal .unavailable a{color:#333fff;font-weight:bold;}
#bookingCal .available a{color:#000fff;font-weight:bold;}
#bookingCal .selected a{background:#A31818;color:#000000;}
#bookingCal .arrival a,
#bookingCal .departure a{color:#000000;}
#bookingCal .ui-datepicker-inline {
    width: auto ! important
}

#occBookingRoot .Button,
.oresRoot .Button,
.occRoot .Button {
    color: #555555; 
    font-size: 12px;
    display: inline-block;
    padding: 5px 10px; 
    text-decoration: none;
    
    text-align: center;
    background: url("../../../images/ui-bg_glass_75_e6e6e6_1x400.html") repeat-x scroll 50% 50% #E6E6E6;
    border: 1px solid #999999;    
    border-radius: 5px;
    margin:10px 0;
}

.oresRoot .oresLoading{float:right;display:none;}
.oresRoot .oresLoading img{border:0;margin:5px;}
.oresRoot .oresTitle{
    border: 1px solid #aaaaaa; background: #cccccc; color: #222222; font-weight: bold;border-radius:5px;padding:5px;
}
.oresRoot .oresTitle img{padding:0 10px;}
.occRoot, .oresRoot {
padding: 10px 5px;
}


body.occBookingBody {
background: #FFF;
}

.occRoot .occContent {
padding: 10px 10px 0 0;
}

.occRoot .occTitle,
.oresRoot .oresTitle {
background: none;
border-top: none;
border-left: none;
border-right: none;
border-radius: 0px 0px 0px 0px;
}

.occRoot .occContent div,
.occRoot .occContent table,
.oresRoot .oresContent div,
.oresRoot .oresContent table,
#occBookingRoot div,
#occBookingRoot table,
.occBookingBody a,
.occBookingBody a:hover{
font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
font-weight: normal;
font-size:11px !important;
}

.occRoot .ui-widget-header,
#occBookingRoot .ui-widget-header {
background: #f4f4f4; /* Old browsers */
background: -moz-linear-gradient(top,  #fafafa 0%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fafafa), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fafafa 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fafafa 0%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fafafa 0%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(top,  #fafafa 0%,#f4f4f4 100%); /* W3C */
-webkit-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
box-shadow:  0px 1px 2px 0px rgba(0, 0, 0, 0.2);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#f4f4f4',GradientType=0 );
color: #000;
border-color: #AAA;
font-size: 0.9em;         
}

.occRoot .ui-widget-header .ui-state-hover, #occBookingRoot .ui-widget-header .ui-state-hover {
    background-color: transparent;
}

.occRoot .ui-state-hover .ui-icon, .occRoot .ui-state-focus .ui-icon,
#occBookingRoot .ui-state-hover .ui-icon, #occBookingRoot .ui-state-focus .ui-icon {
background-image: url(../js/jquery/images/ui-icons_222222_256x240.html);
}

.occRoot .ui-datepicker .ui-datepicker-prev,
.occRoot .ui-datepicker .ui-datepicker-next,
#occBookingRoot .ui-datepicker .ui-datepicker-prev,
#occBookingRoot .ui-datepicker .ui-datepicker-next,
.occRoot .ui-datepicker .ui-datepicker-prev-hover,
.occRoot .ui-datepicker .ui-datepicker-next-hover,
#occBookingRoot .ui-datepicker .ui-datepicker-prev-hover,
#occBookingRoot .ui-datepicker .ui-datepicker-next-hover {
border: none;
filter: alpha(opacity=80);
-khtml-opacity: 0.8;     
-moz-opacity: 0.8;   
opacity: 0.8; 
}

.occRoot .ui-datepicker .ui-datepicker-prev,
#occBookingRoot .ui-datepicker .ui-datepicker-prev,
.occRoot .ui-datepicker .ui-datepicker-prev-hover,
#occBookingRoot .ui-datepicker .ui-datepicker-prev-hover {
left: 2px;
}

.occRoot .ui-datepicker .ui-datepicker-next,
#occBookingRoot .ui-datepicker .ui-datepicker-next,
.occRoot .ui-datepicker .ui-datepicker-next-hover,
#occBookingRoot .ui-datepicker .ui-datepicker-next-hover {
right: 2px;
}

.occRoot .ui-datepicker .ui-datepicker-prev-hover,
#occBookingRoot .ui-datepicker .ui-datepicker-prev-hover,
.occRoot .ui-datepicker .ui-datepicker-next-hover,
#occBookingRoot .ui-datepicker .ui-datepicker-next-hover {
border: none;
filter: alpha(opacity=60);
-khtml-opacity: 0.6;     
-moz-opacity: 0.6;   
opacity: 0.6; 
cursor: pointer;
top: 2px;
}

.occRoot .ui-widget-content,
#occBookingRoot .ui-widget-content {
background: #fff;
border-color: #AAA;
width:100%; 
max-width:480px;
}

.oresContent {
padding-top: 10px;
}
.occSelector {
padding-bottom: 10px;
}

#bookingCal .ui-datepicker td span, #bookingCal .ui-datepicker td a,
#occCalendar .ui-datepicker td span, #occCalendar .ui-datepicker td a {
    padding: 0.0em 0.2em 0.2em;
}

/*.occContent .ui-state-active, .occContent .ui-widget-content .ui-state-active,
.chkRates .ui-state-active, .chkRates  .ui-widget-content .ui-state-active{

background: #E6E6E6;
border: 1px solid #D3D3D3;
color: #555;
}*/


.occContent .ui-state-default, .occContent .ui-widget-content .ui-state-default,
.chkRates .ui-state-default, .chkRates  .ui-widget-content .ui-state-default,
.occContent .ui-state-active, .occContent .ui-widget-content .ui-state-active,
.chkRates .ui-state-active, .chkRates  .ui-widget-content .ui-state-active {
    background: #EEE;
border: 1px solid #D9D9D9;
color: #AAA;
font-weight: normal;
text-decoration: none;

}

#bookingCal .available a,
#occCalendar .available a {
    color:#444;
    background: #FFF;
    border: 1px solid #AAA;
    font-weight: normal;
}

#bookingCal .available a:hover,
#occCalendar .available a:hover
 {
    /*border: 1px solid #CCC;*/
    text-decoration: underline;
    font-weight: normal;
}

#bookingCal .unavailable a,
#occCalendar .unavailable a,
#bookingCal .unavailable a:hover,
#occCalendar .unavailable a:hover {
background: none;
border: none;
color: #97312c;
cursor: default;
font-weight: normal;
text-decoration: none;
}

#bookingCal .unavailable-past a,
#occCalendar .unavailable-past a,
#bookingCal .unavailable-past a:hover,
#occCalendar .unavailable-past a:hover {
background: #EEE;
border: 1px solid #D9D9D9;
color: #AAA;
font-weight: normal;
cursor: default;
text-decoration: none;
}

#bookingCal .ui-datepicker .ui-datepicker-title,
#occCalendar .ui-datepicker .ui-datepicker-title{
line-height: 1.4em;
font-weight: normal;
}

#bookingCal .ui-datepicker th,
#occCalendar .ui-datepicker th {
font-weight: normal;
}

#bookingCal .ui-datepicker .ui-datepicker-prev, #bookingCal .ui-datepicker .ui-datepicker-next,
#occCalendar .ui-datepicker .ui-datepicker-prev, #occCalendar .ui-datepicker .ui-datepicker-next {
height: 1.4em;
}

#bookingCal .ui-datepicker .ui-datepicker-prev span, #bookingCal .ui-datepicker .ui-datepicker-next span,
#occCalendar .ui-datepicker .ui-datepicker-prev span, #occCalendar .ui-datepicker .ui-datepicker-next span {
/*margin-top: -10px;*/
}

#bookingCal .ui-datepicker-today a,
#occCalendar .ui-datepicker-today a {
background: #FFFB35;
border: 1px solid #EFAE00;
}

#bookingCal .ui-datepicker-today a:hover,
#occCalendar .ui-datepicker-today a:hover {
background: #FFFB35;
text-decoration: none;
border: 1px solid #EFCE77;
}
#occCalendar .selected a,
#bookingCal .selected a,
#occCalendar .selected a:hover,
#bookingCal .selected a:hover {
background-color: #696969; /* Old browsers */
background-image: -moz-linear-gradient(top,  #696969 0%, #868686 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(100%,#868686)); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top,  #696969 0%,#868686 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top,  #696969 0%,#868686 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top,  #696969 0%,#868686 100%); /* IE10+ */
background-image: linear-gradient(top,  #696969 0%,#868686 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#868686',GradientType=0 );
color: #FFF;
border: 1px solid #FFF;
text-decoration: none;
}

#occCalendar .selected a:hover,
#bookingCal .selected a:hover {
border: 1px solid #F7F7F7;
text-decoration: none;
}

#bookingCal .gstInfoMain,
#occBookingRoot .gstInfoMain {
margin-top: 6px;
}


#occBookingRoot .Button, .oresRoot .Button, .occRoot .Button, #bookingCal .Button, 
#occBookingRoot a.Button:visited, .oresRoot  a.Button:visited, .occRoot  a.Button:visited, #bookingCal   a.Button:visited{
    background: #6b9626;
     border-color: #52731e #52731e #52731e #52731e;
     border-style: solid;
     border-width: 1px;
     color: #FFF;
     font-weight: bold;
     
     
}




#occBookingRoot .Button:hover, .oresRoot .Button:hover, .occRoot .Button:hover, #bookingCal .Button:hover{
    /* background: #FBFBFB;
     border-color: #DFDFDF #ABABAB #ABABAB #DFDFDF;
     border-style: solid;
     border-width: 1px;
     color: #333333;
     font-weight: bold;
     text-decoration: none;*/
      background: #648c23;
     border-color: #52731e #52731e #52731e #52731e;
     border-style: solid;
     border-width: 1px;
     color: #FFF;
     font-weight: bold;
     
    
}
/*#occBookingRoot .lnkCancelBtn.Button,
#occBookingRoot .lnkCancelBtn.Button:hover,
#occBookingRoot .lnkCancelBtn.Button,
#occBookingRoot .lnkCancelBtn.Button:hover,
.oresRoot .lnkCancelBtn.Button,
.oresRoot .lnkCancelBtn.Button:hover {
background: #EDEDED;
     border-color: #A8A8A8 #606060 #606060 #A8A8A8;
     border-style: solid;
     border-width: 1px;
     color: #333333;
     font-weight: bold;
     text-decoration: none;
}*/

#occBookingRoot #lnkCheckRates, .oresRoot #lnkCheckRates, .occRoot #lnkCheckRates, #bookingCal #lnkCheckRates, 
#occBookingRoot a#lnkCheckRates:visited, .oresRoot  a#lnkCheckRates:visited, .occRoot  a#lnkCheckRates:visited, #bookingCal   a#lnkCheckRates:visited{

border-color: #005AC9;
border-style: solid;
border-width: 1px;

}

#occBookingRoot #lnkCheckRates, .oresRoot #lnkCheckRates, .occRoot #lnkCheckRates, #bookingCal #lnkCheckRates, 
#occBookingRoot a#lnkCheckRates:visited, .oresRoot a#lnkCheckRates:visited, .occRoot  a#lnkCheckRates:visited, #bookingCal a#lnkCheckRates:visited,
#occBookingRoot #lnkCheckRates:hover, .oresRoot #lnkCheckRates:hover, .occRoot #lnkCheckRates:hover, #bookingCal #lnkCheckRates:hover, 
#occBookingRoot a#lnkCheckRates:visited, .oresRoot a#lnkCheckRates:visited, .occRoot  a#lnkCheckRates:visited, #bookingCal a#lnkCheckRates:visited{

background-color: #7db7ff; /* Old browsers */
background: -moz-linear-gradient(top,  #7db7ff 0%, #3f95fe 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db7ff), color-stop(100%,#3f95fe)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7db7ff 0%,#3f95fe 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7db7ff 0%,#3f95fe 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7db7ff 0%,#3f95fe 100%); /* IE10+ */
background: linear-gradient(top,  #7db7ff 0%,#3f95fe 100%); /* W3C */
    color: #FFF;
    text-shadow: 1px 1px 1px #005ac9;
    filter: dropshadow(color=#005ac9, offx=1, offy=1);
    border: 1px solid #005ac9;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db7ff', endColorstr='#3f95fe',GradientType=0 );
    text-decoration: none;
        
}

/*.resetDateRangeBtn, .resetDateRangeBtn:hover {
    color: #97312c;
    border: none;
    padding: 0;
    margin: 0 10px;
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    font-weight: normal;
    font-size: 10px;
}*/

.calwrap .resetDateRangeBtn, 
#occBookingRoot .resetDateRangeBtn, 
.oresRoot .resetDateRangeBtn{
    float: right;
}

.calwrap .resetDateRangeBtn, 
.calwrap .resetDateRangeBtn:hover, 
#occBookingRoot .resetDateRangeBtn, 
.oresRoot .resetDateRangeBtn, 
#occBookingRoot .resetDateRangeBtn:hover, 
.oresRoot .resetDateRangeBtn:hover,
#occBookingRoot .lnkCancelBtn.Button,
#occBookingRoot .lnkCancelBtn.Button:hover,
#occBookingRoot .lnkCancelBtn.Button,
#occBookingRoot .lnkCancelBtn.Button:hover,
.oresRoot .lnkCancelBtn.Button,
.oresRoot .lnkCancelBtn.Button:hover {
    
    display: inline-block;
    padding: 5px 10px;
    margin: 10px 0;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #888;


    color: #FFF;
    /*font-size: 14px;
    font-weight: bold;
    margin: 4px 0 0;
    cursor: pointer;*/
    background-color: #9E9E9E;
    background: -moz-linear-gradient(top,  #C1C1C1 0%, #9E9E9E 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#C1C1C1), color-stop(100%,#9E9E9E)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #C1C1C1 0%,#9E9E9E 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #C1C1C1 0%,#9E9E9E 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #C1C1C1 0%,#9E9E9E 100%); /* IE10+ */
    background: linear-gradient(top,  #C1C1C1 0%,#9E9E9E 100%); /* W3C */
    font-family: 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    text-shadow: 1px 1px 1px #555;
    text-decoration: none;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#9e9e9e',GradientType=0 );
}
.calwrap .resetDateRangeBtn:hover,
#occBookingRoot .resetDateRangeBtn:hover,
.oresRoot .resetDateRangeBtn:hover,
#occBookingRoot .lnkCancelBtn.Button:hover,
#occBookingRoot .lnkCancelBtn.Button:hover,
.oresRoot .lnkCancelBtn.Button:hover {
    border: 1px solid #BBB;

}

#occBookingRoot .lnkCancelBtn.Button,
#occBookingRoot .lnkCancelBtn.Button:hover,
#occBookingRoot .lnkCancelBtn.Button,
#occBookingRoot .lnkCancelBtn.Button:hover,
.oresRoot .lnkCancelBtn.Button,
.oresRoot .lnkCancelBtn.Button:hover {
    padding: 2px 6px;
    margin: 6px 0;
    font-size: 10px;
    font-weight: normal;
}

#occBookingRoot #lnkCheckRates:hover, .oresRoot #lnkCheckRates:hover, .occRoot #lnkCheckRates:hover, #bookingCal #lnkCheckRates:hover, 
#occBookingRoot a#lnkCheckRates:visited, .oresRoot a#lnkCheckRates:visited, .occRoot  a#lnkCheckRates:visited, #bookingCal a#lnkCheckRates:visited {
    border: 1px solid #7db7ff;
}

#occBookingRoot .occLoading, .occRoot .occLoading{
    z-index: 2880;
    background: #FFF;
    border: 4px solid #999;
    width: 27px;
    height: 27px;
}

#occBookingRoot .occLoading {
    position: absolute;
    top: 93;
    right: 73%;
}

.occRoot .occLoading {
    position: relative;
    top: 146;
    right: 48%;
    
}

/*Overrides text-align right in jquery css*/
.ui-datepicker td a {
text-align:center;  
}

.calOverlay .oresContent /*fixes height issue*/
{height:230px;
width:240px;
overflow:auto;
margin-top:10px;
padding:0;
}

#occBookingRoot .rateOptions {
    border: 1px solid #AAA;
    border-radius: 5px;
    
}

#occBookingRoot .rateOptionsList .rateSummary {
    /*background: none;
    border: none;
    padding: 0;*/
    cursor: pointer;
    background: #EEE;
}

#occBookingRoot .rateOptionsList .rateItem.selected .rateSummary {
    background: #EEE;
    border: 1px solid #AAA;
    border-radius: 5px;
    color: #6b9626;
}

#occBookingRoot .rateOptionsList .rateSummary .rateName {
    font-weight: bold;

}

#occBookingRoot .rateOptionsList .rateDetail{
    padding: 5px;
}

#occBookingRoot .rateOptionsList .rateDesc {
    padding-bottom: 6px;
}


#occBookingRoot .rateOptionsList .rateItem .rateDetailTotalItem {
    border-top: 1px dotted #AAA;
    padding-top: 3px;
    margin-top: 3px;
}

        .legendTitle {
            
            padding-top:12px;
            margin-right:3px;
                
        }
        
        .legendBox {
            
            width:60px;
            border:1px solid #999;
            padding:3px;
            margin:0 3px;
            padding:12px 0;
            text-align:center;
            font-size:10px;
            float:left; 
            
        }
        
        .legendBox {
        
            font-size:10px;
            
        }
        
        #legendToday {
            
            background-color:#FFFB35;
            border-color:#EFAE00;
            
        }
        
        #legendAvailable {
            
            background-color:#FFFFFF;
                
        }
        
        #legendUnavailable {
        
            background-color:#EEEEEE;
            border:1px dotted;  
            
        }
        
        #legendSelected {
            
            border-color:#fff;
            background-color: #696969; /* Old browsers */
            background-image: -moz-linear-gradient(top,  #696969 0%, #868686 100%); /* FF3.6+ */
            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(100%,#868686)); /* Chrome,Safari4+ */
            background-image: -webkit-linear-gradient(top,  #696969 0%,#868686 100%); /* Chrome10+,Safari5.1+ */
            background-image: -o-linear-gradient(top,  #696969 0%,#868686 100%); /* Opera 11.10+ */
            background-image: -ms-linear-gradient(top,  #696969 0%,#868686 100%); /* IE10+ */
            background-image: linear-gradient(top,  #696969 0%,#868686 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#868686',GradientType=0 );
            
        }
        
        #legendExpired {
        
            background-color:#B4D0E5;
            width:90px;
                
        }

/* ################### End Owner Contract Calendar ################### */





/* ############################ HtngGssReservations Golf V2 ########################### */



/* general properties */

#GSSGolf
{
    padding:10px;
}
#GSSGolf .Htng_PageTitle{
    font-weight:bold;
    font-size:24px;
    text-align:left;
}

/* general properties */

/* Settings Menu */
#gssGolfSettingsMenu .search, #gssGolfSettingsMenu .myItems, #gssGolfSettingsMenu .myProfile, #gssGolfSettingsMenu .help, #gssGolfSettingsMenu .templates, #gssGolfSettingsMenu .confirmations, #gssGolfSettingsMenu .notifications, #gssGolfSettingsMenu .settings, #htngGolfStep1 .htngGolfStepName, #htngGolfStep2 .htngGolfStepName, #htngGolfStep3 .htngGolfStepName, .closeElement, #resPropList, #htngGolfRoot #myItineraryBtn, #resPropertiesDiv .dropArrow, #golfCalendar .ui-widget-header .ui-icon, #htngGolfRoot .textButton.view, #sliderRoot .ui-slider .ui-slider-handle, #resItinerary .itineraryitemcancel a, #resGuestCCTypesSpan {
    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/sms/sms_iconSprite_v3.png");
    background-repeat: no-repeat;
}
#GSSSpaSoft, #resRoot table, #resRoot div {
    font: 11px/1.6em museo_sans_500regular,arial,sans-serif;
}
#gssGolfSettingsMenu {
    border: 0 none;
    text-align:center;
    margin: 60px 0 0;
    position: relative;
    z-index: 1;
    float:right;
}
#gssGolfSettingsMenu ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#gssGolfSettingsMenu ul li {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #E5E5E5 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: medium 1px medium medium;
    display: inline-block;
    height: auto;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
}
#gssGolfSettingsMenu ul li:hover {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color #E5E5E5 -moz-use-text-color -moz-use-text-color;
    border-image: none;
    border-style: none solid none none;
    border-width: medium 1px medium medium;
}
#gssGolfSettingsMenu ul li.lastChild {
    border: 0 none;
}
#gssGolfSettingsMenu ul li a {
    display: block;
    opacity: 0.7;
    padding: 0;
    text-decoration: none;
}
#gssGolfSettingsMenu ul li a:hover {
    opacity: 1;
}
#gssGolfSettingsMenu .noText {
    height: 30px;
    text-indent: -9999px;
    width: 50px;
}
#gssGolfSettingsMenu .search {
    background-position: -33px -42px;
}
#gssGolfSettingsMenu .myItems {
    background-position: -105px -43px;
}
#gssGolfSettingsMenu .myProfile {
    display: none;
}
#gssGolfSettingsMenu .help {
    background-position: -175px -43px;
}
#gssGolfSettingsMenu .templates {
    background-position: -400px -43px;
}
#gssGolfSettingsMenu .confirmations {
    background-position: -475px -43px;
}
#gssGolfSettingsMenu .notifications {
    background-position: -250px -43px;
}
#gssGolfSettingsMenu .settings {
    background-position: -322px -43px;
}
#gssGolfSettingsMenu .search:hover, #gssGolfSettingsMenu .myItems:hover, #gssGolfSettingsMenu #liHelp a:hover {
    background-color: rgba(0, 0, 0, 0);
    border: medium none;
    padding: 0;
}
#gssGolfSettingsMenu .arrow-up {
    border-bottom: 5px solid rgba(0, 0, 0, 0.7);
    border-left: 5px solid rgba(0, 0, 0, 0);
    border-right: 5px solid rgba(0, 0, 0, 0);
    height: 0;
    margin: 0 auto;
    width: 0;
}
#gssGolfSettingsMenu .arrow-down {
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    border-top: 20px solid #000000;
    height: 0;
    width: 0;
}
#gssGolfSettingsMenu .arrow-right {
    border-bottom: 60px solid rgba(0, 0, 0, 0);
    border-left: 60px solid #000000;
    border-top: 60px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0;
}
#gssGolfSettingsMenu .arrow-left {
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    border-right: 10px solid #000000;
    border-top: 10px solid rgba(0, 0, 0, 0);
    height: 0;
    width: 0;
}
#gssGolfSettingsMenu .toolTip {
    display: none;
    left: -44px;
    position: absolute;
    text-align: center;
    width: 134px;
}
#gssGolfSettingsMenu .toolTipInner {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font: bold 10px/39px Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-transform: uppercase;
}

/*end settings menu */
/* rootWrap  */
#htngGolfRoot {margin-top:10px;}


/* process navigation */


    #htngGolfRoot #htngGolfProcessNav{
        margin: 30px 0 0 0;
        width:100%;
        height: 65px;
        border: 1px solid #d3d3d3;
        background:#F7F7F7;
    }
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep{
        color:#CECECE;
        background:#F7F7F7;
        height:65px;
        width:32.1%;
        float:left;
        border-right: 1px solid #d3d3d3;
        text-align:center;
        vertical-align:middle;
        cursor: pointer;
    }
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep#htngGolfStep3{border-right:0;}
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep#htngGolfStep1 .htngGolfStepName{background-position:-30px -92px;}
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep#htngGolfStep2 .htngGolfStepName{background-position: -30px -937px;}
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep#htngGolfStep3 .htngGolfStepName{background-position:-30px -588px;}
    
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep#htngGolfStep1.selected .htngGolfStepName{background-position:-30px -656px;}
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep#htngGolfStep2.selected .htngGolfStepName{background-position: -30px -1229px;}
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep#htngGolfStep3.selected .htngGolfStepName{background-position:-30px -797px;}
    
    
    
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep.selected{
        color:#000;
        background:#ffffff;
    }
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep.selected .htngGolfStepName{
        color:#000;
        background:#ffffff url('images/sms/htnggolf/sms_golf_iconSprite_v2.png') no-repeat right top;
    }
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep .htngGolfStepName{
    width:32px;
    margin: 0 auto;
    height:30px;
    padding:8px 0 0 0;
    background:#F7F7F7 url('images/sms/htnggolf/sms_golf_iconSprite_v2.png') no-repeat right top;
    }    
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep .htngGolfStepName span{
        display:none;
    }
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep .htngGolfStepDetl{
        font: 11px Museo Sans, arial, sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
        padding:2px 0 0 0;
    }
    
    #htngGolfRoot #htngGolfProcessNav .htngGolfStep .htngGolfStepName span {display:none;}
    
  /* end process navigation */
  
  
  /* begin search filters */  
    #htngGolfRoot #allOptions {
    width: 100%;
margin: 35px 0 0;
border: 1px solid #bebebe;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
padding: 10px 0;
    }
    #htngGolfRoot #allOptions .htngGolfOption{
        background:#fff;
    }
    #htngGolfRoot #allOptions .htngGolfOption .htngGolfOptionInner{
         padding: 0 10px 30px;
    }
    #htngGolfRoot #allOptions .htngGolfOption .filtTitle{
        font: 14px Museo Sans, Arial, sans-serif;
        color: #000;
        text-transform: uppercase;
        margin:20px 0 0 0;
        padding: 5px 0;
        display:block;}
    #htngGolfRoot .textButton.view{
        border:0;
        background:#ffffff  url("../../net/SMS/HtngGssReservations/SmsLodging/Images/gui-sprite_v1.png") no-repeat;
        padding:0;margin:0;width:63px;height:36px;border-radius:0;
    }
    #htngGolfRoot #allOptions .htngGolfOption .viewLbl{font-size:10px;color:#555;}
    #htngGolfRoot .textButton.view#basicViewBtn{
        background-position:-38px -535px;
    }
    #htngGolfRoot .textButton.view#basicViewBtn.active{
        background-position:-138px -535px;
    }
    #htngGolfRoot .textButton.view#advancedViewBtn{
        background-position:-239px -535px;
    }
    #htngGolfRoot .textButton.view#advancedViewBtn.active{
        background-position:-339px -535px;
    }
    /* slider */
    #sliderRoot .ui-slider .ui-slider-handle
    {
        background:url("images/sms/htnggolf/sms_golf_iconSprite_v2.png") no-repeat scroll -38px -174px trangolfrent;
        border:0;
        height:14px;
    }
    #htngGolfRoot #allOptions .htngGolfOption .slideAmount{border: 0; color: #555555;width:75px;}
    #htngGolfRoot #allOptions .htngGolfOption .slideTime{
        margin: 5px 0 0;
        width: 70px;
        border:0;
        font: 14px Arial, sans-serif;
        color: #777;
    }
    #htngGolfRoot #allOptions .htngGolfOption #minTime.slideTime{float:left;}
    #htngGolfRoot #allOptions .htngGolfOption #maxTime.slideTime{float:right;   text-align: right;}
    #htngGolfRoot #allOptions .htngGolfOption #slider-range{border-radius:10px;background:#d6d6d6;height:9px;
                                                             -webkit-box-shadow: inset 0px 2px 2px 2px rgba(0, 0, 0, 0.2);
                                                             box-shadow: inset 0px 2px 2px 2px rgba(0, 0, 0, 0.2);}
    #htngGolfRoot #allOptions .htngGolfOption #slider-range .ui-slider-range{background:#87ba45;}
    #htngGolfRoot #allOptions .htngGolfOption #showFilters{
        font: 10px arial, helvetica, sans-serif;
        color: #7FA133;
        float:right;
        margin-right: -10px;
        margin-top: 25px;
    }
    #htngGolfRoot a.textButton.search
    {
        margin: 10px auto;
        height: 25px;
        width: auto;
        display:block;
        vertical-align: middle;
        padding:15px 0 0;
        border-radius:0;
        border:0;
        background: #87BA45;
        color: #fff;
        font: 11px/10px Museo Sans, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    #htngGolfRoot a.textButton.search:hover
    {
        background: #75A635;
        border-radius:0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    #htngGolfRoot a.textButton.search.htngGolfUpdate
    {
        background: #ff4242;
        color: #fff;
        border-radius:0;
        border:0;
        font: 11px Museo Sans, Arial, sans-serif;
        text-transform: uppercase;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;

    }    
    #htngGolfRoot a.textButton.search.htngGolfUpdate:hover
    {
        background: #ed3535;
        border-radius:0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
    /* combobox activities */
    .rcbSlide.RCB_ActivityTypes_Slide{margin-top:14px;}
    .rcbSlide.RCB_ActivityTypes_Slide,.RadComboBoxDropDown_Default.RCB_ActivityTypes_DropDown
    {
        width:250px !important;height:300px !important;
        border: 1px solid #bbb;
        -webkit-box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 0px 2px 2px rgba(0, 0, 0, 0.2);}
    .RadComboBoxDropDown_Default.RCB_ActivityTypes_DropDown .rcbScroll{height:300px;}
    
    .RadComboBox_Default.RCB_ActivityTypes .rcbInputCell, .RadComboBox_Default.RCB_ActivityTypes .rcbArrowCell
    {
        background-image:url('images/sms/htnggolf/sms_golf_iconSprite_v2.png');
        background-repeat:no-repeat;
    }
    .RadComboBox.RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbInputCellLeft, .RadComboBox.RadComboBox_Default.RCB_ActivityTypes .rcbFocused .rcbReadOnly .rcbInputCellLeft,
    .RadComboBox.RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbInputCellLeft, .RadComboBox.RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbInputCellLeft
    .RadComboBox_Default.RCB_ActivityTypes .rcbInputCell{background-position:-9999px -9999px;}
    .RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbInput,.RadComboBox_Default.RCB_ActivityTypes .rcbHovered .rcbReadOnly .rcbInput
        {font: 12px Arial, sans-serif;color: #777;}
    .RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbEmptyMessage{font-style:normal;}
    .RadComboBox_Default.RCB_ActivityTypes .rcbFocused .rcbReadOnly .rcbArrowCellRight,.RadComboBox_Default.RCB_ActivityTypes .rcbReadOnly .rcbArrowCellRight
    ,.RadComboBox_Default.RCB_ActivityTypes .rcbHovered .rcbReadOnly .rcbArrowCellRight
    {
        background-position:-38px -883px;
    }
    .RadComboBox_Default.RCB_ActivityTypes{
        padding: 5px 0;
        font: 12px Arial, sans-serif;
        color: #777;
        background: #fff;
        border: 1px solid #bebebe;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
padding: 10px;
    }
    .RadTreeView_Default.RTV_ActivityTypes{height: 290px !important;}
    .dateRangeDisp, .htngGolfOptionInner .RadComboBox
    {
        font: 12px Arial, sans-serif;
        color: #777;
        width:90% !important;
        background: #fff;
        border: 1px solid #bebebe;
        -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
        box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
        padding: 10px;
        font: 11px "museo_sans_500regular", Arial, sans-serif;
    }
    
    .htngGolfOption {margin:0 auto;}
    
    /*OVERRIDES TELERIK NONSENSE*/
    .htngGolfOptionInner .RadComboBox_Default .rcbReadOnly .rcbInputCellLeft,
    .htngGolfOptionInner .RadComboBox_Default .rcbHovered .rcbReadOnly .rcbArrowCellRight,
    .htngGolfOptionInner .RadComboBox_Default .rcbReadOnly .rcbArrowCellRight {
    background:none;
    }
    
    .htngGolfOptionInner .RadComboBox_Default .rcbInput {
    font:11px "museo_sans_500regular", Arial, sans-serif;   
    }
    
    .dateRangeEl {font:11px museo_sans_500regular; color:#777;}
    .dateRangeIco
    {
        float:right;
        width:30px;
        height:16px;
        background:url("images/sms/htnggolf/sms_golf_iconSprite_v2.png") no-repeat scroll -23px -427px #F7F7F7;
    }
    
    #htngGolfRoot #htngGolfActionUpdate {
margin: 0 auto;
width: 200px;
}

    #golfCalWrap{position:absolute;z-index:9999;width:400px;}
    
    #pageslide.golfPageSlide {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 3px 3px 3px 3px rgba(0, 0, 0, 0.15);
    color: #252525;
    overflow: auto;
}

#pageslide .actions .slideClose {
    background-image: url("../../net/SMS/HtngGssReservations/SmsLodging/Images/sms_iconSprite_v3.png");
    background-position: -48px -188px;
    display: block;
    height: 16px;
    width: 16px;
}
div#pageslide .actions {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
}

#pageslide .actions .slideClose span {
    display: none;
}
/* end search filters */




/* my reservations */

#golfMyResRoot div{text-align:left;color:#333;}
    #golfMyReservationItems
    {
        border: 1px solid #AAAAAA;
        border-bottom:0px;
    }
    #golfMyResRoot .modTitle
    {
        font-weight:bold;
        font-size:24px;
        padding:10px;
    }
    #golfMyResRoot ul {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
    }
    #golfMyResRoot li  
    {
        margin: 0 !important;
        padding: 10px 10px 10px 5px !important;
        display:block;
    }
    #golfMyResRoot .golfTemplateItem .image
    {
        width:250px;
        float:left;
        padding: 0 5px;
    }
    #golfMyResRoot .golfTemplateItem .image img
    {   
        width:250px;
    }
     #golfMyResRoot .golfTemplateItem .title
     {
        font-weight:bold;
        font-size:18px;
        text-transform:capitalize;
     }
     #golfMyResRoot .clear
     {
        clear:both;
     }
     #golfMyResRoot .availSelectors 
     {
        width:100%;
        padding:10px 0;
        margin:0 0 20px;
        background-color: #fafafa;
        border: 1px solid #e2e2e2;
     }
     #golfMyResRoot .availSelectors .selector
     {
        float:left;
        padding: 0 10px;
     }
     #golfMyResRoot .availSelectors .selector label
     {
        display:block;
        font: bold 12px Arial,Verdana,sans-serif;
        text-transform:uppercase;
        padding-bottom:10px;
     }
      #golfMyResRoot .availSelectors #courseSelector 
      {
        width:250px;
      }
    #golfMyResRoot {
        display: block;
        width:100%;
    }
    #golfMyResRoot .wrapper {
        width: 100%;
    }

    #golfMyResRoot #golfTemplates {
        float: left;
    }
    #golfMyReservations
    {
        padding:10px;
    }
    #golfMyReservationItems{width:100%;}
    .golfNoResultsItem
    {
        background-color: #797979;
        border-bottom: 1px solid #AAAAAA;
        color: #aaaaaa;
        font: bold 16px Arial,Verdana,sans-serif;
        padding: 50px 0;
        text-align:center;
    }    
    .golfMyResItem.DISPLAYONLY
    {
        background-color: #797979;
        border-bottom: 1px solid #AAAAAA;
        color: #aaaaaa;
        font: bold 11px Arial,Verdana,sans-serif;
        padding: 4px 0 0 2px;
    }
    .golfMyResItem.AVAILABLE
    {
        background: #caee9b; /* Old browsers */
        background: -moz-linear-gradient(top,  #caee9b 0%, #b1dc77 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#caee9b), color-stop(100%,#b1dc77)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #caee9b 0%,#b1dc77 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #caee9b 0%,#b1dc77 100%); /* W3C */
        *background: #caee9b; /* Old browsers */            
        border-bottom: 1px solid #79aa3a;
        color: #333;
        font: bold 11px Arial,Verdana,sans-serif;
        padding: 4px 0 0 2px;
        cursor:pointer;
    }
        
    .golfMyResItem .time,.golfMyResItem .info
    {
        float:left;
        padding: 0 20px 0 0;
    }
    .golfMyResItem .price
    {
        float:right;
        padding: 0 10px;
    }
   
      #golfMyResRoot a.textButton, #golfMyResRoot a.textButton:hover, .textButton {
        background: none repeat scroll 0 0 #87BA45;
        border: 0 none;
        border-radius: 0;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-size: 14px;
        line-height: normal;
        padding: 10px;
        text-align: center;
        text-decoration: none;
        text-shadow: 0 0 0 #FFFFFF;
        vertical-align: middle;
    }
    #golfMyResRoot a.textButton.search, #golfMyResRoot a.textButton.search:hover
    {
        background: #98c65a; /* Old browsers */
        background: -moz-linear-gradient(top,  #98c65a 0%, #7dac3d 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#98c65a), color-stop(100%,#7dac3d)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #98c65a 0%,#7dac3d 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #98c65a 0%,#7dac3d 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #98c65a 0%,#7dac3d 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #98c65a 0%,#7dac3d 100%); /* W3C */
        *background: #98c65a; /* Old browsers */
        color:#fff;
        font: arial 12px bold;
        text-shadow: 1px 0px 3px rgba(0,0,0,0.25);
        border-radius: 2px;
    }
/* end my reservations */

/* template config */

    #golfTemplateRoot div{text-align:left;color:#333;}
    #golfTemplateRoot .templateSelect
    {
        font-weight:bold;
        font-size:24px;
        padding:10px;
        float:left;
    }
    #golfTemplateRoot a{cursor:pointer;}
    #golfTemplateRoot .filter{float:left;}
    #golfTemplateRoot ul {
        list-style: none;
        margin: 0 10px 0 0 !important;
        padding: 0 !important;
    }
    #golfTemplateRoot li  
    {
        margin: 0 !important;
        padding: 10px 10px 10px 5px !important;
        width:100%;
        display:block;
    }
    #golfTemplateRoot .golfTemplateItem .itemLabel
    {
        border: 1px solid #3D3D3D;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px;
        background:#D5D2CC;
        padding:10px;
    }
    #golfTemplateRoot .golfTemplateItem .itemLabel label
    {
        font-weight:bold;
        font-size:14px;
    }
    #golfTemplateRoot .golfTemplateItem .itemLabel label,
    #golfTemplateRoot .golfTemplateItem .itemLabel .EditDiv,
    #golfTemplateRoot .golfTemplateItem .itemLabel .propEdit
    {
        float:left;
        margin: 0 10px 0 0 ;
    }
    #golfTemplateRoot .golfTemplateItem .inner
    {
        border: 1px solid #3D3D3D;
        border-top:0;
    }
    #golfTemplateRoot .golfTemplateItem .image
    {
        width:250px;
        float:left;
        padding: 0 5px;
    }
    #golfTemplateRoot .golfTemplateItem .image img
    {   
        width:250px;
    }
     #golfTemplateRoot .golfTemplateItem .title
     {
        font-weight:bold;
        font-size:18px;
        text-transform:capitalize;
     }
     #golfTemplateRoot .clear
     {
        clear:both;
     }
     #golfTemplateRoot .configSelectors 
     {
        width:100%;
        padding:10px 0;
     }
     #golfTemplateRoot .configSelectors .selector
     {
        float:left;
        padding: 0 10px;
     }
     #golfTemplateRoot .configSelectors .selector label
     {
        display:block;
        font: bold 12px Arial,Verdana,sans-serif;

     }
      #golfTemplateRoot .configSelectors #templateSelector 
      {
        width:250px;
      }
    #golfTemplateRoot .edDate{display:none;}
    #golfTemplateRoot {
        display: block;
        width:100%;
    }

/* end template config */



/* availability */

#htngGolfRoot ul {
        list-style: none;
        margin: 0 !important;
        padding: 0 !important;
    }
#htngGolfRoot li  
    {
        margin: 0 !important;
        padding: 20px 10px 20px 5px !important;
        display:block;
        float:left;
        width:auto;
    }

    
    
#htngGolfRoot .golfItem{
border: 1px solid #bebebe;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .15);
height:380px;
text-align:center;
}
#htngGolfRoot .golfItem .heroShot{
    height:33.3%;overflow:hidden;
margin:0 0 10px;
}
#htngGolfRoot .golfItem .heroShot img{
    width:100%;
}

#htngGolfRoot .golfItem .textButton.htngGolfBookItem
    {
        height: 25px;
        width: 150px;
        border-radius:0;
        vertical-align: middle;
        padding:10px 0 0;
        color: #fff;
        border:0;
        background: #87BA45;
        font: 11px Museo Sans, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 15px 0 0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
#htngGolfRoot .golfItem .textButton.htngGolfBookItem:hover
    {
        background: #75A635;
        width: 150px;
        border-radius:0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }

#htngGolfRoot .golfItem .teeTime-Date{font: 11px MuseoSans, Arial, sans-serif;
color: #000;
letter-spacing: 1px; padding: 5px 0 0;}
#htngGolfRoot .golfItem .teeTime-Date .date {display:block;}
#htngGolfRoot .golfItem .teeTime-Time{font: 20px MuseoSans, Arial, sans-serif;
color: #000;padding:5px 0;}
#htngGolfRoot .golfItem .teeTime-Players{font: 16px MuseoSans, Arial, sans-serif;
color: #000;
padding:5px 0;}
#htngGolfRoot .golfItem .teeTime-price{font: 11px MuseoSans, Arial, sans-serif;
color: #777777;
letter-spacing: 1px;
padding:5px 0 0;}
#htngGolfRoot .golfItem .teeTime-priceSummary{font: 16px MuseoSans, Arial, sans-serif;
color: #00;
letter-spacing: 1px;
padding:5px 0 0;}
#htngGolfRoot .golfItem .bookAction{padding:20px 0 25px;}

@media only screen 
and (max-width : 1901px)  {
  /* Styles */
   #htngGolfRoot li  
    {
        width: 18%;
    }
}
@media only screen 
and (max-width : 1200px)  {
  /* Styles */
   #htngGolfRoot li  
    {
        width:23%;
    }
}
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (max-width : 1000px)  {
  /* Styles */
   #htngGolfRoot li  
    {
        width:30%;
    }
}    
/* Smartphones (landscape) ----------- */
@media only screen 
and (max-width : 768px) {
  /* Styles */
  #htngGolfRoot li  
    {
        width:46%;
    }
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 450px) {
  /* Styles */
  #htngGolfRoot li  
    {
        width:95%;
    }
}



/* more info dialog */
.golfDialog.axisDialogBox .dialogContentWrapper{height:auto;padding: 0;}

    
.golfDialog .golfItemPreferences{
text-align:center;
}
.golfDialog .golfItemPreferences .heroShot{
    height:200px;overflow:hidden;
margin:0 0 2px;
}
.golfDialog .golfItemPreferences .heroShot img{
    width:auto;
    height:100%;
}

.golfDialog .golfItemPreferences .textButton.htngGolfBookItem
    {

        width: 150px;
        border-radius:0;
        vertical-align: middle;
        padding:15px 30px;
        color: #fff;
        border:0;
        background: #87BA45;
        font: 11px/11px Museo Sans, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 15px 30px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
.golfDialog .golfItemPreferences .textButton.htngGolfBookItem:hover
    {
        background: #75A635;
        width: 150px;
        border-radius:0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
        text-decoration:none;
    }
.golfDialog .golfItemPreferences .teeTime-text{display:none;}
.golfDialog .golfItemPreferences .preferences div{margin: 0 auto;width:300px;text-align:left;padding:5px 0;}
.golfDialog .golfItemPreferences .preferences div label{width:70px;display:inline-block;font: 11px MuseoSans, Arial, sans-serif;
color: #777777;
letter-spacing: 1px;}
.golfDialog .golfItemPreferences .preferences div select{width:195px;font: 11px MuseoSans, Arial, sans-serif;
color: #777777;
letter-spacing: 1px;}
.golfDialog .golfItemPreferences .teeTime-Date{font: 11px MuseoSans, Arial, sans-serif;
color: #000;
letter-spacing: 1px; padding: 5px 0 0;}
.golfDialog .golfItemPreferences .teeTime-Time{font: 20px MuseoSans, Arial, sans-serif;
color: #000;padding:5px 0;}
.golfDialog .golfItemPreferences .teeTime-courseName{font: 16px MuseoSans, Arial, sans-serif;
color: #000;
padding:5px 0;}
.golfDialog .golfItemPreferences .teeTime-priceSummary{font: 11px MuseoSans, Arial, sans-serif;
color: #777777;
letter-spacing: 1px;
padding:5px 0 0;}
.golfDialog .golfItemPreferences .description{font: 11px MuseoSans, Arial, sans-serif;
color: #777777;
letter-spacing: 1px;
height:80px; overflow:auto;}
.golfDialog .golfItemPreferences .teeTime-price,.golfDialog .golfItemPreferences .teeTime-Players{display:none;}




.golfDialog .golfItemPreferences .players-Container .playerContainer
{
    margin:5px 20px;
    padding:5px 10px;
    background:#E9E9E9;
        text-align:left;
        font-weight:bold;
}


.golfDialog .golfItemPreferences .players-Container .playerContainer .playername-Container .playerNameLbl{display:none;}
.golfDialog .golfItemPreferences .players-Container .playerContainer .playername-Container input{width:100%;border:1px solid #D1D1D1;color:#555555; line-height:30px;height:30px;padding: 0;}


.golfDialog .golfItemPreferences .players-Container .playerContainer .prefs .cart-Container,
.golfDialog .golfItemPreferences .players-Container .playerContainer .prefs .clubs-Container,
.golfDialog .golfItemPreferences .players-Container .playerContainer .prefs .caddy-Container
{
    float:left;
    width:30%;
    padding:5px;
}
.golfDialog .golfItemPreferences .players-Container .playerContainer .prefs select{width:100%;border:1px solid #D1D1D1;color:#555555; line-height:24px;height:24px;padding:2px 5px;}
.golfDialog .golfItemPreferences .bookAction{padding:20px 0 25px;}
.golfDialog .golfItemPreferences .bookAction .textButton.golfAdvancedBookItem
    {
        width: 150px;
        border-radius:0;
        vertical-align: middle;
        padding: 15px 30px;
        color: #fff;
        border:0;
        background: #87BA45;
        
        font: 11px/11px Museo Sans, Arial, sans-serif;
        text-transform: uppercase;
        letter-spacing: 1px;
        padding: 15px 30px;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }
.golfDialog .golfItemPreferences .bookAction .textButton.golfAdvancedBookItem:hover
    {
        background: #75A635;
        width: 150px;
        border-radius:0;
        -webkit-transition: all 0.5s ease-in-out;
        -moz-transition: all 0.5s ease-in-out;
        -ms-transition: all 0.5s ease-in-out;
        -o-transition: all 0.5s ease-in-out;
        transition: all 0.5s ease-in-out;
    }


.golfDialog .golfItemPreferences .jscarousal{width:100%;background:#fff;border:0;height:65px;padding:0;}
.golfDialog .golfItemPreferences .jscarousal .gallery{width:350px;height:65px;}
.golfDialog .golfItemPreferences .jscarousal .jscarousal-left,
.golfDialog .golfItemPreferences .jscarousal .jscarousal-right{background-color:#fff;border:0;border-radius:5px;top:0;background-position: center center;width:20px;height:65px;}
.golfDialog .golfItemPreferences .jscarousal .gallery .thumbnail-inactive,
.golfDialog .golfItemPreferences .jscarousal .gallery .thumbnail-active{margin:0 2px;height:65px; overflow:hidden;}
.golfDialog .golfItemPreferences .jscarousal .gallery img{width:65px;border:0;}



/* end more info dialog */


/* end availability */

/* begin calendar */

/*Calendar UI*/

/*overwrites jquery*/
    #golfCalendar .ui-state-hover, #golfCalendar .ui-widget-content .ui-state-hover, #golfCalendar .ui-widget-header .ui-state-hover, #golfCalendar .ui-state-focus, #golfCalendar .ui-widget-content #golfCalendar .ui-state-focus, #golfCalendar .ui-widget-header .ui-state-focus { background: none; border:0;}

/*MONTH*/
#golfCalendar .ui-widget-header{background:#fff;border:0;font: 14px museo_sans_500regular, Arial, sans-serif;
color: #000; padding:0 0 18px 0;}

/*WEEK ROW*/
        #golfCalendar .ui-datepicker-calendar thead tr{
        border:1px solid #e4e4e4;
        border-left:0;
        border-right:0;
        font: bold 10px Arial, "Helvetica Neue", Helvetica, sans-serif;
        color: #5a5a5a;
    }
    /*WEEK CELL*/
    #golfCalendar .ui-datepicker-calendar thead th{padding:7px 0;}
    /*MAIN WRAP OVERWRITES CALENDAR WRAP jquery*/
    #golfCalendar .ui-datepicker-inline{border:0;}
    /*month wrap*/
    #golfCalendar .ui-datepicker-group {padding:0 25px; border: none;
margin-top: 20px; max-width:160px;}
    #golfCalendar .ui-datepicker-group-last { border-right:0;}
    /*default link style*/
    #golfCalendar .ui-state-default{background:#fff;border:0; font: 12px Arial, sans-serif; text-decoration:none;}
    /* calendar states */
    /*calendar states */
    #golfCalendar .unavailable a, #golfCalendar .unavailable a:hover{
color: #555;
border: 1px solid #ff4242;
border-radius: 2px;}

    #golfCalendar .available a, #golfCalendar .available a:hover{color: #555;
border: 1px solid #d3d3d3;
border-radius: 2px;}

#golfCalendar .available .ui-state-highlight, #golfCalendar .available .ui-state-highlight:hover {
border:2px solid #ff9900;
border-radius:0;    
}

#golfCalendar .ui-widget-header .ui-icon{    background-color: rgba(0, 0, 0, 0);
    background-image: url("images/sms/sms_iconSprite_v3.png");
    background-repeat: no-repeat;}

    #golfCalendar .selected a,
    #golfCalendar .selected.arrival a,
    #golfCalendar .selected.departure a,
    #golfCalendar .selected.available a{
        /*border-style*/
        border:none; /*removes border style from global - may have to do 1px solid here*/
        /*font/Standard Styles*/
        color: #fff;
        background: #4d4d4d; /* Old browsers */
        border-radius:0;
        
    }
    /*DONT NEED
    #golfCalendar .arrival a,
    #golfCalendar .departure a{color:#000000;}
    */
    
    /*overwrites spaSoft_mobile*/
    #pageslide .actions .slideClose {
    position:relative;
    top:auto;
    right: auto;    
    }

/*FIX Calendar jumping*/
    #golfCalendar .ui-datepicker-inline {width: auto !important;}

#resRoot table.ui-datepicker-calendar tbody tr td a {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: transparent !important;
}
    
    
    #golfCalendar .unavailable-past a,
    #golfCalendar .unavailable-past a:hover {
        /*color: #bbb !important;*/
        cursor: default;
        text-decoration: none;
    }
    
    #golfCalendar .today a {
    color:#000;
    border:1px solid #ff9900;   
    }
    #golfCalendar .ui-state-hover{}
    
    /*ADD THIS CLASS*/
    #golfCalendar .limited.available a{
        /*border-style*/
        border:1px solid #d3d3d3; 
        border-radius:2px;
        color: #999;
        background: #f6f6f6;
        
    }
    
    /*NEXT + PREV ICONS*/
    
    #golfCalendar .ui-datepicker .ui-datepicker-prev-hover, #golfCalendar .ui-datepicker .ui-datepicker-next-hover { top: 2px; }
#golfCalendar .ui-datepicker .ui-datepicker-prev { left:2px; }
#golfCalendar .ui-datepicker .ui-datepicker-next { right:2px; }
#golfCalendar .ui-datepicker .ui-datepicker-prev-hover { left:2px; }
#golfCalendar .ui-datepicker .ui-datepicker-next-hover { right:2px; }
    /*#golfCalendar .ui-state-hover .ui-icon {background:none;}*/
    #golfCalendar .ui-widget-header .ui-icon{width:29px; height:29px;}
    #golfCalendar .ui-datepicker-prev .ui-icon{background-position:-119px -188px;margin-top:-15px;}
    #golfCalendar .ui-datepicker-next .ui-icon{background-position:-189px -188px;margin-top:-15px;}
    #golfCalendar .ui-datepicker .ui-datepicker-title{line-height: 30px;font-weight: normal;}
    #golfCalendar .ui-datepicker th {font-weight: normal;} /*overwrites jquery ui*/
    
    #golfCalendar .ui-datepicker .ui-datepicker-prev span, #golfCalendar .ui-datepicker .ui-datepicker-next span {/*margin-top: -10px;*/}
    

    /*legend*/
    .legend {clear:both;margin-left: 26.373171%;margin-top: 40px;}
.lgndItemToday .lgndColor {border:2px solid #ff9900;}
.lgndItemYSD .lgndColor {color: #fff; background: #4d4d4d; border-radius:0;}
.lgndItemAvail .lgndColor {border: 1px solid #d3d3d3; border-radius: 2px; }
.lgndItemLimAvail .lgndColor {border:1px solid #d3d3d3; border-radius:2px; color: #999; background: #f6f6f6; }
.lgndItemNoAvail .lgndColor  {color: #555; border: 1px solid #ff4242; border-radius: 2px; }
    

    
    
    
    .lgndItem {display:inline-block; margin-right:15px;}
    .lgndColor, .lgndText {display:inline-block;}
    .lgndColor {margin-right:10px; padding:4px 5px;}
    .lgndText {font:10px/14px Arial, "Helvetica Neue", Helvetica, sans-serif !important;}
    .lgndItem.lgndItemNoAvail {margin:0;}
    
/*end calendar */


/* begin tree style  */
.RadTreeView_Default.RTV_ActivityTypes{height:auto !important;overflor:visible !important;}
.RCB_ActivityTypes.RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInput{color:#777777;}
.RadTreeView.RadTreeView_Default.RTV_ActivityTypes .rtIn.activityTreeHeading{
text-transform: uppercase;
font: 10px/24px bold Arial, sans-serif;
color: #777777;
}
.RadTreeView.RadTreeView_Default.RTV_ActivityTypes .rtIn.activityTreeItem{
font: 12px/24px Arial, sans-serif;
text-indent: 15px;
color: #777777;
}
/* end tree style  */
/* htnggolf error box */
#htngGolfErrorBox {
    color: #FF0A00;
}
#htngGolfErrorBox {
    border: 1px solid #FFB2AF;
    margin-top: 20px;
    padding: 30px;
    position: relative;
    font: 11px/1.6em museo_sans_500regular,arial,sans-serif;
}
#htngGolfErrorBox .htngGolfErrLbl {
    font: bold 14px Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#htngGolfErrorBox .htngGolfErrDtl {
    font: 12px Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#htngGolfErrorBox .closeElement 
{
    background:#ffffff url('images/sms/sms_iconSprite_v3.png') no-repeat right top;
    background-position: -48px -188px;
    height: 16px;
    opacity: 0.7;
    position: absolute;
    right: 20px;
    text-indent: -9999px;
    top: 12px;
    width: 16px;
}


/* active itinerary */

#htngGolfRoot #myItineraryContainer {
     padding: 10px 0;
    text-align:right;
}

#htngGolfRoot #myItineraryBtn {
    background-color: #FF4242;
    background-position: -568px -340px;
    border: 0 none;
    border-radius: 0;
    float: right;
    height: 20px;
    margin-right: 2px;
    padding-left: 20px;
    width: auto !important;
}

#htngGolfRoot #myItineraryBtn span {
    display: none;
}
#htngGolfRoot .textbutton, .dialogupdate .textbutton, #htngGolfRoot #resGuestInfoMain .textButton {
    background: none repeat scroll 0 0 #87BA45;
    border: 0 none;
    border-radius: 0 0 0 0;
    color: #FFFFFF;
    font: 11px/11px museo_sans_500regular,arial,sans-serif;
    padding: 15px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
}
#htngGolfRoot #myItineraryHead.modTitle {
    font: 18px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 20px 0 40px;
}
#resItinerary {
    border: 1px solid #BEBEBE;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    margin: 35px 0 0;
    padding: 50px 40px 30px;
}
#resItItems {
    color: #777777;
    float: left;
    font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
    width: 55.6452%;
}
#resItItems .itineraryitemparent {
    padding: 0 100px 0 0;
}

#resItPricing {
    background: none repeat scroll 0 0 #F6F6F6;
    float: left;
    width: 43.5483%;
}
#resItinerary .itineraryitem.title {
    color: #444444;
    font: 16px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0 0 10px;
}
#resItinerary .itineraryitem.desc {
    color: #444444;
    font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0 0 10px;
}
#resItinerary .itineraryitemedit, #resItinerary .itineraryitemcancel {
    float: right;
}
#resItinerary .itineraryitemedit a {
    color: #87BA45;
    font: 10px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0 20px 0 0;
    text-transform: uppercase;
}

#resItinerary .itineraryitemcancel a 
{
    background:#ffffff url('images/sms/sms_iconSprite_v3.png') no-repeat right top;
    background-position: -48px -188px;
    height: 16px;
    opacity: 0.7;
    right: 35px;
    text-indent: -9999px;
    top: 12px;
    width: 16px;
    padding:8px;
}
#resItinerary .itineraryitemcancel a span {
    display: none;
    position: absolute;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing {
    border-bottom: 1px solid #DDDDDD;
    margin: 0;
    padding: 7px 0;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing label {
    color: #777777;
    display: inline-block;
    font-size: 12px;
    padding: 0 0 0 12px;
    width: 46%;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing span {
    color: #777777;
    display: inline-block;
    font-size: 12px;
    padding: 0 12px 0 0;
    text-align: right;
    width: 46%;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing.total label {
    color: #333333;
    font: bold 10px arial;
    text-transform: uppercase;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing.depositDue span {
    color: #333333;
    font: 24px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#resItinerary .resItBook {
    float: right;
    margin: 0;
}



/* end active itinerary */
/*confirm form*/

/*Confirm Step*/
    #htngGolfRoot #resGuestStayMain {
    padding-top:40px;
    border-top:1p solid #ddd;
    }
    #htngGolfRoot #resPriceTitle {
    padding: 0 0 40px;
    }
        
    
    #htngGolfRoot #resPriceTitle #resPriceTitleLbl,
    #htngGolfRoot #resGuestInfoTitle #resGuestInfoTitleLbl {
    font: 24px museo_sans_500regular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    text-transform:uppercase;    
    }
    
    #htngGolfRoot #resStayDescMain {
    width:55.645161%;float:left; font:12px/1.6em Arial, "Helvetica Neue", Helvetica, sans-serif; color:#777;
    }
    
    #htngGolfRoot #resStayDesc {
    color:#444444;
    font:16px museo_sans_500regular, Arial, "Helvetica Neue", Helvetica, sans-serif;
    }
    
    #htngGolfRoot #resStayPriceMain {
    width: 43.5483387%;
    float:left;
    }
    
    #htngGolfRoot #resPriceBreakDown {
    background:#fff;
    text-align:left;    
    }
    
    #htngGolfRoot #resBreakDownLink {
text-transform: uppercase;
letter-spacing: 0.05em;
    }
    
    #htngGolfRoot .pricingInfoTxt, .pricingInfoValue {
    background:#f4f4f4;
    border-bottom:1px solid #ddd;
    font:12px/26px Arial, "Helvetica Neue", Helvetica, sans-serif;
    color:#777; 
    width:50%;
    padding:5px 0;
    }
    
    #htngGolfRoot .pricingInfoTxt {
    float:left;
    text-align:left;
    }
    
    #htngGolfRoot .pricingInfoValue {

    float:right;
    text-align:right;   
    }
    
    #htngGolfRoot #resRoot div#totalTxt {
    font: 10px arial;
    color: #333333;
    text-transform: uppercase;
    font-weight: bold;
    padding:18px 0 5px;
    }
    
    #htngGolfRoot #resRoot div#totalAmt {
        font: 24px/43px museo_sans_500regular, Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #333;}
    
    #htngGolfRoot #resGuestInfoMain {
    padding-top:40px;
    border-top:1px solid #ddd;  
    }

#htngGolfRoot #resStayDescMain .itineraryitemparent {
margin-bottom:20px; 
}
    
#htngGolfRoot #resStayDescMain .itineraryitemparent .title {
color: #444444;
font-size: 16px;
}

#htngGolfRoot #resStayPriceMain .itineraryItemPricing {
background:#f6f6f6;
margin-left:100px;  
}

#htngGolfRoot .itineraryItemPricing .itineraryitem {
border-bottom:1px solid #ddd;
clear:both; /*clears label and span*/   
font:12px/26px Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#777;
}

#htngGolfRoot .itineraryItemPricing .itineraryitem label {
float:left;
padding-left:2%;
width:46%;
text-align:left;    
}

#htngGolfRoot .itineraryItemPricing .itineraryitem span {
float:right;
padding-right:2%;
width:46%;
text-align:right;   
}

#htngGolfRoot .itineraryItemPricing .itineraryitem.total label {
font:bold 10px/26px Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#333;
text-transform:uppercase;
margin-top:13px;    
}

#htngGolfRoot .itineraryItemPricing .itineraryitem.total span {
color: #777777;
display: inline-block;
font-size: 12px;
padding: 0 12px 0 0;
text-align: right;
width: 46%;
}

/*end confirm details */

#htngGolfRoot #resGuestInfoTitle {
float:left; 
}

#htngGolfRoot #resSaveForLater {
float:right;
font:12px Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#777;
}

#htngGolfRoot #resGuestInfo {
padding-top:30px;   
}


#htngGolfRoot .resGuestData,
/*css class not added to the following fields*/
#htngGolfRoot  #resGuestPrefix, #htngGolfRoot #resGuestFName, #htngGolfRoot #resGuestCCMonth  {
float:left;
margin-right:25px;
margin-bottom:15px; 
}

#htngGolfRoot .resGuestLbl,
.rcbLabel.resGuestPrefixLbl{
display:block;
text-transform:uppercase;
font:bold 10px/20px Arial, "Helvetica Neue", Helvetica, sans-serif;
color:#555;
}

#htngGolfRoot .resGuestData input, #htngGolfRoot .resGuestData select,
/*css class not added to the following fields*/
 #htngGolfRoot #resGuestPrefix input, #htngGolfRoot #resGuestFName input,
 #htngGolfRoot #resGuestPrefix select, #htngGolfRoot #resGuestFName select
 {
    border:1px solid #c0c0c0;
    -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .15);
        box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .15);
        line-height:35px;
        height:40px;
}

/*.resGuestInfoRow, .resGuestPayRow, .resGuestBookRow {
margin-bottom:15px; 
}*/

#htngGolfRoot .resGuestShortFld {
width:65px; 
}

#htngGolfRoot .resGuestMediumFld {
width:185px;    
}

#htngGolfRoot .resGuestLongFld,
/*class not added to the input*/
#htngGolfRoot #resGuestPayName input,
#htngGolfRoot #resGuestPayCCNum input {
width:230px;    
}

#htngGolfRoot #resGuestFirstNameTxt {   
width:139px;
}

#htngGolfRoot #resGuestBookColumns {
margin:15px 0;  
}

#htngGolfRoot #resGuestCCTypesSpan {
width:197px;
height:24px;
display:block;
background-position:-48px -349px;   
}

#htngGolfRoot #resGuestCCMonth select, #htngGolfRoot #resGuestCCYear select {
border: 1px solid #c0c0c0;
-webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .15);
box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .15);
width: 230px;
padding: 10px 10px 9px;
margin-top: 1px;
}

/*lines these up based on HTML*/
#htngGolfRoot #resGuestCCYear select {
margin-top:20px;    
}

#htngGolfRoot #resGuestBook {
/*float:left;*/
margin-top:15px;
}

#htngGolfRoot #resGuestBookColumns1, #htngGolfRoot #resGuestBookColumns2 {
float:left; 
}

#htngGolfRoot #resGuestBookColumns2 {
padding-top:35px;   
}

#htngGolfRoot #resGuestBookOptChk {
float:left;
margin-left:30px;   
}

#htngGolfRoot #resGuestAgreeChk, #resGuestOptInChk {
float:left;
}

#htngGolfRoot #resGuestAgree, #resGuestOptIn {
float:left;
margin-left:10px;
}

    
    /* pmt guarantee */
    #htngGolfRoot #pmtGuaranteeWrap{padding:20px;}
    
   #htngGolfRoot .cardField {
        border: 1px solid #CCCCCC;
        margin: 0 20px 10px;
        padding: 4px 10px;
    }
    #htngGolfRoot .cardField label{
        color:#aaa;
        font-size:10px;
        width:90px;
        display:inline-block;
    }
    #htngGolfRoot .cardField input{
        color:#6a6a6a;
        border:0;
        font-size:10px;
    }
    #htngGolfRoot #cardNumber.cardField input,
    #htngGolfRoot #cardName.cardField input{width:300px;}
    #htngGolfRoot .UnsecureMessageWrap{text-align:center;}
    #htngGolfRoot .UnsecureMessage{color: #FF3F37;}

 
/*confirm form - login*/

#resGuestLoginMain {
    padding: 40px 0;
border-top: 1px solid #ddd;
}
#htngGolfRoot #resGuestBookBtn.textbutton{margin:0;padding:15px 30px 0; width:150px;}
#htngGolfRoot #resGuestBookCol1{float:left;width:250px;}
#htngGolfRoot  #resGuestBookCol2{float:left;width:400px;padding:50px 0 0 0;}
#htngprofile {
    height: 950px !important;
    width: 650px !important;
}
.axisDialogBox.htngDialogBox .dialogFrameTable {
    background: none repeat scroll 0 0 #FFFFFF;
    height: 950px;
    width: 650px;
}
#resRoot #myItineraryHead.modTitle {
    font: 24px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 20px 0 40px;
}
#resItinerary {
    border: 1px solid #BEBEBE;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    margin: 35px 0 0;
    padding: 50px 40px 30px;
}
#resItItems {
    color: #777777;
    float: left;
    font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
    width: 55.6452%;
}
#resItItems .itineraryitemparent, #resStayDescMain .itineraryitemparent {
    padding: 0 100px 0 0;
}
#resItPricing {
    background: none repeat scroll 0 0 #F6F6F6;
    float: left;
    width: 43.5483%;
}
#resStayPriceMain {
    background: none repeat scroll 0 0 #F6F6F6;
}
#resItinerary .itineraryitem.title, #resStayDescMain .itineraryitem.title {
    color: #444444;
    font: 16px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0 0 10px;
}
#resItinerary .itineraryitem.desc, #resStayDescMain .itineraryitem.desc {
    color: #444444;
    font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0 0 10px;
}
#resItinerary .itineraryitemedit, #resItinerary .itineraryitemcancel {
    float: right;
}
#resItinerary .itineraryitemedit a {
    color: #87BA45;
    font: 10px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 0 10px 0 0;
    text-transform: uppercase;
}
#resItinerary .itineraryitemcancel a {
    background-position: -321px -191px;
    padding: 0 13px 0 0;
}
#resItinerary .itineraryitemcancel a span {
    display: none;
}
.itineraryItemPricing .itineraryitem.pricing {
    border-bottom: 1px solid #DDDDDD;
    margin: 0;
    padding: 7px 0;
}
.itineraryItemPricing .itineraryitem.pricing label {
    color: #777777;
    display: inline-block;
    font-size: 12px;
    padding: 0 0 0 12px;
    width: 46%;
}
.itineraryItemPricing .itineraryitem.pricing span {
    color: #777777;
    display: inline-block;
    font-size: 12px;
    padding: 0 12px 0 0;
    text-align: right;
    width: 46%;
}
.itineraryItemPricing .itineraryitem.pricing.total label {
    color: #333333;
    font: bold 10px arial;
    text-transform: uppercase;
}
.itineraryItemPricing .itineraryitem.pricing.depositDue span {
    color: #333333;
    font: 24px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#resItinerary .resItBook {
    float: right;
    margin: 0;
}
#resGuestStayMain {
    padding-top: 40px;
}
#resPriceTitle {
    padding: 0 0 40px;
}
#resPriceTitle #resPriceTitleLbl, #resGuestInfoTitle #resGuestInfoTitleLbl {
    font: 24px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-transform: uppercase;
}
#resStayDescMain {
    color: #777777;
    float: left;
    font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
    width: 55.6452%;
}
#resStayDesc {
    color: #444444;
    font: 16px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#resStayPriceMain {
    float: left;
    width: 43.5483%;
}
#resPriceBreakDown {
    background: none repeat scroll 0 0 #FFFFFF;
    text-align: left;
}
#resBreakDownLink {
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.pricingInfoTxt, .pricingInfoValue {
    background: none repeat scroll 0 0 #F4F4F4;
    border-bottom: 1px solid #DDDDDD;
    color: #777777;
    font: 12px/26px Arial,"Helvetica Neue",Helvetica,sans-serif;
    padding: 5px 0;
    width: 50%;
}
.pricingInfoTxt {
    float: left;
    text-align: left;
}
.pricingInfoValue {
    float: right;
    text-align: right;
}
#resRoot div#totalTxt {
    color: #333333;
    font: bold 10px arial;
    padding: 18px 0 5px;
    text-transform: uppercase;
}
#resRoot div#totalAmt {
    color: #333333;
    font: 24px/43px museo_sans_500regular,Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#resGuestInfoMain {
    border-top: 1px solid #DDDDDD;
    padding-top: 40px;
}
@media only screen and (max-width: 700px) {
#resItItems, #resStayDescMain {
    color: #777777;
    float: none;
    font: 12px/1.6em Arial,"Helvetica Neue",Helvetica,sans-serif;
    width: 100%;
}
#resItItems .itineraryitemparent, #resStayDescMain .itineraryitemparent {
    padding: 0;
}
#resItPricing, #resStayPriceMain {
    float: none;
    width: 100%;
}
#resStayPriceMain {
    margin-top: 3em;
}
#resItinerary .itineraryItemPricing .itineraryitem.pricing span, #resGuestMain .itineraryItemPricing .itineraryitem.pricing span {
    width: 44%;
}
#resItinerary .resItBook {
    float: none;
    margin: 0;
    text-align: right;
}
#resRoot .rateSummary .roomDtls .desc {
    color: #555555;
    font: 12px Arial,"Helvetica Neue",Helvetica,sans-serif;
    max-width: 330px;
    padding: 5px 45px;
}
#resRoot .advView .rateSummary .roomDtls .desc {
    height: auto;
}
#resRoot .simpleView .rateSummary .roomDtls .desc {
    max-height: 50px;
    overflow: hidden;
}
#resRoot li.rateFiltFalse {
    display: none;
}
#planStayIntroCopy {
    display: none;
}
#planStayIntroHeading {
    text-align: center;
}
#gssLodgingSettingsMenu {
    float: none;
    margin: 0 auto;
    text-align: center;
}
#resRoot div#resPropertiesDiv {
    display: table;
    float: none;
    margin: 0 auto;
    text-align: center;
}
}
#resGuestInfoTitle {
    float: left;
    width: 100%;
}
#resSaveForLater {
    color: #777777;
    float: right;
    font: 12px Arial,"Helvetica Neue",Helvetica,sans-serif;
}
#resGuestInfo {
    padding-top: 30px;
}
.resGuestData {
    float: left;
    margin-right: 25px;
}
.resGuestLbl {
    color: #555555;
    display: block;
    font: bold 10px Arial,"Helvetica Neue",Helvetica,sans-serif;
    text-transform: uppercase;
}
.resGuestData input, .resGuestData select {
    border: 1px solid #C0C0C0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15) inset;
    line-height: 35px;
}
.resGuestInfoRow, .resGuestPayRow, .resGuestBookRow {
    margin-bottom: 15px;
}
.resGuestShortFld {
    width: 65px;
}
.resGuestMediumFld {
    width: 185px;
}
.resGuestLongFld {
    width: 230px;
}
#resGuestFirstNameTxt {
    width: 139px;
}
#resGuestCCTypesSpan {
    display: block;
    height: 24px;
    width: 197px;
}
#resGuestBook {
    float: none;
}
#resGuestBookOptChk {
    float: left;
    margin-left: 30px;
}
#resGuestAgreeChk, #resGuestOptInChk {
    float: left;
}
#resGuestAgree, #resGuestOptIn {
    float: left;
    margin-left: 10px;
}
#pmtGuaranteeWrap {
    padding: 20px;
}
.cardField {
    border: 1px solid #CCCCCC;
    margin: 0 20px 10px;
    padding: 4px 10px;
}
.cardField label {
    color: #AAAAAA;
    display: inline-block;
    font-size: 10px;
    width: 90px;
}
.cardField input {
    border: 0 none;
    color: #6A6A6A;
    font-size: 10px;
}
#cardNumber.cardField input, #cardName.cardField input {
    width: 300px;
}
.UnsecureMessageWrap {
    text-align: center;
}
.UnsecureMessage {
    color: #FF3F37;
}

/* end checkout */




/* loading Icon  */
#loadingBoxModalOverlay
{
    background: url("images/dialogBackground.html") repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
#loadingBox{box-shadow:0 0 0 rgba(0, 0, 0, 0.35);}
.axisDialogBox .dialogContentLoader.resortResDialogContentLoader {
    background:none;
    background-color:inherit;
    background-image:none;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    text-indent: 70px;
    top: 0;
    z-index: 999999;
}
.axisDialogBox .dialogContentLoaderImg.resortResDialogContentLoaderImg {
    background: url("images/sms/GearPreloader_3.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 30px;
    left: 50%;
    margin-left: -22px;
    margin-top: -6px;
    padding: 18px 0 0;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 300px;
}
.axisDialogBox .dialogContentLoaderImg.resortResDialogContentLoaderImg .loadMessage
{
    color: #87BA45;
    font: bold 12px/24px Arial,"Helvetica Neue",Helvetica,sans-serif;
} 

/* end loading */

/* ############################ End HtngGssReservations Golf V2 ########################### */


/* -- fixes input settings on create acc't checkbox > input & terms & conditions input -- */
    #resGuestMain input#resSaveChkBox,
    #resGuestMain input#resGuestAgreeChk {
        line-height:20px;
        height:20px;
        background-image:none !important;
        -webkit-box-shadow: none;
        box-shadow: none;
        line-height:15px;
        height: 15px;
        border:0px;
        padding: 0px;}
            
    #resGuestMain .RadComboBox_Default .rcbInputCell    {
        background:none;}
        
    #resGuestMain .RadComboBox table td.rcbInputCell {
    padding:0px;
}

    #resGuestMain input {
        box-shadow: none;
        background-image:none !important;
        -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .15);
        box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, .15);
        line-height: 40px;
        height: 40px;
        border:1px solid #c0c0c0;
        padding: 0px 5px 0 5px;}
        
    #resGuestMain input#resGuestCVV2Txt {
        padding: 0px 0px;}
        
        .RadComboBox_Default .rcbArrowCell {
            background: url(sites/images/globalImages/arrows2014.png) right 50% no-repeat !important;
        }
        
    #htngGolfRoot .resGuestData #resGuestCVV2 {
        clear:left;
    }
    
    #resGuestCCYear {
        padding-top:20px;
    }
    
    #resGuestPrefix,
    #resGuestPrefix table {
        width:67px !important;}
        
.bookGroupIndicator {display:none;} /* hide group indicator in mobile tee times booking window -jschmidt 9/14/2015 */
        
