/* CSS Document */

/*
body {  background : #008697 url(images/skylineBG.gif) no-repeat ;
font-family: arial; font: 12px;
        margin:0px;
        padding: 0px; 
    }
*/  
    body {
        background : white;
        font-family : arial, helvetica;
        font-size : 12px;
        margin : 0px
    }
    
    .yellow { color: #F1CE47; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: none }
    .yellow:hover { color: #F1CE47; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: underline  }
    
    .darkblu { color: #008697; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: none }
    .darkblu:hover { color: #008697; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: underline  }
    
    .yellowbig { color: #F1CE47; font-family: arial; font-size: 18px; font-weight:bold; text-decoration: none }
    
    .yellowlist { color: #F1CE47; font-family: arial; font-size: 12px; font-weight:normal; text-decoration: none }
    .yellowlist:hover { color: #F1CE47; font-family: arial; font-size: 12px; font-weight:normal; text-decoration: underline }
    
    .footertext {color: white; font-family: arial; font-size: 10px; font-weight:normal; text-decoration: none }
    .footertextlink {color: white; font-family: arial; font-size: 10px; font-weight:normal; text-decoration: underline }
    .footertextlink:hover {color: white; font-family: arial; font: 10px; font-weight:normal; text-decoration: none }
    
    .hidden {color: #008697; font-family: arial; font-size: 8px; font-weight:normal; text-decoration: none}
    .hidden:hover {color: #008697; font-family: arial; font-size: 8px; font-weight:normal; text-decoration: none}
        
    .newsitem { color: #333333; font-family: arial; font-size: 11px; font-weight:normal; text-decoration: none}
    .newsitem:hover { color: #333333; font-family: arial; font-size: 11px; font-weight:normal; text-decoration: underline}
    
    .newsred { color: #008697; font-family: arial; font-size: 9px; font-weight:normal; text-decoration: none}
    .newsred:hover { color: #008697; font-family: arial; font-size: 9px; font-weight:normal; text-decoration: none}
    
    .yellowtitle { color: #F1CE47; font-family: arial; font-size: 18px; font-weight:bold; text-decoration: none }
    .yellowtitle:hover { color: #F1CE47; font-family: arial; font-size: 18px; font-weight:bold; text-decoration: underline }
    .yellownormal { color: #F1CE47; font-family: arial; font: 12px; font-weight:normal; text-decoration: none }
    
    .dgrey { color: #333333; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: none }
    .dgrey:hover { color: #333333; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: underline  }
    
    .dgreynorm { color: #333333; font-family: arial; font-size: 10px; font-weight:bold; text-decoration: none }
    .dgreynorm:hover { color: #333333; font-family: arial; font-size: 10px; font-weight:bold; text-decoration: underline  }
    
    .whitetitle { color: #Ffffff; font-family: arial; font: 18px; font-weight:bold; text-decoration: none }
    .whitetitle:hover { color: #ffffff; font-family: arial; font: 18px; font-weight:bold; text-decoration: underline }
    
    .white { color: #ffffff; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: none }
    .white:hover { color: #ffffff; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: underline  }

    .mainnav { color: #cce7ea; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: none }
    .mainnav:hover { color: #ffffff; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: none  }
    
    .maintext { color: #008697; font-family: arial; font-size: 12px; font-weight:normal; text-decoration: none }
    .maintext:hover { color: #008697; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: underline  }
    
    .dgreylink { color: #333333; font-family: arial; font-size: 11px; font-weight:bold; text-decoration: none }
    .dgreylink:hover { color: #333333; font-family: arial; font-size: 11px; font-weight:bold; text-decoration: underline  }
    
    .dblunorm { color: #026673; font-family: arial; font-size: 10px; font-weight:bold; text-decoration: none }
    .dblunorm:hover { color: #026673; font-family: arial; font-size: 10px; font-weight:bold; text-decoration: underline  }
    
    .dblutitle { color: #008697; font-family: arial; font-size: 18px; font-weight:bold; text-decoration: none }
    .dblutitle:hover { color: #F1CE47; font-family: arial; font-size: 18px; font-weight:bold; text-decoration: underline }

    .dblumed { color: #008697; font-family: arial; font-size: 14px; font-weight:bold; text-decoration: none }
    .dblumed:hover { color: #F1CE47; font-family: arial; font-size: 14px; font-weight:bold; text-decoration: underline }

    
    .listtext { color: #008697; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: none }
    .listtext:hover { color: #008697; font-family: arial; font-size: 12px; font-weight:bold; text-decoration: underline  }
    
    .darkblualt { color: #008697; font-family: arial; font-size: 12px; font-weight:normal; text-decoration: none }
    .darkblualt:hover { color: #008697; font-family: arial; font-size: 12px; font-weight:normal; text-decoration: underline  }
    
    .fieldtext {color: #1E8A9B; font-family: arial; font-size: 12px}

    .fieldtextlink { color: #1E8A9B; font-family: arial; font-size: 12px; text-decoration: underline }
    .fieldtextlink:hover { color: #1E8A9B; font-family: arial; font-size: 12px; text-decoration: none}

    .fieldtextgrey { color: #666666; font-family: arial; font-size: 12px }

    .fieldtextwhite { color: white; font-family: arial; font-size: 12px }

    .fieldtextlink2 { color: #1E8A9B; font-family: arial; font-size: 12px; text-decoration: none }
    .fieldtextlink2:hover { color: #1E8A9B; font: arial; font-size: 12px; text-decoration: underline }
    
    .input {background color: #86c6cd; border: solid 1px #73b4bf;  color: #333333; font-family: arial; font-size: 12px; font-weight:bold;}
    .input2 {background color: #86c6cd; border: solid 1px #73b4bf;  color: #333333; font-family: arial; font-size: 12px; font-weight:normal;}

    .mobile {background color: #bdff9f; border: solid 1px #73b4bf;  color: #333333; font-family: verdana; font-size: 10px; font-weight:bold;}

.messagetext { font-size: 12px; color: red; }
.locationtext { font-size: 12px; color: blue; font-weight: bold;}

.mystop_currentletter {color: pink; text-decoration:underline; font-size:12px; font-weight:bold;}
.mystop_activeletter {color: white; text-decoration:none; font-size:12px; font-weight:bold;}
.mystop_inactiveletter {color: gray; text-decoration:none; font-size:12px; font-weight:bold;}

.mystop_currenttown {color: #53ADB8; text-decoration:underline; font-size:14px; font-weight:bold;}
.mystop_town {color: #53ADB8; text-decoration:none; font-size:12px; font-weight:bold;}

.mystop_mapinput {background : white; }

.mystop_stopslist_header {text-align : center; background : #53ADB8; color:white; font-size:12px;font-weight:bold}
.mystop_stopslist_commonname {background : #D7E9EB;font-size:12px;}
.mystop_stopslist_code {color:black; background : #D7E9EB;font-size:12px; }
.mystop_stopslist_street {color:black; background : #D7E9EB;font-size:12px; }

.tttext { font: arial, verdana, sans-serif; font-size: 11px; color: #008091;}
.tttime { font: arial, verdana, sans-serif; font-size: 12px; font-weight: bold; color: #008091;}

.maintextgreen {color: #1D8A9B; font-size: 12px;  }

.vertw {
    writing-mode: tb-rl;
    filter:flipv fliph;
    font-family: sans-serif;
    font-size: 14px; 
    font-weight: bold;    
    color: #008697;
    background-color: white;
    white-space : nowrap;
}
.vertb {
    writing-mode: tb-rl;
    filter:flipv fliph;
    font-family: sans-serif;
    font-size: 14px; 
    font-weight: bold;    
    color: #008697;
    background-color: #CDE8EA;
    white-space : nowrap;
}
.blackfat {
    font-family: arial;
    font-size: 12px; 
    font-weight: bold;    
    color: black;
}
.whitefat {
    font-family: arial;
    font-size: 14px; 
    font-weight: bold;    
    color: white;
}

    .textblue {
        color:#008091;
        font-family: arial; 
        font-size: 12px; 
        font-weight:bold;
        text-decoration: none
    }

    .tm { font: arial, verdana, sans-serif; font-size: 12px; color: black;}

@media screen {
        .ttab {
            border: 0px solid black;
        }
        .hpc1 {
            width : 780px;
        }
        .sixh {
            width: 600px;
        }

        .pborder { 
            border:     0px solid gray;
        }

        .ponly {
            display:none;
        }
    .tm { font: arial, verdana, sans-serif; font-size: 12px; color: black;}
}

@media print
    {
    .tm { font: arial, verdana, sans-serif; font-size: 12px; color: black;}
        .npr {
            visibility:hidden;
        }
        .npd {
            display:none;
        }

        .pv {
            visibility: visible;
            page:       a4;
        }

        .pborder { 
            border:     1px solid black;
        }
        .tdb { 
            border:     1px solid gray;
        }

        .ttab {
            border: 1px solid gray;
        }

        .hpc1 {
            width : 100%;
        }

        .sonly {
            display:none;
        }

        .sixh {
            width: 100%;
        }
}
@page a4    {
      size:     21.0cm 29.7cm
      margin:   10%;
}