/* This is what you change to control the width of the entire forum. (org: width: 1165px) */

#widthControl { width: 1165px; text-align: left; margin: 0px auto; padding: 12px 30px 4px 30px; }

#ob1 { border-top: 1px solid #7c7c7c; border-right: 1px solid #111111; border-bottom: 1px solid #111111; border-left: 1px solid #7c7c7c; background-color: #3c3c3c; padding: 8px; }

#ib1 { border-top: 1px solid #111111; border-right: 1px solid #7c7c7c; border-bottom: 1px solid #7c7c7c; border-left: 1px solid #111111; background-color: #111111; }

/* Normal, standard links. */

a:link, a:visited{color:#f1c534; text-decoration:none}

a:hover{color:#FFF; text-decoration:none}



/* Navigation links - for the link tree. */

.nav, .nav:link, .nav:visited{color:#f1c534; font-weight:bold}

a.nav:hover{color:#FFF; text-decoration:underline}



/* Tables should show empty cells. */

table{empty-cells:show}



/* By default (td, body..) use Lucida Grande, sans-serif in black. */

body, td, th, tr{color:#FFF; font-size:small; font-family:verdana,sans-serif}



/* The main body of the entire forum. */

body{background:url() repeat; background-color:#000; margin: 0px}



/* Input boxes - just a bit smaller than normal so they align well. */

input, textarea, button{background:#333; border:1px solid #000; color:#FFF; font-family:verdana,sans-serif; font-size:90%}

input, button{font-size:90%}

textarea{font-size:100%; color:#FFF; font-family:verdana,sans-serif}



/* All input elements that are checkboxes or radio buttons. */

input.check{}



/* Selects are a bit smaller, because it makes them look even better 8). */

select{background:#333; border:1px solid #000; color:#FFF; font-family:verdana,sans-serif;  font-size:90%; margin:5px; padding:2px}



/* Standard horizontal rule.. ([hr], etc.) */

hr, .hrcolor{ height:1px;  border:0;  color:#666;  background-color:#666}



/* A quote, perhaps from another post. */

.quote{color:#e3e3e3; background-color:#484848; border-top:1px dashed #000; border-left:3px solid #000; border-right:1px dashed #000; border-bottom:1px dashed #000; font-size:11px; margin:1px; padding:5px; font-size:x-small; line-height:1.4em; padding-left: 10px; padding-top:3px; padding-bottom:3px}

/* A code block - maybe even PHP; ). */

.code{color:#e3e3e3; background-color:#484848; font-family:Arial,"courier new","times new roman",monospace; font-size:11px; line-height:1.3em; /* Put a nice border around it. */border-top:1px dashed #000; border-left:2px solid #000; border-right:1px dashed #000; border-bottom:1px dashed #000; margin:1px auto 1px auto; padding:1px; padding-top:3px; padding-bottom:3px; width:99%; /* Don't wrap its contents,and show scrollbars. */white-space:nowrap; overflow:auto; /* Stop after about 24 lines,and just show a scrollbar. */max-height:24em}

/* The "Quote:"and "Code:"header parts... */

.quoteheader{color:#e3e3e3; text-decoration:none; font-weight:bold; font-size:11px; line-height:11px; background-image:url("images/quote_sm.gif"); background-repeat:no-repeat; background-position:top right; background-color:transparent; height:17px; padding-top:2px}

.codeheader{color:#e3e3e3; text-decoration:none; font-weight:bold; font-size:11px; line-height:11px; background-image:url("images/code_sm.gif"); background-repeat:no-repeat; background-position:top right; background-color:transparent; height:17px; padding-top:2px}



/* Generally, those [?] icons.  This makes your cursor a help icon. */

.help{cursor:help}

/* /me uses this a lot. (emote, try typing /me in a post.) */

.meaction{color:#F00}



/* The main post box - this makes it as wide as possible. */

.editor{width:98%}



/* Highlighted text - such as search results. */

.highlight{background-color:#FFF000; font-weight:bold; color:#000}



/* Alternating backgrounds for posts, and several other sections of the forum. */

.windowbg{color:#fff; background:#2e2e2e; text-decoration:none; border-left:1px solid #3e3e3e; border-top:1px solid #3e3e3e}

.windowbg7{color:#fff; background:#252525; border-left:1px solid #222; border-top:1px solid #222; border-bottom:1px solid #1c1c1c; font-size:11px; margin:0 0 5px 0; padding:8px; text-decoration:none}

.windowbg2{color:#fff; background:#313131; text-decoration:none; border-left:1px solid #3e3e3e; border-top:1px solid #3e3e3e}

.windowbg3, .windowbg6{color:#fff; background:#252525; border-left:1px solid #222; border-top:1px solid #222; border-bottom:1px solid #1c1c1c; font-size:11px; margin:0 0 5px 0; padding:8px; text-decoration:none}

.windowbg6 a:link, .windowbg6 a:visited, .windowbg6 a:active, .windowbg6 a:hover{text-decoration:none; background:#252525; border-left:1px solid #222; border-top:1px solid #222; border-bottom:1px solid #1c1c1c; font-size:11px; margin:0 0 5px 0; padding:8px; text-decoration:none}

.windowbg4{background:#252525; border-left:1px solid #222; border-top:1px solid #222; border-bottom:1px solid #1c1c1c; font-size:11px; margin:0 0 5px 0; padding:8px; text-decoration:none; }



/* No image should have a border when linked */

a img{border:0}



/* the today container in calendar */

.calendar_today{background-color:#333;  color:#ea7500;  font-weight:bold}



/* These are used primarily for titles, but also for headers (the row that says what everything in the table is.) */

.titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td{font-weight:bold; font-style:normal; color:#fff; background-color:#000; background-image:url(images/catbg.gif); background-repeat:x-repeat; padding-left:10px; padding-right:10px}

.titlebg, .titlebg a:link, .titlebg a:visited{font-weight:bold; color:#FFF; font-style:normal}

.titlebg a:hover{color:#FFF; text-decoration:underline}



/* same as titlebg, but used where bold text is not needed */

.titlebg2 a:link, .titlebg2 a:visited{color:#FFF; font-style:normal; text-decoration:underline}

.titlebg2 a:hover{text-decoration:underline}



/* This is used for categories, page indexes, and several other areas in the forum.

.catbg and .catbg2 is for boardindex, while .catbg3 is for messageindex and display headers*/

.catbg, tr.catbg td, .catbg3, tr.catbg3 td{font-weight:bold; background-color:1c1c1c; background-image:url(images/bg1cc.gif); background-repeat:x-repeat; color:#FFF; height:17px; padding-left:10px; padding-right:10px}

.catbg2, tr.catbg2 td{background-image:url(images/bg1c.gif); background-color:#1c1c1c; color:#FFF; padding-left:10px; padding-right:10px}

.catbg, .catbg2, .catbg3{background-repeat:repeat-x}

.catbg, .catbg2{font-weight:bold}

.catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited{font-size:95%; color:#FFF; text-decoration:none}

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

.catbg a:hover, .catbg2 a:hover, .catbg3 a:hover{color:#e0e0ff}



/* This is used for tables that have a grid/border background color (such as the topic listing.) */

.bordercolor{background-color:#333; padding:0px}

/* This is used on tables that should just have a border around them. */

.tborder{padding:1px; border:1px solid #333; border:1px solid #333}



/* Default font sizes:small (8pt), normal (10pt), and large (14pt). */

.smalltext{font-size:x-small; font-family:verdana,sans-serif}

.middletext{font-size:90%}

.normaltext{font-size:small}

.largetext{font-size:large}



/* Posts and personal messages displayed throughout the forum. */

.post, .personalmessage{width:97%; overflow:auto; line-height:1.3em}



/* All the signatures used in the forum.  If your forum users use Mozilla, Opera, or Safari, you might add max-height here; ). */

.signature{width:98%; overflow:auto; padding-bottom:3px; line-height:1.3em}



/* Sometimes there will be an error when you post */

.error{color:#F00}



/* definitions for the main tab, active means the tab reflects which page is displayed */

.maintab_first, .maintab_back, .maintab_last, .maintab_active_first, .maintab_active_back, .maintab_active_last{background-position:left bottom; color:white; text-transform:uppercase; vertical-align:middle}

.maintab_back, .maintab_active_back{color:white; text-decoration:none; font-size: 9px; vertical-align:middle; padding:6px 2px 10px 2px; font-family:tahoma,sans-serif}

.maintab_first{/*background-image:url(images/maintab_first.gif); */background-repeat:no-repeat; /*width:10px; */}

.maintab_back{/*background-image:url(images/maintab_back.gif); */background-repeat:repeat-x}

.maintab_last{/*background-image:url(images/maintab_last.gif); */background-repeat:no-repeat; /*width:8px; */}

.maintab_active_first{/*background-image:url(images/maintab_active_first.gif); */background-repeat:no-repeat; /*width:6px; */}

.maintab_active_back{/*background-image:url(images/maintab_active_back.gif); */background-repeat:repeat-x}

.maintab_active_last{/*background-image:url(images/maintab_active_last.gif); */background-repeat:no-repeat; /*width:8px; */}



/* how links behave in main tab. */

.maintab_back a:link, .maintab_back a:visited, .maintab_active_back a:link, .maintab_active_back a:visited{color:#fff; text-decoration:none; font-weight:bold; background-image:url("images/catbg2.jpg"); background-position:top left; background-repeat:repeat-x; padding:5px 8px 5px 8px; margin:4px 0 4px 0; border-top:1px solid #4c4c4c; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #4c4c4c}

.maintab_back a:hover, .maintab_active_back a:hover{color:#fff; text-decoration:none}



/* definitions for the mirror tab */

.mirrortab_first, .mirrortab_back, .mirrortab_last, .mirrortab_active_first, .mirrortab_active_back, .mirrortab_active_last{background-position:left top; color:white; text-transform:uppercase; vertical-align:middle}

.mirrortab_back, .mirrortab_active_back{color:white; text-decoration:none; font-size:9px; vertical-align:middle; padding:10px 2px 6px 2px; font-family:tahoma,sans-serif}

.mirrortab_first{/*background-image:url(images/mirrortab_first.gif); */background-repeat:no-repeat; width:10px}

.mirrortab_back{/*background-image:url(images/mirrortab_back.gif); */background-repeat:repeat-x}

.mirrortab_last{/*background-image:url(images/mirrortab_last.gif); */background-repeat:no-repeat; width:6px}

.mirrortab_active_first{/*background-image:url(images/mirrortab_active_first.gif); */background-repeat:no-repeat; width:6px}

.mirrortab_active_back{/*background-image:url(images/mirrortab_active_back.gif); */background-repeat:repeat-x}

.mirrortab_active_last{/*background-image:url(images/mirrortab_active_last.gif); */background-repeat:no-repeat; width:8px}



/* how links behave in mirror tab. */

.mirrortab_back a:link, .mirrortab_back a:visited, .mirrortab_active_back a:link, .mirrortab_active_back a:visited{color:#fff; text-decoration:none; font-weight:bold; background-image:url("images/catbg2.jpg"); background-position:top left; background-repeat:repeat-x; padding:5px 8px 5px 8px; margin:4px 0 4px 0; border-top:1px solid #4c4c4c; border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #4c4c4c}

.mirrortab_back a:hover, .mirrortab_active_back a:hover{color:#fff; text-decoration:none}



/* ~~~~~~~~~ BLACKRAIN-V.2 MAIN MENU ~~~~~~~~~ */

#tabs6{position:relative; top:5px; left:-40px; width:99%; font-size:93%; margin:auto; line-height:normal; height:44px}

#tabs6 ul{margin:0; padding:0px 0px 0 50px; list-style:none}

#tabs6 li{display:inline; margin:0; padding:0}

#tabs6 a{float:left; background:url(images/tableft6.gif) no-repeat left top; margin:0; padding:0 0 0 4px; text-decoration:none}

#tabs6 a span{float:left; display:block; background:url(images/tabright6.gif) no-repeat right top; padding:5px 15px 4px 6px; color:#FFF}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs6 a span{float:none}



/* End IE5-Mac hack */

#tabs6 a:hover span{color:#f1c534}

#tabs6 a:hover{background-position:0% -42px}

#tabs6 a:hover span{background-position:100% -42px}



#ajax_in_progress{background:#333 url(images/ajaxloading.gif) no-repeat 10%; color:#FFF; text-align:left; font-size:18px; font-family:"Trebuchet MS",sans-serif; padding:10px; padding-left:65px; position:absolute; left:-105px; width:105px;  border:1px solid #f1c543}

#ajax_center{top:45%; width:105px; position:absolute; left:50%}