/*
    Columns
------------------------------------------------------ */ 
#member_column_l {
	float: left;
	width: 175px;
}

#member_column_r {
	margin: 0 0 0 190px;
}

/*
    Quick Search Form
------------------------------------------------------ */ 
#quick_search_form
{
	position: absolute;
	top: 215px;
	left: 50%;
	z-index: 300;
	margin: 0 0 0 -490px;
	width: 980px;
}

#quick_search_form ol
{
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#quick_search_form li
{
	display: inline;
	font-size: .833em;
}

/*
    Larger Links 
------------------------------------------------------ */ 

.largeLinks {
	color: #000;
	font-size: 1em;
}

/*
    Alternate links in opposit color
------------------------------------------------------ */ 

.altLinks {
	color: #fff;
	font-size: .917em;
}

/*
    Small links
------------------------------------------------------ */ 
.smallLinks {
	font-size: .833em;
}

.smallLinks a:link {
	text-decoration: none;
}

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

.smallLinks a:hover,
.smallLinks a:active {
	text-decoration: underline;
}

/*
    Basic stuff
------------------------------------------------------ */ 

.default, .defaultBold, .defaultRight, .defaultCenter {
	font-size: .917em;
	line-height: 1.125em;
}

.defaultBold {
	font-weight: bold;
}

.defaultRight {
	text-align: right;
}

.defaultCenter {
	text-align: center;
}

h2 {
	font-size: 13px;
	margin: 0 0 6px 0;
}

h3 {
	font-size: 1em;
	margin: 3px 0 3px 0;
}

.lighttext {
	font-size: .833em;
	color: #999;
	padding: 4px 0 2px 0;
}

/*
    Special formatting for quotes, <code>, <pre> etc..
------------------------------------------------------ */ 

code {
	 white-space: normal;
}

pre {
	background: #EFEFF4;
	border: 1px solid #333;
	font-size: .917em;
	color: #38394B;
	margin: 8px 2px 10px 6px;
	padding: 10px 10px 10px 6px;
	white-space: normal;
}

.codeblock,
blockquote {
	background: #222;
	border-left: 4px solid #444;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
	border-right: 1px solid #444;
	margin: 1em 0;
	padding: 5px 6px 0;
	color: #CCC;
}

blockquote p {
	font-size: .917em;
	line-height: 1.5em;
}

.quote_author {
	font-size: .833em;
	font-weight: bold;
	padding: 0 0 4px;
	margin: 0 0 4px;
	border-bottom: 1px solid #444;
}

/*
    Top Bar 
------------------------------------------------------ */ 

#topBar {  
	background: #666DAD url(/site/themes/forum_themes/twitch/images/bg_page_topbar.jpg) repeat-x left top;
}

.topBarLinks {
	color: #fff;
	font-size: .917em;
	text-align: center;
	padding: 15px 30px 6px 20px;
}

.topBarLinks a:link {
	color: #fff;
	text-decoration: underline;
}

.topBarLinks a:visited {
	color: #fff;
	text-decoration: underline;
}

.topBarLinks a:hover {
	color: #B8BDED;    
	text-decoration: none;
}

/*
    Page Header 
------------------------------------------------------ */ 

#pageheader {  
	background: #3F4585 url(/site/themes/forum_themes/twitch/images/bg_header.jpg) repeat-x left top;
	border-bottom: 1px solid #000;
}

/*
    Right side of page banner
------------------------------------------------------ */ 
.rightheader {  
	font-size: .917em;
	color: #fff;
	text-align: left;
	padding: 0 22px 0 20px;
}

.rightheader a:link {
	color: #fff;
	text-decoration: underline;
}

.rightheader a:visited {
	color: #fff;
	text-decoration: underline;
}

.rightheader a:hover {
	color: #B9BDD4;    
	text-decoration: none;
}

/*
    Member Signature
------------------------------------------------------ */ 

.signature {
	border: 1px solid #333;
	border-width: 1px 0 0;
	font-size: .917em;
	color: #CCC;
	margin: 16px 0 0 0;
	padding: 8px 5px 5px 5px;
}

.signatureTitle {
	font-size: .833em;
	color: #CCC;
	padding: 0 3px;
}

/*
    Sub-header Bar
    Contains the breadcrumb links
------------------------------------------------------ */ 
#subheader {
	margin: 0 0 10px;
	padding: 15px 0 9px;
	border-bottom: 1px solid #333;
	font-size: .917em;
}
/*
    Breadcrumb Links
------------------------------------------------------ */ 

.currentcrumb {
	color: #FFF;
	font-weight: bold;
}

.breadcrumbspacer {
	color: #FFF;
}
/*
    Misc. Formatting Items
------------------------------------------------------ */ 
.spacer {
	margin: 0;
}

.itempad {
	padding: 2px 0 2px 0;
}

.itempadbig {
	padding: 5px 0 5px 0;
}

.bottompad {
	padding: 0 0 2px 0;
}

.marginpad {
	margin: 12px 0 10px 3px;
}

.leftpad {
	padding: 0 0 0 4px;
}

/*
    Main Content Wrapper
------------------------------------------------------ */ 
#content {
	left: 0px;
	right: 10px;
	margin: 0 auto;
	padding: 0 0 80px;
	width: 980px;
}
* html #content {
	width: 100%;
	width: auto;
}

/*
   Forum related text formatting
------------------------------------------------------ */ 

.forumName {
	margin: 0;
	font-weight: bold;
	font-size: 1em;
}

.forumDescription {
	margin: 0;
	font-size: .917em;
	color: #999;
}

.forumLightLinks {
	margin: 0;
	font-size: .833em;
	color: #999;
}

.topicTitle {
	margin: 0;
	font-weight: bold;
	font-size: 1em;
	color: #333449;
}

.userBlock {
	margin: 0;
	font-size: .833em;
	line-height: 1.385em;
}

.edited {
	font-size: 9px;
	color: #555;
}

/*
    File Attachments
------------------------------------------------------ */ 

.attachTitle {
	font-size: .833em;
	font-weight: bold;
	color: #fff;
	padding: 4px;
	margin: 10px 0 1px 0;
	background-color: #C8C8E1;
}

.attachBody {
	font-size: .917em;
	color: #73769D;
	padding: 4px;
	margin: 0 0 10px;
	background-color: #EFEFF6;
}

.attachThumb {
	margin: 3px 6px 3px 3px;
	border: 1px solid 	#6A6F93;
	background-color: #6A6F93;
}

/*
    User Rank Text in Post
------------------------------------------------------ */ 
.rankAdmin,
.rankModerator,
.rankMember{
	margin: 0;
	font-weight: bold;
	font-size: .833em;
	line-height: 1.385em;
	color: #CCC;
}

.rankImage {
	margin: 0;
	padding: 0;
	border: 0;
}

/*
    Button Formatting
	This controls the look of the various buttons, like
	the "NEW TOPIC" and "POST REPLY" buttons
------------------------------------------------------ */ 

.button {
	width: 80px;
}

.button40 {
	width: 40px;
}

.button80 {
	width: 80px;
}

.button100 {
	width: 100px;
}

.button150 {
	width: 150px;
}

.button210 {
	width: 210px;
}

.buttonSpacer{
	margin: 0 0 0 6px;
}

.buttonLarge {
	background-color: #333;
	border: 1px solid #555;
	text-transform: uppercase;
	font-size: .833em;
	line-height: 1em;
	text-align: center;
	color: #fff;
	font-weight: bold;
	padding: 4px 6px;
	margin: 2px 0 4px;
	white-space: nowrap;
	cursor: pointer;
}

.buttonLargeHover {
	background-color: #555;
	border: 1px solid #777;
	text-transform: uppercase;
	font-size: .833em;
	line-height: 1em;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	padding: 4px 6px;
	margin: 2px 0 4px;
	white-space: nowrap;
	cursor: pointer;
}


.buttonSmall {
	background-color: #333;
	border: 1px solid #555;
	text-transform: uppercase;
	font-size: .833em;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 4px 6px;
	margin: 0 3px;
	white-space: nowrap;
	cursor: pointer;
}

.buttonSmallHover {
	background-color: #555;
	border: 1px solid #777;
	text-transform: uppercase;
	font-size: .833em;
	line-height: 1em;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding: 4px 6px;
	margin: 0 3px;
	white-space: nowrap;
	cursor: pointer;
}


/*
    Post Preview
------------------------------------------------------ */ 

.preview {
	background: #f9f9f9;
	font-size: .917em;
	color: #38394B;
	padding: 10px;
	margin: 0 0 12px 0;
	border: 1px solid #333;
}

.previewheading {
	background: #C9CAE2;
	font-weight: bold;
	font-size: .917em;
	color: #fff;
	padding: 5px 0 5px 10px;
	border-top: 1px solid #A7A9C7;
	border-right: 1px solid #A7A9C7;
	border-left: 1px solid #A7A9C7;
}

/*
    Moderator Highlight
    This controls the look of the name of moderators
    that appear in the stats area.  The idea is that
    moderators appear in the list differently than
    regular members
------------------------------------------------------ */ 
.activeModerator {
	font-weight: bold;
}

/*
    Table Formatting
------------------------------------------------------ */ 
.border {
	border: 1px solid #333;
	padding: 0;
	margin: 1px 0 0;
}

.tableBorder {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 1px 0 0;
}

.tableBorderLeft {
	width: 100%;
	border-collapse: collapse;
	padding: 0;
	margin: 1px 0 0;
}

.tableBorderTopLeft {
	padding: 0;
	margin: 1px 0 0;
}

.tableBorderPad {
	border: 1px solid #333;
	padding: 1px;
	margin: 1px 0 0;
}

.threadBorder {
	padding: 0;
	margin: 0;
}

.tableBG {
	background-color: #F0F0F0;
}

.tablePad {
	padding: 0 2px 4px 2px;
}

.tableHeadingBG {
	background-color: #333;
	color: #FFF;
	padding: 7px;
	border-bottom: 1px solid #000;
}

.tableHeading {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	padding: 0;
	margin: 0;
	white-space: nowrap;
}

.tableHeadingSmall {
	font-size: .917em;
	font-weight: normal;
	color: #fff;
	padding: 0;
	margin: 0;
}

.tableRowHeading,
.tableRowHeadingBold {
	background-color: #555;
	font-size: .917em;
	color: #CCC;
	padding: 8px;
	border-bottom: 1px solid #000;
}

.tableRowHeadingBold {
	font-weight: bold;
}

.tableRowHeadingBold a:link,
.tableRowHeadingBold a:visited {
	color: #FFF;
	text-decoration: none;
}

.tableRowHeadingBold a:hover,
.tableRowHeadingBold a:active {
	text-decoration: underline;
}

.tableRowSpacer {
	background: #FBFBFD;
	padding: 0;
}

.tableCellOne,
.tableCellTwo {
	background-color: #111;
	font-size: 1em;
	line-height: 1.5em;
	color: #FFF;
	padding: 6px;
	border: 1px solid #000;
	border-width: 0 1px 1px 0;
	vertical-align: top;
}

.tablePostInfo {
	font-size: .917em;
	line-height: 1.5em;
}

.ignored {
	border: 1px solid #333;
	padding: 0;
	margin: 1px 0 8px;
}

/*
    Member Profile Page
------------------------------------------------------ */ 

.profileHeadingBG {
	background-color: #333;
	color: #fff;
	font-weight: bold;
	padding: 6px;
	font-size: .917em;
	border-bottom: 2px solid #000;
}

.profileAlertHeadingBG {
	background: #6e0001 url({path:image_url}bg_alert.jpg) repeat-x left top;
	color: #fff;
	padding: 6px 6px 6px 6px;
	border-bottom: #585C9C 1px solid;
}

.profileTopBox {
	background: #F0F0F2 url({path:image_url}bg_profile_box.jpg) repeat-x left top;
	margin: 0;
	padding: 7px 5px 5px 5px;
}

.profileTitle {
	font-size: 14px;
	font-weight: bold;
	color: #000;
	padding: 3px 5px 3px 0;
	margin: 0;
}

.profilePhoto {
	background: #F0F0F2 url({path:image_url}bg_profile_box.jpg) repeat-x left top;
	border-left: 1px solid #B2B3CE;
	padding: 1px;
	margin: 1px 0 3px;
}

.avatar {
	margin: 3px 14px 0 3px;
}

.photo {
	margin: 6px 14px 0 3px;
}

.profileItem {
	font-size: .917em;
	margin: 2px 0 2px 0;
}

.profileHead {
	font-size: .833em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	padding: 4px 6px;
	background-color: #333;
	margin: 0;
}

.menuHeadingBG {
	background-color: #333;
	font-weight: bold;
	color: #fff;
	font-size: .917em;
	padding: 6px;
	border-bottom: 2px solid #000;
}

.profileMenu {
	background: #EDECEE;
	border: 1px solid #7B81A9;
	padding: 1px;
	margin: 1px 0 3px;
}

.profileMenuInner {
	padding: 0;
	margin: 0;
}

.menuItem {
	font-size: .833em;
	padding: 4px 6px;
	background-color: #111;
	border-bottom: 1px solid #000;
}

.borderTopBot {
	border-top: 0;
	border-bottom: 1px solid #000;
}

.borderBot {
	border-bottom: 1px solid #000;
}

.altLinks {
	color: #fff;
	font-size: .917em;
}
.altLinks a:link {
	color: #fff;
	background: none;
	text-decoration: underline;
}
.altLinks a:visited {
	color: #fff;
	text-decoration: none;
}
.altLinks a:hover {
	color: #B8BDED;    
	text-decoration: underline;
}

.memberlistRowOne {
	background: #FBFBFC url({path:image_url}bg_table_td_one.jpg) repeat-x left top;
	font-size: .917em;
	padding: 3px 6px 3px 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #B2B3CE;
	border-left: 1px solid #B2B3CE;
	border-right: 1px solid #fff;
}

.memberlistRowTwo {
	background: #F0F0F0 url({path:image_url}bg_table_td_two.jpg) repeat-x left top;
	font-size: .917em;
	padding: 3px 6px 3px 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #B2B3CE;
	border-left: 1px solid #B2B3CE;
	border-right: 1px solid #fff;
}

.memberlistHead {
	font-size: .917em;
	font-weight: bold; 
 background: #74779D url({path:image_url}bg_profile_heading.jpg) repeat-x left top;
	color: #fff;
	border-bottom: #585C9C 1px solid;
	padding: 8px 0 8px 8px;
}

.memberlistFooter {
	font-size: .917em;
	color: #000;
	padding: 6px 10px 6px 6px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	border-right: 1px solid #fff;
	background-color: #B8B9D1;  
}

.innerShade {
	background-color: #DDE1E7;
	border: 1px solid #74779D;
	margin: 0;
	padding: 10px;
}

/*
    Search Formatting
------------------------------------------------------ */ 

.searchBox {
	border: 1px solid #333;
	font-size: .917em;
	color: #CCC;
	margin: 16px 0 0 0;
	padding: 8px 5px 5px 5px;
}

.searchBoxTitle {
	font-size: .833em;
	font-weight: bold;
	color: #CCC;
	padding: 0 3px;
}

.searchpad {
	padding: 6px 0 8px 0;
}

.searchspacer {
	margin: 0 0 6px;
}



/*
    Pagination Links
------------------------------------------------------ */ 
.paginateBorder {
	border: 1px solid #555;
	margin: 0 0 4px;
}

.paginate {
	background-color: #111;
	font-size: .917em;
	color: #000;
	border-left: 1px solid #555;
	padding: 2px 4px;
	margin: 0;
}

.paginateStat {
	background-color: #333;
	font-size: .917em;
	color: #fff;
	padding: 2px 10px;
	margin: 0;
	white-space: nowrap; 
}
 
.paginateCur {
	background-color: #111;
	font-weight: bold;
	font-size: .917em;
	color: #FFF;
	border-left: 1px solid #555;
	padding: 2px 6px;
	margin: 0;
}
 
.paginate a:link,
.paginate a:visited,
.paginate a:hover,
.paginate a:active {
	text-decoration: none;
}

/*

    Form Field Formatting
------------------------------------------------------ */ 

form {
	margin: 0;
	padding: 0;
	border: 0;
}

.hidden {
	margin: 0;
	padding: 0;
	border: 0;
}

.input {
	border-width: 1px;
	color: #333;
	font-size: .917em;
	padding: 1px;
	margin: 0;
}

.textarea {
	border-width: 1px;
	color: #333;
	font-size: .917em;
	padding: 0;
	margin: 0;
}

.select,
select {
	background-color: #fff;
	font-size: .917em;
	font-weight: normal;
	color: #000;
	margin: 2px 0;
}

.multiselect {
	border-width: 1px;
	background-color: #fff;
	color: #000;
	font-size: .917em;
	margin: 2px 0 0;
}

.radio {
	margin: 4px 0;
	padding: 0;
	border: 0;
}

.checkbox {
	padding: 0;
	border: 0;
}

.buttons {
	font-size: .917em;
	font-weight: bold;
	margin: 0;
	border-width: 1px;
}

.submit {
	font-size: .917em;
	font-weight: normal;
	margin: 0;
	border-width: 1px;
}  
/*
    Error messages
------------------------------------------------------ */ 

.errorHeading {
	background: #660000;
	color: #fff;
	padding: 6px 6px 6px 6px;
	border-bottom: 1px solid #fff;
	font-size: 1em;
	letter-spacing: .1em;
	font-weight: bold;
}

.errorMessage {
	font-size: .917em;
	color: #990000;
	padding: 10px 0 10px 0;
}

.errorBox {
	background: #f9f9f9;
	font-size: .917em;
	color: #990000;
	padding: 10px;
	margin: 12px 0;
	border: 1px solid #990000;
}

.alert {
	font-size: .917em;
	color: #990000;
	font-weight: bold;
}

.highlight {
	color: #990000;
}

/*
    Formatting Buttons
------------------------------------------------------ */ 

.buttonMode {
	font-size: .917em;
	color: #CCC;
	white-space: nowrap;
}

.htmlButtonOuter,
.htmlButtonOuterL {
	background-color: #f6f6f6;  
	padding: 0;
	border-top: #333 1px solid;
	border-right: #333 1px solid;
	border-bottom: #333 1px solid;
}

.htmlButtonOuterL  {
	border-left: #333 1px solid;
}

.htmlButtonInner {
	text-align: center;
	padding: 0 3px 0 3px;
	border-left: #fff 1px solid;
	border-top: #fff 1px solid;
	border-right: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
}

.htmlButtonOff {
	font-size: .917em;
	font-weight: bold;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
}

.htmlButtonOff a:link {
	color: #000;
	text-decoration: none;
	white-space: nowrap;
}

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

.htmlButtonOff a:active {
	text-decoration: none;
	color: #999;
}

.htmlButtonOff a:hover {
	text-decoration: none;
	color: #999;
}

.htmlButtonOn {
	font-size: .917em;
	font-weight: bold;
	background: #CCC;
	padding: 1px 2px 2px 2px;
	white-space: nowrap;
}

.htmlButtonOn a:link {
	color: #990000;
	text-decoration: none;
	white-space: nowrap;
}  

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

.htmlButtonOn a:active {
	text-decoration: none;
	color: #999;
}

.htmlButtonOn a:hover {
	color: #999;
	text-decoration: none;
}

/*
    SPELL CHECK CSS
--------------------------------------------------------------- */

.iframe {
	border: 1px solid #CCC;
}

.wordSuggestion
{
	background-color: #f4f4f4; 
	border: 1px solid #ccc; 
	padding: 4px; 
}

.wordSuggestion a,
.wordSuggestion a:active
{
	cursor: pointer;
	color: #000;
}

.spellchecked_word
{
	cursor: pointer;
	background-color: #fff;
	border-bottom: 1px dashed #ff0000;
}

.spellchecked_word_selected
{
	cursor: pointer;
	background-color: #ADFF98;
}