/* Healcode main div */
div.healcode {
  margin: 0 auto;
  width: 730px;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}


/* SCHEDULE WIDGET */
div.healcode h1 {
  font-size: 1.5em;
}

div.healcode .header {
	background-color: #999;
	padding: 0.5em;
	color: #000;
}

div.healcode .filters {
  float: right;
}

div.healcode .date_links {
	color: #000;
}

div.healcode .date_links form {
  display: inline;
  margin-right: .75em;
}


div.healcode table.schedule {
  width: 100%;
  border: 1px solid #ccc;
}

div.healcode .schedule th {
  border: 1px solid #ddd;
  padding: .5em;
  background-color: #ccc;
  margin: 0;
}

div.healcode .schedule tr.cancelled td {
  text-decoration: line-through;
}

div.healcode .schedule td {
  padding: .25em;
  vertical-align: top;
  border: 1px solid #ddd;
  margin: 0;
}

div.healcode .schedule tr.odd td {
  background-color: #fff;
}

div.healcode .schedule .classname {
  font-weight: bold;
}

/* defining colors for the various classnames */
div.healcode .schedule span.classindex_0 a { color: #93f !important; }
div.healcode .schedule span.classindex_1 a { color: #826 !important; }
div.healcode .schedule span.classindex_2 a { color: #396 !important; }
div.healcode .schedule span.classindex_3 a { color: #f33 !important; }
div.healcode .schedule span.classindex_4 a { color: #f90 !important; }
div.healcode .schedule span.classindex_5 a { color: #c09 !important; }
div.healcode .schedule span.classindex_6 a { color: #c00 !important; }
div.healcode .schedule span.classindex_7 a { color: #36f !important; }
div.healcode .schedule span.classindex_8 a { color: #039 !important; }
div.healcode .schedule span.classindex_9 a { color: #f0c !important; }
div.healcode .schedule span.classindex_10 a { color: #9cc !important; }
div.healcode .schedule span.classindex_11 a { color: #030 !important; }
div.healcode .schedule span.classindex_12 a { color: #6f6 !important; }
div.healcode .schedule span.classindex_13 a { color: #747 !important; }
div.healcode .schedule span.classindex_14 a { color: #930 !important; }
div.healcode .schedule span.classindex_15 a { color: #0c0 !important; }
div.healcode .schedule span.classindex_16 a { color: #00c !important; }
div.healcode .schedule span.classindex_17 a { color: #693 !important; }
div.healcode .schedule span.classindex_18 a { color: #f03 !important; }
div.healcode .schedule span.classindex_19 a { color: #9f0 !important; }
div.healcode .schedule span.classindex_20 a { color: #268 !important; }

div.healcode .schedule .trainer {
  font-style: italic;
}

div.healcode .schedule .location {
  font-size: 11px;
  color: #777;
}

div.healcode .hc_date {
  margin-left: 0em;
  font-size: 11px;
}

div.healcode .hc_tiny {
  font-size: 10px;
}


/* the following are for use with the calendar view only */

div.healcode .schedule th.hc_daypart {
  text-align: center;
  background-color: #958478;
  font-size: 14px;
  color: #fff;
}

div.healcode .schedule th.hc_day {
	text-align: center;
	background-color: #958478;
	color: #000;
}

div.healcode .schedule th.hc_time {
  display: none;
  background-color: #ddd;
  color: #666;
}

div.healcode .schedule td.hc_day {
  padding: .25em;
}

div.healcode .schedule td .hc_class {
  text-align: center;
  font-size: 90%;
  background: #ffffe3;
  margin: .1em;
  padding: .25em;
  color:#000;
}


/* Modal window CSS in schedule widget */
#MB_content {
  padding: 1em;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
}

#MB_content .class_show,
#MB_content .trainer_show {
  margin-bottom: 5em;
}

#MB_content .class_show .class_level {
  font-style: italic;
}

#MB_content .trainer_image {
  float: right;
  margin: 0 0 10px 10px;
}


/* CLASS LIST WIDGET */
div.healcode .class_list .class_show {
  margin: 1em 0;
  border-bottom: 1px solid #ccc;
}

div.healcode .class_list .class_level,
div.healcode .class_list .class_visit_type,
div.healcode .class_list .class_group {
  display: none;
}

div.healcode h1.class_name {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

div.healcode .class_level {
  font-style: italic;
}

div.healcode .class_description p {
  margin: .5em 0;
}


/* TRAINER LIST WIDGET */
div.healcode .trainer_list .trainer_show {
  margin: 1em 0;
  border-bottom: 1px solid #ccc;
}

div.healcode .trainer_list .trainer_image {
/*  display: none; Show image in trainer list */
}

div.healcode h1.trainer_name {
  font-size: 18px;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

div.healcode .trainer_image {
  float: right;
}

div.healcode .class_description p {
  margin: .5em 0;
}



/* A few base default classes */
div.healcode .clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;  
}

div.healcode form {
  margin: 0;
  padding: 0;
}

div.healcode img {
  border: none;
}

div.healcode .back_link {
  margin-top: 2em;
}

div.healcode input.signup_now {
  font-size: 9px;
  color: blue;
}