/*General rules*/

html, body
{
margin: 0;
padding: 0;
position: absolute;
top: 0;
left: 0;
color: #000;
width: 100%;
background-color: #203060;
}

body
{
background-image: url(site/hiltbg.gif);
background-repeat: no-repeat;
}

img
{
border: none;
max-width: 100%;
}

input
{
border: 1px solid #000;
background-color: #fff;
color: #000;
font-size: 10pt;
font-family: "Arial",sans-serif;
padding: 2px;
-moz-border-radius: 0.4em;
}

textarea
{
border: 1px solid #000;
padding: 2px 4px;
-moz-border-radius: 0.4em;
}

q
{
quotes: none;
}

q:before
{
content: no-open-quote;
}

q:after
{
content: no-close-quote;
}

td
{
vertical-align: top;
border: none;
}

table.index a:link, table.infobox a:link, h1 a:link, h2 a:link, h3 a:link, .subsidebar a:link, .more a:link, .byline a:link
{
color: #0000FF;
text-decoration: none;
}

table.index a:visited, table.infobox a:visited, h1 a:visited, h2 a:visited, h3 a:visited, .subsidebar a:visited, .more a:visited, .byline a:visited
{
color: #707090;
text-decoration: none;
}

table.index a:hover, table.infobox a:hover, h1 a:hover, h2 a:hover, h3 a:hover, .subsidebar a:hover, .more a:hover, .byline a:hover
{
text-decoration: underline;
}

a:link
{
color: #0000FF;
text-decoration: underline;
}

a:visited
{
color: #707090;
text-decoration: underline;
}

a:active
{
color: #F00;
text-decoration: none;
}

a:hover
{
text-decoration: none;
}

/*Display cool title graphic*/
h1#pagetitle
{
margin: 0;
padding: 0;
width: 420px;
height: 55px;
background-image: url(/site/title.gif);
margin-left: 59px;
}

h1#pagetitle a
{
display: block;
width: 420px;
height: 55px;
}

h1#pagetitle span
{
display: none;
}

/*Display the main header area*/
.header
{
position: relative;
height: 64px;
margin-left: 59px;
background-image: url(/site/blade.png);
font-family: "Arial",sans-serif;
}

/*Main section list of links*/
.sections
{
position: absolute;
left: 10px;
top: 10px;
bottom: 10px;
height: 44px;
margin: 0;
padding: 0;
font-size: 20px;
}

.sections li
{
list-style: none;
display: block;
float: left;
margin: 10px;
float: left;
}

.sections a
{
text-decoration: none;
padding: 0px 10px;
border: 2px solid #203060;
-moz-border-radius: 0.4em;
overflow: visible;
}

.sections a:link, .sections a:visited
{
color: #fff;
background-color: #ABABAB;
text-decoration: none;
}

.sections a:hover
{
background-color: #7B7B8B;
}

.sections a#activesection
{
background-color: #001050;
}

/*Login form*/
#login
{
position: absolute;
right: 10px;
top: 3px;
font-size: 12pt;
padding: 0;
margin: 0;
color: #fff;
}

#login input.text
{
width: 6em;
}

#login input.submit
{
width: 4em;
}

div#login
{
font-size: 8pt;
padding: 2pt;
}

#login input, #search input
{
font-size: 8pt;
background-color: #707090;
color: white;
}

#login a:link, #login a:visited, #login a:hover
{
color: #fff;
text-decoration: underline;
}

/*User Images*/
img#userbackground
{
position: absolute;
right: 1px;
top: 1px;
z-index: 0;
border: 2px solid white;
}

img#usericon
{
position: absolute;
right: 2px;
top: 2px;
z-index: 1;
border: 1px solid black;
}

/*Search box*/
#search
{
position: absolute;
right: 10px;
bottom: 2px;
padding: 0;
margin: 0;
}

#search input.submit
{
width: 4em;
}

/*Ad container*/
.adcontainer
{
text-align: center;
padding: 10px;
}

/*Content*/
.main
{
margin: 10px 0px 10px 0px;
}

.footer, .sidebar, div.content, #activesubsection
{
background-color: #eee;
}

div.content
{
display: table-cell;
background-image: url(/bg/bgw4.jpg);
background-repeat: no-repeat;
background-position: bottom right;
padding: 10px;
min-height: 593px;
border: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
}

/*Modifications of normal tags for content*/
div.content p
{
padding: 5px;
margin-top: 0em;
margin-bottom: 1em;
}

div.content h1
{
font: 3.0em "Arial",sans-serif;
}

div.content h2
{
padding: 0 0 2px;
margin: 0 0 5px;
font: 1.7em "Arial",sans-serif;
}

div.content h3
{
margin: 0 0 5px;
font: 1.3em "Arial",sans-serif;
vertical-align: middle;
}

div.content h3 img
{

}

/*Sidebar*/
.sidebar
{
display: table-cell;
width: 175px;
padding: 10px;
border: 1px solid black;
}

.sidebar .partners img
{
width: 82px;
text-align: center;
}

.sidebar h3
{
text-align: right;
margin: 0 0 5px;
font: 1.3em "Arial",sans-serif;
vertical-align: middle;
background-color: #707090;
color: white;
}

.sidebar div.partners, .sidebar .lurkers, .sidebar .poll
{
margin-bottom: 20px;
}

/*Footer*/
.footer
{
position: relative;
clear: both;
margin: 0.5em 10px 0 10px;
padding: 5px;
font-size: 10pt;
border: 1px solid black;
border-top: none;
}

.footer q
{
display: block;
font-style: italic;
margin-bottom: 1em;
}

/*Sub-section links*/
.subsections
{
position: relative;
margin: 0px;
padding: 0px 10px 0px 10px;
}

.subsections ul
{
padding: 0.7em 0 2px;
margin: 0;
padding-top: 0.7em;
font: 1em "Arial",sans-serif;
white-space: nowrap;
}

.subsections ul li
{
list-style: none;
margin: 0;
display: inline;
}

.subsections ul li a:link, .subsections ul li a:visited
{
color: #fff;
text-decoration: none;
padding: 3px 0.5em;
margin-left: 3px;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
-moz-border-radius-topleft: 1em;
-moz-border-radius-topright: 1em;
background: #606060;
text-decoration: none;
}

.subsections ul li a:hover
{
color: #fff;
background: #A0A0A0;
}

#activesubsection
{
color: #000;
}

/* Info tables*/
.subsidebar
{
clear: both;
margin: 15px 0px 0px 0px;
width: 177px;
position: absolute;
}

.commoninfo td
{
vertical-align: top;
}

.subcontent
{
margin: 15px 0px 0px 190px;
}

/* Review Score*/
.score
{
height: 12px;
width: 175px;
font-size: 0.9em;
}

.score img
{
height: 12px;
}

.score .background, .score .foreground
{
position: absolute;
}

/* Big Link */
a.biglink
{
text-decoration: none;
background-color: #FFF;
display:block;
margin: 10px 10px 10px 0px;
padding: 3px;
border: 1px solid black;
color:#000;
font-size: 0.8em;
}

a.biglink:hover
{
background-color: #E0E0E0;
}

a.biglink img
{
float: left;
padding-right: 5px;
}

a.biglink .basictitle
{
font-size: 1.5em;
}

/* Forum */
.forumindexfile
{
font-size: 0.8em;
padding-left: 20px;
}

table.forumindex
{
border-collapse: collapse;
width: 100%;
}

table.forumindex tr.headerrow
{
background-color: #707090;
color: #fff;
font-family: "Arial",sans-serif;
}

table.forumindex tr.headerrow th
{
text-align: left;
font-weight: normal;
padding: 2px 5px;
}

table.forumindex tr.row td
{
border-bottom: 1px solid #fff;
background-color: #fff;
}

table.forumindex tr.rowalt td
{
border-bottom: 1px solid #fff;
}

tr.formrow td.formlabel
{
width: 200px;
vertical-align: top;
text-align: right;
}

.submitbuttons
{
text-align: center;
}

/* Links */
.links
{
clear: both;
margin: 0;
padding: 0;
display: block;
}

.links li
{
list-style: none;
display: block;
margin: 3px 10px 3px 0px;
padding: 0;
float: left;
font-family: "Tahoma", sans-serif;
font-weight: bold;
}

.links li a, .links li span
{
text-decoration: none;
padding: 2px 8px;
display: block;
border: 1px solid black;
}

.links li a
{
background-color: #fff;
color: black;
}

.links li a:hover
{
background-color: #E0E0E0;
color: black;
}

.links li span
{
background-color: #C0C0C0;
}

/* Lists of things in a table */
table.index
{
clear: both;
margin: 1em 1em 1em 0;
border-collapse: collapse;
width: 100%;
}

table.index th
{
white-space: nowrap;
background-color: #707090;
color: #fff;
text-align: left;
font-family: "Arial",sans-serif;
padding-right: 5px;
}

table.index td, table.index th
{
vertical-align: top;
padding-right: 1em;
}

table th.updated, table td.updated
{
text-align: right;
white-space: nowrap;
}

table.index .alt
{
background-color: #fff; /*#334D9A;*/
}

table.index .datecol
{
white-space: nowrap;
}

/* Forms!*/
label.row, div.row
{
display: block;
margin-bottom: 3px;
clear: both;
/*background-color: #17138B; #334D9A;*/
padding-left: 8.5em;
}

label.row span, div.row span
{
position: absolute;
display: block;
width: 8em;
margin-left: -8.5em;
text-align: right;
}

label.select
{
white-space: nowrap;
margin-right: 5px;
}

/* Info boxes */
.error, .tip, .notice
{
color: white;
margin: 0 12% 20px 12%;
padding: 7px;
border: 2px solid black;
}

.error, .tip, .notice a
{
color: white;
}

.error
{
background-color: #d00;
}

.tip
{
background-color: #5EA2D2;
}

.notice
{
background-color: #BA9E0B;
}

/* Review Score*/
div.score
{
height: 12px;
width: 175px;
}

div.score img
{
height: 12px;
}

.miniscore, .miniscore .foreground
{
width: 102px;
height: 24px;
position: relative;
}

.miniscore img
{
height: 24px;
}

.miniscore .foreground
{
margin-top: -24px;
}

.miniscore .foreground
{
text-align: center;
}

/* Content Side-Bar*/
.subsidebar a
{
color: white;
text-decoration: none;
}

.subsidebar a:hover
{
text-decoration: underline;
}

.subsidebar
{
margin: 15px 0px 0px 0px;
width: 177px;
position: absolute;
overflow: hidden;
}

.subsidebar .dongle
{
padding-left: 5px;
}

.subsidebar ul
{
margin: 0 0 1em 0;
padding: 0;
}

.subsidebar ul li
{
padding: 1px 2px;
list-style: none;
font-size: 0.8em;
}

.subsidebar li.head
{
font-family: "Arial",sans-serif;
color: white;
font-weight: bold;
background-color: #707090;
}

.subsidebar li.score
{
padding: 2px 0px;
background-color: #3F3F4F
}

.subsidebar .alt
{
background-color: #fff;
}

.subsidebar .label
{
color: #000;
}

/* Subcontent */
.subcontent
{
margin: 15px 0px 0px 200px;
}

/* Info Boxes */
.infobox
{
margin: 0px 0px 30px 0px;
border-spacing: 0px;
caption-side: top;
border-bottom: 1px solid #203060;
}

table.infobox
{
width: 100%;
border-collapse: collapse;
}

div.infobox
{
/*background-color: #fff; #334D9A;*/
/*padding: 10px 5px;*/
padding: 0px;
background-image: url(site/gradborder.png);
background-repeat: repeat-x;
background-position: bottom;
}

.infobox .column1
{
width: 130px;
}

.infobox caption
{
text-align: left;
}

.infobox caption a, .infobox caption span, .caption a, .caption span
{
display: block;
overflow: hidden;
white-space: normal;
text-decoration: none;
padding: 1px 5px;
background-color: #203060; /*#334D9A;*/
color: white;
font-family: Tahoma, sans-serif;
font-size: 0.9em;
font-weight: bold;
}

.infobox td
{
padding: 0px 10px;
vertical-align: top;
}

.infobox th
{
padding: 0px 10px;
vertical-align: top;
text-align: left;
font-family: Tahoma, sans-serif;
font-size: 0.9em;
font-weight: normal;
}

.infobox .alt
{
background-color: #fff; /*#334D9A;*/
}

.infobox .download
{
text-align: right;
}

.infoboxheader
{
padding: 8px 5px 5px;
height: 57px;
padding-bottom: 10px;
font-family: Arial, sans-serif;
font-weight: bold;
margin-bottom: 5px;
background-color: white;
}

.infoboxeyes
{
float: right;
/* Internet Explorer applies "text-align: right" to absolutely position divs, which can cause issues.
Any text in .infoboxeyes should be inside .friendlytext divs (or other whatever else block-displayed element.*/
font-size: medium;
position: relative;
}

.infoboxeyes div.score
{
position: absolute;
right: 0;
left: auto;
}

.infoboxeyes .friendlytext
{
text-align: right;
}

.infoboxcontent, .infoboxcontenttruncate
{
padding: 0px 5px 5px;
margin-bottom: 5px;
word-break: break-word; /* Thanks Phoenix, why are you still here? Will you even read this? How is this possible? What's up? Where are you going to take this? */
}

.infoboxcontenttruncate
{
height: 300px;
overflow: scroll;
padding-right: 5px;
}

.infoboxfoot
{
height: 1.5em;
font-size: 0.9em;
text-align: right;
}

.infoboxfoot a
{
border: 1px solid gray;
color: white;
background-color: #203060;
text-decoration: none;
padding: 1px 5px;
font-size: 0.8em;
}

div.caption.new a, div.caption.new span
{
background-color: #a5a500;
}

div.infobox.new .infoboxheader
{
background-color: #ffc;
}

div.caption.deleted a, div.caption.deleted span
{
background-color: #000;
border: 2px solid #000;
color: red;
}

div.infobox.deleted
{
background-color: #000;
color: red;
background-image: none;
}

div.infobox.deleted .infoboxheader
{
border-bottom: 1px solid red;
background-color: black;
color: red;
}

div.infobox.deleted .infoboxcontent, div.infobox.deleted .infoboxcontenttruncate
{
border-bottom: 1px solid red;
max-height: 300px;
overflow: scroll;
}

div.indent01 { margin-left: 15px; }
div.indent02 { margin-left: 30px; }
div.indent03 { margin-left: 45px; }
div.indent04 { margin-left: 60px; }
div.indent05 { margin-left: 75px; }
div.indent06 { margin-left: 90px; }
div.indent07 { margin-left: 105px; }
div.indent08 { margin-left: 120px; }
div.indent09 { margin-left: 135px; }
div.indent10 { margin-left: 150px; }
div.indent11 { margin-left: 165px; }
div.indent12 { margin-left: 180px; }
div.indent13 { margin-left: 195px; }
div.indent14 { margin-left: 210px; }
div.indent15 { margin-left: 225px; }
div.indent16 { margin-left: 240px; }
div.indent17 { margin-left: 255px; }
div.indent18 { margin-left: 270px; }
div.indent19 { margin-left: 285px; }
div.indent20 { margin-left: 300px; }
div.indent21 { margin-left: 315px; }
div.indent22 { margin-left: 330px; }
div.indent23 { margin-left: 345px; }
div.indent24 { margin-left: 360px; }
div.indent25 { margin-left: 375px; }

/* Persona */
.persona
{
border: 2px solid black;
width: 54px;
height: 54px;
position: absolute;
}

.lurker
{
border: 1px solid black;
width: 52px;
height: 52px;
margin: 2px;
display: inline-block;
padding: 0px;
}

.lurker .personaback
{
border: 1px solid white;
}

.personaback
{
width: 50px;
height: 50px;
border: 2px solid white;
}

.userdetail
{
margin-left: 65px;
}

a.username
{
font-size: 1.1em;
font-weight: bold;
font-family: "Tahoma", sans-serif;
text-decoration: none;
}

.tagline
{
font-size: 8pt;
font-style: italic;
font-weight: normal;
}

/* News Article */
.article
{
margin-bottom: 2em;
background-image: url(site/gradborder.png);
background-repeat: repeat-x;
background-position: bottom;
border-bottom: 1px solid #203060;
}

.article .subject
{
font: 1.25em "Tahoma",sans-serif;
background-color: #203060;
color: white;
margin: 0;
padding: 3px 4px;
}

.article .byline
{
background-color: white;
padding: 3px 4px;
}

.article .story
{
padding: 3px 4px;
}

.article .more
{
margin-top: 6px;
padding: 3px 4px;
}

.article .link
{

}

.article .comments
{
float: right;
}

/* Poll */
.poll
{
border-collapse: collapse;
padding: 2px;
font-family: helvetica, arial, geneva, sans-serif;
font-size: 8pt;
width: 175px;
}

.poll .head
{
font-weight: bold;
}

.poll .head, .poll .title
{
background-color: #707090;
color: white;
text-align: right;
}

.poll .alt
{
background-color: white;
}

/* Poll Results */
.results
{
border-collapse: collapse;
padding: 2px;
}

.results th
{
padding-right: 20px;
}

.results th
{
background-color: #707090;
color: white;
text-align: left;
}

.results .alt
{
background-color: white;
}

.results .total
{
background-color: #203060;
color: white;
font-weight: bold;
}

textarea
{
width: 95%;
}

.submain
{
    width:100%;
    display:table;
    border-spacing: 10px 0px;
}

.subrow
{
    display:table-row;
}