/* Layout
 ------------ */
* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
        
}

html {
	font-size: 100%;
        background-color: #ffffff;
}

body {
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
 	color: #000000;
	background-color: #FFFFFF;
	font-size: 62.5%; /* This sets the default font size to be equivalent to 10px */
	background: url(/forumimages/pbass3.jpg) no-repeat 250px -55px;    
}

#wrapheader {
	min-height: 120px;
	height: auto !important;
	height: 120px;
	background-repeat: repeat-x;*/
/*	padding: 0 25px 15px 25px;*/
	padding: 10px 10px 0px 10px;

}

#wrapcentre {
	margin: 25px 25px 0 25px;
	background: transparent;
}

#wrapfooter {
	text-align: center;
	clear: both;
    padding: 10px;

}

#wrapnav {
        font-size: 70.5%;
	width: 100%;
	margin: 0;
	background-color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

#logodesc {
	margin-bottom: 15px;
	padding: 15px 15px;
	background: transparent;
}

#menubar {
        font-size: 1.3em;
	margin: 0px 25px 0 25px;
        background: transparent;
        padding: 5px 5px;
        border: none;
}

#datebar {
        font-size: 1.0em;
	margin: 0px 25px 0 25px;
        background: transparent;
        padding: 5px 5px;
        border: none;
}

#findbar {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.forumrules {
	background-color: #FFFFFF;
	border-width: 0px;
	padding: 4px;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.breadcrumbs{
	color: #000000;
	font-size: 0.8em;
	font-weight: bold;
	background-color: transparent;
	padding: 5px 5px;
}

#pageheader { }
#pagecontent { }
#pagefooter { }

#poll { }
#postrow { }
#postdata { }


/*  Text
 --------------------- */
h1 {
	color: #000000;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight: bold;
	font-size: 3em;
	text-decoration: none;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.5em;
	text-decoration: none;
	line-height: 120%;
}

h3 {
	font-size: 1.3em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 120%;
}

h4 {
	margin: 0;
	font-size: 1.1em;
	font-weight: bold;
}

p {
	font-size: 1.1em;
}

p.moderators {
	margin: 0;
	float: left;
	color: #FCC263;
	font-weight: bold;
}

.rtl p.moderators {
	float: right;
}

p.linkmcp {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.linkmcp {
	float: left;
}

p.breadcrumbs {
	margin: 0;
	float: left;
	color: black;
	font-weight: bold;
	white-space: normal;
	font-size: 1.5em;
}

.rtl p.breadcrumbs {
	float: right;
}

p.datetime {
	margin: 0;
	float: right;
	font-size: 1.2em;
}

.rtl p.datetime {
	float: left;
}

p.searchbar {
	padding: 2px 0;
	white-space: nowrap;
} 

p.searchbarreg {
	margin: 0;
	float: right;
	white-space: nowrap;
}

.rtl p.searchbarreg {
	float: left;
}

p.forumdesc {
	padding-bottom: 4px;
}

p.topicauthor {
	margin: 1px 0;
}

p.topicdetails {
	margin: 1px 0;
}

.postreported, .postreported a:visited, .postreported a:hover, .postreported a:link, .postreported a:active {
	margin: 1px 0;
	color: red;
	font-weight:bold;
}

.postapprove, .postapprove a:visited, .postapprove a:hover, .postapprove a:link, .postapprove a:active {
	color: green;
	font-weight:bold;
}

.postapprove img, .postreported img {
	vertical-align: bottom;
}

.postauthor {
	color: #000000;
}

.postdetails {
	color: #000000;
}

.postbody {
	font-size: 1.3em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
}

.postbody li, ol, ul {
	margin: 0 0 0 1.5em;
}

.rtl .postbody li, .rtl ol, .rtl ul {
	margin: 0 1.5em 0 0;
}

.posthilit {
	background-color: #FEE4BA;
	color: #000000;
}

.nav {
	margin: 0;
	color: #333333;
	font-weight: bold;
}

.pagination {
	padding: 4px;
	color: black;
	font-size: 1em;
	font-weight: bold;
}

.cattitle {
}

.gen {
	margin: 1px 1px;
	font-size: 1.2em;
}

.genmed {
	margin: 1px 1px;
	font-size: 1.1em;
}

.gensmall {
	margin: 1px 1px;
	font-size: 1em;
}

.copyright {
	color: #000000;
	font-weight: normal;
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

.titles {
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}

.error {
	color: red;
}


/* Tables
 ------------ */
th {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	background-color: #E8DED2;
	white-space: nowrap;
	padding: 7px 5px;
}

td {
	padding: 2px;
}
td.profile {
	padding: 4px;
}

.tablebg {
	background-color: #CCC5BB; 
}

#breadcrumbTable{
	background-color: transparent;
}

.catdiv {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #F3ECE4;
}
.rtl .catdiv {
	background-color: #F3ECE4;
}

.cat {
	height: 28px;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #F3ECE4;
	text-indent: 10px;
}

.row1 {
	background-color: #FCFAF8;
	padding: 4px;
}

.row2 {
	background-color: #FCFAF8;
	padding: 4px;
}

.row3 {
	background-color: #F3ECE4;
	padding: 4px;
}

.rowgood {
	background-color: #F8FCE4;
	padding: 4px;
}

.rowneutral {
	background-color: #F3F5ED;
	padding: 4px;
}

.rowbad {
	background-color: #FBE0DB;
	padding: 4px;
}

.spacer {
	background-color: #E8DED2;
        padding: 2px;
}

hr {
	height: 1px;
	border-width: 0;
	color: #54684A;
}

.legend {
	text-align:center;
	margin: 0 auto;
}

/* Links
 ------------ */
a:link {
	color: #000000;
	text-decoration: none;
}

a:active,
a:visited {
	color: #000000;
	text-decoration: none;
}

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

a.forumlink {
	color: #000000;
	font-weight: bold;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-size: 1.2em;
}

a.topictitle {
	margin: 1px 0;
	font-family: "Lucida Grande", Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 1.2em;
}

a.topictitle:visited {
	text-decoration: none;
}

th a,
th a:visited {
	color: #000000 !important;
	text-decoration: none;
}

th a:hover {
	text-decoration: underline;
}


/* Form Elements
 ------------ */
form {
	margin: 0;
	padding: 0;
	border: 0;
}

input {
	color: #000000;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #000000;
	background-color: #FFFFFF;
}

textarea {
	background-color: #FFFFFF;
	color: #000000;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1.3em; 
	line-height: 1.4em;
	font-weight: normal;
	border: 1px solid #000000;
	padding: 2px;
}

select {
	color: #000000;
	background-color: #F5F5F5;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	font-size: 1.1em;
	font-weight: normal;
	border: 1px solid #000000;
	padding: 1px;
}

option {
	padding: 0 1em 0 0;
}

.rtl option {
	padding: 0 0 0 1em;
}

input.radio {
	border: none;
	background-color: transparent;
}

.post {
	background-color: #FFFFFF;
	border: 1px solid #000000;
        color: #000000;
}

.btnbbcode {
	color: #000000;
	font-weight: normal;
	font-size: 1.1em;
	font-family: "Lucida Grande", Verdana, Helvetica, sans-serif;
	background-color: #E8DED2;
	border: 1px solid #000000;
}

.btnmain {
        color: #000000;
	font-weight: bold;
	background-color: #F5F5F5;
	border: 1px solid #000000;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnlite {
        color: #000000;
	font-weight: normal;
	background-color: #F5F5F5;
	border: 1px solid #000000;
	cursor: pointer;
	padding: 1px 5px;
	font-size: 1.1em;
}

.btnfile {
        color: #000000;
	font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 1px 5px;
	font-size: 1.1em;
}

.helpline {
	background-color: #F5F5F5;
	border-style: none;
        color: #000000;
        padding: 2px;
}


/* BBCode
 ------------ */
.quotetitle, .attachtitle {
	margin: 10px 5px 0 5px;
	padding: 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #C8B197;
	color: #000000;
	background-color: #E8DED2;
	font-size: 0.85em;
	font-weight: bold;
}

.quotetitle .quotetitle {
	font-size: 1em;
}

.quotecontent, .attachcontent {
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #C8B197;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	font-family: "Lucida Grande", "Trebuchet MS", Helvetica, Arial, sans-serif;
	background-color: #FFFFFF;
	color: #000000;
}

.attachcontent {
	font-size: 0.85em;
}

.codetitle {
	margin: 10px 5px 0 5px;
	padding: 2px 4px;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #C8B197;
	color: #000000;
	background-color: #E8DED2;
	font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.8em;
}

.codecontent {
	direction: ltr;
	margin: 0 5px 10px 5px;
	padding: 5px;
	border-color: #C8B197;
	border-width: 0 1px 1px 1px;
	border-style: solid;
	font-weight: normal;
	color: #000000;
	font-size: 0.85em;
	font-family: Monaco, 'Courier New', monospace;
	background-color: #FFFFFF;
}

.syntaxbg {
	color: #FFFFFF;
}

.syntaxcomment {
	color: #FF8000;
}

.syntaxdefault {
	color: #0000BB;
}

.syntaxhtml {
	color: #000000;
}

.syntaxkeyword {
	color: #006633;
}

.syntaxstring {
	color: #990000;
}


/* Private messages
 ------------------ */
.pm_marked_colour {
	background-color: #F29904;
}

.pm_replied_colour {
	background-color: #BFB9B3;
}

.pm_friend_colour {
	background-color: #006633;
}

.pm_foe_colour {
	background-color: #990000;
}


/* Misc
 ------------ */
img {
	border: none;
}

.sep {
	color: black;
	background-color: #FFA34F;
}

table.colortable td {
	padding: 0;
}

pre {
	font-size: 1.1em;
	font-family: Monaco, 'Courier New', monospace;
}

.nowrap {
	white-space: nowrap;
}

.username-coloured {
	font-weight: bold;
}


/* The following are part of the calendar mod.
   They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
   If you are trying to implement a style other then prosilver, look at how your existing style defines
   those icons, and do the same for the new calendar icons.
*/



.buttons div.calendar-new-icon a:hover  {text-decoration: none;}
.buttons div.calendar-day-icon a:hover {text-decoration: none;}
.buttons div.calendar-week-icon a:hover {text-decoration: none;}
.buttons div.calendar-month-icon a:hover {text-decoration: none;}

.buttons div.calendar-new-icon	{width: 12px; height: 12px; text-align: left; display: inline;}
.buttons div.calendar-day-icon 	{width: 12px; height: 12px; text-align: left; display: inline; }
.buttons div.calendar-week-icon	{width: 12px; height: 12px; text-align: left; display: inline; }
.buttons div.calendar-month-icon	{width: 12px; height: 12px; text-align: left; display: inline; }


/* -------------------------
   calendar mod end
   ------------------------- */
   
   /* The following are part of the calendar mod.
   They follow the same format as the reply-icon, post-icon, locked-icon, pmreply-icon, newpm-icon, and forwardpm-icon.
   If you are trying to implement a style other then prosilver, look at how your existing style defines
   those icons, and do the same for the new calendar icons.
*/
.calendar-new-icon span 	{ background-image: url("./styles/SoftBrown/imageset/en/prosilver_new_star_icon.gif"); width: 12px; height: 12px; display: inline-block;}
.calendar-day-icon span     { background-image: url("./styles/SoftBrown/imageset/en/prosilver_day_icon.gif"); width: 12px; height: 12px; display: inline-block;}
.calendar-week-icon span    { background-image: url("./styles/SoftBrown/imageset/en/prosilver_week_icon.gif"); width: 12px; height: 12px; display: inline-block;}
.calendar-month-icon span   { background-image: url("./styles/SoftBrown/imageset/en/prosilver_month_icon.gif"); width: 12px; height: 12px; display: inline-block;}

/* -------------------------
   calendar mod additions... 
   ------------------------- */
   
/* uses border-top-color = .bg3 background-color
 (the line between events in the month display) */
hr.hrCal { 
	border-top-color: #cadceb;
}

/* uses color from h1
   (calendar header previous and next links) */
.calH1 {
	color: #000;
	font-weight: bold;
	font-size:150%
}

/* The from and to times take up a lot of 
  space in the calendar display.
  Use this to shrink them */
.smCalText{font-size:85%}

/* bg4 is just slightly darker then bg3 
  (used in calendar headers) */
.bg4	{ background-color: #8DB8DE; }

/* uses background-color of .bg3
    (used to display the numbers and icons for 
    each day in the month and week view displays ) */
table tbody td.bg3_calMonH{ 
	background-color: #cadceb;
	font-size:85%
}

/* uses background-color of .bg4
    (used to display the numbers and icons for 
    each day in the month and week view displays ) */
table tbody td.bg4_calMonH{ 
	background-color: #8DB8DE;
	font-size:85%
}

table.table1{
	width: 100%;
}


/* uses background-color of .bg1
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg1_calMon {
	background-color: #ECF3F7;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
}
/* uses background-color of .bg2
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg2_calMon {
	background-color: #e1ebf2;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
}
/* uses background-color of .bg3
   (used to display days in calendar month/week view) */ 
table.table1 tbody td.bg3_calMon {
	background-color: #cadceb;
	padding-top: 2px;
	padding-bottom: 5px;
	padding-left: 4px;
	padding-right: 4px;
}


/* uses background-color of .bg1
   uses border-top-color = .forumbg background-color
   (used to display events in calendar day view) */ 
table.table1 tbody td.bg1_calDay {
	background-color: #ECF3F7;
	border-top-color: #12A3EB;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 3px;
	padding-right: 3px;
}

/* uses background-color of .bg3
   uses border-top-color = .forumbg background-color
   (used to display negative space in calendar day view) */ 
table.table1 tbody td.bg3_calDay {
	background-color: #cadceb;
	border-top-color: #12A3EB;
}




/* Definition list layout for forms
---------------------------------------- */
fieldset dl {
	padding: 4px 0;
}

fieldset dt {
	float: left;	
	width: 40%;
	text-align: left;
	display: block;
}

fieldset dd {
	margin-left: 41%;
	vertical-align: top;
	margin-bottom: 3px;
}

fieldset.fields1{
	padding: 10px;
}

/* Specific layout 1 */
fieldset.fields1 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields1 dd {
	margin-left: 15em;
	border-left-width: 0;
}

fieldset.fields1 {
	background-color: transparent;
}

fieldset.fields1 div {
	margin-bottom: 3px;
}

/* Specific layout 2 */
fieldset.fields2 dt {
	width: 15em;
	border-right-width: 0;
}

fieldset.fields2 dd {
	margin-left: 16em;
	border-left-width: 0;
}

/* Form elements */
dt label {
	font-weight: bold;
	text-align: left;
}

dd label {
	white-space: nowrap;
	color: #333;
}

dd input, dd textarea {
	margin-right: 3px;
}

dd select {
	width: auto;
}

dd textarea {
	width: 85%;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #000000;
}

fieldset.fields2 dl:hover dt label {
	color: inherit;
}

#timezone {
	width: 95%;
}

* html #timezone {
	width: 50%;
}

/* Quick-login on index page */
fieldset.quick-login {
	margin-top: 5px;
}

fieldset.quick-login input {
	width: auto;
}

fieldset.quick-login input.inputbox {
	width: 15%;
	vertical-align: middle;
	margin-right: 5px;
	background-color: #f3f3f3;
}

fieldset.quick-login label {
	white-space: nowrap;
	padding-right: 2px;
}

/* Display options on viewtopic/viewforum pages  */
fieldset.display-options {
	text-align: center;
	margin: 3px 0 5px 0;
}

fieldset.display-options label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.display-options a {
	margin-top: 3px;
}

/* Display actions for ucp and mcp pages */
fieldset.display-actions {
	text-align: right;
	line-height: 2em;
	white-space: nowrap;
	padding-right: 1em;
}

fieldset.display-actions label {
	white-space: nowrap;
	padding-right: 2px;
}

fieldset.sort-options {
	line-height: 2em;
}

/* MCP forum selection*/
fieldset.forum-selection {
	margin: 5px 0 3px 0;
	float: right;
}

fieldset.forum-selection2 {
	margin: 13px 0 3px 0;
	float: right;
}

/* Jumpbox */
fieldset.jumpbox {
	text-align: right;
	margin-top: 15px;
	height: 2.5em;
}

fieldset.quickmod {
	width: 50%;
	float: right;
	text-align: right;
	height: 2.5em;
}

/* Submit button fieldset */
fieldset.submit-buttons {
	text-align: center;
	vertical-align: middle;
	margin: 5px 0;
}

fieldset.submit-buttons input {
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 3px;
}

/* Posting page styles
----------------------------------------*/

/* Buttons used in the editor */
#format-buttons {
	margin: 15px 0 2px 0;
}

#format-buttons input, #format-buttons select {
	vertical-align: middle;
}

/* Main message box */
#message-box {
	width: 80%;
}

#message-box textarea {
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	width: 100%;
	font-size: 1.2em;
	color: #333333;
}

/* Emoticons panel */
#smiley-box {
	width: 18%;
	float: right;
}

#smiley-box img {
	margin: 3px;
}

/* Input field styles
---------------------------------------- */
.inputbox {
	background-color: #FFFFFF;
	border: 1px solid #c0c0c0;
	color: #333333;
	padding: 2px;
	cursor: text;
}

.inputbox:hover {
	border: 1px solid #eaeaea;
}

.inputbox:focus {
	border: 1px solid #eaeaea;
	color: #4b4b4b;
}

input.inputbox	{ width: 85%; }
input.medium	{ width: 50%; }
input.narrow	{ width: 25%; }
input.tiny		{ width: 125px; }

textarea.inputbox {
	width: 85%;
}

.autowidth {
	width: auto !important;
}