#find_course_div
{
    background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/find_course_panel_bg.jpg"); 
    width: 221px;
    height: 172px;     
    text-align: left;   
}

#find_course_div_title 
{
    font-family:Verdana;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    margin-left: 4px;    
}

#find_course_div table
{
    font-size: 12px;
    font-family:Verdana;
    font-weight: bold;    
}

#find_course_div a { color: #777777; }

select.long_cb
{
    width: 157px;
    height: 22px;
}

#find_btn, .btn
{
    border: 0px;
    background-color:Transparent;
    background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/find_btn.jpg");
    width: 88px;
    height: 24px;
    cursor: pointer;
}

/* email start */
#gray_hr { background-color: #a8a8a8; height: 24px; width:694px; }
#links { text-align:center; width: 692px; clear: both; }
#links a { color: Black; text-decoration: none; font-family: Verdana; font-size: 10px; }
#email_content { border: 1px solid #cccccc; width: 672px; padding: 10px; }
#email_content p { font-size: 12px; font-family: Verdana; line-height: 18px;}
.title { font-family: Verdana; font-size: 14px; font-weight: bold; }
#email_content table .th_start { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/gray_bar.jpg"); width: 92px; height: 28px; background-repeat: no-repeat; border-right: 2px solid #dddddd;}
#email_content table .th_end { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/gray_bar2.jpg"); width: 79px; height: 28px; background-repeat: no-repeat; }
#email_content table .th_body { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/gray_bar1.jpg"); background-repeat:repeat-x; height: 28px; border-right: 2px solid #dddddd; }
#email_content table th { font-family: Verdana; font-size: 12px; font-weight: bold; color: White; }
#email_content table td { font-family: Verdana; font-size: 12px; color: Black; }
#email_content table .td_start { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/white_bar.jpg"); width: 92px; height: 56px; background-repeat: no-repeat; border-right: 2px solid #dddddd;}
#email_content table .td_body { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/white_bar1.jpg"); height: 56px; background-repeat: repeat-x; border-right: 2px solid #dddddd;}
#email_content table .td_end { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/white_bar2.jpg"); height: 56px; width: 79px; background-repeat: no-repeat; }
#email_content table .th2_start { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/grey_bar_start.jpg"); width: 187px; height: 28px; background-repeat: no-repeat; border-right: 2px solid #dddddd; }
#email_content table .th2_end { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/grey_bar_end.jpg"); width: 120px; height: 28px; background-repeat: no-repeat; }
#email_content table .td2_body { border-right: 2px solid #dddddd; border-bottom: 2px solid #dddddd; background-color: #f8f9fa;  }
#email_content table .td2_end { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/grey_bar_end2.jpg"); width: 120px; height: 24px; background-repeat: no-repeat; border-bottom: 2px solid #dddddd;}
#email_content table .td2_start2 { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/grey_bar_start2.jpg"); width: 187px; height: 28px; background-repeat: no-repeat; border-right: 2px solid #dddddd;  }
#email_content table .td2_body2 { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/grey_bar_body2.jpg"); height: 28px; background-repeat: repeat-x; border-right: 2px solid #dddddd; }
#email_content table .td2_end2 {background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/grey_bar_end3.jpg"); width: 120px; height: 28px; background-repeat: no-repeat; }

/* course */
#content { width: 795px; }
#top_menu { width: 795px; }
#top_menu img { float: left; border: 0px;}
div#content { clear: left; }
div#left_panel { float: left; }
div#right_panel { float: left; }
div#find_course { width: 228px; height: 143px; background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/find_course_bg.jpg"); background-repeat: no-repeat; padding-bottom: 3px;}
div#find_course table { font-family: Verdana; font-size: 12px; font-weight: bold; }
div#find_course a { color: #777777; }
div#find_course #how_many_cb { width: 42px; }
div#tips { border: 1px solid #cccccc; border-right: 0px; padding-top: 5px;}
div#course_info { clear: both; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; width: 540px; padding: 10px; background-color: White; }
.font13b { font-family: Verdana; font-size: 13px; font-weight: bold; }
.font12 { font-family: Verdana; font-size: 12px; }
.font10 { font-family: Verdana; font-size: 10px; }
.font9 { font-family: verdana; font-size: 9px; }
.font8 { font-family: verdana; font-size: 8px; }
#continue_panel { width: 540px; padding-top: 10px; }
#continue_panel #continue_btn { float: right; }
#course_select { padding: 10px; border-left: 1px solid #cccccc; }
#course_select table { font-family:Verdana; font-size: 12px; }
#course_select table .th_start { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/gray_bar.jpg"); width: 92px; height: 28px; background-repeat: no-repeat; border-right: 2px solid #dddddd; color: White; }
#course_select .th_end { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/gray_bar2.jpg"); width: 79px; height: 28px; background-repeat: no-repeat; color: White; }
#course_select .th_body { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/gray_bar1.jpg"); background-repeat:repeat-x; height: 28px; border-right: 2px solid #dddddd; color: White; }
#course_select table .td_start { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/white_bar.jpg"); width: 92px; height: 56px; background-repeat: no-repeat; border-right: 2px solid #dddddd;}
#course_select table .td_body { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/white_bar1.jpg"); height: 56px; background-repeat: repeat-x; border-right: 2px solid #dddddd;}
#course_select table .td_end { background-image: url("http://magnet.staging.hosting.co.nz/tango/stjohns/images/white_bar2.jpg"); height: 56px; width: 79px; background-repeat: no-repeat; }
#course_info a { color: Black; font-family: Verdana; font-size: 12px; }
#select_month { float: right; }
#select_month a { font-family: Verdana; font-size: 12px; color: Black; text-decoration: underline; }
.attendee_div { padding: 10px; border-top: 1px solid #cccccc; font-family: Verdana; font-size:12px; border-left: 1px solid #cccccc;}
.input_box { width: 110px; }
.input_box2 { width: 180px; }
#add_attendee_div { border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; }
#add_attendee_div a { font-family: Verdana; font-size: 12px; color: Black; padding: 10px; }
#payment_detail { padding: 10px; font-family: Verdana; font-size: 12px;  border-left: 1px solid #cccccc; }
#booking_payment_options {padding: 10px;  border-left: 1px solid #cccccc;  border-top: 1px solid #cccccc; }
#i_accept { font-family: Verdana; font-size: 12px; border-left: 1px solid #cccccc; border-top: 1px solid #cccccc; height: 50px; line-height: 50px; padding: 10px; width: 540px;}