html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    font-family: arial;
    overflow:hidden;
    background-color: #000;    
}
#container {
    width: 100%;
    height: 100%;
    margin: auto;
    position: relative;
    background-color: #000;    
}
#header {
    height: 35px;
    background-color: #668;
    color: #fff;
    margin:0;
    padding:0;
    overflow:hidden;
    border-radius: 17px 10px 10px 17px;  
}
iframe {
    border-radius: 0; 
    border:none;
}
#ifr {
    border-radius: 0;     
    border:none;
}
#when {
    border-radius: 4px;
}
#tapforother {
    margin:3px 0 0 0;
    overflow:hidden;
    width: 100%;
    height:23px;
    background:#557;
    color:#ffffff;
    text-align:center;
    padding-top:6px;
    font-weight:bold;
    border-radius: 10px;    
}
#results {
    position:absolute;
    top:56px;
    bottom:92px;
    left:20px;
    right:20px;
    overflow: auto;
    background-color:#242424;
    color:#fff;
    z-index:900;
    padding:6px;
    border-radius: 10px;     
    border:1px solid #555;
}
div.result {
    margin:4px;
    padding:6px;
    background-color:#446;
    border-radius: 10px;       
}
div.cancel {
    background-color:#557;
    color:#fff;
    width:52px;
    height:18px;
    padding:4px 8px 4px 8px;
    margin:4px 4px 5px 0;
    float:right;
    border-radius: 10px;    
}
#content {
    position:absolute;
    bottom:62px;
    top: 36px;
    width:100%;
    overflow: auto;
    background-color:#000;
    z-index:100;
}
#content2 {
    position:absolute;
    bottom:0px;
    top: 36px;
    width:100%;
    overflow: auto;
    background-color:#000;
    z-index:100;
}
#footer {
    height:60px;
    width:100%;
    position:absolute;
    bottom:0;
    margin:0;
    padding:0;
    background-color:#000;
}
.nav {
    width:100%;
    height:24px;
    font-size:20px;
    margin:0;
    padding:0;
    color:#aab;
    background-color:#666040;
    background-color:#000;    
    border:0;
    border-top-left-radius: 12px;  
    border-top-right-radius: 12px;        
}
.nav tr {
    margin:0;
    padding:0;    
}
.nav td {
    width:33%;
    border:1px solid #aab;
    border-radius: 12px;    
    background-color:#405066;
    margin:0;
    padding:0;    
}
.nav td.selected {
    border:1px solid #aab;
    border-radius: 12px;    
    color:#dde;
    background-color:#668;
}
.subnav {
    width:100%;
    height:24px;
    font-size:20px;
    margin:0;
    padding:0;
    color:#aab;
    background-color:#353;
    background-color:#000;
    border:0;
}
.subnav tr {
}
.subnav td {
    width:33%;
    border:1px solid #779;
    border-radius: 12px;    
    margin:0;
    padding:0;      
    background-color:#383850;    
}
.subnav td.selected {
    border:1px solid #779;
    border-radius: 12px;    
    color:#ccd;
    background-color:#484860;
}
.iconnav {
    width:100%;
    height:24px;
    margin:0;
    padding:0;
    background-color:#5f7089;
    border:none;
}
.iconnav tr {
}
.iconnav td {
    width:33%;
    border:none;
}
.iconnav td.selected {
    border:none;
}
.left {
    text-align:center;
}
.center {
    text-align:center;
}
.right {
    text-align:center;
}

.selector {
    padding:6px;
    text-align:center;
}
.copyright {
    width:100%;
    margin-top:4px;
    text-align:center;
    font-size:14px;
    color:#888;
font-face:arial;
}
.hidden {
    display:none;
}
.visible {
    display:block;
}
.hsicon {
    position:absolute;
    top:0;
    left:0;
    z-index: 1000;
}
.newsicon {
    position:absolute;
    top:6px;
    right:6px;
}
.weathericon {
    display:none;
    position:absolute;
    top:6px;
    right:6px;
}
h1 {
    font-size:20px;
    margin:6px;
    padding-left:34px;
}
h2 {
    font-size:18px;
    margin:4px;
}
h3 {
    font-size:16px;
    margin:4px;
}
h1.results {
    padding-left:0;
}
div.resultstap {
    margin-left:4px;
    margin-top:8px;
}
.state {
    font-size:24px;
    margin:4px;
    color: #dde;
    background-color:#557;
    padding-left:6px;
    position:relative;
    border-radius: 8px;       
}
.state2 {
    font-size:22px;
    margin:4px 4px 8px 4px;
    color: #eed;
    background-color:#333;
    padding:4px 0px 4px 6px;
    position:relative;
    border-radius: 8px;       
}
.state3 {
    font-size:16px;
    margin:4px 4px 8px 4px;
    color: #aaa;
    background-color:#222;
    padding:4px 0px 4px 6px;
    position:relative;
    border-radius: 8px;       
}
.stateinfo {
    position:absolute;
    top:3px;
    right:8px;
}
.grayed {
    color:#99a;
}
.location {
    display:block;
    margin:8px 6px 4px 6px !important;
    font-size:28px !important;
    text-align:center;
    color: #bbc;
    background-color:#446;
    padding:0px 0 0 0 !important;
    border-radius:30px !important;
    height:32px;
}
.spot {
    font-size:20px;
    margin:4px 0px 4px 0px;
}
.divspot {
    display:block;
}
.divspothidden {
    display:none;
}
.best {
    color:#fff;
    font-weight:bold;
}
.box {
    display:block;
    border:4px solid #443;
    border:4px solid #778;
    margin:0 6px 0 6px;
    padding:4px;
    font-size:18px;
    font-weight:normal;
    color:#dde;
    background-color:#ddd0b0;
    background-color:#446;
    border-radius: 12px;     
}
.box.best {
    border:4px solid #00a;
    border:4px solid #353;   
    border:4px solid #779;      
    background-color:#353;
    background-color:#557;
    border-radius: 12px;     
}
.box.fair {
    border:4px solid #00a;
    border:4px solid #447;    
    background-color:#ddf;
    background-color:#335;
    border-radius: 12px;     
}
.box b {
    font-size:18px;    
    display: block;
    padding-bottom:6px;
    color:#eef;
}
.box.best b {
    color:#00a;
    color:#eef;
}
.box note {
    display: block;
    font-size:16px;
    padding-top:6px;
    color:#bbc;
    font-style: italic;    
}
div.map {
    margin:12px 0 0 0;
}
img.map {
    width:100%;
}
.update {
    display:block;
    margin:4px 4px 0 4px;
    font-size:16px;
    color: #ccd;
    background-color:#668;
    padding-left:6px;    
    border-radius: 6px;    
}
.tapformap {
    display:block;
    margin:4px 4px 0 4px;
    font-size:16px;
    color: #ccd;
    background-color:#557;
    padding-left:6px;    
    border-radius: 6px;    
}
.disclaimer {
    display:block;
    margin:4px 4px 0 4px;
    font-size:16px;
    color: #ccd;
    background-color:#446;
    padding-left:6px;    
    border-radius: 6px;    
}