/* EMT homepage styles */

.twin-promo { display: block; margin: 9px 0 10px 1px; }
.single-promo { display: block; margin: 9px 0 10px 0; position: absolute; top: 0; left: 311px; }
.single-promo-edit { display: block; margin: 9px 0 10px 311px; }

.list-box { width: 302px; background: transparent url(/emtrains/images/bg_list_box.gif) 0 0 repeat-y; margin-bottom: 4px; }
.list-box .lower-curve { width: 302px; background: transparent url(/emtrains/images/bg_list_box_lower.gif) left bottom no-repeat; }
.list-box li { width: 300px; margin-left: 1px; background: transparent url(/emtrains/images/bg_divider.gif) 0 0 repeat-x; }
.list-box li a { width: 262px; padding: 9px 11px 9px 25px; background: transparent url(/emtrains/images/arrow_white_on_grey.gif) 15px 11px no-repeat; display: block; }
.list-box p { width: 276px; padding: 0 11px 9px 13px; margin-left: 1px; } 
.list-box p.overline { background: transparent url(/emtrains/images/bg_divider.gif) 0 0 repeat-x; padding-top: 9px; }


/* ====== middle column ====== */

#button-create-timetable { width: 300px; height: 34px; display: block; background: transparent url(/emtrains/images/button_createtimetable.gif) 0 0 no-repeat; margin: 1px 0 0 1px; }
#button-create-timetable span { display: none; }

#get-on-board { width: 300px; margin-top: 11px; }
#get-on-board h2 { background: transparent url(/emtrains/images/header_getonboard.gif) 0 0 no-repeat; width: 135px; height: 11px; margin-left: 25px; }
#get-on-board h2 span { display: none; }
#get-on-board ul { width: 300px; }
#get-on-board li { padding: 9px 0 6px 25px; background: transparent url(/emtrains/images/arrow_white.gif) 14px 11px no-repeat; width: 275px; color: #333; }
#get-on-board li a { display: block; margin-bottom: 5px; }


/* ====== right hand column ====== */

#news-home h2 { width: 302px; height: 25px; background: transparent url(/emtrains/images/bg_news_home_upper.gif) 0 0 no-repeat; }
#news-home h2 span { display: none; }

#button-register-home { width: 300px; height: 118px; background: transparent url(/emtrains/images/button_register_home.gif) 0 0 no-repeat; position: relative; margin-left: 1px; }
#button-register-home span { display: none; }
#button-register-home a { display: block; position: absolute; left: 12px; top: 73px; width: 155px; height: 33px; }


/* ====== service updates ====== */

#service-updates { margin: 9px 0 0 5px; float: left; }
#service-updates h2 { width: 302px; height: 25px; background: transparent url(/emtrains/images/bg_service_updates.gif) 0 0 no-repeat; }
#service-updates h2 span { display: none; }


/* ====== emergency panel ====== */

#link-emergency { background-color: #fecb00; color: #00144d; display: block; margin-bottom: 10px; padding: 2px 4px; }
#emergency-panel { display: block; margin: 8px 0 0 0; background: transparent url(/emtrains/images/bg_emergency.gif) 0 0 repeat-y; min-height: 245px; }
#emergency-panel h2 { background: transparent url(/emtrains/images/header_emergencyupdate.gif) 0 0 no-repeat; width: 302px; height: 24px; }
#emergency-panel h2 span { display: none; }
#emergency-panel h3 { color: #00144d; width: 278px; padding: 10px 12px 10px 12px; }
#emergency-panel #copy { width: 278px; padding: 0 0 0 12px; }
#emergency-panel #copy p { color: #404040; padding: 0 0 10px 0; }
#emergency-lower { margin: 0 0 10px 0; background: transparent url(/emtrains/images/bg_emergency_lower.gif) 0 0 no-repeat; width: 302px; height: 7px; }


/* ====== lower home page panels ====== */

#home-lower-panel { width: 921px; float: left; clear: both; margin: 9px 0 0 20px; background: transparent url(/emtrains/images/bg_home_lower.gif) 0 0 repeat-y; }
#home-lower-panel-lower { width: 921px; height: 9px; float: left; clear: both; margin: 0 0 0 20px; background: transparent url(/emtrains/images/bg_home_lower_lower.gif) 0 0 no-repeat; }
#home-lower-panel #home-lower-left { width: 300px; float: left; }
#home-lower-panel #home-lower-centre { width: 321px; float: left; }
#home-lower-panel #home-lower-right { width: 300px; float: left; }
#home-lower-panel #home-lower-left-heading { width: 278px; background: #27304d url(/emtrains/images/bg_home_lower_heading_left.gif) 0 0 no-repeat; color: #d6d1cb; text-transform: uppercase; padding: 11px 11px 11px 11px; }
#home-lower-panel #home-lower-centre-heading { width: 299px; background: #27304d url(/emtrains/images/bg_home_lower_heading_centre.gif) 0 0 no-repeat; color: #d6d1cb; text-transform: uppercase; padding: 11px 11px 11px 11px; }
#home-lower-panel #home-lower-right-heading { width: 278px; background: #27304d url(/emtrains/images/bg_home_lower_heading_right.gif) 0 0 no-repeat; color: #d6d1cb; text-transform: uppercase; padding: 11px 11px 11px 11px; }
#home-lower-panel #home-lower-left-body { width: 278px; padding: 11px 11px 11px 11px; }
#home-lower-panel #home-lower-left-body p { padding: 0 0 12px 0; line-height: 140%; }
#home-lower-panel #home-lower-left-body h3 { padding: 0 0 12px 0; font-weight: bold; line-height: 140%; }
#home-lower-panel #home-lower-left-body li { padding: 0 0 12px 12px; list-style:decimal inside; line-height: 140%; }
#home-lower-panel #home-lower-centre-body { width: 299px; padding: 11px 11px 11px 11px; }
#home-lower-panel #home-lower-centre-body ul { width: 301px; background: transparent url(/emtrains/images/bg_home_lower_centre_lower.gif) left bottom no-repeat; float: left; padding: 0 0 9px 0; }
#home-lower-panel #home-lower-centre-body li { width: 301px; background: transparent url(/emtrains/images/bg_home_lower_centre.gif) 0 0 no-repeat; float: left; clear: both; }
#home-lower-panel #home-lower-centre-body li.first { width: 301px; background: transparent url(/emtrains/images/bg_home_lower_centre_upper.gif) 0 0 no-repeat; }
#home-lower-panel #home-lower-centre-body a { width: 301px; display: block; padding: 9px 25px 7px 25px; color: #00144c; }
#home-lower-panel #home-lower-centre-body .first a { width: 301px; display: block; padding: 13px 25px 7px 25px; }
#home-lower-panel #home-lower-centre-body a strong { font-size: bold; color: #015bbc; }
#home-lower-panel #home-lower-right-body #twitter-follow { display: block; width: 257px; height: 24px; background: transparent url(/emtrains/images/button_follow_now.gif) 0 0 no-repeat; }
#home-lower-panel #home-lower-right-body #twitter-follow span { display: none; }









