/* Main layout */

* {
	margin: 0px;
	padding: 0px;
	outline: none;
}

body
	{
	background: #000000;
	color: #CCCCCC;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	margin: 0px;
	padding: 0px;
	}
	
img 
	{ 
	border: 0px;
	}

.bodyline
	{
	background: url(../../templates/m9wotlk/images/winter-tile.jpg) repeat-x;
	background-position: 0px 62px;
	border: 0px solid #000000;
}

.header_background
	{
	font-size: 10px;
	color: #60cffd;
	background: url(../../templates/m9wotlk/images/full_header_background_wbblack.gif) repeat-x;
	height: 95px;
	width: 920px;
}

.wrapfooter {
	text-align: center;
	clear: both;
}

b.title
	{
	font: 20px Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	color: #CCCCCC;
	}

strong.date
	{
	font: 9px Verdana,Arial,Helvetica,sans-serif;
	color: #CCCCCC;
	float: right;
	}
	
.copy {
	color: #ffffff;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 11px;
}
	
/* Borders */
.border_top_left_spacer
	{
	background: url(../../templates/m9wotlk/images/border_top_left_spacer.gif) no-repeat;
	display: block;
	width: 45px;
	position: relative;
	top: 54px;
	min-height: 10em;
	padding: 0px;
	}

.border_top_right_spacer
	{
	background: url(../../templates/m9wotlk/images/border_top_right_spacer.gif) no-repeat;
	display: block;
	width: 45px;
	position: relative;
	top: 54px;
	min-height: 10em;
	padding: 0;
	
	}

.border_side_left
	{
	background: #000000 url(../../templates/m9wotlk/images/border_side_left.gif) repeat-y;
	width: 45px;
	}
	
.border_side_right
	{
	background: #000000 url(../../templates/m9wotlk/images/border_side_right.gif) repeat-y;
	width: 45px;
	}

.border_bot_center {
	background: url(../../templates/m9wotlk/images/border_bot_center.gif) repeat-x;
	color: #FFFFFF;
	font-size: 9px;
	font-family: "Verdana", Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 20px;
}

.border_bot_left {
	margin: 0px;
	padding: 0px;
	background: url(../../templates/m9wotlk/images/border_bot_left.gif) no-repeat;
	width: 45px;
	height: 45px;
}
	
.border_bot_right {
	margin: 0px;
	padding: 0px;
	background: url(../../templates/m9wotlk/images/border_bot_right.gif) no-repeat;
	width: 45px;
	height: 45px;
}

/* Table Styles */
table.outline
	{
	background: #2D3131;
	border-color: #000000;	
	color: #CCCCCC;
	font: 9px "Verdana", Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}


.table_menu
	{
	position: absolute;
	left: 38px;
	top: 144px;
}

table.achmain
	{
		height: 600px;
		width: 100%;
		padding: 20px;

}

.tablebk
	{
	background: url(../../templates/m9wotlk/images/row1.png);
	}
th
	{
	background: #000000 url(../../templates/m9wotlk/images/thcellpic.gif);
	color: #60cffd;
	font-size: 11px;
	font-weight: bold;
	height: 25px;
	white-space: nowrap;
	text-align: left;
	padding-left: 8px;
	padding-right: 8px;
	}

td a,
td a:visited {
	color: #60cffd !important;
	font-size: 9px;
	text-decoration: none;
}

td a:hover {
	color: #60cffd;
	font-size: 9px;
	text-decoration: underline;
}

td.achtitle
		{
	padding: 3px;
}

td.secell
		{
	vertical-align: bottom;
	text-align: right;
	padding-left: 20px;
}


td.notcomplete {
	background-color: #0077FF;
	border-color: #CCCCCC;	
	padding: 0px;
	margin: 0px;	
}

td.complete {
	background-color: #2D3131;
	border-color: #CCCCCC;	
	padding: 0px;
	margin: 0px;	
}

td.achcontent {
	padding: 0px;
	margin: 0px;
	text-align: center;
}

th.dateoutline {
	background: #252525;
	border: 0px;
	padding-top: 1px;
}

/* AjaxTab Styles */
.achtabs li {
	display: inline;
	position: relative;
	top: 0px;
	left: 0px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.achievement-tabs {
	height: 740px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: auto;
	clear: both;
	padding-right: 5px;
	background-color: #2D3131;
	border: 1px solid #CCCCCC;
	margin: 0px 2px 0px 0px;
	padding: 10px;
}

.achievement-subtabs {
	height: 670px;
	position: relative;
	top: 0px;
	left: 0px;
	overflow: auto;
	clear: both;
	padding-right: 5px;
	background-color: #2D3131;
	border: 1px solid #CCCCCC;
	margin: -10px 2px 0px 0px;
	padding: 10px;
}

.achtabs li a {
	list-style-type: none;
	font-weight: bold;
	float: left;
	bottom: 0px;
	height: 15px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #2D3131;
	background-color: #2D3131;
	padding: 4px 5px 5px 5px;

}

.achtabs li a:hover {
	text-decoration: underline;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #2D3131;
	background-color: #2D3131;
	margin: 0px 3px 0px 0px;
	padding: 4px 5px 5px 5px;

}

.achtabs li a.selected, a.selected:hover {
	list-style-type: none;
	font-weight: bold;
	float: left;
	height: 15px;
	margin: 0px 3px 0px 0px;
	border: 1px solid #CCCCCC;
	border-bottom: 1px solid #2D3131 !important;
	background-color: #2D3131 !important;
	padding: 4px 5px 5px 5px;
	color: #60cffd;

}