body  {
           text-align: center;
           background-color: #FFFFFF;
           margin: 0;
           padding: 0;
           font-family: verdana, helvetica,  sans-serif;	  
	}
			
    h5 
    {
        text-align: center;
    }
    
    #container 
    {
        margin: 0 auto; 
        text-align:left; 
       /* width:320px;*/
        width: 100%;
        background-color: White;
        padding:0;
    }
    
    
    #container table 
    {
        margin: 0;
        padding: 0;
    }  
    
	/* hyperlink attributes */

	a:link     { color:black; text-decoration:none;}
	a:visited  { color:black; text-decoration:none;}
	a:hover    { color:chocolate; text-decoration:none;}
	a:active   { color:chocolate;text-decoration:none;}
    
    #footer {
		clear: both;
		background-color: #D5A617;
		padding:0;
		width:100%;
	}

   #footer a 
    {
     color: white;  
    }
    	
	
	#footer p {
		margin:0;
		font-size: .65em;
		text-align: center;
		font-weight:bold;
	    
	} 
	
	
	input {
		border-style: none;
		background-color: #FFFFFF;
		color: #102132;
	}

	.underline {		
		border-bottom: 1px solid #000000;
	}


	img.icon	
	{
	   float:left; 
	   margin-right:10px;
	}
	
	img {
		border: none;
	}
	
	h2 
	{
	  font-size: 1.1em;
	  margin:0;
	  padding:0;
	  display:inline;
	}
	
	h2.icon 
	{
    padding-top:10px;
 
	}

	h2.red
	{
    color:#800000;
 
	}

    /* GoogleTransit */
        
    #googletransit 
    {        
        margin:0;
        background-color: #FFFFB3; 
        width:100%;
	    height:260px;
    }
            
	#googletransit form {
		margin:0;
		padding: 0.5em 0.5em;
	}

	#header-google img 
	{
	    margin-top:5px;
	    margin-left:10px;
		border-top: 5px solid white;
		border-bottom: 5px solid white;
		border-left: 10px solid white;
		border-right: 10px solid white;
	}
	
	#where, #when {
		text-align:left;
		padding-left: 5px;
		padding-bottom: 1px;
	}

	#where p {
		margin:0;
		font-family:verdana;
		color: #CC9900; /* ochre */
		font-size: .83em;
	}

	#go-google 
	{
	    /*padding-bottom: 10px;*/
    	text-align:center;
    	margin-top:10px;
	}

	#go-google input {
		background-color: #F3C538;
	}

	#ttype {
		width: 30%;
	}

	#googletransit .tlp-where {
		/*display: block;*/
		width: 100%;
		font-family: verdana;
		border-bottom: 1px solid darkkhaki;
		margin-bottom: 5px;
		color: black; 
	}
	
	#googletransit .tlp-when {
		width: 29%;
		margin-right:10px;
		font-family: verdana;
		border-bottom: 1px solid darkkhaki;
		/*margin-left: 1%;*/ /*this messes everything up for some reason*/

	}

    /* route number direct form */

	#route {
		width: 100%;
		background-color: #C5E9F1;	
		margin: 0;
		margin-top:10px;

	}
	
	#routesub {
		margin-left:45px;
		font-size:.76em;
		font-weight:bold;
        margin-bottom:10px;		
		
	}

	#route form {
		margin: 0;
		padding: 0.5em 0.5em;
	}

	#route input {
		background-color: white;
	}
	
	#route b {
		color: brown;
		font-size: .83em;
	}
	#route p {
		font-size: .73em;
		padding: 0;
		padding-left: 0.5em;
		line-height: 1.6em;	
		text-align: left;
		font-weight: normal;
	}
	
	#route .routeNo {
		border-bottom: 1px solid darkkhaki;

	}

	#route-fields {
		font-size: .80em;
		color: black;	
		padding: 1em 0em;
	}

	#route-submit {
		text-align:center;
	}

    /* service disruption */

	#big-alert {
		padding: 0 1em;	
	    text-align: left;
	    background-color: #FDF5E3;
	    margin:0;
	}

	#big-alert-detail {
		padding: 1em;	
	    text-align: left;
	    background-color: #FDF5E3;
	    font-size: .80em;
	    margin:0;
	}	
	
	
   #big-alert hr
    {
        color: gray;
        height: 1px;
        
    }
	
	#big-alert p {
		color: #000000;
		text-align: left;
		font-size: .83em;
		line-height: 1.5em;
	}
	
	#rideralertsdetail {
		background-color: #FBEABB;
		margin-left: 0px;
		margin-top: 0px;
		padding: 0;	
		padding-top: 1em;
		text-align:left;
	}

	#rideralertsdetail p {
		margin: 0;
		padding: 0 1.2em;
		color: #CC9900; /* ochre */		
		font-size: .83em;
		font-weight: bold;
		text-align: center;
		
	}
	
	#rideralertsdetail p b {
		color: #800000;
	}

	#rideralertsdetail ul {
		margin: 0;
		font-size: .83em;
		list-style-type: square;
		margin-left: 5em;
		padding: 1em 2em .5em 2em;
		
	}

	#rideralertsdetail li {
		padding: 0 0 0.5em 0;
		border-bottom: 1px dashed silver;	
		margin: 5 0 0.3em 0;
	}
	
	
	#rideralerts 
	{
		margin: 0;
		padding: 5px 5px 0 5px;  /* top right bottom left*/
		color: #CC9900;	
		font-size: .95em;
	}	

	#rideralerts p b {
		color: darkred;
		
	}

	#rideralerts li {
		padding: 5px 40px 5px 10px;  /* top right bottom left*/
		border-bottom: 1px dashed silver;		
		margin: 0 0 0.3em 0;
		background-position: center right;
		background-repeat: no-repeat;
		background-image: url(images/more.png);     
		list-style:none;
	}

	#service p {
		margin:2;
		padding:.5em 0;
		font-weight: light;
		color: darkred;
		text-align: center;
		font-size: .85em;
	}
	
   #faremain {
        color: #422100;
    }

   #faremain p {
       font-weight: bold;
    }

    #faremain ul {
             margin:0; 
             padding:0;
    }

    #faremain li {
             background-color: white;
             border-bottom: 1px solid gainsboro;
    }

    #faremain li a {
             color: #422100;
             text-decoration: none;
             display: block;
             padding-right: 5px;
             background-position: center right;
             background-repeat: no-repeat;
             background-image: url(images/more.png);     
             list-style:none;
             padding: 10px 40px 10px 10px;  /* top right bottom left*/
    }
	

	#servicechange {
		background-color: #ECFFFF;
		margin-left: 0px;
		padding: 0;	
		padding-top: 1em;
		margin-bottom: 10px;
		margin-top: 10px;
	}

	#servicechange p {
		margin: 0;
		padding: 0 1.2em;
		color: #CC9900; /* ochre */		
		font-size: .83em;
		font-weight: bold;
		text-align: center;
	}
	
	#servicechange ul {
		margin: 0;
		font-size: .83em;
		list-style-type: square;
		margin-left: 2em;
		padding: 1em 2em .5em 2em;
		
	}

	#servicechange li {
		padding: 0 0 0.5em 0;
		border-bottom: 1px dashed silver;	
		margin: 5 0 0.3em 0;
	}
	
	/*Rider Alert*/
	#rider {
		background-color: #FFF2F2;
		margin-left: 0px;
		padding: 0;	
		padding-top: 1em;
	}

	#rider p {
		margin: 0;
		padding: 0 1.2em;
		color: #CC9900; /* ochre */		
		font-size: .83em;
		font-weight: bold;
		text-align: center;
	}
	
	#rider ul {
		margin: 0;
		font-size: .83em;
		list-style-type: square;
		margin-left: 2em;
		padding: 1em 2em .5em 2em;
		
	}

	#rider li {
		padding: 0 0 0.5em 0;
		border-bottom: 1px dashed silver;	
		margin: 5 0 0.3em 0;
	}

     
    #header 
    {
        margin-top: 0px;
        margin-left: 0px;
    }
	
    #mobileLogo {
            /* display: block;
            height: 25px;  height of images/tricolor.png */
            margin: 0;
            background-image: url(images/tricolor.png);
            display: inline-block;    
            padding:2px 5px;
            margin-top:1px;
            background-color:White;
            font-size: 1.42em;
            color:Gray;
            font-weight: bold;
            width:100%;
      }


#listing ul {
         margin:0; 
         padding:0;
         list-style-type:none;
         border-top: 1px solid gainsboro;
}

#listing li {
         padding: 12px 0px 8px 8px;
         background-color: white;
         font-size: 1em;
         border-bottom: 1px solid gainsboro;
}

#listing li a {
         color: #422100;
         text-decoration: none;
         display: block;
         padding-right: 5px;
         background-position: center right;
         background-repeat: no-repeat;
         background-image: url(images/more.png);     

}

/* temporary alerts that go above the Service Disruption section */
#redalert {
    padding: 12px 0px 0px 8px;
}

#redalert p {
    text-align: left;
    line-height: 1.5em;
}

#redalert a {
    font-weight: bold;
    text-decoration: underline;
}


/* bold alerts*/

#boldalerts {
    font-weight:bold;
}

#boldalerts ul {
    margin: 0;
    padding: 0.68em 0em;
}

#boldalerts li {
    border: none;
}

#boldalerts li .border {
    border: 1px dashed silver ;
}

#boldalerts i {
    font-weight: normal;
    font-style: normal;
}

.p {
    display: inline-block;
    padding-bottom: 1em;
    font-size: 0.83em;
}