@charset "UTF-8";
/* CSS Document */

/* Timetable Formatting */
@media only screen and (min-width: 801px) {
    .timetable {
		background: #f1f1f1;
		height: auto;
		overflow: auto;
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #DEE4EA;
	}
	.timetablehistory {
		background: white;
		height: auto;
		overflow: auto;
		margin: 0;
		padding: 0;
		border-top: black dashed 1px;
		border-bottom: black dashed 1px;
	}
	.timetablehistory h3 {
		font-weight: bold;
	}
    .timetablesouthsub {
		height: auto;
		overflow: auto;
		float: left;
		background: #DEE4EA;
		width: 100%;
	}
	.timetablesouthsub h2{
		text-align: center;
		margin: 1px;
		padding: 1px;
		font-size: .92em;
		font-family: sans-serif;
	}
	.timetablesouthsub p{
		text-align: center;
		margin: 1px;
		padding: 1px;
		font-size: .92em;
		font-family: sans-serif;
	}
	.timetableheader {
		height: auto;
		overflow: auto;
		float: left;
		background: #839AAE;
		padding: .01em;
		width: 99%;
	}
	.timetableheader h2{
		text-align: left;
		font-size: .92em;
		font-family: sans-serif;
	}
	.timetableheader h2:after {
		content:"\25bc";
		font-size: .9em;
		font: bold;
	}
	.timetablefooter {
		height: auto;
		overflow: auto;
		float: left;
		background: #839AAE;
		width: 100%;
	}
	.timetablefooter h2{
		text-align: left;
		margin: 1px;
		padding: 1px;
		padding-left: 25px;
		font-size: .92em;
		font-family: sans-serif;
	}
	.timetablefooter h2:after {
		content:"\25b2";
		font-size: .9em;
		font: bold;
	}
	.timetabledetector {
		background: #DEE4EA;
		border-top: 1px solid #365876;
		border-bottom: 1px solid #365876;
		height: auto;
		overflow: auto;
		font-family: sans-serif;
		padding: 0;
		margin: o;
	}
	.timetablecol {
		padding: 1px;
		height: auto;
		overflow: auto;
		float: left;
		width: 15%;
	}
	.timetablecol2 {
		padding: 1px;
		height: auto;
		overflow: auto;
		float: left;
		width: 10%;
	}
	.timetablecol3 {
		padding: 1px;
		height: auto;
		overflow: auto;
		float: left;
		width: 30%;
	}
	.timetableradio {
		padding: 1px;
		margin-left: 1%;
		height: auto;
		overflow: auto;
		float: left;
		width: 23%;
	}
	.timetableradio p{
		text-align: left;
		font-family: sans-serif;
		font-size: .95em;
	}
	.timetableradio h2{
		text-align: left;
		margin: 1px;
		padding: 1px;
		font-size: .92em;
		font-family: sans-serif;
	}
	.timetablecol p{
		text-align: left;
		font-family: sans-serif;
		font-size: .95em;
	}
	.timetablecol .left{
		padding-left: 7px;
		font-weight: normal;
	}
	.timetablecol .hs{
		padding-left: 7px;
	}
	.timetablecol h2{
		text-align: left;
		margin: 1px;
		padding: 1px;
		font-size: .92em;
		font-family: sans-serif;
	}
	.timetablecol h3{
		font-size: 1em;
		font-family: sans-serif;
	}
	.timetablecol2 p{
		text-align: left;
		font-family: sans-serif;
		font-size: .95em;
	}
	.timetablecol2 h2{
		text-align: left;
		margin: 1px;
		padding: 1px;
		font-size: .92em;
		font-family: sans-serif;
	}
	.timetablecol2 h3{
		font-size: 1em;
		font-family: sans-serif;
	}
	.timetablecol3 p{
		text-align: left;
		font-family: sans-serif;
		font-size: .95em;
	}
	.timetablecol3 h2{
		text-align: left;
		margin: 1px;
		padding: 1px;
		font-size: .92em;
		font-family: sans-serif;
	}
	.timetablecol3 h3{
		font-size: 1em;
		font-family: sans-serif;
	}
	.timetablehead {
		background: #839AAE;
		padding-left: 2px;
		border-top: 2px solid #587690;
		height: auto;
		overflow: auto;
	}
	.timetablehead h2{
		text-align: left;
		font-size: .92em;
		font-family: sans-serif;
		color: Black;
	}
	.timetableend {
		background: #839AAE;
		padding-left: 2px;
		height: auto;
		overflow: auto;
		border-bottom: 2px solid #587690;
		background: #839AAE;
	}
}

/* Phone Timetable Formatting */

@media only screen and (max-width: 800px) {
    .timetable {
        background: #f1f1f1;
        border-top: 1px solid #b4c3d1;
        height: auto;
        overflow: auto;
        margin: 0;
        padding: 0;
    }
    .timetablehistory {
		background: white;
		height: auto;
		overflow: auto;
		margin: 0;
		padding: 0;
		border-top: black dashed 1px;
		border-bottom: black dashed 1px;
	}
    .timetablesouthsub {
        height: auto;
        overflow: auto;
        float: left;
        background: #DEE4EA;
        width: 100%;
    }
    .timetablesouthsub h2{
        text-align: center;
        margin: 1px;
        padding: 1px;
        font-size: 1em;
        font-family: sans-serif;
    }
    .timetablesouthsub p{
        text-align: center;
        margin: 1px;
        padding: 1px;
        font-size: .92em;
        font-family: sans-serif;
    }
    .timetableheader {
        height: auto;
        overflow: auto;
        float: left;
        background: #839AAE;
        padding: .01em;
        width: 99%;
    }
    .timetableheader h2{
        text-align: left;
        font-size: 1em;
        font-family: sans-serif;
    }
    .timetableheader h2:after {
        content:"\25bc";
        font-size: 1em;
        font: bold;
    }
    .timetablefooter {
        height: auto;
        overflow: auto;
        float: left;
        background: #839AAE;
        width: 100%;
    }
    .timetablefooter h2{
        text-align: left;
        margin: 1px;
        padding: 1px;
        padding-left: 25px;
        font-size: 1em;
        font-family: sans-serif;
    }
    .timetablefooter h2:after {
        content:"\25b2";
        font-size: 1em;
        font: bold;
    }
    .timetabledetector {
        background: #DEE4EA;
        border-top: 1px solid #365876;
        border-bottom: 1px solid #365876;
        height: auto;
        overflow: auto;
        font-family: sans-serif;
        padding: 0;
        margin: o;
    }
    .timetablecol {
        padding: 1px;
        overflow: auto;
        float: left;
        border-left: 1px dashed #b4c3d1;
        border-bottom: 1px dashed #b4c3d1;
        width: 50%;
    }
    .timetablecol2 {
        padding: 1px;
        height: auto;
        overflow: auto;
        float: left;
        width: 25%;
        border-left: 1px dashed #b4c3d1;
        border-bottom: 1px dashed #b4c3d1;
    }
    .timetablecol3 {
        padding: 1px;
        height: auto;
        overflow: auto;
        float: left;
        width: 100%;
        border-bottom: 1px solid #b4c3d1;
    }
    .timetableradio {
        padding: 1px;
        margin-left: 1%;
        height: auto;
        overflow: auto;
        float: left;
        width: 23%;
    }
    .timetableradio p{
        text-align: left;
        font-family: sans-serif;
        font-size: .95em;
    }
    .timetableradio h2{
        text-align: left;
        margin: 1px;
        padding: 1px;
        font-size: 1em;
        font-family: sans-serif;
    }
    .timetablecol p{
        font-size: 1em;
        font-family: sans-serif;
        padding: 1px;
        margin: 1px;
    }
    .timetablecol .left{
        padding-left: 7px;
        font-weight: normal;
    }
    .timetablecol h2{
        text-align: left;
        margin: 1px;
        padding: 1px;
        font-size: 1em;
        font-family: sans-serif;
    }
    .timetablecol h3{
        font-size: 1em;
        font-family: sans-serif;
        padding: 2px;
        margin: 2px;
        font-weight: normal;
    }
    .timetablecol2 p{
        text-align: left;
        font-family: sans-serif;
        font-size: .95em;
    }
    .timetablecol2 h2{
        text-align: left;
        margin: 1px;
        padding: 1px;
        font-size: 1em;
        font-family: sans-serif;
    }
    .timetablecol2 h3{
        font-size: 1em;
        font-family: sans-serif;
    }
    .timetablecol3 p{
        text-align: left;
        font-family: sans-serif;
        font-size: .95em;
    }
    .timetablecol3 h2{
        text-align: left;
        margin: 1px;
        padding: 1px;
        font-size: 1em;
        font-family: sans-serif;
    }
    .timetablecol3 h3{
        font-size: 1em;
        font-family: sans-serif;
    }
    .timetablehead {
        background: #839AAE;
        padding-left: 2px;
        border-top: 2px solid #587690;
        height: auto;
        overflow: auto;
    }
    .timetablehead h2{
        text-align: left;
        font-size: 1em;
        font-family: sans-serif;
        color: Black;
    }
    .timetableend {
        background: #839AAE;
        padding-left: 2px;
        height: auto;
        overflow: auto;
        border-bottom: 2px solid #587690;
        background: #839AAE;
    }
}