/* Styles for content pages */

/************************************************************
Login form */

#loginForm {
	display:inline-block;
	text-align:right;
}
#members-login label {
	display:none;
}
#loginForm input[type="text"],
#loginForm input[type="password"] {
	display:inline-block;
	width:50%;
}
#loginForm input[type="submit"] {
	margin-left:1em;
}

#loginForm a.forgot-pw {
	font-size: 9pt;
	margin-top: .9em;
	display: block;
}


/************************************************************
Reserved stuff */
.instructions {
	position:relative;
	width:88%;
	padding:0 2% 0 0;
	margin-right:2%;
	/*border-bottom: 1px dotted #000;*/
	
}
.instructions h1{
	font-size:17pt;
	border-bottom:1px solid #6F6C6C;
}
.instructions p {
	color:#504F4F;
	font-size:12pt;
}

#reserve-list {
	margin:32px 0 50px 0;
	
	
}
#reserve-list dl {
	display:inline-block;
	width:45%;	
	margin: 0;
	padding:1em 0.8em 0 0;
	vertical-align:top;
	text-align:right;
}
#reserve-list dt {
	display: inline-block;
    margin: 0 2% 3.3em 0;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 17%;
	
}
#reserve-list dt>img{
	display:inline-block;
	width:100px;
	height:100px;
	padding:0.4em;
	-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
	box-shadow:0 0 2px rgba(0,0,0,0.5);
}
#reserve-list dt a {
	font:10pt/1.3 'Times New Roman',Times,serif;
	color:#4f2627;
	margin:0 0.7em;
	position:relative;
}
#reserve-list dt a:before {
	content:'[';
	bottom:0;
	left:-0.45em;
}
#reserve-list dt a:after {
	content:']';
	bottom:0;
	right:-0.45em;
}
#reserve-list dd {
	display: inline-block;
    margin: 0 1% 1.3em 0;
    padding: 0;
    vertical-align: top;
    width: 28%;
	color:#000;
}
#reserve-list dd h3 {
	font:13pt/1.4 'Times New Roman',Times,serif;
}
#reserve-list dd>p.pending {
	color:#878782;
	font:13pt/1.2 'Times New Roman',Times,serif;
	margin:0 0 0 34px;
}

/************************************************************
Rooms and Reservation pages*/

/*Room list */
ul, li {
	list-style:none;
	padding:0;
	margin:0;
}
.list {
	margin:2.5em 0 0 0px;
	
}
.list dl {
	list-style:none;
}
.list dt {
	background:#263431;
	color:#fff;
	padding:0.35em 0.7em 5px;
	margin:7px;
	cursor:pointer;
	font:18pt/1.3 'Times New Roman',Times,serif;
}
.list dt small{
	display:inline-block;
	float:right;
	font:11pt/1.3 'Times New Roman',Times,serif;
	margin: 5px;
	padding:0px 15px;
	background:transparent url('../images/icons/arrow-white-down.png') no-repeat right center;
}
.list dd {
	width:95%;
	padding:5px;
	margin:0;
}
ul.roomList{
	width:46%;
	display:inline-block;
	vertical-align:top;
}	
li.roomPhoto {	
    margin: 1em;
    padding: 0;
    text-align: center;

}
.roomPhoto h4{
	font-weight: bold;
}
.roomList img {
	display:inline-block;
	height:100px;
	padding:0.4em;
	-moz-box-shadow:0 0 2px rgba(0,0,0,0.5);
	-webkit-box-shadow:0 0 2px rgba(0,0,0,0.5);
	box-shadow:0 0 2px rgba(0,0,0,0.5);
}
li.roomInfo{
	display:inline-block;
	width:303px;
	text-align:left;
	margin:0;
	padding:0;
	position:absolute;
	font:12.5pt/1.3 'Times New Roman',Times,serif;
}
li.roomInfo p{
	font:10pt/1.3 'Times New Roman',Times,serif;
}
dd.fitness {
	width:100%;
}
dd.fitness>div{
	display:inline-block;
	vertical-align: top;
	width:67%;
	margin:-19em 0 0 15em;
}
.fitnessPhoto{
	display: inline-block;
	vertical-align: top;
	width:35%;
}
ul.fitnessList{
	width:49%;
	display:inline-block;
	vertical-align:top;
}
li.fitnessButton {
    margin: 0 2% 3.3em 0;
    padding: 0;
    text-align: center;
    width: 65%;
}
li.fitnessInfo{
	width:47%;
	text-align:left;
	margin:16px 0 0 10px;
	font:12.5pt/1.3 'Times New Roman',Times,serif;
	border-bottom:1px solid #6F6C6C;
}
/* Description */
.roomList a {
	display:inline-block;
	color:#4a4848;
	margin:15px 0 0px 10px;
	width:114px;
	text-align:center;
}
.fitnessList a {
	color:#4a4848;
	margin:15px 0 0 0;
	width:89px;
	text-align:center;
}


/**********************************
Reservation Form*/

#contactForm input.datePicker {
	width:26%;
	display:inline-block;
}
#contactForm .nowrap {
	white-space:nowrap;	
}
#contactForm #res_time_hour {
	display:inline-block;
	
}
#contactForm #res_time_min {
	display:inline-block;
}
#contactForm #res_time_merid {
	display:inline-block;
}
#contactForm #res_end_time_hour {
	display:inline-block;
}
#contactForm #res_end_time_min {
	display:inline-block;
}
#contactForm #res_end_time_merid {
	display:inline-block;
}
#contactForm select {
	background:#FEFEFE;
	border:1px;
}
#contactForm label {
	display:inline-block;
	vertical-align:top;
	width:23%;
}
#contactForm input {
	display:inline-block;
}

.reserved-warning {
	display: none;
	font-weight: bold;
	color: red;
	font-style: italic;
}

/********************
Search calendar*/

.search {
	position:relative;
	font-size: 15px;
	font-weight: 300;
	color:#4A4848;
	margin:20px 0 51px 25px;
	}
.search input {
	width:85px;
	margin-left:3px 10px 0 15px;

}
.search #dateSub {
	width:31%;
	margin:-4px 0 0 16px;
}
.search a {
	font-weight:bold;
	text-decoration:none;
	color:#F1EFE5;
}

/*****************/
/* Date picker popup */
.datePickerLink {
	display:inline-block;
	height:20px;
	vertical-align:middle;
	width:20px;
	margin:0 0 0 4px;
	color:transparent !important;
	outline:none;
	text-indent:-100px;
	background-image: url(../images/icons/calendar.png);	
	cursor:pointer;
	overflow:hidden;
}

/*Calendars*/

#calendar > table {
	width:540px;
	table-layout:fixed;
}
#calendar > table tbody {
	height:340px;
}
#calendar > table>caption {
	font:15pt/1.5 'Times New Roman',Times,serif;
	font-weight:bold;
}

#calendar > table td {
	margin:1px 0 0 0;
	text-align:left;
	vertical-align:top;
	border:1px solid #303A31;
	background-color:#D9D8C8;
}
#calendar > table td.reserved {
	background-color:#e4c1c1;
	cursor:pointer;
}

#calendar > table a {
	display:block;
	width:100%;
	height:68px;
}

#time dt {
	clear: left;
	font:10pt/1.5 'Times New Roman',Times,serif;
	width:62px;
	vertical-align: middle;
	text-align: right;
	float: left;
	height: 22px;
	margin-left: 2em;
	margin-bottom: 1px;
	padding-top: 1px;
}

#time dd {
	width: 150px;
	height: 22px;
	border:1px dotted #000;
	border-top: none;
	float: right;
	margin-left: 0;
	padding-left: .5em;
	background-color: none;
}

#time > dt:first-child + dd {
	border-top: 1px dotted #000;
}

#time dd.reserved {
	border-top: 1px solid #E4C1C1;
	background-color: #E4C1C1;
	margin-top: -1px;
	font-style: italic;
	font-size: 9pt;
	color: #323232;
	padding-left: 7px;
}

#timeListing.rightCol {
	background-color: #F3F4E0;
	margin-top: 0;
	padding: 0.25em 1em;
	position: relative;
	z-index: 1002;
}

/***************
Login Page*/
.error{
	color:red;
}

form .captcha img {
	vertical-align:middle;
	margin:0.5em 0;
}
form #code {
	width:auto;
	display:inline;
	margin-left:0.6em;
}
/**Modal**/
#simplemodal-overlay{
	background-color:rgba(0,0,0,0.5);
}
.modal{
	display:none;
	background-color:white;
}
.modal .modal-header{
	background-color:#6E4F3C;
	color:white;
	padding:.5em 1em;
}
.modal .modal-header .simplemodal-close{
	float:right;
	cursor:pointer;
}
.modal .modal-body{
	padding:.1em 1em;
}
.modal .modal-body label{
	width:6.3em;
}

div#modal-content .checkTimes .leftCol {
	margin-top: 0;
	width: 42%;
}

div#modal-content .checkTimes .rightCol  {
	margin-top: 0;
	margin-left: 4em;
    width: 50%;
}

div#modal-content .timeList {
	-moz-column-count: 2;
	-moz-column-gap: 10px;
	-webkit-column-count: 2;
	-webkit-column-gap: 10px;
	column-count: 2;
	column-gap: 10px;
	padding-top: .5em;
}	

div#modal-content .timeList dl {
	margin-top: 0;
	width: 140px;
}

div#modal-content .timeList dt {
	margin-left: 0;
}

div#modal-content .timeList dd {
	width: 60px;
}

div#modal-content .timeList dd.reserved {
	border-top: 1px solid #E4C1C1;
	background-color: #E4C1C1;
	margin-top: -1px;
	padding-left: 7px;
	font-style: italic;
	font-size: 9pt;
	color: #323232;
}

/************************************************************
Resources archive */

.resources {
	margin:1.5em 0;
	width:90%;
}
.resources dt { /* Year */
	font:14pt/1.2 'FuturaStd-Book',Tahoma,Arial,Helvetica,sans-serif;
	background:#263431;
	color:#fff;
	padding:0.35em 0.7em;
	border-bottom:1px solid #504F4F;
	cursor:pointer;
}
.resources dt small { /* Expand indicator */
	float:right;
	display:inline-block;
	font-size:11pt;
	margin:0.2em 0 0 0;
	padding:0 1em 0 0;
	background:transparent url('../images/icons/arrow-white-down.png') no-repeat right center;
}
.resources dd {
	margin:0;
	padding:0.5em 1em 1em 1em;
	overflow:hidden;
	width:100%; /* Needed to prevent jump in JQuery slider */
}
.resources ul { /* File list columns */
	list-style:none;
	float:left;
	width:50%;
	margin:0;
}