/* -------------------------------------------------- */
/* Default Defintions and Resets                      */
/* -------------------------------------------------- */

/* Reset the margins for all default system styles. */
html, body, div, span,    
h1, h2, h3, h4, h5, h6, p, blockquote, pre,   
a, abbr, acronym, address, big, cite, code,   
img, ins, kbd, q, s, samp, button   
small, strike, strong,    
dl, dt, dd, ol, ul, li,   
fieldset, form, label, legend,   
table, caption, tbody, tfoot, thead, tr, th, td {
  margin:0px; 
  padding:0px; 
  border:0px;
  outline:0px;
  font-size:100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

ol, ul {   
  list-style: none;   
}
   
blockquote, q {   
  quotes: none;   
}   

blockquote:before, blockquote:after,q:before, q:after {   
  content: '';   
  content: none;   
}
  
table {   
  border-collapse: collapse;   
  border-spacing: 0;   
}


/* Now apply the default styles to system elements. */
html {
  background: url(/site/images/background.png);
  background-color: black;
}

body {
 font-family: Arial, Sans-serif;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

h1 {
  font-size: 2em;
  color:black;r
}

/* --------------------------------------------------- */
/* Class Definitions                                   */
/* --------------------------------------------------- */
.button {
  width: 12em;
  height: 2em;
  background-color: #A5A5A5;
  margin: 4px 0 0 6px;
}

.loginbutton {
  background-color: #501BFF;
  color: white;
  margin-right:6px;
}

.navbutton {
  background-color: #A5A5A5;
}

.selectedbutton {
  border-color: #6D01BB;
}

.wizardname {
  font-style:italic;
}

.pagename {
  font-style:italic;
}

.ranking {
  font-size: 0.7em;
}

.rankup {
  background-image: url(/site/images/rankup.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.rankdown{
  background-image: url(/site/images/rankdown.png);
  background-position: center center;
  background-repeat: no-repeat;
}

.messagepost {
  line-height:1.2em;
  margin: 3px 0px 0px 5px;
}

.messagepostdate {
  color: #033F57;
  font-weight: bold;
}

.odd {
  background-color:#d7dfee;
}

.even {
  background-color:#e7eed7;
}

.systemmessage {
  margin:30px;
  display:block;
  border:inset;
  border-color:#0000a0;
  background-color:#ff8040;
  color:#000000;
  font-size:2em;
  padding:10px;
  text-align:center;
}

.message {
  margin:20px;
  display:block;
  border:inset;
  border-color:#8000ff;
  background-color:#2cd3be;;
  color:#000000;
  font-size:1em;
  padding:7px;
  text-align:center;
}


.deftable {
  border:solid;
  border-color:#642f64;
  background-color:#e7eed7;
  border-style:solid;
  margin:10px;
  width:auto;
  border-width:3px;
}

.deftable th {
  background-color:#400040;
  color:#FFFFFF;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:5px;
  padding-right:5px;
  border-style:solid;
  border-right-color:#642f64;
  border-right-width:1px;
  border-bottom-width:3px;
  border-bottom-color:#642f64;
}

.deftable td {
  padding:2px;
  border-right:#642f64;
  border-style:solid;
  border-right-width:1px;
}

.deftable caption {
  color:#800080;
  padding-bottom:5px;
}



/* --------------------------------------------------- */
/* ID Specific Definitions                             */
/* --------------------------------------------------- */

#header {
  overflow: hidden;
  background: url(/site/images/bg_head.jpg) repeat-x;
  border-bottom-style:solid;
  border-bottom-color:#002040;
  border-bottom-width:2px;
}

#header2 {
  overflow: hidden;
  background: url(/site/images/bg_head_swirl.jpg) no-repeat right;
  width:100%;
  height:116px;
}

#logo {
  float:left;
  width : 97px;
  padding-left:2%;
}

#title {
  margin-top:10px;
  float:left;
  width: auto;
}

#title h1 {
  color:white;
}

#login {
  float: right;
  margin-right:10px;
  width: auto;
}

#messagebox {
  background-color: #FFEED5;
  color: black;
  border-color: #7A5956;
  border-style: solid;
  border-width:2px;
  float:left;
  margin-left:25px;
  margin-right:10px;
  margin-top:4px;
}

#topbar {
 overflow: hidden;
 min-height : 1em;
}

#topbar_wizard {
  float: left;
  width: 20%;
  color: white;
  font-weight:bold;
}

#topbar_items {
  float: left;
  width:79%
}

#topbar_items form {
  float: right;
  width: auto;
}

#main {
  margin: 10px;
}

#middle {
  border-style:none;
}

#sidebar {
  background-color: #595959;
  border-style: solid;
  border-width: 2px; 
  border-color: #707070;
  width: 150px;
  vertical-align:top;
}

#sidespace {
  width:10px;
}

#content {
  background-color: #E5E5E5;
  width: 100%;
  border-style: solid;
  border-width: 2px; 
  border-color: #ffffff;
}

#botbar {
  min-height: 1em;
}

#footer { 
  background-color: #004080;
  color: white;
  margin-left:10px;
  margin-right:10px;
  height: 1.8em;
  padding-top: 0.5em;
  border-style: solid;
  border-width: 2px; 
  border-color: #002040;
}

#footer p {
  text-align:center;
  vertical-align:middle;
}

#logout_wizard {
  color:#FFFFFF;
}

#homepageurl {
  display: block;
  margin-top:20px;
  text-align:center;
  font-weight:bolder;
  font-size: small;
  border-style: solid;
  border-width: 2px;
  border-color:#001020;
  background-color: #002040;
  color: white;
  width:133px;
  padding-top:0.2em;
  padding-bottom:0.2em;
}

#homepageurl:hover {
  background-color: #004080;
}