/**********************************
	USGS Mobile
**********************************/  

 /*** Current Location Pulse ***/
@-webkit-keyframes
       pulse
      {
        0%
        { opacity: 1.0; }
        45%
        { opacity: .20; }
        100%
        { opacity: 1.0; }
      }
@-moz-keyframes
       pulse
      {
        0%
        { opacity: 1.0; }
        45%
        { opacity: .20; }
        100%
        { opacity: 1.0; }
      }

#map_graphics_layer
      {
        -webkit-animation-duration: 3s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-name: pulse;
        -moz-animation-duration: 3s;
        -moz-animation-iteration-count: infinite;
        -moz-animation-name: pulse;
      }
 
.ui-bar-f {
         border: 1px solid #005502;
         background: #9d3f25;
         color: #fff;
         text-shadow: 0 1px 0 #fff;
         background-image: -moz-linear-gradient(top, #92542c, #9d3f25);
         background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #92542c),color-stop(1, #9d3f25));
         -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#92542c', EndColorStr='#9d3f25')";
      }
      
 /*** Sites Map ***/
 /* pixel values need to be changed percentages */
 
#map { 
        position: absolute;  	
        width: 100%; 
        height: 100%;
        /* min-height: 100%; */
        /* padding: .5em; */	
        /* top: 4em; */
        top: 0;
        left: 0;
}

#map_zoom_slider{
      /* top:15% !important; */
      top: 7.0em !important;
    }
	
#search {
        display: block;
        position: absolute;
        z-index: 2;
        /* top: 15%; */
        /* left: 5%; */
        top: 4.5em;
        left: 1.2em;
      }

#contentarea { 	
        width: 100%; 
        height: 77%;
        /*width: auto; */
        /*height: auto; */       
        padding:0;
}

#locationpage { 	
        width: 100%; 
        height: 100%;
        overflow:hidden;
}

#parmlist_page_title { 	
    font-family: Verdana, Arial, Helvetica;
    font-size: 8.0pt;
    font-weight: bold;
    text-align: left;
    vertical-align: middle;
    color:#000000;
}

#parameter_code { 	
    font-family: Verdana, Arial, Helvetica;
    font-size: 8.0pt;
    font-weight: bold;
    text-align: left;
    color:#000000;
    white-space: normal;
}

 /*
.landscape, .landscape .ui-page, .portrait, .portrait .ui-page {
        min-height: 100%; 
}
*/

/* Hide the x close on the Legend */
#legend div .ui-header a { display:none;}

/* This enables word wrap in the list views*/
.ui-li-desc {
    white-space: normal;
}​
/* This is needed so graph still resizes */
.ui-li-thumb{
   display:none;
 }

 
 /*** Stand-alone graph ***/
 
.standalonegraph {
		width: 100%; 
		height: 40%;
}

.usgslogo {
        width: 10%; 
        height: 10%;
}

 /*** Standard Header ***/

.ui-icon-myapp-location {
    background-image: url("images/mylocation18white.png");
}

.header-block {       
        /* height: 45px; */       
        valign: top;
        /*position: fixed;*/
        top: 0;
}

.header-block h3 {
        text-align: center;
}
        
 /*** Standard Footer ***/

.footer-block {
        height: 35px;     
        bottom: 0;
	/* padding: 5px 0; */
	/* clear: both;    */
	/* color: #f5f5f5; */    
	/* position: fixed; */
	/* position: absolute; */
}

.footer-block p {
	font-weight: normal;
	font-size: .9em;
}

.footer-block p a {
	text-decoration: none;
	float: right;		
}


.ui-mobile-viewport .footer-block p {
	margin: .5em 15px;	
}

.ui-mobile-viewport .footer-block {
	font-weight: bold;
}

@media all and (min-width:650px) {
	.ui-mobile-viewport .footer-block {
		overflow: hidden;		
	}
	.ui-mobile-viewport .footer-block p {
		margin: 1em 15px;
		float: left;		
	}
	.ui-mobile-viewport .footer-block {
		float: right;
		font-weight: normal;
	}
}
/*
@media only screen and (min-width: 1025px){
	.ui-page {
		width: 960px !important;
		margin: 0 auto !important;
		position: relative !important;
	}
}
*/
