@charset "UTF-8";
/* CSS Document */

.draw12-container{color:#fff; background:#000 url(/prod/assets/soccernet/euro2012/draw/draw12-bg.jpg) top center no-repeat; font-family:Helvetica, Arial, sans-serif; position:relative; padding-bottom:40px !important; z-index:2;}

/*Draw 12 Sprite*/
.draw12-container h2,
.draw12-container ul.draw12-cd-clock li,
.draw12-container ul.draw12-cd-clock li.cd-clock-colon,
.draw12-container .draw12-pools,
.draw12-container .draw12-groups,
.draw12-container .draw12-bot-info .draw12-bot-info-col-1 .draw12-bot-info-callout .hoddle,
.draw12-container .draw12-groups ul li .group-flag-shadow,
.draw12-container .draw12-schedule .mod-schedule ul li.team-left a.flag-35 .group-flag-shadow,
.draw12-container .draw12-schedule .mod-schedule ul li.team-right a.flag-35 .group-flag-shadow,
.draw12-container .draw12-schedule,
.draw12-container .draw12-schedule .mod-schedule,
.draw12-container .draw12-schedule .schedule-nav .schedule-prev,
.draw12-container .draw12-schedule .schedule-nav .schedule-next,
.draw12-container .draw12-pools ul li.active,
.draw12-container .draw12-groups ul li.active,
.draw12-container .draw12-pools ul.active,
.draw12-bot-bar .question .mark{background:url(/prod/assets/soccernet/euro2012/draw/draw12-sprite.png) 0 0 no-repeat;}

.draw12-content{padding:30px 10px 30px 20px; }
.draw12-container a, .draw12-container a:visited{color:#608fd6;}
.draw12-container h2{width:421px; height:91px; text-indent:-9999px; margin-bottom:20px;}
.draw12-content-uk h2{background-position:0 -829px;}
.draw12-content-deportes h2{background-position:0 -919px;}

.draw12-container h3{font:500 20px/20px Helvetica, Arial, sans-serif; margin-bottom:6px;}

/*Countdown Clock*/
.draw12-container ul.draw12-cd-clock{overflow: hidden;width: 375px; margin-bottom:10px;}
.draw12-container ul.draw12-cd-clock li {width:70px; height:70px; background-position:0 -738px; float:left; text-align:center;}
.draw12-container ul.draw12-cd-clock li span.clock-num{font:700 50px/55px Arial, sans-serif; color:#fff; text-shadow: 1px 1px 5px#000; display:block; text-indent:2px;}
.draw12-container ul.draw12-cd-clock li span.clock-id{font:500 10px/10px Verdana, Arial, sans-serif; color:#535353; display:block;}
.draw12-container ul.draw12-cd-clock li.cd-clock-colon {width:12px; height:27px; background-position:-75px -738px; margin:11px 8px 0;}

.draw12-container .draw12-cd-clock-info{font:500 14px/19px Helvetica, Arial, sans-serif; margin-bottom:20px;}
.draw12-container .draw12-cd-clock-info p a{margin-right:10px;}

/*Bottom Info Content*/
.draw12-container h4{color:#8c808c; font:700 14px/19px Helvetica, Arial, sans-serif;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-1 .draw12-bot-info-callout{margin-bottom:20px;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-1 .draw12-bot-info-callout p{color:#9f9e9f; font:500 11px/15px Verdana, Arial, sans-serif;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-1 .draw12-bot-info-callout p.action{color:#fff; font:700 16px/16px Helvetica, Arial, sans-serif;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-1 .draw12-bot-info-callout p.name{color:#fff; font:700 20px/22px Helvetica, Arial, sans-serif;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-1 .draw12-bot-info-callout .hoddle{width:68px; height:73px; background-position:-159px -735px; float:left;}

/*Headlines*/
.draw12-container .draw12-bot-info .draw12-bot-info-col-2 .headlines{font:500 11px/15px Verdana, Arial, sans-serif;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-2 .headlines img{float:left; margin-right:10px;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-2 .headlines ul{margin:10px 0;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-2 .headlines ul li {background:url("/prod/assets/soccernet/euro2012/draw/draw12-bullet.gif") no-repeat scroll 0 5px transparent; padding-left:9px; padding-bottom:3px;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-2 .headlines ul li a{color:#fff;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-2 .headlines p.footer,
.draw12-container .draw12-schedule p.footer{text-align:right; font:500 10px/10px Verdana, Arial, sans-serif; }
.draw12-container .draw12-schedule p.footer{margin-top:8px;}

/*Column floats*/
.draw12-container .draw12-col-left{float:left; position:relative; z-index:10;}
.draw12-container .draw12-col-right{float:right; position:relative; z-index:1; margin-bottom:10px; }
.draw12-container .draw12-bot-info .draw12-bot-info-col-1{width:180px; margin-right:20px; float:left;}
.draw12-container .draw12-bot-info .draw12-bot-info-col-2{width:260px; float:left;}

/*Pools*/
.draw12-container .draw12-pools{width:396px; height:153px; background-position:0 0; margin:0 0 20px 0;}
.draw12-container .draw12-pools h4{padding:10px 0 2px  25px; }
.draw12-container .draw12-pools ul{overflow: hidden;width: 340px; margin:0 0 9px 34px; }
.draw12-container .draw12-pools ul.active{background-position: 0 -1010px;}
.draw12-container .draw12-pools ul span.pool-num{float:left; font:700 20px/20px Helvetica, Arial, sans-serif; text-shadow: 1px 1px 3px#000; color:#d7d7d7; width:28px; text-align:center;}
.draw12-container .draw12-pools ul li{float:left; width:73px; padding-left:5px;}
.draw12-container .draw12-pools ul li.selected{opacity:.4;filter:Alpha(Opacity=40);}
.draw12-container .draw12-pools ul li .flag-20{margin:3px 5px 0 0;}
.draw12-container .draw12-pools ul li a.country{font:700 13px/13px Helvetica, Arial, sans-serif; color:#fff; display:inline-block; margin-top:5px;  text-shadow: 1px 1px 3px#000; }
/*.draw12-container .draw12-pools ul li.last{width:auto; padding-right:3px;}*/

/*Groups*/
.draw12-container .draw12-groups{width:396px; height:389px; background-position:0 -162px; position:relative; margin:0 0 20px 0;}
.draw12-container .draw12-groups span.group-letter{font:700 25px/25px Helvetica, Arial, sans-serif; text-shadow: 1px 1px 3px#000; color:#d7d7d7; margin:0 0 0 12px;}
.draw12-container .draw12-groups h4{padding: 10px 0 0 25px;}
.draw12-container .draw12-groups ul li{position:relative;}
.draw12-container .draw12-groups ul li .group-flag-shadow,
.draw12-container .draw12-schedule .mod-schedule ul li.team-left a.flag-35 .group-flag-shadow,
.draw12-container .draw12-schedule .mod-schedule ul li.team-right a.flag-35 .group-flag-shadow{width:35px; height:23px; background-position: -114px -738px;position:relative; top:0; left:0; z-index:9; cursor:pointer;}
.draw12-container .draw12-groups ul li .flag-35,
.draw12-container .draw12-schedule .mod-schedule ul li.team-left a.flag-35,
.draw12-container .draw12-schedule .mod-schedule ul li.team-right a.flag-35{position:relative; top:0; left:5px; z-index:1;}
.draw12-container .draw12-groups ul.group-A{position:absolute; top:37px; left:34px;}
.draw12-container .draw12-groups ul.group-B{position:absolute; top:37px; left:224px;}
.draw12-container .draw12-groups ul.group-C{position:absolute; top:211px; left:34px;}
.draw12-container .draw12-groups ul.group-D{position:absolute; top:211px; left:224px;}
.draw12-container .draw12-groups ul li{width:160px; margin-bottom:13px; height:23px;}
.draw12-container .draw12-groups ul li a.country{font:700 14px/30px Arial, Helvetica, sans-serif; color:#fff; width:110px; overflow:hidden; position:relative; left:5px; top:0; }

/*Schedule*/
.draw12-container .draw12-schedule{width:396px; height:108px; background-position:0 -560px; position:relative; margin:0 0 20px 0; position:relative;}
.draw12-container .draw12-schedule h4{padding:10px 0 2px  25px; }
.draw12-container .draw12-schedule .schedule-nav{position:absolute; top:10px; right:0;font:500 10px/12px Verdana, Arial, sans-serif;color:#c3c3c3;}
.draw12-container .draw12-schedule .schedule-nav a.schedule-prev{width:12px; height:12px; background-position:-97px -738px; display:block; float:left; }
.draw12-container .draw12-schedule .schedule-nav span{float:left;margin:0 5px;}
.draw12-container .draw12-schedule .schedule-nav a.schedule-next{width:12px; height:12px; background-position:-97px -750px; display:block; float:left;}
.draw12-container .draw12-schedule .schedule-nav a.schedule-prev:hover,
.draw12-container .draw12-schedule .schedule-nav a.schedule-next:hover{opacity:.6;filter:Alpha(Opacity=60);}
.draw12-container .draw12-schedule .schedule-nav a.schedule-prev.inactive,
.draw12-container .draw12-schedule .schedule-nav a.schedule-next.inactive{opacity:.3;filter:Alpha(Opacity=30); cursor:default;}
.draw12-container .draw12-schedule .mod-schedule{width:369px; height:49px;background-position:0 -679px; margin-left:27px; position:relative;}
.draw12-container .draw12-schedule .mod-schedule ul{width:369px; height:30px; overflow:hidden; font: 700 14px/27px Helvetica, Arial, sans-serif;}
.draw12-container .draw12-schedule .mod-schedule ul a,
.draw12-container .draw12-schedule .mod-schedule ul a:visited{color:#fff;}
.draw12-container .draw12-schedule .mod-schedule ul li{list-style-type:none; float:left;}
.draw12-container .draw12-schedule .mod-schedule ul li.team-left{width:160px; text-align:right; margin:3px 0; }
.draw12-container .draw12-schedule .mod-schedule ul li.team-left a.flag-35{float:right !important; margin: 0 0 0 6px;}
.draw12-container .draw12-schedule .mod-schedule ul li.team-v{width:29px; height:14px; border-top:1px solid #595959; border-bottom:1px solid #595959; margin:6px 5px 0; text-align:center; color:#c3c3c3; font:500 10px/13px Verdana, Arial, sans-serif;}
.draw12-container .draw12-schedule .mod-schedule ul li.team-right{width:160px; margin:3px 0;}
.draw12-container .draw12-schedule .mod-schedule p{color:#c3c3c3; font:500 10px/10px Verdana, Arial, sans-serif; text-align:center; margin-top:4px; overflow:hidden; width:369px; height:20px;}

/*Video Player*/
.draw12-container.draw12-live .draw12-col-left{position:relative; top:0; left:0;}
.draw12-container.draw12-live .draw12-col-right{position:absolute; top:30px; right:10px; }
.draw12-container .draw12-video-player{
	margin-bottom:10px;
	-moz-box-shadow: 5px -3px 8px #000;
	-webkit-box-shadow: 5px -3px 8px #000;
	box-shadow: 5px -3px 8px #000;
}
.draw12-container .draw12-cil{ height:390px; margin-bottom:20px; }
.draw12-container .draw12-cil-no-video{ height:580px; margin-bottom:20px; }

/*Bottom Bar*/
.draw12-bot-bar{background:url(/prod/assets/soccernet/euro2012/draw/draw12-bot-bar.png) 0 0 no-repeat; width:963px; height:90px; display:block; position:absolute; top:623px; left:-20px; z-index:99;}
.draw12-pre .draw12-bot-bar{top:622px;}
.draw12-live-video .draw12-bot-bar{top:830px !important;}
.draw12-live .draw12-bot-bar{top:740px;}
.draw12-post .draw12-bot-bar{top:577px;}
.draw12-bot-bar .question{color:#250626; font:700 18px/18px Helvetica, Arial, sans-serif; position:absolute; top:18px; left:10px;}
.draw12-bot-bar .question .mark{width:65px; height:100px; background-position: -227px -728px; position:absolute; right:-45px; top:13px; }
.draw12-bot-bar span.page-actions{position:absolute; top:18px; right:10px; width:300px; }
.draw12-bot-bar span.page-actions .fLike{background:none !important;}
.span-4, .span-2{z-index:1; position:relative;}

/*Draw Animation states*/
.draw12-container .draw12-pools ul li.active{background-position:-227px -728px;opacity:1;filter:Alpha(Opacity=100);}
.draw12-container .draw12-pools ul li.inactive{opacity:.3;filter:Alpha(Opacity=30);}
.draw12-container .draw12-pools ul.inactive{opacity:.5;filter:Alpha(Opacity=50);}
.draw12-container .draw12-groups ul li.active{background-position:-227px -749px;}
.draw12-container .draw12-groups ul.inactive{opacity:.3;filter:Alpha(Opacity=30);}