@import url("../../jquery-ui-1.10.4.custom.min.css");

.ArrowImage
{
	visibility:hidden;
	position:absolute;
	top: 0;
	left: 0;
}

/*#OfficeLabels	{display: block !important;}*/
div.mainnav	{z-index: 1; position: relative; background: url(../../Images/PageNavRepeat.jpg) repeat-x top center; width:780px; height: 36px;}
/*div.mainnavCtr	{z-index: 1; position: relative; background: url(../../Images/PageNavRepeat.jpg) repeat-x top center; width:780px; height: 36px;}*/

table.PurchaseFranchiseList
{
	width: 100%;
	padding: 0;
	margin: 0;
}

th.PurchaseFranchiseLeagueHeader,
td.PurchaseFranchiseLeagueHeader { width: 50%;}

body#error_page div#MainHeader {display: none;}

#PageHeader .PageHeaderTitleIcon{background-image: url(../../Images/Icons/PageTitles/SignUp.png);}
table.cbox_title {background-image: url(../../Images/Icons/PageTitles/SignUp.png); background-position: 5px center; background-repeat: no-repeat;}

div.pageHeader {
    background: url(../../Images/Playoffs/RoundHeader.jpg);
    height: 47px;
    line-height: 47px;
    font-weight: 700;
    font-size: 14px;
    color: #3d2a1c;
    text-align: center;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
}
div.pageHeaderContent {width: 980px; margin: auto; position: relative;}
div.pageHeaderContent h1 {
    font-size: 14px;
    margin: 0;
    font-weight: 700;
}
a.MainHelpLink {
    display: block;
    height: 32px;
    width: 32px;
    text-align: center;
    background: url(../../Images/Icons/RegistrationHeaderHelpIcon.png);
    position: absolute;
    right: 4px;
    top: 8px;
}
a.MainHelpLink:hover {background-position: 0 32px;}

@media only screen and (max-width: 980px) {
    div.pageHeaderContent {width: 100%;}
}

/* user settings page*/
body#UserSettings div.infoSection {background: #97948f; color: #fff; display: inline-block; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; width: 98%; margin-left: 1%; border: solid 1px #7e7b76; padding-top: 10px; padding-bottom: 10px; line-height: 15px; text-align: center;}
body#UserSettings div.settingSection {background: #fff; border-top: solid 1px #deddd5; padding: 4px 4px 4px 8px;}
body#UserSettings div.advancedSection {overflow: auto;}
body#UserSettings div.settingDetails,
body#UserSettings div.settingActions {float: left; width: 50%; padding: 6px 0; text-align: left;}
body#UserSettings div.settingDescription {padding-left: 16px;}
body#UserSettings div.settingTitle {text-align: left;   padding: 10px 0 10px 16px;}
body#UserSettings div.settingTitle h3 {font-weight: 700; font-size: 14px;}
body#UserSettings div.settingActions {text-align: center;}
body#UserSettings div.toggleContainer {display: inline-block; background: #eaeaea;  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2); border-radius: 4px; border: solid 1px #cecece;}
body#UserSettings span.radioToggle input {display: none;}
body#UserSettings span.radioToggle label {display: inline-block; cursor: pointer; width: 100px; text-align: center; padding: 7px 0; background: none; border: none; outline: none; color: #046973; font-size: 12px; margin: -1px;}
body#UserSettings span.radioToggle.center label {border-left: solid 1px #046973; border-right: solid 1px #046973;}
body#UserSettings span.radioToggle input:checked + label {background-color: #046973; color: #fff; border: 1px solid #04464D; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.15);}
body#UserSettings span.radioToggle.left input:checked + label {border-radius: 4px 0 0 4px;}
body#UserSettings span.radioToggle.center input:checked + label {border-radius: 0;}
body#UserSettings span.radioToggle.right input:checked + label {border-radius: 0 4px 4px 0;}

body#UserSettings div.settingSection.inactive span.radioToggle label {cursor: default;}
body#UserSettings div.settingSection.inactive span.radioToggle input:checked + label {border-radius: 0; background: none; border: none; box-shadow: none; color: #046973;}
body#UserSettings div.settingSection.inactive span.radioToggle.right.hideHeadshots label {background-color: #999; color: #fff; border: 1px solid #999; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.15); border-radius: 0 4px 4px 0;}

body#UserSettings span.radioCustomToggle input {display: none;}
body#UserSettings span.radioCustomToggle label {display: inline-block; margin: 1px; cursor: pointer; width: 100px; border: solid 1px #cecece; text-align: center; padding: 6px 0; border-radius: 4px; background: #eaeaea; box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.2); outline: 0; color: #046973; font-size: 12px;}
body#UserSettings span.radioCustomToggle.player label {width: 80px;}
body#UserSettings span.radioCustomToggle input:checked + label {background: #046973; color: #fff;}

body#UserSettings div.advancedOptions {text-align: left; padding: 1px; background: #e9e9e9; border-top: solid 1px #deddd5; border-bottom: solid 1px #deddd5; }
body#UserSettings div.advancedOptionsLabel {padding: 3px; cursor: pointer; margin: 2px 8px; display: inline-block;}
body#UserSettings div.advancedOptionsLabel:hover {text-decoration: underline;}
body#UserSettings div.sliderContainer {
    width: 100%;
    max-width: 478px;
    margin: 10px auto 20px;
    height: 40px;
}
body#UserSettings .slider {
    position: relative;
    background: linear-gradient(#f3f3f3, #dbdbdb);
    width: 90%;
    margin: auto;
    cursor: pointer;
}
body#UserSettings .ui-slider-handle {
    background: url(../../Images/Icons/SliderArrow.png);
    z-index: 1;
    height: 24px;
    width: 20px;
    top: -8px;
    border: none;
    cursor: pointer;
}
body#UserSettings .ui-slider-handle:hover {
    background: url(../../Images/Icons/SliderArrow.png);
    background-position: 0 -24px;
}
body#UserSettings div.sliderTick {
    position: absolute;
    width: 2px;
    height: 8px;
    background: #c1c1c1;
    top: 1px;
}
body#UserSettings div.sliderLabel {
    position: absolute;
    top: 15px;
    text-align: center;
    font-size: 10px;
}
body#UserSettings div.sliderLabel a {color: #9f9f9f;}
body#UserSettings div.sliderTick.fiftyFive {left: 12.5%;}
body#UserSettings div.sliderTick.sixty {left: 25%;}
body#UserSettings div.sliderTick.sixtyFive {left: 37.5%;}
body#UserSettings div.sliderTick.seventy {left: 50%;}
body#UserSettings div.sliderTick.seventyFive {left: 62.5%;}
body#UserSettings div.sliderTick.eighty {left: 75%;}
body#UserSettings div.sliderTick.eightyFive {left: 87.5%;}
body#UserSettings div.sliderTick.ninety {left: 100%;}
body#UserSettings div.sliderLabel.fifty {left: -1%;}
body#UserSettings div.sliderLabel.fiftyFive {left: 11.5%;}
body#UserSettings div.sliderLabel.sixty {left: 24%;}
body#UserSettings div.sliderLabel.sixtyFive {left: 36.5%;}
body#UserSettings div.sliderLabel.seventy {left: 49%;}
body#UserSettings div.sliderLabel.seventyFive {left: 61.5%;}
body#UserSettings div.sliderLabel.eighty {left: 74%;}
body#UserSettings div.sliderLabel.eightyFive {left: 86.5%;}
body#UserSettings div.sliderLabel.ninety {left: 99%;}
@media only screen and (max-width: 750px) {
    body#UserSettings div.settingDetails,
    body#UserSettings div.settingActions {float: none; width: 100%;}
}

/* purchase franchise selection */
body#pickfranchise {background: url(../../Images/Playoffs/Background.jpg); background-size: cover;}
body#pickfranchise div#MainHeader {display: none;}
body#pickfranchise .mainContent { position: relative;}
body#pickfranchise .maincontent {background: #fff; margin-top: 80px;}
body#pickfranchise .pageHeader {top: 60px;}
body#pickfranchise table#divisions td {padding-left: 2px; text-align:center; width:25%;}
body#pickfranchise div.franchise_logo img {width: 40px; height: 40px;}
body#pickfranchise .selectFranchiseSection {padding-right: 1%; padding-top: 10px;}
body#pickfranchise .franchiseSection {margin-top: 10px;}
body#pickfranchise .franchiseHeader { height: 50px; line-height: 50px; color: #fff; font-weight: 700; font-size: 14px; margin-left: 1%;}
body#pickfranchise .nlHeader {background: #105284;}
body#pickfranchise .alHeader {background: #ae2225;}
body#pickfranchise .leagueLogo {
    margin-left: 10px;
    margin-right: 15px;
    background: url(../../Images/Almanac/ConferenceLogos.png);
    width: 33px;
    height: 33px;
    margin-top: 9px;
    float: left;
}
body#pickfranchise .nlLeagueLogo {background-position: 0 0;}
body#pickfranchise .alLeagueLogo {background-position: 0 33px;}
body#pickfranchise .subLeagueSection {
    float: left;
    width: 24%;
    margin-left: 1%;
    margin-top: 2px;
}
body#pickfranchise .subLeagueHeader {
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: solid 1px #ccc8c5;
    background: #f2f1ed;
    font-size: 12px;
}
body#pickfranchise .nlSubLeagueHeader {border-bottom: solid 2px #105284;}
body#pickfranchise .alSubLeagueHeader {border-bottom: solid 2px #ae2225;}
body#pickfranchise .teamSection {
    height: 50px;
    margin-bottom: 4px;
    margin-top: 3px;
    box-shadow: 0 0 0 1px rgba(233,233,233,1);
    cursor: pointer;
}
body#pickfranchise .teamSection:hover .selectFranchise .selectFranchiseButton {background-position: 1px -12px; background-color: #2fcb60;}
body#pickfranchise .teamSection.even {background: #f7f7f7;}
body#pickfranchise .franchise_logo {float: left; margin:5px;}
body#pickfranchise .franchiseLink {margin-top: 10px; display: inline-block; font-weight: 700;}
body#pickfranchise .franchiseLink.available {margin-top: 18px;}
body#pickfranchise .franchiseLink.available,
body#pickfranchise .franchiseLink.available a {color: #999;}
body#pickfranchise .userLink a{color: #046971; font-weight: 700;}
body#pickfranchise .availableFranchiseIcon {
    width: 20px;
    height: 20px;
    float: left;
    margin-top: 14px;
    margin-left: 10px;
    margin-right: 20px;
    background: url(../../Images/Icons/InfoIcon.png);
}
body#pickfranchise .availableFranchiseIcon:hover {background-position: 0 20px;}
body#pickfranchise .availableFranchiseIcon a {padding-left: 10px; padding-right: 10px; padding-bottom: 7px;}
body#pickfranchise .availableFranchiseIcon.pending {
    border: solid 1px #999;
    background: #eaeaea;
}
body#pickfranchise .selectFranchise {float: right; margin-right: 4px;}
body#pickfranchise .selectFranchise .selectFranchiseButton {
    width: 20px;
    height: 20px;
    box-shadow: 0 0 1px 1px rgba(208,208,208,1);
    border: none;
    border-radius: 11px;
    background: url(../../Images/Icons/Checkmark.png);
    background-repeat: no-repeat;
    background-position: 1px 3px;
    background-color: #fff;
    color: #046971;
    font-weight: 700;
    cursor: pointer;
    margin-top: 12px;
}
body#pickfranchise .selectFranchise .selectFranchiseButton:hover {background-position: 1px -12px; background-color: #2fcb60;}
body#pickfranchise span#break {display: none;}
@media only screen and (max-width: 900px) {
    body#pickfranchise .subLeagueSection {width: 49%;}
}
@media only screen and (max-width: 500px) {
    body#pickfranchise .subLeagueSection {width: 99%;}
    body#pickfranchise .pageHeader {text-align: left; text-indent: 10px; font-size: 12px;}
}
@media only screen and (max-width: 400px) {
    body#pickfranchise span#break {display: inline;}
    body#pickfranchise .pageHeader {text-align: center; text-indent: 0; font-size: 12px; line-height: 20px;}
}

/* Landing Page */
body#default div#MainHeader {display: none;}
body#default div.maincontainer {width: auto;}
body#default div.maincontent {overflow-x: hidden;}
body#default div#LandingHeaderMain {
    height: 400px;
    position: relative;
    background: url(../../Images/LandingPage/HeroBackground.jpg);
    background-size: cover;
    overflow: hidden;
}
body#default div.headerContentSection {
    width: 50%;
    min-width: 800px;
    margin: auto;
    text-align: center;
    margin-top: 70px;
}
body#default 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#default h1.HeaderTextSection {
    font-size: 26px;
    color: #fff;
    text-shadow: 2px 2px #000;
    text-align: left;
    font-weight: 400;
    margin: 0;
}
body#default div#FirstSeasonSection {
    font-size: 16px;
    color: #b4afa9;
    text-shadow: 2px 2px #000;
    text-align: left;
    margin-top: 20px;
}
body#default span#price {font-size: 36px; color: #f7c725;}
body#default div#JoinSection {float: left; margin-top: 40px;}
body#default a#JoinLink,
body#default a#StickyJoinLink {
    color: #fbc22d;
    border: solid 1px #fbc22d;
    text-shadow: 1px 1px #000;
    border-radius: 4px;
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 700;
}
body#default a#JoinLink:hover,
body#default a#StickyJoinLink:hover {
    text-decoration: none;
    background: #FBCE55;
    text-shadow: none;
    color: #403e3f;
}
body#default div#StickyPlayNow {
    display: none;
    position: fixed;
    top: 41px;
    width: 100%;
    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: 700;
}
body#default div#StickyPlayNowButton {float: right; margin-top: -80px; margin-right: 40px;}
body#default div#LogoContainer {overflow-x: scroll; -webkit-overflow-scrolling: touch;}
body#default div#LandingTeamLogos { background: url(../../Images/LandingPage/FranchiseLogoStrip.jpg); height: 82px; width: 7718px;}
body#default div#HardballInfo {background: #fff; padding-top: 40px; padding-bottom: 40px;}
body#default div.infoSection {width: 980px; margin: auto; padding-bottom: 40px;}
body#default div.infoIcon {
    background: url(../../Images/LandingPage/SeasonTypeIcons.png);
    width: 33px;
    height: 33px;
    float: left;
    margin-top: 5px;
    margin-right: 15px;
}
body#default .infoSection.playerDevel .infoIcon {background-position: 0 -33px;}
body#default .infoSection.bigLeague .infoIcon {background-position: 0 33px;}
body#default div.infoHeader {font-size: 33px; padding-bottom: 10px;}
body#default div.infoHeader h2 {
    font-size: 33px;
    margin: 0;
    font-weight: 400;

}
body#default div.infoContent {font-size: 14px;}
body#default div#HardballStats {text-align: center; margin: auto; width: 980px;}
body#default div.stat {float: left; width: 81px; height: 100px; margin: auto; text-align: center; font-size: 9px;}
body#default div.statBubble {
    width: 55px;
	height: 55px;
	line-height: 55px;
    margin: auto;
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 700;
	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#default 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#default div#Testimonials {padding-top: 40px; padding-bottom: 40px;}
body#default div#TestimonialHeader {
    width: 980px;
    margin: auto;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    border-bottom: dashed 1px #c5c5c5;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
body#default div#TestimonialHeader h3 {
    font-size: 16px;
    margin: 0;
    font-weight: 700;
}
body#default div#CommentSection {margin: auto; width: 980px;}
body#default div.comment {float: left; width: 31%; margin: 1%;}
body#default div.commentLogo {
    width: 90px;
    height: 90px;
    border-radius: 45px;
    margin: auto;
}
body#default div.commentUser {color: #929292; text-align: center; padding-top: 5px; padding-bottom: 5px;}
body#default div.commentUser a {color: #046971;}
body#default div.commentText {color: #6d6d6d; font-style: italic;}
body#default div#Rules {background: #fff; padding-top: 40px; padding-bottom: 40px;}
body#default div.section {
	background-repeat: no-repeat; 
	overflow: hidden; 
	height: 214px; 
	width: 780px;
	padding-bottom: 10px;
    margin: auto;
}
body#default .page {background: url(../../Images/LandingPage/Screenshots.jpg); width: 434px; height: 209px; overflow: hidden;}
body#default div#YourFranchise .page {background-position: 0 0;}
body#default div#RosterManagement .page {background-position: 0 -210px;}
body#default div#SeasonPlay .page {background-position: 0 -420px;}
body#default div#Playoffs .page {background-position: 0 -630px;}
body#default div#Retainment .page {background-position: 0 -840px;}
body#default div#Prizes .page {background-position: 0 -1050px;}
body#default div.info {margin-right: 15px; width: 40%; overflow: hidden; float: left;}
body#default div.title {color: #FFA200; font-size: larger; font-weight: 700;}
body#default div#Prizes ol {padding-left:25px !important;}
body#default p.prize_disclaimer {font-size:10px;}
body#default p.details a {text-decoration: none; color: #056973; font-weight: 700;}

@media only screen and (max-width: 1000px) {
    body#default div#LandingHeaderMain {background-size: 1000px;}
    body#default div#StickyPlayNowButton {margin-right: 1%; left: auto;}
}
@media only screen and (max-width: 980px) {
    body#default div.infoSection,
    body#default div#HardballStats,
    body#default div#TestimonialHeader,
    body#default div#CommentSection {width: 90%;}
    body#default div.section {width: auto; margin: 0 10px;}
}
@media only screen and (max-width: 870px) {
    body#default div#StickyPlayNow {text-align: left; text-indent: 5px;}
}
@media only screen and (max-width: 850px) {
    body#default div.headerContentSection {margin-top: 20px; min-width: 90%;}
    body#default div#HardballLogo {margin: auto; background-size: 150px; width: 150px; height: 144px; float: none;}
    body#default h1.HeaderTextSection {font-size: 24px; text-align: center;}
    body#default div#FirstSeasonSection {text-align: center;  float: none;}
    body#default div#JoinSection {top: 330px; text-align: center;  float: none; margin-left: 0;}
}
@media only screen and (max-width: 800px) {
    body#default div.section {height: auto;}
    body#default div.info {width: 100%;}
    body#default .page {width: 434px; margin: auto;}
}
@media only screen and (max-width: 650px) {
    body#default div#StickyText {text-align: center; line-height: normal; padding-top: 22px; width: 50%; text-indent: 0; padding-left: 10px;}
    body#default div.comment {width: 100%; text-align: center;}
    body#default div#StickyPlayNowButton {margin-top: -60px;}
}
@media only screen and (max-width: 480px) {
    body#default h1.HeaderTextSection {font-size: 18px;}
    body#default div#FirstSeasonSection {top: 220px; text-shadow: 1px 1px #000;}
    body#default div#JoinSection {top: 310px;}
    body#default span#break {display: none;}
    body#default div#StickyText {display: none;}
    body#default div#StickyPlayNowButton {float: none; left: 0; right: 0; margin: auto; text-align: center;}
}
@media only screen and (max-width: 450px) {
    body#default .page {display: none;}
}
/* Alternate Landing Page Testimonials*/
body#testimonials h1
{
	font-size:11px;
	padding:0;
	margin:0;
}
body#testimonials a#defaultViewLink,
body#testimonials a#defaultJoinLink,
body#testimonials a#defaultCreateLink,
body#testimonials a#defaultTourLink,
body#testimonials a#defaultWISLink,
body#testimonials a#defaultPrizesLink
{
    width: 128px;
    voice-family: "\"}\"";
    voice-family: inherit;
}

body#testimonials #globalNavigation #NavViewWorldMenu	{left: 0;}
body#testimonials #globalNavigation #NavJoinWorldMenu	{left: 151px;}
body#testimonials #globalNavigation #NavCreateWorldMenu	{left: 303px;}
body#testimonials #globalNavigation #NavTourMenu			{left: 455px;}
body#testimonials #globalNavigation #NavPrizesMenu		{left: 607px;}

body#testimonials div#LandingHeaderMain { background-image: url(../../Images/LandingPage/Header.jpg); background-repeat: no-repeat; overflow: hidden; height: 168px; width: 780px; }
body#testimonials div#HeaderPriceSection { position: relative; top: 22px; left: 532px; height: 64px; width: 251px; }
body#testimonials div#HeaderTextSection { position: relative; top: 50px; left: 526px; height: 40px; width: 240px; }
body#testimonials div#HeaderTextSection p { text-align: center; color: #Fc0; font-weight: 700; padding: 3px 0 0; margin: 0; width: 240px; }
body#testimonials div#HeaderTextSection span.highlight { color: #fff; }
body#testimonials div#HeaderTagLineSection { position: relative; color: #fff; font-weight: 700; top: 45px; left: 10px; height: 15px; width: 180px;}
body#testimonials div#HeaderTagLineSection a { color: #fff; font-weight: 700; }
body#testimonials div#JoinLinkSection { position: relative; top: -96px; left: 396px; height: 90px; width: 126px; }
body#testimonials div#JoinLinkSection a { display: block; height: 90px; width: 126px; }

body#testimonials div#LandingTeamLogos { background-image: url(../../Images/LandingPage/logos.jpg); background-repeat: no-repeat; height: 75px; width: 780px; }

body#testimonials div.OverallInfoSection p.notes	{margin:5px 20px; line-height: 14pt;}

body#testimonials table.tblContent td.col1 {padding:0; margin:0;}
body#testimonials table.tblContent td.col2 {padding:0; margin:0; vertical-align:top;}
body#testimonials div.testimonial	{margin:3px 0;}
body#testimonials div.testimonial a {text-decoration:underline;}

body#testimonials table#featuredworld
{
	width:100%;
}
body#testimonials table#featuredworld td
{
	padding:3px;
}
body#testimonials table#featuredworld td.label
{
	width:35%;
}
body#testimonials table#featuredworld a
{
	text-decoration:underline;
}

body#testimonials div.StartPlayingSection table.links
{
	width:60%;	
	margin:0 auto;
}
body#testimonials div.StartPlayingSection table.links a
{
	color:#fff;
	text-decoration:underline;
}
body#testimonials div.StartPlayingSection table.links td.col2
{
	text-align:right;
}
body#testimonials div.StartPlayingSection table.links td.col3
{
	width:30px;
}


body#testimonials div.product_portfolio_footer
{
	width:780px;
	margin:20px auto 0;
	text-align:center;
}
body#testimonials div.copyright
{
	border-top:solid 1px #acac88 !important;
	margin-top: 0 !important;
}

body#WorldHighlights div#MainHeader {display: none;}
body#WorldHighlights span#break {display: none;}
body#WorldHighlights .maincontent {padding: 10px; background: #fff; margin-top: 80px;}
body#WorldHighlights {background: url(../../Images/Playoffs/Background.jpg); background-size: cover;}
body#WorldHighlights div.pageHeader {top: 60px;}

body#activeworlds div#MainHeader {display: none;}
body#activeworlds div.activeWorldsTable {position: relative;}
body#activeworlds span#break {display: none;}
body#activeworlds .maincontent {background: #fff; margin-top: 80px; padding-bottom: 0; border-top: 0;}
body#activeworlds {background: url(../../Images/Playoffs/Background.jpg); background-size: cover;}
body#activeworlds div.pageHeader {top: 60px;}
body#activeworlds th.status {min-width: 200px;}
body#activeworlds div.activeWorldSection {
    border: solid 4px #272727;
    background: #403e3f;
    text-align: center;
    color: #eaeaea;
    position: relative;
}
body#activeworlds .findWorldButton {
    background: #fcc127;
    border: none;
    border-radius: 4px;
    width: 200px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    font-weight: 700;
    margin: auto;
    margin-top: 10px;
}
body#activeworlds .findWorldButton a {padding: 5px 68px;}
body#activeworlds .findWorldButton a:hover {text-decoration: none;}
body#activeworlds .findWorldButton:hover {background: #E7A803;}
body#activeworlds div.activeWorldInfo {
    float: left;
    width: calc(100% - 264px);
    text-align: left;
    padding: 15px 0 15px 10px;
    border-right: solid 4px #272727;
}
body#activeworlds div.findWorldSection {
    float: left;
    width: 250px;
    padding: 15px 0;
    text-align: center;
}
body#activeworlds div.subHeader {
    background: #403e3f;
    text-indent: 15px;
    color: #e7e7e7;
    position: relative;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-weight: 700;
    margin-top: 20px;
}
body#activeworlds div.gameHighlightsLink {
    position: absolute;
    right: 10px;
    top: 0;
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    text-indent: 0;
    padding: 0 10px;
    border-radius: 4px;
    border: solid 1px #8d8d8d;
}
body#activeworlds div.gameHighlightsLink a {color: #e7e7e7; cursor: pointer;}
body#activeworlds .footerContent {
    margin-top: 40px;
    background: #e2e2e2;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 12px;
}
body#activeworlds .footerContent h3 {font-size: 12px;}
body#activeworlds .footerContent .join a {
    color: #046971;
    font-size: 14px;
    font-weight: 700;
}
body#activeworlds div.worldTab {text-align: center; margin: auto; position: relative; background: #000;}
body#activeworlds div.activeWorlds,
body#activeworlds div.worldHighlights {
    width: 49.5%;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: solid 5px #c1c3c0;
    cursor: pointer;
    height: 50px;
    background: linear-gradient(#eeedea 92%, #d3d3d3 100%);
    background: -webkit-linear-gradient(#eeedea 92%, #d3d3d3 100%);
    background: -o-linear-gradient(#eeedea 92%, #d3d3d3 100%);
    background: -moz-linear-gradient(#eeedea 92%, #d3d3d3 100%);
}
body#activeworlds div.activeWorlds:hover,
body#activeworlds div.worldHighlights:hover {
    border-top: solid 5px #046971;
}
body#activeworlds div.activeWorlds {float: left;}
body#activeworlds div.worldHighlights {float: right;}
body#activeworlds .worldHeader {font-size: 20px; font-weight: 700; color: #0a6870;}
body#activeworlds .worldHeader h2 {
    font-size: 20px;
    margin: 0;
    font-weight: 700;
}

body#activeworlds div.activeWorlds.selectedWorld,
body#activeworlds div.worldHighlights.selectedWorld {border-top: solid 5px #ffc617; background: #fff;}
body#activeworlds div.activeWorlds.selectedWorld .worldHeader,
body#activeworlds div.worldHighlights.selectedWorld .worldHeader {color: #393939;}
body#activeworlds .viewActiveWorldContent, 
body#activeworlds .viewWorldHighlightsContent {background: #fff; padding: 20px 10px 10px 10px; position: relative; }
body#activeworlds .mainContent {margin-top: 80px;}
body#activeworlds .cbox_title_franchiseColor {background: #403e3f}
body#activeworlds .cbox_title {box-shadow: 0 1px 0 1px rgba(204,202,194,1);}
body#activeworlds .worldInfo {color: #999; padding: 4px;}
body#activeworlds .pageHeaderTitle {line-height: 47px;}

@media only screen and (max-width: 600px) {
    body#activeworlds div.activeWorldInfo {width: calc(100% - 10px); border-bottom: solid 4px #272727;}
    body#activeworlds div.findWorldSection {width: 100%;}
}
@media only screen and (max-width: 500px) {
    body#activeworlds span#break {display: inline;}
    body#activeworlds div.pageHeader {line-height: 20px;}
    body#activeworlds div.subHeader {font-size: 10px;}
    body#activeworlds div.gameHighlightsLink {padding: 0 4px;}
}

/* Franchise Center page */
body#franchisecenter {background: url(../../Images/Playoffs/Background.jpg); background-size: cover;}
body#franchisecenter div#MainHeader {display: none;}
body#franchisecenter .maincontent {padding: 10px; background: #fff; margin-top: 80px;}
body#franchisecenter table#FranchisesTable tr.header,
body#franchisecenter table#FranchisesTable th		{line-height: normal;}
body#franchisecenter div.pageHeader {top: 160px;}
body#franchisecenter div#divPurchasedSeasonsSection {
	border: solid 4px #272727;
    background: #403e3f;
    text-align: center;
    color: #eaeaea;
    padding: 15px;
    position: relative;
}
body#franchisecenter div#divPurchaseSeasons {margin-top: 10px;}
body#franchisecenter .PurchaseBttn {
    background: #fcc127;
    border: none;
    border-radius: 4px;
    width: 200px;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    font-weight: 700;
}
body#franchisecenter .PurchaseBttn:hover {background:#E7A803;}
body#franchisecenter div#divPrivateWorldInfo a { color:#fff; text-decoration: underline;}
body#franchisecenter div#divPrivateWorldInfo {
    font-weight: 700;
    background: #97948f;
    color: #eeede9;
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
    border: solid 1px #7e7b76;
    padding-top: 10px;
    padding-bottom: 10px;
}

body#franchisecenter div#divSeasonsAvailable span.label,
body#franchisecenter div#divPrivateWorldInfo span.label
{
	color: #FFCC01;
    font-size: 12px;
}
body#franchisecenter div.franchiseSection.even {
    float: left;
    clear: both;
}
body#franchisecenter div.franchiseSection.odd {
    float: right;
}
body#franchisecenter div.franchiseSection {
    width: 49%;
    padding: 2px;
    border: solid 1px #e9e9e9;
    border-radius: 4px;
    margin-top: 10px;
}
body#franchisecenter div.franchiseHeader {
    border-left: solid 60px green; /*cw:franchiseColor*/
    border-top: solid 60px red; /*cw:franchiseColor*/
    height: 0;
    color: #fff;
}
body#franchisecenter div.franchiseHeader a {color: #fff;}
body#franchisecenter .franchise_logo {
    float: left;
    margin-top: -55px;
    margin-left: -40px;
}
body#franchisecenter .franchise_logo img {
    height: 50px;
    width: 50px;
}
body#franchisecenter .franchiseCity {
    float: left;
    margin-top: -45px;
    margin-left: 20px;
    font-size: 12px;
}
body#franchisecenter .franchiseCity h2,
body#franchisecenter .franchiseName h2 {font-size: 12px;}
body#franchisecenter .franchiseName {
    float: left;
    margin-top: -33px;
    margin-left: 20px;
    font-size: 12px;
    font-weight: 700;
}
body#franchisecenter div.playNowButton {
    float: right;
    margin-top: -45px;
    margin-right: 10px;
    border: none;
    padding-top: 10px;
    padding-bottom: 10px;
    cursor: pointer;
    font-weight: 700;
    text-align: center;
}
body#franchisecenter div.playNowButton a {
    color: #000;
    border-radius: 4px;
    background: #fcc127;
    padding: 10px 11px;
    box-shadow: 0 0 1px 1px rgba(0,0,0,.2);
}
body#franchisecenter div.playNowButton a:hover {background: #E7A803; text-decoration: none; border-color: #e8a803;}
body#franchisecenter .label {
    color: #999;
}
body#franchisecenter .worldInfo {
    float: left;
    margin-top: -21px;
    margin-left: 20px;
    font-size: 10px;
}
body#franchisecenter .daysRemaining {
    float: left;
    width: 30%;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
body#franchisecenter .daysRemaining span {
    font-size: 14px;
}
body#franchisecenter .worldStatus {
    float: left;
    width: 70%;
    padding-top: 10px;
    padding-bottom: 10px;
}
body#franchisecenter .worldStatus span {
    font-size: 14px;
}
body#franchisecenter .nextSeasonStatus {
    float: left;
    width: 50%;
    text-align: center;
}
body#franchisecenter .nextSeasonStatus .statusLabel {
    font-size: 14px;
    padding-left: 5px;
}
body#franchisecenter .actionButton {
    float: right;
    margin-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
    border: solid 1px #046971;
    border-radius: 4px;
}
body#franchisecenter .actionButton a {
    color: #046971;
    padding: 5px 20px;
}
body#franchisecenter .actionButton a:hover {background: #046971; color: #fff; text-decoration: none;}
body#franchisecenter .recentGamesHeader {
    background: #f2f1ed;
    border: solid 1px #cacbc5;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    font-size: 12px;
    border-bottom: solid 2px green;
}
body#franchisecenter div.nodata {
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
    margin-top: 5px;
}
body#franchisecenter .gameHolder {
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: solid 1px #e2e2e2;
    background: linear-gradient(#fff, #f2f2f2);
    position: relative;
    padding: 5px;
}
body#franchisecenter .gameInfo {
    padding-left: 10px;
    padding-bottom: 5px;
}
body#franchisecenter .gameInfo .gamedate {
    font-weight: 700;
}
body#franchisecenter .gameInfo .gametype {
    color: #999;
}
body#franchisecenter .gameOpponent {
    padding-left: 10px;
    font-size: 12px;
}
body#franchisecenter .gameOpponent span {
    font-size: 10px;
}
body#franchisecenter .viewResult {
    position: absolute;
    right: 20px;
    top: 15px;
}
body#franchisecenter .viewResult a {
    color: #046971;
}
body#franchisecenter .footerContent {
    margin-top: 20px;
    background: #e2e2e2;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 50px;
    font-size: 12px;
    width: 100%;
    line-height: 20px;
}
body#franchisecenter .footerContent div.holder {
    width: 50%;
    float: left;
}
body#franchisecenter .footerContent.noFranchises div.holder {width: 33.3%; float: left;}
body#franchisecenter .footerContent h3 {font-size: 12px;}
body#franchisecenter .footerContent a {
    color: #046971;
    font-size: 14px;
    font-weight: 700;
}
body#franchisecenter .footerContent .mobileBreak {display: none;}
body#franchisecenter div.message_body.firstView {  
    font-weight: 700;
    background: #97948f;
    color: #eeede9;
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 5px;
    border-radius: 4px;
    width: 98%;
    text-align: center;
    margin-left: 1%;
    border: solid 1px #7e7b76;
    padding-top: 10px;
    padding-bottom: 10px;
}
body#franchisecenter span#break {display: none;}

body#franchisecenter div.franchiseRepeaterDiv div.publicLinkHolder,
body#franchisecenter div.franchiseRepeaterDiv div.privateLinkHolder {text-align: center;border-top: 1px solid #e9e9e9; margin-top: 5px; padding: 5px 0;}
body#franchisecenter div.franchiseRepeaterDiv div.privateLinkHolder a:nth-child(n+2) {white-space: pre;}
body#franchisecenter .pagemsgcontrolsection {margin-top: 10px;}
body#franchisecenter div.franchiseRepeaterDiv div.privateLinkHolder div.commishOptionsLabel {
    display: inline;
    color: #000;
    font-weight: 700;
    margin-right: 3px;
}

body#franchisecenter div.franchiseRepeaterDiv div.privateLinkHolder a:nth-last-child(n+2) {border-right: 1px solid #000;     padding-right: 4px;  margin-right: 4px;}

@media only screen and (max-width: 750px) {
    body#franchisecenter div.franchiseSection {width: 98%; float: left !important;}
}
@media only screen and (max-width: 500px) {
    body#franchisecenter span#break {display: inline;}
    body#franchisecenter .pageHeader {font-size: 12px; line-height: 20px;}
    body#franchisecenter .pageHeaderContent h1 {margin-top: 3px;}
    body#franchisecenter .pageHeaderContent a.MainHelpLink {top: 4px;}
    body#franchisecenter div.playNowButton {margin-top: -55px;}
}
@media only screen and (max-width: 600px) {
    body#franchisecenter .footerContent.noFranchises {
        padding-bottom: 70px;
    }
    body#franchisecenter .footerContent.noFranchises .mobileBreak {display: block;}
}
@media only screen and (max-width: 425px) {
    body#franchisecenter .footerContent {
        padding-bottom: 70px;
    }
    body#franchisecenter .footerContent .mobileBreak {display: block;}
    body#franchisecenter .footerContent.noFranchises a {font-size: 12px;}
    body#franchisecenter .footerContent.noFranchises h3.description {font-size: 11px;}
}
@media only screen and (max-width: 375px) {
    body#franchisecenter .footerContent.noFranchises {
        padding-bottom: 80px;
    }
}

/* World Selection/Purchase page */
body#worldselect div#temp {display:none;}
body#worldselect #MainHeader {display: none;}
body#worldselect {background: url(../../Images/Playoffs/Background.jpg); background-size: cover;}
body#worldselect .maincontent {background: none; padding-bottom: 0; padding-top: 10px; margin-top: 80px; border: 0;}
body#worldselect .PageError {margin: -10px 0 10px;}
body#worldselect div.worldTab {text-align: center; margin: auto; position: relative;}
body#worldselect div.pageHeader {top: 60px;}
body#worldselect div.openWorlds,
body#worldselect div.privateWorlds {
    width: 49.5%;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #eee9e6;
    border-top: solid 5px #c1c3c0;
    cursor: pointer;
    height: 50px;
    background: linear-gradient(#eeedea 92%, #d3d3d3 100%);
    background: -webkit-linear-gradient(#eeedea 92%, #d3d3d3 100%);
    background: -o-linear-gradient(#eeedea 92%, #d3d3d3 100%);
    background: -moz-linear-gradient(#eeedea 92%, #d3d3d3 100%);
}
body#worldselect div.openWorlds:hover,
body#worldselect div.privateWorlds:hover {
    border-top: solid 5px #046971;
}
body#worldselect div.openWorlds {float: left;}
body#worldselect div.privateWorlds {float: right;}
body#worldselect .worldHeader {font-size: 20px; font-weight: 700; color: #0a6870;}
body#worldselect .worldHeader h2 {
    font-size: 20px;
    margin: 0;
    font-weight: 700;
}
body#worldselect .worldInfo {color: #999; padding: 1px;}
body#worldselect div.openWorlds.selectedWorld,
body#worldselect div.privateWorlds.selectedWorld {border-top: solid 5px #ffc617; background: #fff;}
body#worldselect div.openWorlds.selectedWorld .worldHeader,
body#worldselect div.privateWorlds.selectedWorld .worldHeader {color: #393939;}
body#worldselect div.openWorldContent,
body#worldselect div.privateWorldContent {background: #fff; padding: 1%; position: relative; padding-bottom: 10px; padding-left: 0;}
body#worldselect div.suggestedWorld {
    border: solid 1px #e9e9e9; 
    background: linear-gradient(#fff, #f4f4f4);
    border-radius: 4px;
    margin: 1%;
    margin-right: 0;
}
body#worldselect div.sw_Header {
    background: #403e3f;
    color: #e9e9e9;
    position: relative;
    padding: 10px;
    font-weight: 700;
    margin: 3px;
    border-bottom: solid 4px #4aa3a7;
    border-bottom-style: ridge;
}
body#worldselect .getATeamButton, 
body#worldselect .getATeamButton2 {
    color: #fff;
    border-radius: 4px;
    background: #046971;
    font-size: 18px;
    padding: 24px 64px;
    cursor: pointer;
}

body#worldselect .getATeamButton:hover, body#worldselect .getATeamButton2:hover {text-decoration: none; background: #04474e;}
body#worldselect div.mobileOnly {display: none;}
body#worldselect div.sw_LeftSection,
body#worldselect div.sw_CenterSection,
body#worldselect div.sw_WorldChamp,
body#worldselect div.getATeam 
 {
    float: left;
    padding-top: 15px;
    padding-bottom: 20px;
    text-align: center;
}
body#worldselect div.sw_LeftSection { width: 200px;}
body#worldselect div.sw_CenterSection {width: 100px; }
body#worldselect div.sw_WorldChamp {width: 215px; margin-left: 110px;}
body#worldselect div.getATeam { width: 300px; margin-left: 25px;}
body#worldselect div.sw_LeftSection,
body#worldselect div.sw_CenterSection {padding-top: 20px;}
body#worldselect div.sw_Name a {font-size: 20px; color:#046971;}
body#worldselect div.sw_Name {text-align: left; margin-left: 15px;}
body#worldselect div.sw_Season {font-size: 14px; text-align: left; margin-left: 15px; margin-top: 7px;}
body#worldselect div.sw_Openings {font-size: 12px; text-transform: uppercase;}
body#worldselect div.sw_Openings span {font-size: 32px;}
body#worldselect div.sw_WorldChamp div.franchise_logo {display: inline-block; vertical-align: top; float:left;}
body#worldselect div.sw_WorldChamp div.franchise_logo img {width: 40px; height: 40px;}
body#worldselect div.sw_WorldChamp div.sw_WorldChampInfo {float: left; display: inline-block; text-align: left; margin-top: 7px; margin-left: 5px; font-size: 12px;}
body#worldselect div.sw_WorldChamp div.sw_WorldChampHeader {text-align: left; font-size: 12px; padding: 5px; text-transform:uppercase;}
body#worldselect div.noAvailableWorld {
    font-weight: 700;
    background: #97948f;
    color: #eeede9;
    margin: auto;
    margin-top: 5px;
    margin-bottom: 5px;
    border-radius: 4px;
    width: 80%;
    padding: 10px;
    text-align: center;
    border: solid 1px #7e7b76;
    font-size: 12px;
}
body#worldselect div.viewWorldDetails {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
body#worldselect div.viewWorldDetails div {
    color: #046971;
    cursor: pointer;
    border:solid 1px #046971;
    border-radius: 4px;
    display: inline-block;
    padding: 5px 15px;
}
body#worldselect div.viewWorldDetails div:hover {background: #046971; color: #fff;}
body#worldselect div.otherWorldsHeader {
    background: #403e3f;
    color: #e9e9e9;
    position: relative;
    padding: 10px;
    font-weight: 700;
    margin: 3px;
    border-bottom: solid 4px #4aa3a7;
    border-bottom-style: ridge;
}
body#worldselect div.showHideOtherWorlds {
    height: 20px;
    line-height: 20px;
    margin-top: 5px;
    text-indent: 0;
    padding: 0 10px;
    color: #046971;
    cursor: pointer;
}
body#worldselect div.additionWorldsHeaderContainer {text-align: center;}
body#worldselect div.addIcon {
    display: inline-block;
    width:  12px;
    height: 12px;
    line-height: 12px;
    border: solid 1px #046971;
    text-align: center;
    border-radius: 4px;
}
body#worldselect div.OpenWorldsList.cbox,
body#worldselect div.privateWorldList.cbox {padding: 0; margin-top: 10px;}
body#worldselect div.OpenWorldsList .cbox_body,
body#worldselect div.privateWorldList .cbox_body {box-shadow: none;}
body#worldselect div.worldChip {
    float: left;
    width: 24%;
    margin-left: calc(1% - 3px);
    text-align: center;
    border: solid 1px #e1e1e1;
    margin-bottom: 10px;
}
body#worldselect div.worldName a {color: #046971;}
body#worldselect div.worldName {font-size: 16px; font-weight: 700; padding-top: 10px; color: #046971;}
body#worldselect div.worldDetails {font-size: 12px;}
body#worldselect div.worldCommish.noDetails {padding-bottom: 10px;}
body#worldselect div.worldGetTeam {
    height: 30px;
    line-height: 30px;
    border-bottom: solid 2px #046971;
    background: #e9e9e9;
    margin-top: 10px;
    margin-left: 1px;
    margin-right: 1px;
}
body#worldselect div.OpenWorldsList .PurchaseBttn {
    padding: 4px;
    padding-left: 40px;
    padding-right: 40px;
    color: #046971;
    font-weight: 700;
}

body#worldselect div.OpenWorldsList .teamOfficeLink {
    padding: 4px;
    color: #046971;
    font-weight: 700;
}

body#worldselect div.OpenWorldsList .RemoveBttn {
    padding: 4px;
    color: #d5371a;
    font-weight: 700;
}
body#worldselect .requestDetails a {color: #046971;}
body#worldselect .requestDetails,
body#worldselect .showPassword {
    float: left;
    width: 49%;
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 10px;
    color: #046971;
    background: #e9e9e9;
    border: solid 1px #fff;
}
body#worldselect .showPassword {float: right;}
body#worldselect .showPassword.openPassword {border-bottom: solid 1px #e9e9e9;}
body#worldselect .showPassword:hover {text-decoration: underline; cursor: pointer;}
body#worldselect .privateWorldHeader {
    text-align: center;
    background: #403e3f;
    color: #e9e9e9;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: 10px;
    margin-bottom: 20px;
    border-radius: 4px;
}
body#worldselect .worldLink {background: #e9e9e9; padding-bottom: 10px; margin-top: 10px;}
body#worldselect .worldLink .worldLinkButton {padding-top: 10px; color: #046971; display: block;}
body#worldselect div.footerSelect {width: 100%; background: #fff; border-bottom: solid 4px #999; border-style: ridge;}

body#worldselect div.viewActiveWorlds,
body#worldselect div.viewPlayersGuide,
body#worldselect div.viewYourFranchises {
    width: 33.3%;
    text-align: center;
    background: #e2e2e2;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 30px;
    float: left;
}
body#worldselect div.viewActiveWorlds a,
body#worldselect div.viewPlayersGuide a,
body#worldselect div.viewYourFranchises a {font-size: 14px; color: #046971; cursor: pointer; font-weight: 700;}
body#worldselect div.viewYourFranchises .loginLabel {font-size: 14px; color: #046971; font-weight: 700;}
body#worldselect div.viewYourFranchises .loginButton {white-space: normal; background: none; font-size: 14px; color: #046971; font-weight: 700; border: none; cursor: pointer;}
body#worldselect div.viewYourFranchises .loginButton:hover {text-decoration: underline;}
body#worldselect div.viewActiveWorlds a:hover,
body#worldselect div.viewPlayersGuide a:hover,
body#worldselect div.viewYourFranchises a:hover {text-decoration: underline;}
body#worldselect div#divHBDHighlights	{position:relative; left:625px; top:43px; color:#fff; width:140px;}
body#worldselect a#franchiselink	{color: #fff;}
body#worldselect div.privateWorldContent .privateWorldList {margin-bottom: 10px;}
body#worldselect div.privateWorldContent .cbox {padding: 0;}
body#worldselect div.expandPassword {
    background: #cacaca;
    height: 20px;
    width: 20px;
    line-height: 20px;
    border-radius: 10px;
    color: #fff;
    font-weight: 700;
    cursor: pointer;
}
body#worldselect div.expandPassword:hover,
body#worldselect div.expandPassword.passwordOpen {background: #2cd562;}
body#worldselect div.expandPassword.passwordOpen:hover{background: #cacaca;}
body#worldselect div.privateWorldList tr.passwordRow {
    height: 40px; 
    background: #edeee9;
    border-top: solid 1px #fff;
    border-bottom: solid 1px #fff;
}
body#worldselect div.privateWorldList .joinButton {width: 100%; margin-top: 4px; padding-top: 8px; padding-bottom: 8px;}
body#worldselect .passwordContainer {padding-top: 5px; background: #e9e9e9; border-left: solid 1px #fff; border-right: solid 1px #fff;}
body#worldselect div.privateWorldList .password {height: 24px;}
body#worldselect span#headerBreak {display: none;}
body#worldselect div.worldDetails.noWorldLinks {padding-bottom: 10px;}
@media only screen and (max-width: 975px) {
    body#worldselect div.sw_LeftSection, 
    body#worldselect div.sw_CenterSection,
    body#worldselect div.sw_WorldChamp {width: 33%; margin-left: 0;}
    body#worldselect div.getATeam {margin-top: 110px; margin-bottom: 25px; margin-left: 0; width: 100%; float: none;}
    body#worldselect div.sw_Name,
    body#worldselect div.sw_Season {text-align: center;}
}
@media only screen and (max-width: 850px) {
    body#worldselect div.worldChip {width: 32%;}
}
@media only screen and (max-width: 650px) {
    body#worldselect div.worldChip {width: calc(49% - 2px);}
    body#worldselect span#break {display: none;}
    body#worldselect div.mobileOnly {display: block;}
    body#worldselect div.worldChampNoShow {display:none;}
    body#worldselect div.sw_LeftSection, 
    body#worldselect div.sw_CenterSection,
    body#worldselect div.sw_WorldChamp {width: 100%; float: none; margin-left: 0;}
    body#worldselect div.sw_WorldChamp div.franchise_logo,
    body#worldselect div.sw_WorldChamp div.sw_WorldChampInfo,
    body#worldselect div.sw_WorldChamp div.sw_WorldChampHeader {text-align: center; float: none;}
    body#worldselect div.getATeam {margin-top: 0;}
}
@media only screen and (max-width: 450px) {
    body#worldselect div.worldChip {width: 98%;}
    body#worldselect div.openWorlds,
    body#worldselect div.privateWorlds {height: 70px;}
    body#worldselect div.pageHeader {font-size: 12px; text-align: left; text-indent: 10px;}
    body#worldselect div.sw_LeftSection,
    body#worldselect div.sw_CenterSection,
    body#worldselect div.sw_WorldChamp {width: 100%;}
    body#worldselect div.getATeam {padding-bottom: 40px; width: 100%;}
    body#worldselect div.viewActiveWorlds a,
    body#worldselect div.viewPlayersGuide a,
    body#worldselect div.viewYourFranchises a,
    body#worldselect div.viewYourFranchises .loginButton { font-size: 11px;}
    body#worldselect div.viewActiveWorlds,
    body#worldselect div.viewPlayersGuide,
    body#worldselect div.viewYourFranchises {padding-top: 10px; padding-bottom: 30px;}
}
@media only screen and (max-width: 400px) {
    body#worldselect span#headerBreak {display: inline;}
    body#worldselect div.pageHeader {text-indent: 0; text-align: center; line-height: 20px;}
}

/* City - Team Select*/
body#picknameandcity {background: url(../../Images/Playoffs/Background.jpg); background-size: cover;}
body#picknameandcity .maincontent {background:#fff; margin-top: 80px; padding-top: 20px;}
body#picknameandcity .mainContent {position: relative;}
body#picknameandcity #MainHeader {display: none;}
body#picknameandcity div.pageHeader {top: 60px;}
body#picknameandcity .toggleBallParkDetails {
    text-align: center;
    width: 200px;
    margin: auto;
    border: solid 1px #e9e9e9;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
    color: #046971;
    cursor: pointer;
    border-radius: 4px;
}
body#picknameandcity .toggleBallParkDetails:hover{background: #046971; color: #fff; border-color: #046971;}
body#picknameandcity .teamRepeaterContainer {padding-right: 1%;}
body#picknameandcity .citySection {
    float: left;
    width: 24%;
    margin-left: 1%;
    background: #fff;
    outline: solid 1px #e9e9e9;
    color: #999;
    margin-bottom: 10px;
    cursor: pointer;
}
body#picknameandcity .citySection:hover .checkBox {background-color: #2fcb60; color: #fff; background-position: 1px -12px;}
body#picknameandcity .cityHeader {height: 50px; color: #000;}
body#picknameandcity .franchise_logo {float: left; margin-right: 10px; margin-top: 5px; margin-left: 5px;}
body#picknameandcity .franchise_logo img {width: 40px; height: 40px;}
body#picknameandcity .cityName {display: inline-block; margin-top: 12px;}
body#picknameandcity .fieldInfo {position:relative; background: #f6f6f6;}
body#picknameandcity .capacity {padding:10px;}
body#picknameandcity .fieldRating {padding-left:10px; width: 40%; float: left; padding-bottom: 5px;}
body#picknameandcity .enterTeamName {
    margin: 2px;
    padding-top: 5px;
    font-weight: 700;
    color: #000;
    background: #e9e9e9;
}
body#picknameandcity .enterTeamNameLabel {padding-left: 5%;}
body#picknameandcity .teamNameTextBox {margin-left: 5%; width: 90%; border:solid 1px #999;}
body#picknameandcity .continueButton {
    margin-top: 4px;
    background:#fff;
    text-align: center;
    font-weight: 700;
    color: #046971;
    padding-top: 5px;
    padding-bottom: 5px;
    cursor: pointer;
    border: none;
    width: 100%;
}
body#picknameandcity .continueButton:hover {background: #046971; color: #fff;}
body#picknameandcity .checkBox {
    position: absolute;
    right: 10px;
    top: 7px;
    border: none;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 1px 1px rgba(208,208,208,1);
    border-radius: 10px;
    background: url(../../Images/Icons/Checkmark.png);
    background-repeat: no-repeat;
    background-position: 1px 3px;
    background-color: #fff;
    z-index: 1;
    cursor: pointer;
    color: #e9e9e9;
}
body#picknameandcity .checkBox:hover,
body#picknameandcity .checkBox.openTeamName {background-color: #2fcb60; color: #fff; background-position: 1px -12px;}
body#picknameandcity span#break {display: none;}
@media only screen and (max-width: 850px) {
    body#picknameandcity .citySection {width: 32%;}
}
@media only screen and (max-width: 650px) {
    body#picknameandcity .citySection {width: 49%;}
}
@media only screen and (max-width: 450px) {
    body#picknameandcity .citySection {width: 98%;}
    body#picknameandcity div.pageHeader {font-size: 12px; line-height: 20px;}
    body#picknameandcity span#break {display: inline;}
}


/* PURCHASING */
body#purchase .maincontent {margin-top: 80px; background: #fff;}
body#purchase #MainHeader {display: none;}
body#purchase .pageHeader {top: 60px;}
body#purchase span#break {display: none;}
body#purchase div.productSection {
    float: left;
    width: 31%;
    margin: 1%;
    text-align: center;
    box-shadow: 0 0 3px 1px rgba(204,202,194,1);
    margin-top: 40px;
}
body#purchase div.productSection.popular {margin-top: 20px; width: 32%;}
body#purchase div.popularHeader {height: 20px; line-height: 20px; background: #04575f; color: #fff; font-weight: 700;}
body#purchase div.mainSection {background: #056973; padding: 10px 0;}
body#purchase div.mainSection.popular {padding-bottom: 20px;}
body#purchase div.shortDesc {color: #4fb7c2; font-size: 12px; padding-bottom: 5px;}
body#purchase div.price {color: #fff; font-size: 22px;}
body#purchase div.secondarySection {padding: 20px; padding-bottom: 10px; min-height: 60px;}
body#purchase div.productSection.popular .secondarySection {padding: 20px 30px;}
body#purchase div.longDesc {padding-bottom: 10px;}
body#purchase div.selectButton {
    width: 100%;
    font-weight: 700;
    background: #eaeaea;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
    margin-top: 5px;
}
body#purchase div.selectButton:hover {background: #b2b1aa;}
body#purchase div.packageSelected {
    width: 100%;
    font-weight: 700;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    cursor: pointer;
    border: 2px solid #eaeaea;
    margin-top: 5px;
}
body#purchase div.selectedPackage {
    width: 20px;
    height: 20px;
    box-shadow: 0 0 1px 1px rgba(208,208,208,1);
    border: none;
    border-radius: 11px;
    background: url(../../Images/Icons/Checkmark.png);
    background-repeat: no-repeat;
    background-position: 1px -12px;
    background-color: #2fcb60;
    color: #046971;
    font-weight: 700;
    cursor: pointer;
    margin: auto;
}
body#purchase div.bottomSection {margin: auto; text-align: center; margin-top: 30px;}
body#purchase div.promoCodeSection,
body#purchase div.creditSection {float: left; width: 46%; background: #f2f1ed; padding-bottom: 10px;}
body#purchase div.creditSection {margin-right: 1%; margin-left: 3%;}
body#purchase div.promoCodeSection {margin-left: 1%;}
body#purchase div.mainHeader {
    padding-top: 10px;
    padding-left: 15px;
    text-align: left;
    padding-bottom: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #949391;
}
body#purchase div.subHeader {
    background: #cccac2;
    height: 32px;
    line-height: 32px;
    font-weight: 700;
    margin-left: 10px;
    margin-right: 10px;
}
body#purchase div.promoCodeContent {padding-top: 10px;}
body#purchase div.promoCodeContent,
body#purchase div.creditContent {background: #fff; margin-left: 10px; margin-right: 10px;}
body#purchase div.promoCodeContent .promotioncode {width: 200px;}
body#purchase div.promoCodeContent .promoCodeButton {
    background: #e8e8e8;
    bordeR: none;
    width: 100px;
    border-radius: 4px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-left: 10px;
}
body#purchase div.notes {padding: 10px;}
body#purchase div.buttonbar.secondary {margin-top: -10px;}

@media only screen and (max-width: 600px) {
    body#purchase div.promoCodeSection,
    body#purchase div.creditSection,
    body#purchase div.productSection,
    body#purchase div.productSection.popular {width: 96%; margin: auto; margin-left: 2%; margin-top: 10px;}
}

/* PURCHASE PRIVATE WORLD DETAILS */
body#privateworlddetails div#MainHeader {display: none;}
body#privateworlddetails p.notes		{padding: 6px 0 3px 10px;}
body#privateworlddetails div.fieldset	{border: solid 1px #B8BC9F; padding: 0; margin: 0;}
body#privateworlddetails div.WorldNameSection	{margin: 3px 0 3px 10px; padding: 0;}
body#privateworlddetails div#InfoSection {background: #fff;}

/* WORLD INVITATIONS */
body#worldinvitation div#MainHeader {display: none;}
body#worldinvitation div.fieldset	{ background-color: #E4E8D6; border: solid 1px #B8BC9F; padding: 0; margin: 0;}
body#worldinvitation div.resultlist	{ padding: 6px 0 6px 20px; margin: 0; }
body#worldinvitation .commentsTextBox {margin-top: 5px; height:35px; width: calc(100% - 211px);}
body#worldinvitation .commentslabel {float: left; margin-left: 20px; line-height: 49px; width: calc(15% + 26px);}
body#worldinvitation div.worldInfoSection table.standard th {text-align: left; padding-left: 20px;}
body#worldinvitation div.worldInfoSection table.standard td {text-align: left; padding-left: 20px;}
body#worldinvitation div.worldInfoSection table.standard th.Spots,
body#worldinvitation div.worldInfoSection table.standard td.Spots {text-align: center;}
body#worldinvitation div.worldInfoSection div.commentsSection {background: #f2f1ed;}
body#worldinvitation div.sendInvitesSection .cbox_body {background:#f2f1ed; padding-bottom: 1px;}
body#worldinvitation div.sendInvitesSection div.sitemailRow div.username {float: left; width: 22%; min-width: 70px; margin: 5px; margin-left:10px; margin-right: 18px; height:24px;}
body#worldinvitation div.sendInvitesSection div.sitemailRow div.username .usernameBox {height: 24px; width:100%; min-width: 80px; max-width: 145px; margin-left:10px;}
body#worldinvitation div.sendInvitesSection div.sitemailRow .usernamePlus {text-indent: 1px; margin-left: 10px; margin-top: 10px; cursor: pointer; height: 20px; width: 20px; float: left; background-color: #3c6; border-radius: 10px; font-weight: 700; font-size:21px; color: #fff;text-align: center; line-height: 19px; }
body#worldinvitation div.sendInvitesSection div.sitemailRow { width: 100%; float: left; margin-bottom: 10px; margin-top: 10px; padding-bottom: 5px; }
body#worldinvitation div.sendInvitesSection div.sitemailRow.even { background: #fafafa; border-bottom: solid 1px #f0f0f0; border-top: solid 1px #f0f0f0; }
body#worldinvitation div.sendInvitesSection div.socialRow {line-height:71px; margin-left:20px; height:60px; width: calc(100% - 35px); float: left;}
body#worldinvitation div.sendInvitesSection div.sendLinkRow {text-align: center; float: left; padding-left: 20px; width: calc(100% - 25px);}
body#worldinvitation div.sendInvitesSection div.sendLinkRow .sendLinkTextBox { width: 97%; float: left; margin-bottom:5px; margin-top: 18px; height: 24px;}
body#worldinvitation div.sendInvitesSection div.sendLinkRow .copyLinkText { color: #056a74; font-size: 11px; margin-bottom:5px; float:left;}
body#worldinvitation div.sendInvitesSection div.buddyRows{background:url(../../Images/Invites/altbg.png); background-repeat:repeat;}
body#worldinvitation div.sendInvitesSection div.buddyLabel p {  height: 30px; margin-bottom: 5px; margin-top: 0;}
body#worldinvitation div.sendInvitesSection div.buddySection div.buddy { min-width: 150px;  float: left; margin-left: 15px; height: 31px; line-height: 31px;}
body#worldinvitation div.sendInvitesSection div.buddyLabel span.checkAllLabel {font-size: 13px; text-transform: none;}
body#worldinvitation div.sendInvitesSection div.buddySection {min-height: 90px;}
body#worldinvitation div.sendInvitesSection div.emailSection {min-height: 110px;}
body#worldinvitation div.sendInvitesSection div.emailRow div.email {min-width:175px; width:40%; float:left; padding-left: 10px; padding-top: 5px;}
body#worldinvitation div.sendInvitesSection div.emailRow div.saveBuddy {float:left; padding-left:15px; padding-top: 5px; width:14%; min-width:95px;}
body#worldinvitation div.sendInvitesSection div.emailRow div.buddyName {float:left; padding-left:5px; padding-top: 5px; width:17%; min-width:80px;}
body#worldinvitation div.sendInvitesSection div.emailRow .emailBox {height:24px; width: 100%; margin-right: 20px; margin-bottom: 5px;}
body#worldinvitation div.sendInvitesSection div.emailRow .addBuddyBox {height:24px; width: 100%;}
body#worldinvitation div.sendInvitesSection div.emailRow { line-height: 34px; width: calc(90% - 10px); float:left; margin-top:10px; padding-left: 10px;}
body#worldinvitation div.sendInvitesSection div.emailRow .emailPlus {cursor: pointer; margin-top: 10px; height: 20px; width: 20px; margin-right: 5px; margin-left:15px; float: left; background-color: #3c6; border-radius: 10px; font-weight: 700; font-size:21px; color: #fff;text-align: center; line-height: 19px;}
body#worldinvitation div.sendInvitesSection div.emailRow.even {  background: #fafafa; border-bottom: solid 1px #f0f0f0; border-top: solid 1px #f0f0f0;}
body#worldinvitation div.sendInvitesSection div.section {position: relative; border-bottom: solid 1px #d8d8d8; background: #fff;}
body#worldinvitation div.sendInvitesSection div.label {float: left; display: block;  width: 15%;  height: 60px; background: #f2f1ed; text-align: left; line-height: 60px; margin-left: 5px; padding-left: 15px; font-size: 14px; color: #403e3f; text-transform: uppercase; min-width: 85px;   font-weight: 400; }
body#worldinvitation div.sendInvitesSection div.emailLabel,
body#worldinvitation div.sendInvitesSection div.sitemailLabel,
body#worldinvitation div.sendInvitesSection div.sendLinkLabel,
body#worldinvitation div.sendInvitesSection div.buddyLabel  {position: absolute; height: 100%;}
body#worldinvitation div.sendInvitesSection div.emailRows { margin-bottom: 10px;}
body#worldinvitation div.sendInvitesSection div.rows  { margin-left: 170px;}
body#worldinvitation div.sendInvitesSection input[type=checkbox] {vertical-align: sub;}
body#worldinvitation .buttonbar .mainButton:disabled {background: #c8c7c0; border: solid 1px #b2b1aa; color: #605f5d; cursor: default;}
body#worldinvitation div.sendInvitesSection div.emailRow span.break {display: none;}
body#worldinvitation div.sendInvitesSection div.emailRow .emailPlus:hover,
body#worldinvitation div.sendInvitesSection div.sitemailRow .usernamePlus:hover {background-color: #41e577;}
body#worldinvitation div.sendInvitesSection div.buddyRows .noBuddies {margin: 0; line-height: 93px; margin-left: 20px;}
body#worldinvitation div.sendInvitesSection div.buddyRows .noBuddies a {color: #056a74; font-weight: 700;}
body#worldinvitation div.sendInvitesSection div.buddyRows .noBuddies br.break {display:none;}

@media only screen and (max-width: 850px) {
    body#worldinvitation div.sendInvitesSection div.rows {margin-left:145px;}
}

@media only screen and (max-width: 800px) {
    body#worldinvitation div.sendInvitesSection div.rows {margin-left:138px;}
}

@media only screen and (max-width: 750px) {
    body#worldinvitation input.username,
    body#worldinvitation input.emailname,
    body#worldinvitation input.emailaddress {width: 100%;}
    body#worldinvitation div.sendInvitesSection div.emailRow span.break {display: inline;}
    body#worldinvitation div.sendInvitesSection div.socialLabel {line-height: normal; padding-top: 14px; max-height: 46px;}
    body#worldinvitation div.sendInvitesSection div.rows {margin-left:130px;}
    body#worldinvitation div.sendInvitesSection div.sendLinkRow .copyLinkText {display:none;}
    body#worldinvitation div.sendInvitesSection div.sitemailRow .usernamePlus {margin-left: 15px; line-height: 20px;}
    body#worldinvitation div.sendInvitesSection div.emailRow .emailPlus {margin-left: 25px; line-height: 20px;}
}

@media only screen and (max-width: 700px) {
    body#worldinvitation div.sendInvitesSection div.saveBuddy {line-height:normal;}
    body#worldinvitation div.sendInvitesSection div.rows {margin-left:110px;}
    body#worldinvitation div.sendInvitesSection div.socialRow {margin-left:15px;}
}

@media only screen and (max-width: 650px) {
    body#worldinvitation div.sendInvitesSection div.saveBuddy {line-height:normal;}
    body#worldinvitation div.sendInvitesSection div.rows {margin-left:95px;}
}

@media only screen and (max-width: 600px) {
    body#worldinvitation div.sendInvitesSection div.emailRow div.email {width:96%;}
    body#worldinvitation div.sendInvitesSection div.emailRow div.buddyName {width: 145px; min-width:85px;}
    body#worldinvitation div.sendInvitesSection div.emailRow div.saveBuddy {min-width:50px; padding-left:10px;}
}

@media only screen and (max-width: 500px) {
    body#worldinvitation div.sendInvitesSection div.sitemailRow {width: 46%;}
    body#worldinvitation div.sendInvitesSection div.label { padding-left: 8px; }
    body#worldinvitation div.sendInvitesSection div.buddySection div.buddy {min-width:135px; width: calc(50% - 15px);}
    body#worldinvitation div.sendInvitesSection div.sendLinkRow .sendLinkTextBox {width:94%;}
    body#worldinvitation .commentsTextBox {margin-top: 5px; height:35px; width: calc(100% - 125px);}
    body#worldinvitation div.sendInvitesSection div.buddyRows .noBuddies {padding-top:36px; line-height:normal;}
    body#worldinvitation div.sendInvitesSection div.buddyRows .noBuddies br.break {display:block;}
    body#worldinvitation div.sendInvitesSection div.sitemailRow div.username .usernameBox {padding-bottom: 2px;}
}

@media only screen and (max-width: 450px) {
    body#worldinvitation div.sendInvitesSection div.emailRow div.buddyName {width: 85px;}
}

@media only screen and (max-width: 400px) {
    body#worldinvitation div.sendInvitesSection div.sitemailRow {width: 100%;}
    body#worldinvitation div.sendInvitesSection div.sitemailRow div.username {min-width: 115px;}
    body#worldinvitation div.sendInvitesSection div.emailRow div.email {width:93%;}
}
/* SITE MAP */
body#SiteMap div.div_sitemap {display: inline-block; width: calc(100% - 30px); padding-left: 30px;}
body#SiteMap div.div_sitemap ul.world_office,
body#SiteMap div.div_sitemap ul.mgr_office,
body#SiteMap div.div_sitemap ul.gm_office,
body#SiteMap div.div_sitemap ul.correspondence_office { float:left; width: 25%; padding: 0; list-style: none;}
body#SiteMap div.div_sitemap a.sectionHeader { 
    background: #E0DDD6;
    padding-left: 13px;
    margin-left: -13px;
    font-size: 14px;
    font-weight: 700;
    width: 80%;
    height: 25px;
    display: block;
    line-height: 25px;
}
body#SiteMap div.div_sitemap li.shiftDown {margin-top: 5px;}
body#SiteMap div.div_sitemap li.linkColor {font-size: 12px;}
body#SiteMap div.div_sitemap li.linkColor ul {list-style-type: disc; color: #046973;}
body#SiteMap div.div_sitemap li.linkColor a {color: #046973 !important; font-size: 11px; font-weight: 600;}
body#SiteMap div.div_sitemap li {line-height: 16px;}

@media only screen and (max-width: 700px) {
    body#SiteMap div.div_sitemap ul.world_office,
    body#SiteMap div.div_sitemap ul.mgr_office,
    body#SiteMap div.div_sitemap ul.gm_office,
    body#SiteMap div.div_sitemap ul.correspondence_office {width: 50%}
    body#SiteMap div.div_sitemap ul.gm_office {clear:both;}
    body#SiteMap div.div_sitemap li {line-height: 18px;}
}
@media only screen and (max-width: 400px) {
    body#SiteMap div.div_sitemap ul.world_office,
    body#SiteMap div.div_sitemap ul.mgr_office,
    body#SiteMap div.div_sitemap ul.gm_office,
    body#SiteMap div.div_sitemap ul.correspondence_office {width: 100%}
    body#SiteMap div.div_sitemap li {line-height: 20px;}
}


/* PURCHASE SUMMARY */
body#purchasesummary { background: url(../../Images/Playoffs/Background.jpg); background-size: cover;}
body#purchasesummary div#MainHeader {display: none;}
body#purchasesummary .maincontent {background:#fff; margin-top: 80px; padding-top: 10px;}
body#purchasesummary div.pageHeader {top: 60px;}
body#purchasesummary span#headerBreak {display: none;}
body#purchasesummary div.cbox_body {box-shadow: none;}
body#purchasesummary div#PurchaseSummarySection {text-align: center;}
body#purchasesummary div#PurchaseSummarySection div#thankyou {text-align: center; font-size: 32px;}
body#purchasesummary div#PurchaseSummarySection div#descsection {
    display: inline-block;
    padding: 20px 40px;
    background: #056973;
    color: #fff;
    font-size: 20px;
    margin: 10px 0;
    border-radius: 4px;
}
body#purchasesummary div#PurchaseSummarySection div#descsection .purchaseHeader {color: #56bec9; text-transform: uppercase; font-size: 11px;}
body#purchasesummary div#PurchaseSummarySection div#franchisesection {color: #999;}
body#purchasesummary div#SummaryInfoSection {text-align: left; background: #e2e2e2; margin: 10px; padding: 10px;}

@media only screen and (max-width: 400px) {
    body#purchasesummary span#headerBreak {display: inline;}
    body#purchasesummary div.pageHeader {line-height: 20px;}
}

/* TOUR and TOUR HELP */
body#Tour 				{ background:#2771ab;}
body#Tour div.touricon	{ position:absolute; top: 0; left: 0}
body#Tour div.flash		{ position:absolute; top: 66px; left: 0}
body#Tour div.help		{ position:absolute; top: 507px; left: 500px; font-family:Arial; font-size:10px;}
body#Tour div.dropdown	{ position:absolute; top: 20px; left: 300px}
body#Tour div.buttons	{ position:absolute; top: 0; left: 650px}
body#Tour div.bottombar	{ position:absolute; top: 504px; left: 0}			

body#Tour div.back				{ position:absolute; top: 65px; left:0; height:30px; width:771px; background-color:#ffcc01; font:statusbar; font-size:12px; padding-left:20px; padding-top:2px;}
body#Tour div.content		
{
	position:absolute; 
	top: 84px; 
	left:0; 
	height:422px; 
	width:771px; 
	background-color:#fff; 
	font:statusbar;
}

#Tour div.help a:visited,
#Tour div.help a:hover,
#Tour div.help a:active
{
    color: #e4e8d6;
}

#Tour a:visited,
#Tour a:hover,
#Tour a:active
{
    color: #000;
}

body#Tour div.helpcontent	{ position:absolute; top:35px; left:50px; width:200px; font-family:Arial; font-size:12px;}
body#Tour div.flash_logo	{ position:absolute; top:90px; left:400px;}


/* Rules */
body#rules_page div#Rules {background: #fff; padding-top: 40px; padding-bottom: 40px;}
body#rules_page div.section {
	background-repeat: no-repeat; 
	overflow: hidden; 
	height: 214px; 
	width: 780px;
	padding-bottom: 10px;
    margin: auto;
}
body#rules_page .page {background: url(../../Images/LandingPage/Screenshots.jpg); width: 434px; height: 209px; overflow: hidden;}
body#rules_page div#YourFranchise .page {background-position: 0 0;}
body#rules_page div#RosterManagement .page {background-position: 0 -210px;}
body#rules_page div#SeasonPlay .page {background-position: 0 -420px;}
body#rules_page div#Playoffs .page {background-position: 0 -630px;}
body#rules_page div#Retainment .page {background-position: 0 -840px;}
body#rules_page div#Prizes .page {background-position: 0 -1050px;}
body#rules_page div.info {margin-right: 15px; width: 40%; overflow: hidden; float: left;}
body#rules_page div.title {color: #FFA200; font-size: larger; font-weight: 700;}
body#rules_page div#Prizes ol {padding-left:25px !important;}
body#rules_page p.prize_disclaimer {font-size:10px;}
body#rules_page p.details a {text-decoration: none; color: #056973; font-weight: 700;}

@media only screen and (max-width: 980px) {
    body#rules_page div.section {width: auto; margin: 0 10px;}
}
@media only screen and (max-width: 800px) {
    body#rules_page div.section {height: auto;}
    body#rules_page div.info {width: 100%;}
    body#rules_page .page {width: 434px; margin: auto;}
}
@media only screen and (max-width: 450px) {
    body#rules_page .page {display: none;}
}

/*World Snapshot Page*/
body#worldsnapshot  table#BallparkTable th			{text-align: center;}
body#worldsnapshot  table#BallparkTable td			{text-align: center;}
body#worldsnapshot  table#BallparkTable				{margin-bottom: 10px;}

body#worldsnapshot  table#BattingTable th			{text-align: center;}
body#worldsnapshot  table#BattingTable td.label		{padding-left:8px; text-align:left;}
body#worldsnapshot	table#BattingTable td			{padding-right:8px; text-align:right;}
body#worldsnapshot  table#BattingTable				{margin-bottom: 10px;}

body#worldsnapshot  table#PitchingTable th			{text-align: center;}
body#worldsnapshot  table#PitchingTable td.label	{padding-left:8px; text-align:left;}
body#worldsnapshot	table#PitchingTable td			{padding-right:8px; text-align:right;}
body#worldsnapshot  table#PitchingTable				{margin-bottom: 10px;}

body#worldsnapshot  table#FieldingTable th			{text-align: center;}
body#worldsnapshot  table#FieldingTable td.label	{padding-left:8px; text-align:left;}
body#worldsnapshot	table#FieldingTable td			{padding-right:8px; text-align:right;}

/* Player's Guide */
body#PlayersGuide .maincontent {padding-bottom: 0;}
body#PlayersGuide .cbox_body {box-shadow: none; min-height: 410px;}
body#PlayersGuide div.tabSection {
    width: 233px;
    background: #046973;
    color: #55aebc;
    margin: 5px;
    margin-top: 0;
    margin-right: 10px;
    border-radius: 4px 4px 0 0;
    padding-bottom: 5px;
    position: absolute;
    height: 100%;
    bottom: 0;
    top: 0;
}
body#PlayersGuide div.tab {padding: 10px; border-left: solid 4px #046973; cursor: pointer; font-size: 12px;}
body#PlayersGuide div.tab.introTab {border-radius: 4px 4px 0 0;}
body#PlayersGuide div.tab.selectedTab {background: #055860; color: #fff; border-left: solid 4px #199ba9;}
body#PlayersGuide div.tab:hover {background: #154A4E; color: #fff; border-left: solid 4px #199ba9;}
body#PlayersGuide div.tab .arrow {background: url(../../Images/Icons/Arrows/Arrows.png); width: 9px; height: 9px; float: right; background-position: 0 -9px; background-color: #046973;}
body#PlayersGuide div.tab.selectedTab .arrow {background-color: #055860;}
body#PlayersGuide div.tab:hover .arrow {background-color: #154A4E;}
body#PlayersGuide div.contentSection {margin-top: 5px; margin-left: 248px; padding-bottom: 40px;}
body#PlayersGuide h2.contentHeader {height: 140px; line-height: 140px; text-align: center; font-size: 30px; color: #fff; text-shadow: 1px 1px #000; background: url(../../Images/Icons/PlayersGuide/SectionHeader.jpg);}
body#PlayersGuide div.contentText,
body#PlayersGuide div.subContent,
body#PlayersGuide div.ratingCat,
body#PlayersGuide div.scheduleText {margin: 20px; font-size: 13px;}
body#PlayersGuide div.contentText a {text-decoration: underline;}
body#PlayersGuide div.nextLink {float: right; color: #046973; margin-right: 15px; cursor: pointer;}
body#PlayersGuide div.nextLink:hover {text-decoration: underline;}
body#PlayersGuide div.nextLink .nextArrow {float: right; background: url(../../Images/Icons/Arrows/Arrows.png); width: 9px; height: 9px; background-color:#046973; background-position: -1px -27px; margin: 3px; margin-left: 10px;}
body#PlayersGuide div.prevLink {float: left; color: #999; margin-left: 15px; cursor: pointer;}
body#PlayersGuide div.prevLink:hover {text-decoration: underline;}
body#PlayersGuide div.prevLink .prevArrow {float: left; background: url(../../Images/Icons/Arrows/Arrows.png); width: 9px; height: 9px; background-color:#999; background-position: -1px -63px; margin: 3px; margin-right: 10px;}
body#PlayersGuide div.leftText {float: left; width: calc(100% - 220px);}
body#PlayersGuide div.rightImage {float: right; width: 177px; margin: 0 20px; height: 94px; background: url(../../Images/Icons/PlayersGuide/ChoosingYourFranchise.png); background-position: 0 -14px;}
body#PlayersGuide div.rightImage.second {background-position: 0 -124px; height: 120px;}
body#PlayersGuide div.amCycle,
body#PlayersGuide div.pmCycle,
body#PlayersGuide div.pm2Cycle {width: 31%; margin: 1%; float: left; text-align: center; border-bottom: solid 2px #bfbeba; padding-bottom: 20px;}
body#PlayersGuide div.cycleHeader {
    height: 40px;
    line-height: 40px;
    background: #403e3f;
    font-size: 12px;
    color: #e7e7e7;
    padding-left: 10px;
    font-weight: 700;
    position: relative;
    margin-bottom: 5px;
}
body#PlayersGuide div.cycleImage {background: url(../../Images/Icons/PlayersGuide/GettngStarted.png); width: 48%; height: 113px; float: left; margin-left: 1%; background-repeat: no-repeat;}
body#PlayersGuide div.cycleImage.am1 {background-position: 50% 0;}
body#PlayersGuide div.cycleImage.am2 {background-position: 50% -113px;}
body#PlayersGuide div.cycleImage.pm1 {background-position: 50% -226px;}
body#PlayersGuide div.cycleImage.pm2 {background-position: 50% -339px;}
body#PlayersGuide div.cycleImage.pm21 {background-position: 50% -452px;}
body#PlayersGuide div.cycleImage.pm22  {background-position: 50% -565px;}
body#PlayersGuide div.payrollSection {background: #cddee5;}
body#PlayersGuide div.scoutingSection {background: #e9d7d7;}
body#PlayersGuide div.personnelSection {background: #d3d2e4;}
body#PlayersGuide div.payrollSection,
body#PlayersGuide div.scoutingSection,
body#PlayersGuide div.personnelSection {
    margin-left: 50px;
    padding: 5px 10px 20px 40px;
    margin-right: 10px;
    position: relative;
}
body#PlayersGuide div.budgetSectionIcon {background: url(../../Images/Icons/PlayersGuide/SettingYourBudget.png); width: 74px; height: 77px; position: absolute; left: -40px; top: 0; bottom: 0; margin: auto;}
body#PlayersGuide div.budgetSectionIcon.payrollIcon {background-position: 0 0;}
body#PlayersGuide div.budgetSectionIcon.scoutingIcon {background-position: 0 -78px; height: 73px;}
body#PlayersGuide div.budgetSectionIcon.personnelIcon {background-position: 0 -155px; height: 71px;}
body#PlayersGuide div.subHeader {font-size: 16px; padding-bottom: 5px; padding-top: 10px;}
body#PlayersGuide div.scheduleSection {margin: 20px; display: inline-block; padding-bottom: 20px; border-bottom: solid 2px #999; margin-bottom: 10px;}
body#PlayersGuide div.scheduleText {margin-left: 137px;}
body#PlayersGuide div.scheduleIcon.offseason {background-position: 0 0;}
body#PlayersGuide div.scheduleIcon.springTraining {background-position: 0 -116px;}
body#PlayersGuide div.scheduleIcon.regSeason {background-position: 0 -232px;}
body#PlayersGuide div.scheduleIcon.playoffs {background-position: 0 -348px;}
body#PlayersGuide div.scheduleIcon {width: 117px; height: 116px; float: left; background: url(../../Images/Icons/PlayersGuide/Schedule.png); margin-right: 20px;}
body#PlayersGuide div.endSeason .cbox_body,
body#PlayersGuide div.nextSeason .cbox_body {min-height: initial;}
body#PlayersGuide div.endSeason,
body#PlayersGuide div.nextSeason {margin: 20px; margin-top: 0;} 
body#PlayersGuide div.ratingHeader {height: 28px; line-height: 28px; font-size: 14px; margin: 20px; margin-bottom: -10px;}
body#PlayersGuide div.ratingIcon {background: url(../../Images/Icons/PlayersGuide/Players.png); width: 42px; height: 28px; float: left; margin-right: 10px;}
body#PlayersGuide div.ratingIcon.projected {background-position: 0 -28px;}
body#PlayersGuide div.ratingIcon.dvlpment {background-position: 0 -56px;}
body#PlayersGuide div.ratingIcon.injuries {background-position: 0 -84px;}
body#PlayersGuide div.togglePlayerRatings,
body#PlayersGuide div.toggleCoachRatings,
body#PlayersGuide div.toggleRosterDefs {
    margin: auto;
    width: 200px;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 4px;
    border: solid 1px #999;
    color: #046973;
    cursor: pointer;
}
body#PlayersGuide div.togglePlayerRatings:hover,
body#PlayersGuide div.toggleCoachRatings:hover,
body#PlayersGuide div.toggleRosterDefs:hover {text-decoration: underline;}
body#PlayersGuide div.toggleCoachRatings {margin-bottom: 20px;}
body#PlayersGuide div.PlayerRatings,
body#PlayersGuide div.coachRatings,
body#PlayersGuide div.rosterDefs {margin: 20px; background: #e9e9e9; border: solid 1px #999; border-bottom: none;}
body#PlayersGuide div.coachRatings {margin-top: 0;}
body#PlayersGuide div.PlayerRatings .ratingCat,
body#PlayersGuide div.coachRatings .ratingCat,
body#PlayersGuide div.rosterDefs .ratingCat {border-bottom: solid 1px #999; padding: 10px;}
body#PlayersGuide div.PlayerRatings .ratingCat .label,
body#PlayersGuide div.coachRatings .ratingCat .label,
body#PlayersGuide div.rosterDefs .ratingCat .label {float: left; width: 200px;}
body#PlayersGuide div.PlayerRatings .ratingCat .item,
body#PlayersGuide div.coachRatings .ratingCat .item,
body#PlayersGuide div.rosterDefs .ratingCat .item {margin-left: 200px;}
body#PlayersGuide div.PlayerRatings .ratingCat .label img,
body#PlayersGuide div.coachRatings .ratingCat .label img {float: left; margin: -2px; margin-right: 15px;}
body#PlayersGuide div.genMngmentHeader {height: 28px; line-height: 28px; font-size: 14px; margin: 20px; margin-bottom: -10px;}
body#PlayersGuide div.genMngmntIcon {background: url(../../Images/Icons/PlayersGuide/GeneralManagementOptions.png); width: 29px; height: 28px; float: left; margin-right: 10px;}
body#PlayersGuide div.genMngmntIcon.trades {background-position: 0 -28px;}
body#PlayersGuide div.genMngmntIcon.agency {background-position: 0 -56px;}
body#PlayersGuide div.genMngmntIcon.waiver {background-position: 0 -84px;}
body#PlayersGuide div.genMngmntIcon.amateur {background-position: 0 -112px;}
body#PlayersGuide div.genMngmntIcon.rule5 {background-position: 0 -140px;}
body#PlayersGuide div.genMngmntIcon.international {background-position: 0 -168px;}
body#PlayersGuide div.managementHeader {height: 28px; line-height: 28px; font-size: 14px; margin: 20px; margin-bottom: -10px;}
body#PlayersGuide div.managementIcon {background: url(../../Images/Icons/PlayersGuide/ManagementOptions.png); width: 40px; height: 29px; float: left; margin-right: 10px;}
body#PlayersGuide div.managementIcon.lineup {background-position: 0 -35px; height: 30px;}
body#PlayersGuide div.managementIcon.pitching {background-position: 0 -66px;}
body#PlayersGuide div.managementIcon.mngSettings {background-position: 0 -100px; height: 33px;}
body#PlayersGuide div.managementIcon.hierarchies {background-position: 0 -132px; height: 31px;}
body#PlayersGuide div.managementIcon.playerSettings {background-position: 0 -165px; height: 33px;}
body#PlayersGuide div.prizeDetails {border-bottom: solid 1px #999; padding-bottom: 20px;}
body#PlayersGuide div.prizeSection {border-bottom: solid 1px #999; padding-top: 20px; padding-bottom: 20px; margin: 20px; margin-bottom: 0}
body#PlayersGuide div.prizeCat {width: 270px; float: left; font-weight: 700;}
body#PlayersGuide div.prizeCat.wsWinner {font-size: 16px;}
body#PlayersGuide div.prizeCat.wsLoser {font-size: 16px; font-weight: 400;}
body#PlayersGuide div.wsLogo {background: url(../../Images/Icons/PlayersGuide/Prizes&Incentives.png); width: 172px; height: 62px; margin: -20px; margin-left: 0; margin-right: 10px; float: left;}
body#PlayersGuide div.reward {text-align: right;}
body#PlayersGuide div.reward.wsWinnerReward {font-size: 28px;}
body#PlayersGuide div.reward.wsLoserReward {font-size: 24px;}
body#PlayersGuide div.reward.loserReward {font-size: 20px;}
body#PlayersGuide div.prizeTips {margin: 20px; margin-top: 10px; font-size: 9px;}
body#PlayersGuide div.prizeTips.credits {margin-top: -15px;}
body#PlayersGuide a.playGameLink {text-decoration: underline;}
body#PlayersGuide div.introduction a.PlayersGuideLink {color: #046973; font-weight: 700;}

@media only screen and (max-width: 850px) {
    body#PlayersGuide div.tabSection {width: 200px;}
    body#PlayersGuide div.contentSection {margin-left: 215px;}
    body#PlayersGuide div.contentHeader {background-size: 610px; height: 118px; line-height: 118px;}
}
@media only screen and (max-width: 750px) {
    body#PlayersGuide div.tabSection {width: 100%; height: auto; position: static; margin: auto;}
    body#PlayersGuide div.tab .arrow {display: none;}
    body#PlayersGuide div.tab {float: left; width: 25%; border: none; padding: 5px 0; text-align: center;}
    body#PlayersGuide div.tab:hover {border: none;}
    body#PlayersGuide div.tab.budgetTab {border-radius: 0 4px 0 0;}
    body#PlayersGuide div.tab.selectedTab {border: none;}
    body#PlayersGuide div.contentSection {margin-left: 0}
    body#PlayersGuide div.contentHeader {background-size: cover; height: 118px; line-height: 118px;}
}
@media only screen and (max-width: 600px) {
    body#PlayersGuide div.tab {width: 33%; padding: 6px 0;}
    body#PlayersGuide div.tab.franchiseTab,
    body#PlayersGuide div.tab.scheduleTab,
    body#PlayersGuide div.tab.generalTab {width: 34%;}
    body#PlayersGuide div.tab.startedTab {border-radius: 0 4px 0 0;}
    body#PlayersGuide div.tab.budgetTab {border-radius: 0;}
    body#PlayersGuide div.contentHeader {background-size: 600px; height: 100px; line-height: 100px;}
    body#PlayersGuide div.PlayerRatings .ratingCat .label,
    body#PlayersGuide div.coachRatings .ratingCat .label,
    body#PlayersGuide div.rosterDefs .ratingCat .label {width: 150px;}
    body#PlayersGuide div.PlayerRatings .ratingCat .item,
    body#PlayersGuide div.coachRatings .ratingCat .item,
    body#PlayersGuide div.rosterDefs .ratingCat .item {margin-left: 150px;}
    body#PlayersGuide div.reward.wsWinnerReward {font-size: 22px;}
    body#PlayersGuide div.reward.wsLoserReward {font-size: 18px;}
    body#PlayersGuide div.reward.loserReward {font-size: 14px;}
}
@media only screen and (max-width: 550px) {
    body#PlayersGuide div.amCycle,
    body#PlayersGuide div.pmCycle,
    body#PlayersGuide div.pm2Cycle {width: 100%; margin: auto;}
}
@media only screen and (max-width: 500px) {
    body#PlayersGuide div.rightImage {float: none; margin: auto; margin-top: 5px; margin-bottom: 5px;}
    body#PlayersGuide div.leftText {float: none; width: 100%;}
    body#PlayersGuide div.scheduleIcon {float: none; margin: auto;}
    body#PlayersGuide div.scheduleText {margin: auto;}
    body#PlayersGuide div.prizeCat {clear: both; width: 100%;}
    body#PlayersGuide div.reward {float: left; width: 100%; text-align: left;}
    body#PlayersGuide div.reward.wsLoserReward,
    body#PlayersGuide div.reward.wsWinnerReward {margin-top: 20px;}
}
@media only screen and (max-width: 450px) {
    body#PlayersGuide div.tab {width: 50%;}
    body#PlayersGuide div.tab.conclusionTab {width: 100%;}
    body#PlayersGuide div.tab.franchiseTab,
    body#PlayersGuide div.tab.scheduleTab,
    body#PlayersGuide div.tab.generalTab {width: 50%;}
    body#PlayersGuide div.tab.franchiseTab {border-radius: 0 4px 0 0;}
    body#PlayersGuide div.tab.startedTab {border-radius: 0;}
    body#PlayersGuide div.contentHeader {background-size: 450px; height: 88px; line-height: 88px;}
    body#PlayersGuide div.PlayerRatings .ratingCat .label,
    body#PlayersGuide div.coachRatings .ratingCat .label,
    body#PlayersGuide div.rosterDefs .ratingCat .label {width: 100px;}
    body#PlayersGuide div.PlayerRatings .ratingCat .item,
    body#PlayersGuide div.coachRatings .ratingCat .item,
    body#PlayersGuide div.rosterDefs .ratingCat .item {margin-left: 105px;}
}

/*************************
    CHANGE WORLD NAME
*************************/
body#ChangeWorldName div.infoSection {background: #97948f; color: #fff; display: inline-block; margin-top: 5px; margin-bottom: 5px; border-radius: 4px; width: 98%; margin-left: 1%; border: solid 1px #7e7b76; padding-top: 10px; padding-bottom: 10px; line-height: 15px; text-align: center;}
body#ChangeWorldName div.changeWorldNameSection {background: #fff; border-top: solid 1px #deddd5; padding: 4px 4px 4px 8px; text-align: center;}
body#ChangeWorldName div.changeWorldNameSection div.currentName {margin: 5px 0; font-size: 16px; font-weight: 600;}
body#ChangeWorldName div.changeWorldNameSection div.enterNew {margin: 5px 0; font-size: 12px;}
body#ChangeWorldName div.changeWorldNameSection input {margin: 2px 0 -3px 0;}



/*************************
		TABS
*************************/
ul.wis_bubbleTabs
{
	height:25px;
	width:100%;
	display:block;
	margin: 15px 0 0 15px;
	padding: 0 !important;
}

ul.wis_bubbleTabs li {
	float:left;
	display:block;
	text-align:center;
	height:26px;
	width: 115px;
	margin: 0 4px;
	font-weight:700;
	background-color: #C9CCB4;
	border:solid 1px grey;
}

ul.wis_bubbleTabs li.wis_tab
{
	padding:0 12px;
}

ul.wis_bubbleTabs li.wis_tab a
{
	color:#000;
	font-weight:700;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	display:block;
	margin-top:7px;
}
	
ul.wis_bubbleTabs li.wis_tab a:hover
{
	color:#316844;
}
	
ul.wis_bubbleTabs li.wis_tab.wis_selected
{
	background-color: #49453E;
}
	
ul.wis_bubbleTabs li.wis_tab.wis_selected a
{
	color:#fff;
}

body#worldselect div.tabDetailsInfo
{
	padding:5px 25px;
}
body#worldselect div#divWelcomeContentBox
{
	padding:0 10px;
	font-size: 1.1em;
}