/* Layout for content pages */



/************************************************************
Sliding panels (Luke Wren's page) */

.panel { /* Hidden div */
	display:none;
	width:630px; /* A necessary evil to keep JQuery slider from jumping... */
}
.panel p {
	margin:0;
	padding:0.5em 0;
}

.flip { /* Div trigger */
	cursor:pointer;
	font-weight:bold;
	color:#8B0904;
	text-align:right;
	margin-bottom:2em;
}


/************************************************************
News Widget */

/* News list */
dl.newsList {
	margin:1.5em 0;
}
dl.newsList dt { /* Title */
	font-size:14pt;
	font-weight:normal;
	color:#8B0904;
	background:transparent url('../images/icons/newsPad.jpg') no-repeat scroll left center;
	margin:0 0 -0.3em 0;
	padding: 0.2em 0 0 2.1em;
	min-height:30px;
}
dl.newsList dd { /* Blurb */
	margin:0 0 0 3em;
}
dl.newsList dd.readMore { /* Read More link */
	margin:0.5em 0 1.5em 0;
	font-weight:bold;
	text-align:right;
	font-size:120%;
}
dl.newsList dd.readMore a {
	color:#004071;
}

/* News detail */
.newsDetail {
	margin:1.5em 0;
}
.newsDetail h3 { /* News title */

}
.newsDetail h4 { /* Date */
	font-style:italic;
}
.newsDetail>div { /* Content container */

}

/************************************************************
Membership sign-up forms */

#membershipForm p {
	margin:0.7em 0;
}

/* Tabless layout - width tweaks */
#membershipForm .tableless p {
	margin-left:8.5em;
}
#membershipForm .tableless p label,
#membershipForm .tableless p .label {
	width:8.2em;
	margin-left:-8.5em;
}


/************************************************************
Class schedule tables */

table.schedule {
	/*border-spacing:1px;
	border:1px outset #000;*/
	border-collapse:collapse;
	width:100%;
	table-layout:fixed; /* Keeps columns equal in width */
	margin:1em 0 0.5em 0;
}
table.schedule caption {
	text-align:left;
	padding:0 0.3em;
	font-size:14pt;
	text-transform:uppercase;
	font-weight:bold;
}
table.schedule th,
table.schedule td {
	padding:0.2em;
	/*border:1px inset #000;*/
	border:1px solid #333;
	vertical-align:top;
}
table.schedule thead {
	background:#8b0f05;
	color:#fff;
}
table.schedule tbody {
	background:#f1f1e9;
}
table.schedule tbody tr:nth-child(odd) {
	background:#e3e2ce;
}
table.schedule tr.alt { /* Must be defined separately for IE */
	background:#e3e2ce;
}

.eventRow {
	cursor:pointer;
}
.eventRow:hover {
	background-color:#f8f8f8 !important;
}



/************************************************************
Class description modal */

#classDescription_modal {
	padding:12px;
	background-color:#E3E2CE;
	border:1px solid black;
	width:400px;
	height:200px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	display:none;
}
#classDescription_text {
	text-indent:2em;
}
#classDescription_modal input {
	float:right;
	margin:10px;
	background-color:#8f1500;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding:4px;
	color:white;
}
#simplemodal-overlay {
	background-color:black;
}



/************************************************************
Other tables */

/* Massage rates, etc. */
table.rates {
	width:95%;
	text-align:center;
	border-collapse:collapse;
}
table.rates thead {
	background:#9c8f88;
	color:#fff;
}
table.rates th,
table.rates td {
	padding:0.2em 0.3em;
	border:1px solid #444;
}


/************************************************************
Odds and ends */

.locationMap {
	padding-bottom:80px;
	text-align:center;
}