/* ====== GLOBAL ====== */ body {margin: 0;padding: 0;} #canvas {font-family: Arial, Helvetica, sans-serif;font-size: 12px;} #canvas p {line-height: 16px;} #canvas a {color: #19548E;text-decoration: none;} #canvas a:link,#canvas a:visited,#canvas a:active {outline: 0;} #canvas a:visited { /* color:#47546c; */} a:hover {text-decoration: underline;} h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;font-size: 100%;font-weight: normal;} * {margin: 0; padding: 0;} #base-block p {line-height: 16px;font-size: 12px;} #base-block img {border: 0;} #base-block ul {list-style: none;} #base-block button {border: none;} #base-block input {border: 1px solid #615138;height: 15px;padding: 4px;_padding: 0px; /* ie6 hack */ _height: 22px;} /* ====== BLOCKS ====== */ #wrapper {background: transparent url(../images/bg_2012_top.jpg) no-repeat scroll 50% 33px;width:100%;} #canvas {background: transparent url(../images/bg_2011_tile.jpg) repeat-y scroll 50% 746px;margin:0px auto;width:100%;} #base-block {width:990px;margin:0px auto;padding-top:34px;position:relative;} #contents-block {background-color: #fff;clear: both;padding-top:3px !important;} #base-block #contents-left-block {float: left;width: 658px;} #base-block #contents-right-block {float: right;width: 330px;padding-bottom: 22px;background: transparent url(../images/bg-right-block-bottom.gif) repeat-y left bottom;} #base-block #contents-right-block .content-item {background: transparent url(../images/bg-right-block.gif) repeat-y left top;padding: 0 14px 16px 14px;} #base-block #contents-right-block .content-item.top {padding-top: 15px;} /* <<< report-block <<< */ #base-block #report-block {padding-top: 18px;} #base-block #report-block .links {font-size: 30px;font-weight: bold;letter-spacing: -2px;color: #aa9789;padding-bottom: 14px;padding-top: 16px;} #base-block #report-block .links a {color: #492a16;padding-bottom: 5px;background: transparent url(../images/underline_thin.gif) repeat-x scroll left bottom;} #base-block #report-block .links a.active {color: #b12e14;} #base-block #report-block .links a:hover {text-decoration: none;background: transparent url(../images/underline_thin_over.gif) repeat-x scroll left bottom;} /* >>> report-block >>> */ /* <<< live-report-block <<< */ #live-report-block {background: transparent url(../images/bg-live-report.jpg) no-repeat left top;height: 226px;} #live-report-block .title {font-size: 13px;font-weight: bold;color: #fdba45;padding-top: 8px;padding-left: 10px;height: 23px;} #live-report-block .title .place {font-size: 14px;font-weight: normal;color: #fff;} #live-report-block .report {padding: 10px;height: 160px;overflow-y: auto;} #live-report-block .report ul li {padding-bottom: 12px;} #canvas #live-wrapper {background: transparent url(../images/bg-live-wrapper.jpg) bottom left no-repeat;padding-bottom: 15px;} #canvas #live-wrapper div.title {background: transparent url(../images/bg-header-live.jpg) left top no-repeat;height: 23px;color: #fdba45;padding-left: 10px;} #canvas #live-wrapper div.title span {color: #fff;} #canvas #live-wrapper .report {height: 165px;overflow-y: scroll;background: #FFF url(../images/bg-live.gif) repeat-y;} #canvas #live-wrapper ul {padding: 0px 10px;} #canvas #live-wrapper li {margin-bottom: 10px;line-height: 16px;} /* >>> live-report-block >>> */ /* <<< next-report-block <<< */ #next-report-block {margin-top: 10px;background: transparent url(../images/bg-next-live-report.jpg) no-repeat left top;height: 215px;} #next-report-block .title {font-size: 17px;font-weight: bold;color: #492a16;padding-top: 50px;text-align: center;} /* >>> next-report-block >>> */ /* <<< result-block <<< */ #result-block .title {font-size: 13px;font-weight: bold;color: #492a16;padding-top: 8px;padding-bottom: 6px;} #result-block .title a {color: #b1401c;} #result-block ul li.record {background: transparent url(../images/bg-result-item.gif) no-repeat left top;border-bottom: 1px solid #e3e2dd;height: 26px;} #result-block ul li.record ul {width: 100%;overflow: hidden;} #result-block ul li.record ul li {float: left;padding: 6px;color: #333;} #result-block ul li.record ul li.type {width: 20px;color: #a4948a;font-weight: bold;} #result-block ul li.record ul li.name {width: 112px;} #result-block ul li.record ul li.flag {width: 12px;} #result-block ul li.record ul li.maker {width: 26px;} #result-block ul li.record ul li.time {width: 40px;} /* >>> result-block >>> */ /* >>> map-block >>> */ #base-block #map-block {background: transparent url(../images/bg-right-block.gif) repeat-y left top;padding-bottom: 16px;width: 100%;} #base-block #map-block .title {background: transparent url(../images/bg-map-title.gif) no-repeat left top;height: 26px;font-size: 20px;color: #492a16;padding-top: 8px;padding-left: 15px;overflow: hidden;font-weight: bold;letter-spacing: -2px;} #base-block #map-block .title a {color: #b12e14;} #base-block #map-block #map { /* width:298px; *//* padding:7px 15px; */width: 100%;} #base-block #map-block #map .place {font-size: 14px;font-weight: bold;color: #fff;padding-left: 12px;padding-bottom: 4px;} #map .header {padding-top: 10px;height: 20px;background: transparent url(../images/bg-map-top.png) no-repeat left top;} #map .body {padding: 7px 15px;background: transparent url(../images/bg-map-tile.png) repeat-y left top;} #map .footer {height: 20px;} #base-block #map-area {width:300px;height:250px;} #base-block .map-item-base {display: none;} #base-block .map-item {width:190px;height:80px;} #base-block .map-item p {font-size: 11px;} #base-block .map-item a {color: #19548e;font-size: 11px;} #base-block .map-item img {float: left;padding-right: 4px;width: 68px;height: 35px;} #base-block .map-item ul {clear: both;padding-top: 8px;} #base-block .map-item li {padding-bottom: 3px;} #base-block .map-item .caption {font-size: 12px;font-weight: bold;} #base-block .map-item .info {padding-bottom: 6px;} #base-block .map-item .main {} #base-block .map-item .links {} /* <<< map-block <<< */ /* wide advertisement block */ #base-block #wad-block {clear: both;height: 92px;text-align: center;position: relative;padding: 34px;} #base-block #wad-block p {position: absolute;font-size: 10px;color: #686868;top: 128px;right: 134px;} /* side advertisement block */ #base-block .sad-block1,#base-block .sad-block2 {} /* document block */ #base-block .document-block {} /* form-panel */ #base-block .form-panel {margin-bottom: 20px;} #base-block .document-block {padding-bottom: 10px;} #base-block .document-block.doc p {line-height: 18px;margin-bottom: 10px;} #base-block .document-block .note {line-height: 18px;padding: 14px;background-color: #fffade;font-weight: bold;margin-bottom: 10px;} /* image block */ #base-block .image-block {float: right;display: inline;} #base-block .image-block .caption {font-size: 11px;color: #4c4c4c;padding: 10px;margin-bottom: 16px;background-color: #f5f5f5;} /* ====== PARTS ====== */ .divider {clear: both;} .dv-w986,.dv-w628,.dv-w314 {clear: both;padding-bottom: 14px;} .block-divider {padding-bottom:5px;margin:5px 0;background: transparent url(../images/underline.png) repeat-x scroll left bottom;} #canvas .mt-30 {margin-top: 30px;} .dv-w628 {padding-bottom: 23px;} #base-block .time {font-size: 11px;font-weight: normal;color: #656565;line-height: 14px;margin-bottom: 5px;} /*** control box ***/ #canvas .control-box {color: #ccc;padding: 4px 0;} #canvas .control-box a {color: #19548e;} /*** action box ***/ #canvas .action-box {float: right;display: block;padding: 8px 15px;overflow: hidden;/* width:66px; */} #canvas .action-box.stages {padding: 0px 15px 8px 15px;} #canvas .action-box li {float: left;padding-left: 6px;} .link_comment {background: transparent url(../images/icon-comment.gif) no-repeat left;padding-left: 14px;padding-right: 2px;} .heading1 {} .heading2 {font-size: 26px;font-weight: bold;color: #b12e14;} .heading3 {font-size: 22px;font-weight: bold;color: #b12e14;} .heading14 {font-size: 14px;font-weight: bold;color: #b12e14;} .overlay {width: 100%;position: relative;} .play-l,.play-s {position: absolute;display: block;} .play-l {width: 82px;height: 31px;background-color: transparent;} .play-s {width: 56px;height: 23px;background-color: transparent;} #video-container ul li a.play-l img,#video-container ul li a.play-s img {border: 0px;} /* ====== HEADER BLOCK ====== */ #header-block {width: 100%;height: 114px;position: relative;} #header-block .main-logo {position: absolute;top: 6px;left: 6px;} #header-block .tx {position: absolute;top: 12px;left: 0px;} #header-block .logo {position: absolute;top: 12px;left: 813px;} /* >>> header title block >>> */ #header-title-block {position: absolute;top: 30px;left: 200px;} #header-title-block .course {font-size: 20px;font-weight: bold;line-height: 28px;color: #ae9d8f;} #header-title-block .course span {color: #fff;} #header-title-block .date {font-size: 19px;font-weight: bold;line-height: 24px;color: #ae9d8f;} #header-title-block .date span {color: #eddfae;text-transform: uppercase;} #header-title-block .onair {font-size: 12px;font-weight: bold;color: #2a1604;padding-left: 18px;background: transparent url(../images/icon-onair.gif) no-repeat left center;} /* <<< header title block <<< */ /* >>> header search block >>> */ #header-search-block {position: absolute;top: 40px;left: 507px;} #search * {vertical-align: middle;} #base-block input {width: 195px;margin-right: 2px;} #search button {background: transparent url(../images/btn_2011-search.jpg) no-repeat top left;width: 72px;height: 25px;color: #492a16;font-size: 11px;font-weight: bold;} #search :hover button {background-position: left bottom;} #header-search-block .search-links {color: #fff;padding-top: 4px;} #canvas #header-search-block .search-links a {color: #fff;font-size:11px;} /* <<< header search block <<< */ /* ====== TOP MENU ====== */ #top-menu ul {position: relative;background: transparent url("../images/bg_2011_menu.jpg") repeat-x scroll top left;height: 35px;} #top-menu ul li:first-child {margin-left:4px;} #top-menu ul li {float: left;} #top-menu ul li a {font-size: 12px;font-weight: bold;color: #ccc;padding: 11px 9px 8px 9px;display: block;background: transparent url("../images/bg_2011_menu-item.jpg") no-repeat scroll right bottom;} #top-menu ul li a:hover {color: #ab2f15;background-position: right top;text-decoration: none;} #top-menu ul li a.selected,#top-menu ul li a.selected:hover {background-position: top right;color: #ab2f15;} #top-menu li.dd-sub {position: relative;} #top-menu li.dd-sub a {} #top-menu li.dd-sub .collapse {display: none;position: absolute;background: none;z-index: 5;} #top-menu li:hover .dd-sub .collapse {display: block;} #top-menu li.dd-sub .collapse a {width: 90px;} /* ====== FOOTER BLOCK ====== */ #base-block #footer-block {height: 230px;padding: 52px 28px;background: transparent url(../images/bg_2011_footer-block3.jpg) repeat-x left top;position: relative;} #footer-block a {color: #fff;font-size: 11px;} #footer-block a:hover {text-decoration: underline;} #footer-block h3 {color: #fff;font-size: 11px;font-weight: bold;padding-bottom: 16px;} #footer-logo {position: absolute;top: 43px;left: 14px;width: 113px;height: 70px;background: transparent url(../images/logo-sbs.png) no-repeat scroll;} #base-block #sbs_online_links {float: left;margin-top: 80px;} #base-block #footer_links {float: right;background: transparent url(../images/dv-footer.gif) repeat-x scroll 0pt 22px;} #footer_links li,#sbs_online_links li {background: transparent url(../images/blt-arrow-footer.gif) no-repeat scroll 0pt 50%;padding-left: 10px;line-height: 16px;} #sbs_online_links h3 {padding-bottom: 4px;} #programme_links_set,#services_link_set,#sitemap_link_set {float: left;} #programme_links_set,#services_link_set {width: 164px;} #sitemap_link_set {width: 288px;} #sitemap_link_set ul li {float: left;width: 130px;} #base-block #copyright {font-size: 11px;color: #fff;margin-top: 24px;} /* ====== video-gallery ====== */ #video-gallery {position: relative;background: transparent url(../images/bg-main.jpg) no-repeat scroll left top;height: 396px;} #video-title {position: absolute;top: 114px;left: 0;color: #fff;} #video-title p {background: transparent url(../images/bg-stage-label.png) no-repeat scroll left top;line-height: 35px;font-size: 28px;font-weight: bold;width: 213px;height: 35px;padding-left: 28px;} #video-title h1 {font-size: 14px;font-weight: bold;padding-top: 4px;padding-left: 28px;letter-spacing: -0.5pt;} #video-title a {margin-top: 6px;margin-left: 28px;} #video-title h1 a.video-hero {margin-left: 0;color: #fff;} /* <<< video-player-block <<< */ #video-player-block {display: none;text-align: center;background-color: #000000;height: 320px;filter: alpha(opacity = 80);-moz-opacity: 0.8;opacity: 0.8;position: relative;} #launch-video {width: 99px;position: absolute;right: 20px;top: 210px;z-index: 10;font-size: 11px;} #video_player {margin-top: 6px;} /* >>> video-player-block >>> */ /* <<< video-container <<< */ #base-block #video-container {position: absolute;bottom: 0px;left: 14px;height: 180px;background: transparent url(../images/dv-video-gallery.gif) no-repeat scroll left bottom;} #canvas #video-container ul {overflow: hidden;height: 172px;background-color: #fff;} #video-container ul li {float: left;display: block;padding: 14px;width: 127px;height: 143px;border-right: 1px solid #e7e1de;border-top: 1px solid #e7e1de;} #video-container ul li a {color: #efd9d2;font-weight: bold;text-decoration: underline;} #video-container ul li a span {color: #b12e14;} #video-container ul li a:hover {color: #b12e14;} #video-container ul li img {display: block;border: 2px solid #e3e2dd;} #video-container ul li img:hover {border: 2px solid #b12e14;} #video-container .title {padding-top: 12px;padding-bottom: 6px;} #video-container .mask {display: none;position: absolute;background-color: #000;border: 2px solid #b12e14;top: 2px;left: 2px;width: 130px;height: 70px;filter: alpha(opacity = 80);-moz-opacity: 0.8;opacity: 0.8;z-index: 3;} #video-container .play-s {bottom: 6px;left: 6px;z-index: 2;} /* >>> video-container >>> */ /* ====== home-blcok ====== */ #base-block #home-block {padding: 14px;overflow: hidden;} #home-block .left-block {float: left;width: 299px;padding-right: 14px;border-right: 1px solid #eaeae9;} #home-block .right-block {float: right;width: 300px;padding-left: 14px;_padding: 0;} #home-block h2,#home-block h3 {margin-top: 6px;padding-bottom: 10px;} #home-block .heading3 {padding-bottom: 15px;} #home-block .heading3 a {color: #b12e14;font-weight: bold;padding-bottom: 5px;background: transparent url(../images/underline.png) repeat-x scroll left bottom;letter-spacing: -2px;} #home-block .heading3 a:hover {text-decoration: none;background: transparent url(../images/underline_over.png) repeat-x scroll left bottom;} #news,#stories {} #news .heading3 {font-size: 26px;} #stories .heading3 {font-size: 22pt;} #stories .document-block {padding-bottom: 22px;} #photo-galleries .heading3 {font-size: 26px;} #home-block .left-block .document-block .title a {color: #efd9d2;text-decoration: underline;} #home-block .left-block .document-block .title a span {font-size: 22px;color: #b12e14;} #home-block .left-block .document-block .title a:hover {color: #b12e14;} #home-block .right-block .document-block .title a {font-size: 14px;font-weight: bold;color: #efd9d2;text-decoration: underline;} #home-block .right-block .document-block .title a span {color: #b12e14;} #home-block .right-block .document-block .title a:hover {color: #b12e14;} #home-block .right-block .document-block .author {padding-bottom: 0;color: #4a2707;font-size: 12px;font-weight: bold;} #home-block .right-block .document-block .image {float: right;} #base-block #news-links {padding-top: 10px;} #news-links li {background: transparent url(../images/blt-arrow_grey.gif) no-repeat scroll 0pt 50%;padding-left: 10px;line-height: 24px;color: #47546c;} #news-links li a {color: #19548e;} #news-links li a:visited {color: #47546c;} #news-links li.more a {color: #b12e14;} #base-block #banners {} #canvas .banner a {display: block;font-size: 24px;font-weight: bold;width: 286px;height: 80px;letter-spacing: -1px;padding-top: 22px;padding-left: 14px;line-height: 24px;text-decoration: none;} .banner span {display: block;color: #4a2707;font-size: 20px;} #banner1 {background: transparent url("../images/bnr-car.jpg") no-repeat left top;} #banner2 {background: transparent url("../images/bnr-food.jpg") no-repeat left top;} #banner3 {background: transparent url("/dakar/web/default/contents/cyclingcentral_website_launched.jpg") no-repeat left top;} /* ====== shop-items ====== */ #base-block #shop-items {padding: 0px 0 29px;overflow: hidden;} #shop-items a {color: #1148ad;} #shop-items li {float: left;width: 124px;height: 175px;display: block;text-align: center;padding: 0 16px 0 16px;border-left: 1px solid #e7e1de;} #shop-items li.title {width: 156px;text-align: left;} #shop-items li.last {background: none;} #shop-items .image {height: 120px;} #shop-items .caption {height:auto;} #shop-items .caption a {font-weight: bold;color: #492a16;display: block;} .available {font-size: 11px;color: #646464;} .price {padding-left: 10px;font-weight: bold;text-decoration: none;} /* ====== tour-schedule ====== */ #base-block #tour-schedule {padding: 10px 14px 22px 14px;} #base-block #tour-schedule .heading2 {padding-bottom: 20px;letter-spacing: -2px;} #tour-schedule table {font-family: arial;} #tour-schedule a {text-decoration: underline;} #canvas #tour-schedule td a {color: #000;} #canvas #tour-schedule a:hover {color: #b12e14;} #tour-schedule table {border-collapse: collapse;border-spacing: 0;width: 960px;} #tour-schedule th,#tour-schedule td {text-align: center;padding: 6px 4px 8px 4px;} #tour-schedule th {background-color: #faf5da;} #tour-schedule td {background-color: #fff;} #tour-schedule tr.even td {background: #fffcee;} #tour-schedule th.stage {width: 44px;} #tour-schedule th.date {width: 56px;} #tour-schedule th.course {width: 240px;} #tour-schedule th.video {width: 64px;} #tour-schedule th.vertical {width: 70px;} #tour-schedule th.distance {width: 70px;} #tour-schedule th.live {width: 180px;} #tour-schedule th.highlights {width: 180px;} #tour-schedule th.live,#tour-schedule th.highlights {background: #b12e14;color: #fff;font-weight: bold;} #tour-schedule td.stage {color: #333;font-weight: bold;} #tour-schedule td.date,#tour-schedule td.video,#tour-schedule td.vertical {color: #333;} #tour-schedule td.video {background: url(../images/icon-video.png) no-repeat 12px;padding-left: 18px;} #tour-schedule tr.even td.video {background: #fffcee url(../images/icon-video.png) no-repeat 12px;} #tour-schedule td.live,#tour-schedule td.highlights {background-color: #f8f2df;} #tour-schedule tr.even td.live,#tour-schedule tr.even td.highlights {background-color: #f5edd1;} #tour-schedule tr.active td,#tour-schedule tr.active td.video,#tour-schedule tr.active td.live,#tour-schedule tr.active td.highlights {background-color: #eddfae;} #tour-schedule tr.active td.stage {background-color: #b12e14;color: #fff;} /* ====== Sponsor_Links ====== */ #base-block #sponsor_links {padding: 32px 28px;height: 111px;font-size: 11px;color: #434343;background: transparent url(../images/bg-sponsor-links.gif) repeat-x scroll left top;_overflow: hidden;} #base-block #sponsor_links h3 {font-size: 14px;font-weight: bold;color: #b12e14;margin-bottom: 16px;} #sponsor_links li.item {float: left;width: 230px;} #sponsor_links li.item img {float: left;} #sponsor_links ul {} #sponsor_links li.item ul {padding-left: 86px;list-style-image: url("../images/blt-disc.gif");} #sponsor_links li.item ul li {} #sponsor_links a:hover {color: #1148ad;} /* ====== Contents block ====== */ /* ====== article block ====== */ #base-block #article-block {} #base-block #article-block .header {background: transparent url(../images/bg-article-header.jpg) no-repeat scroll left top;height: 60px;} #base-block #stage-block .header {background: transparent url(../images/bg-stage-header.jpg) no-repeat scroll left top;height: 60px;} #base-block #stage-block .header .heading2,#base-block #article-block .header .heading2 {font-size: 26px;padding-left: 15px;line-height: 60px;} #article-block #article-contents {padding: 15px;padding-top: 0px;clear: both;} #article-contents .image-block {background-color: #fff;width: 300px;padding-left: 28px;} #article-contents .heading14 {padding-bottom: 10px;} #article-contents .image-block .heading14 {margin-left: 15px;padding: 0;} #article-contents .image-block ul {margin-left: 15px;padding-bottom: 15px;} #article-contents .image-block ul li {background: transparent url(../images/blt-arrow_grey.gif) no-repeat scroll left center;color: #47546c;padding: 5px 10px;} #article-contents .image-block ul a {color: #19548e;} #article-contents .image-block ul a:visited {color: #47546c;} #article-contents h3.title {font-size: 22px;font-weight: bold;padding-bottom: 10px;} #article-block .contents-footer {position: relative;width: 100%;overflow: hidden;padding-bottom: 10px;} #article-contents .divider {margin-top: 4px;padding-bottom: 20px;} #article-contents .document-block {padding-bottom: 40px;background: transparent url(../images/dv-w300-thin.gif) repeat-x scroll left bottom;} #article-contents .document-block,no-border {background: none;padding-bottom: 0;} /*** bookmark ***********************************************/ ul#bookmark {width: 140px;float: right;display: inline;top: 10px;margin-right: 100px;} ul#bookmark a:link,ul#bookmark a:visited,ul#bookmark a:active {color: #333;} #save_to {padding: 0;margin: 0;background: #fff url(../images/bullet_save_to.gif) no-repeat 4px 0;} #save_to_bullet {padding: 0 15px 0 24px;background: transparent url(../images/save_to_down_arrow.gif) no-repeat 100% 2px;} ul#bookmark_links {margin-top: 2px;padding: 3px 0;} ul#bookmark_links li {background-color: #fff;background-image: none;line-height: 20px;height: 20px;padding: 0;margin: 0;} ul#bookmark_links li a {line-height: 23px;padding: 5px 0 5px 24px;height: 20px;} ul#bookmark_links li a.google {background: #fff url(../images/bookmark_google.gif) no-repeat 0 50%;} ul#bookmark_links li a.delicious {background: #fff url(../images/bookmark_delicious.gif) no-repeat 0 50%;} ul#bookmark_links li a.facebook {background: #fff url(../images/bookmark_facebook.gif) no-repeat 0 50%;} ul#bookmark_links li a.reddit {background: #fff url(../images/bookmark_reddit.gif) no-repeat 0 50%;} ul#bookmark_links li a.newsvine {background: #fff url(../images/bookmark_newsvine.gif) no-repeat 0 50%;} ul#bookmark_links li a.technorati {background: #fff url(../images/bookmark_technorati.gif) no-repeat 0 50%;} ul#bookmark_links li a.stumbleupon {background: #fff url(../images/bookmark_stumbleupon.gif) no-repeat 0 50%;} ul#bookmark_links li a.yahoo {background: #fff url(../images/bookmark_yahoo.gif) no-repeat 0 50%;} /*** join_discussion **************************************/ #yoursay-block {} #yoursay-block .heading3 {color: #b12e14;font-size: 26px;font-weight: bold;padding-bottom: 16px;} #yoursay-block .note {font-size: 11px;color: #999;padding-bottom: 8px;} #base-block #yoursay-block_form {background: #f7f3ea url(../images/bg-form.gif) no-repeat scroll;padding: 14px 10px;} #yoursay-block_form label {font-weight: bold;color: #492a16;padding-bottom: 9px;display: block;} #yoursay-block_form input {width: 284px;} #yoursay-block_form .box_name {float: left;padding-bottom: 12px;} #yoursay-block_form .box_location {float: right;padding-bottom: 12px;} #yoursay-block_form #label_name , #yoursay-block_form #label_location, #yoursay-block_form #form_name , #yoursay-block_form #form_location {width: 290px;display: block;} #yoursay-block_form .box_comment {width: 100%;position: relative;clear: both;} #yoursay-block_form .box_comment span {position: absolute;top: 0px;right: 10px;} #yoursay-block_form #form_comment {width: 602px;height: 89px;margin-bottom: 12px;} #yoursay-block_form .action {position: relative;height: 40px;} #yoursay-block_form .action .capcha-instructions {font-size: 11px;line-height: 13px;color: #000;width: 250px;} #yoursay-block_form .action img {position: absolute;top: 4px;left: 295px;} #yoursay-block_form #com_private_key {position: absolute;top: 5px;left: 395px;width: 118px;height: 15px;} #yoursay-block_form input.submit {position: absolute;top: 5px !important;left: 532px;font-size: 13px;font-weight: bold;color: #492a16;cursor: pointer;background: transparent url("../images/btn-submit.jpg") no-repeat top left;width: 66px;height: 25px;padding: 0;padding-bottom: 2px;border: 0;} #yoursay-block_form input:hover .submit {background: transparent url("../images/btn-submit.gif") no-repeat bottom left;} /*** news / your_comments ****************************************/ #your-comments-block {} #your-comments-block .document-block {margin: 20px 0px 0px 20px;} #your-comments-block .document-block .item {width: 100%;position: relative;background: transparent url(../images/dv-w300-thin.gif) repeat-x scroll left bottom;padding-bottom: 28px;margin-bottom: 20px;} #your-comments-block .document-block .comment-date {position: absolute;right: 0px;font-size: 11px;color: #666;} #your-comments-block .document-block .item .author {font-size: 13px;padding-bottom: 15px;} #your-comments-block .document-block .item .author_from {color: #666;} #your-comments-block .document-block .item .article-comment {padding-bottom: 15px;} #your-comments-block a:hover .agree {background-position: top left;} #your-comments-block a:hover .disagree {background-position: 0px 7px;} #your-comments-block a.agree {background: transparent url("../images/icon-agree.gif") no-repeat bottom left;padding-left: 18px;} #your-comments-block a.disagree {background: transparent url("../images/icon-disagree.gif") no-repeat 8px 100%;padding-left: 28px;} a.agree,a.disagree {font-size: 11px;font-weight: bold;color: #19548e;} a.agree span,a.disagree span {color: #666;} /* ====== video-block ====== */ #video-block {} #canvas .video-wrapper {border: 1px solid #c1c1c1;border-right: 0px;width: 301px;position: relative;height: 268px;} #canvas #video-list {height: 268px;overflow-y: scroll;background-color: #fff;width: 301px;position: absolute;top: 0;left: 0;} #canvas #video-list .overlay {width: 126px;float: left;} #canvas #video-list .overlay a img {border: 1px solid #fff;} #canvas #video-list .overlay a img.thumbnail {width: 135px;} #canvas #video-list .overlay a:hover img {border: 1px solid #b12e14;} #canvas #video-list .desc {float: right;width: 120px;padding-left: 12px;} #canvas #video-list ul {width: 285px;} #canvas #video-list ul li {padding: 10px;background-color: #fff;border-top: 1px solid #eaeae9;width: 265px;position: relative;overflow: hidden;} #canvas #video-list ul li.over {background: #fcf9e9 url(../images/bg-video-preview.gif) bottom left repeat-x;} #canvas #video-list .overlay {position: relative;} #canvas #video-list .overlay .play-s {bottom: 6px;left: 6px;z-index: 2;} #canvas #video-list .overlay a.play-s img,#video-list .overlay a:hover .play-s img {border: 0;} /* stages */ #base-block #stage-block {width: 658px;overflow: hidden;} .wrapper {width: 100%;overflow: hidden;} #base-block #stage-block .stagination,#base-block #results-block .stagination {width: 100%;overflow: hidden;text-align: center;padding: 5px 0px;height: auto;} #base-block #stage-block .stagination p,#base-block #results-block .stagination p {margin: 0;font-size: 12px;color: #424242;} #base-block #stage-block .stagination ul,#base-block #results-block .stagination ul {width: 589px;overflow: hidden;height: 27px;margin-top: 5px;} #base-block #stage-block .stagination ul li,#base-block #results-block .stagination ul li {float: left;margin-right: 1px;display: inline;} .stagination ul li a {display: block;width: 25px;height: 25px;text-align: center;} .stagination ul li a.btn {border: 1px solid #fff;} .stagination ul li a.btn:hover {border: 1px solid #ddd;} #canvas .stagination ul li a.stage {border: 1px solid #e7d59d;background-color: #e7d59d;font: bold 13px arial;color: #7b4620;padding-top: 4px;height: 21px;} .stagination ul li a.stage.complete {background-color: #cec2a3;border: 1px solid #cec2a3;} #canvas .stagination ul li a.stage.selected {background: #cec2a3 url(../images/bg-stage.jpg) top left no-repeat;border: 1px solid #cec2a3;color: #fff;} #canvas .stagination ul li a.stage.selected:hover {color: #fff;} #canvas .stagination ul li a.full-course:hover,.stagination ul li a.stage:hover {border: 1px solid #b2371a;} #canvas .stagination ul li a.full-course {font: bold 13px arial;width: 110px;padding-top: 4px;height: 21px;background-color: #cec2a3;border: 1px solid #cec2a3;text-transform: uppercase;font-weight: bold;} #canvas .stagination ul li a.full-course.selected {background: #ad3016 url(../images/bg-full-course.gif) top left no-repeat;color: #fff;border: 1px solid #b2371a;} #base-block #stage-block .stage-marker,#base-block #results-block .stage-marker {margin: 10px 0 0 0;width: 100%;overflow: hidden;} #base-block #stage-block #marker,#base-block #results-block #marker {float: left;display: inline;width: 45px;height: 64px;margin: 0 15px 0 50px;padding-top: 2px;background: #fff url(../images/stage-marker.jpg) top left no-repeat;text-align: center;color: #fff;font-weight: bold;font-size: 31px;} #base-block #stage-block #stage p span,#base-block #results-block #stage p span {color: #ae2f15;} #base-block .content-block {width: 628px;padding: 0 15px 30px 15px;overflow: hidden;} #canvas .content-block h4 {font-weight: bold;font-size: 14px;margin-bottom: 5px;} #canvas .content-block p {line-height: 16px;margin: 0 0 10px 0;} #canvas .wrap-around {float: right;display: inline;margin-left: 15px;} .wrap-around img {display: block;margin-bottom: 30px;} #base-block ul.extras li a {color: #19548e;} #base-block ul.extras li.video {padding-left: 20px;margin-bottom: 5px;background: #fff url(../images/icon-video.gif) center left no-repeat;} #base-block li.food {padding-left: 20px;margin-bottom: 5px;background: #fff url(../images/icon-food.gif) center left no-repeat;} #base-block li.gallery {padding-left: 20px;margin-bottom: 5px;background: #fff url(../images/icon-gallery.gif) center left no-repeat;} #canvas .content-block h2.separator {font-size: 20px;color: #ae2f15;padding: 20px 0px;text-transform: uppercase;font-weight: bold;background: #fff url(../images/bg-separator.gif) top left no-repeat;} #canvas .indented {margin-left: 20px;} .content_block.big {font-size: 14px;} .content_block.big th {font-size: 14px;} .content_block.big td {font-size: 12px;} .content_block.big #category-options a,.content_block.big #results-options a {font-size: 12px;} #canvas .content-block.content_block.big h4 {font-size: 16px;} /* results page ==================== */ #results-block {width: 658px;overflow: hidden;} #base-block #results-block .header {background: transparent url(../images/bg-results-header.jpg) no-repeat scroll left top;height: 60px;} #base-block #results-block .header .heading2 {font-size: 26px;padding-left: 15px;line-height: 60px;} .result-table th {font-weight: bold;text-align: left;background-color: #faf5da;padding: 5px;} .result-table tr.odd td {background-color: #faf5da;} .result-table tr.even td {background-color: #fff;} .result-table td {vertical-align: top;text-align: left;padding: 5px;font-size: 11px;} .result-table td .names td {padding: 0px 0px;} #base-block #results-options {background-color: #cec2a3;padding: 10px 20px;width: 588px;overflow: hidden;} #base-block #results-options li {float: left;display: inline;margin-right: 10px;} #base-block #results-options li a {display: block;padding: 2px 8px;height: 15px;color: #7b4620;background: transparent url(../images/bg-result-option.jpg) right top no-repeat;text-decoration: none;} #base-block #results-options li a:hover,#base-block #results-options li a.selected,#base-block #results-options li a.selected:hover {background-position: right bottom;color: #fff;} #base-block #category-options {background-color: #fff;padding: 0px 0px 0px 20px;width: 608px;margin-top: 20px;overflow: hidden;} #base-block #category-options li.category {float: left;margin-right: 3px;} #base-block #category-options li.category a {display: block;height: 20px;padding: 4px 8px 0px 8px;color: #7b4620;background: transparent url(../images/bg-category-tab.jpg) left top repeat-x;border: 1px solid #cec2a3;} #base-block #category-options li.category a:hover,#base-block #category-options li.category a.selected,#base-block #category-options li.category a.selected:hover {background-position: left bottom;color: #000;} #base-block #category-options li.option {float: right;} #base-block #category-options li.option.action {padding-left: 6px;padding-top: 4px;} #base-block #category-options li.option.origin a {display: block;height: 19px;padding: 4px 8px 0px 8px;color: #7b4620;background: transparent url(../images/bg-option-origin.jpg) left top repeat-x;border: 1px solid #cec2a3;} #base-block #category-options li.option.origin a:hover,#base-block #category-options li.option.origin a.selected,#base-block #category-options li.option.origin a.selected:hover {background-position: bottom left;} #base-block #category-options li.option.label {color: #000;font-size: 11px;padding: 4px 4px 0px 0px;} /* standard pagination */ #canvas .pagination {width: 100%;padding: 10px 0px 0px 0px;overflow: hidden;} .standard_pagination {float: right;background: white; /* self-clearing method: */} #canvas .standard_pagination a,.standard_pagination span {padding: 2px 5px;display: block;float: left;margin-right: 1px;} .standard_pagination span.disabled {color: #999;border: 1px solid #ddd;} .standard_pagination span.current {font-weight: bold;background: #7b4620;color: white;border: 1px solid #7b4620;} #canvas .standard_pagination a {text-decoration: none;color: #7b4620;border: 1px solid #ddd;} #canvas .standard_pagination a:hover,.standard_pagination a:focus {color: #000;background-color: #eee;} Ecanvas .standard_pagination:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;} * html .standard_pagination {height: 1%;} * :first-child+html .standard_pagination {overflow: hidden;} #canvas .footer_block .pagination {padding: 0;} /* Layout update - vod integration - December 2011 */ .content{width:990px;} .left_column{width:660px;} .right_column{width:330px;} .left_column, .right_column{text-align:left; float:left; position:relative;} .multi_widget_row,.one_col,.two_col,.three_col,.four_col,.five_col,.six_col{display:block;width:100%; float:left;} .multi_widget_row .col,.one_col .col,.two_col .col,.three_col .col,.four_col .col,.five_col .col,.six_col .col{height:auto;display:block; float:left; position:relative;font-size:12px;padding:10px 0;text-align:left;} .one_col .col{width:100%;} .two_col .col{width:50%;} .three_col .col{width:220px;} .four_col .col{width:25%;} .five_col .col{width:20%;} .six_col .col, .right_column .three_col .col{width:110px;} * .padding {overflow:hidden;} .multi_widget_row .col .padding,.one_col .col .padding,.two_col .col .padding, .three_col .col .padding,.four_col .col .padding,.five_col .col .padding,.six_col .col .padding{margin:0 10px;} .six_col .col .padding{} .five_col .col .padding{} .four_col .col .padding{} .three_col .col .padding{} .two_col .col .padding{} .one_col .col .padding{} .six_col .two_col .padding p,.six_col .three_col .padding p,.four_col .two_col .padding p{font-size:12px;line-height:18px;} .six_col .one_col .col .padding p,.five_col .one_col .col .padding p,.four_col .one_col .col .padding p,.three_col .one_col .col p{font-size:12px;line-height:18px;} .lead_marquee .col{padding-top:0 !important;margin-top:10px !important;} .four_col .col p,.five_col .col p,.six_col .col p, .right_column .three_col .col p{font-size:11px;line-height:16px;} .right_column .three_col .col .padding p,.right_column .two_col .col .padding p{font-size:11px;line-height:16px;} .lead_marquee .col .padding h3{font-size:16px;line-height:21px;} .content .lead_marquee p,.content .secondary_marquee p{margin-top:3px;} .content .secondary_marquee .title{margin:3px 0 0 0;} .col .col_controls,.col_controls{font-size:12px;line-height:18px;margin-top:5px;} * .padding, .position_img {position:relative;} div.clear {clear:both;height:0;font-size:0!important;overflow:hidden;} .noclear {clear:none!important;} div.clear_large {height:15px;font-size:15px;} div.clear_med {height:10px;font-size:10px;} div.clear_small {height:5px;font-size:5px;} div.clear_left {clear:left;height:0;font-size:0!important;} div.clear_right {clear:right;height:0;font-size:0!important;} div.clear_large ,div.clear_med,div.clear_small {clear:both;} div.clear ,div.clear_large,div.clear_med,div.clear_small,div.clear_left,div.clear_right {overflow:hidden;} #header-block #search {float:none;}