html, body {
	font-family:Arial, Helvetica, sans-serif;
font-size: small;
	text-align: left;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-x: HIDDEN;
	overflow-y: HIDDEN;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

* {
    -webkit-text-size-adjust: none;
}

.alpha60 {
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.6);
}

form { margin: 0; }

a {text-decoration: none; font-family:Arial, Helvetica, sans-serif; cursor: pointer; }
a:link {text-decoration: none}
a:visited {text-decoration: none;}
a:active {text-decoration: none;}
a:hover {text-decoration: none}

a img {border: none}

hr { width: 200px; height:1px; background-color: #CCCCCC; border: 0; padding:0; margin: 0;}

.greyline { display:block; width: 100%; height:1px; background-color: #CCCCCC; border: 0; padding:0; margin: 0;}
/* Position */
#topbar, #topbar a{ color:#EEEEEE;}
#maintable {border-top: #A0A0A0 1px solid;}
#maintitle {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  color: #404040;}
#mainoption {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  color: #404040;}
#menubar {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  color: #FFFFFF;}
#routename {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  color: #000000;}
#fromtoname {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  color: #606060;}
#bookmark {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  color: #FFFFFF;}
#hotspot {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  color: #FFFFFF;}
#hotspot2 {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  color: #FFFFFF;}
#leftcol {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  width:200px;}
#stopname {font-family: Arial, Helvetica, sans-serif; font-weight: bold;  width:160px; color: #404040;}
#shownearbystop{font-family: Arial, Helvetica, sans-serif; font-size: 8pt; color: #FFA500;}
.charge{ color:#707070; font-weight:lighter; font-size: 8pt;}
#shownearbystop:hover{text-decoration: underline; color: #FF0000;}

#map img {behavior:none}

#bottom a:link,#bottom a:visited {
	text-decoration: none;
	color: #CCCCCC;
	padding-left: 10px;
	padding-right: 10px;
}
#bottom a:hover {
	text-decoration: underline;
}
#bottom {
	color: #CCCCCC;
}

select, input {font-family: Arial, Helvetica, sans-serif;}
textarea {font-family: Arial, Helvetica, sans-serif; font-size: 10pt}

table.tabtable {
	margin-bottom: 3px;
}

table.tabtable th {
	background: #404040 url(../images/main/bg_tabtitle.jpg) left top repeat-x;
	font-size: 9pt;
	background-color: #404040;
	color: #FFFFFF;
	padding-top: 2px;
	height: 18px;
	line-height: 18px;
	text-align: left;
	text-indent: 5px;
}

table.tabtable th.button {
	text-indent: 0px;
	text-align: center;
}	
table.tabtable td.text {
	border-bottom: #C6C6C6 1px solid;
	text-indent: 5px;
	line-height:20px;
	height:20px;
}
table.tabtable td {
	line-height:18px;
}

table.moduletable {
	margin-bottom: 0px;
}

table.moduletable th {
	font-size: 11pt;
	background-color: #404040;
	color: #FFFFFF;
	padding: 3px;
	height: 20px;
	line-height: 20px;
	text-align: left;
}
table.moduletable td.text {
	border-bottom: #C6C6C6 1px solid;
	text-indent: 5px;
	line-height:22px;
	height:22px;
}
table.moduletable th.button {
	font-size: 10pt;
	background-color: #404040;
	border-left: #CCCCCC 1px solid;
	color: #FFFFFF;
	padding: 3px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	cursor: pointer;	
}

table.moduletable th.button:hover {
	background-color: #606060;
	cursor: hand;
}

table.moduletable td.button a,table.moduletable td.button a:hover {
	color: #333333;
	text-decoration: none;
}

table.moduletable td a.leftbutton, table.moduletable td a.rightbutton  {
	display: block;
	width: 100%;
	height: 18px;
	padding: 3px;	
}

table.moduletable td.button {
	background-color: #DFDFDF;
	color: #333333;
	height: 18px;
	line-height: 18px;
	cursor: pointer;
	border-top: #FFF 1px solid;
}

table.moduletable td.button:hover,table.moduletable td a.leftbutton:hover, table.moduletable td a.rightbutton:hover {
	background-color: #EEEEEE;
	cursor: hand;
}

a.objbutton {
	display:block;
	background-color: #FFFFFF;
	padding: 1px;
	border-top: #FFF 1px solid;
	border-bottom: #CCC 1px solid;
        cursor: pointer;
}

a.objbutton:hover {
	background-color: #DDDDDD;
	cursor: hand;
}


table.popmenu {
        width:100%;
}
table.popmenu th {
        font-size: 10pt;
        background-color: #404040;
        color: #FFFFFF;
        padding: 2px;
        height: 18px;
        line-height: 18px;
        text-align: left;
        text-indent: 5px;
}
table.popupmenu td.button a,table.popupmenu td.button a:hover {
        color: #333333;
        text-decoration: none;
        text-indent: 5px;
}

a.button {
		display:block;
        background-color: #DFDFDF;
        color: #333333;
        padding: 2px;
        height: 16px;
        line-height: 16px;
        cursor: pointer;
        border-top: #FFF 1px solid;
        text-indent: 5px;
}

a.button:hover {
        background-color: #EEEEEE;
        cursor: hand;
}


table.popuptable {
	width:100%;
}
table.popuptable th {
	font-size: 10pt;
	background-color: #404040;
	color: #FFFFFF;
	padding: 2px;
	height: 18px;
	line-height: 18px;
	text-align: left;
	text-indent: 15px;
}
table.popuptable td.button a,table.popuptable td.button a:hover {
	color: #333333;
	text-decoration: none;
	text-indent: 5px;
}

table.popuptable td.button {
	background-color: #DFDFDF;
	color: #333333;
	padding: 2px;
	height: 16px;
	line-height: 16px;
	cursor: pointer;
	border-top: #FFF 1px solid;
	text-indent: 5px;
}

table.popuptable td.button:hover {
	background-color: #EEEEEE;
	cursor: hand;
}

.objtitle {
	font-size: 10pt;

}
.objtext {
	font-size: 7pt;
	font-weight: normal;

}
.objchitext{
	font-size: 8pt;
	font-weight: normal;

}
.tab_infobox {
	overflow: auto;
	width: 542px;
	height:250px;
}

.tab_infobox2 {
        width: 542px;
        height:250px;
}

.bignumber {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #FF9933;
}

.newsubmenu {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #000000;
}

.newsmenured {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        font-weight: normal;
        color: #FF0000;
}


.newmenutitle {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
        color: #000000;
}

.popuplbox {
	overflow: auto;
	top: 10px;
	left: 10px;
	width: 576px;
	height:460px;
	padding:10px;
}
#info { display:block; width: 100%;}
#wrapperopen{
        text-align: left;
	top: 10px;
	left: 10px;
        width: 756px;
        height: 200px;
        position: absolute;
        visibility: hidden;
        z-index: 4000;
}
#wrapper{
	text-align: left;
	top: 10px;
	left: 10px;
	width: 606px;
	height: 506px;
	position: absolute;
	visibility: hidden;
	z-index: 4000;
}
#wrapper2{
    text-align: left;
	top: 10px;
	left: 10px;
    width: 403px;
    height: 312px;
    position: absolute;
    visibility: hidden;
    z-index: 4000;
}

.popbox{
	border:2px solid #FFA500;
	background-color: #FFFFFF;    
    box-shadow:0 0 5px rgba(0, 0, 0, .5);
}
/*
#wrapper3{
        text-align: left;
		top: 10px;
		left: 10px;
        width: 506px;
        height: 406px;
        position: absolute;
        visibility: hidden;
        z-index: 5;
}
#wrapper4{
	text-align: left;
	top: 10px;
	left: 10px;
	width: 606px;
	height: 506px;
	position: absolute;
	visibility: hidden;
	z-index: 5;
}
*/
#wrapper3{
        text-align: left;
		top: 10px;
		left: 10px;
        width: 406px;
        height: 606px;
        position: absolute;
        visibility: hidden;
        z-index: 5;
}
#wrapper4{
	text-align: left;
	top: 10px;
	left: 10px;
	width: 506px;
	height: 606px;
	position: absolute;
	visibility: hidden;
	z-index: 5;
}
#wrapper5{
	text-align: left;
	top: 10px;
	left: 10px;
	width: 906px;
	height: 606px;
	position: absolute;
	visibility: hidden;
}
#wrapper6{
	text-align: left;
	top: calc(50% - 103px);
	left: calc(50% - 103px);
	width: 206px;
	height: 206px;
	position: absolute;
	visibility: hidden;
}



#wrappermap{
	text-align: left;
	top: 10px;
	left: 10px;
	width: 706px;
	height: 606px;
	position: absolute;
	visibility: hidden;
	z-index: 5;
}

/* FORM */
.label {
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	height: 28px;
	line-height: 28px;
	text-align: right;
	padding-right: 10px;
}
.inputtext {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: #BDC7D8 1px solid;
	background: none;
	padding: 3px;
	width: 160px;
}

.inputfile {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	border: #BDC7D8 1px solid;
	background: none;
	padding: 3px;
	width: 120px;
}

/* BOX */
.boxtitle { 
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	vertical-align: top;
	text-indent: 10px;
	
	background: #404040  url(../images/main/bg_tabtitle.jpg) left top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #FFFFFF;
}

.tablerow tr { 
	border-bottom: #CCCCCC 1px solid;
	display: block;
	width: 100%;
	height: 28px;
	line-height: 28px;
	padding-top: 1px;
	text-indent: 15px;
	
	background: #404040 url(../images/main/bg_tabtitle.jpg) left top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #FFFFFF;
}

/* CALENDAR */
.calendarToday{
	color: #FF0000;
	background-color: #CCCCCC;
	font-weight: bold;
}

.calendarHeader{
	font-weight: bold;
}

.calendar{
}

/* Search Result */
.searchResultCategoriesNormal{
	cursor: pointer;
	padding-left: 10px;
	width: 20%; 
	border: #0066CC 1px solid;
	vertical-align: middle;
}

.searchResultCategoriesmouseover{
	cursor: pointer;
	padding-left: 10px;
	width: 20%; 
	border: #59acff 1px solid;
	vertical-align: middle;
	background-color: #59acff;
	color: white;
}

.searchResultCategories_selected{
	padding-left: 10px;
	width: 20%; 
	border: #0066CC 1px solid;
	vertical-align: middle;
	background-color: #0066CC;
	color: white;
}
.apxTdRight {
        padding-left: 10px;
}

.stoplisttopbar{
	font-size:11px;
}

.toptabf{
	-webkit-text-size-adjust:none;
	font-size:10px;
	color:#606060;
}

.backbutton{
	font-size:8pt;
	color:#0055b8;
}

.wbackbutton{
	font-size:8pt;
	color:#FFFFFF;
}

.routetext{
	-webkit-text-size-adjust:none;
	font-size:8pt;
	color:#FFFFFF;
	vertical-align: middle;
	position: absolute;
	bottom: 0px;
}

.timesearchbut{
	background-color: #E0E0E0;
}

.timesearchbut:hover{
	background-color: #FF8822;
}

.expandbar{
}

.expandbar:hover{
	background-color: #FFDDAA;
}

.round_inputbox{
	padding: 5px;
    border: solid #cccccc 1px;
    background-color: #ffffff;
    border-radius: 5px;
}

.round_button{
	padding: 5px;
    border: solid #cccccc 1px;
    background-color: #EEEEEE;
    border-radius: 5px;
    cursor: pointer;
}

.round_button:hover{
	background-color: #ffc520;
 
}

.stopcell{
	padding:0px;
	border-spacing: 0px;
	height: 60px;
}

.stopcellstart{
	background-color:#eeeeee;
	height: 100px !important;
}

.p2proutetitle{
	text-align: center;
	vertical-align: middle;
	border-spacing: 0px;
	height: 40px;
	background-color: #0055b8;
	color: #ffffff;
	width: 100%;
}

.p2prouteexchange{
	padding:0px;
	border-spacing: 0px;
	background-color: #eeeeee;
	width: 100%;
	height: 40px;
}

.p2prouteexpand{
	padding:0px;
	border-spacing: 0px;
	background-color: #eeeeee;
	width: 100%;
	height: 30px;
	font-size: 12px; 
	color: #0055b8; 
	font-weight: normal;
}

.p2plistcell{
	padding:0px;
	height: 60px;
	width: 100%;
	border-spacing: 0px;
	border-bottom: solid #eeeeee 0px;
}

.routenocell{
	width: 40px; 
	height:29px;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	border: 0px;
}

.bottomimage{
	z-index: 1;
	position: relative;
	left:0px;
	top:0px;

}

.topimage{
	z-index: 2; 
	position:absolute; 
	top:22px; 
	left:15px
}

.topimage2{
	z-index: 2; 
	position:absolute; 
	top:10px; 
	left:11px
}

.printouttitle{
	text-align: left;
	vertical-align: middle;
	border-spacing: 0px;
	height: 40px;
	background-color: #0055b8;
	color: #ffffff;
}

.printoutcell{
	text-align: left;
	vertical-align: middle;
	padding: 5px;
	border-bottom: solid #0055b8 1px;
}

.sharep2pclear{
	background-image: url('checkbox_clear.png');
	background-size: 25px 25px;
	cursor: pointer;
 	width: 25px;
  	height: 25px;
}

.sharep2pblocked{
	background-image: url('checkbox_blocked.png');
	background-size: 25px 25px;
	pointer-events:none;
 	width: 25px;
  	height: 25px;
}

.sharep2pchecked{
	background-image: url('checkbox_checked.png');
	background-size: 25px 25px;
	cursor: pointer;
 	width: 25px;
  	height: 25px;

}

@media print {
    a {
        display:none;
    }
}