/* ---------------------------------------------------------------------
Original Author: Chris Bennett
Contributors: 

Target Browsers: Firefox 3.6, Chrome 6, iPhone, Android
Media Type: mobile

CSS Coding Standards Documentation: http://work.bravo/docs/article/css-dev-standardsd

Contents
1.0 - Global Components
    1.1 - Resets
    1.2 - Header
    1.3 - Breadcrumbs
    1.4 - H2 Elementsw
    1.5 - Collapsible Content
    1.6 - List Items
    1.7 - Select Drop Downs
    1.8 - How To Section
    1.9 - Footer Main (Home Page)
2.0 - Home Page
3.0 - Map Page
    3.1 - Fullscreen Map
4.0 - My Mobile Hotspots Page
5.0 - Find a Hotspot Page
6.0 - Hotspot Detail Page
7.0 - Search Results Page
8.0 - Search Results by Category
9.0 - Fishing Page
10.0 - Boating Page
11.0 - Fish Species
12.0 - Feedback Page
13.0 - Modals
    13.1 - Main Menu Modal
    13.2 - Confirm-Added Modal
    13.3 - Confirm-Add Entry Modal
    13.4 - Edit Entry Modal
    13.5 - Confirm Delete Modal
14.0 - Sitewide Sprite Rules
15.0 - Registration and Licensing Pages
16.0 - About this site page
------------------------------------------------------------------------ */


/* ---------------------------------------------------------------------
1.0 - Global Components
------------------------------------------------------------------------ */
/* 1.1 - Resets */
a {
    -webkit-tap-highlight-color: rgba(0,0,0,.3);
}

.ui-content {
    padding: 0;
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.ui-dialog .ui-content {
    padding: 15px;
}

.ui-page {
    background: url(//www.game80s.com/mobile/css/res/bkgd_footer.jpg);
}



.ui-btn-inner {
    padding: 0;
    border: 0;
}

.ui-header .ui-btn-left {
    display: none;
}

.clear {
    clear: both;
}

.img_header {
    margin-bottom: -4px;
    width: 100%;
}


/* 1.2 - Header */
.header {
    background: url(//www.game80s.com/mobile/css/res/bkgd_header.jpg) repeat-x;
    border-bottom: 1px solid #b49f8b;
    border-top: 1px solid #b49f8b;
    height: 44px;
    color: grey;
}

.ui-header div.logo {
    margin: 5px 0 0 7px;
}

.ui-header div.logo a {
    display: block;
    border: 0;
    background: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    width: 177px;
    height: 37px;   
}



/* 1.4 - H2 Elements */
h2 {
    text-transform: uppercase;
    margin: 0;
    background: -moz-linear-gradient(top, #847061 0%, #684728 99%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#847061), color-stop(99%,#684728)); /* webkit */
    border-bottom: 1px solid #553315;
    color: white;
    font-size: 13px;
    text-shadow: none;
    padding: 9px 13px;
}




/* 1.9 - Footer Main (Home Page) */
.footer.ui-footer {
    /*background: url(../../images/mobile/bkgd_footer.jpg) repeat-x;*/
    background: none;
    border: none;
    height: 78px;
    margin-top: -20px;
}

.footer.ui-footer ul {
    margin-bottom: 5px;
    padding-left: 15px;
    margin-top: 23px;
}

.footer.ui-footer ul li {
    display: inline;
    list-style: none outside none;
    text-shadow: none;
    border-right: 1px solid white;
    padding-right: 5px;
    padding-left: 5px;
}

.footer.ui-footer ul li:last-child {
    border: none;
}

.footer.ui-footer ul li a {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    background: none;
    font-size: 11px;
    font-weight: normal;
    text-shadow: none;
    text-decoration: none;
    color: white;
}

.footer.ui-footer ul li a .ui-btn-inner {
    padding: 0;
}

.footer.ui-footer small {
    font-size: 9px;
    text-shadow: none;
    font-style: normal;
    font-weight: normal;    
    padding-left: 15px;
}

.footer.ui-footer small div
{
    padding-left: 15px;
}

.footer.ui-footer .logo_sport-fish-restoration {
    width: 33px;
    height: 33px;
    margin-right: 9px;
    margin-top: -15px;
    float: right;
}

.torn_paper {
    background: url(res/bkgd_paper-tear.png) repeat-x 0px bottom;
    height: 59px;
    position: relative;
    z-index: 1;
}


/* ---------------------------------------------------------------------
2.0 - Home Page
------------------------------------------------------------------------ */
#main_nav {
    text-align: center;
   /* background: url(../../images/mobile/bkgd_nav.jpg);*/
    background-color:#F4EFE9;
    padding:15px;
}

#main_nav a {
    float: none !important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#main_nav .ui-grid-a,
#main_nav .ui-grid-b {
    background-color: #f4efe9;
}


#main_nav .btn_find-hotspot, #modal_main-menu .btn_find-hotspot,
#main_nav .btn_my-hotspots, #modal_main-menu .btn_my-hotspots,
#main_nav .btn_species, #modal_main-menu .btn_species,
#main_nav .btn_fishing, #modal_main-menu .btn_fishing,
#main_nav .btn_alq, #modal_main-menu .btn_alq, /* ALQ */
#main_nav .btn_boating, #modal_main-menu .btn_boating {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    text-align: center;
    text-indent: 0;
}

.btn_species { padding: 0 10px; }
.btn_fishing { padding: 0 27px; }
.btn_boating { padding: 0 28px; }
.btn_alq { padding: 0 10px; }
.btn_find-hotspot { padding: 0 8px; }

.btn_find-hotspot .ui-btn-inner,
.btn_my-hotspots .ui-btn-inner,
.btn_species .ui-btn-inner,
.btn_fishing .ui-btn-inner,
.btn_alq .ui-btn-inner,
.btn_boating .ui-btn-inner {
    overflow: visible;
}

.btn_find-hotspot .ui-btn-text,
.btn_my-hotspots .ui-btn-text,
.btn_species .ui-btn-text, 
.btn_fishing .ui-btn-text,
.btn_alq .ui-btn-text,
.btn_boating .ui-btn-text {
    color: #4c3920;
    text-shadow: none;
    font-size: 11px;
    position: absolute;
    bottom: 0;
}

.sprite {
	background-repeat:no-repeat;
    text-indent: -9999px;
    border: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 10px;
}


.sprite.logo { background: url(//www.game80s.com/mobile//css/res/logo.png) ;background-size: 150px 30px; height: 30px; width:150px ;margin-left:10px;}
.sprite.btn_game1 { background: url(//www.game80s.com/mobile//css/res/icon_mj1.png) ;background-size: 72px 72px; height: 72px; width:72px ; }
.sprite.btn_game2 { background: url(//www.game80s.com/mobile//css/res/icon_mj2.png) ;background-size: 72px 72px; height: 72px; width:72px ; }
.sprite.btn_game3 { background: url(//www.game80s.com/mobile//css/res/icon_mj3.png) ;background-size: 72px 72px; height: 72px; width:72px ; }
.sprite.btn_game4 { background: url(//www.game80s.com/mobile//css/res/icon_mj4.png) ;background-size: 72px 72px; height: 72px; width:72px ;  }

.sprite.btn_game5 { background: url(//www.game80s.com/mobile//css/res/icon_shoot1.png) ;background-size: 72px 72px; height: 72px; width:72px ;  }
.sprite.btn_game7 { background: url(//www.game80s.com/mobile//css/res/icon_poker1.png) ;background-size: 72px 72px; height: 72px; width:72px ; }

.sprite .ui-btn-inner {
    overflow: visible;
}

.sprite .ui-btn-text {
    color: #4c3920;
    text-shadow: none;
    font-size: 11px;
    position: absolute;
    width: 70px;
    height: 30px;
    top: 74px;
    left: 0px;
    text-align: center;
    line-height: 15px;
 
}
#main_nav .sprite {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border: none;
    text-align: center;
    text-indent: 0;
}


.ui-mobile-viewport {overflow-x:visible !important}


.share{display:none;position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;text-align:center;color:#fff;font-size:26px;line-height:1.7em;background:rgba(0,0,0,0.80);}
.share .arrow{ position:absolute;top:8px;right:8px;width:100px;height:144px;background:url(images/share.png) no-repeat; background-size:100px 144px;}
.share p{padding-top:10px;padding-left:40px;padding-right:40px;}
.iphone_share {
    width: 20px;
    height:  27px;
}
.android_share {
    width: 20px;
    height:  20px;
}
.code-info {
    font-size: 20px;
    display: none;
}
.code {
    font-size: 28px;
    font-weight: bold;
    line-height: 50px;
    color:red;
}
#msg_title{
    font-size: 28px;
    font-weight: bold;
    line-height: 48px;
}
#msg_share{ 
    font-size: 15px;
    line-height: 25px;
}
#msg{
    font-size: 15px;
    line-height: 25px;
}