body {
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
  }



  
#searchButton {
  width: 100%;
  color: white;
  background: green;
	}
	
	#closeButton {
  width: 45%;
  color: white;
  background: red;
	}
	#refButton {
  width: 45%;
  color: white;
  background: green;
	}
		#clockButton {
  width: 50%;
  color: white;
  background: #dc0e60;
	}

			#topButton {
			

  width: 100%;
  color: aqua;
 /*  font-weight: bold; */
background-color: #0a253d;

font-size: 2em;
text-shadow: 0px 1px blue;

white-space:nowrap;
border-radius: 0px;
	}
	
.starter-template {
  padding: 5px 25px;
	color: blue;  }
  .starter-template table {
    margin-top: 10px;
	text-align:center;
	background-color: #bbbbbb;
color: black;
font-weight: bold;
	}
  .starter-template .alert {
  
    margin-top: 1%; }

.background-image {
  height: 150px;
  margin-top: 10px;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../img/globe.gif"); }

@media screen and (orientation: landscape)  {
  .background-image {
    height: 180px;
    background-size: 180px; } }
	
@media screen and (orientation: portrait){
	.background-image {
    height: 150px;
    background-size: 150px; } }