body {
	margin: 0;
	text-align: center;
	background-image: none;
	background-position: center top;
	background-color: #fff;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #000;
}
#topback {
	position:fixed; z-index:2;
	top:0; left:0;
	width:100%;
	line-height:14px;
		background-color:#222;
	background-image:-webkit-gradient(linear, 0 0, 0 100%, color-stop(0, #999), color-stop(0.02, #666), color-stop(1, #222));
	background-image:-moz-linear-gradient(top, #999, #666 2%, #222);
	background-image:-o-linear-gradient(top, #999, #666 2%, #222);
	padding:0;
	border-top:1px solid #444;	
}
.ui-page { 
    background: transparent; 
} 
.ui-content{ 
    background: transparent; 
} 

#message {
	position: relative;
	width: 250px;
	text-align: left;
	top: 130px;
	left: 39px;
}

#title_bar {
  /* need a position set to something for z-index to take effect */
  position: relative;
  z-index: 1;
  background: #ccc;
  background: -webkit-gradient(linear, 0 0, 0 70%, from(#fff), to(#ccc));
  background: linear-gradient(#fff, #ccc 70%);
  color: #444;
  text-shadow: 0 1px 0 #fff;
  border-bottom: 1px solid #999;
  height: 44px;
  line-height: 44px;
  padding: 0;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
  box-shadow: 0 0 3px rgba(0,0,0,0.3);
}

.app_button, button {
  -webkit-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  padding: 0 20px;
  margin-bottom: 20px;
  cursor: pointer;
  width: 200px;
  background:#52f14b;
  background: -webkit-gradient(linear, 0 0, 0 70%, from(#52f14b), to(#21a214));
  background: linear-gradient(#52f14b, #21a214 70%);
  border: 1px solid #186a0b;
  font-size: 18px;
  font-weight: 200;
  text-shadow: 0 -1px 0 #7E4B0D;
  height: 40px;
  line-height: 40px;
  color:#fff;
  text-align: center;
}

#back_button {
  background: grey;
}
 
.view {
	/*  only one view is displayed at a time
	    so we'll set the views to default to be un-displayed
	    and then override this based on the element id */
	display: none;
	padding-top: 100px;
	padding-right: 35px;
	padding-bottom: 35px;
	padding-left: 35px;
}
/* our three views */
#welcome {
	display: block;

}

#map { 
  text-shadow: 0 1px 0 #fff;
}

  .map_image {
    margin: auto;
    height: 250px;
    width: 250px;
    border: 1px solid #aaa;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    overflow: hidden;
  }

#settings {
}

  legend {
    font-weight: bold;
    text-shadow: 0 1px 0 #fff;
  }

  fieldset {
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
  }
  

.btnlarge {
	background-image: -moz-linear-gradient(50% 0% -90deg,rgb(255,128,0) 0%,rgb(255,166,77) 100%);
	background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,128,0)),color-stop(1, rgb(255,166,77)));
	background-image: -webkit-linear-gradient(-90deg,rgb(255,128,0) 0%,rgb(255,166,77) 100%);
	background-image: -o-linear-gradient(-90deg,rgb(255,128,0) 0%,rgb(255,166,77) 100%);
	background-image: -ms-linear-gradient(-90deg,rgb(255,128,0) 0%,rgb(255,166,77) 100%);
	background-image: linear-gradient(-90deg,rgb(255,128,0) 0%,rgb(255,166,77) 100%);
	width: 389px;
	height: 57px;
	border-color: rgb(255,255,255);
	border-width: 4px;
	-moz-border-radius: 17px;
	-webkit-border-radius: 17px;
	border-radius: 17px;
	border-style: solid;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff8000,endColorstr=#ffffa64d,GradientType=0)";




filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffff8000,endColorstr=#ffffa64d,GradientType=0);
	padding: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
 }
.ui-icon-myapp-arrow {
	background-image: url("arrow.png");
}
.allDeal {
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
	border: 1px solid #ccc;
	margin-bottom: 10px;
	margin-top: 10px;
}
#football{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-color: #666666;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	font-weight: bold;
	color: #FFF;
}
#headtop{
	display: block;
	height: 80px;
	width: 100%;
	background-color: #0D1824;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	}
#remotePage{
	color: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	background-repeat: no-repeat;
	background-color: #fff;
}
#tapnav{
	color: #000;
	height: 30px;
	background-color: #3E3E3E;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}
.whitetext{
	color: #FFF;
}