#wrapper{
margin:auto;
height:260px;
overflow:hidden;
}
.search-box{
bottom: 0;
}
*html .search-box{
bottom: 19px;
}
#tubemap{
height: 225px !important;
}
]]>
#wrapper{
margin:auto;
height:500px;
overflow:hidden;
}
.search-box{
top: 500px;
border-bottom:1px solid #ababab;
}
*html .search-box{
top: 470px;
}
#tubemap{
height: 100%;
}
]]>
html,body{
border:0;padding:0;
text-align:center;
/*background:#eeeeee;*/
}
#header{
color: #FFF;
margin: 0;
font-size: 12px;
font-weight: normal;
padding: 3px 26px;
background: #113b92 url('http://tfl.gov.uk/tfl/syndication/widgets/images/roundel-header.gif') center left no-repeat;
text-align: left;
text-indent:-999em;
}
#targetBox{
border:2px solid #00b3f0;
position:absolute;
z-index:3;
left:0px;
top:0px;
display:none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.flashon {
background: #fff;
}
.flashoff {
}
/* Tube map CSS */
#tubemap{
position: relative; /* The combination of these two */
overflow: hidden; /* triggers a bug in Firefox 1.0 */
width: 100%;
/*
width: 260px;
height: 260px;
*/
z-index: 10;
margin: 0px;
}
#mapzoom1,
#mapzoom2{
position: relative;
z-index: 1;
}
#mapzoom2{
left: -555px;
top: -381px;
width: 1650px;
height: 1100px;
background-repeat: no-repeat;
}
#mapzoom2 img{
cursor: move;
border:1px solid #ababab;
}
.search-box{
background: #F7F7F7 url('http://www.tfl.gov.uk/tfl/common/images/grey-panel-header.gif') repeat-x;
position: absolute;
left: 0;
width: 100%;
padding: 4px !important;
z-index: 100;
}
#searchBox {
width: 150px;
}
*html .search-box{
bottom: 19px;
}
.search-box form{
margin-bottom: 0 !important;
text-align: center;
}
]]>
