*{
  padding:0;
  margin:0;
  border:0;
}

:focus {
	outline: none;
}

@media screen {
	body {
		width: 100%;
		min-width: 1280px;
		font-family: Ubuntu;
		overflow-x: hidden;
	}
}
/* портретная ориентация */
@media screen and (orientation:portrait) {
	/* Стили для портретной */
	body {
		min-height: 1850px;
	}
	#page{
		min-height: 1715px;
	}
	#page.main{
		min-height: 940px !important;
	}
	#graph_apn_lines, #circles{
		display: block !important;
	}

}
/* горизонтальная ориентация */
@media screen and (orientation:landscape) {
	/* стили для горизонтальной */
	body {
		/*min-height: 750px;*/
		/*min-height: 646px;*/
	}
	#page.main{
		min-height: 610px;
		/*min-height: 506px;*/
	}
	
}


a > label {
	cursor: pointer;
}
h1 {
	font-size: 32pt;
	font-weight: bold;
	margin-bottom: 30px;
	text-align: center;
}
h2 {
	font-size: 24pt;
	font-weight: bold;
	margin-bottom: 20px;
}
h3 {
	font-size: 18pt;
	font-weight: bold;
	margin-bottom: 20px;
}

#auth {
	background-color: #f9f9f9;
	display: block;
	width: 100%;
	min-width: 1280px;
	height: 100%;
	background-color: #c9edfc;
}

#auth > #head {
	position: fixed;
	top: 0;
	left: 0;
	height: 74px;
	line-height: 74px;
	width: 100%;
	background-color: #316692;
	text-align: center;
	color: white;
	font-size: 22px;
}
#auth > #head2 {
	position: fixed;
	top: 74px;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url(../img/main/auth_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top; 
}

#welcome {
	display: block;
	min-width: 550px;
	width: 100%;
	text-align: center;
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0;
	background-size: cover;
	background-image: url(/img/main/bg2.jpg);
	
	overflow: hidden;
}


#auth > #icon, #welcome > #icon {
	height: 200px;
	width: 200px;
	/*background: white;
	border-radius: 50%;
	border: solid 2px white;*/
	background-image: url(../img/main/logo.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center; 
}
#welcome > div {
	display: inline-block;
	vertical-align: middle;
	line-height: 30px;
}
#welcome > .block{
	width: 240px;
	height: 160px;
	
	border-left: solid 2px #14b0e7;
	
	/*
	opacity: 0.8;
	border-radius: 50px;
	background-color: #14b0e7;
	box-shadow: 5px 5px 5px rgba(61, 69, 82, 0.5);
	*/
	
	margin: 0 20px;
	color: white;
	font-size: 24px;
	vertical-align: middle;
	text-align: left;
	padding: 30px 20px 30px 20px;
}

#welcome > .block > b{
	color: #fff200;
}
#welcome > #icon {
	margin: 0 50px;
}
#auth > #icon{
	position: fixed;
	top: 120px;
	left: 50%;
	margin-left: -100px;
}

#auth > #login{
	display: block;
	position: fixed;
	top: 350px;
	left: 50%;
	width: 222px;
	height: 230px;
	margin-left: -111px;
	text-align: left;
}
#auth > #login > input{
	width: 200px;
	padding: 10px;
	margin: 10px 0;
	font-size: 18px;
}
#auth > #login > input[type="submit"]{
	width: 150px;
	border: none;
	background-color: #14b0e7;
	margin-left: 35px;
	color: white;
}

#auth > p{
	position: absolute;
	text-align: center;
	color: red;
	margin-top: 100px;
	display: block;
	width: 300px;
	left: 50%;
	margin-left: -150px;
	top: -10px;
}


#editdata{
	text-align: center;
	display: block;
	top: 50px;
	width: 780px;
	margin-left: 0 auto; 
}



input, textarea, select{
	display: inline-block;
	border: solid 1px #86bce3;
	color: #000;
	background-color: #fff;
	margin: 10px;
	padding: 10px;
}
input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea {
	width: 140px;
}
select {
	width: 162px;
}
textarea{
	margin-bottom: -25px;
}
input[type="submit"], input[type="button"] {
	cursor: pointer;
}

input[type='number'].noarrows::-webkit-outer-spin-button,
input[type='number'].noarrows::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}



.menupage > .checkbox {
	display:inline-block;
	border-radius: 14px;
}
.menupage > .checkbox:hover {
	background-color: #d9dce0;
}
.menupage > .checkbox:hover > input[type="checkbox"] + label:before{
	outline: 4px solid #fff;
}


.menupage > .checkbox > input[type="checkbox"] {
	display: none;
}
.menupage > .checkbox > label{
	display: inline-block;
	margin: 4px 10px 0 5px;
	font-size: 18px;
}

.menupage > .checkbox > input[type="checkbox"]:not(:checked) + label {
	color: #b9bcc1;
}
.menupage > .checkbox > input[type="checkbox"]:checked + label {
	color: #6f757f;
}
.menupage > .checkbox > label:before {
	content: '';
	display: inline-block;
	height: 14px;
	width: 14px;
	background-color: #b9bcc1;
	/*outline: 2px solid #fff;*/
	vertical-align: middle;
    margin: 8px 10px 12px;
}
.menupage > .checkbox > input[type="checkbox"]:checked + label:before {
	/*outline: 2px solid #fff;
	border: 2px solid #fff;*/
	width: 14px;
	height: 14px;
	background-color: #6f757f;
}
.menupage > .br {
	display: block;
	margin: 10px;
}







#top-line {
	display:block;
	background-color: #316692;
	/* position:absolute; */
	top: 0;
	left: 0;
	
	width: 100%;
	min-width: 1280px;
	
	height: 74px;
	line-height: 25px;
	overflow: hidden;
}
#top-line #menu {
	display:block;
	position:absolute;
	top: 0;
	left: 0;
	width: 1020px;
	height: 74px;
	margin-left: 40px;
}
#top-line #menu a {
	display: inline-block;
	width: 100px;
	height: 72px;
	text-align: center;
	line-height: 24px;
	vertical-align: middle;
	background-color: #316692;
	color: white;
	text-decoration:none;
	border: solid 1px #33608b;
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}
#top-line #menu a:hover, #top-line #menu a.active{
	background-color: #9adcfc;
	color: #448ccb;
	border-color: #33608b;
}

#top-line #menu a span{
	display: inline-block;
	height: 24px;
	width: 30px;
	margin: 10px 30px 0;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

#top-line #menu a .index{
	background-image: url("/img/menu/index.png");
}
#top-line #menu a:hover .index, #top-line #menu a.active .index{
	background-image: url("/img/menu/index_a.png");
}
#top-line #menu a .calendar{
	background-image: url("/img/menu/calendar.png");
}
#top-line #menu a:hover .calendar, #top-line #menu a.active .calendar{
	background-image: url("/img/menu/calendar_a.png");
}
#top-line #menu a .games{
	background-image: url("/img/menu/games.png");
}
#top-line #menu a:hover .games, #top-line #menu a.active .games{
	background-image: url("/img/menu/games_a.png");
}
#top-line #menu a .team{
	background-image: url("/img/menu/team.png");
}
#top-line #menu a:hover .team, #top-line #menu a.active .team{
	background-image: url("/img/menu/team_a.png");
}
#top-line #menu a .users{
	background-image: url("/img/menu/users.png");
}
#top-line #menu a:hover .users, #top-line #menu a.active .users{
	background-image: url("/img/menu/users_a.png");
}
#top-line #menu a .tests{
	background-image: url("/img/menu/tests.png");
}
#top-line #menu a:hover .tests, #top-line #menu a.active .tests{
	background-image: url("/img/menu/tests_a.png");
}
#top-line #menu a .ttd{
	background-image: url("/img/menu/ttd.png");
}
#top-line #menu a:hover .ttd, #top-line #menu a.active .ttd{
	background-image: url("/img/menu/ttd_a.png");
}
#top-line #menu a .analit{
	background-image: url("/img/menu/analit.png");
}
#top-line #menu a:hover .analit, #top-line #menu a.active .analit{
	background-image: url("/img/menu/analit_a.png");
}
#top-line #menu a .graph{
	background-image: url("/img/menu/graph.png");
}
#top-line #menu a:hover .graph, #top-line #menu a.active .graph{
	background-image: url("/img/menu/graph_a.png");
}
#top-line #menu a .tp{
	background-image: url("/img/menu/tp.png");
}
#top-line #menu a:hover .tp, #top-line #menu a.active .tp{
	background-image: url("/img/menu/tp_a.png");
}

#top-line > #loged {
	position: absolute;
	top: 0;
	right: 40px;
	height: 60px;
	width: 320px;
}
#top-line > #loged > .teamname{
	position: absolute;
	top: 5px;
	right: 0;
	display: block;
	color: white;
	text-align: right;
	cursor: pointer;
}
#top-line > #loged > .rightsname{
	position: absolute;
	right: 0;
	top: 48px;
	display: block;
	color: white;
	text-align: right;
	cursor: pointer;
}
#top-line > #loged > .rightsname > .name{
	display: inline-block;
	color: white;
	
	/*margin-left: 30px;*/
}
#top-line > #loged > .name:hover{
	color: #9adcfc;
}
#top-line > #loged > .menu{
	position: absolute;
	display: none;
	width: 300px;
	line-height: 40px;
	z-index: 999;
	right: 0;
}
#top-line > #loged > #usermenu{
		top: 74px;
}
#top-line > #loged > #teammenu{
		top: 37px;
}
#top-line > #loged > .menu > a, #top-line > #loged > .menu > label{
	display: block;
	height: 40px;
	border: solid 1px #8ccff4;
	color: black;
	background-color: #9adcfc;
	text-decoration: none;
	background-position: left center;
	background-size: contain;
	background-repeat: no-repeat;
}
#top-line > #loged > .menu > a{
	padding-left: 50px;
}
#top-line > #loged > .menu > a, #top-line > #loged > .menu > label {
	cursor: pointer;
}
#top-line > #loged > .menu > a:hover, #top-line > #loged > .menu > label:hover{
	background-color: #caebfa;
}
#top-line > #loged > .menu input[type="checkbox"] {
	display: none;
}
#top-line > #loged > .menu .checkbox-custom {
	position: relative;		/* Обязательно задаем, чтобы мы могли абсолютным образом позиционировать псевдоэлемент внютри нашего кастомного чекбокса */
	width: 20px;			/* Обязательно задаем ширину */
	height: 20px;			/* Обязательно задаем высоту */
	border: 2px solid #6fb4e3;
	border-radius: 3px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}
input[type="checkbox"]:checked + .checkbox-custom::before {
	content: "";			/* Добавляем наш псевдоэлемент */
	display: block;			/* Делаем его блочным элементом */
	position: absolute;		/* Позиционируем его абсолютным образом */
	/* Задаем расстояние от верхней, правой, нижней и левой границы */
	top: 2px;
	right: 2px;
	bottom: 2px;
	left: 2px;
	background: #316692;	/* Добавляем фон. Если требуется, можете поставить сюда картинку в виде "галочки", которая будет символизировать, что чекбокс отмечен */
	border-radius: 2px;
}

#top-line > #loged > #usermenu > .options {
	background-image: url("/img/usermenu/options.png");
}
#top-line > #loged > #usermenu > .info {
	background-image: url("/img/usermenu/info.png");
}
#top-line > #loged > #usermenu > .exit {
	background-image: url("/img/usermenu/exit.png");
}







#teampage {
	background-color: #f9f9f9;
}
#teampage > .side-line{
	position: absolute;
	display: block;
	
	top: 140px;
	left: 0;
	width: 270px;
	height: 100%;
	
	font-size: 16px;
	line-height: 25px;
	
	border-right: 1px solid #bdbebf;
	box-shadow: 8px 0 8px -3px #c3c3c3, 0 0 0 0 ;
	background-color: white;
    z-index: 200;
	
	overflow-y: scroll;
	overflow-x: hidden;
}
#teampage > .side-line a{
	display: block;
	position: relative;
	cursor: pointer;
	color: black;
	text-align: left;
	line-height: 20px;
	vertical-align: middle;
	text-decoration:none;
	
	width: 208px;
	
	margin: 10px 0;
	padding: 5px;
	padding-left: 20px; /*50*/
}
#teampage > .side-line a span {
	display: inline-block;
	text-align: center;
	width: 30px;
	font-weight: bold;
}
#teampage > .side-line a label{
	display: inline-block;
	width: 165px;
	padding-left: 10px;
	
	text-align: left;
	white-space: nowrap; /* Отменяем перенос текста */
	overflow: hidden; /* Обрезаем содержимое */
	text-overflow: ellipsis; /* Многоточие */
}

#teampage > .side-line .used{
	color: #b9bcc1;
}
#teampage > .side-line .selected{
	background-color: #ddf5fd;
	box-shadow: 15px 0 15px -3px #c3c3c3, 0 0 0 0;
}
#teampage > .side-line .selected label{
	font-weight: bold;
}
#teampage > .side-line .selected::after {
	content: '';
	position: absolute;
	right: -20px;
	top: 0;
	border: 15px solid transparent;
	border-left: 5px solid #ddf5fd;
}

.side-line-wide {
	width: 500px;
	line-height: 25px;
	overflow-y: scroll;
	overflow: hidden;
}
.side-line-wide a {
	width: 230px;
	display: inline-block;
}
.side-line-wide input {
	width: 30px;
	display: inline-block;
}
.side-line-wide select {
	width: 110px;
	display: inline-block;
}


.stickbg{
	top: 0;
	left: 0;
}

#page{
	display: block;
	position: absolute;
	background-color: #f9f9f9;
	
	vertical-align: top;
	width: 100%;
	min-width: 1280px;
	vertical-align: top;
	overflow: auto;
}
#page > #infopage > ol {
	padding-left: 30px;
}
#page > #infopage > ol > li{
	padding-left: 15px;
	margin: 10px 0;
	font-weight: bold;
}
#page > #infopage > ol > li > ol {
	margin: 10px 0;
	padding-left: 15px;
}
#page > #infopage ol > li > ul{
	padding-left: 25px;
}
#page > #infopage li > ul > li, #page > #infopage li > ol > li{
	padding-left: 15px;
	margin: 5px 0;
	font-weight: normal;
}
#page > #infopage ol{
	/* убираем стандартную нумерацию */
	list-style: none; 
	/* Идентифицируем счетчик и даем ему имя li. Значение счетчика не указано - по умолчанию оно равно 0 */ 
	counter-reset: li; 
}
#page > #infopage ol > li:before {
	/* Определяем элемент, который будет нумероваться — li. Псевдоэлемент before указывает, что содержимое, вставляемое при помощи свойства content, будет располагаться перед пунктами списка. Здесь же устанавливается значение приращения счетчика (по умолчанию равно 1). */
	counter-increment: li; 
	/* С помощью свойства content выводится номер пункта списка. counters() означает, что генерируемый текст представляет собой значения всех счетчиков с таким именем. Точка в кавычках добавляет разделяющую точку между цифрами, а точка с пробелом добавляется перед содержимым каждого пункта списка */
	content: counters(li,".") ". "; 
}




#teampage > #page{
	position: absolute;
	display: block;
	top: 140px;
	left: 270px;
	z-index: 10;
}
#graph {
	display: block;
	width: 100%;
}




#graph_apn_lines {
	display: inline-block;
	/*min-width: 500px;*/
	box-shadow: 1px 3px 5px #878c95;
}
#circles {
	display: inline-block;
	width: 600px;
	height: 400px;
	vertical-align: top;
	text-align: center;
	background-color: #d9dce0;
	padding-top: 20px;
	/*line-height: 175px;*/
	box-shadow: -1px 3px 5px #878c95;
}
#circles > p{
	display: block;
	/*position: absolute;*/
	margin-left: 50px;
	margin-top: -10px;
	width: -moz-fit-content;
	width: fit-content;
	height: 20px;
	line-height: 20px;
}
#circles > p > g {
	border-radius: 10px;
	width: 10px;
	height: 10px;
	display: inline-block;
	margin: 0 10px;
}
g.white{
	background-color: white;
}
g.green{
	background-color: #7cc576;
}
g.red{
	background-color: #fa7678;
}
#circles > p > span{
	font-size: 14px;
	margin-right: 20px;
}
#circles > div {
	display: inline-block;
	width: 180px;
	height: 160px;
	line-height: 35px;
	vertical-align: middle;
}
#circles > div > span {
	display: inline-block;
	width: 60px;
	font-size: 24px;
}
#circles .small {
	text-align: right;
	color: #969ba2;
}
#circles .big {
	text-align: left;
}
#circles .green .big {
	color: #008e44;
}
#circles .red .big {
	color: red;
}
#circles > div > canvas {
	display: inline-block;
	width: 60px;
	height: 60px;
}
#circles > div > h2, #circles > div > h3 {
	display: block;
	text-align: center;
	font-size: 18px;
}
#circles > div > h2{
	color: #3d4552;
	margin: 10px 10px 0 10px;
}
#circles > div > h3{
	margin: 0 10px;
}
#circles .green h3{
	color: #008e44;
}
#circles .red h3{
	color: red;
}

#graph, #graph_apn_lines {
	height: 400px;
	background-color: #d9dce0;
}
/*#graph{
	box-shadow: 0 8px 16px -4px #c3c3c3;
}*/
@media screen {
	#graph > h2{
		display: none;
	}
}
@media print {
	#graph {
		width: 100%;
	}
	#graph > h2{
		display: block;
		font-size: 16pt;
		font-weight: normal;
		margin-bottom: 10px;
		text-align: center;
	}
	#graph > #chart_div {
		transform: scale(.7) translateX(-15%);
	}
}
#page > #graph_pn_pie, #page > #pn_none{
	display: inline-block;
	width: 19%;
	height: 300px;
	background-color: transparent;
	border-left: solid 1px #c3c3c3;
	border-right: solid 1px #c3c3c3;
	/*box-shadow: 0 8px 16px -4px #c3c3c3;*/
}
#page > .threeinline{
	display: inline-block;
	width: 40%;
	height: 250px;
	vertical-align: top;
}

.threeinline > .empty{
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	vertical-align: top;
	padding-top: 10px;
	color: #505661;
}
.threeinline > .empty > .pic, #page > #pn_none > .pic{
	display: block;
	width: 100px;
	height: 100px;
	background: #14b0e7;
	border-radius: 50%;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.pic.gamesnew {
	background-image: url(/img/main/calendar.png) !important;
}
.pic.gameslast {
	background-image: url(/img/main/games.png) !important;
}
.pic.gamespn {
	margin-top: 70px !important;
	background-image: url(/img/main/pn.png) !important;
}
.threeinline > .empty > .message{
	display: block;
	margin-top: 10px;
}


#gamesnew, #gameslast{
	display: table;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	vertical-align: top;
	padding-top: 10px;
	color: #505661;
}
#gamesnew{
	min-width: 460px;
}
#gameslast{
	min-width: 450px;
}
#gamesnew > .gameinfo, #gameslast > .gameinfo{
	display: table-row;
	/*width: width: -moz-fit-content;
	width: fit-content;*/
	margin: 10px 20px;
	height: 50px;
}
#gamesnew > .gameinfo > h3, #gameslast > .gameinfo > h3{
	display: table-cell;
}
#gamesnew > .gameinfo > h3 {
	text-align: right;
}
#gameslast > .gameinfo > h3{
	text-align: left;
}
#gamesnew  > .gameinfo > span, #gameslast > .gameinfo > span{
	display: table-cell;
	background-position: center top;
	background-size: initial;
	background-repeat: no-repeat;
	width: 90px;
	max-width: 90px;
}
#gamesnew > .gameinfo > span{
	background-image: url("/img/main/icon/calendar.png");
}
#gameslast > .gameinfo > span{
	background-image: url("/img/main/icon/score.png");
}


#gamesnew > .gameinfo > .datetime{
	display: table-cell;
	width: 90px;
	font-weight: bold;
	color: #b9bcc1;
}
#gamesnew > .gameinfo > .title{
	display: table-cell;
	text-align: right;
}
#gameslast > .gameinfo > .title{
	display: table-cell;
}
#gameslast > .gameinfo > .title > .datetime{
	color: #b9bcc1;
}
#gameslast > .gameinfo > .score{
	display: table-cell;
	text-align: center;
	width: 90px;
	padding-top: 10px;
	vertical-align: top;
	color: #b9bcc1;
	font-weight: bold;
	font-size: x-large;
}


#gamesnew > .empty,  #gameslast > .empty{
	display: block;
	width:100%;
}

#page > #menu {
	/*margin-top: 500px;*/
	margin-bottom: 15px;
	background-color: #fff;
	height: 45px;
	line-height: 43px;
	vertical-align: middle;
	text-align: center;
	box-shadow: 0 8px 16px -4px #c3c3c3;
}



#page > #menu a{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding: 0 4px;
	color: #3d4552;
	margin: 0 15px;
}
#page > #menu > a:hover, #page > #menu > .selected {
	font-weight: bold;
	border-bottom: solid 3px #14b0e7;
}
#page > #menu > a:after {
	display:block;
	content:attr(title);
	font-weight:bold;
	height:1px;
	color:transparent;
	overflow:hidden;
	visibility:hidden;
}


.menupage{
	display: none;
	margin-left: 20px;
	height: 130px;
}
.menupage.selected{
	display: block;
}

.pagelineup {
	height: 100%;
}
.pagelineup > .water, .pagelineup > .nowater{
	display: block;
	width: 100%;
	height: 50%;
	position: relative;
}
.pagelineup > .water {
	background-color: #bbe8fc;
}
.pagelineup > .nowater{
	background-color: #d9dce0;
	border-top: solid 1px #b9bcc1;
}
.pagelineup > .water > label, .pagelineup > .nowater > label {
	position: absolute;
	display: block;
	top: 40px;
	left: 30px;
	color: #3d4552;
}
.pagelineup > .swap{
	position: absolute;
	display: block;
	height: 34px;
	line-height: 32px;
	width: 100px;
	top: 50%;
	margin-top: -18px;
	left: 50%;
	margin-left: -50px;
	background-color: white;
	border: solid 1px #b9bcc1;
	cursor: pointer;
	text-align: center;
}
.pagelineup .centercolumns{
	position: absolute;
	display: block;
	height: 110px;
	width: 705px;
	top: 50%;
	margin-top: -55px;
	left: 50%;
	margin-left: -350px;
}
.pagelineup .column{
	display: table-cell;
	width: 235px;
	height: 110px;
	line-height: 26px;
	vertical-align: middle;
}
.pagelineup a{
	display: inline-block;
	position: relative;
	cursor: pointer;
	height: 20px;
	width: 159px;
	text-align: left;
	color: #3d4552;
	line-height: 16px;
	font-size: 16px;
	vertical-align: middle;
	text-decoration:none;
	border: solid 1px #3d4552;
	margin: 5px 20px;
	padding: 2px;
	border-radius: 30px;
}
.pagelineup a > span {
	display: inline-block;
	text-align: center;
	width: 30px;
	font-weight: bold;
	padding: 0 5px;
	vertical-align: middle;
}
.pagelineup a > label {
	display: inline-block;
	width: 110px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	vertical-align: middle;
}
.pagelineup a > p, .pagelineup a + d {
	display: none;
}
.pagelineup a:not(.selected):hover {
	border: solid 5px #92b4c5 !important;
	margin: 1px 16px;
}


.water a:not(.selected):not(.goalie).used {
	background-color: #14b0e7;
}
.water a:not(.used):not(.selected).goalie {
	border: solid 1px #fa7678;
	background-color: transparent;
}
.water a:not(.selected).used.goalie {
	border: solid 1px #45505d;
	background-color: #fa7678;
}
.water a:not(.goalie).selected{
	border: solid 5px #14b0e7;
	margin: 1px 16px;
}


.nowater a:not(.selected):not(.goalie).used {
	background-color: #b9bcc1;
}
.nowater a:not(.used):not(.selected).goalie {
	border: solid 1px #eaa9ac;
	background-color: transparent;
}
.nowater a:not(.selected).used.goalie {
	border: solid 1px #45505d;
	background-color: #eaa9ac;
}
.nowater a:not(.goalie).selected{
	border: solid 5px #14b0e7;
	margin: 1px 16px;
}
/*
.nowater a.goalie.selected{
	border: solid 5px #eaa9ac;
	margin: 1px 16px;
	background-color: #3d4552 !important;
	color: white;
}
*/


.pagelineup a:not(.used):not(.goalie).selected {
	border: solid 5px #14b0e7;
	margin: 1px 16px;
}
.pagelineup a.used.selected{
	background-color: #3d4552 !important;
	color: white;
}
.pagelineup a.goalie.selected{
	border: solid 5px #fa7678 !important;
	margin: 1px 16px;
}
.pagelineup a.used.goalie.selected{
	background-color: #3d4552 !important;
	color: white;
}



.pagelineup a.used + d{
	display: inline-block;
	/* float: left; */
	width: 14px;
	height: 12px;
	margin-left: -10px;
	/* background-color: pink; */
	background-image: url(/img/del.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	vertical-align: middle;
	cursor: pointer;
}

.pagelineup a.used > dd{
	display: block;
	/*float: left;  */
	position: absolute; 
	top: 0;
	right:0;
	width: 24px;
	height: 24px;
	margin-right:-35px;
	/*background-color: pink;*/
	background-image: url("/img/del.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}



@media screen{
	#testslist, #ttdlist, .gameslist, .simpletable, .teamslist, .userslist {
		/*width: 100%;
		height: 100%;
		overflow: auto;*/
	}
}

#menu a{
	cursor: pointer;
}

#second-line {
	height:66px;
	
	width: 100%;
	min-width: 1280px;
	
	background-image: url("/img/submenu/sub_menu_bg.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}
#second-line > #menu{
	height: 66px;
	margin-left: 40px;
	font-size: 18px;
}
#second-line > #menu > h1{
	display: inline-block;
	width: -moz-fit-content;
	width: fit-content;
	font-size: 24px;
	padding-top: 18px;
	color: #3d4552;
	margin-right:30px;
}
#second-line > #menu > #menu_top{
	padding-top: 2px;
	
}
#second-line > #menu > #menu_bot{
	padding-top: 12px;
	font-size: 14px;
}
#second-line > #menu > #menu_top, #second-line > #menu > #menu_bot{
	display: block;
	height: 27px;
	line-height: 22px;
}
#second-line > #menu > #menu_top > h1 {
	display: inline;
	padding: 0;
	font-size: 24px;
	margin-left: 0;
	color: #3d4552;
}
#second-line > #menu > #menu_bot > h2 {
	display: inline-block;
	color: #3d4552;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	vertical-align: top;
}
#second-line > #menu select {
	margin: 0;
	padding: 0;
}

#seasonid {
	width:90px;
}

#second-line > #menu > #menu_top acronym {
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url("/img/submenu/info.png");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	text-decoration: none;
	vertical-align: bottom;
	
	
	z-index: 120;
}
#second-line > #menu > #menu_top acronym:hover{
	position: absolute;
	width: -webkit-fill-available;
	background: none;
}
#second-line > #menu > #menu_top acronym div {
	display: none;
}
#second-line > #menu > #menu_top acronym:hover div {
	display: block;
	position: absolute;
	width: -moz-fit-content;
	width: fit-content;
	height: -moz-fit-content;
	height: fit-content;
	background-color: #3d4552;
	color: white;
	font-weight: normal;
	font-size: 14px;
	padding: 30px;
	border-radius: 10px;
	/*margin-top: 25px;
	margin-left: -150px;*/
}
#second-line > #menu .padding{
	display:inline-block;
	width: 250px;
}

#second-line > #menu a{
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding: 0 4px;
	color: #3d4552;
}
#second-line > #menu > #menu_bot > span {
	vertical-align: top;
	line-height: 22px;
	color: #3d4552;
}
#second-line > #menu > #menu_bot > select {
	margin: 0;
	padding: 0;
	vertical-align: top;
	margin-top: 2px;
	color: #3d4552;
}
#second-line > #menu > #menu_top > a:hover, #second-line > #menu > #menu_top > .selected {
	font-weight: bold;
	border-bottom: solid 3px #316692;
}
#second-line > #menu > #menu_bot > a:hover, #second-line > #menu > #menu_bot > .selected {
	font-weight: bold;
}
#second-line > #menu > #menu_top > a:after,
#second-line > #menu > #menu_bot > a:after {
	display:block;
	content:attr(title);
	font-weight:bold;
	height:1px;
	color:transparent;
	overflow:hidden;
	visibility:hidden;
}
#second-line > #menu .menuright{
	display: inline;
	position: absolute;
	right: 40px;
	/*margin-right: 5px;*/
	width: -moz-fit-content;
	width: fit-content;
}
#second-line > #menu .menuright{
	margin-top: 5px;
}
#second-line > #menu .menuright > a{
	display: inline;
	vertical-align: top;
	margin: 0 10px;
}
#second-line > #menu .menuright > a:hover, #second-line > #menu .menuright > a.selected{
	font-weight: bold;
	color: #316692;
}
#second-line > #menu .menuright > a > .pic{
	width: 23px;
	height: 23px;
	margin-right: 5px;
	display: inline-block;
	background-position: center;
	background-size: auto;
	background-repeat: no-repeat;
}
#second-line > #menu .menuright > span {
	    vertical-align: super;
		margin: 0 10px;
}

#second-line > #menu .menuright > a.menuplus > .pic {
	background-image: url("/img/submenu/plus.png");
}
#second-line > #menu .menuright > a.menuplus:hover > .pic {
	background-image: url("/img/submenu/plus_h.png");
}
#second-line > #menu .menuright > a.menuedit > .pic {
	background-image: url("/img/submenu/edit.png");
}
#second-line > #menu .menuright > a.menuedit:hover > .pic {
	background-image: url("/img/submenu/edit_h.png");
}


#second-line > #menu .menuright > a.menuBriefcase > .pic {
	background-image: url("/img/submenu/briefcase.png");
}
#second-line > #menu .menuright > a.menuBriefcase:hover > .pic {
	background-image: url("/img/submenu/briefcase_h.png");
}
#second-line > #menu .menuright > a.menuPrint{
	display: none;
	margin: 0 0 0 40px;
}
#second-line > #menu .menuright > a.menuPrint > .pic {
	background-image: url("/img/submenu/print.png");
}
#second-line > #menu .menuright > a.menuPrint:hover > .pic {
	background-image: url("/img/submenu/print_h.png");
}


#second-line > #menu .menuright > a#team > .pic {
	background-image: url("/img/submenu/team.png");
}
#second-line > #menu .menuright > a#team.selected > .pic, #second-line > #menu .menuright > a#team.active > .pic {
	background-image: url("/img/submenu/team_a.png");
}
#second-line > #menu .menuright > a#team:hover > .pic {
	background-image: url("/img/submenu/team_h.png");
}
#second-line > #menu .menuright > a#sum > .pic {
	background-image: url("/img/submenu/sum.png");
	width: 33px;
}
#second-line > #menu .menuright > a#sum.selected > .pic {
	background-image: url("/img/submenu/sum_a.png");
}
#second-line > #menu .menuright > a#sum:hover > .pic {
	background-image: url("/img/submenu/sum_h.png");
}
#second-line > #menu .menuright > a#one > .pic {
	background-image: url("/img/submenu/one.png");
}
#second-line > #menu .menuright > a#one.selected > .pic {
	background-image: url("/img/submenu/one_a.png");
}
#second-line > #menu .menuright > a#one:hover > .pic {
	background-image: url("/img/submenu/one_h.png");
}
#second-line > #menu .menuright > a#multi > .pic {
	background-image: url("/img/submenu/multi.png");
}
#second-line > #menu .menuright > a#multi.selected > .pic {
	background-image: url("/img/submenu/multi_a.png");
}
#second-line > #menu .menuright > a#multi:hover > .pic {
	background-image: url("/img/submenu/multi_h.png");
}

#second-line > #menu .menuright > a.menu_lines > .pic {
	background-image: url("/img/submenu/graph-lines.png");
}
#second-line > #menu .menuright > a.menu_lines.active > .pic {
	background-image: url("/img/submenu/graph-lines_a.png");
}
#second-line > #menu .menuright > a.menu_lines:hover > .pic {
	background-image: url("/img/submenu/graph-lines_h.png");
}
#second-line > #menu .menuright > a.menu_columns > .pic {
	background-image: url("/img/submenu/graph-columns.png");
}
#second-line > #menu .menuright > a.menu_columns.active > .pic {
	background-image: url("/img/submenu/graph-columns_a.png");
}
#second-line > #menu .menuright > a.menu_columns:hover > .pic {
	background-image: url("/img/submenu/graph-columns_h.png");
}
#second-line > #menu .menuright > a.menu_pie > .pic {
	background-image: url("/img/submenu/graph-pie.png");
}
#second-line > #menu .menuright > a.menu_pie.active > .pic {
	background-image: url("/img/submenu/graph-pie_a.png");
}
#second-line > #menu .menuright > a.menu_pie:hover > .pic {
	background-image: url("/img/submenu/graph-pie_h.png");
}
.modalSelector {
	position: absolute;
	display: none;
	
	top: 82px;
	width: 250px;
	height: 200px;
	background-color: #9adcfc;
	
	z-index: 110;
}
.modaltestdate{
	left: 183px;
}
.modaltestdate > input {
	width: 90px !important;
}
.modalttdlast {
	left: 190px;
}
.modalttdgame{
	left: 437px;
}
.modalttddate {
	left: 327px;
	width: 325px;
	height: 210px;
}
.modalttddate > .column {
	display: inline-block;
	width: 162px;
	margin: 0;
}

.modalSelector p{
	display: block;
	margin: 30px 0 10px 30px;
}
.modalSelector input, .modalSelector select{
	display: block;
	width: 50px;
	margin: 20px auto;
}
.modalSelector select {
	width: 190px;
}
.modalttddate > .column > p{
	margin: 0 0 0px 30px
}
.modalttddate > .column > input {
	width: 90px;
	margin: 2px auto 20px auto;
}

.modalSelector > .bot{
	width: 100%;
	border-top: solid 1px #e5e8ee;
}
.modalSelector > .bot > a{
	cursor: pointer;
	display: block !important;
	line-height: 40px;
	width: 150px;
	margin: 10px auto;
	height: 40px !important;
	background-color: #14b0e7;
	color: white !important;
	text-align: center !important;
	vertical-align: middle;
}
.modalSelector > .bot > a:hover{
	text-decoration: none !important;
	font-weight: normal !important;
	border-bottom: none !important;
}


.btn_red{
	background-color: red;
}
.btn_green{
	background-color: lime;
}
.btn_yellow{
	background-color: yellow;
}
.btn_gray{
	background-color: gray !important;
}


a{
	color: blue;
	text-decoration: underline;
}
a img{
	width: 10px;
	height: 10px;
}



.small{
	font-size: 14px;
}

.invis {
	display: none;
}
table{
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}
@media screen{
	table > caption{
		display: none;
	}
}
@media print{
	table > caption{
		display: table-caption;
		font-size: 16pt;
		font-weight: normal;
		margin-bottom: 10px;
		text-align: center;
	}
	table {
		width: 100%;
		font-family: Ubuntu;
	}
	td:first-child, td:last-child, td.listbtn, .line > th:first-child, .line > th:last-child, th.listbtn{
		display: none;
	}
	td, th{
		position: block !important;
	}
}
table tbody tr{
	margin: 5px;
	height: 30px;
	line-height: 20px;
	vertical-align: top;
}
table thead tr{
	background-color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 13px;
	height: 2.5em;
}
table thead th, table thead td{
	background-color: white;
	color: #3d4552;
	vertical-align: middle;
	padding:.2em .5em;
}
table tfoot{
	background-color: white;
}



table tbody tr:nth-child(2n+1) td{
	background-color: #f9f9f9;
}
table tbody tr:nth-child(2n) td{
	background-color: #f3f3f3;
}
table tbody tr:nth-child(2n+1) .green{
	background-color: #eaf5e9;
}
table tbody tr:nth-child(2n) .green{
	background-color: #e4f0e4;
}
table tbody tr:nth-child(2n+1) .red{
	background-color: #f8efef;
}
table tbody tr:nth-child(2n) .red{
	background-color: #f2e9ea;
}

table tbody tr:hover td {
	background: #ddf5fd !important;
}

table .right{
	text-align: right;
}
table th, table td{
	vertical-align: middle;
	text-align: left;
	outline: 1px solid #ebeced;                
	border:none; 
	outline-offset: -1px;
}
table th {
	text-align: center !important;
}
table td{
	/*min-width: 50px;*/
	height: 20px;
	padding: 5px;
	margin: 0 auto;
	font-size: 16px;
	text-align: left;
}
#testslist table td, #ttdlist table td {
	text-align: right;
}

.slim{
	min-width: 30px;
}
.slim2{
	min-width: 42px;
}
.listtext{
	text-align: left !important;
}
.listcenter{
	text-align: center !important;
}
.listdate{
	width: 100px;
}
.listdatetime{
	width: 140px;
}
.listcaption{
	min-width: 600px;
	text-align: left;
}
@media screen{
	.listname{
		min-width: 180px;
	}
}
.listname{
	text-align: left !important;
}
.listedit{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url("/img/table/edit.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.listedit:hover{
	background-image: url("/img/table/edit_h.png");
}
.listlineup{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url("/img/table/lineup.png");
	background-position: center bottom;
	background-size: contain;
	background-repeat: no-repeat;
}
.listlineup:hover{
	background-image: url("/img/table/lineup_h.png");
}
.listttd{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url("/img/table/ttd.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.listttd:hover{
	background-image: url("/img/table/ttd_h.png");
}
.listadd{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url("/img/table/add.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}
.listdel{
	display: inline-block;
	height: 20px;
	width: 20px;
	background-image: url("/img/table/del.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.listbtn{
	/*min-width: 20px;*/
	width: 20px;
	/*padding: 0 !important;*/
}
.greenstatus, .listgreenstatus{
	display: block;
	margin: 0 auto;
	height: 21px;
	width: 20px;
	background-image: url(../img/switcher/flag_green.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.redstatus, .listredstatus{
	display: block;
	margin: 0 auto;
	height: 21px;
	width: 20px;
	background-image: url(../img/switcher/flag_red.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.listgreenstatus:hover, .listredstatus:hover{
	background-image: url(../img/table/flag_h.png);
}


.playerprofile {
	height: 100%;
}



.fc-event {
	cursor: pointer;
}


.profilecolumn {
	display: inline-block;
	width: 200px;
	height: 100%;
	padding: 0 15px;
	padding-top: 40px;
}
.profilecolumn:nth-child(2n+1){
	background-color: #f9f9f9;
}
.profilecolumn:nth-child(2n){
	background-color: #f3f3f3;
}
.profilecolumn > img {
	width: 160px;
	border-radius: 80px;
	margin: 26px 20px;
}
.profilecolumn > p {
	margin-bottom: 50px;
}
.profilecolumn > p > label {
	color: #888d95;
	display: block;
	margin-bottom: 15px;
	font-size:18px;
}
.profilecolumn > p > span {
	color: #505661;
	display: block;
	font-size:18px;
	min-height: 21px;
}