body { margin: 0px; background: #000000; font-family: Verdana; font-weight: normal; color: #FFFFFF; overflow: hidden; } body, td, th { font-family: Verdana; font-size: 9px; } table { empty-cells: show; } br { line-height: 5px; } a:link { text-decoration: none; color: #DCDCDC; } a:visited { text-decoration: none; color: #DCDCDC; } a:active { text-decoration: none; color: #DCDCDC; } a:hover { text-decoration: underline; color: #DCDCDC; } input, textarea { width: 100%; height: 100%; border: none; background-color:transparent; font-family: Verdana; font-size: 9px; color: #FFFFFF; cursor: pointer; } select, option { width: 100%; height: 100%; border: none; background: #161616; font-family: Verdana; font-size: 9px; color: #FFFFFF; cursor: pointer; } #IndexLogo { position: absolute; top: -10px; left: 50%; margin-left: -405px; z-index: 4000; } #oldIndexLogin { position: absolute; top: 50%; left: 50%; margin-top: -135px; margin-left: 205px; width: 180px; height: 80px; z-index: 4000; } #oldIndexLogin th { text-align: left; } #oldIndexLogin td { width: 55%; } #Index { position: absolute; top: 90px; left: 50%; margin-left: -400px; width: 495px; height: 430px; background: url('./images/indexcontent.png'); filter: alpha(opacity=75); opacity: 0.75;} #IndexContent {position: absolute; top: 30px; left: 10px; width: 475px; height: 390px; background: none; overflow: hidden;} #IndexContent table {width: 100%;} #IndexContent td {width: 100%; height: 388px; border: 1px solid #B9B9B9; background: #000000;} #IndexContent div {width: 471px; height: 386px; overflow: auto;} #IndexSub { position: absolute; top: 90px; right: 50%; margin-right: -400px; width: 300px; height: 321px; background: url('./images/indexsubcontent.png'); filter: alpha(opacity=75); opacity: 0.75;} #IndexSubTitle {position: absolute; top: 5px; left: 10px; width: 230px; height: 20px; line-height: 20px; font-size: 11px; font-weight: bold; color: #161616;} #IndexSubContent {position: absolute; top: 30px; left: 10px; width: 280px; height: 281px; background: none; overflow: hidden;} #IndexSubContent table {width: 100%;} #IndexSubContent td {width: 100%; height: 279px; border: 1px solid #B9B9B9; background: #000000;} #IndexLogin { position: absolute; top: 416px; right: 50%; margin-right: -400px; width: 300px; height: 104px; background: url('./images/indexlogin.png'); filter: alpha(opacity=75); opacity: 0.75;} #IndexLoginTitle {position: absolute; top: 5px; left: 10px; width: 230px; height: 20px; line-height: 20px; font-size: 11px; font-weight: bold; color: #161616;} #IndexLoginContent {position: absolute; top: 30px; left: 10px; width: 280px; height: 64px; background: none; overflow: hidden;} #IndexLoginContent table {width: 100%;} #IndexLoginContent td {width: 100%; height: 62px; border: 1px solid #B9B9B9; background: #000000;} #IndexKlingon { position: absolute; top: 50%; left: 50%; margin-top: -55px; margin-left: 185px; z-index: 4250; } #IndexMenu { position: absolute; top: 50%; left: 50%; margin-top: 20px; margin-left: 205px; width: 180px; height: 130px; z-index: 4000; } #IndexMenu th { text-align: left; } #IndexFooter { position: absolute; top: 525px; left: 50%; margin-left: -400px; width: 800px; line-height: 14px; text-align: left; z-index: 4000; } #OuterWrapper {position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; overflow: hidden;} #Wrapper {position: absolute; top: 50%; left: 50%; margin-top: -600; margin-left: -960px; width: 1920px; height: 1200px; overflow: hidden;} #Stars { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('./images/gui/Background.jpg'); background-position: 0px 0px; z-index: 1; overflow: hidden; } #StarField { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: url('./images/gui/BackgroundOverlay.png'); background-position: 0px 0px; z-index: 3; overflow: hidden; } #LargeBannerAd {position: absolute; top: 687px; left: 50%; margin-left: -375px; width: 750px; height: 130px; background: url('./images/gui/largebannerad.png'); z-index: 5000;} #LargeBannerAdTitle {position: absolute; top: 5px; left: 10px; width: 450px; height: 20px; line-height: 20px; font-size: 11px; font-weight: bold; color: #161616;} #LargeBannerAdContent {position: absolute; top: 32px; left: 12px; width: 726px; height: 86px; overflow: hidden;} #ViewScreen {position: absolute; top: 220px; left: 50%; margin-left: -250px; width: 500px; height: 241px; background: url('./images/gui/viewscreen.png'); -moz-transition: height 250ms; -webkit-transition: height 250ms; overflow: hidden; z-index: 4000;} #ViewScreenTitle {position: absolute; top: 0px; left: 10px; width: 480px; height: 20px; line-height: 20px; font-weight: bold; color: #161616; cursor: pointer;} #ViewScreenContent {position: absolute; top: 20px; left: 10px; width: 480px; height: 211px; overflow: hidden;} #ViewScreenContentMenu1 {position: absolute; top: 2px; left: 2px; width: 115px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #ViewScreenContentMenu2 {position: absolute; top: 2px; left: 122px; width: 116px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #ViewScreenContentMenu3 {position: absolute; top: 2px; left: 243px; width: 115px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #ViewScreenContentMenu4 {position: absolute; top: 2px; left: 363px; width: 115px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #ViewSwitch1, #ViewSwitch2, #ViewSwitch3, #ViewSwitch4, #ViewSwitch5 {position: absolute; top: 22px; left: 2px; width: 476px; height: 187px; overflow: auto;} #LargeViewScreen {position: absolute; top: 282px; left: 50%; margin-left: -375px; width: 750px; height: 504px; background: url('./images/gui/largeviewscreen.png'); display: none; z-index: 3900;} #LargeViewScreenTitle {position: absolute; top: 5px; left: 10px; width: 450px; height: 20px; line-height: 20px; font-weight: bold; color: #161616;} #LargeViewScreenContent {position: absolute; top: 30px; left: 10px; width: 730px; height: 464px; overflow: hidden;} #LargeViewScreenContentMenu1 {position: absolute; top: 2px; left: 2px; width: 117px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LargeViewScreenContentMenu2 {position: absolute; top: 2px; left: 124px; width: 117px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LargeViewScreenContentMenu3 {position: absolute; top: 2px; left: 246px; width: 116px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LargeViewScreenContentMenu4 {position: absolute; top: 2px; left: 367px; width: 117px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LargeViewScreenContentMenu5 {position: absolute; top: 2px; left: 489px; width: 117px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LargeViewScreenContentMenu6 {position: absolute; top: 2px; left: 611px; width: 117px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LargeViewSwitch1, #LargeViewSwitch2, #LargeViewSwitch3, #LargeViewSwitch4, #LargeViewSwitch5, #LargeViewSwitch6, #LargeViewSwitch7 {position: absolute; top: 22px; left: 2px; width: 726px; height: 440px; overflow: auto;} #LongRangeSensors {position: absolute; top: 220px; left: 50%; margin-left: -375px; width: 750px; height: 462px; background: url('./images/gui/largeviewscreen.png'); -moz-transition: height 250ms; -webkit-transition: height 250ms; overflow: hidden; z-index: 4000;} #LongRangeSensorsTitle {position: absolute; top: 0px; left: 10px; width: 730px; height: 20px; line-height: 20px; font-weight: bold; color: #161616; cursor: pointer;} #LongRangeSensorsContent {position: absolute; top: 20px; left: 10px; width: 730px; height: 432px; overflow: hidden;} #LongRangeSensorsContentMenu1 {position: absolute; top: 2px; left: 2px; width: 117px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LongRangeSensorsContentMenu2 {position: absolute; top: 2px; left: 124px; width: 117px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LongRangeSensorsContentMenu3 {position: absolute; top: 2px; left: 246px; width: 116px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LongRangeSensorsContentMenu4 {position: absolute; top: 2px; left: 367px; width: 117px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LongRangeSensorsContentMenu5 {position: absolute; top: 2px; left: 489px; width: 117px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LongRangeSensorsContentMenu6 {position: absolute; top: 2px; left: 611px; width: 117px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #LongRangeSensorsContentSwitch {position: absolute; top: 22px; left: 2px; width: 726px; height: 408px; overflow: hidden;} #Logo { display: none; position: absolute; bottom: 0px; left: 50%; margin-left: -38px; z-index: 5000; } #Logo img {width: 76px; height: 68px;} #Bottom {position: absolute; bottom: 220px; left: 50%; margin-left: -115px; width: 230px; z-index: 4000;} #BottomButton {position: relative; margin-top: 1px; width: 230px; height: 20px; background: url('./images/gui/options.png'); overflow: hidden;} #Options {position: relative; width: 230px; height: 121px; background: url('./images/gui/options.png'); -moz-transition: height 250ms; -webkit-transition: height 250ms; overflow: hidden;} #OptionsTitle {position: absolute; top: 0px; left: 10px; width: 220px; height: 20px; line-height: 20px; font-weight: bold; color: #161616; z-index: 100; cursor: pointer;} #OptionsSubTitle {position: absolute; top: 0px; right: 10px; height: 20px; line-height: 20px; color: #161616; z-index: 10;} #OptionsContent {position: absolute; top: 22px; left: 12px; width: 206px; height: 97px; overflow: hidden;} #OptionsContent table {width: 100%; height: 100%;} #OptionsContent tr {cursor: pointer;} #OptionsContent td {padding: 1px; height: 15px; border: none; background: url('./images/gui/tdbg.png'); line-height: 13px; font-weight: bold; text-align: left; color: #969696;} #AlertsHud {position: relative; margin-top: 1px; width: 230px; height: 131px; background: url('./images/gui/options.png'); -moz-transition: height 250ms; -webkit-transition: height 250ms; overflow: hidden;} #AlertsHudTitle {position: absolute; top: 0px; left: 10px; width: 220px; height: 20px; line-height: 20px; font-weight: bold; color: #161616; z-index: 100; cursor: pointer;} #AlertsHudSubTitle {position: absolute; top: 0px; right: 10px; height: 20px; line-height: 20px; color: #161616; z-index: 10;} #AlertsHudContent {position: absolute; top: 23px; left: 13px; width: 204px; height: 97px; background: url('./images/gui/tdbg.png'); line-height: 13px; text-align: left; color: #969696; overflow: hidden;} #PlayerTitle, #PlayerShipTitle, #NavigationTitle, #CargoTitle, #EngineeringTitle, #TacticalTitle {position: absolute; top: 0px; left: 10px; width: 230px; height: 20px; line-height: 20px; font-weight: bold; color: #161616; cursor: pointer; z-index: 100;} #SideButtonTitle, #MySector, #BottomButtonTitle {position: absolute; top: 0px; left: 10px; width: 230px; height: 20px; line-height: 20px; font-weight: bold; color: #161616; cursor: pointer; z-index: 100;} #MyCoordinates, #MyVelocityPitch, #PlayerShipName, #PlayerRank, #StarDate {position: absolute; top: 0px; right: 10px; height: 20px; line-height: 20px; color: #161616; z-index: 10;} #LeftSideTop {position: absolute; top: 220px; left: 50%; margin-left: -630px; width: 250px; z-index: 4000;} #LeftSideTopButton {position: relative; margin-bottom: 1px; height: 20px; background: url('./images/gui/leftsidebutton.png'); overflow: hidden;} #LeftSideTopIndicator {position: relative; margin-bottom: 1px; height: 20px; background: url('./images/gui/leftsideindicator.png'); overflow: hidden;} #Navigation {position: relative; margin-bottom: 1px; width: 250px; height: 220px; background: url('./images/gui/navigation.png'); -moz-transition: height 250ms; -webkit-transition: height 250ms; overflow: hidden;} #NavigationComputerMenu {position: absolute; top: 22px; left: 12px; width: 111px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #NavigationCourseMenu {position: absolute; top: 22px; left: 128px; width: 110px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} .NavigationComputer {width: 100%;} .NavigationComputer th {padding: 1px; width: auto; height: 15px; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; text-align: right; color: #C8C8C8;} .NavigationComputer td {padding: 1px; width: auto; height: 15px; background: url('./images/gui/tdbg.png'); line-height: 13px; text-align: left; vertical-align: middle; color: #969696;} .NavigationComputerResults {margin-top: -1px; width: 100%;} .NavigationComputerResults th {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; text-align: center; color: #C8C8C8;} .NavigationComputerResults td {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/tdbg.png'); line-height: 13px; text-align: left; vertical-align: middle; color: #969696;} .NavigationDestination {width: 100%; height: 100%;} .NavigationDestination th {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; text-align: right; color: #C8C8C8;} .NavigationDestination td {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/tdbg.png'); line-height: 13px; text-align: left; vertical-align: middle; color: #969696;} .NavigationDestination img {width: 60px; height: 60px;} #Cargo {position: relative; width: 250px; height: 220px; background: url('./images/gui/cargo.png'); -moz-transition: height 250ms; -webkit-transition: height 250ms; overflow: hidden;} #CargoGoodsMenu {position: absolute; top: 22px; left: 12px; width: 71px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #CargoTechnologyMenu {position: absolute; top: 22px; left: 88px; width: 74px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #CargoWeaponsMenu {position: absolute; top: 22px; left: 167px; width: 71px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #CargoManage {position: absolute; top: 193px; left: 12px; width: 226px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} .Cargo {width: 100%;} .Cargo th {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; text-align: center; color: #C8C8C8;} .Cargo td {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/tdbg.png'); line-height: 13px; text-align: left; vertical-align: middle; color: #969696;} .Cargo img {width: 13px; height: 13px;} #RightSideTop {position: absolute; top: 220px; right: 50%; margin-right: -630px; width: 250px; z-index: 4000;} #RightSideTopButton {position: relative; margin-bottom: 1px; height: 20px; background: url('./images/gui/rightsidebutton.png'); overflow: hidden;} #RightSideTopIndicator {position: relative; margin-bottom: 1px; height: 20px; background: url('./images/gui/rightsideindicator.png'); overflow: hidden;} #Tactical {position: relative; margin-bottom: 1px; width: 250px; height: 220px; background: url('./images/gui/tactical.png'); -moz-transition: height 250ms; -webkit-transition: height 250ms; overflow: hidden;} #TacticalSensorsMenu {position: absolute; top: 22px; left: 12px; width: 110px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #TacticalTargetMenu {position: absolute; top: 22px; left: 127px; width: 111px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} .TacticalTarget {width: 100%; height: 100%;} .TacticalTarget th {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; text-align: right; color: #C8C8C8;} .TacticalTarget td {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/tdbg.png'); line-height: 13px; text-align: left; vertical-align: middle; color: #969696;} .TacticalTarget img {width: 60px; height: 60px;} #TacticalTargetShields {padding: 1px; border: 1px solid #009600; background: url('./images/gui/selectors/green.png');} #TacticalTargetShieldsIndicator {position: relative; top: 0px; left: 0px; width: auto; height: 11px; background: #00C800;} #TacticalTargetHull {padding: 1px; border: 1px solid #640096; background: #320064;} #TacticalTargetHullIndicator {position: relative; top: 0px; left: 0px; width: auto; height: 11px; background: #9600C8;} #Engineering {position: relative; width: 250px; height: 220px; background: url('./images/gui/engineering.png'); -moz-transition: height 250ms; -webkit-transition: height 250ms; overflow: hidden;} #EngineeringStatusMenu {position: absolute; top: 22px; left: 12px; width: 71px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #EngineeringTechnologyMenu {position: absolute; top: 22px; left: 88px; width: 74px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #EngineeringWeaponsMenu {position: absolute; top: 22px; left: 167px; width: 71px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #RepairsManage {position: absolute; top: 193px; left: 12px; width: 226px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #TechnologyManage {position: absolute; top: 193px; left: 12px; width: 226px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} #WeaponsManage {position: absolute; top: 193px; left: 12px; width: 226px; height: 15px; background: url('./images/gui/selectors/blue.png'); line-height: 15px; text-align: center; font-weight: bold; color: #C8C8C8; cursor: pointer;} .EngineeringStatus {width: 100%;} .EngineeringStatus th {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; text-align: right; color: #C8C8C8;} .EngineeringStatus td {padding: 1px; width: auto; height: 15px; border: 1px solid #FAC800; background: url('./images/gui/selectors/orange.png'); line-height: 13px; text-align: left; vertical-align: middle;} .EngineeringTechnology {width: 100%;} .EngineeringTechnology th {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; text-align: right; color: #C8C8C8;} .EngineeringTechnology td {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/tdbg.png'); text-align: left; vertical-align: middle; color: #969696;} .EngineeringWeapons {width: 100%;} .EngineeringWeapons th {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; text-align: right; color: #C8C8C8;} .EngineeringWeapons td {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/tdbg.png'); line-height: 13px; text-align: left; vertical-align: middle; color: #969696;} #LeftSideBottom {position: absolute; bottom: 220px; left: 50%; margin-left: -630px; width: 250px; z-index: 4000;} #LeftSideBottomButton {position: relative; margin-top: 1px; height: 20px; background: url('./images/gui/leftsidebutton.png'); overflow: hidden;} #RightSideBottom {position: absolute; bottom: 220px; right: 50%; margin-right: -630px; width: 250px; z-index: 4000;} #RightSideBottomButton {position: relative; margin-top: 1px; height: 20px; background: url('./images/gui/rightsidebutton.png'); overflow: hidden;} #Orientation {position: absolute; bottom: 220px; left: 50%; margin-left: -231px; width: 462px; height: 25px; overflow: hidden; z-index: 4000;} #Orientation table {width: 100%; height: 100%;} #Orientation th {padding: 1px; padding-left: 10px; width: 15%; height: 11px; background: url('./images/gui/navigation.png'); line-height: 9px; text-align: left; color: #161616;} #Orientation td {padding: 0px; width: 35%; height: 11px; border: 1px solid #484848; background: url('./images/gui/tdbg.png'); line-height: 9px; color: #969696;} #Player {position: relative; margin-top: 1px; width: 250px; height: 86px; background: url('./images/gui/player.png'); -moz-transition: height 250ms; -webkit-transition: height 250ms; overflow: hidden;} #Player table {width: 100%; height: 100%;} #Player th {padding: 1px; width: 30%; height: 15px; border: none; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; text-align: right; color: #C8C8C8;} #Player td {padding: 1px; width: 70%;} #PlayerShip {position: relative; margin-top: 1px; width: 250px; height: 86px; background: url('./images/gui/playership.png'); -moz-transition: height 250ms; -webkit-transition: height 250ms; overflow: hidden;} #PlayerShip table {width: 100%; height: 100%;} #PlayerShip th {padding: 1px; width: 30%; height: 15px; border: none; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; text-align: right; color: #C8C8C8;} #PlayerShip td {padding: 1px; width: 70%;} #PlayerShipPower {padding: 1px; border: 1px solid #960000; background: url('./images/gui/selectors/red.png');} #PlayerShipPowerIndicator {position: relative; height: 11px; background: #C80000;} #PlayerShipEngines {padding: 1px; border: 1px solid #0096C8; background: url('./images/gui/selectors/blue.png');} #PlayerShipEnginesIndicator {position: relative; height: 11px; background: #00C8FA;} #PlayerShipShields {padding: 1px; border: 1px solid #009600; background: url('./images/gui/selectors/green.png');} #PlayerShipShieldsIndicator {position: relative; height: 11px; background: #00C800;} #PlayerShipHull {padding: 1px; border: 1px solid #640096; background: url('./images/gui/selectors/purple.png');} #PlayerShipHullIndicator {position: relative; height: 11px; background: #9600C8;} .Close {position: absolute; top: 0px; right: 1px; width: 30px; height: 30px; background: url('./images/gui/Close.png'); cursor: pointer;} .Standard {width: 100%;} .Standard th {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/thbg.png'); font-weight: bold; line-height: 13px; vertical-align: middle; color: #C8C8C8;} .Standard td {padding: 1px; width: auto; height: 15px; border: none; background: url('./images/gui/tdbg.png'); line-height: 13px; text-align: left; vertical-align: middle; color: #969696;} .Standard img {width: 13px; height: 13px;} .SubStandard img {border: 1px solid #000000; width: 10px; height: 10px;} .SubStandard input {height: 10px; } .Player {margin-bottom: -75px; margin-left: -75px; width: 150px; height: 150px; cursor: pointer; z-index: 4000; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;} .Player div {position: absolute; top: 3px; left: 3px; width: 144px; height: 144px; background: url('./images/gui/selectors/black.png'); -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 1;} .Player img {position: absolute; top: 5px; left: 5px; width: 140px; height: 140px; border: none; z-index: 2;} .PlayerWeapons {margin-bottom: -800px; margin-left: -800px; width: 1600px; height: 1600px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 2500;} .PlayerWeapons svg {position: absolute; top: 0px; left: 0px;} .Mine {margin-bottom: -25px; margin-left: -25px; width: 50px; height: 50px; cursor: pointer; z-index: 4000; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;} .Mine div {position: absolute; top: 3px; left: 3px; width: 44px; height: 44px; background: url('./images/gui/selectors/black.png'); -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 1;} .Mine img {position: absolute; top: 15px; left: 15px; width: 20px; height: 20px; z-index: 2;} .MineWeapons {margin-bottom: -800px; margin-left: -800px; width: 1600px; height: 1600px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 2500;} .MineWeapons svg {position: absolute; top: 0px; left: 0px;} .GovernmentContainer {margin-bottom: -150px; margin-left: -150px; width: 300px; height: 300px; cursor: pointer; z-index: 3000;} .Government {margin-bottom: -150px; margin-left: -150px; width: 300px; height: 300px; z-index: 2000; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;} .Government div {position: absolute; top: 3px; left: 3px; width: 294px; height: 294px; background: url('./images/gui/selectors/black.png'); -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 1;} .Government img {position: absolute; top: 0px; left: 0px; z-index: 2;} .GovernmentWeapons {margin-bottom: -800px; margin-left: -800px; width: 1600px; height: 1600px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 2500;} .GovernmentWeapons svg {position: absolute; top: 0px; left: 0px;} .StarbaseContainer {margin-bottom: -110px; margin-left: -110px; width: 220px; height: 220px; cursor: pointer; z-index: 3000;} .Starbase {margin-bottom: -110px; margin-left: -110px; width: 220px; height: 220px; z-index: 2000; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;} .Starbase div {position: absolute; top: 3px; left: 3px; width: 214px; height: 214px; background: url('./images/gui/selectors/black.png'); -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 1;} .Starbase img {position: absolute; top: 0px; left: 0px; z-index: 2;} .StarbaseWeapons {margin-bottom: -800px; margin-left: -800px; width: 1600px; height: 1600px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 2500;} .StarbaseWeapons svg {position: absolute; top: 0px; left: 0px;} .ShipyardContainer {margin-bottom: -100px; margin-left: -100px; width: 200px; height: 200px; cursor: pointer; z-index: 3000;} .Shipyard {margin-bottom: -100px; margin-left: -100px; width: 200px; height: 200px; z-index: 2000; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;} .Shipyard div {position: absolute; top: 3px; left: 3px; width: 194px; height: 194px; background: url('./images/gui/selectors/black.png'); -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 1;} .Shipyard img {position: absolute; top: 0px; left: 0px; z-index: 2;} .ShipyardWeapons {margin-bottom: -800px; margin-left: -800px; width: 1600px; height: 1600px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 2500;} .ShipyardWeapons svg {position: absolute; top: 0px; left: 0px;} .SupplydepotContainer {margin-bottom: -100px; margin-left: -100px; width: 200px; height: 200px; cursor: pointer; z-index: 3000;} .Supplydepot {margin-bottom: -100px; margin-left: -100px; width: 200px; height: 200px; z-index: 2000; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;} .Supplydepot div {position: absolute; top: 3px; left: 3px; width: 194px; height: 194px; background: url('./images/gui/selectors/black.png'); -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 1;} .Supplydepot img {position: absolute; top: 0px; left: 0px; z-index: 2;} .SupplydepotWeapons {margin-bottom: -800px; margin-left: -800px; width: 1600px; height: 1600px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 2500;} .SupplydepotWeapons svg {position: absolute; top: 0px; left: 0px;} .WormholeContainer {margin-bottom: -130px; margin-left: -130px; width: 260px; height: 260px; cursor: pointer; z-index: 3000;} .Wormhole {margin-bottom: -130px; margin-left: -130px; width: 260px; height: 260px; z-index: 2000; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;} .Wormhole img {width: 260px; height: 260px;} .PortContainer { margin-bottom: -80px; margin-left: -80px; width: 160px; height: 160px; cursor: pointer; z-index: 3000; } .Port { margin-bottom: -80px; margin-left: -80px; width: 160px; height: 160px; z-index: 2000; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .Port div {position: absolute; top: 3px; left: 3px; width: 154px; height: 154px; background: url('./images/gui/selectors/black.png'); -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 1;} .Port img {position: absolute; top: 0px; left: 0px; z-index: 2;} .PortWeapons { margin-bottom: -800px; margin-left: -800px; width: 1600px; height: 1600px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 2500; } .PortWeapons svg {position: absolute; top: 0px; left: 0px;} .PlanetContainer { cursor: pointer; z-index: 3000; } .Planet { z-index: 2000; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; } .Planet div {position: absolute; top: 3px; left: 3px; background: url('./images/gui/selectors/black.png'); -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 1;} .Planet img {position: absolute; top: 20px; left: 20px; z-index: 2;} .PlanetWeapons { margin-bottom: -800px; margin-left: -800px; width: 1600px; height: 1600px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 2500; } .PlanetWeapons svg {position: absolute; top: 0px; left: 0px;} .Outpost {z-index: 2250;} .Outpost img {width: 100%; height: 100%;} .StarContainer {cursor: pointer; z-index: 3000;} .Star {z-index: 2000; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;} .Star div {position: absolute; top: 3px; left: 3px; background: url('./images/gui/selectors/black.png'); -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 1;} .Star img {position: absolute; top: 20px; left: 20px; z-index: 2;} #Ship {-webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; position: absolute; bottom: 50%; left: 50%; margin-bottom: -75px; margin-left: -75px; width: 150px; height: 150px; border: none; background: url('./images/gui/selectors/black.png'); -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 2000; } #Ship img {position: absolute; top: 5px; left: 5px; width: 140px; height: 140px;} #Compass { position: absolute; bottom: 50%; left: 50%; margin-bottom: -150px; margin-left: -150px; width: 300px; height: 300px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden; z-index: 500; } #Compass svg canvas {position: absolute; top: 0px; left: 0px; -moz-border-radius: 50%; border-radius: 50%; overflow: hidden;} #Weapons { position: absolute; bottom: 50%; left: 50%; margin-bottom: -800px; margin-left: -800px; width: 1600px; height: 1600px; overflow: hidden; z-index: 2500; } #Weapons svg canvas {position: absolute; top: 0px; left: 0px;} #blueheader {background: #003264;} #redbutton {padding: 0px; width: auto; border: 1px solid #960000; background: url('./images/gui/selectors/red.png'); cursor: pointer;} #greenbutton {padding: 0px; width: auto; border: 1px solid #009600; background: url('./images/gui/selectors/green.png'); color: #FAFAFA; cursor: pointer;} #greybutton {width: auto; background: #323232; cursor: pointer;} #blackbutton {background: #000000} #inactivebutton {background: #C8C8C8; border: none; cursor: default;}