﻿

.PayDetails {
	width: 300px;
}

/* ReserveRES */

.reservationSummary {
   
    
    margin-bottom: 20px;
    background-color: #eeeeee;
    /*margin-left: 25px;
width: 90%;
float: left;
     */
     
    color:Black;
    border-radius: 7px 7px 0 0;
}

.reservationContainer {
	
	width:620px;
	padding-left: 8px;
}

.reservationSummary span {
    display: block;
    padding-left: 10px;

}

.reservationSummary .header,
.reservationSummary .footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.reservationSummary .header {
    background-color: #19222B;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.reservationSummary .footer {
    background-color: #c1c1c1;
}

/* ReserveRES - Terms Container */

.termsSummary {
	/*margin-left: 34px;
    width: 593px;*/
    width: 90%;
    float: left;
    margin-bottom: 20px;
    background-color: #eeeeee;
    border-radius: 7px 7px 0 0;
    color:Black;
}

.termsSummary span {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

.termsSummary .header,
.termsSummary .footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.termsSummary .header {
    background-color: #19222B;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.termsSummary .footer {
    background-color: #c1c1c1;
}


/* SearchRES - Search Container */

.searchRESContainer {
	padding-top:10px;
	width:100%;
}

.searchRESSummary1 {
	padding-left: 10px;
    width: 230px;
    float: left;
    margin-bottom: 20px;
    background-color: #eeeeee;
}

.searchRESSummary2 {
    width: 300px;
    float: left;
    margin-bottom: 20px;
    background-color: #eeeeee;
}

.searchRESSummary1 span,
.searchRESSummary2 span{
    display: block;
    padding-left: 10px;
}

.searchRESSummary1 .header,
.searchRESSummary1 .footer 
.searchRESSummary2 .header,
.searchRESSummary2 .footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.searchRESSummary1 .header,
.searchRESSummary2 .header {
    background-color: #2dabc1;
    color: #a8e7f2;
    border-radius: 5px 5px 0 0;
}

.searchRESContainer label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
}

/*  Button Availability  */

.availablebutton .rbDecorated {
   border-top: 1px solid #23f77f;
   background: #ffffff;
   padding: 4px 4px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: black;
   font-size: 16px;
   font-family: 'Open Sans';
   text-decoration: none;
   vertical-align: middle;
   background-position: 0 !important;
}

.availablebutton {
	margin: 4px;
}

.availablebutton:hover .rbDecorated  {
   border-top-color: #059dfc;

	color: white;

	background-color: #3c4142; 
	background-image: -moz-linear-gradient(center top , #3c4142, #636768); 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c4142), to(#636768)); 
	background-image: -webkit-linear-gradient(top, #3c4142, #2A2E2E);
	background-image: -o-linear-gradient(top, #3c4142, #2A2E2E);
	background-image: linear-gradient(to bottom, #3c4142, #2A2E2E);
	background-repeat: repeat-x;filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff3c4142', endColorstr='#ff636768', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}

.availablebutton:active .rbDecorated  {
	border-top-color: #0c4063;

	background-color: #3c4142; 
	background-image: -moz-linear-gradient(center top , #3c4142, #636768); 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c4142), to(#636768)); 
	background-image: -webkit-linear-gradient(top, #3c4142, #2A2E2E);
	background-image: -o-linear-gradient(top, #3c4142, #2A2E2E);
	background-image: linear-gradient(to bottom, #3c4142, #2A2E2E);
	background-repeat: repeat-x;filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff3c4142', endColorstr='#ff636768', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}


/*  Button Availability  */

.unavailablebutton .rbDecorated  {
   border-top: 1px solid #e66868;
   background: #fc9292;
   padding: 4px 4px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 16px;
   font-family: 'Open Sans';
   text-decoration: none;
   vertical-align: middle;
   background-position: 0 !important; 
}

.unavailablebutton:hover .rbDecorated  {
   border-top-color: #787878;
   background: #787878;
   color: #f5f5f5;
}

.unavailablebutton:active .rbDecorated  {
   border-top-color: #787878;
   background: #787878;
}

.unavailablebutton {
	margin: 4px;
}

.selectedbutton .rbDecorated {
   border-top: 1px solid #059dfc;
   border-top-color: #059dfc;
   background: #2C3539;
   color: #ffffff;
   padding: 4px 4px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   font-size: 18px;
   font-family: 'Open Sans';
   text-decoration: none;
   vertical-align: middle;
   background-position: 0 !important; 
}

.selectedbutton:hover .rbDecorated  {
	border-top-color: #059dfc;
	background-color: #3c4142; 
	background-image: -moz-linear-gradient(center top , #3c4142, #636768); 
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c4142), to(#636768)); 
	background-image: -webkit-linear-gradient(top, #3c4142, #2A2E2E);
	background-image: -o-linear-gradient(top, #3c4142, #2A2E2E);
	background-image: linear-gradient(to bottom, #3c4142, #2A2E2E);
	background-repeat: repeat-x;filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff3c4142', endColorstr='#ff636768', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);

	color: #ffffff;
}

.selectedbutton:active .rbDecorated  {
   border-top-color: #0c4063;
background-color: #3c4142; 
background-image: -moz-linear-gradient(center top , #3c4142, #636768); 
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3c4142), to(#636768)); 
background-image: -webkit-linear-gradient(top, #3c4142, #2A2E2E);
background-image: -o-linear-gradient(top, #3c4142, #2A2E2E);
background-image: linear-gradient(to bottom, #3c4142, #2A2E2E);
background-repeat: repeat-x;filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff3c4142', endColorstr='#ff636768', GradientType=0);
filter: progid:dximagetransform.microsoft.gradient(enabled=false);

}

.selectedbutton {
	margin: 4px;
}

/* OrderPasses - Payment Details */

.paymentsSummary {
    width: 310px;
    float: left;
    margin-bottom: 20px;
}

.paymentsContainer {
	width:100%;
}

.paymentsSummary span {
	margin-top: 10px;
}


/* OrderPasses - Billing */

.billingSummary {
    width: 250px;
    float: left;
    margin-bottom: 20px;
}

.billingContainer {
	width:100%;
}

.billingSummary span {
	margin-top: 10px;
}


/* OrderPasses - Confirmation Container */

.confirmationSummary {
    width: 250px;
    float: left;
    margin-bottom: 20px;
    background-color: #eeeeee;
    margin-right: 10px;
}

.confirmationContainer {
	width:100%;
}

.confirmationSummary span{
    display: block;
    padding-left: 10px;
}

.confirmationSummary .header,
.confirmationSummary .footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.confirmationSummary .header {
    background-color: #19222B;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.confirmationSummary .footer {
    background-color: #c1c1c1;
}

.confirmationContinue {
	padding-left: 10px;
}


/* OrderPasses - Conditions Container */

.conditionsSummary {
    width: 96.4%;
    float: left;
    margin-bottom: 10px;
    background-color: #eeeeee;
    max-width: 530px;
}

.conditionsSummary span{
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

.conditionsSummary .header,
.conditionsSummary .footer {
    padding-top: 5px;
    padding-bottom: 5px;
}

.conditionsSummary .header {
    background-color: #19222B;
    color: #ffffff;
    border-radius: 5px 5px 0 0;
}

.conditionsSummary .footer {
    background-color: #c1c1c1;
}


/* OrderPasses - Success Container */

.centerStuff {
	text-align: center;
}


/* Search Container */


.searchContinue {
	padding-right: 30px;
    position: relative;
    float: right;
	display: block;
}


/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
     
/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@@media only screen and (max-width: 600px) {
	.col { 
		margin: 1% 0 1% 0%;
	}
	.billingSummary {
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}
	.directLogoImg {
		margin-left: 0;
	}
	.directHeader {
		text-align: center;
	}
	.PayDetails {
		width: 100%;
	}
	.span_2_of_2 {
		width: 100%; 
	}
	.span_1_of_2 {
		width: 100%;
	}
	.span_1_of_3 {
		width: 100%;
	}
	.span_2_of_3 {
		width: 100%;
	}
	.searchContinue {
		float: none;
		text-align: center;
	}
	.dateLabelText {
		font-size: small !important;
		padding-left:24px !important;
		width: 100%;
	}
	/*
	.rbVerticalButton {
		padding-left:24px !important;
	}
*/
	.riSingle {
		/*padding:12px !important;*/
	    padding: 12px 0 12px 0 !important
	}
	.termsSummary {
		width: 300px;
	}
	.reservationContainer {
		width: 97%;
	}
}

#CommentsTextBox_wrapper {
	min-width: 94% !important;
}

.riSingle {
	/*padding:12px !important;*/
	padding: 12px 0 12px 0 !important
}

.span_1_of_3 {
	width: 300px;
}

.span_2_of_3 {
	width: 430px;
}


.riLabel .rfbLabel {
	color: Black;
}

.rsNonWorkHour {
	background-color: #A9A9A9 !important;
}




/* 
.rbVerticalButton {
	padding:10px;
}
*/