#bikeinfobox {
	height: 			70%;
	width: 				90%;
	margin-left: 		5%;
	margin-top: 		2%;
	border: 			1px solid #000000;
	float: 				left;
	background-color:   #FFFFFF;
	
	box-shadow:         3px 3px 3px #888888;
	-moz-box-shadow:    3px 3px 3px #888888;
	-webkit-box-shadow: 3px 3px 3px #888888;
}

#bikeselectorbox {
	height: 			25%;
	width: 				90%;
	float: 				left;
	margin-top: 		2%;
	margin-left: 		5%;
	border: 			1px solid #000000;
	background-color:   #FFFFFF;
	
	box-shadow:         3px 3px 3px #888888;
    -moz-box-shadow:    3px 3px 3px #888888;
    -webkit-box-shadow: 3px 3px 3px #888888;
    
    overflow-y:         hidden;
    overflow-x:         scroll;
    white-space:        nowrap;
}

#bikeselectorscroller {
    height:             100%;
    white-space:        nowrap;

}

#reservationbikebox {
    width: 				74%;
    height: 			95%;
    float: 				left;
    overflow-x: 		hidden;
    overflow-y: 		auto;
}

#reservationsClosed {
	width: 				30%;
	height:				15%;
	display:			table-cell;
	text-align:			center;
	line-height:		20px;
	font-size: 			14px;
	margin:				auto;
}

#reservationinfobox {
	float: 				left;
	width: 				30%;
	height: 			100%;
	border-right: 		1px solid #000;
	
    font-weight: 		bolder;
    color: 		 		#000000;
}

#reservationtimebox {
	width: 				25%;
	height: 			95%;
	float: 				left;
	overflow-x: 		hidden;
	overflow-y: 		auto;
	
}

#reservationtimeheader {
	height: 			25px;
	float: 				left;
	width: 				95%;
	margin-top: 		6%;
	text-align: 		center;
	display: 			table-cell;
	font-size: 			14px;
	font-weight: 		600;
	line-height: 		25px;
	border: 			1px solid 	#000000;
	
	box-shadow:         3px 3px 3px #888888;
    -moz-box-shadow:    3px 3px 3px #888888;
    -webkit-box-shadow: 3px 3px 3px #888888;
}

#selectedbikeimagebox {
	width: 				60%;
	height: 			75%;	
	float: 				left;
	
	margin-top: 		5%;
	margin-left: 		5%;
}

#selectedbikewarningbox {
	width: 				60%;
	height: 			15%;	
	float: 				left;
	
	margin-top: 		5%;
	margin-left: 		5%;
	text-align: 		center;
	line-height: 		1.5;
}

.bike-expected {
    background-color:   #FFCC00 !important;
}

.bikeselector{
    width: 				120px;
    height: 			80%;
    background-color: 	#EEEEEE;
    margin-left: 		10px;
    margin-top: 		10px;
    border: 			1px solid #000;
    float: 				left;
    
}

.bikeselector:hover{
	background: 		rgb(178,225,255); /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: 		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyZTFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmI2ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: 		-moz-linear-gradient(top,  rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%); /* FF3.6+ */
	background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,225,255,1)), color-stop(100%,rgba(102,182,252,1))); /* Chrome,Safari4+ */
	background: 		-webkit-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Chrome10+,Safari5.1+ */
	background: 		-o-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Opera 11.10+ */
	background: 		-ms-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* IE10+ */
	background: 		linear-gradient(to bottom,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* W3C */
	filter: 			progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-8 */
	color: 				#FFFFFF !important;
	cursor: 			pointer;
}

.bikeselectimg {
	width:				100%;
	height: 			80%;
	float: 				left;
	background-color:	#FFFFFF;
}

.bikeselectimg-normal {
	background-image:		url('../../../data/images/bike-normal-icon.png');
	background-repeat:  	no-repeat;
	background-position:    50%;
	background-size:        50%;
}

.bikeselectimg-tandem {
	background-image:		url('../../../data/images/bike-tandem-icon.png');
	background-repeat:  	no-repeat;
	background-position:    50%;
	background-size:        75%;
}

.bikeselecttxt{
	position: 			relative;
	float: 				left;
	width: 				100%;
	height: 			20%;
	line-height: 		1.5;
    text-align:  		center;
    
    font-weight: 		bolder;
    color: 		 		#000000;
}

.bikeselected {
	background: 		rgb(178,225,255); /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: 		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyZTFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmI2ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: 		-moz-linear-gradient(top,  rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%); /* FF3.6+ */
	background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,225,255,1)), color-stop(100%,rgba(102,182,252,1))); /* Chrome,Safari4+ */
	background: 		-webkit-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Chrome10+,Safari5.1+ */
	background: 		-o-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Opera 11.10+ */
	background: 		-ms-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* IE10+ */
	background: 		linear-gradient(to bottom,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* W3C */
	filter: 			progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-8 */
	color: 				#FFFFFF;
}

.bikeselectedimg {
	width:				100%;
	height: 			100%;
	float: 				left;
	background-color:	#FFFFFF;
}

.bikeselectedimg-normal {
	background-image:		url('../../../data/images/bike-normal.png');
	background-repeat:  	no-repeat;
	background-position:    50%;
	background-size:        85%;
}

.bikeselectedimg-tandem {
	background-image:		url('../../../data/images/bike-tandem.jpg');
	background-repeat:  	no-repeat;
	background-position:    50%;
	background-size:        85%;
}

.duetext {
    color:                  #3333FF;
}

.historyselector {
    width:                  100%;
    height:                 60px;
    margin-top:             10px;

    background-color:       #FFFFFF;
    
    border-radius:          10px;
    -moz-border-radius:     10px;
    -webkit-border-radius:  10px;  
}

.resbuttons {
	width: 				100%;
	height: 			60px;
	float: 				left; 
}

.resbuttons button {
	width: 				90%;
	margin-left: 		5%;
	margin-top: 		20px;
}

.resinfohead {
	text-align: 		center;
	font-size: 			14px;
	width: 				100%;
	float: 				left;
	height: 			32px;
	line-height:        32px;
	
	background: 		rgb(178,225,255); /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: 		url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2IyZTFmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NmI2ZmMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: 		-moz-linear-gradient(top,  rgba(178,225,255,1) 0%, rgba(102,182,252,1) 100%); /* FF3.6+ */
	background: 		-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(178,225,255,1)), color-stop(100%,rgba(102,182,252,1))); /* Chrome,Safari4+ */
	background: 		-webkit-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Chrome10+,Safari5.1+ */
	background: 		-o-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* Opera 11.10+ */
	background: 		-ms-linear-gradient(top,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* IE10+ */
	background: 		linear-gradient(to bottom,  rgba(178,225,255,1) 0%,rgba(102,182,252,1) 100%); /* W3C */
	filter: 			progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e1ff', endColorstr='#66b6fc',GradientType=0 ); /* IE6-8 */
}

.resinfodesc{
	width: 				90%;
	height: 			25px;
	line-height: 		25px;
	float: 				left;
	font-size: 			14px;
	color: 				#2A2F33;
	text-decoration:    underline;
	margin-left: 		5%;
}

.resinfodesc:first-of-type{
	margin-top: 		10px;
}

.resinfovalue{
	width: 				90%;
	height: 			auto;
	line-height: 		25px;
	float: 				left;
	font-size: 			12px;
	margin-left: 		5%;
}

.reservationNotice {
    width:              50%;
    height:             25%;
    text-align:         center;
    line-height:        2;
    font-size:          12px;
    margin:             auto;
}

.timeslot:not(:first-of-type){
    margin-top: 		7px;
}

.timeslot{
	height: 			25px;
	float:  			left;
	width:  			95%;
	color: 				#FFFFFF;
	background:         rgb(96,108,136); /* Old browsers */
						/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background:         url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwNmM4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjRjNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background:         -moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
	background:         -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
	background:         -webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background:         -o-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
	background:         -ms-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
	background:         linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
	filter:             progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-8 */
	
	border:             1px solid 	#000000;
	
	box-shadow:         3px 3px 3px #888888;
    -moz-box-shadow:    3px 3px 3px #888888;
    -webkit-box-shadow: 3px 3px 3px #888888;
}

.tstext{
    height: 			100%;
    width : 			100%;
    float : 			left;
    line-height: 		25px;
    text-align:  		center;
    
    font-weight: 		bolder;
    color: 				#FFFFFF;
}