*
{
    margin:0;
    padding:0;
    font-family: arial, sans-serif;
    font-size: 14px;
    line-height: 130%;
}

html, body
{
    background: #ababab url("/media/app/img/background2.jpg") top center no-repeat;
    color:#444;
    height: 100%;
    margin: 0;
    padding: 0;
}

div.header
{
    padding:10px 10px 5px 10px;
    margin:0 5px 17px 5px;
    background: #369 url("/media/app/img/background-header.jpg") left bottom no-repeat;
    height:55px;
    border-right:1px solid #256;
    border-bottom: 1px solid #256;
    border-radius: 0 0 3px 0;
    box-shadow: 2px 2px 5px #999;
    font-style: italic;
}

div.header a
{
    position: relative;
    padding-left:108px;
}

div.header a img
{
    position: absolute;
    right:124px;
    top:4px;
}

div.footer
{
    position: absolute;
    bottom:0;
    width:1213px;
    padding:10px;
    height:20px;
    margin:5px 5px 0 5px;
    border-right:1px solid #666;
    background: #369 url("/media/app/img/background-footer.jpg") right top no-repeat;
    color:#bcd;
    border-radius: 3px 3px 0 0;
    box-shadow: 2px 2px 5px #999;
}

div.footer ul
{
    margin-right:20px;
    position:absolute;
    right:10px;
    top:10px;
}

div.footer ul li
{
    display: inline-block;
    margin:0;
    padding:0;
}

div.footer ul li a
{
    margin:0 10px;
    color:#eee;
}

div.footer ul li a.share img
{
    vertical-align: middle;
    margin-top:-2px;
    margin-right:2px;
}

div.page
{
    width:1244px;
    margin:auto;
    min-height: 100%;
    position:relative;
}

div.content
{
    width:933px;
    float:left;
    min-height:100%;
}

div.fullWidth
{
    width:1244px;
}

div.panel
{
    width:310px;
    float:left;
}

div.footerClear
{
    clear:both;
    height:50px;
}

fieldset
{
    padding:20px;
}

a
{
    text-decoration: none;
    color: #029;
}

a:hover
{
    text-decoration: underline;
}

ul li
{
    margin-left:20px;
}

ul.big_spaces li
{
    padding:5px 0;
}

.clear
{
    clear:both;
}

.spacer
{
    height:20px;
}

.spacer10
{
    height:10px;
}

.spacer-line
{
    border-top: 1px solid #bbb;
    margin: 7px 5px;
}

.block
{
    display:block;
}

.error
{
    color:#a00;
    padding-top:5px;
}

.light
{
    color:#666;
}

.very-light
{
    color:#999;
}

.lightBg
{
    background: #f8fbf7;
    padding:5px;
}

.small
{
    font-size:14px;
}

.joinUs
{
    margin:0;
    padding:0;
}

.joinUs li
{
    font-size:14px;
    padding:5px;
}

.right
{
    text-align: right;
}

.float-right
{
    float:right;
}

.float-left
{
    float:left;
}

.invisible
{
    visibility: hidden;
}

.bold
{
    font-weight: bold;
}

.center
{
    text-align: center;
}

.blurred
{
    filter: blur(2px);
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
}

.danger, a.danger, input[type="submit"].danger, form.danger input[type="submit"]
{
    color:#aa1100 !important;
}

div.row
{
    clear:both;
}

div.row label
{
    margin:2px 10px 2px 0;
    padding:5px 0;
    width:145px;
    line-height:21px;
}

div.row.long-label label
{
    margin-top: -17px;
}

div.row label, div.row input, div.row textarea, div.row select
{
    display:block;
    float:left;
}

div.row p
{
    padding:5px;
    float:left;
    color:#666;
}

form
{
    margin-left: 5px;
}

input, textarea, select
{
    background: #eee;
    font-size:14px;
    margin:5px 0;
    padding:5px;
    border:1px solid #aaa;
    border-radius:3px;
}

option
{
    font-size:14px;
}

input[type="text"], input[type="password"]
{
    width:260px;
}

textarea
{
    width:260px;
    height:100px;
}

select
{
    min-width:147px;
}

input[type="radio"], input[type="checkbox"]
{
    margin-top:3px;
    margin-right:5px;
    vertical-align:middle;
}

input:hover, textarea:hover, select:hover
{
    background: #fafafa;
    border:1px solid #999;
}

input:disabled, textarea:disabled, select:disabled
{
    background: #fff;
    border:1px solid #ddd;
    color:#999;
}

label.disabled
{
    color:#999;
}

input[type="submit"]
{
    padding:5px 10px;
}

input[type="submit"]:hover
{
    cursor:pointer;
}

input[type="submit"].post_link
{
    border:none;
    background: none;
    color:#029;
}

input[type="submit"].post_link:hover
{
    text-decoration: underline;
}

input.logout
{
    margin:20px 0 0 0;
}

.radioContainer
{
    float:left;
    margin:5px 0;
}

div.row label.radioLabel
{
    clear:both;
    padding:0;
    margin:5px 0;
}

table
{
    width:100%;
    border-spacing: 5px;
    border-collapse: separate;
}

table th, table td
{
    border: 1px solid #ccc;
    box-shadow: 2px 2px 5px #eee;
    padding: 5px;
    margin:10px;
    max-width:470px;
    overflow:hidden;
    border-radius: 2px;
}

table th
{
    background: #eee;
}

table td
{
    background: #ffffff;
    vertical-align: top;
}

table th.slim, table td.slim
{
    width:275px;
}

table td.admin
{
    text-align: center;
    vertical-align: middle;
    width: 100px;
}

table td.admin *
{
    font-size: 12px;
    font-weight: bold;
}

table tr.promo td.desc div.name
{
    font-weight:bold;
}

div.header h1
{
    padding: 0;
    margin-left: 2px;
}

div.header h1 a
{
    font-size:31px;
    color:#f3f6fa;
    text-shadow: 1px 0 #444, 0 1px #444;
}

div.header h1 a:hover
{
    text-decoration: none;
}

div.header h1 a span
{
    font-size:31px;
    color: #920;
    padding:1px 1px 1px 2px;
    text-shadow:
        0 0 5px #f3f6fa,
        2px 0 #f3f6fa,
        0 2px #f3f6fa,
        -2px 0 #f3f6fa,
        0 -2px #f3f6fa,
        1px 1px #f3f6fa,
        1px -1px #f3f6fa,
        -1px 1px #f3f6fa,
        -1px -1px #f3f6fa;
}

div.header p
{
    position: absolute;
    left:148px;
    top:45px;
    width:333px;
    text-align: right;
    font-size:13px;
    color:#ccc;
}

a.right_bottom_link
{
    float:right;
    text-align: right;
    padding: 15px 5px 15px 10px !important;
}

a.add_entity_link, p.add_entity_link, form.add_entity_link input[type="submit"]
{
    float:right;
    text-align: right;
    padding:0 10px 10px 10px !important;
}

p.add_entity_link
{
    padding-top:5px !important;
    color:#252;
}

form.add_entity_link input[type="submit"]
{
    font-size:14px;
    margin:0;
    padding:0 10px 10px 10px !important;
}

form.add_entity_link
{
    padding:0 !important;
}

.add_entity_link.clone-event-link
{
    float: left;
}

.first_item_left
{
    clear:left;
}

.entity_info
{
    float:left;
    padding-top:0 !important;
    padding-right:5px !important;
}

.entity_info input[type="submit"]
{
    padding:0;
}

form.add_entity input[type="text"]
{
    width:400px;
}

form.add_entity textarea
{
    width:400px;
    min-height:250px;
}

form.add_entity p.info_text
{
    padding: 10px 0;
}

div.short input, div.short input[type="text"], div.short select, div.short textarea
{
    width:200px;
}

div.long input, div.long input[type="text"], div.long select, div.long textarea
{
    width:705px;
}

div.long select
{
    width:717px;
}

div.short select
{
    width: 212px;
}

fieldset div.long input,
fieldset div.long input[type="text"],
fieldset div.long select,
fieldset div.long textarea
{
    width: 640px;
}

fieldset div.long select,
fieldset div.long textarea
{
    width: 652px;
}

hr
{
    border:none;
    border-bottom:1px solid #bbb;
}

hr.space
{
    margin:15px 1px 0 1px;
}

input[type="file"]
{
    border: none;
    background: none;
    padding:0;
}

a.anchor
{
    margin:0 !important;
    padding:0 !important;
}

div.siteVersion
{
    margin-left:7px;
    margin-bottom: 15px;
    color:#666;
}

div.siteVersion, div.siteVersion a
{
    font-size: 13px;
}

div.siteVersionDesktop
{
    margin-top:-10px;
}

div.smallphoto_list ul
{
    overflow: hidden;
}

div.box_my_places div.smallphoto_list ul li
{
    margin: 2px 0 5px 0;
}

div.box_my_places div.smallphoto_list .smalltile
{
    margin-left:0;
}

div.box_my_places div.smallphoto_list .smalltile img
{
    margin-left:-3px;
}

.smalltile.smalltile-category
{
    overflow: visible !important;
}

table.partners
{
    color:#666;
}

table.partners tr td:first-child
{
    width:250px;
}

div.equal_height div.users_box
{
    padding-bottom:40px;
}

ul.main_menu li
{
    display: block;
    float:left;
    margin:0;
}

ul.main_menu
{
    margin: -15px 0 10px 5px;
    height:30px;
}

ul.main_menu a, ul.main_menu span
{
    display:block;
    padding:6px 13px;
    color:#f3f6fa;
    background: #5386A8;
    margin-right:2px;
    border-bottom: 1px solid #256;
    border-right: 1px solid #256;
    box-shadow: 2px 2px 5px #999;
}

ul.main_menu li:first-child > *
{
    border-radius:0 0 0 3px;
}

ul.main_menu li:last-child > *
{
    border-radius:0 0 3px 0;
}

ul.main_menu a:hover,
ul.main_menu span,
ul.main_menu a.selected
{
    text-decoration: none;
    background: #369;
}

.overflow-visible
{
    overflow: visible !important;
}

div.box_big div.inline_list.seasons_list ul
{
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
}

div.box_big div.inline_list.seasons_list ul li
{
    width: 440px;
}

div.box_big div.inline_list.seasons_list .name,
div.box_big div.inline_list.seasons_list .nophoto
{
    width: auto !important;
    max-width: 395px;
}

div.movedFromPanel
{
    min-height: 310px;
}

a.scroll-to-login
{
    text-transform: uppercase;
    font-size: 11px;
    position: absolute;
    right:5px;
    top:75px;
    color:#444;
}

a.scroll-to-login:after
{
    content:'↴';
    display: inline-block;
}

.subscribe_team_info
{
    max-width:400px;
}

#subscribe_team_info_one_team_for_one_account
{
    display: none;
}

div.latest-comments a
{
    display: block;
    margin-bottom:3px;
}

.registration-link-block
{
    display: inline-block;
    float: left;
    clear: both;
    margin: 4px 5px 1px 5px;
    font-weight: bold;
    font-size: 16px;
}

.forgot-password-block
{
    display: inline-block;
    float: left;
    clear: both;
    margin: 1px 5px;
    font-size: 13px;
    color: #666;
}

ol > li
{
    margin-left: 35px;
}

ol.faq
{
    margin: 10px 25px 10px -5px;
}

dl.faq dt
{
    font-weight: bold;
    margin: 2px 0;
}

dl.faq dd
{
    margin: 0 0 20px 0;
}

dl.faq dd li
{
    list-style-type: disc;
}

.tutorial ol li
{
    margin: 0 30px;
    padding-bottom: 15px;
}

.tutorial h2,
.tutorial p
{
    margin: 5px 0 7px 0;
}

.tutorial p
{
    text-align: justify;
}

.tutorial span.quote
{
    font-style: italic;
    font-weight: bold;
    color: #666;
}

.tutorial img
{
    box-shadow: 7px 7px 15px #ccc;
    border: 1px solid #999;
    display: block;
    margin: 15px auto 30px auto;
}

.tutorial p.intro
{
    margin: 0 30px 10px 0;
}

.tutorial a.anchor
{
    display: block;
    padding: 2px !important;
}

.tutorial ol.tutorial-index
{
    margin: 5px 0 15px 0;
}

.tutorial ol.tutorial-index li
{
    padding-bottom: 1px;
}

form.login.register div.short input[type="text"]
{
    width: 85px !important;
}

form.login.register div.privacy-checkbox-row label.forCheckbox,
form.subscribe-team div.privacy-checkbox-row label.forCheckbox
{
    width: 160px !important;
    margin: 5px 0 10px 20px !important;
}

form.login.register div.privacy-checkbox-row label.forCheckbox input[type="checkbox"],
form.subscribe-team div.privacy-checkbox-row label.forCheckbox input[type="checkbox"]
{
    margin: -18px 0 0 -20px !important;
}

form.login.register div.privacy-checkbox-row p,
form.subscribe-team div.privacy-checkbox-row p
{
    padding: 10px 0 0 0 !important;
}

form.login.register div.login-info
{
    clear: both;
    color: #666;
    font-size: 13px;
    margin-left: 155px;
    padding-top: 5px;
    max-width: 265px;
}

.debug-info
{
    position: absolute;
    z-index: 100;
    right: 5px;
    top: 0;
    color: white;
    background: #666;
    padding: 5px 10px;
    border: 1px solid #444;
    font-weight: bold;
}

.debug-info.high-risk
{
    background: red;
}

.debug-info.medium-risk
{
    background: #ee6600;
}

.debug-info.low-risk
{
    background: green;
}

/* --- */

html, body
{
    height: inherit;
    background: #ababab;
}

div.page
{
    width:inherit;
    max-width:933px;
    padding:0;
}

.scorer-bottom-link
{
    margin: 5px 10px 50px 10px !important;
}

div.print-version div.box
{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}

div.live-version div.box,
div.print-version div.box
{
    border-radius: 0;
}

.box.group-matches .admin-menu
{
    display: none !important;
}


/* --- */

div.box
{
    /*background: #ECF9EA url("../img/background.jpg") right top no-repeat;*/
    background: #f8fbf7 url("/media/mod/box/img/background.jpg") right top no-repeat;
    margin:5px 5px;
    float:left;
    border-bottom:1px solid #555;
    border-right:1px solid #666;
    position: relative;
    overflow:hidden;
    border-radius:3px;
    box-shadow: 2px 2px 5px #999;
}

div.equal_height
{
    display: table;
    border-spacing: 10px 5px;
    border-collapse: separate;
    width:943px;
    margin-left:-5px;
}

div.equal_height div.table_row
{
    display: table-row;
}

div.equal_height div.table_row div.box
{
    display:table-cell;
    float:none;
}

div.box > h2
{
    border-bottom: 1px solid #566;
    background: #369 url("/media/mod/box/img/background-header.jpg") right top no-repeat;
    color:#f3f6fa;
    padding:5px 10px 4px 10px;
}

div.box:not(.box_bar) h2 a
{
    color:#BADCFF;
}

div.box > *
{
    padding:10px;
}

div.box > table
{
    padding:5px;
}

div.box_big
{
    width:922px;
}

div.box_biggest
{
    width:1233px;
    margin-bottom:10px;
}

div.box_bar
{
    width:1233px;
    border-top:1px solid #999;
    border-left:1px solid #999;
    margin-bottom: 10px;
    background: #f8fbf7;
}

div.box_bar h2
{
    padding:10px 10px 9px 10px;
    border-bottom:none;
    color:#333;
}

div.box_bar h2, div.box_bar h2 a
{
    font-size: 18px;
    background: none;
}

div.box_medium
{
    width:611px;
}

div.box_small
{
    width: 300px;
}

div.box_half
{
    width: 455px;
}

div.box_small div.row label
{
    width:60px;
}

div.box_small div.row label.forCheckbox
{
    width:170px;
}

div.box_small div.row input[type="checkbox"]
{
    margin-right:5px;
    margin-top:3px;
}

div.box_small div.row input[type="text"], div.box_small div.row input[type="password"]
{
    width:160px;
}

div.box_small div.boxinfo
{
    border-top: 1px solid #bbb;
    margin-top: 10px;
    padding-top: 5px;
}

div.box_small div.boxinfo p
{
    padding:10px 0 0 0;
}

div.box_small div.boxinfo p, div.box_small div.boxinfo a, div.box_small div.boxinfo span
{
    font-size:14px;
}

div.boxinfo div.column ul
{
    margin-top:3px;
}

div.box_small div.boxinfo .teams-area
{
    margin-bottom: 5px;
}

div.box_flex
{
    min-width: 300px;
    max-width: 922px;
    float: none;
    clear: both;
    margin-bottom: 10px;
    position: relative;
    top: 5px;
}

div.box.whiter
{
    background: #ffffff;
}

/* --- */

div.page
{
    max-width: 1265px !important;
}

div.box
{
    max-width: 1255px !important;
}

.box-courts .court-match-info.court-occupied.court-occupied-just-now
{
    animation: COURT_BG_BLINK 0.5s infinite;
    -webkit-animation: COURT_BG_BLINK 0.5s infinite;
}

.box-courts .court-match-info.court-occupied.court-occupied-long-time-ago
{
    background-color: #d6e0e4;
}

.box-courts .court-match-info.court-occupied.court-occupied-long-time-ago .court-footer
{
    background: #c6d4da;
}

@keyframes COURT_BG_BLINK
{
    0%   { background-color: #f0fcff; }
    50%  { background-color: #dae8ee; }
    100% { background-color: #f0fcff; }
}

@-webkit-keyframes COURT_BG_BLINK
{
    0%   { background-color: #f0fcff; }
    50%  { background-color: #dae8ee; }
    100% { background-color: #f0fcff; }
}

.clear-court-boxes-after-4
{
    clear: both;
}

.clear-court-boxes-after-3
{
    clear: none !important;
}

@media screen and (max-width: 1265px)
{
    div.page
    {
        max-width: 955px !important;
    }

    .clear-court-boxes-after-4
    {
        clear: none !important;
    }

    .clear-court-boxes-after-3
    {
        clear: both !important;
    }
}

@media screen and (max-width: 955px)
{
    div.page
    {
        max-width: 645px !important;
    }

    .clear-court-boxes-after-3
    {
        clear: none !important;
    }

    .clear-court-boxes-after-2
    {
        clear: both !important;
    }
}

@media screen and (max-width: 645px)
{
    div.page
    {
        max-width: 325px !important;
    }
}

/* --- */