* {
    box-sizing: border-box;
}
.poiBoundingBox {
    display: grid;
    grid-template-columns: 1fr 0.75fr;
    grid-gap: 0px;
}
/* Hierarchy:	poiBoundingBox > poiViewDiv (left side stuff)
 * 		poiBoundingBox > poiRightDiv (right side stuff) > poiGalaxyDiv (galaxy + marker) > poiGalaxyContainer (image container)
 */
.poiViewDiv {
	max-width: 640px; !important
	margin: 5px;
	display: inline-block;
}
.poiRightDiv {
	display: inline-block;
	max-width: 500px;
	margin: 5px;
}
.poiGalaxyDiv {
	background-color: #000;
	border-color: #889;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	margin: 0;
	width: 489px;
	height: 489px;
	padding: 2px;
}
.poiGalaxyContainer {
	position: relative;
	border: none;
	margin: 0px;
	padding: 0px;
	width: 480px;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
    float: left;
    padding: 15px;
    //border: 1px solid red;
}
@media only screen and (min-width: 992px) {
    /* For desktop: */
	.col-0 {width: 0%;}
	.col-1 {width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-11 {width: 91.66%;}
	.col-12 {width: 100%;}
}
@media only screen and (max-width: 1150px) {
	.poiBoundingBox { display: table; }
	.poiViewDiv { width: 100%; max-width: 100%; }
	.poiRightDiv { width: 100%; max-width: 100%; } 
	.poiGalaxyDiv { width: 100%; max-width: 100%; } 
	.poiGalaxyContainer { margin: 0 auto; }
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
.rowbanner {
	background-color: #303438;
}
.rowbanner::after {
    content: "";
    clear: both;
    display: table;
}
div {
/* For debugging only: */
 /* border: 1px solid #fff;*/
}
html {
	font-family: "Arial", sans-serif;
	font-size: 16px;
	background-color: #202428;
	color: #eee;
}
a {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
a:link {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
a:visited {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
a:hover {
	color: #fa3;
	text-decoration: underline;
	font-weight:bold;
}
.cyanLink a {
	color: #8ff !important;
	font-style: italic !important;
	font-weight:normal !important;
}
.cyanLink a:link {
	color: #8ff !important;
	font-style: italic !important;
	font-weight:normal !important;
}
.poiViewDiv a {
	color: #aff !important;
	font-style: italic !important;
	font-weight:normal !important;
}
.poiViewDiv a:link {
	color: #aff !important;
	font-style: italic !important;
	font-weight:normal !important;
}
.poiViewDiv a:visited {
	color: #aff !important;
	font-style: italic !important;
	font-weight:normal !important;
}
.poiViewDiv a:hover {
	color: #fa3 !important;
	font-style: italic !important;
	font-weight:normal !important;
}
.gmpWarning a {
	color: #ffe !important;
	text-decoration: underline !important;
	font-weight:bold !important;
}
.gmpWarning a:link {
	color: #ffe !important;
	text-decoration: underline !important;
	font-weight:bold !important;
}
.gmpWarning a:visited {
	color: #ffe !important;
	text-decoration: underline !important;
	font-weight:bold !important;
}
.gmpWarning a:hover {
	color: #fa3 !important;
	text-decoration: underline !important;
	font-weight:bold !important;
}
.darklink {
	color: #000;
	text-decoration: none;
	font-weight:bold;
}
a.darklink {
	color: #000;
	text-decoration: none;
	font-weight:bold;
}
a.darklink:link {
	color: #004;
	text-decoration: none;
	font-weight:bold;
}
a.darklink:visited {
	color: #004;
	text-decoration: none;
	font-weight:bold;
}
a.darklink:hover {
	color: #fa3;
	text-decoration: none; /*underline;*/
	font-weight:bold;
}
A IMG		{ border-color: #fff; border-style: solid; }
A:Hover IMG	{ border-color: #fa3; }
img {
    max-width: 100%;
    height: auto;
    border: 1px solid #fff;
}
.thumbnail {
    border: 1px solid #fff;
    margin: 10px;
}
iframe {
    max-width: 100%;
    border: 1px solid #fff;
}
.borderless {
    max-width: 100%;
    height: auto;
    border: none;
}
.noresize {
	height: none;
	max-width: none;
}
.hoverzoom IMG {
	transition: transform .2s; /* Animation */
}
.hoverzoom:hover IMG {
	transform: scale(1.05);
}
.image_section img{
    display: block;
}
@media (max-width:768px){
    .image_section img:first-child{
        display:none;
    }
}
.header {
    background-color: #303438;
    color: #d8d8d8;
    padding: 15px;
}
.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.menu li {
    padding: 8px;
    margin-bottom: 7px;
    background-color :#50565C;
    color: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
.menu li:hover {
    background-color: #60666C;
}
.footertext {
	font-size: 10px;
}
.footer {
	font-size: 10px;
	background-color: #303438;
	//padding: 5px;
}
.banner, .contentbanner {
	font-size: 20px;
	background-color: #303438;
	//padding: 5px;
}
.padding5, .contentbanner {
	padding: 5px;
}
.padding10 {
	padding: 10px;
}
.padding15 {
	padding: 15px;
}
.padding20 {
	padding: 20px;
}
.inlineblock {
	display: inline-block;
}
.main {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.boldtext {
	font-weight: bold;
}
.flagtext {
	font-size: 17px;
	margin-top: 0;
	margin-bottom: 0;
	/*padding-top: 0;
	padding-bottom: 0;*/
	padding: 0 !important;
}
.largetext {
	font-size: 20px;
}
.normaltext {
	font-size: 16px;
}
.mediumtext {
	font-size: 13px;
}
.smalltext {
	font-size: 11px;
}
.tinytext {
	font-size: 10px;
}
.textright, .righttext {
	text-align: right;
}
.textleft, .lefttext {
	text-align: left;
}
.textcenter {
	text-align: center;
}
.textJustify, .textjustify {
	text-align: justify;
}
.textoverflow {
	text-overflow: ellipsis;
	max-width: 600px;
}

hr.gradient { border: 0; height: 1px; background: #fff; background-image: linear-gradient(to right, #777, #fff, #777); }

table {
	border-collapse: collapse;
}
td.bullet {
	padding: 5px;
	text-align: right;
	vertical-align: top;
}
td.term,td.definition,td.other {
	padding: 5px;
	text-align: left;
	vertical-align: top;
}
td.term,td.other {
	font-weight:bold;
}
table.galrecords {
	text-align: right;
	vertical-align: top;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	font-weight:normal;
	//border: 1px solid white;
	padding: 5px;
}
.recordsnav {
	text-align: left;
	vertical-align: top;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	font-weight:normal;
	padding: 5px;
}
td.recorddata,tr.recorddata {
	padding: 5px;
	background-color: #334;
}
td.recordblank {
	background-color: #334;
	height: 5px;
}
td.recordlink {
	text-align: left;
	background-color: #334;
	padding: 5px;
}
.recordrow {
	background-color: #334;
	padding: 5px;
}
td.recordname {
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding: 5px;
	background-color: #444;
}
table.shiptemplates {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
tr.ship:hover {
	color: #fff;
	background-color: #40454A;
}
td.shipname,td.shipdata,td.shipnum,td.shipfloat,td.shiptext {
	border-bottom: 1px solid white;
	padding: 5px;
}
th {
	background-color: #D0D7DE;
	color: black;
}
.shiptext {
	text-align: center;
}
.shipname {
	text-align: left;
}
.shipdata,.shipnum,.shipfloat {
	text-align: right;
}
.clickable-row {
	cursor: pointer;
}
th.shipname, th.shipdata {
    cursor: pointer;
}
th.shipname:hover, th.shipdata:hover,th.shipnum:hover,th.shipfloat {
	color: #000;
	background-color: #ea3;
}
option {
	color: #fff;
	background-color: #303438;
}
option.skip {
	color: #aaa;
	background-color: #202428;
}
option.white {
	color: #eee;
	background-color: #303438;
}
option.green {
	color: #0f0;
	background-color: #303438;
}
option.red {
	color: #f00;
	background-color: #303438;
}
option.cyan {
	color: #0ff;
	background-color: #303438;
}
option.magenta {
	color: #f0f;
	background-color: #303438;
}
option.yellow {
	color: #ff0;
	background-color: #303438;
}
option.blue {
	color: #77f;
	background-color: #303438;
}
.textmagenta {
	color: #f0f;
}
.textred {
	color: #f00;
}
.textorange {
	color: #f70;
}
.textyellow {
	color: #fe0;
}
.textyellowgreen {
	color: #77ee00;
}
.textgreen {
	color: #0e0;
}
.spinner {
  display: none;
  visibility: hidden;
  border: none;
}
#borderless {
  border: none;
}
#fader {
  opacity: 0.75;
  background: black;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  visibility: hidden;
}
video {
  width: 100%    !important;
  height: auto   !important;
  border: 1px solid white;
}


/* Style the buttons that are used to open the tab content */
.tabbar {
    background-color: #A0A6AC;
    color: #111;
}
.tab button {
    background-color: #A0A6AC;
    color: #111;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #D0D7DE;
    color: #000;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #C0C7CE;
    color: #000;
}

/* Style the tab content */
.tabcontent {
    display: none;
}

.rotateLeft {
  -o-transform: rotate(-90.0deg);
  -moz-transform: rotate(-90.0deg);
  -webkit-transform: rotate(-90.0deg);
  transform: rotate(-90.0deg);
}

.rotateRight {
  -o-transform: rotate(90.0deg);
  -moz-transform: rotate(90.0deg);
  -webkit-transform: rotate(90.0deg);
  transform: rotate(90.0deg);
}

.sectorimage {
    max-width: none;
    height: 600px;
    width: 720px;
    border: 1px solid #fff;
}
.sectorButtonDisabled {
	color: #aaa;
	background-color: #333;
	padding: 5px;
	font-size: 18px;
	font-weight: bold;
	width: 100%;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
	
}
.sectorButton {
	color: #7ff;
	background-color: #334;
	padding: 5px;
	font-size: 18px;
	font-weight: bold;
	cursor: pointer;
	width: 100%;
	border-top: 1px solid #556;
	border-left: 1px solid #556;
	border-right: 1px solid #111;
	border-bottom: 1px solid #111;
}
.sectorButton:hover {
	background: #445;
	color: #dff;
	font-weight: bold;
}
.sectorButtonSide {
	width: 32px;
	height: 600px;
	vertical-align: center;
}
.sectorButtonVertical {
	position: absolute;
	transform: translate(-50%, -50%) translate(8px, 300px);
}
.sectorLeftButton {
	transform: rotate(-90deg);
	transform-origin: center;
}
.sectorRightButton {
	transform: rotate(90.0deg);
	transform-origin: center;
}
.sectorNav {
	justify-items: center;
}
.sectorSliderContainer {
  width: 100%;
}

.sectorSlider {
  -webkit-appearance: none;
  width: 490px;
  height: 10px;
  border-radius: 5px;
  background: #001;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.sectorSlider:hover {
  opacity: 1;
}

.sectorSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #778;
  cursor: pointer;
}

.sectorSlider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #778;
  cursor: pointer;
}

.galaxyContainer {
	border: solid 1px #fff;
	border-spacing: 1;
	border-collapse: separate;
	width: 492px;
	height: 552px;
	align: left;
	grid-column-gap: 0;
	background: #000;
	background-image: url("/images/galaxy-490px-top-front.png");
}
.galaxyGrid {
	width: 490px;
	display: grid;
	grid-template-columns: repeat(70, 7px);
	grid-auto-rows: 7px;
}
.gsBlank {
	padding: 0;
	border-spacing: 0;
	border-collapse: separate;
	background: #000;
	opacity: 0.4;
	border: none;
	width: 7px;
	height: 7px;
}
.gsAvail {
	padding: 0;
	border-spacing: 0;
	border-collapse: separate;
	border: none;
	background: #0f0;
	opacity: 0;
	width: 7px;
	height: 7px;
}
.gsAvail:hover {
	background: #ff0;
	opacity: 0.9;
}
.gsCurr {
	padding: 0;
	border: none;
	background: #0f0;
	width: 7px;
	height: 7px;
	opacity: 0.9;
}
.gsSpacer {
	width: 490px;
	height: 3px;
	padding: 0;
	border: none;
}

.topButtonIcon::before {
    content: "";
    display: block;
    position: relative;
    top: 5px;
    width: 20px;
    height: 20px;
    border-right: 6px solid #ddd;
    border-top: 6px solid #ddd;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;

}

#topButtonWrapper {
    display: none; /* Hidden by default */
    position: fixed;
    bottom: 80px;
    right: 80px;
    z-index: 999;
    cursor: pointer;
    box-sizing: border-box;
}

#topButton {
    display: block;
    position: fixed; /* Fixed/sticky position */
    width: 59px;
    height: 59px;
    padding: 15px;

    text-align: center;
    font-size: 16px;
    color: white;
    background-color: #336;

    outline: none;
    border: solid 2px #77f;
    border-radius: 50%;

    transition: all 0.2s;
}

#topButton:hover {
    background-color: #448;
}
label.settings {
	color: #eee;
    	background-color: #448;
	font-weight:bold;
}
label.settings:hover {
    	cursor: pointer;
	color: #fff;
    	background-color: #66A;
	text-decoration: underline;
	font-weight:bold;
}
.settings {
	color: #fff;
	background-color: transparent;
	font-weight: normal;
}
.settings:hover{
    	cursor: pointer;
	color: #0ff;
    	background-color: #227;
	text-decoration: none;
	font-weight:normal;
}
.settingsbox {
    	background-color: #334;
	padding: 10px;
	margin: 10px;
}

#map {
	display: block;
	height: 100%;
}

.galmap {
	display: block;
	height: 600px;
}

/* Style the navbar */
#mapnavbar {
  overflow: hidden;
  background-color: #34393e;
  text-align: center;
  font-size: 12px;
  font-weight:bold;
  width: 100%;
  border-left: 1px solid #111;
  border-bottom: 1px solid #111;
} 

#arrowicons {
  font-size: 16px;
}
  
/* Navbar links */
#mapnavbar a {
  float: left;
  display: block;
  //color: #f2f2f2;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-right: 10px;
  text-decoration: none;
  text-shadow: 2px 2px 2px #111;
  border-top: 1px solid #556;
  border-left: 1px solid #556;
  border-right: 1px solid #111;
  //border-bottom: 1px solid #111;
} 
#mapnavbar a:hover {
  background-color: #348;
}

/* Page content */
.content {
  padding-top: 16px;
} 
  
/* The sticky class is added to the navbar with JS when it reaches its scroll position */
.sticky {
  top: 0;
  width: 100%;
  position: fixed;
  z-index: 1;
} 

//@media only screen and (min-width: 992px) {
//  .sticky { position: fixed; } 
//}

/* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
//.sticky + .content {
//  padding-top: 60px;
//} 


.lineshading {
  border-top: 1px solid #556;
  border-left: 1px solid #556;
  border-right: 1px solid #111;
  border-bottom: 1px solid #111;
}

.contentbanner {
  text-shadow: 2px 2px 2px #111;
/*
  border-top: 1px solid #444;
  border-left: 1px solid #444;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
*/
}

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 2px;
  background: #112;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 2px;
  background: #26a;
  width: 0%;
}


/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* Tooltip column label */
.tooltipcolumn {
  width: auto !important;
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 520px;
  background-color: #223;
  color: #fff;
  text-align: justify;
  padding: 10px;
  border-radius: 6px;
  border-color: white;
  border-style: solid;
  border-width: 1px;
 
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 1;

  top: -5px;
  left: 105%; 
}
.tooltipLeft {
  top: 5px;
  left: -520px !important;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}
.tooltip:hover .tooltipcolummn {
  visibility: visible;
}

/*
.tooltip .tooltiptext::after {
  content: " ";
  position: absolute;
  top: 50%; 
  left: 100%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}
*/
.uploaderForm {
	background-color: #334;
	border-color: #889;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	padding: 10px;
	margin: 10px;
}
.loginbox {
	background-color: #334;
	border-color: #889;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	padding: 15px;
}
td.loginbox {
	padding: 5px;
}
table.loginbox { 
    border-spacing: 5px;
    border-collapse: separate;
}
.loginlabel {
	color: #fff;
	text-decoration: none;
	font-weight:bold;
}
.GECicon {
	border: none;
	margin: 1px;
	padding: 5px;
	float: right;
	vertical-align: middle;
}
.accountcorner {
	margin: 5px;
	padding: 10px;
	border-color: #484;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	color: #0f0;
}
.accountcornerImage {
	border-color: #484;
}
.accountcorner:hover {
	color: #fff;
	border-color: #fff;
	background-color: #446;
}
.presence {
	color: #0f0;
	text-decoration: none;
}
.presence:hover {
	text-decoration: none;
	color: #fff;
	border-color: #fff;
}
table.sessiondata {
	background-color: #334;
	border-color: #446;
	border-width: 2px;
	border-style: solid;
}
th.sessiondata {
	padding: 10px;
}
td.sessiondata {
	padding: 10px;
}
.sessiondata {
	border-spacing: 5px;
	border-collapse: separate;
	padding: 5px;
	margin: 5px;
}

div.poiContainer {
	display: inline-block;
	width: auto;
	margin: 5px;
	padding: 10px;
	border-color: #458;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	background-color: #223;
}


.poiBox {
	background-color: #334;
	border-color: #889;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	padding: 15px;
}
td.poiBox {
	padding: 5px;
}
table.poiBox { 
    border-spacing: 5px;
    border-collapse: separate;
}
.poiContainer {
	display: inline-block;
}
.poiFormDiv {
	width: 640px;
	display: inline-block;
}
.poiBoxLabel {
	color: #fff;
	text-decoration: none;
}
.poiTEXT {
	resize: both;
	width: 100%;
}
.poiTableContainer {
	width: fit-content;
	height: fit-content;
}
.revisionTable {
	background-color: #334;
	border-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-radius: 0px;
	padding: 10px;
	margin: 3px;
	max-width: 640px;
}
.nearestTable {
	background-color: #334;
	border-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-radius: 0px;
	padding: 10px;
	margin: 3px;
	max-width: 480px;
}
.poiTable {
	background-color: #334;
	border-color: #FFF;
	border-style: solid;
	border-width: 1px;
	border-radius: 0px;
	padding: 10px;
	margin: 3px;
}
.poiTableTitle {
	text-align: left;
	margin: 3px;
	padding: 3px;
}
.poiTableHeader {
	background-color: #aac;
	color: #000;
	font-weight: bold;
	padding: 5px;
	font-size: 13px;
}
.poiTableHeaderClickable {
	background-color: #88d;
}
.poiRow1 {
	color: #fff;
	background-color: #334;
	padding: 5px;
	font-size: 12px;
}
.poiRow2 {
	color: #fff;
	background-color: #445;
	padding: 5px;
	font-size: 12px;
}
.poiViewSpace {
	height: 3px;
}
.poiViewHR {
	height: 1px;
	background-color: #fff;
}
.poiWelcomeContainer {
	display: inline-block;
	width: 100%;
}
.poiWelcomeDiv {
	max-width: 800px;
	/*display: inline-block;
	float: left;*/
}
.poiLogoDiv {
	margin: 25px;
	width: 240px;
	/*display: inline-block;
	float: right;*/
}
.poiSearch {
	align: left;
	text-align: left;
	margin: 5px;
	padding: 15px;
}
.poiNav {
	/*display: inline-block;*/
	width: auto;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.poiViewBorder {
	display: inline-block;
	background-color: #334;
	border-color: #889;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	padding: 15px;
}
.poiOuterContainer {
	display: inline-block;
	margin: 0px;
	padding: 0px;
}
.poiViewCell {
	padding: 4px;
}
.bigText, .bigtext {
	font-size: 24px;
	font-style: normal;
	font-weight:bold;
}
.bigItalic {
	font-size: 24px;
	font-style: italic;
	font-weight:bold;
}
#allselect {
	width: 280px;
}
#regionselect {
	width: 280px;
}
#categoryselect {
	width: 280px;
}
#the-count {
  padding: 3px;
  font-size: 12px;
}
.poiRulesContainer {
}
.poiRules {
	display: inline-block;
	font-size: 18px;
	font-weight: normal;
	padding: 30px;
	max-width: 992px;
}
@media only screen and (max-width: 992px) {
	.poiRules {
		max-width: 95%;
	}
}
.centered-axis-x {
    left: 50%;
    transform: translate(-50%, 0);
}
.centered-axis-xy {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}
#cross { 
  background: #0f0; 
  height: 20px; 
  position: absolute; 
  left: 10px;
  width: 4px; 
} 
#cross:after { 
  background: #0f0; 
  content: ""; 
  height: 4px; 
  left: -8px; 
  position: absolute; 
  top: 8px; 
  width: 20px; 
}
.greendot {
	height: 2px;
	width: 2px;
	position: absolute;
	background-color: #0f0;
	border: 2px solid #0f0;
	border-radius: 2px;
	z-index: 99;
}
.cleanimage {
	border: none;
	margin: 0px;
	padding: 0px;
}
.image240 {
	width: 240px;
	height: 240px;
}
.image320 {
	width: 320px;
	height: 320px;
}
.image480 {
	width: 480px;
	height: 480px;
}
.image640 {
	width: 640px;
	height: 640px;
}
.minimumWidthBar {
	height: 0px;
	width: 920px;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left;
}
.poiProfile {
}
.poiProfileRating {
	display: inline-block;
	vertical-align: middle;
}
.poiProfileName {
	display: inline-block;
	vertical-align: middle;
}
.ratingContainer {
	border: none;
	width: fit-content;
	height: fit-content;
	vertical-align: middle;
	max-width: 640px;
}
.ratingList {
	float: left;
	width: 50%;
	vertical-align: middle;
	/*border: 2px solid #fff;*/
}
.ratingBox {
	display: inline-block;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	margin: 5px;
	padding: 8px;
	font-size: 26px;
	width: fit-content; 
	height: fit-content; 
}
.ratingBox:hover {
	cursor: pointer;
	transition: 0.2s;
	box-shadow: 0 0 3px 2px #ff0;
}
.ratingBoxSmall:hover {
	cursor: pointer;
	transition: 0.2s;
	box-shadow: 0 0 3px 2px #ff0;
}
.ratingBoxSmall {
	display: inline-block;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	margin: 5px;
	padding: 6px;
	font-size: 22px;
	width: fit-content; 
	height: fit-content; 
}
.ratingBoxRed {
	color: #f00;
	background-color: #200;
	border-color: #f00;
}
.ratingBoxOrange {
	color: #f70;
	background-color: #210;
	border-color: #f70;
}
.ratingBoxYellow {
	color: #ff0;
	background-color: #110;
	border-color: #ff0;
}
.ratingBoxYellowGreen {
	color: #7f0;
	background-color: #110;
	border-color: #7f0;
}
.ratingBoxGreen {
	color: #0f0;
	background-color: #020;
	border-color: #0f0;
}
.ratingBoxGrey {
	color: #88a;
	background-color: #112;
	border-color: #88a;
}
.ratingSingle {
	display: inline-block;
}
.votespreadBox {
        border-style: solid;
        border-width: 2px;
        border-radius: 10px;
        border-color: #1e1;
        font-size: 16px;
        margin: 5px;
        padding: 8px;
        width: fit-content;
        height: fit-content;
        float: left;
	font-size: 12px;
        text-align: center;
        vertical-align: middle;
}
.voteBox {
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	border-color: #1e1;
	font-size: 16px;
	margin: 5px;
	padding: 8px;
	width: fit-content;
	height: fit-content;
	float: right;
	/*width: 40%;*/
	width: 200px;
	text-align: center;
	vertical-align: middle;
}
.voteLabel {
	font-size: 16px;
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
}
.voteStars {
	font-size: 24px;
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 0;
	padding-bottom: 0;
}

.txt-center {
    text-align: center;
}
.hide {
    display: none;
}

.clear {
    float: none;
    clear: both;
}
/* Star Rating example (not the one actually used, but similar: 
 * https://codeconvey.com/css-star-rating-radio-buttons/
 */
.rating {
    unicode-bidi: bidi-override;
    direction: rtl;
    text-align: center;
    position: relative;
    white-space: nowrap;
}

.rating > label {
    float: right;
    display: inline;
    padding: 2px;
    margin: 0;
    position: relative;
    cursor: pointer;
    color: #777;
}

.rating > label:hover,
.rating > label:hover ~ label,
.rating > input.radio-btn:checked ~ label {
    color: transparent;
}

.rating > label:hover:before,
.rating > label:hover ~ label:before,
.rating > input.radio-btn:checked ~ label:before,
.rating > input.radio-btn:checked ~ label:before {
    content: "\2605";
    left: 1;
    position: absolute;
    color: #FFD700;
}
.starRadioBtn {
	display: none;
	visibility: hidden;
}
a.next,a.previous {
  text-decoration: none;
  font-size: 20px;
  font-weight: bold;
  display: inline-block;
  padding: 2px 8px;
}

a.next:hover,a.previous:hover {
  background-color: #ff7;
  color: black;
}

.previous {
  background-color: #49a;
  color: white;
  border-radius: 50%;
}

.next {
  background-color: #49a;
  color: white;
  border-radius: 50%;
}
.gmpWarning {
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	border-color: #0f0;
	background-color: #131;
	color: #ffd;
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 5px;
	text-align: justify;
}
.gmpWarningRed {
	border-color: #f00;
	background-color: #311;
}
.poiMessageContainer {
	max-width: 480px;
	text-align: left;
	margin-top: 10px;
}
.poiMessage {
	background-color: #223;
	border: 1px solid #fff;
	margin: 5px;
	width: 100%;
}
.poiButton {
	color: #fff;
	background-color: #558;
	border: none;
	margin: 3px;
	margin-bottom: 4px;
	border-radius: 4px;
	padding: 4px 8px;
	min-height: 16px;
	min-width: 16px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}
.poiButton:hover {
	border-color: #fff;
	transition: 0.2s;
	box-shadow: 0 0 3px 2px #ff0;
}
.poiButtonMagenta {
	color: #000;
	background-color: #f7f;
	border-color: #a4a;
}
.poiButtonGreen {
	color: #000;
	background-color: #3d3;
	border-color: #3a3;
}
.poiButtonYellow {
	color: #000;
	background-color: #ee4;
	border-color: #882;
}
.poiButtonRed {
	color: #eed;
	background-color: #b22;
	border-color: #822;
}
.poiButtonLarge {
	font-size: 14px;
	margin: 5px;
	min-height: 18px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	padding-right: 10px;
}
.poiButtonLeft {
	float: left;
	margin-right: 8px;
}
.poiButtonRight {
	float: right;
	margin-left: 8px;
}
.textRight {
	text-align: right;
}
.textLeft {
	text-align: left;
}
.msgTopPost {
	width:480px;
}
.msgTable {
	border-style: solid;
	border-width: 1px;
	border-radius: 0;
	border-color: #fff;
	padding: 5px;
	margin-left: 3px;
	margin-right: 0;
	margin-top: 3px;
	margin-bottom: 8px;
	font-size: 14px;
	color: #fff;
	background-color: #556;
	padding: 5px;
}
.msgReasonYellow {
	color: #000;
	background-color: #dd2;
	padding: 5px;
}
.msgReasonRed {
	background-color: #a11;
	padding: 5px;
}
.msgReason {
	background-color: #116;
	padding: 5px;
}
.msgFrom {
	background-color: #556;
	padding: 5px;
}
.msgText {
	background-color: #223;
	padding: 5px;
	/*border-bottom: 1px solid #fff;*/
}
.msgDetails {
	background-color: #556;
	padding: 5px;
}
.msgReplies {
	background-color: #445;
	padding: 5px;
	width: 100%;
}
.msgReply {
	max-width: 100%;
	margin-left: 30px;
	margin-right: 0;
}
.msgReplyBox {
	max-width: 100%;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	border-color: #aaf;
	background-color: #334;
	padding: 10px;
}
.msgReplyText {
	width: 100%;
}
.msgHidden {
	opacity: 0.4;
}
.msgHide {
	/*display: none;
	visibility: hidden;*/
}
.msgToggle:hover {
	cursor: pointer;
}
.poiFeedback {
	display: inline-block;
	text-align: left;
	margin: auto;
	max-width:640px;
	border-style: solid;
	border-width: 2px;
	border-radius: 10px;
	border-color: #aaf;
	background-color: #334;
	padding: 20px;
}
.poiFeedbackRed {
	border-color: #d11;
	background-color: #422;
}
.ellipsis {
	text-overflow: ellipsis;
}
.alignRight {
	align: right;
	content-align: right;
}
.buttonBar {
	background-color: #334;
	border-style: solid;
	border-width: 1px;
	border-radius: 6px;
	border-color: #223;
}
.restrictedAccess {
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	border-color: #f00;
	background-color: #411;
	padding: 5px;
}
.poiKey {
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	border-color: #aae;
	background-color: #223;
	padding: 5px;
}
.poiKeyIcon {
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.poitooltip {
    position: absolute;
    z-index: 99;
    padding: 10px;
    max-width: 400px;
    font-size: 17px;
    line-height: 20px;
    padding: 15px;
    background: #222;
    color: #fff;
    border: 2px solid #aab;
    border-radius: 5px;
    font-family: sans-serif;
    box-sizing: border-box;
    box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.2);
    transition: opacity 0.3s, visibility 0s;
    visibility: hidden;
    opacity: 0;
}

.poitooltip-arrow{
    position: absolute;
    top: -12px;
    width: 21px;
    height: 21px;
    background: inherit;
    transform: rotate(45deg);
    border-top: 2px solid #aaa;
    border-left: 2px solid #aaa;
}
.poiSearchForm {
	padding: 5px;
	margin: 10px;
}
.poiSearchCell {
	text-align: right;
}
.poiSearchSliderNum {
	text-align: left;
}
.poiSearchSliderCell {
	width: 250px;
}
.poiSearchSlider {
  -webkit-appearance: none;
  width: 230px;
  height: 10px;
  margin: 10px;
  border-radius: 5px;
  background: #001;
  outline: none;
  opacity: 0.7;
  -webkit-transition: .2s;
  transition: opacity .2s;
}

.poiSearchSlider:hover {
  opacity: 1;
}

.poiSearchSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #778;
  cursor: pointer;
}

.poiSearchSlider::-moz-range-thumb {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #778;
  cursor: pointer;
}
.poiGallery {
	background-color: #334;
	color: white;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	border-color: #889;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 3px;
}
.poiGalleryImageContainer {
	display: inline-block;
	background-color: #222;
	color: white;
	text-align: center;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
	border-color: #aaa;
	padding: 3px;
	margin: 3px;
	max-width:210px;
	width: fit-content;
}
.poiGalleryImageHidden {
	opacity: 0.4;
}
.poiGalleryImage {
	max-width:200px;
	border: 1px solid #aab;
}
.galleryTitle {
	font-size: 15px;
	font-weight: bold;
}
.galleryNote {
	font-size: 12px;
}
.poiAddImageForm {
	max-width: 800px;
	text-align: left;
}
#greyout {
	width:100%;
	height:100%; /* make sure you have set parents to a height of 100% too*/
	position: fixed;
	left:0; top:0;
	z-index: 1000;
	display: none;
	background-color: #000;
	opacity: 0.4;
}
.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.descriptionTEXT {
	background-color: #eee;
	color: #000;
	width: 595px;
}
.clipboardcopy:hover {
	cursor: pointer;
}
.poiPreview {
	margin: 0;
	padding: 10px;
	max-width: 640px;
	display: inline-block;
	background-color: #334;
	border-color: #889;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
}
.CodeMirror,
.CodeMirror-scroll {
    /*max-height: 500px;
    min-height: 200px;*/
}
.poiEditLogArrow {
	font-size: 20px;
	font-weight: bold;
	padding: 20px;
}
.poiEditLogTitle {
	font-size: 18px;
	padding-top: 30px;
	padding-bottom: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
.poiEditLogCell {
	background-color: #334;
	border-color: #889;
	border-style: solid;
	border-width: 2px;
	padding: 15px;
	max-width: 640px;
}


[data-star] {
  font-style:normal;
  display:inline-block;
  position: relative;
  unicode-bidi: bidi-override;
}
[data-star]::before { 
  display:block;
  content: "\2605\2605\2605\2605\2605";
  color: #777;
}
[data-star]::after {
    position: absolute;
    top: 0;
    content: "\2605\2605\2605\2605\2605";
    width: 0;
    color: #FFD700;
    overflow: hidden;
    height: 100%;
    display: flex;
}
[data-star^="0.1"]::after,[data-star^=".1"]::after{width:2%}
[data-star^="0.2"]::after,[data-star^=".2"]::after{width:4%}
[data-star^="0.3"]::after,[data-star^=".3"]::after{width:6%}
[data-star^="0.4"]::after,[data-star^=".4"]::after{width:8%}
[data-star^="0.5"]::after,[data-star^=".5"]::after{width:10%}
[data-star^="0.6"]::after,[data-star^=".6"]::after{width:12%}
[data-star^="0.7"]::after,[data-star^=".7"]::after{width:14%}
[data-star^="0.8"]::after,[data-star^=".8"]::after{width:16%}
[data-star^="0.9"]::after,[data-star^=".9"]::after{width:18%}
[data-star^="1"]::after{width:20%}
[data-star^="1.1"]::after{width:22%}
[data-star^="1.2"]::after{width:24%}
[data-star^="1.3"]::after{width:26%}
[data-star^="1.4"]::after{width:28%}
[data-star^="1.5"]::after{width:30%}
[data-star^="1.6"]::after{width:32%}
[data-star^="1.7"]::after{width:34%}
[data-star^="1.8"]::after{width:36%}
[data-star^="1.9"]::after{width:38%}
[data-star^="2"]::after{width:40%}
[data-star^="2.1"]::after{width:42%}
[data-star^="2.2"]::after{width:44%}
[data-star^="2.3"]::after{width:46%}
[data-star^="2.4"]::after{width:48%}
[data-star^="2.5"]::after{width:50%}
[data-star^="2.6"]::after{width:52%}
[data-star^="2.7"]::after{width:54%}
[data-star^="2.8"]::after{width:56%}
[data-star^="2.9"]::after{width:58%}
[data-star^="3"]::after{width:60%}
[data-star^="3.1"]::after{width:62%}
[data-star^="3.2"]::after{width:64%}
[data-star^="3.3"]::after{width:66%}
[data-star^="3.4"]::after{width:68%}
[data-star^="3.5"]::after{width:70%}
[data-star^="3.6"]::after{width:72%}
[data-star^="3.7"]::after{width:74%}
[data-star^="3.8"]::after{width:76%}
[data-star^="3.9"]::after{width:78%}
[data-star^="4"]::after{width:80%}
[data-star^="4.1"]::after{width:82%}
[data-star^="4.2"]::after{width:84%}
[data-star^="4.3"]::after{width:86%}
[data-star^="4.4"]::after{width:88%}
[data-star^="4.5"]::after{width:90%}
[data-star^="4.6"]::after{width:92%}
[data-star^="4.7"]::after{width:94%}
[data-star^="4.8"]::after{width:96%}
[data-star^="4.9"]::after{width:98%}
[data-star^="5"]::after{width:100%}


[data-smallstar] {
  font-style:normal;
  font-size:14px;
  display:inline-block;
  position: relative;
  unicode-bidi: bidi-override;
}
[data-smallstar]::before { 
  display:block;
  content: "\2605\2605\2605\2605\2605";
  color: #777;
}
[data-smallstar]::after {
    position: absolute;
    top: 0;
    content: "\2605\2605\2605\2605\2605";
    width: 0;
    color: #FFD700;
    overflow: hidden;
    height: 100%;
    display: flex;
}
[data-smallstar^="0.1"]::after,[data-smallstar^=".1"]::after{width:2%}
[data-smallstar^="0.2"]::after,[data-smallstar^=".2"]::after{width:4%}
[data-smallstar^="0.3"]::after,[data-smallstar^=".3"]::after{width:6%}
[data-smallstar^="0.4"]::after,[data-smallstar^=".4"]::after{width:8%}
[data-smallstar^="0.5"]::after,[data-smallstar^=".5"]::after{width:10%}
[data-smallstar^="0.6"]::after,[data-smallstar^=".6"]::after{width:12%}
[data-smallstar^="0.7"]::after,[data-smallstar^=".7"]::after{width:14%}
[data-smallstar^="0.8"]::after,[data-smallstar^=".8"]::after{width:16%}
[data-smallstar^="0.9"]::after,[data-smallstar^=".9"]::after{width:18%}
[data-smallstar^="1"]::after{width:20%}
[data-smallstar^="1.1"]::after{width:22%}
[data-smallstar^="1.2"]::after{width:24%}
[data-smallstar^="1.3"]::after{width:26%}
[data-smallstar^="1.4"]::after{width:28%}
[data-smallstar^="1.5"]::after{width:30%}
[data-smallstar^="1.6"]::after{width:32%}
[data-smallstar^="1.7"]::after{width:34%}
[data-smallstar^="1.8"]::after{width:36%}
[data-smallstar^="1.9"]::after{width:38%}
[data-smallstar^="2"]::after{width:40%}
[data-smallstar^="2.1"]::after{width:42%}
[data-smallstar^="2.2"]::after{width:44%}
[data-smallstar^="2.3"]::after{width:46%}
[data-smallstar^="2.4"]::after{width:48%}
[data-smallstar^="2.5"]::after{width:50%}
[data-smallstar^="2.6"]::after{width:52%}
[data-smallstar^="2.7"]::after{width:54%}
[data-smallstar^="2.8"]::after{width:56%}
[data-smallstar^="2.9"]::after{width:58%}
[data-smallstar^="3"]::after{width:60%}
[data-smallstar^="3.1"]::after{width:62%}
[data-smallstar^="3.2"]::after{width:64%}
[data-smallstar^="3.3"]::after{width:66%}
[data-smallstar^="3.4"]::after{width:68%}
[data-smallstar^="3.5"]::after{width:70%}
[data-smallstar^="3.6"]::after{width:72%}
[data-smallstar^="3.7"]::after{width:74%}
[data-smallstar^="3.8"]::after{width:76%}
[data-smallstar^="3.9"]::after{width:78%}
[data-smallstar^="4"]::after{width:80%}
[data-smallstar^="4.1"]::after{width:82%}
[data-smallstar^="4.2"]::after{width:84%}
[data-smallstar^="4.3"]::after{width:86%}
[data-smallstar^="4.4"]::after{width:88%}
[data-smallstar^="4.5"]::after{width:90%}
[data-smallstar^="4.6"]::after{width:92%}
[data-smallstar^="4.7"]::after{width:94%}
[data-smallstar^="4.8"]::after{width:96%}
[data-smallstar^="4.9"]::after{width:98%}
[data-smallstar^="5"]::after{width:100%}

.pagination {
  display: inline-block;
}
.paginationButtonFix {
	padding-top: 0px;
}
.pagination a {
  font-weight: normal !important;
  color: #fff;
  float: left;
  padding: 4px 8px;
  font-size: 20px;
  text-decoration: none;
  background-color: #448;
  transition: background-color .3s;
  border-radius: 5px;
	border-color: #116;
	border-style: solid;
	border-width: 2px;
}
.pagination a.active {
  font-weight: normal !important;
  background-color: #88f;
  color: black;
  border-radius: 5px;
	border-color: #116;
	border-style: solid;
	border-width: 2px;
}
.pagination a:hover:not(.active) {background-color: #77b; cursor: pointer;}

.poiEDSMstats {
	display: inline-block;
	width: 480px;
}
.edsmStatsTable {
	width: 220px;
}
.poiTrafficReport {
	float: left;
	margin-right: 10px;
}
.poiEstimatedValue {
	float: right;
	margin-left: 10px;
}
.poiSearchParam {
	margin: 10px;
	padding: 15px;
	display: inline-block;
	background-color: #334;
	border-color: #889;
	border-style: solid;
	border-width: 2px;
	border-radius: 6px;
}
.infoIcon:before {
    content: '?';
    font-family: sans-serif;
    vertical-align: middle;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    width: 14px;
    height: 14px;
    color: blue;
    background: white;
    border: thin solid blue;
    font-size: 12px;
    line-height: 16px;
    border-radius: 10px;
    margin-right: 4px;
    padding: 1px;
    text-decoration: none;
}