/* FONTS & PARAGRAPH */

#tt h1,
#tt h2,
#tt h3 {
    font-family:  verdana, Helvetica, sans-serif;
}
body, #foo, #tt p, #tt table, #tt td {
    font-size:12px;
    font-family: arial, "lucida console", sans-serif;
}

#tt .title {
    font-weight: bold;
}

#tt .title_xl {
    font-size: 15px;
}

#tt p {
    margin: 0px 0px 10px 0;
}

/* CONTENT AREA */

#tt #content {
    text-align:left;
    padding-left:0px;
    margin-top:1px;
    height:800px;
    height:100%;
}

/* SIDE BAR BOXES */

#tt .sidebarBoxContent {
    font-size: 13px;
    list-style-position: outside;
    list-style-type: none;
    padding: 1px;
    padding-top:4px;
}
#tt .sidebarBoxContent a:link{font-weight: normal; text-decoration: none; color: #000080; background-color: transparent; }
#tt .sidebarBoxContent a:visited{font-weight: normal; text-decoration: none; color: #000080; background-color: transparent;}
#tt .sidebarBoxContent a:active{font-weight: bold; text-decoration: none; color: #000080; background-color: transparent;}
#tt .sidebarBoxContent a:hover{font-weight: normal; text-decoration: none; color: #1D90FB; background-color: transparent;}

#tt .sidebarBoxTitle {
    background-color: #009933;
    font-size: 13px;
    color: #FFFFFF;
    padding-top: 3px;
    padding-right: 2px;
    padding-bottom: 3px;
    padding-left: 3px;
}

#tt table.extLinks td {
    padding-top:3px;
}

/* BOXES (= generic boxes w/ green title) */

#tt .box {
    width:100%;
    margin-bottom:13px;
}


#tt .box table.title {
    width:100%;
    background:#009933;
    color: white;
    height:25px;
}

#tt .box table.title .td1,
#tt .box table.title .td3 {
    padding-left: 6px;
    font-size:9px;
    width:30px;
    vertical-align:middle;
}

#tt .box table.title .td2 {
    font-size:15px;
    font-weight:bold;
    text-align:center;
    vertical-align:middle;
}

#tt .box .content {
    background: #f0f0f0;
    padding: 9px 6px;
}

#tt .boxContent {
    width:100%;
    margin-bottom:13px;
    background: #f0f0f0;
}

#tt .removeBoxMargin {
    margin:-9px -6px -9px -6px;
    padding:0;
}

/* TIMETABLES STUFF */

#tt .timetableHour {
    line-height:20px;
    text-align:center;
    width:25px;
    background:#b5b4b4;
    color:white;
    font-weight:bold;
    letter-spacing:1px;
}

#tt .timetableItem {
    float:left;
    line-height:20px;
    height:20px;
    font-size:11px;
    width:43px;
}

#tt .timetableNote {
    font-size:10px;
}

#tt div.lineNotes {
    font-size:11px;
    padding-left:2px;
    margin-top:10px;
}

#tt .timesDisclaimer {
    height:17px;
    text-align:center;
    font-weight:bold;
}

/* line symbols */

#tt .lineSymbol {
    margin-right:6px;
    margin-bottom:6px;
    float:left;
}
#tt .lineSymbol tr, #tt .lineSymbol td {
    height:25px !important;
}
#tt .lineSymbol table, #tt .lineSymbol td {
    width:26px;
}
#tt .lineSymbol td {
    text-align:center;
    color:white;
    font-weight:bold;    
    vertical-align:middle;
    font-size:16px;
}
#tt .lineSymbol span {
    font-size:11px;
}

#tt .lineSymbol_small {
    margin-right:6px;
}
#tt .lineSymbol_small tr, #tt .lineSymbol_small td {
    height:16px !important;
}
#tt .lineSymbol_small table, #tt .lineSymbol_small td {
    width:17px;
}
#tt .lineSymbol_small td {
    text-align:center;
    color:white;
    vertical-align:middle;
    font-size:11px;
    font-weight:bold !important;
    line-height:13px;
    padding:0 !important;
    padding-top:1px !important;
}
#tt .lineSymbol_small span {
    font-size:9px;
}