
/* --- CLASS LIST --- */

#content table#classes_list td.class_name														{ padding-left:0; font-size:1.1em; }
#content table#classes_list td.start_date_time, #content table#classes_list th.start_date_time	{ width:16em; text-align:center; }
#content table#classes_list td.price_per_seat, #content table#classes_list th.price_per_seat	{ text-align:center; min-width:4em; }


/* --- CLASS VIEW & FORM --- */

#content ul.purchase_item { list-style-type:none; margin-left:2em; margin-top:2em; }
#content ul.purchase_item li { font-size:1.3em; margin-bottom:0.5em; }
#content ul.purchase_item li.class_name { font-size:1.5em; }
#content ul.purchase_item li.class_name span.seats { font-size:0.8em; }

#content div.class div.class_name { width:100%; margin-top:1em; margin-bottom:0.5em; padding-bottom:0.3em; }
#content div.class div#class_description { margin-top:2.5em; border-top:0.2em dotted rgb(235,231,231); }
#content div.class div#class_description h3 { margin-top:0.8em; margin-left:0.5em; margin-bottom:0; }
#content div.class div.start_date_time { font-size:0.5em; text-transform:uppercase; margin-left:1em; margin-top:0.8em; }
#content div.class div.start_date_time * { color:rgb(135,131,131); }
#content div.class div.start_date_time img { width:0.9em; height:0.9em; position:relative; top:0.1em; padding-left:0.2em; }
#content div.class div.section_title h1 div.start_date_time a { text-decoration:none; border-bottom:none; color:rgb(135,131,131); }
#content div.class div.section_title h1 div.start_date_time a:hover { color:rgb(204,0,0); }

#content div.class form div.formdiv { text-align:center; }

#content div.class div.section_title div.ical_icon { padding-top:1.5em; margin-right:2em; }
#content div.class div.section_title div.ical_icon img { width:4em; height:4em; }

#content div.class div.purchase { margin-top:4em; }
#content div.class div.purchase div.properties { float:left; width:40%; }

#content div.class div.purchase div.properties div.price_per_seat { text-align:center; font-size:1.8em; color:rgb(204,0,0); }
#content div.class div.purchase div.properties ul.properties { text-align:left; margin-top:1.3em; margin-left:7em; }
#content div.class div.purchase div.properties ul.properties li { display:block; font-size:1.3em; text-transform:uppercase; margin-bottom:0.5em; }
#content div.class div.purchase div.properties ul.properties li * { color:rgb(135,131,131); }
#content div.class div.purchase div.properties ul.properties li img.image_icon { width:1em; height:1em; position:relative; margin-right:0.5em; top:0.1em; }

#content div.class div.purchase div.form { float:left; width:60%; }
#content div.class div.purchase div.form form fieldset label { color:rgb(204,0,0);  }
#content div.class div.purchase div.form form fieldset { padding:0; }

#content table.list div.class_properties { padding-left:0.5em; padding-top:0.3em; }
#content table.list ul.properties li { padding:0.2em; padding-right:0.5em; color:rgb(175,171,171); font-size:0.9em; text-align:left; text-transform:uppercase; }

#content table.list div.class_properties ul.properties li * { color:rgb(155,151,151); }
#content table.list div.class_properties ul.properties li img.image_icon { width:0.9em; height:0.9em; margin-right:0.3em; position:relative; }
#content table.list tr:hover td div.class_properties ul.properties li { color:rgb(204,0,0); }

#content div.section_title div.standout a { color:rgb(204,0,0); font-weight:bold; }
