html{
    background: antiquewhite;
}
body{
    height: 100%;
    background: -moz-linear-gradient(-45deg,  rgba(140,0,119,0.73) 0%, rgba(65,79,204,0.33) 29%, rgba(198,199,204,0) 53%, rgba(204,204,204,0.02) 54%, rgba(94,157,160,0.52) 81%, rgba(143,178,105,0.88) 100%);
    background: -webkit-linear-gradient(-45deg,  rgba(140,0,119,0.73) 0%,rgba(65,79,204,0.33) 29%,rgba(198,199,204,0) 53%,rgba(204,204,204,0.02) 54%,rgba(94,157,160,0.52) 81%,rgba(143,178,105,0.88) 100%);
    background: linear-gradient(135deg,  rgba(140,0,119,0.73) 0%,rgba(65,79,204,0.33) 29%,rgba(198,199,204,0) 53%,rgba(204,204,204,0.02) 54%,rgba(94,157,160,0.52) 81%,rgba(143,178,105,0.88) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba8c0077', endColorstr='#e08fb269',GradientType=1 );
    overflow: auto!important;
}
form{
    display: block;
    padding: 5px;
    text-align: left;
}
form >div{
    display: inline-block;
    *display:inline;
    zoom: 1;
    width:180px;
    text-align: left;
    margin-left: 50px;
}
form >div label{
    display: block;
    width:70px;
    height:20px;
    line-height:40px!important;
    left:-75px;
    top:0px;
    color:#006699;
    font-size: 12px;
    position: absolute;
    text-align: right;
}

.register{
    height: 300px;
    text-align: left;
    display: inline-block;
    *display:inline;
    zoom: 1;
    vertical-align: top;
    font-size: 0px;
    /*background: rgba(255,255,100,.4);*/
    -webkit-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.41);
    -moz-box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.41);
    box-shadow: 2px 2px 14px 0px rgba(0,0,0,0.41);
    color:#fff;
}
.register p{
    font-size: 14px;
    line-height: 16px;
}
form >div i{
    display: block;
    width:30px;
    height:30px;
    line-height:30px!important;
    left:-40px;
    top:0px;
    color:#777;
    font-size: 16px;
    position: absolute;
    text-align: center;
}
.login{
    width:100%;
    height:100%;
    vertical-align: top;
    font-size: 0px;
}

.login .forgot{
    font-family: 'Oswald', sans-serif;
    position: absolute;
    bottom:5px;
    right:5px;
    background: #136D48;
    color:#fff;
    display: block;
    padding: 5px 10px;
    font-size: 14px;
    text-decoration: none;
}
.login h1{
    font-size: 10px;
    margin-bottom: 10px!important;
    margin: 0px;
    height:30px;
    line-height:30px;
    padding: 0px 20px;
    display:inline-block;
    *display:inline;    zoom: 1;
    vertical-align: top;
    font-style: italic;
    user-select:none;
    opacity: 0.75;    
    color:#3E5C6D;
    background: #FDEAA0;
    background: -moz-linear-gradient(-45deg,  #FDEAA0 0%, #EBE7D9 100%);
    background: -webkit-linear-gradient(-45deg,  #FDEAA0 0%,#EBE7D9 100%);
    background: linear-gradient(135deg,  #FDEAA0 0%,#EBE7D9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDEAA0', endColorstr='#EBE7D9',GradientType=1 );
}
.login h1 span{
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
}
.login h1.active span{
    color:#fff!important;
}
.login input{
    width:180px;
    height: 30px;
    padding: 5px 5px;
    margin-bottom: 3px;
}
.login select{
    width:180px;
    height: 35px;
    padding: 5px 5px;
    margin-bottom: 5px;
}
.login button{
    font-family: 'Oswald', sans-serif;
    color:#fff;;
    outline: none;
    border:none;
    margin-top: 5px;
    font-size: 16px;
    padding: 5px 15px;
    background: #8C1988;
    opacity: 0.8;
}
.login button:hover{
    opacity: 1;
}
.login button:active,.login button.tstart{
    color: #FDEAA0;
    background: #3E5C6D;
}


.login .message{
    text-align: left;
    font-size: 12px;
    line-height: 13px;
    margin: 5px 0px;
    padding: 5px 5px;
    width:300px;
    color: rgba(255,255,255,.8);
    background: rgb(160,77,0);
    background: -moz-linear-gradient(left,  rgba(160,77,0,1) 3%, rgba(168,42,42,1) 100%);
    background: -webkit-linear-gradient(left,  rgba(160,77,0,1) 3%,rgba(168,42,42,1) 100%);
    background: linear-gradient(to right,  rgba(160,77,0,1) 3%,rgba(168,42,42,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a04d00', endColorstr='#a82a2a',GradientType=1 );

}

.area{
    overflow: hidden;
    width: 100%;
    height:100%;
    position: absolute;
    z-index: 0;

}

#div_outer{
    position: fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    text-align: center;
    background-image: url(/img/bg_login.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}
.stylized_select >.items>.item{
    padding: 8px 10px!important;
    font-size: 12px!important;
}


#welcome_message{
    margin-bottom: 5px;
    border-radius: 3px;
    color: gold;
    font-size: 14px;
    background: rgb(0,87,109);
    background: -moz-linear-gradient(top,  rgba(0,87,109,1) 0%, rgba(0,107,142,1) 99%);
    background: -webkit-linear-gradient(top,  rgba(0,87,109,1) 0%,rgba(0,107,142,1) 99%);
    background: linear-gradient(to bottom,  rgba(0,87,109,1) 0%,rgba(0,107,142,1) 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00576d', endColorstr='#006b8e',GradientType=0 );

    padding: 2px 10px;
    display: inline-block;
    *display:inline;
    zoom: 1;
}

#org_message{
    margin-top: 30px;
    border-radius: 3px;
    color: gold;
    font-size: 16px;
    background: rgba(0,0,0,.3);

    padding: 2px 10px;
    display: inline-block;
    *display:inline;
    zoom: 1;
}

.log_menu_btn{
    text-align: left;
    /*width: 10px;*/
    padding: 0px 10px;
    font-size: 12px;
    margin: 0px 10px;
    border-radius: 10px;

    height:30px;
    line-height:30px;
    display: inline-block;
    *display:inline;
    zoom: 1;
    vertical-align: top;
    color: #fff;
    outline: none;
    border: none;
    font-size: 14px;
    background: rgba(0,0,0,.6);
    opacity: 1;
    margin-right: 5px;

}
.log_menu_btn i{
    position: absolute;
    left:0;
    top:0;
    width:30px;
    height:30px;
    line-height:30px;
    font-size: 16px;
    text-align: center;
    color: #fff;
    background: #3E5C6D;
    border-radius: 50px;
}
.log_menu_btn:hover{
    opacity: 0.8;
}
.log_menu_btn:active{
    color: #FDEAA0;
    background: #3E5C6D;
    transform: scale(.9,.9);
}

.info_sheet{
    text-align: left;
    padding: 20px;
    width:100%;
    max-height: 100%;
    overflow: auto;
    background: #fff;
    color:#444;
    font-size: 13px;
    /*line-height: 13px;*/
}

.info_sheet .images{
    width:150px;
    left:10px;
    top:10px;
    position: absolute;
}
.info_sheet .images img{
    width: 100%;
}

.info_sheet b{
    color:purple;
}
.info_sheet p{
    padding: 5px;
    margin: 10px 0px;
}
.intro_sheet{
    height:600px;
    padding-left: 170px;
}
h2{
    display: block;
    width:100%;
    height:30px;
    line-height: 30px;
    padding: 0px;
    text-align: center;
    font-size: 12px;
    margin: 0px;
    margin-bottom: 20px;
    background: rgba(0,0,0,.5);
}
p{
    font-size: 12px;
}

.ppt_results,.ppt_results2{
    margin-top: 30px;
    padding: 10px;
    background: #3E5C6D;
    color: #FDEAA0;
    height:90px;
}
.ppt_results .label,.ppt_results2 .label{
    font-size: 14px;
    opacity: 0.6;
}
.ppt_results .value,.ppt_results2 .value{
    margin-top: 10px;
    font-size: 18px;
    line-height: 19px;
}

.menu_block{
    position: relative;
    overflow: hidden;
    transition: .2s all ease;
    width:100%;
    height:220px;
    background: #fff;
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=1 );*/
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}
.menu_block .bg_l{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-position: left;
    background-repeat: no-repeat;
    background-size: cover;
}
.menu_block .bg_c{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.menu_block .bg_r{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}
.menu_block .bg_hoverable{
    transition: all .5s ease;
}
.menu_block:hover .bg_hoverable{
    transform: scale(1.2);
}
.menu_block.action:hover{
    transform: scale(1.01,1.01);
}
.menu_block.action:active{
    transform: scale(.95,.95);
}

.menu_block .header{
    text-transform: uppercase;
    line-height: 24px;
    position: absolute;
    top:10px;
    left:10px;
    color:darkslategray;
    font-size: 18px;
    font-family: 'Oswald', sans-serif;
    font-weight: 500;
    text-align: left;
}

.menu_block .subheader{
    /*color:#968A49;*/
    font-size: 14px;
    font-family: 'Oswald', sans-serif;
    font-weight: 200;
}

.menu_block .subtext{
    font-size: 22px;
    line-height: 22px;
    font-weight: 600;
    font-family: 'Oswald', sans-serif;
    color:#AD7F14;
    text-transform: uppercase;
    text-align: left;
    padding: 5px;
    padding-bottom: 20px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.menu_block .subtext i{
    font-size: 48px;
    background: -webkit-linear-gradient(goldenrod, #938D6B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dark_paragraph{
    background: #3F6B6B;
    color:#fff;
    font-size: 14px;
    padding: 10px;
}



#news_block .item{
    width:100%;
    padding: 10px;
    background: rgba(0,0,0,.05);
    margin-bottom: 5px;
    height:60px;
    color:#777;
    transition: all ease .2s;
}
#news_block .item:hover{
    background: rgba(0,0,0,.1);
}
#news_block .item:active{
    background: #096;
    color:#fff;
}
#news_block .item .headline{
    text-align: left;
    font-size: 15px;
    line-height: 16px;
    pointer-events: none;
    font-family: 'Oswald', sans-serif;
}

.fnl_header{
    text-transform: uppercase;
    font-size: 28px;
    color:gold;
    background: #111;
    font-family: 'Oswald', sans-serif;
    padding-right: 40px;
}

.prize_block{
    width:100%;
    height:80px;
    padding: 5px;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,.2);
}
.prize_block .label{
    font-size: 13px;
    color:rgba(255,255,255,.7);
}
.prize_block .value{
    font-size: 32px;
    color:#fff;
    height:32px;
    line-height:32px;
}

.prize_block.gold{
    background: rgb(109,98,72);
    background: -moz-linear-gradient(top,  rgba(109,98,72,1) 0%, rgba(178,164,58,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(109,98,72,1) 0%,rgba(178,164,58,1) 100%);
    background: linear-gradient(to bottom,  rgba(109,98,72,1) 0%,rgba(178,164,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d6248', endColorstr='#b2a43a',GradientType=0 );
}

.prize_block.silver{
    background: rgb(107,107,107);
    background: -moz-linear-gradient(top,  rgba(107,107,107,1) 0%, rgba(173,173,173,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(107,107,107,1) 0%,rgba(173,173,173,1) 100%);
    background: linear-gradient(to bottom,  rgba(107,107,107,1) 0%,rgba(173,173,173,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#adadad',GradientType=0 );
}

.prize_block.bronze{
    background: rgb(109,81,73);
    background: -moz-linear-gradient(top,  rgba(109,81,73,1) 0%, rgba(175,95,58,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(109,81,73,1) 0%,rgba(175,95,58,1) 100%);
    background: linear-gradient(to bottom,  rgba(109,81,73,1) 0%,rgba(175,95,58,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d5149', endColorstr='#af5f3a',GradientType=0 );
}

.prize_block.small{
    font-size: 16px;
    background: rgb(51,51,51);
    background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 100%);
    background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(51,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#333333',GradientType=0 );

}