@import "reset.css";
@import "btnstyle.css";

@font-face { font-family: 'AdiHaus'; src: url('fonts/AdiHaus-Regular.eot'); src: local('fonts/AdiHaus Regular'), local('fonts/AdiHaus-Regular'), url('fonts/AdiHaus-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AdiHaus-Regular.woff2') format('woff2'), url('fonts/AdiHaus-Regular.woff') format('woff'), url('fonts/AdiHaus-Regular.svg#AdiHaus-Regular') format('svg'); font-weight: normal; font-style: normal; }

@font-face { font-family: 'Anthem'; src: url('fonts/Anthem-Bold.eot'); src: local('fonts/Anthem Bold'), local('fonts/Anthem-Bold'), url('fonts/Anthem-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Anthem-Bold.woff2') format('woff2'), url('fonts/Anthem-Bold.woff') format('woff'), url('fonts/Anthem-Bold.svg#Anthem-Bold') format('svg'); font-weight: bold; font-style: normal; } 


/*registrationcsstable

*/
table table.registrationcsstable { width: 100%; }
    table table.registrationcsstable td { width: 50%; padding: 5px 2px; }
        table table.registrationcsstable td input { margin: 3px; }

            table table.registrationcsstable td input[type=checkbox] { position: absolute; left: -9999px; }
        table table.registrationcsstable td label { -webkit-appearance: push-button; -moz-appearance: button; display: inline-block; cursor: pointer;padding: 2px 10px 2px 25px;background-image: url('Theme/images/icons/checkbox.png');background-repeat: no-repeat;background-position: 0px 0px; }


        table table.registrationcsstable td input[type=checkbox]:checked + label {background-color: lightblue; background-image: url('Theme/images/icons/checkbox.png');background-repeat: no-repeat;background-position: 0px -50px; }

html, body { height: 100%; }

body { color: #000; font-family: 'AdiHaus', 'Arial', 'Tahoma',Verdana,Arial,Helvetica,sans-serif; font-size: 100%; min-width: 1010px; }

.main { font-size: 14px; margin: 0 auto; margin-bottom: 20px; padding: 0; width: 980px; padding: 0px 10px; background-color: rgba(244, 244, 242, 1); padding-top: 10px; position: relative; display: table; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }

.clear { clear: both; }

#sitelogo { display: none; background: url("Theme/images/logo.png") no-repeat scroll 0 0 transparent; display: block; height: 60px; position: relative; text-indent: -5000px; width: 60px; margin-top: 10px; margin-left: 30px; }

#sitelogo2 { background: url("Theme/images/logo.png") no-repeat scroll 0 0 transparent; display: block; height: 60px; position: relative; text-indent: -5000px; width: 60px; margin-top: 10px; margin-left: 30px; }

#bg {   position: fixed;  top: 0;  left: 0;  width: 100vw;  height: 100vh;  object-fit: cover;  object-position: center; z-index: -1; pointer-events: none; }

.bgwidth { width: 100%; }

.bgheight { height: 100%; }


.blue { color: #006BB1 !important; }

.green { color: #8CC53F !important; }

.white { color: #FFFFFF !important; }

.gray { color: #444; }

.red { color: #f55; }

.winner { color: #006BB1 !important; }

.redbg { background-color: #f55; }

.bluebg { background-color: #006BB1; }

.greenbg { background-color: #8CC53F; }

.graybg { background-color: #7a7a7a; }

.bold { font-weight: bold; }

.upper { text-transform: uppercase; }

.invis { display: none; }

.button { text-transform: uppercase; font-size: 12px; font-weight: bold; border: none; padding: 5px 20px; }

.left { float: left; }

.right { float: right; }

.marb10 { margin-bottom: 10px; }

.mart10 { margin-top: 10px; }

.marl10 { margin-left: 10px; }

.marr10 { margin-right: 10px; }

.nomar { margin: 0px; }

.fntnor { font-weight: normal; }

.fullw { width: 980px; }

.padl10 { padding-left: 10px; }

/******************************************
                HEADER
******************************************/


#header { position: relative; margin: 0px; display: block; padding: 5px 0; width: 980px; height: 53px; background-color: transparent; margin: 0 auto; }

    #header .headersite { position: absolute; top: 10px; left: 270px; text-align: center; width: 580px; font-size: 25px; letter-spacing: 3px; font-weight: bolder; color: #006BB1; }

    #header .headertitle { position: absolute; top: 45px; left: 270px; text-align: center; width: 580px; font-size: 27px; font-weight: bolder; color: #000; text-transform: uppercase; }


/******************************************
                FLAGS  
******************************************/

#languages { position: absolute; top: 23px; right: 10px; display: inline-block; }

    #languages li { margin-right: 5px; display: inline-block; }

        #languages li a img { border: none; opacity: 0.35; filter: alpha(opacity=35); /* For IE8 and earlier */ }

        #languages li a:hover img { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }

        #languages li a img.active { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }

#languages_select { display: block; display: none; }

    #languages_select ul { text-align: right; }

    #languages_select li { margin-right: 5px; display: inline-block; }

        #languages_select li a img { border: none; opacity: 0.35; filter: alpha(opacity=35); /* For IE8 and earlier */ }

        #languages_select li a:hover img { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }

        #languages_select li a img.active { opacity: 1; filter: alpha(opacity=100); /* For IE8 and earlier */ }


/******************************************
                MENU  
******************************************/


.menu { margin: 0px; display: block; /*position: absolute;*/ width: 100%; background-color: #321D55; /*#006BB1*/ height: 55px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }

    .menu ul { margin-left: 20px; }

    .menu li, .menu li.active { display: inline-block; margin-right: 20px; }

        .menu li a { color: #9eafbb; text-decoration: none; text-transform: lowercase; line-height: 55px; padding: 0px 5px 0px 5px; text-transform: uppercase; font-size: 16px; font-weight: bold; }

            .menu li a:hover { color: #fff; }

        .menu li.active a { color: #fff; }


/******************************************
                SUBMENU
******************************************/

.submenu { font-size: 15px; padding: 10px 0px 10px 0px; margin-top: 5px; margin-bottom: 10px; display: block; font-weight: 700; text-transform: uppercase; /*background-color: #9FC7E2;*/ }

    .submenu li, .submenu li.active { margin-right: 15px; display: inline-block; }

        .submenu li a { color: #111; text-decoration: none; }

            .submenu li a:hover { color: #006BB1; }

        .submenu li.active a { color: #006BB1; }

        .submenu li.active, .submenu li { color: #888; }



/******************************************
                FILTERS
******************************************/

.filters { font-size: 12px; padding: 10px 0px 10px 10px; margin: 5px 0px 10px 0px; display: block; font-weight: 700; text-transform: uppercase; background-color: #D4E6F2; }

    .filters li, .filters li.active { display: inline-block; margin-right: 15px; width: 225px; padding: 2px 0px; }

        .filters li a { color: #111; text-decoration: none; }

            .filters li a:hover { color: #006BB1; }

        .filters li.active a { color: #006BB1; }



/******************************************
                HEADERS
******************************************/

h1, h2, h3, h4, h5, h6 { font-family: 'AdiHaus', 'Tahoma',Verdana,Arial,Helvetica,sans-serif; line-height: 1.3em; }

h1 { font-size: 28px; font-weight: normal; margin: 0; padding-bottom: 35px; padding-top: 30px; }

h2 { font-size: 24px; font-weight: normal; margin: 0; padding-bottom: 5px; padding-top: 5px; }

h3 { font-size: 20px; font-weight: normal; margin: 0; padding-bottom: 5px; padding-top: 5px; }

h4 { font-size: 15px; font-weight: normal; margin: 0; }

h5 { font-size: 13px; font-weight: normal; line-height: 130%; margin: 0; }

h6 { font-size: 12px; font-weight: normal; line-height: 130%; margin: 0; }



/******************************************
                LINKS
******************************************/

a { color: #006BB1; outline: medium none; text-decoration: none; }

    a:hover { text-decoration: underline; }



/******************************************
                TOURNAMENTS
******************************************/

table.tournamentInfo td { padding-bottom: 1px; }
table.tournamentInfo tr:last-child td { padding-bottom: 0px; }

.imageholder { position: relative; width: 100px; display: inline-block; vertical-align: top; margin-left: 15px; }

    .imageholder.small { /*background-image: url("Theme/images/frame190x180.png");*/ height: 116px; }

    .imageholder.big { /*background-image: url("Theme/images/frame190x268.png");*/ height: 295px; }

    .imageholder .image { position: absolute; overflow: hidden; top: 10px; }

        .imageholder .image.small { /*height: 180px;*/ right: 0px; top: 0px !important; }

        .imageholder .image.big { height: 268px; width: 190px; left: 10px; }

        .imageholder .image img { width: 190px; }

        .imageholder .image.small img { width: 82px; height: 115px; }


.tournaments { margin-bottom: 15px; position: relative; padding: 10px; background-color: #f4f4f2; border: 1px solid #8e8b8e; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; /*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/ -moz-box-shadow: 3px 3px 2px #717273; -webkit-box-shadow: 3px 3px 2px #717273; box-shadow: 3px 3px 2px #717273; filter: progid:DXImageTransform.Microsoft.Shadow(strength = 3, direction = 135, color = '#717273'); -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 135, Color = '#717273')"; }


    .tournaments .dataholder { width: 829px; display: inline-block; vertical-align: top; font-size: 16px; }
        .tournaments .dataholder .numbers { font-size: 14px; }
        .tournaments .dataholder .data { vertical-align: top; display: block; margin-bottom: 2px; }

            .tournaments .dataholder .data .label { width: 140px; vertical-align: top; display: inline-block; }

                .tournaments .dataholder .data .label.title { font-size: 22px; font-weight: bold; }

            .tournaments .dataholder .data .value { vertical-align: top; display: inline-block; }

                .tournaments .dataholder .data .value.title { font-size: 22px; font-weight: bold; padding-top: 0px; line-height: normal; width: 100%; }

                    .tournaments .dataholder .data .value.title img.elequipment { top: 0px; right: 0px; }

                    .tournaments .dataholder .data .value.title a { color: #000; }

                .tournaments .dataholder .data .value::after { clear: both; }

    .tournaments:after { clear: both; }

    .tournaments h3 { color: #006BB1; font-weight: 600; display: inline-block; }

    .tournaments h4 { color: #006BB1; float: right; font-weight: 600; padding-top: 15px; }

    .tournaments .choose { position: absolute; bottom: 3px; }

        .tournaments .choose a { text-decoration: none; }



/******************************************
                FOOTER
******************************************/

#footer { margin-top: 30px; padding-top: 10px; border-top: solid 1px #ccc; font-size: 11px; margin-bottom: 15px; padding-bottom: 15px; }




table.about td { vertical-align: top; padding-top: 10px; padding-bottom: 3px; }



/******************************************
            TELERIK OVERRIDE
******************************************/

html .RadTabStrip_MetroTouch .rtsSelected2, html .RadTabStrip_MetroTouch .rtsSelected2:hover { background-color: #61b800 !important; border-color: #61b800 !important; color: white !important; }


.rgHeader.forceHide { height: 0px !important; line-height: 0px !important; padding: 0px !important; }

    .rgHeader.forceHide * { display: none; }

/******************************************
            APPLICATIONS
******************************************/
table.application { width: 980px; }

    table.application thead td { text-align: center; padding: 10px 0px; }

    table.application td { vertical-align: top; padding: 0px 10px; }

    table.application thead td div.circle { /*background-image: url("Theme/images/circle_27.png");*/ border: 1px solid #666; background-color: #D4E6F2; border-radius: 50%; width: 27px; height: 27px; background-repeat: no-repeat; background-position: 0 0; margin-right: 5px; font-size: 14px; font-weight: 400; display: inline-block; margin-top: 4px; line-height: 26px; }

    table.application td h3 { padding-top: 0px; padding-bottom: 10px; margin: 0px; }

    table.application table.choose { width: 100%; }

        table.application table.choose td.label { padding: 0px; height: 30px; }

        table.application table.choose td.data { text-align: right; }


table.register { width: 480px; margin-left: 200px; }

    table.register td { padding: 4px 0px 4px 20px; vertical-align: top; }

        table.register td.gray { width: 150px; }

        table.register td input { padding: 2px 4px; width: 250px; }

            table.register td input[type="submit"] { text-transform: uppercase; font-size: 12px; font-weight: bold; border: none; padding: 5px 20px; width: auto; cursor: pointer; }

            table.register td input.pad { padding: 15px 25px !important; }

    table.register table.data { width: 420px; }

        table.register table.data td { vertical-align: middle; }



table.login { width: 480px; margin-left: 200px; }

    table.login td { padding: 4px 0px 4px 20px; vertical-align: top; }

        table.login td.gray { width: 150px; }

        table.login td input { padding: 2px 4px; width: 250px; }

            table.login td input[type="submit"] { text-transform: uppercase; font-size: 12px; font-weight: bold; border: none; padding: 5px 20px; width: auto; cursor: pointer; }

            table.login td input.pad { padding: 15px 25px !important; }

    table.login table.data { width: 420px; }

        table.login table.data td { vertical-align: middle; }

table.clubdata { width: 880px; margin-left: 50px; }

    table.clubdata td { padding: 4px 0px 4px 10px; vertical-align: top; }

        table.clubdata td.gray { width: 150px; }

        table.clubdata td input { padding: 2px 4px; width: 250px; }

            table.clubdata td input[type="submit"] { text-transform: uppercase; font-size: 12px; font-weight: bold; border: none; padding: 5px 20px; width: auto; cursor: pointer; }

            table.clubdata td input.pad { padding: 15px 25px !important; }

    table.clubdata table.data { width: 420px; }

        table.clubdata table.data td { vertical-align: middle; }


/*Validation*/
.field-validation-error { color: #FF0000; }

.field-validation-valid { display: none; }

.input-validation-error { background-color: #FFEEEE !important; border: 1px solid #FF0000 !important; }

.validation-summary-errors { color: #FF0000; font-weight: bold; }

.validation-summary-valid { display: none; }

div.error { color: #FF0000; }


/*  Competitors  */
.competitors h3 { padding: 10px 0px 20px; }

.competitors h5 { padding: 10px 0px 0px 0px; border-bottom: 1px solid #ccc; margin-bottom: 10px; }

.competitors h6 { padding: 5px 0px 5px; margin: 10px 0px 0px 0px !important; color: #1288E3 !important; font-size: 18px !important; }

.competitors ul { padding-bottom: 20px; }

.competitors .pro_table { margin-bottom: 0px; }

    .competitors .pro_table thead { background-color: #204B60; color: #fff; }

.competitors .pro_info-indent { float: none !important; margin: 0px !important; }

.competitors .pro_danger { font-size: 16px !important; text-transform: uppercase !important; }

div.winners { position: relative; /*width: 300px; margin-left: 10px;*/ color: #2D2D2D; margin-top: 20px; }

    div.winners table { /*position: absolute;*/ bottom: 0px; left: 0px; /*background-color: #626262; width: 300px;*/ }

        div.winners table td { padding-left: 10px; }

        div.winners table div.medal { padding: 2px 0px; font-size: 12px; text-shadow: 1px 1px 1px #adadad; white-space: nowrap; cursor: pointer; }

        div.winners table td.medalists { font-size: 14px; color: #006BB1; font-weight: bold; }


fieldset.bracketpublished { width: 100%; padding-bottom: 10px; }

    fieldset.bracketpublished legend { background-color: #D9D9D9; width: 100%; margin-bottom: 15px; }

    fieldset.bracketpublished h3 { font-weight: bold; }

.sttrgh span, span.sttrgh { text-decoration: line-through; }


/*  fight outcomes  */
.finishedfight { background-color: #C9E7F5; }


/*  table with padding  */
.tblpadding td { padding: 3px 5px; vertical-align: middle; }




/*   TELERIK    */
.RadTabStrip_Metro .rtsLevel .rtsLink .rtsTxt { text-transform: none !important; }