@import url(Toolbar.css);

body {
	padding: 0px;
	margin: 0px;
	font-family: Tahoma, sans-serif;
	font-size: 13px;
	padding-bottom: 0px;	
	background-color: #ffffff;
}
td, th {
	text-align: left;
}
a img {
	border: 0;
}

a
{
	text-decoration: none;
	color: #0069FF;
}

a:hover {
	text-decoration: underline;
}

/* ************** generic ******************** */

p, div {
	margin: 0px;
	padding: 0px;
}

input,
button,
label,
textarea,
select {
	font-family: Tahoma, sans-serif;
}

input.button, button.button, a.button {
	font-weight: bold;
	color: #303030;
	padding: 2px 6px;
	cursor: pointer;
}

html { overflow: -moz-scrollbars-vertical !important; }

body {
	font-size: 70%;
	line-height: 1.6em;	
	background-position: top center;
	background-repeat: repeat-x;
	background-color: #aaaaaa;
}

#master {
	text-align: center;
	background-image: url(http://images.eurogamer.net/skins/1.jpg);		
	background-position: top center;
	background-repeat: no-repeat;
	min-height: 584px;
	height: auto !important;
	height: 584px;
}

#wrapper
{
	position: relative;
	margin: 0 auto;
	text-align: center;
	width: 910px;
}

#page
{
	text-align: left;
	margin: 0 auto;
	position: relative;
	clear: both;
	width: 910px;
	float: left;
}

#primary-content
{
	position: absolute;
	top: -14px;
	left: 0px;
	width: 282px;
	height: auto;
	padding: 0px 8px;
	border: 1px solid #d3d3d3;
	border-left: 1px solid #e0e0e0;
	border-top: 1px solid #ffffff;
	background-position: top center;	
	background-repeat: no-repeat;
	background-color: #ebebeb;
	color: #303030;
	z-index: 150;
	display: none;
}

div#advert
{	
	position: absolute;
	width: 300px;
	top: 148px;
	left: 610px;
	height: 230px;
	padding-bottom: 5px;
}

#page a
{
	color: #0069ff;
}

a.logo
{
	position: absolute;
	top: 32px;
	left: 2px;
	width: 182px;
	height: 42px;
}

a.logo span
{
	display: none;
}

p#welcome-message
{
	position: absolute;
	top: 36px;
	right: 180px;
	font-size: 100%;	
	color: black;
	width: 480px;
	text-align: right;
	font-style: italic;
}

h1
{
	width: 585px;
	margin: 5px 0px 5px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 2px solid #bbbbbb;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 210%;	
	color: black;
	color: #4d4d4d;
	line-height: 1;
	letter-spacing: -1px;
}

h2
{
	font-family: Tahoma, sans-serif;	
	font-weight: bold;
	font-size: 95%;
	margin: 3px 0px 7px 0px;
	padding: 0;
	width: 227px;
	clear: both;
}

h3
{
	font-size: 100%;
	border-bottom: 1px solid #d4d4d4;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 2px 0px;
}

h4
{
	font-size: 100%;
	border-bottom: 1px solid #d4d4d4;
	margin: 0px 0px 3px 0px;
	padding: 0px 0px 2px 0px;
}

small.source
{
	font-weight: normal;
}

p
{
	margin: 0;
	padding: 0px 0px 10px 0px;
}

p.warning, p.welcome
{	
	position: absolute;
	top: 10px;
	left: 10px;
	padding: 4px 8px;
	margin: 0;
	text-align: center;
	width: 870px;
	font-weight: bold;
	float: left;
}

p.warning
{
	border: 1px solid red;
}

p.welcome
{
	border: 1px solid blue;
}

div#header
{
	position: relative;
	background-image: none !important;
	width: 100%;
	height: 96px;
	background-position: top right;
	background-repeat: no-repeat;
	z-index: 1001;
}

div#header a.homeLink {
	position: absolute;
	top: 1px;
	left: 331px;
	color: #424242;
	font-weight: bold;
	width: 55px;
	z-index: 10;
}

div#header img#logo
{
	position: absolute;
	top: 42px;
	left: 7px;
}

div#header div#toolBar form#skins
{
	left: 6px;
	top: 4px;
	width: auto;
	margin: 0;
	padding: 0;	
}

div#header div#navigation
{
	position: absolute;
	top: 0px;
	left: 0px;
}

div#header div#navigation a.eurogamers-home-link
{
	position: absolute;
	top: 32px;
	left: 8px;
	width: 176px;
	height: 42px;
}

div#header div#navigation img
{
	float: left;
	margin-right: 0px;
}

div#header div#navigation #forum-link,
div#header div#navigation #groups-link
{
	position: absolute;
	top: 4px;
	left: 261px;
	font-weight: bold;
	width: 67px;
}
div#header div#navigation #forum-link
{
	left: 265px;
}
div#header a:link,
div#header a:visited {
	color: #424242;
}
div#header a:hover,
div#header a:active {
	color: #303030;
}

div#header div#navigation #groups-link
{
	left: 282px;
	top: 28px;
	width: 130px;	
}

div#header div#navigation #forum-link img
{
	display: block;
	margin-top: 3px;
	margin-right: 4px;
}

div#header img#customise-button
{
	position: absolute;
	top: 28px;
	left: 420px;
}

div#control-panel,
div#conflict-resolver
{
	position: absolute;
	display: none;
	top: 56px;
	left: 6px;
	width: 572px;
	padding: 24px 10px 0px 10px;
	background-image: url(../img/Community/control-panel/background.png);
	background-position: top right;
	background-repeat: no-repeat;
	z-index: 1000;
	margin: 60px auto 0px auto;
	text-align: left;
}

div#skins-panel
{
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	width: 584px;
	margin: 0 auto;
	padding: 118px 10px 0px 10px;
	z-index: 1000;	
	background-repeat: no-repeat;
	text-align: left;
}

div#panels
{
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0 auto;
	text-align: center;
	z-index: 10000;
}

div#panels div#panel-list
{
	position: relative;
	margin: 21px auto 0px auto;
	width: 910px;
}

div#skins-panel
{
	margin: 127px 0px 0px 0px;
	padding: 4px 10px 0px 10px;
	width: 583px;
	text-align: left;
	background-color: white;
	background-image: none;
}

div#skins-panel p
{
	clear: both;
}

div#skins-panel div
{
	position: relative;
	float: left;
	clear: none;
	padding: 0px 0px 0px 0px;
	margin: 4px 10px 8px 0px;
	width: 280px;
}

div#skins-panel p
{
	clear: both;
}

div#skins-panel div h3
{
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	border: 0;
	width: 100%;
}

div#skins-panel div h3 a
{
	float: left;
	clear: none;
	width: 162px;
}

div#skins-panel div img
{
	clear: both;
	border: 1px solid #c0c0c0;
	margin: 5px 0px 5px 0px;
}

div#skins-panel div a.button
{
	float: right;
	margin: 0;
	padding: 0;
	clear: none;
	width: auto;
}

div#skins-panel div a.button img
{
	margin: 0;
	border: 0;
}

div#skins-panel h2
{
	margin: 4px 0px 10px 0px;
	color: black;
	width: 584px;
	font-size: 130%;
	padding-bottom: 6px;
	border-bottom: 1px solid #c0c0c0;
}

img#add-button
{
	position: relative;
	z-index: 1000;
}

#header a.alert-link
{
	position: absolute;
	right: 80px;
	bottom: 4px;
	color: #db6a00;
	font-weight: bold;
	text-decoration: none;
}
#header a.alert-link img {
	vertical-align: middle;
	padding-bottom: 2px;
}

div#skins-panel a.close-link
{
	position: absolute;
	left: auto;
	top: 121px;
	right: 6px;
	font-weight: bold;
	color: #449d01;
}

a#edit-link
{
	position: absolute;
	top: 9px;
	right: 10px;
}

#page table#top-list
{
	margin: 0px 0px 10px 0px;
	width: 585px;
	position: relative;
}

#page table#top-list thead tr td,
#page table#top-list thead tr th,
#page table#top-list tbody tr td,
#page table#top-list tbody tr th
{
	font-weight: bold;
	text-align: left;
	line-height: 1.2em;
	padding: 4px 6px;
	border-bottom: 1px solid #dcdcdc;
	vertical-align: bottom;
	position: relative;
}

#page table#top-list tbody tr td,
#page table#top-list tbody tr th
{
	background-color: #eeeeee;
}

#page table#top-list thead tr td,
#page table#top-list thead tr th
{
	background-color: #dcdcdc;
	border-bottom: 1px solid #b4b4b4;
}

#page table#top-list thead tr th
{
	text-align: left;
}

#page #myPanel table#top-list thead tr td,
#page #myPanel table#top-list tbody tr td
{
	text-align: center;
}

#page table#top-list thead tr td
{
	text-align: left;
}

#page table#top-list tbody tr td
{
	vertical-align: middle;
}

#page table#top-list tbody tr th.owner
{
	position: relative;
	height: 59px;
	vertical-align: top;
	width: 555px;
}

#page table#top-list tbody tr th.owner img
{
	position: absolute;
	width: 50px;
	height: 50px;
	z-index: 2;
}

#page table#top-list tbody tr th.owner h2,
#page table#top-list tbody tr th.owner p
{
	position: absolute;
	padding: 16px 0px 0px 56px;
}

#page table#top-list tbody tr th.owner h2
{
	clear: both;
	font-family: Arial, Tahoma, sans-serif;
	font-size: 130%;
	margin-top: 0px;
	padding-top: 2px;
	z-index: 1;
}

#page table#top-list tbody tr th
{
	text-align: left;
}

#page table#top-list tbody tr th h2
{
	font-weight: bold;
}

#page table#top-list tbody tr th p
{
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#page table#top-list tbody tr td
{
	font-weight: normal;
	text-align: left;
}

#page table#top-list tbody tr td.score
{
	font-weight: bold;
}

#page table#top-list tbody tr td.score span
{
	font-weight: normal;
	font-size: 75%;	
}

#page table#top-list h2
{
	font-size: 100%;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

#page p.locale-note
{
	clear: both;
	margin: 0px 0px 8px 0px;
	padding: 3px 6px;
	color: red;
	font-weight: bold;
	background-color: #ffe0e0;
	border: 1px solid red;
	text-align: center;
}


/* ---- REDESIGN -------------------------------------------- */


div#header form#community-search,
div#header ul#community-navigation,
div#header ul#community-sub-navigation
{
	position: absolute;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	border: 1px solid #c0c0c0;
	border-top: 0;
	border-left: 0;
	background-color: white;
	list-style: none;
	margin: 0px;
}

div#header ul#community-navigation
{	
	width: 594px;
	height: 25px;
	top: 83px;
	left: 0px;
	font-size: 110%;
	padding: 5px 8px 0px 0px;	
}

div#header ul#community-navigation li,
div#header ul#community-navigation li a,
div#header ul#community-navigation li img
{
	position: relative;
	float: left;
	font-weight: bold;
}

div#header ul#community-navigation li
{
	padding-top: 1px;
	margin: 0px 10px 0px 8px;	
}

div#header ul#community-navigation li img
{
	margin-top: 1px;
	margin-right: 4px;
}

div#header ul#community-navigation li img.profile-picture
{
	width: 17px;
	height: 17px;
	margin-top: 1px;
	margin-left: 0px;
	margin-right: 4px;
}

div#header ul#community-sub-navigation
{
	top: 113px;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	width: auto;
	left: 8px;
	padding: 4px 6px;
	font-size: 100%;
	color: #e6e6e6;
	background-color: #424242;
	color: white;
}

div#header ul#community-sub-navigation li,
div#header ul#community-sub-navigation li a,
div#header ul#community-sub-navigation li img
{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

div#header ul#community-sub-navigation li
{
	margin: 0px 3px;
}


div#header ul#community-sub-navigation li a
{
	color: white;
}

div#header ul#community-sub-navigation li a.current
{
	font-weight: bold;
}

div#header ul#community-sub-navigation li strong
{
	margin: 0px 0px 0px 5px;
	color: black;
}

div#header ul#community-sub-navigation li span
{
	opacity: 0.5;
}

form#community-search
{
	position: absolute;
	top: 83px;
	right: 0px;
	width: 291px;
	height: 22px;
	background-color: white;
	margin: 0;
	padding: 4px;	
}

#page div#header form#community-search input
{
	display: block;
	float: left;
	clear: none;
	line-height: 1em;
	border: 1px solid #bdbdbd;
	background-color: #e2f2ff;
	padding: 4px 3px 3px 3px;
	width: 203px;
}

#page div#header form#community-search input.submit
{
	color: white;
	font-size: 100%;
	background-color: #7c7c7c;
	border: 1px solid #7c7c7c;
	margin: 0px 0px 0px 4px;
	width: 76px;
	padding: 3px 3px 2px;
	font-weight: bold;
	text-align: center;
}

#page input.submit,
#page a.submit,
div.community-block p.buttons a,
#page div#search-results form.search-form.small input.submit
{
	display: block;
	background-color: #ffffff;
	padding: 4px 9px;
	color: #0069ff;
	cursor: pointer;
	margin: 0;

	-moz-border-radius: 3px;
	background-color: #0069ff;
	color: white;	
	border: 1px solid #19447d;
	border-top: 0;
	border-left: 0;
	padding: 4px 9px;
	font-weight: bold;
	width: auto;
	
}

#page a.submit.bottom
{
	margin: 0px 8px 10px 0px;
	float: left;
}

#page a.submit.bottom.bold
{
	font-weight: bold;
}

#page form.group-search-form input[type=submit],
#page form.group-search-form input.submit
{
	display: inline;
}

a.display-none
{
	display: none;
}

/* ----- FRIENDS --------------------------------------- */

#page div.group.friend-list,
div.friends div.friend-list
{
	position: relative;
	margin: 0px 0px 0px -5px;
	width: 100%;
}

div.sidebar div.friends
{
	margin: 0;
	width: auto;
}

div.sidebar div.friends div.friend-list
{
	float: left;
	margin: 1px 0px 0px -8px;
	width: 300px;
	height: 115px;
}

div.friends a.friends-link
{
	position: absolute;
	top: 0px;
	right: 8px;
}

#page div.group.friend-list div,
div.friends div.friend-list div
{
	border: 1px solid #dbdbdb;
	background-color: white;
	float: left;
	clear: none;
	width: 80px !important;
	width: 82px;
	padding: 5px 5px 1px 5px;
	text-align: center;
	margin: 0px 0px 4px 5px !important;
	margin: 0px 0px 4px 3px;
}

#page div.group.friend-list div img,
div.friends div.friend-list div img
{
	width: 80px;
	height: 80px;
}

#page div.group.friend-list div h3,
#page div.friends div.friend-list div h3
{
	margin: 1px 0px 0px 0px;
	padding: 0;
	border: 0;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 100%;
}

/* ---- NEW SIDEBAR -------------------------------- */

#page #secondary-content
{
	float: left;
	clear: none;
	width: 284px;	
	margin: 0;
	padding: 0;
	margin-top: 241px;
}

div#secondary-content div.sidebar
{
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	clear: both;
	width: 100%;
	min-height: 26px;
	background-color: white;
	border-bottom: 1px solid #909090;
	margin-bottom: 6px;
	padding: 0px 8px 4px 8px;
	background-repeat: no-repeat;
}

div#secondary-content div.sidebar h2
{
	float: left;
	clear: both;
	position: relative;
	width: 100%;
	color: black;
	padding: 3px 0px 4px 0px;
	margin: 0px 0px 0px 0px;
	font-family: Tahoma, sans-serif;
	font-size: 100%;
	font-weight: bold;
	border-bottom: 2px solid #dbdbdb;
}

div#secondary-content div.sidebar p
{
	margin: 0;
	padding: 0;
}

div#secondary-content div.sidebar #sidebar-forum-list p.thread
{
	float: left;
	clear: both;
	width: 100%;
	margin: 3px 0px 0px 0px;
	padding: 0px 0px 3px 0px;
	line-height: 1.2em;
	border-bottom: 1px solid #ededed;
}


div#secondary-content div p.prefs
{
	z-index: 3;
	position: absolute !important;
	position: relative;
	width: 60px;
	padding: 0px;
	margin: 0;
	top: 4px !important;
	top: 0px;
	right: 10px !important;
	right: 0px;
	margin-top: 0 !important;
	margin-top: -20px;
	padding-bottom: 0 !important;
	padding-bottom: 4px;
	margin-left: 0 !important;
	margin-left: 220px;	
	font-size: 90%;
	text-align: right;
	color: #c0c0c0;	
}

div#secondary-content div#sidebar-fight-list form.fight-form
{
	position: relative;
	display: block;
	float: left;
	width: 100%;
	margin: 5px 0px 0px 0px;
	padding: 0;
}

div#secondary-content div#sidebar-fight-list form.fight-form img
{
	position: absolute;
	margin: 0;
	padding: 0;
	z-index: 0;
	top: -26px !important;
	top: -22px;
	left: 126px !important;
	left: 130px;
}

div#secondary-content div#sidebar-fight-list form.fight-form input,
div#secondary-content div#sidebar-fight-list form.fight-form strong
{
	position: relative;
	z-index: 1;
}

div#secondary-content div#sidebar-fight-list form.fight-form input.fighter
{
	background-color: #e2e2e2;
	border: 1px solid #f1f1f1;
	border-left: 1px solid #bdbdbd;
	border-top: 1px solid #bdbdbd;	
}

#page #secondary-content ul
{
	margin: 0px 0px 2px 14px;
	padding: 0;
}

span#forum-more
{
	position: absolute;
	top: 4px;
	right: 40px;
	font-size: 90%;
}

form.fight-form input,
form.fight-form strong
{
	float: left;
	clear: none;
	width: 97px;
	margin-right: 4px;
	margin-top: 1px;
}

form.fight-form strong,
form.fight-form input.submit
{
	width: auto;
	margin-bottom: 4px;
	margin-top: 0px;
}

form.fight-form input.submit
{
	width: 54px;
	padding: 0px !important;
	padding: 0px;
	padding-top: 1px !important;
	padding-top: 1px;
	padding-bottom: 2px !important;
	padding-bottom: 2px;
}

div#secondary-content div#sidebar-fight
{
	position: relative;
}

div#secondary-content div#sidebar-stats img
{
	position: absolute;
	z-index: 0;
	bottom: 1px;
	left: 157px;
}

div#secondary-content div#sidebar-stats ul
{
	position: relative;
	z-index: 1;
}

/* ---- FOOTER -------------------------------- */

div#footer
{
	display: block;
	float: left;
	clear: both;
	width: 100% !important;
	width: auto;
	margin: 0;
	text-align: center;	

}

div#footer div
{
	border: 1px solid #bcbcbc;
	border-bottom: 0;
	background-color: #ffffff;
	width: 898px;
	height: 18px;
	padding: 6px;
	margin: 0px auto;
}

div#footer p
{
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
}

div#footer div p img
{
	float: left;
	margin: 0px 4px 0px 4px;
}

div#footer div p a,
div#footer div p strong
{
	padding-left: 0px;
	padding-right: 2px;
}

div#footer div p a
{
	background-image: url(../img/Community/sidebar/footer-bullet.png);
	background-repeat: no-repeat;
	padding-left: 10px;	
	background-position: center left;
}

div#footer p.copyright
{
	float: right;
	font-size: 90%;
}

div#footer ul li
{
	float: left;
	clear: none;
}

img#xbl-promo,
img#cod4-promo,
img#namegame-promo
{
	margin-bottom: 6px;
}

#myPanel p.alert.nice
{
	background-color: #caeac4;
	border: 1px solid #34c456;
	color: #288d40;
}

#page #myPanel #primary-content p.alert.green
{
	border: 3px solid #6ecc33;
	background-color: #e1f3be;
	color: #5fb22b;
	width: 562px;
	padding: 4px 7px;
	margin: 0;
	font-weight: normal;
}

#page #myPanel #primary-content p.alert.green a
{
	border-bottom: 2px solid #0069ff;
	font-weight: bold;
}

/* ---- AUTOCOMPLETER ------------------------------------- */

div#community-search-list.updater li
{
	width: 175px;
}

div#community-search-list.updater li span
{
	margin-top: 1px;
	line-height: 1.2em;
}

div#community-search-list.updater li.selected span
{
	color: white;
}

div#community-search-list.updater li.selected span.members
{
	color: #c0c0c0;
}

#theTop #toolBar
{
	width: 656px;
}

ul#top-tabs li a.forum
{
	padding-top: 4px;
}

/* ---- Important message --------------------------------- */

div#important-message
{
	display: block;
	clear: both;
	border: 4px solid #2a76d5;
	background-image: url(../img/GINetwork/Forum/error.gif);
	background-position: center left;
	background-repeat: no-repeat;
	padding: 8px 10px 8px 170px;
	margin-bottom: 12px;
	-moz-border-radius: 4px;
	float: left;
	width: 382px;
	border: 4px solid #ffcc00;
	border-bottom: 4px solid #ffb101;
}

div#important-message p
{
	float: left;
	clear: left;
	width: 382px;
	margin: 0;
	padding: 0;
	font-size: 130%;
	line-height: 1.2em;
	color: black;
}