@charset "UTF-8";
/* CSS Document */

/* ==========================================================================
	LAYOUT
	Global page markup: structure of semantic blocks of site interface
========================================================================== */

html, body {position: relative;height: 100%;}
/*.lt-ie9 html, .lt-ie9 body { min-width: 990px; overflow: auto; }*/

.layout { width: 100%; height: 100%; z-index: 3; position: absolute; top: 0; left: 0; transition: left 0.3s; }
.l-page { width: 100%; min-height: 100%; position: relative; }
.ie .l-page { min-height: 0; }
.l-header {width: 100%;height: 72px;overflow: hidden;color: #e8bc33;}
.l-header a.profile {color: #e8bc33;}
.l-menu { width: 200px; position: absolute; z-index: 10; left: 0; top: 72px; bottom: 108px; overflow: hidden; transition: width 0.3s, top 0.3s; }
.touch .l-menu { overflow: auto; }
.ie .l-menu { bottom: 0; }
.l-menu-scroller {  }
.l-inner {margin-left: 200px;padding-bottom: 108px;transition: margin-left 0.3s, margin-right 0.3s;}
.ie .l-inner { padding-bottom: 0; }
.l-footer { height: 108px; position: relative; top: -108px; margin-bottom: -108px; z-index: 14; }
.l-footer a {color: #ffcb31;}
.ie .l-footer { top: 0; margin-bottom: 0; }
.l-team-header {width: 100%;height: 96px;overflow: hidden;position: relative;/*z-index: 13;*/}
.l-submenu {width: 180px;position: absolute;z-index: 12;left: 200px;top: 168px;bottom: 108px;overflow: hidden;transition: left 0.3s, top 0.3s;}
.touch .l-submenu { overflow: auto; }
.ie .l-submenu { bottom: 0; }
.l-submenu-scroller {  }
.l-content { margin-left: 180px; position: relative;}

.sidemenu-profile { width: 200px; height: 100%; position: absolute; z-index: 2; top: 0; right: 0; overflow: hidden; display:none}
.touch .sidemenu-profile { overflow: auto; }
.sidemenu-profile-scroller {  }

.sidemenu-main { display: none; width: 200px; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; overflow: hidden; }
.touch .sidemenu-main { overflow: auto; }
.sidemenu-main-scroller {  }




/* ==========================================================================
	LAYOUT STYLES
	Styles of global page markup which are not dealing with sizes 
	and positions
========================================================================== */

.layout {/* background: #1b73a5; */}
.l-header {background: rgba(0, 49, 78, 0.98);box-shadow: 0 -2em 8em 0em rgba(0, 0, 0, 0.35) inset;/* border-bottom: 1px solid #325a71; */}
.l-menu {background: rgba(0, 49, 78, 0.98);box-shadow: 0 10em 10em 3em rgba(0, 0, 0, 0.25) inset;}
.l-footer {background: rgba(17, 35, 45, 0.8);}
.l-team-header {background: rgba(24, 98, 143, 0.8);}
.l-submenu {background: rgba(24, 98, 143, 0.8);}
.l-page {background: rgba(225, 245, 251, 0.75);}
.l-content {}

body.cl .l-page {background: rgba(225, 245, 251, 0.25);}

main.l-content {}




/* ==========================================================================
	LAYOUT MODES
	Modes for global page markup: with some blocks absent / present, 
	overlays, .etc
========================================================================== */

.l-team-header .small_screen {display: none;padding:0 5px}
.l-team-header .small_screen .select_team_block {float:right}
.l-team-header .small_screen .select_team_block a {color: #FFF; font-weight: bold}

.mode-no-team-header .l-team-header { display: none; }
.mode-no-team-header .l-submenu { top: 72px; }


.mode-no-submenu .l-submenu { display: none; }
.mode-no-submenu .l-content {margin-left: 0;}

.mode-no-submenu .menu-main a.selected { background-image: url(../img/menu-main-selected-arrow-no-submenu.png) !important; }


.mode-sidemenu-profile { overflow: hidden; }
.mode-sidemenu-profile .layout { box-shadow: 0 0 20px rgba(0,0,0,.75); left: -200px; }


/*
@media screen and (max-width: 990px) {

.mode-sidemenu-main { overflow: hidden; }
.mode-sidemenu-main .layout { box-shadow: 0 0 20px rgba(0,0,0,.75); left: 200px; }

}
*/


.mode-popup { overflow: hidden; }

.hockey-online {text-align: right;position: absolute;right: 200px;top: 23px;}