html,body {
    height:100%;
    min-height:100%;
}

body {
    margin:0px;
    background-color:#042b52;
    overflow-y:scroll;
}
body,td {
  font:13px arial,helvetica,sans-serif;
  color:white;
  line-height:18px;
	line-height:150%;
	letter-spacing:+0.2mm;
	font-family:arial narrow,arial,helvetica,sans-serif;
}

h1 {
    font-weight:normal;
    display:block;
	color:gold;
  line-height:120%;
}
h1 a {
	color:#ffc020;
}
h2 {
	font-size:14pt;
    font-weight:normal;
    display:block;
}

h3 {
	font-weight:normal;
	font-size:13pt;
	margin-top:25px;
}

h4 {
	font-weight:normal;
	font-size:11pt;
	margin-top:25px;
	margin-left:10px;
	margin-bottom:10px;
}

a {
    color:#d0ecff;
    text-decoration:none;
}
a:hover {
    color:white;
	color:gold;
}
a:hover em {
	color:#ffff80;
}

a.noLink, a.noLink:hover {
	color:white;
	text-decoration:none;
}

em {
    font-style:normal;
    color:#ffd856;
}

img {
    border:none;
}

hr {
	height:1px;
	border:none;
    border-top:1px solid #3e5873;
	outline:none;
}

ol li {
	margin:10px 0px;
}

sub {
	font-size:75%;
	margin-left:2px;
	vertical-align:baseline;
}
sup {
	font-size:65%;
	margin-left:3px;
	vertical-align:top;
}

.clear-floats {
  clear:both;
}

.hideDesktop {
	display:none;
}
.hideMobile {
	display:;
}

.framework {
    width:100%;
    height:100%;
    padding-top:30px;
    min-height:100%;
    border-spacing:0px;
    background-color:#001020 !important;
}
.framework td {
    vertical-align:top;
}

.header td {
    height:28px;
    background-color:#0b3b69;
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.1, #0e4275),
      color-stop(0.9, #042b52)
    );
    background-image: -moz-linear-gradient(top,#0e4275,#042b52);
    background-image: linear-gradient(top,#0e4275,#042b52);
    padding:0px;
}

#menuToggle {
	display:none;
}

.homepageLogo {
    /*background-image:url(../_images-2013/homepage-logo.png);*/
    background-repeat:no-repeat;
    cursor:pointer;
    width:58px;
    height:23px;
}
.homepageLogo img {
	margin-top:-2px;
}
.header .homepageLogo:hover {
    background-image:url(../_images-2013/homepage-logo-hover.png);
}


/*
.headerWrapper {
    position:relative;
    height:100%;
}

*/
.headerWrapper {
	 position:fixed;
	 width:100%;
    z-index:25;
    height:28px;
    background-color:#0b3b69;
    background-image: -webkit-gradient(
      linear,
      left top,
      left bottom,
      color-stop(0.1, #0e4275),
      color-stop(0.9, #042b52)
    );
    background-image: -moz-linear-gradient(top,#0e4275,#042b52);
    background-image: linear-gradient(top,#0e4275,#042b52);
    padding:0px;
    -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.5);
    box-shadow:0px 3px 3px rgba(0,0,0,0.5);
}

.headerWrapper .button, .button {
    background-color:#052a4e;
    border:1px solid #144f88;
    border-radius:5px;
    box-shadow:5px 3px rgba(0,0,0,0.2);
    color:white;
    cursor:pointer;
    padding:5px 10px;
    height:30px;
}
.headerWrapper .button:hover, .button:hover {
	color:gold;
}
.headerWrapper .button:active, .button:active {
	color:gold;
	border-color:#447fb8;
}

.headerWrapper .factboxWrapper {
  width:300px !important;
  color:gold;
  font-size:9pt;
  font-family:arial,helvetica,sans-serif;
}

.headerContent {
    width:800px;
    margin:auto;
}
.headerContent table {
    width:100%;
}
.headerContent table td {
    height:20px;
    vertical-align:middle;
}

.headerLink {
    display:inline;
    padding:0px 2px;
    margin:0px;
    font-size:11px;
}

#searchBox {
	height:20px;
	width:200px !important;
	padding:0px 3px;
}
 
.sidebar {
    position:relative;
    background-color:#022f5a;
    padding:0px;
    width:50%;
  /* XXX */
  display:none;
}
.sidebarWrapper {
    position:relative;
}
.leftSidebar {
    /*background-image:url(../_images-2013/sidebar-left.png);*/
	background-color:#202030;
	background-color:#001020;
    background-repeat:repeat-y;
    background-position:top right;
}
.rightSidebar {
    /*background-image:url(../_images-2013/sidebar-right.png);*/
	background-color:#202030;
	background-color:#001020;
    background-repeat:repeat-y;
    background-position:top left;
	border-left:1px solid black;
}

.horizontalSidebar {
	margin:auto;
	margin-top:20px;
	width:600px;
	padding-left:10px;
}
.horizontalSidebarBottom {
	margin-top:0px
}
.horizontalSidebarItem {
	margin:0 10px;
	float:left;
}

.skyscapeWrapper {
	width:100%;
}
.skyscape {
    width:100%;
    height:803px;
    background-image:url(../_images-2013/skyscape.png);
    margin:0px;
}

.content {
    position:relative;
    width:800px;
	max-width:800px;
	/*
    background-image: -webkit-gradient(
      linear,
      0 125,
      0 600,
      color-stop(0.1, #083868),
      color-stop(0.9, #002858)
    );
    background-image: -moz-linear-gradient(top,#083868,#002858);
    background-image: linear-gradient(top,#083868,#002858);
    background-color:#103050;
    background-color:#003060;
    background-color:#002858;
    background-color:#102050;
	background: linear-gradient(#002858,#001848);
	*/
    background-color:#002858;
    background: linear-gradient(#102040,#001020);
    background-color:#022f5a !important;
    border-left:1px solid black;
    border-right:1px solid black;
    /*
	background-image:url(../_images-2013/skyscape.png);
	background-repeat:repeat-x;
	*/
	border-right:1px solid #102040;
	border-left:1px solid #102040;

  /* XXX */
  display:block;
  margin:auto;
}
.contentWrapper {
    position:relative;
	width:800px;
	margin-top:3px;
}


.overlayImage {
    display:none;
    position:absolute;
    -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    z-index:10;
}

.homepageTop {
	height:250px;
}

.homepageLinks {
	clear:both;
	margin-top:20px;
	width:100%;
	border-top:1px solid #3e5873;
}

.homepageLinks td {
    width:140px;
}

.homepageLinks td h2 {
    color:#ffd856;
    font-weight:normal;
    font-size:13px;
    margin-bottom:5px;
    white-space:nowrap;
}

.homepageLinks td ul {
    margin-top:5px;
    padding-left:20px;
    color:#799aba;
    font-size:11px;
}
.homepageLinks td.latest {
	width:200px;
    padding-right:10px;
}
.homepageLinks td.popular {
    padding-left:10px;
}

.linkContentFrame {
    position:absolute;
    top:20px;
    left:20px;
    width:120px;
    height:600px;
    box-shadow:5px 5px 5px rgba(0,0,0,0.5);
}

.linkCell {
    width:120px;
    padding:10px;
	overflow:auto;
}

.linkIndexWrapper {
	position:fixed;
	z-index:10;
}

.linkIndex {
    background-color:#052a4e;
    background-color:#002850;
    background-color:#002040;
	background:none;
	/*border:1px solid #144e88;*/
    -webkit-border-radius:5px;
    border-radius:5px;
    /*
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
	border:1px solid #144e88;
    */
    width:120px;
    margin-bottom:10px;
	padding:5px 0;
	box-sizing:border-box;
	background-color:#21385B;
	padding:5px;
	padding-left:3px;
	box-sizing:border-box;
}
.linkIndex h2, .linkIndex h1 {
    font-size:12px;
    font-weight:normal;
    color:#ffd856;
    background-color:#144e88;
	background:none;
    margin-top:0px;
    padding:0px 6px;
}
.linkIndex ul {
    font-size:11px;
    list-style:none;
    padding:0px 5px;
    margin:0px 5px 0px 5px;
	margin-left:3px;
}

.contentCell {
    margin-top:20px;
    margin-left:20px;
}
.innerFramework {
    width:100%;
}

.mainImage {
    width:800px;
    height:93px;
    border-bottom:1px solid black;
    margin-bottom:10px;
    /*
    border-left:1px solid #1b446e;
    border-right:1px solid #1b446e;
	*/
}

.welcome {
    width:300px;
}

.homepagePlanetWheel {
	/*
    background-color:#142d55;
    background-color:#00274e;
    background-color:#081848;
	*/
    background-color:rgba(0,128,255,0.15);
	box-shadow:inset 5px 5px 5px rgba(0,0,0,0.2);
    -webkit-border-radius:10px;
	border-radius:10px;
    padding:4px 8px;
    width:275px;
}
.homepagePlanetWheel h1 {
    color:#ffd856;
    font-weight:normal;
    font-size:13px;
    margin-bottom:5px;
}
.homepagePlanetWheel img {
    float:left;
    margin-right:10px;
}
.homepagePlanetWheel p {
    font-size:12px;
}

.copyright {
    margin-top:20px;
    border-top:1px solid #3e5873;
    width:640px;
}
.copyright p {
    color:#6e88a3;
    font-size:11px;
    margin:3px;
}
.copyright a {
	color:#8ea8c3;
}
.copyright a:hover {
	color:white;
}

.heading {

    margin-top:10px;
    margin-bottom:15px;
    margin-right:5px;
	margin-left:5px;

    padding:10px;
    padding-bottom:5px;

	/*
	background-color:#043e78;
	border:1px solid #245e98;
	background:none;
	background-color:#001030;
	box-shadow:3px 3px 3px rgba(0,0,0,0.2);
	border-radius:5px;
	background: linear-gradient(#0e4275, #042b52);
	background: linear-gradient(#0e4275, #085b82);
	background: linear-gradient(#004b82, #065b92);
	*/
	background-color:#21385B;

}

.heading h2 {
  margin-top:0;
  margin-bottom:5px;
}

.heading1, h1 {
    font-weight:normal;
    font-size:26px;
    margin-top:3px;
    margin-bottom:5px;
}
.heading2, h2 {
    font-weight:normal;
    font-size:14px;
    margin-top:7px;
    margin-bottom:0px;
    padding-bottom:0px;
}

.linksLists {
	margin-left:10px;
	margin-top:20px;
	padding-top:10px;
	/*
	border-top:1px solid #3e5873;
	*/
}
.linksLists td h2, .linksLists td .heading2 {
    margin-top:10px;
    margin-bottom:2px;
    display:inline-block;
}
.linksLists td {
    white-space:nowrap;
    padding-right:15px;
}
.linksLists td ul {
    margin-top:2px;
    padding-left:18px;
}
.linksLists td li {
    font-size:11px;
    line-height:16px;
}

.indexHeading {
    border-top:1px solid #3e5873;
    font-weight:normal;
    padding-top:3px;
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px;
}
.indexTable {
    table-layout:fixed;
    border-spacing:0px;
    margin:10px auto;
    margin-bottom:20px;
    width:100%;
}
.indexTable.hideMobile {
  display:table !important;
}
.indexTable td {
    white-space:nowrap;
    font-size:11px;
    overflow-x:hidden;
    text-overflow:ellipsis;
    padding-right:5px;
    line-height:160%;
}
.illustrations {
    padding-right:10px;
    font-size:11px;
}

.downloadNow {
    background-color:#052a4e;
    border:1px solid #144e88;
    -webkit-border-radius:5px;
    -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    border-radius:5px;
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    margin-bottom:10px;
    width:200px;
    padding:10px;
    float:right;
    margin-left:20px;
}
.downloadNow .heading2 {
  font-weight:bold;
  font-size:15px;
  margin-bottom:10px;
}
.downloadNow p {
  margin:0px;
  margin-bottom:5px;
}

body.template .factboxWrapper {
    border-radius:5px;
    padding:4px;
	margin-top:0px;
	margin-right:5px;
	width:100%;
	/* background-color:rgba(255,255,255,0.07); */
	/*
	box-shadow:inset 3px 3px 3px rgba(0,0,0,0.25);
	border:1px solid #001950;
	background-color:rgba(50,55,80,0.50);
	*/
	background:none;
	
}
input.factboxWrapper {
	background:inherit;
	background-color:#6090a0 !important;
	background-color:#8090a0 !important;
	box-shadow:inset 2px 2px 2px rgba(0,0,0,0.2);
	color:black !important;
	color:#103050 !important;
	text-shadow:1px 2px 2px rgba(0,0,0,0.2);
	border:none;
}
body.template .factbox {
	width:100%;
	border-collapse:collapse;
	margin:2px;
}
body.template .factbox td {
    font-size:8pt;
	white-space:nowrap;
	padding:3px;
	border-bottom:1px solid rgba(255,255,255,0.05);
}
body.template .factbox tr:last-child td {
	border:none;
}
body.template .factbox .factboxCaption {
	padding-left:5px;
	padding-right:10px;
	opacity:0.9;
}
body.template .factbox .factboxValue {
	width:100%;
	padding-left:8px;
	white-space:normal;
}
body.template .factbox .factboxValue sup {
	font-size:7pt;
	vertical-align:top;
	margin-left:2px;
}
body.template .factbox .factboxValue p {
    margin:0;
    margin-top:10px;
}
body.template .factbox .factboxValue p:first-child {
    margin-top:0;
}

.dataTable table {
    /*
	background-color:#052a4e;
    border:1px solid #144f88;
    box-shadow:5px 3px rgba(0,0,0,0.2);
	*/
	background-color:#21385B !important;
	border-radius:5px;
    padding:10px;
    margin:10px;
}
.dataTable td {
    font-size:9pt;
}
.dataTable thead td, .dataTable thead td a {
    color:#ffd856;
}
.dataTable thead td a:hover {
    color:yellow;
}

.siteLinks {
    width:460px;
}
.siteLinks ul ul {
    padding-left:20px;
    font-size:9pt;
    margin-bottom:5px;
}

.caption p {
	margin-top:0px;
	font-size:8pt;
	line-height:150%;
	margin-left:0px;
	color:rgba(235,235,255,0.8);
}
body.template .body .caption p {
	margin-top:0;
}

.locationWrapper {
	text-align:center;
	margin-top:20px
}
.locationMap {
	width:300px;
	display:inline-block;
	text-align:left;
	position:relative;
}
.locationMap .caption {
	width:300px;
}

.map {
	display:table;
	width:auto;
	margin:10px auto;
}

.adHolderWrapper {
	position:absolute;
	top:0px;
	width:150px;
	left:0px;
	height:630px;
}
.adHolder {
	position:fixed;
}
#googleAd {
	position:absolute;
	top:20px;
	left:20px;
}

.seeAlso {
	margin-left:10px;
	margin-top:5px;
	font-size:8pt;
}

.unbordered {
	border:1px solid #245e98;
}

/* Template Modifiers */

body.template .body p {
	margin-left:10px;
	margin-top:15px;
}

body.template .caption p {
	margin-left:0px;
}

body.template .copyright {
    margin-top:10px;
}

body.template .heading {
    margin-bottom:0;
}
body.template .linksLists td h2 {
    margin-top:0px;
}

/* Sky Map Layout */

.skyMapWrapper {
	position:relative;
    width:504px;
    height:509px;
}
.skyMapMarker {
	display:none;
	position:absolute;
	border:1px solid #ff5050;
	width:20px;
	height:20px;
	border-radius:50%;
}
.skyMapLabel {
	font-size:6.5pt;
	color:#bcc8e7;
	line-height:120%;
	white-space:nowrap;
	background-color:#001040;
}
.skyMapNavigator {
	margin:auto;
	margin-top:20px;
}
.skyArrowX {
	vertical-align:middle !important;
}
.skyArrowY {
	text-align:center;
}

.callout {
	position:absolute;
	top:20px;
	right:15px;
    /* background-color:#00274e; */
    border-radius:5px;
    width:auto;
    margin-bottom:10px;
	padding-right:10px;
}
.callout a:hover {
	text-decoration:none;
}
.callout td {
	font-size:8pt;
	line-height:130%;
	vertical-align:top;
}
.callout td p {
	margin-top:5px;
	margin-bottom:5px;
}
.calloutIcon {
	margin:4px;
}

.locateForm {
	position:absolute;
	right:10px;
	bottom:10px;
    background-color:#052a4e;
    border:1px solid #144e88;
    -webkit-border-radius:5px;
    -webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    border-radius:5px;
    box-shadow:2px 2px 2px rgba(0,0,0,0.4);
    width:300px;
	text-align:left;
	padding:10px;
}

.locateForm p {
	margin-left:auto !important;
}
.locateForm td {
	text-align:left !important;
}

.magnifier {
	width:30px;
	height:30px;
	position:absolute;
	top:-10px;
	right:-10px;
	background:none;
	background-image:url(../_images-2013/magnifier.png);
	border:none;
	padding:0;
	cursor:pointer;
	z-index:20;
}
.magnifier:hover {
	background-image:url(../_images-2013/magnifier-active.png);
}


.scaledMapWrapper {
	background-color:#000030;
	background-color:rgba(0,0,50,0.25);
	position:relative;
    width:100%;
    height:250px;
    margin-left:5px;
    margin-top:10px;
    margin-bottom:10px;
    background-repeat:no-repeat;
    background-size:200%;
	overflow:hidden;
	border:1px solid #21385B;
	box-shadow:inset 5px 5px 5px rgba(0,0,0,0.3);
	z-index:0;
}
.scaledMapWrapper .skyMapMarkerWrapper {
	position:absolute;
	top:50%;
	left:50%;
}
.scaledMapWrapper .skyMapMarker {
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	left:-10px;
	top:-10px;
}
.scaledMapWrapper .skyMapIcon {
	width:40%;
	height:40%;
	margin-left:25%;
	margin-top:28%;
	position:relative;
}

#scaleSelect {
    width:150px;
    margin-top:0;
    margin-bottom:10px;
    background-color:#052a4e;
    color:white;
    border:none;
}

.expandSkyMap {
	position:absolute;
	top:20px;
	right:20px;
}

.illustrationsVertical {
	float:right;
	width:150px;
}

.faded {
	color:#7188aB;
}

#planet-wheel-image-mobile {
  display:none;
}

@media screen and (max-width: 900px) {
	
	body.template {
		width:100%;
		max-width:100%;
		overflow-x:hidden;
	}
	
.linkIndexWrapper {
    left:5px;
    right:30px;
    width:100%;
}
#linkCell {
    visibility:hidden;
}

  body,td {
      font:15px arial,helvetica,sans-serif;
      line-height:150%;
  }
  h3 {
    margin-left:10px;
  }
  
	.hideDesktop {
		display:initial;
	}
	.hideMobile {
		display:none;
	}

	.headerContent {
		width:100%;
		max-width:100%;
		overflow:hidden;
	}
  .heading h2, h2 {
    font-size:16px;
  }
  .callout td {
    font-size:16px;
  }
	
	#menuToggle {
		display:table-cell;
		cursor:pointer;
	}
	.menuToggle {
		margin-left:5px;
		margin-top:3px;
	}
	
	.linkCell {
		display:block;
		width:100%;
		padding-right:10px;
		box-sizing:border-box;
		margin-top:10px;
	}
	#linkCell {
		height:0;
		overflow:hidden;
		transition:height 1s;
		padding-top:0;
		padding-bottom:0;
	}
	.linkIndex {
		width:100%;
	}
	.linkIndex h2 {
		font-size:15px;
		padding-bottom:5px;
		margin-bottom:5px;
		border-bottom:1px solid #61789B;
	}
	.linkIndex li {
		font-size:13px;
		line-height:180%;
	}
	
	.contentCell {
		display:block;
		box-sizing:border-box;
		margin:0;
	}
	
	.sidebar {
		display:none;
	}
	
	.mainImage {
		width:100% !important;
		height:auto !important;
		overflow:hidden;
		border:none;
	}
	.mainImage img {
		width:140% !important;
		height:auto !important;
		border-bottom:1px solid black;
	}
	
	table.framework {
		width:100%;
		max-width:100%;
	}
	
	td.content {
		width:100%;
		max-width:100%;
	}
	
	.contentWrapper {
		width:100%;
		max-width:100%;
	}
	
	table.innerFramework {
		width:100%;
		max-width:100%;
	}
	
	table.body {
		width:100%;
		max-width:100%;
	}
	
	.homepageTop {
		width:100%;
		max-width:100%;
		text-align:center;
		height:auto;
	}
	
	table.homepageLinks {
		width:100%;
		max-width:100%;
	}
	
	.welcome {
		width:100%;
	}
	.welcome p {
		text-align:left;
		margin:10px 20px !important;
	}
	
	.overlayImage {
		position:relative;
		width:40%;
		height:auto;
		top:auto !important;
		right:auto !important;
		display:inline-block !important;
		margin:0 8px;
	}
	
	.copyright {
		width:100%;
		padding:0 10px;
		box-sizing:border-box;
	}
	
	.homepagePlanetWheel {
		text-align:left;
		width:calc(100% - 20px);
		margin:10px;
	}
	
	.callout {
		position:relative;
		top:auto;
		right:auto;
		margin-bottom:0;
	}
	
	.scaledMapWrapper {
		display:none;
	}
	
	.expandSkyMap {
		display:block;
		position:relative;
		top:auto;
		right:auto;
		margin:10px 0;
	}
	
	.skyMapCell {
		width:100%;
		max-width:100%;
	}
	
	#skyMapObject {
		width:100%;
    height:auto;
	}

	.skyMapNavigator+table td {
		display:block;
		padding:0;
	}
	
	.siteLinks {
		width:100%;
	}
	
	.seeAlso {
		width:100%;
	}
	
	td.contentCell {
		width:100%;
		max-width:100%;
	}
	
	.homepageContent {
		width:100%;
		max-width:100%;
	}
	
	.horizontalSidebar {
		width:100%;
		display:block;
		float:none;
		overflow:hidden;
	}

	.horizontalSidebarItem {
		width:20%;
		margin:0;
	}
	.horizontalSidebarItem img {
		width:80%;
		margin:0 10%;
		height:auto;
	}

  .indexTable {
    display:block;
    width:100% !important;
  }
  .indexTable.hideMobile {
    display:none !important;
  }
  .indexTable tbody,
  .indexTable tbody tr {
    display:block;
    width:100%;
  }
  .indexTable td {
    line-height:180%;
    display:block;
    width:100%;
    padding-left:10px;
    box-sizing:border-box;
    height:auto !important;
    font-size:14px;
    white-space:normal;
  }
  
  #planet {
    width:100%;
    height:auto;
  }
  #planetWheelImgMap {
    visibility:hidden;
  }
  .downloadNow {
    float:none;
    width:auto;
    margin-left:10px;
  }

  #planet-wheel-image {
    display:none;
  }
  #planet-wheel-image-mobile {
    display:block;
    width:100%;
    height:auto;
  }
  
  .scaleToWidth {
    width:100% !important;
    height:auto !important;
    float:none !important;
  }
  .scaleWithMargins {
    margin-left:10px !important;
    margin-right:10px !important;
  }
  .caption {
    max-width:90% !important;
  }
  .body p {
    margin-right:16px;
  }
  .caption p {
    font-size:16px;
  }
  
  .photoWrapper {
    width:100% !important;
    height:auto !important;
    float:none !important;
    margin-left:10px !important;
    margin-right:10px !important;
  }
  
  .illustrationsHorizontal {
    margin:auto;
    display:flex;
    flex:row;
    justify-content:center;
    width:100%;
    text-align:center;
  }
  .illustrationsHorizontal td {
    display:inline-block;
    margin:10px;
  }
	.illustrationsVertical {
		float:none;
    width:100%;
    text-align:center;
	}
	.illustrationsVertical.indexIllustrations {
    display:none;
	}
	
  .caption {
    max-width:100% !important;
    text-align:left;
  }
  
  iframe.hideDesktop {
    border:none;
  }
  
  .hr-diagram {
    display:none;
  }
  
  .locationMap {
    width:100%;
  }
  .locationMap .caption {
    width:100%;
  }
  
  .linksLists td {
    display:block;
  }
  .linksLists td li {
    font-size:16px;
    line-height:24px;
  }

  body.template .factbox td {
    display:block;
    width:100%;
    font-size:16px;
  }
  body.template .factbox td.factboxCaption {
    border:none;
  }
  body.template .factbox td.factboxValue,
  body.template .factbox td.factboxValue:last-child {
    padding-bottom:10px;
    padding-left:15px;
    box-sizing:border-box;
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
  /* 
  body.template .factbox .factboxCaption {
    padding-left:5px;
    padding-right:10px;
    opacity:0.9;
  }
  body.template .factbox .factboxValue {
    width:100%;
    padding-left:8px;
    white-space:normal;
  }
  */
  .copyright p {
      font-size:16px;
  }
    
}

@media screen and (max-width:900px) and (min-width:400px) {
	.photoPortrait {
		max-width:400px !important;
    margin:auto !important;
	}
}

@media screen and (max-width:450px) {
	#searchBox {
		width:150px !important;
	}
  .homepageLinks td h2 {
    white-space:normal;
  }
}
@media screen and (max-width:350px) {
	#searchBox {
		width:100px !important;
	}
}


#aladin-lite-wrapper {
    width:600px;
    margin:20px 0;
    margin-bottom:0;
    margin-left:10px;
}
#aladin-lite-div {
    width:600px;
    height:300px;
    margin:20px 0;
    margin-bottom:0;
}
#aladin-lite-wrapper.vertical {
    float:right;
    width:300px;
    margin:0;
    margin-left:20px;
}
#aladin-lite-div.vertical {
    width:300px;
    height:600px;
}
#aladin-caption {
    width:600px;
    margin-top:5px;
    margin-bottom:20px;
    text-align:right;
}
#aladin-caption.vertical {
    width:300px;
}
.aladin-container {
	border:1px solid #245e98 !important;
}
.aladin-location {
    background-color:#21385B !important;
    opacity:0.8;
}
.aladin-reticleColor {
    color:#d0ecff !important;
}
.aladin-layersControl,
.aladin-fov,
.aladin-zoomControl a {
    background-color:#21385B !important;
    color:#d0ecff !important;
    opacity:0.8;
    border:none !important;
}
.aladin-zoomControl a:hover {
    background-color:#144e88 !important;
    color:white !important;
}
.aladin-location select,
.aladin-gotoControl-container {
    display:none;
}

@media screen and (max-width: 630px) {
    
    #aladin-lite-wrapper,
    #aladin-lite-wrapper.vertical {
        width:100%;
        margin:10px 0;
        margin-bottom:0;
        padding:0 10px;
        box-sizing:border-box;
    }
    #aladin-lite-div,
    #aladin-lite-div.vertical {
        width:100%;
        height:100vw;
        margin:20px 0;
        margin-bottom:0;
    }
    #aladin-caption,
    #aladin-caption.vertical {
        width:100%;
    }

}


.indexGrid {
    margin:10px;
}
.indexGrid.hideMobile {
    display:grid;
    grid-template-columns: 33% 33% 33%;
    padding:5px;
    box-sizing:border-box;
}
.index-item {
    font-size: 11px;
    line-height: 160%;
}
.indexGrid.hideMobile .index-item {
    white-space: nowrap;
    overflow-x: hidden;
    text-overflow: ellipsis;
    padding-right: 5px;
}

.indexIllustrations {
    position:relative;
    right:10px;
    top:10px;
    margin-left:20px;
}
.index-separator {
    height:10px;
}
.indexHeading {
    margin-left:10px;
}
@media screen and (max-width:900px) {
.indexGrid.hideMobile {
    grid-template-columns: 100%;
}