/* This is the body, pretty straightforward */
BODY,.body {		cursor: default;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 9pt;
		background-image: url(http://dkpfiles.com/agonalbreath/files/gradient.png);
		background-color: #000000;
		background-repeat: repeat-x;
		background-position: top left;
		color: #c1c1c1;}
		
/* ------------------------------------------------------------------------*/
/*  Nav Bar */
#nav
{
  background-image: url(http://dkpfiles.com/dkp-templates/wrath/navbar_bg.png);
  background-repeat: no-repeat; 
  background-attachment: fixed; 
  text-align: center; 
  height: 66px;
  background-position: top center;
	position:fixed;
	z-index:10000;
	width:100%;
	left:0;
	top:0;
	text-align:center;
}

#navmenu
{
	text-align:center;
	font-size:14px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color: #c1c1c1;
	width:850px;
	overflow:hidden;
	padding:6px 0 0;
}

#navmenu ul
{
	list-style:none;
	margin:0;
	padding:0;
	display:inline;
}

#navmenu ul li
{
	display:inline;
	list-style:none;
	background:url('http://dkpfiles.com/dkp-templates/wrath/nav_separator.png') left center no-repeat;
	margin:0;
	padding:0 12px 0 19px;
}

#navmenu .first
{
	background:none;
	padding-left:0;
}

/* ------------------------------------------------------------------------*/
/*  Main Layout */
#siteContent
{
  min-width: 950px;
  width: 100%;
  height: 100%; 
  text-align: center; 
  margin-left: auto; 
  margin-right: auto;  
}

#mainContent
{
  vertical-align:top;
  min-width: 950px;
}

div.centerPane
{
	background: #0F2035;
	opacity: 0.9;
}


td.centerPane
{
  vertical-align: top;
  width: 100%;
}

div.rightPane
{
	background: #0F2035;
	width: 221px;
	background-image: url(http://dkpfiles.com/agonalbreath/files/sidepanel2.png);
	opacity: 0.9;
}

td.rightPane
{
  width: 221px;
  vertical-align: top;
}


div.leftPane
{
	background: #0F2035;
	width: 221px;
	background-image: url(http://dkpfiles.com/agonalbreath/files/sidepanel2.png);
	opacity: 0.9;
}

td.leftPane
{
  width: 221px;
  vertical-align: top;
  vertical-align: top;
}

table.mainContentTable
{
  	width: 100%;
  	vertical-align: top;
	background-image:url(http://dkpfiles.com/agonalbreath/files/bg.jpg);
	background-attachment: fixed;
	background-position: top left;
	background-repeat: no-repeat;
}

.bordered { 
	border-collapse: collapse;  
	width: 90%;
	margin-left: 5%;}
.bordered .t { 
	background: url(http://dkpfiles.com/agonalbreath/files/border-t.png); 
	height: 12px; }
.bordered .tl { 
	background: url(http://dkpfiles.com/agonalbreath/files/border-tl.png); }
.bordered .tr { 
	background: url(http://dkpfiles.com/agonalbreath/files/border-tr.png); }
.bordered .b { 
	background: url(http://dkpfiles.com/agonalbreath/files/border-b.png); 
	height: 12px; }
.bordered .bl { 
	background: url(http://dkpfiles.com/agonalbreath/files/border-bl.png); }
.bordered .br { 
	background: url(http://dkpfiles.com/agonalbreath/files/border-br.png); }
.bordered .l { 
	background: url(http://dkpfiles.com/agonalbreath/files/border-l.png); 
	width: 12px; }
.bordered .r { 
	background: url(http://dkpfiles.com/agonalbreath/files/border-r.png); 
	width: 12px; }
.endcap { 
	background: url(http://dkpfiles.com/agonalbreath/files/border-b.png); 
	height: 17px; }


#header1 {
  position: relative;
  margin: -15px -20px 0 -20px; 
  clear: none; 
  text-align:center;
  height: 190px; 
  background: url(http://dkpfiles.com/agonalbreath/files/header_tl.png) no-repeat; 
  border:0px solid #ffffff;
   z-index: 52;
  }
#header1 .title_name {
  position: relative;  
  background-color: transparent;
  background-image: url(http://dkpfiles.com/agonalbreath/files/header_tr.png);
  background-repeat: no-repeat;
  background-position: right;
  color: transparent;
  font-size: 0px;
  display: block;
  height: 190px;
  left: auto;
  margin: 0px 0px 0px 0px;
  margin-left: auto;
  top: 0px;
  width: 100%;
  border:0px solid red;
}


/* ------------------------------------------------------------------------*/
/*  Banner Bar */

#banner2
{
  background-image: url(http://dkpfiles.com/agonalbreath/files/netbar.png);
  background-attachment: scroll; 
  background-color: transparent; 
  background-position: 0px; 
  max-width: 1600px; 
  min-width: 950px;
  width: 100%;
  height: 100%; 
  text-align: center; 
  margin-left: auto; 
  margin-right: auto;  
  height: 37px; 
  vertical-align: bottom
}

#horde
{
  background-image: url(http://dkpfiles.com/agonalbreath/files/HordeSymbol.png);
  background-repeat: no-repeat; 
  background-attachment: scroll; 
  background-color: transparent; 
  background-position: 0px;
  width: 210px;
  height: 332px; 
  text-align: center; 
  vertical-align: bottom;
  overflow: hidden;
}

/* ------------------------------------------------------------------------*/
/*  Main content items and borders */

/* ------------------------------------------------------------------------*/
/*  Internal Text Information */

/* used when [quote] tags are used in posts */
.quote{
	font-size:9pt;
	background-color:;}

.quoteheader {
	font-size:9pt;
	background:;}

/* Most tables use this type    */
.List{	
	border: inset;
	border-width: 0px;}


/* used for the newsletter table */
table.newsletter{
		border: inset;
		border-width: 0px;
		font-family:monospace;
		font-size: 9pt;}

/* Used in the default base as the Title table.  Even with custom layouts, it's used in the Add/Edit Post and other popups that have a title */
Table.Subject{
		border: outset;
		border-width: 0px;}

/* used to define the Menus on the left */	
.Menu{		
		border: outset;
		font-weight: bold;
		border-width: 0px;
		padding-left: 20px;
		padding-right: 20px;
}

/* This is used with [title] tags in guides and posts */
.GuideTitle{	font-weight:bold;
		font-size: 14pt;
		color: white;}

		
/* used with [subtitle] tags in guides and posts */
.GuideSubTitle{	font-weight:bold;
		font-size: 11pt;
		color:white;}

/* The Row of the "Title Table" */
.Subject{	font-size: 11pt;
		font-weight: bold;
		background: #353535;
		color: #ffffff}
		
/* This is the "PAge Description" row of the "Title Table" */
.SubSubject{	font-size: 9pt;
		font-weight: bold;
		background: #0F2035;
		color: #c1c1c1;}

/* in the default layout, this is the style associated with the Count Down: "x minutes until the next raid" */
.CountDown{	font-size: 16pt;
		font-weight: normal;}
		
/* In the default, is the style of the Next Event Name at the top */
.EventName{	font-size:11pt;
		font-weight:bold; }

/* same as above, only for the Date/Time */
.EventTime{	font-size:11pt;
		font-weight:normal; }
		
/* for the TopStats, is the color of the Statistic itself */
.StatCount{	
	color: #ffff1f;
	margin-left: 30px;
}

/* for the TopStats, is the color of a Statistic designed to get the user's attention */
.StatAlert{	
		color: #ff000f;
		margin-left: 30px;
}


/* In the default layout, is the style of the "Top Stats" */
.TopStats{
  font-size: 8pt;
  font-weight: bold;
	margin-bottom: 10px;
}

/* In the Default Layout, Is essentially the background information for the Next Event. */
.Event{		background: #0F2035;
		font-size:9pt;}
		
/* Error box description */
table.error{	border-width: 0px;
		border-style:outset;}

/* Error box description */
td.error,.missing,div.error{	
		font-size: 9pt;
		background: #771111;
		color: #FFFFFF;}

/* Error box title */
.errorlistlabel{background:#BB1111;
		font-weight:bold;
		color:#FFFFFF;
		font-size:11pt}

/* used on almost every page, is the style of one of the row-types in a table with alternating row types */
.list1,.l1{	font-size: 9pt;
	background: #0F2035;
		}

/* used on almost every page, is the style of the other of the row-types in a table with alternating row types */
.list2,.l2{	font-size: 9pt;
	background: #0F2035;
		}

/* used commonly, is for rows that want to "Get Your attention" in a table.  IE, Missing Raids on your member profile. */
.listred,.lr{	background: #0F2065;
		color: #000000;
		font-size: 9pt;}

/* used to mark a "new or recently posted" thread. */
.newlist1,.newl1{
		background: #2F4065;
		font-weight:bold;
		font-size: 9pt;}

.newlist2,.newl2{
		background: #2F4065;
		font-weight:bold;
		font-size: 9pt;}

/* used in the copyright notice */
.copyright{font-size: 7.5pt;font-style:italic}

/* used in a few places to just define a normal place to put simple kinda-small text */
.plain{font-size:9pt}

/* to define small text in random places */
.xsmall{font-size:7.5pt}

/* -------------------------------------------------------------------------------------*/
/*  Small Calendar */ 

.calcurrent{
	font-size: 9pt;
	font-weight: bold;
	border-style:solid;
	border-width:2px;
	border-color:grey;
	width: 19px;
	height: 17px;
}


/* The menu header (Menu, Resources, etc) as well as the Calendar Header, and the current date on the calendar */
.MenuCat{
		font-size: 9pt;
		font-weight: bolder;
		color: black;
  		text-align: center; 
		background-image: url(http://dkpfiles.com/agonalbreath/files/header.png);
  		background-repeat: no-repeat;
		height: 39px;
		vertical-align: text-top;
		padding: 10px;
		background-position: center top;
font-family: tahoma, verdana, sans-serif;
		}

.calheader{
		font-size: 9pt;
		font-weight: bold;
		background: #374A50;
		}

/* The cell record on the calendar for if there is something scheduled this day */
.calsomething{}

.calday
{
	width: 21px;
	height: 19px;
	font-size: 7.5pt;
}

/* -------------------------------------------------------------------------------------*/
/*  Large Calendar */ 
.bigcal
{
}

.bigcalheader
{
	font-size: 18pt;
	background-color: 0x000000;
	font-weight: bold;
	
}

.bigcalday
{
	width: 120px;
	height: 120px;
	border-style: solid;
	border-width: 1px;
	border-color:grey;
}

.bigcaldaylabel
{
	font-size: 12pt;
}

.bigcalcurrent
{
	border-width: 3px;
}

.bigcalblank
{
}

/* -------------------------------------------------------------------------------------*/
/* Lists and Forums */

/* The header bar of tables that act as lists */
.listlabel{
		font-size: 11pt;
		font-weight: bold;
		background: #000000;
		vertical-align: bottom;
		height: 50px;
		color: #FFFFFF;}
		
/* The Menu option contents, as well as the body for the calendar */
.MenuChoice,.calbody{	font-size: 9pt;
		color: ;}

/* is the information about the poster on the forum.  The left-most pane on each post */
.PostInfo{	font-size: 9pt;
		background: #374A50;
		padding:5px;
		border-style:solid;
		border-width:0px;
		border-color: #c1c1c1;

}
		
/* While rather rarely used, this is the "color picker" popup. Probably shouldn't ever change */
.cp{		width:10;height:10}

/*  On the forum, this is the little blurb at the top that gives statistic info "Total Posts" "Total Threads" "Deepest Thread" */
.ThreadHeader{	font-size: 11pt;}
	
/* The style associated with the "Add a Post to this thread" link on the forum */
.MakeAPost{	font-weight: bold;
		font-size: 11pt;}

/* The style associated with the pane in the layout containing the body of each post */
.PostText{	font-size: 9pt;
		background: #232F33;
		padding:10px;
		border-style:solid;
		border-width:0px;
		border-color: #c1c1c1;
		}

/* used on the [pre] tags in posts and stuff */
pre{		font-size:11pt;}

/* -------------------------------------------------------------------------------------*/
/*  Links  */

/* Basic Link Definition */
A:visited	{color: #D6C592;}
A:link		{color: #D6C592;}
A:active	{color: #FF0000;}
A:hover		{color: #FF0000;}

/* for any list rows that must show up to get the user's attention, this is the link for them */
A.inred:visited	{color:#000000;}
A.inred:link	{color:#000000;}
A.inred:active	{color:#444444;}
A.inred:hover	{color:#444444;}

/* used in on most pages as the buttom class */
input.button{	background: #FFFFFF;
		color: #792F26;}

/* used in the default layout as any list items */
li{	
		list-style-image:url(http://dkpfiles.com/agonalbreath/list);
}


.dialog 
{
 font-size: 9pt;
 margin-left: 0px;
 margin-right: 0px;
 color:#fff;
}

.dialog .hd .c,
.dialog .ft .c {
 font-size:1px; /* ensure minimum height */
 height:11px;
}

.dialog .ft .c {
 height:14px;
}

.dialog .hd {
 background:transparent url(http://dkpfiles.com/agonalbreath/files/tl.gif) no-repeat 0px 0px;
 margin-right:14px; /* space for right corner */
}

.dialog .hd .c {
 background:transparent url(http://dkpfiles.com/agonalbreath/files/tr.gif) no-repeat right 0px;
 margin-right:-14px; /* pull right corner back over "empty" space (from above margin) */
}

.dialog .bd {
 background:transparent url(http://dkpfiles.com/agonalbreath/files/ml.gif) repeat-y 0px 0px;
 margin-right:6px;
}

.dialog .bd .c {
 background:transparent url(http://dkpfiles.com/agonalbreath/files/mr.gif) repeat-y right 0px;
 margin-right:-6px;
}

.dialog .bd .c .s {
 margin:0px 8px 0px 4px;
 background:#000 url(http://dkpfiles.com/agonalbreath/files/ms.jpg) repeat-x 0px 0px;
 padding:1em;
}

.dialog .ft {
 background:transparent url(http://dkpfiles.com/agonalbreath/files/bl.gif) no-repeat 0px 0px;
 margin-right:14px;
}

.dialog .ft .c {
 background:transparent url(http://dkpfiles.com/agonalbreath/files/br.gif) no-repeat right 0px;
 margin-right:-14px;
}

/* content-specific */

.dialog h1 {
 /* header */
 font-size:2em;
 margin:0px;
 padding:0px;
}

p {
 font-family:verdana,tahoma,arial,"sans serif";
}

.dialog p {
 margin:0.5em 0px 0px 0px;
 padding:0px;
 font:0.95em/1.5em arial,tahoma,"sans serif";
}


Tooltip
{
	background: #000000;
}

.shoutbox{
overflow:auto;
height: 200px;
font-weight:normal;
font-size: 7.5pt;
}

/* The following are the rules for tabs */
div.tabrow{float:left;width:100%;padding-top:5px;}
ul.tabrow, ul.tabrow li{list-style-type:none;margin:0;padding:0}
ul.tabrow{margin-left:10px;}
ul.tabrow li{list-style-image:none;float:left;margin-right: 3px;text-align:center;font-size:inherit}
ul.tabrow a{float:left;width:8em;padding: 5px 0;background-color:#0e6213;}
ul.tabrow a:hover {background:#0625ca;}
ul.tabrow li.selected a,ul.tabrow li.selected a:hover {border-style:none;background-color:#00ff00;color:#ffffff}