/* Singularity External Systems Stylesheet */

/* Global styles */
body {
    margin: 0;
    padding: 0;
    background-color: #14161a;
    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;
}

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

/* Page styles */
div.maincontent {
    position: absolute;
    left: 50%;
    margin-left: -362px;
    width: 725px;
}

div.maincontent div.logos {
    position: absolute;
    top: 0;
    left: 0;
    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.navbar {
    float: right;
    padding-top: 20px;
    font-size: 8pt;
}

div.maincontent div.pagecontent {
    margin-top: 80px;
}

div.maincontent div.pagefooter {
    margin-top: 20px;
    text-align: center;
    font-size: 8pt;
    color: #525866;
}

div.left {
    float: left;
}


div.right {
    float: right;
}

div.cleared {
    clear: both;
}

/* Block styles */
.block {
    margin-top: 10px;
}

.block .header, .block .footer {
    font-size: 10pt;
    font-weight: bold;
}

.block .header {
    text-align: left;
    border-bottom: solid 1px #b8becc;
}

.block .footer {
    border-top: solid 1px #b8becc;
    text-align: right;
}

.block .body {
    overflow: auto;
}

.block .body .content {
    padding: 5px 0;
    text-align: left;
}

.break {
    margin-top: 20px;
}

.break_small {
    margin-top: 5px;
}

.break_medium {
    margin-top: 10px;
}

.block .body .content .subheading {
    margin-bottom: 5px;
    font-size: 8pt;
    font-weight: bold;
    color: #525866;
    border-bottom: solid 1px #525866;
}

form .field {
    display: inline;
    float: left;
    margin-right: 10px;
}

form div.controls {
}

form label, .block form .label {
    font-size: 8pt;
    font-weight: bold;
    color: #ccc5a3;
}

form input, .block form textarea, .block form select {
    border: 1px solid #333129;
    border-right-color: #666352;
    border-bottom-color: #666352;

    background-color: #0d0d0b;
    color: #b8becc;
    padding: 1px 5px;
    font-family: Arial, Helvetica, sans-serif;
}

form input[type=submit] {
    border: 1px solid #45474d;
    border-right-color: #17181a;
    border-bottom-color: #17181a;

    color: #8a8f99;
    background-color: #2e3033;
    padding: 1px 10px;
    font-weight: bold;
}

form input.primary {
    border: 1px solid #99947a;
    border-right-color: #333129;
    border-bottom-color: #333129;

    font-weight: bold;
    color: #fff7cc;
    background-color: #666352;
    padding: 1px 20px;
}

.gloss .body .content {

}

.nav {
    float: left;
    margin-right: 20px;
}

.nav .body .content {
    font-size: 8pt;
}

div.panel {
    height: 15px;
    text-align: center;
}

div.panel div.centerblock {
    height: 15px;
    position: absolute;
    margin-left: -350px;
    left: 50%;
    width: 700px;
    text-align: left;
    color: #525866;
    font-size: 8pt;
}

div.top {
    border-bottom: solid 2px #17181a;
}

div.bottom {
    border-top: solid 2px #17181a;
}

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

.footnote {
    color: #7a8599;
}

ul, ol {
    padding-left: 30px;
}

div.slideshow {
    position: absolute;
    top: 80px;
    left: 0;
    width: 725px;
    height: 200px;
    border-top: solid 1px #525866;
    border-bottom: solid 1px #525866;
    background-color: #000000;
}

div.slideshow div.canvas, div.slideshow img.splash {
    position: absolute;
    top: 0;
    left: 0;
    width: 725px;
    height: 200px;
}

div.slideshow div.canvas div.slidetext {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 200px;
    border-right: solid 1px #2e3033;
    background: url(/styles/external/images/splash200-bg.png);
    font-size: 10pt;
    padding: 5px 10px;
    text-shadow: #000000 0 0 1px;
}

div.slideshow div.controls {
    position: absolute;
    bottom: 10px;
    right: 20px;
}

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

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

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

/* Page styles */
table {
    border: 0;
    margin: 0;
    padding: 0;
}

table thead td, table thead th {
    font-size: 8pt;
    font-weight: bold;
    color: #525866;
    border-bottom: solid 1px #525866;
}

table tfoot td, table tfoot th {
    font-size: 8pt;
    font-weight: bold;
    color: #525866;
    border-top: solid 1px #525866;
}

table tbody td {
    padding: 0;
    margin: 0;
}

table td.left {
    text-align: left;
}

table td.center {
    text-align: center;
}

table td.right {
    text-align: right;
}

table td.index {
    color: #ffffff;
    font-weight: bold;
}

.alert {
    color: red;
}

.warning {
    color: gold;
}

.notice {
    color: #00cc00;
}

div.ref_entry {
    height: 20px;
    font-size: 10pt;
    padding: 1px 0;
}

div.ref_entry .profile_name {
    padding-top: 1px;
}

div.ref_entry:hover {
    background-color: #804000;
}

.blockleft {
    display: inline-block;
    float: left;
}

.premium {
    color: #ffdf80;
    text-shadow: 1px 1px 1px #806000;
}

div.profile {
    font-size: 10pt;
}

div.profile div.account_name {
    float: left;
    font-size: 20pt;
    font-weight: bold;
    color: #fff2cc;
}

div.profile div.account_level {
    text-align: right;
    font-size: 20pt;
    color: #ccb87a;
}

div.profile div.account_level .value {
    font-weight: bold;
    color: #fff2cc;
}

div.section_title {
    font-size: 8pt;
    color: #7a8599;
    border-bottom: solid 1px #7a8599;
}

div.profile_achievements {
    float: left;
    width: 300px;
    margin-left: 20px;
    border: solid 1px #525866;
    padding: 0 10px 5px 10px;
}

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

div.profile_achievement .profile_title {
    color: #fff2cc;
}

div.profile_achievement .profile_description {
    font-size: 8pt;
    padding: 0 10px;
    color: #525866;
}

div.profile_achievement .profile_footer {
    font-size: 8pt;
}

div.profile_stats {
    float: left;
    width: 300px;
    margin-left: 20px;
    border: solid 1px #525866;
    padding: 0 10px 5px 10px;
}

div.profile_stats div.profile_stat {
    font-size: 8pt;
}

div.profile_zones {
    padding: 10px 20px;
}

div.profile_zones div.profile_zone {
    float: left;
    width: 200px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: solid 1px #525866;
    padding: 5px 10px;
}

div.profile_zones .profile_description {
    font-size: 8pt;
    padding: 0 10px;
    color: #525866;
}