.ViewScreen { overflow: hidden; }

.ViewPortArea {
    font-family: Comic Sans MS;
    font-size: medium;
    text-align: left;
}

.ChatPanel {
    background-color: #ffffcc;
    font-family: Monospace;
    font-size: small;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}

.TermPanel {
    background-color: #ccffff;
    font-family: Monospace;
    font-size: small;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0px;
    padding-top: 0px;
}

.StatPanel {
    font-family: Monospace;
    font-size: small;
}

.ShipPanel {
    background-color: #a9f5a9;
    font-family: Monospace;
    font-size: small;
}

.ScanPanel {
    font-family: Monospace;
    font-size: small;
}

.ChatPanel p { margin: 0 auto 0 5px; }

.TermPanel p { margin: 0 auto 0 5px; }

.StatPanel p { margin: 0 auto 0 5px; }

.ScanPanel p { margin: 0 auto 0 5px; }

.CreateShip {
    height: 50px;
    text-align: center;
    width: 850px;
}

.DryDock {
    height: 500px;
    text-align: center;
    width: 830px;
}

.DryDock table {
    border: 1px;
    border-color: black;
    vertical-align: middle;
    width: 800px;
}

.DryDockLabel {
    text-align: right;
    width: 70px;
}

.DryDockTextBox { width: 70px; }

.ScanPanel table {
    border: 1px;
    margin: 0 auto 0 auto;
    padding: 0px 0px 0px 0px;
}

.ScanPanel table tr {
    line-height: 10pt;
    margin: 0 auto 0 auto;
    padding: 0px 0px 0px 0px;
}

.ScanPanel table td {
    margin: 0 auto 0 auto;
    padding: 0px 0px 0px 0px;
}

.PlanetTable {
    border-collapse: collapse;
    border-color: black;
    border-spacing: 0px;
    border-style: solid;
    border-width: 1px;
    padding: 1px 1px 1px 1px;
}

.PlanetTable td {
    border: 1px solid black;
    padding: 0px;
    text-align: right;
}
.CSVTable td {
    border: 1px solid black;
    padding: 0px;
    text-align: right;
}
.StockTextBox {
    background-color: Aqua;
    border: 0px;
    text-align: right;
}

.GameImageMenu {
    background: transparent url("images/GalaxicusMenuBackground.jpg") no-repeat;
    color: #333;
    height: 548px;
    left: 5px;
    position: relative;
    text-align: left;
    top: 5px;
    vertical-align: middle;
    width: 960px;
}

.GameMenu {
    left: 550px;
    position: relative;
    text-align: right;
    width: 400px;
}

.GameButtonMenu { float: right; }

.NavButton {
    background: transparent url("images/NavCyan.png") no-repeat;
    height: 26px;
    text-align: center;
    vertical-align: text-bottom;
    width: 15px;
}

.NavButton:hover { background: transparent url("images/NavCyan-hover.png") no-repeat; }

.NavButton:active { background: transparent url("images/NavCyan-down.png") no-repeat; }

.NavButton span {
    cursor: pointer;
    left: 0px;
    position: relative;
    top: 2px;
}

.BlueButton {
    background: transparent url("images/BlueButton.png") no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    height: 31px;
    padding-bottom: 5px;
    text-align: center;
    vertical-align: text-bottom;
    width: 300px;
}

.BlueButton:hover { background: transparent url("images/BlueButton-hover.png") no-repeat; }

.BlueButton:active { background: transparent url("images/BlueButton-down.png") no-repeat; }

.BlueButton span {
    cursor: pointer;
    position: relative;
    top: 7px;
}

/* Torp Loaded */

.TorpDestroyed {
    background: transparent url("images/TorpDestroyed.png") no-repeat;
    height: 25px;
    text-align: center;
    vertical-align: text-bottom;
    width: 31px;
}

.TorpDestroyed:hover { }

.TorpDestroyed:active { }

.TorpDestroyed span {
    color: White;
    cursor: wait;
    left: 0px;
    position: relative;
    top: 5px;
}

/* Torp Loaded */

.TorpLoaded {
    background: transparent url("images/TorpLoaded.png") no-repeat;
    height: 25px;
    text-align: center;
    vertical-align: text-bottom;
    width: 31px;
}

.TorpLoaded:hover { background: transparent url("images/TorpLoaded-hover.png") no-repeat; }

.TorpLoaded:active { background: transparent url("images/TorpLoaded-down.png") no-repeat; }

.TorpLoaded span {
    color: White;
    cursor: pointer;
    left: 0px;
    position: relative;
    top: 5px;
}


.TorpUnloaded {
    background: transparent url("images/TorpUnloaded.png") no-repeat;
    height: 25px;
    text-align: center;
    vertical-align: text-bottom;
    width: 31px;
}

.TorpUnloaded:hover { background: transparent url("images/TorpUnloaded-hover.png") no-repeat; }

.TorpUnloaded:active { background: transparent url("images/TorpUnloaded-down.png") no-repeat; }

.TorpUnloaded span {
    color: White;
    cursor: pointer;
    left: 0px;
    position: relative;
    top: 5px;
}

.BlueBeaker {
    background: transparent url("images/BlueBeaker.png") no-repeat;
    height: 25px;
    margin: 2px auto 1px auto;
    width: 125px;
}

.BlueBeaker:hover { background: transparent url("images/BlueBeaker-hover.png") no-repeat; }

.BlueBeaker:active { background: transparent url("images/BlueBeaker-down.png") no-repeat; }

.BlueBeaker span {
    cursor: pointer;
    position: relative;
    top: 4px;
}

.LeftBlueBeaker {
    background: transparent url("images/BlueBeaker.png") no-repeat;
    height: 25px;
    margin: 2px auto 1px auto;
    width: 60px;
}

.LeftBlueBeaker:hover { background: transparent url("images/BlueBeaker-hover.png") no-repeat; }

.LeftBlueBeaker:active { background: transparent url("images/BlueBeaker-down.png") no-repeat; }

.LeftBlueBeaker span {
    cursor: pointer;
    position: relative;
    top: 4px;
}

.RightBlueBeaker {
    background: transparent url("images/BlueBeaker.png") no-repeat;
    background-position: right;
    height: 25px;
    margin: 2px auto 1px auto;
    width: 60px;
}

.RightBlueBeaker:hover {
    background: transparent url("images/BlueBeaker-hover.png") no-repeat;
    background-position: right;
}

.RightBlueBeaker:active {
    background: transparent url("images/BlueBeaker-down.png") no-repeat;
    background-position: right;
}

.RightBlueBeaker span {
    cursor: pointer;
    position: relative;
    top: 4px;
}