@import url(https://fonts.googleapis.com/css?family=Raleway);
#Return{
	margin-top:50px;
    width: auto;
	background-color: #17aeff;
	color:#fff;
	border:2px solid #00CBFF;
	padding: 10px 0 10px 0;
	font-size:20px;
	cursor:pointer;
	border-radius:5px;
	display: inline-block;
	font-size: 40px;
}
.close {
	margin-top:9px;
    width:150px;
	background-color: #17aeff;
	color:#fff;
	border:2px solid #00CBFF;
	padding: 10px 0 10px 0;
	font-size:20px;
	cursor:pointer;
	border-radius:5px;
	display: inline-block;
}
.chooseForm{
	margin-top:9px;
	z-index: 50;
	display: inline-block;
	height: 48px;
}
.choose{
	z-index: 50;
	margin-top:9px;
	width:150px !important;
	background-color:#FFBC00;
	color:#fff;
	border:2px solid #FFCB00;
	padding:10px;
	font-size:20px;
	cursor:pointer;
	border-radius:5px;
	margin-bottom:0 !important;

}
#dimmer{
    background:#000;
    opacity:0.5;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    z-index:20;
}
table, th, td {
	padding: 1%;
	font-size: 97%;
	border: 2px solid #AAAAAA;
	border-collapse: collapse;
	height: 5%;
	text-align: center;
}
table.busTable tr:nth-child(even) {
    background-color: #eee;
}
table.busTable tr:nth-child(odd) {
   background-color:#fff;
}
table.busTable th	{
    background-color: black;
    color: white;
}
.popup{
	background-color: #B7B8C6;
	border: 2px solid #999999;
	cursor: default;
	position: fixed;
	display: none;
	width: 46.875%;
	height: auto;
	max-height: 90%;
	z-index: 50;
	padding: 15px;
	top: 3%;
	left: 50%;
	margin: 0 0 -3% -23.4375%;
}
.busSubHeader{
	background-color:#0688fa;
	text-align:center;
	border-radius:2px 2px 0 0;
	margin: 0;
	padding: 1.5%;
}
.busHeader{
	background-color: #CCCCFF;
	padding: 2.5%;
	margin: 0;
	font-size: 250%;
}
.busTableDiv{
	overflow: auto;
	height: auto;
	max-height: 300px;
	margin-bottom: 0;
}
.busTable{
	width: 100%;
	padding: 5px;
}
.editPhone{
	text-decoration: underline;
}
.profileDiv{
	float: left;
	margin-left: 50px;
	position: inline-block;
}
.buspic{
	width: 100%;
	height: 231px;
}
.busbox{
	float: left;
	width: 348.666666666666666px;
	height: 309.781px;
	padding: 10px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 14px solid #859fad;
	margin: 15px;
	display: inline-block;
	font-size: 20px;
	cursor: pointer;
}
.busbox:hover{
	background-color: #DF86AC;
	opacity: 50%;
	border-color: #FF5555;
}
.logout {
	transform: translateY(-30%);
	-moz-box-shadow:inset 0px 6px 7px 0px #29bbff;
	-webkit-box-shadow:inset 0px 6px 7px 0px #29bbff;
	box-shadow:inset 0px 6px 7px 0px #29bbff;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #2dabf9), color-stop(1, #0688fa));
	background:-moz-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-webkit-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-o-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:-ms-linear-gradient(top, #2dabf9 5%, #0688fa 100%);
	background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2dabf9', endColorstr='#0688fa',GradientType=0);
	background-color:#2dabf9;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
	border:6px solid #0b0e07;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:28px;
	padding:15px 50px;
	text-decoration:none;
	text-shadow:0px 1px 0px #263666;
}
.logout:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0688fa), color-stop(1, #2dabf9));
	background:-moz-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-webkit-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-o-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:-ms-linear-gradient(top, #0688fa 5%, #2dabf9 100%);
	background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0688fa', endColorstr='#2dabf9',GradientType=0);
	background-color:#0688fa;
}
.logout:active {
	position:relative;
	top:1px;
}
.creditDiv{
	margin: 0 auto;
}
.indexMain {
	width:auto;
	margin: 0 auto;
	font-family:raleway;
	text-align: center;
}
.main {
	width:1280px;
	margin: 0 auto;
	font-family:raleway;
	text-align: center;
}
#login {
	min-width: 300px;
	width: 21%;
	display: inline-block;
	text-align: left;
	border-radius:10px;
	border:2px solid #ccc;
	padding:10px 40px 25px;
	margin-top:2%;
	margin-bottom: 2%;
	background-color: #FFFFFF;
}
#profile {
	min-width: 1280px;
	height: 50px;
	padding: 40px;
	font-size:20px;
	background-color:#2C2C2C;
	margin: 0 auto;
	position: relative;
}
#logout {
	float:right;
	margin: auto;
}
#whichBus{
	width: 100%;
	font-size: 40px;
	display: inline-block;
	border-radius: 20px;
	border: 4px solid #AAAAFF;
	padding: 20px;
	background-color: #DDDDFF;
	margin-top: 50px;
	margin-bottom: 50px;
}
body {
	background-color: #CCCCDD;
}
h1{
	margin-top: 3%;
	font-size: 50px;
}
input[type=text],input[type=number] {
	width:94%;
	padding:10px;
	margin-top:8px;
	border:1px solid #ccc;
	padding-left:5px;
	font-size:16px;
}
input[type=submit] {
	width:100%;
	background-color:#FFBC00;
	color:#fff;
	border:2px solid #FFCB00;
	padding:10px;
	font-size:20px;
	cursor:pointer;
	border-radius:5px;
	margin-bottom:15px;
}
h2 {
	background-color:#FEFFED;
	text-align:center;
	border-radius:10px 10px 0 0;
	margin:-10px -40px;
	padding:15px;
}
span {
	color:red;
}
hr {
	border:0;
	border-bottom:1px solid #ccc;
	margin:10px -40px;
	margin-bottom:30px;
}
a {
	text-decoration:none;
	color:#6495ed;
}
b{
	font-size: 25px;
	color:#4545FF;
}
i {
	font-size: 25px;
	color:#FFFFFF;
}