#forkongithub a
{
	/*background-color: #84B317; background-image: -webkit-gradient(linear, left top, left bottom, from(#84B317), to(#008500));
	background-image: -webkit-linear-gradient(top, #84B317, #008500);
 	background-image: -moz-linear-gradient(top, #84B317, #008500);
 	background-image: -ms-linear-gradient(top, #84B317, #008500);
 	background-image: -o-linear-gradient(top, #84B317, #008500);
 	background-image: linear-gradient(to bottom, #84B317, #008500);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#84B317, endColorstr=#008500);*/
 background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
 background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
 background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
 background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
 background-image: -o-linear-gradient(top, #d3d3d3, #707070);
 background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);

	// background:#84B317;
	color:#fff;
	text-decoration:none;
	font-family:arial,Century Gothic, Arial, Courier New, Sans-Serif;
	text-align:center;
	font-weight:bold;padding:1px 30px;
	font-size:1rem;
	line-height:2rem;
	position:relative;
	transition:0.5s;
}
#forkongithub a:hover
{
 background-color: #F7F714; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F714), to(#ED9716));
 background-image: -webkit-linear-gradient(top, #F7F714, #ED9716);
 background-image: -moz-linear-gradient(top, #F7F714, #ED9716);
 background-image: -ms-linear-gradient(top, #F7F714, #ED9716);
 background-image: -o-linear-gradient(top, #F7F714, #ED9716);
 background-image: linear-gradient(to bottom, #F7F714, #ED9716);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F714, endColorstr=#ED9716);
	color:#fff;
}
#forkongithub a::before,#forkongithub a::after
{
	content:"";
	width:100%;
	display:block;
	position:absolute;
	top:1px;
	left:0;
	height:1px;
	background:#fff;
}
#forkongithub a::after
{
	bottom:1px;
	top:auto;
}
@media screen and (min-width:800px)
{
	#forkongithub
	{
		position:fixed;
		display:block;
		top:0;
		right:0;
		width:200px;
		overflow:hidden;
		height:200px;
		z-index:-1;
	}
	#forkongithub a
	{
		width:200px;
		position:absolute;
		top:60px;
		right:-60px;
		transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		box-shadow:4px 4px 10px rgba(0,0,0,0.8);
	}
}

tr.today {
    cursor:pointer;
    display: table-row;
}
tr.day {
    display: none;
}
.ui-dialog-title {
    display:none;
}

.ui-dialog-titlebar {
    background:transparent;
    border:none;
}

.ui-dialog .ui-dialog-titlebar-close {
    right:0;
}

@font-face {
font-family: "Century Gothic";
}
 
@font-face {
font-family: "Century Gothic";
font-weight: bold;	

}
fh6{
	font-family: "Century Gothic";
        font-size: 20px;
	font-weight: bold;
        font-weight: normal;
	color:#828BFF;
        margin:3px;
}
fh3{
        font-family: "Century Gothic";
        font-size: 16px;
        font-weight: bold;
        font-weight: normal;
        color:#33891E;
        margin:0px;
}

#background {
    width: 100%; 
    height: 100%; 
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: -1; /* Ensure div tag stays behind content; -999 might work, too. */
}

.stretch {
    width:100%;
    height:100%;
}




h2 { 
        font-size: 20px;
}
h5 {
        font-family: Century Gothic, Arial, Courier New, Sans-Serif; 
        font-size: 13px;
        font-weight: normal;
        margin:3px;
}
points{
        font-family: Century Gothic, Arial, Courier New, Sans-Serif; 
        font-size: 13px;
        font-weight: normal;
        margin:3px;
}

.lada
{
    background:#fefefe;
    border: 1px solid #c3c3c3;
        border-top:1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    color:#444;
    font:normal 12px/14px Arial, Helvetica, Sans-serif;
    margin:0 auto 12px;
        overflow:hidden;
}

.box
{
    background:#fefefe;
    border: 1px solid #c3c3c3;
	border-top:1px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    -webkit-box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    box-shadow:rgba(0,0,0,0.15) 0 0 1px;
    color:#444;
    font:normal 12px/14px Arial, Helvetica, Sans-serif;
    margin:0 auto 12px;
	overflow:hidden;
}
.box.login
{
    width:360px;
/*	position:absolute;
	left:50%;
	top:45%;
	margin:-130px 0 0 -166px;*/
	z-index: 1;
}
.box.register
{
    width:332px;
       
        left:50%;
        top:35%;
       
}
.box.menu
{
    width:332px;
        position:absolute;
        left:50%;
        top:35%;
        margin:-100px 0 0 -166px;
}
.box.fifa
{
    width:290px;
        position:absolute;
        left:2%;
        top:2%;
        margin:0px 0 0 0px;
}

.lada.wc
{
   width:85%;
        left:10%;
        top:20%;
        margin: 10px 0 px 60px;
}
.lada.result
{
   width:725px;
        left:10%;
        top:20%;
        margin: 10px 0 px 60px;
}
.lada.score
{
   width:325px;
        left:10%;
        top:20%;
        margin: 10px 0 px 60px;
}
.lada.predict
{
        left:10%;
        top:20%;
        margin: 10px 0 px 10px;
}


.boxBody
{
    background:#fefefe;
    border-top:1px solid #dde0e8;
    border-bottom:1px solid #dde0e8;
	border-left:1px solid #dde0e8;
	border-right:1px solid #dde0e8;
    padding:10px 20px;
	margin-left:-1px;
	margin-right:-1px;
}
.menuBody
{
    background:#fefefe;
    border-top:1px solid #dde0e8;
    border-bottom:1px solid #dde0e8;
    padding:10px 20px;
}
.box header
{
    background:#f7f7f7;
    border-top:1px solid #fff;
    padding:0px 0px;
    width: 100%;
    overflow:hidden;
        height:32px;
}


.box footer
{
    background:#f7f7f7;
    border-top:1px solid #fff;
    padding:22px 26px;
    overflow:hidden;
	height:32px;
}
.box label
{
    display:block;
    font:12px Arial, Helvetica, Sans-serif;
    margin:10px 0 0 6px;
}
.box footer label{
	float:left;
	margin:4px 0 0;
}
.box footer input[type=checkbox]{
	vertical-align:sub;
	vertical-align:middle;
	margin-right:10px;
}
.box input[type=text],
.box input[type=password],
.txtField,
.cjComboBox
{
    border:6px solid #fff;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.06) inset, 0 0 1px #95a2a7 inset;
    margin:3px 0 4px;
    padding:8px 14px;
    width:250px;
    display:block;
    text-align: left;
}
.box input[type=text]:focus,
.box input[type=password]:focus,
.txtField:focus,
.cjComboBox:focus
{
    border:6px solid #f1f1f1;
    -moz-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #828BFF inset;
    -webkit-box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #828BFF inset;
    box-shadow:2px 3px 3px rgba(0, 0, 0, 0.04) inset, 0 0 1px #828BFF inset;
	color:#333;
}
.cjComboBox
{
    width:294px;
}
.cjComboBox.small
{
    padding:3px 2px 3px 6px;
    width:100px;
    border-width:3px !important;
}
.txtField.small
{
    padding:3px 6px;
    width:200px;
    border-width:3px !important;
}

.rLink{padding:0 6px 0 0; font-size:11px; float:right;}
.box a{color:#999;}
.box a:hover, .box a:focus{text-decoration:underline;}
.box a:active{color:#f84747;}

.btnLogin
{
    width:80px;
 /* border:1px solid #5f8111; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
color: #FFFFFF;
background-color: #84B317; background-image: -webkit-gradient(linear, left top, left bottom, from(#84B317), to(#008500));
 background-image: -webkit-linear-gradient(top, #84B317, #008500);
 background-image: -moz-linear-gradient(top, #84B317, #008500);
 background-image: -ms-linear-gradient(top, #84B317, #008500);
 background-image: -o-linear-gradient(top, #84B317, #008500);
 background-image: linear-gradient(to bottom, #84B317, #008500);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#84B317, endColorstr=#008500);*/
border:1px solid #CCCCCC;-webkit-box-shadow: #FEFFFF 0px 1px 1px ;-moz-box-shadow: #FEFFFF 0px 1px 1px ; box-shadow: #FEFFFF 0px 1px 1px ; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:14px;padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: 0px 1px 0 rgba(255,255,255,1);font-weight:bold; color: #4A4A4A;
 background-color: #f4f5f5; background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f5f5), to(#dfdddd));
 background-image: -webkit-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -moz-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -ms-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: -o-linear-gradient(top, #f4f5f5, #dfdddd);
 background-image: linear-gradient(to bottom, #f4f5f5, #dfdddd);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#f4f5f5, endColorstr=#dfdddd);
 margin-left:12px;
 float:right;
 padding:7px;
 font-family: "Century Gothic";
 font-size:14px
}
.btnMenu
{
width:100%;
border:1px solid #5f8111; 
-webkit-border-radius: 15px; 
-moz-border-radius: 15px;
border-radius: 15px;
font-size:12px;font-family:"Century Gothic", helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
color: #FFFFFF;
 background-color: #84B317; background-image: -webkit-gradient(linear, left top, left bottom, from(#84B317), to(#008500));
 background-image: -webkit-linear-gradient(top, #84B317, #008500);
 background-image: -moz-linear-gradient(top, #84B317, #008500);
 background-image: -ms-linear-gradient(top, #84B317, #008500);
 background-image: -o-linear-gradient(top, #84B317, #008500);
 background-image: linear-gradient(to bottom, #84B317, #008500);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#84B317, endColorstr=#008500);
 margin-left:12px;
 margin-top: 20px;
 float:right;
 text-align:center;
 padding:7px 28px;
 font-family: "Century Gothic";
 font-: bold;
 font-size: 14px ;
}
.btnWc
{
    width:180px;
  border:1px solid #5f8111; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;
font-size:12px;
font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; 
text-decoration:none; 
display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
color: #FFFFFF;
 background-color: #84B317; background-image: -webkit-gradient(linear, left top, left bottom, from(#84B317), to(#008500));
 background-image: -webkit-linear-gradient(top, #84B317, #008500);
 background-image: -moz-linear-gradient(top, #84B317, #008500);
 background-image: -ms-linear-gradient(top, #84B317, #008500);
 background-image: -o-linear-gradient(top, #84B317, #008500);
 background-image: linear-gradient(to bottom, #84B317, #008500);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#84B317, endColorstr=#008500);
 margin-left:12px;
 margin-top: 20px;
 text-align:center;
 padding:7px 28px;
 font-family: "Century Gothic";
 font-size: 14px ;
 }

.btnWc:hover,
.btnMenu:hover,
.btnLogin:hover,
.btnLogin:focus,
.btnLogin:active{
/*border:1px solid #cccc07;-webkit-box-shadow: #B4B5B5 1px 1px 1px  ;-moz-box-shadow: #B4B5B5 1px 1px 1px ; box-shadow: #B4B5B5 1px 1px 1px  ; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
color: #FFFFFF;
 background-color: #F7F714; background-image: -webkit-gradient(linear, left top, left bottom, from(#F7F714), to(#ED9716));
 background-image: -webkit-linear-gradient(top, #F7F714, #ED9716);
 background-image: -moz-linear-gradient(top, #F7F714, #ED9716);
 background-image: -ms-linear-gradient(top, #F7F714, #ED9716);
 background-image: -o-linear-gradient(top, #F7F714, #ED9716);
 background-image: linear-gradient(to bottom, #F7F714, #ED9716);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F7F714, endColorstr=#ED9716);*/
 border:1px solid #ADADAD;
 background-color: #d9dddd; background-image: -webkit-gradient(linear, left top, left bottom, from(#d9dddd), to(#c6c3c3));
 background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);
 background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);
}
  font-family: "Century Gothic";
 font-size: 14px ;
}
.btnLogin:active
{
    text-shadow:rgba(0,0,0,0.3) 0 -1px 0px; 
}
footer#main{
	position:fixed;
	left:0;
	bottom:10px;
	text-align:center;
	font:normal 11px/16px Arial, Helvetica, sans-serif;
	width:100%;
}
header#main{
        position:fixed;
        left:0;
        top:10px;
        text-align:center;
        font:normal 11px/16px Arial, Helvetica, sans-serif;
        width:100%;
}





/****************************************************************************************************/