html {
background: #000 url(../../files/background/background_color.jpg);
overflow: hidden;
overflow-y: auto;
}

body
{
background: #000 url(../../files/background/background_image.jpg) no-repeat top center;
font-size:12px;
margin: 0 auto; 
padding: 0;
}

a
{
outline:none;
color:#BEBEBE;
text-decoration:underline;
}
a:hover {
outline:none;
color:#f7a501;
text-decoration:underline;
}
a:active {
outline:none;
color:#BEBEBE;
text-decoration:underline;
}
a:visisted {
outline:none;
color:#BEBEBE;
text-decoration:underline;
}

* html img, div, a {
behavior: url(/_img/iepngfix.htc);
}


#page,
#closure-blocks
{
font-family:arial,verdana,helvetica;
font-size:12px;
font-size-adjust:none;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.6;
width:962px;
color:#cccccc;
}

#page-inner
{
overflow:hidden;
}

#navigation-top,
#navigation
{
position: absolute; /* Take the named anchors out of the doc flow    */
left: -10000px;     /* and prevent any anchor styles from appearing. */
}

#skip-to-nav
{
float: right;
margin: 0 !important;
font-size: 0.8em;
}

#skip-to-nav a:link, #skip-to-nav a:visited
{
color: #fff; /* Same as background color of page */
}

#skip-to-nav a:hover
{
color: #000;
text-decoration: none;
}

/* Alternatively, the skip-to-nav link can be completely hidden until a user tabs
 to the link. Un-comment the following CSS to use this technique. */
/*
#skip-to-nav a, #skip-to-nav a:hover, #skip-to-nav a:visited
{
position: absolute;
left: 0;
top: -500px;
width: 1px;
height: 1px;
overflow: hidden;
}

#skip-to-nav a:active, #skip-to-nav a:focus
{
position: static;
width: auto;
height: auto;
}
*/

/** header **/
#header
{
margin-top:10px;
height: 86px;
width: 914px;
}

#header-inner
{
}

#logo-title
{
}

#logo
{
margin: 0 10px 0 0;
padding: 0;
}

h1#site-name, div#site-name /* The name of the website */
{
margin: 0;
font-size: 2em;
line-height: 1.3em;
display:none;
}

#site-name a:link,
#site-name a:visited
{
color: #000;
text-decoration: none;
}

#site-name a:hover
{
text-decoration: underline;
}

#site-slogan
{
}

#header-blocks
{
clear: both; /* Clear the logo */
}

/** main (container for everything else) **/
#main
{
width: 914px;
background: #000;
height:100%;
border-left:1px solid #414141;
border-right:1px solid #414141;
z-index:5;
}

#main-inner
{
}

/** content **/
#content
{
margin-top: 4px;
min-height:860px;
_height:860px;
}

.sidebar-left #content
{
width: 760px;
margin-left: 200px; /* The width of #sidebar-left. */
margin-right: -960px; /* Negative value of #content's width + left margin. */
}

.sidebar-right #content
{
width: 760px;
margin-left: 0;
margin-right: -760px; /* Negative value of #content's width + left margin. */
}

.two-sidebars #content
{
width: 560px;
margin-left: 200px; /* The width of #sidebar-left */
margin-right: -760px; /* Negative value of #content's width + left margin. */
}

#content-inner
{
margin: 0;
padding: 0;
}

/** navbar **/
#navbar
{
width: 914px;
height: 28px;
background: url(images/tab_nav_bgd.jpg) no-repeat;
padding-top: 2px;
position:relative;
}

.with-navbar #content,
.with-navbar #sidebar-left,
.with-navbar #sidebar-right
{
margin-top: 3.6em; /* Set this to the same value as the navbar height above. */
}

#navbar-inner
{
}

#search-box
{
width: 200px;
margin-right: -200px; /* Negative value of #search-box's width. */
float: left;
}

#primary /* Primary links */
{
margin-left:0px;
}

#primary ul a
{
font: 14px arial, verdana, helvetica;
text-decoration: none;
margin-top: 5px;
padding: 0 14px 0 13px;
font-weight: bold;
color: #b9b9b9;
}

#primary ul a:hover
{
font: 14px arial, verdana, helvetica;
text-decoration: none;
margin-top: 5px;
padding: 0 14px 0 13px;
font-weight: bold;
color: #CD9A31;
}

#secondary
{
margin-left: 200px; /* Width of search-box */
}

#navbar ul /* Primary and secondary links */
{
margin: 0;
padding: 0;
text-align: left;
}

#navbar li /* A simple method to get navbar links to appear in one line. */
{
float: left;
padding: 0 10px 0 0;
}

/* There are many methods to get navbar links to appear in one line.
* Here's an alternate method: */
/*
#navbar li
{
display: inline;
padding: 0 10px 0 0;
}
*/

/** sidebar-left **/
#sidebar-left
{
float: left;
width: 200px;
margin-left: 0;
margin-right: -200px; /* Negative value of #sidebar-left's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-left-inner. */
}

#sidebar-left-inner
{
margin: 0 20px 0 0;
padding: 0;
}

/** sidebar-right **/
#sidebar-right
{
float: left;
width: 200px;
margin-left: 760px; /* Width of content + sidebar-left. */
margin-right: -960px; /* Negative value of #sidebar-right's width + left margin. */
padding: 0; /* DO NOT CHANGE. Add padding or margin to #sidebar-right-inner. */
}

#sidebar-right-inner
{
margin: 0 0 0 20px;
padding: 0;
}

/** footer **/
#footer
{
position:relative;
margin-top:0px;
height:146px;
width:916px;
background:url(images/footer_bgd.jpg) repeat-x;
overflow:hidden;
}

#footer-inner
{
}

#footer-message /* Wrapper for the footer message from Drupal's "Site information"
and for any blocks placed in the footer region */
{
margin:-4px 0px 0px 9px;
font:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#f2f2f2;
}

/*  Footer Links */

#block-menu-menu-footer-links ul
{
padding-left:14px;
margin-top: 0px;
height:24px;
background:url(images/footer_bar_bgd.jpg) repeat-x;
border-bottom:1px solid black;
}

#block-menu-menu-footer-links li.leaf
{
padding:2px 6px 0px 0px;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
float: left;
}

#block-menu-menu-footer-links h2
{
display:none;
}


#block-menu-menu-footer-links li.leaf a:link,
#block-menu-menu-footer-links li.leaf a:active,
#block-menu-menu-footer-links li.leaf a:visited
{
text-decoration:none; 
font-weight:bold; 
font-size:11px; 
color:#f2f2f2;
margin-left:6px; 
_padding-left:4px;
>padding-left:4px;
}

#block-menu-menu-footer-links li.leaf a:hover
{
color:#f7a501;
}

/** closure **/
#closure-blocks /* See also the #page declaration above that this div shares. */
{
}

/** Prevent overflowing content **/
#header,
#content,
#navbar,
#sidebar-left,
#sidebar-right,
#footer,
#closure-blocks
{
overflow: visible;
word-wrap: break-word; /* A very nice CSS3 property */
}

#navbar
{
overflow: hidden; /* May need to be removed if using a dynamic drop-down menu */
}

/* If a div.clear-block doesn't have any content after it, Firefox and Safari
 will mistakenly place several pixels worth of space between the bottom of
 the div and the bottom of the viewport. This fixes it. */
#page { overflow-y: hidden; } /* CSS3 property */

#block-menu-menu-left
{
padding-left:8px;
}

/* Runes Top Primary Links Styling */ 

#block-menu-menu-gamersfirst
{
width: 916px;
height: 28px;
background:url(images/tab_nav_bgd.jpg) no-repeat;
padding-top: 5px;
position: absolute;
top: 0px;
left: -1px;
z-index: 10;
}

#block-menu-menu-gamersfirst .block-inner
{
margin-top:-10px;
>margin-top:-5px;
}

#block-menu-menu-gamersfirst ul.menu2 li.leaf a.main:link,
#block-menu-menu-gamersfirst ul.menu2 li.leaf a.main:visited
{
font: 14px arial, verdana, helvetica;
text-decoration: none;
margin-top: 5px;
padding: 0 4px 0 13px;
font-weight: bold;
color: #FFFFFF;  	
}

#block-menu-menu-gamersfirst ul.menu2 li.leaf a.main:hover,
#block-menu-menu-gamersfirst ul.menu2 li.leaf a.main:active
{
color:#f7a501;
}

#block-menu-menu-gamersfirst li.leaf
{
padding:2px 6px 0px 0px;
list-style-image:none;
list-style-position:inside;
list-style-type:none;
float: left;
padding-right /*\**/: 19px\9; /*hack for IE8*/
}

#m1 table, #m13 table {
	background: url(images/games-back6.jpg) repeat-x; height:135px; width:236px;
	}
	
#m12 table {
	background: url(images/games-back4.jpg) repeat-x; height:135px; width:236px;
	}

#m1, #m12, #m13 {
	position: absolute;
	z-index: 10000;
	visibility: hidden;
	}

#m1
{
	left:20px;
	margin-top: 0px;
}

#m12
{
	left:130px;
	margin-top: -3px;
}

#m13
{
	left:390px;
	margin-top: -3px;
}

#m14
{
	left:260px;
	margin-top: -3px;
}

/* CSS for Join Now Button*/
#join-now-redeem-code
{
position:relative;
float:right;
top:30px;
>top:-37px;
right:5px;
>right:5px;
}
*:first-child+html  #join-now-redeem-code {
top: 30px;
}
* html  #join-now-redeem-code {
top: 30px;
}
.purple_button_left {
float: left;
width: 10px;
height: 38px;
background: url('images/purple_button_left.png');
}
.purple_button_center {
float: left;
height: 38px;
background: url('images/purple_button_middle.png') repeat-x;
color: #FFF;
font-size: 18px;
font-weight: bold;
padding: 5px 10px 0 10px;
}
* html .purple_button_center {
height: 33px;
}
.purple_button_right {
float: left;
width: 10px;
height: 38px;
background: url('images/purple_button_right.png');
}
.purple_button_left_over {
float: left;
width: 10px;
height: 38px;
background: url('images/purple_button_left_over.png');
}
.purple_button_center_over {
float: left;
height: 38px;
background: url('images/purple_button_middle_over.png') repeat-x;
color: #FFF;
font-size: 18px;
font-weight: bold;
padding: 5px 10px 0 10px;
}
* html .purple_button_center_over {
height: 33px;
}
.purple_button_right_over {
float: left;
width: 10px;
height: 38px;
background: url('images/purple_button_right_over.png');
}
/* End Of CSS Join Now Button*/

#block-nodeblock-1 h2.title
{ 
display:none;
}

div.node-type-topbuttons
{
height:40px;
margin-top:10px;
>margin-top:0px;
}

div.node-type-topbuttons div.content
{
position:absolute;	
display:inline;	
height:32px;
margin-top:-10px;
>margin-top:0px;
_margin-top:0px;
}

* html div.node-type-topbuttons div.content img#btn2
{
position:absolute;	
display:inline;	
margin-top:0px;
}

.support_divider {
display:none;
}

#block-views-PromotionBanner-block_1 {
	display:none;
}

.view-PromotionBanner {
position:absolute;
top:68px;
>top:66px;
left:177px;
z-index:5;
}

.view-PromotionBanner .item-list ul li {
list-style-image:none;
list-style-position:inside;
list-style-type:none;
}

/*This follwing part for navigation view all link on home page*/
a.viewAll 
{
outline:none;
color:#ffffff;
font-size:10px;
text-decoration:none;
position:relative;
left:2px;
bottom:2px;
}
a.viewAll:hover 
{
outline:none;
color:#cccccc;
text-decoration:underline;
}
a.viewAll:active 
{
outline:none;
color:#ffffff;
text-decoration:none;
}
a.viewAll:visisted 
{
outline:none;
color:#ffffff;
text-decoration:none;
}
/* End of Navigation Link  */

#block-FB_FanBox-0 {
	left: 679px;
	position: absolute;
	top: 338px;
	width: 300px;
}

#block-FB_FanBox-0 a {
	display: none;
}

#block-adRotator-0 {
	left:679px;
	position:absolute;
	top:706px;
	width:228px;
}

#block-views-Homepage_News_Items-block_1 {
	position:absolute;
	top:338px;
	width:476px;
	height:544px;
}

a.more 
{
outline:none;
color:#ffffff;
font-size:10px;
text-decoration:underline;
}
a.more:hover 
{
outline:none;
color:#cccccc;
text-decoration:underline;
}

#news-item {
	margin:0;
}

#g1c_menu_link {
	float: right;
	margin: 2px 0 0 10px;
	padding-right: 0;
	text-decoration: none;
	}
*:first-child+html #g1c_menu_link {
	margin-top: 4px;
	}
* html #g1c_menu_link {
	margin-top: 4px;
	}
	
#g1cMenu {
	display: none;
	position: absolute;
	margin-left: 407px;
	margin-left /*\**/: 407px\9;
	>margin-left: 406px;
	margin-top: 12px;
	margin-top /*\**/: 12px\9;
	>margin-top: 10px;
	color: #333;
	width: 160px;
	background: #b6b6b6 url(../_img/menu_g1c_bg.jpg) repeat-x;
	}
	
*:first-child+html #g1cMenu {
	margin-top: 12px;
	}
* html #g1cMenu {
	margin: 14px 0 0 76px;
	}

.jqmG1CMenu{ 
	position: absolute;
	top: 116px;
	left: 50%;
	margin-left:-141px;
	width:680px;
	z-index: 501;
	line-height: 25px;
	}

#g1cMenuMid {
	position:relative;
	padding: 0;
	width:158px;
	
	}

#g1cMenuMid a:link, #g1cMenuMid a:visited {
	color:#000;
	text-decoration:none;
	display:block;
	cursor: pointer;
	width: 160px;
	}

#g1cMenuMid a:hover {
	color:#000;
	text-decoration:none;
	background:#fccd3f;
	}

.get_g1c_button_small {
	width: 55px;
	height: 10px;
	background: #ffa83e url(../_img/get_g1c_button_small.jpg) repeat-x;
	border: 1px solid #ff8b00;
	color: #000;
	font-size: 11px;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	text-decoration: none;
	}
	
.menu_close_bg {
	height: 10px;
	background: #c4c4c4 url(../_img/menu_close_bg.png) repeat-x;
	padding: 3px;
	text-align: right;
	float:right;
	}
	
* html .menu_close_bg {
	position:relative;
	margin-right:10px;
	background: #c4c4c4 url(../_img/close_icon.png) repeat-x;
	text-align: right;
	float:right;
	}

body:nth-of-type(1) .menu_close_bg
{
	height: 10px;
	background: #c4c4c4 url(../_img/menu_close_bg.png) repeat-x;
	float:right;
	text-align: left;
}	
	
.menu_close_bg a {
	font-size: 10px;
	color: #333;
	text-decoration: none;
	}

.g1c_balance_top_nav {
	position: absolute;
	z-index: 700;
	width: 250px;
	height: 26px;
	margin: 4px 0 0 656px;
	color: #ff8b00;
	}
*:first-child+html .g1c_balance_top_nav {
	
	}
* html .g1c_balance_top_nav {
	height: 20px;
	margin: 6px 0 0 656px;
	}

.g1c_balance_top_nav img {
	float: right;
	margin: 3px 6px 0 0;
	}

.g1c_balance_top_nav div {
	float: right;
	margin-top: 3px;
	}

.clear {
	clear:both;
	}

ul.timeline {
    list-style: none outside none;
}

ul.timeline li .date {
    clear: both;
    float: left;
    font-weight: bold;
    margin-right: 7px;
    width: 40px;
}

ul.timeline li .description {
    margin-left: 50px;
	>margin:-21px 0 0 50px;
}

.node-type-fe-content-page hr {
    background-color: #222222;
    border: medium none;
    color: #222222;
    height: 2px;
    margin: 14px 0;
	>margin: 0;
    padding: 0;
}

.fe-content a {
    color: #f7a501;
	text-decoration:none;
}

.fe-content a:hover {
    color: #f7a501;
	text-decoration:underline;
}

ul.pdfLargeList li {
    background-image: url("/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/game/pdf_large.png");
    padding-left: 50px;
}

ul.pdfList li {
    background-image: url("/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/game/pdf.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    padding-left: 24px;
}

ul.pdfList {
    list-style: none outside none;
    padding: 0;
}

a.downloadLink {
    color: #f7a501;
    font-family: arial,verdana,helvetica;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

a:hover.downloadLink {
    color: #f7a501;
    font-family: arial,verdana,helvetica;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}

#redeemFrm #fe_code, #redeemFrm #fe_code_redeem  {
    -moz-box-sizing: content-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-left: 1px solid #D9D9D9;
    border-width: 0 0 0 1px;
    color: #000000;
    font-family: arial,sans-serif;
    font-size: 16px;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    /*line-height: 25px !important;*/
    padding: 3px 7px;;
    width: 350px;
	text-transform:uppercase;
}

.fe_button {
    background: url(/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/fe_btn_background.jpg) repeat-x;
    border: 1px solid #722d2d;
    color: #FFF;
	height:33px;
    cursor: pointer;
	outline: none;
	border: 0px;
    font-weight: bold;
    margin-top: 10px;
    padding: 3px 5px;
}

.fe_button:hover {
    background: url(/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/fe_btn_background_on.jpg) repeat-x;
}

.error-message {
    font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color: #FF0000;
}

.error-message a {
	color: #FF0000;
	text-decoration:underline;
}

.error-message a:hover {
	color: #FF0000;
	text-decoration:none;
}

.redeem-message {
    font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color:#17cb17;
}

.success-message {
    font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	font-weight:bold;
	color:#17cb17;
}

#spinner {
	display:none;
}

#loading_data {
	display:none;
	background: #000;
	border: 1px solid #F7A501;
	padding:14px;
	margin:40px 0 0 200px;
	font-family:Arial, Helvetica, sans-serif; 
	font-size:13px;
	font-weight:bold;
	color:#F7A501;
	width:150px;
}

#fe_tbl_keys th {
	background-color: #222;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	font-size:11px;
	color:#777;
	text-align:left;
	padding-left:10px;
}

#fe_tbl_keys td {
	background-color: #111;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	font-size:11px;
	color:#777;
	text-align:left;
	padding-left:10px;
}

#popup_message {
	display: none;
	position: fixed;
	width: 550px;
	height: 250px;
	background: #111;
	color:#EEE;
	border: 1px solid #F7A501;
	top: 50%;
	left: 50%;
	margin-left: -225px;
	margin-top: -175px;
}

* html #popup_message {
	margin-top: 0;
}
.jqmOverlay {
	background-color: #000;
}
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}
* html #popup_message {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#popup_message .title {
	position:absolute;
	top:20px;
	left:20px;
	font-size:20px;
	font-weight:normal;
}

#popup_message .message {
	position:absolute;
	top:60px;
	left:20px;
	font-size:13px;
	line-height:18px;
	width:500px;
}

#popup_how_to {
	display: none;
	position: fixed;
	width: 636px;
	height: 716px;
	background: #222;
	border: 1px solid #F7A501;
	color:#EEE;
	top: 50%;
	left: 50%;
	margin-left: -318px;
	margin-top: -358px;
}

* html #popup_how_to {
	margin-top: 0;
}

* html #popup_how_to {
    position: absolute;
    top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

#popup_how_to .content {
	position:absolute;
	top:5px;
	left:20px;
	font-size:12px;
	line-height:16px;
	width:596px;
}

#recent_posts a {
outline:none;
color:#f7a501;
text-decoration:none;
}

#recent_posts a:hover {
outline:none;
color:#f7a501;
text-decoration:underline;
}

#recent_posts a.active {
outline:none;
color:#fff;
text-decoration:none;
}

#recent_posts a.active:hover {
outline:none;
color:#fff;
text-decoration:underline;
}

a.archived_months_items {
color: #ccc;
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

a.archived_months_items:hover {
color: #ccc;
font-size: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

a.archived_months {
color: #717171;
font-size: 11px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}

a.archived_months:hover{
color: #717171;
font-size: 11px;
font-weight:normal;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:underline;
}

.news_body a {
outline:none;
color:#f7a501;
text-decoration:underline;
}

.news_body a:hover {
outline:none;
color:#f7a501;
text-decoration:underline;
}

#current_news {
position:relative;
z-index:99;
margin:-1px 0 0 5px;
margin /*\**/: -12px 0 0 5px\9; /*hack for IE8*/
>margin:9px 0 0 5px;
border:1px solid #222222;
}

a.news_title  {
outline:none;
color:#f7a501;
text-decoration:none;
}

a.news_title:hover {
outline:none;
color:#f7a501;
text-decoration:none;
}

#tab-container, #content-container {
	padding-left:25px;
}

.news_td {
	padding:4px;
	padding /*\**/: 0 4px 4px 4px\9; /*hack for IE8*/
	>padding:0 4px 4px 4px;
}

body:nth-of-type(1) .news_td
{
	padding:0 4px 4px 4px;
}

#BugReportForm .textarea {
    background-color: #F7F7F7;
    border-color: #999999 #AAB3B3 #D5DDDD;
    border-style: solid;
    border-width: thin;
    padding-bottom: 3px;
    padding-top: 2px;
	width: 24em;
	height: 6em;
}

#BugReportForm .textfield {
    background-color: #F7F7F7;
    border-color: #999999 #AAB3B3 #D5DDDD;
    border-style: solid;
    border-width: thin;
    padding-bottom: 3px;
    padding-top: 2px;
	width: 28.8em;
}

#BugReportForm label {
    font-weight: normal;
	color:#FFF;
    font-size: 1.083em;
    line-height: 1.462;
}

#BugReportForm .radio {
    position:relative;
	top:2px;
}

#BugReportForm p {
	margin: .3em 0;
}


/*
* Rankings page styles - BEGIN
*/

div#feRankingsFrame
{
	width: 709px;
	background-color: #000;
}

div#feRankingsFrame div#feRankingsTabs
{
	background: url('/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/ranking-tabs-bg.png') no-repeat;
	min-height: 74px;
	padding: 0px 0px 0px 9px;
}

div.feRankingsTab
{
	background: url('/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/rankings_tab-bg.png') no-repeat;
	padding: 12px 10px 7px 13px;
	margin: 0px 0px 0px 10px;
	float: left;
}

div.feRankingsTab img
{
	cursor: pointer;
}

div#feRankingsFrame div#feRankingsContent
{
	background: url('/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/rankings-content-frame-bg.png') repeat-y;
}

div#rankingsSpacer
{
	background: url('/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/rankings-spacer.png') no-repeat;
	height: 40px;
	clear: both;
	margin: 0px 0px 0px 2px;
	padding: 4px 0px 0px 0px;
	text-align: center;
	text-transform: uppercase;
}

div#rankingsSpacer label
{
	color: #fff !important;
	font-size: 20pt;
	font-weight: bold;
	font-family: 'Arial Black',Gadget,sans-serif;
	opacity:.40;
	filter: alpha(opacity=40);
	filter: “alpha(opacity=40)”;
}

.rankingMessage
{
	display: none;
	padding-left: 5px;
}

div.rankingRow
{
	width: 699px;
	height: 53px;
	margin: auto;
}

div.rankingRow div.ranking
{
	width: 100px;
	height: 47px;
	float: left;
	text-align: center;
	padding: 10px 0px 0px 0px;
}

.no-place
{
	background: url('/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/ranking_row-ranking-bg.png') no-repeat;
}

.first-place
{
	background: url('/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/ranking_row-1_ranking-bg.png') no-repeat;
}

.second-place
{
	background: url('/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/ranking_row-2_ranking-bg.png') no-repeat;
}

.third-place
{
	background: url('/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/ranking_row-3_ranking-bg.png') no-repeat;
}

div.rankingRow div.ranking label
{
	color: #fff !important;
	font-size: 18pt;
	font-weight: bold;
}

div.rankingRow div.rankingDetails
{
	background: url('/sites/www.gamersfirst.com.fallenearth/themes/fallenearth/images/ranking_row-ranking_details-bg.png') no-repeat;
	width: 584px;
	height: inherit;
	float: left;
	padding: 5px 0px 0px 10px;
}

div.rankingRow div.rankingDetails label.single-achiever
{
	text-transform: uppercase;
	color: #fff !important;
	font-size: 14pt;
	font-weight: bold;
}

div.rankingRow div.rankingDetails label.achiever
{
	text-transform: uppercase;
	color: #c19a46 !important;
	font-size: 14pt;
	font-weight: bold;
}

div.rankingRow div.rankingDetails label.achievement
{
	color: #fff !important;
	font-size: 10pt;
	font-weight: bold;
}

/*
* Rankings page styles - END
*/

#noscript-warning {
	position: absolute;
	top: 40px;
	left: 526px;
	background-color: #AE0000;
	color: #FFF;
	font-family: sans-serif;
    font-size: 14px;
    font-weight: normal;
	padding: 8px;
	text-align: left;
	width: 350px;
}
.warning-icon {
	background-image: url("/_img/warning-icon.png");
    background-repeat: no-repeat;
    background-size: auto auto;
    display: inline-block;
	position: relative;
	top: 3px;
    height: 16px;
    width: 16px;
	margin: 0 10px 0 0;
}