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

html, body { height: 100%; }
body { background-color: #333333; color: #fff; font-family: 'Arial', 'Tahoma',Verdana,Arial,Helvetica,sans-serif; font-size: 100%; min-width: 1010px; }
.main { font-size: 14px; margin: 0 auto; padding: 0; width: 1300px; }
.clear { clear: both; }
#sitelogo { background: url("Theme/images/logo.png") no-repeat scroll 0 0 transparent; display: block; float: left; height: 60px; position: relative; text-indent: -5000px; width: 60px; margin-top: 10px; margin-left: 30px; }

.blue { color: #00ACD9; }
.green { color: #8CC53F; }
.white { color: #FFFFFF; }
.gray { color: #9E9E9E; }
.red { color: #f55; }
.winner { color: #FF7F00; }
.bluebg { background-color: #00ACD9; }
.greenbg { background-color: #8CC53F; }
.redbg { background-color: #FF4D4D; }
.orangebg { background-color: #FF4D4D; }
.bold { font-weight: bold; }

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

.left { float: left; }
.right { float: right; }
.nomar { margin: 0px; }
.marb10 { margin-bottom: 10px; }
.mart10 { margin-top: 10px; }
.marl10 { margin-left: 10px; }
.marr10 { margin-right: 10px; }
.padb10 { padding-bottom: 10px; }
.padt10 { padding-top: 10px; }
.padl10 { padding-left: 10px; }
.padr10 { padding-right: 10px; }
.marb30 { margin-bottom: 30px; }


.fullw { width: 960px; }


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

.RadInput_Bootstrap .riTextBox, .RadInputMgr_Bootstrap { padding: 6px 6px !important; }

    .RadGrid_Bootstrap .rgInput, .RadGrid_Bootstrap .rgEditRow > td > [type="text"], .RadGrid_Bootstrap .rgEditForm td > [type="text"], .RadGrid_Bootstrap .rgBatchContainer > [type="text"], .RadGrid_Bootstrap .rgFilterBox { padding: 6px 6px !important; }




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

#languages { height: 25px; margin: 10px 0px 0px 25px; 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 */ }


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

.menu { font-size: 18px; margin-top: 20px; margin-bottom: 25px; float: right; }
    .menu li, .menu li.active { float: left; margin-right: 13px; }
        .menu li a { color: #fff; text-decoration: none; text-transform: lowercase; }
            .menu li a:hover { color: #00ACD9; }
        .menu li.active a { color: #00ACD9; }


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

.submenu { font-size: 12px; margin-top: 5px; margin-bottom: 40px; display: block; font-weight: 700; text-transform: uppercase; }
    .submenu li, .submenu li.active { float: left; margin-right: 15px; }
        .submenu li a { color: #fff; text-decoration: none; }
            .submenu li a:hover { color: #00ACD9; }
        .submenu li.active a { color: #00ACD9; }
        .submenu li.active, .submenu li { color: #545454; }




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

h1, h2, h3, h4, h5, h6 { font-family: 'Arial', 'Tahoma',Verdana,Arial,Helvetica,sans-serif; line-height: 1.3em; }
h1 { font-size: 36px; font-weight: normal; margin: 0; padding-bottom: 35px; padding-top: 30px; }
h2 { font-size: 26px; 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: #00ACD9; outline: medium none; text-decoration: none; }
    a:hover { text-decoration: underline; }



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

.tournaments { margin-bottom: 50px; }
    .tournaments:after { clear: both; }
    .tournaments h3 { color: #00ACD9; float: left; font-weight: 600; }
    .tournaments h4 { color: #00ACD9; float: right; font-weight: 600; padding-top: 15px; }
    .tournaments .choose { float: right; }
        .tournaments .choose a { display: block; padding: 7px 25px; border: none; font-size: 12px; font-family: 'Arial', 'Tahoma',Verdana,Arial,Helvetica,sans-serif; cursor: pointer; }
            .tournaments .choose a:hover { text-decoration: none; }



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

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




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


/******************************************
            APPLICATIONS
******************************************/
table.application { width: 960px; }
    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"); width: 27px; height: 27px; background-repeat: no-repeat; background-position: 0 0; padding-right: 10px; font-size: 14px; font-weight: 400; display: inline-block; padding-top: 2px; }

    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: 960px; }
    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 table.data { width: 420px; }
        table.register table.data td { vertical-align: middle; }



/************************************************************************************
            BRACKETS - postavljanje zdrijebova poborilistima
************************************************************************************/
table.brackets { width: 960px; }
    table.brackets thead td { padding: 5px 10px; }
    table.brackets td { vertical-align: middle; padding: 3px 10px; }
    table.brackets tr.altRow td { background-color: #414141; }


/*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; }


/*  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; }
.competitors .winners { position: relative; width: 300px; margin-left: 10px; }
.competitors div.winners table { position: absolute; bottom: 0px; left: 0px; background-color: #626262; width: 300px; }
    .competitors div.winners table div.medal { padding: 2px 5px; }


div.winners { margin-left: 10px; position: relative; width: 300px; }

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


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


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



/************************************************************************************
            STATISTICS - Fights review
************************************************************************************/

table.FightsReview { border-spacing: 2px; border-collapse: separate;}
table.FightsReview td { padding: 2px 3px; color: #414141;}
table.FightsReview td.hdr { text-align: center; font-size: 1.5em; font-weight: bold; color: aqua; }
table.FightsReview td.nfsh { background-color: #cccccc;}
table.FightsReview td.fsh {  background-color: #c2f284}
table.FightsReview td.ttl { background-color: #ffd700 ; color: #414141; font-size: 1.2em; font-weight: bold; text-align: center;}