@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=cyrillic');



/* GLOBAL STYLES */
html, body { margin: 0; padding: 0; }
body {
    font-family: 'PT Sans', verdana, arial;
    font-size: 12px;
    color: #b9c3cc;
    background-color: #1d2536;
    margin: 0px;
}
img { border: 0; }
a { color: #fcb215; text-decoration: none; }
	a:hover { text-decoration: underline; }
#events-container a {
	--color: #fcb215;
color: #fcb215;
}
h6{
    --height:30px;
    line-height:30px;
    background-color: #1d2536;
    border-top: 1px solid #273247;
    border-bottom: 1px solid #273247;
    color: #ffffff;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    margin: 10px 0 0 0;
	padding-left:10px;
}
.clear { clear: both; }
.left { float: left; }
.right { float: right; }

body, button, textarea, input, select {}

.content-holder { width: 1110px; margin: 0 auto; }
.background, .background-tennis { background-color: #1d2536; }
/*.background-shadow { background: url('../images/background_shadow.png') no-repeat center top; }*/

/* HEADER */
.header { padding: 7px 0; position:relative}
	.header .logo { float: left; }
#timezone {
float: right;
font-family: 'PT Sans', verdana, arial;
font-size: 12px;
background: #242c3f;
color: #b9c3cc;
border: 1px solid #3e4d6a;
padding: 4px;
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
margin-right:80px;
margin-top:5px;
min-width:250px;
}
.header .over-menu {
    margin: 7px 0 0 0;
	position:absolute;
	right:0
}
.header br { display:none;}
.header .over-menu a.btn {
    height: 20px;
    line-height: 20px;
   /* background: url(../images/dots.png) no-repeat right center;*/
    display: inline-block;
    color: #b9c3cc;
    padding: 0 15px;
}

/*.header .over-menu a.nob { background: none; }
.header .over-menu ul { list-style-type: none; margin: 0; padding: 0; float: right; }
.header .over-menu ul li a.main { width: 54px; height: 24px; display: block; background: url('../images/background_language.png') no-repeat left top; padding: 10px 0 0 15px; }
.header .over-menu ul li ul { display: none; position: absolute; width: 40px; list-style-type: none; margin: 0 0 0 4px; padding: 0; float: none; }
.header .over-menu ul li ul a { height: 13px; display: block; background: #aeaeb6; text-align: center; padding: 5px 0; }
.header .over-menu ul li ul a:hover { background: #96969f; }*/

/* MENU */
/*.menu { height: 42px; line-height: 42px; overflow: hidden; background: url('../images/menu.png') repeat-x top; margin: 5px 0 10px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: #000 0 0 2px; -moz-box-shadow: #000 0 0 2px; -webkit-box-shadow: #000 0 0 2px; }
.menu a { width: 166px; height: 42px; line-height: 42px; display: block; border-right: 1px dotted #000; color: #565656; text-shadow: #fff 0 1px 1px; font-weight: bold; text-align: center; float: left; }
.menu a.nob { width: 163px; border: 0; }
.menu a:hover, .menu a.current { background: url('../images/menu.png') repeat-x bottom; color: #a7060a; text-decoration: underline; }*/

/* CONTENT */
.content {
    background: #242c3f;
    margin: 0 0 25px 0;
    padding:0;
    -webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,.15);
	box-shadow: 0 0 25px 0 rgba(0,0,0,.15);
	display: flex; flex-flow: row wrap;
}

/* CONTENT LEFT SIDE */
.content .left-side {
	width: 230px;
	background: #273247;
	-webkit-box-shadow: 5px 0 10px 0 rgba(0,0,0,.15);
	box-shadow: 5px 0 10px 0 rgba(0,0,0,.15);
}
.content .left-side h3 {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #1d2536;
	color: #fda917;
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
	padding:0 0 0 10px;
	margin:0;

}
.content .left-side ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size:14px;
}
.content .left-side ul li a {
	display: block;
	color: #b8c2cb;
	border-bottom: 1px solid #1d2536;
	padding:0 0 0 25px;
	height: 40px;
	line-height: 40px;
	position:relative;
}

.content .left-side ul li a:hover,
.content .left-side ul li a.current {
	background-color: #1d2536;
	border-left:3px solid #fcb215;
	color: #fff;
	text-decoration: none;
	font-weight:700;
}
.content .left-side ul li ul li a {
	background: none;
	padding: 0 0 0 45px;
}

.content .left-side ul li a:hover:after,
.content .left-side ul li a.current:after {
	content:'\2192';
	position:absolute;
	right:20px;
	color:#fda917;
}
				
				
/* CONTENT RIGHT SIDE */				
.content .right-side {
	width: 175px;
	text-align: center;
}
.content .right-side center { text-align:left !important}

		
/* CONTENT CONTENT SIDE */
.content .content-side {
	width: 665px;
	margin:0;
	padding:0 20px;
	min-height:80vh;
}

.content .content-side .page-title h1 { color: #b9c3cc; font-size: 18px; font-weight: 700; margin: 0; padding:10px 0 0 0; float: left; }

/*.content .content-side .page-title { height: 31px; line-height: 31px; background: #b5b5b5; border-bottom: 1px solid #fff; padding: 0 10px; }
.content .content-side .page-title h1 { color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; float: left; }
.content .content-side .page-title span { color: #fff; font-size: 11px; margin: 0; padding: 0; float: right; }
.contetn .content-side .page-title span ins { text-decoration: none; float: right; }
.content .content-side .page-title span .close { width: 16px; height: 16px; display: inline-block; background: url('../images/icon_close.png') no-repeat left top; margin: 8px 0 0 4px; float: right; }*/
					
.content .content-side .page-title span .close:hover { text-decoration: none; }

.content .content-side .table {
	width: 100%;
}

.content .content-side .table tr td {
	line-height: 23px;
	background: none;
	color: #b9c3cc;
	padding:5px;
}

.content .content-side .table tr td span.realtimeh + span { display:block; text-align:center}

.content .content-side .table tr.row2 td {
	background: #273247;
}

.content .content-side .table tr td.tright {
	text-align: right;
	min-width:105px;
}
.content .content-side .table tr td.tcenter {
	text-align: center;
}

.content .content-side .table tr.title,
.content .content-side .table tr.title td  {
	background: #1d2536 !important;
	color: #fcb215;
}
			
.content .content-side .table .title td {
	line-height: 40px;
	text-transform: uppercase;
}

.content .content-side .table .title td.tright { font-size: 10px; }

.content .content-side .table tr td .light {
	width: 23px;
	height: 23px;
	display: inline-block;
	background: url('../images/lights.png') no-repeat center bottom;
	margin: 0 5px 0 0;
}

.content .content-side .table tr td .light-on {
	background: url('../images/lights.png') no-repeat center top;
}

.content .content-side .table tr td .btn-green {
	height:20px;
	line-height:20px;
	display: inline-block;
	background: #fcb215;
	color: #1d2536 !important;
	font-size: 11px;
	padding: 0 3px !important;
	text-transform:uppercase;
	border-radius:3px;
	margin-bottom:2px;
	font-weight:700;
}

.content .content-side .table tr td .radio {
	width: 12px;
	height: 12px;
	display: inline-block;
	background: url('../images/radios.png') no-repeat left top;
}

.content .content-side .table tr td .radio:hover { text-decoration: none; }

.content .content-side .table tr td .radio-selected { background-position: left bottom; }


/* Contact form*/
.content .content-side ul li { margin: 4px 0; }
.content .content-side .form { padding: 30px 40px; }
.content .content-side .form label { width: 125px; display: inline-block; text-align: right; margin: 12px 10px 0 0; float: left; }
.content .content-side .form input.inp { width: 250px; height: 28px; line-height: 28px; background: #b9c3cc; border: 1px solid #273247; margin: 5px 0 0 0; padding: 0 5px; float: left;}
.content .content-side .form textarea { width: 250px; height: 100px; background: #b9c3cc; border: 1px solid #273247; margin: 5px 0 0 0; padding: 0 5px; float: left; }
.content .content-side .form em.error { display: block; color: #ff0000; padding: 0 0 0 140px; }
.content .content-side .form input.error, .content .content-side .form textarea.error { border: 1px solid #ff0000; }
.content .content-side .form input.active, .content .content-side .form textarea.active { border: 1px solid #c1c1c1; }
.content .content-side .form button { height: 28px; line-height: 28px; background: #f9b015; border: 0; color: #1d2536; cursor: pointer; padding: 0 40px; margin: 20px 0 0 140px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-transform:uppercase; font-weight:700;}
.content .content-side .form button:hover { color: #fff; }



.content .content-side .page-menu {
	height: 40px;
	line-height: 40px;
	background: #1d2435;
	text-align: right;
	padding: 2px 10px;
}

.content .content-side .page-menu .button {
	height: 26px;
	line-height: 26px;
	display: inline-block;
	color: #b9c3cc;
	padding:0 10px;
	border-right: 1px dotted #b9c3cc;
	font-size:14px;
}

.content .content-side .page-menu .button:hover { text-decoration: none; }

.content .content-side .page-menu .button-selected { color:#fcb215; text-decoration:underline; }


.content .content-side .page-menu input {
	width: 80px;
	height: 24px;
	line-height: 26px;
	display: inline-block;
	background: url('../images/icon_date.png') no-repeat;
	color: #000;
	border: 0;
	padding: 0 0 0 25px;
	margin: 7px 0 0 0;
	float: left;
}

/* GAME CENTER */
.game-center {}

.game-center .title {
	height: 40px;
	line-height: 40px;
	background: #1d2536;
	border-bottom: 1px solid #273247;
	padding: 0 10px;
}
		
.game-center .title h1 {
	color: #b9c3cc;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
	float: left;
}

.game-center .title span {
	color: #b9c3cc;
	font-size: 11px;
	margin: 0;
	padding: 0;
	float: right;
}

.game-center .title span ins { text-decoration: none; float: right; }
.game-center .title span .close { width: 16px; height: 16px; display: inline-block; background: url('../images/icon_close.png') no-repeat left top; margin: 8px 0 0 4px; float: right; }
.game-center .title span .close:hover { text-decoration: none; }

.game-center .time-line {
	width: 665px;
	height: 15px;
	overflow-x: hidden;
	background: #004528;
	position: relative;
}

.game-center .time-line .time-line-full { height: 15px; background: #004528; }
.game-center .time-line .timer { width: 655px; height: 7px; background: url('../images/timer.png') no-repeat left top; position: absolute; top: 4px; left: 5px; }
.game-center .time-line .goal { width: 11px; height: 11px; background: url('../images/icon_ball.png') no-repeat left top; position: absolute; top: 2px; }
.game-center .time-line .yellow-card { width: 11px; height: 11px; background: url('../images/icon_yellowcard.png') no-repeat left top; position: absolute; top: 2px; }
.game-center .time-line .red-card { width: 11px; height: 11px; background: url('../images/icon_redcard.png') no-repeat left top; position: absolute; top: 2px; }
.game-center .time-line .change { width: 11px; height: 11px; background: url('../images/icon_change.png') no-repeat left top; position: absolute; top: 2px; }
	
	
.game-center .info {
	height: 232px;
	border-bottom: 1px solid #273247;
	position: relative;
	width:100%;
	background-size:100% auto !important;
}
.game-center .info .result { width: 575px; background: url('../images/1px.png') repeat; padding: 10px; margin: 20px 0 0 45px; float: left; min-height:130px;}

.game-center .info .result table { width: 100%; }
.game-center .info .result table tr td { width: 33%; color: #fff; font-size: 44px; }
.game-center .info .result table tr td.tcenter { text-align: center; }
.game-center .info .result table tr td.tright { text-align: right; }
.game-center .info .result table tr td.teamname { font-size: 16px; }
.game-center .info .result table tr td.teametap { font-size: 16px; }

.game-center .info .result2 { width: 565px; background: url('../images/1px.png') repeat; padding: 10px; margin: 10px 0 0 55px; float: left; }
.game-center .info .result2 table { width: 100%; }
.game-center .info .result2 table tr td { color: #fff; text-align: center; padding: 5px; }
.game-center .info .result2 table tr.t td { font-size: 14px; }
.game-center .info .result2 table tr td.tleft { text-align: left; font-size: 18px; }
.game-center .info .result2 table tr td div { background: url('../images/1px.png') repeat; font-size: 18px; padding: 20px 5px; }


.game-center .info .stats-box { display: none; width: 565px; background: url('../images/1px.png') repeat; padding: 10px; margin: 10px 0 0 55px; float: left; }
.game-center .info .stats-box table { width: 100%; }
.game-center .info .stats-box table tr td { width: 33%; color: #fff; }
.game-center .info .stats-box table tr td.tright { text-align: right; }
.game-center .info .stats-box table tr td h2 { font-size: 18px; margin: 10px 0 0 0; padding: 0; }
.game-center .info .stats-box table tr td p { font-size: 12px; margin: 0; padding: 0; }
.game-center .info .stats-box table tr td .point1 { width: 25px; font-size: 12px; float: left; }
.game-center .info .stats-box table tr td .point2 { width: 25px; font-size: 12px; text-align: right; float: right; }
.game-center .info .stats-box table tr td .ptitle { width: 120px; font-size: 12px; text-align: center; float: left; }
.game-center .info .stats-box table tr td .procline { height: 5px; background: #9ed349; margin: 0 0 4px 0; }
.game-center .info .stats-box table tr td .procline .procline-fill { height: 5px; background: #004629; }

.game-center .info .lineup { width: 100%; display: none; }
.game-center .info .lineup tbody tr td { width: 45%; }
.game-center .info .lineup tbody tr td.small { width: 10%; }
.game-center .info .lineup tbody tr td .overflow { height: 200px; background: url('../images/1px.png') repeat; overflow: auto; }
.game-center .info .lineup tbody tr td .overflow h2 { line-height: 24px; background: url('../images/1px.png') repeat; color: #fff; font-size: 14px; margin: 0; padding: 0 5px; }
.game-center .info .lineup tbody tr td .overflow .row { line-height: 18px; color: #fff; font-size: 12px; padding: 0 5px; }
.game-center .info .lineup tbody tr td .overflow .row ins { width: 16px; display: inline-block; text-decoration: none; text-align: right; }
.game-center .info .lineup tbody tr td .overflow .row em { width: 24px; display: inline-block; font-weight: bold; font-style: normal; }
		
.game-center .info .bottom {
	width: 665px;
	height: 30px;
	line-height: 30px;
	background: #1d2536;
	border-top: 1px solid #273247;
	position: absolute;
	bottom: 0;
}

.game-center .info .bottom .pencil {
	width: 50px;
	height: 20px;
	display: block;
	background: url('../images/icon_pencil.png') no-repeat 17px 2px;
	border-right: 1px dotted #fff;
	margin: 5px 0 0 0;
	float: left;
}

.game-center .info .bottom .pencil:hover { text-decoration: none; }

.game-center .info .bottom .comment { width: 50px; height: 20px; display: block; background: url('../images/icon_comment.png') no-repeat 17px 2px; border-right: 1px dotted #fff; margin: 5px 0 0 0; float: left; }
.game-center .info .bottom .comment:hover { text-decoration: none; }
.game-center .info .bottom .user { width: 50px; height: 20px; display: block; background: url('../images/icon_user.png') no-repeat 17px 2px; border-left: 1px dotted #fff; margin: 5px 0 0 0; float: right; }
.game-center .info .bottom .user:hover { text-decoration: none; }
.game-center .info .bottom .stats { width: 50px; height: 20px; display: block; background: url('../images/icon_stats.png') no-repeat 17px 2px; border-left: 1px dotted #fff; margin: 5px 0 0 0; float: right; }
.game-center .info .bottom .stats:hover { text-decoration: none; }
.game-center .info .bottom .comments-box { width: 455px; height: 21px; overflow: hidden; /*height: 210px; overflow: auto;*/ background: url('../images/1px.png') repeat; border: 1px solid #273247; margin: 5px; position: absolute; bottom: -1px; left: 104px; }
.game-center .info .bottom .comments-box ul { cursor: pointer; list-style-type: none; margin: 0; padding: 0; }
.game-center .info .bottom .comments-box ul li { line-height: 21px; color: #fff; text-align:center; margin: 0; padding:0 5px; font-size:12px;}
.game-center .info .bottom .comments-box ul li.last { border: 0; }


.overflow .table tr td { vertical-align:top;}


/* DATEPICKER */
.ui-datepicker { width: 17em; padding: .2em .2em 0; background: #273247; color: #b9c3cc; border:1px solid #303d57}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background: #1d2536; border: 1px solid #303d57; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; color: #fff; cursor: pointer; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; color: #fff; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker .ui-state-default { background: #273247; border: 1px solid #303d57; color: #b9c3cc; }
.ui-datepicker .ui-state-highlight { background: #303d57; border: 1px solid #b9c3cc; }
.ui-datepicker .ui-state-active { background: #fcb215; border: 1px solid #000; color: #1d2536; font-weight:700; }
input.datepicker { cursor: pointer; font-size: 8.5pt; }

/* TOOLTIP */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url('../images/tipsy.gif'); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: #273247; color: #b9c3cc; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }

/* FOOTER */
.footer { color: #fff;}
.footer .footer-content .footer-info { width:100%; padding: 15px; float: left; text-align:center; opacity:0.5}



/*  Stela   */
#Event-Information{float:left; width:640px; position:relative;}

#EventLeftPane {float:left; width:152px; position:relative; }
#EventCenterPane {float:left; width:336px; position:relative;}
#EventRightPane{float:right; width:152px; position:relative;}
#EventLeftPane td.teams, #EventRightPane td.teams {font-weight:700;padding-right:3px;padding-bottom:2px; color: #fda917; vertical-align:top; width:12px; font-size:12px;}
#EventComments {overflow-y:scroll; overflow-x:hidden;max-height:250px;}
#EventComments .strong {font-weight:700; font-size:12px;}
#GameBox {padding:0 0 10px 0;}
#GameBox td .statsleft ,#EventComments td .statsleft ,#GamesStast td .statsleft {text-align:left; font-weight:700;}
#GamesStast td .statscenter {text-align:center;}
#GamesStast td .statsright {text-align:right; font-weight:700;}
#PlayStats,#GameStats, #GameBox {margin:10px;}

#GameBox, #PlayStats,#GameStats{}
#Event-Information .table tr td {background:#273247; border-bottom:1px solid #1d2536}

#EventLeftPane tr.sub td, #EventRightPane tr.sub td{ font-size:12px;}

.shirt{
	width:36px;
	height:22px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:center;
	font-weight:bold;
	padding-top:7px;
	font-size:9px;
	position:absolute;
	color:#fff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;

}

.shirt_incident{
	width:36px;
	height:22px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	text-align:center;
	font-weight:bold;
	padding-top:7px;
	font-size:9px;
	color:#fff;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.displaynone {
    display: none;
}