@charset "utf-8";
/* CSS Document */




/* -------------------------------------------------------------------Main */

    /* FORMS - general classes */
    input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
    
    /* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
    form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6;border-top: 1px solid #d7d7d7;position:relative}
        form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
        form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
        form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
        
        /* hide from IE mac \*/
        form.f-wrap-1 label {float:none}
        /* end hiding from IE5 mac */
    
        form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
        
        form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
        form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1em;left:-.4em;width:.3em;height:.3em}
        form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
        form.f-wrap-1 div.req b {color:#c00;font-size:140%}
        form.f-wrap-1 label select {width: 15.5em}
        form.f-wrap-1 label textarea.f-comments {width: 20em}
        form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
        form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
        
        form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
        form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
        form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
        form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
        form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
        
        form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
        form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}



#content h2 em {
  font-size: 16px;
  font-style: normal;
  font-weight: normal;
}

#content h3 {
  color: #231f20;
  font-family: "OptimaLTStdRoman", Georgia, "Times New Roman";
  font-size: 16px;
  font-weight: normal;
  line-height: 19px;
  padding: 15px 17px;
  background: #e7e8e9;
  margin-bottom: 15px;
}
#content table h3{
    background:#fff;
    padding:8px 0 4px 0;
    margin-bottom:5px;
}


#content h4 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  padding-bottom: 18px;
}

#content p,
#content ul {
  font-size: 13px;
  font-family: Arial;
  color: #4d4d4f;
  line-height: 17px;
  padding-bottom: 17px;
}
/* -------------------------------------------------------------------Events */

.class_list 
{
	border: 0;
	margin:0;
}

.class_list table, .billingConfirmation table
{
    border-collapse: collapse;
	border:1px solid #e7e8e9;

	width: 100%;
}

.class_list table td, .class_list table th, .billingConfirmation table td, .billingConfirmation table th
{
    padding: 0;
}


.class_list table th, .billingConfirmation table th
{
    font-size: 17px;
	color: #404041;
	background:#e7e8e9;
	padding:10px 4px;
}

.class_list table td, .billingConfirmation table td
{
    border-bottom: 1px solid #d1d1d1;
	font-size: 14px;
	padding-bottom:10px;
}

.class_list table th.icon, .class_list table td.icon {
	width: 10%;
}
.class_list table th.name, .class_list table td.name {
	width: 40%
}
.class_list table th.cost, .class_list table td.cost { width: 25%; text-align: left; }
.class_list table th.location, .class_list table td.location {
	width: 40%;
}
.class_list table th.enrolled, .class_list table td.enrolled { width: 5% }

.class_list table td.icon, .class_list table td.enrolled { vertical-align:text-top; padding-top: 15px; text-align:left; }
.class_list table td.icon a { text-decoration: none; }
.class_list table td.name h3, div.classHistoryRow h3 {
	font-size: 1.1em;
	text-align: left;
}
.class_list table td.location h3, div.classHistoryRow h3 {
	font-size: 1.1em;
	text-align: left;
}


#container #main .class_list #class_listIlliad tr .name h2 {
	text-align: left;
}

#container #main .class_list #class_listIlliad tr .name .primary_session_date {
	text-align: left;
	font-size: 18px;
}
#container #main .class_list #class_listIlliad tr .name .additional_session_date {
	text-align: left;
}