@charset "utf-8";
/* EFF Main Stylesheet */

/* Fonts */

@font-face {
    font-family: 'museo_slab500';
    src: url('webfonts/museo_slab-webfont.eot');
    src: url('webfonts/museo_slab-webfont.eot?#iefix') format('embedded-opentype'),
url('webfonts/museo_slab-webfont.woff2') format('woff2'),
url('webfonts/museo_slab-webfont.woff') format('woff'),
url('webfonts/museo_slab-webfont.ttf') format('truetype'),
url('webfonts/museo_slab-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab500';
    src: url('webfonts/museo_slab_500-webfont.eot');
    src: url('webfonts/museo_slab_500-webfont.eot?#iefix') format('embedded-opentype'),
url('webfonts/museo_slab_500-webfont.woff2') format('woff2'),
url('webfonts/museo_slab_500-webfont.woff') format('woff'),
url('webfonts/museo_slab_500-webfont.ttf') format('truetype'),
url('webfonts/museo_slab_500-webfont.svg#museo_slab500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_slab500_italic';
    src: url('webfonts/museo_slab_500italic-webfont.eot');
    src: url('webfonts/museo_slab_500italic-webfont.eot?#iefix') format('embedded-opentype'),
url('webfonts/museo_slab_500italic-webfont.woff2') format('woff2'),
url('webfonts/museo_slab_500italic-webfont.woff') format('woff'),
url('webfonts/museo_slab_500italic-webfont.ttf') format('truetype'),
url('webfonts/museo_slab_500italic-webfont.svg#museo_slab500_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

}


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

}

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

}

@font-face {
    font-family: 'museo_cyrl500';
    src: url('webfonts/museocyrl-webfont.eot');
    src: url('webfonts/museocyrl-webfont.eot?#iefix') format('embedded-opentype'),
url('webfonts/museocyrl-webfont.woff2') format('woff2'),
url('webfonts/museocyrl-webfont.woff') format('woff'),
url('webfonts/museocyrl-webfont.ttf') format('truetype'),
url('webfonts/museocyrl-webfont.svg#museo_cyrl500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_cyrl500';
    src: url('webfonts/museocyrl_500-webfont.eot');
    src: url('webfonts/museocyrl_500-webfont.eot?#iefix') format('embedded-opentype'),
url('webfonts/museocyrl_500-webfont.woff2') format('woff2'),
url('webfonts/museocyrl_500-webfont.woff') format('woff'),
url('webfonts/museocyrl_500-webfont.ttf') format('truetype'),
url('webfonts/museocyrl_500-webfont.svg#museo_cyrl500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500';
    src: url('webfonts/museosans-webfont.eot');
    src: url('webfonts/museosans-webfont.eot?#iefix') format('embedded-opentype'),
url('webfonts/museosans-webfont.woff2') format('woff2'),
url('webfonts/museosans-webfont.woff') format('woff'),
url('webfonts/museosans-webfont.ttf') format('truetype'),
url('webfonts/museosans-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500';
    src: url('webfonts/museosans_500-webfont.eot');
    src: url('webfonts/museosans_500-webfont.eot?#iefix') format('embedded-opentype'),
url('webfonts/museosans_500-webfont.woff2') format('woff2'),
url('webfonts/museosans_500-webfont.woff') format('woff'),
url('webfonts/museosans_500-webfont.ttf') format('truetype'),
url('webfonts/museosans_500-webfont.svg#museo_sans500') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'museo_sans500_italic';
    src: url('webfonts/museosans_500_italic-webfont.eot');
    src: url('webfonts/museosans_500_italic-webfont.eot?#iefix') format('embedded-opentype'),
url('webfonts/museosans_500_italic-webfont.woff2') format('woff2'),
url('webfonts/museosans_500_italic-webfont.woff') format('woff'),
url('webfonts/museosans_500_italic-webfont.ttf') format('truetype'),
url('webfonts/museosans_500_italic-webfont.svg#museo_sans500_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}


/* General */

body {
	background-color: #0A0909;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

.gameContainer {
	float: none;
    height: auto;
    margin-left: auto;
	margin-right: auto;
    margin-top: 0px;
    clear: none;
    width: 1080px;
    min-width: 1080px;
}

.gameBack {
	background-image: url(../images/back-img.jpg);
    float: left;
    height: 671px;
    clear: none;
    width: 1080px;
}

.gameBack02 {
    float: left;
    height: auto;
    clear: none;
    width: 1080px;
	background: #231f20; /* Old browsers */
	background: -moz-linear-gradient(top, #231f20 0%, #1c3d3c 33%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#231f20), color-stop(33%,#1c3d3c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #231f20 0%,#1c3d3c 33%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #231f20 0%,#1c3d3c 33%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #231f20 0%,#1c3d3c 33%); /* IE10+ */
	background: linear-gradient(to bottom, #231f20 0%,#1c3d3c 33%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#231f20', endColorstr='#1c3d3c',GradientType=0 ); /* IE6-9 */
}

/* Home */

#homeTop {
    float: left;
    height: 623px;
    clear: none;
    width: 1080px;
}

#homeImageTextArea{
	width: 422px;
	height: 515px;
	margin-left: 128px;
	margin-top: 108px;
	float: left;
}

#homeImageText{
	width: 422px;
	height: 344px;
	background-image:url(../images/tag01.png);
	float: left;
}

#homeText01{
	width: 416px;
	height: 166px;
	margin-left: 6px;
	margin-top: 5px;
	float: left;
	font-size: 16px;
	font-family: 'museo_sans500', Arial, sans-serif;
	letter-spacing: 0.3px;
	line-height: 30px;
	color: #FFFFFF;
}

#homeText01Color{
	color: #FCB918;
}

#homeButtonArea{
	width: 254px;
	height: 255px;
	margin-left: 138px;
	margin-right: 138px;
	margin-top: 368px;
	float: left;
}

#homeText02{
	width: 254px;
	height: 32px;
	float: left;
	font-size: 22px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 1.5px;
	line-height: 30px;
	color: #D34429;
}

#homeButtonCreate{
	width: 252px;
	height: 42px;
	margin-top: 8px;
	float: left;
	border-radius: 6px;
	border: 1px solid #FCB918;
	text-align: center;
}

#homeButtonCreateText{
	font-size: 22px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 0.5px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	cursor: hand;
}

#homeLower {
    float: left;
    height: 48px;;
    clear: none;
    width: 1080px;
	background-color: #122D47;
}

#homeLowerText01{
	width: 422px;
	height: 48px;
	margin-left: 128px;
	float: left;
}

#homeLowerText01S{
	font-size: 16px;
	font-family: 'museo_sans500', Arial, sans-serif;
	letter-spacing: 4px;
	line-height: 30px;
	margin-left: 6px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	cursor: hand;
}

#homeLowerText02{
	width: 392px;
	height: 48px;
	margin-left: 138px;
	float: left;
}

#homeLowerText02S{
	font-size: 18px;
	font-family: 'museo_sans500', Arial, sans-serif;
	letter-spacing: 0px;
	line-height: 30px;
	margin-left: 2px;
	color: #D34429;
	text-decoration: none;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	cursor: pointer;
	cursor: hand;
}

#homeLowerText02SC{
	color: #FCB918;
}

.gameBackFrame {
	float: left;
	clear: none;
	height: auto;
	width: 1070px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	min-height: 400px;
	border-radius: 12px;
	background-color: #282828;
	overflow:hidden;
}

#sectionFrame {
	margin: 0;
	padding: 0;
	border: none;
	height: auto;
	width: 100%;
	text-align: center;
	/*frameborder: 0;*/
	scrolling: no;
	overflow:hidden;
}

.sectionContent {
	float: left;
	clear: none;
	height: auto;
	width: 1020px;
}

#footerArea {
	float: left;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	clear: none;
	width: 1080px;
	min-width: 1080px;
	display: block;
}

#sharedFooter{
	height: auto;
	width: auto;
	font-size: 10px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 2.5px;
	text-align: center;
	text-decoration: none;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #BCBEC0;
}

.mainTopRight {
	float: right;
	clear: none;
	height: 25px;
	width: 100%;
	text-align: right;
}

#mainTopText {
	color: #FFFFFF;
	opacity: 0.5;
	font-size: 10px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 3px;
	margin-right: 35px;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

/* Help Nav */

a.mainTopHelp {
	width: 20px;
	height: 20px;
	margin-top: 4px;
	margin-right: 4px;
	display: block;
	background-image: url(../images/shared/icon-help.png);
	float: right;
	clear: none;
}

a.mainTopHelp:hover {
	background-position: -20px 0px;
}

/* Main Nav */

.mainNavBox {
	background-color: #282828;
	float: left;
	clear: none;
	height: auto;
	width: auto;
}

.mainNavLogo {
	width: 230px;
	height: 40px;
	margin-right: 36px;
	display: block;
	background-image: url(../images/main-nav/eff.png);
	float: left;
	clear: none;
}

a.mainNavRollover {
	color: #BCBEC0;
	width: 120px;
	height: 40px;
	display: block;
	text-decoration: none;
	float: left;
	clear: none;
	background-image: url(../images/main-nav/sections-back.png);
}

a.mainNavSelected {
	color: #F6AD1B;
	width: 120px;
	height: 40px;
	display: block;
	text-decoration: none;
	float: left;
	clear: none;
	background-image: url(../images/main-nav/sections-back-s.png);
}

#Commissioner {
	width: 57px;
	background-image: url(../images/main-nav/commissioner.png);
}

#CommissionerSelected {
	width: 57px;
	background-position: -114px 0px;
	background-image: url(../images/main-nav/commissioner.png);
}

.mainNavText {	
	font-size: 12px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 2px;
	text-align: center;
	text-transform: uppercase;
	float: none;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.move {
	position: absolute;
	left: -5000px;	
}

#scoring {
    background-image: url(../images/main-nav/sections-back-r.png);
}

#scoring02 {
    background-image: url(../images/main-nav/sections-back-sr.png);
}

#howtoplay {
    letter-spacing: 1px;
}

#videos {
    
}

#MyTeam {
    
}

#MatchUps {
    
}

#Scouting {
    
}

#Draft {
    
}

#Commissioner {
    
}

.mainNavRightBox {
	width: 200px;
	height: 40px;
	margin-left: 14px;
	display: block;
	float: left;
	clear: none;
	text-align: right;
}

.mainNavRightLine {
	width: 6px;
	height: 40px;
	margin-left: 7px;
	margin-right: 7px;
	display: block;
	text-decoration: none;
	text-align: center;
	float: left;
	clear: none;
	background-color: #282828;
	color: #BCBEC0;
}

a.mainNavRight {
	width: 90px;
	height: 40px;
	display: block;
	text-decoration: none;
	float: left;
	background-color: #282828;
	color: #BCBEC0;
	clear: none;
}

a.mainNavRight:hover {
	color: #FFFFFF;
	text-decoration: none;
}

.mainNavRightText {	
	font-size: 10px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 2.5px;
	text-align: left;
	float: none;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.mainNavRightTextR {	
	font-size: 10px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 2.5px;
	text-align: right;
	float: none;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

/* Content Areas */

.mainContent {
	float: left;
	clear: none;
	height: auto;
	width: 1020px;
	margin-top: 0px;
	margin-bottom: 25px;
	margin-left: 25px;
	margin-right: 25px;
}

.contentBoxFull {
	float: left;
	clear: none;
	height: auto;
	width: 100%;
	min-height: 400px;
	border-radius: 12px;
	background-color: #4C4C4D;
	overflow:hidden;
}

.contentBoxFullCorner {
	float: left;
	clear: none;
	height: auto;
	width: 100%;
	min-height: 400px;
	border-radius: 12px 12px 0px;
	background-color: #4C4C4D;
	overflow: hidden;
}

.contentBoxFullHeader {
	float: left;
	clear: none;
	height: 20px;
	width: 100%;
	background-color: #616264;
}

.contentHeaderText {
	color: #FFFFFF;
	font-size: 12px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 4px;
	margin-left: 26px;
	float: left;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.contentBoxFullLine {
	float: left;
	clear: none;
	height: 2px;
	width: 100%;
	background-color: #3F3F3F;
}

#contentIFrame {
	/*border: none;*/
	width: 100%;
	height: 0px;
	/*display: block;*/
}

/* Shared Data Elements */

.statsHeaderText {
	color: #F6AD1B;
	font-size: 11px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 2px;
	float: left;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.statsHeaderLineLG {
	width: 2px;
	height: 16px;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 2px;
	margin-bottom: 2px;
	display: block;
	background-image: url(../images/shared/bar-light-gray.png);
	float: left;
	clear: none;
}

.statsDataText {
	color: #FFFFFF;
	font-size: 11px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 2px;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.statsDataLineDark {
	width: 2px;
	height: 16px;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 2px;
	margin-bottom: 2px;
	display: block;
	background-image: url(../images/shared/bar-dark.png);
	float: left;
	clear: none;
}

.statsDataLineDarkSmall {
	width: 2px;
	height: 16px;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
	display: block;
	background-image: url(../images/shared/bar-dark-sm.png);
	float: left;
	clear: none;
}

/* Shared UI Elements */

.matchdayDropboxArea {
	float: left;
	clear: none;
	width: auto;
	margin-left: 2px;
	margin-right: 2px;
	display: block;
	overflow-y: visible;
	overflow-x: hidden;
}

.overflow { 
	height: 200px; 
}

a.matchdayArrowLeftButton {
	width: 24px;
	height: 20px;
	display: block;
	background-image: url(../images/shared/md-arrows-left.png);
	float: left;
	clear: none;
	margin-left: 0px;
	margin-right: 5px;
}

a.matchdayArrowRightButton {
	width: 24px;
	height: 20px;
	display: block;
	background-image: url(../images/shared/md-arrows-right.png);
	float: left;
	clear: none;
	margin-left: 5px;
	margin-right: 0px;
}

a.matchdayArrowLeftButton:hover {
	background-position: -24px 0px;
}

a.matchdayArrowRightButton:hover {
	background-position: -24px 0px;
}


.gameTabHolder {
	float: left;
	clear: none;
	height: 30px;
	width: 100%;
	overflow:hidden;
}

a.gameTab {
	height: 30px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	clear: none;
	position: relative;
	float: right;
}

#gameTabLeague {
	width: 228px;
	z-index: 3;
	background-image: url(../images/shared/game-tabs-league.png);
	margin-right: -8px;
}

#gameTabEffCup {
	width: 228px;
	z-index: 2;
	background-image: url(../images/shared/game-tabs-cup.png);
	margin-right: -8px;
}

#gameTabCup {
	width: 226px;
	z-index: 1;
	background-image: url(../images/shared/game-tabs-cup01.png);
}

.gameTabText {
	color: #FFFFFF;
	font-size: 11px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 2px;
	text-align: center;
	float: none;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.gameTabLine {
	width: 674px;
	height: 2px;
	float: right;
	clear: none;
	background-color:#3F3F3F;
}

.sectionTabHolder {
	float: left;
	clear: none;
	height: 20px;
	width: 100%;
	overflow:hidden;
}

.subSectionTabHolder {
	float: left;
	clear: none;
	height: 18px;
	width: 100%;
	overflow:hidden;
}

a.subTabs {
	width: 184px;
	height: 20px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	clear: none;
	position: relative;
	float: left;
	background-color: #898989;
	border-radius: 12px 12px 0px 0px;
	box-shadow: 1px 0px 2px #3F3F3F;
}

a.subSubTabs {
	width: 184px;
	height: 20px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	clear: none;
	position: relative;
	float: left;
	background-color: #898989;
	border-radius: 12px 12px 0px 0px;
	box-shadow: 1px 0px 2px #3F3F3F;
}

a.subSubTabs {
	width: 184px;
	height: 18px;
	display: block;
	overflow: hidden;
	text-decoration: none;
	clear: none;
	position: relative;
	float: left;
	margin-right: -4px;
	background-color: #898989;
	border-radius: 12px 12px 0px 0px;
	box-shadow: 1px 0px 2px #3F3F3F;
}

.sectionTabText {
	color: #FFFFFF;
	font-size: 11px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 3px;
	text-align: center;
	float: none;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.subSectionTabText {
	color: #FFFFFF;
	font-size: 10px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 2px;
	text-align: center;
	float: none;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

.divisionNavBox {
	float: right;
	clear: none;
	height: 20px;
	width: 120px;
	margin-right: 10px;
	overflow: hidden;
	display: block;
}

a.divisionNavButton {
	width: 16px;
	height: 20px;
	display: block;
	overflow: hidden;
	clear: none;
	position: relative;
	float: left;
}

.divisionNavTextBox {
	float: right;
	clear: none;
	height: 20px;
	width: 140px;
	margin-right: 8px;
	overflow: hidden;
	display: block;
}

.divisionNavText {
	color: #C3C3C3;
	font-size: 11px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 2px;
	text-align: right;
	float: none;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

#divisionButtonP{
	data-type: 'A';
	margin-right: 8px;
	background-image:url(../images/shared/division-button-P.png);
}
#divisionButtonC{
	data-type: 'B';
	margin-right: 8px;
	background-image:url(../images/shared/division-button-C.png);
}
#divisionButton01{
	data-type: 'C';
	margin-right: 8px;
	background-image:url(../images/shared/division-button-01.png);
}
#divisionButton02{
	data-type: 'D';
	margin-right: 8px;
	background-image:url(../images/shared/division-button-02.png);
}
#divisionButton03{
	data-type: 'E';
	margin-right: 8px;
	background-image:url(../images/shared/division-button-03.png);
}
#divisionButton02P{
	data-type: 'A';
	margin-right: 8px;
	background-image:url(../images/shared/division-button-P.png);
}
#divisionButton02C{
	data-type: 'B';
	margin-right: 8px;
	background-image:url(../images/shared/division-button-C.png);
}
#divisionButton0201{
	data-type: 'C';
	margin-right: 8px;
	background-image:url(../images/shared/division-button-01.png);
}
#divisionButton0202{
	data-type: 'D';
	margin-right: 8px;
	background-image:url(../images/shared/division-button-02.png);
}
#divisionButton0203{
	data-type: 'E';
	margin-right: 8px;
	background-image:url(../images/shared/division-button-03.png);
}

.dropTradeBox {
	float: right;
	clear: none;
	height: 20px;
	width: 238px;
	margin-right: 10px;
	overflow: hidden;
	display: block;
}

a.dropTradeButton {
	float: left;
	clear: none;
	height: 16px;
	width: 112px;
	margin-top: 2px;
	margin-bottom: 2px;
	border-radius: 6px;
	overflow: hidden;
	display: block;
	background-image:url(../images/shared/button-back-grey.png);
}

.dropTradeText {
	color: #FFFFFF;
	font-size: 10px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 2px;
	text-align: center;
	float: none;
	clear: none;
	display:block;
	position: relative;
  	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
}

#dropbutton {
	margin-right: 14px;
}

#tradebutton {
}

/* Popup Box */

.modalwindowBack {
	position: fixed;
	display: none;  /*Hides the modal window by default*/
	z-index: 9998;
	width: 100%;
	height: 100%;
	background-color: #282828;
	opacity: 0.6;
}

.modalwindow {
	position: fixed;
	display: none;  /*Hides the modal window by default*/
	z-index: 9999;
	width: 400px;
	height: auto;
	background-image: url(../images/shared/message-box-back.png);
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border-radius: 12px;
	border: 2px solid #C3C3C3;
}

.modalIconArea {
	float: left;
	clear: none;
	width: 400px;
	height: 32px;
	overflow: hidden;
	display: block;
	margin-top: 15px;
	margin-bottom: 10px;
}

.modalIcon {
	clear: none;
	width: 32px;
	height: 32px;
	overflow: hidden;
	display: block;
	background-image: url(../images/shared/message-icons.png);
	margin-right: auto;
	margin-left: auto;
}

#modalIconAlertCaution{
	background-position: 0px 0px;
}

#modalIconAlertInfo{
	background-position: -32px 0px;
}

#modalIconPlus{
	background-position: -64px 0px;
}

#modalIconCheck{
	background-position: -96px 0px;
}

#modalIconAlertError{
	background-position: -128px 0px;
}

#modalIconAlertQuestion{
	background-position: -160px 0px;
}

.modalTitleArea {
	float: left;
	clear: none;
	width: 400px;
	height: 20px;
	overflow: hidden;
	display: block;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
	position: relative;
}

.modalTitle {
	color: #FFFFFF;
	font-size: 20px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 2px;
	float: left;
	height: 26px;
	width: 400px;
	clear: none;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.modalMessageArea {
	float: left;
	clear: none;
	width: 400px;
	height: auto;
	overflow: hidden;
	display: block;
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: center;
	position: relative;
}

.modalMessage {
	color: #FFFFFF;
	font-size: 16px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 2px;
	float: left;
	width: 400px;
	clear: none;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.modalForm {
	float: left;
	clear: none;
	width: 400px;
	height: auto;
	overflow: hidden;
	display: block;
	margin-top: 0px;
	margin-bottom: 15px;
}

#formLogIn { /* no default styles */ }

.formEntryArea{
	float: left;
	clear: none;
	width: 400px;
	height: 36px;
	margin-bottom: 0px;
	overflow: hidden;
	display: block;
	position: relative;	
}

#formLogIn label {
	width: 100px;
	margin-right: 4px;
	color: #F6AD1B;
	font-size: 12px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 1px;
	display: block;
	float: left;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: right;
	}

.formTextField{
	width: 200px;
	color: #3B3B3C;
	font-size: 12px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 1px;
	display: block;
	float: left;	
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.formCheckboxArea{
	float: left;
	clear: none;
	width: 400px;
	height: 36px;
	margin-bottom: 0px;
	overflow: hidden;
	display: block;
	position: relative;	
}

#formErrorText{	
	width: 400px;
	color: #D04229;
	font-size: 12px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 1px;
	text-align: center;
	display: none;
	float: left;	
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Widget Styles */

input {
	border: 1px solid #4C4C4D;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #FFFFFF;
}

input:focus {
	border: 1px solid #C3C3C3;
}

.checkboxRegular {
	margin-left: 104px;
	display: block;
	float: left;
}

.checkboxRegularRightText {
	width: 200px;
	margin-top: 4px;
	margin-left: 4px;
	color: #C3C3C3;
	font-size: 11px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 1px;
	display: block;
	float: left;
}

.butttonArea { display: block; text-align: center; }

.butttonMain {
	height: 22px;
	margin-top: 10px;
	display: inline-block;
	outline: 0;
	border: 0;
	color: #C3C3C3;
	text-decoration: none;
	font-size: 11px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 2px;
	background-image: url(../images/shared/button-back.png);
	text-align: center;
	cursor:pointer;
	cursor: hand;
}

.butttonMain:hover {
	color: #FFFFFF;
}

a.butttonSideCancel {
	height: 12px;
	margin-top: 10px;
	margin-left: 10px;
	display: inline-block;
	outline: 0;
	border: 0;
	color: #C3C3C3;
	text-decoration: underline;
	font-size: 11px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 2px;
	text-align: center;
}

a.butttonSideCancel:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

#dashlink{
	margin-left: 0px;
}

h2 {
	margin-top: 50px;
	color: #F2B11F;
	letter-spacing: 1px;
	font-family: 'museo500', Arial, sans-serif;
	font-size: 2em;
	text-align: center;
}

.aboutP {
  color: #FFFFFF;
  font-family: 'museo500', Arial, sans-serif;
  font-size: 18px;
  letter-spacing: 1px;
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
  font-weight: 100;
  margin-bottom: 1em;
}

p.aboutP {
    padding: 1em;
}

em {
   font-weight: 500;
   color: #D93F43;
}

.videodiv {
  width: 1080px;
}

#movieIF {
	width: 640px;
	height: 360px;
}

#centerIF  {
	float: none;
	width: 640px;
	height: 360px;
	margin-left: 220px;
	margin-right: 220px;
}

.videoHolder {
  	width: 640px;
	margin-left: 220px;
	margin-right: 220px;
	margin-top: 20px;
	margin-bottom: 40px;
}

.gameBack02 li {
  color: #FFFFFF;
  font-family: 'museo500', Arial, sans-serif;
  font-size: 18px;
  line-height: 1.6;
  max-width: 700px;
  margin: 0 auto;
  font-weight: 100;
  margin-bottom: .2em;
  padding: 0;
}

.gameBack02 ul, .main li {
  list-style-type: disc;

}

.gameBack02 li li {
  margin-left: 30px;
  list-style-type: circle;
}

.thin-col {
  width: 800px;
  padding-top: 3em;
  font-family: 'museo500', Arial, sans-serif;
  color: white;
  margin: 0 auto;
  overflow: hidden;
}
.col-left {
  float: left;
  width: 225px;
  margin-right: 50px;
  font-family: 'museo500', Arial, sans-serif;
  color: #D93F43;
  font-size: 1.3em;

}
.col-right {
  float: left;
  width: 525px;

}

#promoSignUpForm {
	position: fixed;
	display: none;  /*Hides the modal window by default*/ 
	z-index: 9999;
	width: 486px;
	height: 524px;
	background-image: url(../images/shared/promo-box-back.png);
	-webkit-box-shadow: 0 8px 6px -6px black;
	-moz-box-shadow: 0 8px 6px -6px black;
	box-shadow: 0 8px 6px -6px black;
	border-radius: 12px;
	border: 2px solid #C3C3C3;
}

#promoSignUpTitleArea {
	float: left;
	clear: none;
	width: 446px;
	height: 20px;
	overflow: hidden;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	position: relative;
}

.promoTitle {
	color: #FFFFFF;
	font-size: 20px;
	font-family: 'museo700', Arial, sans-serif;
	letter-spacing: 2px;
	float: left;
	height: 26px;
	clear: none;
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#promoSignUpFormArea {
	float: left;
	clear: none;
	width: 446px;
	height: auto;
	overflow: hidden;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
	position: relative;
}

.promoSignUpFormHolder {
	float: left;
	clear: none;
	width: 446px;
	height: 22px;
	overflow: hidden;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
	position: relative;
}

.promoSignUpFormLabel {
	color: #F6AD1B;
	font-size: 12px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 0px;
	text-align: left;
	float: left;
	clear: none;
	width: 124px;
	overflow: hidden;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
	display: block;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.promoSignUpFormInput {
	float: left;
	clear: none;
	width: 322px;
	height: 20px;
	overflow: hidden;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	position: relative;
}

.inputTextArea{
	float: left;
	width: 316px;
	height: 18px;
	margin-top: 1px;
	margin-bottom: 1px;
	background: #FFFFFF;
	font-size: 12px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 1px;
	color: #282828;
	border-style: none;
	position: relative;
	padding-left: 4px;
}

.promoSignUpFormButtonHolder {
	float: left;
	clear: none;
	width: 446px;
	height: 32px;
	overflow: hidden;
	display: block;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 10px;
	text-align: center;
	position: relative;
}

#promoRequired {
	font-size: 10px;
	letter-spacing: 2px;
}

#promoSignUpError {
	color: #fca7aa;
	font-size: 12px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 1px;
	text-align: left;
	float: left;
	clear: none;
	width: 180px;
	overflow: hidden;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 15px;
	margin-bottom: 0px;	
	display: block;
	position: relative;
}

#promoSignUpSubmit {
	/*margin-left: 180px;*/
}

.promoDrop{
	font-size: 12px;
	font-family: 'museo500', Arial, sans-serif;
	letter-spacing: 1px;
	color: #282828;
	float: left;
	width: 320px;
	height: 20px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}