@import url(base.css);
@import url(/itemstats/templates/wowhead.css);

BODY, INPUT, SELECT, TEXTAREA, OPTGROUP {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
BODY {FONT-SIZE: 11px; LINE-HEIGHT: normal}

/* IEWin Font Size only - to allow IEWin to zoom. Do not remove comments \*/
* HTML BODY {FONT-SIZE: 68.75%}
/* End IE Win Font Size */

TABLE, INPUT, SELECT, OPTGROUP, TEXTAREA, DIV P {FONT-SIZE: 1em}
PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}

DIV .r_menusection, H2, H4 {FONT-SIZE: 1em}
H3 {FONT-SIZE: 1.1em}
H1 {FONT-SIZE: 2em; FONT-WEIGHT: bold; margin-bottom: 8px;}

PRE {FONT-SIZE: 1.2em}

A:hover {TEXT-DECORATION: underline}

HTML, BODY {MARGIN: 0; PADDING: 0}
#setwidth{ width: 100%; padding: 0 0 0 0; margin: 0 0 0 0;}
#wrap {margin:12px 18px;}

P, UL, DL, LI, LABEL, DIV {PADDING: 3px 0}
H2, DIV .r_menusection {PADDING: 4px 6px}

H1 {PADDING: 3px 0px 0px 0}

TH, TD {PADDING: 4px 6px}
TD P {PADDING: 5px 0 0 0}

TH {font-weight: bold;}

DIV.icon {
	FLOAT: left;
	PADDING: 0px 0px 0px 0px;
	MARGIN-TOP: 0.1em;
	MARGIN-LEFT: 0.2em;
	DISPLAY: block;
	BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;
	BORDER-STYLE: solid
}

DIV.bullet {MARGIN-LEFT: 2.3em}

/***********************************************************************
 * REASON EXTENSIONS
 ***********************************************************************/

.r_pbutton, .r_mbutton {
	width: 16px;
	height: 16px;
	font-size: 8px;
	margin-left: 2px;
}

.r_pbutton { background-color: #CCD; }
.r_mbutton { background-color: #DCC; }

#r_sidebar {
	float: left;
	top: 85px;
	position: absolute;
	width: 214px;
}

DIV .r_menusection {
	FONT-WEIGHT: bold;
	margin-top: 0px;
	margin-bottom: 1px;
}

.r_menulist {
	margin-top: 0px;
	margin-bottom: 5px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.r_menulist LI {
	padding: 0px 0px 0px 0px;
	margin-top: 0px;
	margin-bottom: 1px;
	background-color: #CCC;
	display: block;
}

.r_menulist LI:HOVER {
	background-color: #475084;
	color: white; 
}

.r_menulist A:hover {
	color: white;
	background-color: #475084;
	text-decoration: none;
	display: block;
}

.r_menulist A {
	display: block;
	text-decoration: none;
	padding: 2px 2px 2px 5px;
	margin: 0px 0px 0px 0px;
}

#r_content {
	position: relative;
	top: 33px;
	left: 230px;
	margin-right: 230px;
}

div .r_news {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 15px 0px;
	clear: both;
	margin-top: 0px;
	margin-bottom: 15px;
}

div .r_news p {
	padding-left: 3px;
	text-indent: 25px;
	font-size: 10pt;
	color: black;
	text-align: justify;
	padding-bottom: 8px;
}

#r_rpptable TD, #r_rpptable TH {
	text-align: right;
}

.r_itemtable TH {
	background-color: #DDD;
}

.r_apptable TH {
	background-color: #999;
}

.r_thintable TH {
	margin-right: 1px;
	margin-left: 0px;
	border: 0px;
}
.r_thintable TD {
	padding: 2px 2px 2px 2px;
	margin-right: 1px;
	margin-left: 0px;
	border-bottom: 1px #ccc solid;
}

DIV .img_right { float: right; margin-left: 10px; }
DIV .img_left { float: left; margin-right: 10px; }
DIV .img_center { align: center; }

DIV .img_right, DIV .img_left, DIV .img_center {
	position: relative;
	margin-bottom: 2px;
	background: #475084;
	color: white;
	padding: 0px 0px 3px 0px;
	border: 1px #333 solid;
	text-align:center;
	font-weight: bold;
}

DIV .r_news_header {
	background: #475084;
	color: white;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 2px 0px;
	text-align: right;
}

DIV .r_news_admin {
	text-align: right;
	clear: both;
}

DIV .r_news_title {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;
	display: inline;
	font-weight: bold;
}

DIV .r_news_poster {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
}

DIV .r_news_time {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
}

DIV .img_right IMG, DIV .img_left IMG, DIV .img_center IMG {
	border-bottom: 1px #333 solid;
	position: relative;
}


DIV .r_inmenu {
	background: #CCC;
	margin-top: 1px;
	margin-bottom: 0px;
	padding-left: 5px;
	padding-right: 5px;
}

DIV .r_inmenu li {
	padding-left: 5px;
	margin-left: 5px;
	border-left: 1px #333 solid;
}


DIV .r_inmenu ul, DIV .r_inmenu li, DIV .r_inmenu H1 {
	padding-top: 0px;
	padding-bottom: 1px;
	padding-right: 0px;
	display: inline;
	font-size: 1em;
	margin-top: 2px;
	margin-bottom: 2px;
}

.r_translist LI {
	margin-left: 2em;
	list-style-type: disc;
}

.nostars {
	background: #FCC;
}

/***********************************************************************
	* COLOR SCHEME
	***********************************************************************/

BODY {
	BACKGROUND-COLOR: #FFF;
	COLOR: #333;
}

H1 {COLOR: #475084;}

DIV.box, BLOCKQUOTE {BACKGROUND-COLOR: #F1F1F1}

DIV .r_menusection, H2 {BACKGROUND-COLOR: #475084; COLOR: #FFF}

TH {BACKGROUND-COLOR: #475084; COLOR: white;}

HR {BACKGROUND-COLOR: #475084; COLOR: #475084; height: 5px; border: 0px; margin-top: 12px;}

DIV.box {BORDER-COLOR: #475084}

TD {BORDER-COLOR: #BBCEDE}
TH {BORDER-COLOR: #D1D1D1}

BLOCKQUOTE {BORDER-COLOR: #ACA899 #FFF #FFF #ACA899}

DIV>FIELDSET {BORDER-COLOR: #ACA899}

A:link, A:visited {COLOR: #475084}
A:hover {COLOR: #B42000}

H2 A:link, H2 A:visited {COLOR: #FFF}
H2 A:hover {COLOR: #FFF}

TH A:link, TH A:visited {COLOR: #FFF}
TH A:hover {COLOR: #FFF}


/* These are the post status indicators which appear at the left of some tables.
.inew = new posts, .iredirect = redirect forums, .iclosed = closed topics and
.isticky = sticky topics. The default is "icon". By default only .inew is different.*/

DIV.icon {BORDER-COLOR: #E6E6E6 #DEDEDE #DADADA #E2E2E2}
TR.iredirect DIV.icon {BORDER-COLOR: #F1F1F1 #F1F1F1 #F1F1F1 #F1F1F1}
DIV.inew {BORDER-COLOR: #5864A3 #475084 #3A416B #4D5790}

.class_wa { color: #993; }
.class_wl { color: #909; }
.class_p  { color: #999; }
.class_m  { color: #68F; }
.class_r  { color: #cc0; }
.class_d  { color: #f90; }
.class_s  { color: #63C; }
.class_pl { color: #f0f; }
.class_h  { color: #393; }
.class_dk { color: #903; }
.class_x, .class_  { color: #000; }