body {
	padding:	0;
	border:		0;
	margin:		0;
	background: #fff none repeat scroll 0 0;
	color:		#6a6a6a;
}



h1, h2 {
	font-weight:	bold;
	font-family:	Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif;
	color:			#103f5e;
	margin:			0;
	padding:		0;
}
h1 {
	font-size:		35px;
}
h2 {
	margin-top:		25px;
	margin-bottom:	10px;
	font: 			bold 20px Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif;
}
h3 {
	font: 			bold 18px Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif;
	color:			#6a6a6a;
}
h4 {
	font: 			bold 13px Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif;
	color:			#6a6a6a;
}
h5 {
	font: 			normal 10px Verdana,serif;
	color:			#6a6a6a;
}
h6 {
	font-size:	10px;
	font-weight:bold;
	text-align:	center;
	color:		#6a6a6a;
	margin:		5px 0 10px 0;
	padding:	0;
	border:		0;
}
h2 a {
	color: #103f5e !important;
}
h2 a:hover {
	text-decoration: underline;
}

p.cannot {
	font-size:	10px;
	text-align:	center;
	color:		#6a6a6a;
	margin:		5px 0 10px 0;
	padding:	0;
	border:		0;
}

/**
	Site-wide common extensions
**/
.center {
	margin-left:	auto;
	margin-right:	auto;
	text-align:		center !important;
}

.btm-border {
	border-bottom:	solid 1px #eee;
}

.sixtypct {
	width:	60%;
}

.btm-margin {
	margin-bottom:	5px;
}

.lrg-font {
	font-size:	50px;
}
.sml-font {
	font-size:	20px;
}
.no-margin {
	margin:	0 !important;
}


/**
	Site main body
	-------------------
**/
#page-content {
	position:		relative;
	width:			100%;
	height:			auto;
	background:		#fff none repeat scroll 0 0;
	float:			left;
}


/**
	Site header
	---------------
**/
#page-header {
	position:			relative;
	width:				100%;
	float:				left;
	background-color:	#000;
	margin-bottom:		10px;
}
#header-height {
	height:400px;
}
#header-sbg { 
	background: transparent url('/layout/images/banner/bbg.jpg') no-repeat top center;
}
#header-pl1 #header-pl2 #header-pl3 #header-pl4 #header-sfg {
	width:100%;
}
#header-pl1 { 
	background: url('/layout/images/banner/pl1.png') no-repeat center -25px;
}
#header-pl2 { 
	background: transparent url('/layout/images/banner/pl2.png') no-repeat center -25px;
}
#header-pl3 { 
	background: transparent url('/layout/images/banner/pl3.png') no-repeat center bottom;
}
#header-pl4 { 
	background: transparent url('/layout/images/banner/pl4.png') no-repeat center -25px;
}
#header-sfg { 
	background: transparent url('/layout/images/banner/bfg.png') no-repeat center bottom;
}
#header-height-sml {
	height:330px;
}
#header-sbg-sml{ 
	background: transparent url('/layout/images/banner/bbg-sml.jpg') no-repeat top center;
}
#header-pl1-sml #header-pl2-sml #header-pl3-sml #header-sfg-sml {
	width:100%;
}
#header-pl1-sml { 
	background: url('/layout/images/banner/pl1-sml.png') no-repeat center bottom;
}
#header-pl2-sml { 
	background: transparent url('/layout/images/banner/pl2-sml.png') no-repeat center bottom;
}
#header-pl3-sml { 
	background: transparent url('/layout/images/banner/pl3-sml.png') no-repeat center bottom;
}
#header-sfg-sml { 
	background: transparent url('/layout/images/banner/bfg-sml.png') no-repeat center bottom;
}
#header-wrap {
	position:	relative;
	width:		950px;
	margin: 	0 auto;
	padding:	0;
}

/* Upper menu - forum functionality */
#uppermenu {
	width:	950px;
	margin: 0 auto;
}
#uppermenu ul.linklist {
	padding-top: 2px;
}
#uppermenu ul.linklist li {
	color:	#bcc;
}
#uppermenu ul.linklist a {
	color:	#bcc;
}
#uppermenu ul.linklist a:hover {
	text-decoration: underline;
}

/** Main menu **/
#mainmenu {
	position:	absolute;
	right:		-5px;
	top:		104px;
}
/** Lavalamp main menu **/
.lavaLamp {
    position: relative;
}
/* Force the list to flow horizontally */
.lavaLamp li {
	float: left;
	list-style: none;
}
/* Represents the background of the highlighted menu-item. */
.lavaLamp li.back {
	background: url('/layout/images/sitemenu/menu-hilit.png') no-repeat right -35px;
	width: 13px; height: 35px;
	z-index: 8;
	position: absolute;
}
.lavaLamp li.back .left {
	background: url('/layout/images/sitemenu/menu-hilit.png') no-repeat top left;
	height: 35px;
	margin-right: 13px;
}
/* Styles for each menu-item. */
.lavaLamp li a {
	position: relative; overflow: hidden;
	text-align: center;
	height: 35px; top: 2px;
	z-index: 10; letter-spacing: 0;
	float: left; display: block;
	margin: auto 3px;
}

/* Logo */
#logo {
	position:	absolute;
	left:		-35px;
	top:		15px;
	z-index:	400;
}

/* Breadcrubs */
.breadcrumbs {
	padding-bottom:	1em;
	font-size:		1.2em;
	font-weight:	normal;
	line-height:	150%;
	text-transform	:uppercase;
}


/**
	Content wrapper - main body
	------------------------------------
**/
div.wrap {
	margin:			0 auto;
	width:			950px;
}

/**
	Column layouts
	-------------------
**/
/* column container - common to all column layouts*/
.colmask {
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;	/* This chops off any overhanging divs */
}

/* 2 column right menu settings */
.rightmenu .colleft {
	float:left;
	width:200%;
	margin-left:-260px;
	position:relative;
	right:100%;
}
.rightmenu .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	padding-bottom:1em;
}
.rightmenu .col1 {
	margin:0 0 0 260px;
	overflow:hidden;
}
.rightmenu .col2 {
	float:right;
	width:240px;
	position:relative;
	left:255px;
}

/* 2 column right menu settings - pct based */
.rightmenu-pct {
}
.rightmenu-pct .colleft {
	position:relative;
	float:left;
	width:100%;
	right:30%;			/* right column width */
}
.rightmenu-pct .col1 {
	float:left;
	position:relative;
	padding:0 0 1em 0;
	width:69%;			/* left column content width (left column width minus left and right padding) */
	left:30%;			/* (right column width) plus (left column left padding) */
}
.rightmenu-pct .col2 {
	float:left;
	padding:0 0 1em 0;
	position:relative;
	width:29%;			/* right column content width (right column width minus left and right padding) */
	left:32%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 2 column right menu settings - sml! */
.rightmenu-sml .colleft {
	float:left;
	width:200%;
	margin-left:-215px;
	position:relative;
	right:100%;
}
.rightmenu-sml .col1wrap {
	float:left;
	width:50%;
	position:relative;
	left:50%;
	padding-bottom:1em;
}
.rightmenu-sml .col1 {
	margin:0 0 0 215px;
	overflow:hidden;
}
.rightmenu-sml .col2 {
	float:right;
	width:195px;
	position:relative;
	left:215px;
}
	
/* holy grail 3 column settings */
.holygrail {
	background:		transparent;
}
.holygrail .colmid {
	float:left;
	width:200%;
	margin-left:-180px; 	/* Width of right column */
	position:relative;
	right:100%;
}
.holygrail .colleft {
	float:left;
	width:100%;
	margin-left:-50%;
	position:relative;
	left:380px;         	/* Left column width + right column width */
}
.holygrail .col1wrap {
	float:left;
	width:50%;
	position:relative;
	right:205px;        	/* Width of left column */
}
.holygrail .col1 {
	margin:0 180px 0 210px;     	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:200%;
/*	overflow:hidden;*/

}
.holygrail .col2 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:200px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	right:	0px;         	/* Width of the left-had side padding on the left column */

	}
.holygrail .col3 {
	float:left;
	float:right;			/* This overrides the float:left above */
	width:175px;        	/* Width of right column content (right column width minus left and right padding) */
	margin-right:5px;  	/* Width of right column right-hand padding + left column left and right padding */
	position:relative;
	left:50%;

	}

/* 2 column left menu settings */
.leftmenu {
}
.leftmenu .colright {
	float:left;
	width:200%;
	position:relative;
	left:200px;
	background:#fff;
}
.leftmenu .col1wrap {
	float:right;
	width:50%;
	position:relative;
	right:200px;
	padding-bottom:1em;
}
.leftmenu .col1 {
	margin:0 15px 0 215px;
	position:relative;
	right:100%;
	overflow:hidden;
}
.leftmenu .col2 {
	float:left;
	width:170px;
	position:relative;
	right:185px;
}

/* 3 column blog style settings */
.blogstyle {
}
.blogstyle .colmid {
	float:left;
	width:200%;
	margin-left:-180px; 	/* Width of right column */
	position:relative;
	right:100%;
}
.blogstyle .colleft {
	float:left;
	width:100%;
	margin-left:-210px; 	/* Width of centre column */
}
.blogstyle .col1wrap {
	float:left;
	width:50%;
}
.blogstyle .col1 {
	margin:0 0 0 390px;	
	position:relative;
	left:100%;
	overflow:hidden;
}
.blogstyle .col2 {
	float:right;
	width:200px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	left:200px;         	/* Width of the left-had side padding on the left column */
}
.blogstyle .col3 {
	float:right;
	width:170px;        	/* Width of right column content (right column width minus left and right padding) */
	position:relative;
	left:585px;
}



/**
	Footer
	-------
**/
#page-footer-sl1 {
	position:	relative;
	width:		100%;
	float:		left;
	background: #fff url('/layout/images/banner/fbg-sl1.png') repeat-x bottom center;
}
#page-footer {
	position:	relative;
	width:		100%;
	float:		left;
	min-height:	300px;
	background: #0f3059 none repeat scroll 0 0;	
}
#footer-sbg {
	background: transparent url('/layout/images/banner/fbg.jpg') no-repeat top center;
}
#footer-border {
	width:		100%;
	background: transparent url('/layout/images/banner/fbg-border.png') repeat-x top center;
}
#footer-wrap {
	position:	relative;
	width:		950px;
	margin: 	0 auto;
	padding:	0;
}

#page-footer ul  li {
	display: block;
	list-style-type: none;
	font-size: 1.1em;
	line-height: 150%;
	color:		#ddd;
}



/*
	Calendar instance event colours
	-------------------------------
*/
.bday	{ background-color: #e90; }


/**
	Misc 
	------
**/
div.page-divider {
	display:	block;
	clear:		both;
	width:		951px;
	height:		18px;
	margin: 	0 auto;
	border:		0;
	padding:	0;
	text-align:	left;
	background: transparent url('/layout/images/divider.png') no-repeat;
}


/**
	Class colouration
	----------------------
**/
.deathknight 	{ color: #A91B33 !important; }
.druid 			{ color: #C45F11 !important; }
.hunter 			{ color: #596A4A !important; }
.mage 			{ color: #46ADD8 !important; }
.paladin 		{ color: #CF739F !important; }
.priest			{ color: #cacfda !important; }
.rogue 			{ color: #D69435 !important; }
.shaman			{ color: #354AFF !important; }
.warlock 		{ color: #B629A4 !important; }
.warrior 		{ color: #734F3A !important; }

.class-bg { 
	display:	block;
	width:		150px;
	padding:	4px;
	color:		#fff;
	font-size:	11px;
	
	-moz-border-radius:		3px;
	-webkit-border-radius:	3px;
}

.bg-deathknight 	{ background-color: #A91B33; }
.bg-druid 		{ background-color: #C45F11; }
.bg-hunter 		{ background-color: #596A4A; }
.bg-mage 		{ background-color: #46ADD8; }
.bg-paladin 		{ background-color: #F58CBA; }
.bg-priest		{ background-color: #cacfda; }
.bg-rogue 		{ background-color: #D69435; }
.bg-shaman		{ background-color: #354AFF; }
.bg-warlock 		{ background-color: #B629A4; }
.bg-warrior 		{ background-color: #734F3A; }

.bg-disenchant	{ background-color: #fff; color:#000 !important; }

.class-bg a { color: #fff; }
.bg-priest a { color: #888 !important; }













/*
	bubbletip
	----
*/
a.has-bubbletip {
	cursor:	help;
}

.bubbletip {
}
.bubbletip-content {
	font-size: 			11px;
	padding:			0;
	text-align: 		left;
}

.bubbletip-content dl {
	margin:				0;
	padding:			5px;
	color:				#6a6a6a;
}
.bubbletip-content dl dt {
	width: 			7em;
	text-align:		right;
	font-weight:	bold;
	color:			#6a6a6a;
	line-height:	150%;
	float:			left;
}
.bubbletip-content dl dd {
  	padding-left:	8em;
	text-align:		left;
	color:			#6a6a6a;
	line-height:	150%;
}
.bubbletip-content dl.user-buff-group {
	clear:			left;
	font-size:		10px;
	margin:			0;
	padding:		0 0 5px 0;
}
.bubbletip-content dl.user-buff-group dt {
	width:		13em;
	float:		left;
}
.bubbletip-content dl.user-buff-group dd {
	padding-left:	14em;
}
.bubbletip-content dl.user-buff-group dd ul {
	margin:			0;
	padding-bottom:	5px;
}
.bubbletip-content dl.user-buff-group dd ul li {
	list-style-type:	none;
	margin:				0;
	padding:			0;
}
.bubbletip-content dl.user-buff-group dd .buff-name {
	padding-left:	20px;
}
.bubbletip-content dl.user-buff-group dd .buff-pri {
	float:	left;
	width:	15px;
}

















/* Table styles
----------------------------------------*/
table.table3 {
	width:	100%;
}
table.table3 th {
	padding: 		5px;
	border-bottom: 	solid 1px #6a6a6a;
	font:			normal 0.9em Arial,sans-serif;
	text-transform:	uppercase;
	text-align:		center;
	font-weight:	normal;
	color:			#6a6a6a;
}
table.table3 th a {
	color: #6a6a6a !important;
}

table.table3 th.no-border {
	border-bottom:			0;
}
table.table3 td {
	font:		normal 1.1em Verdana,serif; 
	padding: 	5px;
}

table.table3 td.white { background-color:#fff; }

table.table3 tr:hover {
	background-color: #eee;
	color: #000;
}
table.table3 tr:hover td.white {
	background-color: #eee;
}
table.table3 tr:hover.no-hover {
	background-color: #fff;
}

table.table2 {
	/* See tweaks below */
}

#ucp-main table.table2 {
	padding: 2px;
}

table.table2 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #000;
	line-height: 1.3em;
	font-size: 1em;
	padding: 0 0 4px 3px;
}

table.table2 thead th a {
	color: #000 !important;
}

table.table2 thead th span {
	padding-left: 7px;
}

table.table2 tbody tr {
}

table.table2 tbody tr:hover, table.table2 tbody tr.hover {
	background-color: #eee;
	color: #000;
}

table.table2 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table2 tbody td {
	padding: 5px;
}

table.table2 tbody th {
	padding: 5px;
	text-align: left;
	color: #6a6a6a;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table2 .border		{ border-bottom: solid 1px #000 }
table.table2 .posts		{ text-align: center !important; width: 7%; }
table.table2 .info		{ text-align: left; width: 30%; }
table.table2 .info div	{ width: 100%; white-space: nowrap; overflow: hidden; }
table.table2 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table2 thead .autocol { padding-left: 1em; }

table.table2 span.rank-img {
	float: right;
	width: auto;
}

table.table2 {
	width: 99%;		/* IE < 6 browsers */
	/* Tantek hack */
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 100%;
}
html>body table.table2 { width: 100%; }	/* Reset 100% for opera */





/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */
.jqpanel {
    display: 	none;
    position: 	fixed;
    top: 		20%;
    left: 		50%;
    width: 		500px;
    
    margin-left: 		-250px;
    padding: 			15px;
    border: 			3px solid #dadada;
    background-color: 	#fafafa;
    color: 				#454545;
	
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
}
.jqpanel textarea {
	width:	450px;
}
.jqpanel h2 {
	margin-top: 0;
}
.jqpanel .jqclose {
	display:	block;
	width:		26px;
	height:		26px;
	float:		right;
	background-image: url('/layout/images/lightbox/close.gif');
}
.jqpanel p {
	font-size:	1.1em;
	line-height:150%
}
.jqpanel ul {
	margin-left:	15px;
	font-size:	1.1em;
	line-height:150%
}

.jqoverlay { background-color: #aaa; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqpanel {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}


img.toggle-arrow {
	padding-top: 2px;
	border:0;
	margin:0;
}