/******************************************************************************
 *                          GENERAL LAYOUT STYLES
 *****************************************************************************/
html, body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background: url(/images/newlayout/bg.gif) repeat-x top #bec4c9;

}

html{
	overflow-x:hidden;
	overflow-y:scroll;
	overflow: -moz-scrollbars-vertical; 

}

body {
}

body.fullPage {
	background: url(/images/newlayout/bg.gif) repeat-x top #bec4c9;
}

body.iframe {
	background: url(/images/newlayout/bg.gif) repeat-x center top #bec4c9;
}

.orange { 
	color: #fd6f13;
}

#topBg {
	text-align: center;
}
/********************* WITH  BANNERS ***************************/

	#headerBgContainer {
		background: url(/images/newlayout/topBg.png) repeat-x center top;
		height: 95px;	
		 
	}

	#headerContainer {
		background: url(/images/newlayout/menuBgNoAd.png) no-repeat left top;
		width: 1167px;
		height: 95px;
		margin: 0px auto 0px auto;
	}
	
	#layoutContainer {
		width: 1167px;
		margin: 0px auto 0px auto;
		text-align: left;
	}
	
	#footerContainer {
		width: 1167px;
		background: url(/images/newlayout/LegendBG.gif) no-repeat left top;
		margin: 0px auto 0px auto;
	}

	#copyrightArea {
		color: #7e8c9d;
		font-size: 9px;	
		width: 1167px;
		margin:0px auto;
	}
	.Fooooter2 {
		margin: auto;
		width: 1167px;
		text-align:left;
	}
	.Fooooter {
		width: 1003px;
		background: url(/images/newlayout/footerbottombg.jpg) repeat-x top center #000000;
	}
	.FooterLogo{
		width: 980px;
		border-width: 6px 0px 0px;
		border-color: #ccd1d6;
		border-style:solid;
		margin: 20px 10px 0px
	}

/********************* WITHOUT BANNERS *************************/

	#headerBgContainerNoAd {
		background: url(/images/newlayout/topBgNoAd.png) repeat-x center top;
		height: 95px;
	}

	#headerContainerNoAd {
		background: url(/images/newlayout/menuBgNoAd.png) no-repeat left top;
		width: 1003px;
		height: 95px;
		margin: 0px auto 0px auto;
	}

	#layoutContainerNoAd {
		width: 1003px;
		margin: 0px auto 0px auto;
	}
	
	#footerContainerNoAd {
		width: 1003px;
		background: url(/images/newlayout/LegendBG.gif) center top;
		margin: 0px auto 0px auto;
	}

	#copyrightAreaNoAd {
		color: #7e8c9d;
		font-size: 9px;	
		width: 1003px;
		margin:0px auto;
	}
	.FooooterNoAd {
		margin: auto;
		width: 1003px;
		background: url(/images/newlayout/footerbottombg.jpg) repeat-x top center #000000;
	}
	.FooterLogoNoAd{
		margin: 10px auto 0px;
		width: 980px;
		border-width: 6px 0px 0px;
		border-color: #ccd1d6;
		border-style:solid;
	}


#footerContainerBg {
	background: none;
	text-align: left;
}

#menuContainer {
	width: 1003px;
	float: left;
}


#skyCraperContainer {
	width: 164px;
	float: left;
	text-align: left;
}

.skyCraperPadding {
	position: absolute;
	padding: 94px 0px 0px 4px;
	height: 1000px;
}

#contentContainer {
	background: url(/images/newlayout/contentBg.gif) repeat-y left top;
	width: 1003px;
	text-align: left;
}

#contentContainerTop {
	background: url(/images/newlayout/contentBg.gif) no-repeat left top;
	width: 100%;
	min-height: 400px;
}
#languageMenuArea {
	padding: 13px;
	height: 22px;
	text-align: center;
	color: #8c8c8c;
}

#languageMenuArea a{
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #2d3a45;
	padding: 3px 7px;
	float:left;
	text-decoration: none;
	color: #8c8c8c;
	font-size: 11px; 
}


#languageMenuArea a:hover{
	display: block;
	border-width: 1px;
	border-style: solid;
	border-color: #3d4853;
	color: #fb8d1f;
}

#leaderboardArea {
	padding: 0px 0px;
	text-align:center;
	background-color: #ffffff;
	width: 1003px;
	background-image: url(/images/newlayout/addbg.jpg);
	margin-top:-1px;
	height: 102px;
}
.leaderboardAreaPadding {
	padding-top: 6px;
}

#mainMenuArea {
	height: 47px;
}

#subMenuArea {
	line-height: 47px;
	float: left;
	width: 214px;
}

.subMenuIcon {
	float: right;
	padding-top: 12px;
}

.subMenuItem {
	float: right;
	padding-right: 10px;
}

#fmLogo {
	height: 47px;
	float: left;
	width: 234px;
	position:relative;
}

.fmLogoBottom {
	position:absolute;
	top: -102px;
	left: 0px;
}

#mainMenuArea .item {
	line-height: 44px;
	float: left;
	text-align: center;
}

	
#mainMenuArea .benchmarks { width: 112px; }
#mainMenuArea .hardware { width: 91px; }
#mainMenuArea .business { width: 145px; }
#mainMenuArea .newsolutions { width: 145px; }
#mainMenuArea .community { width: 102px; }
#mainMenuArea .newcommunity { width: 102px; }
#mainMenuArea .games { width: 75px; }
#mainMenuArea .fmgames { width: 75px; }
#mainMenuArea .store { width: 75px; }

.mainMenuPassive {
	background: url(/images/newlayout/mainMenuItem.gif) no-repeat right top;
}

.mainMenuActive {
	background: url(/images/newlayout/mainMenuItemActive.gif) no-repeat right top;
}

div.mainMenuButton .tundra .dijitButtonNode {
	background: #ff0000;	
}

#pathwayArea {
	height: 33px;
	width: 1003px;
	padding-top: 5px;
	color: #555F6C;
}

.pathwayItem {
	line-height: 32px;
	padding: 0px 15px 0px 10px;
	background: url(/images/newlayout/pathwayArrow.gif) no-repeat top right;
	float: left;
}

.pathwayItem a{
	color: #528bb9;
	text-decoration: none;
}
.pathwayItem a:hover {
	background: transparent;
}	

.pathwayFirst a {
	color: #ff6b09;
	text-decoration: none;
	font-weight: bold;
}

.pathwayLast a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

/* Footer */

.Fooooter a, .FooooterNoAd a{
	display:block;
	padding: 5px 6px;
	border-width: 0px 0px 1px 0px;
	border-color: #0e1217;
	border-style: solid;
	text-decoration: none;
	color: #555F6C;
}

.Fooooter a:hover, .FooooterNoAd a:hover{
	background-color: #0e1217;
	color: #ffffff;
}

.YouGamers {
	padding: 9px;
	width: 316px;
	float:left;
	text-align: left;
}

.YouGamers h1{
	color: #555F6C;
	margin: 0px 0px 10px;
	padding: 5px 0px 0px 6px;
}

#mainMenuArea .item a, .mainMenuItem {
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	margin-right: 1px;
	display: block;

}

#mainMenuArea .item a:hover, .mainMenuItem {
	color: #ff942a;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	display: block;
	background-image: url(/images/newlayout/topnavibg2.gif);

}

.sidebarNaviLink {
	background: url(/images/arrowHead.gif) left 4px no-repeat;
	padding: 0px 0px 6px 10px;
	margin-left: 9px;
}

.sidebarNaviLink .naviLink {
	font-size: 13px;	
}

/* Login sidebar. */
.greyInfo {
	color: #7b8895;
	float: left;
	padding-left: 10px;
}

#sidebarProfile {
	background: #eef2f4;
	border-style:solid;
	border-width: 1px;
	border-color: #a1acb7;
	margin: 10px -2px 10px -2px;
	padding: 3px 5px 2px 16px;
	text-align: left;
}
#sidebarProfileLinks {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}

.LoginLogout {
	padding: 0px 0px 3px 10px;
	background: url(/images/bulletNaviRed.gif) left 3px no-repeat;
	float: none;
	border: none;
}

.LoginLogout a{
	color: #e65353;
	text-decoration: none;
	background: transparent;
}
.LoginLogout a:hover {
	text-decoration: underline;
}

.LoginResults, .LoginProfile{
	padding: 0px 0px 3px 10px;
	background: url(/images/bulletNaviBlue.gif) left 3px no-repeat;
	float: none;
	border: none;
}

#sidebarProfileLinks a {
	margin: 0px 0px;
}

.sidebarProfileText {
	font-size: 10px;
	font-family: verdana, arial;
	color: #7a7b7d;	
	font-weight: bold;
	padding-bottom: 5px;
}
.sidebarProfileEmail {
	color: #528bb9;	
}

/* Login form */
#loginFormContainer {
	padding: 0;
	height: 31px;
}

#loginFormContainer .email {
	float: left;
	width: 122px;	
}

#loginFormContainer .email input {
	width: 107px;
}

#loginFormContainer .password {
	float: left;
	width: 122px;	
}

#loginFormContainer .password input {
	width: 107px;
}

#loginFormContainer .submit {
	float: left;
	width: 50px;	
}

#loginFormContainer .submit input {
	width: 50px;
}

.signUp {
	background: url(/images/bulletNaviBlue.gif) left 3px no-repeat;
	padding: 0px 0px 5px 10px;
	float: left;	
	width: 110px;
}

.lostPassword {
	background: url(/images/bulletNaviBlue.gif) left 3px no-repeat;
	padding: 0px 0px 5px 10px;
	float: left;	
}

.loginFormTextField {
	border: 1px solid #cccccc;
	padding: 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#sidebarNaviLinks a {
	background: url(/images/leftNaviButton.gif) no-repeat;
	display: block;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	line-height: 34px;
	padding-left: 49px;
	text-decoration: none;
}

#sidebarNaviLinks .SectionButtonSelected {
	background:url(/images/leftNaviButtonHover.gif) no-repeat;
	color: #FFFFFF;
	display: block;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	margin-top: 0px;
	line-height: 34px;
	padding-left: 49px;
	text-decoration: none;
}

.MainTitle {
	float:left;
}

.sectionInfoContainer {
	border:1px solid #C6D2DA;
	margin-bottom: 6px;
}
.sectionInfo {
	background-color:#EEF2F4;
	background-image:url(/images/newlayout/InfoBoxShade.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	border:1px solid #FFFFFF;
	line-height:18px;
	padding:10px 22px;
}
.sectionInfoMargin {
	margin: 5px 0px;	
}

.sectionInfo h1 {
	background-image:url(/images/infoboxPixel.gif);
	background-position:center top;
	background-repeat:repeat-x;
	color:#65747D;
	float:left;
	font-family:verdana;
	font-size:10px;
	font-weight:bold;
	margin:-17px -2px 0;
	padding:0 2px;
}

.sectionInfo div {
	color: #555F6C;
	clear:both;
	font-size:12px;
}

.sidebarVirtualmarkPromo {
	background: url(/images/sidebar/virtualmarkPromoBg.gif);
	height: 236px;
	width: 336px;
	margin-bottom: 10px;	
	color: #ffffff;
}
.sidebarVirtualmarkPromo .padding {
	padding: 20px 24px 10px;
}
.sidebarVirtualmarkPromo .promoText1 {
	font-size: 18px;	
}
.sidebarVirtualmarkPromo .promoText2 {
	font-size: 12px;	
}
.sidebarVirtualmarkPromo .divider {
	margin: 13px 0px;
	border-top: 1px solid #6f99bd;	
}
.sidebarVirtualmarkPromo a, .virtualmarkArrow {
	color: #afd8ff;	
}
.virtualmarkArrow {
	background: url(/images/icons/virtualmarkArrow.gif) left center no-repeat;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 14px 0 0px -1px;
	padding: 6px 0 8px 33px;
}
.sidebarVirtualmarkPromo a.linkToMoreHover {
	background: url(/images/icons/MoreIconHoverBlueBg.gif) left center no-repeat;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 6px 0 14px 0px;
	padding: 6px 0 8px 33px;
	color: #ffb769;
}
.linkToMore {
	background: url(/images/icons/MoreIcon.gif) left center no-repeat;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 12px 0 8px 0px;
	padding: 6px 0 8px 33px;
}
.stdBoxTop {
	float: left;
	background: url(/images/stdBoxTopBg.gif) top left repeat-x;
	width: 643px;
	height: 2px;	
}
.stdBoxTopRight {
	float: right;
	background: url(/images/stdBoxTopRightBg.gif) top right no-repeat;
	width: 2px;
	height: 2px;	
}
.stdBoxBottom {
	float: left;
	background: url(/images/stdBoxBottomBg.gif) bottom left repeat-x;
	width: 643px;
	height: 2px;	
}
.stdBoxBottomRight {
	float: right;
	background: url(/images/stdBoxBottomRightBg.gif) bottom right no-repeat;
	width: 2px;
	height: 2px;	
}