@charset "utf-8";
/* CSS Document */

/* first for Internet Explorer < 9 */
@font-face {
    font-family: DINWebCondBold;
    src: url("DINWebCondBold.eot");
}

/* then for WOFF-capable browsers */
@font-face {
    font-family: DINWebCondBold;
    src: url("DINWebCondBold.woff") format("woff");
}

h1, h2, h3, h4 {
    font-family: DINWebCondBold, Arial, sans-serif;
}

body {
    font-family: DINWebCondBold, Arial, sans-serif;
    font-size: 17px;
    margin: 0;
    width: 100%;
    padding: 0;
    color: white !important;

    background: black url('../../../images/ff-body-background.jpg') no-repeat 50% 50% fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.clear {
    clear: both;
}

/*Table styling*/

table {
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
}

.tableHeader {
    font-size: 24px;
    font-family: DINWebCondBold, Arial, Helvetica, sans-serif;
}

a {
    color: white !important;
    text-decoration: none !important;
}

td a:hover {
    background: #83f001;
}

.tableBody {
    border-bottom: white 1px solid;
}

.tableBody2 {
    border-bottom: white 1px solid;
    background: url(../../../images/semi.png) 50% 0 repeat;
}

.bull {
    font-size: 36px;
    line-height: 18px;
}

.green {
    color: #83f001;
}

p {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 20px 0;
    font-size: 13px;
}

p, ul {

    font-weight: normal;
    font-style: normal;
}

img {
    border: 0;
}

h1, #pixels {
    margin-bottom: 36px;
    font-size: 50px;
    font-weight: normal;
    font-style: normal;
    text-align: left;

}

h2 {

    font-weight: normal;
    font-style: normal;
}

.story h3 {
    font-size: 25px;
    font-weight: normal;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#squadlist h3 {
    font-size: 25px;
    font-weight: normal;
}

.story h4 {
    font-size: 24px;
    font-weight: normal;
    margin: 10px 0 12px;
}

.story .subtitle {
    font-size: 12px;
    font-weight: normal;

}

#header h1, #pixels {
    color: #48941A;
}

.float-left {
    float: left;
    margin: 0 0 0 20px;
}

.float-right {
    float: right;
    margin: 0 20px 0 0;
}

.center {

    padding: 80px 0 0 0;
    text-align: center;
}

#header, #intro, #second {
    width: 100%;
}

#what {
    background: url(../../../images/gridbg.png) 50% 0 repeat fixed;
    color: white;
    height: 1740px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

#news {
    background: url(../../../images/News.jpg) 50% 0 no-repeat fixed;
    color: white;
    height: 1740px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

#dummyMatchReport {
    background: url(../../../images/Match-Report.jpg) 50% 0 no-repeat fixed;
    color: white;
    height: 1740px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

#logindiv {
    background: url(../../../images/gridbg.png) 50% 0 repeat fixed;
    color: white;
    height: 1516px;
    padding: 100px 0 0 0;
    margin: 45px auto 0 auto;
}

#signup {
/ / background: url(../../../images/signup.jpg) 50 % 0 no-repeat fixed;
    height: 1516px;
    margin: 0 auto;
    padding: 40px 0 0 0;
    margin: 45px auto;
}

#signuplogin {
/ / background: url(../../../images/signup.jpg) 50 % 0 no-repeat fixed;
    height: 1516px;
    margin: 0 auto;
    padding: 40px 0 0 0;
    margin: 45px auto;
}

#signup .bg {
    background: url(../../../images/trainers.png) 75% 80% no-repeat fixed;
    height: 1100px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 900px;
    z-index: 200;
}

.story {
    margin: 0 auto;
    width: 800px;
    margin: auto;
/ / overflow: auto;
    text-align: center;

}

.story .centered {
    margin: 0 auto;
}

.story .float-left, .story .float-right {
    padding: 30px 0 0 0;
    position: relative;
    width: 350px;
}

label {
    display: inline-block;
    width: 200px;
    text-align: left;
    color: white;
    text-transform: uppercase;
}

/* members */
#landingmembers {
    background: url(../../../images/Home-page-BG.jpg) 50% 0 no-repeat fixed;
    color: white;
    height: 1740px;
    margin: 0 auto;
    padding: 0;
}

#makebooking {
/ / display: none;
    background: url(../../../images/gridbg.png) 50% 0 repeat fixed;
    color: white;
    height: 1740px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

#confirmbooking {
/ / display: none;
    background: #000;
    color: white;
    height: 1740px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

#viewbooking {
/ / display: none;
    background: #000;
    color: white;
    height: 1740px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
}

#makebooking .left {

    width: 276px;
    float: left;
    text-align: left;
}

#makebooking #bookingdetails {

    border-top: 1px solid white;
    border-bottom: 1px solid white;
    border-left: none;
    border-right: none;
    background: url(../../../images/bg_light_stripe.jpg) repeat;
    padding: 20px 10px;
}

#mybookings {
    background: url(../../../images/gridbg.png) 50% 0 repeat fixed;
/ / background: url(../../../images/login.jpg) 50 % 0 no-repeat fixed;
    color: white;
    height: 1516px;
    padding: 100px 0 0 0;
}

#friendsselectiontable {
    background: url(../../../images/gridbg.png) 50% 0 repeat fixed;
/ / background: url(../../../images/login.jpg) 50 % 0 no-repeat fixed;
    color: white;
    height: 1516px;
    padding: 100px 0 0 0;
}

#mybooking h1, #mybooking h2, #mybooking h2 {
    font-weight: normal;
}

#myresults {
    background: url(../../../images/FindGame.jpg) 50% 0 no-repeat fixed;
    height: 1516px;
    margin: 0 auto;
    padding: 40px 0 0 0;
}

#editdetails {
    background: url(../../../images/gridbg.png) 50% 0 repeat fixed;
    height: 1516px;
    margin: 0 auto;
    padding: 40px 0 0 0;
}

#signup .bg {
    background: url(../../../images/trainers.png) 75% 80% no-repeat fixed;
    height: 1100px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 900px;
    z-index: 200;
}

.errorMessage {
    color: red;
}

.selectedPlayer {
    background-color: green;
}



.panel_1 {
    background: transparent url("../../../images/panel_1.png") no-repeat 0 0;
    height: 340px;
    position: relative;
}

.panel_2 {
    background: transparent url("../../../images/panel_2.png") no-repeat 0 0;
    height: 340px;
    position: relative;
}

.panel_1, .panel_2 {
    float: left;
    width: 283.5px;
}

/* 11 a-side absolute positions */
#position2 {
    left: 127px;
    position: absolute;
    top: 284px;
}

#position3 {
    left: 221px;
    position: absolute;
    top: 209px;
}

#position4 {
    position: absolute;
    left: 30px;
    top: 210px;
}

#position5 {
    position: absolute;
    left: 96px;
    top: 210px;
}

#position6 {
    position: absolute;
    left: 160px;
    top: 210px;
}

#position7 {
    left: 221px;
    position: absolute;
    top: 134px;
}

#position8 {
    position: absolute;
    left: 96px;
    top: 134px;
}

#position9 {
    position: absolute;
    left: 161px;
    top: 134px;
}

#position10 {
    position: absolute;
    left: 31px;
    top: 134px;
}

#position11 {
    position: absolute;
    left: 65px;
    top: 62px;
}

#position12 {
    left: 191px;
    position: absolute;
    top: 62px;
}

#position13 {
    left: 127px;
    position: absolute;
    top: 284px;
}

#position14 {
    position: absolute;
    left: 221px;
    top: 209px;
}

#position15 {
    position: absolute;
    left: 30px;
    top: 210px;
}

#position16 {
    position: absolute;
    left: 96px;
    top: 210px;
}

#position17 {
    position: absolute;
    left: 160px;
    top: 210px;
}

#position18 {
    position: absolute;
    left: 221px;
    top: 134px;
}

#position19 {
    position: absolute;
    left: 96px;
    top: 134px;
}

#position20 {
    position: absolute;
    left: 161px;
    top: 134px;
}

#position21 {
    position: absolute;
    left: 31px;
    top: 134px;
}

#position22 {
    position: absolute;
    left: 65px;
    top: 62px;
}

#position23 {
    position: absolute;
    left: 191px;
    top: 62px;
}

/* find a game */

#findagame {
    font-family: DINWebCondBold, arial, verdana, sans-serif;
    background: white;
    color: black;
    text-align: left;
    width: 100%;
/ / height: 1215 px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#gameHeader {
    margin: 90px auto;
    position: relative;
    width: 800px;
    height: 50px;
    padding-left: 100px;
    padding-right: 30px;
}

.greyTitle {
    padding: 10px 15px;
    font-size: 22px;
    text-transform: uppercase;
    color: white;
    background: #999999;
    text-align: left;
}

.gamecolumn {
    float: left;
    position: relative;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
}

/*.gameLeft { margin: 0 20px 0 0; }*/
/*.gameCentre { margin: 0 20px 0 20px; }*/
/*.gameRight { margin: 0 0 0 20px; }*/

.oddstrip {
    background: #e1e1e1;
    padding: 20px 0;
    height: 250px;
    border-bottom: 1px solid white;
}

.evenstrip {
    background: #f1f1f1;
    padding: 20px 0;
    border-bottom: 1px solid white;
}

#findagame .section ul,
#findagame .section ul li {
    padding: 0;
    margin: 0;
    border-left: none;
    border-right: none;
}

#navigation, #gameselectiontable, {
    padding: 0;
    margin: 0;
    list-style: none;

}

#gameselectiontable {
    background-color: #e1e1e1;
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
}

#gameselectiontable h2 {
    color: #993333;
    margin: 20px 0pt;
}

.green {
    color: #83ee02;
    text-transform: uppercase;

}

#gameselectiontable a {
    color: #ffffff;

    text-decoration: none;
}

.clickable {
    float: left;
    width: 800px;
}

#navigation {
    float: left;
    width: 110px;
    height: 400px;
    background-color: #5B739C;
}

#navigation .sup {
    margin: 26px 10px;
    font-size: 14px;
}

#navigation ul {
    margin: 5px 0;
    list-style: circle;
    padding-left: 15px;
}

#navigation a {
    color: white;
    font-weight: bolder;
    text-decoration: none;
}

#navigation .sup li {
    margin: 3px 0 !important;
    margin: -4px 0;
    font-size: 10px;
}

#navigation a.scrolling {
    color: #933;
}

.section {
    margin: 0;
    position: relative;
    width: 100%;
}

.section .sub {
    float: left;
    width: 100%;
    height: 587px;
    list-style: none outside none;
    padding: 0;
    position: relative;
}

.section .sub .sub-wrap {
    position: relative;
    margin: 0 auto;
    width: 900px;
}

.section .sub p {

    /*margin: 16 px 0;*/
    font-size: 85%;
    line-height: 1.4em;
}

.section .next,
.section .prev {
    position: absolute;
    left: 30px;
    width: 25px;
    height: 25px;
    background: transparent no-repeat 0 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}

.section .next {
    bottom: 40px;
    background-image: url('../../../images/ff-nav-down-low.png');
}

.section .prev {
    bottom: 70px;
    background-image: url('../../../images/ff-nav-up-low.png');
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {

    .section .next {
        bottom: 40px;
        background-image: url('../../../images/ff-nav-down.png');
        background-size: 25px 25px;
    }

    .section .prev {
        bottom: 70px;
        background-image: url('../../../images/ff-nav-up.png');
        background-size: 25px 25px;
    }

}

.message {
    background: #EEE;
    border: 1px solid #999;
    color: #333;
    font-size: 12px;
    padding: 1px;
    position: absolute;
    left: 11px;
}

#first {
    top: 484px !important;
    top: 498px;
}

#second {
    top: 503px !important;
    top: 517px;
}

#choosePositionForm, #makebookingForm {
    max-width: 567px;
    margin: 0 auto;

}

#choosePositionForm {
    position: relative;
    text-align: left;
}

#choosePositionForm address {
    font-style: normal;
}

#choosePositionForm address {
    font-style: normal;
}

#choosePosition, #makebooking {
    background: black;
    color: white;
    font-family: DINWebCondBold, verdana, sans-serif;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    padding: 10 0;

    text-align: left;
    width: 100%;
}

#choosePosition .policy {
    margin-top: 5px;
    text-align: center;
    font-size: 10px;
    text-transform: uppercase;

}

.bookedTable {
    font-family: DINWebCondBold, times new roman;
    width: 570px;
    text-transform: uppercase;
    border: solid white thin;
}

.bookedTable td, {
    padding: 4px 5px 4px 10px;
}

.moneybox {
    background: #262626;
    padding: 4px 5px 4px 10px;
}

.checkout {
    background: #83ee02;
    padding: 4px 5px 4px 10px;
}

#squadTable {
    border: white solid thin;
    width: 568px;

    margin-bottom: 40px;
}

.greybgnd {
    font-family: DINWebCondBold, times new roman;
    width: 565px;
    text-transform: uppercase;

}

.greybgnd td {

    padding: 4px 5px 4px 10px;;
    background: #262626;
}

/* alerts */
.alert {
    margin: 10px 0;
    padding: 10px;
    border-radius: 5px;
}

.alert.alert-error {
    color: #b94a48;
    background: #f2dede;
}

.alert.alert-success {
    color: #468847;
    background: #DFF0D8;
}

.alert h4 {
    margin: 5px 0;
    padding: 0;
    font-size: 20px;
}

.alert h4.error-list {
    margin: 0 0 15px;
}

.alert ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-position: inside;
}

/* end alerts */

/* sign-up position selection */
.position-selection {
    margin: 20px 0 0 20px;
}

/* end sign-up position selection */

/********************/
/*   FABRIKAWORLD   */
/********************/

.ff-popup {
    display: none;
    z-index: 65000;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
}

.ff-popup.show {
    display: block;
}

.ff-popup .ff-popup-wrap {
    width: 560px;
    height: 300px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -280px;
    margin-top: -150px;
    border: 1px solid #fff;
    background: #000;
}

@media screen and (max-width: 480px) {
	.ff-popup .ff-popup-wrap {
	    max-width: 560px;
		width: 100%;
	    margin-left: 0px;
		left: 0;
	}
	.ff-popup .ff-position {
		margin-bottom: 40px !important;
	}	
}

.ff-popup .ff-popup-close {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: transparent url('../../../images/ff-popup-close.png') no-repeat 0 0;
    cursor: pointer;
}

.ff-popup .ff-popup-title {
    position: absolute;
    top: 20px;
    right: 50px;
    left: 20px;
    height: 25px;
    line-height: 25px;
    font-size: 25px;
    text-transform: uppercase;
}

.ff-popup .ff-popup-content {
    position: absolute;
    top: 50px;
    right: 50px;
    bottom: 35px;
    left: 50px;
}

.ff-popup .col {
    width: 50%;
    float: left;
    height: 100%;
}

.ff-popup form {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.ff-popup label {
    margin: 0px;
    padding: 0;
}

.ff-popup input {
    width: 95%;
    height: 22px;
    line-height: 22px;
    font-size: 14px;
    margin: 0;
    margin-bottom: 5px;
    padding: 0 5px;
    border: none;
    background: #fff;
}

.ff-popup button {
    float: right;
    width: 95px;
    height: 32px;
    line-height: 36px;
    font-size: 15px;
    margin: 20px 5px 5px 5px;
    padding: 0 30px 0 5px;
    border: none;
    color: #fff;
    font-family: DINWebCondBold, Arial, sans-serif;
    background: #4d4d4d url('../../../images/ff-button-arrow.png') no-repeat top right;
    text-transform: uppercase;
    cursor: pointer;
}

.ff-popup .ff-position {
    height: 40px;
    margin: 5px;
    line-height: 40px;
    padding: 0 0 0 40px;
    background: transparent url('../../../images/FW_select.png') no-repeat 0 0;
    cursor: pointer;
}

.ff-popup .ff-link {
    height: 40px;
    margin: 5px;
    line-height: 40px;
    padding: 0;
    cursor: pointer;
}

.ff-popup-overlay {
    display: none;
    z-index: 65000;
    position: absolute;
    top: -50px;
    right: -50px;
    bottom: -35px;
    left: -50px;
    background: rgba(0, 0, 0, .8);
}

.ff-popup-overlay.show {
    display: block;
}

.ff-popup-overlay .ff-popup-overlay-close {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: transparent url('../../../images/ff-popup-close.png') no-repeat 0 0;
    cursor: pointer;
}

.ff-popup-overlay .ff-popup-overlay-title {
    position: absolute;
    top: 20px;
    right: 50px;
    left: 20px;
    height: 25px;
    line-height: 25px;
    font-size: 25px;
    text-transform: uppercase;
}

.ff-popup-overlay-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: transparent url('../../../images/ff-popup-position-selector.png') no-repeat 50% 50%;
}

.ff-overlay-position {
    position: absolute;
    width: 33px;
    height: 38px;
    cursor: pointer;
}

.ff-overlay-position.ff-overlay-position-11-1 {
    top: 41px;
    left: 203px;
}

.ff-overlay-position.ff-overlay-position-11-2 {
    top: 41px;
    left: 329px;
}

.ff-overlay-position.ff-overlay-position-11-3 {
    top: 102px;
    left: 169px;
}

.ff-overlay-position.ff-overlay-position-11-4 {
    top: 102px;
    left: 234px;
}

.ff-overlay-position.ff-overlay-position-11-5 {
    top: 102px;
    left: 299px;
}

.ff-overlay-position.ff-overlay-position-11-6 {
    top: 102px;
    left: 359px;
}

.ff-overlay-position.ff-overlay-position-11-7 {
    top: 165px;
    left: 169px;
}

.ff-overlay-position.ff-overlay-position-11-8 {
    top: 165px;
    left: 234px;
}

.ff-overlay-position.ff-overlay-position-11-9 {
    top: 165px;
    left: 299px;
}

.ff-overlay-position.ff-overlay-position-11-10 {
    top: 165px;
    left: 359px;
}

.ff-overlay-position.ff-overlay-position-11-11 {
    top: 222px;
    left: 265px;
}

.ff-fg-head {
    background: #333;
    padding: 10px;
    color: #fff;
    text-transform: uppercase;
    font-size: 17px;
}

.ff-fg-head .venue {
    line-height: 23px;
    float: left;
    text-transform: uppercase;
    font-size: 15px;
}

.ff-fg-head .date {
    height: 20px;
    line-height: 23px;
    color: #82f000;
    float: right;
    font-size: 15px;
}

.ff-fg-body {
    position: relative;
    padding: 10px 0 0 0;
    color: #000;
    text-tranform: uppercase;
    font-size: 17px;
    background: #fff;
}

.ff-fg-body .ff-fg-body-time {
    line-height: 16px;
    color: #343434;
    text-align: center;
}

.ff-fg-body .ff-fg-body-result {
    color: #343434;
    text-align: center;
    font-size: 36px;
}

.ff-fg-body .ff-fg-body-label {
    color: #343434;
    text-align: center;
    font-size: 17px;
}

.ff-fg-body .ff-fg-body-label span {
    padding: 0 7px;
    text-transform: uppercase;
}

.ff-fg-body-positions {
    color: #343434;
    text-align: center;
    font-size: 17px;
    background: #ededed;
    -moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, .5);
    box-shadow: inset 0 0 1px rgba(0, 0, 0, .5);
    overflow: hidden;
    width: 100%;
}

.ff-fg-body-positions .ff-fg-body-positions-taken,
.ff-fg-body-positions .ff-fg-body-positions-available {
    text-transform: uppercase;
}

.ff-fg-body-positions .ff-fg-body-positions-taken {
}

.ff-fg-body-positions .ff-fg-body-positions-available {
    border-left: 1px solid rgba(0, 0, 0, .05);
}

.ff-fg-body-positions span {
    display: inline-block;
    width: 26px;
    text-align: center;
    line-height: 34px;
    font-size: 20px;
    color: #fff;
}

.ff-fg-body-positions .ff-fg-body-positions-taken span {
    left: 10px;
    background: transparent url('../../../images/selectblank.png') no-repeat 0 0;
}

.ff-fg-body-positions .ff-fg-body-positions-available span {
    right: 10px;
    background: transparent url('../../../images/takenblank.png') no-repeat 0 0;
}

.ff-fg-body-paypal {
    position: absolute;
    top: 130px;
    left: 0;
    right: 0;
    height: 30px;
    line-height: 37px;
    font-size: 17px;
    color: #343434;
}

.ff-fg-body-paypal .ff-fg-body-paypal-label,
.ff-fg-body-paypal .ff-fg-body-paypal-ref {
    position: absolute;
    top: 0;
    right: 60%;
    bottom: 0;
    left: 0;
    text-transform: uppercase;
    text-align: left;
    padding: 0 10px;
}

.ff-fg-body-paypal .ff-fg-body-paypal-ref {
    text-align: right;
    right: 0;
    left: 40%;
    color: #adadad;
}

.ff-fg-body-book {
    font-size: 15px;
    color: #343434;
    background: #333;
}

.ff-fg-body-book .ff-fg-body-book-type,
.ff-fg-body-book .ff-fg-body-book-button {

    text-transform: uppercase;
    text-align: left;
}

.ff-fg-body-book .ff-fg-body-book-type {
    padding: 7px 0 0 10px;
    color: #82f000;
}

.ff-fg-body-book .ff-fg-body-book-button {
    color: #fff;
    cursor: pointer;
    padding: 2px 0 0 10px;
    line-height: 32px;
    background: #484848 url('../../../images/arrow.png') no-repeat 90px 2px;
    padding-right: 48px;
    background-position: calc(100% - 4px) center;
}

.ff-cp-overlay-list {
    display: none;
    position: absolute;
    top: 191px;
    left: 0;
    bottom: 0;
    right: 0;
    max-width: 565px;
	width: 100%;
    height: 300px;
    border: 1px solid #fff;
    background: #000;
}

.ff-cp-overlay-list .ff-cp-overlay-list-title {
    position: absolute;
    top: 0;
    left: 10px;
    right: 10px;
    height: 55px;
    line-height: 60px;
    font-size: 25px;
    text-transform: uppercase;
    padding-left: 50px;
    background: transparent url('../../../images/GK_select.png') no-repeat 5px 10px;
}

.ff-cp-overlay-list .ff-cp-overlay-list-close {
    width: 22px;
    height: 22px;
    position: absolute;
    right: 15px;
    top: 15px;
    background: transparent url('../../../images/ff-popup-close.png') no-repeat 0 0;
    cursor: pointer;
}

.ff-cp-overlay-list .ff-cp-overlay-list-content {
    position: absolute;
    top: 60px;
    left: 3px;
    right: 3px;
    bottom: 0;
    overflow: scroll;
}

.ff-cp-overlay-list table {
}

.ff-cp-overlay-list table td {
    border: 2px solid black;
    background-color: #262626;
    font-family: DINWebCondBold, Arial, sans-serif;
    font-size: 16px;
    line-height: 40px;
    padding: 0 3px;
    text-transform: uppercase;
}

.ff-cp-overlay-list table tr:hover td {
    background-color: #4d4d4d;
}

.ff-cp-overlay-list table .col {
    height: 40px;
}

.ff-cp-overlay-list table .col.col-1 {
    width: 232px;
}

.ff-cp-overlay-list table .col.col-2,
.ff-cp-overlay-list table .col.col-3 {
    text-align: center;
    width: 70px;
}

.ff-cp-overlay-list table .col.col-4 {
    text-align: right;
}

.ff-cp-overlay-list table .col.col-4 span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 4px 13px 4px 0;
    background: transparent url('../../../images/ff-arrow.png') no-repeat 50% 50%;
    cursor: pointer;
}

.ff-cp-overlay-list table tr:hover .col.col-4 span {
    background-image: url('../../../images/ff-arrow-selected.png');
}

.ff-cp-selected-players {
    max-width: 565px;
	width: 100%;
    border: 1px solid #fff;
    background: #000;
    margin-top: 10px;
}

.ff-cp-selected-players table {

}

.ff-cp-selected-players table {
}

.ff-cp-selected-players table td {
    border: 2px solid black;
    background-color: #262626;
    font-family: DINWebCondBold, Arial, sans-serif;
    font-size: 16px;
    line-height: 40px;
    padding: 0 5px;
    text-transform: uppercase;
}

.ff-cp-selected-players table .col {
    height: 40px;
}

.ff-cp-selected-players table .col.col-1 {
    background: transparent no-repeat 5px 2px;
    padding-left: 50px;
}

.ff-cp-selected-players table .col.col-2 {
    width: 120px;
    padding: 0 10px;
    font-size: 20px;
}

.ff-cp-selected-players table .col.col-3 {
    width: 120px;
    padding: 0 10px;
    text-align: right;
}

.ff-cp-selected-players table .col.col-3 span {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin: 4px 0;
    background: transparent url('../../../images/ff-close.png') no-repeat 50% 50%;
    cursor: pointer;
}

.ff-cp-selected-players table .col.col-3.checkout {
    background-color: #333;
    padding: 0;
}

.ff-cp-selected-players table .col.col-3.checkout span {
    display: block;
    background: red;
    width: 115px;
    height: 20px;
    line-height: 20px;
    padding: 0 10px 10px 15px;
    text-align: left;
    background: transparent url('../../../images/ff-arrow-selected.png') no-repeat 83px 50%;

}

#nav,
.ff-footer {
    font-family: DINWebCondBold, Arial, Verdana, sans-serif;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 50px;
    margin: 0;
    padding: 0;
    z-index: 50000;
    background: #222;
}

.ff-footer {
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 100%
    margin: 0;
    padding: 0;
    background: #222;
    padding-top: 5px;
    height: 60px;
}

#nav ul,
.ff-footer ul {
    height: 50px;
    margin: 0;
    padding: 0 20px;
}

#nav li,
.ff-footer li {
    display: block;
    float: right;
    height: 50px;
    margin: 0;
    padding: 0;
    font-size: 15px;
    text-transform: uppercase;
}

#nav li.left,
.ff-footer li.left {
    float: left;
}

.ff-footer li.reg {
    float: left;
}

.ff-footer li.reg span {
    height: 50px;
    line-height: 55px;
    padding: 0 10px;
}

.ff-footer li.contact {
    float: right;
}

.ff-footer li.contact span {
    height: 50px;
    line-height: 55px;
    padding: 0 10px;
    color: #a9a9a9;
}

#nav li.logo {
    float: left;
    width: 40px;
    height: 50px;
    background: transparent url('../../../images/ff-nav-logo.png') no-repeat 50% 50%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #nav li.logo {
        background-image: url('../../../images/ff-nav-logo@2x.png');
        background-size: 25px 25px;
    }
}

#nav li.logo a:hover {
    background: none !important;
}

#nav li.ff-username {
    line-height: 55px;
    padding: 0 5px;
    color: #83f001;
    cursor: pointer;
}

#nav li a,
.ff-footer li a {
    display: block;
    height: 50px;
    line-height: 55px;
    margin: 0;
    padding: 0 5px;
}

#nav li a:hover,
.ff-footer li a:hover {
    background-color: #484848;
}

.section-content {
    position: relative;
    margin: 0 auto;
    /*width:800px;*/
    height: 100%;
}

#landing {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: transparent url('../../../images/ff-net-background-low.png') repeat 50% 50%;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #landing .ff-landing-cover {
        background: transparent url('../../../images/ff-net-background.png') repeat 50% 50%;
        background-size: 6px 6px;
    }
}

#landing .ff-landing-cover {
    /*position: absolute;*/
    top: 50%;
    left: 50%;
    margin-top: 200px;
    display: inline-block;
    /*margin-left: -175px;*/
    /*margin-top: -200px;*/
    z-index: 1500;
    /*width: 350px;*/
    width: 100%;
    height: 495px;
    -webkit-background-size: contain;
    background: transparent url('../../../images/ff-landing-cover-low-new.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    #landing .ff-landing-cover {
        /*background: transparent url('../../../images/ff-landing-cover.png') repeat 0 0;*/
        background-size: 350px 495px;
    }
}

#landing .ff-landing-cover a {
    position: absolute;
    top: 293px;
    left: 145px;
    width: 67px;
    height: 93px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#landing .ff-about {
    display: none;
    position: absolute;
    z-index: 2000;
    background: rgba(0, 0, 0, .92);
    padding: 70px 20px 20px 20px;
    top: 0;
}

#landing .ff-about.active {
    display: block;
    text-align: left;
}

#landing .ff-about .column {

    float: left;
    margin: 0 20px 20px 20px;
    width: 340px;

}

#landing .ff-about .x {
    position: absolute;
    top: 70px;
    right: 20px;
    width: 22px;
    height: 22px;
    background: transparent url('../../../images/ff-popup-close.png') no-repeat 0 0;
    cursor: pointer;
}

#landing .ff-about h1 {
    text-transform: uppercase;
    margin: 30px 0 15px 0;
    padding: 0;
    font-size: 19px;
}

#landing .ff-about p {
    margin: 0;
    padding: 0;
    line-height: 17px;
    font-size: 12px;
    font-family: Arial, Verdana, sans-serif;
}

#signup {
    background: transparent url('../../../images/ff-net-background.png') repeat 50% 50%;
    background-size: 6px 6px;
    margin: 0;
    padding: 0;

}

#nav-popup {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    background: #000;
}

#nav-popup-wrap {
    position: relative;
    margin: 0 auto;
    width: 730px;
    height: 330px;
}

#nav-popup-wrap .ff-popup-title {
    padding: 20px 5px;
    font-size: 25px;
}

.ff-nav-popup {
    position: absolute;
    display: block;
    top: 50px;
}

.ff-nav-popup label {
    font-size: 15px;
}

.ff-nav-popup input {
    outline: none;
    background: #000 !important;
    color: #82f000;
    font-size: 15px;
    border-bottom: 3px dotted #fff;
    padding: 0;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-1 {
    top: 48px;
    left: 338px;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-2 {
    top: 48px;
    left: 464px;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-3 {
    top: 109px;
    left: 304px;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-4 {
    top: 109px;
    left: 369px;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-5 {
    top: 109px;
    left: 434px;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-6 {
    top: 109px;
    left: 494px;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-7 {
    top: 172px;
    left: 304px;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-8 {
    top: 172px;
    left: 369px;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-9 {
    top: 172px;
    left: 434px;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-10 {
    top: 172px;
    left: 494px;
}

.ff-nav-popup .ff-overlay-position.ff-overlay-position-11-11 {
    top: 229px;
    left: 400px;
}

.tipsy {
    font-size: 10px;
    position: absolute;
    padding: 5px;
    z-index: 100000;
}

.tipsy-inner {
    background-color: #000;
    color: #FFF;
    max-width: 200px;
    padding: 5px 8px 4px 8px;
    text-align: center;
    font-size: 20px;
}

.tipsy-inner {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

.tipsy-arrow-n {
    border-bottom-color: #000;
}

.tipsy-arrow-s {
    border-top-color: #000;
}

.tipsy-arrow-e {
    border-left-color: #000;
}

.tipsy-arrow-w {
    border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
    top: 0px;
    left: 50%;
    margin-left: -5px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
    top: 0;
    left: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
    top: 0;
    right: 10px;
    border-bottom-style: solid;
    border-top: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
    bottom: 0;
    left: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
    bottom: 0;
    right: 10px;
    border-top-style: solid;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
    right: 0;
    top: 50%;
    margin-top: -5px;
    border-left-style: solid;
    border-right: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
    left: 0;
    top: 50%;
    margin-top: -5px;
    border-right-style: solid;
    border-left: none;
    border-top-color: transparent;
    border-bottom-color: transparent;
}

#gameselectiontable .sub {
    height: 270px;
}

.timer {
    display: block;
    text-align: center;
    padding: 10px 0;
}

@media (max-width: 800px) {
    #gameHeader {
        width: auto;
        padding-left: 30px;
        text-align: center;
    }
}

@media (max-width: 768px) {
    #day {
        display: none;
    }

    /*.gamecolumn {*/
    /*cursor: pointer*/
    /*}*/

}

.ff-footer ul li:nth-child(even) {
    display: inline-block;
}

.ff-footer ul li:nth-child(odd) {
    display: none;
}

.ff-footer ul li:first-child {
    display: inline-block;
}

@media (max-width: 570px) {
    .ff-footer ul li:nth-child(odd) {
        display: inline-block;
    }

    .ff-footer ul li:nth-child(even) {
        display: none;
    }
}

.position6 #position3 {
    display: none;
}

.position6 #position4 {
    display: none;
}

.position6 #position7 {
    left: 124px;
    position: absolute;
    top: 144px;
}

.position6 #position5 {
    position: absolute;
    left: 94px;
    top: 210px;
}

.position6 #position6 {
    position: absolute;
    left: 158px;
    top: 210px;
}

.position6 #position2 {
    left: 125px;
    position: absolute;
    top: 284px;
}

.position6 #position15 {
    display: none;
}

.position6 #position14 {
    display: none
}

.position6 #position18 {
    position: absolute;
    left: 126px;
    top: 133px;
}

.position6 #position17 {
    position: absolute;
    left: 159px;
    top: 210px;
}

.position9 #position4 {
    display: none;
}

.position9 #position3 {
    display: none;
}

.position9 #position10 {
    position: absolute;
    left: 31px;
    top: 129px;
}

.position9 #position8 {
    position: absolute;
    left: 96px;
    top: 129px;
}

.position9 #position9 {
    position: absolute;
    left: 161px;
    top: 129px;
}

.position9 #position7 {
    left: 221px;
    position: absolute;
    top: 129px;
}

.position9 #position5 {
    position: absolute;
    left: 95px;
    top: 210px;
}

.position9 #position15 {
    display: none;
}

.position9 #position14 {
    display: none;
}

.position9 #position21 {
    position: absolute;
    left: 31px;
    top: 129px;
}

.position9 #position19 {
    position: absolute;
    left: 96px;
    top: 129px;
}

.position9 #position20 {
    position: absolute;
    left: 161px;
    top: 129px;
}

.position9 #position18 {
    position: absolute;
    left: 221px;
    top: 129px;
}

.position9 #position17 {
    position: absolute;
    left: 159px;
    top: 210px;
}

.ff-cp-selected-sum{
    height: 48px;
}

.position6 #position10 {
    display: none;
}

.position6 #position8 {
    display: none;
}

.position6 #position9 {
    display: none;
}

.position6 #position11 {
    position: absolute;
    left: 62px;
    top: 75px;
}

.position6 #position12 {
    left: 188px;
    position: absolute;
    top: 75px;
}

.position6 #position21 {
    display: none;
}

.position6 #position19 {
    display: none;
}

.position6 #position20 {
    display: none;
}

.position6 #position22 {
    position: absolute;
    left: 65px;
    top: 80px;
}

.position6 #position23 {
    position: absolute;
    left: 191px;
    top: 80px;
}

.position9 #position11 {
    position: absolute;
    left: 65px;
    top: 57px;
}

.position9 #position12 {
    left: 191px;
    position: absolute;
    top: 57px;
}

.position9 #position22 {
    position: absolute;
    left: 65px;
    top: 57px;
}

.position9 #position23 {
    position: absolute;
    left: 191px;
    top: 57px;
}