body {background-color:#ffffff;color:#333333;font-size:x-small;font-family: Verdana, Arial, Helvetica, sans-serif;}
body,ul,li,table,tr,td {margin:0;padding:0;}
img {border:0;}
table,tr,td {border:0;border-collapse:collapse;border-spacing:0;vertical-align:top;}
td {padding:2px;}
div,ul,form,p{padding-left:2px;}
table {margin-left:2px;}
ul li {list-style:none;}
small, .d {color:#aaaaaa;}
a {color:#007AC9;text-decoration:none;}
a:active, a:hover {text-decoration:underline;}

#header {
 width: 99%;
 background: #FFD101;
 color: #007AC9;
 padding:2px 5px 2px 5px;
}

#header a{
 color: #007AC9;
}

#logo {
 margin: 0 5px 0 5px;
}

#content {
 width: 99%;
 background: #F0F0F0;
 margin: 0 5px 0 5px;
 border-top: 1px solid #0078C9;
 border-bottom: 1px solid #0078C9;
}

.menubtn {
 width: 160px;
 display: block;
 padding: 2px 30px 2px 0;
 background: url(../public/images/mobile/arrow_left.png) no-repeat center right;
}

.menubtn:hover {
 text-decoration: none;
}

.menubtn-border {
 width: 160px;
 display: block;
 margin: 0 5px 0 5px;
 padding: 2px 30px 2px 0;
 background: url(../public/images/mobile/arrow_left.png) no-repeat center right;
 border-bottom: 1px solid #0078C9;
}

.menubtn-border:hover {
 text-decoration: none;
}


img.centered, .aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	display: inline;
	margin:0 0 10px 20px;
}
img.alignleft {
	display: inline;
	margin:0 20px 10px 0px;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}

ul.iconlist {
  list-style-type: none;
  padding: 5px 2px;
}

li.icon {
	padding: 2px 10px 0 30px;
	margin-bottom: 5px;
	list-style-type: none;
}

li.juna {
  background: url(../public/images/mobile/juna.png) no-repeat top left;
}

li.bussi {
  background: url(../public/images/mobile/bussi.png) no-repeat top left;
}

li.raitio {
  background: url(../public/images/mobile/raitio.png) no-repeat top left;
}

li.lautta {
  background: url(../public/images/mobile/lautta.png) no-repeat top left;
}

li.metro {
  background: url(../public/images/mobile/metro.png) no-repeat top left;
}

span.blue {
	color:#007AC9;
	font-weight: bold;
}

span.line {
	color: #007AC9;
	font-weight: bold;
	padding: 5px;
}
