* {
    margin: 0;
    padding: 0;
}
html {
    height: 100%;
    width: 100%
}
body {
    height: 100%;
    width: 100%;
    background: #000 url("/img/tile-bg.png") repeat top center;
    /*  Webkit */
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    /*  Mozilla */
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    /*  Standard */
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
    /*
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    */
    margin:0;
    padding:0;
}
img {
    border: 0px;
}
#gameElementsContainer
{
}
a:focus, a:hover, a:active { outline:none }
:focus {outline:none;}
::-moz-focus-inner {border:0;}

body, .defaultFont
{
    /*font-family: Lucida Sans Unicode,Veranda,Lucida Grande,Lucida Sans;*/
    font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
    /*disable text selection*/
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    outline:none;
}
table, td, tr, thead, tfoot, tbody, th, tf {
    table-layout:fixed;
    border-collapse: collapse;
    margin: 0px;
    padding: 0px;
    border:0;
}
td > span, td > img {
    display: block;
}
#chatArea {
    display: none;
    color: white;
    font-size: 12px;
}
#chatRoomInfo, #chatLog, #chatLogPlayerNameArea {
    width:260px;
    overflow:auto;
    background-color: rgba(128,128,128,0.4);
}
#topRulersList, #topRulersListRecent {
    float:left;
    margin-left:20px;
    width:245px;
    height:120px;
    overflow:auto;
    background-color: rgba(128,128,128,0.4);
    color: white;
    font-size: 12px;
}
#GameNameTextBox, #PlayerNameTextBox, #chatInputTextBox, #chatPlayerNameTextBox {
    background-color:#595959;
    color:white;
    border: 1px solid #333;
    font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif;
}
.sessionNormal {
    font-style: italic;
    font-weight: bolder;
    text-decoration: none;
}
.sessionTurnEnded {
    font-style: normal;
    font-weight: normal;
}
.sessionDestroyed {
    text-decoration: line-through;
}
.messagePlayerLobby {
    color:white;
}
.messagePlayer1 {
    color: #00FF00;
}
.messagePlayer2 {
    color: #C800C8;
}
.messagePlayer3 {
    color: #0080FF;
}
.messagePlayer4 {
    color: #FF0000;
}
.messageSystem {
    color: #888;
}
.messageTime {
    color: #999;
}
#canvasAstriarchBackground
{
    position:absolute;
    left:0;
    top:0;
    z-index:0;
    background-color:black;
}
#canvasAstriarchPlayfield
{
    position:absolute;
    top:5px;
    /*right:8px;*/
    left:177px;
    /*bottom:115px;*/
    z-index:1;
}
#gameControls
{
    position:absolute;
    left:0;
    top:0;
    z-index:100;
    width: 800px;
    height: 600px;
}
#mainMenu,
#startGameOptionsContainer,
#TurnDisplay,
#OverallPlayerStatusGrid,
#SelectedItemPopulationPanel,
#SelectedItemImprovementSlotsPanel,
#SelectedItemPopulationAssignmentsPanel,
#SelectedItemBuiltImprovementsGrid,
#SelectedItemPlanetaryFleetGrid,
#BottomStatusGrid,
#ButtonPanel
{
    display:none;
}
.greenText
{
    color: green;
    font-family: "Courier New";

}

.qi-default
{
    color: #CCCCCC;
    font-size: 9pt;
}
.qi-planetImprovement
{
    color: #00FF00;
    font-size: 9pt;
}
.qi-planetImprovementToDestroy
{
    color: #FF0000;
    font-size: 9pt;
}
.qi-starShipInProduction
{
    color: #336699;
    font-size: 9pt;
}

.playerSummaryStatusText, .tradingCenterStatusText
{
    text-align:left;
    font-weight:bold;
    font-size:14pt;
    padding-left:5px;
    min-width:32px;

}
.playerSummaryStatusText {
    cursor: help;
}
.playerStatusText
{
    text-align:right;
    font-weight:bold;
    font-size:20pt;
}
.planetStatusTextCentered
{
    text-align:center;
    font-weight:bold;
    font-size:20pt;
    cursor: help;
}
.planetStatusTextSmallCentered
{
    text-align:center;
    font-weight:bold;
    font-size:14pt;
    cursor: help;
}
.playerStatusTextRight{
    text-align:right;
    font-weight:bold;
    font-size:20pt;
}
.smallStatusText
{
    font-size:10pt;
    font-weight:bold;
    cursor: default;
}
.popImg, .asnImg, .impImg
{
    cursor: help;
}
#MainMenuIcon
{
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-bottom: 4px;
}
#SpeakerIcon
{
    width: 16px;
    height: 16px;
    margin-left: 6px;
    margin-bottom: 4px;
}
#SliderVolume
{
    position: absolute;
    bottom: 44px;
    left: 48px;
    display: none;
    height: 100px;
    z-index: 2000;
}
#BuildLastShipCheckBoxLabel, .ui-checkbox
{
    vertical-align:top;
    font-size:11px;
}

#ButtonTradesSubmittedRetractSelectedTrade {
    margin-left:10px;
}

.radioButtonTradeLabel {
    width:80px;
    display:inline-block;
}

.wrapper {
    position: relative;
    margin: 0 auto;
}
#mainnav {
    clear: both;
}

input[type=checkbox] {
    vertical-align: sub;
}

.cf:after {
    display:block;
    clear:both;
    height:0;
    visibility:hidden;
    content:" ";
    font-size:0;
}

.fb-like > span {
    vertical-align: top;
    height: 25px !important;
    width: 75px !important;
}

.joyride-tip-guide {
    z-index:10001;
}

.pvcItemAnchor {
    position: relative;
    height: 46px;
    width: 46px;
}

.sscItemAnchor {
    position: relative;
    height: 32px;
    width: 32px;
}

.sscItem *, .pvcItem *:not(.hotkeyChar) {
    position: absolute;
}

.sscItem, .pvcItem {
    left: 0;
    top: 0;
}

.sscItemImg {
    left:8px;
}

.pvcItemImg {
    left:12px;
    top:10px;
}

.pvcItemName {
    font-size: 0.9em;
    z-index:5;
}

.pvcItemGoldCost, .pvcItemOreCost, .pvcItemIridiumCost {
    bottom:0;
    font-size: 14px;
}

.pvcItemGoldCost {
    left:0;
}

.pvcItemOreCost {
    left:0;
    width: 56px;
    text-align: center;
}

.pvcItemIridiumCost {
    right:0;
}

.sscItemHealth {
    top:0;
    z-index:5;
    font-size: 11px;
    text-shadow: 1px 1px 1px black;
}

.sscHealthBarContainer {
    z-index:4;
    position:absolute;
    width:3px;
    top:2px;
    bottom:2px;
    left:2px;
}

.sscHealthBar {
    width:100%;
    bottom:0;
}

.sscItemLevel {
    color:#369;
    bottom:0;
    right:10px;
    z-index:5;
    font: 14px bold;
    text-shadow: 1px 1px 1px black;
}

.sscExpBarContainer {
    z-index:4;
    position:absolute;
    width:3px;
    top:2px;
    bottom:2px;
    right:2px;
}

.sscExpBar {
    width:100%;
    bottom:0;
}

.colorGold {
    color: yellow;
}

.colorOre {
    color: black;
}

.colorIridium {
    color: #C800C8;
}