/* Singularity External Systems Stylesheet */

/* Global styles */
body {
    margin: 0;
    padding: 0;
    background-color: #292c33;
    font-size: 10pt;
    color: #b8becc;
}

body, div, td, input, textarea, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

img {
    border: 0;
}

a {
    font-weight: bold;
    text-decoration: none;
    color: #a3b1cc;
    cursor: pointer;
}

a:hover {
    text-decoration: underline;
    color: #ccddff;
}

.pagetitle {
    font-weight: bold;
    font-size: 12pt;
    color: #cfd6e5;
}

/* Fleets - Front Page Stylesheet */

div.maincontent {
    position: absolute;
    left: 50%;
    margin-left: -497px;
    width: 995px;
}

div.maincontent img.splash {
    position: absolute;
    top: 59px;
    left: 0;
    width: 995px;
    height: 350px;
}

div.maincontent img.frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 995px;
    height: 409px;
}

div.maincontent div.logos {
    position: absolute;
    top: 0;
    left: 35px;
    height: 80px;
}

div.maincontent div.logos img.fleets {
    width: 280px;
    height: 80px;
}

div.maincontent div.logos img.metaspace {
    position: relative;
    left: -30px;
    width: 150px;
    height: 80px;
}

div.maincontent div.social {
    position: absolute;
    top: 20px;
    right: 50px;
    color: #525866;
    font-size: 10pt;
    font-weight: bold;
    text-align: right;
}

div.maincontent div.social img {
    position: relative;
    top: 3px;
}

div.maincontent div.login {
    position: absolute;
    top: 395px;
    right: 50px;
    width: 217px;
    color: #7a8599;
    font-size: 8pt;
    text-align: center;
}

div.maincontent div.login input {
    font-size: 10pt;
    border: solid 1px #525866;
    background-color: #14161a;
    color: #b8becc;
    width: 180px;
    text-align: center;
}

div.maincontent div.login input[type=submit] {
    font-size: 10pt;
    font-weight: bold;
    border: solid 1px #525866;
    background-color: #b8becc;
    color: #14161a;
    width: 100px;
    text-align: center;
}

div.maincontent div.login input[type=submit]:hover {
    background-color: #ffffff;
}

div.maincontent div.login label {
    font-size: 7pt;
    color: #525866;
}

div.canvas {
  position: absolute;
  top: 59px;
  height: 350px;
  right: 0;
  width: 995px;
}

div.canvas div.controls {
  position: absolute;
  bottom: 5px;
  left: 48px;
  width: 220px;
  text-align: center;
}

div.canvas div.controls img {
  border: 0;
  width: 31px;
  height: 31px;
}

div.canvas div.controls a.selected img {
  background-color: #fff2cc;
}

div.canvas div.controls a.slide img:hover {
  background-color: #ccddff;
}

div.canvas div.popup_panel {
  position: absolute;
  padding: 5px 10px;
  background: url(images/popup-bg.png);
  border: solid 1px #b8becc;
  border-right-color: #525866;
  border-bottom-color: #525866;
  color: #fff2cc;
  text-shadow: #000000 0 0 2px;
  font-size: 8pt;
  text-align: center;
}

div.canvas div.popup_left {
  top: 40px;
  left: 47px;
  width: 200px;
}

div.canvas div.popup_right {
  bottom: 40px;
  right: 47px;
  width: 200px;
}

div.canvas div.popup_panel a {
    color: #ffe599;
}

div.canvas div.popup_panel a:hover {
    color: #ffffff;
}

div.maincontent div.description {
    position: absolute;
    top: 420px;
    left: 50px;
    width: 650px;
    color: #525866;
    font-size: 10pt;
    text-align: right;
}

div.maincontent div.description a.hl {
    color: #f08000;
    text-shadow: #804000 0 0 1px;
}

div.maincontent div.description a.hl:hover {
    color: #f0c080;
    text-shadow: #f08000 0 0 1px;
}

div.maincontent div.fineprint {
    position: absolute;
    top: 500px;
    left: 300px;
    width: 395px;
    color: #525866;
    font-size: 7pt;
    text-align: center;
}

div.break_small {
    margin-top: 5px;
}

div.break, div.break_medium {
    margin-top: 10px;
}

div.break_large {
    margin-top: 20px;
}

/* Page styles */
.newsblock {
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -400px;
    top: 360px;
    width: 420px;
}

.newsblock .header, .newsblock .footer {
    font-weight: bold;
    color: #7a8599;
}

.newsblock .header {
    text-align: left;
    padding-left: 10px;
}

.newsblock .footer {
    text-align: right;
    padding-right: 10px;
    font-size: 8pt;
}

.newsblock .content {
    padding: 5px 10px 5px 10px;
    height: 110px;
    border: solid 1px #7a8599;
    border-left: solid 2px #17181a;
    border-right: solid 2px #17181a;
    background-image: url(images/Starfield350-glass.png);
}

.newsblock .content .body {
}

.newsblock .content .signature {
    margin-top: 10px;
    text-align: right;
    font-size: 8pt;
}

.introblock {
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left: -300px;
    top: 580px;
    width: 600px;
    text-align: center;
}

.introblock div {
    color: #737780;
}

.introblock div.highlight {
    color: #b8becc;
}

.introblock div.warning {
    color: #cc2929;
}

.introblock div.break {
    margin-top: 20px;
}

#facebook {
    text-align: center;
}

.browser_upgrade {
    width: 100%;
    background-color: #FFFFFF;
    position: absolute;
    top: 0;
    vertical-align: middle;
}

/* CSS Document */