/*---Worlds CSS---*/

.choose_login_world {
	background:url(/site/images/newdesign/mainBg.jpg) no-repeat;
	width:546px;
	height:310px;
	padding-bottom:10px;
	padding-top:16px;
}

.choose_login_world h2 {
	font-size:18px;
	margin:0px;
	margin-left:250px;
	font-weight:normal;
	margin-bottom:16px;
}

.other_worlds {
	padding-top:17px;
	width:120px;
	height:51px;
	display:block;
	float:left;
	text-align:center;
	margin-top:5px;
	font-weight:bold;
	font-size:10px;
	margin-left:10px;
	color:#900000 !important;
	background:url(/site/images/newdesign/world_buttons/sprite.png) -13px -680px no-repeat;
}

.other_worlds:hover {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -266px -680px no-repeat;
}

.world_buttons {
	overflow:auto;
	height:230px;
	width:545px;
	padding-top:10px;
	margin-top:-10px;
	position:relative;
}

.world_buttons a * {
  cursor:pointer;
}

.world_buttons .innerContainer {
	width:496px;
	float:left;
	position:relative;
	left:23px;
}

.world {
	padding-top:9px;
	width:248px;
	height:59px;
	display:block;
	float:left;
	text-align:center;
	color:black !important;
	margin-top:5px;
	position:relative;
	font-size:12px;
}

button .world strong {
	font-weight:bold;
	font-size:11px;
}

button .world small {
	margin-top:-16px;
}


.world h3 {
	position:relative;
	top:-20px;
	font-size:14px;
	height:17px;
}

.world .recommended {
	font-size:9px;
	color:red;
	
}

.world small {
	font-size:9px;
	display:block;
	width:160px;
	margin:-13px  auto auto auto;	
}

.world small strong {
	color:#444;
}

.trunk {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px -544px no-repeat;
}

a.trunk:hover, button:hover .trunk  {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px -544px no-repeat;
}

.alpha {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px -612px no-repeat;
}

a.alpha:hover, button:hover .alpha {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px -612px no-repeat;
}

.dwarfs {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px -476px no-repeat;
}

a.dwarfs:hover, button:hover .dwarfs {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px -476px no-repeat;
}

.trolls {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px -340px no-repeat;
}

a.trolls:hover, button:hover .trolls {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px -340px no-repeat;
}

.giants {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px -68px no-repeat;
}

a.giants:hover, button:hover .giants {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px -68px no-repeat;
}

.centaurs {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px -204px no-repeat;
}

a.centaurs:hover, button:hover .centaurs {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px -204px no-repeat;
}

.priests {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px -408px no-repeat;
}

a.priests:hover, button:hover .priests {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px -408px no-repeat;
}

.elves {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px -136px no-repeat;
}

a.elves:hover, button:hover .elves {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px -136px no-repeat;
}

.warrior {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px top no-repeat;
}

a.warrior:hover, button:hover .warrior {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px top no-repeat;
}

.fairies {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px -272px no-repeat;
}

a.fairies:hover, button:hover .fairies {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px -272px no-repeat;
}

.unicorn {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -6px -408px no-repeat;
}

a.unicorn:hover, button:hover .unicorn {
	background:url(/site/images/newdesign/world_buttons/sprite.png) -259px -408px no-repeat;
}