/* 
WOO CUSTOM STYLESHEET
---------------------

Instructions:

Add your custom styles here instead of style.css so it 
is easier to update the theme. Simply copy an existing 
style from style.css to this file, and modify it to 
your liking.

*/

/* clearfix For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}


.hidden { display: none; }

.alignright { float: right;}
.alignleft { float: left; }

/* challenge banner styles **/


#challenge-banner { position: absolute; top: 0; right: 0; display: block; height: 250px; width: 250px; background: url(images/challenge-banner.png) top no-repeat; z-index: 9999; }

#challenge-banner:hover { background: url(images/challenge-banner.png) 0 -252px no-repeat;}

#chart_div {
	width: 900px;
	height: 500px;
}

#chart_div img {
	margin-left: 100px;
}

/* other custom styles */

.error {
  border: 1px solid red;
}

#sidebar {
	padding-top: 15px;
}

.post p {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	line-height: 1.5em;
}



table.table_style {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
table.table_style tr th,
table.table_style thead th {
	background: #010101;
	color: #fff;
	text-shadow: 0 1px 1px #444;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 20px;
}
table.table_style tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 20px;
}
table.table_style tr:nth-child(odd) {
	background: #dddddd;
}


.content .workout_dashboard {
	border: 0px;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
	padding: 0px;
	background-color: #FAFAFA;
}

.content .workout_dashboard table {
	border: 0px;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
	padding: 0px;
	background-color: #FAFAFA;
}


.content .workout_dashboard tr {
	background-color: #FAFAFA;
	padding: 0px;
}

.content .workout_dashboard td {
	border: 0px;
	padding: 0px;
	background-color: #FAFAFA;
}

.content .workout_dashboard h1 {
	color: #390;
	font-family: Arial;
	font-size: 4em;
	font-weight: bold;
}

.content .workout_dashboard h2 {
	color: #390;
	font-family: Arial;
	font-size: 2em;
	font-weight: bold;
}

td.title {
	text-align: center;
	font-weight: bold;
}

table.body_metrics  {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 525px;
}
tr.body_metrics th.body_metrics,
thead.body_metrics th.body_metrics {
	background: #010101;
	color: #fff;
	text-shadow: 0 1px 1px #444;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: bold;
	line-height: 18px;
	padding: 2px 4px;
}
tr.body_metrics td.body_metrics {
	border-top: 1px solid #e7e7e7;
	padding: 2px 4px;
}
tr.body_metrics:nth-child(odd) {
	background: #dddddd;
}

#twitter_update_list li {
	background: #fafafa;
	padding: 5px 10px;
	margin-right: 25px;
	border-radius: 1px;-moz-border-radius: 1px; -webkit-border-radius: 1px; /* rounded */
	box-shadow: 0 2px 4px #444; -webkit-box-shadow: 0 2px 4px #444; -moz-box-shadow: 0 2px 4px #444;
}

.actions { float: right; }

.actions a {
	padding: 5px 14px;
	background: #339900 url(images/hover.png) 0 50% repeat-x;
	border: 1px solid #287900;
	color: #fff;
	text-shadow: 0 -1px 0 #444;
	font-weight: 700;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}

.actions a:hover {
	background: #287900 url(images/hover.png) 0 50% repeat-x;
	border-color: #287900;
}

.actions2 { float: right; }

.actions2 a {
	padding: 5px 14px;
	background: #339900 url(images/hover.png) 0 50% repeat-x;
	border: 1px solid #287900;
	color: #fff;
	text-shadow: 0 -1px 0 #444;
	font-weight: 700;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}

.actions2 a:hover {
	background: #287900 url(images/hover.png) 0 50% repeat-x;
	border-color: #287900;
}


.roundbutton { float: left; }

.roundbutton a {
	padding: 5px 14px;
	background: #339900 url(images/hover.png) 0 50% repeat-x;
	border: 1px solid #287900;
	color: #fff;
	text-shadow: 0 -1px 0 #444;
	font-weight: 700;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}

.roundbutton a:hover {
	background: #287900 url(images/hover.png) 0 50% repeat-x;
	border-color: #287900;
}

	
.admin_functions table {
	border: none;
	border-bottom: 1px solid #cecece;
}

	.admin_functions tr, .admin_functions tr:nth-child(odd), .admin_functions tr td { background: none; border: none; }


.metric_input {
	width: 50px;
}

.metric_input_s {
	width: 35px;
}

.metric_input_l {
	width: 70px;
}

#green {
	background-color: #8DFF83;
}
#red {
	background-color: #FF8282;
}


	.lead_form form {
		border: 3px dashed #b91516;
		background: #ffffff;
		margin: 3.4em auto;
		padding: 2em 1em 1em;
		max-width: 550px;
	}
	
		.lead_form form ul {
			margin-bottom: 0;
		}
		
		.lead_form form li {
			overflow: hidden;
			clear: both;
			background: none;
			padding: 0;
		}
		
		.lead_form form label {
			font-weight: 700;
			float: left;
			text-align: right;
			width: 100px;
			margin-right: 10px;
			font-size: 1.1em;
			text-transform: uppercase;
			letter-spacing: 1.7px;
			padding: 3px 0;
		}
		
		.lead_form form input[type=text] {
			padding: 3px 8px;
			border: 1px solid #cecece;
			width: 320px;
			font-size: 1.1em;
			background: #efefef;
		}
		
		.lead_form form input[type=text]:focus {
				border-color: blue;
				background: #fff;
				outline: none;
		}
		
		.lead_form form input[type=submit] {
			display: block;
			background: #3c9546;
			border: 1px solid #317539;
			color: #fff;
			text-shadow: 0 -1px 0 #444;
			font-size: 1.8em;
			font-weight: 700;
			width: 400px;
			margin: 0 auto;
			padding: 10px 0;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
			border-radius: 4px;
		}
		
		.lead_form form input[type=submit]:hover {
				background: #bd6b13;
				border-color: #9d5b14;
				cursor: pointer;
			}

.author_info {
	border:1px solid #000000;
	padding:.4em;
	overflow: auto;
}

.author_photo {
	border: 1px dotted #ccc;
	padding: 5px 5px 5px 5px;
	float:left;
	margin: 0px 5px 1px 0px;
}

.author_info p {
	padding: 0;
	font-style: italic;
	font-size:15px;
}

p.author-description {
    padding: 0;
}

#searchform input {
    margin-left: 10px;
}

.save_button {
	padding: 5px 14px;
	background: #339900 url(images/hover.png) 0 50% repeat-x;
	border: 1px solid #287900;
	color: #fff;
	text-shadow: 0 -1px 0 #444;
	font-weight: 700;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}

.save_button:hover {
	background: #287900 url(images/hover.png) 0 50% repeat-x;
	border-color: #287900;
}


.public-log .avatar {
	float: left;
	margin-right: 10px;
}

.public-log #chart_div {
	float: right;
}

.roundedbutton { float: right; }

.roundedbutton {
	padding: 5px 14px;
	background: #339900 url(images/hover.png) 0 50% repeat-x;
	border: 1px solid #287900;
	color: #fff;
	text-shadow: 0 -1px 0 #444;
	font-weight: 700;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}

.roundedbutton :hover {
	background: #287900 url(images/hover.png) 0 50% repeat-x;
	border-color: #287900;
}

#discount_error { display: none;}

#cc_error {
	display: none;
	float: left;
	padding-right: 20px;
	padding-left: 10px;
}


.fullwidth-content table {
	font-size: 18px;
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}
.fullwidth-content tr th,
.fullwidth-content thead th {
	background: #010101;
	color: #fff;
	text-shadow: 0 1px 1px #444;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 20px;
}
.fullwidth-content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 20px;
}

.credits tr {
	background: #ddd !important;
}

.ui-keyboard-input { 
	font-size: 24px;
	padding: 5px;
}

.checkout_table ul li {
	background:none;
	line-height:18px;
	padding:0px 0 0px 20px;
}

.checkout_table .discount_code_row {
	background: #ddd;
}

.checkout_table .discount_applied_row {
	background-color: #CEC;
}


.checkout_form label{
	float: left;
	font-size: 18px;
	margin-top: 15px;
}

.checkout_form select {
	width: 500px;
	font-family: Arial,san-serif;
	font-size: 1em;
	margin: 5px;
	padding: 0.48em 0 0.47em 0.45em;
	border: 1px solid #EEE;
	background: white;
	color: #333;
}

.checkout_form input {
	width: 150px;
	font-family: Arial,san-serif;
	font-size: 1em;
	margin: 5px;
	padding: 0.48em 0 0.47em 0.45em;
	border: 1px solid #EEE;
	background: white;
	color: #333;
}

#input_quantity {
	width: 30px;
	float: right;
}

#bf_specials {
	float: right;
	width: 300px;
	border: 1px solid;
	padding: 20px;
	margin-top: 50px;
	background-color: #CEC;
}

.lead-form label{
	float: left;
	font-size: 18px;
	margin-top: 32px;
	width: 150px;
}

.lead-form ul {
	list-style-type: none;
}

.lead-form ul li {
	background:none;
	line-height:18px;
	padding:0px 0 0px 20px;
}


.lead-form input,.lead-form select {
	width: 250px;
	font-family: Arial,san-serif;
	font-size: 18px;
	margin: 5px;
	padding: 0.48em 0 0.47em 0.45em;
	border: 1px solid #EEE;
	background: white;
	color: #333;
}

.lead-form input[type="submit"] {
	display: block;
	background: #3C9546;
	border: 1px solid #317539;
	color: white;
	text-shadow: 0 -1px 0 #444;
	font-size: 1.8em;
	font-weight: 700;
	width: 200px;
	padding: 10px 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

#bf_specials {
	float: right;
	width: 300px;
	border: 1px solid;
	padding: 20px;
	margin-top: 50px;
	background-color: #CEC;
}

.wp-caption {
	padding: 0px;
	border: 0px;
	background-color: #000;
}

.wp-caption p {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	line-height: 1.5em;
}

#flickrSlider{
	margin: 5px auto;
	height:320px;
	width:480px;
}
.flickrSliderHolder ul li  {
	padding: 0px;
}
.flickrSliderHolder ul  {
	padding: 0px;
	margin-left: 0px;
}

#notice {
	padding: 10px;
	font-size: 16px;
}

.ui-icon-alert {
	margin-right: .7em;
}

/* home page stats box */

.statbox{ float:left; width:100%; height:auto;}
.statone{ float:left; width:50%; height:auto;}
.statone h3{ font-size:18px; color:#333;}
.statone ul{ padding:0px 0px 0px 20px; margin:0px; margin-left: -40px; font-size:16px;}
.statone ul li{ list-style:none; color: #333; line-height:20px; background: 0;}
.home-page-stats-container {
	height: 400px;
}

.home-page-stats-container img {
	float: left;
}

.bg-bio-thumb{background:#c6c6c6; float:left; margin:0 17px 20px 3px;}
.bg-bio-thumb.one-col {width:940px;}
.bg-bio-thumb.two-col {width:460px;}
.bg-bio-thumb.three-col {width:300px;}
.bg-bio-thumb.four-col {width:220px;}
.bg-bio-thumb.five-col {width:172px;}
.bg-bio-thumb.last{margin:0 0 20px 3px;}
.bio-thumb{background:#fafafa;position:relative;top:-3px;left:-3px;}
.bio-thumb a.thumb, a img.thumbnail{display:block; opacity:0.9;}
.bio-thumb a.thumb:hover, a:hover img.thumbnail{opacity:1; }
.bio-thumb img{border-bottom:3px solid #222;}
.bio-thumb h2{float:left; padding-left:10px;}
.bio-thumb h2 a{font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#555; font-weight:normal;}
.bio-thumb h2 a:hover{color:#339900;}
.bio-thumb p.post-details {font-size:11px; float:right; padding-right:10px; color:#999;line-height:14px;}


#bg-admin-nav{height:33px; margin-left:3px;position:relative; z-index:900;}
#admin-nav{height:33px;font-size:11px; text-transform:uppercase;position:relative;top:-3px;left:-3px;background:#fafafa; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px;box-shadow: 0 2px 4px #444; -webkit-box-shadow: 0 2px 4px #444; -moz-box-shadow: 0 2px 4px #444;}
#admin-nav ul.rss{ padding:7px 2px 0}
#admin-nav ul.rss li{display:inline;padding:0 10px 0;}

table.class_calendar {
	width: 100%;
	border-collapse: collapse; 
}

.goal_progress {
	margin-left: 90px;
}

.goal_progress td {
	padding: 10px;
}

.goal_progress p {
	text-align: center;
}

.no_goal {
	margin-top: -17px;
}

.meter-wrap{
    position: relative;
}

.meter-wrap, .meter-value, .meter-text {
    /* The width and height of your image */
    width: 155px; height: 30px;
}

.meter-wrap, .meter-value {
    background: #bdbdbd url(/wp-content/themes/gymsite3/images/meter-outline.png) top left no-repeat;
}
            
.meter-text {
    position: absolute;
    top:0; left:0;

    padding-top: 5px;
                
    color: #fff;
    text-align: center;
    width: 100%;
}

.fine_print {
	font-size: 11px;
}

.checkout_form .checkbox {
padding: 0px;
margin-left: 20px;
width: 20px;
margin-top: 15px;
}



.class_calendar {
	border: 1px solid #e7e7e7;
	text-align: left;
	margin: 0 -1px 24px 0;
	width: 100%;
}

.class_calendar thead tr th {
	background: #010101;
	color: #fff;
	text-shadow: 0 1px 1px #444;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 20px;
}
.class_calendar tr th {
	background: #fff;
	color: #000;
	text-shadow: 0 1px 1px #ddd;
	border: 1px solid black;
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 20px;
}

.class_calendar tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 20px;
}
.class_calendar tr:nth-child(odd) {
	background: #dddddd;
}

.waiver li {
	margin-top: 10px;
}

form#waiver {
	padding: 20px;
	width: 400px;
}

form#waiver ol li {
	line-height: 30px;
	list-style: none;
	padding: 5px 10px;
	margin-bottom: 2px;
}
form#waiver ol ol li {
	background: none;
	border: none;
	float: left;
}

form#waiver label {
	float: left;
	font-size: 16px;
	width: 110px;
}
form#waiver fieldset fieldset label {
	background:none no-repeat left 50%;
	line-height: 20px;
	padding: 0 0 0 30px;
	width: auto;
}

form#waiver fieldset fieldset label:hover {
	cursor: pointer;
}

form#waiver input[type=text] {
	background: #ddd;
	border: none;
	font: 14px Georgia, "Times New Roman", Times, serif;
	outline: none;
	padding: 5px;
	width: 200px;
}
form#waiver input[type=submit] {
background: #339900;
width: 250px;
border: 0px;
font-size: 18px;
padding: 15px;
color: #fff;
margin-top: 20px;
margin-left: 50px;
}

form#waiver .signature {
	font: italic 10px Georgia, "Times New Roman", Times, serif;
	text-align:right;
	width: 100px;
	display: block;
}


form#waiver input[name=signature] {
	font: italic 14px Georgia, "Times New Roman", Times, serif;
}


#twitter_update_list {

}

/* @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { */

@media DISABLED {

	/* Force table to not be like tables anymore */
	 table,thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table tr td {
		padding-left: 50%;
	}

	table tr { border: 1px solid #ccc; }
	
	table td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	table.class_calendar td:nth-of-type(1):before { content: "Time"; }
	table.class_calendar td:nth-of-type(2):before { content: "Class"; }
	table.class_calendar td:nth-of-type(3):before { content: "Location"; }
	table.class_calendar td:nth-of-type(4):before { content: "Instructor"; }
	table.class_calendar td:nth-of-type(5):before { content: "Duration"; }


	/* Force table to not be like tables anymore */
	 table.table_style,table.table_style thead, table.table_style tbody, table.table_style th, table.table_style td, table.table_style tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.table_style thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.table_style tr td {
		padding-left: 50%;
	}

	table.table_style tr { border: 1px solid #ccc; }
	
	table.table_style td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
	}
	
	table.table_style td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}

}