/* CSS FOR SYNECO - COURSES */
/* ------------------------ */

div.coursesitems { float: left; background: url('../images/bg_newsitems.gif') repeat-x top left; width: 100%; margin: 5px 0; }
div.coursesitem { float: left; background: url('../images/bg_newsitems.gif') repeat-x bottom left; width: 100%; margin: 5px 0; padding: 0 0 10px 0; } 
div.coursestitle h2, div#signup-form div.coursestitle h2 { margin: 5px 0 0 0; font-size: 15px; padding: 0px 0 0 0; color: #00527E; text-transform: uppercase; background: none; }
div#cont div.coursestitle h2 a {border: 0; text-decoration: none; color: #00527E; }
div.coursestitle h2.orange, div#cont div.coursestitle h2.orange a { color: #F38400;}
div.coursesdate { font-size: 11px; margin: 0px 0 5px 0; color: #333; }
div#cont div.courses_shortcontent { _padding: 0 0 20px 0; }
div#cont div.courses_shortcontent p { padding: 5px 0 15px 0; }
div#cont div.courses_shortcontent2 p { padding: 5px 0 5px 0; }
div.courses_longcontent { float: left; margin: 15px 0 0 0; padding: 15px 0 0 0; background: url('../images/bg_newsitems.gif') repeat-x top left; }
p.overviewlink { text-align: right; }
p.overviewlink a { color: #666; }
p.overviewlink a:hover { text-decoration: none; }

div.courses_left { float: left; margin: 10px 0 10px 0; width: 125px; }
div.courses_right { float: left; margin: 10px 0 10px 0; width: 567px; }
table.pricestable { margin: 0 0 15px 0; width: 567px; }
table.pricestable td { vertical-align: top; color: #818181; }
table.pricestable td.label { width: 80px; }
a.moreinfo_btn, input.moreinfo_btn { display: block; text-align:left; margin: 5px 0 0 0; width: 112px; height: 16px; background: url('../images/bg_button.gif') no-repeat top left; font-size: 10px; color: #333; text-decoration: none; text-transform: uppercase; padding: 0px 0 0 23px; voice-family: "\"}\""; voice-family: inherit; width: 89px; height: 16px;}
a.moreinfo_btn2 { display: block; text-align:left; margin: 5px 0 0 0; width: 182px; height: 16px; background: url('../images/bg_button2.gif') no-repeat top left; font-size: 10px; color: #333; text-decoration: none; text-transform: uppercase; padding: 0px 0 0 23px; voice-family: "\"}\""; voice-family: inherit; width: 159px; height: 16px;}

/* coursesCATS */
div.courses_cats { display: none; position: absolute; top: 0px; right: 20px; width: 600px; text-align: right; }
div.courses_cats ul { float: right; padding: 0px; margin: 0px; border-left: 1px solid #035FB3; }
div#cont div.courses_cats ul li { padding: 0 7px; margin: 0; display: inline; list-style: none; background: none; border-right: 1px solid #035FB3; }
div.courses_cats ul li a {	color: #035FB3; }
div.courses_cats ul li a.active, div.courses_cats ul li a:hover { color: #035FB3; text-decoration: none; }

/* ORDER courses */
div.order_courses_form { float: left; margin: 8px 0; width: 223px; min-height: 80px; _height: 80px; background: url('../images/bg_order.jpg') repeat-x top left #DEDEDE; padding: 7px 10px 0 10px; voice-family: "\"}\""; voice-family: inherit; width: 203px; min-height: 73px; _height: 77px; }
table#order_publ td.label { vertical-align: middle; font-size: 11px; width: 54px; }
table#order_publ td.field { width: 80px; }
table#order_publ td.field input.publ_text { width: 75px; height: 16px; border: 1px solid #999; padding: 2px; voice-family: "\"}\""; voice-family: inherit; width: 71px; height: 12px;}

div#cont div.courses_shortcontent p.courses_subscribe_title{margin: 0 0 0px 0;}
div#cont div.courses_shortcontent p.courses_subscribe_btn{margin: 10px 0 0 0;}

table.pricestable td.label_total { border-top: 1px solid #999; padding: 2px 0 0 0; }
table.pricestable td.field_total { border-top: 1px solid #999; padding: 2px 0 0 0; text-transform: uppercase; }
div.courses_ordercontent { float: left; width: 100%; margin: 0px 0 0 0; padding: 0; background: url('../images/bg_newsitems.gif') repeat-x top left; }
table#Order_addresses{ width: 100%; background: url('../images/bg_newsitems.gif') repeat-x bottom left; margin: 0 0 5px 0; }
table#Order_addresses td.left { width: 50%; vertical-align: top; padding: 0 0 10px; }
table#Order_addresses td.right { width: 50%; vertical-align: top; padding: 0 0 10px 0; }
table#Order_addresses h3 { font-weight: bold; color: #333; }

div.courses_ordercontent td { vertical-align: top; }
div.courses_ordercontent td.label { width: 180px; height: 22px; text-transform: uppercase; color: #333;}
div.courses_ordercontent td.field { padding: 0 10px 0 0;}
div.courses_ordercontent input.text2 { width: 180px; height: 18px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; border: 1px solid #CCC; padding: 2px; voice-family: "\"}\""; voice-family: inherit; width: 176px; height: 14px;}