/* $Id: header.tpl.html 209 2009-10-07 12:01:24Z denisych $ */

@charset "utf-8";

/* Table of contents:
- default
- layout & header
- tables
- errorPage
- printPage
*/

/* default */
* {
	margin: 0;
	padding: 0;
}

body {
	background: #125CAC url('/img/bg.gif') repeat-x top left;
	color: #000;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 62.5%;
	}

img { border-width: 0; }
	img.png { behavior: url('/include/iepngfix.htc') }

a:link, a:visited, a:hover {
	color: #155BA3;
	text-decoration: underline;
	}
	a:hover {
		color: #F25A60;
		}

a.ajax:link, a.ajax:visited, a.ajax:hover {
	border-bottom: 1px dashed #155BA3;
	text-decoration: none;
	}
	a.ajax:hover {
		border-bottom-color: #F25A60;
		}
	span.ajax {
		background: #F25A60;
		color: #000;
		padding: 2px 6px;
	}

		
h1, h3, div.h1 {
	border-bottom: solid 1px #000;
	font-size: 1.6em;
	font-weight: normal;
	padding-bottom: 2px;
	}
	div.h1 {
		border-bottom: dotted 1px #979797;
		}
	
h1 span, h3 span {
	background: url('/img/h_underline.gif') repeat-x bottom left;
	padding-bottom: 2px;
	}
	h3 span {
		font-size: 75%;	/* 1.2em calculated */
		font-weight: bold;
		vertical-align: bottom;
		}
	
h2 {
	color: #F03B2A;
	font: italic normal 1.4em georgia, times new roman;
	padding-top: 1em;
	}

h4 {
	font-size: 1.0em;
	font-weight: bold;
	}

h5 {
	background-color: #f5f5f5;
	border-top: 1px solid #a1a1a1;
	border-bottom: 1px solid #a1a1a1;
	font-size: 0.9em;
	font-weight: bold;
	margin: 1em 0em 0em 0em;
	padding: 0.4em 0;
	text-align: center;
	}

p { padding: 1em 0; }

i { font-family: arial; }

li {
	list-style-position: inside;
	list-style-type: none;
	padding: 0.5em 0;
	}

/* Layout & header */

#wrap {
    width: 960px;
    margin: 10px auto;
	font-size: 1.2em;
	}

.top {
	background: #A5AEB8 url('/img/header.jpg') no-repeat top left;
	clear: both;
	position: relative;
	width: 960px; height: 184px;
	}
	.top ul#menu {
		overflow: hidden;
		padding: 10px;
		text-transform: uppercase;
		}

		#menu a:link, #menu a:visited, #menu a:hover {
			color: #fff;
			text-decoration: none;
			}
			#menu a:hover { color: #155BA3; }

		#menu li {
			color: #155BA3;
			font-weight: bold;
			display: inline;
			}

		#menu span {
			padding: 10px !important;
			}
			#menu span:hover {
				background-color: #fff;
				color: #155BA3;
				}
			#menu li.current span, #menu li.current span:hover {
				background-color: #fff;
				color: #000;
				}
				#menu li.current a span {
					color: #155BA3 !important;
					text-decoration: none;
					}
					 #menu li.current a span:hover {
					 	text-decoration: underline;
						}

#search {
	position: absolute;
	top: 157px; right: 20px;
	}
	#search input {
		font-size: 1em;
	}

.breadcrumbs {
	border-bottom: solid 1px #a1a1a1;
	clear: both;
	font-size: 0.9em;
	margin: 0 20px;
	}

#mainContent {
	background: #fff;
/* background: #fff url('/img/960grid.png') no-repeat top left;	*/
	overflow: hidden;
	_height: 100%;	/* IE 6 hack */
	position: relative;
	width: 960px;
	}
	#leftColumn {
		width: 160px;
		padding-top: 25px;
		}
		#leftColumn .content { padding-left: 20px; }
		#leftColumn p {
			font-size: 0.9em;
			line-height: 1.6em;
			}

	#centerColumn {
		padding-top: 25px;
		padding-left: 20px;
		padding-right: 20px;
		}
		#centerColumn .content {
			}
		.vsLeft { padding-left: 180px !important; }
		.vsRight { padding-right: 280px !important; }

	#rightColumn {
		width: 260px;
		padding-top: 25px;
		}	
		#rightColumn .content {
			padding-right: 20px;
			}
		#rightColumn p {
			font-size: 0.9em;
			line-height: 1.6em;
			}

.footer {
	background: #ffffff url('/img/footer.gif') no-repeat bottom left;
	clear: both;
	padding-top: 25px;
	position: relative;
	width: 960px;
	}
	.copyrights {
		background: url('/img/logo_bw.jpg') no-repeat center left;
		border-top: solid 1px #a1a1a1;
		font-size: 0.9em;
		margin: 0 20px;
		padding: 20px 0 30px 86px;
		position: relative;
		}
		.partners {
			width: 515px;
			color: #a1a1a1;
			font-size: 0.8em;
			}
			.partners img {
				border-width: 0;
				height: 47px;
				}
				.footer .partners img {
					margin-right: 30px;
					}
		.counter {
			position: absolute;
			bottom: 30px;
			right: 0;
			}

ul.submenu {
	}
	ul.submenu li {
		color: #000;
		font-size: 0.9em;
		list-style-position: outside;
		list-style-type: none;
		padding: 0.5em 0em;
		}
		ul.submenu li.sub {
			padding-left: 1.5em;
			}

table.submenu {
	margin: 1em 0 0 0;
	border-left: 1px solid #A5AEB8;
	}
	table.submenu td {
		padding: 5px 10px;
		background-color: #A5AEB8;
		border-bottom: 1px solid #A5AEB8;
		font-size: 0.9em;
		text-align: center;
		}
		table.submenu td.first {
			border-left-width: 0 !important;
			}
		table.submenu td.spacer, table.submenu td.empty {
			background-color: #fff;
			padding: 5px 0;
			}
			table.submenu td.spacer {
				width: 3px;				
				}
		table.submenu td.current {
			background-color: #fff;
			border: 1px solid #A5AEB8;
			border-bottom-width: 0;
			font-weight: bold;
			}
			table.submenu td.current a:link, table.submenu td.current a:visited {
				color: #155BA3;
				}
				table.submenu td.current a:hover {
					color: #F25A60;
					}
		table.submenu td a:link, table.submenu td a:visited {
			color: #fff;
			}
			table.submenu td a:hover {
				color: #155BA3;
				}
	
table.submenu .statistic-header {
	color: #fff;
	cursor: pointer;
	text-decoration: underline;
	}
	table.submenu .statistic-header:hover {
		color: #155BA3;
		}
table.submenu .statistic-header.current {
	color: #000;
	cursor: default;
	text-decoration: none;
	}
	
			
/* Content */

.management, .qa {
	border-bottom: solid 1px #979797;
	overflow: hidden;
	padding: 20px 0px;
	_height: 100%;	/* IE 6 hack */
	}
	.management img {
		width: 150px;
		float: left;
		margin-right: 30px;
		}
	.management i {
		font-size: 0.9em;
		}
.noborder .management {
	border-bottom-width: 0px;
	}

.timestamp {
	color: #8a8a8a;
	font-size: 0.9em;
	}
	h2 span.timestamp {
		font: normal 0.65em Tahoma, Arial, sans-serif;
		}

.text {
	overflow: hidden;
	_height: 100%;	/* IE 6 hack */
	}
	.infoCut {
		margin: 1em 0 1em 1em;
		width: 320px;
		}
		.infoCut p {
			border-bottom: solid 1px #155BA3;	
			font-size: 0.9em;
			padding: 0.5em 0;
			}
	.text ul li {
		list-style-type: disc;
		list-style-position: outside !important;
		margin-left: 20px;
		}


#YMapsID { /* яндекс-карты */
	width: 500px;
	height: 350px;
	}
		
ul.links {
	color: #155BA3;
	}
	ul.links li {
		list-style-type: disc;
		list-style-position: outside !important;
		margin-left: 20px;
		}
		ul.links li.tit {
			color: #979797;
			font-size: 0.9em;
			list-style-type: none;
			margin-left: 0;
			}

.tags {
	font-size: 0.9em;
	color: #979797;
	}

.competitionTitle {
	padding-left: 150px;
	}
	.competitionTitle h2 {
		padding-bottom: 0;
		}

.flag {
	border-width: 0;
	width: 16px;
	height: 11px;
	margin-right: 0.5em;
	}	

.clubinfo, .clubjersey {
	overflow: hidden;
	_height: 100%;	/* IE 6 hack */
	}
	.clubinfo img.logo, .clubjersey img.jersey {
		width: 100px;
		height: 100px;
		border-wdith: 0;
		margin-right: 10px;
		}
		.clubjersey img.jersey { margin-right: 0; }
	.clubinfo img.personal {
		width: 140px;
		height: 210px;
		border-wdith: 0;
		margin-right: 10px;
		}
	.clubinfo img.rip {
		border: 4px solid black;
		}

.statistics select {
	margin: 10px 0px 0px 0px;
	width: 240px !important;
	}
.statistics table {
	width: 240px;
	}
	.statistics table.classic {
		border: 1px solid #A5AEB8;
		border-top-width: 0;
		font-size: 0.9em;
		}
		.statistics table.classic td {
			border-bottom-width: 0;
			}
	.statistics table.submenu {
		margin-bottom: 0;
		}

.statistics #ajaxLoader {
	display: none;
	padding: 20px 0;
	text-align: center;
	}

.referenceLinks {
	width: 200px;
	margin-left: 20px;
	overflow: hidden;
	}

.score td {
	font-size: 1.6em;
	}
	.score td span {
		font-size: 1.8em;
		}
	.score td.width180 p {
		padding: 0px 10px;
		}
.score img {
	width: 100px;
	height: 100px;
	}

.stats td {
	padding: 5px;
	vertical-align: top;
	}
/*	.stats td.home { padding-left: 50px; }
	.stats td.guest { padding-right: 50px; }	*/

ul.goals li {
	list-style-image: url('/img/icon/ball.gif');
	}
	ul.goals li.no {
		list-style-image: url('/img/spacer.gif');
		}

ul.penalty li {
	list-style-image: url('/img/icon/blueCard.gif');
	}
	ul.penalty li.redCard { list-style-image: url('/img/icon/redCard.gif'); }
	ul.penalty li.whiteCard { list-style-image: url('/img/icon/whiteCard.gif'); }

ul.roster li {
/*	font-size: 0.9em;
	list-style-image: url('/img/icon/emptyRoster.gif');
*/	}
	ul.roster li.goalkeeper { list-style-image: url('/img/icon/goalkeeper.gif'); }
	ul.roster li.young { list-style-image: url('/img/icon/young.gif'); }
	
.promoBlock {
	background: #155BA3 url('/img/promo_corner.jpg') no-repeat bottom right;
	color: #fff;
	margin-top: 2em;
	margin-bottom: 1em;
	}
	.promoBlock p {
		padding: 10px 15px;
		}
	.promoBlock a {
		color: #fff !important;
		text-decoration: none !important;
		}
		.promoBlock a:hover {
			text-decoration: underline !important;
			}

.newsAnnounce {
	height: 100%;
	overflow: auto;
	}
	.newsAnnounce img {
		width: 100px; height: 100px;
		border-width: 0;
		float: left;
		margin: 0 0.5em 0.5em 0;
		}
		
/* Tables */

table.classic {
	margin-bottom: 2em;
	}
	table.classic td, table.classic th {
		border-bottom: solid 1px #979797;
		padding: 0.5em;
		}
		.classic .separator {
			font-size: 0.6em;
			padding: 0;
			}
	table.classic th {
		color: #979797;
		font-weight: normal;
		text-align: left;
		}

.actualSummary {
	margin: 0 0 0.5em 0;
	}
	.actualSummary th {
		background-color: #f5f5f5;
		font-size: 0.9em;
		padding: 0.5em;
		text-align: left;
		}
	.actualSummary td {
		font-size: 0.9em;
		padding: 0.2em 0.5em;
		}
		.actualSummary td.width20 {
			padding: 0;
			}

.scoretable td {
	border-bottom-width: 0 !important;
	}

.scoretable th {
	color: #8a8a8a;
	font-size: 0.9em;
	padding-top: 0 !important;
	padding-bottom: 0 !important;	
	text-align: center;
	}
	.classic.scoretable th {
		text-align: center;
		}
		.scoretable th abbr {
			text-decoration: none;
			}
		.scoretable th a:link, .scoretable th a:visited {
			color: #979797;
			text-decoration: none;
			}
			.scoretable th a:hover {
				color: #F03B2A;
				}
			
	.scoretable th.head {
		border-bottom-color: #000 !important;
		padding: 0 0 2px 0 !important;
		text-align: left !important;
		}
		.scoretable th.head span {
			border-bottom: solid 2px #000;
			color: #000 !important;
			}

table#online {
	width: 660px;
	}
	#online td {
		border-bottom: dotted 1px #979797 !important;
		font-size: 0.9em;
		padding: 5px;
		vertical-align: top;
		}
		#online tr.goal td {
			font-size: 1.0em;
			font-weight: bold;
			}
			
img.icon {
	width: 16px; height: 16px;
	}

.odd {
	background-color: #f5f5f5;
	}

.shortTable {
	width: 240px;
	}
	.shortTable.floatLeft {
		margin-right: 20px;
		}

.small {
	font-size: 0.9em;
	}		


/* Forms */

select.chooser {
	width: 200px;
	margin: 1em 0;
	}

	
/* Error pages */

body.errorPage {
	background: #fff !important;
	}
	
	.errorPage .top {
		background: #fff;
		}
	
	.errorPage h1, .errorPage h3 {
		border-bottom-width: 0;
		}
		.errorPage h3 {
			color: #979797;
			font-size: 52px;
			font-family: arial;
			}
	
	.errorPage .content {
		margin-top: 61px;
		}

/* Print pages */

body.printPage {
	background: #fff !important;
	}
	
	.printPage #wrap, .printPage #mainContent, .printPage .top, .printPage .footer {
		width: 790px !important;
		}
		.printPage .top {
			background: #fff url('/img/headerPrint.gif') no-repeat top left;
			height: 60px;
			}
		.printPage .footer {
			background: #fff;
			}
	.printPage a:link, .printPage a:visited { text-decoration: none; }