/*
This is the main stylesheet for HTML schedules; to use it, replace any stylesheet occurrences in the
header of a schedule .html file with <link rel="stylesheet" type="text/css" href="/includes/sched.css" />
*/

body {
  color: #000000; 
  background: #FFFFF2;
}

.stopname, .linename, .schedule, .time, .day, .titles, .maintable, .footer, .subbodycopy {
  font-family:"Helvetica Neue",Verdana,Arial,sans-serif;
}

.linename {
  font-weight: bold;
  font-size: 16px;
}

.schedule {
    text-align: right;
    vertical-align: bottom;
    border: 0px solid #000000;
    font-size: 12px;
}

.day {
    font-weight: bold;
    font-size: 12px;
}

.titles {
    font-size: 12px;
    color: #FFFFFF;
    font-weight:bold;
    background: #444C4C;
}

.maintable {
    font-size: 12px;
}

.footer {
    font-size: 10px;
    text-align: center;
}
.subbodycopy {
    font-size: 12px;
    font-weight: normal;
    color: #000000;
}

/*
This is a stylesheet for HTML schedules; to use it, replace any stylesheet occurrences in the
header of a schedule .html file with <link rel="stylesheet" type="text/css" href="/includes/mobilesched.css" />
what's included below will ultimately be all that's used for the schedule css, once the reformatting is done -- 
this will allow for different style sheets to be more easily used for desktop and mobile presentation
*/

body {
color:#000000;
background:#fffff2;
font-family: "Helvetica Neue",Verdana,Arial,sans-serif;
font-size:12px;
}

a:link {
color:#005cab;
}
a:hover {
color:#ff0000;
}
a:visited {
color:#000000;
}

.schedheader
{
font-weight: bold;
font-size: 16px;
margin-top:5px;
margin-bottom:5px;
}

.schedh1
{
text-align:justify;
padding-bottom:10px;
}

.schedlinks
{
float:left;
}

.ptop
{
float:right;
}

.schedh2
{
clear:both;
text-align:justify;
margin-top:10px;
padding-bottom:10px;
}

.adamsg
{
float:left;
}

.schedeff
{
float:right;
font-size:10px;
}

.schedtitle
{
clear:both;
background:#000000;
color:#ffffff;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
margin-top:10px;
}

.schedname
{
padding-left:5px;
}
.scheddir
{
color:#ffff00;
padding-left:50px;
padding-right:50px;
}

/* this is from maintable */
table {
font-size: 12px;
width:100%;
border:0px;
cellpadding:0px;
cellspacing:0px;
}

.stopname {
  padding-right: 10px;
  padding-left: 10px;
  color: #FFFFFF;
  font-weight: bold; 
  padding-bottom: 10px;
  padding-top: 10px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  background: #657DB9;
}
/* added to allow proper formatting & highlighting of horizontally-arranged (shopper shuttle) schedules */
.stopnameh {
  padding-right: 10px;
  padding-left: 10px;
  color: #FFFFFF;
  font-weight: bold; 
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  background: #657DB9;
}

.time {
    font-size: 10px;
    text-align: right;
    vertical-align: middle;
    background: #E3E6F3;
    color: #000000;
    font-weight: normal; 
  
}

tr.time:hover {
	background-color: #b9c1e0;
	color: #ffffff;
	font-weight:bold;
}

tr.stopname:hover {
	background-color: #b9c1e0;
	color: #ffffff;
	font-weight:bold;
}

.schedfooter
{
margin-top:15px;
}

.schedf1
{
clear:both;
text-align:justify;
margin-top:10px;
padding-bottom:10px;
}

.pbottom
{
float:right;
}

.schedf2
{
clear:both;
text-align:center;
margin-top:20px;
}

.footmsg
{
font-size:10px;
}