@import "box_news.css"; .index_part_1{ width: 868px; height: 385px; overflow: hidden; } .index_part_1_1{ float: left; width: 646px; } .index_part_1_outer{ border-bottom: 1px solid #FFFFFF; } .index_part_1_1 .inner{ margin-left: 10px; height: 345px; margin-top: 10px; } /*.index_part_1_1 img{ width: 280px; height: 190px; margin: 0px; }*/ .index_part_1_2{ float: left; width: 222px; height: 345px; } .index_part_1_2 .inner{ background: url(../images/index_part_1_2_bck.png) no-repeat; height: 353px; } .index_part_1_1_1{ width: 530px; float: left; } .index_part_1_1_2{ width: 100px; height: 270px; overflow: hidden; margin-left: 5px; } .index_part_1_1 .out{ margin: 0px 8px 1px 8px; } .index_part_1_1 .title{ height: 44px; overflow: hidden; font: 700 15pt/23px Arial Black; color: #000000; } .index_part_1_1 .title a{ font: 700 15pt/23px Arial Black; color: #000000; } .index_part_1_1 .date{ font: 100 8pt/17px Arial; height: 17px; color: #b7b7b7; margin: 3px 0px 3px 0px; } .index_part_1_1 .sep{ border-bottom: 1px solid #e9e9e9; font-size: 1px; height: 1px; } .index_part_1_1 .short_content{ height: 34px; overflow: hidden; margin-bottom: 2px; font: 100 10pt/16px Tahoma; color: #2e2e2e; } .index_part_1_1 .short_content a{ font: 100 10pt/16px Tahoma; color: #2e2e2e; } .index_part_1_1 .other_title { background: url(../images/icon_02.gif) transparent 0px 6px no-repeat; overflow: hidden; height: 16px; } .index_part_1_1 .other_title a{ color: #215cac; font: 700 8pt/16px Tahoma; padding-left: 10px; } .index_part_1_1_3{ height: 62px; clear: both; padding-top: 11px; } .index_part_1_1_3 .content{ background: url(../images/index_part_3_bck.png) ; height: 62px; width: 212px; } .index_part_1_1_3 img{ width: 95px; height: 62px; } .index_part_1_1_3 .title{ padding: 0px 4px 0px 4px; overflow: hidden; height: 48px; } .index_part_1_1_3 .title a{ font: 700 8pt/16px Tahoma; color: #FFFFFF; } .index_part_1_1_3 .image{ width: 97px; } .index_part_1_2_1 .item { padding: 0px 9px 0px 9px; } .index_part_1_2_2 .item { padding: 15px 9px 0px 9px; } .index_part_1_2_2 .item .short_content{ height: 64px; overflow: hidden; } .index_part_1_2 .item img{ width: 86px; height: 58px; margin-right: 8px; } .index_part_1_2 .item .title{ height: 26px; overflow: hidden; } .index_part_1_2 .item .title a{ font: 700 8pt/26px Tahoma; color: #FFFFFF; } .index_part_1_2 .short_content{ height: 56px; overflow: hidden; margin: 2px 0px 2px 0px; } .index_part_1_2 .item .short_content a{ font: 100 8pt/14px Tahoma; color: #b4d3fc; } .index_part_1_2_3{ padding: 15px 9px 0px 9px; clear: both; } .index_part_1_2_3 .other{ height: 18px; overflow: hidden; clear: both; } .index_part_1_2 .other a{ font: 700 8pt/18px Tahoma; color: #FFFFFF; padding-left: 13px; } .index_part_1_2_4 { border-top: 1px solid #FFFFFF; clear: both; } .index_part_1_2_4 .item{ background: url(../images/last_min_bck.png) no-repeat; width: 858px; height: 29px; margin-left: 10px; } .index_part_1_2_4, .index_part_1_2_4 a { color: #FFFFFF; font: bold 15px/29px Trebuchet MS; } .index_part_2{ width: 100%; height: 62px; font: 100 8pt/18px Tahoma; } .index_part_2_1{ float: left; width: 468px; margin-right: 8px; } .index_part_2_2{ float: left; width: 100px; background: url(../images/part_2_2_bck.png) no-repeat; height: 62px; } .weather_report{ width: 86px; margin: 15px 7px 0px 7px; } .weather_report .city{ color: #363636; font: 700 7pt/14px Tahoma; } .weather_report .value{ color: #363636; font: 100 7pt/14px Tahoma; text-align: right; } .index_part_3{ background: #5687ca; font: 100 8pt/23px Tahoma; color: #ffffff; padding: 0px 10px 0px 10px; overflow: hidden; height: 23px; margin-bottom: 10px; } .index_part_3 .title{ padding-right: 16px; font-weight: bold; } .index_part_3 img{ height: 23px; } .index_part_4 { background: url(../images/index_news_group_bck.png) no-repeat; width: 576px; height: 339px; margin: 0px 0px 10px 0px; position: relative; } .index_part_4 .header{ position: absolute; font: bold 9pt/23px Arial; color: #393939; margin-top: 2px; } .index_part_4 .header span{ padding-left: 18px; } .index_part_4 .header2{ position: absolute; font: bold 9pt/23px Arial; color: #393939; margin-top: 2px; left: 465px; width: 93px; } .index_part_4 .header2 span{ padding-left: 18px; } .index_part_4_1{ position: absolute; width: 271px; height: 81px; top: 31px; left: 9px; z-index: 1; } .index_part_4_2{ position: absolute; width: 271px; height: 81px; top: 31px; left: 297px; z-index: 1; } .index_part_4_3{ position: absolute; width: 271px; height: 81px; top: 129px; left: 9px; z-index: 1; } .index_part_4_4{ position: absolute; width: 271px; height: 81px; top: 129px; left: 297px; z-index: 1; } .index_part_4_5{ position: absolute; width: 271px; height: 81px; top: 227px; left: 9px; z-index: 1; } .index_part_4_6{ position: absolute; width: 271px; height: 81px; top: 227px; left: 297px; z-index: 1; } .index_part_4 .item_1 { height: 80px; overflow: hidden; } .index_part_4 .item_1 img{ width: 120px; height: 80px; margin-right: 8px; } .index_part_4 .item_1 .title a{ font: 700 8pt/16px Verdana; color: #17427d; } .index_part_4 .item_1 .short_content a{ font: 100 8pt/16px Verdana; color: #000000; } .index_part_4 .item_2 { height: 144px; } .index_part_4 .item_2 .title a{ font: 100 8pt/18px Verdana; color: #728db3; height: 18px; overflow: hidden; padding-left: 10px; } .index_part_5 { width: 100%; } .index_part_5 .left { float: left; width: 186px; margin-bottom: 8px; height: 129px; overflow: hidden; } .index_part_5 .middle { float: left; width: 186px; margin-bottom: 8px; margin-left: 8px; height: 129px; overflow: hidden; } .index_part_5 .right { float: left; width: 186px; margin-bottom: 8px; margin-left: 8px; height: 129px; overflow: hidden; } .index_part_5 .header{ height: 27px; text-align: left; border-bottom: 1px solid #c3c3c3; background: url(../images/icon_04.gif) no-repeat 8px 10px; } .index_part_5 .header a{ padding-left: 18px; font: bold 8pt/27px Verdana; color: #d60303; } .index_part_5 .title { height: 20px; overflow: hidden; background: url(../images/icon_03.gif) no-repeat 8px 9px; } .index_part_5 .title a{ color: #515151; font: 100 8pt/20px Verdana; padding-left: 16px; } #headlineDiv { margin: 0 auto; border: 0px solid #ffffff; color: #ffffff; width: 470px; height: 333px; padding: 5px; text-align: left; background-color: #000000; border: 0px solid #cdcdce; } .tdc{ height: 5px; * height: 0px; } /* Manset style */ .mansetTable { background-image: url(/euro2008/i/mansetB.jpg); width: 464px; height: 334px; padding-bottom: 10px; } .mansetBox { background-color: #000000; color: #fff; z-index: -1; height: 50px; padding-left: 20px; font-family:tahoma; font-size: 11px; padding-top: 5px; line-height: 15px; } .opacityTD { filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; } .mansetBoxTitle { font-family: tahoma; font-size: 22px; font-weight: bold; color: #ff8c00; line-height: -0.01em; } .mansetText { font-family: tahoma; font-size: 12px; color: #fff; } .mansetThumb { padding-left: 3px; padding-right: 3px; } .mansetBoxTitle a{ font-family: tahoma; font-size: 22px; color: #ff8c00; text-decoration: none; font-weight: bold; } .mansetBoxTitle a:hover { font-family: tahoma; font-size: 22px; color: #2fb830; text-decoration: none; font-weight: bold; }