/* Buttons */

.button, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #eee; /* Old browsers */
    background: #eee -moz-linear-gradient(top, rgba(255,255,255,.2) 0%, rgba(0,0,0,.2) 100%); /* FF3.6+ */
    background: #eee -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.2)), color-stop(100%,rgba(0,0,0,.2))); /* Chrome,Safari4+ */
    background: #eee -webkit-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Chrome10+,Safari5.1+ */
    background: #eee -o-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* Opera11.10+ */
    background: #eee -ms-linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* IE10+ */
    background: #eee linear-gradient(top, rgba(255,255,255,.2) 0%,rgba(0,0,0,.2) 100%); /* W3C */
    border: 1px solid #aaa;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, .75);
    cursor: pointer;
    margin-bottom: 14px;
    margin-top: 3px;
    line-height: normal;
    padding: 6px 10px;
}

    .button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover {
        color: #222;
        background: #ddd; /* Old browsers */
        background: #ddd -moz-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(0,0,0,.3) 100%); /* FF3.6+ */
        background: #ddd -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.3)), color-stop(100%,rgba(0,0,0,.3))); /* Chrome,Safari4+ */
        background: #ddd -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Chrome10+,Safari5.1+ */
        background: #ddd -o-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* Opera11.10+ */
        background: #ddd -ms-linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* IE10+ */
        background: #ddd linear-gradient(top, rgba(255,255,255,.3) 0%,rgba(0,0,0,.3) 100%); /* W3C */
        border: 1px solid #888;
        border-top: 1px solid #aaa;
        border-left: 1px solid #aaa;
    }

    .button:active, button:active, input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active {
        border: 1px solid #666;
        background: #ccc; /* Old browsers */
        background: #ccc -moz-linear-gradient(top, rgba(255,255,255,.35) 0%, rgba(10,10,10,.4) 100%); /* FF3.6+ */
        background: #ccc -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,.35)), color-stop(100%,rgba(10,10,10,.4))); /* Chrome,Safari4+ */
        background: #ccc -webkit-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Chrome10+,Safari5.1+ */
        background: #ccc -o-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* Opera11.10+ */
        background: #ccc -ms-linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* IE10+ */
        background: #ccc linear-gradient(top, rgba(255,255,255,.35) 0%,rgba(10,10,10,.4) 100%); /* W3C */
    }

    .button.full-width, button.full-width, input[type="submit"].full-width, input[type="reset"].full-width, input[type="button"].full-width {
        width: 100%;
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center;
    }

    /* Fix for odd Mozilla border & padding issues */
    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/* Input */

input[type="text"], input[type="password"], input[type="email"], textarea, select {
    border: 1px solid #ccc;
    padding: 6px 4px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    color: #777;
    margin: 0;
    max-width: 100%;
    min-width: 50%;
    display: block;
    background: #fff;
}

select {
    padding: 5px 4px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow: 0 0 3px rgba(0,0,0,.2);
}

input[type="checkbox"] {
    display: inline;
}

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

/* TODO: Fix images and sizes */

fieldset {
    position: relative;
    padding: 4px;
    padding-top: 0;
    margin: 0;
}

    fieldset > legend {
        font-weight: bold;
    }
    /* TODO: Fix images and sizes */

    /* General form (best) */

    fieldset.general-form {
        padding: 0 16px 16px;
    }

        fieldset.general-form .margin16 {
            margin-top: 16px;
        }

        fieldset.general-form .padding16 {
            padding-top: 16px;
        }

        fieldset.general-form > legend {
            font-weight: bold;
        }

.general-form ol,
ol.general-form,
.general-form ul,
ul.general-form {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style: none;
    overflow: hidden;
}

    div + .general-form,
    .PageBodyDiv + .general-form,
    .general-form > legend + *,
    .general-form ol + ol,
    .general-form ol + .summary,
    .general-form > .summary + ol,
    .general-form .summary + .summary,
    .general-form li + .summary,
    .general-form + .general-form {
        margin-top: 16px;
    }

fieldset.general-form + fieldset.general-form {
    margin-top: 20px;
}

.general-form li.one {
    position: relative;
    clear: both;
}

.general-form li.two {
    position: relative;
    float: left;
    width: 50%;
    padding-left: 8px;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.general-form li.row-begin {
    padding-left: 0;
    padding-right: 8px;
    clear: both;
}

.general-form li.row-end {
    float: right;
}

.general-form ol > li + li,
.general-form > li + li,
.general-form li + li.two.row-begin + li.two,
.general-form li.two.row-begin + li.two.row-begin,
.general-form .subsection {
    padding-top: 16px;
}

.general-form .subsection {
    padding-left: 18px;
}

.general-form li.two.row-begin + li.two {
    padding-top: 0;
}

.general-form li label {
    display: block;
}

.general-form li input[type=text],
.general-form li select,
.general-form li .input.text {
    width: 100%;
}

.general-form label {
    height: auto;
}

.general-form input[type=text],
.general-form select,
.general-form .input.text {
    padding: 8px;
    border: 1px solid #BEBEBE;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 8px;
}

.general-form .input.text {
    display: inline-block;
    min-height: 3em;
}

.general-form input[type=radio],
.general-form input[type=checkbox] {
    padding: 0 4px 0 0;
    margin: 0 4px 0 0;
}

.general-form input[type=text][disabled],
.general-form select[disabled],
.general-form .input.text.disabled {
    background-color: #F0F0F0;
    border-color: transparent;
}

.general-form input[type=text].focus {
    border-width: 2px;
    border-color: #A5C2D7;
}

.general-form input[type=radio] + label,
.general-form input[type=checkbox] + label {
    display: inline;
}

.general-form input[type=text].not-valid,
.general-form input[type=checkbox].not-valid,
.general-form .not-valid,
.general-form input[type=select].not-valid {
    border-color: #FF6565;
}

.general-form input[type=radio].not-valid + label {
    color: crimson;
}

.general-form.hide,
.general-form .hide {
    display: none;
}

.general-form .summary,
.general-form.summary {
    display: block;
    padding: 12px;
    border-radius: 5px;
}

.general-form .help,
.general-form.help {
    background-color: #FFFFB9;
}

.general-form .error,
.general-form.error {
    background-color: #FECCCC;
}

.general-form .info,
.general-form.info {
    background-color: #CCFECC;
}

.general-form .buttons,
.general-form.buttons {
    display: block;
    text-align: right;
}

.general-form .level-up {
    color: transparent;
    padding-bottom: 8px;
    display: block;
}

.general-form button,
.general-form input[type=button],
.general-form input[type=submit] {
    margin-bottom: 0;
}

.general-form .help,
.general-form.help,
.general-form .error,
.general-form.error,
.general-form .info,
.general-form.info {
    color: #000;
}

.general-form .summary a,
.general-form.summary a {
    color: #00AADE;
}

.general-form .tooltip-content {
    width: 300px;
    display: none;
    font-weight: normal;
    padding: 16px;
    position: absolute;
    z-index: 9999;
    background-color: #FFFFB9;
    color: #000;
}

/* Newsletter */

/* TODO: Fix sizes */

fieldset.subscribe {
    padding: 5px;
    margin: 5px;
}

.StartPageBoxNarrow fieldset.subscribe .labeledInput {
    width: 100%;
}

fieldset.subscribe .inputGroup {
    display: block;
}

fieldset.subscribe .labeledInput {
    display: block;
    float: left;
    width: 33%;
}

    fieldset.subscribe .labeledInput label {
        display: block;
    }

    fieldset.subscribe .labeledInput input {
        width: 90%;
    }

fieldset.subscribe .buttons {
    display: block;
    padding-top: 5px;
    clear: both;
}

fieldset.subscribe .errorMessage {
    color: red;
}

fieldset.subscribe .message {
    display: block;
    padding: 10px 0 5px 0;
    font-weight: bold;
}

/* Newsletter */

/* TODO: Fix sizes */

fieldset.subscribe {
    padding: 5px;
    margin: 5px;
}

.StartPageBoxNarrow fieldset.subscribe .labeledInput {
    width: 100%;
}

fieldset.subscribe .inputGroup {
    display: block;
}

fieldset.subscribe .labeledInput {
    display: block;
    float: left;
    width: 33%;
}

    fieldset.subscribe .labeledInput label {
        display: block;
    }

    fieldset.subscribe .labeledInput input {
        width: 90%;
    }

fieldset.subscribe .buttons {
    display: block;
    padding-top: 5px;
    clear: both;
}

fieldset.subscribe .errorMessage {
    color: red;
}

fieldset.subscribe .message {
    display: block;
    padding: 10px 0 5px 0;
    font-weight: bold;
}

/* Comments */

/* TODO: Fix sizes and images */

fieldset.genFields {
    margin: 0 0 16px 0;
    clear: both;
    border: none;
    padding-top: 10px;
}

    fieldset.genFields label {
        display: block;
        width: 100%;
        margin: 0 0 10px 0;
        overflow: auto;
    }

        fieldset.genFields label span {
            display: block;
            float: left;
            width: 25%;
            padding: 0 1% 0 0;
            font-weight: bold;
        }

            fieldset.genFields label span em {
                display: block;
                font-weight: normal;
            }

        fieldset.genFields label textarea {
            float: left;
            width: 65%;
            overflow: auto;
        }

        fieldset.genFields label input.string {
            float: left;
            width: 40%;
        }

        fieldset.genFields label input.button {
            float: left;
            margin-left: 5px;
        }

        fieldset.genFields label span.helpIcon {
            width: 21px;
            height: 21px;
            padding-left: 7px;
        }

#form_tellfriend .result {
    padding: 0 0 3px 0;
}

#form_comment .result {
    padding: 0 0 3px 0;
    color: Red;
}

.FieldDiv label {
    float: left;
    height: auto;
}

.FieldDiv2 {
    display: none;
}

.criterion label {
    float: left;
    height: auto;
}

/* XForms */

#id_matrix input[type="radio"], #id_matrix input[type="checkbox"] {
    margin-bottom: 10px;
}

/* Sports results */
.Plugins_Sport27_Results div.monthAndYear select {
    display: inline;
}

.sport43_Results fieldset {
    height: auto !important;
}

    .sport43_Results fieldset select {
        float: left;
    }

    .sport43_Results fieldset input {
        width: auto !important;
        margin-bottom: 0px;
        margin-left: 10px;
    }

.sport31ResultsPlugin select, .sport31ResultsPlugin input[type="text"] {
    display: inline;
}

.sport31ResultsPlugin iframe {
    background-color: #fff;
    margin-top: 10px;
}

/* Notification */
#notificationContent {
    background-color: #fff !important;
}

    #notificationContent div#buttonPlaceHolder {
        float: left;
    }

    #notificationContent h2 {
        color: #000 !important;
    }

/* jQuery UI */
.ui-dialog .button:hover, .ui-dialog button:hover, .ui-dialog input[type="submit"]:hover, .ui-dialog input[type="reset"]:hover, .ui-dialog input[type="button"]:hover {
    border: none;
    border-top: none;
    border-left: none;
}


/* Special inputs */
input.findOrg_button, input.findOrg_button:hover, input.findOrg_button:active, input.findOrgSearch_button, input.findOrgSearch_button:hover, input.findOrgSearch_button:active {
    background: url("../../../images/sportselect-button.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    height: 21px;
    margin-bottom: 0;
    padding: 0;
    width: 21px;
    margin-left: 80px;
}

input.findOrgSearchText {
    display: inline-block !important;
}

div.OneColumn.search img.find, div.TwoColumns.search img.find, div.ThreeColumns.search img.find {
    padding-top: 5px;
}

div.AddTeamPropertiesForm fieldset {
    background-color: transparent !important;
}

/* Find organisation */
select.findOrg_select {
    display: inline-block;
}

.ioui-scope.btn-primary, input[type="submit"].ioui-scope.btn-primary:hover {
    background-color: #3E5286;
    background-image: linear-gradient(to bottom, #3E5C86, #3E4486);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    color: #FFFFFF;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    font-weight: normal;
}

.Form__Status .Form__Success__Message p {
    font-size: 110%;
    font-weight: bold;
}

.Form__Status .Form__Warning__Message {
    font-size: 110%;
    color: red;
    display: block;
    margin-bottom: 20px;
}

.Form__Element {
    margin-bottom: 14px;
}

    .Form__Element .FormCaptcha__Image {
        margin-bottom: 10px;
    }

button.FormCaptcha__Refresh, input[type="submit"].FormCaptcha__Refresh {
    font-weight: normal;
    display: block;
    margin-bottom: 10px;
}

.hide {
    display: none;
}

body {
    background-image: none !important;
}

    .full {
        position: relative;
        min-height: 1px;
        float: left;
        width: 100%;
    }

    .three-quarters {
        position: relative;
        min-height: 1px;
        float: left;
        width: 75%;
    }

    .half {
        position: relative;
        min-height: 1px;
        float: left;
        width: 50%;
    }

    .one-third {
        position: relative;
        min-height: 1px;
        float: left;
        width: 33%;
    }

    .one-quarter {
        position: relative;
        min-height: 1px;
        float: left;
        width: 25%;
    }
    .one-eighth {
        position: relative;
        min-height: 1px;
        float: left;
        width: 12.5%;
    }

    


.block.facebookblock {
        position: relative;         
        min-height: 1px;
    }