/* sof screen.css */
html {height:100%}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    color: #111;
}

h1 {
    font-size: 2em;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 0.5em;
}

a {
    color: #D0D0D0;
    text-decoration: underline;
}

a:focus, a:hover {
    color: #101500;
}
table, th, td {border: 1px solid #101500; border-collapse: collapse}
table {margin-bottom:1.4em;width:100%;}
th {font-weight:bold; text-align:center;color:#d0d0d0;}
tbody td{background-color:rgba(129,162,199,0.7);; color: #101500;}
#matches-form tbody td{text-align:right}
thead th {background:#12315B;}
th, td, caption {padding:2px !important;}
.table > thead > tr > th{border-bottom:1px solid black}
tfoot {font-style:italic;}
caption {background:#eee; color:#d0d0d0;}
caption.hint{background:initial}
div.submit h1 {color:#d0d0d0}
td.text {
    text-align: left !important;
}
td.text-center {
    text-align: center !important;
}
div.betting-slip {
    width: 600px;
    margin: auto;
}
div.betting-slip .bright {
    display: none;
}
div.betting-slip [type=submit] {
    background-color: #D0D0D0;
    color: #11142F;
}
div.betting-slip input[type=text] {
    width: 48px;
}
div.betting-slip input {
    text-align: right;
}
div.betting-slip input, div.betting-slip select, div.summary select {
    background-color: #11142F;
    color: #D0D0D0;
}
div.betting-slip td:nth-child(6) {
    width: 52px;
}
div.betting-slip tr.changed td{font-weight:bold}
td.number {
    text-align: right;
}
div.betting-slip button[type=submit]:hover {
    background-color: #12315B;
    color: #D0D0D0;
}
div.match-results{width:915px; margin:auto;}
div.match-results input{text-align: center;background-color: #11142F;color: #D0D0D0}
div.match-results input.error{background-color:#20507a}
div.match-results td:nth-child(1), div.match-results td:nth-child(2), div.match-results td:nth-child(3){width:160px;}
.pager li a, .pager li span {
    background-color: #0D264F;
    color: #D0D0D0 !important;
    border-color: #A9A9A9 !important;
    border-radius: initial;
}
.pager .next > a, .pager .next > span {float: none;}
.pager li.active a {
    background-color: #D0D0D0 !important;
    color: #0D264F !important;
}
/* eof screen.css */

body {
	margin: 0;
	padding: 0;
	color: #D0D0D0;
	font: normal 10pt Arial,Helvetica,sans-serif;
	background-image: url('../images/bg_pattern.png'), radial-gradient(circle farthest-corner at top center,#2c6a93,#000a34), radial-gradient(circle closest-corner at top center,#65beec,rgba(101,190,236,0));
    height:100%;
	/*background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 100%;*/
}

#page {
    width: 1300px;
    margin: 5px auto;
}

#header {
	margin: 10px 0 10px 0;
	padding: 0;
	position:relative;
}

#sidebar {
	padding: 20px 20px 20px 0;
}

#footer {
	padding: 10px;
	margin: 40px 0 10px 0;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #D0D0D0;
}

#footer a {
	color:inherit;
	font-size:inherit;
}

#logo {
	padding: 10px 20px;
	font-size: 200%;
}

#mainmenu {
	background-color:#0D264F;
	margin-bottom:10px;
	border-radius:5px;
	color:#D0D0D0;
	font-weight:bold;
}

#mainmenu > ul {
	padding:10px;
	margin:0px;
	display:inline-block;
}

ul#balance {
	float:right;
	text-align:center;
}

ul#balance li {
	background-color:#11142F;
	border-radius:5px;
}

#mainmenu ul li {
	display: inline-block;
}

#mainmenu > ul > li > a {
	background-color:#11142F;
	color:#FFF;
	font-size:12px;
	padding:5px 10px;
	border-radius:5px;
	display:inline-block;
	height:30px;
	text-align:center;
	vertical-align:middle;
    box-sizing: content-box;
    max-width: 75px;
}

#mainmenu a {
    text-decoration:none;
}

#mainmenu ul#balance li a {
    max-width: 85px;
    cursor: initial;
}

#mainmenu ul li.active a {
	background-color:#153862;
}

#mainmenu ul:not(#balance) li a:hover, #mainmenu ul li.hovered a {
	color:#337ab7;
	background-color:#FFF;
}

.dropdown-menu {
    background-color: #153862;
}

.open .dropdown-menu {
    min-width: initial;
}

.dropdown-menu > li > a {
    color: inherit;
    padding: 3px 10px;
    font-weight: inherit;
}

.dropdown-menu > li > a:focus {
    outline: none;
}

.dropdown-menu > .active > a {
    color: #337ab7
}

div.flash-error, div.flash-notice, div.flash-success {
	padding:.8em;
	margin-bottom:1em;
	border:2px solid #ddd;
}

div.flash-error {
	background:#FBE3E4;
	color:#8a1f11;
	border-color:#FBC2C4;
}

div.flash-notice {
	background:#FFF6BF;
	color:#514721;
	border-color:#FFD324;
}

div.flash-success {
	background:#E6EFC2;
	color:#264409;
	border-color:#C6D880;
}

div.flash-error a {
	color:#8a1f11;
}

div.flash-notice a {
	color:#514721;
}

div.flash-success a {
	color:#264409;
}

div.form .rememberMe label {
	display: inline;
}

div.view {
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #C9E0ED;
}

div.breadcrumbs {
	font-size: 0.9em;
	padding: 5px 20px;
}

div.breadcrumbs span {
	font-weight: bold;
}

div.search-form {
	padding: 10px;
	margin: 10px 0;
	background: #eee;
}

.portlet {

}

.portlet-decoration {
	padding: 3px 8px;
	background: #B7D6E7;
	border-left: 5px solid #6FACCF;
}

.portlet-title {
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	margin: 0;
	color: #298dcd;
}

.portlet-content {
	font-size:0.9em;
	margin: 0 0 15px 0;
	padding: 5px 8px;
	background:#EFFDFF;
}

.portlet-content ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin: 0;
	padding: 0;
}

.portlet-content li {
	padding: 2px 0 4px 0px;
}

.operations {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.operations li {
	padding-bottom: 2px;
}

.operations li a {
	font: bold 12px Arial;
	color: #0066A4;
	display: block;
	padding: 2px 0 2px 8px;
	line-height: 15px;
	text-decoration: none;
}

.operations li a:visited {
	color: #0066A4;
}

.operations li a:hover {
	background: #80CFFF;
}

#header img {
	width:100%;
	border-radius: 5px;
}

#lang-selector {
	position:absolute;
	width:100px;
	text-align:center;
	top:0px;
	/* right:40px; */
    width:100%
}

#lang-selector a {
	display:inline-block;
	padding:15px;
}

#lang-selector img {
	width:auto;
	border-radius: 1px;
}

td.odd{text-align:center;}
td.odd:not(:empty){cursor:pointer}
td.odd.selected, td.center.selected{background-color:#0D264F; color:#D0D0D0}
td.odd:hover{color:gold;background-color:#0D264F;}
form#matches-form tbody tr:hover{background-color:#D0D0D0; color:#0D264F}
/*tr.selected td.odd:hover{color:#D0D0D0}*/
tr.selected td{background-color:rgba(208,208,208,0.75)}

h2{color:#D0D0D0; text-align:center; margin:15px 0px;font-weight:bold;}
div.submit{margin:0 0 5px 0; text-align:right; height:30px}
div.flash{
	color: #0D264F;
	padding: 5px 10px;
	border-radius: 3px;
	margin-bottom: 5px;
	clear: both;
}
div.flash.success{background-color: rgba(208,208,208,0.75);}
div.flash.error{background-color: rgba(255, 165, 0, 0.75);}

.grid-view .summary{text-align:center !important; font-weight:bold}
.grid-view .pager{margin: 5px 0 0 0; text-align:right}
.grid-view tr:nth-child(even) td{background-color:rgba(208,208,208,0.75);}
.grid-view tr.won td{background-color:rgba(62,94,137,.75);color:#D0D0D0}
.grid-view tr.lost td{color:#632600}

#bets-grid td:nth-child(1){width:50px;text-align:right}
#bets-grid td:nth-child(2){width:160px;text-align:center}
#bets-grid td:nth-child(3){width:70px;text-align:center}
#bets-grid td:nth-child(4){width:115px;text-align:center}
#bets-grid td:nth-child(5){width:140px;}
#bets-grid td:nth-child(6){width:140px;}
#bets-grid td:nth-child(7){width:65px;text-align:center}
#bets-grid td:nth-child(8){width:80px;text-align:center}
#bets-grid td:nth-child(9){width:60px;text-align:center}
#bets-grid td:nth-child(10){width:55px;text-align:right}
#bets-grid td:nth-child(11){width:75px;text-align:right}
#bets-grid td:nth-child(12){width:80px;text-align:right}
#bets-grid td:nth-child(13){text-align:center}

#users-grid td {text-align:right}
#users-grid td:nth-child(1) {text-align:center}
#users-grid td:nth-child(2) {text-align:left}
#users-grid td:last-child {text-align:center; color: #11142F;}
#users-grid td:last-child a {color: #11142F;}
#users-grid td:last-child a:first-child {margin-right:5px;}
#users-grid td:last-child a:hover {color: #13529b}

.grid-view th a:hover {color: #11142F;}

#shareus {
	position: absolute;
	right: 15px;
	top: 130px;
}

div.widget-row:not(:first-child){margin-top:30px;}
div.widget{
	width:285px;
	display:inline-block;
	text-align:center;
	font-weight:bold;
}
div.widget:not(:first-child){margin-left:28px;}
div.widget-header{
	background-color: #11142F;
	color: #D0D0D0;
	padding:10px;
	border-top-right-radius:7px;
	border-top-left-radius:7px;
}
div.widget-body{
	background-color: rgba(29,73,114,0.75);
	color: #11142F;
	padding:20px 10px;
	border-bottom-right-radius:7px;
	border-bottom-left-radius:7px;
}

/*******
*
*	JQUERY ALERTBOX
*
*******/
#alert_box {
	background-color: #C2C7CE;
	max-width: 500px;
	color: #0D264F;
}

#alert_box h2 {
	background-color: #0D264F;
	font-size: 14px;
	margin: 0px;
	padding: 10px;
}

#alert_content {
	padding:5px 10px;
	text-align:justify;
}

#alert_box table {
	border-collapse:collapse;
	margin:0px auto;
}

#alert_box table, #alert_box th, #alert_box td {
	border: 1px solid #B9CBE5;
}

#alert_box th, #alert_box td {
	padding:2px 5px;
	text-align:center;
}

#alert_box th {
	vertical-align:bottom;
	background-color:navy;
	color:#B9CBE5;
}

#alert_box tr:not(:first-child):hover {
	background-color:navy;
	color:#FFFFFF;
}

#alert_box tr td:nth-child(1), #alert_box tr td:nth-child(2) {
	text-align:left;
}

#alert_box p {
	text-align:center;
	margin:10px 0px 5px 0px;
}

#chart_container {
	background-color: #FFF;
	padding: 10px 20px;
	text-align:center;
    display:none;
}

#chart_container h2, #chart_container h3 {
	margin:0;
	color:#0D264F;
}

#chart_div {
	width: 800px;
	height: 300px;
}

ul.standingsMenu {position:relative}
#mainmenu ul.standingsSubMenu {
	position: absolute;
    background-color: #fff;
	margin-top: -5px !important;
    padding-top: 15px !important;
	display:none;
	border-top-right-radius: 5px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
ul.standingsSubMenu li{display:block !important;}
ul.standingsSubMenu li a {
	height:initial !important;
	background: inherit !important;
	color: #11142F !important;
}
ul.standingsSubMenu li a:hover {
	background-color:rgba(129,162,199,0.7) !important;
}
span#balance,span#own_limit, span#free_limit, span#username {
    color:#10a8e6;
}

/* FORM */
div.form-container {
    background-color: rgba(129,162,199,0.7);
    color: #11142F;
    padding: 30px;
    border-radius: 5px;
}

div.form input:not([type=checkbox]), div.form select {
    width: 300px;
}

div.form input, div.form textarea, div.form select {
    margin: 0.2em 0 0.5em 0;
}

[type=submit],[type=button]:not(.close){
    font-weight: bold;
    height: 36px;
    cursor:pointer;
    border-radius:5px;
    border-style: none;
    background-color: #0D264F;
    color: #D0D0D0;
    text-transform: uppercase;
}

.bright.submit.unlogged{display:none}

[type=submit]:hover,[type=button]:not(.close):hover{
    background-color:#11142F;
}

div.betting-slip input.bright{display:none;}
input.bright:hover{
    color: #D0D0D0;
    background-color: #12315B;
}

[type=submit]:focus{
    background-color: #0D264F;
    color: #D0D0D0;
}

div.form input:not([type=checkbox]), div.form select{
    width:300px;
}

div.form input:not([type=checkbox]), div.form select, button:not(.close):not(.submit) {
    width:300px;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label {
    color: #650214;
}

.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
    color: #054806;
}
/* eof forms */

.alert {
    margin-bottom: 10px;
}

.close {
    font-size: 16px;
}

/* pager */
ul.yiiPager {
    font-size:11px;
    border:0;
    margin:0;
    padding:0;
    line-height:100%;
    display:inline;
}

ul.yiiPager li {
    display:inline;
}

ul.yiiPager a:link, ul.yiiPager a:visited, ul.yiiPager span {
    border:solid 1px #9aafe5;
    font-weight:bold;
    color:#0e509e;
    padding:1px 6px;
    text-decoration:none;
}

ul.yiiPager .page a {
    font-weight:normal;
}

ul.yiiPager a:hover {
    border:solid 1px #0e509e;
}

ul.yiiPager .selected a {
    background:#2e6ab1;
    color:#FFFFFF;
    font-weight:bold;
}

ul.yiiPager .hidden a {
    border:solid 1px #DEDEDE;
    color:#888888;
}

ul.yiiPager .disabled {
    display:none;
}
/* end of pager */

div.empty{
    padding:30px;
    text-align:center;
}

@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?egmbyb');
    src:  url('fonts/icomoon.eot?egmbyb#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?egmbyb') format('truetype'),
        url('fonts/icomoon.woff?egmbyb') format('woff'),
        url('fonts/icomoon.svg?egmbyb#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-gp:before {
    content: "\ea8c";
}
.icon-fb:before {
    content: "\ea91";
}
.icon-tw:before {
    content: "\ea96";
}

ul.social-share {
    list-style-type: none;
    font-size: 30px;
    text-align: right;
    padding: 0 15px;
    margin: 0;
}

ul.social-share li {
    display: inline-block;
    margin-left: 20px;
}

ul.social-share a {
    text-decoration:none;
    color: #11142F;
}

ul.social-share a:hover {
    color: #1d4972;
}