﻿body{
	width:1400px;
	font-family:Lucida Sans,Helvetica;
	font-size:85%;
}

#map{
    float:left;
    width:63%;
    height:702px;
    
}
#mapKey{
    float:left;
    margin-left: 10px;
    margin-bottom: 5px;
    border:1px solid black;
    padding:10px;
	padding-left:20px;
    width:32.8%;
}
#mapKey .title{
    text-decoration:underline;
}
#busRoutes
{
    /*height:480px;
    overflow:auto;*/
    border:1px solid black;
}
#toggleSwitch{
    padding-top:5px;
    padding-bottom:5px;
}
.mapControls{
    float:left;
    margin-left: 10px;
    border:1px solid black;
    padding:0 20px 60px 20px;
    width:32%;
    height:540px;
}
.mapControls h1{
    text-decoration:underline;
    margin-top:0;
    margin-bottom:0;
    float:left;
}
.mapControls select{
    float:left;
}
.mapControls h4{
    color:Red;
    margin-top:0;
    margin-bottom:0;
    padding-right:20px;
    float:right;
}
#parseResults{
    margin:5px;
}
#parseResults .routeDisplaySwitch, #parseResults .seperator{
    cursor:pointer;
    font-size:10px;
    margin-right:5px;
}


.link{
    cursor:pointer;
}
.redBackground{ background-color:Red;}
.clearBackground{ background-color:none;}
.blueFont{color:#042886;}
.redFont{color:#DC2C27;}
.boldFont{font-weight:bold;}
.clearBoth{clear:both;}
.hidden{visibility:hidden;}
/* map key */
.inboundRed{color:#f90404; vertical-align:super;font-size:48px;}
.outboundGreen{color:#3cb806; vertical-align:super;font-size:48px;}
.noStopBlack{color:#000000; vertical-align:super;font-size:48px;}
.snowPink{color:#f677d1; vertical-align:super;font-size:48px;}

/* loading icon */
#loadingIcon{
	left:200px;
	position:absolute;
	top:100px;
}
/* list loading area */
.listLoading{
    width: 448px;
    height: 454px;
    margin-left:10px;
}
/* help */
#helpIcon{
    margin-top:3px;
    margin-left:15px;
}
#helpInfo{
   left:200px;
   position:absolute;
   top:100px;
   background-color:White;
   padding:10px 10px 20px 20px;
   border:1px solid black;
	width:590px;
}
#helpInfo h1{
    float:left;
}
#helpInfo .closeIcon{
    float:right;
    font-size:120%;
    
}
#helpInfo .content ul{
    margin-right:40px;
}