﻿* {
	margin: 0;
	padding: 0;
}

html, body { 
	font-family: arial, verdana;
	font-size: 12px;
	color: #01537b;
	background: url(../images/bodyBgTop.png) top left repeat-x;
}

img{
	border: none;
}

a{
	outline: none;
	color: #01537b;
}

a:hover{
	text-decoration: none;
}

h1{
	font-size: 18px;
	color: #01537b;
	margin-bottom: 15px;
	font-weight: normal;
}

h1.white{
	color: #fff !important;
}

h2{
	font-size: 16px;
	color: #01537b;
	margin-bottom: 15px;
	font-weight: bold;
}

#wrapper{
	width: 100%;
	background: url(../images/bodyBgBottom.png) bottom left repeat-x;
}


#container{
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}

#headerStripe{
	width: 960px;
	height: 36px;
	padding: 0;
	background: url(../images/header.png) no-repeat;
	margin: 15px 0 10px 0;
	position: relative;
	color: #fff;
	line-height: 12px;
}

#headerStripe a{
	color: #fff;
	text-decoration: none;
}

#headerStripe a:hover{
	text-decoration: underline;
}

#headerStripe a img{
	margin-right: 40px;
}

#header{
	width: 610px;
	height: 175px;
	float: right;
	margin-bottom: 10px;
}

#mainmenu{
	width: 620px;
	float: right;
	margin-bottom: 10px;
}

#mainmenu a{
	text-decoration: none;
	margin-right: 8px;
	font-size: 16px;
	font-weight: bold;
}

#mainmenu a:hover, .activeMenu{
	color: #9c0002 !important;
}


#mainmenu2 div{
	position:absolute;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	z-index:30;
	padding:5px;
	text-decoration: none;
	margin-right: 8px;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
	border-color:#FFFFFF;
	display:none;

}



#mainmenu2 div a{
	text-decoration: underline;
	margin-right: 16px;
	font-size: 14px;
	font-weight: bold;
	color:#c6dde7;
}
#mainmenu2 div a:hover{
	text-decoration: none;
	margin-right: 16px;
	font-size: 14px;
	font-weight: bold;
	color:#FFFFFF;
}

.blueBottomLine{
	border-bottom: 1px solid #0d5a88;
font-size:14px;
}



.size16{
	font-size: 16px;
	margin-bottom: 5px;
}

.size12{
	font-size: 12px;
}

.greyFont{
	color: #555;
}

.blackFont{
	color: #000;
}


/*
 * >>> левая колонка <<<
 */

#leftColumn{
	width: 320px;
	margin-bottom: 15px;
	float: left;
}

#leftColumn a{
	color: #fff;
}

#game{
	background: url(../images/field3.png) top left no-repeat;
	margin-bottom: 16px;
	height: 186px;
	width: 320px;
	position: relative;
	color: #fff;
	text-align: center;
	font-size: 12px;
}

#nextGame, #lastGame{
	font-size: 14px;
	position: absolute;
	top: 3px;
	width: 150px;
	height: 22px;
	line-height: 22px;
	color:#ffffff;
}

#nextGame{
	left: 163px;
	color:#ffffff;
}

#lastGame{
	left: 5px;
	color:#ffffff;
}

#firstTeamGame, #secondTeamGame{
	position: absolute;
	top: 48px;
}

#firstTeamGame{
	left: 10px;
	
}

#secondTeamGame{
	left: 233px;
	
}

.activeGame, .hoverGame{
	background: url(../images/gameBg.png) top left no-repeat;
	color:#fff;
}

#describeGame{
	width: 300px;
	position: absolute;
	top: 149px;
	left: 10px;
}

#scoreGame{
	width: 150px;
	position: absolute;
	top: 63px;
	left: 85px;
	font-weight: bold;
	font-size: 13px;
}


#tourResults{
	background: url(../images/gradBg.png) top left repeat-x;
	color: #fff;
}

#tourResults table th{
	font-size: 16px;
	vertical-align: middle;
	font-weight: normal;
	padding-bottom: 12px;
}

#tourResults table td{
	padding: 2px 10px;
}






































.roundBlock{
	padding: 5px 0px 10px 0px;
}

.outsideRoundBlock{
	background: url(../images/blueRoundBottom.png) bottom left no-repeat;
}

.outsideRoundBlock th{
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	padding-bottom: 12px;
	color: #fff;
}

.insideRoundBlock{
	background: #3a88b6 url(../images/3A88B6.png);
	padding: 0 12px;
}



.firstTab{
	background: url(../images/firstTab.png) top center no-repeat;
}

.secondTab{
	background: url(../images/secondTab.png) top center no-repeat;
}

.scfirstTab{
	background: url(../images/scfirstTab.png) top center no-repeat;
}

.scsecondTab{
	background: url(../images/scsecondTab.png) top center no-repeat;
}

.scthirdTab{
	background: url(../images/scthirdTab.png) top center no-repeat;
}

.firstTabLight{
	background: url(../images/firstTabLight.png) top center no-repeat;
}

.secondTabLight{
	background: url(../images/secondTabLight.png) top center no-repeat;
}

.inactiveTab{
	color: #01537b !important;
}


.blueBlockHeader220{
height: 7px;
color: #fff;
width: 220px;
background: url(../images/blueBlock220/header.gif) top left no-repeat;
}


.blueBlockFooter220{
height: 9px;
color: #fff;
width: 220px;
background: url(../images/blueBlock220/footer.gif) top left no-repeat;
}

.blueBlockContent220{
width: 220px;
background: url(../images/blueBlock220/content.gif) top left;
padding-left:15px;
}

.blueBlockHeader, .blueBlockHeader250{
	height: 42px;
	padding: 0;
	color: #fff;
	overflow: hidden;
}

.blueBlockHeader{
	width: 320px;
	background: url(../images/blueBlock/header.png) top left no-repeat;
}

.blueBlockHeader250{
	width: 250px;
	background: url(../images/blueBlock250/header.png) top left no-repeat;
}

.blueBlockContent, .blueBlockContent250{
	padding: 3px 14px 0 12px;
	color: #fff;
}

.blueBlockContent{
	width: 294px;
	background: url(../images/blueBlock/content.png) top left repeat-y;
}

.blueBlockContent250{
	width: 224px;
	background: url(../images/blueBlock250/content.png) top left repeat-y;
}

.blueBlockContent250 a{
	color: #fff;
}

.blueBlockFooter, .blueBlockFooter250{
	height: 23px;
	margin-bottom: 15px;
}

.blueBlockFooter{
	width: 320px;
	background: url(../images/blueBlock/footer.png) top left no-repeat;
}

.blueBlockFooter250{
	width: 250px;
	background: url(../images/blueBlock250/footer.png) top left no-repeat;
}


.blueBlockHeader img, .blueBlockHeader250 img, .gradBlockHeader img, .gradBlockHeader250 img {
	float: right;
}

.blueBlockHeader h1, .blueBlockHeader250 h1, .gradBlockHeader h1, .gradBlockHeader250 h1 {
	float: left;
}



.gradBlockHeader{
	width: 320px;
	height: 42px;
	padding: 0;
	color: #fff;
	background: url(../images/gradBlock/header.png) top left no-repeat;
	overflow: hidden;

}

.gradBlockContent1{
	width: 320px;
	background: url(../images/gradBlock/stripe.png) top left repeat-y;
}

.gradBlockContent2{
	width: 294px;
	padding: 3px 14px 0 12px;
	background: url(../images/gradBlock/center.png) bottom left no-repeat;
}

.gradBlockFooter{
	width: 320px;
	height: 23px;
	background: url(../images/gradBlock/footer.png) top left no-repeat;
	margin-bottom: 15px;
}




.blueBlockContent td{
	padding: 2px;
	text-align: center;
	vertical-align: top;
}

.gradBlockContent2 td{
	color: #fff;
	padding: 2px;
}











.gradBlockHeader250{
	width: 250px;
	height: 42px;
	padding: 0;
	color: #fff;
	background: url(../images/gradBlock250/header.png) top left no-repeat;
	overflow: hidden;
}

.gradBlockContent1250{
	width: 250px;
	background: url(../images/gradBlock250/stripe.png) top left repeat-y;
}

.gradBlockContent2250{
	width: 250px;
	padding: 0;
	background: url(../images/gradBlock250/center.png) bottom left no-repeat;
	text-align: center;
}



.gradBlockFooter250{
	width: 250px;
	height: 23px;
	background: url(../images/gradBlock250/footer.png) top left no-repeat;
	margin-bottom: 15px;
}



















/*
 * >>> правая колонка <<<
 */
#rightColumn{
	width: 250px;
	float: right;
	overflow: hidden;
}

/*
 * >>> центральная колонка <<<
 */
#centerColumn{
	width: 350px;
	float: right;
	margin-right: 20px;
	overflow: hidden;
}

#centerColumn ul{
	margin-left: 20px;
}

#fullNews p{
	margin-bottom: 10px;
}

#slideShow{
	float: right;
	margin-top: 2px;
}






#rightAndCenterColumn{
	width: 620px;
	margin-bottom: 15px;
	float: right;
	
}










#footerStripe{
	width: 960px;
	height: 34px;
	background: url(../images/footer.png) no-repeat;
	margin: 0 0 15px 0;
	line-height: 34px;
	color: #fff;
	padding: 0 20px;
	clear: both;
}

#footerStripe a{
	color: #fff;
}


/* NEWS */
#newsCycle{
	width: 350px;
	height: 230px;
	overflow: hidden;
	margin-bottom: 2px;
}

.newsCycleItem{
	width: 350px;
	height: 230px;
	position: relative;
}

.newsCycleItemText {
	width: 350px;
	padding: 15px 12px 15px 12px;
	background: url(../images/trBlack.png);
	position: absolute;
	bottom: 0;
	left: 0;
}

.newsCycleItemText a{
	color: #fff;
	font-size: 14px;
	font-weight:bold;
	text-decoration: none;
}

.newsCycleItemText a:hover{
	text-decoration: underline;
}


#nav{
	margin-bottom: 15px;
	overflow: hidden;
	clear: both;
	width: 352px;
}

#nav a {
	border: none;
	background: #3A88B6;
	text-decoration: none;
	border-right: 2px solid #fff;
	margin: 0;
	padding: 4px;
	font-size: 14px;
	color: #fff;
	width: 78px;
	display: block;
	float: left;
}

#nav a.activeSlide {
	background: #296590
}

#nav a:focus {
	outline: none;
}

.newsItem{
	background: url(../images/newsItemBg2.png) top left repeat-x;
	margin-bottom: 10px;
	height: 105px;
	overflow: hidden;
}

.newsItemRight{
	background: url(../images/newsItemBg2Right.png) top right no-repeat;
	height: 105px;
	overflow: hidden;
}

.newsItemLeft{
	background: url(../images/newsItemBg2Left.png) top left no-repeat;
	padding-left: 1px;
	padding-top: 1px;
	height: 104px;
	overflow: hidden;
}

.newsItem a{
	text-decoration: none;
}

.newsItem a:hover{
	text-decoration: underline;
}








/* мелочи жизни */
.underlineText{
    text-decoration: underline !important;
    cursor: pointer;
}

.captchaReload{
	text-decoration: none;
	border-bottom: dashed 1px;
}

.error{
	color: red;
}


.pics {  
    height:  170px;  
    width:   412px;  
    float: right;
    overflow: hidden;
}
 
.pics img {
    width:  412px; 
    height: 170px;
    top:  0; 
    left: 0;
}


#navCommon{
	margin-bottom: 15px;
	clear: both;
	width: 100%;
	background: #296590;
	overflow: hidden;
}

#navCommon a {
	border: none;
	text-decoration: none;
	margin: 0;
	width: 31px;
	height: 30px;
	line-height: 30px;
	font-size: 14px;
	color: #fff;
	display: block;
	float: left;
	text-align: center;
}

#navCommon a.activeSlide {
	background: #CCDEE8;
	color: #296590;
}

#navCommon a:focus {
	outline: none;
}

.ttg {
	background: #CCDEE8;
	color: #296590;
}

.ttg td{
font-weight: bold;
}

/* для ссылки назад */
.textAlignRight{
	padding: 10px 0;
	margin-top: 10px;
	border-top: 1px dashed #01537b;
	text-align: right;
}

/* заголовки из названия месяца */
.monthTitle{
	padding: 10px 0;
	margin-top: 10px;
	border-top: 1px dashed #01537b;
	color: #555;
	font-size: 18px;
	text-align: right;
}

/* таблица гостевой книги */
.guestbookTable th{
	text-align: right;
	font-weight: bold;
	padding: 15px 10px;
	color: #01537b;
	vertical-align: top;
	width: 100px
}

.guestbookTable td{
	text-align: justify;
	font-weight: normal;
	padding: 15px 10px;
	vertical-align: top;
	size: 10px;
}

/* formTable */
.formTable th{
	text-align: right;
	font-weight: bold;
	padding: 5px 10px;
	color: #01537b;
	vertical-align: top;
	width: 100px
}

.formTable td{
	text-align: justify;
	font-weight: normal;
	padding: 5px 10px;
	vertical-align: top;
}

#paginationControl a{
	text-decoration: underline !important;
}








.on-line-table{
	border-left: 1px solid #CECECE;
	border-top: 1px solid #CECECE;
	border-right: none;
	border-bottom: none;
}

.on-line-table th{
	background: #CECECE;
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	border-left: none;
	border-top: none;
	font-weight: bold;
	padding: 5px;
	color: #000;
}

.on-line-table td{
	border-right: 1px solid #CECECE;
	border-bottom: 1px solid #CECECE;
	border-left: none;
	border-top: none;
	padding: 5px;
	color: #000;
}



.tourcal{
	border: 1px solid #EDEDED;
	border-collapse: collapse;
}

.tourcal th{
	white-space: nowrap;
	padding: 5px 10px;
	border-bottom: 1px solid #EDEDED;
	text-align: center;
	background: #EFF0F2;
}

.tourcal td{
	font-size:12px;
	padding: 3px 5px;
	border-bottom: 1px solid #EDEDED;
}

.tourcal tr.grey{
	display: none;
}

.tourcal tr.grey td{
	color: #666;
}






.scorers-table{
	border-left: 1px solid #01537b;
	border-top: 1px solid #01537b;
	border-right: none;
	border-bottom: none;
	font-size: 14px;
	width: 100%;
}

.scorers-table th{
	background: #01537b;
	border-right: 1px solid #01537b;
	border-bottom: 1px solid #01537b;
	border-left: none;
	border-top: none;
	font-weight: bold;
	padding: 5px;
	color: #fff;
}

.scorers-table td{
	border-right: 1px solid #01537b;
	border-bottom: 1px solid #01537b;
	border-left: none;
	border-top: none;
	padding: 5px;
	color: #000;
}







#photoCycle{
	width: 620px;
	height: 407px;
	overflow: hidden;
	margin-bottom: 2px;
}
















.bgFFFFFF{
	background: #FFFFFF;
}

.bgFAFAFA{
	background: #FAFAFA;
}

.bgEDEDEDwithCur{
	background: #EDEDED;
	cursor: pointer;
}
