* {margin:0; padding:0; list-style: none}
* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "css/images/transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}
body {font-family: Tahoma; font-size: 11px}
.clear {clear: both; font-size:0}
a {text-decoration: none; outline: none}
a:hover {text-decoration: underline; outline: none}
.r_sep {height: 5px}
img {border:0}
.body {width: 900px; background-color: #fff; display: block}
.header {position: relative; z-index: 99999999; width: 900px}
.header .meteor {position: absolute; left: 160px}
.header .meteor .meteor-item {float: left; padding-top: 5px; margin-right: 20px; padding-right: 20px; background: url(images/sep_1.png) right repeat-y;}
.header .meteor .meteor-img {float: left; margin-right: 10px; margin-top: -5px}
.header .meteor .meteor-city {float: left; font-weight: bold; font-size: 10px;}
.header .meteor .meteor-city span {display: block; margin-bottom: 2px}
.header .logo {position: absolute; width: 150px; height:75px}
.header .logo img {width: 150px; height:75px}
.header .t-bar {
background: url(images/t-bar.png) no-repeat;
width: 900px;
height: 25px;
margin-bottom: 9px;
overflow: hidden
}
.header .t-bar .tmenu {float: right; margin-right: 10px; margin-top: 5px}
.header .t-bar .tmenu a {color: #525F69}
.header .t-bar .tmenu .sep {margin: 0 4px 0 4px}
.header .t-lm {
background: url(images/t-lm.png) no-repeat;
width: 900px;
height: 33px;
margin-bottom: 13px;
overflow: hidden
}
.header .t-lm .lmContent {
float: left;
position: relative;
width: 440px;
left: 280px;
margin-top: 11px;
font-size: 12px;
color: #fff
}
.header .t-lm .lmContent a {color: #fff; font-weight: bold}
.header .t-lm .member {float: right; margin-top: 11px; width: 120px; height: 33px}
.header .t-lm .member .signup {float: left; margin-right: 35px}
.header .t-lm .member .newuser {float: left}
.header .t-lm .member a {color: #fff}
#newsGroup {height:20px}
.header .menu_3 {
height:60px;
left:37px;
position:absolute;
top:95px;
width:100px;
}
.header .menu_3 .item {
font:100 8pt/11px Tahoma;
height:20px;
}
.header .menu_3 .item a {color: #787878}
.header .t-900x90 {width: 728px; height: 90px; overflow: hidden; margin-bottom: 10px; margin-left: 170px;}
.header .topmenu {background: url(images/menu-bg.png) no-repeat; width: 890px; height: 35px; overflow: hidden}
.header .topmenu .item {
float: left;
width: 119px;
height:23px;
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold
}
.header .topmenu .item a {color: #fff}
.header .topmenu .tm-1 {
padding-left: 30px;
width: 80px;
}
.header .topmenu .tm-2 {
padding-left: 48px;
width: 100px;
}
.header .topmenu .tm-3 {
width: 103px;
padding-left: 37px;
}
.header .topmenu .tm-4 {
width: 100px;
padding-left: 38px;
}
.header .tm-search {
float: right;
background: url(images/search-bg.png) no-repeat;
margin-top: 8px;
width: 215px;
height: 21px
}
.header .tm-search .search {
float: right;
background: url(images/top_menu/icon_search.gif) no-repeat;
margin-right: 18px
}
.header .tm-search .search .input {
background: url(images/top_menu/tm-s-bg.png) no-repeat;
float: left;
width: 125px;
height: 21px;
padding-left: 2px;
margin-right: 4px
}
.header .tm-search .search .inputTxt {
background-color: transparent;
width: 125px;
padding:3px 0 2px 0;
border: 0;
font-size: 11px;
}
.header .tm-search .search .button {
float: left;
}
.header .menu {
background: url(images/mainmenu-bg.png) no-repeat;
width: 900px;
height: 32px;
padding-top: 3px;
overflow: hidden;
font-family: Verdana;
font-size: 12px;
}
.header .menu a {
display: block;
float: left;
margin: 8px 5px 5px 5px;
color: #fff
}
.header .menu .sep {
background: url(images/menu_sep.gif) no-repeat;
display: block;
float: left;
width: 2px;
height: 19px;
margin: 8px 5px 5px 5px
}
.header .menu .m-items {float: left; width: 750px; overflow: hidden}
.header .menu .m-all-city {float: right; padding-right: 10px; height: 30px}
.header .slide-city {position: relative; z-index: 99999;}
.header .slide-city .sc-content {position: absolute; width: 900px; height: 0px; overflow: hidden; background: transparent url(images/menu-transparent.png)}
.header .slide-city .item {
float: left;
width: 100px;
margin-left: 2px;
margin-right: 6px;
font-size: 10px;
font-weight: bold
}
.header .slide-city .item a {display: block; padding: 4px; padding-left: 10px; color: #fff}
.header .slide-city .item a:hover {padding-left: 10px; text-decoration: underline; color: #fff}
#left {float: left; width:570px; padding: 10px 0 10px 10px}
#right {float: right; width: 300px; padding-top: 10px}
#left-2 {float: left; padding: 10px 0 10px 10px}
#right-2 {float: right; width: 300px; padding-top: 10px}
#left-3 {float: left; padding: 10px 0 10px 10px}
#right-3 {float: right; width: 300px; padding-top: 10px}
.headline {
background: url(images/headline-bg.png) no-repeat;
width: 570px;
height: 420px;
overflow: hidden
}
.headline .left {float: left; width: 280px}
.headline .left .shortContent {width: 260px; margin-left: 15px; margin-top: 15px; margin-bottom: 25px}
.headline .shortContent .sc-top {margin-bottom: 5px;}
.headline .shortContent .city {float: left; color: #cc0000; font-family: Verdana; font-size: 12px; font-weight: bold}
.headline .shortContent .date {float: right; color: #666; font-size: 10px}
.headline .shortContent .spot {font-family: Verdana; font-size: 11px; height: 48px; overflow: hidden; line-height: 16px;}
.headline .right {float: right; width: 280px; margin-right: 5px}
.headline .left .hlimage {width: 260px; height: 198px; margin: 15px 0 0 15px}
.headline .left .hlimage img {width: 260px; height: 198px}
.headline .left .local {margin: 25px 0 0 13px}
.headline .left .local .item {
float: left;
width: 84px;
border-top: 1px dotted #C2C7CA;
margin-left: 2px;
margin-right: 2px;
font-size: 10px;
font-weight: bold
}
.headline .left .local .item a {background: url(images/c_bullet.gif) 0 7px no-repeat; display: block; padding: 4px; padding-left: 10px; color: #000}
.headline .left .local .item a:hover {background: #fff url(images/c_bullet.gif) 0 7px no-repeat; padding-left: 10px; text-decoration: none; color: #cc0000}
.headline .left .local .all-local {
padding: 8px 0 0 0;
text-align: center;
font-weight: bold;
}
.headline .left .local .all-local a {color: #000}
.headline .hl-flash {height: 30px;}
.headline .right .titles {width: 270px; margin: 10px 0 0 10px}
.headline .right .titles li {display: block-inline; margin-bottom: 1px;}
.headline .right .titles li.over {background: url(images/headline-item-bg.png) no-repeat;}
.headline .right .titles li a {
background: url(images/headline/arrow.gif) 0 10px no-repeat;
display: block;
height: 20px;
padding-top: 7px;
padding-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000
}
.headline .hl-page {margin-top: 10px; margin-left: 10px}
.headline .hl-page a {display: block; float: left; font-weight: bold}
.headline .hl-page a.on {
background: url(images/headline-p-1.png) no-repeat;
width: 20px;
height: 16px;
overflow: hidden;
padding-top: 3px;
text-align: center;
color: #fff;
margin-right: 4px
}
.headline .hl-page a.off {
background: url(images/headline-p-2.png) no-repeat;
width: 20px;
height: 16px;
overflow: hidden;
padding-top: 3px;
text-align: center;
color: #000;
margin-right: 4px
}
.headline .hl-page a.off:hover {background: url(images/headline-p-1.png) no-repeat; color: #fff}
.headline .hl-page a.rss {background: url(images/headline-rss.png) no-repeat; width: 19px; height: 19px; margin-left: 6px}
.headline .slide-town {position: relative}
.headline .slide-town .st-content {position: absolute; left: 10px; top: -15px; width: 270px; height: 0px; overflow: hidden; background: transparent url(images/menu/menu-transparent.png)}
.headline .slide-town .item {
float: left;
width: 84px;
margin-left: 2px;
margin-right: 2px;
font-size: 10px;
font-weight: bold
}
.headline .slide-town .item a {display: block; padding: 4px; padding-left: 10px; color: #fff}
.headline .slide-town .item a:hover {padding-left: 10px; text-decoration: underline; color: #fff}
.ad_300x250 {
width: 300px;
height: 250px;
overflow: hidden;
margin-bottom: 15px
}
.ad_900x90 {width: 900px; margin-bottom: 10px}
.constWriter_1 {
position: relative;
background: url(images/writer-box-1.png) no-repeat;
width: 270px;
height: 60px;
margin-left: 10px;
margin-bottom: 10px;
font-family: Tahoma
}
.constWriter_1 .image {position:absolute; top: -11px; left: 1px; width:60px; height: 70px; overflow: hidden}
.constWriter_1 .name {position:absolute; top: 5px; left: 72px; font-weight: bold}
.constWriter_1 .name a {color: #cc0000}
.constWriter_1 .cwTitle {position:absolute; top: 20px; left: 72px; height: 14px; overflow: hidden}
.constWriter_1 .cwTitle a {color: #000}
.constWriter_1 .view_count {position:absolute; top: 40px; left: 84px; font-size: 10px; color: #666}
.constWriter_1 .comment_count {position:absolute; top: 40px; left: 190px; font-size: 10px; color: #666}
.constWriter_1 img {width:60px; height: 70px}
.constWriter_2 {
position: relative;
background: url(images/writer-box-2.png) no-repeat;
width: 300px;
height: 60px;
margin-top: 10px;
margin-bottom: 10px;
font-family: Tahoma
}
.constWriter_2 .image {position:absolute; top: -11px; left: 1px; width:60px; height: 70px; overflow: hidden}
.constWriter_2 .name {position:absolute; top: 5px; left: 75px; font-weight: bold}
.constWriter_2 .name a {color: #cc0000}
.constWriter_2 .cwTitle {position:absolute; top: 20px; left: 75px; height: 14px; overflow: hidden}
.constWriter_2 .cwTitle a {color: #000}
.constWriter_2 .view_count {position:absolute; top: 40px; left: 84px; font-size: 10px; color: #666}
.constWriter_2 .comment_count {position:absolute; top: 40px; left: 190px; font-size: 10px; color: #666}
.constWriter_2 img {width:60px; height: 70px}
.boxNews_1Two {width: 375px}
.boxNews_1Tree {width: 570px}
.boxNews_1 {margin-bottom: 0px; padding: 0 0 10px 0; overflow: hidden}
.boxNews_1 .item { float:left; width: 180px; padding: 0 0 0 15px}
.boxNews_1 .first {padding: 0}
.boxNews_1 .item .image {background: url(images/img-box-2.png) no-repeat; width: 170px; height: 129px; overflow: hidden; margin: 0 0 5px 0; padding: 5px}
.boxNews_1 .item img {width: 170px; height: 129px}
.boxNews_1 .item .category {margin : 0 0 2px 0; font-family: Tahoma; font-size:11px; font-weight: bold; display: block}
.boxNews_1 .item .category a { color: #CC0000; text-decoration: none}
.boxNews_1 .item .category a:hover { color: #CC0000; text-decoration: underline }
.boxNews_1 .item .title {
width: 180px;
height: 105px;
display: block;
overflow: hidden;
margin : 0 0 2px 0;
font-family: Arial;
font-size:18px;
font-weight: bold
}
.boxNews_1 .item .title a { color: #004080; text-decoration: none}
.boxNews_1 .item .title a:hover { color: #004080; text-decoration: underline}
.boxNews_1 .item .spot {
display: block;
height: 49px;
overflow: hidden;
padding-bottom: 5px;
font-family: Verdana;
font-size: 11px;
font-weight: normal
}
.boxNews_1 .item .spot a { color: #333; text-decoration: none}
.boxNews_1 .item .spot a:hover { color: #333; text-decoration: underline}
.boxNews_1 .item .comment {
border-top: 1px dotted #ccc;
margin: 7px 0 0 0;
font-family: Tahoma;
font-size: 10px;
height: 15px;
background: url(images/icon_comment.png) 0px 9px no-repeat;
padding: 5px 0 0 15px;
color: #787878;
display: block;
}
.boxNews_1 .item .comment .commentNum {color: #FF7300}
div.boxNews_2 {margin:0; width: 570px}
div.boxNews_2 .item {width: 570px; height: 139px; overflow: hidden; padding: 10px 0 10px 0; border-top: 1px dotted #ccc;}
div.boxNews_2 .item .image {width: 170px; height: 129px; background: url(images/img-box-2.png) no-repeat; overflow: hidden; padding: 5px; float: left; margin-right: 10px}
div.boxNews_2 .item img { width: 170px; height: 129px}
div.boxNews_2 .item .shortContent {float: left; width: 375px; height: 139px; overflow: hidden}
div.boxNews_2 .item .category {
margin : 0 0 5px 0;
font-family: Tahoma;
font-size:11px;
font-weight: bold;
display: block;
}
div.boxNews_2 .item .category a { color: #CC0000; text-decoration: none}
div.boxNews_2 .item .category a:hover { color: #CC0000; text-decoration: underline }
div.boxNews_2 .item .title {
display: block;
width: 230px;
margin : 0 0 10px 0;
font-family: Arial;
font-size: 18px;
font-weight: bold;
clear: both;
}
div.boxNews_2 .item .title a { color: #004080; text-decoration: none }
div.boxNews_2 .item .title a:hover { color: #004080; text-decoration: underline }
div.boxNews_2 .item .spot {
display: block;
width: 275px;
height: 40px;
overflow: hidden;
margin : 0 0 5px 0;
font-family: Verdana;
font-size:11px;
}
div.boxNews_2 .item .spot a { color: #333; text-decoration: none}
div.boxNews_2 .item .spot a:hover { color: #333; text-decoration: underline}
div.boxNews_2 .item .comment {
margin: 5px 0 0 0;
font-family: Tahoma;
font-size: 10px;
height: 15px;
background: url(images/icon_comment.png) 0px 4px no-repeat;
padding: 0 0 0 15px;
color: #787878;
display: block;
float: right
}
div.boxNews_2 .item .comment .commentNum {color: #FF7300}
.boxNews_3 {width: 570px}
.boxNews_3 .item {margin-bottom: 5px}
.boxNews_3 .category {display: block; float: left; font-weight: bold}
.boxNews_3 .category a {color: #cc0000; text-decoration: none}
.boxNews_3 .category a:hover {color: #cc0000; text-decoration: underline}
.boxNews_3 .title {float: left; font-family: Verdana; font-size: 11px; font-weight: normal}
.boxNews_3 .title a {color: #004080; text-decoration: none}
.boxNews_3 .title a:hover {color: #004080; text-decoration: underline}
.boxNews_3 .sep {display: block; float: left; margin: 0 5px 0 5px}
.boxLine_1 {
width: 570px;
height: 10px;
margin-bottom: 15px;
border-bottom: 1px dotted #ccc;
}
.rWriters { margin: 0 0 10px 0; background: url(images/writers-bg.png) no-repeat; width: 300px; height: 295px; overflow:hidden; position: relative}
.rWriters .items {position: absolute; top: 40px; left: 10px; width: 280px}
.rWriters .item {font-family: Tahoma; margin-bottom: 9px}
.rWriters .item .image {float: left; margin-right: 5px}
.rWriters .item .image img {height: 45px}
.rWriters .item .shortContent {float: left; margin-top: 10px; width: 230px; height: 30px; overflow: hidden}
.rWriters .item a {display: block; margin-bottom: 2px; color: white}
.rWriters .item a.name {font-weight: bold}
.rWriters .allWriters {font-weight: bold; text-align: right}
.rWriters .allWriters a {color: white}
.mostRead {
background: url(images/most_read/bg.png) no-repeat;
width: 300px;
height: 449px;
margin-bottom: 10px;
overflow: hidden
}
.mostRead .tabs {margin-top: 42px; margin-bottom: 5px}
.mostRead .tabs .item {
float: left;
width: 100px;
height: 23px;
font-family: Tahoma;
font-size: 11px;
font-weight: bold;
text-align: center
}
.mostRead .tabs .item a {
display: block;
height: 18px;
padding-top: 5px;
color: #000
}
.mostRead .tabs .item a:hover {
background: url(images/most_read/tab_bg.png) no-repeat;
color: #fff;
text-decoration: none
}
.mostRead .tabs .item a.click {
display: block;
height: 18px;
padding-top: 5px;
background: url(images/most_read/tab_bg.png) no-repeat;
color: #fff;
text-decoration: none
}
.mostRead .items {width: 270px; margin: auto; margin-top: 15px}
.mostRead .items .item {margin-bottom: 15px}
.mostRead .items .isep {}
.mostRead .item .image {float: left; width: 60px; height: 46px; padding: 2px; margin-right: 10px}
.mostRead .item img {width: 60px; height: 46px}
.mostRead .item .content {float: left; width: 190px; height: 45px; overflow: hidden; line-height: 15px}
.mostRead .item .content .title {display: block; font-weight: bold; color: #cc0000}
.mostRead .item .content .spot {display: block; color: #000}
.mostRead .mr-page {float: right; margin-top: 2px; margin-right: 10px}
.mostRead .mr-page a {display: block; float: left; font-weight: bold}
.mostRead .mr-page a.on {
background: url(images/most_read/p-1.png) no-repeat;
width: 21px;
height: 18px;
overflow: hidden;
padding-top: 3px;
text-align: center;
color: #fff;
margin-right: 4px
}
.mostRead .mr-page a.off {
background: url(images/most_read/p-2.png) no-repeat;
width: 21px;
height: 18px;
overflow: hidden;
padding-top: 3px;
text-align: center;
color: #000;
margin-right: 4px
}
.mostRead .mr-page a.off:hover {background: url(images/most_read/p-1.png) no-repeat; color: #fff}
.gallery {width: 963px; margin-left: 7px; margin-top: 5px; margin-bottom: 10px; background: url(gallery-bg.gif) no-repeat;}
.gallery .jSlider {width: 951px; height: 180px; clear: both; position: relative}
.gallery .jSlider .content {position: relative; top: 0px; width: 893px; height: 180px}
.gallery .jSlider .content .prev {
position: absolute;
top: 90px;
left: 925px;
width: 30px;
height: 80px;
cursor: pointer
}
.gallery .jSlider .content .next{
position: absolute;
top: 0px;
left: 925px;
width: 30px;
height: 80px;
cursor: pointer
}
.gallery .jSlider .content .jSlider_news .items .title {position: absolute; top: 0px; width: 70px; height: 53px}
.gallery .jSlider .content .jSlider_news {position: absolute; top: 10px; left: 40px; width: 810px; height: 180px; overflow: hidden}
.gallery .jSlider .content .jSlider_news .items {
position: absolute;
left: -1px;
width: 914px;
}
.gallery .jSlider .content .jSlider_news .items .item {float: left; position: relative; padding-right: 14px; width: 150px; height: 110px; color: #fff}
.gallery .jSlider .content .jSlider_news .items .item span {display: block; text-align: center; width: 140px; margin: 5px 0 5px 0}
.gallery .jSlider .content .jSlider_news .items .item a {color: #000; font-weight: bold;}
.gallery .jSlider .item img {background: url(images/gallery-img.gif) no-repeat; padding: 5px; width: 140px; height: 100px}
.video {
background: url(images/gallery/bg.png) no-repeat;
width: 300px;
height: 273px;
margin-bottom: 15px;
overflow: hidden
}
.video h2 {
padding: 8px 0 0 10px;
font-family: Arial;
font-size: 15px;
font-weight: 700;
margin-bottom: 7px
}
.video h2 a {color: #fff}
.video .content {width: 300px; overflow: hidden; padding: 5px 0 0 6px}
.video .content .item {
float: left;
background: url(images/gallery/img_bg.png) no-repeat;
width: 82px;
height: 62px;
padding: 3px;
margin: 4px;
position: relative
}
.video .content .item img {width: 82px; height: 62px}
.video .content .item .image {position: absolute; top:20px; left:30px; width: 30px; height: 30px; background: transparent url(images/gallery/play.png) no-repeat}
.video .content .item .image a {display:block; width: 30px; height: 30px;}
.ihaber {width: 300px; height: 610px; margin-bottom: 15px}
.ihaber .ihaber_frame {float: left; width: 176px}
.ihaber .ad_120x600 {float: right; width: 120px; height: 600px}
.feature {
background: url(images/feature/bg.png) no-repeat;
width: 300px;
height: 220px;
overflow: hidden;
margin-bottom: 15px
}
.feature .f-title {font-family: Tahoma; font-size: 12px; font-weight: bold; margin: 150px 0 22px 10px}
.feature .f-title a {color: #fff}
.feature .title {
margin-left: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px
}
.feature .title a {color: #fff}
.localSpor {
background: url(images/spor/bg.png) no-repeat;
width: 300px;
height: 239px;
overflow: hidden
}
.localSpor h2 {
padding: 8px 0 0 10px;
font-family: Arial;
font-size: 15px;
font-weight: 700;
margin-bottom: 7px
}
.localSpor h2 a {color: #fff}
.localSpor .content {padding: 10px 10px 3px 10px}
.localSpor .content .item {height: 50px; overflow: hidden}
.localSpor .content .isep {margin-bottom: 10px}
.localSpor .content .image {
float: left;
background: url(images/spor/img_bg.png) no-repeat;
width: 61px;
height: 46px;
padding: 2px;
margin-right: 5px
}
.localSpor .content img {width: 61px; height: 46px}
.localSpor .sort-content span {display: block}
.localSpor .sort-content {float: left; width: 200px; height: 46px; overflow: hidden}
.localSpor .sort-content .title {font-family: Arial; font-weight: bold; margin-bottom: 3px}
.localSpor .sort-content .title a {color: #334B0E}
.localSpor .sort-content .spot {line-height: 15px}
.localSpor .sort-content .spot a {color: #666;}
.localSpor .ys-page {float: right; margin-top: 2px; margin-right: 10px}
.localSpor .ys-page a {display: block; float: left; font-weight: bold}
.localSpor .ys-page a.on {
background: url(images/spor/p-2.gif) no-repeat;
width: 21px;
height: 17px;
overflow: hidden;
padding-top: 4px;
text-align: center;
color: #000;
margin-right: 4px
}
.localSpor .ys-page a.off {
background: url(images/spor/p-1.gif) no-repeat;
width: 21px;
height: 17px;
overflow: hidden;
padding-top: 4px;
text-align: center;
color: #fff;
margin-right: 4px
}
.localSpor .ys-page a.off:hover {background: url(images/spor/p-2.gif) no-repeat; color: #000}
.nav {margin-bottom: 5px}
.nav a {color: #827D8A}
.nav a:hover {color: #000; text-decoration: none}
.nav span {color: #827D8A}
h1.btitle {
display: block;
color: #004080;
font-weight: normal;
letter-spacing: 0.5px;
padding-bottom: 5px;
margin-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
.all-cities {background-color: #F1F5F5;}
.all-cities .ac-top {
background: url(images/citys/bg-top.png) no-repeat;
height: 20px;
overflow: hidden
}
.all-cities .ac-middle {
background-color: #F1F5F5;
padding-left: 6px
}
.all-cities .item {
float: left;
width: 177px;
border-top: 1px dotted #C2C7CA;
margin-left: 2px;
margin-right: 6px;
font-size: 10px;
font-weight: bold
}
.all-cities .item a {background: #F1F5F5 url(images/c_bullet.gif) 0 7px no-repeat; display: block; padding: 4px; padding-left: 10px; color: #000}
.all-cities .item a:hover {background: #fff url(images/c_bullet.gif) 0 7px no-repeat; padding-left: 10px; text-decoration: none; color: #cc0000}
.all-cities .ac-bottom {
background: url(images/citys/bg-bottom.png) no-repeat;
height: 20px;
}
.all-cities-bottom {margin-bottom: 10px; background-color: #F1F5F5}
.all-cities-bottom .ac-top {
background: url(images/citys/bg_2-top.png) no-repeat;
height: 20px;
}
.all-cities-bottom .ac-middle {
background-color: #F1F5F5;
padding-left: 6px
}
.all-cities-bottom .item {
float: left;
width: 70px;
margin-left: 2px;
margin-right: 6px;
font-family: Tahoma;
font-size: 11px
}
.all-cities-bottom .item a {display: block; padding: 4px; color: #000}
.all-cities-bottom .item a:hover {background-color: #fff; text-decoration: none; color: #cc0000}
.all-cities-bottom .ac-bottom {
background: url(images/citys/bg_2-bottom.png) no-repeat;
height: 20px;
}
.privacy {font-family: Verdana; font-size: 12px; line-height: 16px}
.staff {font-family: Arial; text-align: center}
.staff .category {display:block; margin-top: 20px; margin-bottom: 4px; font-size: 12px; font-weight: bold; text-decoration: underline}
.staff .name {display: block; font-size: 12px}
.staff .name a {font-weight: bold}
.base_bottom{
clear: both;
background: url(images/base_bottom_bck.png) no-repeat;
width: 900px;
height: 330px;
}
.hotlinks{
position: relative;
width: 900px;
height: 220px;
}
.hotlinks .column{
position: absolute;
top: 0px;
width: 140px;
height: 220px;
overflow: hidden;
}
.hotlinks .column .bb_header{
font: 700 8pt/25px Tahoma;
color: #ffffff;
margin-bottom: 10px;
}
.hotlinks .column .item{
font: 100 8pt/14px Tahoma;
}
.hotlinks .column .item a{
color: #333333;
}
/**/
.bottom_section{
position: relative;
width: 900px;
height: 110px;
}
.bottom_section .column_1{
position: absolute;
top: 20px;
left: 15px;
width: 320px;
height: 90px;
}
.bottom_section .column_1 div{
font: 100 8pt/12px Tahoma;
color: #fffdff;
margin-bottom: 10px;
}
.bottom_section .column_1 a{
font: 700 8pt/12px Tahoma;
color: #ffffff;
}
.bottom_section .column_2{
position: absolute;
top: 20px;
left: 370px;
width: 270px;
height: 90px;
}
.bottom_section .column_2 div{
font: 100 8pt/12px Tahoma;
color: #ffffff;
margin-bottom: 10px;
}
.bottom_section .column_2 a{
color: #ffffff;
}
.bottom_section .column_3{
position: absolute;
top: 0px;
left: 640px;
width: 260px;
height: 110px;
}
.bottom_section .icon{
position: absolute;
top: 13px;
width: 26px;
height: 26px;
}
.bottom_section .programmer{
position: absolute;
top: 60px;
left: 670px;
width: 215px;
height: 12px;
font: 100 8pt/12px Tahoma;
color: #ffffff;
text-align: right;
}
.bottom_section .programmer a{
font: 700 8pt/12px Tahoma;
color: #000000;
}
.bottom_section .graphicer{
position: absolute;
top: 76px;
left: 670px;
width: 215px;
height: 14px;
font: 100 8pt/14px Tahoma;
color: #ffffff;
text-align: right;
}
.bottom_section .programmer a{
line-height: 14px;
margin: 0px;
}
.bottom_section .graphicer img{
width: 93px;
height: 14px;
}
.popupHeader {
width: 100%;
height: 150px;
position: relative;
}
.popupHeader .popupLogo {
position: absolute;
top: 0;
left: 0;
width: 180px;
height: 80px
}
.popupHeader .popupMenu {
position: absolute;
top: 10px;
left: 220px;
font-family: Arial;
font-size: 12px;
font-weight: bold;
}
.popupHeader .popupMenu a {color: white; margin-right: 20px}
.popupHeader .popupBanner {
position: absolute;
top: 50px;
left: 180px;
}