@charset "utf-8";
/* CSS Document for Edgeways index page. */

*
{
	margin: 0;
	padding: 0;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: #000;
	line-height: 1em;
}

img
{
	border: none;
	behavior: url(scripts/iepngfix.htc);
}

a
{
	color: #fff;
}

div.clear
{
	clear: both;
	height: 0px;
	font-size: 0.1em;
	line-height: 0.1em;
	overflow: hidden;
}

div#containerMain
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 240px 0 200px 0;
	background: url(../images/bg-main.jpg) top no-repeat;
}

div#containerMain h1
{
	position: absolute;
	top: 210px;
	left: 50%;
	width: 302px;
	height: 68px;
	margin: 0 0 0 -151px;
}

div#containerNav
{
	width: 1000px;
	padding: 0 0 3px 0;
	background: url(../images/nav-bdr-btm.gif) bottom no-repeat;
}

div#containerNav ul
{
	width: 340px;
	padding: 2px 0 0 0;
	list-style-type: none;
	font: 0.7em Tahoma, Arial, sans-serif;
	letter-spacing: 0.2em;
}

div#containerNav ul li a
{
	text-decoration: none;
}

div#containerNav ul li a:hover
{
	text-decoration: underline;
}

div#containerNav ul#navLeft
{
	float: left;
	background: url(../images/nav-left-bdr-top.gif) top no-repeat;
}

div#containerNav ul#navLeft li
{
	float: left;
	padding: 15px 37px 15px 20px;
	background: url(../images/bg-nav-separator.gif) right repeat-y;
}

div#containerNav ul#navRight
{
	float: right;
	background: url(../images/nav-right-bdr-top.gif) top no-repeat;
}

div#containerNav ul#navRight li
{
	float: right;
	padding: 15px 20px 15px 37px;
	background: url(../images/bg-nav-separator.gif) left repeat-y;
}

div#containerNav ul#navLeft li.last, div#containerNav ul#navRight li.last
{
	background: none;
}

div#containerContent
{
	position: relative;
	width: 1000px;
	margin: 30px 0 0 0;
}

div#column1
{
	float: left;
	width: 182px;
}

div#column2
{
	float: left;
	width: 542px;
	margin: 0 0 0 47px;
}

div#column3
{
	float: left;
	width: 182px;
	margin: 0 0 0 47px;
}

div.moduleCallout
{
	width: 180px;
	margin: 0 0 10px 0;
	border: 1px solid #4b4b38;
	background: #fff;
}

div.moduleCallout h3
{
	width: 174px;
	padding: 6px 0 6px 6px;
	font: 0.7em Tahoma, Arial, sans-serif;
	letter-spacing: 0.2em;
	color: #fff;
	background: #000;
	border-bottom: 1px solid #4b4b38;
}

div.moduleCallout h3#wotlk
{
	background: url(../images/bossiconwrath.gif) 140px 6px no-repeat #000;
}div.moduleCallout h3#cata{	background: url(../images/cata-logo.png) 132px 5px no-repeat #000;}

div.moduleCallout h4
{
	width: 174px;
	padding: 6px 0 6px 6px;
	font: 0.7em Tahoma, Arial, sans-serif;
	letter-spacing: 0.2em;
	color: #000;
}

div.moduleCallout p
{
	width: 168px;
	padding: 2px 8px 8px 4px;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #000;
}

div.moduleCallout ul
{
	width: 166px;
	padding: 2px 8px 8px 6px;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #000;
	list-style-type: none;
}

div.moduleCallout dl
{
	width: 166px;
	padding: 2px 8px 0 6px;
	font: bold 0.7em Arial, Helvetica, sans-serif;
	color: #000;
	list-style-type: none;
}

div.moduleCallout dl dd
{
	margin: 0 0 8px 0;
}

ul#recruitment li
{
	margin:0 0 8px 0;
}

ul#schedule li
{
	margin:0 0 0 0;
}

ul#schedule li.last
{
	margin:0 0 8px 0;
}

ul#recruitment li.last
{
	margin:0;
}

.Rogue
{
	color: #aa0;
}

.Paladin
{
	color: #c66;
}

.Druid
{
	color: #d60;
}

.Mage
{
	color: #3cf;
}

.Warrior
{
	color: #930;
}

.Hunter
{
	color: #693;
}

.Shaman
{
	color: #009;
}

.Warlock
{
	color: #63c;
}

.Priest
{
	color: #ccc;
}

.Deathknight
{
	color: #f00;
}

div.moduleCallout img
{
	margin: 0 0 0 17px;
	padding: 4px 4px 4px 4px;
}

div.moduleCallout a
{
	color: #000000;
}

li.naxx
{
	margin: 0 0 5px 0;
	padding: 2px 0 2px 25px;
	background: url(../images/bossiconnaxx.gif) left no-repeat;
}

li.argent
{
	padding: 2px 0 2px 25px;
	background: url(../images/bossiconargent.gif) left no-repeat;
}

li.obsidian
{
	margin: 0 0 5px 0;
	padding: 2px 0 2px 25px;
	background: url(../images/bossiconobs.gif) left no-repeat;
}

li.eye
{
	margin: 0 0 5px 0;
	padding: 2px 0 2px 25px;
	background: url(../images/bossiconmaly.gif) left no-repeat;
}

li.ulduar
{
	margin: 0 0 5px 0;	
	padding: 2px 0 2px 25px;
	background: url(../images/bossiconulduar.gif) left no-repeat;
}


li.firelands{	margin: 6px 0 5px 0;		padding: 2px 0 2px 22px;	background: url(../images/IconSmall_FireLord.gif) left no-repeat;}

li.dragon-soul{	margin: 6px 0 5px 0;		padding: 2px 0 2px 22px;	background: url(../images/IconSmall_DS.gif) left no-repeat;}
li.blackwing-descent{	margin: 6px 0 5px 0;		padding: 2px 0 2px 22px;	background: url(../images/IconSmall_Nefarian.gif) left no-repeat;}li.four-winds{	margin: 0 0 5px 0;		padding: 2px 0 2px 22px;	background: url(../images/IconSmall_Djinni.gif) left no-repeat;}li.bastion-twilight{	padding: 2px 0 2px 22px;	background: url(../images/IconSmall_Chogall.gif) left no-repeat;}

div.moduleCentre
{
	width: 540px;
	margin: 0 0 10px 0;
	border: 1px solid #4b4b38;
	background: url(../images/bg-module-callout.jpg) top repeat-x #fff;
}

div.moduleCentre h2
{
	width: 534px;
	padding: 6px 0 6px 6px;
	font: 0.7em Tahoma, Arial, sans-serif;
	letter-spacing: 0.2em;
	color: #fff;
	background: #000;
	/*border-bottom: 1px solid #4b4b38;*/
}

div.moduleCentre div.moduleCenterContent
{
	width: 540px;
	padding: 0 0 8px 0;
	border-top: 1px solid #4b4b38;
}

div.cols{
	width:540px;
}

div.col1
{
	float:left;
	width: 180px;
}

div.col2
{
	float:left;
	width: 180px;
}

div.col3
{
	float:right;
	width: 180px;
}

div.moduleCentre p
{
	width: 526px;
	padding: 2px 8px 8px 6px;
	font: 0.7em Arial, Helvetica, sans-serif;
	color: #000;
}

div.moduleCentre p.lastPara
{
	padding: 2px 8px 0 6px;
}
div.moduleCentre a
{
	display:block;
}div.moduleCentre p a{	display:inline;	color: #000;}

div.moduleCentre img
{
	width: 425px;
	margin: 0 0 0 58px;
	display:block;
}

div.moduleCentre span
{
	padding: 0 0 0 58px;	display:block;
}div.moduleCentre span.pad-bot{	padding: 0 0 8px 58px;}

/* Lightboxes */

div#lightBoxBg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	z-index: 99;
	background: #000;
	display: none;
}

div#lightBoxContainer
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	z-index: 100;
	background: transparent;
	display: none;
}

div#lightBox
{
	position: relative;
	width: 860px;
	margin: 100px auto 20px auto;
}

div#lightBox a#closeBtn
{
	float: right;
	margin: 0 0 10px 0;
	font: normal 0.75em Tahoma, Arial, sans-serif;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	text-decoration: none;
	display: none;
}

div#lightBox a#closeBtn:hover
{
	text-decoration: underline;
}

div#lightBoxContent
{
	clear: right;
	padding: 20px;
	border: 1px solid #4b4b38;
}	

/* Rulebook page. */

div#containerMain div#lightBoxContent *
{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

div#containerMain div#lightBox h1
{
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 0 20px 0;
	font: normal 1em Tahoma, Arial, sans-serif;
	letter-spacing: 0.2em;
}

div#containerMain div#lightBox h2
{
	margin: 0 0 10px 0;
	font: normal 0.9em Tahoma, Arial, sans-serif;
	letter-spacing: 0.2em;
}

div#containerMain div#lightBox h3
{
	margin: 0 0 10px 0;
	font: normal 1em Tahoma, Arial, sans-serif;
	letter-spacing: 0.2em;
}

div#containerMain div#lightBox h4
{
	margin: 0 0 10px 0;
	font: normal 1em, Arial;
}

div#containerMain div#lightBox ol 
{
	margin: 0 0 30px 30px;
	font: 0.8em Arial, Helvetica, sans-serif;
}

div#containerMain div#lightBox ol li 
{
	margin: 0 0 3px 0;
	
}

div#containerMain div#lightBox ol ol
{
	margin: 0 0 30px 20px;
	font-size: 1em;
	list-style-type: lower-alpha;
}

div#containerMain div#lightBox ol ul
{
	margin: 0 0 0 20px;
	font-size: 1em;
	list-style-type: circle;
}

div#imgBoxBg
{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 1000px;
	z-index: 99;
	background: #000;
	display: none;
}

div#imgBoxContainer
{
	position: absolute;
	top: 0px;
	left: 49px;
	width: 902px;
	z-index: 100;
	background: transparent;
	display: none;
}

div#imgBox
{
	position: relative;
	width: 902px;
	margin: 100px 0 20px 0;
}

div#imgBox a
{
	float: right;
	margin: 0 0 10px 0;
	font: normal 0.75em Tahoma, Arial, sans-serif;
	letter-spacing: 0.2em;
	color: #FFFFFF;
	text-decoration: none;
	display: none;
}

div#imgBox a:hover
{
	text-decoration: underline;
}

div#imgBoxContent
{
	clear: right;
	width: 902px;
	height: 720px;
}

div#imgBoxContent img
{
	display: block;
	width: 900px;
	border: 1px solid #4b4b38;
}

div.loading
{
	width: 900px;
	height: 720px;
	background: url(../images/ajax-loader.gif) center center no-repeat;
}

div.guildOx
{
	padding: 5px 30px 0 30px;
}

div.guildOx table
{
	margin: 0 0 5px 0;
	background: #000;
}

.clearfix:after {clear:both;height:0;line-height:0;content:".";visibility:hidden;display:block;}