/*//////////////////////////////////////////////////////////////////
/////////
//////     Global Site Styles
///
*/

html
   {background:midnightblue url("/images/themes/Spidey/background.gif");}

body
   {color:#ffffff;}

a:link,a:active,a:visited
   {text-decoration:none; color:#cc0000;}

a:hover
   {text-decoration:none; color:midnightblue;}

/*top bar and left nav styles */
.leftnav a:link, .leftnav a:visited, a.secondary:link, a.secondary:visited
   {color:#eeeeee; background:#770000; border-top:1px solid #000000;}

.leftnav a:hover, .leftnav a:focus, a.secondary:hover, a.secondary:focus
   {color:#000000; background:#fff; border-top:1px solid #000000;}

#header
   {background:url("/images/themes/Spidey/spideyheader.png") no-repeat top center;}

.headertop
   {color:#fff;}

.mainNav
   {background:#000;}

.mainNav .buttons
   { }

.mainNav a:link, .mainNav a:visited, .mainNav a:focus
   {font-weight:bold; color:#ffffff; border-left:1px solid #fff; border-right:1px solid #fff;}

.mainNav a:hover
   {font-weight:bold; color:#cccccc; background:#061223; border-left:1px solid #fff; border-right:1px solid #fff;}

#header .logo
   {float:left;}

.container
   {background:#8C0F07;}

.leftnav
   {background:#8C0F07;}

.leftnav a div, .leftnav a span
   {padding-left:10px;}

.search
   {color: #ffffff; border-top: 1px solid #770000;}

.search form
   {margin-bottom: 5px;}

.search a:link, .search a:visited
   {color: #ffffff; background: #770000; text-decoration: none; border-top:1px solid #000000; border-bottom:1px solid #000000;}

.search a:hover, .search a:focus
   {color: #000000; background: #fff; text-decoration: none; border-top:1px solid #000000; border-bottom:1px solid #000000;}

.content
   {background:#fff; color:#000;}

.widecontent
   {background:#fff; color:#000;}

.content h1, .widecontent h1
  {color:#000000;}

.preview
   {background:#fff; color:#000;}

.newsheader, .header
   {color:#ffffff; background:#8C0F07 url("/images/themes/Spidey/headerbg.gif") no-repeat;}

.newsheader .small a:link, .newsheader .small a:focus, .newsheader .small a:visited
   {color:#eeeeee; text-decoration:underline;}

.newsheader .small a:hover
   {color:#ffffff;}

.newsday
   {padding-bottom:5px;}

.newsday h3, .fieldbox h3, .newsobject h3
   {border-bottom:1px solid #000;}

.newsday .headline
   {font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin:10px; margin-bottom:0px;}

.newsday p
   {margin:10px; margin-top:0px; margin-bottom:20px;}

.footerbar
   {color:#ffffff; background:#8C0F07 url("/images/themes/Spidey/rowpicbg.gif") no-repeat top right;}

.nocover
   {border:1px solid #770000;}

.headerlogin
   {background:#8C0F07; font-weight:bold;}

.headerlogin a:link, .headerlogin a:visited, .headerlogin:focus
   {color:#eeeeee; text-decoration:underline;}

.headerlogin a:hover
   {color:#ffffff;}

.headerlogin input
	{margin-right:10px;}

.tabs
   {background:#000000;}

.tabs a:link, .tabs a:focus, .tabs a:visited
   {color:#ffffff;}

.tabs a:hover
   {background:#003366;}

.tabs a.selected
   {background:#8C0F07;}

.tabs td.inactive
   {background:#eeeeee; color:#9a9a9a;}

.valuedisplay, .valuedisplay td
   {border:1px solid #000000;}

.infobox
   {}

.footer
	{background:; height:200px;}

.footer a:link, .footer a:visited, .footer a:focus
   {color:#ffffff;}

.footer a:hover
   {color:#eeeeee;}

a.rss:link, a.rss:visited, a.rss:focus
	{font-style:italic; border:1px solid #9a9a9a; border-right:1px solid #000000; border-bottom:1px solid #000000; background:midnightblue url(../images/themes/Spidey/rss.png) bottom right no-repeat; color:#ffffff; text-decoration:none;}

a.rss:hover
	{font-style:italic; border:1px solid #9a9a9a; border-right:1px solid #000000; border-bottom:1px solid #000000; background:#eeeeee url(../images/themes/Spidey/rsshover.png) bottom right no-repeat; color:#000000; text-decoration:none;}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////
///////           Admin Styles
///
*/

.fieldbox
   {border:1px solid #061223;}

.fieldbox h2
   {color:#000;}

.fieldbox span
   {background:#fff; border-left:1px solid #061223; border-right:1px solid #061223;}

.fieldbox input, .fieldbox select, .fieldbox textarea
   {width:100%;}

.fieldbox input.login
   {width:75px; margin-top:5px; float:right;}

label
   {font-size:11px;}

/*//////////////////////////////////////////////////////////////////
/////////
//////      forum styles
///
*/

/* This is the border line & background colour round the entire page */

.bodyline
   {color:#ffffff;}

.bodyline a
   {color:#cc0000; text-decoration:none;}

.bodyline a:hover
   {color:midnightblue; text-decoration:none;}

/* This is the outline round the main forum tables */
.forumline  {}


/* Main table cell colours and backgrounds */
td.row1
   {color:#000000; background-color: #EFEFEF;}

td.row2
   {color:#000000; background-color: #DEE3E7;}

td.row3
   {color:#000000; background-color: #D1D7DC;}

/*
  This is for the table cell above the Topics, Post & Last posts on the index.php page
  By default this is the fading out gradiated silver background.
  However, you could replace this with a bitmap specific for each forum
*/
td.rowpic
   {background:#8C0F07 url("/images/themes/Spidey/rowpicbg.gif") no-repeat bottom right;}

/* Header cells - the blue and silver gradient backgrounds */
th
   {color:#ffffff; background-color:#000000;}

td.cat, td.catHead, td.catSides, td.catRight, td.catBottom, td.catLeft
   {color:#ffffff; background:#8C0F07 url("/images/themes/Spidey/headerbg.gif") no-repeat;}

td.cat.gen, td.catHead.gen, td.catSides.gen, td.catRight.gen, td.catBottom.gen, td.catLeft.gen
   {color:#ffffff;}

/*
  Setting additional nice inner borders for the main table cells.
  The names indicate which sides the border will be on.
  Don't worry if you don't understand this, just ignore it :-)
*/
td.cat, td.catHead, td.catBottom
   { }

th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR
   {font-weight: bold; height: 28px;}

td.row3Right,td.spaceRow
   {background-color: #D1D7DC; border: #FFFFFF; border-style: solid;}

/* The largest text used in the index page title and toptic title etc. */
.maintitle,h1,h2
   {color:#ffffff;}

a.maintitle
   {color:#000; text-decoration:none;}

a.maintitle:hover
   {color:#999; text-decoration:none;}

/* General text */
.gen
   {color:#000000;}

.genmed
   {color:#000000;}

.gensmall
   {color:#000000;}

.forumline .gensmall, .bodyline .gensmall
   {font-size:10px; color:#000000;}

a.gen,a.genmed
   {color:#006699; text-decoration:none;}

a.gen:hover,a.genmed:hover
   {color:#DD6900; text-decoration:underline;}

a.gensmall
   {color:#061223; text-decoration:none;}

a.gensmall:hover
   {color:#cccccc; text-decoration:none;}

gensmall a
   {color:#000000; text-decoration:none;}

gensmall a:hover
   {color:#cccccc; text-decoration:none;}

td.cat .gen, td.catHead .gen, td.catSides .gen, td.catRight .gen, td.catBottom .gen, td.catLeft .gen
   {color:#ffffff;}

/* The register, login, search etc links at the top of the page */

.mainmenu
   {font-size:11px; color:#ffffff;}

a.mainmenu
   {text-decoration: none; color:#ffffff;}

a.mainmenu:hover
   {text-decoration:underline; color:#eeeeee;}


/* Forum category titles */

.cattitle
   {color:#ffffff;}

a.cattitle
   {text-decoration:none; color:#ffffff; }

a.cattitle:hover
   {text-decoration:none; color:#cccccc; }


/* Forum title: Text and link to the forums used in: index.php */

.forumlink
   {color:#006699;}

a.forumlink
   {text-decoration:none; color:#cc0000;}

a.forumlink:hover
   {color:midnightblue;}


/* Used for the navigation text, (Page 1,2,3 etc) and the navigation bar when in a forum */
.nav
   {color:#000000;}

a.nav
   {text-decoration:underline; color:#000000;}

a.nav:hover
   {text-decoration:underline; color:#999999;}


/* titles for the topics: could specify viewed link colour too */

.topictitle
   {color:#000000;}

a.topictitle:link
   {text-decoration:none; color:#cc0000;}

a.topictitle:visited
   {text-decoration:none; color:#5493B4;}

a.topictitle:hover
   {text-decoration:none; color:midnightblue;}

/* colors for admin/mod */

.admin
   {color:midnightblue;}

.mod
   {color:midnightblue;}

a.admin
   {color:midnightblue;}

a.admin:hover
   {color:#cc0000;}

/* Name of poster in viewmsg.php and viewtopic.php and other places */
.name
   {color:#000000;}

/* Location, number of posts, post date etc */
.postdetails
   {font-size:10px; color:#000000;}

/* The content of the posts (body of text) */
.postbody
   {font-size:12px; color:#000000;}

a.postlink:link
   {text-decoration:none; color:#006699;}

a.postlink:visited
   {text-decoration:none; color:#5493B4;}

a.postlink:hover
   {text-decoration:underline; color:#DD6900;}


/* Quote & Code blocks */
.code
   {color:#006600; background-color:#FAFAFA; border:1px solid #D1D7DC;}

.quote
   {color:#444444; background-color:#FAFAFA; border:1px solid #D1D7DC;}

/* Copyright and bottom info */
.copyright
   {color:#ccc;}

a.copyright
   {color:#ccc; text-decoration:none;}

a.copyright:hover
   {color:#eee; text-decoration:underline;}

/* This is the line in the posting page which shows the rollover
  help line. This is actually a text box, but if set to be the same
  colour as the background no one will know ;)
*/

.helpline
   {background-color:#DEE3E7;}

/*//////////////////////////////////////////////////////////////////
/////////
//////      Gallery styles
///
*/

/* ********************************************************************************
 * Building blocks
 * h2, h3, p, etc        Standard html tags
 * div.gbBlock           Sidebar or content section with style for contained lists
 * ul.gbBreadCrumb       List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 */

/* ********************************************************************************
 * spidey Theme for Gallery 2
 * by Ross A. Reyman, Jon Huang, and Chad Kieffer
 * updated by Alan Harder
 */

/* ********************************************************************************
 * Building blocks
 * #gallery              Default font/color settings
 * .gcBackground1,2..    Palette of backgrounds
 * .gcBorder1,2..        Palette of borders
 * a, h2, h3, etc        Standard html tags
 * .giTitle, .giSubtitle, .giDescription, .giInfo, .giSuccess, .giWarning, .giError
 *                       Palette of text styles
 * div.gbBreadCrumb      List of links/path elements
 * table.gbDataTable     Table for data/form elements with styles for shading rows
 * div.gbTabBar          UI component for selectable tabs
 * .autoComplete*        Styles for autoComplete popup lists
 */

#gallery
   {color:#333; background-color:#fff;}

body.gallery
   {background-color:#fff;}

.gcBackground1
   {background-color:#eee;}

.gcBackground2
   {background-color:#e7e7e7;}

.gcBorder1
   {border:0 solid #ccc;}

.gcBorder2
   {border:0 solid #888;}

#gallery a { }
#gallery a:hover { }
#gallery a:active { }

#gallery img
   {border-width:0;}

#gallery h2, #gallery h3, #gallery h4
   { }

#gallery input:focus, #gallery textarea:focus
   {background-color:#ffc; color:#000;}

#gallery input.inputTypeSubmit, #gallery input.inputTypeButton
   {/* No input[type=submit] in IE */ color:#333; background-color:#eee;}

.giTitle, #gallery h2, #gallery h3, #gallery h4
   {color:#000000;}

.giSubtitle
   {font-size: 0.9em; font-weight: normal; vertical-align: text-bottom;}

table.gbDataTable th
   {background-color: #e7e7e7;}

.gbEven
   {background-color:#fff;}

.gbOdd
   {background-color:#eee;}

div.gbTabBar
   {background:url('../spidey/images/tab_bg.gif') repeat-x bottom;}

div.gbTabBar span.o
   {background:url('../spidey/images/tab_left.jpg') no-repeat left top;}

/* IE may clip off the right end of a long set of tabs, so allow IE to wrap them */

#gallery div.gbTabBar span span
   {background: url('../spidey/images/tab_right.jpg') no-repeat right top;}

#gallery div.gbTabBar a
   {color: #777;}

#gallery div.gbTabBar a:hover
   {color: #333;}

#gallery div.gbTabBar span.giSelected
   {background-image: url('../spidey/images/tab_left_on.jpg');}

#gallery div.gbTabBar span.giSelected span
   {color: #333; background-image: url('../spidey/images/tab_right_on.jpg');}

.autoCompleteBackground
   {border:1px solid #ccc;}

.autoCompleteHighlight
   {text-decoration:underline;}

.autoCompleteNotSelected
   {background-color:#eee;}

.autoCompleteSelected
   {background-color:#ffc;}

#ProgressBar #progressDone
   {background-color:#fd6704; border:thin solid #ddd;}

#ProgressBar #progressToGo
   {background-color:#eee; border:thin solid #ddd;}

.giSearchHighlight
   {font-weight:bold; background-color:#ff6;}

/* ********************************************************************************
 * Sections
 * #gallery         Page container
 * #gsNavBar   Top bar with breadcrumb and other links
 * #gsSidebar       Sidebar
 * #gsContent       Main content
 * #giFormUsername  Form field for entering a username
 * #giFormGroupname Form field for entering a group name
 */

#gsSidebar ul span
   {color:#999;}

#giFormUsername, .giFormUsername
   {background:url('../spidey/images/userinfo.png') no-repeat 0 1px;}

#giFormGroupname
   {background:url('../spidey/images/groupinfo.png') no-repeat 0 1px;}

#giFormPassword
   {background:url('../spidey/images/key7-16-bw.gif') no-repeat 0 1px;}

/* Opera ignores padding in form inputs; put icons on right side instead */
#gallery.opera #giFormUsername, #gallery.opera .giFormUsername, #gallery.opera #giFormGroupname, #gallery.opera #giFormPassword
   {background-position:right center;}

div.gbNavigator div.next-and-last
   {float:right;}

div.gbNavigator div.next-and-last.no-previous
   {float:none; text-align:right;}

div.gbNavigator a.first
   {background:url("images/nav_first.gif") left no-repeat;}

div.gbNavigator a.previous
   {background:url("images/nav_prev.gif") left no-repeat;}

div.gbNavigator a.next
   {background:url("images/nav_next.gif") right no-repeat;}

div.gbNavigator a.last
   {background:url("images/nav_last.gif") right no-repeat;}

/* Both IE and Gecko have bugs with omitting padding on rtl inline content */

#gallery.rtl div.gbNavigator a.first
   {background:url("images/nav_last.gif") right no-repeat;}

#gallery.rtl div.gbNavigator a.previous
   {background:url("images/nav_next.gif") right no-repeat;}

#gallery.rtl div.gbNavigator a.next
   {background:url("images/nav_prev.gif") left no-repeat;}

#gallery.rtl div.gbNavigator a.last
   {background: url("images/nav_first.gif") left no-repeat;}

div#gsSidebar div.block-core-PeerList span.current
   {color: #0b6cff;}

/* ***************************************************** */
/*                   Dynamic blocks                      */
/* ***************************************************** */

div.block-comment-ViewComments div.one-comment
   {border:1px solid #e7e7e7;}

div.block-comment-ViewComments h3
   { }

span.bsw_ButtonDisabled
   {color: #999;}

span.bsw_ButtonEnabled
   {color:#000;}

table.bsw_ParamTable
   {border:1px solid #999;}

tr.bsw_ParamHeaderRow
   {background-color:#eee;}

tr.bsw_ParamHeaderRow td
   {border: 1px solid #999;}

