@charset "utf-8";

/*	___________________________________
	
	football-online.ru
	
	Sergei Asanov (http://sadesign.ru)
	05/06/2008
	___________________________________
*/

@import url(/css/typo.css);
@import url(/css/navigation-h.css);


body {  margin:0; padding:0; background: #fff url(/i/top_bg.jpg) repeat-x;}
a { text-decoration: underline;  cursor: pointer; cursor: hand; color:#0279c4;}
a:hover { text-decoration: none; color:#ff1a21 }
.r { float: right; width:160px; margin-right: 5%; padding:0 20px;}
.inv { display: none;}

/*	
	Page layout
	______________________	
*/

#header {  }
#header .topbox {background: url(/i/wc2010_top_bg.jpg) left bottom; height: 259px; position: relative;}
#header .logo { padding:30px 0 0 30px;}
#header .logo a { color:#fff; font-size:21px; }
#header .ad { width:670px; height:111px; position: absolute; top:30px; left:300px;  }
#header .champs { font-size:12px; font-weight:bold; padding: 4px 0 0 20px; color:#5d3314; background:url(/i/wc2010_top_wclist_bg.jpg) no-repeat top; height: 20px; z-index:10;}
#header .champstitle { float: left; width:120px;}
#header .champs a {color:#5d3314; text-decoration: none;}
#header .champslist  li { float: left; margin-right:8px; padding:1px 4px; margin-top:-1px;}
#header .champslist  li.current { background: url(/i/history_list_current.jpg) repeat-x;}
#header .champslist a:hover { color:#c8250b; text-decoration: underline;}

.googletop { padding:0 3%; font-family: Arial, Helvetica, sans-serif;}
.maingoogletop { position:absolute; top:36px; left:600px; padding:0 3%; font-size:11px; }
.googleside { margin-left: -12px;}
.google160x90 { position: absolute; top:37px; right:30px; }
.google_hist_r { padding-top:60px;}
#adv2 { position:absolute; top:33px; left:660px; width:300px; font-size:12px; line-height:16px;}
#adv2 .title { font-size:14px; line-height:18px; font-weight: bold; padding-bottom:3px;}
#adv2 .title a {color:#852200;}
#adv2 .pic { float: left; margin-right:10px;}

ul.years { padding-left: 8%; margin-top: 20px; margin-bottom: 50px; font-size: 18px;}
ul.years li {float: left; padding-right:20px;}

.main { padding-left: 3%; position: relative; background:url(/i/wc2010_top_main_bg.jpg) no-repeat top;} 
.right { float: right; padding-right:4%; text-align: right;}

.r { display: table; _height: 0; /* for IE5-6 */ zoom: 1; /* for IE7 */ padding-top:6px; }

.layout { padding-left: 10%; width:85%; }
.google { padding-top:30px; font-family: Arial, Helvetica, sans-serif;}
#playoff {  margin-top:50px; margin-bottom:50px;}
#playoff .date1 { font-size: 12px; color: #aab2b8; border-top: solid 1px #aab2b8; border-bottom: solid 1px #aab2b8;  border-right: solid 1px #aab2b8; padding: 16px 0 16px 32px; margin-bottom:4px;}
#playoff .date2 { font-size: 12px; color: #aab2b8; border-top: solid 1px #aab2b8; border-bottom: solid 1px #aab2b8;  border-left: solid 1px #aab2b8; padding: 16px 0 16px 32px; margin-bottom:4px;}
#playoff .date { font-size: 12px; color: #aab2b8; padding-left: 45px; padding-top:8px;}
#playoff .teamname {font-size: 14px; padding-top:0; padding-left: 32px; }

#playoff .halfleft {border-right: solid 1px #aab2b8;}
#playoff .halfright {border-left: solid px #aab2b8;}
#playoff .half1 { margin-top:23px; padding-top:5px; border-top: solid 1px #aab2b8; padding-left:12px; border-right: solid 1px #aab2b8; }
#playoff .half11 {border-right: solid 1px #aab2b8; height:25px;}
#playoff .half12 {border-right: solid 1px #aab2b8; height:53px;}
#playoff .half2 { border-bottom: solid 1px #aab2b8; border-right: solid 1px #aab2b8; padding-left:12px; }
#playoff .half3 { margin-top:22px; padding-top:5px;	border-top: solid 1px #aab2b8; padding-left:12px;}
#playoff .half4 { border-bottom: solid 1px #aab2b8;  padding-left:12px;}
#playoff .final { border-bottom: solid 1px #aab2b8; padding-left: 14px;}
#playoff .final2 { padding-left: 14px; margin-top: 6px;}
.box1 { height:23px}
.box2 { height:20px }
html>body .box1 { height:22px}
html>body .box2 { height:17px;}

/*
	ONLINE
	______________________________________
*/

.online { margin-top:35px; position: relative;}
.online .block { position:absolute; top:565px; left:0; height:40px; width:210px; background:#fff;}
.iframe { margin-top:30px;}
.iframe h1 {font: bold 14px Arial, Helvetica, sans-serif; padding:0; margin:0; color:#312e28;}
.tvit { font: 12px Arial, Helvetica, sans-serif;}
.iframe .counter { font: normal 14px Arial, Helvetica, sans-serif !important; padding-top:4px;}
.iframe .wrapper textarea { font-size:12px;}
.iframe .meta a { color:#aab2b8 !important; font-size:11px}
.iframe a.hashtag {display:none;}
.iframe .user { font-size:12px;}
.iframe .post { font-size:12px !important;}
.iframe ul.posts span.body {font-size:12px !important;}
.iframe .more { margin-bottom:20px;}


/*
	NEW PLAY-OFF
	______________________________________
*/
#newplayoff { margin-top:50px;}
#newplayoff tr.header td { font-size:12px; padding-bottom:15px;  color: #aab2b8;}
#newplayoff .date { font-size: 12px; color: #aab2b8; padding-bottom:5px; }
#newplayoff .playoffquater-l { background:url(/i/playoff_quater_l.gif) no-repeat 50%; height:89px; width:90%; margin:42px 0 88px 0;}
#newplayoff .playoffquater-r { background:url(/i/playoff_quater_r.gif) no-repeat 50%; height:89px; width:90%; margin:42px 0 88px 0;}
#newplayoff .playoffsemi-l { background:url(/i/playoff_semi_l.gif) no-repeat 50%; height:178px; width:90%; margin-top:86px}
#newplayoff .playoffsemi-r { background:url(/i/playoff_semi_r.gif) no-repeat 50%; height:178px; width:90%; margin-top:86px}
#newplayoff .playofffinal-l { background:url(/i/playoff_final_l.gif) no-repeat 50%; height:32px; width:90%; margin-top:150px}
#newplayoff .playofffinal-r { background:url(/i/playoff_final_r.gif) no-repeat 50%; height:32px; width:90%; margin-top:150px}
#newplayoff .teamname {font-size: 14px; padding-top:0; padding-left: 32px; margin-bottom:8px;}
#newplayoff .octafinal { width:120px;}
#newplayoff .octafinal .match { margin-bottom:20px;}

#newplayoff .quaterfinal { width:120px;}
#newplayoff .quaterfinal .match { margin-top:43px; margin-bottom:109px;}

#newplayoff .semifinal { width:120px;}
#newplayoff .semifinal .match {  margin-top:123px;}

#newplayoff .final .match {  margin-top:123px;}
.champions {color:#ca8523; background: url(/i/star.gif) no-repeat right; padding-right:17px;}

/*
	NEWS
	______________________________________
*/

#news {  margin-bottom: 30px; }
#news .item { margin-bottom:18px; min-height:120px;}
#news .item .pic { float: left; margin-right: 14px;}
#news .item .title { font-size:14px; font-weight: bold;}
#news .item .text {padding-bottom:8px; font-size: 12px; line-height: 18px;}
#news .item .date { padding:6px 0;  font-size: 11px; color:#aab2b8;}
#news .item .date a {text-decoration:none; color:#999; padding:1px 2px;}
#news .item .date a:hover { color:#fff; background:#ff6600;}
#news .item .date span.time { color: #999;  background:#f6f6f7; padding:1px 4px;}

.mainnews { padding-right:30px; padding-bottom: 20px; line-height:19px;}
.mainnews .date {color:#aab2b8; font-size:11px;}
.mainnews .title { font-size: 17px; font-weight: bold; padding-bottom: 8px;}

.lenta { font-size:12px; line-height:17px; padding-right: 16px;}
.lenta .item { padding-bottom:10px;}
.lenta .item .pic { }
.lenta .title { margin-top:-2px; padding-bottom:6px;}
.lenta .date {color:#aab2b8; font-size:11px;}

#fullnewspage { margin-left:3%}
#fullnewspage .date { color:#aab2b8; padding-bottom:8px;}
#fullnewspage .pre { font-weight: bold; font-style: italic;  color:#838d94; line-height:21px; padding:18px 0;}


/*
	TOPSPOT
	______________________________________
*/

table.topspot { width: 210px;}
table.topspot td {font-size: 11px; line-height:12px; vertical-align: middle; padding: 8px 0; border-bottom: solid 1px #e6e8ea;}
table.topspot td.position { text-align: right; padding-right: 8px; }
table.topspot td.team {  }
table.topspot td.games,
table.topspot td.position { color: #aab2b8; }
table.topspot td.scores { text-align:right; font-size: 14px; font-weight:bold; line-height:18px; }
table.topspot td.scores span { color:#fff; background:#3b8321 url(/i/topsport_score_bg.gif) top repeat-x; text-align:right; padding:0 4px; margin-left:20px;}
table.topspot td.scores div { width:28px; color:#fff; background:#3b8321 url(/i/topsport_score_bg.gif) top repeat-x; text-align:center;  margin-left:10px;}
table.topspot .city {color: #bcbcba; font-size: 9px; padding-bottom:3px; padding-left: 38px; margin-top:-12px;}


table.topspot tr.head td { background:#f5f5f5 url(/i/topspot_head_bg.gif) repeat-x top; padding:2px 0; font-weight: bold;}
table.topspot tr.head td.games { color: #aab2b8; text-align: right; padding-right: 6px;}
table.topspot tr.head td.scores {color: #aab2b8; font-size:12px; text-align:center; padding-left:8px;}

table.topspot tr.last td { height:8px;}

/*
	COUNTRY TEAMS
	______________________________________
*/

.teamname {padding:4px 15px 2px 35px; font-size: 14px; font-weight: bold;}

.algeria {background:url("/i/teams/algeria.gif") no-repeat;}
.angola {background:url("/i/teams/angola.gif") no-repeat;}
.argentina {background:url("/i/teams/argentina.gif") no-repeat;}
.australia {background:url("/i/teams/australia.gif") no-repeat;}
.austria {background:url("/i/teams/austria.gif") no-repeat;}
.azerbaijan {background:url("/i/teams/azerbaijan.gif") no-repeat;}
.belgium {background:url("/i/teams/belgium.gif") no-repeat;}
.bolivia {background:url("/i/teams/bolivia.gif") no-repeat;}
.brazil {background:url("/i/teams/brazil.gif") no-repeat;}
.bulgaria {background:url("/i/teams/bulgaria.gif") no-repeat;}
.cameroun {background:url("/i/teams/cameroun.gif") no-repeat;}
.canada {background:url("/i/teams/canada.gif") no-repeat;}
.chile {background:url("/i/teams/chile.gif") no-repeat;}
.china {background:url("/i/teams/china.gif") no-repeat;}
.colombia {background:url("/i/teams/colombia.gif") no-repeat;}
.costa-rica {background:url("/i/teams/costa-rica.gif") no-repeat;}
.croatia {background:url("/i/teams/croatia.gif") no-repeat;}
.cuba {background:url("/i/teams/cuba.gif") no-repeat;}
.czech {background:url("/i/teams/czech.gif") no-repeat;}
.czechoslovakia {background:url("/i/teams/czechoslovakia.gif") no-repeat;}
.ddr {background:url("/i/teams/ddr.gif") no-repeat;}
.denmark {background:url("/i/teams/denmark.gif") no-repeat;}
.ecuador {background:url("/i/teams/ecuador.gif") no-repeat;}
.egypt {background:url("/i/teams/egypt.gif") no-repeat;}
.egypt34 {background:url("/i/teams/egypt34.gif") no-repeat;}
.england {background:url("/i/teams/england.gif") no-repeat;}
.finland {background:url("/i/teams/finland.gif") no-repeat;}
.france {background:url("/i/teams/france.gif") no-repeat;}
.germany {background:url("/i/teams/germany.gif") no-repeat;}
.germany38 {background:url("/i/teams/germany38.gif") no-repeat;}
.germany34 {background:url("/i/teams/germany34.gif") no-repeat;}
.ghana {background:url("/i/teams/ghana.gif") no-repeat;}
.greece {background:url("/i/teams/greece.gif") no-repeat;}
.haiti {background:url("/i/teams/haiti.gif") no-repeat;}
.honduras {background:url("/i/teams/honduras.gif") no-repeat;}
.hungary {background:url("/i/teams/hungary.gif") no-repeat;}
.hungary38 {background:url("/i/teams/hungary38.gif") no-repeat;}
.indonesia {background:url("/i/teams/indonesia.gif") no-repeat;}
.ireland {background:url("/i/teams/ireland.gif") no-repeat;}
.iraq {background:url("/i/teams/iraq.gif") no-repeat;}
.iran {background:url("/i/teams/iran.gif") no-repeat;}
.israel {background:url("/i/teams/israel.gif") no-repeat;}
.italy {background:url("/i/teams/italy.gif") no-repeat;}
.italy38 {background:url("/i/teams/italy38.gif") no-repeat;}
.ivorycoast {background:url("/i/teams/ivorycoast.gif") no-repeat;}
.jamaica {background:url("/i/teams/jamaica.gif") no-repeat;}
.japan {background:url("/i/teams/japan.gif") no-repeat;}
.kdpr {background:url("/i/teams/kdpr.gif") no-repeat;}
.kuwait {background:url("/i/teams/kuwait.gif") no-repeat;}
.latvia {background:url("/i/teams/latvia.gif") no-repeat;}
.liechtenstein {background:url("/i/teams/liechtenstein.gif") no-repeat;}
.morocco {background:url("/i/teams/morocco.gif") no-repeat;}
.mexico {background:url("/i/teams/mexico.gif") no-repeat;}
.nigeria {background:url("/i/teams/nigeria.gif") no-repeat;}
.netherlands {background:url("/i/teams/netherlands.gif") no-repeat;}
.new_zeland {background:url("/i/teams/new_zeland.gif") no-repeat;}
.northern_ireland {background:url("/i/teams/northern_ireland.gif") no-repeat;}
.norway {background:url("/i/teams/norway.gif") no-repeat;}
.ost-india {background:url("/i/teams/ost-india.gif") no-repeat;}
.paraguay {background:url("/i/teams/paraguay.gif") no-repeat;}
.peru {background:url("/i/teams/peru.gif") no-repeat;}
.poland {background:url("/i/teams/poland.gif") no-repeat;}
.portugal {background:url("/i/teams/portugal.gif") no-repeat;}
.rsa {background:url("/i/teams/rsa.gif") no-repeat;}
.rumania {background:url("/i/teams/rumania.gif") no-repeat;}
.russia	{background:url("/i/teams/russia.gif") no-repeat;}
.salvador {background:url("/i/teams/salvador.gif") no-repeat;}
.saudi_arabia {background:url("/i/teams/saudi_arabia.gif") no-repeat;}
.scotland {background:url("/i/teams/scotland.gif") no-repeat;}
.senegal {background:url("/i/teams/senegal.gif") no-repeat;}
.serbia {background:url("/i/teams/serbia.gif") no-repeat;}
.slovakia {background:url("/i/teams/slovakia.gif") no-repeat;}
.slovenia {background:url("/i/teams/slovenia.gif") no-repeat;}
.switzerland {background:url("/i/teams/switzerland.gif") no-repeat;}
.south_korea {background:url("/i/teams/south_korea.gif") no-repeat;}
.spain {background:url("/i/teams/spain.gif") no-repeat;}
.spain34 {background:url("/i/teams/spain34.gif") no-repeat;}
.sweden {background:url("/i/teams/sweden.gif") no-repeat;}
.togo {background:url("/i/teams/togo.gif") no-repeat;}
.trinidad {background:url("/i/teams/trinidad.gif") no-repeat;}
.tunisia {background:url("/i/teams/tunisia.gif") no-repeat;}
.turkey {background:url("/i/teams/turkey.gif") no-repeat;}
.ukraine {background:url("/i/teams/ukraine.gif") no-repeat;}
.uruguay {background:url("/i/teams/uruguay.gif") no-repeat;}
.uae {background:url("/i/teams/uae.gif") no-repeat;}
.usa {background:url("/i/teams/usa.gif") no-repeat;}
.ussr {background:url("/i/teams/ussr.gif") no-repeat;}
.wales {background:url("/i/teams/wales.gif") no-repeat;}
.yugoslavia {background:url("/i/teams/yugoslavia.gif") no-repeat;}
.yugoslavia92 {background:url("/i/teams/yugoslavia92.gif") no-repeat;}
.zaire {background:url("/i/teams/zaire.gif") no-repeat;}

.unknown {background:url("/i/teams/unknown.gif") no-repeat;}
.winner { color:#bd7d2b }


.shedulemain { font-size:12px; padding-top:30px; min-width:210px; max-width:250px;}
.shedulemain .day { padding-bottom: 10px; border-bottom: 1px solid #e6e8ea; margin-bottom: 12px;}
.shedulemain .date {color: #aab2b8; padding-bottom: 5px;}
.shedulemain .game {padding-bottom: 6px; position:relative;}
.shedulemain .game .time { background:url(/i/time_bg.gif) no-repeat; color:#53524f; font-weight: normal; font-size:10px; padding: 0 3px; margin-right: 4px; }
.shedulemain .game a.mtime { background:url(/i/mtime_bg.gif) no-repeat left top; color:#53524f; font-weight: normal; font-size:10px; display: block; height:13px; width:33px; text-decoration:none !important; padding-left:3px; float:left; margin-top:2px;}
.shedulemain .game a:hover.mtime { background-position:left bottom; color:#fff;}
.shedulemain .game .group { background:url(/i/group_bg.gif) no-repeat; color:#fff; font-weight: normal; font-size:10px; padding: 0 3px;}
.shedulemain .game .f{ padding-right: 4px;}
.shedulemain .game .score { font-weight:bold; background: #1374be url(/i/mainshedule_score_bg.gif) repeat-x top; color:#fff; padding:0 3px 0 4px; float: right;}
.shedulemain .game .teams { padding-right: 40px;}
.shedulemain .tele { background: url(/i/tele/tele_bg.png) no-repeat; width:151px; height:49px; font-size:10px; color:#a4abb1; padding:8px 0 0 14px; position: absolute; top:-52px; left:0;  }
.shedulemain .channel {font-size:12px; color: #312e28; background-repeat:no-repeat; padding-left:20px; margin-top:3px;}
.shedulemain .tv1 { background-image:url(/i/tele/1tv.gif);}
.shedulemain .rus1 { background-image:url(/i/tele/russia1.gif);}
.shedulemain .rus2 { background-image:url(/i/tele/russia2.gif);}
.shedulemain .penalty { color:#aab2b8; font-size:11px; padding:2px 0 2px 36px;}


/*
	SHEDULE
	______________________________________
*/

#shedule { width:60%;}
#shedule .day { padding-bottom: 12px; border-bottom: 1px solid #e6e8ea; margin-bottom: 14px;}
#shedule .date {color: #aab2b8; padding-bottom: 8px;}
#shedule .game {font-size:18px; padding-bottom: 8px; }
#shedule .game .time {font-weight: normal; font-size:12px; padding-right: 6px;}
#shedule .game .teamname {padding:0;}
#shedule .game .score { background: #1c82d0; color:#fff; padding:0 3px 0 4px; float: right;}



/*	
	footer
	______________________	
*/
#footer { margin-left:3%; border-top: solid 3px #aab2b8; margin-top:100px; margin-bottom:20px; font-size:12px; color:#adacac; padding-top:14px; position: relative;}

.aga {padding:30px 0; font:11px Tahoma, sans-serif; color:#adacac;}
.aga a { color:#adacac; text-decoration:none;}
#footer .fright { position: absolute; right:40px; top:14px;}
#footer .sa { position: relative; padding-top:2px; }
	#footer .sa .star { padding-top:3px; }
	#footer .sa .link { position: absolute; top:20px; left:22px; }