/* Healcode main div */
div.healcode {
	margin: 0 !important;
	width: 500px !important;
	height:250px;
	overflow: auto;
	background: #60bd64;
	color:#fff;
}

#schedules div.healcode {
width:860px !important;
height:100%;
overflow: hidden;
}

.teacherswidget div.healcode {
width:860px !important;
height:100%;
overflow: hidden;
}

div.healcode a {
color:#fff;
}

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

.teacherswidget div healcode h1 {
display:block;
}



div.healcode .header {
display:none;
}

.teacherswidget div.headcode .header {
display:block;
}

#schedules div.healcode .header {
display: block;
height:100%;
padding-bottom:20px;
background: none;
}

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:none !important;
}

div.healcode .schedule th {
  padding: .5em;
  background-color: #60bd64 !important;
  color:#fff;
  text-align: left;
}

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

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

div.healcode .schedule tr.odd td {
    background-color: #359946 !important;
    border-bottom-style: solid;
    border-bottom-size: 1px;
    border-bottom-color: #60bd64;
}

div.healcode .schedule tr.even td {
    background-color: #359946 !important;
    border-bottom-style: solid;
    border-bottom-color: #60bd64;
}


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

/* defining colors for the various classnames */

.classindex_0 { color: #93f; }
.classindex_1 { color: #826; }
.classindex_2 { color: #747; } /* 396 bad color for bg */
.classindex_3 { color: #f33; }
.classindex_4 { color: #f90; }
.classindex_5 { color: #c09; }
.classindex_6 { color: #c00; }
.classindex_7 { color: #36f; }
.classindex_8 { color: #93f; } /* 396 bad color for bg */
.classindex_9 { color: #f0c; }
.classindex_10 { color: #9cc; }
.classindex_11 { color: #030; }
.classindex_12 { color: #6f6; }
.classindex_13 { color: #747; }
.classindex_14 { color: #930; }
.classindex_15 { color: #0c0; }
.classindex_16 { color: #00c; }
.classindex_17 { color: #693; }
.classindex_18 { color: #f03; }
.classindex_19 { color: #9f0; }
.classindex_20 { color: #268; }

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

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;
  display:none;
}


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


.teacherswidget .class_list .class_level,
.teacherswidget .class_list .class_visit_type,
.teacherswidget .class_list .class_group {
display:block;
}

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

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;
  display:none;
}

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