/* -- Reset default style -- */
body, h1, p{border:0; margin:0; padding:0;}
body{font-family:Arial, Helvetica, sans-serif; font-size:15px;}
.clear { clear: both; margin:0px; padding:0px; height:0px; overflow:hidden; }
/* ------------ */
/* HEADER */
#header{
padding:0px;
background:#cccccc;
border-bottom:solid 1px #DEDEDE;

}
/* PAGE BODY */
#page-body{padding:0px;}
h1{font-size:14px; font-weight:normal;}
h1 a:link, a:visited{color:#0033CC;}
.tag{font-size:12px; margin-bottom:20px;}
.tag a:link, .tag a:visited{color:#999999;}

.menuoption
{
background-color: #CCFFFF; 
padding: 4px; 
border-style: solid; 
border-width: 1px 1px 0px 1px;
background-image:url('../../images/arrow25.png');
background-repeat:no-repeat;
background-position:center right;
	
}

.menuoption a {display:block; line-height:25px;}

.menuoptionlast
{
background-color: #CCFFFF; 
padding: 4px; 
border-style: solid; 
border-width: 1px 1px 1px 1px;
background-image:url('../../images/arrow25.png');
background-repeat:no-repeat;
background-position:center right;

	
}


.homeoption
{
background-color: #f7f7f7; 
padding: 4px 4px 4px 10px; 
border-style: solid; 
border-width: 0px 0px 1px 0px;
background-image:url('https://www.metrobus.com/mobile/app_v2/images/back-black.png');
background-repeat:no-repeat;
background-position:center right;
text-align: left;
	
	
}

.homeoption a {display:block; line-height:35px;}

.homeoption p {margin-left:10px;}

.homeoptionapp
{
background-color: #CCFFFF; 
padding: 4px; 
border-style: solid; 
border-width: 1px 1px 0px 1px;
background-image:url('http://www.metrobustransit.ca/images/arrow25up.png');
background-repeat:no-repeat;
background-position:center left;
text-align: right;
	
}

.homeoptionapp a {display:block; line-height:20px;}


.textitems
{
padding:10px;}
}

/* FOOTER */
#footer{
padding:6px;
background:#444444;
border-top:solid 1px #DEDEDE;
color:#FFFFFF;
font-size: xx-small;
}
#footer a:link, #footer a:visited{
color:#666666;
}

#hor-zebra
{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	margin: 5px;
	width: 98%;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 11px;
	font-weight: bold;
	padding: 1px 1px;
	color: #039;
}
#hor-zebra td
{
	padding: 1px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}
#hor-zebra .oddsummer
{
	background: #ffffcc; 
}