body { font-size: 16px; }
#titlebar { width: 100%; text-align: center; color: #DDE; background: black; padding: 10px 1px; font-size: 2em; text-decoration: bold; }
#navbar { width: 100%; background: #DDE; border: #BBE solid 1px; text-align:center }
#navbar ul li { display: inline; list-decoration: none; padding: 0 10px; border-right: solid 1px black; border-left: solid 1px green; margin: 0; font-size:1em;}
#navbar ul li:hover { background: black; color: #DDE }

#gtfs_osm, #routes, #stops, #alerts, #kiosks
{ display: none; }





/**
 * Alerts
 */

FORM.tr { display: table-row; float: left; clear: both; }
DIV.tr { display: table-row; float: left; clear: both; }
DIV.td { display: inline; float:left; }
SPAN.td { display: table-cell}

#alerts {text-align: center}
#alerts_table { display: table; margin: 0 auto; min-width: 740px; text-align: left }
#alerts_table .tr { border: 2px solid black; margin: 2px; border-radius: 8px; padding: 2px 6px; }
#alerts_table .tr { background: #F3F3FF; width: 720px; }
#alerts_table .active { background: #EFE; }
#alerts_table .historic { background: #CCC; }
#alerts_table .future { background: #FFE; }
#alerts_table .disabled { background: #FEE; }

.thead .icon { padding-top: 30px; }
.icon { width: 80px; text-align: center; }

.hi {  border: 1px solid #DDF; padding: 6px; margin: 3px; }

.m { width: 380px; display: block; }
.tedit .m { padding: 3px 6px; }
.m input { width: 380px; }

.agency { width: 120px; float: left;  }
.tedit .agency { padding: 3px 6px; }
.agency input[type='checkbox'] { width: 10px;}
.agency input[type='text'] { width: 60px;}

.route { width: 380px; float: left; clear: both; }
.tedit .route { padding: 3px 6px; }
.route input[type='checkbox'] { width: 10px;}
.route input[type='text'] { width: 340px;}

.stop { width: 380px; float: left; clear:both;  }
.tedit .stop { padding: 3px 6px; }
.stop input[type='checkbox'] { width: 10px;}
.stop input[type='text'] { width: 340px;}

.time_written, .time_enabled { width: 220px; display: block; }
.tedit .time_written, .tedit .time_enabled { padding:3px 6px; }
.datePicker { width: 90px; }

.time_written { margin-bottom: 6px; }

.display_active, .display_enabled { width: 100px; float:left; }

.add_new { padding: 20px; border: solid 2px black; border-radius: 8px; margin: 5px; }
.cancel, .edit { padding: 4px; margin: 7px 0; }
.submit { padding: 4px; margin: 3px 10px; }