/* ------------------------------------ *
 CSS
 26 October 2005 14:48:03
 HAPedit 3.0.11.102
 * ------------------------------------ */

body {
    background-color: #ffffff;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}

a {
    color: #ffffff;
    text-decoration: none;
}



.itemBorder { border: 1px solid white}
.itemText {
    text-decoration: none;
    color: #FFFFFF;
    font: 12px Arial, Helvetica;
    ;
}

p {
    color: #727854;
   font: 12px Arial, Helvetica;
}

UL {
    color: #727854;
   font: 12px Arial, Helvetica;
}

td {
    color: #727854;
   font: 12px Arial, Helvetica;
}

h4 {
    color: #BCC497;
   font: 14px Arial, Helvetica;
weight: bold;
}

#wrapper {
    margin-left: 4px;
}

.crazyBorder { border: 0px outset #ffffff }
.crazyText { text-decoration: none; color: #FFFFFF; font: Bold 11px Arial, Helvetica }
.style1 {color: #006666}

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

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 */
.classindex_0 a { color: #666633; }
.classindex_1 a { color: #666633; }
.classindex_2 a { color: #666633; }
.classindex_3 a { color: #666633; }
.classindex_4 a { color: #666633; }
.classindex_5 a { color: #666633; }
.classindex_6 a { color: #666633; }
.classindex_7 a { color: #666633; }
.classindex_8 a { color: #666633; }
.classindex_9 a { color: #666633; }
.classindex_10 a { color: #666633; }
.classindex_11 a { color: #666633; }
.classindex_12 a { color: #666633; }
.classindex_13 a { color: #666633; }
.classindex_14 a { color: #666633; }
.classindex_15 a { color: #666633; }
.classindex_16 a { color: #666633; }
.classindex_17 a { color: #666633; }
.classindex_18 a { color: #666633; }
.classindex_19 a { color: #666633; }
.classindex_20 a { color: #666633; }

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

div.healcode a {
  color: #666633;
}

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

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