/**
 * MoneyAM BulletinBoard styles.
**/

/**
 *
 * Board Navigation styles
 * Page tabbing and other bulletinboard controls
 *
**/

legend {
	font-weight: bold;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

.boardnav {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
	clear: both;
	margin-top: 10px;
}
/* Set common things for the lists */
.boardnav ul {
        color: #fff;
        list-style-type: none;
        display: inline;
        padding-left: 0;
        padding-right: 2px;
        margin: 0;
}

.bblinkbutton {
	text-decoration: none;
	padding: 3px;
	color: #fff;
	background-color: #0000bd;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 8pt;
	font-weight: bold;
	width: 10em;
}

.boardnav ul li {
        color: #fff;
        white-space: nowrap;
        padding: 3px;
}
.boardnav ul li a {
        color: #fff;
        font-weight: bold;
        text-decoration: none;
        display: block;
        width: 100%;
}
/*  #pagetab specific */
.boardnav ul#pagetab {
	background-color: #0000bd;
        float: right;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.boardnav ul#pagetab li {
        text-align: center;
        width: 2em;
        float: left;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
}
/*  #boardcontrols specific */
.boardnav ul#boardcontrols {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.boardnav ul#boardcontrols li {
  background-color: #0000bd;
	text-align: center;
  width: 7em;
  float: left;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}

.boardnav ul#boardcontrols li.filter {
	background-color: #FFA700;
	width: 140px;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
}

.boardnav ul#boardcontrols li.filter a {
	color: #005BFF;
}

.boardnav ul#pagetab li.active_page {
	background-color: #fff;
	color: #000;
	/*background-color: #005bff;*/
}

/**
 *
 * Thead index layout
 * Highlighting of rows as you mouseover and ther fancy stuff.
 *
**/
.boardnav a#favourites {
	display: block;
	float: left;
	text-decoration: none;
	font-size: 1.1em;
	margin-left: 15px;
	margin-top: 5px;
}
.boardnav a#favourites img {
	border: 0px;
}

table#threadlist {
        clear: both;
        width: 100%;
		margin:10px 0px;
}
#threadlist {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 8pt;
        border-collapse: collapse;
}


#threadlist td {
	padding-bottom: 2px;
	padding-top: 1px;
        white-space: nowrap;
}

#threadlist td.favourite {
	padding-right: 3px;
}
#threadlist td.favourite a {
	display: block;
	background-image: url(//img.moneyam.com/images/bulletinboard/icons/fav-off.gif);
	width: 12px;
	height: 12px;
	cursor: pointer;
}
#threadlist td.favourite a.favourite {
	background-image: url(//img.moneyam.com/images/bulletinboard/icons/fav.gif);
}


#firstpostheader {
	clear:both;
}

#firstpostheader a.fav{
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-position: top left;
	background-repeat: no-repeat;
}

#firstpostheader a.fav{
	background-image: url(//img.moneyam.com/images/bulletinboard/icons/fav-big-off.gif);
}
#firstpostheader a.fav.favourite{
	background-image: url(//img.moneyam.com/images/bulletinboard/icons/fav-big.gif);
}

/*
#threadlist td.subject {
	white-space: normal;
}
*/

#threadlist th {
	text-align: center;
}

#threadlist td a {
        display: block;
        width: 100%;
        color: #2b3266;
        text-decoration: none;
}

#threadlist td.owner a{
	color: #29aa31;
	font-size: 9pt;
	white-space: normal;
}
#threadlist td.read a{
	color: #7b7d7b;
	font-size: 9pt;
	white-space: normal;
}
#threadlist td.unread a{
        color: blue;
	font-size: 9pt;
	white-space: normal;
}
#threadlist td.moretoread a{
	color: #000;
	font-size: 9pt;
	white-space: normal;
}

.css-rowcol-on {
        background-color: #eff3ff;
}
.css-rowcol-off {
        background-color: transparent;
}

.css-rowcol-on:hover, .css-rowcol-off:hover, .mouseover {
        background-color: #e0e0e0;
}

/**
 *
 * Post / Thread edit boxes
 * Styles of the postbox and associated tools
 *
**/

div#postfooter {
	clear:both;
	height: 450px;
	margin-top: 20px;
}

div#postbox {
  float: left;
  font-family: Arial, Helvetica, sans-serif;
	margin-top: 10px;
	width: 680px;
}

div#postbox textarea#replybody {
	width: 600px;
	height: 180px;
}

fieldset {
        border: 1px solid #e0e0e0;
        -moz-border-radius: 5px;
        padding: 3px;
}

input, textarea, label, .focus {
        background: #f4f4f4; 
        border: 1px solid #686868;
        color: #000;
	font-family: Verdana, Times, serif;
        /*font-family: Arial, Helvetica, sans-serif;*/
        margin: 1px;
}

#postbox textarea {
	font-size: 10pt;
}

.postingas {
	font-size: 12px;
}

/**
 *
 * User Profiles
 * Styles for the user profiles.
 *
**/
table#profiledisplay {
        font-family: Arial, Helvetica, sans-serif;
        width: 70%;
	clear: both;
}
table#profiledisplay tr.seperater th {
	text-align: left;
	background-color: #fff;
	color: #000;
}
table#profiledisplay tr th {
        text-align: left;
        width: 20%;
        white-space: nowrap;
}
table#profiledisplay td#biography {
	height: 8em;	
	vertical-align: top;
}

/**
 * Random test button stuff
 *
**/
.submit input, .submit input:focus, .button {
	background-color: #0000bd;
	border: 1px solid #999;
	color: #fff;
	padding: 0.1em;
	cursor: pointer;
	font-weight: bold;
}

/**
 * Random header type stuff
 *
**/
.seperater {
	background-color: #0000bd;
	border: 1px solid #999;
	color: #fff;
	padding: 0.1em;
}

/**
 * Post list pages
 *
**/
.postblock h1, .postblock h2, .postblock h3, .postblock h4, .postblock h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	padding-left: 5px;
	color: #000;
}
div#firstpostheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #000;
}
div.postbody {
	margin-left: 10px;
	margin-bottom: 5px;
	font-size: 10pt;
	font-family: Verdana, Times, serif;
}

div.postblock {
	clear: both;
}
div.postblock h2 a, div.postblock h3 a, div.postblock h4 a {
	color: #000;
	text-decoration: none;
}
div.postblock h2 a.name, div.postblock h3 a.name, div.postblock h4 a.name {
	color: #333399;
}

a.link_profile {
	background-color: #7777fb;
}
a.link_email {
	background-color: #fbfb77;
}
a.link_website {
	background-color: #77FB77;
}

/**
 * Squelch
 *
**/

#squelchdiv fieldset {
	padding-top: 5px;
	padding-left: 5px;
	margin: auto auto;
	width: 400px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
}

#squelchdiv fieldset a {
	text-decoration: none;
}

ul#suserlist{
        list-style-type: none;
	padding: 1px;
	margin: 2px;
	clear: both;
}

ul#suserlist li {
	display: inline;
	float: left;
	width: 10em;
}

/**
 * Mailto
**/
div#mailto {
	font-family: Arial, Helvetica, sans-serif;
}
div#mailto table th {
	text-align: right;
}
div#mailto table textarea.mailto, div#mailto table input.mailto {
	width: 40em;
}

/*****
 *
 * HACKY TO GET AROUND WRITING NEW STYLES FOR THIS PART: REDO!
**/
.boardnav ul#postlistnav {
	background-color: #0000bd;
        float: left;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.boardnav ul#postlistnav li {
        text-align: center;
        width: 7em;
        float: left;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
}