/* ============== */
/* General Styles */
/* ============== */
* {
    margin:     0;
    padding:    0;
    text-decoration: none;
}

a{
    text-decoration: none;
}

fieldset {
    margin:     0;
    padding:    0;
    border:     0;
}

img {
    border: 0;
}

html, body, form {
    height: 100%;
}

body {
    font:                       100%/1.2 "Helvetica Neue", Helvetica, Arial, sans-serif;
    color:                      #2d2f35;
    background-color:           #ffffff;
    background-image:           none!important;
}

input, textarea, buttom, select {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.goLeft{float: left;}
.goRight{float: right;}
.hidden{display: none!important;}

.clearFloats:after {
  content: "";
  display: table;
  clear: both;
}

/* ============= */
/* Layout Styles */
/* ============= */
.Wrapper {
	min-height: 100%;
	height:     auto !important;
	height:     100%;
	margin:     0 auto -101px; /* the bottom margin is the negative value of the footer's height */
    clear:      both;   
}

.Footer, .End-Wrapper {
    width:      100%;
	height:     101px; /* .push must be the same height as .footer */
    clear:      both;
}

.Footer {
    height:         101px;
    background:     #ffffff;
}

/* Wrapper-Header */
.Wrapper-Header{
    width:      100%;
    height:     92px;
    clear:      both;
    background: #ebeef3 url(images/bar_top.gif) repeat-x left top;
}

.Wrapper-Header .Header{
    position:   relative;
    clear:      both;
    height:     92px;
}

.Wrapper-Header .Header .back-fpf{
    float:          left;
    font-size:      16px;
    font-weight:    bold;
    padding:        0 0 0 60px;
}

.Wrapper-Header .Header .back-fpf a{
    display:        block;
    color:          #ffffff;
    line-height:    42px;
    padding:        6px 0 0 65px;
    background:     url(images/back-fpf.png) no-repeat left center;
}

.Wrapper-Header .Header .Navigation-Top{
    float:      right;
    padding:    22px 0 0 0;
}

.Wrapper-Header .Header .Navigation-Top ul{
    display:        block;
    clear:          both;
    list-style:     none;
    margin:         0;
    padding:        0;
    font-size:      11px;
}

.Wrapper-Header .Header .Navigation-Top ul li{
    float:          left;
    padding:        0 30px 0 0;
}

.Wrapper-Header .Header .Navigation-Top ul li a{
    display:    block;
    clear:      both;
    padding:    0 0 4px 10px;
    color:      #9e9fa4;
    background: url(images/arrow-gray.png) no-repeat left 4px;
}

.touch .Wrapper-Header .Header .Navigation-Top ul li a:hover{
    color:      #ffffff;
    border-bottom:  2px solid #df0000;
    background: url(images/arrow-white.png) no-repeat left 4px;
}

.Wrapper-Header .Header .Logo{
    position:       absolute;
    left:           60px;
    top:            68px;
    z-index:        1;
    width:          121px;
    height:         74px;
}

.Wrapper-Header .Header .Logo h1{
    display:        block;
    width:          121px;
    height:         74px;
    margin:         0;
    padding:        0;
    background:     url(images/360TV.png) no-repeat center;
}

.Wrapper-Header .Header .Logo .headerTitle{
    display:        block;
    width:          121px;
    height:         74px;
}

.Wrapper-Header .Header .Logo .headerTitle-hide{
    display: none;
}

/* Wrapper-Main */
.Wrapper-Main {
    clear:      both;
    background: #ebeef3;
}

.Center {
    max-width:  960px;
    margin:     0 auto;
    clear:      both;
}

.Wrapper-Main .Wrapper-Main-Footer{
    clear:                      both;
    min-height:                 10px;
    padding:                    230px 0 0 0;
    background:                 url(images/footer-bg.png) no-repeat center top;
    -webkit-background-size:    cover;
    -moz-background-size:       cover;
    -o-background-size:         cover;
    background-size:            cover;
}


/* Footer */
.footer-separator{
    clear:          both;
    padding:        0 60px 50px 60px;
    margin:         0 0 30px 0;
    border-bottom:  1px solid #ebeef3;
}

.Footer .Top{
    padding: 10px 60px 50px 60px;
    margin: 0;
}

.Footer .Top .federacao{
    float:      left;
    width:      22px;
    height:     40px;
    background: url(images/federacao-logo.png) no-repeat center top;
}

.Footer .Top .fifa{
    float:      left;
    width:      52px;
    height:     40px;
    margin:    0 0 0 15px;
    background: url(images/fifa-logo.png) no-repeat center top;
}

.Footer .Top .uefa{
    float:      left;
    width:      28px;
    height:     40px;
    margin:    0 0 0 15px;
    background: url(images/uefa-logo.png) no-repeat center top;
}

.Footer .Top .copy{
    float:      left;
    font-size:  14px;
    color:      #000000;
    padding:    12px 0 0 48px;
    font-weight: bold;
}

.Footer .Top .termsconditions{
    float:      right;
    font-size:  12px;
    color:      #9ca1a8;
    padding:    12px 0 0 0;
    font-weight: bold;
}

.touch .Footer .Top .termsconditions:hover{
	color: #000000;
}

/* ============ */
/* Panes Styles */
/* ============ */
.contentPane{
	width: 100%;
    min-height: 150px;
	clear: both;
}

/* ============== */
/* Modules Styles */
/* ============== */
/* BackButton */
.contentPane #BackButton{
    display:        none;
    position:       absolute;
    left:           0;
    top:            0;
    width:          50px;
    height:         40px;
    text-indent:    -999px;
    overflow:       hidden;
    background: url(images/back-button.gif) no-repeat 0 top;
}

.touch .contentPane #BackButton:hover{
    background-position: -50px top;
}
/* End BackButton */

/* Buttons */
.green-button {
    cursor:                 pointer;
    white-space:            nowrap;
    display:                inline-block;
    zoom:                   1;
    *display:               inline;
    color:                  #ffffff!important;
    font-size:              15px;
    line-height:            35px;
    padding:                0 30px;
    margin:                 0;
	background:             #7fb124;
    border:                 1px solid #4b9c14;
    -webkit-border-radius:  3px;
    -moz-border-radius:     3px;
    border-radius:          3px;
}

.touch .green-button:hover {
	border:     1px solid #777777;
    background: #656c72;
}

/* ================================ */
/* Override Inheritance default.css */
/* ================================ */
/* clearfix propertie */
.Container-Standard {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.Container-Standard:after {
  content:  "";
  display:  table;
  clear:    both;
}

.DnnModule {
    position: static;
}

.dnnEditState .DnnModule {
    position:   relative;
    clear:      both;
}

.searchInputContainer a.dnnSearchBoxClearText {
    top: -6px;
}

.dnnLogin{
    padding: 20px 0;
    background: #ffffff;
}

/* Navigation-Tools */
.Navigation-Tools{
    float: right;
}

/* .loginGroup */
.loginGroup {
	float:          left;
    padding:        12px 0 0 0;
    border-left:    1px solid #ffffff;
}

.loginGroup a{
    float:              left;
    line-height:        25px;
    font-size:          12px;
    color:              #ffffff;
    text-transform:     lowercase;
    text-align:         center;
    background:         #ff0000;
    padding:            0 5px;
}

.touch .loginGroup a:hover{
    background:         #6f0000;
}

/* ============ */
/* Clean Styles */
/* ============ */
.Normal{
    color:          inherit;
    font-size:      inherit;
    line-height:    inherit;
    font-weight:    inherit;
}

.cleanStyle {
    line-height:    18px;
}

.cleanStyle img{
    max-width: 100%;
}

.cleanStyle h1, .cleanStyle h2, .cleanStyle h4, .cleanStyle h5, .cleanStyle h6 {line-height: 1; margin: 0 0 20px 0;}
.cleanStyle h3{
    line-height: 1; margin: 0 0 10px 0;
}

.cleanStyle h1 {font-size:30px; color: #000000;}
.cleanStyle h2 {font-size:20px; color: #9ca1a8;}
.cleanStyle h3 {font-size:18px; color: #000000;}
.cleanStyle h4 {font-size:13px; color: #9ca1a8;}
.cleanStyle h5 {font-size:10px; color: #000000; text-transform: uppercase;}
.cleanStyle h6 {font-size:10px; color: #9ca1a8; text-transform: uppercase;}
.cleanStyle strong{font-weight: 700;}

/* anchor style */
.cleanStyle a, .cleanStyle a:active {color:#9bcc00;}
.touch .cleanStyle a:hover{color:#000000;}

/* paragraph style */
.cleanStyle p { margin: 0 0 20px 0;}

hr {clear: both; height: 1px; border: 0; background: #cdd2d7; line-height: 1px; margin: 20px 0; float: left; width: 100%}

/* UnOrdered List */
.cleanStyle ul li {list-style-type: disc; margin-bottom: 8px; vertical-align: top;}
.cleanStyle ul ul {margin-top: 8px; margin-left: 30px;}
.cleanStyle ul ul li {list-style-type: circle;}
.cleanStyle ul ul ul li {list-style-type: square;}

/* Ordered List */
.cleanStyle ol li {list-style-type: decimal; margin-bottom: 8px; vertical-align: top;}
.cleanStyle ol ol {margin-top: 8px; margin-left: 30px;}
.cleanStyle ol ol li {list-style-type: lower-roman;}
.cleanStyle ol ol ol li {list-style-type: lower-alpha;}
.cleanStyle ol ul li {list-style-type: lower-roman;}

.cleanStyle ul, .cleanStyle ol{padding: 0 0 20px 20px;}

/* table style */
/* Default Table Style */
.cleanStyle table {width: 100%; margin: 0 0 20px 0; border-collapse: collapse; border-spacing: 0; background-color: transparent;}

.cleanStyle table th, 
.cleanStyle table td {text-align: center; height: 40px; padding: 0 20px; vertical-align: middle;}

.cleanStyle table thead th {font-size: 10px; color: #949a9f; background-color: #e0e2e5; font-family: 'Roboto';}

.cleanStyle table tbody th,
.cleanStyle table tbody td {font-size: 14px; color: #000000; border-bottom: solid 1px #cdd2d7;}