body {
	font-size: 12px;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	}

img { border: 0; vertical-align: middle; }
ol { padding: 0 0 0 20px; margin: 0; }
ul { padding: 0 0 0 15px; margin: 0; }

fieldset { margin-bottom: 1.5em; border-color: #BFBFBF; }
fieldset legend { font-weight: bold; font-size: 14px; }

.error {
	padding: 0 0 0 3.5em;
	background: #ff0000 url(images/notification.png) no-repeat 1em !important;
	color: #333;
	font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Verdana, "Hiragino Maru Gothic Pro", "MS PGothic", sans-serif;
	border: 1px solid #ccc !important;
	-moz-border-radius: 10px;
	}

hr {
	border: 0px;
	border-bottom: 3px double #888;
	margin-top: .5em;
	}

#app td { border-bottom: 1px solid #BFBFBF; }
#app td.no_bdr { border-bottom: 0px; }
.bdr_left_light { border-left: 1px solid #BFBFBF; }

.bg_white { background: #F7F7F5; }
.outline { border: 1px solid #888; }

.required { background: #FF9999; }

.bdr_light { border: 1px solid #888; }
.bdr_top { border-top: 1px solid #000; }
.bdr_top_light { border-top: 1px solid #888; }
.bdr_top_slight { border-top: 1px solid #D5D5D5; }
.bdr_right { border-right: 1px solid #000; }
.bdr_right_light { border-right: 1px solid #888; }
.bdr_left { border-left: 1px solid #000; }
.bdr_bottom { border-bottom: 1px solid #000; }
.bdr_bottom_light { border-bottom: 1px solid #888; }
.bdr_bottom_slight { border-bottom: 1px solid #D5D5D5; }
.double_border { border: 3px double; }
.border_red { border-color: #EF7777; }
.bg_blend { background: url(images/fade-butt.png) repeat-x !important; }

.bold { font-weight: bold; }

.status_active { color: #009F16; }
.status_canceled { color: #6F0002; }
.status_blocked { color: #FF0000; }

span.red { color: #FF0000; }
span.ac_highlight { background: #F7FF00; }
.big { font-size: 130%; }

.highlight_text { background: #FFFF00; }

.info {
	text-align: justify;
	padding: .5em;
	border: 3px double #CCC;
	}

.notice {
	margin: 0 0 5px 0;
	color: #F00;
	background: #FDFF00;
	font: bold 12px "Lucida Sans", "Lucida Sans Unicode", Verdana, "Hiragino Maru Gothic Pro", "MS PGothic", sans-serif;
	border: 1px solid #000 !important;
	-moz-border-radius: 5px;
	}

/********************************
		FORM INPUT FIELDS
********************************/

/*
input, textarea {
	border: 3px double #999;
	background: #EFEFEF;
	padding: 1px 3px 1px 3px;
	}
select {
	padding: 1px 0 1px 0;
	border: 1px solid #999;
	background: #EFEFEF;
	}
input:focus, textarea:focus, select:focus {
	border: 3px double #00F;
	background: #fff;
	}
select:focus {
	padding: 1px 0 1px 0;
	border: 1px solid #00F;
	background: #fff;
	}
input.none { border: 0px; background: transparent; }
input.error, textarea.error, select.error {
	border: 3px double #F00;
	background: #FFDFDF;
	padding: 1px 3px 1px 3px;
	}
*/

.submit input, .submit input:focus, .button {
	background: url( images/fade-butt.png );
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
	margin: 0;
	}
#submit_button { background: #EBEAEB url( images/ok.png ) 5px 4px no-repeat; padding-left: 20px; }
#submit_button[DISABLED] { background: #EBEAEB url( images/ok_disabled.png ) 5px 4px no-repeat; padding-left: 20px; }
#cancel_button { background: #EBEAEB url( images/cancel.png ) 5px 4px no-repeat; padding-left: 20px; }
#reset_button { background: #EBEAEB url( images/reset.png ) 5px 4px no-repeat; padding-left: 20px; }

.submit input:active, .button:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
	}
.submit input[DISABLED], .submit input[DISABLED]:focus {
	color: #ccc;
	background: url( images/fade-butt.png );
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #bbb;
	}
.submit, .editform th, #postcustomsubmit {
	text-align: center;
	padding-left: 1em;
	padding-top: .25em;
	}
.padsome input {
	margin-right: 1em;
	margin-bottom: 1em;
	}

input[READONLY], input:focus[READONLY] {
	border: 3px double #F00;
	background: #FFEFEF url( images/locked.png ) 1px 2px no-repeat;
	text-indent: 18px;
	}

/********************************
		<table> = <div>
********************************/

DIV.base-layer {
	margin: 0;
	padding: 0;
	width: auto;
	}
DIV.table-row {
	margin: 0 auto 0 auto;
	padding: 0;
	width: 100%;
}
DIV.left-container2, DIV.right-container2 {
	margin: 0;
	padding: 0;
	}
DIV.left-container2 { float: left; font-weight: bold; width: 30%; }
DIV.right-container2 { float: right; width: 70%; }


/********************************
		 Quick Color Tags
********************************/

red	{ color: #F00; }
blue	{ color: #00F; }
green	{ color: #088F0E; }
purple	{ color: #8F088C; }
yellow	{ background: #FDFF00; }
orange	{ color: #DF8D00; }
white	{ color: #FFF; }
strike	{ text-decoration: line-through; }
u		{ text-decoration: underline; }

off	{ color: #800; font-weight: bold; }
on		{ color: #080; font-weight: bold; }


/********************************
			The PAGINATOR!
********************************/

.Pages { text-align: center; margin-bottom: 20px; margin-top: 20px; }
.Paginator { font-size: 12px; padding-top: 10px; margin-left: auto; margin-right: auto; }
.Paginator a, .pageList .this-page { padding: 2px 6px; border: solid 0px #ddd; background: transparent; text-decoration: none; }
.Paginator a:visited { padding: 2px 6px; border: solid 0px #404040; background: transparent; text-decoration: none; }
.Paginator .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: transparent; color: #aaa; }
.Paginator .Prev { margin-right: 20px; padding: 2px 6px; border: solid 0px #ddd; background: transparent; }
.Paginator .break { padding: 2px 6px; border: none; background: transparent; text-decoration: none; }
.Paginator .Next { margin-left: 20px; padding: 2px 6px; border: solid 0px #222; background: transparent;}
.Paginator .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #222; */ background: transparent; color: #aaa; }
.Paginator .this-page { padding: 2px 6px; border-color: #ddd;
		font-size: 13px; vertical-align: bottom;
		background: transparent; color: #fff;
	}
.Paginator a:hover {color: #fff; background: #49647d rl(images/navOnBlue.gif) repeat-x; border-color: #036; text-decoration: none;}
/*
.Paginator a:hover {color: #fff; background: #0063DC; border-color: #036; text-decoration: none;}
.Paginator a:hover {color: #fff; background: #49647d url(images/navOff.gif) repeat-x; border-color: #036; text-decoration: none;}
*/
.Pages div.Results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }


/********************************
			Class Colors
********************************/

#Mage, #Druid, #Shaman, #Hunter, #Priest, #Paladin, #Rogue, #Warlock, #Warrior, #Death_Knight {
	font-weight:	bold;
	}

#Mage a, option.Mage, span.Mage { color: #69CCF0; }
#Druid a, option.Druid, span.Druid { color: #FF7D0A; }
#Shaman a, option.Shaman, span.Shaman { color: #314BCC; }
#Hunter a, option.Hunter, span.Hunter { color: #9DAE5C; }
#Priest a, option.Priest, span.Priest { color: #FFFFFF; }
#Paladin a, option.Paladin, span.Paladin { color: #ED85AF; }
#Rogue a, option.Rogue, span.Rogue { color: #FFF569; }
#Warlock a, option.Warlock, span.Warlock { color: #9482CA; }
#Warrior a, option.Warrior, span.Warrior { color: #C79C6E; }
#Death_Knight a, option.Death_Knight, span.Death_Knight { color: #B61E33; }

.rows td { font-family: Arial, Helvetica, sans-serif; padding: 2px; font-size: 9pt; vertical-align: middle; }

td.ta1, td.ta2, td.ta3, td.ta4, td.ta5, td.ta6 { background: #252525 url('/images/post-bg1.gif') repeat-x top; border-width: 1px; border-style: solid; border-color: #000000 #000000 #252525 #252525; color: #D7CEA4; }
td.t1, td.t2, td.t3, td.t4, td.t5, td.t6 { background: #161616 url('/images/post-bg2.gif') repeat-x top; border-width: 1px; border-style: solid; border-color: #000000 #000000 #161616 #161616; color: #D7CEA4; }

#Poor a, .qual_Poor { color: #656565; }
#Common a, .qual_Common { color: #ffffff; }
#Uncommon a, .qual_Uncommon { color: #1DF301; }
#Rare a, .qual_Rare { color: #0364C2; }
#Epic a, .qual_Epic { color: #9232D4; }
#Legendary a, .qual_Legendary { color: #FF7D0A; }
#Artifact a, .qual_Artifact { color: #C79C6E; }

.qual_Poor, .qual_Common, .qual_Uncommon, .qual_Rare, .qual_Epic, .qual_Legendary, .qual_Artifact {
	font-weight: bold;
	background: #000000;
	}