.RadComboBox.RadComboBox_Default .rcbReadOnly .rcbInputCellLeft,
.RadComboBox.RadComboBox_Default .rcbFocused .rcbReadOnly .rcbInputCellLeft
{
	background-position: 0 -44px;
}
#grayOutDiv
{
    filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=30); 

    position: absolute; 

    top: 0px; 

    left: 0px; 

    overflow: hidden; 

    display: none; 

    -moz-opacity: 0.3; 

    opacity: 0.3; 

    z-index: 95000; 

    background-color: #000;
}


textarea 
{
    resize: none;
}

h3
{
	margin: 0;
	padding: 0;
}
BODY, .page 
{ 
	background-color:#fff;
	border:0;
	margin:0;	
	padding: 0; 
	FONT-SIZE: 12px;
	FONT-FAMILY: 'Segoe UI', Arial, Sans-Serif;
	color: black; 
}  

table
{
	FONT-SIZE: 12px;
	FONT-FAMILY: 'Segoe UI', Arial, Sans-Serif;
	color: black;	
	border-collapse: collapse; 
	text-align: left; 
} 

table a
{
	color: #27413e;
	font: bold 12px 'Segoe UI', Arial, Sans-Serif;
	text-decoration: none;
} 

.RosterRowOn, 
.RosterRowOn td, 
.RosterRowOff, 
.RosterRowOff td,  
.grdline, 
.grdline td, 
.grdlinealt, 
.grdlinealt td  
{
	background: white; 
	border: solid 1px #E4E4E4;
	padding-left: 4px;
}

.DivBox_Wrapper
{
}

.DivBox_Header
{
}

.RosterLetterOff,
.RosterLetterOn, 
.grdheader, 
th
{
	font: bold 12px 'Segoe UI', Arial, Sans-Serif;
	background: #E4E4E4 url('images/TelerikFusionBG.gif') repeat-x;
	padding: 0 3px;  
	height: 25px;
	max-height:25px;
	color: #27413e; 
}

.rgCommandTable th, .rcTitlebar th, .rcWeek > th {
    height: inherit;
}

a
{
	FONT-SIZE: 12px;
	FONT-FAMILY: 'Segoe UI', Arial, Sans-Serif;
	color: black;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
} 

input, textarea, select 
{
	FONT-SIZE: 12px;
	FONT-FAMILY: 'Segoe UI', Arial, Sans-Serif;
	color: black;
	padding-left:1px;
	border: 1px solid #888;
	background-color: #fafafa;
	border-radius: 2px;
	-moz-border-radius: 2px;
}  

input.button, .abut, .but
{
	border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #888;
	margin: 0 2px; 
	FONT-FAMILY: 'Segoe UI', Arial, Sans-Serif; 
	BACKGROUND-image: url(images/TelerikFusionBG.gif);
	color: #000; 
	font-size: 12px; 
	background-color: Transparent;
	TEXT-ALIGN: center;  
	padding: 0 5px;
}

input.button:hover, .abut:hover, .but:hover, input.button:focus, .abut:focus, .but:focus, input:hover, textarea:hover, select:hover
{
	border: 1px solid #000;	 
}

input:focus, textarea:focus, select:focus
{
	border: 1px solid #000;	 
	background-color: white;
}

input.radio, input[type="radio"], input[type="checkbox"], input.checkbox {
    border: none;
    background-color: white;
}


.smallerfont 
{
	font-size: 9px;
	font-style:italic;
}

.tabStripWrapper {
    background-color: #EAEAEA;
    padding: 5px 0 0 5px;
}
 
.multiPageWrapper {
    border-top: 1px solid #828282;
    margin-top: -1px; 
}
#datepicker  
{  
}

#datepicker .page
{
	background-color:#F2F2F2;
} 

.plgHeaderBar
{
	font-size: 11px;
	background: #D5DDEA;
	padding: 2px;
} 

.plgCalendarHeader
{
	font-size: 9px;
	background-color: #fff; 
	font-weight: bold;  
}

.plgHeaderBarAction a, .plgHeaderBar a
{
	color: #27413e;
	font: bold 10px 'Segoe UI', Arial, Sans-Serif;
	text-decoration: none;
	cursor: pointer;
}

 
.plgCalendarWeekday, .plgCalendarDayOn
{
	font-size: 9px;
	background-color: #fff; 
	color: #000000;
	font-weight: bold;
	text-decoration: none; 
	padding: 2px;
}

.tNavTabOFF
{
 	 
}

.tNavBorder
{
	background-color: #888;
}

/* 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 */


/**** toolbar ****/
.dialogToolbarPad {
    display: block;
    height: 3em;
    margin: 8px 0 0;
}
.dialogToolbar 
{
    border: 1px solid #888888;
    border-style: solid none none;
    bottom: 0;
    height: 3em;
    left: 0;
    margin: 8px 0 0;
    padding: 0;
    position: fixed;
    width: 100%;
    float: left;
    background: url("images/toolbarBg.gif") repeat-x scroll 0 0 #EAEAEA;
    z-index: 10000;
    -webkit-transform: translate3d(0, 0, 0);
} 

.dialogToolbar .dialogToolbarMessage
{
    color: red;
    display: inline-block;
    font-weight: bold;
    margin: 10px;
}

.dialogToolbar ul 
{
    float: right;
    height: 3em;
    list-style: none outside none;
    margin: 0;
    padding: 2px 0;
}

.dialogToolbar ul li 
{
    float: left;
    margin: 0;
	list-style: none;    
}

.dialogToolbar ul li a
{
    color: #2A2A26;
    display: block;
    font-size: 11px;
    font-weight: 700;
    padding: 8px 14px;
    cursor: pointer;
}

.dialogToolbar ul li a:hover
{
    background-color: #e1e1e1;
    text-decoration: none;
} 

.dialogToolbar ul li.rightBar a 
{  
    border-right: 1px solid #888888;
}

.dialogToolbar .toolbarSave a
{
    padding: 8px 14px 8px 33px;
    background: url("images/icons.gif") no-repeat scroll 0 -557px transparent; 
}

.dialogToolbar .toolbarClose a
{
    padding: 8px 14px 8px 33px;
    background: url("images/icons.gif") no-repeat scroll 0 -188px transparent;
}

.dialogToolbar .toolbarSaveAndExit a
{
    padding: 8px 14px 8px 33px;
	background: url("images/icons.gif") no-repeat scroll -2px -626px transparent;
}

.dialogToolbar .toolbarDone a
{
    padding: 8px 14px 8px 33px;
    background: url("images/icons.gif") no-repeat scroll -4px -978px transparent;
} 
.dialogToolbar .toolbarSaveAsNew a 
{
    padding: 8px 14px 8px 33px;
    background: url("images/icons.gif") no-repeat scroll 0 -906px transparent;
}
/** end toolbar **/














/* ############################### FAQ ############################### */
.faq {
	padding: 5px !important;
}
.faq h1 {
	font-size: 125%;
	margin: 3px 0 !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 { 
    background: url("images/dialogBackground.png") repeat scroll 0% 0% transparent;
    height: 100%;
    left: 0;
    overflow: auto; 
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 95000;
    zoom: 1;
} 
.modalDialogOverlay .modalSpacerBox {
    display: block;
    height: 20px !important;
}
.axisDialogBox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99999; 
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background: #ffffff; 
}
.axisDialogBox .dialogFrameTable { 
    height: 100% !important;
    width: 100% !important; 
    padding: 0 4px 4px !important;
    background-color: #eeeeee;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#FFFFFF');
    background-image: -ms-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%);
    background-image: -moz-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%);
    background-image: -o-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #EEEEEE), color-stop(1, #FFFFFF));
    background-image: -webkit-linear-gradient(top, #EEEEEE 0%, #FFFFFF 100%);
    background-image: linear-gradient(to bottom, #EEEEEE 0%, #FFFFFF 100%);
border-collapse: separate !important;
} 

.axisDialogBox.ui-resizable.ui-resizable-disabled.ui-state-disabled {
    opacity: 1;
}
.axisDialogBox.isIEQuirks {
    border: 1px solid #ccc;
}
.axisDialogBox.isIE .dialogFrameTable {
    padding-left: 0;
    padding-right: 0;
}
.axisDialogBox .dialogFrameTable.noTitlebar {
    padding: 4px !important;
}  
.axisDialogBox .dialogTitleRow .dialogIcon img {
    height: 12px;
    width: 12px;
}
.axisDialogBox .dialogTitleBar span {
    color: #111111;
    cursor: default;
    display: block;
    font-size: 11px;
    font-weight: bold;
    font-family: Tahoma;
    letter-spacing: 0;  
    padding: 1px 0 0;
    text-shadow: 0 1px #FFFFFF; 
    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.ui-draggable .dialogTitleBar {
    cursor: move;
    width: 100%;
}
.axisDialogBox.ui-draggable .dialogTitleBar span {
    cursor: move;
}
.axisDialogBox.ui-draggable-disabled .dialogTitleBar, .axisDialogBox.ui-draggable-disabled .dialogTitleBar span {
    cursor: default;
}
.axisDialogBox.ui-draggable-disabled {
    opacity: 1;
}
.axisDialogBox .dialogActions {
    white-space: nowrap;
}
.axisDialogBox .dialogActions ul {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
    float: right;
}
.axisDialogBox .dialogActions ul li {
    margin: 0 !important;
    padding: 0 !important; 
    float: left;
}
.axisDialogBox .dialogActions ul li a {
    background-image: url("images/dialogButtons.gif");
    cursor: pointer;
    display: block;
    height: 16px;
    width: 23px;
}
.axisDialogBox .dialogActions ul li span {
    display: block;
    text-align: center;
    text-indent: -9999px;
}
.axisDialogBox .dialogActions ul li.close a { 
    background-position: -96px -2px; 
}
.axisDialogBox .dialogActions ul li.close a:hover { 
    background-position: -96px -23px;
}
.axisDialogBox .dialogActions ul li.maximize a { 
    background-position: -63px -2px; 
}
.axisDialogBox .dialogActions ul li.maximize a:hover { 
    background-position: -63px -23px;
}
.axisDialogBox .dialogActions ul li.maximized a, .axisDialogBox .dialogActions ul li.minimized a { 
    background-position: -32px -2px; 
}
.axisDialogBox .dialogActions ul li.maximized a:hover, .axisDialogBox .dialogActions ul li.minimized a:hover { 
    background-position: -32px -23px;
}
.axisDialogBox .dialogActions ul li.minimize a { 
    background-position: -4px 0px; 
}
.axisDialogBox .dialogActions ul li.minimize a:hover { 
    background-position: -4px -21px;
}

.axisDialogBox .dialogContentWrapper {
    padding: 2px;
    height: 100px;
    overflow: auto;
}
.axisDialogBox .dialogContentLoader {
    background-color: #eeeeee;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFF', endColorstr='#EEEEEE');
    background-image: -ms-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
    background-image: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
    background-image: -o-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #EEEEEE));
    background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #EEEEEE 100%);
    background-image: linear-gradient(to bottom, #FFFFFF 0%, #EEEEEE 100%);
    height: 100%;
    width: 100%;
    z-index: 999999;
}
.axisDialogBox.isIE .dialogContentLoader {
    height: 172px;
} 
.axisDialogBox .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:#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;
}
.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 ########################### */

/****************************
JNOLFI: 10/13/15: This fix addresses conflict with Bootstrap. On email member picker (send a test)
No CSS loads in iframe beyond globals and oddly enough fonts (other tab?).

******************/
.MemberPicker legend {border:0; margin:0;font-size:12px;line-height:normal;}
.MemberPicker fieldset {border:1px solid #eee;}

/* ############################ Begin HtngGssReservations golf ########################### */
/* edit user */
#GSSGolfContent{text-align:center;}
    #GssEditUser{width:350px;text-align:left;margin:0 auto;}
     #GssEditUser .field
     {
     	padding:5px 0;
     	vertical-align:middle;
     }
    #GssEditUser .field label
    {
    	display:block;
    	float:left;
    	padding:0 10px 0 0;
    	font: bold 12px Arial,Verdana,sans-serif;
    	width:100px;
    }
    #GssEditUser .field input
    {
    	float:left;
    	width:200px;    	
    }
    #GssEditUser a.textButton, #GssEditUser 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;
    }
    #GssEditUser .actions
    {
    	width:100%;
    	text-align:center;
    	padding:10px;
    }
    #GssEditUser .title
    {
    	font-size:16px;
    	font-weight:bold;
    	text-align:center;
    	padding:10px;
    }
    .clear{clear:both;}
/* end edit user */

/* new user */

#GssNewUser{width:350px;}
     #GssNewUser .field
     {
     	padding:5px 0;
     	vertical-align:middle;
     }
    #GssNewUser .field label
    {
    	display:block;
    	float:left;
    	padding:0 10px 0 0;
    	font: bold 12px Arial,Verdana,sans-serif;
    	width:100px;
    }
    #GssNewUser .field input
    {
    	float:left;
    	width:200px;    	
    }
    #GssNewUser a.textButton, #GssNewUser 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;
    }
    #GssNewUser .actions
    {
    	width:100%;
    	text-align:center;
    	padding:10px;
    }
    .clear{clear:both;}

/* end new user */
/* booking */
	#golfBookRoot
    {
    	padding: 0;
    	font: normal 11px Arial,Verdana,sans-serif;
    	text-align:left;
    }
    #golfBookRoot label
    {
    	display:block;
    	padding:10px 0 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;        
    }
    #golfBookRoot #reqDetails
    {
    	padding:20px;
        margin-bottom:10px;
    }
    #golfBookRoot #pmtGuarantee
    {
    	padding:20px;
        margin-bottom:60px;
    }
    #golfBookRoot #reqDetails .sectionHead,#golfBookRoot #preferrences .sectionHead,#golfBookRoot #pmtGuarantee .sectionHead
    {
    	font: bold 16px Arial,Verdana,sans-serif;
    	padding: 0 0 10px;
    	width:100%;
    }
     #golfBookRoot #reqDetails .reqDetail
     {
     	width:220px;float:left;margin:10px;
     }
    #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
    {
    	height:50px;
		border-bottom: 1px solid #CCCCCC;
		background: #e8e8e8; /* Old browsers */
		background: -moz-linear-gradient(top,  #e8e8e8 0%, #f4f4f4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #e8e8e8 0%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #e8e8e8 0%,#f4f4f4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #e8e8e8 0%,#f4f4f4 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #e8e8e8 0%,#f4f4f4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#f4f4f4',GradientType=0 ); /* IE6-9 */
		*background: #e8e8e8; /* Old browsers */
		 margin: 0 0 10px;
    }
    #golfBookRoot .bookingStep{position:absolute;width:160px;height:30px;text-align:center;padding:10px;color:#333333; font-weight:bold;padding:20px 0 0 25px;}
    #golfBookRoot .bookingStep{color: #aaaaaa;}
    #golfBookRoot .bookingStep.active{color: #85B14A;}
    #golfBookRoot .bookingStep.complete{color: #ffffff;}
    #golfBookRoot #step1.bookingStep{background: transparent url('../../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/bookingWindow/Progressbar/inactiveStep1.png') no-repeat; }
    #golfBookRoot #step1.bookingStep.active{background: transparent url('../../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/bookingWindow/Progressbar/activeStep1.png') no-repeat; }
    #golfBookRoot #step1.bookingStep.complete{background: transparent url('../../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/bookingWindow/Progressbar/completeStep1.png') no-repeat; }
    #golfBookRoot #step2.bookingStep{background: transparent url('../../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/bookingWindow/Progressbar/inactiveStep2.png') no-repeat; }
    #golfBookRoot #step2.bookingStep.active{background: transparent url('../../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/bookingWindow/Progressbar/activeStep2.png') no-repeat; }
    #golfBookRoot #step2.bookingStep.complete{background: transparent url('../../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/bookingWindow/Progressbar/completeStep2.png') no-repeat; }
    #golfBookRoot #step3.bookingStep{background: transparent url('../../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/bookingWindow/Progressbar/inactiveStep3.png') no-repeat; }
    #golfBookRoot #step3.bookingStep.active{background: transparent url('../../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/bookingWindow/Progressbar/activeStep3.png') no-repeat; }
    #golfBookRoot #step3.bookingStep.complete{background: transparent url('../../../net/sms/HtngGssReservations/SmsGolf/skins/global/images/bookingWindow/Progressbar/completeStep3.png') no-repeat; }
    #golfBookRoot #step1{z-index:9000;}
    #golfBookRoot #step2{z-index:8999;left: 145px;padding-left: 55px;}
    #golfBookRoot #step3{z-index:8997;left: 320px;padding-left: 75px;padding-right: 20px;}
    
    #golfBookRoot #stepSections
    {
    	padding:0 10px;
    }
    #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 INPUT,#golfBookRoot SELECT, #golfBookRoot .picklist
    {
    	width:270px; 
    }
    #golfBookRoot #reqDetails INPUT,#golfBookRoot #reqDetails SELECT,#golfBookRoot #reqDetails .picklist, 
    #golfBookRoot #pmtGuarantee INPUT,#golfBookRoot #pmtGuarantee SELECT,#golfBookRoot #pmtGuarantee .picklist
    {
        width:180px; 
    }
    #golfBookRoot #pmtGuarantee INPUT
    {
        width:210px; 
    }
    #golfBookRoot .preference
    {
        width: 190px;   
        float:left;
        margin-left:20px;
    } 
    #golfBookRoot .preference.Name
    {
    	width:210px;
    	margin-left:0;
    }   
    #golfBookRoot .preference INPUT
    {
    	width:200px;
    	height: 24px;
    	padding:2px;
    	border: 1px solid #BCBCBC;
    }
    #golfBookRoot .preference SELECT,#golfBookRoot .preference .picklist
    {
    	width:175px;
    }
    #golfBookRoot .player
    {
    	border-bottom: 1px solid #BCBCBC;
    	padding: 0 0 10px 20px
    }
   #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
     {
     	color:#E9EAEE;
     }
    #reqDetails #price #valPrice
    {
    	font:23px arial,verdana,sans-serif;
    	padding-right:35px;
    }
/* end booking */

/* template properties */

#golfTemplatePropRoot
    {
    	padding: 0 20px;
    	font: normal 11px Arial,Verdana,sans-serif;
    }
    #golfTemplatePropRoot label
    {
    	display:block;
    	padding:10px 0 0;
    	font: bold 12px Arial,Verdana,sans-serif;
    	
    }
    #golfTemplatePropRoot #title
    {
        display:none;
    }
    #golfTemplatePropRoot .fields
    {
    	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background:#E9EAEE;  
        height:500px;
        overflow:auto;  
        padding:10px;    
    }
    
    #golfTemplatePropRoot a.textButton, #golfTemplatePropRoot 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;
    }
    #golfTemplatePropRoot #actions
    {
    	margin-top:10px;
    }
    #golfTemplatePropRoot .floatRight
    {
    	float:right;
    }
     #golfTemplatePropRoot .floatLeft
    {
    	float:left;
    }
     #golfTemplatePropRoot .clear
    {
    	clear:both;
    }   
    #golfTemplatePropRoot .fields INPUT
    {
    	height: 30px;
    } 
    #golfTemplatePropRoot .fields INPUT,#golfTemplatePropRoot .fields TEXTAREA
    {
    	width:500px;
    	padding:2px;
    	border: 1px solid #BCBCBC;
    }
    
/* end template properties */

/* ############################ End HtngGssReservations golf ########################### */


/* ############################ HtngGssReservations spasoft ########################### */
	#SpaSoftContent{text-align:center;}
	
	/* edit user */
	
	#GssEditUser{width:350px;text-align:left;margin:0 auto;}
     #GssEditUser .field
     {
     	padding:5px 0;
     	vertical-align:middle;
     }
    #GssEditUser .field label
    {
    	display:block;
    	float:left;
    	padding:0 10px 0 0;
    	font: bold 12px Arial,Verdana,sans-serif;
    	width:100px;
    }
    #GssEditUser .field input
    {
    	float:left;
    	width:200px;    	
    }
    #GssEditUser a.textButton, #GssEditUser 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;
    }
    #GssEditUser .actions
    {
    	width:100%;
    	text-align:center;
    	padding:10px;
    }
    #GssEditUser .title
    {
    	font-size:16px;
    	font-weight:bold;
    	text-align:center;
    	padding:10px;
    }
    .clear{clear:both;}
	
	/* end edit user */

/* booking */

#spaBookRoot
    {
    	padding:20px;
    	font: normal 11px Arial,Verdana,sans-serif;
    	text-align:left;
    }
    #spaBookRoot label
    {
    	display:block;
    	padding:10px 0 0;
    	font: bold 12px Arial,Verdana,sans-serif;
    	
    }
    #spaBookRoot INPUT,#spaBookRoot SELECT
    {
    	width:270px;
    }
    #spaBookRoot #title
    {
        display:none;
    }
    #spaBookRoot #reqDetails
    {
    	float:right;
    	width:200px;
    	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background:#E9EAEE;
        padding:20px;
    }
    #spaBookRoot #reqDetails .sectionHead,#spaBookRoot #preferrences .sectionHead,#spaBookRoot #pmtGuarantee .sectionHead
    {
    	font: bold 16px Arial,Verdana,sans-serif;
    	padding: 0 0 10px;
    }
    #spaBookRoot .UnsecureMessage
    {
    	color:#ff0000;
    	font: bold 12px Arial,Verdana,sans-serif;
    	font-style:italic;
    	display:block;
    }
    
    #spaBookRoot a.textButton, #spaBookRoot a.textButton:hover, .textButton {
        background: url("../../../net/sms/HtngGssReservations/SpaSoft/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;
    }
    #spaBookRoot a.textButton.lbCancel, #spaBookRoot a.textButton.lbCancel:hover,
    #spaBookRoot a.textButton.lbCancelChanges, #spaBookRoot 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;
    }
    
    #spaBookRoot a.textButton.lbBook, #spaBookRoot a.textButton.lbBook:hover,
	#spaBookRoot a.textButton.prevStep, #spaBookRoot a.textButton.prevStep:hover,
    #spaBookRoot a.textButton.nextStep, #spaBookRoot 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;
    }
    #spaBookRoot .ddlExpMo
    {
        width:50px;
    }
    #spaBookRoot .ddlExpYear
    {
        width:140px;
    }
    #spaBookRoot #actions
    {
    	margin-top:90px;
    }
    #spaBookRoot .floatRight
    {
    	float:right;
    }
     #spaBookRoot .floatLeft
    {
    	float:left;
    }
     #spaBookRoot .clear
    {
    	clear:both;
    }

/* end booking */

/* template properties */

#spaTemplatePropRoot
    {
    	padding: 0 20px;
    	font: normal 11px Arial,Verdana,sans-serif;
    }
    #spaTemplatePropRoot label
    {
    	display:block;
    	padding:10px 0 0;
    	font: bold 12px Arial,Verdana,sans-serif;
    	
    }
    #spaTemplatePropRoot #title
    {
        display:none;
    }
    #spaTemplatePropRoot .fields
    {
    	-webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        border-radius: 10px;
        background:#E9EAEE;  
        height:500px;
        overflow:auto;  
        padding:10px;    
    }
    
    #spaTemplatePropRoot a.textButton, #spaTemplatePropRoot 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;
    }
    #spaTemplatePropRoot #actions
    {
    	margin-top:10px;
    }
    #spaTemplatePropRoot .floatRight
    {
    	float:right;
    }
     #spaTemplatePropRoot .floatLeft
    {
    	float:left;
    }
     #spaTemplatePropRoot .clear
    {
    	clear:both;
    }   
    #spaTemplatePropRoot .fields INPUT
    {
    	height: 30px;
    } 
    #spaTemplatePropRoot .fields INPUT,#spaTemplatePropRoot .fields TEXTAREA
    {
    	width:500px;
    	padding:2px;
    	border: 1px solid #BCBCBC;
    }

/* end template properties */

/* ############################ End HtngGssReservations spasoft ########################### */


/* CC update pop-up */
#EnterCardParent {
    text-align: left;
	padding:15px;}
	
/* title of pop-up */
#EnterCardParent .dialogTitle {
	color: #40444c;
	font-size:16px;}
	
/* close link */	
#EnterCardParent .CardEntryClose {
	text-align:right;}

/* field titles */
#EnterCardParent .ccnumlbl {
	float:left;}
	
/* input fields */
#EnterCardParent input,
#EnterCardParent .newcardtypeddl,
#EnterCardParent .NewcardExpMonthCombo,
#EnterCardParent .NewCardExpYearCombo {
	float:right;}
	
#EnterCardParent .NewCardNumber {	
	width:157px;}

/* div wraps */	
#EnterCardParent .NewCardTypeDiv,
#EnterCardParent .NewCardExpireContainer,
#EnterCardParent .NewCardExpireYear {
	clear:both;}
	
#EnterCardParent .NewCardNumDiv {
	padding:15px 0px;
	margin-bottom:15px;}
	
#EnterCardParent .NewCardTypeDiv,
#EnterCardParent .NewCardExpireMonth,
#EnterCardParent .NewCardExpireYear {
	margin-bottom:15px;}

#EnterCardParent a#NewCardUpdateBtn {	
    background: none repeat scroll 0 0 #87ba45;
    border: 0 none;
    border-radius: 0;
    color: #ffffff;
    font: 11px/11px museo_sans_500regular,arial,sans-serif;
    padding: 15px 30px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.5s ease-in-out 0s;
	margin-top:15px;}


/* fix height issue */
.RadTreeView .rtUL .rtSp{height:2px;}
/* fix height issue */


/* ############################### Real Estate Module Cenetic Dialog ############################### */

#RelAvailRoot .RelRateInputs, #RelAvailRoot .RelRateData {  
    float:left;
}

#RelAvailRoot #AvailCal {
    float:left;
    margin-right:5px;
    width:480px;
}


#RelAvailRoot .RelRateData {
    float:left;
    margin-right:5px;
    width: 228px;
}

#RelAvailRoot div, #RelAvailRoot a, #RelAvailRoot a:hover {
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;
    font-size: 11px;
    font-weight: normal;
}


#RelAvailRoot .ui-widget-content {
    background: none repeat scroll 0 0 #eee;
    border-color: #aaa;
}


#RelAvailRoot #AvailCal .ui-datepicker-inline {
    width: auto;
}

#RelAvailRoot .ui-widget-header {
    background: -moz-linear-gradient(center top , #fafafa 0%, #f4f4f4 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: #aaa;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2);
    color: #000;
    font-size: 0.9em;
}



#RelAvailRoot #AvailCal .ui-datepicker .ui-datepicker-prev, #RelAvailRoot #AvailCal .ui-datepicker .ui-datepicker-next {
    height: 1.4em;
}

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

#RelAvailRoot .ui-datepicker .ui-datepicker-prev, #RelAvailRoot .ui-datepicker .ui-datepicker-next, #RelAvailRoot .ui-datepicker .ui-datepicker-prev-hover, #RelAvailRoot .ui-datepicker .ui-datepicker-next-hover {
    border: medium none;
    opacity: 0.8;
}

#RelAvailRoot #AvailCal .ui-datepicker .ui-datepicker-title {
    font-weight: normal;
    line-height: 1.4em;
}

#RelAvailRoot #AvailCal .ui-datepicker th {
    font-weight: normal;
}


#RelAvailRoot #AvailCal .gstInfoMain, #RelAvailRoot .gstInfoMain {
    margin-top: 6px;
}

#RelAvailRoot .gstInfoMain label {
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 10px;
}

#RelAvailRoot .gstInfoMain .partyInfo {
    float: left;
    padding: 0 5px;
    width: 60px;
}

#RelAvailRoot .gstInfoMain .partyInfo label {
    display: block;
    font-size: 10px;
    font-weight: bold;
}

#RelAvailRoot .gstInfoMain label {
    float: left;
    margin-right: 10px;
}

#RelAvailRoot .gstInfoMain .partyInfo .RelAvailSel {   
    display: block;
    float: left;
    width: 50px;
}

#RelAvailRoot #AvailCheckRates, #RelAvailRoot a#AvailCheckRates:visited, #RelAvailRoot #AvailCheckRates:hover, #RelAvailRoot a#AvailCheckRates:visited {
    background: -moz-linear-gradient(center top , #7db7ff 0%, #3f95fe 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #005ac9;
    color: #fff;
    text-decoration: none;
    text-shadow: 1px 1px 1px #005ac9;
}

#RelAvailRoot .textButton, #RelAvailRoot a.textButton:visited {
    font-weight: bold;
}

#RelAvailRoot .textButton {
    border-radius: 5px;
    display: inline-block;
    font-size: 12px;
    margin: 10px 0;
    padding: 5px 10px;
    text-align: center;
}

#RelAvailRoot #AvailCal .ui-datepicker td span, #RelAvailRoot #AvailCal .ui-datepicker td a {
    padding: 0 0.2em 0.2em;
}

#RelAvailRoot #AvailCal .selected a, #RelAvailRoot #AvailCal .selected a:hover {
    background-color: #696969;
    background-image: -moz-linear-gradient(center top , #696969 0%, #868686 100%);
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
}

#RelAvailRoot #AvailCal .available a {
    font-weight: normal;
}

#RelAvailRoot #AvailCal .unavailable a, #RelAvailRoot #AvailCal .unavailable a:hover {
    border: medium none;
    cursor: default;
    font-weight: normal;
    text-decoration: none;
}

#RelAvailRoot .RelRateData {
    border: 1px solid #aaa;
    border-radius: 5px;
}

#RelAvailRoot .RelRateData {
    background: none repeat scroll 0 0 #fff;
    margin-left: 20px;
    padding: 10px;
}

#RelAvailRoot .RelRateList {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

#RelAvailRoot .RelRateList li {
    margin: 0;
}

#RelAvailRoot .RelAvailLoading {
    position: absolute;
    right: 73%;
    top: 93px;
}

#RelAvailRoot .RelAvailLoading {
    background: none repeat scroll 0 0 #fff;
    border: 4px solid #999;
    height: 27px;
    width: 27px;
    z-index: 2880;
}

#RelAvailRoot .RelAvailLoading {
    float: right;
}

/* ############################# Real Estate Module Cenetic Dialog ############################# */


.RadComboBoxDropDown .rcbList {
    background: #fff;
}