/*
 *  Benevolent Thuggery Custom CSS file
 *  Some important colors:
 *    #2c334d - the blue color from the header image
 */

/* This is the body, pretty straightforward */
html, body
{		
	font-family: Arial,sans-serif;
	font-size: 9pt;
	color: #000033; /* new */
	margin:0;
	padding:0;
	text-align: center;
	background: #000000 url(http://dkpfiles.com/benethugs/files/background_shield.jpg) scroll no-repeat top center;
}

div#container
{
	background: #f5e9d0 url(http://dkpfiles.com/benethugs/files/parchment-light3.jpg);
	padding-right:0px;
	padding-left:0px;
	width: 1160px;
	margin: 0 auto;
	text-align: left;
	display: table;
}

table.movablewindow
{
	background: #FFF5F0;
}

div#logo_pane
{
}

div#page_header 
{
	margin-bottom:15px;
	padding:5px;
}

div#footer_pane
{
	border-top: 1px solid;
	margin-top: 10px;
}

td#content_cell
{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 4px;
}

#layouttable
{
	background: url(http://dkpfiles.com/benethugs/files/Background.png)
}

#button_bar 
{
	background: #101d42 url(http://dkpfiles.com/benethugs/files/button_bar_bg.png) repeat;
	color: #dedede;
	font-weight: bold;
	height:25px;
	padding-left:4px;
	vertical-align:middle;
	margin-top: -3px;
}

#button_bar .button 
{
	display: inline;
	border: none;
	margin-right: 10px;
	padding: 3px;
	position: relative;
	top: 6px;
}

#button_bar a
{
	color: #dedede;
}

/* Used for on-screen tooltips like the popups on progression status */
#autotooltipNewTooltip, #autotooltiprfi
{
	background: #f5e9d0 url(http://dkpfiles.com/benethugs/files/parchment-light3.jpg);
	border: 2px solid #000000;
	width: 400px !important;
}

/* Used for the event calendar popup */
table.ttb
{
	border: none;
	background: transparent;
	width: 100%;
}

table.ttb b
{
}

table.ttb br
{
}

/* Basic Link Definition */
a:visited {
	color:0000ff;
}
a:link {
	color:#0000ff;
}
a:active {
	color:#ff00ff;
}
a:hover {
	color:#0000ff;
}

/* 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 when [quote] tags are used in posts */
.quote
{
	font-size:7.5pt;
}

.quoteheader {
	font-size:9pt;
}

/* Most tables use this type    */
.List
{	
	background-color: transparent;
	border: none;
}

table.List {
	width: 100%;
}

.bigcal 
{
	border: none;
}

.bigcalheader {
}

.bigcalheader a {
	color: #dedede;
}

.bigcaldayheader {
}

.bigcaldaylabel {
	background: #cec4ae;
	color: #000033;
	font-weight: bold;
}

.bigcalrow {
}

.bigcalblank {
	background: transparent;
}

.bigcalday {
	background: transparent;
	border: 1px solid #dedede;
}

.bigcalsomething {
}

.bigcalcurrent {
	background: #dedede;
}

/* used for the newsletter table */
table.newsletter{
	border: inset;
	border-width: 1px;
	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: 1px;}

/* used to define the Menus on the left */	
.Menu
{		
	width: 164px;
	border: outset;
	font-weight: bold;
	background: #cec4ae;
	border: none;
	border-collapse: collapse;
	margin-left: 3px;
	margin-right: 3px;
	margin-top:8px;
	margin-bottom: 8px;
}

.Menu a
{
	color: #000033;
}

.MenuCat
{
	color: #dedede;
	font-size: 9.5pt;
	font-weight: bold;
	background: url(http://dkpfiles.com/benethugs/files/menu_header.png);
	text-align: center;
	padding: 2px;
}

.MenuChoice
{	
	color: #000033;
	font-size: 9pt;
	background: none;
}

.MenuChoice a
{
	color: #000033;
}

.MenuChoiceSmall 
{ 
	font-size: 7.5pt;
	background: none;
}

ul.MenuChoiceList
{
	list-style-type: disc;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul.MenuChoiceList li
{
	margin-left: -15px;
	margin-top: 1px;
	margin-bottom: 1px;
	marker-offset: 5px;
}

.NextEvent
{
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 8pt;
}

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


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

/* The Row of the "Title Table" */
.Subject
{	
	font-size: 15pt;
	font-weight: bold;
	background: transparent;
	color: #000033;
	border-bottom: 2px solid;
	border-top: 2px solid;
}

/* This is the "PAge Description" row of the "Title Table" */
.SubSubject
{	
	font-size: 9pt;
	font-weight: bold;
	background: none;
	color: #000033;
	margin-top: 5px;
}

/* 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: #D6BA5A;}

/* for the TopStats, is the color of a Statistic designed to get the user's attention */
.StatAlert{	color: #D6BA5A;}

/* In the default layout, is the style of the "Top Stats" */
.TopStats{	background: #1f1f3f;
	font-size: 7.5pt}

/* In the Default Layout, Is essentially the background information for the Next Event. */
.Event{		background: #000000;
	font-size:9pt;}

/* Error box description */
table.error{	border-width: 1px;
	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: transparent;
}

/* 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: transparent;
}

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

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

.newlist2,.newl2{
	background: #cdcdcd;
	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
}

.menu .plain
{
	color: #000033;
}

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

.calcurrent{
	font-size: 7.5pt;
	color: #fff !important;
	border-style:solid;
	border-width:1px;
	border-color:grey;
}


/* The menu header (Menu, Resources, etc) as well as the Calendar Header, and the current date on the calendar */
.calheader
{
	font-size: 9.5pt;
	font-weight: bold;
	background: url(http://dkpfiles.com/benethugs/files/menu_header.png);
	color: #dedede;
}

.calheader a
{
	color: #dedede;
}

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

	/* The header bar of tables that act as lists */
	.listlabel
	{
		font-size: 9pt;
		font-weight: bold;
		background: #1f1f3f;
		color: #dedede;
	}

	.listlabel a
	{
		color: #dedede;
	}

	/* The Menu option contents, as well as the body for the calendar */
	.calbody
	{	
		font-size: 9pt;
		background: transparent;
	}


	/* is the information about the poster on the forum.  The left-most pane on each post */
	.PostInfo
	{	
		font-size: 9pt;
		background: transparent url(http://dkpfiles.com/benethugs/files/parchment-light3.jpg) repeat scroll 0% 0%;
		padding:5px;
		border-style:solid;
		border-width:1px;
		border-color: #000033;
	}

/* 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: transparent;
	padding:10px;
	border-style:solid;
	border-width:1px;
	border-color: #000033;
	}

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


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

	/* used in the default layout as any list items */
	li{	
		list-style-type:filledcircle;
}
/* Any day on the calendar.  Primarily for defining the width of the calendar, as the calendar width SHOULD be (width of .calday) * 7  */
.calday
{
	width:20px
}

/* This is the Shoutbox style */
.shoutbox{
	overflow:auto;
	height: 200px;
	font-weight:normal;
	font-size: 7.5pt;
	padding-left: 4px;
	padding-right: 4px;
}

/* This is the style for the Vent/TS status */
.ventstatus
{
	width:100%;
	height:300px;
	overflow:auto;
}

/* The following are some general rules for tabs.  You'd usually not need to mess with these first four, but you can if you wish */
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;
	font-size: 0.9em;
}

ul.tabrow li{list-style-image:none;float:left;margin-right: 3px;text-align:center;font-size:inherit}

/* This is for Unselected Tabs when they are idle (not hovered over) */
ul.tabrow a
{
	float:left;
	width:8em;
	padding: 5px 0;
	background-color:#3f3f5f;
	color: #e0e0e0;
}

/* Unselected Tabs when the cursor is hovering over it */
ul.tabrow a:hover {background-color:#110011;}

/* The currently selected tab.
 * It's a good idea to make this background being the same background color as .listlabel,
 * Most of the tabs will be directly above a .listlabel element, giving the tabs their full effect*/
ul.tabrow li.selected a,ul.tabrow li.selected a:hover {background-color:#1f1f3f}

.taglabel
{
	font-size: 0.9em;
}

div#filtertabs
{
	margin-bottom: -8px;
}

div.bbcodetitlemenu
{
	float: right !important;
}