/* CSS by Matt Webb / SEGA ONLINE SERVICES */

/* Layout Specific CSS */

div#accessibility {
	display: none;
}

div#topbar {
	background: url("../global_images/top_bar_tile.png") repeat-x center top;
	width: 100%;
	height: 76px;
}

div#branding {
	width: 870px;
	height: 76px;
	background: url("../global_images/top_bar.png") no-repeat center top;
	margin: 0 auto;
	padding: 0 30px;
}

a#logo {
	display: block;
	margin: 0 auto;
	width: 226px;
}

*html a#logo {
	margin-left: 320px;
}

div#content {
	width: 920px;
	height: 506px;
	margin: 14px auto;
	padding: 0 5px;
}

body#leaderboardpage div#content,
body#leaderboardfull div#content {
	width: 920px;
	height: auto;
	margin: 14px auto;
	padding: 0 5px;
}

body#home div#leftcol {
	height: 506px;
	width: 561px;
	background: url("../global_images/leftcol_bg.png") no-repeat;
}

div#leftcol {
	height: 506px;
	width: 561px;
	background: url("../global_images/leftcol_bg_content.png") no-repeat;
}

div#box1, 
div#box2, 
div#box3, 
div#box4, 
div#box5, 
div#box6, 
div#box7, 
div#box8, 
div#box9 {
	height: 330px;
	padding: 37px 25px;
}

body#storypage div#box2 img {
	float: right;
	border: 1px solid #fff;
	margin: 10px;
}

body#houndspage div#box1 img, 
body#houndspage div#box2 img, 
body#houndspage div#box3 img,
body#houndspage div#box4 img,
body#houndspage div#box5 img,
body#houndspage div#box6 img {
	border: 10px solid #232323;
	margin-left: 45px;
}

div#rightcol {
	width: 302px;
	height: 463px;
	float: right;
	margin-top: -506px;
	background: url("../global_images/rightcol_bg.png") no-repeat;
	padding: 20px;
}

body#houndspage div#rightcol {
	background: url("../global_images/rightcol_bg_hounds.png") no-repeat;
}

body#factionspage div#rightcol {
	background: url("../global_images/rightcol_bg_factions.png") no-repeat;
	padding: 20px 15px 20px 15px;
	width: 312px;	
}

img#combatscreens {
	margin-left: 38px;
}

div#footer {
	background: url("../global_images/footerbg.png") center top no-repeat;
	width: 930px;
	height: 100px;
	margin: 0 auto;
}

div#footer #sega {
	float: right;
	margin: 18px 40px 0 0;
}

body#registerpage {
	background: black url("../global_images/register_window_bg.png") no-repeat;
}

div#regform {
	width: 320px;
	height: 380px;
	margin: 40px 0 0 354px;
	padding: 0 0 0 20px;
}

div#regform table {
	width: 310px;
	margin-bottom: 10px;
}

div#regform table td {
	padding: 5px;
}

div#regform table strong {
	display: block;
	margin-bottom: 5px;
}

div#regform p {
	color: #F9D818;
	font-weight: bold;
}


div#top10info {
	background: url("../global_images/top10tile.png") repeat-y;
	height: 320px;
	padding-right: 38px;
}

div#fullleader {
	background: url("../global_images/fullleadertile.png") repeat-y;
}

table#leadertable {
	width: 530px;
	float: right;
	margin: 0;
}

body#leaderboardfull table#leadertable {
	width: 850px;
	float: none;
	margin: 0 auto;
}

table#leadertable td {
	background-color: #252525;
	padding: 8px;
}

table#leadertable td.top {
	background-color: #000;
	color: #F9D818;
	font-weight: bold;
}

span#bottomcap {
	display: block;
	width: 912px;
	height: 39px;
	background: url("../global_images/top10bottomcap.png") no-repeat;
	clear: both;
}

body#leaderboardfull span#bottomcap {
	display: block;
	width: 912px;
	height: 39px;
	background: url("../global_images/lbfbottomcap.png") no-repeat;
	clear: both;
}
