﻿select::-ms-expand {
    display: none;
}
body {
	color: #49453E;
	font-size: 11px; 
	text-align: center;
	overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    min-width: 320px;
	font-family: Roboto, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
    background-color: #222222;
}
select, input , button {font-family: Roboto, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;}
body.help {background-color: #fff;}

.pm_1 div.headshot_control div.headshot,
.pm_1 div.headshot_control div.headshot img {display: none !important;}

ul.primaryLevel.notLoggedIn,
ul.primaryLevel li.notLoggedIn { display: none !important;}
@media only screen and (min-width: 980px) {
    body {
        background: url(images/HBD_BackgroundImage.jpg) no-repeat top center fixed;
        background-size: cover;
    }
}
body, div, form, img, object {margin:0; padding:0; border:0;}

iframe {margin: 0;padding: 0;border: 0;width: 100%;}

div.options_body {border-bottom: solid 1px #b8b6af;}

div.viewoptions {
    width: 100%;
    text-align: center;
    position: relative;
    padding-bottom: 5px;
    margin: 1px auto;
    display: inline-block;
    background: #b8b6af;
}
div.gobuttoncontrol {
    display: inline-block;
}
Input.GoButton
{
	padding: 0 25px;
	text-align: center;
	width: 100px;
	height: 30px;
	color: #fff;
	background-color: #046973;
    background: linear-gradient(#056973, #045259);
	border-radius: 4px;
	border: none;
    cursor: pointer;
}

div.firstVisitModalButton {
    display: none;
    float: right;
    height: 22px;
    line-height: 22px;
    width: 22px;
    background-color: #39ac5f;
    color: #e9e9e9;
    border: 1px solid #168d3d;
    text-align: center;
    border-radius: 15px;
    font-weight: bold;
    font-size: 14px;
    margin-right: 4px;
    cursor: pointer;
}

tr.stickyHeader {visibility: hidden; position: fixed; top: 0; padding: 0 !important;}
tr.stickyHeader th {padding: 2px !important;}

table {font-size:11px; border-collapse: collapse; empty-cells:show;}
td {vertical-align: middle;}

table.standard tr.footer td {background-color: #FFEF77;  color:#000000 ;}
table.standard th.small {width: 40px;}
table.standard th.medium {width: 100px;}
table.standard th.large {width: 150px;}

table.verticalBars td:not(.locked),
table.verticalBars td:not(.secondaryLocked) {border-left: 1px solid #cccbc4;}

a {color: #000000;text-decoration: none;}
a:hover {text-decoration: underline;}

div.clearer {float: none; clear: both; width: 100%;}

.none {
    display: none !important;
}
.worldSelectList.block {
    display: block !important;
}

div.cbox {
    padding: 5px;
}

div.cbox_title {
  background-color: #403E3F;
  color: #ebebeb;
  border-bottom: solid white 1px;
  text-align: center;
  font-weight: bold;
  height: 36px;
  line-height: 36px;
  font-size: 14px;
  position: relative;
}
h1, h2, h3 {
    margin: 0;
    font-weight: normal;
    padding: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
div.cbox_title h2 {
    font-size: 14px;
    font-weight: bold;
    font-family: roboto condensed;
}
div.cbox_title_franchiseColor {
    position: absolute;
    left: 0;
    width: 5px;
    top: 0;
    bottom: 0;
    background: #7AC043;
}
.resetButton {
    cursor: pointer;
    position: absolute;
    right: 165px;
    height: 21px;
    font-size: 11px;
    line-height: 15px;
    width: 70px;
    color: #cdccc8;
    border: solid 1px #646263;
    border-radius: 4px;
    top: 8px;
    text-align: center;
    text-indent: 0;
    background: none;
    padding: 0;
    font-weight: bold;
}
.resetButton:hover {background: #535152;}
.orderButton {
    cursor: pointer;
    position: absolute;
    right: 85px;
    height: 21px;
    font-size: 11px;
    line-height: 15px;
    width: 70px;
    color: #cdccc8;
    border: solid 1px #646263;
    border-radius: 4px;
    top: 8px;
    text-align: center;
    text-indent: 0;
    background: none;
    padding: 0;
    font-weight: bold;
}
.orderButton:hover {background: #535152;}
.optimizeButton {
    cursor: pointer;
    position: absolute;
    right: 5px;
    height: 21px;
    font-size: 11px;
    line-height: 15px;
    width: 75px;
    color: #cdccc8;
    border: solid 1px #646263;
    border-radius: 4px;
    top: 8px;
    text-align: center;
    text-indent: 0;
    background: none;
    padding: 0;
    font-weight: bold;
}
.optimizeButton:hover {background: #535152;}
.optimizeIcon {
    background: url(Images/Icons/Optimize.png);
    width: 9px;
    height: 15px;
    float: left;
    margin-left: 3px;
    margin-top: 0;
}

div.cbox_body{
    box-shadow: 0 0 0 1px rgba(197, 197, 197,1);
    position: relative;
}

div.alertIcon {
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border: solid 1px #fff;
    border-radius: 10px;
    margin-right: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}

div.nodata,
div.tableFooter {
  background: #f2f2f2;
  width: 100%;
  padding: 2px 0;
  border-bottom: solid 1px #c7c7c7;
  text-align: center;
}

span.hidden
{
	display: block; 
	height: 2px; 
	vertical-align: bottom; 
	overflow: hidden;
}

span.label_info	{color:#056973; font-weight: bold;}
td.label_info	{color:#056973; font-weight: bold;}

body.unlocked table th {line-height: 12px !important;}
body.unlocked table th:first-child {text-align: left; text-indent: 5px;}
body.unlocked table.standard td.locked,
body.unlocked table.standard th.locked,
body.unlocked table.standard th.secondaryLocked,
body.unlocked table.standard td.secondaryLocked {border-right: none;}

@media only screen and (max-width: 750px) {
    select.isSafari,
    input[type="text"].isSafari {
        font-size: 16px !important;
    }
    input[type="radio"] { max-height: 13px;}
    input[type="checkbox"] { max-height: 15px;}
    table td select {height: 20px;}
}

.button
{
	color: White;
	/*background-color: #464242;*/
	width: 150px;
}

input.action
{
	color: White;
	/*background-color: #464242;*/
	width: 75px;
}

.button:hover  
{
	color: White;
	/*background-color: #87867D;*/
}

div.divider 
{
	height: 13px;
	background: url(Images/PageOptions/page_divider.gif) repeat-x center center; 
}

div.PageOptions
{
	background-color: #deddd5;
	position: relative;
}

/* Mobile Page Options */
div.filterChangeToButtons,
div.exitFilter,
div.openFilter,
div.responsivefilterlabel {
    display: none;
}
div.filterOriginalDropDown,
div.TextSearchBox {
    border: solid 1px #d3d3d3;
    background: #fff;
    padding-left: 5px;
    color: #817D7F;
}
div.filterOriginalDropDown select,
div.filterOriginalDropDown input,
div.TextSearchBox input {
    border: none;
    background: none;
    font-weight: bold;
    color: #403e3f;
    height: 28px;
}
div.filterOriginalDropDown select {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
    background: url(Images/Icons/Arrows/DropDownArrow.png);
    background-repeat: no-repeat;
    background-position: 95% 42%;
    font-size: 11px;
}
div.filterOriginalDropDown,
div.RookiesOnly,
div.ViewPlayerSettings,
div.include_secondary,
div.TextSearchBox {
    display: inline-block;
    width: auto;
    height: 28px;
    margin: 10px 10px 0 10px;
    border-radius: 4px;
    border: solid 1px #9a9790;
}
div.RookiesOnly,
div.include_secondary,
div.ViewPlayerSettings {
    border: none;
}
div.responsivefilterlabel {
    width: 98%;
    text-align: center;
    margin-left: 1%;
    font-size: 14px;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 20px;
}
@media all and (max-width:750px) {
    div.options_body.FO div.filterOriginalDropDown,
    div.gobuttoncontrol,
    div.options_body.FO div.openFilter {
        display: none;
    }
    div.options_body.FO div.filterChangeToButtons,
    div.options_body.FO div.filterKeepDropDown,
    div.options_body.FO div.exitFilter,
    div.options_body.FO div.gobuttoncontrol,
    div.options_body.FO div.responsivefilterlabel,
    div.openFilter {
        display: block;
    }
    div.openFilter {
        position: absolute;
        right: 20px;
        width: 32px;
        height: 32px;
        background-image: url(Images/Icons/filter.png);
        cursor: pointer;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    div.options_body.FO {
        height:100% !important;
        width: 100%;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        background: rgba(0,0,0,.7);
        z-index: 9001;
    }        
    div.options_body.FO div.viewoptions {
        background-color: #fff;
        width: 96%;
        margin-left: 2%;
        position: fixed !important;
        top: 2% !important;
        /*transform: translateY(-50%);*/
        z-index: 9;
        height: auto !important;
        max-height: 96%;
        border-radius: 4px;
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .5);
        overflow-y: scroll;
    }
    div.options_body.FC div.viewoptions {
        margin-left: 0;
        height: auto;
        min-height: 38px;
        text-align: left;
        padding: 2px 0;
        margin-bottom: -2px;
    }
    div.options_body.FC {
        height: auto !important;
    }
    div.options_body.FC div.viewoptions div.filterOriginalDropDown,
    div.options_body.FC div.viewoptions div.TextSearchBox,
    div.options_body.FC div.viewoptions div.RookiesOnly,
    div.options_body.FC div.viewoptions div.ViewPlayerSettings,
    div.options_body.FC div.viewoptions div.include_secondary {
        position: relative ;
        top: auto;
        left: 0;
        width: auto;
        height: auto;
        line-height: normal;
        float: left;
        clear: both;
        margin-top: 0;
        border: solid 1px #9b988f;
        background: #e9e8e3;
        padding-left: 0;
        margin: 1px 0 1px 5px;
        padding: 2px;
        border-radius: 0;
        color: #000;
        font-weight: bold;
    }
    div.options_body.FC div.viewoptions div.filterOriginalDropDown select,
    div.options_body.FC div.viewoptions div.filterOriginalDropDown input,
    div.options_body.FC div.viewoptions div.TextSearchBox input {
        border: none;
        background: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        font-size: 11px !important;
        color: #000;
        width: auto ;
        height: auto ;
        position: static ;
        max-width: 190px;
        font-weight: normal;
    }
    div.options_body.FO div.viewoptions div.franchisecontrol {
        position: static;
        width: 100% !important;
        height: auto ;
    }
    /* non button selectors */
    div.options_body.FO div.viewoptions div.filterKeepDropDown,
    div.options_body.FO div.viewoptions div.TextSearchBox,
    div.options_body.FO div.viewoptions div.RookiesOnly,
    div.options_body.FO div.viewoptions div.ViewPlayerSettings,
    div.options_body.FO div.viewoptions div.include_secondary {
        position: static ;
        width: 98% ;
        margin-left: 1% ;
        text-align: center ;
        height: 50px ;
        margin-top: 10px ;
        float: none ;
        border: none;
        color: #000;
        padding-left: 0;
        display: block;
    }
    div.options_body.FO div.viewoptions div.filterKeepDropDown select,
    div.options_body.FO div.viewoptions div.filterKeepDropDown input,
    div.options_body.FO div.viewoptions div.TextSearchBox input {
        width: 98% !important;
        margin-left: 0 ;
        margin-top: 5px;
        height: 30px ;
        position: static ;
        border: solid 1px #282828;
        font-weight: normal;
        color: #000;
    }
    div.options_body.FO div.viewoptions div.filterKeepDropDown select.isSafari,
    div.options_body.FO div.viewoptions div.filterKeepDropDown input.isSafari,
    div.options_body.FO div.viewoptions div.TextSearchBox input.isSafari {
        font-size: 16px !important;
    }
    div.options_body.FO div.viewoptions.shortenSelect div.filterKeepDropDown select {
        /*width: initial !important;*/
        /*padding-left: 5px;*/
    }

    div.options_body.FO div.viewoptions div.filterKeepDropDown span,
    div.options_body.FO div.viewoptions div.filterChangeToButtons span,
    div.options_body.FO div.viewoptions div.TextSearchBox span,
    div.options_body.FO div.viewoptions div.RookiesOnly,
    div.options_body.FO div.viewoptions div.ViewPlayerSettings,
    div.options_body.FO div.viewoptions div.include_secondary {
        font-weight: bold;
    }

    div.options_body.FO div.viewoptions div.filterChangeToButtons,
    div.options_body.FO div.viewoptions div.gobuttoncontrol {
        width: 98% !important;
        margin-left: 1% !important;
        text-align: center !important;
        margin-top: 10px !important;
        position: static !important;
        float: none !important;
    }
    div.options_body.FO div.viewoptions div.buttoncontainer {
        margin-top: 5px;
    }
    div.options_body.FO div.viewoptions .filterButton {
        width: 80px;
        margin-bottom: 5px;
        margin-left: 5px;
        margin-right: 5px;
        cursor: pointer;
        background: #fff;
        border: solid 1px #046973;
        border-radius: 4px;
        padding: 5px 0;
    }
    div.options_body.FO div.viewoptions .filterButton:hover {
        background: #ddd;
    }
    div.options_body.FO div.viewoptions .filterButton.selected {
        background: #403e3f;
        color: #fff;
    }
    div.options_body.FO div.viewoptions .filterButton.buttonWide {
        width: 120px;
    }
    div.options_body.FO div.viewoptions .filterButton.buttonTall {
        height: 42px;
    }
    div.options_body.FO div.viewoptions div.gobuttoncontrol input {
        position: static !important;
        width: 100%;
        border-radius: 5px;
        height: 40px;
        background: #046973;
        border: solid 1px #06474b;
        cursor: pointer;
        float: none;
        margin-right: 0;
        margin-top: 0;
    }
    div.options_body.FO div.viewoptions div.exitFilter {
        width: 98%;
        margin-left: 1%;
        text-align: center;
        font-size: 12px;
        color: #046973;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 5px;
        margin-bottom: 5px;
        cursor: pointer;
    }
}


.HeaderFranchise {
	height: 50px;
	position: absolute;
	top: 10px;
	left: 10px;
	/*overflow: hidden;*/
	white-space: nowrap;
    /*width: 400px;*/
    width: auto;
    text-align: left;
}
.HeaderFranchise .HeaderFranchiseLogo {
	height: 40px;
	position: absolute;
	top: 0;
	left: 0;
}
.HeaderFranchise .HeaderFranchiseName {
	color: #e1e1e1;
	font-size: 12px;
	display: block;
	padding: 6px 0 0 46px;
	white-space: nowrap;
	overflow: hidden;
	-o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
    font-family: roboto condensed;
    cursor: default;
}
.HeaderFranchise .selectedWorldLabel {
    background-color: transparent;
    color: #b9b9b9;
    font-family: roboto condensed;
    font-size: 14px;
    margin-left: 46px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
    background: url(Images/Icons/Arrows/WorldDropDown.png);
    background-repeat: no-repeat;
    background-position: 95% 42%;
    cursor: default;
}
@media only screen and (min-width: 750px) {
    .HeaderFranchise:hover ul.worldSelectList,
    .HeaderFranchise:focus ul.worldSelectList,
    .HeaderFranchise ul.worldSelectList:hover,
    .HeaderFranchise.tabEntered ul.worldSelectList {
        display: block;
    }
}
.HeaderFranchise ul.worldSelectList {
    margin-left: 46px;
    background: #fff;
    width: auto;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.5);
    position: relative;
    margin-top: 13px;
}
@-moz-document url-prefix() {
    .HeaderFranchise ul.worldSelectList {
        margin-top: 11px;
    }
}
.HeaderFranchise ul.worldSelectList:before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 60px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #fff;
}
.HeaderFranchise ul.worldSelectList input {
    border: none;
    background: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 100%;
    text-align: left;
    padding: 12px 20px;
    font-size: 11px;
    font-weight: bold;
    cursor: pointer;
    color: #38393a;
}
.HeaderFranchise ul.worldSelectList input:hover {background: #046973; color: #fff;}


/* Mobile Menu Icon */
.mobile-menu-icon {
	display: block;
	width: 16px;
	height: 12px;
	position: relative;
	margin: 0 auto;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
}
.mobile-menu-icon span {
	display: block;
	position: absolute;
	height: 2px;
	width: 100%;
	background: #7AC043;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}
.mobile-menu-icon span:nth-child(1) {
	top: 0;
}
.mobile-menu-icon span:nth-child(2),
.mobile-menu-icon span:nth-child(3) {
	top: 5px;
}
.mobile-menu-icon span:nth-child(4) {
	top: 10px;
}
.open .mobile-menu-icon span:nth-child(1) {
	top: 5px;
	width: 0;
	left: 50%;
}
.open .mobile-menu-icon span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.open .mobile-menu-icon span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(45deg);
	transform: rotate(-45deg);
}
.open .mobile-menu-icon span:nth-child(4) {
	top: 5px;
	width: 0;
	left: 50%;
}

/* Main Navigation Control */
.mainnavCtr {
	position: relative;
	z-index: 2;
}
.mainnavCtr a:hover {
	text-decoration:none;
}
.mainnavCtr .mobile-menu-icon {
	display: none;
}
.mainnavCtr ul {
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.mainnavCtr ul.mainnav {
	display: inline-block;
}
.mainnavCtr .navIcon {
    background: url(Images/Nav/NavIcons.png);
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    margin-top: 20px;
    margin-left:10px;
}
.mainnavCtr .worldNavIcon {
    background-position: 0 0;
}
.mainnavCtr .managerNavIcon {
    background-position: 0 -20px;
}
.mainnavCtr .gmNavIcon {
    background-position: 0 -40px;
}
.mainnavCtr .adminNavIcon {
    background-position: 0 -60px;
}
.mainnavCtr li.menuHeader {
	display: inline-block;
	text-transform: uppercase;
	vertical-align: top;
	position: relative;
}
.mainnavCtr li.menuHeader > a {
	display: block;
	color: #b9b9b9;
	font-weight: bold;
	width: 120px;
	height: 60px;
	line-height: 60px;
	text-align: center;
    cursor: pointer;
    font-size: 13px;
}
.mainnavCtr li.menuHeader:hover > a {
	color: #7AC043;
}
.mainnavCtr ul.primaryLevel {
	text-transform: uppercase;
	position: absolute;
	left: 0;
	top: 50px;
	width: auto;
	background-color: #fff;
    box-shadow: 0 0 3px 1px rgba(0,0,0,.5);
}
.mainnavCtr ul.primaryLevel:before {
	content: "";
	display: block;
	position: absolute;
	top: -5px;
	left: 60px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #fff;
}
.mainnavCtr ul.primaryLevel li a {
	display: block;
	color: #38393a;
	font-weight: bold;
	height: 40px;
	line-height: 40px;
	padding: 0 0 0 20px;
	text-align: left;
	width: 170px;
	text-transform: capitalize;
    cursor: pointer;
}
.mainnavCtr ul.primaryLevel li:hover > a {
    background: #7AC043;
}
.mainnavCtr li.menuHeader li {
	position: relative;
	width: auto;
	white-space: nowrap;
	text-align: left;
}
.mainnavCtr li.menuHeader:hover > ul.primaryLevel {
	display: block;
	-webkit-animation: fadein .5s;
	-moz-animation: fadein .5s;
    -o-animation: fadein .5s;
	animation: fadein .5s;
}
.mainnavCtr ul.primaryLevel li:hover > ul {
	display: block;
	background-color: #fff;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 190px;
	width: auto;
	-webkit-animation: fadein .5s;
	-moz-animation: fadein .5s;
    -o-animation: fadein .5s;
	animation: fadein .5s;    
    box-shadow: 0 0 3px 1px rgba(0,0,0,.5);
}
.mainnavCtr ul.primaryLevel > ul > a {
	display: block;
	color: #BCBCBC;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
}
.mainnavCtr .mainnavctl {
	text-align: right;
}
.mainnavCtr .parentSubMenuItem:after {
	content: "";
	position: absolute;
	right: 20px;
    height: 9px;
    width: 9px;
    background: url(Images/Icons/Arrows/Arrows.png);
    background-position: -2px 0;
    top: 15px;
    background-color: #7AC043;
}
.mainnavCtr li:hover > .parentSubMenuItem:after {
	background-position: -2px -9px;
}

.mainnav a.mainheader,
.mainnav a.parentSubMenuItem {
	cursor: default;
}
.mainnav li.mobileSectionHeader {display: none;}

body.mobileMenuOpen {
    /*overflow: hidden;*/
    position: fixed;
    background: #000;
    width: 100%;
}
.mainnavCtr .navMenuContainer {
    position: static;
    background: none;
    width: auto;
    height: auto;
    max-height: none;
    overflow: initial;
}

@media all and (max-width:1490px) and (min-width: 800px){
	.mainnavCtr ul.mainnav li:nth-of-type(4) ul.primaryLevel li:hover > ul {
		left: -190px;
	}
}
@media all and (max-width:1225px) and (min-width: 800px) {
	.mainnavCtr ul.mainnav li:nth-of-type(3) ul.primaryLevel li:hover > ul {
		left: -190px;
	}
}
@media all and (max-width:1100px) {
    .mainnavCtr ul.primaryLevel {
		left: -60px;
	}
	.mainnavCtr li.correspondence_office  ul.primaryLevel {
		left: -70px;
	}
	.mainnavCtr ul.primaryLevel:before {
		left: 120px;
	}
}
@media all and (max-width:850px) {
    .HeaderFranchise {max-width: 250px;}
}
@media all and (max-width:750px) {
    .HeaderFranchise ul.worldSelectList {
        width: 100%;
        position: fixed;
        left: 0;
        margin: 0;
        top: 100px;
        bottom: 0;
        overflow: auto;
    }
    .HeaderFranchise ul.worldSelectList input {
        border-bottom: 1px solid #d1d1d1;
        font-weight: bold;
        padding: 16px 10px;
    }
	.mainnavCtr ul.mainnav,
	.mainnavCtr ul.primaryLevel:before,
	.mainnavCtr li.menuHeader:hover > ul.primaryLevel,
	.mainnavCtr ul.primaryLevel li:hover > ul {
		display: none;
		-webkit-animation: none;
		-moz-animation: none;
        -o-animation: none;
		animation: none;
	}
	.mainnavCtr .mobile-menu-icon {
		display: block;
	}
    .mainnavCtr .worldNavIcon {
        background-position: 0 -80px;
    }
    .mainnavCtr .managerNavIcon {
        background-position: 0 -100px;
    }
    .mainnavCtr .gmNavIcon {
        background-position: 0 -120px;
    }
    .mainnavCtr .adminNavIcon {
        background-position: 0 -140px;
    }
	div#PageHeader {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	.mainnavCtr .mainnavctl {
		width: auto;
		height: 60px;
		position: relative;
        background: #080808;
	}
	.mainnavCtr #game-nav-button {
		position: absolute;
		top: 10px;
		right: 0;
		width: 50px;
		height: 31px;
		padding-top: 18px;
		cursor: pointer;
	}
    .mainnavCtr #game-nav-button i.navHamburger {font-size: 21px;}
	.mainnavCtr .mainnavctl.open ul {
		width: 100%;
		margin: 0;
		position: fixed;
		right: 0;
	}
	.mainnavCtr .mainnavctl.open li:not(.quickLinkSection_hbdMenuli) {
		border-bottom: 1px solid #d1d1d1;
		height: 60px;
		line-height: 60px;
		display: block;
		background-color: #fff;
		/*box-shadow: 0 3px 4px 2px rgba(0,0,0,0.3);*/
	}
	.mainnavCtr .mainnavctl.open li:not(.quickLinkSection_hbdMenuli) a {
		text-align: left;
		padding-left: 35px;
		color: #38393a;
		text-transform: capitalize;
		height: 60px;
		line-height: 60px;
		width: auto;
	}
    .mainnavCtr .mainnavctl.open li a:hover {color: #fff;}
	.mainnavCtr .mainnavctl.open ul.mainnav {
		display: block;
		z-index: 2;
        bottom: 0;
        background: #fff;
        overflow-y:scroll;
	}
	.mainnavCtr .mainnavctl.open ul.mainnav > li > a:after {
		content: "";
		position: absolute;
		right: 20px;
        height: 9px;
        width: 9px;
        background: url(Images/Icons/Arrows/Arrows.png);
        background-position: -2px 0;
        top: 25px;
        background-color: #7AC043; /*cw:franchiseColor*/
	}
	.mainnavCtr .mainnavctl.open ul.mainnav > li:hover > a:after {
        background-position: -1px -9px;
	}
	.mainnavCtr .mainnavctl.open ul.mainnav:before {
		content: "";
		display: block;
		position: absolute;
		top: -5px;
		right: 20px;
		width: 0;
		height: 0;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #fff;
	}
	.mainnavCtr .mainnavctl.open li.menuHeader:hover {
		background-color: #7AC043;
		color: #fff;
	}
	.mainnavCtr .mainnavctl.open ul.primaryLevel {
		left: auto;
		z-index: 3;
		background-color: transparent;
        height: calc(100% - 100px);
        background: #fff;
        overflow-y: scroll;
        overflow-x: hidden;
	}
	.mainnavCtr .mainnavctl.open ul.primaryLevel li {
		border-left: 2px solid #E3E3E3;
	}
    .mainnavCtr .mainnavctl.open ul.lastLevel li {
        border-bottom: solid 1px #9f9f9f;
    }
	.mainnavCtr ul.primaryLevel li > ul.open,
	.mainnavCtr ul.primaryLevel li:hover > ul {
		width: 100%;
		position: inherit;
		top: 0;
		left: auto;
		z-index: 4;
        border-left: solid 2px #fff;
        background: #e9e9e9;
        box-shadow: none;
        border-top: solid 1px #9f9f9f;
	}
    .mainnavCtr ul.primaryLevel li ul.lastLevel a {padding-left: 45px;}
    .mainnavCtr ul.primaryLevel li ul.lastLevel li,
    .mainnavCtr ul.primaryLevel li ul.lastLevel a {
        background: #e9e9e9;
    }
    .mainnavCtr ul.primaryLevel li:hover > a {
	    background-color: #7AC043;
	    color: #fff;
    }
    .mainnavCtr ul.primaryLevel li ul.lastLevel li:hover,
    .mainnavCtr ul.primaryLevel li ul.lastLevel li:hover a,
    .mainnavCtr ul.primaryLevel li ul.lastLevel a:hover {
        color: #38393a;
        background: #d0d0d0;
    }
	.mainnavCtr ul.open {
		display: block !important;
	}
    .mainnavCtr ul.primaryLevel {
        box-shadow: none;
    }
    .mainnavCtr .mainnavctl.open ul.primaryLevel li,
    .mainnavCtr .mainnavctl.open ul.primaryLevel li a {
        height: 40px;
        line-height: 40px;
    }
    .mainnavCtr .parentSubMenuItem.closedLastLevel:after {background-position: -1px 36px;}
    .mainnavCtr .parentSubMenuItem.openLastLevel:after {background-position: -1px 72px;}
    ul.primaryLevel li:hover .parentSubMenuItem.closedLastLevel:after {background-position: -1px 27px; background-color: #7AC043;}
    ul.primaryLevel li:hover .parentSubMenuItem.openLastLevel:after {background-position: -1px 62px; background-color: #7AC043;}
    .mainnavCtr .parentSubMenuItem:after {
        background: url(Images/Icons/Arrows/Arrows.png);
        width: 10px;
        height: 9px;
        content: '';
        top: 16px;
        background-color: #7AC043;
    }
    .mainnav li.mobileSectionHeader {
        display: block;
        height: 34px !important;
        line-height: 34px !important;
    }
    .mainnav li.mobileSectionHeader .pageSection {
        color: #fff;
        font-weight: bold;
        text-align: center;
        background: #7AC043;
    }
    .mainnav li.mobileSectionHeader .backArrow {
        background: url(Images/Icons/Arrows/BackArrow.png);
        background-position: 5px;
        height: 34px;
        width: 40px;
        position: absolute;
        left: 0;
        top: 0;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .mainnavCtr .mainnavctl.open .navMenuContainer {
        height: 100%;
        max-height: calc(100% - 100px);
        position: fixed;
        top: 101px;
        display: block;
        right: 0;
        width: 100%;
        background: #fff;
        overflow-y: scroll;
    }
}


/*Page Structure Rules */
div.maincontainer {
	text-align: left;
	margin: 0 auto; 
	width: 980px;
}
/* IE HACKS */
@media screen\0 {
    div.maincontainer {width: 981px;}
}
@media screen\9 {
    div.maincontainer {width: 981px;}
}
/* END IE HACKS*/
div.copyright {
	font-size: .8em;
	border-top: 1px solid  #49453E;
}
div.pageContentWrapper div.maincontainer.selectactivated .mainnav ul {
	display: none;
}
div.mainpanel {
	z-index: 0;
	position: relative;
}
div.mainheader {	
}
div.mainshortheader	{
	z-index: 0;
	position: relative;
	background-image: url(Images/LandingPage/brick_02.jpg);
	height: 15px;
	padding-bottom: 0;
}
div.purchaseheader {
	z-index: 0;
	position: relative;
	background-image: url(Images/Header/PurchaseHeader.jpg);
	height: 47px;
	padding-bottom: 0;
}
div.mainfooter {
	z-index: 0;
	padding: 0;
    padding-bottom: 5px;
    color: #8a8687;
    background: #403e3f;
    position: relative;
}
div.mainfooter a {
    color: #8a8687;
}
div.mainfooter a.footerLinks {
    padding-right: 30px;
}

div.mainfooter div.footerLinkHolder {   
    width: 75%; 
     margin-top: 1em;
}

div.mainfooter div.footerLinkHolder a {        
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 1em;
}

div.mainfooter div.footerLinkHolder .footerDivider {
    display: none;
}

div.mainfooter div.copyright {
	padding-left: 10px;
    max-width: 980px;
    margin: auto;
    position: relative;
}

div.mainfooter div#footerLogoFOX {
    position: absolute;
    top: 0;
    right: 2em;    
}

div.mainfooter div#footerLogoFOX p {
    display: inline-block;
    vertical-align: top;
    padding: 2em;
}

div.mainfooter div#footerLogoFOX a
{
	display: inline-block;	
    width: 65px;
}

div.mainfooter div#footerLogoFOX a div.logo-title {
	background: url(../images/logos/foxsports/foxsports-logo.png);
	background: url(../images/logos/foxsports/foxsports-logo.svg),
	    linear-gradient(transparent, transparent);    
	background-repeat: no-repeat;	
	background-position: center center;
    height: 60px;
    width: 65px;
    background-size: 65px;
}

div.mainfooter div#footerLogoFOX a div.logo-title span {
	display: none;
}

div.maincontent {
	z-index: 0;
	/*position: relative; */
	padding: 0; 
	background-color: #deddd5;
	/*overflow: hidden;*/
    padding-bottom: 50px;
}
@media all and (max-width:800px) {
	div.mainheader {
		/*height: auto;*/
	}
    .HelpBoxDiv {
		position:absolute;
		left:0 !Important;
		top:180px;
        width: 99% !important;
	}

    table.HelpBoxTable {
        width: 100% !important;
    }

    table.HelpBoxTable td#titleBar {
        width: 90% !important;
    }

    table.HelpBoxTable a.exitHelp {
        padding: 20px;
    }    
    div.mainfooter div.footerLinkHolder a {    
        margin-right: 1.3em;        
    }

    @media all and (max-width:450px) {
        div.mainfooter a.footerLinks {
        padding: 0;
        }
        div.mainfooter div.footerLinkHolder span.footerDivider{
        padding-right: 2px;
        padding-left: 2px;
        display: inline-block;
        }
    }

    @media all and (max-width:350px) {
        div.mainfooter a.footerLinks {
        font-size: 0.9em;
        }
    }
}

/* --------------------------------------------------------------------------*/
/* Help Box                                                               */
/* --------------------------------------------------------------------------*/

.HelpBoxDiv
{
	position:absolute;
	width:500px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	left:280px;
	top:160px;
	display:none;
	z-index: 9999;
	border:1px solid #FFC24D;
}

table.HelpBoxTable
{
	border:none;
	width:500px;
	height: 435px; 
	background-color: #FFC24D;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

table.HelpBoxTable tr.titelBar {background:url(Images/help/HelpRepeater.jpg) repeat-x !important;}
table.HelpBoxTable tr.titelBar td {height:23px; line-height:23px; color:#403E3F; font-size:1.1em; font-weight:bold; text-align:center;}
table.HelpBoxTable tr.titelBar a {height:23px; line-height:23px; color:#403E3F; font-size:1.1em; font-weight:bold; text-decoration: none;}
table.InnerHelpBoxTable
{
	border: none;
	width: 100%; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 36px;
}

.helpfile
{
	border-style: none;
}

.HelpBoxDiv .help_file
{
	height: 407px;
}
@media all and (max-width:500px) {
	.HelpBoxDiv {
		position:absolute;
		left:0 !Important;
		top:180px;
        width: 99% !important;
	}

    table.HelpBoxTable {
        width: 100% !important;
    }

    table.HelpBoxTable td#titleBar {
        width: 90% !important;
    }

    table.HelpBoxTable a.exitHelp {
        padding: 20px;
    }
}

/* --------------------------------------------------------------------------*/
/* Message Box                                                               */
/* --------------------------------------------------------------------------*/

table.message_wrapper
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%
}

.message_header
{
	background: url(Images/MessageBox/message_top.jpg) top center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	width: 780px;
	height: 13px;
}

.message_footer
{
	background: url(Images/MessageBox//message_bottom.jpg) top center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 780px;
	height: 12px;
}

.message_content
{
	color: White;
	background: url(Images/MessageBox//message_repeat.jpg) repeat-y top center;
	margin: 0 0 0 0;
	padding: 0 0 0 10px; 
}

/*Page Error and Success*/
div.page_status { position: relative;}
table.page_error 
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%
}

.error_header
{
	background: url(Images/StatusBar/error_message_header.jpg) top center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	width: 780px;
	height: 13px;
}

.error_footer
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
    background: #d5371a;
}

.error_content
{
	margin: 0 5px;
	padding: 10px;
    background: #cb5858;
    border-radius: 4px;
    border: solid 1px #c31313;
	color: White;
    text-align: center;
}

.success_header
{
	background: url(Images/StatusBar//success_message_header.jpg) top center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	width: 780px;
	height: 13px;
}

.success_footer
{
	margin: 0 0 0 0;
	height: 12px;
    background: #43b3be;
    padding: 10px;
}

.success_content
{
	margin: 0 5px;
    padding: 10px;
    background: #39ac5f;
    border-radius: 4px;
    border: solid 1px #168d3d;
	color: White;
    text-align: center;
}

/* --------------------------------------------------------------------------*/
/* Page Header                                                               */
/* --------------------------------------------------------------------------*/
.header_01 {position: absolute; left: 0;}
.header_03 {position: absolute; left: 561px;}
.header_04 {position: absolute; left: 641px;}
.header_imagemap {position: absolute; left: 161px;}

.WorldSelectDropDown {
	background-color: transparent;
	border: 0;
	color: #b9b9b9;
	font-family: roboto condensed;
	font-size: 14px;
	margin-left: 42px;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
    background: url(Images/Icons/Arrows/WorldDropDown.png);
    background-repeat: no-repeat;
    background-position: 95% 42%;
    max-width: 300px;
}

.WorldSelectDropDown option {color: #000;}

.WorldTitleLabel {
	position:absolute;
	font-weight: bold;
	top: 60px;
	left: 156px;
	width: 150px;
}

.WorldSelectLink {
	position:absolute;
	font-weight: bold;
	top: 60px;
	left: 306px;
	width: 70px;
}

.FranchiseCenterLink {
	position:absolute;
	font-weight: bold;
	top: 60px;
	left: 256px;
	width: 125px;
}

#PageHeader {
	min-height: 24px;
	padding: 10px 10px 6px 10px;
	background-color: #deddd5;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	border-bottom: 1px solid #b8b6af;
}
#PageHeader .PageHeaderTitle {
	display: inline-block;
	vertical-align: top;
}
#PageHeader .PageHeaderTitle h1 {
    font-size: 18px;
    margin: 0;
    font-weight: normal;
    display: inline-block;
}
#PageHeader .PageHeaderTitleIcon {
	display: inline-block;
	width: 27px;
	height: 27px;
	background: url(Images/Icons/PageTitles/World.png) no-repeat 0 0;
	border-radius: 10px;
}
.PageTitleLabel {
	display: inline-block;
	color: #403E3F;
	font-family: roboto;
    font-weight: 400;
	font-size: 18px;
	vertical-align: super;
	padding-left: 4px;
}

.HelpLink
{
	display: block;
	height: 22px;
	line-height: 22px;
	width: 22px;
	background-color: #FED710;
	color: #AC8305;
	border: 1px solid #D6B802;
	float: right;
	text-align: center;
	border-radius: 15px;
	font-weight: bold;
	font-size: 14px;
}

.WhatIfLink
{
	color: White;
	position:absolute;
	top: 5px;
	left: 395px;
}

.WhatIfForumsLink
{
	color: White;
	position:absolute;
	top: 5px;
	left: 497px;
}

.WhatIfLogoutLink
{
	color: White;
	position:absolute;
	top: 5px;
	left: 570px;
}

/* --------------------------------------------------------------------------*/
/* Content Box                                                               */
/* --------------------------------------------------------------------------*/

table.cbox_wrapper
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%
}

table.cbox_title
{
	width: 760px;
	height: 35px;
	margin-bottom: 5px;
	background-color: #403E3F;
	font-size: 1.2em;
	font-weight: bold;
	color: White;
	border: none;
}

td.cbox_title_td
{
	padding-left: 33px;
}

/* --------------------------------------------------------------------------*/
/* Half Content Box                                                               */
/* --------------------------------------------------------------------------*/

table.halfcbox_wrapper
{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 390px;
}

.halfcbox_header
{
	background: url(Images/ContentBox/Half_rectangle_top.jpg) top center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;	
	width: 390px;
	height: 10px;
}

.halfcbox_footer
{
	background: url(Images/ContentBox/Half_rectangle_btm.jpg) top center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 390px;
	height: 10px;
}

.halfcbox_content
{
	background: url(Images/ContentBox/Half_rectangle_box.jpg) repeat-y top center;
	margin: 0 0 0 0;
	padding: 0 15px 0 15px;
}

table.halfcbox_title
{
	width: 360px;
	height: 35px;
	margin-bottom: 5px;
	background-color: #403E3F;
	font-size: 1.2em;
	font-weight: bold;
	color: White;
	border: none;
}

td.halfcbox_title_td
{
	padding-left: 33px;
}
div.buttonbar input {
    height: 30px;
    border-radius: 2px;
    font-weight: bold;
    width: 150px;
    font-family: roboto condensed;
}

input.mainButton {
    background: #056973;
    background: linear-gradient(#056973, #045259);
    border: solid 1px #04474e;
    color: #fff;
    cursor: pointer;
}
input.mainButton:hover {
    background: #04474e;
}
input.secondaryButton {
    background: #c8c7c0;
    background: linear-gradient(#c8c7c0, #bab9b2);
    bordeR: solid 1px #b2b1aa;
    color: #605f5d;
    cursor: pointer;
}
input.secondaryButton:hover {
    background: #b2b1aa;
}

/* --------------------------------------------------------------------------*/
/* Content Box                                                               */
/* --------------------------------------------------------------------------*/
.TableTitleBar
{
	background: url(images/Title_Bar.gif) repeat-x top center;
	font-weight: bold;
	text-align: center;
	margin: 5px 0 5px 0;
	padding: 3px 0 3px 0;
}

div.buttonbar {margin: 10px 0 10px auto; padding: 3px 3px 3px 3px; text-align:center;}

/* --------------------------------------------------------------------------*/
/* Popup page rule                                                           */
/* --------------------------------------------------------------------------*/
body.popup {background-image:none;}

body.popup div.maincontainer,
body.popup div.mainheader,
body.popup div.maincontent,
body.popup div.mainfooter {margin: 0;padding: 0;border: 0;width:auto;}

body.popup div.mainheader {display: none;}
body.popup div.copyright {display: none;}

/* --------------------------------------------------------------------------*/
/* Coach Profile Control                                                     */
/* --------------------------------------------------------------------------*/
div.CoachProfileControl { margin: 0; padding: 0; height: 225px; width: 645px; }
div.CoachProfileControl div#CoachGeneralInfo
{
	float: left;
	background: url(Images/PlayerProfile/general_box.gif) top center no-repeat;
	height: 225px;
	margin: 0;	
	padding: 0;
	width: 228px;
}

div.CoachProfileControl div#CoachGeneralInfo table#coachinfotable	{color: #141414; margin: 15px 0 0 8px; width: 200px;}
div.CoachProfileControl div#CoachGeneralInfo table#coachinfotable td				{padding: 3px 10px; text-align: center;}
div.CoachProfileControl div#CoachGeneralInfo table#coachinfotable td.subtitle		{width: 40px; text-align: left !important;}
div.CoachProfileControl div#CoachGeneralInfo table#coachinfotable td.subdata		{width: 160px; text-align: left !important;}
div.CoachProfileControl div#CoachGeneralInfo table#coachinfotable td.primarydata	{text-align: left !important;}
div.CoachProfileControl div#CoachGeneralInfo td.coachname		{font-size: 14px; font-weight: bold;}
div.CoachProfileControl div#CoachGeneralInfo span.coachfranchise,
div.CoachProfileControl div#CoachGeneralInfo span.coachlevel,
div.CoachProfileControl div#CoachGeneralInfo span.data			{font-weight: bold;}

div.CoachProfileControl div#CoachImageInfo
{
	float: left;
	height: 225px;
	margin: 0;
	padding: 0;
	width: 152px;
}

div.CoachProfileControl div#CoachStatusInfo
{
	float: left;
	background: url(Images/PlayerProfile/Bio_Box.gif) top center no-repeat;
	height: 225px;
	margin: 0;
	padding: 0;
	width: 260px;
}
div.CoachProfileControl div#CoachStatusInfo table.statusinfotable	{color: #FFFFFF; margin: 15px 0 0 20px; width: 220px;}
div.CoachProfileControl div#CoachStatusInfo table#statusinfotable1	{margin: 15px 0 0 20px;}
div.CoachProfileControl div#CoachStatusInfo table#statusinfotable2	{margin: 0 0 0 20px;}
div.CoachProfileControl div#CoachStatusInfo table.statusinfotable td		{margin: 0;	padding: 2px; text-align: left;}
div.CoachProfileControl div#CoachStatusInfo table.statusinfotable td.title {text-align: center !important;}
div.CoachProfileControl div#CoachStatusInfo span.title		{font-size: 14px; font-weight: bold;}
div.CoachProfileControl div#CoachStatusInfo span.primarydata {color: #FFCE00; font-weight: bold;}
div.CoachProfileControl div#CoachStatusInfo hr				{width: 100%;}
div.CoachProfileControl div#CoachStatusInfo td.label		{width: 95px;}
div.CoachProfileControl div#CoachStatusInfo td.label2		{width: 85px;}
div.CoachProfileControl div#CoachStatusInfo td.subdata		{color: #FFCE00; font-weight: bold;	text-align: left !important; width: 12px;}
div.CoachProfileControl div#CoachStatusInfo table#statusinfotable1 td.subtitle {width: 100px;}
div.CoachProfileControl div#CoachStatusInfo table#statusinfotable1 td.subdata {width: 100px;}
div.CoachProfileControl div#CoachStatusInfo table#statusinfotable2 td.subtitle {width: 60px;}
div.CoachProfileControl div#CoachStatusInfo table#statusinfotable2 td.subdata {width: 140px;}

/* ------------------------------------------------------------------------
   Common Controls
   ----------------------------------------------------------------------*/
/*select.SeasonDropDown			{margin-left: 5px;}
select.ViewDropDown				{margin-left: 5px;}
select.PlayerLogDropDown		{margin-left: 5px;}
select.PlayingLevelDropDown		{margin-left: 5px;}
select.ContractTypeDropDown		{margin-left: 5px;}
select.FranchiseDropDown		{margin-left: 5px; width: 240px;}
select.CategoryDropDown			{margin-left: 5px;}
select.SplitDropDown			{margin-left: 5px;}
select.TypeDropDown				{margin-left: 5px;}
select.LeagueDropDown			{margin-left: 5px;}
select.LevelDropDown			{margin-left: 5px;}
select.CoachesRoleDropDown		{margin-left: 5px;}
select.TransactionTypeDropDown	{margin-left: 5px;}
select.TimeFrameDropDown		{margin-left: 5px;}
select.QualifiedDropDown		{margin-left: 5px;}
select.PositionDropDown			{margin-left: 5px;}
select.cmbDraftRounds			{margin-left: 5px;}
select.RecordTypeDropDown		{margin-left: 5px;}*/
select.ContractTypeDropDown,
select.ContractOptionTypeDropDown {
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 25px;
    background: #fff url(Images/Icons/Arrows/DropDownArrow.png);
    background-repeat: no-repeat;
    background-position: 95% 42%;
    border: solid 1px rgb(169, 169, 169);
}
table.drafthistory td.season
{
	text-align: center;
	width: 50px;
}
table.drafthistory td.franchise
{
	text-align: center;
	width: 150px;
}
table.drafthistory td.round,
table.drafthistory td.pick
{
	text-align: center;
	width: 50px;
}
table.drafthistory td.owner
{
	text-align: center;
	width: 100px;
}

table.sortable tr:hover
{
	background-color: #FFFDE7 !important;
}   

/* ------------------------------------------------------------------------
   Rating Column Headers
   ----------------------------------------------------------------------*/
table.standard th { text-align: center; }

/**********REMOVED THE PRIMARY COLUMN CSS, IT'S SAVED ON Tom's Machine in a text file*/

table.standard {
    color: #000000;
    margin: 0 !important;
    width:100%;
}

table.standard tr.averages td.locked {
    background: #81807B;
    color: #fff;
}

table.standard td {
    border: 0;
    padding: 4px 2px;
    text-align: center;
    height: 16px;
    white-space: nowrap;
}


/* right align all stat columns */
table.standard td.Stat,
table.standard td.stat,
table.standard th.Stat,
table.standard th.stat,
table.standard th.stath,
table.standard th.pct,
table.standard td.pct {text-align: right;}

table.standard th,
table.standard tr.header,
table.halfstandard th,
table.halfstandard tr.header {
    background-color: #B8B6AF;
    border: 0;
    height: 30px;
    padding: 2px;
    line-height: 30px;
}

table.sortable tr:hover,
table.sortable tr:hover td{
  background-color: #FFEF77 !important;
  color: #000 !important;
}
table.sortable tr:hover td a {color: #000 !important;}

table.standard th.secondaryLocked,
table.standard td.secondaryLocked {
    position: absolute;
    text-align: center;
    width: 30px;
    min-width: 30px;
}

/* OVERRIDE PER TABLE*/
div.scrollable:not(.skipLockAdjust) {
    margin-left:151px;
}
div.scrollable.xxlargeLock.withSecondary:not(.skipLockAdjust) {
    margin-left:184px;
}
div.scrollable.xlargeLock.withSecondary:not(.skipLockAdjust) {
    margin-left:154px;
}
div.scrollable.largeLock.withSecondary:not(.skipLockAdjust) {
    margin-left:134px;
}
table.responsive.rerender td.locked, 
table.responsive.rerender th.locked{
    left:.1px !important;
}

table.responsive.rerender2 td.locked, 
table.responsive.rerender2 th.locked{
    left:.1px;
}

table.responsive td.locked,
table.responsive td.secondaryLocked
{
    width:150px;
    height: 16px;
    line-height:16px;
    text-align: left;
    position: absolute;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
    border-left: none;
}
table.responsive td.locked.center,
table.responsive td.secondaryLocked.center, 
div.scrollable.centerLock table.responsive td.locked,
div.scrollable.centerLock table.responsive th.locked

{
    text-align:center;
}
table.responsive th.locked,
table.responsive th.secondaryLocked
{
    width:150px;
    height:30px;
    position: absolute;
    left: 0;
    overflow: hidden;
    white-space: nowrap;
}
table.responsive td.locked, 
table.responsive th.locked
{
    width:150px;
    left:0;
    text-indent: 5px;
    text-align: left;
}
table.responsive td.secondaryLocked,
table.responsive th.secondaryLocked
{
    width:30px;
    left:150px;
    overflow: hidden;
    white-space: nowrap;
}

table tr.odd {background: #f1f1f1;}
table tr.even {background: #deddd5;}
table.standard tr.odd,
table.standard tr.odd td.locked,
table.standard tr.odd td.secondaryLocked
{
    background: #f1f1f1;
    height: 16px;
    line-height:16px;
    overflow: hidden;
    border-bottom: 1px solid #cccbc4 !important;
}
table.standard tr.highlight{border-bottom: 1px solid #cccbc4 !important;}
table.standard tr.even,
table.standard tr.even td.locked,
table.standard tr.even td.secondaryLocked
{
    background: #deddd5;
    height: 16px;
    line-height:16px;
    overflow: hidden;
    border-bottom: 1px solid #cccbc4 !important;
}
div.scrollable.tableLargeRows table.responsive td
{
    height: 26px;
    line-height:26px;
}
table.responsive tr td:nth-child(2):not(.secondaryLocked),
table.responsive tr th:nth-child(2):not(.secondaryLocked){

    padding-left : 5px;
}
body.unlocked .scrollable {
    margin-left:0 !important;
}
body.unlocked:not(#editstaff, #editlineups) div.scrollable table.responsive td.locked, 
body.unlocked:not(#editstaff, #editlineups) div.scrollable table.responsive th.locked
{
    width:inherit !important;
    min-width:unset !important;
    left:0 !important;
}
body.unlocked div.scrollable table tr td:nth-child(1)
{
    text-align: left;
}

div.scrollable.xsmallLock {
    margin-left:30px;
}
div.scrollable.xsmallLock table.responsive td.locked, 
div.scrollable.xsmallLock table.responsive th.locked
{
    width:30px;
    min-width:30px;
    left:0;
}
div.scrollable.withSecondary.xsmallLock table.responsive td.secondaryLocked,
div.scrollable.withSecondary.xsmallLock table.responsive th.secondaryLocked
{
    left:30px;
}


div.scrollable.smallLock {
    margin-left:50px;
}
div.scrollable.smallLock table.responsive td.locked, 
div.scrollable.smallLock table.responsive th.locked
{
    width:50px;
    min-width:50px;
    left:0;
}
div.scrollable.withSecondary.smallLock table.responsive td.secondaryLocked,
div.scrollable.withSecondary.smallLock table.responsive th.secondaryLocked
{
    left:50px;
}
div.scrollable.medLock {
    margin-left:75px;
}
div.scrollable.medLock table.responsive td.locked, 
div.scrollable.medLock table.responsive th.locked
{
    width:75px;
    min-width:75px;
    left:0;
}
div.scrollable.withSecondary.medLock table.responsive td.secondaryLocked,
div.scrollable.withSecondary.medLock table.responsive th.secondaryLocked
{
    left:75px;
}
div.scrollable.largeLock {
    margin-left:100px;
}
div.scrollable.largeLock table.responsive td.locked, 
div.scrollable.largeLock table.responsive th.locked
{
    width:100px;
    min-width:100px;
    left:0;
}
div.scrollable.withSecondary.largeLock table.responsive td.secondaryLocked,
div.scrollable.withSecondary.largeLock table.responsive th.secondaryLocked
{
    left:100px;
}


div.scrollable.xlargeLock {
    margin-left:120px;
}
div.scrollable.xlargeLock table.responsive td.locked, 
div.scrollable.xlargeLock table.responsive th.locked
{
    width:120px;
    min-width:120px;
    left:0;
}
div.scrollable.withSecondary.xlargeLock table.responsive td.secondaryLocked,
div.scrollable.withSecondary.xlargeLock table.responsive th.secondaryLocked
{
    left:120px;
}


div.scrollable.xxlargeLock {
    margin-left:150px;
}
div.scrollable.xxlargeLock table.responsive td.locked, 
div.scrollable.xxlargeLock table.responsive th.locked
{
    width:150px;
    min-width:150px;
    left:0;
}
div.scrollable.withSecondary.xxlargeLock table.responsive td.secondaryLocked,
div.scrollable.withSecondary.xxlargeLock table.responsive th.secondaryLocked
{
    left:150px;
}

div.scrollable.responsiveHeightMax2 table.responsive td 
{
    height:16px;
    line-height:16px;
}
div.scrollable.tableDoubleHeight table.responsive td 
{
    height:32px;
    line-height:16px;
    white-space:normal;
}
div.scrollable.tableHeaderDoubleHeight table.responsive th 
{
    height:32px;
    white-space:normal;
}
div.scrollable.tableHeaderDoubleHeight table.responsive th.secondaryLocked {
    line-height: 16px;
}
div.scrollable.tableDoubleHeight table.responsive td.locked {line-height: 32px;}
div.scrollable.tableTripleHeight table.responsive td 
{
    height:48px;
    line-height:16px;
    white-space:normal;
}

div.scrollable.tableQuadrupleHeight table.responsive td 
{
    height:64px;
    line-height:16px;
    white-space:normal;
}

table div.anthemDiv {display: inline;}
table div.anthemDiv span.divider {margin-right: 3px;}



@media all and (max-width:750px) {
    .WorldSelectDropDown {max-width: 215px;}
    table.responsive th:not(.locked):not(.secondaryLocked),
    table.responsive td:not(.locked):not(.secondaryLocked)
    {
        min-width: 0;
        white-space: nowrap;
        padding-left: 3px;
        padding-right: 3px;
    }

    div.scrollable {overflow: scroll; overflow-y: hidden;}
    table.standard.responsive th.minSmall {min-width: 60px;}
    table.standard.responsive th.minMedium {min-width: 100px;}
    table.standard.responsive th.minLarge {min-width: 150px;}
    div.shadeRight {
        background-color: transparent;
        background-image: -webkit-linear-gradient(left, transparent,rgba(0,0,0,0.25));
        background-image: linear-gradient(to right,transparent,rgba(0,0,0,0.25));
        opacity: 1;
        pointer-events: none;
        width: 10px;
        position: absolute;
        right: 0;
        top: 0;
    }
    div.shadeLeft {
        background-color: transparent;
        background-image: -webkit-linear-gradient(left, transparent,rgba(0,0,0,0.25));
        background-image: linear-gradient(to left,transparent,rgba(0,0,0,0.25));
        opacity: 1;
        pointer-events: none;
        width: 10px;
        position: absolute;
        top: 0;
    }
    table.standard td.locked,
    table.standard th.locked,
    table.standard th.secondaryLocked,
    table.standard td.secondaryLocked {border-right: solid 1px #c7c7c7;}
    div.cbox_title {text-align: left; text-indent: 10px;}    

    div.scrollable.xsmallLock {
        margin-left:35px;
    }
    div.scrollable.smallLock {
        margin-left:55px;
    }
    div.scrollable.medLock {
        margin-left:80px;
    }
    div.scrollable.largeLock {
        margin-left:105px;
    }
    div.scrollable.xlargeLock {
        margin-left:125px;
    }
    div.scrollable.xxlargeLock {
        margin-left:155px;
    }

    body table span.desktopSeasonLabel {display: none;}
}

@media all and (max-width:550px) {

    div.scrollable.responsiveHeightMax2 table.responsive td {
        height: 32px;
        line-height: 32px;
    }
}


/* END OVERRIDE */


table.standard th.rating
{
    height: 22px;
    margin: 2px 0 2px 0;
    background-position: center center;
    background-repeat:no-repeat;
    line-height: 14px;
}

table.standard td.unavailable { background-color: #D6DBC1; text-align:center; font-weight: bold; border: solid 1px #B8BC9F;}
table.standard tr.selected,
table.standard tr.selected td,
table.standard td.selected,
table.standard tr.highlight td,
table.standard td.highlight	{background-color: #FFEF77 !important; color:#000000 !important;}
table.standard tr.selected td a,
table.standard tr.highlight td a {color: #000 !important;}

table.standard th.contact { background-image: url(Images/Icons/PlayerRatings/Contact.gif); }
table.standard th.battingeye { background-image: url(Images/Icons/PlayerRatings/BattingEye.gif); }
table.standard th.power { background-image: url(Images/Icons/PlayerRatings/Power.gif); }
table.standard th.vslhp { background-image: url(Images/Icons/PlayerRatings/battingVsLHP.gif); }
table.standard th.vsrhp { background-image: url(Images/Icons/PlayerRatings/battingVsRHP.gif); }
table.standard th.pushpull { background-image: url(Images/Icons/PlayerRatings/PushPull.gif); }
table.standard th.bunt { background-image: url(Images/Icons/PlayerRatings/Bunt.gif); }
table.standard th.baserunning { background-image: url(Images/Icons/PlayerRatings/Baserunning.gif); }
table.standard th.overall { background-image: url(Images/Icons/PlayerRatings/Overall.gif); }
table.standard th.stamina { background-image: url(Images/Icons/PlayerRatings/Stamina.gif); }
table.standard th.control { background-image: url(Images/Icons/PlayerRatings/Control.gif); }
table.standard th.vslhb { background-image: url(Images/Icons/PlayerRatings/EffectivenessVsLHB.gif); }
table.standard th.vsrhb { background-image: url(Images/Icons/PlayerRatings/EffectivenessVsRHB.gif); }
table.standard th.velocity { background-image: url(Images/Icons/PlayerRatings/Velocity.gif); }
table.standard th.gbfb { background-image: url(Images/Icons/PlayerRatings/GroundBallFlyBall.gif); }
table.standard th.pitch1 { background-image: url(Images/Icons/PlayerRatings/pitch_1.gif); }
table.standard th.pitch2 { background-image: url(Images/Icons/PlayerRatings/pitch_2.gif); }
table.standard th.pitch3 { background-image: url(Images/Icons/PlayerRatings/pitch_3.gif); }
table.standard th.pitch4 { background-image: url(Images/Icons/PlayerRatings/pitch_4.gif); }
table.standard th.pitch5 { background-image: url(Images/Icons/PlayerRatings/pitch_5.gif); }
table.standard th.glove { background-image: url(Images/Icons/PlayerRatings/Glove.gif); }
table.standard th.range { background-image: url(Images/Icons/PlayerRatings/Range.gif); }
table.standard th.armaccuracy { background-image: url(Images/Icons/PlayerRatings/ArmAccuracy.gif); }
table.standard th.armstrength { background-image: url(Images/Icons/PlayerRatings/ArmStrength.gif); }
table.standard th.pitchcalling { background-image: url(Images/Icons/PlayerRatings/PitchCalling.gif); }
table.standard th.speed { background-image: url(Images/Icons/PlayerRatings/Speed.gif); }
table.standard th.health { background-image: url(Images/Icons/PlayerRatings/Health.gif); }
table.standard th.durability { background-image: url(Images/Icons/PlayerRatings/Durability.gif); }
table.standard th.makeup { background-image: url(Images/Icons/PlayerRatings/Makeup.gif); }
table.standard th.temper { background-image: url(Images/Icons/PlayerRatings/Temper.gif); }
table.standard th.patience { background-image: url(Images/Icons/PlayerRatings/Patience.gif); }

table.standard th.coach_hittingIQ { background-image: url(Images/Icons/CoachRatings/HittingIQ.gif); }
table.standard th.coach_pitchingIQ { background-image: url(Images/Icons/CoachRatings/PitchingIQ.gif); }
table.standard th.coach_fieldingIQ { background-image: url(Images/Icons/CoachRatings/FieldingIQ.gif); }
table.standard th.coach_baserunnerIQ { background-image: url(Images/Icons/CoachRatings/BaserunnerIQ.gif); }
table.standard th.coach_patience { background-image: url(Images/Icons/CoachRatings/Patience.gif); }
table.standard th.coach_strategy { background-image: url(Images/Icons/CoachRatings/Strategy.gif); }
table.standard th.coach_discipline { background-image: url(Images/Icons/CoachRatings/Discipline.gif); }
table.standard th.coach_loyalty { background-image: url(Images/Icons/CoachRatings/Loyalty.gif); }

Div.PageHelp
{
	visibility: hidden;
	height: 0;
}

/* Headshots Control */
div.headshot_control
{
	height: 129px;
	margin: 0;
	padding: 0;
	width: 120px;
    background: linear-gradient(#fff, #d8d3cf);
}

div.headshot_control div.headshot
{
	background-repeat: no-repeat;
	position: relative;
	width: 120px;
	height: 129px;
	top: 13px;
	left: 14px;
}

/* Player Profile, Prospect Profile */
div.playerprofile,
div.prospectprofile
{
	width: 100%;
	height: 235px;
}

div.playerprofile div#GeneralInfo,
div.prospectprofile div#GeneralInfo
{
	height: 225px;
	margin: 0;	
	padding: 0;
	width: 229px;
}

div.playerprofile div#GeneralInfo #infosection,
div.prospectprofile div#GeneralInfo #infosection
{
	margin-left: 5px;
}

div.playerprofile div#GeneralInfo table#playerinfotable,
div.playerprofile div#GeneralInfo table#pitchestable,
div.prospectprofile div#GeneralInfo table#playerinfotable,
div.prospectprofile div#GeneralInfo table#pitchestable
{
	color: #141414;
	width: 200px;
}
div.playerprofile div#GeneralInfo table#playerinfotable td,
div.prospectprofile div#GeneralInfo table#playerinfotable td
{
	padding: 3px 10px;
	text-align: center;
}
div.playerprofile div#GeneralInfo table#playerinfotable td.subdata,
div.prospectprofile div#GeneralInfo table#playerinfotable td.subdata
{
	text-align: left !important;
}
div.playerprofile div#GeneralInfo table#playerinfotable td.primarydata,
div.prospectprofile div#GeneralInfo table#playerinfotable td.primarydata
{
	text-align: left !important;
}
div.playerprofile div#GeneralInfo table#pitchestable td.col1,
div.prospectprofile div#GeneralInfo table#pitchestable td.col1
{
	padding: 3px 3px 3px 10px;
	text-align: left !important;
	vertical-align: top;
}
div.playerprofile div#GeneralInfo table#pitchestable td.col2,
div.prospectprofile div#GeneralInfo table#pitchestable td.col2
{
	text-align: left !important;
}
div.playerprofile div#GeneralInfo td.playername,
div.prospectprofile div#GeneralInfo td.playername
{
	font-size: 14px;
	font-weight: bold;
}
div.playerprofile div#GeneralInfo td.playerfranchise,
div.playerprofile div#GeneralInfo span.playerlevel,
div.playerprofile div#GeneralInfo span.data,
div.prospectprofile div#GeneralInfo td.playerfranchise,
div.prospectprofile div#GeneralInfo span.playerlevel,
div.prospectprofile div#GeneralInfo span.data
{
	font-weight: bold;
}

div.playerprofile div#FranchiseLogo,
div.prospectprofile div#FranchiseLogo
{
	height: 73px;
	margin: 0;
	padding: 0;
	width: 148px;
}

div.playerprofile div#StatusInfo,
div.prospectprofile div#StatusInfo
{
	height: 225px;
	margin: 0;
	padding: 0;
	width: 260px;
}
div.prospectprofile div#StatusInfo table#statusinfotable
{
	color: #FFFFFF;
}
div.playerprofile div#StatusInfo table#statusinfotable td
{
	margin: 0;
	padding: 1px 2px 2px 2px;
	text-align: left;
}
div.prospectprofile div#StatusInfo table#statusinfotable td
{
	margin: 0;
	padding: 3px 1px 2px 0;
	text-align: left;
}
div.playerprofile div#StatusInfo table#statusinfotable td.title,
div.prospectprofile div#StatusInfo table#statusinfotable td.title
{
	text-align: center !important;
}

div.playerprofile div#StatusInfo span.title,
div.prospectprofile div#StatusInfo span.title
{
	font-size: 14px;
	font-weight: bold;
}
div.playerprofile div#StatusInfo span.primarydata,
div.prospectprofile div#StatusInfo span.primarydata
{
	color: #FFCE00;
	font-weight: bold;
}
div.playerprofile div#StatusInfo hr,
div.prospectprofile div#StatusInfo hr
{
	width: 100%;
}
div.playerprofile div#StatusInfo td.label
{
}
div.prospectprofile div#StatusInfo td.label
{
	width: 62px;
}
div.playerprofile div#StatusInfo td.label2,
div.prospectprofile div#StatusInfo td.label2
{
}
div.playerprofile div#StatusInfo td.subdata,
div.prospectprofile div#StatusInfo td.subdata
{
	color: #FFCE00;
	font-weight: bold;
	text-align: left !important;
}
div.playerprofile div#StatusInfo td.subdata a
{
	color: #FFCE00 !important;
	cursor:help;
}


div.playerprofile div#GeneralInfo table#pitchestable td.hbdlinks,
div.prospectprofile div#GeneralInfo table#pitchestable td.hbdlinks
{
	padding-top:4px;
	padding-left:27px;
	text-align:left;
	font-weight:bold;	
}
div.playerprofile div#GeneralInfo table#pitchestable td.wislinks,
div.prospectprofile div#GeneralInfo table#pitchestable td.wislinks
{
	padding-top:2px;
	padding-left:44px;
	text-align:left;
	font-weight:bold;	
}
div.playerprofile div#GeneralInfo table#pitchestable td.hbdlinks a,
div.prospectprofile div#GeneralInfo table#pitchestable td.hbdlinks a,
div.playerprofile div#GeneralInfo table#pitchestable td.wislinks a,
div.prospectprofile div#GeneralInfo table#pitchestable td.wislinks a
{
	color:#000080;
	text-decoration:underline;
}

/* Player List Stats/Ratings/Status Control */
/* Found in UserControls/GM/GMPlayerListMasterControl */
/* Specialized classes for fixed headers */
/*	
	--Make sure:
		Borders work
		Footers work
			- fixed footers also
		Minimize rules that need to be overridden				
*/

.FixedHeaderTableContainer
{
	height:20em; /*Must be greater than tbody*/
	overflow-y: auto;
	overflow-x:hidden;			
}

.FixedHeaderTableContainer table.standard
{
	width: 98%; /*100% of container produces horiz. scroll in Mozilla*/			
}

/*Sadly we have to hack IE7 to get this to work properly*/
html>/*/*/body .FixedHeaderTableContainer table.standard tbody	
{  
	overflow-x: hidden;
	overflow-y:auto;
	height:15em;	
}

html>/*/*/body .FixedHeaderTableContainer table.standard 
{
	border-collapse:separate;				
	width:100%;
	border:.1em;
}

.FixedHeaderTableContainer table.standard thead tr	
{
	position:relative; 		
}

.FixedHeaderTableContainer table.standard thead tr th
{
	border-bottom:2px solid #BAA49C;	
}

table.GMPlayerListTable a.Status			{ height: 18px; width: 18px; }
table.GMPlayerListTable td.emptymsg			{ text-align: center; font-weight: bold; }

table.GMPlayerListTable tr.RepeatHeader		{background-color: #CCBFB9; color: #000000; font-weight: bold; border: solid 1px #B8BC9F;}
table.GMPlayerListTable tr.RepeatHeader	td	{border: solid 1px #B7A49D;}


span.fatigue_tired							{ color: Red; }
span.fatigue_needsrest						{ color: Blue; }
span.fatigue_healthy						{ color: Green; }
span.AIMove									{ color: Red; }

/* Help and Help Manual Items */
body.help {background-image: none; font-size: 11px; text-align: left; border: none; font-family: Roboto, Tahoma, Verdana, Arial, Helvetica, Sans-Serif;}

body.help a {color: #000000;text-decoration: underline;}
body.help a:hover {text-decoration: underline;}

body.help div.div_title
{
	background: #403E3F;	
	padding-top: 5px;
	padding-bottom: 10px;
}

body.help .pagetitle
{
	color: White;
	font-weight: bold;
	text-align: center;
	padding: 5px 0 5px 0;
}

body.help .section
{
	color: White;
	font-weight: bold;
	text-align: center;
}

body.help span.label
{
	color: #FFC24D;
}

body.help span.item { font-weight: bold; }

body.help table.help
{
	border-collapse: collapse;
	width:100%;
	margin: 0;	
}
body.help table.help td
{
	border: solid 1px #403E3F;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	padding: 3px;
}

body.help table.help td.header
{
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}

body.help table.help td.label
{
	font-weight: bold;
	width: 60px;
	text-align: center;
}

body.help table.help td.item
{
	width: auto;
	text-align: left;
}

body.help p.backlink
{
	text-align: center;
}

body.help div.outlookLooking,
body.help div.outlookWantsToStay,
body.help div.outlookRoleChange,
body.help div.outlookLevelChange
{
	background:url(Images/Icons/CoachRatings/CoachesOutlooksIconStack.gif) no-repeat;
	width:18px;
	height:18px;	
	display:block;
}

body.help div.outlookWantsToStay {background-position: 0 0;}
body.help div.outlookLevelChange {background-position: 0 -18px;}
body.help div.outlookRoleChange {background-position: 0 -36px;}
body.help div.outlookLooking {background-position: 0 -54px;}

/* Page Message Control */
div.pagemsgcontrolsection table td.error_content,
div.pagemsgcontrolsection table td.success_content
{
	padding-left: 30px;
}
div.pagemsgcontrolsection table td.error_content a 
{
	color:white!important; 
	text-decoration: underline;
}

table.PrevCorr td {text-align: center; white-space: normal;}
table.PrevCorr td.date {width:110px;}
table.PrevCorr td.from {width:110px;}
table.PrevCorr td.action {width:40px;}
@media only screen and (max-width: 750px) {
    table.PrevCorr td.date,
    table.PrevCorr td.from {display: block;}
    table.PrevCorr th.from,
    table.PrevCorr th.date {display: block; height: 15px; line-height: 15px;}
    table.PrevCorr td.action {width:auto;}
}

/**************************************
	Player Classification
**************************************/

span.greenClassification {
    background-color: #26e11d;
    height: 5px;
    width: 5px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 1px;
}
span.orangeClassification {
    background-color: #f9f61e;
    height: 5px;
    width: 5px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 1px;
}
span.redClassification {
    background-color: #f91e1e;
    height: 5px;
    width: 5px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 1px;
}
span.blueClassification {
    background-color: #1e61f9;
    height: 5px;
    width: 5px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 1px;
}
span.purpleClassification {
    background-color: #f91ef6;
    height: 5px;
    width: 5px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 1px;
}
span.blackClassification {
    background-color: #363737;
    height: 5px;
    width: 5px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 1px;
}
span.yellowClassification {
    background-color: #f08013;
    height: 5px;
    width: 5px;
    margin-right: 5px;
    display: inline-block;
    border-radius: 3px;
    margin-bottom: 1px;
}
span.noClassification {
	height: 5px;
	width: 5px;
	margin-right: 5px;
	display: inline-block;
	border-radius: 3px;
	margin-bottom: 1px;
}

@media all and (max-width:980px) {
	div.maincontainer {
		width: auto;
	}
}

@media only screen and (max-width: 500px) {
    body.help p.addlinfo span.item {display: none;}
    body.help p.addlinfo {white-space: nowrap;}
}

@media only screen and (max-width: 375px) {
    body.help p.addlinfo a {font-size: 10px;}
}


/* CSS Fade In */
@keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
/* Firefox */
@-moz-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
/* Safari and Chrome */
@-webkit-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
	from { opacity: 0; }
	to   { opacity: 1; }
}

body#defaultLanding div#MainHeader {display: none;}
body#defaultLanding div.maincontainer {width: auto;}
body#defaultLanding div.maincontent {overflow-x: hidden;}
body#defaultLanding div#LandingHeaderMain {
    height: 340px;
    position: relative;
    background: url(Images/LandingPage/HeroBackground.jpg);
    background-size: cover;
    overflow: hidden;
    background-position: 0 -60px;
}
body#defaultLanding div.headerContentSection {
    width: 50%;
    min-width: 800px;
    margin: auto;
    text-align: center;
    margin-top: 60px;
}
body#defaultLanding div#HardballLogo {
    background: url(Images/LandingPage/HeroHardballLogo.png);
    width: 236px;
    height: 228px;
    float: right;
    margin-left: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position-x: center;
}
body#defaultLanding .HeaderTextSection
 {
    font-size: 26px;
    color: #fff;
    text-shadow: 2px 2px #000;
    text-align: left;
    font-weight: normal;
    margin: 0;
    display:inline;
}
body#defaultLanding #HeaderSection {text-align: left;}
body#defaultLanding div#FirstSeasonSection {
    font-size: 18px;
    color: #fff;
    text-shadow: 2px 2px #000;
    text-align: left;
    margin-top: 20px;
}
body#defaultLanding span#price {font-size: 36px; color: #f7c725;}
body#defaultLanding div#JoinSection {float: left; margin-top: 40px;}
body#defaultLanding a#JoinLink,
body#defaultLanding a#StickyJoinLink {
    color: #fbc22d;
    border: solid 1px #fbc22d;
    text-shadow: 1px 1px #000;
    border-radius: 4px;
    padding: 15px 40px;
    font-size: 16px;
    font-weight: bold;
}
body#defaultLanding a#JoinLink:hover,
body#defaultLanding a#StickyJoinLink:hover {
    text-decoration: none;
    background: #FBCE55;
    text-shadow: none;
    color: #403e3f;
}
body#defaultLanding div#StickyPlayNow {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 5;
    background: url(Images/LandingPage/HeroBackground.jpg);
    background-position: 0 900px;
    color: #fff;
    text-align: center;
    height: 80px;
    line-height: 80px;
    font-size: 14px;
    font-weight: bold;
    -webkit-animation: fadein 1s  ease-in-out;
    -moz-animation: fadein 1s  ease-in-out;
    -o-animation: fadein 1s  ease-in-out;
    animation: fadein 1s  ease-in-out;
}
body#defaultLanding div#StickyPlayNowButton {float: right; margin-top: -80px; margin-right: 40px;}
body#defaultLanding div#LogoContainer {overflow-x: scroll; -webkit-overflow-scrolling: touch;}
body#defaultLanding div#LandingTeamLogos { background: url(Images/LandingPage/FranchiseLogoStrip.jpg); height: 82px; width: 7718px;}
body#defaultLanding div#HardballInfo {background: #fff; padding-top: 40px; padding-bottom: 40px;}
body#defaultLanding div.infoSection {width: 980px; margin: auto; padding-bottom: 40px;}
body#defaultLanding div.infoIcon {
    background: url(Images/LandingPage/SeasonTypeIcons.png);
    width: 33px;
    height: 33px;
    float: left;
    margin-top: 5px;
    margin-right: 15px;
}
body#defaultLanding .infoSection.playerDevel .infoIcon {background-position: 0 -33px;}
body#defaultLanding .infoSection.bigLeague .infoIcon {background-position: 0 33px;}
body#defaultLanding div.infoHeader {font-size: 33px; padding-bottom: 10px;}
body#defaultLanding div.infoHeader h2 {
    font-size: 33px;
    margin: 0;
    font-weight: normal

}
body#defaultLanding div.infoContent {font-size: 14px;}
body#defaultLanding div#HardballStats {text-align: center; margin: auto; width: 980px;}
body#defaultLanding div.stat {float: left; width: 81px; height: 100px; margin: auto; text-align: center; font-size: 9px;}
body#defaultLanding div.statBubble {
    width: 55px;
	height: 55px;
	line-height: 55px;
    margin: auto;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
	border-radius: 32px;
	background-color: #e8e8e8;
	border: solid 3px #eeead5;
	background: -webkit-linear-gradient(bottom, #e5e0c0, #f9f7f0);
	background: -moz-linear-gradient(bottom, #e5e0c0, #f9f7f0);
	background: -o-linear-gradient(bottom, #e5e0c0, #f9f7f0);
	background: -ms-linear-gradient(bottom, #e5e0c0, #f9f7f0);
	background: linear-gradient(to top, #e5e0c0, #f9f7f0);
}
body#defaultLanding div.statBubble.champ {
    width: 53px;
	height: 53px;
	line-height: 53px;
	background-color: #fbcd2f;
	box-shadow: 0 0 8px 2px #fbcd2f;
	border: solid 4px #fff;
	background: -webkit-linear-gradient(60deg, #f9b216, #fde849);
	background: -moz-linear-gradient(60deg, #f9b216, #fde849);
	background: -o-linear-gradient(60deg, #f9b216, #fde849);
	background: -ms-linear-gradient(60deg, #f9b216, #fde849);
	background: linear-gradient(60deg, #f9b216, #fde849);
    color: #000;
}
body#defaultLanding div#Testimonials {padding-top: 40px; padding-bottom: 40px;}
body#defaultLanding div#TestimonialHeader {
    width: 980px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    border-bottom: dashed 1px #c5c5c5;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
body#defaultLanding div#TestimonialHeader h3 {
    font-size: 16px;
    margin: 0;
    font-weight: bold;
}
body#defaultLanding div#CommentSection {margin: auto; width: 980px;}
body#defaultLanding div.comment {float: left; width: 31%; margin: 1%;}
body#defaultLanding div.commentLogo {
    width: 90px;
    height: 90px;
    border-radius: 45px;
    margin: auto;
}
body#defaultLanding div.commentUser {color: #929292; text-align: center; padding-top: 5px; padding-bottom: 5px;}
body#defaultLanding div.commentUser a {color: #046971;}
body#defaultLanding div.commentText {color: #6d6d6d; font-style: italic;}
body#defaultLanding div#Rules {background: #fff; padding-top: 40px; padding-bottom: 40px;}
body#defaultLanding div.section {
	background-repeat: no-repeat; 
	overflow: hidden; 
	height: 214px; 
	width: 780px;
	padding-bottom: 10px;
    margin: auto;
}
body#defaultLanding .page {background: url(Images/LandingPage/Screenshots.jpg); width: 434px; height: 209px; overflow: hidden;}
body#defaultLanding div#YourFranchise .page {background-position: 0 0;}
body#defaultLanding div#RosterManagement .page {background-position: 0 -210px;}
body#defaultLanding div#SeasonPlay .page {background-position: 0 -420px;}
body#defaultLanding div#Playoffs .page {background-position: 0 -630px;}
body#defaultLanding div#Retainment .page {background-position: 0 -840px;}
body#defaultLanding div#Prizes .page {background-position: 0 -1050px;}
body#defaultLanding div.info {margin-right: 15px; width: 40%; overflow: hidden; float: left;}
body#defaultLanding div.title {color: #FFA200; font-size: larger; font-weight: bold;}
body#defaultLanding div#Prizes ol {padding-left:25px !important;}
body#defaultLanding p.prize_disclaimer {font-size:10px;}
body#defaultLanding p.details a {text-decoration: none; color: #056973; font-weight: bold;}
body#defaultLanding .alreadyPlayingButton {background:none!important; font-weight:100; border:none; cursor: pointer; color: #fbc22d; font-size: 12px; }
body#defaultLanding span.alreadyPlayingText {color: #fff; font-size: 12px; font-weight:100; border-left: 1px solid rgba(0,0,0,0.3);padding-left: 30px; margin-left: 30px; padding-top: 15px; padding-bottom: 15px;}
body#defaultLanding .alreadyPlayingButton:hover {text-decoration: underline;}
body#defaultLanding div.alreadyPlayingHolder {float: right;}
body#defaultLanding div.socialSectionHolder {background: #fff;}
body#defaultLanding div.socialSection {padding-top: 5px; text-align: left; margin: auto; width: 980px;}


@media only screen and (max-width: 1000px) {
    body#defaultLanding div#LandingHeaderMain {background-size: 1000px;}
    body#defaultLanding div#StickyPlayNowButton {margin-right: 1%; left: auto;}
    body#defaultLanding div.socialSection {margin-left: 0; margin: auto;}
}
@media only screen and (max-width: 980px) {
    body#defaultLanding div.infoSection,
    body#defaultLanding div#HardballStats,
    body#defaultLanding div#TestimonialHeader,
    body#defaultLanding div#CommentSection, 
    body#defaultLanding div.socialSection {width: 90%;}
    body#defaultLanding div.section {width: auto; margin: 0 10px;}
}
@media only screen and (max-width: 870px) {
    body#defaultLanding div#StickyPlayNow {text-align: left; text-indent: 5px;}
}
@media only screen and (max-width: 850px) {
    body#defaultLanding div.headerContentSection {margin-top: 20px; min-width: 90%;}
    body#defaultLanding div#HardballLogo {margin: auto; background-size: 150px; width: 150px; height: 144px; float: none;}
    body#defaultLanding h1.HeaderTextSection {font-size: 24px; text-align: center;}
    body#defaultLanding div#FirstSeasonSection {text-align: center;  float: none;}
    body#defaultLanding div#JoinSection {top: 330px; text-align: center;  float: none; margin-left: 0;}
    body#defaultLanding div#LandingHeaderMain {height:400px; background-position: 0 0;}
    body#defaultLanding span.alreadyPlayingText {border: none; padding: 0;}
    body#defaultLanding div.alreadyPlayingHolder {width:100%; margin-top: 20px;}
}
@media only screen and (max-width: 800px) {
    body#defaultLanding div.section {height: auto;}
    body#defaultLanding div.info {width: 100%;}
    body#defaultLanding .page {width: 434px; margin: auto;}
    body#defaultLanding #HeaderSection {max-width: 500px; text-align: center; margin: auto;}
}
@media only screen and (max-width: 650px) {
    body#defaultLanding div#StickyText {text-align: center; line-height: normal; padding-top: 22px; width: 50%; text-indent: 0; padding-left: 10px;}
    body#defaultLanding div.comment {width: 100%; text-align: center;}
    body#defaultLanding div#StickyPlayNowButton {margin-top: -60px;}
}

@media only screen and (max-width: 520px) {
    body#defaultLanding h1.HeaderTextSection,
    body#defaultLanding .HeaderTextSection {font-size: 18px;}
    body#defaultLanding div#FirstSeasonSection {top: 220px; text-shadow: 1px 1px #000; font-size: 16px; margin-bottom: 25px;}
    body#defaultLanding div#JoinSection {top: 310px; margin-top: 20px;}
    body#defaultLanding span#break {display: none;}
    body#defaultLanding div#StickyText {display: none;}
    body#defaultLanding div#StickyPlayNowButton {float: none; left: 0; right: 0; margin: auto; text-align: center;}
}
@media only screen and (max-width: 450px) {
    body#defaultLanding .page {display: none;}
}

/*QUICK LINKS AT BOTTOM OF PAGE*/
div.quickLinkSection {background:#deddd5; padding-bottom:20px; margin-top: -10px; text-align: center;}
div.quickLinkSection div.linkHolder .quickLinksLabel,
div.quickLinkSection div.linkHolder {display: inline-block; color:#000; font-weight: bold;}
div.quickLinkSection div.linkHolder {position: relative;}
div.quickLinkSection div.link {padding-left: 5px; padding-right:5px;}
div.quickLinkSection div.link a {color:#056a74; display: block;}
div.quickLinkSection div.linkHolder div.link,
div.quickLinkSection div.linkHolder span.divider {display: inline-block;}

@media only screen and (max-width: 600px) {
    div.quickLinkSection div.linkHolder span.divider {display: none;}
    div.quickLinkSection div.linkHolder {width: 98%; margin: auto; background: #fff; border: solid 1px #cac9c4; color: #403e3f; padding-bottom: 10px;}
    div.quickLinkSection div.link {padding: 0; float: left; margin-left: 20px; list-style-type: disc; display: list-item !important; width: 42%; text-align: left;}
    div.quickLinkSection div.link a {padding: 6px 0;}
    div.quickLinkSection div.linkHolder .quickLinksLabel {width:100%; text-align: center; padding: 8px 0; background: #f2f1ec; font-size: 12px; margin-bottom: 5px;}
    div.quickLinkSection div.linkHolder .quickLinksLabel,
    div.quickLinkSection div.linkHolder {float:none;}
}

/*QUICK LINKS IN HBD NAV MENU*/
div.quickLinkSection_hbdMenu {display: none;}

@media only screen and (max-width: 750px) {
    div.quickLinkSection_hbdMenu {padding-bottom:20px; margin-top: -10px; font-weight: bold; text-align: center; display: block;}
    div.quickLinkSection_hbdMenu div.linkHolder {width: 100%; margin: auto; background: #fff;}
    div.quickLinkSection_hbdMenu div.link {text-align: left; height: 35px !important; line-height: 35px !important; border-bottom: 1px solid #d1d1d1;}
    div.quickLinkSection_hbdMenu div.link a {padding: 8px 30px 8px 15px; color: #38393a;}
    div.quickLinkSection_hbdMenu div.link a:hover {color: #38393a !important; text-decoration: underline;}
    div.quickLinkSection_hbdMenu div.linkHolder .quickLinksLabel {text-transform: uppercase; background: #ececec; color: #38393a; width:100%; padding: 10px 0; text-align: left; font-size: 13px; height: 25px; line-height: 35px; text-indent: 10px;}
    div.quickLinkSection_hbdMenu div.linkHolder .quickLinksLabel,
    div.quickLinkSection_hbdMenu div.linkHolder {float:none;}
}

/* Social */
.wis_socialButton {
    display: inline-block;
    cursor: pointer;
    height: 29px;
    width: 29px;
    margin-right: 5px;
}

.wis_socialButton.wis_socialFacebook.normal {
	width: 29px;
	height: 29px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAAAVFBMVEU7V507V507V507V507V507V507V53///9HYaM8WJ1NZ6dfd7CXpsucqs6grdCuuti8xd7m6vPs7/b29/r4+fv6+/38/P0+Wp/c4u7Y3uvf5O9GYKNZpVEfAAAABnRSTlMAAXN78/T3qSKZAAAAaklEQVR4Xt3Oxw6FMAxEUePEdqi9vPL//0nEikUyEiy526ORhgr2ms4zEWs+JgEqpKi7+m++i81jWuvRzpIaJgPaGdJfhD7kXm1RK82pxUqo+kDt0roj/cDtALXFr96qAlTIAXVUsGRUmA76QBTwHX2imQAAAABJRU5ErkJggg==') /*facebookLogo.png*/;
	background-repeat:no-repeat;
}

.wis_socialButton.wis_socialTwitter.normal {
	width: 29px;
	height: 29px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAMAAABhTZc9AAABaFBMVEVeqd3///9eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd1eqd39VpstAAAAd3RSTlMAAAcJpiD+3/0E5hMVh2v6ULk01GzjvRcNMOScPLKhhrvn+D2ozva34AiPVgqfMWns7oWBsVc3rTN5icgOBqnA3sE46OVTpelh9N3PaI18ZcNnFCJuD9enHX/JJcwmBQIQ8x6Vosv3b2T72CwrYpvGRdW1g0kaAU+IUw0AAAEZSURBVHhetdPFbgMxAEXR10EIt2FOmZmZmZmZmf37rdMZ2UlG3VS9K1tH1lsZRb/1J81P9ErVRtAdAoROJ1DmFzh0SiRbhbfDV+UAWskKQ4FiNg9RGzdQI5HSXtHSOg+xqkwONkEsJ4SMjJoaI1wNYcBFD1O1cbpe385MWRABxJsJrSXd9tw/0MXU6AatRzHvM2rfGNPxCICw3z1E7BqWAegxcqLY6RydxQRnfEnQ9Elb1KaRTU5oNjobwk+r8yWFugizpeVAAUbXLJVtnq7DCsWb+bglgLW941N53JWR016Qw/0DmB0eQT+OpALMtMQp23SdnV9cEpZxxW06rtM3nN2m7pCTeP/w+KRmMtGX17f3j0+e/u8vfAH+Y7ET4Ji0MgAAAABJRU5ErkJggg==') /*twitterLogo.png*/;
	background-repeat:no-repeat;
}

/* special images for invites page*/

.wis_socialButton.wis_socialFacebook.send{
	width: 52px;
	height: 20px;
	background: url(Images/Social/fbsend_btn.png);
    background-repeat:no-repeat;
}

.wis_socialButton.wis_socialFacebook.share{
	width: 55px;
	height: 20px;
	background: url(Images/Social/fbshare_btn.png);
    background-repeat:no-repeat;
}

@media only screen and (max-width: 767px) {
    .wisMobileHide {
        display: none;
    }
}

/* last in sheet to take precedence*/
table.standard th.leftAlign,
table.standard td.leftAlign {text-align: left;}
table.standard th.rightAlign,
table.standard td.rightAlign {text-align: right;}
table.standard th.centerAlign,
table.standard td.centerAlign {text-align: center;}

.hidden {visibility:hidden;}

.ww_order{
    width:10px !important;
    padding-left:10px !important;
}

#PendingClaimsTable td{
    text-align:left;
}