/*demo page css*/

html { overflow: -moz-scrollbars-vertical; }
html, body {border: 0; margin: 0; padding: 0;}
body {
	font: 70% "Trebuchet MS", sans-serif;
	background: #000000 url('../images/backgrounds/theme-bg.jpg') repeat-x 0 0;
	background-attachment:fixed;
	color: #ffffff;
}


/***** Main Layout ****/

#site-menu {
	margin-top: 45px;
	margin-bottom: 10px;
}
#container, #site-menu {
	width: 100%;
	height: 100%;
	text-align: center;/* IE fix to center the page */
}
#content {
	width: 950px;
	margin: 0 auto;/* center the page in Firefox */
	text-align: left;
	background: #0D0D0D;
	border: 1px solid #6F6F6F;
	font-size: 11pt;
}


#ad_300x250, #ad_350x500 {
	width: 300px;
	height: 250px;
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	padding: 2px;
	background: none repeat scroll center bottom rgb(30, 30, 30);
}
#ad_350x5000 {
	width: 350px;
	height: 700px;
}


/* News Page
   -------------------------------- */
#post {
	margin: 5px;
	overflow: auto;
}
#post h3 {
   border: 0px solid #000;
   margin: 0;
	padding: 3px;
   background: url(../jquery/white_smoke/images/main-bg.png) center center repeat-x; /*THEME CHANGE HERE*/
   color: #000;
	font-size: 100%;
}
#post .date, #post .bottom-date {
	margin-top: 3px;
	margin-right: 3px;
	float: right;
	color: #888;
	font-size: 9pt;
}
#post .bottom-date { color: #7F7F7F; margin: 1em 10px; }
#post div, ol, li {
	/*text-align: justify;*/
	text-align: left;
	font-size: 10pt;
}
#post div img {
	width: 60%;
}



/* Navigation
   -------------------------------- */
#navigation {
	width: 740px;
	margin: 0 auto;/* center the page in Firefox */
	/*
	text-align: left;
	height: 41px;
	background: url('../images/navigation.png') repeat-x 0 -41px;
	*/
}
#navigation .left {
	float: left;
	width: 5px;
	height: 41px;
	background: url('../images/navigation_l.png') no-repeat left top;
}
#ie6 #navigation .left {
	background: transparent none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/navigation_l.png', sizingMethod='scale');
	zoom: 1;
}
#navigation .right {
	float: left;
	width: 3px;
	height: 41px;
	background: url('../images/navigation.png') no-repeat right top;
}
#navigation ul,
#navigation ul li {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 38px;
}
#navigation ul { height: 41px; }
#navigation ul li a {
	float: left;
	display: block;
	height: 41px;
	padding: 0 18px;
	text-decoration: none;
	background: url('../images/navigation_s.png') no-repeat right top;
	font-weight: bold;
}
#navigation ul li.selected a { color: #fff; }
#navigation ul li.last a { background-image: none; }
#navigation ul li a:hover { color: #fff; }

/* END Navigation
   -------------------------------- */



#usr_menu a {
	display: block;
	color: #FACC10;
	font-size: 11pt;
}

a { color: #EFC91D; text-decoration: none; }
a:hover { text-decoration: underline; }

td.ta1_head, td.ta1, td.ta2, td.ta3, td.ta4, td.ta5, td.ta6, .sr1, td.ta1-red {
   background: #252525 url('/images/post-bg1.gif') repeat-x top;
   border-width: 1px;
   border-style: solid;
   border-color: #000000 #000000 #000000 #000000;
   color: #FFFFFF;
   }
td.t1, td.t2, td.t3, td.t4, td.t5, td.t6, .sr2, td.t1-red {
   background: #161616 url('/images/post-bg2.gif') repeat-x top;
   border-width: 1px;
   border-style: solid;
   border-color: #000000 #000000 #000000 #000000;
   color: #FFFFFF;
   }
td.ta1-red {
   background: #411111 url('/images/post-bg1-red.gif') repeat-x top;
}
td.t1-red {
   background: #2D0808 url('/images/post-bg2-red.gif') repeat-x top;
}
td.ta1_head {
   background: #606060;
   font-weight: bold;
   }
td.table_header {
   border: 0px solid #000;
   margin: 0;
   background: url(../jquery/white_smoke/images/main-bg.png) center center repeat-x; /*THEME CHANGE HERE*/
   color: #000;
}
td.table_header a { color: #000; }

.font7 { font-size: 7pt; }
.font8 { font-size: 8pt; }
.font9 { font-size: 9pt; }
.font10 { font-size: 10pt; }
.font11 { font-size: 11pt; }
.font12 { font-size: 12pt; }

.nowrap { white-space: nowrap; }

img.icon {
   border-width: 1px;
   border-style: solid;
   border-color: #282A27;
   -moz-border-radius: .3em;
   padding: 1px;
   }
img.q1 { border-color: #ffffff; }
img.q2 { border-color: #1DF301; }
img.q3 { border-color: #0364C2; }
img.q4 { border-color: #9232D4; }
img.q5 { border-color: #FF7D0A; }
img.q6 { border-color: #C79C6E; }
img.q7 { border-color: #E5CC80; }

#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;
   }

.faction-bar {
   text-align: center;
   border: 1px solid black;
   height: 16px;
   background: url('images/rep-bar0.gif') repeat-x;
   position: relative;
}
.faction-bar2 {
   text-align: center;
   border: 0px solid black;
   height: 16px;
   background: transparent;
   position: relative;
}
a.rep-data {
   position: absolute;
   top: -1px;
   left: 0;
   display: block;
   width: 100%;
   text-align: center;
   color: white;
   text-decoration: none !important;
   white-space: nowrap
}

.bar-color { width: 70%; height: 16px; float: left }

.repBar { vertical-align:top !important; padding-top:3px }
.repExalted .bar-color{background:url('../images/bar-exalted.gif') repeat-x}
.repRevered .bar-color{background:url('../images/bar-revered.gif') repeat-x}
.repHonored .bar-color{background:url('../images/bar-honored.gif') repeat-x}
.repFriendly .bar-color{background:url('../images/bar-friendly.gif') repeat-x}
.repNeutral .bar-color{background:url('../images/bar-neutral.gif') repeat-x}
.repUnfriendly .bar-color{background:url('../images/bar-unfriendly.gif') repeat-x}
.repHostile .bar-color{background:url('../images/bar-hostile.gif') repeat-x}
.repHated .bar-color{background:url('../images/bar-hated.gif') repeat-x}


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

/*#Mage, #Druid, #Shaman, #Hunter, #Priest, #Paladin, #Rogue, #Warlock, #Warrior, #Death_Knight { background: #000000; font-weight: bold; font-size: 10px; }*/
#Mage, #Druid, #Shaman, #Hunter, #Priest, #Paladin, #Rogue, #Warlock, #Warrior, #Death_Knight {
   font-size: 90%;
   font-weight: bold;
   }

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

.bg_Mage { background: #69CCF0; color: #000; }
.bg_Druid { background: #FF7D0A; color: #000; }
.bg_Shaman { background: #314BCC; color: #fff; }
.bg_Hunter { background: #62EF4A; color: #000; }
.bg_Priest { background: #FFFFFF; color: #000; }
.bg_Paladin { background: #ED85AF; color: #000; }
.bg_Rogue { background: #FFF569; color: #000; }
.bg_Warlock { background: #9482CA; color: #000; }
.bg_Warrior { background: #C79C6E; color: #000; }
.bg_Death_Knight { background: #B61E33; color: #FFF; }

.normal { font-style: normal; }
.bold { font-weight: bold; }
.italic { font-style: italic; }
.blinking { text-decoration: blink; }
.underline { text-decoration: underline; }

.yellow { color: #EFC91D; }
.red { color: #FF0000; }
.green, .ep_green { color: #00FF00; }
.dark-green { color: #004F00; }
.ep_gray { color: #6F6F6F; }
.ep_cyan { color: #1FC4FF; }

.center { text-align: center; }
.float_right {
   position: relative;
   float: right;
}
img { border: 0; vertical-align: middle; }

.bdr_light { border: 1px solid #888; }
.bdr_top { border-top: 1px solid #fff; }
.bdr_top_light { border-top: 1px solid #888; }
.bdr_top_slight { border-top: 1px solid #D5D5D5; }
.bdr_right { border-right: 1px solid #fff; }
.bdr_right_light { border-right: 1px solid #888; }
.bdr_left { border-left: 1px solid #fff; }
.bdr_left_light { border-left: 1px solid #888; }
.bdr_bottom { border-bottom: 1px solid #fff; }
.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; }

.bdr_t { border-top: 1px solid #000; }
.bdr_l { border-left: 1px solid #000; }
.bdr_b { border-bottom: 1px solid #000; }
.bdr_r { border-right: 1px solid #000; }

.pointer { cursor: pointer; }
hr { border: 0px; border-top: 1px solid #606060; border-bottom: 1px solid #3F3F3F; }
.avatar {
   border-width: 5px 5px 5px 5px;
   border-spacing: 1px;
   border-style: ridge ridge ridge ridge;
   border-color: gray gray gray gray;
   border-collapse: separate;
}

.ui-widget-content {
	background: #000000;
	border: 1px solid #888;
	}
.ui-corner-all, .ui-corner-bottom {
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	}

.saved {
	display: none;
	text-align: center;
	height: 40px;
}

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

.Pages { margin: 0px 0 0px 0; }
.Paginator { font-size: 12px; padding-top: 10px; margin-right: auto; margin-bottom: 5px; }

.Paginator a, .pageList .this-page {
	padding: 2px 6px;
	border: solid 1px #060606;
	background: url(../jquery/black/images/main-bg.png) center center repeat-x;
	text-decoration: none;
	color: #fff;
	}

.Paginator a:visited { padding: 2px 6px; border: solid 1px #060606; background: url(../jquery/black/images/main-bg.png) center center repeat-x; text-decoration: none; }
.Paginator .AtStart { margin-right: 20px; padding: 2px 6px; /* border: solid 1px #ddd; */ background: transparent; color: #aaa; }
.Paginator .break { padding: 2px 6px; border: none; background: transparent; text-decoration: none; }
.Paginator .Prev { margin-right: 20px; padding: 2px 6px; border: solid 1px #060606;
	background: url(../jquery/black/images/main-bg.png) center center repeat-x;
	}
.Paginator .Next {
	margin-left: 20px;
	padding: 2px 6px;
	border: solid 1px #060606;
	background: url(../jquery/black/images/main-bg.png) center center repeat-x;
	}
.Paginator .AtEnd { margin-left: 20px; padding: 2px 6px; /* border: solid 1px #222; */ background: transparent; color: #aaa; }
.Paginator .this-page {
	border: solid 1px #060606;
	padding: 2px 6px;
	font-size: 13px;
	vertical-align: bottom;
	background: url(../jquery/white_smoke/images/main-bg.png) center center repeat-x;
	color: #000;
	}
.Paginator a:hover {
	color: #000;
	background: url(../jquery/deep_sky_blue/images/main-bg.png) center center repeat-x;
	border-color: #036;
	text-decoration: none;
	}
.Pages div.Results { text-align: center; font: 11px/15px Arial, Helvetica; color: #aaa; margin-top: 8px; }

.bdr_black { border: 1px solid black; }
.hidden { display: none; }