/*----layout----*/
#sidebar{
float:right;
width:270px;
margin-bottom:10px;
}

#sidebar .city_bbs {
width:100%;
border:1px solid #CBCBCB;
}
#sidebar .city_bbs td{
padding:5px;
}
#sidebar .city_bbs .th td{
font-weight:bold;
border-bottom:1px solid #ddd;
}

/*-----line-list-----*/
#line-list{
float:left;
width:680px;
}
#line-list table caption{
height:29px;
line-height:29px;
vertical-align:middle;
padding-left:10px;
text-align:left;
border:1px solid #E8E8E8;
background:url(../../images/frontend/title-bg.gif) repeat-x top left;
}
#line-list table caption span {
color:#ff6600;
font-weight:bold;
}
#line-list table{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
#line-list table th,#line-list table td {
padding:3px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#line-list table .name{
line-height:25px;
text-align:center;
background:#f4f4f4;
}
#line-list table .name span{
padding-right:10px;
color:#ff6600;
font-weight:bold;
}
#line-list table .result {
padding:10px;
text-align:left;
background:#fff;
}
#line-list table .result  a{
padding:5px 10px;
font-size:14px;
}

#line-list table .station{
padding:5px;
line-height:20px;
}
#line-list table .station span {
padding-right:10px;
color:#ff6600;
}

#line-list table .station .line{
margin:6px 0;
border-bottom:1px solid  #ccc;
}

#line-list table .marker{
padding:3px;
margin-bottom:10px;
color:#fff;
background:#0268CC;
}
/*----station list----*/
#station-list{
float:left;
width:680px;
}
#station-list .title {
width:670px;
padding-left:10px;
border-top:1px solid #ccc;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
line-height:30px;
vertical-align:middle;
background:#f4f4f4;
}
#station-list span{
padding-right:50px;
font-size:14px;
font-weight:bold;
}
#station-list .title a{
padding-right:8px;
font-size:16px;
font-weight:bold;
text-decoration:underline;
}
#station-list .title a:hover{
color:#ff6600;
}
#station-list .list {
float:left;
width:660px;
padding:10px;
list-style:none;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:1px solid #ddd;
}
#station-list .list  li {
float:left;
width:220px;
line-height:30px;
vertical-align:middle;
font-size:14px;
}
#station-list .list  li a{
text-decoration:underline;
}
#station-list .list  li a:hover{
color:#ff6600;
}

/*------city-sitemap------*/
#city-sitemap{
margin:0;
padding:10px;
background:#fff;
}

#city-sitemap table {
width:100%;
}
#city-sitemap td {
padding:5px;
line-height:20px;
text-align:left;
}
#city-sitemap .title {
text-align:left;
font-size:14px;
font-weight:bold;
line-height:30px;
vertical-align:middle;
border-bottom:1px solid #ccc;
}
#city-sitemap .index{
color:#ff6600;
font-size:14px;
font-weight:bold;
}
#city-sitemap .list a{
width:80px;
cursor:pointer;
text-decoration:underline;
}
#city-sitemap .list a:hover {
color:#ff6600;
}

/*------sidebar------*/
#sidebar .map{
width:268px;
height:224px;
margin-bottom:10px;
border:1px solid #ccc;
}
#sidebar  ul {
padding:10px;
list-style:none;
border:1px solid #ccc;
}
#sidebar ul li {
line-height:15px;
margin-left:5px;
margin-bottom:6px;
}
#sidebar ul div{
line-height:25px;
vertical-align:middle;
color:#006CC6;
font-size:13px;
font-weight:bold;
}
#sidebar ul .title span{
padding-left:160px;
font-size:12px;
font-weight:normal;
}

#sidebar .title{
height:20px;
padding-top:5px;
padding-left:10px;
color:#0066CC;
font-weight:bold;
border:1px solid #ccc;
border-bottom:1px solid #ddd;
background:url(../images/point-title-bg.gif) repeat-x top left;
}
#sidebar .list{
padding-left:5px;
line-height:22px;
vertical-align:middle;
border:1px solid #ccc;
border-top:none;

}
#sidebar .list a {

}
/*--------line-more----------*/
#line-all{
float:left;
width:680px
}
#line-all table{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
#line-all table th,#line-all table td {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#line-all table th {
height:35px;
border-bottom:3px solid #ddd;
background:#f4f4f4;
}
#line-all table .type{
padding:10px;
background:#f4f4f4;
}
#line-all table .type ul{
font-size:13px;
list-style:none;
}
#line-all table .type ul li{
line-height:27px;
padding-left:10px;
background:url(../../images/frontend/icon-list-point.gif) no-repeat center left;
}
#line-all table  .name {
line-height:25px;
padding:5px 10px;
}
#line-all table  .name a {
color:#444;
padding-right:15px;
}
#line-all table  .name a:hover{
color:#ff6600;
text-decoration:underline;
}
/*-----station select-------*/
#station-select{
float:left;
width:680px
}
#station-select table caption{
height:29px;
line-height:29px;
vertical-align:middle;
padding-left:10px;
text-align:left;
border:1px solid #E8E8E8;
background:url(../../images/frontend/title-bg.gif) repeat-x top left;
}
#station-select table{
width:100%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
#station-select table td {
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#station-select .search-name{
text-align:center;
color:#046CC5;
font-size:13px;
}
#station-select .name-radio{
padding:10px;
}
#station-select .name-radio div {
float:left;
width:200px;
margin-bottom:10px;
}
/*--------city home----------*/
#city-home{
float:left;
width:680px
}
#city-home table{
width:100%;
margin-bottom:5px;
border:1px solid #ccc;
background:#F4F4F4;
}
#city-home table caption{
height:27px;
line-height:27px;
vertical-align:middle;
text-align:left;
padding-left:10px;
font-size:13px;
font-weight:bold;
border:1px solid #ccc;
border-bottom:3px solid  #DFDFDF;
background:#F4F4F4;
}
#city-home table td {
padding:5px 10px;
}
#city-home .letter{
line-height:35px;
vertical-align:middle;
}
#city-home .letter span{
padding-right:10px;
font-size:13px;
}
#city-home .letter a {
color:#444;
font-size:14px;
}
#city-home .letter a:hover{
color:#ff6600;
text-decoration:underline;
}
#city-home .line-list {
line-height:27px;
vertical-align:middle;
}
#city-home .line-list div{
width:640px;
overflow:hidden;
word-break:break-all;
}
#city-home .line-list .name {
height:27px;
border-border:1px solid #ddd;
}
#city-home .line-list .name  div{
float:left;
width:580px;
color:#666;
font-weight:bold;
}
#city-home .line-list .name a{
cursor:pointer;}
#city-home .line-list .more {
padding:5px;
border:1px solid #ddd;
background:#fefefe;
}
#city-home .line-list a {
padding-right:15px;
color:#444;
font-size:13px;
}
#city-home .line-list a:hover{
color:#ff6600;
text-decoration:underline;
}
#city-home .city-list {
line-height:27px;
}
#city-home .city-list a {
padding-right:15px;
color:#444;
font-size:13px;
}
#city-home .city-list a:hover{
color:#ff6600;
text-decoration:underline;
}
#city-home .announce div {
padding-left:10px;
line-height:30px;
vertical-align:middle;
background:url(../../images/frontend/announce-point.gif) no-repeat center left;
}
#city-home .input-text
{
width:150px;
border:0;
border-bottom:1px solid #ccc;
background:#fff;
}
#city-home .input-submit
{
width:70px;
height:26px;
color:#455E7C;
border:0;
background:url(../../images/frontend/search-submit.gif) no-repeat top left;
}

/*------search station-----*/
#stations.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; 
}
#stations .TabbedPanelsTabGroup {
float:left;
border:1px solid #ccc;
margin: 0px;
padding: 0px;
}
#stations .TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
list-style: none;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
}
#stations .TabbedPanelsTabSelected {
background-color: #EEE;
}
#stations .TabbedPanelsTab a {
text-decoration: none;
}
#stations .TabbedPanelsContentGroup {
clear: both;
}

#stations .VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
position: relative;
}
#stations .VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
}

#stations .VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
}
/*-------change search -------------*/
#change-search {
margin-bottom:20px;
}
#change-search .title{
float:left;
width:948px;;
padding-left:10px;
line-height:27px;
vertical-align:middle;
border:1px solid #E8E8E8;
border-bottom:none;
}
#change-search .title .box{
display:inline;
}
#change-search .title .left {
float:left;
width:600px;
}
#change-search .title .left span{
color:#ff6600;
font-weight:bold;
}
#change-search .title .right{
float:right;
padding-right:10px;
width:200px;
text-align:right;
}
#change-search .title .right a{
color:#444;
}
#change-search .title .right a:hover{
color:#ff6600;
}
#change-search table {
clear:both;
}
#change-search table caption{
height:29px;
line-height:29px;
vertical-align:middle;
padding-left:10px;
color:#ff6600;
font-weight:bold;
text-align:left;
border:1px solid #E8E8E8;
background:url(../../images/frontend/title-bg.gif) repeat-x top left;
}
#change-search table caption span {
color:#ff6600;
font-weight:bold;
}
#change-search table{
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}
#change-search table th{
padding:3px;
line-height:22px;
vertical-align:middle;
color:#ff3300;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#change-search table td {
padding:3px;
line-height:20px;
vertical-align:middle;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}
#change-search table td a {
padding-left:5px;
padding-right:5px;
}
#change-search table td a:hover{
color:#ff600;
text-decoration:underline;
}
#change-search .box{
position:relative;
}
#change-search .pop{
width:500px;
height:130px;
overflow:auto;
padding:5px;
line-height:22px;
vertical-align:middle;
position:absolute;
top:-140px;
left:0;
z-index:1000;
border:1px solid #ff6600;
background:#f4f4f4;
}
#change-search .popright{
width:500px;
height:130px;
overflow:auto;
padding:5px;
line-height:27px;
vertical-align:middle;
position:absolute;
top:-140px;
right:0;
z-index:1000;
border:1px solid #ff6600;
background:#f4f4f4;
}
#change-search .pop span,
#change-search .popright span
{
padding:3px;
color:#fff;
background:#0268CC;

}
/* Hide from IE/Mac \*/
*html #change-search .pop{top:-148x;}
*html #change-search .popright{top:-148px;}
/* End hide form IE/mac */