/* default ----------------------------------------------------------*/
*                           { }
html                        { }
body                        { background:none !important; 
                              /*background: url("/images/bg.jpg")  no-repeat scroll center 0px transparent !important;*/ position: relative;  
                              /*background: rgba(0, 0, 0, 0) url("http://img.uefa.com/imgml/2016/euro/background.jpg") no-repeat scroll center -27px;*/   
                               /*background: #0f4583 url("/images/fwc_darkbluebg.png") repeat;            */
}
    body::after {
        content: "";
        /*background: url(https://img.uefa.com/imgml/uefacom/euro2020/backgroundDark01M.jpg) repeat;*/

        background-color: #005B94;
        opacity: 1;
        /* background-image: repeating-radial-gradient( circle at 0 0, transparent 0, #e5e5f7 40px ), repeating-linear-gradient( #8A153855, #8A1538 );

           */
        /* background-image: url(https://img.uefa.com/imgml/uefacom/elements/main-nav/uefa-nav-bg-slim.jpg);
    background-position-x: center;
    background-repeat: repeat-y;*/

        /*opacity: 0.75;*/
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }

 /*background: #007cba url("http://img.uefa.com/imgml/2016/euro/bg_pattern.png") repeat scroll center top / 100% auto;*/


a:link, a:visited           { color:#0379B6 !important; /*color: #354D1D;*/ text-decoration: none; }
a:hover                     { color:#4A8BF4 !important; /*color: #626B1C;*/ text-decoration: none; }
a:active                    { color: #034af3 !important; }
p                           { /*margin-bottom: 10px; line-height: 1.6em; */}
img                         { border:none;}
.left                       { float:left;}
.right                      { float:right;}
.separatorline              { border-bottom:1px solid #DDE3E1;}
.hidden                     { display:none; }
.centered                   { text-align:center;}
.centeredcontent            { margin:0 auto; text-align:center; }
.bold                       { font-weight:bold;}
.pointer                    { cursor:pointer;}
h1                          { text-align:center; background}
h1 img                      { margin:0 auto;}
h2                         { font-family: Tahoma, Verdana, Arial !important; font-size:24px; font-weight:bold; text-align:center; padding:10px 0px;}
h3                         { font-family: Tahoma, Verdana, Arial !important; font-size:16px; font-weight:bold; text-align:center;}
h4                         { font-family: Tahoma, Verdana, Arial !important; font-size:14px; text-align:center;}

.textleft                   { text-align:left;}
.textcenter                 { text-align:center;}
.textright                  { text-align:right;}

/* spacers -----------------------------------------------------------*/
.clear-all                  { clear:both; height:0px; line-height:0px; }
.spacer1                    { clear:both; height:1px; }
.spacer2                    { clear:both; height:2px; }
.spacer3                    { clear:both; height:3px; }
.spacer4                    { clear:both; height:4px; }
.spacer5                    { clear:both; height:5px; }
.spacer10                   { clear:both; height:10px; }
.spacer20                   { clear:both; height:20px; }
.spacer30                   { clear:both; height:30px; }
.spacer40                   { clear:both; height:40px; }
.spacer50                   { clear:both; height:50px; }
.spacer100                  { clear:both; height:100px; }

#header                     { margin:0px 0px 20px 0px; padding:10px 0px 0px 0px; /*box-shadow: 2px 2px 3px #C2C0BE;*/
                             /* box-shadow: 2px 2px 3px #028194;*/

    /*background-image: url(../images/snow-pattern.png);*/
    background: #D9E7EF;
    background-size: contain; /*cover;*/
    background-repeat: repeat-x;

                               /*  background-image: url(https://img.uefa.com/imgml/uefacom/euro2020/backgroundDark01M.jpg);
        background-size: cover;
        background-repeat: repeat-y;*/


                           /* background: rgba(50,98,149,0.7); 
                            background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#07305e));
                            background: -webkit-linear-gradient(#DCEFFD, #1565c0, #b92b27);
                            background: -moz-linear-gradient(#DCEFFD, #1565c0, #b92b27);
                            background: -ms-linear-gradient(#DCEFFD, #1565c0, #b92b27);
                            background: -o-linear-gradient(#DCEFFD, #1565c0, #b92b27);
                            background: linear-gradient(#DCEFFD, #1565c0, #b92b27);*/




                            /*background: -webkit-linear-gradient(#07305e, #DCEFFD);
                            background: -moz-linear-gradient(#07305e, #DCEFFD);
                            background: -ms-linear-gradient(#07305e, #DCEFFD);
                            background: -o-linear-gradient(#07305e, #DCEFFD);
                            background: linear-gradient(#07305e, #DCEFFD);
                                */

/*background: linear-gradient(#b92b27, #DCEFFD);*/

/*#004ff9 → #fff94c*/
/* #b92b27 → #1565c0 */
/* 0099f7 → #f11712*/
/*#fffbd5→ #b20a2c*/


                              /*background:rgba(50,98,149,0.7); 
                              background: -webkit-gradient(linear, 0 0, 0 bottom, from(#EEFF99), to(#66EE33));
background: -webkit-linear-gradient(#326295, #DCEFFD);
background: -moz-linear-gradient(#326295, #DCEFFD);
background: -ms-linear-gradient(#326295, #DCEFFD);
background: -o-linear-gradient(#326295, #DCEFFD);
background: linear-gradient(#326295, #DCEFFD); */
/*background: #007cba url("http://img.uefa.com/imgml/2016/euro/bg_pattern.png") repeat scroll center top / 100% auto;*/
    /*opacity: 0.2;*/
    z-index: 1;

}
#page                       { width: 960px;  background: #FDFDFD; margin: 20px auto 0px auto; border: 1px solid #DDE3E1;  }
#breadcrumbs                {}
#main                       { min-height: 420px; background: #F9F9F9;  }
#main #mainrow              { }
#footer                     { color: #4e5766; padding-top: 8px; margin: 0px auto; text-align:center; }
#footer .footercopyright, #footer .footerauthor { font-family: Verdana, Arial; color:#ffffff; } 
.footerinfo                 { margin-bottom: 40px;}

#headermyaccount                { position:absolute; top:130px; right:10px; color:#ffffff;}
#headermyaccount .inputwrapper  { margin:0px 0px 5px 0px; font-size:11px;}
#headermyaccount .inputwrapper a        { color:#ffffff; font-size:13px; font-weight:bold; }
#headermyaccount .inputwrapper a:hover  { color:#FFF279; }
#headermyaccount .loginbutton           { padding: 0px !important; font-size:11px;}
#headermyaccount .logininput            { width:100px; padding:1px; font-size:11px;}
#headermyaccount .loginerror            { color:#ffffff; /*color:#C80C1D;*/ font-size:11px; margin-right:5px;}
.errorborder                            { border: 1px solid #C80C1D !important;}

/* default.aspx ---------------------------------------------*/
#default                                    { position:relative; text-align:center; width:100%; }
#default .fb-like-box                       { height:60px; position:absolute; left:0px; top:0px;}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important; 
}
   /* html#facebook div {
        border: none !important;
          background: transparent !important;
    }*/

#default .centeredwidget                    { text-align:center; margin:0 auto; width:230px; min-height:100px;}
#default .scoreboard-wrapper                { margin: 0 auto; text-align: center;}
#comments-wrapper                           { width:800px; margin:0 auto;}
#commentform-wrapper                        { text-align:center;}
#commentform                                { margin: 0 auto; /*width:670px;*/}
#default .commentmsg                        { margin:20px 0px; font-size:15px; font-weight:bold; }
.lastupdateinfo                             { margin:0 auto; text-align:center;}
img.smallflag                               { width:10px; margin-bottom:5px;}
@media (max-width: 767px){
    .text-left-xs { text-align: left;} 
    .text-right-xs {text-align: right;}
    .text-center-xs {text-align: center;}
    .comment img { max-width:100%;}
    .comment iframe { max-width:100%;}
    #header  { padding-top:20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-sm { text-align: left;}
    .text-right-sm { text-align: right; }
    .text-center-sm { text-align: center;}
    .comment img { max-width:100%;}
    .comment iframe { max-width:100%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-md { text-align: left;}
    .text-right-md {text-align: right;}
    .text-center-md {text-align: center;}
    .comment img { max-width:100%;}
    .comment iframe { max-width:100%;}
}
@media (min-width: 1200px) {
    .text-left-lg {text-align: left;}
    .text-right-lg {text-align: right;}
    .text-center-lg {text-align: center;}
    .comment img { max-width:100%;}
    .comment iframe { max-width:100%;}
}

/* info.aspx / photo.aspx / history.aspx / userinfo.aspx ----*/
.pageinprogress                     { font-size:14px; text-align:center; margin:0 auto;}
.subpage                            {}
.subpage .sectiontitle              { font-weight:bold; font-size:13px; color:#C80C1D; margin-top:15px; /*margin: 15px 0px 5px 0px;*/}
.subpage .sectioncontent            { font-size:12px; /*padding:0px; margin:5px 0px 0px 0px;*/ margin-top:5px;}
.subpage .sectioncontent a          { color:#0379B6;}
.subpage .sectioncontent a:hover    { color:#4A8BF4;}
.subpage .sectioncontent .prizewin  { font-weight: bold; color: darkblue;  }
.subpage .sectioncontent .lastplace {  }
.subpage h2                         { font-family:Tahoma, Verdana, Arial; font-size:24px; font-weight:bold; text-align:center; padding:10px 0px;}

/* info.aspx */
#info                               {}

/* photo.aspx */
#photo                              { padding:0px 0px; }
#photo .sectiontitle                { text-align:center; }
#photo .sectioncontent              { /*margin: 5px 40px 0px 0px;*/}
#photo .sectioncontent  img         { }

/* history.aspx */
#history                            {}
#history .imagewrapper              { text-align:center; margin:10px;}
#history .imagewrapper img          { margin:0 auto;}
#history .sectiontitle              { /*font-size:19px;*/}
#history .sectioncontent            { font-size:14px;}
#history .tournamenttitle           { margin: 20px auto; text-align:center;  }
#history .leftimages                { float:left; width:400px;margin:0px; }
#history .leftimages .imagewrapper  { padding-bottom:10px; }
#history .rightstandings            { float:right; margin:0px 10px 0px 0px;/*width:530px;*/ }
#history .wrapper                   { float:left; width:300px;}
/*#history .ui-accordion .ui-accordion-content    { padding:0px 2px;}*/

/* userinfo.aspx */
#userinfo                           {}
#userinfo h2                        { color:#6a829e !important; text-transform:uppercase; }
#userinfo h3                        { text-transform:uppercase; padding-bottom:10px;}
#userinfo .topwrapper               { margin:40px;}
#userinfo .leftimage                { float:left; width:200px; margin:15px 40px 0px 0px; }
#userinfo .rightdata                { float:left;}
#userinfo .rightdata .wrapper       { float:left; width:300px;}
#userinfo .prediction               { min-height:500px;}
#userinfo .jerseywrapper            { position:relative; margin: 0 auto; width:280px;}
#userinfo .jerseytext               { position:absolute; top:40px; text-align:center; width:280px; margin:0 auto; font-family:Tahoma; font-weight:bold; font-size:22px;}
#userinfo .jerseynumber             { position:absolute; top:70px; text-align:center; width:280px; margin:0 auto; font-family:Tahoma; font-weight:bold; font-size:70px;}
#userinfo .jerseytextcolorAR        { color:#2F484D;}
#userinfo .jerseytextcolorBR        { color:#2F5E38;}
#userinfo .jerseytextcolorDE        { color:#28464E;}
#userinfo .jerseytextcolorES        { color:#FFF0CF;}
#userinfo .jerseytextcolorFR        { color:#ffffff;}
#userinfo .jerseytextcolorIT        { color:#ffffff;}
#userinfo .jerseytextcolorBE        { color:#aed234;}
#userinfo .jerseytextcolorHR        { color:#224394;}
#userinfo .jerseytextcolorEN        { color:#2c4d9c;}
#userinfo .jerseytextcolorPT       { color:#AA9964;}
#userinfo .jerseytextcolorblank     { color:#ffffff;}

/* usersinfo.aspx */
#usersinfo                           { }
#usersinfo h2                        { color:#6a829e !important; text-transform:uppercase;    }
#usersinfo .topwrapper               { margin:40px;}
#usersinfo .prediction               { min-height:500px;}
#usersinfo .sectiontitle             { text-align:center;}
#usersinfo .sectioncontent           { text-align:center;}
#usersinfo .separatorline            { border-bottom:#6a829e solid 3px; }
/* statistics.aspx */
#statistics                         { }
#statistics .wrapper                { margin:10px;}
#statistics .pointsinput            { width:20px; font-size:11px; /*height:12px;*/ }
#statistics .linkswrapper a         { font-size:11px;}
#statistics .submitmsg              { margin:0px auto; font-size:15px; font-weight:bold; min-height:20px; }

/* cookies */
#cookies                            { padding: 20px 30px; }

/* TABLES --------------------------------------------------------*/
table.scoreboard                                    { margin-left: auto; margin-right: auto; text-align:center; border-collapse: collapse; font-size: 13px; font-family: "Tahoma", Verdana, Arial, Helvetica, sans-serif;}		
table.scoreboard th, table.scoreboard td            { padding:4px 4px 4px 4px;  }
table.scoreboard th                                 { border-bottom:solid 1px #A6B3AC; /*border-top:solid 1px #A6B3AC;*/ border-right:none; font-weight:bold; text-align:center; font-weight:bold; } 
table.scoreboard th a                               { color:#000000; text-decoration:none; cursor:pointer;}
table.scoreboard td                                 { border-bottom:solid 1px #A6B3AC; color:#676767; vertical-align:top; }
table.scoreboard tr                                 { background-color: #EAFDFF;}
table.scoreboard tr.header th                       { border-top:none;}
table.scoreboard tr.header                          { background-color:transparent;}
table.scoreboard tr.even                            { background-color:transparent;/* background-color: #FFFFFF;*/}
table.scoreboard tr.topscore                        { /*background-color: #fdffd7;*/ /*#faffbd;*/  }
table.scoreboard tr.topscore td                     { font-weight:bold; color:darkblue; font-size:13px;}
table.scoreboard tr.topscore td a                   { font-weight:bold; color:darkblue !important; font-size:13px;}
/*table.scoreboard tr.topscore span.title             { color:cornflowerblue;   }*/
table.scoreboard td span.lastdaypoints              { }
table.scoreboard td span.maxlastdaypoints           { font-weight:bold; color:blue;  /*border: 1px solid blue; border-radius:5px; padding:0px 6px;*/  }
table.scoreboard tr.noborder td                     { border-bottom:none;}
table.scoreboard tr:hover	                        { background: #FFF279;/*#f3f3f3;*/ }
table.scoreboard tr.nohover:hover	                { background:none !important; }
table.scoreboard tr.nobackground	                { background:none !important; }
table.scoreboard .aligncenter                       { text-align:center;}
table.scoreboard .alignright                        { text-align:right;}
table.scoreboard .clickrow:hover                    { cursor:pointer; }
table.scoreboard tr.selected                        { background:#9CCEFF !important; font-weight:bold; }
table.scoreboard tr.selected td,
table.scoreboard tr.selected td a                   { color:darkblue !important;}
table.scoreboard td.markedtd                        { background:#f9f9f9;}
table.scoreboard td.sum                             { font-weight:bold;}
table.scoreboard span.topscore                      { font-weight:bold; color:Blue; }



table.scoreboard tr.inactive td                     { opacity:0.8 !important; filter:alpha(opacity=80) !important;}
table.scoreboard tr.cantwin td                      { opacity:0.7 !important; filter:alpha(opacity=70) !important;}
table.scoreboard tr.cantwin td a                    { color:#676767 !important;}
table.scoreboard tr.sumrow                          { }
table.scoreboard tr.sumrow td                       { border-top:2px solid #A6B3AC; font-weight:bold; }
table.scoreboard .borderright                       { border-right: #A6B3AC 1px solid !important; }

/* comments */
#comments                                               {}
#comments .commentscontent                              { border-radius:4px;}  
#comments .commentscontent .comment                     { color:#676767; vertical-align:top; background-color:#DDE3E1; border-bottom:1px solid #A6B3AC;}
#comments .commentscontent .commentselected             { background:#9CCEFF; }
#comments .commentscontent .commentinfo                 { padding:10px 0px 10px 0px; font-size:13px;}
#comments .commentscontent .commenttext                 { padding:0px 10px 0px 10px; font-size:12px; word-wrap: break-word; }
#comments .commentscontent .commenttext  li             { list-style-position:inside; }
#comments .last                                         { border-bottom:none !important;}


/*
table.comments                              { margin-left: auto; margin-right: auto;}
table.comments tr.headerrow th              { font-size:14px; font-weight:bold; border:none;}
table.comments tr.last td                   { border:none;}
table.comments .commentinfo                 { padding:10px 0px 10px 0px; font-size:13px;}
table.comments .commenttext                 { padding:0px 10px 0px 10px; width:775px;}
table.comments th, table.comments td        { padding:4px 0 4px 5px; font-size:12px; border-bottom:solid 1px #A6B3AC; }
table.comments td                           { color:#676767; vertical-align:top; background-color:#DDE3E1;}
*/

/* navigation */
.navigation                             { margin: 0 auto; text-align:center; font-family:Arial, Tahoma; font-size:12px; color:#0379B6; /*min-width:505px;*/}
.navigation a                           { color:#0379B6;}
.navigation select                      { color:#0379B6;}
.navigation .disabled                   { /*color:#676767;*/ opacity:0.4 !important; filter:alpha(opacity=40) !important;}
.navigation .selected                   { font-weight:bold; }
.navigation .pages                      { font-size:13px;}
.navigation .pages a                    { font-size:13px;}
.navigation .pages a                    { font-size:13px;}
.navigation .pages img                  { margin-bottom:3px;}

 .google-maps                           { position: relative; /*padding-bottom: 55% !important;*//* height: 0;*/ /*overflow: hidden;*/ }
 .google-maps iframe                    { position: absolute; top: 0; left: 0; width: 100% !important; /*height: 100% !important;*/ }

#historyfacts           { margin-top:20px;}
#historyfacts ul li     { list-style-position:inside;}
#historyfacts h3        { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-size:14px; font-weight:bold; text-align:center;}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}

/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    table.scoreboard            { font-size: 14px;  }
    table.scoreboard td         { line-height:2.4 !important;  }
    table.groupscoreboard th    { font-size:12px;}
    table.groupscoreboard td    { font-size:13px; padding:4px 0px 4px 0px !important;}
    .navigation                 { font-size: 12px; line-height:2.4 !important;  }
    .navigation .pages a        { font-size:14px; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}


    
/* on mobile browsers, I set a width of 100% 
table.mceLayout, textarea.tinyMCE {
    width: 100% !important;
}

 on large screens, I use a different layout, so 600px are sufficient 
@media only screen and (min-width: 600px) {
    table.mceLayout, textarea.richEditor {
       width: 600px !important;
    }
}
*/