/**
 * Position icons into circle (SO)
 * http://stackoverflow.com/q/12813573/1397351 
 */
 
body {
	background-color: #020731;
	height: 1000px;
}
.circle-container {
	position: relative;
	width: 25em;
	height: 25em;
	padding: 2.8em; /*= 2em * 1.4 (2em = half the width of an img, 1.4 = sqrt(2))*/
	border: dashed 2px;
	border-radius: 50%;
	margin: 9em auto 0;
	margin-left: 80px;
}
.circle-container div {
	display: block;
	/*overflow: hidden;*/
	position: absolute;
	top: 50%; left: 50%;
	width: 7em; height: 7em;
	margin: -4em; /* 2em = 4em/2 */ /* half the width */
	border-radius: 10px;
}

/*.circle-container a earth {
	width: 12em; height: 12em;
}*/
.circle-container img { 
	display: block; 
}

#deg0 { transform: translate(13.5em); } /* 12em = half the width of the wrapper */
#deg45 { transform: rotate(45deg) translate(14.25em) rotate(-45deg); }
#deg90 { transform: rotate(90deg) translate(13em) rotate(-90deg); }
#deg135 { transform: rotate(135deg) translate(14.25em) rotate(-135deg); }
#deg180 { transform: translate(-13em); }
#deg225 { transform: rotate(225deg) translate(14em) rotate(-225deg); }
#deg270 { transform: rotate(270deg) translate(13em) rotate(-270deg); }
#deg315 { transform: rotate(315deg) translate(14em) rotate(-315deg); }

.ui-widget-content {
	border: none;
	background: transparent;
	float: left;
	margin-right: 25px;
}

.ui-widget-content img {
	width: 80px;
	
}

.ui-widget-header {
	background: #FFFFFF;
	border: none;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: green;
}

.ui-overlay-a, .ui-page-theme-a, .ui-page-theme-a .ui-panel-wrapper {
	background-color: #020731;
	text-shadow: none;
}


#thisone.ui-widget-header {
	background: none;
	border: none;
	width: 120px;
	height:120px;
}

.message {
	font-size: 10px;
	margin: 0;
	margin-left: 5px;
	color:black;
}

.clear {
	height: 30px;
}

#center {

	width: 118px;

}

hr {
	border-top: 2px solid black;
	margin-top: 0px;
}

ul {
	height: 50px;
	margin-top: 50px;
	
}
.phases1 li {
	display: inline;
	list-style: none;
}

.phases2 li {
	display: inline;
	list-style: none;
}

#sun {
	width: 150px;
	padding-top: 10px;
	margin-left: 193px;
}

#instructions {
	margin-right: 20px;
	color: green;
}