﻿/* Basic Element Overrides */
html {
	font-family: "Lucida Grande" , Arial, Helvetica, Sans-Serif;
	background-color: #000000;
	min-width: 1000px;
}

body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight: normal;
}

a img {
	border: none;
}

/* Main Chrome Classes */
.MainBodyWrapper {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}

.InnerBodyWrapper {
	float: left;
	background-color: #333333;
}

.InnerBodyWrapperContent {
	background-position: bottom right;
}

.MainContentArea {
	clear: both;
	position: relative;
	width: 1000px;
}

.ContentArea {
	clear: both;
	width: 940px;
	min-height: 800px;
	margin: 0px auto 30px auto;
}

.ContentArea .ContentAreaLeft {
	width: 710px;
	float: left;
}

.ContentArea .ContentAreaRight {
	width: 220px;
	float: left;
	margin: 0px 0px 0px 10px;
}

.ContentAreaWrapper {
}

.ContentAreaRoundedWrapper {
}

.BodyText {
	font-size: .75em;
}

.FooterContent {
	height: 230px;
	width: 610px;
	margin: 0px 0px 0px 30px;
}

.FooterContent .MainFooterSection {
	position: relative;
	top: 10px;
	float: left;
	margin: 0px 20px 0px 0px;
}

.FooterContent .MainFooterSection .FooterSectionHeader {
	color: #ffffff;
	font-size: .85em;
	font-weight: bold;
}

.BelowFooter {
	height: 60px;
	color: #ffffff;
}

.BelowFooter .BelowFooterContent {
	width: 940px;
	margin: 0 auto;
}

.BelowFooter .BelowFooterContent .BelowFooterContentWrapper {
	margin: 4px 0px 0px 0px;
	width: 940px;
}

.BelowFooter .BelowFooterContent div {
	float: left;
}

.BelowFooter .BelowFooterContent .FooterText {
	margin: 0px 0px 0px 13px;
	font-size: .75em;
	line-height: 50px;
}

.BelowFooter .BelowFooterContent .ESRBLogo {
	float: right;
}

.BelowFooter .BelowFooterContent a img {
	border: none;
	display: block;
}

/* Rounded Box Site Modifications */
#StoreAndEventLocatorRoundedBackground .RoundedContentTopLeft {
	min-height: 12px;
	min-width: 12px;
}

#StoreAndEventLocatorRoundedBackground .RoundedContentTopMiddle {
	width: 196px;
	min-height: 12px;
}

#StoreAndEventLocatorRoundedBackground .RoundedContentTopRight {
	min-height: 12px;
	min-width: 12px;
}

#StoreAndEventLocatorRoundedBackground .RoundedContentBottomLeft {
	min-height: 12px;
	min-width: 12px;
}

#StoreAndEventLocatorRoundedBackground .RoundedContentBottomMiddle {
	min-height: 12px;
	width: 196px;
}

#StoreAndEventLocatorRoundedBackground .RoundedContentBottomRight {
	min-height: 12px;
	min-width: 12px;
}

#ContentBillboardRoundedBackground .RoundedContentTopLeft {
	min-height: 12px;
	min-width: 12px;
}

#ContentBillboardRoundedBackground .RoundedContentTopMiddle {
	width: 401px;
	min-height: 12px;
}

#ContentBillboardRoundedBackground .RoundedContentTopRight {
	min-height: 12px;
	min-width: 12px;
}

#ContentBillboardRoundedBackground .RoundedContentBottomLeft {
	min-height: 12px;
	min-width: 12px;
}

#ContentBillboardRoundedBackground .RoundedContentBottomMiddle {
	min-height: 12px;
	width: 401px;
}

#ContentBillboardRoundedBackground .RoundedContentBottomRight {
	min-height: 12px;
	min-width: 12px;
}

#MainContentRoundedBackground.LightGrey .RoundedContentTopLeft {
	min-height: 12px;
	min-width: 12px;
}

#MainContentRoundedBackground.LightGrey .RoundedContentTopMiddle {
	width: 686px;
	min-height: 12px;
}

#MainContentRoundedBackground.LightGrey .RoundedContentTopRight {
	min-height: 12px;
	min-width: 12px;
}

#MainContentRoundedBackground.LightGrey .RoundedContentBottomLeft {
	min-height: 12px;
	min-width: 12px;
}

#MainContentRoundedBackground.LightGrey .RoundedContentBottomMiddle {
	min-height: 12px;
	width: 686px;
}

#MainContentRoundedBackground.LightGrey .RoundedContentBottomRight {
	min-height: 12px;
	min-width: 12px;
}


.MainRoundedContentAreaContent {
	display: inline-block;
}


/* Main Navigation */
.MainNavigation {
	height: 50px;
	background: url('../Images/MainNavigationBackground.png') repeat-x;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	width: 998px;
	z-index: 900;
}

.MainNavigation .ButtonsContainer {
	margin: 0px 0px 0px 200px;
	width: 714px;
	border-right: 1px solid #ffffff;
	border-left: 1px solid #cccccc;
	height: 49px;
	position: relative;
	top: 1px;
	z-index: 900;
}

.MainNavigation .ButtonsContainer .NavigationButton {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #cccccc;
	height: 49px;
	line-height: 49px;
	text-align: center;
	float: left;
	z-index: 900;
}

.MainNavigation .ButtonsContainer .NavigationButton .NavigationMenu {
	display: none;
	position: absolute;
	top: 49px;
	background-color: #ffffff;
	color: #000000;
	text-align: left;
	padding: 10px 0px 10px 0px;
	clear: both;
	width: 160px;
	z-index: 1000;
}

.MainNavigation .ButtonsContainer .NavigationButton .NavigationMenu a {
	display: block;
	height: 20px;
	padding: 3px 10px 3px 10px;
	color: #000000;
	text-decoration: none;
	line-height: 20px;
	font-size: .8em;
	z-index: 900;
}

.MainNavigation .ButtonsContainer .NavigationButton .NavigationMenu a.Selected, .MainNavigation .ButtonsContainer .NavigationButton .NavigationMenu a:hover {
	background-color: #cccccc;
}

.MainNavigation .ButtonsContainer .NavigationButton a.NavigationButtonMenuLink {
	float: left;
	display: block;
	width: 70px;
	height: 49px;
	text-align: right;
	outline: none;
}

.MainNavigation .ButtonsContainer .NavigationButton a.NavigationButtonDropDownLink {
	float: left;
	display: block;
	width: 27px;
	height: 49px;
	text-align: left;
	padding: 0px 0px 0px 3px;
	outline: none;
}

.MainNavigation .ButtonsContainer .NavigationButton a.NavigationButtonMainLinkSelected, .MainNavigation .ButtonsContainer .NavigationButton a.NavigationButtonMainLink {
	height: 49px;
	width: 100px;
	display: block;
	outline: none;
}

.MainNavigation .ButtonsContainer .NavigationButton.Selected, .MainNavigation .ButtonsContainer .NavigationButton.Selected1, .MainNavigation .ButtonsContainer .NavigationButton a.NavigationButtonMainLinkSelected, .MainNavigation .ButtonsContainer .NavigationButton a.NavigationButtonMainLink:hover {
	background: url('../Images/NavigationButtonHoverBackground.png') repeat-x;
}

.MainNavigation .ButtonsContainer .NavigationButton img {
	border: none;
}

/* Helper Classes */
.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
}

/* Global Navigation Control Overrides */
.MainBodyWrapper .GlobalNav {
	min-width: 1000px;
	height: 40px;
	float: left;
	background-color: Transparent;
}

.MainBodyWrapper .GlobalNav .GlobalNavWizardsLogo {
	margin-left: 30px;
	margin-right: 0px;
	margin-top: 6px;
	z-index: 1000;
	position: relative;
}

.MainBodyWrapper .GlobalNav .GlobalNavWizardsLogo img {
	z-index: 1000;
}

.MainBodyWrapper .GlobalNav .GlobalNavMotto {
	color: #cccccc;
	font-style: italic;
	font-size: .8em;
	display: block;
	float: left;
	margin: 17px 0px 0px 0px;
}

.MainBodyWrapper .GlobalNav .GlobalNavSearch {
	width: 400px;
	margin-right: 0px;
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
}

.MainBodyWrapper .GlobalNav .GlobalNavSearch .globalSearchControl {
	position: relative;
	left: 212px;
}

.MainBodyWrapper .GlobalNav .GlobalNavSearch .globalSearchControl .globalSearchControlTextBox {
	background: url('../Images/SearchBoxBackground.png') no-repeat;
	height: 22px;
	width: 136px;
}

.MainBodyWrapper .GlobalNav .GlobalNavSearch .globalSearchControl .globalSearchControlTextBox input {
	padding: 3px 0px 0px 5px;
	width: 130px;
	color: #9f9f9f;
	font-style: normal;
	outline:none;
}

.MainBodyWrapper .GlobalNav .GlobalNavSearch .globalSearchControl .globalSearchControlTextBox input.selectedInput {
	color:#000;
}

.MainBodyWrapper .GlobalNav .GlobalNavSearch .globalSearchControl .globalSearchControlSubmitButton {
	margin-left: 0px;
}

/* Global Smart Search Styles Custom to the Company Website */
.MainBodyWrapper .GlobalNav .GlobalSmartSearchBox {
	right: 30px; /*right:210px; */ /* top: 27px; /* (For inside the main wrapper class.) */
	top: 33px; /* (For outside the main wrapper class.) */
	font-family: Arial;
	width: 220px;
}

.MainBodyWrapper .GlobalNav .GlobalSmartSearchBox a.GlobalSmartSearchItem:hover, .MainBodyWrapper .GlobalNav .GlobalSmartSearchBox .GlobalSmartSearchItem.Selected {
	background-color: #e5e5e5;
}

.MainBodyWrapper .GlobalNav .GlobalSmartSearchBox .GlobalSearchLabel {
	background-color: #b8cfe9;
	color: #000000;
}

.MainBodyWrapper .GlobalNav .GlobalSmartSearchBox .GlobalSearchLabel .GlobalSearchInnerText {
	width: 120px;
}

/* Navigation Side */
.NavigationSideContent {
	width: 220px;
	background: url('/Company/Globals/Images/Backgrounds/NavigationSide/medgrey_middle.png') repeat;
	font-size: .75em;
}

.NavigationSideHeader {
	width: 220px;
	background: transparent url('/Company/Globals/Images/Backgrounds/NavigationSide/NavigationSideHeader.png');
}

.NavigationSideLinks a {
	outline: none;
}

.NavigationSideLinks a div span {
	position: relative;
	color: Black;
	text-decoration: none;
}

.NavigationSideLinks a .linkhover span {
	color: White;
}

.NavigationSideLinks a div .link {
	left: 10px;
}

.NavigationSideLinks .shift0 {
	padding: 3px 0px 3px 10px;
}

.NavigationSideLinks .shift1 {
	padding: 3px 0px 3px 20px;
}

.NavigationSideLinks .shift2 {
	padding: 3px 0px 3px 30px;
}

.NavigationSideLinks a, .NavigationSideLinks a:link, .NavigationSideLinks a:visited, .NavigationSideLinks a:hover, .NavigationSideLinks a:active, .NavigationSideLinks div, .NavigationSideLinks span {
	text-decoration: none !important;
}

.NavigationSideLinks .childlinks .sublink {
	left: 20px; /*text-decoration: none;*/
}

.linkhover {
	background-color: rgb(102,102,102);
}

.linkselected {
	background-color: rgb(239,240,240);
}

.parentlink {
	cursor: pointer;
	position: relative;
	color: Black;
	left: 10px;
}

.NavigationSideHeaderBox {
	width: 220px;
	min-height: 10px;
	overflow: hidden;
	background: transparent;
	background-image: url('/Company/Globals/Images/Backgrounds/NavigationSide/medgrey_corners.png');
}

.NavigationSideHeaderLabel {
	position: relative;
	top: 0px;
	left: 0px;
}

.NavigationSideHeader {
	position: relative;
	top: 0px;
	left: 0px;
	background-image: url('/Company/Globals/Images/Backgrounds/NavigationSide/medgrey_corners.png');
	height: 100%;
	width: 100%;
}

.NavigationSideHeaderBackground {
	position: relative;
	top: 0px;
	left: 0px;
	width: 220px;
}

.NavigationSideFooter {
	position: relative;
	background-position: center bottom;
	background-image: url('/Company/Globals/Images/Backgrounds/NavigationSide/medgrey_corners.png');
	height: 8px;
	width: 220px;
	background-repeat: no-repeat;
}

/* =============================================== */
/* Modal Dialog Box */
/* =============================================== */
#ModalBoxBackground {	
	position: fixed; 
	left: 0; 
	top: 0; 
	width: 100%; 
	height: 100%; 
	z-index: 9000;
	display:none;
	background: url('../Images/BlackTransparency.png');
}

.ModalContainer {
	width:600px;
	position: fixed;
	top:50%;
	left:50%;
	margin-left:-300px;	
	margin-top:-250px;
}

.ModalContainer .ModalTop {
	width:100%;
	float:left;
}

.ModalContainer .ModalTopLeft {
	background: url('../Images/Modal/tl.png') no-repeat;
	float:left;
	background-position: left top;
	min-height:25px;
	min-width:25px;
}

.ModalContainer .ModalTopMiddle {
	background: url('../Images/Modal/tm.png') repeat-x;
	width:550px;
	float:left;
	margin:0px;
	padding:0px;
	min-height:25px;
}

.ModalContainer .ModalTopMiddleNoClose {
	background: url('../Images/Modal/tm.png') repeat-x;
	width:545px;
	float:left;
	margin:0px;
	padding:0px;
	min-height:25px;
}

.ModalContainer .ModalTopRight {
	background: url('../Images/Modal/tr.png') no-repeat;
	float:left;
	background-position: right top;
	min-height:25px;
	min-width:25px;
}

.ModalContainer .ModalClose {
	width:30px;
	height:30px;
	display:block;
	background:url('../Images/Modal/closebox.png') no-repeat;
	position:absolute;
	right:5px;
	top:0px;
	outline:none;
}

.ModalContainer .ModalClosePlaceholder {
	width:30px;
	height:30px;
	display:block;
	background:url('../Images/Modal/closeboxtransparent.png') no-repeat;
	position:absolute;
	right:5px;
	top:0px;
	outline:none;
}

.ModalContainer .ModalCenter {
	width:100%;
	float:left;
	background: url('../Images/Modal/ml.png') repeat-y;
	background-position: left top;
	padding:0px;
	margin:0px;	
}

.ModalContainer .ModalCenterRight {
	background: url('../Images/Modal/mr.png') repeat-y;
	background-position: right top;
	padding:0px;
	margin:0px;
	margin:0px 5px 0px 0px;	
}

.ModalContainer .ModalBottom {
	width:100%;
	float:left;
}

.ModalContainer .ModalBottomLeft {
	background: url('../Images/Modal/bl.png') no-repeat;
	float:left;
	background-position: left bottom;
	min-height:25px;
	min-width:25px;
}

.ModalContainer .ModalBottomMiddle {
	background: url('../Images/Modal/bm.png') repeat-x;
	width:545px;
	float:left;
	margin:0px;
	padding:0px;
	min-height:25px;
	background-position: 0px bottom;
}

.ModalContainer .ModalBottomRight {
	background: url('../Images/Modal/br.png') no-repeat;
	float:left;
	background-position: right bottom;
	min-height:25px;
	min-width:25px;
}

.ModalContainer .ModalContent {	
	margin:0px 15px 0px 15px;
	background-color: #fff;
}
