/* Sets the color of the scrollbars in IE for Windows; most other browsers and platforms will ignore (deprecated) */
html {
        scrollbar-face-color: #082984 !important;
        scrollbar-arrow-color: #c6eff7 !important;
        scrollbar-base-color: #6373b5 !important;
        scrollbar-shadow-color: #6373b5 !important;
        scrollbar-dark-shadow-color: #6373b5 !important;
        scrollbar-highlight-color: #6373b5 !important;
        scrollbar-3d-light-color: gray !important;
}

/* Sets the basic page characteristics */
body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11pt;
        font-weight: normal;
        color: #ffffff;
        background-color: #000000;
        margin: 0px 1px 0px 1px;
}
hr {
        height: 1px;
        color: #08296b;
        border: 1px solid #08296b;
        background-color: #08296b;
}
a:link, a:visited {
        color: #c6eff7;
        text-decoration: none;
}
a:hover, a:active {
        color: #ff0000;
        text-decoration: none;
        
}
select, input, textarea {
        color: #000000;
}

/* Basic Stargatefan header; styled to match the rest of the site while providing flexibility for higher screen resolutions */
#SGF_header {
        color: #c6eff7;
        background-color: #082984;
        clear: both;
        position: relative;
        min-width: 780px;
}
.header_left {
        padding: 5px 8px 4px 8px;
        text-align: left;
        float: left;
        clear: left;
}
.header_right {
        padding: 5px 8px 4px 8px;
        text-align: right;
        float: right;
        clear: right;
}
#header_image {
        padding: 0px;
        background-repeat: no-repeat;
        background-color: #b1b6f0;      
        clear: both;
}
#breadcrumb_bar {
        color: #ffffff;
        background-image: url(images/pagetitle2.jpg);
        width: auto;
        clear: both;
}
#breadcrumb_bar_left {
        background-image: url(images/pagetitle.jpg);
        background-repeat: repeat-y;
        padding-left: 4px;
}
#links_menu {
        font-size: .9em;
        padding: 2px;
        background-color: #08296b;
        text-align: center;
        border: 1px solid #000000;
}
/* This is the "body" of the page, which contains most of the variable content */
#mainpage {
        position: relative;
                color: #ffffff;
}
#mainpage a:visited {
                color: #cccccc;
}

/* These are the left and right portions of the index page; setting minimum widths will help with lower resolutions, but it doesn't work for older browsers */
#leftindex {
        min-width: 550px;
        width: 70%;
        float: left;
}
#rightindex {
        min-width: 200px;
        width: 30%;
        float: right;
        clear: right;
}

/* These set the styles for the areas at the bottom of the page */
#footer {
        text-align: center;
        width: 600px;
        margin-left: auto;
        margin-right: auto;
        clear: both;
                padding: 10px;
                color: #082984;
}
#copyright {
        font-size: .9em;
                padding: 5px;
                color: #ffffff;
}
.footer_image {
                width: 600px;
                padding: 10px;
}

/* Each "block" is one box on the index page, consisting of a title bar (.title) and a content area (.content) */
.block {
        background-color: #08296b;
        border: 1px solid #082984;
        margin: 1px 1px 2px 1px;
}
.block .title {
        border-bottom: 1px solid #082984;
        text-align: center;
        padding: 2px;
        font-weight: bold;
}
.block .content {
        text-align: left;
        padding: 10px;
}
.recentstory, .randomstory {
        padding-bottom: 5px;
}
.recentstory a, .randomstory a {
        font-weight: bold;
}

/* Sets up the style for displaying stories */
#storyheader {
                margin: 10px;
}
#pagetitle {
        font-size: 1.2em;
        text-align: center;
                padding: 0px;
                clear: left;
}
.classification {
                float: left;
                clear: left;
}
.adminoptions {
                font-weight: bold;
}
.jumpmenu {
        text-align: right;
}
.notes {
                width: 600px;
                margin-left: auto;
                margin-right: auto;
                clear: both;
                padding: 5px;
                text-align: center;
                background: #eeeeee;
                color: #222222;
}
.noteinfo {
                text-align: left;
                border: 1px solid #222222;
                padding: 5px;
}
.noteinfo a:link, .noteinfo a:visited {
                color: #08296b;
}
.noteinfo a:active, .noteinfo a:hover {
                color: #ff0000;
        text-decoration: underline;
}
#story {
        background-color: #eeeeee;
        padding: 10px;
        color: #222222;
                margin: 10px;
                clear: both;
}
#story a:link, #story a:visited {
                color: #08296b;
                text-decoration: underline;
}
#story a:active, #story a:hover {
                color: #ff0000;
        text-decoration: underline;
}
#pagelinks {
                text-align: center;
                clear: left;
                word-spacing: 20px;
                padding: 5px;
}
#prev, #next {
                display: inline;
}
#jumpmenu {
                float: right;
}

/* Displays listings of stories, series, and challenges */
#sortform {
                text-align: center;
}
.listbox {
                background-color: #08296b;
        border: 1px solid #082984;
        padding: 5px;
                margin: 10px;
}
.odd { 
        background: #08296B;
}
.even {
        background: #08296B;
}
#titleblock { 
        margin: 0 10%;
        }
#titleblock .listbox {
        border: 1px solid #082984;
        margin: 10px;
        }
.listbox table {
        border-width: 0px;
        table-layout: fixed;
}
.listbox {
        spacing: 1px;
        padding: 1ex 1em;
        border: 1px solid #082984;
        margin-top: 5px;
        margin-bottom: 10px
        }

.listbox .title {
        font-weight: bold;
        }

/* Used in several places */
#sort { 
                text-align: right;
        position: relative;
        padding: 5px;
        clear: both;
}
.ajaxOptList {
                color: #000000;
}
.respond {
                text-align: center;
}
#alphabet {
        text-align: center;
}