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


/* SCHEDULE WIDGET */
div.healcode h1 {
	font-size: 14px;
}

div.healcode .header {
  background-color: #eee;
  padding: .5em;
}

div.healcode .filters {
	float: right;
}

div.healcode .date_links {
}

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


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

div.healcode .schedule th {
  text-align: left;
  padding: .5em;
  background-color: #ccc;
}

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

div.healcode .schedule td {
  padding: .25em;
  vertical-align: top;
}

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

div.healcode .schedule .hc_starttime {
}

div.healcode .schedule .hc_endtime {
}

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

/* defining colors for the various classnames */

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

div.healcode .schedule .subtrainer {
}

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

div.healcode .hc_date {
  margin-left: .5em;
  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 {
  font-size: 14px;
}

div.healcode .schedule th.hc_day {
  background-color: #ddd;
  color: #333;
}

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

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

div.healcode .schedule td .hc_class {
  background: #ffffe3;
  margin: .5em;
  padding: .5em;
}


/* 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_show .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 {
}

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

div.healcode .trainer_teaches_link {
}


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

div.healcode .trainer_list .trainer_image {
	display: inline;
}

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

div.healcode .trainer_image {
  float: right;
}

div.healcode .trainer_bio {
}

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

div.healcode .trainer_teaches_link {
}


/* PROSPECT WIDGET */
div.healcode #prospect_notice {
  padding: .25em;
  color: #090;
  font-weight: bold;
  margin-bottom: .5em;
}

div.healcode table {
}

div.healcode table tr th, div.healcode table tr td {
  padding: .25em;
}

div.healcode table tr th {
   text-align: right;
}

div.healcode span.required {
  color: #f00;
}


/* 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;
}