:link
	{ text-decoration:none;}
:visited
	{ text-decoration:none;}
:link:active,:visited:active
	{ text-decoration:none;}
:link:hover,:visited:hover
	{ text-decoration:none;}

:root{
    --max-screen-width: 946px; /* see $g_main_screen_width */
}

div#main { text-align: left; }

.bg-awards a,
.bg-awards,
.bg-awards-left a,
.bg-awards-left,
.bg-awards-right a,
.bg-awards-right {
	font-size: 10px;
	text-shadow: 1px 1px #fff;
	color: #ddd;
	white-space: nowrap;
    overflow: hidden;
    width: 90px;
    min-width: 90px;
    position: relative;
}

.bg-awards-left, .bg-awards-right { margin-top: 5px; }

.bg-awards-left a:hover, .bg-awards-right a:hover, .bg-awards a:hover{ color: #336; }
.bg-awards-left h1, .bg-awards-right h1, .bg-awards h1 { margin-top: 20px; font-size: 12px; text-transform: uppercase; }

.bg-awards-left { text-align: right; padding-right: 15px; width: 100%; }
.bg-awards-right { text-align: left; padding-left: 15px; width: 100%;  }


#page2 {
/*	background:url('/img/bgdr.png') 50% top no-repeat; */
	box-shadow: 2px 0px 5px #333; 
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	top: -1px;
	width: var(--max-screen-width);
}

#page1 {
/*	background:url('/img/bg.png') top left; */
	background: #fff;
	box-shadow: 0px 0px 10px #000;		/* CSS3 */
	-moz-box-shadow: 0px 0px 10px #000;	/* Firefox */
	-webkit-box-shadow: 0px 0px 10px #000;	/* Safari, Chrome */
	behavior: url(hoc/css/3/ie-css3.htc);		/* CSS3 support in IE 6+ */
	width: var(--max-screen-width);
	margin: auto;
	margin-top: 0px;
}

#body1 {
/*	background:url('/img/bgti.gif') top left repeat-x;  */
	background:url('/hoc/img/bg2015.jpg') top left repeat; 
	margin: 0px;
    padding: 0px;
	width: 100%;
	text-align: center;
}

body {
/*	background-image: url('/hoc/img/bg.jpg'); */

	SCROLLBAR-FACE-COLOR: #d9edea; SCROLLBAR-HIGHLIGHT-COLOR: #003399; SCROLLBAR-SHADOW-COLOR: #d9edea; SCROLLBAR-3DLIGHT-COLOR: #d9edea; SCROLLBAR-ARROW-COLOR: #003399; SCROLLBAR-TRACK-COLOR: #d9edea; SCROLLBAR-DARKSHADOW-COLOR: #003399; SCROLLBAR-BASE-COLOR: #d9edea;
		font-family: Verdana;
		font-size: 12;
}
	
P, DIV, TD, TH, TR, FORM, OL, UL, LI, INPUT, TEXTAREA, SELECT
{
	SCROLLBAR-FACE-COLOR: #d9edea; SCROLLBAR-HIGHLIGHT-COLOR: #003399; SCROLLBAR-SHADOW-COLOR: #d9edea; SCROLLBAR-3DLIGHT-COLOR: #d9edea; SCROLLBAR-ARROW-COLOR: #003399; SCROLLBAR-TRACK-COLOR: #d9edea; SCROLLBAR-DARKSHADOW-COLOR: #003399; SCROLLBAR-BASE-COLOR: #d9edea;
	font-family: Verdana;
	font-size: 12px;
}

UL, OL {
	margin: 10px 0px 10px 30px;
}

P, H1 {
	margin-bottom: 10px;
}

LI { margin-left: 5px; }

.ginfolight {
	color: #a0a0a0;
	font-size: 8pt;
}

.ginfodark {
        color: #807070;
	font-size: 8pt;
}

.visitors {
	border: 0px solid #808080;
}

.white-on-kech {
	font-size: 9pt;
	color: #202020;
	font-weight: normal;
	line-height: 150%;
	background: #ffffff;
	white-space: nowrap;
}
.white-on-blue,
.white-on-dblue
/*.navitem a,
.navsubitem a*/
{ font-weight: normal; }

.white { color: white; }

.dblue_tlr {
    BORDER-RIGHT: #ffffff80 1px solid;
    BORDER-TOP: #ffffff80 1px solid;
    BORDER-LEFT:  #ffffff80 1px solid;
    BORDER-BOTTOM:  #ffffff80 0px solid;
}

.dblue_border {
    border: #ffffff80 1px solid;
}

/*
.navitem a,
.navsubitem a { border-bottom: 1px solid #444; border-top: 1px solid #aaa; }
*/

.navsub {
	font-size: 9pt;
	font-weight: bold;
	line-height: 150px;
	display: block;
	z-index: 9999;
}

.blue a { font-weight: normal; }

.height150 {
	line-height: 150%;
}

.vis0 {	background: #e0e0e0; }
.vis1 {	background: #d8d8d8; }
.vis2 {	background: #d0d0d0; }
.vis3 {	background: #c8c8c8; }
.vis4 {	background: #c0c0c0; }
.vis5 {	background: #b0b0b0; }
.vis6 {	background: #a0a0a0; }
.vis7 {	background: #a08080; }
.vis8 {	background: #d04040; }
.vis9	{	background: #ff0000; }

.table_menu_body {
	text-align: center;
	font-size: 8pt;
	font-weight: normal;
	vertical-align: middle;
	color: #000000;
	background: #eeeeee;
	border: solid 0;
}

table.table_transp {
	text-align: center;
	font-size: 9pt;
	line-height: 150%;
	font-weight: normal;
	white-space: nowrap;
	color: #000000;
	background: #ffffff;
}

table tr.table_transp_body td,
table tr td.table_transp_body {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	line-height: 100%;
	font-weight: normal;
	white-space: nowrap;
	color: #000000;
	background: #eeeeee;
}

.table_transp_body_big_light {
	font-size: 20px !important;
	font-weight: bold !important;
	background: #ffeecc !important;
}

.table_transp_body_big {
	font-size: 20px !important;
	font-weight: bold !important;
}
.table_transp_body_small {
	font-size: 9px !important;
	line-height: 100% !important;
	font-weight: normal !important;
	border: 0px !important;
	margin: auto;
}

.table_transp_body_light {
	text-align: center;
	vertical-align: middle;
	font-size: 9pt;
	line-height: 150%;
	font-weight: normal;
	white-space: nowrap;
	color: #000000;
	background: #ffeecc;
}

td.table_transp_body,
tr.table_transp_body td, 
.table_transp_body_big_light,
.table_transp_body_big,
.table_transp_body_light
 {
	border-bottom: 1px solid #bbb;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f0f0f0;
}
tr.table_transp_body td, td.table_transp_body { text-shadow: 1px 1px 2px #fff; font-size: 14px; }
table.table_transp tr td, table.table_transp tr td { padding: 5px; }
table.table_transp {
	border-spacing: 1px;
	border-collapse: separate;
}

tr.table_transp_body td.lb { border-left: 1px solid #bbb; }
 
.table_menu_caption {
	text-align: left;
	font-size: 9pt;
	font-weight: normal;
	line-height: 200%;
	color: #fff;
	vertical-align: middle;
	text-shadow: 1px 1px 1px #777;
	padding-left: 20px;
	border-bottom: 1px solid #333;
}
.table_menu_caption a { color: #fff; font-size: 9pt; }
td.table_menu_caption { padding: 0px 0px 0px 20px !important; }

.zone-inactive, .zone-active { padding-left: 10px; padding-right: 10px; }
.zone-inactive { color: #aaa; }
a.zone-inactive:hover { color: white; }
.zone-active { color: white; text-shadow: 1px 1px 1px #555; }

tr.h th, tr.h td, th.h, tr.hh th, tr.hh td, th.hh, tr.hhh th, tr.hhh td, th.hhh {
/*	text-shadow: 1px 1px 1px #555; */
    /* background-image: url('../../../hoc/img/w_grad.png'); */
	font-weight: normal;
	vertical-align: middle;
}
tr.h th, tr.h td, th.h, tr.hh th, tr.hh td, th.hh {
	padding: 1px 20px 1px 20px;
	line-height: 170%;
}
tr.hhh th, tr.hhh td, th.hhh {
	padding: 4px 2px 4px 2px;
	line-height: 90%;
	text-align: center;
}
tr.h th, tr.h td, th.h {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom: 1px solid white;
}
tr.h th a, tr.h td a, th.h a,
tr.hh th a, tr.hh td a, th.hh a,
tr.hhh th a, tr.hhh td a, th.hhh a {
	color: #ffe;
}

tr.hh th, tr.hh td, th.hh {
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

tr.h td, tr.h th, th.h, td.h,
tr.hh td, tr.hh th, th.hh, td.hh,
tr.hhh td, tr.hhh th, th.hhh, td.hhh
{
	font-family: Verdana;
	font-size: 12px;
}

#title { font-family: Verdana; font-size: 14px; color: #fff; width: 100%; height: 25px; line-height: 25px; }
#iconsset { margin-top: 5px; margin-bottom: 5px; width: 100%; }

table.send tr td, table.send tr th { white-space: nowrap; }
table.send tr td, table.send tr th.player { white-space: normal; }

table.wrap tr td, table.wrap tr th,
td.wrap, th.wrap
 { white-space: normal; }
tr.bold td, tr.bold th { font-weight: bold; }

table.send tr td sup, table.send tr td sub { font-size: 90% !important; }

input.fcst { text-align: center; }

tr.fcst_disabled td, td.fcst_disabled { color: gray; }

table.send_mono tr td, table.send_mono tr th { font-family: monospace, Courier; white-space: nowrap; text-align: center; font-size: 12px;}
table.send_mono tr td small, table.send_mono tr th small { font-size: 9px; padding: 1px 3px; line-height: 12px; }
table.send_mono tr td, table.send_mono tr th { padding: 1px 3px; }
table.send_mono tr th, table.send_mono tr.h td { font-family: Verdana; font-size: 10px; }

table#teams-face-to-face tr td { white-space: normal; }

span.penalty { color: white; background-color: red; }

table.simple tr td { padding: 5px; text-align: center; }
table.simple tr th { font-weight: bold; }

table.nopadding tr td, table.nopadding tr th,
tr.nopadding td, tr.nopadding th, td.nopadding, th.nopadding { padding: 0px !important; }
table.padding tr td, table.padding tr th,
tr.padding td, tr.padding th, td.padding, th.padding { padding: 0px 2px 0px 2px !important; }

table.noborder tr td, tr.noborder td, td.noborder { border: 0px; }
table.rb tr td, tr.rb td, th.rb, td.rb { border-right: 1px solid white !important; }
table.lb tr td, tr.lb td, th.lb, td.lb { border-left: 1px solid #eee !important; }

table tr td.nolb { border-left: 0px !important; }

.border_1_light { 
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}
.border_1_light tr.h th, .border_1_light tr.h td { border-bottom: 0px; } 
tr.white-on-blue th,
td.white-on-blue,
td.white-on-blue a { font-weight: normal; }

a.helplink { float: right; color: #eee; font-weight: normal; padding-right: 10px; }
a.helplink:hover { color: #fff; }

.help {
        border: solid 1px #634F36;
        background: #ffffe1;
        font-family: "Courier New", Courier, monospace; 
        padding: 7px;
        margin: 0px 0px 1em
}

.helptitle {
        border: 1px solid black;
        border-bottom: none;
        padding: 3px;
        display: inline;
        background: #EFECDF;
        font-weight: bold;
        font-size: 90%;
        margin: 0px;
        white-space: nowrap
}

.awards td { padding: 0px 1px 0px 1px; white-space: nowrap; font-size: 10px; } 

div.game_notes, div.game_notes li {
	font-size: 11px;
}

div.gamemain {
	position: relative;
	z-index: 100;
}

div.gamemenu {
	color: #ddd;
	font-size: 10px;
	padding: 8px 2px 3px 2px;
	float: right;
	background-color: #888;
	position: relative;
	z-index: 0;
	top: -8px;
	right: 5px;

	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	margin-bottom: 5px;
}
div.gamemenu a { padding: 0px 10px 0px 10px; color: #eee; /* text-transform: uppercase; */ }
div.gamemenu span { }
div.gamemenu a:hover { color: #fff; }

.ginfotable {
	white-space: nowrap;
	line-height: 150%;
	vertical-align: middle;
	border-spacing: 1px;
	border-collapse: separate;
}

table.ginfotable tr.row6 td,
table.ginfotable tr td.row6 {
	background: white;
	border-top: 0px;
	border-right: 0px;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding: 2px 4px 2px 4px ;
}
table.ginfotable tr.row6 td.rb {
	border-right: 1px solid #eee !important;
}

table.ginfotable td.period { padding-left: 15px; font-weight: bold; }

table.ginfotable tr.narrow td { line-height: 12px; height: 12px; }
table.ginfotable a { color: inherit; } 
table.ginfotable a:hover { color: #00f; } 

table tr th.teamname,
table tr td.teamname {
	background-color: #eee;
	line-height: 20px;
	padding-left: 20px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #777;
	margin-bottom: 2px;
	height: 20px;
	font-weight: bold;
	color: #444;
	text-shadow: 1px 1px 0px #fff;
	text-transform: uppercase;
	text-align: center;
}

td.outc {
	font-size: 10px;
	font-color: #444;
}

.ginfoperiod {
	background: white;
	text-align: left;
	white-space: nowrap;
}

.news {
	border-collapse: collapse;
	margin: 10px;
	padding: 0px;
	background-color: #D9EDEA;
	background-repeat: no-repeat;
	width: 100%;
	white-space: normal;
}
table.news { margin: 0px 0px 0px 0px; }
.newsborder { padding: 10px 10px 0px 10px; }
.newscomments { padding: 3px 0px 12px 10px; text-align: right; font-size: 9px; color: #D9EDEA; line-height: 12px; }
.newscomments a { color: #777; display: inline-block; padding: 2px 4px 2px 4px ; min-width: 20px; text-align: center; }
.newscomments a.like_selected,
.newscomments a:hover {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #000; background-color: #eee;
}
.newscomments a.like_disabled:hover { background-color: #fff; }
.news p,
.news { font-size: 12px; font-family: verdana, arial, helvetica; background-size: 100% auto; background-repeat: no-repeat; background-position: top;}

.newshead {
	padding-left: 10px;
	background-color: white;
	text-align: left;
	height: 24px;
	width: 100%;
	color: white;
	font-weight: normal;
	text-shadow: 1px 1px 1px #555;
	vertical-align: middle;
    background-size: 100% 100%;
	background-repeat: no-repeat;
    background-position: center;
	font-size: 12px;
}

.news a { color: #0000FF; }
.news img { max-width: 550px; height: auto !important; }

.newshead strong { font-weight: normal; text-shadow: 0px 0px 0px #000; color: #ccc; line-height: 2.0em; font-size: 9px; float: right; vertical-align: middle; padding-right: 15px; }

p.news {
   	padding: 0px;
	margin: 0px;
}	

.newsh {
	padding: 2;
	font-weight: bold;
}

.news table {
	border-color: gray;
	border-collapse: collapse;
}

.news table td {
	padding: 1px 5px 1px 5px;
	border-color: #ccc;
	border-style: dashed;
	border-width: 1px;
}

table.mininews td {
	padding-bottom: 10px;
}

.warning {
	background: red;
	color: white;
	font-weight: bold;
}

table.row1 tr td, table.row2 tr td, table.row3 tr td, table.row4 tr td,
.row1, .row2, .row3, .row4,
tr.row1 td, tr.row2 td, tr.row3 td, tr.row4 td,
td.row1, td.row2, td.row3, td.row4
 {
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	font-size: 11px;
	line-height: 15px;
	vertical-align: middle;
	white-space: nowrap;
	text-align: center;
	padding: 3px 1px 3px 1px;
}

tr.row5 td, td.row5 { background: #ddd; border-top: 1px solid #444; color: #777; }

tr.row6 td, td.row6 { background: white; border: 1px solid #eee; padding: 2px 4px 2px 4px ; }

/*
.row1 { background: #BFDBD8; }
.row2 { background: #D9EDEA; }
.row3 { background: #A0D0B8; }
.row4 { background: #C0E0C8; }
*/
.row2 { background: #e0e0e0; }
.row1 { background: #f0f0f0; }
.row3 { background: #A0D0B8; }
.row4 { background: #C0E0C8; }

.row2 div, .row1 div, .row3 div, .row4 div { display: default; }

.row_inner {
	border-top: solid 1px #777;
	border-bottom: solid 0px #eee;
	background-color: #999;
	text-align: left;
}	

.shad { text-shadow: 1px 1px 1px #fff; box-shadow: 0px 0px 0px #555; border: 0px solid #eee; }

table.login-form { box-shadow: 0px 0px 4px #555; margin: auto; }

table.login-form div { padding: 1px; margin: 5px; }

/* New login form */

#login-container {
    width: 60%;
    max-width: 250px;
    margin: auto;
    height: 100vh;
    vertical-align: middle;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

#login-container div {
    width: 100%;
    display: block;
}

#login-container h2,
#login-container input {
    font-size: 14px;
    padding: 10px;
}

#login-container input {
    width: 100%;
    margin: 10px 0;
    border: 1px solid #ddd;
    border-radius: 5px;
}

#login-container .btn {
    width: 100%;
    padding: 10px;
    border: none;
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 10px;
}

#login-container .btn:hover {
    background-color: #0056b3;
}

#login-container .links {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}

#login-container .links a {
}

#login-container .links a:hover {
    text-decoration: underline;
}

.rowshadowwhite {
	background: #ff6060;
	white-space: normal;
	font-family: Tahoma;
	color: #ffffff;
}
.rowshadowwhite img { padding: 0px 10px; vertical-align: middle; }

.rowshadow	{
	background: #ff6060;
	white-space: nowrap;
	font-family: Tahoma;
}

.row2wrap	{
	background: #D9EDEA;
	font-size: 11;
	font-family: Tahoma;
}
tr.rss td, .rss {
	font-size: 10px;
	line-height: 100%;
	vertical-align: top;
}
.rss strong {
	background-color: #039; color: white; padding: 0px 3px 0px 3px; margin-right: 5px;
	font-weight: normal;
	font-size: 10px;
}
div.rss { margin-bottom: 10px; }
.rssbig {
	font-size: 11px;
	line-height: 100%;
	color: #777;
}

.news-rss { font-size: 14px; padding: 5px 0px 5px 0px; white-space: nowrap; }
.news-mlhp { font-size: 13px; padding: 5px 0px 5px 0px; }
table.mininews td.news-mlhp { padding-bottom: 5px; }
table.mininews td.news-rss { padding-bottom: 6px; }
table.mininews td.news-point {
    background-image: url('/img/point.gif');
    padding-top: 2px;
    background-repeat: no-repeat;
    width: 10px;
    min-width: 10px;
    max-width: 10px;
}

table.details { margin-top: 5px; }
table.details tr td {
	font-size: 10px;
	padding: 2px;
}

.rus {
	color: white;
	background-color: blue;
	font-weight: bold;
	font-size: 70%;
	padding: 1px 3px 2px 3px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #004;
	border-bottom: 1px solid #004;
	margin-left: 5px;
}

.blr {
	color: white;
	background-color: green;
	font-weight: bold;
	font-size: 70%;
	padding: 1px 3px 2px 3px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #040;
	border-bottom: 1px solid #040;
	margin-left: 5px;
}

.na {
	color: white;
	background-color: gray;
	font-weight: bold;
	font-size: 70%;
	padding: 1px 3px 2px 3px;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	margin-left: 5px;
}

.font-white {
	color: white;
}

table.font10 td, table.font10 th, .font10 , .font10 a { font-size: 10; font-weight: normal; }

table.jsvote tr td { padding: 5px 0px 5px 0px; }

.jsvote-q {
	color: white;
	font-size: 9px;
	line-height: 10px;
	font-weight: normal;
	margin: 0px;
	margin-left: 0px;
}

a.jsvote-q {
	font-size: 9px;
	color: #d9d9d9;
}

a.jsvote-q:HOVER {
	color: white;
}

.paddr {
	padding-right: 5px;
}

.whiteline {
/*	height: 1px;
	background-color: #ffffff80;
*/
}

div.whiteline, td.whiteline {
    height: 10px;
    position: relative;
}


div.whiteline::after, td.whiteline::after, .bottom-line::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(to right, #ffffff00 0%, #ffffffc0 10%, #ffffffc0 90%, #ffffff00 100%);
}

table.tright tr td {
	text-align: right;
}

.bottom-line {
/*	BORDER-BOTTOM: #ffffff80 1px solid; */
    position: relative;
}

.fontbig {
	font-size: 16;
	font-weight: bold;
}

.visible {
	display: block;
}

.hidden {
	display: none;
}

.expander {
        display: none;
}

div.procedure {
        display: none;
}

tr.grad td, td.grad {
	background-image: url("../../../img/grad2.gif");
	background-repeat: repeat-x;
	border-bottom: 1px solid #aaa;
	color: #444;
}

tr.grad td.lb, tr.grad th.lb { border-left: 1px solid #ddd !important; }

.border_1_light {
	background: #eee;
	font-family: Tahoma, sans-serif;
	font-size: 10pt;
	border-collapse: separate;
}

td.grad a {
	color: #333;
	text-decoration: none;
	font-family: Tahoma;
	font-size: 10px;
	font-weight: bold;
}

td.grad a:hover {
	color: #444;
	text-decoration: underline;
}

.grad-header {
	background-image:url('../../img/grad.png');
	background-repeat: repeat-x;
	background-position: left top;
	line-height: 25px;
	height: 25px;
	overflow: visible;
	font-weight: bold;
/*	padding-left: 57px; */
}

.grad-header a:link, .grad-header a:visited, .grad-header a:hover {color:#fff;}

.wtm1 {
	position:absolute;
	top:60px;
	left:90px;
	width:100px;
	height:100px;
	opacity: 0.05; 	-moz-opacity: 0.05; filter: alpha(opacity=5);
	z-index: 10;
	text-align: center;
	vertical-align: middle;
}

.wtm2 {
	position:absolute;
	top:60px;
	right:90px;
	width:100px;
	height:100px;
	opacity: 0.05; 	-moz-opacity: 0.05; filter: alpha(opacity=5);
	z-index: 10;
	text-align: center;
	vertical-align: middle;
}


.team-img {
	display: block;
	width: 50px;
	height: 23px;
	background-position: 0px -10px;
	background-repeat: no-repeat;
	background-color: white;
	border: 1px solid #eee;
	padding: 0;
	margin: 0;
}

tr.h1 td,
tr td.h1 {
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #b0b0b0;
	font-size: 10px;
	font-weight: normal;
	padding: 2px;
	background-color: #d0d0d0;
	color: #555;
	vertical-align: middle;
}
tr.h1 td.lb { border-left: 1px solid #ccc !important; }

.send tr td.selected, .send tr.h1 td.selected, tr.selected td { background-color: #A0D0B8; }
.send tr td input, .send-penalties tr td input { min-width: 24px; text-align: center; }


table.center tr td, table.center tr th, tr.center td, tr.center th, th.center, td.center, div.center, span.center
{ text-align: center !important; }
table.center tr.left td, table.center tr td.left,
table.left tr td, table.left tr th, tr.left td, th.left, td.left, div.left
{ text-align: left !important; }
table.right tr td, table.right tr th, tr.right td, th.right, td.right, div.right
{ text-align: right !important; }
table.middle tr td, table.middle tr th, tr.middle td, th.middle, td.middle, div.middle
{ vertical-align: middle !important; }
table.top tr td, table.top tr th, tr.top td, th.top, td.top, div.top
{ vertical-align: top !important; }

tr.td1 td, tr.td2 td, tr.td3 td, tr.td4 td, tr.td5 td,
.td1, .td2, .td3, .td4, .td5
{
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	border-bottom: 1px solid #e0e0e0;
	font-weight: normal;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #f0f0f0;
	white-space: nowrap;
}

.td1, .td2 {
	color: #999;
}

.td2 {
	border-left: 1px dotted #c0c0c0;
	font-size: 10px;
	padding-left: 10px;
}

.td3 {
	font-size: 10px;
	font-weight: normal;
	color: #808080;
	text-align: center;
}

.td4 {
	color: #808080;
	text-align: center;
}

tr.td5 td, .td5 { color: black; font-size: 10px; }

.f10 {
	font-size: 10px;
}

.bb {
	border-bottom: 1px solid #eee;
}

.page_menu_bg {
	background-image:url('../../../img/v36_gray.png');
	color: #000;
	border-top: 1px solid #999;
	border-bottom: 1px solid #888;
	height: 30px;
	vertical-align: middle;
	position: relative;
}

.page_menu_bg div.extern {
	display: block;
	color: #000;
	position: relative;
	float: left;
	cursor: hand;
	cursor: pointer;
}
.page_menu_bg div.inner {
	position: absolute;
	display: none;
	top: 30px;
	left: 0px;
	background: #fff;
	box-shadow: 1px 1px 20px #333;
	border: 1px solid #555;
	padding: 5px; 
	padding-top: 0px;
	z-index: 999;
}
.page_menu_bg div.inner h1 {
	background-image: url("../../../img/grad2.gif");
	background-repeat: repeat-x;
	border-bottom: 1px solid #888;
	border-bottom: 1px solid #aaa;
	color: #000;
	text-shadow: 1px 1px 1px #fff;
	text-transform: uppercase;
	line-height: 12px;
	font-size: 10px;
	margin: 5px 0px 5px 0px;
	padding: 4px;
}
.page_menu_bg div.inner a,
.page_menu_bg div.inner a:visited
 {
	border-bottom: 1px solid #eee;
	line-height: 16px;
	font-size: 12px;
	text-transform: uppercase;
	display: block;
	padding: 1px 5px 1px 5px;
	white-space: nowrap;
	color: #009;
}
.page_menu_bg div.inner a:hover { color: white; background-color: #039; }
.page_menu_bg div.inner a.small {
	font-size: 10px;
	padding-left: 20px;
}
.page_menu_bg div.inner a.selected {
	background-color: #039; color: white;
}

.page_menu {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
	line-height: 24px;
	margin-top: 4px;
	padding-left: 18px;
	padding-right: 1px;
	margin-left: 8px;
	background-repeat: no-repeat;
	height: 24px;
	float: left;
	background-image:url('../../../hoc/img/down_arrows.png');
	text-shadow: 1px 1px 1px #eee;
	border-left: 1px solid #ddd;
	background-position: -2px -1px;
	color: #000;
}
.left { margin-left: 0px; border-left: 0px; padding-right: 0px; }
.right,
.page_menu_bg div.right { float: right; margin-right: 10px; padding-right: 0px; border-right: 0px; }
a.page_menu:hover { color: #006; text-shadow: 1px 1px 3px #eee; }

a.page_menu2,
a.page_menu2_sel,
.page_menu2_comment
{
	margin: 2px 2px 8px 0px; padding: 4px 10px 4px 10px;
	display: block;
	font-size: 12px;
	line-height: 12px;
}
a.page_menu2,
a.page_menu2_sel {
	float: left; color: #00F;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	width: 20%;
	text-align: center;
    white-space: nowrap;
}
a.page_menu2 {
	color: #fff;
}
a.page_menu2_sel {
	background-color: #ffffff;
}
a.page_menu2_sel:hover { background-color: #ffffff; }
.page_menu2_comment { color: #777; font-size: 10px; float: right; }

/* icons */
.icons_lang_disabled, .icons_lang_enabled, .icons { padding-right: 5px; border: 0px; }
.icons_lang_disabled, .icons {
/* filter: url('../../../img/icons/grayscale.svg#grayscale'); */
	filter: gray;
	-webkit-filter: grayscale(1);
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(opacity=50);
}
.icons_lang_disabled:hover, .icons_lang_enabled, .icons:hover { 
	filter: none;
	-webkit-filter: none;
	opacity: 1;
	-moz-opacity: 1;
	-khtml-opacity: 1;
	filter: alpha(opacity=100);
}
.img10 { height: 14px; }

.icons { padding-left: 0px; }
.icons img {
	background-image: url(../../../hoc/img/page_icons.png);
	height: 14px;
	width: 14px;
	background-repeat: no-repeat;
	border: 0px;
}
.icon_refresh img { background-position: 1px 0px; } 
.icon_print img { background-position: -13px 0px; } 
.icon_about img { background-position: -28px 0px; } 

img.main_wait { display: block; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); }

.send_time { color: green; font-weight: bold; }

div.game_fcsts {
	float: right;
	position: relative;
}
div.game_fcsts img {
	position: absolute;
	top: -8px;
	left: -45px;
	background-color: white;
	box-shadow: 0px 0px 3px #777;
	border-bottom: 1px solid #AAA;
	border-right: 1px solid #AAA;
	padding: 5px;
	width: 25px;
	height: 25px;
}
div#ajax_debug {
	color: #fff;
	background: #000;
	border: 1px solid #ccc;
	box-shadow: 2px 2px 10px #000;
	padding: 1px 5px 1px 5px;
	position: absolute;
	top: 0px;
	left: 0px;
}

table.left-pane tr td {
	font-size: 10px;
	text-shadow: 0px 0px 0px;
	font-weight: normal;
	text-align: center;
	color: #d9edea;
}

table.msgx-main {
	text-align: left;
	width: 100%;
	padding: 1px;
}

table.msgx-main tr td { height: 16px; line-height: 16px; }
table.msgx-main tr td a { display: block; float: left; }
table.msgx-main tr td a.score,
table.msgx-main tr td a.date {
	display: block;
	font-size: 8px;
	background-color: #eee;
	line-height: 12px;
	padding: 1px 3px 1px 3px;
	margin-right: 5px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	color: #444;
	min-width: 64px;
	text-align: center;
}
table.msgx-main tr td .hteam, table.msgx-main tr td .gteam { font-size: 10px; padding: 0px 5px 0px 5px; }
table.msgx-main tr td .hteam { text-align: right; min-width: 55px; }
table.msgx-main tr td .gteam { text-align: left; min-width: 55px; }
table.msgx-main tr td .hteam img { float: left; }
table.msgx-main tr td .gteam img { float: right; }
table.msgx-main tr td a.score { min-width: 55px; font-weight: bold; display: block; }
table.msgx-main img { height: 16px; margin: 1px; }

table.msg {
	width: 95%;
	border: 1px solid #777;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	box-shadow: 0px 0px 3px #777;
	border-collapse: separate;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
table.msg tr { vertical-align: top; }
table.msg tr td { padding: 10px; text-align: left; }
table.msg_info { background: #ffffe1; }
table.msg_warn { background: #ffffff; }
table.msg_ok { background: #e1ffe1; }
table.msg_error { background: #ffe1e1; }
table.msg_fail { background: #ffe1e1; }

table.msgform tbody tr td { padding-bottom: 10px; }
table.msgform input { margin-top: 5px; }
table.msgform select { margin-bottom: 1px; }

tr.h1 .small, tr td.h1 .small, .small, .small a, .small ol, .small li { font-size: 9px; }

.team_logo_small { width: 20px; height: 20px; border: 0px; margin: 0px; position: absolute; left: 0px; top: -2px; }

.button {
	border: 1px solid #aaa;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #eee;
	box-shadow: 0px 0px 3px #777;
	text-shadow: 1px 1px #fff;
	padding: 5px 20px 5px 20px;
	color: #003;
	min-width: 150px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
}
.button:hover {
	background-color: #fff;
	color: #008;
}

table.game_prg {
	border-collapse: separate;
	border-spacing: 1px;
}
.game_prg tr td {
	font-size: 12px;
	line-height: 12px;
	height: 23px; text-align: center; padding: 2px 2px 2px 2px; white-space: normal; vertical-align: middle; }
.game_prg tr td.date { white-space: nowrap; font-size: 9px; }
.game_prg tr.thin td { height: 0px; padding: 1px 0px 1px 0px; margin: 0px; }
.game_prg tr.exclude td, tr.exclude td { text-decoration: line-through; color: gray; font-size: 11px; }
.game_prg tr td.info { background-color: #fff; font-size: 11px; }
.game_prg tr td.info_big { background-color: #fff; font-size: 12px; }
.game_prg tr td.chance,
.game_prg tr td.lost_chance,
.game_prg tr td.virt_chance { font-size: 13px; max-width: 60px; width: 54px; min-width: 45px; }
.game_prg tr td.lost_chance { color: gray; text-decoration: line-through; }
.game_prg tr td.virt_chance { color: gray; }
.game_prg tr td.chance sub,
.game_prg tr td.lost_chance sub,
.game_prg tr td.virt_chance sub { font-size: 9px; padding-left: 3px; font-weight: normal; }
.game_prg tr td.virt_change sub { color: gray; }
.game_prg tr td.noscore,
.game_prg tr td.score { font-size: 12px; font-family: helvetica; text-shadow: 1px 1px 1px #fff;  }
.game_prg tr td.score { background-color: #eee; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

/*
 * Flash message icons
 */

.flash-msg-symbol {
    font-size: 0.9em;
    font-family: Times New Roman;
    border-radius: 1em;
    padding: .1em .6em .1em .6em;
    font-weight: bolder;
    color: white;
    background-color: #4E5A56;
}

.icon-info { background-color: #3229CF; }
.icon-error { background: #e64943; font-family: Consolas; }
.icon-tick { background: #13c823; }
.icon-excl { background: #ffd54b; color: black; }

.icon-info:before { content: 'i'; }
.icon-error:before { content: 'x'; }
.icon-tick:before { content: '\002713'; }
.icon-excl:before { content: '!'; }

.flash-msg {
    background-color:#e3f7fc; 
    color:#555; 
    border:.1em solid;
    border-color: #8ed9f6;
    border-radius:10px;
    font-family:Tahoma,Geneva,Arial,sans-serif;
    font-size:1.1em;
    padding:10px 10px 10px 10px;
    margin:10px;
    cursor: default;
}

.flash-msg-yellow { background: #fff8c4; border-color: #f7deae; }
.flash-msg-red { background: #ffecec; border-color: #fad9d7; }
.flash-msg-green { background: #e9ffd9; border-color: #D1FAB6; }

/*
 * Speech bubbles
 */
.bubble {
	position: relative;
	display: block;
	width: 20px;
	height: 12px;
	padding: 0px;
	background: #DDDDDD;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 9px;
	line-height: 12px;
	vertical-align: center;	
	margin: auto;
	text-align: center;
}

.bubble:after {
	content: "";
	position: absolute;
	bottom: -5px;
	left: 4px;
	border-style: solid;
	border-width: 6px 3px 0;
	border-color: #DDDDDD transparent;
	display: block;
	width: 0;
	z-index: 1;
}

.row1 .bubble { background: #ddd; }
.row1 .bubble:after { border-color: #ddd transparent; }
.row2 .bubble { background: #ccc; }
.row2 .bubble:after { border-color: #ccc transparent; }

.paddr .bubble,
#scoreboard .bubble,
.left-pane .bubble_new {
	width: 14px;
	height: 8px;
	line-height: 8px;
	font-size: 7px;
	text-align: center;
	vertical-align: middle;

	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.paddr .bubble,
#scoreboard .bubble {
	background: #d9edea;
	color: #777;
}

.paddr .bubble:after,
#scoreboard .bubble:after,
.left-pane .bubble_new:after
{
	border-color: #d9edea transparent;
	left: 3px;
	border-width: 2px 1px 0;
	bottom: -2px;
}

.bubble_new {
	background-color: #f00; color: white; margin-left: 5px;
	background-image: -webkit-linear-gradient(top, #f00, #c00);
    background-image: -moz-linear-gradient(top, #f00, #c00);
    background-image: -o-linear-gradient(top, #f00, #c00);
    background-image: linear-gradient(to bottom, #f00, #c00);
} 
.bubble_new:after { border-color: #c00 transparent; }

.left-pane .bubble_new {
	width: 17px;  
	height: 11px;
	font-size: 9px;
	line-height: 10px;
	color: white;
	display: block;
	border: 1px solid #ccc;
	bottom: -2px;
}
.left-pane .bubble_new:after { border-color: #eee transparent; bottom: -3px; }

#myGallery {
	width: 800px !important;
	height: 600px !important;
}
.page_nr { padding: 0px 5px 0px 5px; background-color: #eee; margin: 0px 5px 0px 5px; border: 1px solid black; }
.page_nr_sel { background-color: #333; color: #eee; }

@media only screen and (max-width : 1280px) {

	div.bg-awards { display: none; }

}

/* @media only screen and (max-width : 1024px) { */
@media only screen and (max-width : 10px) {
/*
 * mmenu (mobile menu)
 */

	#page { position: relative; z-index: 100000; }
	#body1 #menu { text-align: left; }
	#page .header {
		text-align: left;
		font-size: 12px;
		color: #ccc;
		line-height: 20px;
		box-shadow: 2px 0px 5px #333; 
		border-bottom: 1px solid #ccc;
		padding: 2px 0px 2px 10px;
		margin-bottom: -2px;
		min-width: 540px;
		vertical-align: middle;
	}
	#page .header a { color: #ccc; font-size: 20px; }
	#page .header span { line-height: 20px; padding-left: 10px; }
	#page .header a:hover { color: white; }

/*
 * Desktop-view pages
 */
	.page-left-panel, .page-right-panel { display: none; }
	#body1, #page1, #page2 { box-shadow: none; background: white; }
	#page1, #page2 { width: 100%; }
	#page2 table { margin: auto; }

/*
 * mmenu classes
 */

	.mm-menu.mm-shadow-page::after, .mm-menu.mm-shadow-panels .mm-panel.mm-opened:nth-child(n+2) {
		box-shadow: -2px 0 2px rgba(0,0,0,.3) !important;
	}
	#menu { background-color: #eee !important; }
}

/* @media only screen and (min-width : 1023px) { */
@media only screen and (min-width : 10px) {
	#page { display: none; }
	.page-left-panel, .page-right-panel {
		border: medium none;
		vertical-align: top;
		width: 170px;
		min-height: 952px;
	}
	.page-left-panel {
		padding: 1px 3px 3px 3px;
	}
	.page-right-panel {
		padding: 1px 4px 3px 0px;
	}
}

.stars_1 { font-family: 'stars'; color: #e1b61f !important; }
.stars_2 { font-family: 'stars'; color: #b0b0b0 !important; }

div.banner { width: 100%; padding: 5px; }

/* Personal stats */
div.psshow { display: block; }
div.pshide { display: none; }
div.psshow td.nick,
div.pshide td.nick {
    display: block;
    text-overflow: ellipsis;
    max-width: 80px;
    min-width: 80px;
    width: 80px;
    overflow: hidden;
    text-align: left;
    white-space: nowrap;
}

table.calendar td i.game-side, table.calendar td span.game-side { color: #777; font-size: 1.3em; width: 1.0em; }
table.calendar td { padding: 3px 5px; white-space: nowrap; }