@CHARSET "UTF-8";
body {
background: #fff url("images/iphone.png") no-repeat scroll;
font: 18px Arial,sans-serif;
margin: 0;
padding: 0;
}
#Player {
background: #fff;
height: 535px;
position: absolute;
top: 137px;
left: 45px;
width: 335px;
}
#Nav {
background: #333;
color: #fff;
height: 35px;
font-size: 22px;
font-weight: bold;
position: absolute;
top: 0; left: 0;
width: 100%;
}
#NavTitle {
display: block;
margin: 0 auto;
overflow: hidden;
text-align: center;
width: 200px;
}
#Nav a.back {
color: #fff;
font-size: 14px;
position: absolute;
left: 0;
text-decoration: none;
width: 50px;
}
#NowPlaying {
color: #fff;
float: right;
font-size: 12px;
position: absolute;
right: 0;
text-align: right;
text-decoration: none;
width: 80px;
}
#LoadingPrompt {
padding: 3px;
position: absolute;
left: 96px;
top: 70px;
width: 100px;
}
#LoadingPrompt img {
float: left;
margin: 0 2px 0 0;
vertical-align: center;
}
#LoadingPrompt span {
float: left;
padding: 2px 0 0;
}
#Content {
height: 330px;
overflow: auto;
position: absolute;
top: 35px;
width: 330px;
}
#Embed {
height: 70px;
position: absolute;
top: 365px;
width: 100%;
}
#Advert {
height: 100px;
position: absolute;
top: 435px;
width: 100%;
text-align: center;
}
.list ul {
border-bottom: 1px solid #eee;
list-style: none;
margin: 0;
padding: 0;
}
.list ul li {
clear: left;
display: block;
float: left;
list-style: none;
height: 39px;
margin: 0 0 -1px;
padding: 0;
overflow: hidden;
width: 315px;
}
.list ul li a {
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
color: #000;
display: block;
height: 22px;
margin: 0;
padding: 8px 8px;
text-decoration: none;
}
.list ul li a:hover {
background: #eee;
}
.list ul li a:active {
border: 0px solid #eee;
border-top-width: 1px;
background: blue;
color: white;
outline: none;
}
#StationList li .name {
clear: left;
float: left;
margin: -8px 0 0;
white-space: pre;
}
#StationList li .metro {
clear: left;
color: #666;
float: left;
font-size: 10px;
white-space: pre;
}
#Station img.logo {
float: left;
margin: 5px;
}
div.pagination {
text-align: center;
width: 100%;
}
div.pagination a{
color: #999;
font-weight: bold;
text-align: center;
text-decoration: none;
}
div.pagination a.current {
color: #000;
}
img, a img {
border: 0;
}
#Popout {
position: absolute;
left: 133px;
top: 550px;
height: 70px;
width: 70px;
}
#Popout * {
display:none;
}