/*
This is the base file for the Q&A system. It was originally the base css file for mmb. The original
idea was to build the Q&A system on top of the generic messageboard system, but the Q&A parts gradually
became more ubiquitous, and now the 2 files are inseparable. (But qa.css still mostly contains styles
that are specific to the Q&A system.)
*/

/*
This file defines styles for some generic page elements. So you should not include this file if you're
putting a Q&A widget into a non-Q&A page, b/c it will overwrite some basic styles for the hosting page.
Instead, include qa.css & widgets.css, and put all your widget's definitions in there.
*/

/* Common items */
A:link 		{ text-decoration: none; }
A:active	{ text-decoration: underline; }
A:visited	{ text-decoration: none; }
A:hover		{ text-decoration: underline; }

/* Use these styles to implement a page border like the main site has. */
.body-container HTML
	{overflow: auto;
	}
.body-container HTML, .body-container BODY
	{
	width: 100%; margin-left: 0px; padding-left: 0px; padding-right: 0px; margin-right: 0px;  /* truly 100% wide */

	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 13px;
	}

/* Governs the overall page structure. */
/* a bit redundant, but helps w/IE quirk */
#divMainParent
	{padding: 0 4px 0 4px;
	}
#tblMain
	{width: 100%;
	}

#tdLSidebar,
#elLSidebar,
#trTopAd TD,
#tdCenterCol,
#tdRSidebar,
#elRSidebar
	{
	vertical-align: top;
	}


.shade
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #eaeaea;
	}

.shade_body_table
	{
	width: 100%;
	height: 100%;
	}

.shade_body_table_tr
	{
	vertical-align: top;
	}

.shade_body_table_left
	{
	background-color: #eaeaea;
	background-image: url(http://images.bookrags.com/images/brl_06.jpg);
	background-position: right center;
	background-repeat: repeat-y;
	}

.shade_body_table_body
	{
	background-color: #fcfcfc;
	padding: 12px;
	}

.shade_body_table_right
	{
	background-color: #eaeaea;
	background-image: url(http://images.bookrags.com/images/brl_08.jpg);
	background-position: left center;
	background-repeat: repeat-y;
	}

/* The horizontal rule separating the page header from the body */
.page_header_border
	{
	border-width: 1px 0px 0px 0px;
	border-color: #990033;
	margin: 0px;
	}

.body-container TABLE, .body-container FORM, .body-container INPUT, .body-container TEXTAREA, .body-container SELECT, .normaltext
	{
	font-family: Verdana,Arial;
	font-weight: normal;
	font-size: 13px;
	}
@media (max-width: 1090px) {
  .body-container TABLE, .body-container FORM, .body-container INPUT, .body-container TEXTAREA, .body-container SELECT, .normaltext
  {
    font-size: 16px;
  }
}

.smalltext
	{
	font-size: 11px;
	font-weight: normal;
	}

FORM
	{
	margin-top: 0;
	margin-bottom: 0;
	}

/* General styles */
H1, .h1
	{
	font-size: 19px;
	font-weight: bold;
	}

H2, .h2
	{
	font-size: 17px;
	font-weight: bold;
	}

H3, .h3
	{
	font-size: 15px;
	font-weight: bold;
	}

H4, .h4
	{
	font-size: 14px;
	font-weight: bold;
	}

P
	{
	margin-top: 1em;
	margin-bottom: 1em;
	}

/* This lets us put big bold headers without forcing linefeed before */
.no_linespaces
	{
	margin-top: 0px;
	margin-bottom: 0px;
	}

/* Lets us space out elements vertically a bit. Use a <div>, etc. */
.vmarginsmall
	{
	clear: both;
	margin-bottom: 0.5em;
	}

.vshim4px
	{
	clear: both;
	padding-bottom: 4px;
	}
.vshim8px
	{
	clear: both;
	padding-bottom: 8px;
	}

.hruleLite
	{
	width: 100%;
	height: 1px;
	background-color: #D0D7DF;
	padding: 0px;
	border: 0px;
	margin: 0px;
	}

.valignmiddle
	{
	vertical-align: middle;
	}

/*  */
TH
	{
	vertical-align: bottom;
	}

.theadtrsummary
	{
	background-color: #B0D8E8; /*#D8E2EC; */
	font-size: 15px;
	font-weight: bold;
	}

.theadtrdetail
	{
	background-color: #C9E4EF /* #e4ecf4; */
	}

/*  */
.body-container LI	{
	margin-top: 0.0em;
	}

/*  */
.body-container UL LI
	{
	padding-bottom: 0.5em;
	}

/*  */
.body-container OL LI
	{
	padding-bottom: 0.5em;
	}

/******************* STYLES FROM BRAFFIL.CSS *************************/
/* Table that frames a std. form's title & body */
.form_frame
	{
	background-color: #990033;
	}

/* Title on a form page */
.form_title
	{
	font-size: 15px;
	font-weight: bold;
	background-image: url(https://www.bookrags.com/images/YaBBImages/catbg.jpg);
	text-align: left;
	}

/* Table that contains a std. form's fields */
.form_body
	{
	background-color: #ffffff;
	}

/*  */
.form_body TD
	{
	padding: 4px;
	}

/* These form_label_xxx styles are for the labels in the leftmost column where the right-hand column */
/* contains various types of input elements. This is so the labels will up vertically with the text */
/* inside the input elements. Where a row contains different types of inputs, the one that causes the */
/* most padding determines which form_label_xxx style to use. */

/* TODO: Make sure these work both in Firefox & IE. */

/* Where the row contains an editbox (INPUT TYPE='TEXT') */
.form_label, .form_label_ed
	{
	font-weight: bolder;
	text-align: right;
	padding-top: 3px;
	}

/* Where the row contains a TEXTAREA */
.form_label_txa
	{
	font-weight: bolder;
	text-align: right;
	padding-top: 1px;
	}

/* Where the row contains a listbox */
.form_label_lbx
	{
	font-weight: bolder;
	text-align: right;
	padding-top: 5px;
	}

/* Where the row contains a checkbox */
.form_label_cb
	{
	font-weight: bolder;
	text-align: right;
	padding-top: 4px;
	}

/* Where the row contains a radiobutton */
.form_label_rb
	{
	font-weight: bolder;
	text-align: right;
	padding-top: 4px;
	}

/* Where the row is built up from plain text only */
.form_label_txt
	{
	font-weight: bolder;
	text-align: right;
	padding-top: 0px;
	}

/* A table column that contains the "*" or "" for required/not required */
.form_reqd
	{
	font-size: 11px;
	font-weight: bold;
	color: red;
	width: 1em;
	text-align: right;
	}


/*  */
/*
INPUT, BUTTON
	{
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 13px;
	}
*/

INPUT[type=text]
	{margin: 0px 0px 0px 0px;
	}

INPUT[type=checkbox]
	{
	vertical-align: middle;
/*	vertical-align: text-bottom; */
	}

/*
INPUT[type=radio]
	{
	vertical-align: bottom;
	}
*/

/* Single-line edit box */
.editbox
	{
/*	border: solid black 1px; */
	height: 1.0em;
	}

TEXTAREA
	{margin: -1px 0px 0px 0px;
	}

/* An invisible div w/the same height as agree_title */
.agree_block_spacer
	{
	width: 0px;
	height: 16em;
	visibility: hidden;
	}

/* A div that contains an agreement document in html */
.agree_block
	{
	border: solid 1px #aaaaaa;
	width: 100%;
	height: 16em;
	overflow: scroll;
	display: inline-block;
	}

/* Labels for the fields that are US-only. (W9-related info) */
/* Set color value in script to "#bbbbbb" for disabled, "" for enabled. */
.us_only
	{
/*	color: #bbbbbb; */
	}

/* Labels & other elements that don't have a "disabled" attr. */
.disabled
	{
	color: #bbbbbb;
	}

/* Add to an item's class to make it hidden but still take up the space */
.spacer_only
	{
	visibility: hidden;
	}
/*********************************************************************/


/**************************************************************************************************
Styles specific to generic message threads. Originally from MMB, then cloned & adapted for QA, then
in many cases back-filled to BRMB.
**************************************************************************************************/
.TopNote,
.TopNote TD
	{
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica;
	}

.TopNote TR
	{vertical-align: top;
	}

/* Added to items that were posted since last visit */
.brmbNew
	{
	font-weight: bold;
	}

/* Any small text, as in Alert CBs*/
.brmbSmall
	{
	font-size: 11px;
	}

/* Keep buttons small */
.brmbBtn
	{
	background-color: #dddddd;
	padding: 0px;
	font-size: 11px;
	}

/* List of pages */
.brmbPageList,
.brmbPageSizeList
	{
	font-size: 11px;
	font-family: Arial,Helvetica;
	font-weight: bold;
	color: #114B99;
	}

.brmbPageOther,
.brmbPageThis,
.brmbPageChevron
	{
	font-size: 11px;
	font-family: Arial,Helvetica;
	font-weight: bold;
	padding: 0px 2px 0px 2px;
	}

.brmbPageOther A
	{
	color: #124B99;
	cursor: pointer;
	}

.brmbPageThis
	{color: #999999;
	}

.brmbPageChevron
	{font-size: 11px;
	}

.brmbPageResults
	{color: #124B99;
	}

.brmb1stSectionHdr
	{
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	}

/*
.brmbSectionHdr
	{
	font-size: 14px;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 0.25em;
	}
*/
.brmbSectionHdr
	{
	margin-top: 1em;
	margin-bottom: 8px;
	font-size: 14px;
	font-weight: bold;
	}

.brmbFormSectionHdr
	{
	margin-top: 1.5em;
	font-size: 14px;
	font-weight: bold;
	}

.brmbFormSectionBody
	{
	width: 100%;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 12px;
	background-color: #f6f9fc;
	}

.brmbFormSectionBody TABLE,
.brmbFormSectionBody TR,
.brmbFormSectionBody TD
	{
	font-size: 12px;
	background-color: #f6f9fc;
	}

.brmbFormSectionBody TD
	{
	vertical-align: top;
	}

/* "Sorry..." */
.brmbSorryHdr
	{
	color: red;
	font-family: Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
	}

/* Error item on "Sorry" page */
.brmbSorryItem
	{
	color: red;
	font-weight: bold;
	font-size: 11px;
	}

/* Item in "Success" section */
.brmbSuccessItem
	{
	color: blue;
	font-weight: bold;
	font-size: 11px;
	}

/* Contains the Register & Login buttons/mini-forms */
.brmbRegLoginTable
	{
	margin-bottom: .5em;
	}

/*  */
.brmbRegLoginTable TH
	{
	text-align: left;
	vertical-align: bottom;
	width: 100%;
	}

/*  */
.brmbRegLoginOr
	{
	text-align: left;
	padding-left: 3em;
	padding-top: 1em;
	padding-bottom: 1em;
	vertical-align: middle;
	font-weight: bold;
	}

/* The list of threads in the current forum */
.brmbThdListTable
	{
	width: 100%;
	margin-bottom: .5em;
	}

/*  */
.brmbThdListTable TR
	{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}


/* The selected thread that the user is viewing/editing */
.brmbThdListCurrent
	{
	background-color: #eeeeee;
	}

/*  */
.brmbThdListNumPosts
	{
	text-align: right;
	}

/*  */
.brmbThdListTitle
	{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 100%;
	}

/*  */
.brmbThdListPoster
	{
	font-size: 11px;
	color: #999999;
	}

/*  */
.brmbThdListTDDates
	{
	font-size: 11px;
	color: #999999;
	text-align: right;
	}

/* The container for a thread */
.brmbThdView
	{}



/* The header at the top of a thread */
.brmbThdTable
	{
	width: 100%;
	margin-top: 4px;
	font-size: 12px;
	}

/* The titlebar at the top of a thread */
.brmbThdTitlebar
	{
	background-color: #cceeee;
	padding: 1px;
	border: 1px solid #999999;
	}

/* Items to the right of thread title */
.brmbThdStats
	{
	font-size: 11px;
	font-weight: normal;
	text-align: right;
	padding: 0px;
	}

/* Cloned & adapted from qaQTitle, qaQText, qaAText */
.brmbThdTitle
	{
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	}

.brmbThdText
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	padding-right: 4px;
	}
.brmbThdText A:link 	{ color: #444444; }
.brmbThdText A:visited	{ color: #444444; }

.brmbMsgText
	{
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica;
	}
.brmbMsgText A:link 	{ color: #444444; }
.brmbMsgText A:visited	{ color: #444444; }

/* A message in the thread view or compose window */
.brmbMsgTable
	{
	width: 100%;
	margin: 0px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	background-color: #f6f9fc;
	}

/* A thread-starter message in the thread view or compose window */
.brmbMsg1stTable
	{
	border-right:  1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left:   1px solid #999999;
	}

/* Bar across the bottom with poster's name, date, from, to, etc. */
.brmbMsgStatsLine *
	{
	font-size: 11px;
	vertical-align: bottom;
	padding-bottom: 1px;
/*	background-color: #edf3f9; */
	}

/* Who posted the msg */
.brmbMsgHdrFrom
	{
	width: 40em;
	font-size: 11px;
	text-align: left;
	}

/* from:, to: */
.brmbMsgHdrMsgIDs
	{
	width: 10em;
	font-size: 11px;
	text-align: right;
	}

/* The notice that a msg is a reply to you */
.brmbMsgHdrToMe
	{
	color: red;
	font-style: italic;
	}

/* "(deleted by xxx)" */
.brmbMsgDeleted
	{
	color: #999999;
	font-size: 11px;
	font-style: italic;
	text-align: center;
	}

/* Underscores that separate the body from the sig line, if any */
.brmbMsgSigSep
	{
	color: #aaaaaa;
	width: 25%;
	padding-left: 10%;
	}

/* Base style for any sig lines */
.brmbMsgSig
	{
	font-size: 11px;
	}

/* Contains 1 TR: "n replies:" + all the reply lines */
.brmbMsgRepliesTable1
	{
	font-size: 11px;
	}

/* Contains each reply line in its own TR*/
.brmbMsgRepliesTable2
	{
	font-size: 11px;
	}

/*  */
.brmbMsgRepliesDate
	{
	text-align: left;
	}

/*  */
.brmbMsgRepliesPsn
	{
	}
/*  */
.brmbMsgRepliesText
	{
	}

/* Holds the buttons at bottom of each msg. */
.brmbMsgButtonsTable
	{
	width: 100%;
	}

/*  */
.brmbMsgButtonsTable TD
	{
	width: 100%;
	padding: 0px;
	text-align: right;
	}

.brmbNumPosts
	{
	font-size: 9px;
	}

/*  */
.brmbQuote
	{
	font-size: 10px;
	margin: 4em;
	background-color: #dddddd;
	border: 1px solid #bbbbbb;
	}

/*  */
.brmbCode
	{
	font-family: Lucida Sans Console,Courier New,monospace;
	font-size: 10px;
	}

/*  */
.brmbFormTitle
	{
	width: 100%; margin-left: 0px; padding-left: 0px; padding-right: 0px; margin-right: 0px;  /* truly 100% wide */
	font-size: 150%;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 0.25em;
	}


/* A standard table-based form, as in Register */
.brmbFormTable
	{
	width: 100%;
	padding: 4px;
	}

/*  */
.brmbFormTable TD
	{
	font-size: 11px;
	}

/* The leftmost col in a form where next ctrl is an edit box*/
.brmbFormCol1
	{
	text-align: right;
/*	padding: 6px 4px 4px 4px; */ /* lower 2px so label aligns w/text inside an edit box */
	}

/* The leftmost col in a form where next ctrl is plaintext*/
.brmbFormCol1-TX
	{
	text-align: right;
/*	padding: 4px 4px 4px 4px; */ /* i.e. text field is at same padding as the label*/
	}

.brmbCB
	{
	vertical-align: text-bottom;
	}

.brmbRB
	{
	vertical-align: bottom;
	}

/* Single-line edit box */
.brmbEdit1Line
	{
	border: solid black 1px;
	}

/* Message body */
.brmbEditBody
	{
	width: 100%;
	height: 22em;
	}

/* Message's sig line */
.brmbEditSig
	{
	width: 100%;
	height: 3em;
	}

/*  */
.brmbDataTable
	{
	width: 100%;
	}

/*  */
.brmbDataTable TH
	{
	vertical-align: bottom;
	font-weight: bold;
	}

#brmbDataTableTop
	{
	border-bottom: solid 2px gray;
	}

/*  */
.brmbDataTable TD
	{
	vertical-align: top;
	}
/*********************************************************************/