/*****************************************************************/
/* 1. INITIAL SETTINGS */
/*****************************************************************/

.agora TABLE, .agora DIV, .agora FORM, .agora P, .agora H1, .agora H3,
.agora H4, .agora PRE, .agora BLOCKQUOTE, .agora UL, .agora OL, .agora LI, .agora DL,.agora DT, .agora DD, .agora TH, .agora TD, .agora FIELDSET, .agora IMG {/*MARGIN: 0px;PADDING: 0px;*/font-family:Georgia, "Times New Roman", Times, serif;}
.agora li, .box.inbox LI {list-style-type: none;}
.agora IMG {BORDER: none}
.agora INPUT, .agora SELECT, .agora TEXTAREA, .agora OPTGROUP {MARGIN: 0}
.agora BLOCKQUOTE{ background:url(img/Pyxes/quote.gif) no-repeat top right; }
.agora a {font-weight:bold; text-decoration:none; font-size:1.1em;}

/*****************************************************************/
/* 2. STRUCTURAL SETTINGS - VERY IMPORTANT - DO NOT CHANGE */
/*****************************************************************/

/* 2.1 Clearing floats and invisible items */
.agora .clearer, .agora .nosize {HEIGHT: 0;WIDTH: 0;LINE-HEIGHT: 0;FONT-SIZE: 0;OVERFLOW: hidden}
.agora .clearer, .agora .clearb {CLEAR: both}
.agora .nosize {POSITION: absolute; LEFT: -10000px}

/* 2.2 Overflow settings for posts */
DIV.blockpost DIV.box, DIV.postleft, DIV.postsignature, DIV.postmsg {OVERFLOW: hidden}

/*****************************************************************/
/* 3. BUG FIXES - VERY IMPORTANT - DO NOT CHANGE */
/*****************************************************************/

/* 3.1 This attempts to eliminate rounding errors in Gecko browsers. */
/*DIV>DIV>DIV.postfootleft, DIV>DIV>DIV.postfootright {PADDING-TOP: 1px; MARGIN-TOP: -1px}*/

/* 3.2 This is only visible to IE6 Windows and cures various bugs. Do not alter comments */
/* Begin IE6Win Fix \*/
 /*HTML .inbox, * HTML .inform, * HTML .agora, * HTML .intd, * HTML .tclcon {HEIGHT: 1px}*/
 HTML .inbox DIV.postmsg {WIDTH: 98%}
 /*End of IE6Win Fix */

/* 3.3 This is the equivelant of 3.2 but for IE7. It is visible to other browsers but does no harm */
/*Begin IE7Win Fix */
 .agora, .agora .inbox, .agora .inform, .agora .intd, .agora .tclcon {min-height: 1px}
/*End of IE7Win Fix */

/*****************************************************************/
/* 4. HIDDEN ELEMENTS */
/*****************************************************************/

/* These are hidden in normal display. Add comments to make them visible */
#modcontrols DT, #searchlinks DT,#searchlinks DL,#searchlinks DD, DIV.postright H3{/*POSITION: absolute;DISPLAY: block;OVERFLOW: hidden;*/WIDTH:auto;/*LEFT: -999em;*/ margin-left:0px;}
#modcontrols { width:600px;}
#modcontrols dt{ text-transform:uppercase; width:600px;}
#modcontrols a{ margin-left:8px;}
#modcontrols .conl{width:600px;}

/*****************************************************************/
/* 5. BOX CONTAINERS AND FLOATS */
/*****************************************************************/

/* 5.1. Setup all left and right content using floats. */
.conr {FLOAT: right;TEXT-ALIGN: right;CLEAR: right;WIDTH:auto;}
.conl {FLOAT: left;WIDTH:auto;OVERFLOW: hidden;WHITE-SPACE: nowrap}
LABEL.conl {WIDTH: auto;OVERFLOW: visible;MARGIN-RIGHT: 6px}

/* 5.2 Set up page numbering and posts links */
DIV.linkst .conl, DIV.linksb .conl, DIV.postlinksb .conl {WIDTH:16em}

/* 5.2a new topic nre poll links */
DIV.linkst .conr, DIV.linksb .conr, DIV.postlinksb .conr {WIDTH:20em}
FORM DIV.linksb .conr {WIDTH: 32em}

/* 5.3 Keep breadcrumbs from shifting to the right when wrapping */
.linkst UL, linksb UL, .postlinksb UL {MARGIN-LEFT: 5em}
.postlinksb li {MARGIN-LEFT: 0px;}
div.linkst li {MARGIN-LEFT: -5px;}
div.postlinksb li {MARGIN-LEFT: -5px;}

/* 5.4 Settings for Profile and Admin interface.
DIV.block2col { margin-top:0px; w}
DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {MARGIN-LEFT: 14em; margin-top:0px; float:right}
DIV.blockmenu, #viewprofile DT {WIDTH: 12.7em;}
#profileavatar IMG {FLOAT: right;MARGIN-LEFT: 1em}
#viewprofile DL {FLOAT: left; WIDTH: 100%; OVERFLOW: hidden}
#profile .blockmenu {WIDTH: 12.7em; margin-top:0px;}
#profile .blockmenu H2 {}
#profile .blockform {margin-top:0px;}
*/
div #adminmenu{ margin-top:0PX;FLOAT:left;}
DIV.block2col {}
DIV.block2col DIV.blockform, DIV.block2col DIV.block, #viewprofile DD {}
DIV.blockmenu, #viewprofile DT {margin-left:0px;margin-top:0px;}
DIV.blockmenu H2{}
DIV.blockmenu span {margin-left:0px;}
#profileavatar IMG {FLOAT: right;MARGIN-LEFT: 1em}
#viewprofile DL {FLOAT: left; WIDTH: 100%; OVERFLOW: hidden}
#profile .blockmenu li { margin-left:0px; padding-left:0px;}
#adminprofilebox{ background-color:#f1f1f1; border:none;}
/*****************************************************************/
/* 6. TABLE SETUP */
/*****************************************************************/

/* 6.1 Table Basic Setup */
.agora TABLE {WIDTH: 100%}

/* 6.2 Fixed Table Setup */
#agoraindex TABLE, #vf TABLE {TABLE-LAYOUT: fixed}
.tcl {TEXT-ALIGN: left; WIDTH: 55%}
.tc2, .tcmod {WIDTH: 5%; TEXT-ALIGN: center}
.tc3 {WIDTH: 5%; TEXT-ALIGN: center}
.tc4 {WIDTH: 10%; TEXT-ALIGN: center}
.tcr {TEXT-ALIGN: left}
#agorasearch #vf .tcl, #agoramoderate #vf .tcl {WIDTH: 25%}
#agorasearch #vf .tc2 {WIDTH: 18%; TEXT-ALIGN: left}
.tcl, .tcr {OVERFLOW: HIDDEN}
/*td.tcl:hover { background-color:#999999; color:#FFFFFF;}*/

/* 6.3 Other Table Setup */
#users1 .tcl {WIDTH: 20%}
#users1 .tcr {WIDTH: 20%}
#users1 .tc2 {WIDTH: 20%; TEXT-ALIGN: center}
#users1 .tc3 {WIDTH: 20%; TEXT-ALIGN: center}
#users1 .tc4 {WIDTH: 20%; TEXT-ALIGN: center}
#debug .tcr {WIDTH: 85%; WHITE-SPACE: normal}
#agoraindex TD.tcr SPAN.byuser {DISPLAY: block}

/*****************************************************************/
/* 7. VIEWTOPIC SETUP */
/*****************************************************************/

/* 7.1 This is the basic structure. */
/*DIV.postleft, DIV.postfootleft{FLOAT:left;WIDTH: 15em;OVERFLOW: hidden; text-align:center;}
dd.usercontacts{ display:block}
DIV.postleft DT, DIV.postleft DD{ text-align:center;}
DIV.postright, DIV.postfootright {BORDER-LEFT-WIDTH: 15em;BORDER-LEFT-STYLE: solid;}
DIV.postfootright, P.multidelete {TEXT-ALIGN: right}
DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px}
DIV.postleft DD {margin-left:0px;}
DIV.postfootright {margin-left:15em;/ border-top:#CCCCCC solid 1px;}*/

DIV.postleft{FLOAT:left;WIDTH: 15em;OVERFLOW: hidden; text-align:center;}
dd.usercontacts, dd.usertitle,dd.postavatar{ display:block;}
DIV.postleft DT, DIV.postleft DD{ text-align:center;}
DIV.postright, DIV.postfootright {BORDER-LEFT-WIDTH: 15.5em;BORDER-LEFT-STYLE: solid;}
DIV.postfootright, P.multidelete {TEXT-ALIGN: right;}
DIV.blockpost>DIV>DIV.inbox {PADDING-BOTTOM: 1px}
DIV.postleft DD {margin-left:0px;}
DIV.postleft DL  {display: block;}
DIV.postleft {margin-bottom:0px; height:100%;}
DIV.postfootleft{ display:none;}

/* 7.3 This is the div which actually contains the post and is inside .postright */
DIV.postmsg {WIDTH:98%; padding:10px 10px 10px 10px; margin-left:0px; margin-top:10px; float:right;}

/* 7.4 These items control overflow and scrolling within posts. */
DIV.incqbox {WIDTH: 625px; OVERFLOW: hidden}
DIV.scrollbox {WIDTH: 625px; OVERFLOW:auto;}
IMG.postimg {max-width: 100%}
A .postimg {max-width: 100%}

/* 7.5 Turn off the poster information column for preview */
#postpreview DIV.postright {BORDER-LEFT: none}

/* 7.7 Maximum height for search results as posts. Position go to post link */
DIV.searchposts DIV.postmsg {HEIGHT: 8em}
DIV.searchposts DD P {PADDING-TOP: 3em}

/* 7.8 Class for bbcode [u] */
SPAN.bbu {TEXT-DECORATION: underline}

/*****************************************************************/
/* 8. LISTS SPECIAL SETTINGS */
/*****************************************************************/

/* 8.1 Horizontal display of online list, main navigation menu and breadcrumbs */
#onlinelist DD, #onlinelist DT,  DIV.linkst LI, DIV.linksb LI, DIV.postlinksb LI,DIV.postfootright LI, UL.bblinks LI {DISPLAY: inline;}

/* 8.2 Turn on square icon for posterror list */
#posterror UL LI {LIST-STYLE: square inside}

/* 8.3 Right alignment of descriptions in ordinary member view of other members profiles */
#viewprofile DT {TEXT-ALIGN: left}

/*****************************************************************/
/* 9. FORM SETTINGS */
/*****************************************************************/

/* 9.1 Makes textareas and long text inputs shrink with page */
DIV.txtarea {WIDTH: 99%}
DIV.txtarea TEXTAREA, INPUT.longinput {WIDTH: 100%}
.agora LABEL {DISPLAY: block}
#qjump SELECT {WIDTH: 75%}
#qjump input { display:none;}/* GO button */

/*****************************************************************/
/* 10. HELP FILES AND MISC. */
/*****************************************************************/

/* 10.1 Put some space between sections of the help file */
#helpfile H2 {MARGIN-TOP: 12px}

/* 10.2 Internal padding */
#helpfile DIV.box {PADDING: 10px}

/* 10.3 Other templates */
#agoraredirect DIV.block, #agoramaint DIV.block {MARGIN: 50px 20% 12px 20%}

/************************************************************/
/* Add better parser and video */
/************************************************************/
.bbtitel { color: #666; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; border-bottom: 1px solid #ccc }
#bbtoolbar { text-align: center; margin-top: 5px; padding: 3px 6px; position: relative; width: auto; height: 20px; border: solid 1px #ccc }
#bbtoolbar2 { text-align: center; margin-top: 1px; padding: 3px 6px; position: relative; width: auto; height: 20px; border: solid 1px #ccc }
div.bbcode { text-align: center; margin-top: 5px; padding: 3px 3px 5px; width: auto; height: auto; border: solid 1px #ccc }
img.bbcode { cursor: pointer; margin-right: 2px; padding: 2px 3px }
img.bbcode:hover { background-color: #e4e4e4; cursor: pointer; margin-right: 2px; padding: 2px 3px }
img.spacer { margin-bottom: 1px; margin-left: -2px }
#bbmovies { text-align: center; display: none; margin-top: 4px; padding: 5px 6px; width: auto; height: auto; overflow: hidden; border: solid 1px #ccc }
img.vid_spacer { margin-bottom: 2px; margin-left: -2px }
#bbmovies_divider { color: #ccc; background-color: #ccc; margin-top: 5px; margin-bottom: 5px; width: 100%; height: 1px; border: 0 }
#bbsmiley { text-align: center; display: none; margin-top: 4px; padding: 10px 30px; width: auto; height: auto; max-height: 100px; overflow: auto; border: solid 1px #ccc }
#bbsmiley IMG { margin: 1px }
/*****************************************************************/

/************ Post Styling BBCodes ******************************/
div.postmsg span.bbu { text-decoration: underline }
div.postmsg span.bbs { text-decoration: line-through }
div.postmsg .bbcenter { text-align: center }
div.postmsg .bbleft { text-align: left }
div.postmsg .bbright { text-align: right }
div.postmsg .bbjustify { text-align: justify }
div.postmsg .bbindent { line-height: 1em; margin-left: 40px }
div.postmsg span.bbhighlight { background-color: #ff6; padding-right: 4px; padding-bottom: 3px; padding-left: 4px }
div.postmsg HR { color: #cccccc; background-color: #cccccc; text-align: center; height: 1px; border: none; width: 80% }
div.postmsg PRE { color: #660; font-size: 1.2em; font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace }
div.postmsg ol, div.postmsg ul { margin-left: 40px }
div.postmsg li { margin-left: 40px; padding: 0 }
div.postmsg ol li { list-style-type: decimal; margin: 0 }
div.postmsg ul li { list-style-type: disc; margin: 0 }
div.postmsg .bbvideo { text-align: center; margin-top: 10px; margin-bottom: 10px; padding: 0; width: auto; height: auto; clear: both }
/*****************************************************************/

/*********** overwrites the base textarea settings **************/
/* The width of the whole commentsarea */
DIV.txtarea { width: 99% }

/**** The Textarea ****/
DIV.txtarea TEXTAREA { margin-top: 5px; margin-bottom: 5px; width: 100%; height: 200px }
/*****************************************************************/

/**** The Titlearea ****/
.agora ul li {padding-left: 10px;line-height: 150%;background-image: none;}
#brdtitle {/*border:1px solid #eee;border-width:1px 1px 0;*/padding:10px 0px 0em;font-size:100%;font-weight:bold;color:#666;text-transform:uppercase;letter-spacing:.4em;text-align: center; background-color:#FFFFFF; height:40px; margin-top:0px; padding-bottom:10px;}
#brdtitle .inbox{background-color:#FFFFFF; height:40px; margin-top:0px;}
#brdtitle p, #brdtitle h1 {  margin-top: 0px; padding-bottom:0px;text-align: center;}

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

/* 3.1 Remove underlining for main menu, post header links, post links and vertical menus */
.blockpost DT A:link, .blockpost DT A:visited, .blockpost AGORA:link,.blockpost AGORA: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 */
.blockpost AGORA:hover { text-decoration:underline;}

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


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

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

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

#brdheader DIV.box {BORDER-TOP-WIDTH: 1px}

/* 4.3 Borders for table cells */

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

.agora .tcl {BORDER-LEFT: none}

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

DIV>FIELDSET {
BORDER-STYLE: solid;
BORDER-WIDTH: 1px
}
th.tcl,th.tc2,th.tc3,th.tc4,th.tc5,th.tcr{background: url(img/Pyxes/tiptitleback.png)}

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

/* 5.1 Page margins */
#agorawrap {margin:0px;background-color:#FFFFFF; width:100%; height:auto;}

/* 5.2 Creates vertical space between main board elements (Margins) */
DIV.blocktable, DIV.block, DIV.blockform, DIV.block2col, #postreview {MARGIN-BOTTOM: 12px}
#agoraindex DIV.blocktable, DIV.blockpost {MARGIN-BOTTOM: 6px}
DIV.block2col DIV.blockform, DIV.block2col DIV.block {MARGIN-BOTTOM: 0px}

/* 5.3 Remove space above breadcrumbs, postlinks and pagelinks with a negative top margin */
DIV.linkst, DIV.linksb {MARGIN-bottom: 0px; }
DIV.postlinksb {MARGIN-bottom: 0px;}
.pagelink conl{ display:none;}

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

/* 6.1 Default padding for main items */
DIV.block DIV.inbox, DIV.blockmenu DIV.inbox {PADDING: 0px 6px;}
.agora P, .agora UL, .agora DL, DIV.blockmenu LI, .agora LABEL{PADDING: 3px 0}
.agora H2, H2 {PADDING: 3px 0px 0px 20px;border:#CCCCCC solid 1px;margin:.5em 0 0em;font:1.2em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;text-transform:uppercase;letter-spacing:.2em;color:#00008B;font-weight:bold;background: url(img/Pyxes/forum_hdr.png);line-height:25px; background-color:#990000}
agora H3, H3 { font-size:13px;}
.members-only { text-decoration:none;}

/* 6.2 Special spacing for various elements */
.agora H1 {PADDING: 3px 0px 0px 0; font-size:1.5em}
#brdtitle P {PADDING-TOP: 0px}
DIV.linkst {PADDING: 3px 6px 8px 6px}
DIV.linksb, DIV.postlinksb {PADDING: 3px 6px 8px 6px}
DIV.blockmenu LI, DIV.rbox INPUT {LINE-HEIGHT: 1.4em}
#viewprofile DT, #viewprofile DD {PADDING: 0 3px; LINE-HEIGHT: 2em}

/* 6.4 Create some horizontal spacing for various elements */
DIV.rbox INPUT, DIV.blockform P INPUT {MARGIN-RIGHT: 12px}
DIV.rbox INPUT, DIV.blockform P INPUT {MARGIN-RIGHT: 2px}

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

.agora TD {PADDING: 4px 6px;}
.agora TH{ color: #333333; PADDING: 4px 6px;; text-transform:uppercase; font-weight:bold; font-size:.85em}
.agora 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.postmsg P.postedit {PADDING: 10px 10px 10px 10px;border-top:0px solid #6C8A34;background-color:#F1F1F1; }
#postsignature {PADDING: 10px 10px 10px 10px;background-color:#F1F1F1; bottom:0px; width:50%; text-align:center;}

/* 8.4 Spacing for code and quote boxes */
DIV.postmsg H4 {MARGIN-BOTTOM: 10px}
.agora BLOCKQUOTE, DIV.codebox {MARGIN: 5px 15px 5px 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: 5px 3px 5px 3px}

/* 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:0px 0px 10px 0px;}

/*****************************************************************/
/* 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}
DIV.fakeform {width:98%; text-align:left;}

/* 9.2 Padding inside fieldsets */
.agora FIELDSET {PADDING: 0px 12px 0px 12px; width:98%}
DIV.infldset {PADDING: 9px 0px 12px 0; width:99%}
.agora LEGEN, .legendD {PADDING: 0px 6px; width:98%;}

/* 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}

/* 9.6 Hover, focus and that kind of stuff */
input[type=submit] {/*padding: 5px 5px;background: url(img/Pyxes/buttons/blank.gif) no-repeat; width:86px; height:25px;*/background:url(img/Pyxes/header_bg.png); background-color: #FFFFFF;border: solid #999999 1px;font-weight:bold; text-transform:uppercase;color:#990000; padding: 1px 5px 2px 5px;font-weight:bold; vertical-align:middle;}
input[type=submit]:hover {	border: 1px solid #000000;	color: #000000;	cursor: pointer}
input[type=text], textarea {border: 1px solid #999;	padding: 2px 5px; background: #f9f9f9; color:#000000;}
/*input[type=text]:focus, textarea:focus {border: 1px solid #9ab270;color: #9bb371;cursor: text}*/
select {	cursor:s-resize;	border: 1px solid #999;	padding: 0px 0px 0px 5px;	background: #f9f9f9}
select:focus {cursor: default}
/****************************************************************/
/* 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.4em;MARGIN-right: 0.4em;DISPLAY: block;/*BORDER-WIDTH: 0.6em 0.6em 0.6em 0.6em;BORDER-STYLE: solid;*/ width:32px; height:32px}
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.75em}
.admin li {color:#00eeff;}

/****************************************************************/
/* 1. BACKGROUND AND TEXT COLOURS */
/****************************************************************/

/* 1.1 Default background colour and text colour */
.agora {color: #333}
DIV.box, .agora BLOCKQUOTE, DIV.codebox, #adminconsole FIELDSET TH, .rowodd, .roweven {BACKGROUND-color: #F1F1F1}
#adminconsole TD, #adminconsole TH {BORDER-color: #F1F1F1}

/* 1. 2 Darker background colours */
/*TD.tc2, TD.tc3,*/ TD.tcmod, #postpreview, #viewprofile DD, DIV.forminfo,
#adminconsole FIELDSET TD, DIV.blockmenu DIV.box, #adstats DD {BACKGROUND-color: #E9E9E9}

/* 1.4 Table header rows */
.agora TH, .bgc4 {BACKGROUND-color: #D1D1D1;}

/* 1.5 Fieldset legend */
.agora LEGEND {color: #000000; text-decoration:none; font-weight:bold; width:99%;}

/* 1.6 Highlighted text for various items */
.agora DIV.blockmenu LI.isactive A, #posterror LI STRONG {color: #333}

/****************************************************************/
/* 2. POST BACKGROUNDS AND TEXT */

/****************************************************************/

/* 2.1 This is the setup for posts. */
DIV.blockpost DIV.box, DIV.postright, DIV.postfootright{BACKGROUND-color: #f1f1f1}
DIV.postright, DIV.postfootright {BORDER-LEFT-color: #F1F1F1}
DIV.postleft, /*DIV.postfootleft,*/ DIV.blockpost LABEL {BACKGROUND-color: #ebebeb}
DIV.postleft { height:100%}
DIV.postfootright li {BACKGROUND-color: #f1f1f1; margin-left:0px;}

/* 2.2 Background for post headers and text colour for post numbers in viewtopic */
DIV.blockpost H2 {BACKGROUND-color: #000000;}
DIV.blockpost H2 SPAN.conr {color: #000000; }

/* 2.3 This is the line above the signature in posts. Colour and background should be the same */
.agora HR {BACKGROUND-color: #000000; color: #000000; height:1px;}

/****************************************************************/
/* 3. BORDER COLOURS */
/****************************************************************/

/* 3.1 All external borders */
DIV.box {BORDER-color: #cccccc}

/* 3.2 Makes the top border of posts match the colour used for post headers */
DIV.blockpost DIV.box {BORDER-color: #f1f1f1 #cccccc #cccccc}

/* 3.3 Table internal borders. By default TH is same as background so border is invisible */
.agora TD {BORDER-color: #cccccc;}
.agora TH {BORDER-color: #D1D1D1;background-color:#ffffff;/*background-image: url(img/Pyxes/menu_bar1.png);*/}

/* 3.4 Creates the inset border for quote boxes, code boxes and form info boxes */
.agora BLOCKQUOTE, DIV.codebox, DIV.forminfo, DIV.blockpost LABEL {BORDER-color: #ACA899 #FFF #FFF #ACA899}

/* 3.5 Gecko's default fieldset borders are really nasty so this gives them a colour without interferring with IE's rather nice default */
.agora DIV>FIELDSET {BORDER-color: #ACA899}

/*****************************************************************/
/* 4. LINK COLOURS */
/*****************************************************************/

/* 4.1 This is the default for all links */
.agora A:link, .agora A:visited { color:#990000;}
.agora A:hover { color:#CC3300}

/* 4.2 This is the colour for links in header rows and the navigation bar */
.agora AGORA:visited{color:#999999}
.agora AGORA:hover{color: #8eb8eb;}
.agora AGORA:link{ color:#990000;}


/* 4.3 This is for closed topics and "hot" links */
LI.postreport A:link, LI.postreport A:visited, TR.iclosed TD.tcl A:link, TR.iclosed TD.tcl A:visited {color: #888}
LI.postreport A:hover, TR.iclosed TD.tcl A:hover {color: #AAA}
LI.maintenancelink A:link, LI.maintenancelink A:visited {color: #B42000}
LI.maintenancelink A:hover {color: #B42000}

/*****************************************************************/
/* 5. POST STATUS INDICATORS */
/*****************************************************************/

/* 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. The default is "icon". By default only .inew is different.*/
DIV.icon {BORDER-color: #E6E6E6 #DEDEDE #DADADA #E2E2E2;background:url(img/Pyxes/folder_nonew.gif);}
TR.iredirect DIV.icon {BORDER-color: #F1F1F1 #F1F1F1 #F1F1F1 #F1F1F1}
DIV.inew {BORDER-color: #8BB453 #7A9E48 #709142 #799C47;background:url(img/Pyxes/folder_new.gif);}
TR.inew { background-color:#FFFFCC;} 

/************************************************/

/*header*/
#brdheader{ border:none; text-align:center;padding-bottom:0px;}
#brdheader .conr{ border:none; text-align:right;padding-bottom:10px; height:30px; margin-top:0px;}
.brdheader ul{}

/********************************************************/
/*   chat*/
/************************************************/
#chat{ background-color:#f1f1f1; color:#ffffff;;margin:0px 0px 0;font-size:100%;font-weight:normal;padding:6px;width=100%}

/******************************************************/
/*BOARD MENU*/
/******************************************************/
#brdmenu {padding: 5px 0px 4px 0px;width:100%;font:.9em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;text-transform:uppercase; font-weight:bold;text-align:center;border-bottom:0px solid #cccccc; margin-top:0px; background-color:#FFFFFF;}
#brdmenu A:link, #brdmenu A:visited {border-top:solid 1px #999999;border-right:solid 1px #999999;border-left:solid 1px #999999;border-bottom:0px solid #cccccc; padding:7px 9px 7px 9px;background-color:#f1f1f1; text-decoration:none;}
#brdmenu A:hover{border-top:solid 1px #999999;border-right:solid 1px #999999;border-left:solid 1px #999999; padding:7px 9px 7px 9px; background: #e9e9e9 url(img/Pyxes/menuhover.png) repeat-x bottom left;color: #000000;text-decoration: none;}
#brdmenu LI {display:inline; margin-left:-8px;}
/* 1.3 Main headers and navigation bar background and text colour */
/* experimental menu - works great on IE. Not so much on FF*/
/*#brdmenu{
border-bottom: 1px solid #bbb8a9; background-color:#FFFFFF;
}

#brdmenu ul{
padding: 0;
margin: 0;
font:1em "Trebuchet MS",Trebuchet,Arial,Verdana,Sans-serif;text-transform:uppercase; font-weight:bold;
list-style-type: none;
background-color:#FFFFFF;

}

#brdmenu li{
display: inline;
margin: 0;
background-color:#FFFFFF; 
}

#brdmenu li a{
padding: 7px 7px;
text-decoration: none;
padding-right: 35px; 
color:#990000;
background:url(img/Pyxes/righttab.gif) 100% 0px no-repeat; 
border-left: 1px solid #cccccc;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
/*left: 20px;
}

#brdmenu li a:visited{
color:#990000;
}

#brdmenu li a:hover{
text-decoration: underline;
background: url(img/Pyxes/righttabhover.gif) 100% 0px no-repeat; z-index:2000; border-bottom:none;
}
*/
/************************************************/

/* Topics view switcher top*/
#brdwelcome {margin-top:-2px; padding-top:0px; background-color:#f1f1f1; border-top:#CCCCCC solid 1px;} 
#brdwelcome li {margin-left:0px;}
#brdwelcome .inbox{}
#brdwelcome ul{}
#brdwelcome .conl{text-align:left; margin-left:0px;}
#brdwelcome .conr{text-align:right}
/*spacing for the welcome area text elements*/
.conr li a{ margin-right:6px; font-weight:bold;}/*right*/
.conl li a{text-decoration:none; font-weight:bold; }/*left*/
/************************************************/

/* POST BY USER WITH ICON */
.agora span.byuser{/* your icon and position */background-repeat: no-repeat;background-image: url(img/Pyxes/buttons/lastpost.gif);background-position: left;/* your text position */padding: 0px 20px 0px;}
 
/******************************************************/
/* 5. POST STATUS INDICATORS */ 
/* 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. The default is "icon". By default only .inew is different.*/ 
DIV.icon {background:url(img/Pyxes/icon.gif) no-repeat;}
DIV.inew {background:url(img/Pyxes/icon_new.gif) no-repeat;}
TR.isticky DIV.icon {background:url(img/Pyxes/buttons/folder_sticky.gif) no-repeat;} 
TR.isticky DIV.inew {background:url(img/Pyxes/buttons/folder_sticky_new.gif) no-repeat;}
TR.iclosed DIV.icon {background:url(img/Pyxes/buttons/topic_lock.gif) no-repeat;} 
TR.iredirect DIV.icon {background:url(img/Pyxes/buttons/lastpost.gif) no-repeat;}

/**************************************************************/
/*new topic, new poll area*/



#linksb{ width:auto;}

/* subforums/moderators */
.subforum_name{font-size: 10px; color:#990000; background:url(img/Pyxes/buttons/subforum.gif) no-repeat; padding-left:1.2em;}
a.subforum_name:link{font-size: 10px;color: #990000;}
a.subforum_name:visited{font-size: 10px;color: #990000;}
a.subforum_name:hover{font-size: 10px;color: #111111;}
.subforum{font-size: 10px;margin-left: 0px;}
.moderator{font-size: 10px;margin-left: 0px;}
.mod_by{color: #990000;}

/****************************************************************/
/*list of who's online*/
#onlinelist {width:auto; word-spacing:.25em; margin-bottom:0px;}
/*    members online */
/************************************************/
#onlinestat { margin:0px 0px 0;font-size:100%;font-weight:normal;height:auto;padding-bottom:15px;}
#onlinestat ul{ color:#333333;}
.onlinestat ul { color:#B42000; text-align: left; }
.poststats{ color:#cc0000; text-align:left; padding-left:10px;}
/************************************************/

/*Announce area*/
/****************************************************/
#announce .box{margin-bottom:0px; }
#announce {}

/**************************************************/

/* Footer */
/***********************************************/
#brdfooter H2{display:none;}
#brdfooter input[type=submit] {padding: 1px 30px}
#brdfooter { margin-top:0px;/* background:url(img/Pyxes/agora_logo_sm.png) no-repeat;*/ }
#brdfooter DL A {LINE-HEIGHT: 1.4em}
#brdfooter DD{ margin-left:0px;}
/* footer stats image */
#brdstats .conl{ background: url(img/Pyxes/stats.gif) no-repeat; background-position:top left;padding-left:80px;height:75px;width:auto; }
#brdstats .conl DT, #brdstats .conl DD,#brdstats .conl DL{ margin-left:0px; height:auto; line-height:1.25em;}
#brdstats .conr{ background: url(img/Pyxes/stats_board.gif) no-repeat; background-position:top right;padding-right:75px;height:75px;width:auto; height:auto}
#brdstats .conr DT, #brdstats .conr DD,#brdstats .conl DL{ margin-right:0px; height:auto; line-height:1.25em;}
#brdstats DD{ margin-left:0px; line-height:1.25em;}
#brdstats H2, #brdstats .conr DT{/*POSITION: absolute;DISPLAY: block;OVERFLOW: hidden;*/WIDTH:auto;/*LEFT: -999em;*/ margin-left:0px;}
/*  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: 0px; height:auto;}
#brdstats DT{ text-transform:uppercase;}


/************************************************/
/* poll */

DIV.rbox { width:75%; top:1px; background-color:#f9f9f9; text-align:center; margin-top:10px;}
DIV.rbox H2{ background:url(img/Pyxes/menu_bar.png) repeat-x;}
td.response { text-align:left; width:25%; font-weight:bold;}
td.percent { text-align:center; font-weight:bold; font-size: 1.2em; width:15%}
td.bars { padding-bottom: 6px; width:auto;}
div.total { text-transform:uppercase; text-align:center;background-color:#FFFFFF;}
#question { text-align:center; background-color:#FFFFFF; font-size:1.25em;}
label, DIV.rbox { text-align:left;}

/***********************************************/
/* Most Active Users */

#most_active a{ margin-left:6px;}
/*****************************************/



/* A background color for the rows */
.even {background: #f1f1f1;}
.odd { background:#f9f9f9;}
.even:hover,.odd:hover  { background-color: #EAF4FF; color:#000000; font-weight: normal;}

/* A background color for the 'replies' and 'views' colums*//* cannot be used in conjunction with hover code line aboove*/
/*.even .tc2, .even .tc3 {background: #070707;}
.odd .tc2, .odd .tc3 {background: #090909;}
.even .tc2:hover, .even .tc3:hover {background: #ffffff; color:#000000;}
.odd .tc2:hover, .odd .tc3:hover {background: #ffffff; color:#000000;}*/

/***********************************************************************/
/* --- START Agora File Editor styling ---  sorry not yet implemented*/

/* With, Height etc. */
#fetextedit, #fecodearea { width:99%; overflow:auto; height:550px } /* IE will mess up if using 100% width */
DIV > #fetextedit, DIV > #fecodearea { width:100% } /* For proper browsers */

/* Text settings */
#fecodearea TD INPUT, #fetextedit {font-family: monaco, "Bitstream Vera Sans Mono", "Courier New", courier, monospace}
#fecodearea TD.fedelete { text-align:center }
#fecodearea TD.feline { text-align: right }
#saveeditmodelabel { display:inline }
#femodlist LI.fedirlist {list-style:square inside; font-weight:bold}

/* Borders */
#femodlist, #fecodearea { border:1px solid #ccc }
.agora #fecodearea TD, .agora #fecodearea TD INPUT.felineedit, .agora #fetable TH { border:0 }


/* Padding & spacing */
.agora #fecodearea TD, .agora #fecodearea TD INPUT { padding:0 }
#femodlist LI { padding:3px 6px }
.agora #fetable TH { padding: 3px 6px }

/* Background & colors */
#femodlist LI.rowodd, #fecodearea TD.rowodd, #fecodearea TD.rowodd INPUT.felineedit { background: #fffcde }
#femodlist LI.roweven, UL#femodlist, #fecodearea TD.roweven, #fecodearea TD.roweven INPUT.felineedit { background: #fff }
.agora #fetable TH { background: #d1d1d1 }

/* --- END Agora File Editor styling --- */

/**********************************************************************/

INPUT.postselection {
MARGIN-TOP: 6px;
MARGIN-RIGHT: 5px;
}
h2 span { margin-left:-1em;}
/***********************************************/


/**************************************/
/*  new icon */
.newtext img,.newtext img a{ margin-top:-20px; float:right; padding:6px;}
div.tclcon { padding-top:10px; line-height:1.35em;}
div.tclcon p{margin-top:-3px;}
div.tclcon a, td.tcr a {font-weight:bold;}

/*********************************************************/

/* jumpsearch  */
#jumpsearch { border:#CCCCCC solid 1px;background-color:#f1f1f1;/*height:35px;*/font-weight:bold; padding:5px; }

/* quicksearch */
#quicksearch{/*display:none;*/ text-align:right;border-width:0px; /*margin-right:0px;width:300px; height:25px; display:inline;*/}
#quicksearch.block{ color:#333333}
#quicksearch input{ /*padding:0px;*/ font-size:1em;padding:3px; margin-top:-2px;}

/* quickjump */
#forumjump{ text-align:left; border-width:0px;}
#forumjump select  {width:250px; height:20px; font-size:1.15em;}

/* credits */
#credits{margin-top:-2px; padding: 0px 0px 10px 0px; background-color:#333333; color: #CCCCCC;/* border:#CCCCCC solid 1px; */text-align:center;}
#credlinks {word-spacing:10px; font-size:.75em; color:#990000; font-family:"Times New Roman", Times, serif; text-decoration:none; padding-bottom:10px;}
#credlinks a{color:#990000; font-size:12px;}
#credlinks, a:hover{color:#LE90FF;}

/* social bookmarks */
#socialbookmarks{ background-color: #eaf4FF; border:#CCCCCC solid 1px; padding:3px;}

/* Aggregator */
.inform{ width:99%;}
#truncateMe { width:20em; overflow:auto;}
DIV.incqbox_ag { width:99%; overflow:auto;}
DIV.codebox_ag { width:99%; overflow:auto;}
/*.inform2{ width:100%; overflow:auto; height:auto;}*/

/********************************/
/*   searchlinks    */
#searchlinks a {  margin-left:10px; margin-top:15px;/*border:#CCCCCC solid 1px; background-color:#FFFFFF; margin: 3px 5px 3px 5px; vertical-align: baseline;*/}
#searchlinks img { float:right; margin-top:-20px; margin-bottom:10px;}
#searchlinks dt{ text-transform:uppercase;}
.inbox #searchlinks  {padding-bottom:5px;padding:5px;}

/************************************/
/* subscribe & modactions */
.ag_mod_actions {margin:6px; background-color: #f1f1f1; border:#cccccc solid 1px;height:auto; text-align:right;}

/***********************************/
/* RSS */
#ag_rss img{ margin-top:-20px; text-align:right; float:right;}

/***************************************/
/* footer links */

.aerobuttonmenu{ /*container that holds a row of aero buttons*/
overflow: hidden;
width: auto;
padding: 0px 0; margin-left: 7%;
    margin-right: 5%;
}

* html .aerobuttonmenu{ /*IE6 and below hack. Set explicit strip width*/
width: 100%;
}

.aerobuttonmenu a.aero{ /*aero button CSS*/
background: transparent url(img/Pyxes/aeroleft.gif) no-repeat top left;
display: block;
float: left;
font: bold 11px Verdana, Trebuchet MS; /* Change 13px as desired */
line-height: 23px; /* This value + 8px should equal height of button background (default is 31px) */
height: 31px; /* Height of button background height */
padding-left: 10px; /* Width of left menu image */
text-decoration: none;
margin-right: 5px; /*spacing between buttons*/
}
.aerobuttonmenu a.aero:link, .aerobuttonmenu a.aero:visited, .aerobuttonmenu a:active{
color: white; /*button text color*/
}

.aerobuttonmenu a.aero span{
background: transparent url(img/Pyxes/aeroright.gif) no-repeat top right;
display: block;
padding: 0px 10px 6px 0; /*Set 10px here to match value of padding-left value above*/
}


.aerobuttonmenu a.aero:hover span{ /* Hover state CSS (for text) */
color: #FFCC00;
}

.black a.aero{
background-image: url(img/Pyxes/aeroleftblack.gif);
}

.black a.aero span{
background-image: url(img/Pyxes/aerorightblack.gif);
}
/******************************************/
/* module positions */
#toppos, #botpos, #user2, #user4, #user5 { background:#f1f1f1; color:#000000;width:100%;}
/* adbot*/
div.adsense{/*background-color:#f1f1f1; border:#cccccc solid 1px; overflow:hidden;*/}
div.module{background-color:#f1f1f1;overflow:hidden;}
#user3{ width:475px; text-align:left;}
#user3 a {color:#333399;}
#user3 a:hover{ color:#FFCC00;}
/**************************************************************/
/*Joomla Me! stuff*/
/**************************************************************/
#topmodule { color:#FFFFFF;}

/* micro adspots */
#adspots{height:25px;margin:0px; word-spacing:5px;padding:3px; }
div.spots img{ outline:#FFFFFF solid 3px;}

/**************************************/
/*  pathway  */
#top{ display:none;}

#user2 .inputbox{color:#000000;}
.contentpane { color:#FFFFFF; background-color:#000000;}
td.sectiontableentry1, td.sectiontableentry2 {color:#FFFFFF}