/* user option styles */

#snWebForm table {
 color: #000000;
 border-collapse: collapse;
}

label {
    font-weight: bold;
 }

.labelcell {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-weight: bold;
 color: black;
 background-color: transparent;
 width: 165px;
}

.datacell {
 color: #000000;
 text-align: right;
 margin-right: 0px;
 padding-right: 0px;
 vertical-align: middle;
}

.datacell input {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
 margin-right: 0px;
 vertical-align: middle;
 height: 16px;
}

.datacell select {
 font: 12px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 vertical-align: middle;
 width: 50px;
}

.datacell select:hover  {
	color: #333;
	background-color: #ccffff;
}

.datacell select:focus  {
	color: #333;
	background-color: #ccffff;
}

.datacell input:hover  {
	color: #333;
	background-color: #ccffff;
}
	
.datacell input:focus  {
	color: #333;
	background-color: #ccffff;
}

.optionsdatacell select{
    width: 75px;
    vertical-align: middle;
}

.optionsdatacell {
    height: 27px;
    vertical-align: top;
}

.fancytitle{
	font: 12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: white;
	font-weight: bold;
	vertical-align: middle;
	height: 27px;
}

.checkboxContainer {
	width: 25px;
	height: 25px;
	overflow: visible;	
	cursor:hand;
	cursor:pointer;
	float: right;
	padding: 0px;
	margin: 0px;
	margin-right: 3px;
	margin-top: 1px;
	display: inline-block;
* 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/unchecked.png', sizingMethod='scale');
}

html>body .checkboxContainer {
	background-image: url(../img/unchecked.png);
	background-repeat: no-repeat;
}

#worldMapLabel
{
	position:absolute;
	top: 209px;
	left: 80px;
	height: 20px;
	width: 71px;
	text-align:right;
* 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/worldMapLabel.png', sizingMethod='scale');	
}

html>body #worldMapLabel {
	background-image: url('../img/worldMapLabel.png');
	background-repeat: no-repeat;
}

#locationInfoStyled
{
	z-index:0;
	position: absolute;
	width: 112px;
	height: 69px;
	top: 446px;
	left: 216px;
	margin: 0px;
	padding: 0px;
* 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/locationEarth.png', sizingMethod='scale');	
}

html>body #locationInfoStyled {
	background-image: url('../img/locationEarth.png');
	background-repeat: no-repeat;
}

/* viewer and map window */

.viewerContainer {
	background-color: black;	
	position: absolute;
	top: 58px;
	left: 199px;
	width: 410px;
	height: 358px;
	z-index: 1;
	overflow: hidden;
}

.viewer{
	background-color: black;	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.colourScheme {
	position: absolute;
	top: 58px;
	left: 199px;
	width: 410px;
	height: 475px;
	z-index: 0;
}

.picker {
	background-color: none;
	position: absolute;		
	z-index: 1;
}

#planetPicker {
	top: 58px;
	left: 609px;
}
	
.mapbordered {
   	float:left;
    padding:5px;
   	background-color:#F7F9FB;
    border:1px solid #7B9EBD;	
}
    
.mapbordered .title {
	font:100% Arial,Helvetica,sans-serif;
	color:#000;
	font-weight:bold;
    margin-bottom:5px;
	height:auto;
    width:auto;
    text-align: left;
	position:relative;
}

.mapbordered .close-icon {
	position:absolute;
    right: 0;
	top:0;
    border:none;
}

.copytext{
	font: 12px Helvetica,Arial,sans-serif;
	color: #E1E1E1;
	font-weight: bold;
	width: 588px;
	height: auto;
	padding: 10px;
	background-color: #84919E;
	display: block;
}

.copytext a {
	text-decoration: none;
	color: #B2FBB4;
}

/* tooltips */

dl {
	font-family:  "Lucida Grande", "Lucida Sans Unicode", Geneva, Arial, Helvetica, sans-serif;
}

dd {
	margin: 0;
	padding: 0;
	position: absolute;
	font-size: 85%;
}	

dd a {
	position: absolute;
	text-decoration: none;
	width: 5px;
	height: 5px;
}		

dd a span {
	display: none;
}

dd a:hover {
	position: absolute;
	top: +0px;
	left: +0px;
}		

dd a:hover span {
	opacity: 0.7;
	filter: alpha(opacity = 70);	
    display: block;
    text-indent: 0;
    vertical-align: top;
    color: #000;
    background-color: #F4F4F4;
    font-weight: bold;
    font-size: 12px;
    position: absolute;
    border: 1px solid #BCBCBC;
    bottom: 100%;
    margin: 0;
    padding: 3px;
    width: 150px;
}

.gazeButton
{
	background-repeat: no-repeat;
	z-index:2;
	cursor: pointer;
	width: 12px;
	height: 12px;
	position:absolute;
}

#gazeUpButton
{
	background-image: url(../img/gazeUpButton.gif);
	top: 0px;
	left: 14px; 
}

#gazeDownButton
{
	background-image: url(../img/gazeDownButton.gif);
	top: 28px;
	left: 14px; 
}

#gazeRightButton
{
	background-image: url(../img/gazeRightButton.gif);
	top: 14px;
	left: 28px; 
}

#gazeLeftButton
{
	background-image: url(../img/gazeLeftButton.gif);
	top: 14px;
	left: 0px; 
}

#fovDisplay
{
	font-size: x-small;
	text-align: center;
	color: white;
	position: absolute;
	top: 5px;
	left: 0px;
	height: 10px;
	width: 100%;
}

.zoomButton
{
	position:absolute;
	background-repeat: no-repeat;
	z-index:2;
	cursor: pointer;
	width: 12px;
	height: 12px;
	left: 14px; 
}

#zoomInButton
{
	background-image: url(../img/zoomInButton.gif);
	top: 17px;
}

#zoomOutButton
{
	background-image: url(../img/zoomOutButton.gif);
	bottom: 0px;
}

#zoomSliderTrack
{
	position: absolute;
	background-color: none;
	background-image: url(../img/grey3x1.gif);
	background-repeat: repeat-y;
	top: 33px;
	left: 18px;
	height: 200px;
	width: 14px;
}

#zoomSliderHandle
{
	background-color:white;
	left: -5px;
	width: 14px;
	height: 4px;
	cursor: n-resize;
	border: 0px;
}

#showNorthButton
{
	left: 2px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;	
* 	background-image: url(../img/showNorthButton.jpg);
}

html>body #showNorthButton
{
	background-image: url(../img/showNorthButton.png);
}

#showWestButton
{
	left: 18px;
	display: inline-block;
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;	
* 	background-image: url(../img/showWestButton.jpg);
}

html>body #showWestButton
{
	background-image: url(../img/showWestButton.png);
}

#showFullSkyButton
{
	left: 32px;
	display: inline-block;	
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;
* 	background-image: url(../img/showFullSkyButton.jpg);
}

html>body #showFullSkyButton
{
	background-image: url(../img/showFullSkyButton.png);
}

#showEastButton
{
	left: 46px;
	display: inline-block;	
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;	
* 	background-image: url(../img/showEastButton.jpg);
}

html>body #showEastButton
{
	background-image: url(../img/showEastButton.png);
}

#showSouthButton
{
	left: 60px;
	display: inline-block;	
	width: 12px;
	height: 12px;
	background-repeat: no-repeat;	
* 	background-image: url(../img/showSouthButton.jpg);
}

html>body #showSouthButton
{
	background-image: url(../img/showSouthButton.png);
}

#liftOffButton
{
	position:absolute;
	top:29px;
	right: 8px;
	z-index: 1;
	border: 0px;
	float: center;
	display: inline-block;
	width: 20px;
	height: 15px;
	background-repeat: no-repeat;
* 	background-image: url(../img/liftOffButton.jpg);
}

html>body #liftOffButton
{
	background-image: url(../img/liftOffButton.png);
}