/****************************************************************/
/* 1. IMPORTED STYLESHEETS */
/****************************************************************/

/* Import the basic setup styles */
@import url(imports/base.css);
/* Import the colour scheme */
@import url(imports/clandmz_cs.css);

/****************************************************************/
/* 2. TEXT SETTINGS */
/****************************************************************/

/* 2.1 This sets the default Font Group */

.pun, .pun INPUT, .pun SELECT, .pun TEXTAREA, .pun OPTGROUP {
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.pun {FONT-SIZE: 11px; LINE-HEIGHT: normal}

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

/* Set font size for tables because IE requires it */
.pun TABLE, .pun INPUT, .pun SELECT, .pun OPTGROUP, .pun TEXTAREA, DIV.postmsg P.postedit {FONT-SIZE: 1em}

/* 2.2 Set the font-size for preformatted text i.e in code boxes */

.pun PRE {FONT-FAMILY: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}

/* 2.3 Font size for headers */

.pun H2, .pun H4 {FONT-SIZE: 1em}
.pun H3 {FONT-SIZE: 1.1em}
#brdtitle H1 {FONT-SIZE: 1.4em}

/* 2.4 Larger text for particular items */
DIV.postmsg P {LINE-HEIGHT: 1.4}
DIV.postleft DT {FONT-SIZE: 1.1em}
.pun PRE {FONT-SIZE: 1.2em}

/* 2.5 Bold text */

DIV.postleft DT, DIV.postmsg H4, TD.tcl H3, DIV.forminfo H3, P.postlink, DIV.linkst LI,
DIV.linksb LI, DIV.postlinksb LI, .blockmenu LI, #brdtitle H1, .pun SPAN.warntext, .pun P.warntext {FONT-WEIGHT: bold}

/****************************************************************/
/* 3. LINKS */
/****************************************************************/

/* 3.1 Remove underlining for main menu, post header links, post links and vertical menus */

.tclcon h3 A:link, .tclcon h3 A:visited, #brdmenu A:link, #brdmenu A:visited, .blockpost DT A:link, .blockpost DT A:visited, .blockpost H2 A:link,
.blockpost H2 A:visited, .postlink A:link, .postlink A:visited, .postfootright A:link, .postfootright A:visited,
.blockmenu A:link, .blockmenu A:visited {
	TEXT-DECORATION: none
}

/* 3.2 Underline on hover for links in headers and main menu */

.tclcon h3 A:hover, #brdmenu A:hover, .blockpost H2 A:hover {TEXT-DECORATION: underline}

/****************************************************************/
/* 4. BORDER WIDTH AND STYLE */
/****************************************************************/

/* 4.1 By default borders are 1px solid */

DIV.box, .pun TD, .pun TH, .pun BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px
}

/* 4.2 Special settings for the board header. */

//#brdwelcome {
//	BORDER-STYLE: solid;
//	BORDER-WIDTH: 1px
//}

/* 4.3 Borders for table cells */

.pun TD, .pun TH {
	BORDER-BOTTOM: none;
	BORDER-RIGHT: none
}

.pun .tcl {BORDER-LEFT: none}

/* 4.4 Special setting for fieldsets to preserve IE defaults */

DIV>FIELDSET {
	BORDER-STYLE: solid;
	BORDER-WIDTH: 1px
}

/****************************************************************/
/* 5. VERTICAL AND PAGE SPACING */
/****************************************************************/

/* 5.1 Page margins */

HTML, BODY {
	MARGIN: 0;
	PADDING: 0;
	text-align: center;
}

/* 5.2 Creates vertical space between main board elements (Margins) */

DIV.blocktable, DIV.block, div.sitepage, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 12px}
#punindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 6px}
DIV.block2col DIV.blockform, DIV.block2col DIV.block, div.sitepage {MARGIN-BOTTOM: 0px}

/* 5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */

DIV.linkst, DIV.linksb {MARGIN-TOP: -12px}
DIV.postlinksb {MARGIN-TOP: -6px}

/* 5.4 Put a 12px gap above the board information box in index because the category tables only
have a 6px space beneath them */

#brdstats {MARGIN-TOP: 12px}

/* 5.5 Make the document reach at least the full height of the browser window*/
html, body, #punwrap, #punindex {min-height:100%;}

/****************************************************************/
/* 6. SPACING AROUND CONTENT */
/****************************************************************/

/* 6.1 Default padding for main items */

DIV.block DIV.inbox, DIV.blockmenu DIV.inbox, div.sitepage {PADDING: 3px 6px}
.pun P, .pun UL, .pun DL, DIV.blockmenu LI, .pun LABEL, #announce DIV.inbox DIV {PADDING: 3px 0}
.pun H2 {PADDING: 4px 6px}

/* 6.2 Special spacing for various elements */

.pun H1 {PADDING: 3px 0px 0px 0}
#brdtitle P {PADDING-TOP: 0px}
DIV.linkst {PADDING: 8px 6px 3px 6px}
DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px}
#brdwelcome, #brdfooter DL A, DIV.blockmenu LI, DIV.rbox INPUT  {LINE-HEIGHT: 1.4em}
#viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em}
DIV.title {padding: 0px 0px;}

/* 6.4 Create some horizontal spacing for various elements */

#brdmenu LI, DIV.rbox INPUT, DIV.blockform P INPUT  {MARGIN-RIGHT: 7px}

/****************************************************************/
/* 7. SPACING FOR TABLES */
/****************************************************************/

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

/****************************************************************/
/* 8. SPACING FOR POSTS */
/****************************************************************/

/* 8.1 Padding around left and right columns in viewtopic */

DIV.postleft DL, DIV.postright {PADDING: 6px}

/* 8.2 Extra spacing for poster contact details and avatar */

DD.usercontacts, DD.postavatar {MARGIN-TOP: 5px}
DD.postavatar {MARGIN-BOTTOM: 5px}

/* 8.3 Extra top spacing for signatures and edited by */

DIV.postsignature, DIV.postmsg P.postedit {PADDING-TOP: 15px}

/* 8.4 Spacing for code and quote boxes */

DIV.postmsg H4 {MARGIN-BOTTOM: 10px}
.pun BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 15px 15px; PADDING: 8px}

/* 8.5 Padding for the action links and online indicator in viewtopic */

DIV.postfootleft P, DIV.postfootright UL, DIV.postfootright DIV {PADDING: 10px 6px 5px 6px}

/* 8.6 This is the input on moderators multi-delete view */

DIV.blockpost INPUT, DIV.blockpost LABEL {
	PADDING: 3px;
	DISPLAY: inline
}

P.multidelete {
	PADDING-TOP: 15px;
	PADDING-BOTTOM: 5px
}

/* 8.7 Make sure paragraphs in posts don't get any padding */

DIV.postmsg P {PADDING: 0}

/****************************************************************/
/* 9. SPECIAL SPACING FOR FORMS */
/****************************************************************/

/* 9.1 Padding around fieldsets */

DIV.blockform FORM, DIV.fakeform {PADDING: 20px 20px 15px 20px}
DIV.inform {PADDING-BOTTOM: 12px}

/* 9.2 Padding inside fieldsets */

.pun FIELDSET {PADDING: 0px 12px 0px 12px}
DIV.infldset {PADDING: 9px 0px 12px 0}
.pun LEGEND {PADDING: 0px 6px}

/* 9.3 The information box at the top of the registration form and elsewhere */

DIV.forminfo {
	MARGIN-BOTTOM: 12px;
	PADDING: 9px 10px
}

/* 9.4 BBCode help links in post forms */

UL.bblinks LI {PADDING-RIGHT: 20px}

UL.bblinks {PADDING-BOTTOM: 10px; PADDING-LEFT: 4px}

/* 9.5 Horizontal positioning for the submit button on forms */

DIV.blockform P INPUT {MARGIN-LEFT: 12px}

/****************************************************************/
/* 10. POST STATUS INDICATORS */
/****************************************************************/

/* 10.1 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. By default only .inew is different from the default.*/

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

DIV.searchposts DIV.icon {MARGIN-LEFT: 0}

/* 10.2 Class .tclcon is a div inside the first column of tables with post indicators. The
margin creates space for the post status indicator */

TD DIV.tclcon {MARGIN-LEFT: 2.3em}

/****************************************************************/
/* 11. EXTRAS */
/****************************************************************/

#brdmenu {
	height:19px;
	padding-top:1px;
	BACKGROUND: #555 url(../img/clandmz/bg-barre.gif);
	text-align: center;
}
body{text-align:center}
#punwrap {
	width: 1001px;
	margin: 0 auto;
	text-align: left;
	padding: 0px;
	padding-top: 150px;
}
#punindex2, #punmaint, 
#punmisc, #punmessage_delete, #punindex, #punforum, #punsearch, #punviewtopic, #punmessage_list, 
#punviewforum, #pundelete, #punregister, #punmessage_send, #punedit, #punlogin, #punpost, #punadmin, 
#punprofile, #punuserlist, #punmoderate {
	margin-top: 0px;	
	margin-left: -28px;	
}
.pun {
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 40px;
	background-repeat: no-repeat;
}
#punredirection {
	padding: 75px 0px 0px 181px;
}
#notice {
	width: 690px;
}
#brdtitle { /* DELETE THIS IF YOU DON'T WANT A LOGO */
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 0px;
	padding-top: 95px;
	padding-bottom: 25px;
	width: 980px;
}
#brdheader {
	position: absolute;
	margin-top: -152px;
	margin-left: -1px;
	width: 980px;
}
div.sitefoot {
	margin-left: 0px;
	width: 977px;
	position: absolute;
	bottom:0;
}
#brdwelcome {
	position: absolute;
	width: 300px;
	top: 0px;
	right: 5px;
}
#brdwelcome, #brdwelcome a {
	text-align: right;
	color: #f1f1f1;
}
div.panelbox {
	padding: 5px;
	border-bottom: solid 1px #CCC;
}
#announce, div.block, div.blocktable, div.blockform, DIV.blockpost, #brdfooter{
	margin-left: 2px;
	width: 974px;
}
#announce {
	padding-top: 15px;
	margin-top: 0px;
}
#brdfooter {
	padding: 0 40px 40px 0px;
	margin-bottom: 0;
	background-repeat:  no-repeat;
	background-position: bottom left;
}
#menuinline ul li {
	display: inline;
}
#mainbody {
	position: absolute;
	margin-left: -28px;
	margin-top: 152px;
	top: 140;
	width: 980px;
	float:left;
	line-height:normal;
}
.structurelist {
	width: 1000px;
	margin: 0px;
	padding: 0;
	list-style: none;
}
.structurelistitem {
	float: left;
	margin: 0;
	padding: 0;
}
#lhs {
	margin: 0px;
	border: solid #CCC; 
	border-width: 0px 1px 0px 0px;
	width: 200px;
}
#content {
	margin: 5px;	
	width: 565px;
}
#rhs {
	margin: 0px;
	border: solid #CCC; 
	border-width: 0px 0px 0px 1px;
	width: 200px;
}
div.contents {
	padding: 5px;
}
.importantstickytext, .infostickytext, .coolstickytext {
	font-weight: bold;
}

.structurelistitem td {
	border-width: 0px;
	padding: 0px;
	margin: 0px;
}
.wowhead-searchbox { 
	border-top: 3px solid #c4c4c4;
	border-right: 3px solid #7a7a7a;
	border-left: 3px solid #c4c4c4;
	border-bottom: 3px solid #7a7a7a;
} 
div.postmsg ol, div.postmsg ul {
	padding: 5px;
}

div.postmsg li {
	margin-left: 30px;
	padding: 2px;
}

div.postmsg ol li {
	list-style-type: decimal;
}

div.postmsg ul li {
	list-style-type: square;
}
p.center {
	text-align: center;
}

p.right {
	text-align: right;
}

span.bbs {
	text-decoration: line-through;	
}
/* Add a margin - for this demo only - and a relative position with a high z-index to make it appear over any element below */
#menu_container {margin: -19px 0px 0px 153px; position:relative; width:710px; height:20px; z-index:100;}

/* Get rid of the margin, padding and bullets in the unordered lists */
#pmenu, #pmenu ul {padding:0; margin:0; list-style-type: none;}

/* Set up the link size, color and borders */
#pmenu a, #pmenu a:visited {display:block;width:110px; font-size:11px; color:#fff; height:23px; line-height:17px; text-decoration:none; text-indent:0px; border:1px solid #aaa; border-width:0px 0px 0px 0px; text-align: center; outline: none;}

/* Set up the sub level borders */
#pmenu li ul li a, #pmenu li ul li a:visited {border-width:0px 1px 1px 1px; outline: none;width:140px;}
#pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px; outline: none;width:140px;}

/* Set up the list items */
#pmenu li {float:left;}
#pmenu li li {float:left; background:#333;}

/* For Non-IE browsers and IE7 */
#pmenu li:hover {position:relative;}
/* Make the hovered list color persist */
#pmenu li:hover > a {text-decoration: underline; outline: none;}
#pmenu li li:hover > a {background:#ccb; color:#000; outline: none;}
/* Set up the sublevel lists with a position absolute for flyouts and overrun padding. The transparent gif is for IE to work */
#pmenu li ul {display:none;}
/* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs background:transparent url(transparent.gif);*/
#pmenu li:hover > ul {display:block; position:absolute; top:-10px; left:100px; padding:10px 30px 30px 30px;  width:120px;}
/* Position the first sub level beneath the top level liinks */
#pmenu > li:hover > ul {left:-30px; top:10px;}

/* get rid of the table */
#pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
* html #pmenu li a:hover {position:relative; background:#ccb; color:#000; outline: none;}

/* For accessibility of the top level menu when tabbing */
#pmenu li li a:active, {background:#ccb; color:#000; outline: none;}


/* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */

/* change the drop down levels from display:none; to visibility:hidden; 
* html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent url(transparent.gif);}*/

/*******************************************************
  DKP tracker                                          
*******************************************************/

table.dkp {
	width: 555px;
	border: 1px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}
table.dkp td {
	padding: 1px 4px 1px 4px;
}
.dkphead th {
	color: white;
	background-color: #666;
	border: 1px solid #000;
	border-width: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
}
.dkprow1 td {
	background-color: #f1f1f1;
	border: 1px solid #000;
	border-width: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
}
.dkprow2 td {
	background-color: #CCB;
	border: 1px solid #000;
	border-width: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
}
.dkprank {
	text-align: center;
	width: 30px;
}
.dkpchar, .dkpplyr {
	text-align: left;
}
.dkpkils {
	text-align: center;
}
.dkpitms {
	text-align: center;
}
.dkpvalu {
	text-align: center;
}
.dkpnegv {
	text-align: center;
	color: red;
	font-weight: bold;
}
.dkpposv {
	text-align: center;
	color: green;
	font-weight: bold;
}
.dkpRaidTitle {
	font-weight: bold; 
	font-size: 18px;
}
.raiderInputBlock {
	margin: 2px 4px 4px 4px; 
	padding: 5px 0px 8px 0px; 
	border-top: 1px solid #CCC; 
	border-bottom: 1px solid #CCC;
}

/*******************************************************
  Default table for site pages                                          
*******************************************************/

table.table {
	width: 555px;
	border: 1px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}
table.table td {
	padding: 1px 4px 1px 4px;
}
.table th {
	color: white;
	background-color: #666;
	border: 1px solid #000;
	border-width: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
}
.tablehead th a:link, .tablehead th a:visited{
	text-decoration: none;
	color: white;
}
.tablehead th a:hover{
	text-decoration: underline;
	color: white;
}
.tablerow td {
	background-color: #f1f1f1;
/*	border: 1px solid #000;
	border-width: 1px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
}
table.posttable {
	width: 730px;
	border: 1px solid #000;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;
}
table.posttable td {
	padding: 1px 4px 1px 4px;
}
.posttable th {
	color: white;
	background-color: #666;
	border: 1px solid #000;
	border-width: 1px 0px 1px 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
}
.posttablerow td, .posttablerow th {
	border: 1px solid #000;
/*	border-width: 1px 0px 0px 0px;*/
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
}
.tablerow1 td {
	background-color: #f1f1f1;
	border: 1px solid #666;
	border-width: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
}
.tablerow2 td {
	background-color: #CCB;
	border: 1px solid #666;
	border-width: 1px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	padding: 1px 4px 1px 4px;
}
td.tableleft {
	text-align: left;
}
td.tablecenter {
	text-align: center;
}
td.tableright {
	text-align: right;
}
/*  Tabs  */
.ui-tabs-hide { display: none; }

.ui-tabs { padding: .2em; zoom: 1; }
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 1px; border-bottom-width: 0; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


/*******************************************************
  progress panel
http://dmz-gaming.com/img/clandmz/logoTBC.jpg
*******************************************************/

div.expansion {
	height: 46px;
	width: 190px;
	text-align: right;
	display: block;
	opacity: 0.9;
}
div.instance {
	height: 31px;
	width: 190px;
	text-align: right;
	display: block;
	opacity: 0.8;
}
div.progressBars {
	width: 190px;
	text-align: right;
	display: block;
}
div.progressBar {
	width: 190px;
	height: 8px;
	margin-right: 5px;
}
p.achievementIncomplete {
	color: #b91e09;
	font-size: 0.8em;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
a.achievementIncomplete:link, a.achievementIncomplete:visited, a.achievementIncomplete:hover {
	color: #b91e09;
	text-decoration: none;
}
p.achievementComplete {
	color: #127e1e;
	font-size: 0.8em;
	text-decoration: none;
	vertical-align: top;
	padding: 0;
	margin: 0;
}
a.achievementComplete:link, a.achievementComplete:visited, a.achievementComplete:hover {
	color: #127e1e;
	text-decoration: none;
}
table.progress {
	width: 100%;
}
table.progress thead th{
	width: 30px;
	padding: 0px 4px 0px 4px;
	font-weight: normal;
	vertical-align: bottom;
	text-align: center;
}
table.progress thead th:first-child{
	width:90%;
	padding: 0px 4px 0px 0px;
	font-weight: bold;
	font-size: 16px;
	text-align: left;
}
table.progress tbody td{
	width: 30px;
	padding: 0px 4px 0px 4px;
	font-weight: bold;
	vertical-align: bottom;
	text-align: center;
}
table.progress tbody td:first-child{
	width:90%;
	padding: 0px 4px 0px 0px;
	text-align: left;
}
/******************************************************\
  Tooltips
\******************************************************/
table.tipWrap {
	padding: 0;
	border: 0;
	width: 250px;
	height: 40px;
}
div.tipInner {
	border: 0px none #333;
	background-color: #f1f1f1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	font-family: arial;
}
/*******************************************************
  Tab selectors
*******************************************************/
.selector, .selected{
	background-color: #e6e6e6;
	float: left;
	padding: 5px !important;
	margin: 2px !important;
	margin-bottom: 0px !important;
}
.selected {
	background-color: #ccc;
}
.selectionWrap {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px !important;
}

/*******************************************************
  For javascript hiding things
*******************************************************/

.hidden {
	display: none;
}
.unhidden {
	display: inline;
}
.resizeToggleUp, .resizeToggleDown {
	float: right;
	background: url(../../img/dmz-gaming/arrowDown.png);
	height: 17px;
	width: 12px;
	margin-right: 5px;
}
.resizeToggleUp {
	background: url(../../img/dmz-gaming/arrowUp.png);
}

/*******************************************************
  panel_donations.php
*******************************************************/
#donationPanelTitle{
	font-size: 110%;
	font-weight: bold;
	padding: 0px 0px 3px 0px;
}
#donationPanelButton{
	float: left;
	padding: 0px 3px 2px 10px;
}
#donationPanelTotal{
/*	width: 100px;*/
	padding: 7px 13px 2px 0px;
	float: right;
/*	font-size: 150%;*/
	font-weight: bold;
}
#donationPanelDays{
	float: left;
	padding: 0px 5px 3px 25px;
	font-size: 100%;
}
#donationPanelhelp{
	float: right;
	padding: 0px 5px 0px 5px;
}