#otherContainer{
float:left;
width: 55px;
padding-right:5px;
margin: auto;
text-align: center;
font-size: 125%;
border: 0px solid blue;
}

#botPicContainer{
margin: auto;
padding-top: 0px;
padding-bottom:20px;
border: 0px solid red;
position: relative;
height: 50px;
width: 50px; 
}
.capturedBotFace{
z-index: 2;
top: 0;
left:0;
position: absolute;
border: 0px solid green;
margin: auto;

}
.abs{
position: absolute;
top:0
left:0;
}
.capturedBotBody{
z-index: 1;
border: 0px solid yellow;
position:absolute;
margin: auto;
top:0;
left:0;
}
.botTitle{

padding-top: 3px;
font-family: Helvetica, sans-serif;
font-weight: bold;
font-size:115%;
color: #333333;
}
.planetTitle{
font-family: Helvetica, sans-serif;
font-size:80%;
}

.productTitle {
font-family: Helvetica, sans-serif;
font-size: 80%;
}
 body { margin: 0px;
/* IE10 */ 
background-image: -ms-radial-gradient(center, ellipse cover, #350863 0%, #1C0430 100%);

/* Mozilla Firefox */ 
background-image: -moz-radial-gradient(center, ellipse cover, #350863 0%, #1C0430 100%);

/* Opera */ 
background-image: -o-radial-gradient(center, ellipse cover, #350863 0%, #1C0430 100%);

/* Webkit (Safari/Chrome 10) */ 
background-image: -webkit-gradient(radial, center center, 0, center center, 501, color-stop(0, #350863), color-stop(1, #1C0430));

/* Webkit (Chrome 11+) */ 
background-image: -webkit-radial-gradient(center, ellipse cover, #350863 0%, #1C0430 100%);

/* Proposed W3C Markup */ 
background-image: radial-gradient(center, ellipse cover, #350863 0%, #1C0430 100%);i
 }
        
 #map_canvas 
 {
 position: relative;
 margin: auto;
width: 100%;
height: 225px;
border: 2px solid white;
 }
 #usernameField{
 font-size: 14pt;
 padding:5px;
 margin-left:30px;
 margin-right: 10px;
background:#F2F2F2;
width: 140px;
 }
 #tagButton{

 width: 320px;

 
 }
 p.press{
 padding-bottom:50px;
 }
 .presentImage{
 position: absolute;
 left: -20px;
 top: -20px;
 }
  .presentImage2{
 position: absolute;
 left: 300px;
 top: 200px;
 }
   .presentImage3{
 position: absolute;
 left: 695px;
 top: 199px;
 }
   .presentImage4{
 position: absolute;
 left: 1000px;
 top: 205px;
 width:65px;
 }
 #QASection{
 text-align:left;
 }
 #goButt{
 display: inline-block;
 }
 .shinybutt {
	-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
	box-shadow:inset 0px 0px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #c7c7c7) );
	background:-moz-linear-gradient( center top, #ededed 5%, #c7c7c7 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#c7c7c7');
	background-color:#ededed;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:Helvetica;
	font-size:16pt;
	font-weight:normal;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.shinybutt:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c7c7c7), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #c7c7c7 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7c7c7', endColorstr='#ededed');
	background-color:#c7c7c7;
}.shinybutt:active {
	position:relative;
	top:1px;
}
 p{
margin-bottom: 5px;
 }
  #QA{
 font-size: 16pt;
 padding-top: 50px;
 color: #FFF;
 font-weight: bold;
 font-family: Helvetica, sans-serif;
 text-align: bottom;
 }
 #desktopText{

 width: 220px;
height: 170px;
 text-align: center;
 
 }
 #boxTray{
 width: 1100px;
 height: 500px;
 position: relative;
 margin:auto;

 }
 .logoCenter{
 display: inline-block;
 text-align: center;
 padding-top: 5px;
 margin-left: 75px;
 }
 #newBox{
width: 300px;
 height: 170px;

 vertical-align: top;

text-align:left;

 }
 #rightBox{
width: 300px;
 height: 170px;

 vertical-align: top;

text-align:center;

 }
#midBox{
width: 300px;
height: 170px;
vertical-align: top;
text-align: center;

 }

 .transBox{
 font-family: Helvetica, sans-serif;
-webkit-box-shadow:1px 1px 20px 1px #2e2e2e;
box-shadow:1px 1px 20px 1px #2e2e2e;
 font-size: 12pt;
 padding-top: 15px;
 margin-top: 40px;
 margin-bottom:15px;
 padding-left:15px;
 padding-right:15px;
 padding-bottom:30px;
 color: #E6E6E6;
 background-color:rgba(255,255,255,0.3);
 margin-left: 10px;
 margin-right: 10px;
 text-shadow: 1px 1px 1px #000;
 display: inline-block;
 
 }
 #title{
 color: #ffffff;
 font-size: 35pt;
 font-weight: bold;
 font-family: Press Start, sans-serif;
 text-shadow: 1px 1px 1px #000;
 margin: auto;
 margin-bottom:0px;
 margin-top:0px;
 width: 1100px;
 position: relative;
 
 }
  .theLogo{
 width: 15%;
 padding: 5px;
 padding-top:10px;
 }
@font-face {
	font-family: Press Start;
	src: url('PrStart.ttf')
}
 #tagButton{
 display: none;
 border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
 font-family: Helvetica, sans-serif;
 font-weight: bold;
 text-align: center;
 color: white;
 width: 296px;
 padding: 10px;
 margin-left: 2px;
 margin-right: 2px;
 margin-top: 5px;
 padding-bottom:10px;
 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(20, 20, 20, 1.0)), color-stop(100%, rgba(70, 70, 70, 1.0)));
background: -moz-linear-gradient(-90deg,#141414,#464646);
 }