/*
Theme Name: Hip Web Design's MindBody Schedule Styles
Theme URI: http://www.oakfitnessclub.com/
Description: Styles for HWD's MindBody Schedule
Author: Hip Web Design
Author URI: http://www.hipwebdesign.com/
*/

/*################################################################
GENERAL
################################################################*/

.clear {
	clear: both;
}

/*################################################################
SCHEDULE
################################################################*/

.weekly_schedule {
	margin: 15px 0;
}

.schedules {
	position: relative;
	background: #ffffff;
	border-left: 1px #e9e9e9 solid;
	border-right: 1px #e9e9e9 solid;
}

table.schedule_table {
	display: none;
	width: 100%;
	border-spacing: 0;
}

.schedule_table:first-child {
	display: table;
}

.schedule_table tr th:first-child, .schedule_table tr td:first-child {
	border-left: 1px #ffffff solid;
}

.schedule_table tr th:last-child, .schedule_table tr td:last-child {
	border-right: 1px #ffffff solid;
}

.schedule_table th {
	padding: 15px;
	color: #929292;
	font-weight: bold;
	background: #f5f5f5;
	border-top: 1px #dddddd solid;
	border-bottom: 1px #dfdfdf solid;
}

.schedule_table td {
	padding: 15px;
	vertical-align: middle;
}

td.time_col, td.length_col {
	width: 95px;
	white-space: nowrap;
}

td.class_col {
	width: 200px;
	font-size: 10pt;
	font-weight: bold;
}

td.actions_col {
	width: 90px;
}

a.signup_link {
	font-weight: bold;
}

td.class_col a {
	color: #000000 !important;
}

/* active */

tr.active td {
	background-color: #f4ffec;
	border-top: 1px #cfe9bc solid;
	border-bottom: 1px #cfe9bc solid;
}

tr.active td a {
	color: #008249;
}

/* canceled */

tr.canceled td {
	font-style: italic;
	background-color: #ffe7f1;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #cfe9bc solid;
	opacity:0.4;
	filter:alpha(opacity=40);
}

tr.canceled td a {
	color: #e8003c;
}

/* tabs */

ul.schedule_nav {
	margin: 0;
	padding: 0;
}

.schedule_nav li {
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 15px 20px 10px 20px;
	color: #007597;
	font-size: 8pt;
	text-align: center;
	list-style: none;
	background: #f8f8f8;
	border: 1px #ececec solid;
	border-bottom-color: #ffffff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius: 4px 4px 0 0; 
    -webkit-border-radius: 4px 4px 0 0;
    cursor: pointer;
}

ul.schedule_nav li span {
	display: block;
	margin-bottom: 1px;
	font-size: 14pt;
}

li.active_nav {
	color: #000000;
	font-weight: bold;
	background-color: #edfbff;
	border-color: #c1e2ea;
	border-bottom: 1px #ffffff solid;
}

/*################################################################
WIDGET
################################################################*/

/* Mini Mode */

.mini_mode .schedules {
	height: 140px;
	overflow-y: scroll;
}

.mini_mode .schedule_table thead {
	display: none;
}

.mini_mode .schedule_nav li {
	display: inline-block;
	margin: 0 3px 0 0;
	padding: 7px 12px;
	color: #007597;
	font-size: 7pt;
	text-align: center;
	list-style: none;
	line-height: normal;
	background: #f8f8f8;
	border: 1px #ececec solid;
	border-bottom-color: #ffffff;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	-moz-border-radius: 4px 4px 0 0; 
    -webkit-border-radius: 4px 4px 0 0;
    cursor: pointer;
}

.mini_mode ul.schedule_nav li span {
	display: block;
	margin-bottom: 0;
	font-size: 10pt;
}

.mini_mode .schedules tr.canceled {
	display: none;
}

.mini_mode .schedules td.actions_col {
	width: 100px;
	white-space: nowrap;
}

.mini_mode .schedules th.instructor_col, .mini_mode .schedules td.instructor_col {
	display: none;
}

.mini_mode .schedules td {
	width: auto;
}

.mini_mode .schedules td.time_col {
	white-space: normal;
}

.mini_mode .schedules tr.active td a {
	color: #008249;
}

.mb_error {
	margin-bottom: 15px;
	padding: 15px;
	background: #f8f8f8;
	border: 1px #ececec solid;
	border-radius: 4px;
	-moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
}