body,
html {
  background-image: url( '../images/generic/main_bg.png' );
  font-family: 'MS Trebuchet', 'Trebuchet MS', Trebuchet, Arial, sans-serif;
  margin: 0;
  padding: 0;
}

#mainstage_topbar {
  width: 674px;
  height: 26px;
  background-image: url( '../images/generic/main_top_bar_background.jpg' );
}

hr {
  margin-top: 20px;
  border: none;
  height: 1px;
  color: #ddd;
  background-color: #ddd;
}

#logout_disabled {
  float: right;
  display: block;
  text-decoration: none;
  width: 81px;
  height: 26px;
  background-image: url( '../images/generic/main_logout_disabled.jpg' );
  outline: none;
}

#logout_disabled span {
  position: absolute;
  top: -100px;
  left: -100px;
}

#logout_button {
  float: right;
  display: block;
  text-decoration: none;
  width: 81px;
  height: 26px;
  background-image: url( '../images/generic/main_logout.jpg' );
  outline: none;
}

#logout_button span {
  position: absolute;
  top: -100px;
  left: -100px;
}

#mainstage {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -348px;
}

#mainstage_left {
  width: 11px;
  height: 100%;
  background-image: url( '../images/generic/main_bgleft.png' );
}

#mainstage_right {
  width: 11px;
  height: 100%;
  background-image: url( '../images/generic/main_bgright.png' );
}

#mainstage_footer {
  width: 696px;
  height: 26px;
  background-image: url( '../images/generic/main_wide_bg.png' );
}

#mainstage_content {
  width: 674; /* Don't fix me, will break layout. */
  padding: 10px;
  background-color: #fff;
  font-size: 13px;
}

#mainstage_content p {
  color: #444;
  line-height: 18px;
}

#mainstage_content h2 {
  font-size: 18px;
  font-weight: normal;
  color: #777;
  margin: 0;
  padding: 0;
  padding-bottom: 4px;
  border-bottom: 1px solid #ddd;
}

#mainstage_content h2 span {
  font-weight: bold;
  color: #000;
}

#mainstage_content a {
  color: #5c7ba5;
  text-decoration: none;
}

#mainstage_content a:hover {
  text-decoration: underline;
}

#mainstage_header {
  width: 674px;
  height: 108px;
  background-image: url( '../images/generic/splash_background_mountains.jpg' );
  background-position: bottom left;
}

#mainstage_header_overlay {
  width: 674px;
  height: 108px;
  background-image: url( '../images/generic/main_header.png' );
}

#mainstage_loggedin {
  position: relative;
  width: 674px;
  height: 70px;
  background-image: url( '../images/generic/main_nologin_header.png' );
}

#mainstage_loginbox {
  position: relative;
  width: 674px;
  height: 70px;
  background-image: url( '../images/generic/main_login_header.png' );
}

#mainstage_loginbox .login_uname {
  position: absolute;
  top: 24px;
  height: 14px;
  width: 140px;
  left: 230px;
  border: none;
  background-color: #fff;
  outline: none;
}

#mainstage_loginbox .login_password {
  position: absolute;
  top: 24px;
  height: 14px;
  width: 140px;
  left: 397px;
  border: none;
  background-color: #fff;
  outline: none;
}

#mainstage_loginbox .loginlabel {
  display: none;
}

#mainstage_loginbox input {
  font-size: 11px;
}

#mainstage_loginbox .login_button {
  display: block;
  position: absolute;
  top: 18px;
  height: 26px;
  left: 560px;
  width: 95px;
  text-decoration: none;
}

#mainstage_loginbox .login_button span {
  visibility: hidden;
}

#mainstage_loginbox .login_input {
  position: absolute;
  top: -2000px;
  left: -2000px;
}

#mainstage_loggedin .loggedin_content {
  display: block;
  position: absolute;
  top: 10px;
  width: 400px;
  left: 224px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

#mainstage_loggedin .loggedin_content a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dashed #fff;
}


/*---------- INDEX PAGE -----------*/

#mainindex_header {
  width: 674px;
  height: 259px;
  background-image: url( '../images/generic/splash_background_mountains.jpg' );
  background-position: bottom left;
}

#mainindex_header_overlay {
  width: 674px;
  height: 259px;
  background-image: url( '../images/generic/splash_main.png' );
}

#mainindex_loggedin {
  position: relative;
  width: 674px;
  height: 115px;
  background-image: url( '../images/generic/main_nologin.png' );
}

#mainindex_loginbox {
  position: relative;
  width: 674px;
  height: 115px;
  background-image: url( '../images/generic/main_login.png' );
}

#mainindex_loginbox .login_uname {
  position: absolute;
  top: 66px;
  height: 14px;
  width: 140px;
  left: 230px;
  border: none;
  background-color: #fff;
  outline: none;
}

#mainindex_loginbox .login_password {
  position: absolute;
  top: 66px;
  height: 14px;
  width: 140px;
  left: 397px;
  border: none;
  background-color: #fff;
  outline: none;
}

#mainindex_loginbox .loginlabel {
  display: none;
}


#mainindex_loginbox input {
  font-size: 11px;
}

#mainindex_loginbox .login_button {
  display: block;
  position: absolute;
  top: 60px;
  height: 26px;
  left: 560px;
  width: 95px;
  text-decoration: none;
}

#mainindex_loginbox .login_button span {
  visibility: hidden;
}

#mainindex_loginbox .login_input {
  position: absolute;
  top: -2000px;
  left: -2000px;
}

#mainindex_loggedin .loggedin_content {
  position: absolute;
  display: block;
  top: 22px;
  left: 224px;
  width: 400px;
  color: #fff;
  font-size: 16px;
  text-align: center;
}

#mainindex_loggedin .loggedin_content a {
  color: #fff;
  text-decoration: none;
  border-bottom: 1px dashed #fff;
}


/* Button */


#mainstage_content a.button {
  background: transparent url('../images/bg_button_a.gif') no-repeat scroll top right;
  color: #444;
  display: block;
  float: right;
  font: normal 12px arial, sans-serif;
  font-weight: normal;
  height: 24px;
  margin-left: 6px;
  padding-right: 18px; /* sliding doors padding */
  text-decoration: none;
  color: #000;
}

a.button:hover {
  color: #000;
}

a.button span {
  background: transparent url('../images/bg_button_span.gif') no-repeat;
  display: block;
  line-height: 14px;
  padding: 5px 0 5px 18px;
}

a.button:active {
  background-position: bottom right;
  color: #000;
  outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
  background-position: bottom left;
  	padding: 6px 0 4px 18px; /* push text down 1px */
}

span.separatorBar {
  padding:0 5px 0 5px;
  color: #777;
}

.footer-text {
  font-size: 12px;
  padding-bottom: 2em;
  text-align: center;
}