/* 
    Document   : timetables
    Created on : 2009-08-27, 00:10:23
    Author     : Krzysztof Witalewski
    Description:
        Styles for the timetables silverstripe module.
*/

div {
    display: block;
}

.breadcrumbs {
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.breadcrumbs a.inactive {
    color:#273138;
    text-decoration: none;
}

#timetables-header {
    width:100%;
    margin:0;
    padding:0;
}

#timetables-header h3 {
    margin: 0;
    text-align: center;
    color: #8abf00;
}

#timetables-loading h4, #routes h4, #transfers h4 {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 0;
    color: #273138;
    padding-top: 10px;
    border: none;
    font-size: medium;
}

#transfers h4 {
    display: block;
    width: 100%;
}

#timetables-loading {
    background: url('../images/bigrotation2.gif') center no-repeat;
    width: 100%;
    height: 200px;
    text-align: center;
    margin: 0;
    padding: 0;
}


#timetables {
    width: 598px;
    border-width: 2px;
    border-style: none;
    border-color: #8abf00;
    float: left;
}


#timetables a {
    padding: 0;
}

#byLine {
    margin: 0;
    padding: 0;
}

#searchByLine {
    width: 598px;
    margin: 0 0 0 60px;
    padding: 10px 0 10px 0;
}

#searchByStop {
    width: 598px;
    margin: 0 0 0 0;
    padding: 10px 0 30px 0;
}

#lines {
    width: 100%;
    height:auto;
    overflow:hidden;
}

#tramLines, #busLines {
    width:225px;
    float: left;
    margin-left:60px;
    overflow:hidden;
}


#timetables a.line, #byStop a.letter, #routeByStop a {
    display: block;
    float: left;
    text-align: center;
    background-color: #fff;
    border: 1px solid #273138;
    color: #273138;
    margin: 1px;
    padding: 1px;
    width: 2em;
}

#timetables a.line:hover, #byStop a.letter:hover {
    text-decoration: none;
    background-color: #a3a5a7;
    color: #000;
}

#timetables a.night {
    background-color: #273138;
    color:#fff;
}

#routes {
    overflow: hidden;
}

.route {
    margin-left:25px;
    width: 260px;
    float: left;
}


.route-header, #routes a.stop {
    display: block;
    width: 100%;
    text-align: center;
    border: 1px solid #273138;
    margin: 1px 0 1px 0;
    padding: 1px 0 1px 0;
}

#searchByLine input {
    display: block;
    width: 500px;
    border-width: 1px;
    border-color: #273138;
    border-style: inset;
    padding: 5px;
}

#searchByStop input {
    display: block;
    width: 450px;
    border-width: 1px;
    border-color: #273138;
    border-style: inset;
    padding: 5px;
}

#routesByStop a.route, #stopList a.stop {
    display: block;
    width: 98%;
    text-align: center;
    border: 1px solid #273138;
    margin: 1px 0 1px 0;
    padding: 1px 0 1px 0;
}

#transfers a {
    display: block;
    width: 350px;
    text-align: center;
    border: 1px solid #273138;
    margin: 2px 0px 2px 99px;
    padding: 1px 0 1px 0;
}

.route-header {
    background-color: #273138;
    color: #fff;
}

#routesByStop, #byStop, #stopList {
    width: 320px;
    margin: 0 0 0 119px;
    padding: 0;
}

#routes a.stop, #routesByStop a.route, #stopList a.stop, #transfers a {
    background-color: #fff;
    color: #000;
    text-decoration: none;
}

#routes a.stop:hover, #routesByStop a.route:hover, #stopList a.stop:hover, #transfers a:hover {
    text-decoration: none;
    background-color: #a3a5a7;
    color: #000;
}

#routes div.return {
    float:left;
}

#theTimetable {
    padding: 5px;
}

#theTimetableHeader, #theTimetableDescription {
    margin: 0;
    padding: 10px 5px 10px 5px;
    background-color: #fff;
    border: 1px solid #273138;
    color: #273138;
}

#theTimetableDescription {
    margin: -1px 0 0 0;
    border: 0px 1px 1px 1px solid #273138;
    text-align: left;
}

#theTimetableHeader {
    text-align: center;
}


#theTimetableHeader h4 {
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    margin: 0;
    color: #273138;
    padding: 5px;
    border: none;
    font-size: medium;
}

#theTimetableContent {
    padding: 0;
    overflow: hidden;
}

#theTimetableContent table {
    margin:0;
    padding:0;
    display: block;
    float: left;
    border-style:none;
    border-width:0;
    background: none;
}

#theTimetableContent table tr {
    width:100%;
}

#theTimetableContent table a {
    display: block;
    color: #273138;
    text-decoration: none;
    width: 100%;
    border-width: 0;
    padding: 0px;
    margin: 0px;
}

#theTimetableContent table a:hover {
    display: block;
    color: #273138;
    text-decoration:none;
    width: 100%;
    background-color: #a3a5a7;
    border-width: 0;
}

#theTimetableContent table a.currentStop {
    font-weight: bold;
}
#theTimetableContent table a.currentStop:hover {
    font-weight: bold;
    background-color: #fff;
}

#theTimetableContent table.departures {
    max-width: 411px;
}

#theTimetableContent table.stops {
    max-width: 146px;
    display: block;
    float: right;
    padding: 0px;
}

#theTimetableContent table td, #theTimetableContent th {
    border: 1px solid #dbff7e;
    font-size: 100%;
    font-family:Verdana,Helvetica,Arial,sans-serif;
}

#theTimetableContent table.departures td {
    width: 110px;
    min-width: 110px;
    max-width: 110px;
}

#theTimetableContent table.stops td {
    width: 144px;
    min-width: 144px;
    max-width: 144px;
}

#theTimetableContent table td {
    background-color:#fff;
    color: #273138;
}

#theTimetableContent table th {
    background-color:#273138;
    color: #fff;
}

#transfers {
    overflow: hidden;
    width: 100%;
}

#timetables-bookmarks
{
    margin: 0 2px 0 0;
    padding: 0 2px 0 0;
    overflow: hidden;
}


#timetables-bookmarks li
{
    background: url('../images/inactive-tab.jpg') no-repeat;
    width: 150px;
    height: 22px;
    float: left;
    display: block;
    padding-top: 5px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: center;
    color: #fff;
}
#timetables-bookmarks li a { text-decoration: none; color: #fff; }
#timetables-bookmarks li.active { background: url('../images/active-tab.jpg') no-repeat;  }
#timetables-bookmarks li.active a { color: #000; }
#timetables-content {
    background: #dbff7e;
    margin-top: -2px;
    padding: 0;
    border-color: #8abf00;
    border-style: solid;
    border-width: 2px 1px 2px 2px;
}
#timetables-content div.timetables-container {
    display: none;
    overflow: hidden;
}




#map {
    width:349px;
    height:700px;
    float:right;
    overflow:hidden;
    margin-top:25px;
    border-color: #8abf00;
    border-style: solid;
    border-width: 2px 2px 2px 1px;
}

.invisible {
    display: none;
}

.lineSectionHeader {
    text-align:center;
    padding: 10px 0 10px 0;
}

.spacer {
    float:left;
    margin:0;
    padding:0;
}

.print {
    display: block;
    text-align: right;
}

ul.jq-ui-autocomplete {
    font-size: 1em;
}