/* GLOBAL STYLES */
@import url(global.css);

/* UNIQUE TO SUBPAGE */
#masthead								{ height: 199px; }
#videopromo							{ width: 728px; height: 144px; background: #222b41; font-size: 1.8em; color: #FFF; margin: 10px 0; text-align: center; }
#videopromo span						{ position: relative; top: 30px; }
#videopromo h1							{ display: inline; font-weight: normal; font-size: 1.8em; margin: 0; }
.textarea h2							{ font-weight: normal; font-size: 1.6em; line-height: normal; margin: 0 0 10px 0; padding: 0; }
#accordion							{ padding-bottom: 30px; }
#accordion h3 							{ padding-right: 7px; }
#accordion h3 img						{ float: right; margin: -5px 0; }
table#classtimes						{ width: 100%; }
table#classtimes thead					{ background: #e0e0e0; }
table#classtimes th						{ background: #e0e0e0; padding: 15px; zborder-left: 1px solid #BBB; border-bottom: 1px solid #666; }
table#classtimes th:first-child			{ width: 95px; border-left: 0; }
table#classtimes .half-hour,
table#classtimes tr.half-hour td			{ border-bottom: 1px dashed #BBB; }
table#classtimes td.end-time				{ border-bottom: 2px solid #666; border-top: 2px solid #666; }
table#classtimes td						{ border-bottom: 1px solid #666; padding: 10px; text-align: center; }
table#classtimes .first					{ width: 75px; }

h3									{ font-size: 1.2em; margin: 0 0 10px 0; padding: 0; }
.audioplayer							{ background: #9C0; padding: 10px; text-align: center; }
.westreamfitness						{ width: 590px; height: 320px; background: url(../images/activeflicks.jpg) no-repeat; }
.westreamfitness div					{ width: 300px; background: #FFF; padding: 10px; position: relative; top: 200px; left: 175px; }
.rounded								{ border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.dropshadow							{ box-shadow: 0 0 10px #000; -webkit-box-shadow: 0 0 10px #000; -moz-box-shadow: 0 0 10px #000; }

.noborder								{ border-bottom: 0 !important; }
.expired								{ color: #AAA; }
.alt td:first-child						{ padding: 0 !important; }
.alt td								{ font-size: 0.9em; vertical-align: top; text-align: left !important; padding: 0 15px !important; }

.gallery 								{ padding-top: 10px; content: ""; clear: both; }
.gallery div 							{ width: 100px; height: 100px; display: block; padding: 5px; float: left; }

/* New colors */
.g1									{ background: #FFF; }
.g2									{ background: #bb2840; color: #FFF; }
.g3									{ background: #889f84; color: #FFF; }
.g4									{ background: #fbd97e; }
.g5									{ background: #5a3a36; color: #FFF; }
.g6									{ background: #7f6e6b; color: #f5e0d4; }
.g7									{ background: #f48b27; color: #FFF; }
.g8									{ background: #ccde66; }
.g9									{ background: #9028bb; color: #FFF; }
.g10									{ background: #8e8e8e; color: #EEE; }
.g11									{ background: #66d7de; }

/* Old colors */
/*
.ma									{ background: #FF6600; color: #000; }
span.ma								{ background: none; color: #FF6600; }
.py									{ background: #CC99FF; color: #000; }
span.py								{ background: none; color: #CC99FF; }
.bbb									{ background: #99CCFF; color: #000; }
span.bbb								{ background: none; color: #99CCFF; }
.zda									{ background: #FFFF00; color: #000; }
span.zda								{ background: none; color: #FFFF00; }
.tab									{ background: #008080; color: #FFF; }
span.tab								{ background: none; color: #008080; }
.kb									{ background: #99CC00; color: #000; }
span.kb								{ background: none; color: #99CC00; }
.fr									{ background: #f8b25f; color: #000; }
span.fr								{ background: none; color: #f8b25f; }
.cm									{ background: #00FF00; color: #000; }
span.cm								{ background: none; color: #00FF00; }
.sb									{ background: #E0E0E0; color: #000; }
span.sb								{ background: none; color: #E0E0E0; }
.hf									{ background: #666699; color: #FFF; }
span.hf								{ background: none; color: #666699; }
.cpt									{ background: #f8b25f; color: #000; }
span.cpt								{ background: none; color: #f8b25f; }
.raffle								{ background: #00F; color: #FFF; }
span.raffle							{ background: none; color: #00F; }
.kf									{ background: #FF6600; color: #000; }
span.kf								{ background: none; color: #FF6600; }
.yf									{ background: #CC99FF; color: #000; }
span.yf								{ background: none; color: #CC99FF; }
.tot									{ background: #99CCFF; color: #000; }
span.tot								{ background: none; color: #99CCFF; }
.ms 									{ background: #FFFF00; color: #000; }
span.ms								{ background: none; color: #FFFF00; }
.e									{ background: #008080; color: #FFF; }
span.e								{ background: none; color: #008080; }
.mmat								{ background: #99CC00; color: #000; }
span.mmat								{ background: none; color: #99CC00; }
.tj7									{ background: #f8b25f; color: #000; }
span.tj7								{ background: none; color: #f8b25f; }
.y7									{ background: #00FF00; color: #000; }
span.y7								{ background: none; color: #00FF00; }
.h7									{ background: #800073; color: #FFF; }
span.h7								{ background: none; color: #800073; }
.tj4									{ background: #666699; color: #FFF; }
span.tj4								{ background: none; color: #666699; }
.thd									{ background: #ab2020; color: #FFF; }
span.thd								{ background: none; color: #ab2020; }
.ty									{ background: #1cc9ae; color: #000; }
span.ty								{ background: none; color: #1cc9ae; }
.tbc									{ background: #7a5218; color: #FFF; }
span.tbc								{ background: none; color: #7a5218; }
.fm									{ background: #e0e0e0; color: #000; }
span.fm								{ background: #E0E0E0; color: #E0E0E0; }
*/

/* Legend */
.half								{ width: 50%; border-top: 1px solid #BBB; border-bottom: 1px solid #BBB; border-right: 1px solid #BBB; float: left; }
table#classtimes_legend					{ width: 100%; margin-top: 10px; }
table#classtimes_legend thead				{ background: #5a3a36; }
table#classtimes_legend th 				{ font-size: 1.2em; padding: 13px; color: #f5e0d4; text-align: left; }
table#classtimes_legend tbody				{ background: #7f6e6b; }
table#classtimes_legend td				{ padding: 10px 13px; color: #FFF; vertical-align: top; }
.division								{ width: 16px; background: #F9F4E0; }
.border								{ border: 3px solid #212121; }
.padding								{ padding: 0 15px 15px 15px; }
.fitness-table							{ width: 100%; border-collapse: collapse; text-align: left; }
.progress								{ width: 348px; }
.progress .textarea						{ background: url(../images/small-main-text-box-top.png) no-repeat; }
.progress .textarea .bottom				{ background: url(../images/small-main-text-box-bottom.png) no-repeat bottom; }
.progress .textarea .middle				{ background: url(../images/small-main-text-box-tile.png) repeat-y; }
table.success							{ width: 100%; }
table.success td						{ vertical-align: top; }
table.success td .contentwrapper			{ zmin-height: 200px; }