/* Layout */
.sidebar { width: 248px; }
.admin { width: 670px; }

/* UI override */
.ui-widget { margin: 15px 0; font-size: 12px; line-height: 1.3 }
.ui-widget-header { padding: 5px; }
.ui-widget-content { overflow: hidden; position: relative; } 
#ui-datepicker-div { z-index: 10000; }

button, .button {
	cursor:pointer;
	float:right;
	line-height:1.4em;
	margin: 0.5em 0.4em 0.5em 0;
	overflow:visible;
	padding: 0 .6em .1em .6em; /* 0.2em 0.6em 0.3em; */
	width:auto;
	display: block;
	text-decoration: none; 
}

label button,
label .button {
	float: none;
}

/* Generic styles */
h2 { font-size: 18px; }
h3 { font-size: 14px; }
a { color:#B3D236; }
a:hover, a.on{color:#b3d236;}
.cal_note { font-size: 10px; }

.welcome { padding: 5px; }
	.welcome img { float: left; margin: 0 5px 5px 0; }

.sub_nav{ margin: 10px 0 10px 35px; }
	.sub_nav li{margin-bottom:10px;}
	.sub_nav li a{font-weight:bold; color:#fff;}
	.sub_nav li a:hover, .sub_nav li a.on{color:#b3d236;}
	
/* Class Info */
.class_info { margin: 10px 0; padding: 10px 10px 10px 82px; }
	.class_info .media { float: left; margin-left: -72px; width: 62px; }
	.class_info .session_status { float: right; text-align: center; }
		.class_info .session_status .available,
		.class_info .session_status .unavailable { padding: 5px 10px; }
		.class_info .session_status .button { float: none; display: inline-block; }
	
/* Calendar */
#calendar { position: relative; width: 636px; }
#calendar.ui-tabs-hide { position: absolute; }
#cal_toggles {  }
#cal_selector{padding:5px; width:auto; margin: 5px 0 15px 0; display: block; }
	#cal_selector span{padding:3px;}
	#cal_selector .communities { padding: 5px; border: solid 1px #b3d236; float: left; }
.comstyle1 td,.comstyle1,.comstyle1 .time {background-color:#8289BB !important; color:#FFF;}	
.comstyle2 td,.comstyle2,.comstyle2 .time {background-color:#BD928A !important; color:#FFF;}	
.comstyle3 td,.comstyle3,.comstyle3 .time {background-color:#A76D62 !important; color:#FFF;}	
.comstyle4 td,.comstyle4,.comstyle4 .time {background-color:#89BDAB !important; color:#FFF;}	
.comstyle5 td,.comstyle5,.comstyle5 .time {background-color:#B5BD89 !important; color:#FFF;}	
.comstyle6 td,.comstyle6,.comstyle6 .time {background-color:#5962A6 !important; color:#FFF;}	
.comstyle7 td,.comstyle7,.comstyle7 .time {background-color:#81A5BB !important; color:#FFF;}
.available td, .available, .available .time {background-color:#B2D235 !important; }
.unavailable td, .unavailable, .unavailable .time {background-color:#AB4545 !important; color:#FFF !important;}

.full-calendar-buttons button { float: left }
.calendar-nav { float: right; }
.calendar-nav button { float: left }
.week-calendar-header { clear: both }
	
/* Content List */
.content_list { overflow: hidden; position: relative; font-size: 12px; }
	.content_list h2 { font-weight: bold; font-size: 20px; color: #b2d235 }
	.content_list li { border-top: solid 1px #b2d235; padding: 25px 0 0 143px; margin-bottom: 25px; overflow: hidden; position: relative; top: -1px; }
	.content_list .media { float: left; margin-left: -128px; width: 108px; }
	.content_list .edit { float: right; }
	.content_list dl { margin: 10px 0; }
		.content_list dl dt { font-weight: bold }
		.content_list dl dd { padding-left: 10px; line-height: 20px; }

/* Measurements */
#measurement_toggle{ position:absolute; right:20px; top:5px; }
#measurement_browser{ text-align:left; margin-left:100px }
#measurement_list li { margin-bottom: 10px; }
.measurment{margin:auto; text-align:left; width:525px;}
.measurement_image{ height:280px; float:left;margin-right: 20px;}
.measurement_info{ float:left; }
.measurement_info dt{ float:left; width:100px; color:#fff; text-align:right; clear: both; margin-top:5px; margin-right: 5px; position: relative;  }
.measurement_info dd{ float:left; width:200px; margin-left:10px; font-weight:bold; margin-top:5px; text-align:left; position: relative; }
.measurement_info dd .text { padding: 0; height: 13px; }
.measurement_info dd .button { float: none; }
#chart_toggle{ float:right; }

/* Sessions list */
#session_placeholders{margin:5px 15px 0 20px;}
#session_placeholders h4 {border-bottom:1px solid #b3d236; margin-bottom:5px;}
#session_actions{float:right;}
.session_list{display:block; clear:both; margin-bottom:10px; height:45px;}
.session_list li{
	float:left;
	margin-right:17px;
}
.session_list li.pending,
.session_list li.unused { opacity: .5; filter: alpha(opacity = 50); }


/* TABLE STYLES */
.item_table { }
.item_table th { padding: 6px 10px; text-align:left; color:#FFF; vertical-align: middle; background:#686868;}
.item_table td { padding: 6px 10px; text-align: left; color: #fff; border-bottom: solid 1px #fff; }
.item_table tr.highlight td{background:#a0a0a0 !important;}
.item_table tr.late td,.item_table tr.late td a{ background:#691a1a }
/*.item_table tr.alt td{ background:#686868; }*/
.item_table th a{color:#FFF;}
.item_table th a.asc { padding-right: 20px; background: url(../img/sort_up.gif) right center no-repeat; }
.item_table th a.desc { padding-right: 20px; background: url(../img/sort_down.gif) right center no-repeat; }
.item_table td { vertical-align: middle; }
.item_table.interactive td {cursor:pointer;}


.grid_controls { margin-top:10px; margin-bottom:10px; padding:5px; }
	.grid_controls label { margin-left:10px; display:block; float:left; }
	.grid_controls button,
	.grid_controls .button { margin: 16px 7px 0 7px; }
	.grid_controls .text { height: 13px; padding: 0; }
	.grid_controls select { width: 120px; }
	.grid_controls .text { width: 120px; }
	.grid_controls .date { width: 65px; }
	
	
	
/* PAGINATION */
.pagination_wrapper { margin-top:10px; overflow: hidden; position: relative; }

.pagination-flickr li{
	font-size:11px;
	list-style:none;
	line-height:1.2em;
	float:left;
}

.pagination-flickr a{
	/*border:solid 1px #b3d236;*/
	margin-right:2px;
}

.pagination-flickr .previous-off,
.pagination-flickr .next-off {
	color:#b2d235;
	display:block;
	float:left;
	font-weight:bold;
	padding:3px 4px;
}

.pagination-flickr .next a,
.pagination-flickr .previous a {
	font-weight:bold;
	/*border:solid 1px #FFFFFF;*/
}

.pagination-flickr .active{
	font-weight:bold;
	display:block;
	float:left;
	padding:3px 6px;
}

.pagination-flickr a:link,
.pagination-flickr a:visited {
	color:#b2d235;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}

.pagination-flickr a:hover{
	/*border:solid 1px #666666;*/
}


/* Form styles */
.zend_form { width: 312px; overflow: hidden; position: relative; }
.zend_form dt { margin-top: 10px; font-weight: bold; clear: both; color: #b3d236 }
.zend_form dd textarea { height: 60px; width: 298px; }
.zend_form dd input { width: 294px; }
.zend_form dd select { width: 298px; }
.zend_form .errors { color: white }

.edit_form { width: 420px; line-height: 15px; }
.edit_form dd { min-height: 23px; }
.edit_form .zend_form { width: 420px; }
.edit_form .zend_form dd input { width: 414px; }
.edit_form .zend_form dd select { width: 420px; }
.edit_form .zend_form dd textarea { width: 418px; }

.zend_form dd select.timepicker,
#day_of_month,
#day_of_week,
#week_of_month,
#month_type-1,
#month_type-2 { width: auto; }

.confirm_link { white-space: nowrap }





.group-select {
    margin:28px 0;
    padding: 20px 33px;
    background: url(../img/programs_bg.gif) left bottom repeat-x #5c5a59;
	color: #fff;
	font-size: 14px;
	border: solid 1px #b3d236;
    }
	
.group-select h2 { color: #B2D235; font-size: 16px }

.group-select a { font-size: 12px; color:#B3D236; }	

.group-select.compact{width:auto; background:none; border:none; padding:0px;}
.group-select .legend {
    margin-top:-33px;
    float:left;
    border:1px solid #f19900;
    background:#F9F3E3;
    padding:0 8px;
    color:#E76200;
    font-weight:bold;
    font-size:1.1em;
    }
.group-select li { padding:10px 8px; clear:both; }
.group-select li .input-box { float:left; width:275px; }
.group-select li .input-text, .group-select li select, .group-select li textarea { width:525px; }
.group-select li .input-box .input-text, .group-select li .input-box textarea { width:250px; }
.group-select li .input-box select { width:256px; }
input, select, button {
vertical-align:middle;
}
.group-select label, .form-list label, .payment-methods label { font-family: 'Arial', sans-serif; color: #b2d235; font-size:12px }
optgroup { font-weight:bold; }
textarea { overflow:auto; }
input.input-text, textarea { padding:2px; }
input.radio { margin-right:3px; }
input.checkbox { margin-right:3px; }
.qty { width:2.5em; }
.group-select label, .form-list label, .payment-methods label { font-weight:bold; }

.group-select li .input-text { border: 0; width: 526px; height: 20px; line-height: 20px; padding: 6px 0 0 9px; background: url(../img/input-longish.gif) left top no-repeat; color: #fff; display: block; margin-bottom: 8px; }
.group-select li select {display: block;}
.group-select li select option { height: 20px; }

.group-select li .input-box .input-text { background: url(../img/input-shortest.gif); width: 250px; height: 18px }

.group-select li .input-box label { display: block; }
#expr_month{width:145px !important; float:left; margin-right:10px; clear: left; }
#expr_year{width:100px !important; float:left;}

#package_list{
	margin-top:20px; padding: 20px 0; 
	background: url(../img/programs_bg.gif) left bottom repeat-x #5c5a59; 
	color: #272626;
}

.package_list_item { 
	margin: 0 auto 25px auto;
	width: 580px;
}
#package_list .package_info{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #CCC;
	
	padding:6px; line-height:20px;
	
	background-color:#F2F2F2;
}
.packages{
	padding:10px 10px 20px 10px; margin-top: -4px;
	background:#FFF url(../images/bg_packages.gif) bottom repeat-x;
	line-height:30px;
	border: 1px solid #CCC;
}
#package_list .packages input{
	margin:-1px 6px 0;
}

#measurement_sample  { float: left; margin-right: 10px; }


#summary_table { margin-top: 10px; }
	#summary_table .item { width: 282px; }
	#summary_table .cost { width: 75px;}
	
	#summary_table tfoot { border-top: solid 1px #fff; }
		#summary_table tfoot td { padding-top: 10px; }
		

#expr_month_wrapper {width:145px; float:left; margin-right:10px; clear: left; }
#expr_month { width: 145px !important; }
#expr_year_wrapper {width:145px; float:left; padding-top: 18px; }
#expr_year { width: 100px !important; }

.group-select ul.errors { font-size: 12px; color: white }
.group-select ul.errors li { padding: 0; margin: 2px 0 0 0; }

.disclaimer{
	height:150px;
	border:1px solid #CCC;
	overflow:auto;
	padding:20px;
	font-size:10px;
	background-color:#FFF;
	color: #000;
}
.community_label {
color:#B3D236;
}


.photo_list li {
	float: left;
	height: 225px;
	width: 308px;
	margin: 0 10px 10px 0; 
	overflow: hidden;
}

.photo_list li img {
	width: 300px;
}

.measurement_carousel_item {
	width: 638px;
	height: 301px;
}

#carousel_wrapper {
	width: 670px;
	height: 301px;
}

#list_wrapper {
	width: 670px;
	height: 240px;
}

.ui-tabs #carousel_wrapper,
.ui-tabs #list_wrapper { width:634px; }

.measurements_table_wrapper { position: relative; overflow: hidden; }
.measurements_table { width: 100%; position: relative; left: -1px; top: -1px; overflow: hidden; }
.measurements_table th,
.measurements_table td { text-align: center; border-left: solid 1px #686868; border-top: solid 1px #686868; vertical-align: middle; padding: 10px 0; }
.measurements_table h4 { color: #b2d235; }
.mesurements_table .color1 { color: #b2d235; }

.tabs { display: none }

.medal {
	background: url(../img/blanktoken.png);
	width: 39px;
	height: 39px;
	text-align: center;
	line-height: 39px;
	font-size: 26px;
	color: #fff; 
}

.clear { clear: both }

#popup_instructor_tab p { text-align: justify }
#popup_instructor_tab img { float: right; margin-left: 10px; height: 97px; }
#week_calendar { height: 875px; }


h3.seperator {border-bottom:1px solid #b3d236; margin-bottom:5px; padding: 5px 0; }
h4.seperator {border-bottom:1px solid #b3d236; margin-bottom:5px;}

.account_summary_table { margin: 5px 0 0 10px; }
.account_summary_table td { padding: 0 6px 6px 0; }

 #step_5 h2 { border-bottom: solid 1px #fff; }
 
 #payments_form { border: solid 1px #b3d236; }
 .grid_controls { border: solid 1px #b3d236; }
 
 #week_toggle,
#month_toggle { font-size: 18px; line-height: 18px; float: left; padding: 4px 6px; margin: 0 10px 0 0; position: relative; z-index: 5; }

.member_sessions_table th,
.member_sessions_table td { text-align: left; padding-bottom: 10px; }

.member_sessions_table th { width: 180px; color: #b3d236  }

#ad { margin: 0 0 25px 116px; }