@font-face {
  font-family: 'cabinbold';
  src: url("../fonts/cabin-bold-webfont.eot");
  src: url("../fonts/cabin-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/cabin-bold-webfont.woff2") format("woff2"), url("../fonts/cabin-bold-webfont.woff") format("woff"), url("../fonts/cabin-bold-webfont.ttf") format("truetype"), url("../fonts/cabin-bold-webfont.svg#cabinbold") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'cabinregular';
  src: url("../fonts/cabin-regular-webfont.eot");
  src: url("../fonts/cabin-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/cabin-regular-webfont.woff2") format("woff2"), url("../fonts/cabin-regular-webfont.woff") format("woff"), url("../fonts/cabin-regular-webfont.ttf") format("truetype"), url("../fonts/cabin-regular-webfont.svg#cabinregular") format("svg");
  font-weight: normal;
  font-style: normal;
}

::-webkit-input-placeholder { color: #9e9e9e; font-style: italic; }
::-moz-placeholder { color: #9e9e9e; font-style: italic; }
:-ms-input-placeholder { color: #9e9e9e; font-style: italic; }
:-moz-placeholder { color: #9e9e9e; font-style: italic; }

body, body input[type='submit'] {
  font-family: 'cabinregular', Arial, Helvetica, sans-serif;
}

body .scrollingTable {
    overflow: auto;
    width: 100% !important;
}
    body .scrollingTable table {
        /*width: 250vw !important;*/
    }    

body .tickBox input {
    position: absolute;
    left: -99999px;
    z-index: -99999;    
}    

body .tickBox {
    line-height: 28px;    
}

body .tickBox.centered {
    margin: 0 auto;
    display: block;
}

body .tickBox label {
    padding: 0;
    font-size: 28px;    
    color: #ff0202;
    cursor: pointer;
    position: relative;
    top: 5px;
    width: 40px;
    height: 40px;
    display: inline-block;
}

body .tickBox.neutral label {
    color: #ff9c21;
    text-align: center;
}

body .tickBox label:before {
    content: "\f096";
    font-family: 'FontAwesome';
    display: block;
}

    body .tickBox label:hover:before {
        content: "\f0c8";
        font-family: 'FontAwesome';
        -moz-transform: translate(0, -1px);
        -ms-transform: translate(0, -1px);
        -o-transform: translate(0, -1px);
        -webkit-transform: translate(0, -1px);
        transform: translate(0, -1px);
        display: block;
    }

body .tickBox input:checked + label:before {
    content: "\f14a";
    font-family: 'FontAwesome';    
    -moz-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    -o-transform: translate(0, -1px);
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
    display: block;
}

body .tickBox input:disabled + label:before {
    content: "\f111";
    font-family: 'FontAwesome';
    color: #ddd;
    cursor: default;    
    -moz-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    -o-transform: translate(0, -1px);
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
    display: block;
}

body .tickBox input:checked:disabled + label:before {
    content: "\f14a";
    font-family: 'FontAwesome';
    color: #bbb;
    cursor: default;    
    -moz-transform: translate(0, -1px);
    -ms-transform: translate(0, -1px);
    -o-transform: translate(0, -1px);
    -webkit-transform: translate(0, -1px);
    transform: translate(0, -1px);
    display: block;
}

body.body {
  background: url("../img/content/bg-body.png") repeat center;
}

body div[style='height:100%;width:960px;margin:0 auto;'] {
  width: 100% !important;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
  margin: 0 0 15px 0;
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
}

body h1 {
  color: #bc0202;
  font-size: 28px;
  margin-bottom: 20px;
  line-height: 30px;
}
    body h1.black {
        color: #151515;
    }

body h2 {
  color: #151515;
  font-size: 22px;
  padding-top: 8px;
}

body h3 {
  color: #800040;
  font-size: 20px;
  padding-top: 8px;
}
    body h3 a {
        text-decoration: none;
        color: #800040;
    }

body h4 {
  color: #ff0202;
  font-size: 18px;
}

body p {
  font-size: 16px;
}

body a {
  color: #ff0202;
  cursor: pointer;
}

body a:hover {
  text-decoration: none;
  color: #bc0202;
  cursor: pointer;
}
    body a .fa
    body a:hover .fa {
        cursor: pointer !important;
    }

body a.circleLink.searchLink {
    display: none;
}

body a.circleLink {
  border-radius: 50%;
  background-color: #f8fb06;
  color: #151515;
  font-size: 20px;
  display: inline-block;
  width: 50px;
  height: 50px;
  text-align: center;
  padding: 15px 0 0 0;
  margin-left: 5px;
  box-sizing: border-box;
  cursor: pointer;
}

body a.circleLink:hover {
  background-color: #151515;
}

body a.circleLink:hover .fa {
  color: #fff;
}

body input:focus {
    background-color: #faffbd;
}

body a.buttonLink,
body a.button,
body input[type='submit'].buttonLink {
  background-color: #4e4e4e;
  padding: 15px 10px;
  color: #fff;
  text-decoration: none;
  display: inline-block;
  border: 0;
  font-size: 16px;
  text-align: center;
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  cursor: pointer !important;
}
    body a.buttonLink.lighter {
        background-color: #7f7f7f;
    }

    body a.buttonLink.alt,
    body input[type='submit'].buttonLink.alt {
        background-color: #f8fb06;
        color: #151515;
    }

body a.buttonLink .fa {
    display: block;
    padding: 0 8px;
}

body input[type='submit'].buttonLink:focus,
body input[type='submit'].buttonLink:active {
    border: 0;
}

body a.buttonLink:hover,
body input[type='submit'].buttonLink:hover {
  background-color: #ff0202;  
}
    body a.buttonLink.alt:hover,
    body input[type='submit'].buttonLink.alt:hover {
        background-color: #ff0202;
        color: #fff;
    }

body a.buttonLink.large {
    padding: 30px;
    display: block !important;
}

body p {
  margin: 0 0 20px 0;
}

body p, body li {
  color: #5e5e5e;
  line-height: 24px;
}

body em, body i {
  font-style: italic;
}

body strong, body b {
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

body .textLeft {
  text-align: left !important;
}

body .textRight {
  text-align: right !important;
}

body .textCenter {
  text-align: center !important;
}

body .largeText,
body .largeText strong,
body .largeText b {
  font-size: 24px;
}

body .medText,
body .medText strong,
body .medText b {
  font-size: 18px;
}

body input[type=text], body input[type=password], body textarea, body select, body input[type=email] {
  box-sizing: border-box;
  padding: 5px;
  font-family: 'cabinregular', Arial, Helvetica, sans-serif;
  border: 1px solid #a7a7a7;
  color: #464646;
  font-size: 16px;
}

body .aspNetDisabled {
    border: 1px solid #bebebe;
    background-color: #ddd;
    color: #888;
    cursor: not-allowed;
}

body a.aspNetDisabled {
    border: 0 !important;
    background-color: transparent !important;
    cursor: default !important;
}
    body a.aspNetDisabled:hover {
        color: #888 !important;
    }

body i.faded {
    color: #888;
}

body .blackText {
  color: #151515;
}

body .highlight {
    background-color: #e9edbd !important;
}

body .ok,
body .complete {
    background-color: #95e592 !important;
}
    body .ok input[type=text],
    body .complete input[type=text] {
        border: 1px solid #73ba71;
    }

    body .ok .tickBox label,
    body .complete .tickBox label {
        color: #2f782d;
    }

body .incomplete {
    background-color: #e9a786 !important;
}
    body .incomplete input[type=text] {
        border: 1px solid #fb3803;
    }

body .review {
    background-color: #ff9c21;
    color: #fff !important;    
}
    body .reviewBorder {
        border-color: #ff9c21 !important;
        color: #ff9c21 !important;        
    }

    body .review.block {
        display: inline-block !important;
        padding: 8px;
        width: 100%;
        box-sizing: border-box;
        position: relative;
        top: -5px;
    }
        .body .review.block.padded {
            padding-left: 40px;
        }

body .bordered {
    border: 1px dotted #c2c2c2;
}

body .button {
  border: 0;
  background-color: #ff0202;
  padding: 10px 20px;
  color: #fff;
  font-size: 16px;
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
  cursor: pointer;
}

body .button:hover {
  background-color: #ff0202;
  color: #fff;
}

body form[name=starringform] > div {
  max-width: 50%;
}

body form[name=starringform] > div > div {
  max-width: 90%;
}

body .table {

}
    body .table .colRow:first-child {
        background-color: #464646;
        color: #fff;
        padding: 10px;
        text-align: left;
        border: 1px solid #464646;
    }

body #adminMenu {
    background: #4e4e4e;
    box-shadow: 0 -3px 38px 7px #151515;
    border-bottom: 1px solid #000;
    width: 100%;
    position: fixed;
    top: 0;
    height: 55px;
    z-index: 1000000;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    color: #fff;
}
    body #adminMenu .tooltip,
    body #adminMenu [data-tooltip] {
        position: static;
    }

    body #adminMenu .colRow {
        
    }
    body #adminMenu p {
        color: #fff;
        margin: 0;
        padding: 15px;
    }

    body #adminMenu span:not(.fa):not(.hide_Sma) {
        display: inline-block;
        position: relative;
        top: -2px;
    }

    body #adminMenu a:not(sub) {
        color: #fff;
        display: inline-block;        
        border-right: 1px solid #000;
        border-left: 1px solid #666;
        margin-right: -4px;
        text-align: center;        
        cursor: pointer;
        padding: 0;
        box-sizing: border-box;
    }
    body #adminMenu a:first-child {
        border-left: 0;
    }
    body #adminMenu a:last-child {
        border-right: 0;
    }
    body #adminMenu a:hover,
    body #adminMenu a.focus,
    body #adminMenu a.active {
        background-color: #f8fb06;
        color: #151515;
    }
    body #adminMenu a > .fa {
        font-size: 24px;
        padding: 15px 15px;
        box-sizing: border-box;
    }

    body #adminMenu a > div {
        position: absolute;
        left: -99999px;
        right: -2px;
        top: 100%;
        width: 90%;
        max-height: 75vh;
        overflow: auto;
        border-right: 1px solid #000;
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        background-color: #3e3e3e;
        margin-top: 1px;
        padding: 10px;
        box-shadow: 0 6px 12px 0 #bebebe;
        text-align: left;
        transform: translateX(-50%);
    }

        body #adminMenu a > div .closeIt {
            color: #fff;
            position: absolute;
            top: 15px;
            right: 15px;
            z-index: 99999999;
        }

    body #adminMenu a.focus > div {
        left: 50%;
        right: 0;        
    }

    body #adminMenu a > div h2 {
        color: #fff;
        font-size: 18px;
    }

    body #adminMenu a.focus > div p {
        padding: 0 0 10px 0;
    }

body #topMenu {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff0202+0,bc0202+100 */
  background: #ff0202;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ff0202 0%, #bc0202 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff0202), color-stop(100%, #bc0202));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #ff0202 0%, #bc0202 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #ff0202 0%, #bc0202 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ff0202 0%, #bc0202 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #ff0202 0%, #bc0202 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0202', endColorstr='#bc0202',GradientType=0 );
  /* IE6-9 */
  height: 30px;
  width: 100%;
  text-align: center;
}

    body #topMenu.loggedIn {
        margin-top: 55px;
    }

body #topMenu .quickLinks {
  color: #fff;
  padding-top: 6px;
  display: block;
}

body #topMenu ul {
  display: none;
  clear: both;
  overflow: hidden;
  margin: 0;
  background-color: #3e3e3e;
  position: absolute;
  z-index: 99999;
  width: 100%;
  top: 30px;
  box-shadow: 0 -8px -5px 20px #151515;
}

body #topMenu ul li {
  line-height: 12px;
  padding-bottom: 5px;
}

body #topMenu ul li:first-child {
  border-left: 1px solid transparent;
}

body #topMenu ul li:hover {
  background-color: #3e3e3e;
}

body #topMenu ul li a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
  padding: 9px 48px;
  display: block;
}

body #header {
  padding: 15px 0 20px 0;
  box-shadow: inset 0 -15px 35px -25px #151515;
  background-color: #fff;
}

body #header .container {
  padding-right: 22px;
  padding-left: 22px;
}

body #header #headerLinks {
  text-align: right;
  padding-top: 15px;
}

body #header .logo {
  display: block;
  margin: 0 auto;
}

body #navigation {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e3e3e+35,3e3e3e+77,242424+94,151515+100 */
  background: #3e3e3e url("../img/content/bg-navigation.jpg") repeat-x;
  position: relative;
  text-align: center;
  width: 100%;
  box-shadow: 0 12px 20px -10px #151515;
}

body #navigation .menu {
  display: none;
}

body #navigation .menu ul {
  display: block;
  height: 100%;
  margin-top: 9px;
}

body #navigation .menu ul li {
  display: block;
  border-bottom: 1px solid #464646;
  border-top: 1px solid #0a0a0a;
}

body #navigation .menu ul li a {
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
  display: block;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  padding: 10px 27px 10px 27px;
  border-right: 1px solid #0a0a0a;
  border-left: 1px solid #464646;
  height: 100%;
  box-sizing: border-box;
}

body #navigation .menu ul li a:hover,
body #navigation .menu ul li a.selected {
  background: #ff0202;
}

body #navigation .menu ul li.active a {
  background: #ff0202;
}

body #navigation .menu ul li.active ul {
  display: block;
}

body #navigation .menu ul li.active ul li a {
  background: none;
}

body #navigation .menu ul li ul {
  display: none;
  margin: 0;
  background-color: #151515;
  height: auto;
  width: 100%;
}

body #navigation .menu ul li ul li {
  text-align: center;
}

body #navigation .menu ul li ul li a {
  color: #fff;
  padding: 10px 10px 10px 28px;
  border-left: 1px solid #464646;
  border-right: 1px solid #464646;
}

body #navigation .menu ul li ul li a:hover {
  border-bottom: 0;
  background: #bc0202;
}

body #navigation .menuIcon {
  display: block;
  cursor: pointer;
  width: 38px;
  height: 27px;
  margin: 16px auto;
  background: url("../img/icons/ico-menu.png") no-repeat center center;
}

body #hero {
  height: 250px;
  width: 100%;
  position: relative;
  border-bottom: 20px solid #ff0202;
}

body #hero #heroSlider {
  width: 100%;
  height: 100%;
  position: relative;
  border-bottom: 2px solid #f8fb06;
  overflow: hidden;
}

body #hero #heroSlider div {
  position: relative;
  width: 100%;
  overflow: hidden;
  height: 100%;
}

body #hero #heroSlider div img {
  height: 250px;
  position: relative;
  left: -50%;
}

body #hero #heroSlider .overlay {
  position: absolute;
  left: 0;
  z-index: 99999;
  background-color: rgba(0, 0, 0, 0.6);
  bottom: 0;
  width: 100%;
  height: 170px;
}

body #hero #heroSlider .overlay p {
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
  font-size: 22px;
  color: #fff;
  text-transform: uppercase;
  padding: 80px 0;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

body #hero #heroSlider .slick-dots {
  position: absolute;
  bottom: 20px;
}

body #hero #heroSlider .slick-dots li button:before {
  font-size: 40px;
  border: 2px solid #fff;
  border-radius: 50%;
  color: transparent;
  opacity: 1;
  width: 12px;
  height: 12px;
  line-height: 12px;
}

body #hero #heroSlider .slick-dots li button:hover:before {
  background-color: #f8fb06;
  border: 2px solid #151515;
}

body #hero #heroSlider .slick-dots li.slick-active button:before {
  background-color: #f8fb06;
  border: 2px solid #151515;
}

/*body #hero #heroSlider .heroimage {
  -webkit-filter: blur(5px);
  -moz-filter: blur(5px);
  -o-filter: blur(5px);
  -ms-filter: blur(5px);
  filter: blur(5px);
}*/

body #hero #sliderNav {
  display: none;
  position: absolute;
  z-index: 99999;
  width: 100%;
  bottom: 40px;
}

body #hero #sliderNav a {
  display: inline-block;
  width: 80px;
  height: 78px;
  margin-top: 40px;
}

body #hero #sliderNav a.next:before,
body #hero #sliderNav a.prev:before {
    font-family: 'FontAwesome';    
    font-size: 32px;
    color: #fff;
    border: 3px solid #fff;
    text-decoration: none;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;    
    background-color: #3e3e3e;
}

    body #hero #sliderNav a.prev:before {
        content: '\f053';
        padding-right: 5px;
    }
        body #hero #sliderNav a.prev:hover:before,
        body #hero #sliderNav a.next:hover:before {
            background-color: #151515;            
        }

    body #hero #sliderNav a.next:before {
        content: '\f054';
        padding-left: 5px;
    }

body #hero #sliderNav a.prev {  
  float: left;
  margin-left: 10%;
  text-decoration: none;  
}

body #hero #sliderNav a.next {
  float: right;
  margin-right: 10%;
  text-decoration: none;  
}

body .search,
body .loginBox {
  position: relative;
  border: 1px solid #a7a7a7;
  width: 100%;
  float: right;
  margin: 0 0 8px 0;
}

body .login {
    display: none;
    margin-bottom: 15px;
}

body .search input[type=text],
body .login input[type=text],
body .login input[type=password] {
  width: 100%;
  border: 0;
  padding: 10px;
  font-size: 16px;
  height: 50px;
  display: inline-block;
}

body .login input[type=text] {
    width: 53%;
}

body .login input[type=password] {
    width: 45%;
}

body .login input[type=text] {
    border-right: 1px solid #a7a7a7;
}

body .search input[type=text]:focus,
body .login input[type=text]:focus,
body .login input[type=password]:focus {
  outline: 0;
}

body .search .circleLink,
body .login .circleLink {
  position: absolute;
  top: 0;
  right: 0;
  padding: 15px 0 0 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

body #content {
  padding: 50px 0;
  max-width: 1100px;
  margin: 0 auto;
  background-color: #fff;
  box-shadow: 0 -2px 15px -5px #4d4d4d;
  /*a[href$=".xls"],
        a[href$=".xlsx"],
        a[href$=".doc"],
        a[href$=".docx"],
        a[href$=".pdf"]  {
            &:after {
                font-size: 12px;
                display: inline-block;
                margin: 0 0 0 10px;
                color: $white;
                border-radius: 50%;
                padding: 8px;
            }
        }

        a[href$=".xls"] { &:after { background-color: $excelGreen; content: "XLS"; } }
        a[href$=".xlsx"] { &:after { background-color: $excelGreen; content: "XLSX"; } }
        a[href$=".doc"] { &:after { background-color: $wordBlue; content: "DOC"; } }
        a[href$=".docx"] { &:after { background-color: $wordBlue; content: "DOCX"; } }
        a[href$=".pdf"] { &:after { background-color: $pdfRed; content: "PDF"; } }*/
}

body #content .container {
    padding-right: 10px;
    padding-left: 10px;
}

body #content .absBttn {
    position: absolute;
    bottom: 0;    
    z-index: 900;
    background-color: #ff0202;
    width: 30px;
    height: 30px;
    text-align: center;
}

body .adminButton {
    background-color: #ff0202;
    width: 30px;
    height: 30px;
    text-align: center;
    display: inline-block;
}

    body #content .adminButton.alt {
        background-color: #ccc;
    }

    body #content .absBttn:hover,
    body .adminButton:hover {
        background-color: #f8fb06;        
        z-index: 901;
    }
        body #content .absBttn:hover .fa,
        body .adminButton:hover .fa {
            color: #151515;
        }

        body #content .absBttn .fa {
            color: #fff;
            position: relative;
            top: 50%;
            transform: translateY(-55%);
        }

        body .adminButton .fa {
            color: #fff;
            line-height: 30px;            
        }

        body #content .absBttn.second {
            transform: translateX(-32px);
        }

        body #content .absBttn.left {
            left: 0;
            right: auto;
        }

        body #content .absBttn.right {
            right: 0;
            left: auto;
        }

        body #content .absBttn.top {
            top: 0;
            bottom: auto;
        }

body #content table {
  width: 100% !important;
}

body #content table tbody tr td {
  color: #5e5e5e;
  vertical-align: middle;
  border: 1px solid #4d4d4d;
  line-height: 22px;
}

body #content table tbody tr td img {
  max-width: 999px;
}

body #content table tbody tr td .cellDivider {
  border-bottom: 1px dotted #c2c2c2;
  margin: 20px 0;
}

body #content table[border="0"] tbody tr td {
  border: 0;
  padding-left: 0;
}

body #content ul {
  margin: 0 0 15px 20px;
}

body #content ul li {
  line-height: 20px;
  clear: both;
  overflow: hidden;
  padding-bottom: 8px;
}

body #content ul.removeOverflow li {
    overflow: visible;
}

body #content ul li:before {
  font-family: 'FontAwesome';
  content: '\f138';
  display: inline-block;
  float: left;
  margin: 0 5px 10px 0;
  color: #151515;
}

body #content ul li ul li:before {
  content: '\f18e';
}

body #content ul.floatedList {
  clear: both;
  overflow: hidden;
}

body #content ul.floatedList li {
  float: left;
  clear: none;
  width: 50%;
}

body #content ol {
  margin: 0 0 0 30px;
}

body #content ol li {
  list-style-type: decimal;
  padding: 0 0 10px 0;
}

body #content #breadcrumb {
  background-color: #f83030;
  box-sizing: border-box;  
  margin: 0 0 20px 0;
}

body #content #breadcrumb #breadcrumbInner {
    padding: 10px;
    float: left;
}

body #content #breadcrumb ul {
  clear: both;
  overflow: hidden;
  margin: 0;
}

body #content #breadcrumb ul li {
  color: #fff;
  float: left;
  padding: 0 8px 0 0;
  line-height: 22px;
  clear: none;
}

body #content #breadcrumb ul li:before {
  content: '';
}

body #content #breadcrumb ul li a {
  color: #fff;
}

body #content #breadcrumb ul li span {
  color: #fff;
  font-style: italic;
}

body #content .arrow {
  background-image: url("../img/icons/sprite-arrows.png");
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 30px;
}

body #content .arrow.black.down {
  background-position: 0 0;
}

body #content .arrow.black.down:hover, body #content .arrow.black.down.hover {
  background-position: 0 -30px;
}

body #content .arrow.black.up {
  background-position: -30px 0;
}

body #content .arrow.black.up:hover, body #content .arrow.black.up.hover {
  background-position: -30px -30px;
}

body #content .arrow.black.left {
  background-position: -60px 0;
}

body #content .arrow.black.left:hover, body #content .arrow.black.left.hover {
  background-position: -60px -30px;
}

body #content .arrow.black.right {
  background-position: -90px 0;
}

body #content .arrow.black.right:hover, body #content .arrow.black.right.hover {
  background-position: -90px -30px;
}

body #content .arrow.white.down {
  background-position: 0 -60px;
}

body #content .arrow.white.down:hover, body #content .arrow.white.down.hover {
  background-position: 0 -90px;
}

body #content .arrow.white.up {
  background-position: -30px -60px;
}

body #content .arrow.white.up:hover, body #content .arrow.white.up.hover {
  background-position: -30px -90px;
}

body #content .arrow.white.left {
  background-position: -60px -60px;
}

body #content .arrow.white.left:hover, body #content .arrow.white.left.hover {
  background-position: -60px -90px;
}

body #content .arrow.white.right {
  background-position: -90px -60px;
}

body #content .arrow.white.right:hover, body #content .arrow.white.right.hover {
  background-position: -90px -90px;
}

body #content .shadowDivider {
  background: url("../img/content/shadow-divider.png") no-repeat center bottom;
  background-size: contain;
  height: 50px;
  width: 100%;
  clear: both;
  overflow: hidden;
}

body #content .newsItem {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px dotted #c2c2c2;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

body #content .newsItem.last {
  border: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

body #content .newsItem .img {
  overflow: hidden;
  height: 115px;
}

body #content .newsItem .img img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
    display: block;
}

body #content .newsItem h2 {
  color: #ff0202;
  font-size: 16px;
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
  margin-top: 15px;
}

body #content .newsItem p {
  margin-bottom: 10px;
}

body #content .newsItem a {
  text-decoration: none;
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
}

body #content .newsItem a:hover {
  color: #151515;
}

body #content #newsUpdates {
  background-color: #f8fb06;
  overflow: hidden;
  clear: both;
  -webkit-box-shadow: 0 12px 16px -8px #3e3e3e;
  -moz-box-shadow: 0 12px 16px -8px #3e3e3e;
  box-shadow: 0 12px 16px -8px #3e3e3e;
}

body #content #newsUpdates h2 {
  color: #fff;
  padding: 15px;
  background-color: #151515;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 20px 0;
  font-size: 18px;
}

body #content #newsUpdates a {
  color: #151515;
  text-decoration: none;
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
}

body #content #newsUpdates a:hover {
  color: #ff0202;
}

body #content #newsUpdates ul {
  background: url("../img/content/news-updates-divider.png") no-repeat center bottom;
  margin: 0;
}

body #content #newsUpdates ul li {
  margin: 0 0 0 15px;
  padding: 0 10px 10px 0;
  line-height: 20px;
}

body #content #newsUpdates ul li:before {
  content: '';
}

body #content #newsUpdates ul li h3 {
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
  font-size: 16px;
}

body #content #newsUpdates ul li h3 .fa {
  padding-right: 5px;
  font-size: 80%;
}

body #content #newsUpdates p {
  margin: 20px;
}

body #content #newsUpdates p .arrow {
  margin: -5px -10px;
}

body #content .newsItemListing {
  border-bottom: 1px dotted #c2c2c2;
  margin: 0 0 20px 0;
  padding: 0 0 10px 0;
}

body #content .newsItemListing .newsDate {
  color: #a7a7a7;
  font-size: 14px;
}

body #content #newsArticle h1 {
  margin: 5px 0 10px 0;
  padding-right: 20px;
  line-height: 34px;
}

body #content #newsArticle img {
  display: block;
  margin: 10px auto 25px auto;
}

body #content #newsArticle .newsDate {
  color: #a7a7a7;
  margin-bottom: 20px;
}

body #content #newsArticle p {
  padding-right: 20px;
}

body #teamsheets.viewOnly h3 {
    text-align: left;
}

body #clubFixtures.viewOnly table td {
    padding: 0 10px !important;
    height: 70px !important;
}

body #clubFixtures.viewOnly table td span.fa {
    position: relative;
    width: 22px;
    top: 1px;
}

body #clubFixtures #dvConfirm {
    height: 28px;
}

body #clubFixtures #rowSaveFixtures.fixed {
    position: fixed;
    bottom: 0;
    background-color: #fff;
    width: 100%;
    left: 0;
    text-align: center;
}
    body #clubFixtures #rowSaveFixtures.fixed .buttonLink {
        width: 50%;
    }

body #starringForm .confirmed {
    position: absolute;
    bottom: 5px;
    left: 15px;
    font-size: 16px;
    color: #2f782d;
}

body #starringForm .confirmed .fa {
    font-size: 28px;
    position: relative;
    top: 5px;
    margin-right: 10px;
}

body .viewOnly .formFields span.fa:not(.exclude),
body .viewOnly .formFields span.fa:not(.exclude) + input[type=text]:not(.exclude),
body .viewOnly .formFields span.fa:not(.exclude) + input[type=password]:not(.exclude),
body .viewOnly .formFields span.fa:not(.exclude) + textarea:not(.exclude),
body .viewOnly .formFields span.fa:not(.exclude) + select:not(.exclude),
body .viewOnly .formFields select:not(.exclude),
body .viewOnly .formFields textarea:not(.exclude) {
    background-color: transparent !important;
    border: 0 !important;
    cursor: default;
    color: #151515 !important;
    padding: 0 !important;
}

body .viewOnly select:not(.exclude) {
    width: auto !important;
    -moz-appearance: window;
    -webkit-appearance: none;
}

body .viewOnly select[style*="margin-left: -1px;"] {
    margin-left: -3px !important;
    padding-left: 0 !important;
}

body .formFields .col {
    min-height: 40px;    
}
    body .formFields input,
    body .formFields textarea,
    body .formFields select,
    body .formFields .buttonLink {
        width: 100%;
        box-sizing: border-box;
        margin-bottom: 5px;
    }

    body .formFields .formattedTable input,
    body .formFields .formattedTable textarea,
    body .formFields .formattedTable select,
    body .formFields .formattedTable .buttonLink {
        margin-bottom: 0;
    }

body .errorText {
    color: #fb3803;    
}

body .formFields .error {
        font-size: 14px;
    }

    body .formFields .error[style*=inline] {
        float: left;
        font-size: 0;
    }

    body .formFields .error[style*=inline] + input,
    body .formFields .error[style*=inline] + .fa + input,    
    body .formFields .error[style*=inline] + .error + input,
    body .formFields .error[style*=inline] + .error + .fa + input,
    body .formFields .error[style*=inline] + .error + .error + input,
    body .formFields .error[style*=inline] + .fa + select,
    body .formFields .error[style*=inline] + .fa + select + select,
    body .formFields .error[style*=inline] + select,
    body .formFields .error[style*=inline] + select + select
    body .formFields .error[style*=inline] + textarea {
        border: 2px solid #fb3803;
        color: #fb3803
    }

body .formFields span.fa {
    height: 31px;
    width: 31px;
    text-align: center;
    line-height: 29px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #f0f0f0;
    border: 1px solid #a7a7a7;    
    color: #5f5f5f;
    float: left;
    font-size: 16px;
}
    body .formFields span.fa.tall {
        height: 100px;
        line-height: 35px;
    }

    body .formFields span.fa.taller {
        height: 200px;
        line-height: 35px;
    }

    body span.fa.reversed,
    body i.fa.reversed {
        -moz-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }

body .formFields span.fa + input[type=text],
body .formFields span.fa + input[type=password],
body .formFields span.fa + textarea,
body .formFields span.fa + select,
body .formFields span.fa + select + select {
    float: left;
    width: calc(100% - 31px);
    border-left: 0;
    padding-left: 10px;
    height: 31px;
}

body .formFields span.fa + select,
body .formFields span.fa + select + select {
    padding-left: 5px;
}

body #content .infoPod {
  position: relative;
  overflow: hidden;
  height: 300px;
  -webkit-box-shadow: 0 12px 16px -8px #3e3e3e;
  -moz-box-shadow: 0 12px 16px -8px #3e3e3e;
  box-shadow: 0 12px 16px -8px #3e3e3e;
  margin: 0 0 25px 0;
}

body #content .infoPod img {
  width: 150%;
  max-width: 150%;
  position: relative;
}

body #content .infoPod h2 {
  background-color: #151515;
  padding: 15px;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  margin: 0;
  font-size: 18px;
  transition: all 0.6s ease-out;
}

body #content .infoPod:hover h2,
body #content .infoPod.hover h2 {
  color: #151515;
}

body #content .infoPod:hover div,
body #content .infoPod.hover div {
  bottom: 0;
  height: 100%;
}

body #content .infoPod div {
  position: absolute;
  bottom: -135px;
  height: 60%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 999999;
  width: 100%;
  cursor: pointer;
  transition: all 0.6s ease-out;
}

body #content .infoPod div:hover,
body #content .infoPod div.hover {
  bottom: 0;
  height: 100%;
}

body #content .infoPod div p {
  color: #fff;
  padding: 14px 10px 0 10px;
  line-height: 18px;
  margin: 0 0 8px 0;
  font-size: 14px;
}

body #content .infoPod div p .arrow {
  position: relative;
  top: -3px;
}

body #content .infoPod div p:first-of-type {
  font-size: 16px;
  padding-bottom: 10px;
}

body #content .infoPod div .buttonLink {
  margin: 10px 10px 0 0;
}

body #content #pagination {
  width: 100%;
  clear: both;
  overflow: hidden;
  overflow-x: auto;
  display: inline-block;
}

body #content #pagination .inner {
  margin: 0 auto;
  clear: both;
  overflow: hidden;
}

body #content #pagination a, body #content #pagination span {
  margin: 0 8px 0 0;
  text-align: center;
  padding: 10px 0 0 0;
}

body #content #pagination span.active {
  color: #151515;
}

body #content #clubListings .clubItem {
  box-shadow: 0 0 15px 0 #c2c2c2;
  padding: 10px;
  box-sizing: border-box;
  height: 210px;
  margin: 0 0 20px 0;
  position: relative;
  overflow: hidden;
}
    body #content #clubListings .clubItem:hover {
        box-shadow: 0 0 25px 5px #c2c2c2;
        cursor: pointer;
    }
        body #content #clubListings .clubItem:hover a {
            text-decoration: none;
            color: #bc0202;
        }

body #content #clubListings .clubItem h2 {
  font-size: 18px;
  margin: 0 0 5px 0;
}

body #content #clubListings .clubItem p {
  font-size: 14px;
  line-height: 18px;
}

body #content #clubListings .clubItem .clubCrestSma img {
    position: absolute;
    right: 15px;
    bottom: 15px;
    max-height: 85px;
    max-width: 85px;
}

body #content #clubDetailsHeading {
    position: relative;
}

body #content #clubDetails #editPanel {
    padding: 20px;
}

body #content #clubDetails #clubCrestSma {
  width: 100%;
  margin: 0 0 20px 0;
  text-align: center;
}

body #content #clubDetailsHeading #clubCrest {
  position: absolute;
  background-color: #fff;
  padding: 10px 60px;
  box-sizing: border-box;
  top: -15px;
  right: 0;
  z-index: 999999;
  text-align: center;
  display: none;
}

body #content #clubDetails .detailsSection {
  border: 1px solid #dddddd;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 0 20px 0;
  position: relative;
}

body #content #clubDetails .detailsSection h2 {
  font-size: 20px;
}

body #content #clubDetails .detailsSection h4 {
  font-size: 16px;
  font-family: 'cabinregular', Arial, Helvetica, sans-serif;
  margin: 0;
}

body #content #clubDetails #clubColours p {
  text-align: center;
  margin: 15px 0 0 0;
}

body #content #clubDetails #clubColours img {
  width: 70%;
  display: block;
  margin: 0 auto;
}

body #content #clubDetails #clubColours .kitPlaceholder {
  padding: 55px 20px 20px 20px;
  margin-top: 10px;
  box-sizing: border-box;
  text-align: center;
  height: 150px;
  background-size: 50px 50px;
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

body #content .spacer {
  width: 25px;
  display: inline-block;
}

body #content .clubList:nth-child(2n+1) {
    clear: left;
}

body #content #clubDetails #clubContacts p {
  margin: 5px 0 0 0;
}

body #content .divider {
  height: 20px;
  margin: 0 0 25px 0;
  border-bottom: 1px dotted #a7a7a7;
}

body #content #clubDetails #clubContacts .tel {
  color: #5e5e5e;
  text-decoration: none;
}

body #content #clubDetails #clubContacts #primaryContact h3 {
  font-size: 20px;
}

body #content #clubDetails #clubContacts #primaryContact p {
  font-size: 18px;
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
}

body #content .greyBox {
    background-color: #f0f0f0;
    border: 1px dotted #c2c2c2;
    padding: 20px;
    margin-bottom: 20px;    
    position: relative;
}
    body #content .greyBox.larger {        
        padding: 15px 12px;
    }

    body #content .greyBox.smaller {        
        padding: 15px 12px;
    }

body #content .greyBox h3 {
    padding-top: 0;    
}

body #content .greyBox h4 {
    color: #800040;
    font-family: 'cabinregular', Arial, Helvetica, sans-serif;
}

    body #content .greyBox p {
        margin-bottom: 10px;
    }

    body #content .greyBox.highlight {
        height: auto !important;
    }

    body #content .greyBox.highlight .fa {
        cursor: default;
    }

body #content #memberGrid .col04:nth-child(2n+1) {
    clear: left;    
}

body #content #memberTeamGrid .col06:nth-child(2n+1) {
    clear: left;
}
        
body #content #clubDetails #clubContacts .newMember {
    background-color: #f0f0f0;
    border: 1px dotted #c2c2c2;
    padding: 15px 12px;
}

body #content #clubDetails #clubContacts .newMember a {
    display: block;
    height: 120px;
    text-align: center;
    text-decoration: none;
}
    body #content #clubDetails #clubContacts .newMember a .fa {
        transform: translateY(-50%);
        position: relative;
        display: block;
        top: 50%;
        font-size: 28px;
        color: #b0b0b0;
        text-shadow: 0 2px 0 #fff;
    }

body #content #clubDetails #clubContacts .newMember:hover {
    background-color: #f8fb06;
}
    body #content #clubDetails #clubContacts .newMember:hover a .fa {
        color: #151515;
    }

body #content .visibility {
    position: absolute;
    top: 5px;
    right: 8px;
    color: #fb3803;
}
    body #content .visibility.consented { color: #939393; }
    body #content .visibility.consented.private { color: #ff9c00; }
    body #content .visibility.consented.public { color: #51a208; }

body #content #clubFixtures table.formattedTable tr td {
    padding-right: 10px;
}

body #content #clubFixtures table i.fa {
    font-size: 22px;
    margin-right: 5px;
    position: relative;
    top: -1px;    
}
    body #content #clubFixtures table i.fa.notStarted {
        color: #CCC;
    }

    body #content #clubFixtures table i.fa.confirmed,
    body #content #clubFixtures i.fa.confirmed {
        color: #2f782d;
    }
    
    body #content #clubFixtures table i.fa.unconfirmed {
        color: #9d2402;
    }

    body #content #clubFixtures table i.fa.awaiting,
    body #content #clubFixtures i.fa.awaiting {
        color: #ff9c21;
    }

    body #content .homeAwaySummary {
        display: inline-block; 
        text-align: center; 
        margin-right: 3px;    
        color: #151515;   
        text-decoration: none;        
    }


body #content .adminControls {
    float: right;
}
    body #content .adminControls a {
        font-size: 22px;        
        color: #fff;
        display: inline-block;
        padding: 10px 15px;
        border-right: 1px solid #ff0202;
        border-left: 1px solid #f56767;
        margin-right: -4px;
        text-align: center;
    }
    body #content .adminControls a:first-child {
        border-left: 0;
    }
    body #content .adminControls a:last-child {
        border-right: 0;
    }
    body #content .adminControls a:hover {
        background-color: #f8fb06;
        color: #151515;
    }        

body #content table.formattedTable {
  width: 100% !important;
}

body #content table.formattedTable thead tr,
body #content table.formattedTable tr.thead {
  background-color: #464646;
}

body #content table.formattedTable thead tr th,
body #content table.formattedTable tr.thead th {
  color: #fff;
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
  padding: 10px;
  text-align: left;
  border: 1px solid #464646;
}

body #content table.formattedTable thead tr th.centered,
body #content table.formattedTable tr.thead th.centered {
    text-align: center !important;
}

body #content table.formattedTable tbody tr td {
  padding: 10px 30px 10px 10px;
  border: 1px solid #a7a7a7;
}

body #content table.formattedTable tbody tr td.date {
  width: 23% !important;
  line-height: 14px;
}

body #content table.formattedTable tbody tr td p {
  margin-top: 5px;
}

body #content table.formattedTable tbody tr td.center {
  text-align: center;
  padding: 0;
  margin: 0;
}

body #content #eventDetails .detailsSection {
  border: 1px solid #dddddd;
  padding: 20px;
  box-sizing: border-box;
  margin: 0 0 20px 0;
}

body #content #gMap {
  position: relative;
  height: 150px;
  margin: 20px 0 30px 0;
  background-size: 50px 50px;
  background-color: #dddddd;
  background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

body #content #gMap iframe {
  opacity: 0;
  transition: opacity 1s ease-out;
}

body #content #searchResults p {
  margin-bottom: 3px;
}

body #content #searchResults #searchResultsLinks {
  margin-bottom: 30px;
  clear: both;
  overflow: hidden;
}

body #content #searchResults #searchResultsLinks li {
  float: left;
  clear: none;
  padding: 0 20px 0 0;
}

body #content #searchResults table {
  width: 100% !important;
}

body #content #searchResults table thead tr {
  background-color: #464646;
}

body #content #searchResults table thead tr th {
  color: #fff;
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
  padding: 10px;
  text-align: left;
}

body #content #searchResults table tbody tr td {
  padding: 10px 30px 10px 10px;
}

body #content #leagueSponsor div {
  display: none;
}

body #content #leagueSponsor img {
  margin-bottom: 10px;
}

body #content #leagueSponsor p {
  text-align: justify;
}

body #content #flickrGallery .gallery {
  background-color: #dddddd;
  box-sizing: border-box;
  height: 200px;
  margin: 0 0 20px 0;
  font-size: 14px;
  text-align: center;
  padding: 5px 10px;
  line-height: 20px;
  display: block;
  color: #5e5e5e;
  text-decoration: none;
}

body #content #flickrGallery .gallery:hover {
  background-color: #c2c2c2;
  cursor: pointer;
}

body #content #flickrGallery .gallery img {
  border: 1px solid #a7a7a7;
  display: block;
  margin: 10px auto;
}

body #content #flickrGallery .photo {
  border: 1px solid #a7a7a7;
  margin: 0 0 20px 0;
}

body #content #flickrGallery .photo:hover {
  border: 1px solid #ff0202;
}

body #content #flickrGallery .photo img {
  display: block;
}

body #footer {
  border-top: 20px solid #f8fb06;
  height: 400px;
  width: 100%;
  background: url("../img/content/bg-footer.png") repeat center;
  position: relative;
}

body #footer #footerUpper {
  border-top: 2px solid #ff0202;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}

body #footer #footerUpper p {
  color: #c2c2c2;
  font-size: 12px;
}

body #footer #footerUpper a {
  text-decoration: underline;
  color: #c2c2c2;
}

body #footer #footerUpper a:hover {
  color: #f8fb06;
  text-decoration: none;
}

body #footer #footerUpper .leagueSponsor {
  border: 2px solid #4d4d4d;
  display: inline-block;
  margin: 50px 0 15px 0;
  width: 70%;
  padding: 20px;
  cursor: pointer;
}

body #footer #footerUpper .leagueSponsor p {
  font-family: 'cabinbold', Arial, Helvetica, sans-serif;
  font-size: 18px;
  clear: both;
  overflow: hidden;
  padding-top: 15px;
  margin-bottom: 0;
}

body #footer #footerUpper .leagueSponsor p img {
  position: relative;
  top: -15px;
  margin: 20px 0 0 10px;
}

body #footer #footerLower {
  background-color: rgba(195, 195, 195, 0.4);
  height: 140px;
  position: absolute;
  z-index: 99999;
  left: 0;
  width: 100%;
  bottom: 0;
  padding: 32px 0;
  box-sizing: border-box;
  text-align: center;
}

body #footer #footerLower a {
  color: #c2c2c2;
  font-size: 12px;
  text-decoration: none;
}

body #footer #footerLower a:hover {
  color: #f8fb06;
  text-decoration: underline;
}

body #footer #footerLower ul {
  overflow: hidden;
  display: inline-block;
}

body #footer #footerLower ul li {
  display: block;
  float: left;
  padding: 0 20px 0 0;
}

body #footer #footerLower p {
  font-size: 12px;
  color: #c2c2c2;
}

body .statusBlock {
    float: left;
    background-color: #f0f0f0;
    border: 1px dotted #c2c2c2;
    margin-left: 5px;
    text-align: center;
    width: 35px;
    height: 72px;
    line-height: 30px;
    position: relative;
    color: #151515;
    text-decoration: none;
}
    body .statusBlock:hover {
        background-color: #f8fb06;
        color: #000;
    }

    body .statusBlock.activeBlock {
        background-color: #151515;
        color: #fff;
    }

    body .statusBlock.disabledBlock {
        border: 1px solid #ddd;
        background-color: #eee;
        color: #aaa;
        cursor: not-allowed;
    }
        body .statusBlock div {
            position: relative;
            height: 100%;
        }

        body .statusBlock div span:before {
            position: absolute;
            display: inline-block;
            bottom: 0;
            right: 0;
            font-family: 'FontAwesome';
            color: #fff;
            font-size: 11px;
            width: 100%;
            height: 42px;
            line-height: 42px;
            text-align: center;
        }


        body .statusBlock.completeBlock div span:before {
            content: "\f00c";
            background-color: #2f782d;
        }

        body .statusBlock.disabledBlock div span:before {
            content: "";
            background-color: #aaa;
        }

        body .statusBlock.incompleteBlock div span:before {
            content: "\f00d";
            background-color: #9d2402;
        }

        body .statusBlock.pendingBlock div span:before {
            content: "\f00c";
            background-color: #ff9c21;            
        }

        body .statusBlock.startedBlock div span:before {
            content: "\f04b";
            background-color: #ff9c21;            
        }
 

@media (min-width: 768px) and (max-width: 1024px) {
  body .search {
    width: 85%;
  }
  body #content .infoPod {
    height: auto;
  }
  body #content .infoPod.hover h2 {
    color: #fff;
  }
  body #content .infoPod div {
    position: static;
    background-color: #000;
    overflow: hidden;
    clear: both;
    padding-bottom: 10px;
    margin-top: -3px;
  }
  body #content .infoPod div .arrow {
    display: none;
  }
  body #content .newsItem {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: visible;
  }
}

@media (min-width: 1025px) {
    body #content #memberGrid .col04:nth-child(2n+1) {
        clear: none;    
    }

    body .statusShields {
        display: inline-block;
    }

    body #adminMenu .tooltip,
    body #adminMenu [data-tooltip] {
        position: relative;
    }

  body #clubFixtures #dvConfirm {
    height: 60px;
  }

  body #adminMenu a:not(sub) {
      position: relative;
  }

    body #adminMenu a > div {
        width: 600px;
        transform: none;
    }

    body #adminMenu a:not(sub) {
        padding: 0;
    }
    body #adminMenu a > .fa {
        padding: 15px 20px;
    }

  body #adminMenu a.focus > div {
    left: auto;
    right: 10px;
    overflow: hidden;
  }

  body .lineBreak {
    display: none;
  }
  body #topMenu .quickLinks {
    display: none;
  }
  body #topMenu ul {
    display: inline-block;
    position: static;
    height: 100%;
    box-shadow: none;
    background-color: transparent;
    width: auto;
  }
  body #topMenu ul li {
    border-right: 1px solid transparent;
    -moz-border-image: -moz-linear-gradient(top, #ff0202 0%, #f83030 100%);
    -webkit-border-image: -webkit-linear-gradient(top, #ff0202 0%, #f83030 100%);
    border-image: linear-gradient(to bottom, #ff0202 0%, #f83030 100%);
    border-image-slice: 1;
    float: left;
    height: 100%;
    padding-bottom: 0;
  }
  body #header {
      padding-bottom: 0;
      height: 120px;
  }
  body #header .logo {
    margin: 0;
  }
  body .login {
    margin-bottom: 0;
  }
  body .login input[type=text] {
    width: 65%;
  }
  body .login input[type=password] {
    width: 34%;
  }
  body #hero {
    height: 400px;
  }
  body #hero #heroSlider div {
    background-position: center top;
  }
  body #hero #heroSlider div img {
    height: auto;
    display: none;
  }
  body #hero #heroSlider .overlay p {
    font-size: 36px;
    padding: 40px 0;
  }
  body #hero #sliderNav {
    display: block;
  }
  body #navigation {
    height: 68px;
    box-shadow: 0 10px 25px 0 #151515;
  }
  body #navigation .menu {
    display: block;
    height: 100%;
  }
  body #navigation .menu ul {
    display: inline-block;
    height: 100%;
    margin-top: 0;
  }
  body #navigation .menu ul li {
    float: left;
    display: block;
    height: 100%;
    position: relative;
  }
  body #navigation .menu ul li:first-child {
    border-left: 1px solid #0a0a0a;
  }
  body #navigation .menu ul li:last-child {
    border-right: 1px solid #464646;
  }
  body #navigation .menu ul li a {
    font-family: 'cabinbold', Arial, Helvetica, sans-serif;
    display: block;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    padding: 20px 27px 0 27px;
    border-right: 1px solid #0a0a0a;
    border-left: 1px solid #464646;
    height: 100%;
    box-sizing: border-box;
  }
  body #navigation .menu ul li a:hover,
  body #navigation .menu ul li a.selected {
    border-bottom: 8px solid #f8fb06;
    background: url("../img/content/bg-nav-hover.png") no-repeat center bottom;
  }
  body #navigation .menu ul li:hover a {
    border-bottom: 8px solid #f8fb06;
    background: url("../img/content/bg-nav-hover.png") no-repeat center bottom;
  }
  body #navigation .menu ul li:hover ul {
    left: 0;
  }
  body #navigation .menu ul li:hover ul li a {
    border-bottom: 0;
    background: none;
  }
  body #navigation .menu ul li ul {
    position: absolute;
    left: -9999px;
    top: 0;
    display: block;
    z-index: 9999999;
    margin: 60px 0 0 -1px;
    background-color: #151515;
    height: auto;
    width: 190%;
    border-top: 8px solid #f8fb06;
  }
    body #navigation .menu ul li ul.mega {
        -moz-transform: translateX(-40%);
        -ms-transform: translateX(-40%);
        -o-transform: translateX(-40%);
        -webkit-transform: translateX(-40%);
        transform: translateX(-40%);
        width: 600px;
    }
        body #navigation .menu ul li ul.mega li {
            float: left !important;
            width: 50% !important;
            border: 0 !important;
        }    
            body #navigation .menu ul li ul.mega li a {
                border: 0 !important;
            }

        body #navigation .menu ul li ul.mega3 {
            width: 650px;
        }
            body #navigation .menu ul li ul.mega3 li {
                width: 33% !important;            
            }    

  body #navigation .menu ul li ul li {
    float: none;
    border: 0;
    background: none;
    text-align: left;
    border-left: 1px solid #0a0a0a;
    border-right: 1px solid #0a0a0a;
  }
  body #navigation .menu ul li ul li:last-child {
    border-bottom: 1px solid #0a0a0a;
  }
  body #navigation .menu ul li ul li:last-child a {
    border-bottom: 1px solid #464646;
  }
  body #navigation .menu ul li ul li a {
    color: #fff;
    padding: 10px 10px 10px 28px;
    border-left: 1px solid #464646;
    border-right: 1px solid #464646;
  }
  body #navigation .menu ul li ul li a:hover {
    border-bottom: 0;
    background: #ff0202;
  }
  body #content .infoPod img {
    width: 150%;
  }
  body #content .newsItem {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    overflow: visible;
  }
  body #content .padContentRight {
    padding-right: 35px;
  }
  body #content table {
    width: auto !important;
  }
  body #content table tbody tr td {
    width: auto !important;
    padding: 10px 15px 10px 10px;
  }
  body #content #clubListings .clubItem p {
    font-size: 16px;
    line-height: 20px;
  }
  body #content #clubDetails #clubCrestSma {
    display: none;
  }
  body #content #clubDetailsHeading #clubCrest {
    display: block;
  }
  body #content #clubDetailsHeading #clubCrest img {
    max-width: 85px;
    max-height: 85px;
  }
  body #content #gMap {
    height: 350px;
  }
  body #footer {
    height: 280px;
  }
  body #footer #footerUpper {
    width: 100%;
  }
  body #footer #footerUpper .leagueSponsor {
    padding: 15px 75px;
    margin: 50px 0 60px 0;
    width: 30%;
  }
  body #footer #footerUpper .leagueSponsor p {
    padding-top: 18px;
  }
  body #footer #footerUpper .leagueSponsor p img {
    margin-top: 0;
    float: right;
  }
  body #footer #footerLower {
    height: 80px;
  }
  body #footer #footerLower ul {
    float: left;
  }
  body #footer #footerLower p {
    float: right;
  }
  body .search {
    margin-left: 30px;
  }
  body #content .greyBox.larger {
    height: 220px;
  }
  body #content .greyBox.smaller {
    height: 120px;    
  }
}

/* Modal / Overlay */

.overlay {
    background: rgba(0,0,0, 0.6);
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    z-index: 1000000;
}

#memberConsentOverlay {
    z-index: 9999999 !important;
}

#memberConsentModal {
    z-index: 99999999 !important;
    overflow: auto;
    max-height: 80%;
}

#modalOverlay {
    display: block;
}

.modal {
    display: none;
    background-color: #fff;
    position: fixed;
    width: 50%;
    padding: 20px;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 1000001;
    box-shadow: 2px 2px 10px 0 #444;
}

    .modal .buttons {
        text-align: center;
        margin: 10px 0 0 0;
    }

        .modal .buttons .button {
            margin: 0 5px 0 0;
        }

.modalInner {
    height: calc(100% - 20px);
    overflow: auto;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
    margin: -10px -10px 0 -10px;
}

/* Email */

#emailBody {
    background-color: #d9d9d9;
    font-size: 14px;
    font-family: Arial, sans-serif;
}
#emailBody table.content {
    background-color: #fff;
}    

    #emailBody table.content td {
        padding: 20px;
    }

    #emailBody table.content td p,
    #emailBody table.content td strong {
        font-size: 14px;
        font-family: Arial, sans-serif;
    }

    #emailBody table.content table.block {
        background-color: #f83030;
        color: #fff;
        font-weight: bold;
    }

    #emailBody table.content table.block td {
        padding: 10px;
    }

    #emailBody table.content table.formatted tr th {
        background-color: #3e3e3e;
        color: #fff;
        font-weight: bold;
        text-align: left;
        padding: 10px;
    }

    #emailBody table.content table.formatted tr td {
        padding: 10px;
        text-align: left;
    }

    #emailBody .footer {
        border-top: 1px solid #151515;
    }

/* Date Picker */

.ui-datepicker-title {
    font-family: 'cabinregular', Arial, Helvetica, sans-serif !important;
}

.ui-datepicker-prev.ui-state-hover,
.ui-datepicker-next.ui-state-hover {
    background: transparent !important;
    border: 0 !important;
    cursor: pointer;
}

.ui-datepicker-year {
    font-family: 'cabinregular', Arial, Helvetica, sans-serif !important;
}

.ui-datepicker td a {
    padding: 5px !important;
}

.ui-widget-header {
    background: #ff0202 !important;
    color: #fff !important;
    font-weight: normal !important;
}

.ui-datepicker-today .ui-state-highlight {
    background: #ff0202 !important;
    color: #fff !important;
}

.ui-state-active {
    background: #f8fb06 !important;
    border: 1px solid #151515 !important;
    color: #151515 !important;
}

/* Spinner */

.spinner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: 9999999998;
    display: none;
}

.spinner #floatBarsG {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    z-index: 9999999999;
    width: 114px;
	height: 14px;
}

.floatBarsG{
	position:absolute;
	top:0;
	background-color:rgb(255,2,2);
	width:16px;
	height:16px;
	animation-name:bounce_floatBarsG;
		-o-animation-name:bounce_floatBarsG;
		-ms-animation-name:bounce_floatBarsG;
		-webkit-animation-name:bounce_floatBarsG;
		-moz-animation-name:bounce_floatBarsG;
	animation-duration:1.235s;
		-o-animation-duration:1.235s;
		-ms-animation-duration:1.235s;
		-webkit-animation-duration:1.235s;
		-moz-animation-duration:1.235s;
	animation-iteration-count:infinite;
		-o-animation-iteration-count:infinite;
		-ms-animation-iteration-count:infinite;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-iteration-count:infinite;
	animation-direction:normal;
		-o-animation-direction:normal;
		-ms-animation-direction:normal;
		-webkit-animation-direction:normal;
		-moz-animation-direction:normal;
	transform:scale(.3);
		-o-transform:scale(.3);
		-ms-transform:scale(.3);
		-webkit-transform:scale(.3);
		-moz-transform:scale(.3);
}

#floatBarsG_1{
	left:0;
	animation-delay:0.496s;
		-o-animation-delay:0.496s;
		-ms-animation-delay:0.496s;
		-webkit-animation-delay:0.496s;
		-moz-animation-delay:0.496s;
}

#floatBarsG_2{
	left:16px;
	animation-delay:0.6125s;
		-o-animation-delay:0.6125s;
		-ms-animation-delay:0.6125s;
		-webkit-animation-delay:0.6125s;
		-moz-animation-delay:0.6125s;
}

#floatBarsG_3{
	left:33px;
	animation-delay:0.739s;
		-o-animation-delay:0.739s;
		-ms-animation-delay:0.739s;
		-webkit-animation-delay:0.739s;
		-moz-animation-delay:0.739s;
}

#floatBarsG_4{
	left:49px;
	animation-delay:0.8655s;
		-o-animation-delay:0.8655s;
		-ms-animation-delay:0.8655s;
		-webkit-animation-delay:0.8655s;
		-moz-animation-delay:0.8655s;
}

#floatBarsG_5{
	left:66px;
	animation-delay:0.992s;
		-o-animation-delay:0.992s;
		-ms-animation-delay:0.992s;
		-webkit-animation-delay:0.992s;
		-moz-animation-delay:0.992s;
}

#floatBarsG_6{
	left:82px;
	animation-delay:1.1085s;
		-o-animation-delay:1.1085s;
		-ms-animation-delay:1.1085s;
		-webkit-animation-delay:1.1085s;
		-moz-animation-delay:1.1085s;
}

#floatBarsG_7{
	left:99px;
	animation-delay:1.235s;
		-o-animation-delay:1.235s;
		-ms-animation-delay:1.235s;
		-webkit-animation-delay:1.235s;
		-moz-animation-delay:1.235s;
}

#floatBarsG_8{
	left:115px;
	animation-delay:1.3615s;
		-o-animation-delay:1.3615s;
		-ms-animation-delay:1.3615s;
		-webkit-animation-delay:1.3615s;
		-moz-animation-delay:1.3615s;
}



@keyframes bounce_floatBarsG{
	0%{
		transform:scale(1);
		background-color:rgb(255,2,2);
	}

	100%{
		transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-o-keyframes bounce_floatBarsG{
	0%{
		-o-transform:scale(1);
		background-color:rgb(255,2,2);
	}

	100%{
		-o-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-ms-keyframes bounce_floatBarsG{
	0%{
		-ms-transform:scale(1);
		background-color:rgb(255,2,2);
	}

	100%{
		-ms-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-webkit-keyframes bounce_floatBarsG{
	0%{
		-webkit-transform:scale(1);
		background-color:rgb(255,2,2);
	}

	100%{
		-webkit-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}

@-moz-keyframes bounce_floatBarsG{
	0%{
		-moz-transform:scale(1);
		background-color:rgb(255,2,2);
	}

	100%{
		-moz-transform:scale(.3);
		background-color:rgb(255,255,255);
	}
}