/*
 <module>
     Elicense.css
 </module>
 <summary>
     Styles for the E-License web application.
 </summary>
 <copyright>
     Copyright © 2015.  Michigan Department of Natural Resources.
     All Rights Reserved.

     The contents of this file are subject to the Michigan RSS License
     (the 'License'); you may not use this file except in compliance
     with the License.

     THE SOFTWARE IS PROVIDED 'AS-IS' AND WITHOUT WARRANTY OF ANY KIND,
     EXPRESS, IMPLIED OR OTHERWISE, INCLUDING WITHOUT LIMITATION, ANY WARRANTY OF
     MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE.

     UNDER NO CIRCUMSTANCES AND UNDER NO LEGAL THEORY, WHETHER TORT (INCLUDING
     NEGLIGENCE), CONTRACT, OR OTHERWISE, SHALL THE INITIAL DEVELOPER, ANY OTHER
     CONTRIBUTOR, OR ANY DEVELOPER OF COVERED CODE, OR ANY SUPPLIER OF ANY OF
     SUCH PARTIES, BE LIABLE TO YOU OR ANY OTHER PERSON FOR ANY INDIRECT,
     SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER INCLUDING,
     WITHOUT LIMITATION, DAMAGES FOR LOSS OF GOODWILL, WORK STOPPAGE, COMPUTER
     FAILURE OR MALFUNCTION, OR ANY AND ALL OTHER COMMERCIAL DAMAGES OR LOSSES,
     EVEN IF SUCH PARTY SHALL HAVE BEEN INFORMED OF THE POSSIBILITY OF SUCH
     DAMAGES. THIS LIMITATION OF LIABILITY SHALL NOT APPLY TO LIABILITY FOR DEATH
     OR PERSONAL INJURY RESULTING FROM SUCH PARTY’S NEGLIGENCE TO THE EXTENT
     APPLICABLE LAW PROHIBITS SUCH LIMITATION. SOME JURISDICTIONS DO NOT ALLOW
     THE EXCLUSION OR LIMITATION OF INCIDENTAL OR CONSEQUENTIAL DAMAGES, SO
     THAT EXCLUSION AND LIMITATION MAY NOT APPLY TO YOU.
     Call Hewlett-Packard Development Company for more information.

     Notices of copyright and/or attribution that appear at the beginning
     of any file included in this distribution must remain intact.

     See the License for the specific language governing rights and limitations
     under the License.
 </copyright>
 <history>
     <change date="09/09/2010" author="Paul Olszewski" release="1">
         First revision.
     </change>
     <change date="10/18/2010" author="James Kircoff" release="1">
         Added Welcome view styles
     </change>
     <change date="11/01/2010" author="James Kircoff" release="1">
         Added Display Items for Print and Print Receipt and Items view styles
     </change>
     <change date="11/19/2010" author="MaoShen Taur" release="1">
         Added CustomerIdentification view styles
     </change>
     <change date="1/19/2011" author="Paul Olszewski" release="1 CC998 CR70794">
         Added common table style with -2px margins for IE6
     </change>
     <change date="1/29/2011" author="David Gruner" release="1 CC998 71140">
         Removed common table style in favor of an additional DIV in the master page.
     </change>
     <change date="02/01/2011" author="James Kircoff" release="1 CR 71259">
         Removed width attribute from "border a img".
     </change>
     <change date="07/15/2013" author="MDNR Developers" release="14.1">
         Added media queries for tablet and mobile form factors.
         Updated styles for the master page.
         Added version # to file name.
         Added gridTable and gridCell styles for tables.
         Added classes for additional questions
         Added styles for Checkout.
         Fixed E-License Home link font size.
     </change>
     <change date="11/26/2013" author="Greg Flynn" release="14.1 CR87761/2098">
         Updated Mobile FF for checkoutGiftCertificateButton to set vertical alignment
         to middle.
     </change>
     <change date="11/27/2013" author="David Gruner" release="14.1 CR87597/2032">
         Added style for the drop down list on the catalog page
     </change>
     <change date="12/05/2013" author="Paul Olszewski" release="14.1 CR87794/2121">
         Set min-height for #page to prevent extra space at the bottom of the page
     </change>
     <change date="12/05/2013" author="Paul Olszewski" release="14.1 CR87869/2149">
         Added styles for Hunt Area selection selection list
     </change>
     <change date="12/12/2013" author="Paul Olszewski" release="14.1 CR87903/2164, 87592/2027">
         Updated styles for left navigation using responsive-nav.js
     </change>
     <change date="12/16/2013" author="Paul Olszewski" release="14.1 CR87986/2186">
         Hide ms-clear style to prevent display of clear button in text boxes on IE10
     </change>
     <change date="12/16/2013" author="Paul Olszewski" release="14.1 CR87897/2162, 87527/1981">
         Aligned radio button inputs to fix display on mobile form factors
     </change>
     <change date="12/18/2013" author="Paul Olszewski" release="14.1 CR87764/2099">
         Set white-space no wrap for datebox input text to fix AM/PM alignment on Android
     </change>
     <change date="01/08/2014" author="Paul Olszewski" release="14.1 CR88048/2192">
         Set radio button input width/height to 1 to fix tab issue with Safari desktop
     </change>
     <change date="09/15/2014" author="Bill Shurlow" release="15.1.2 CR89352">
         Added styles for marquee
     </change>
     <change date="10/13/2014" author="Mike Terranova" release="Release 15.1.2 CR90615">
         Updated background color behind banner images.
     </change>
     <change date="11/14/2014" author="Bill Shurlow" release="Release 15.1.2 CR91158/2296">
         Updated the marquee style to include no wrapping on long messages. Expanded line height.
     </change>
     <change date="11/20/2014" author="Paul Olszewski" release="Release 15.1.2 CR91191/2301">
         Updated styles to fix scrollbar and excess whitespace in Firefox.
         This backs out part of the CR91158 change for marquee due to impact from other style changes.
         This also fixes a footer centering issue and the sidebar image not displaying to bottom of browser window.
     </change>
      <change date="11/20/2014" author="Paul Olszewski" release="Release 15.1 CR91388/2341">
         Backed out CR91191 change for Firefox due to impact to DevExpress popup controls and moved to 
         mozilla-specific form tag.
     </change>
     <change date="05/20/2015" author="Paul Olszewski" release="15.3 CR92061">
         Added styles for Welcome page text: welcomeList and paymentOptions.
     </change> 
</history>
*/

    /* Begin Master page styles */
    body 
    {
        margin: 0;
        padding: 0;
        border: 0;			/* This removes the border around the viewport in old versions of IE */
        background: white;
        font-family: Arial, Helvetica, sans-serif;
        /* display sidebar graphic on entire background */
        background-image: url(../../content/images/sidebar.bmp);
        background-repeat: repeat-y;
    }

    #page
    {
        top: 70px;
        max-width: 960px;
        min-height: 90% !important;
        z-index: 1;
	    background: White;
        background-image: url(../../content/images/sidebar.bmp);
        background-repeat: repeat-y;
    }
        
    #header
    {
        top: 0px;
        left: 0px;
        position: fixed;
        z-index: 99999;
    }

    #banner
    {
        height: 70px;
        width: 960px;
        margin: 0px;
        padding: 0px;
        border-style: none;
        vertical-align: bottom;
        display: block;
        top: 0;
        left: 0;
        background-color: #C0AE86;
    }
        
    #banner a img
    {
        height: 70px;
        border-style: none; 
    }

    #mini-banner
    {
        display: none;
    }

    #top-nav
    {
	    width: 960px;
        height: 25px;
        border-style: none;
        color: white;
        background-color: #27285e;
    }
    #top-nav ul
    {
        margin: 0px;
        font-weight: bold;
        text-align: right;
        line-height: 25px;
        white-space: nowrap;
        list-style-type: none;
    }
    #top-nav li
    {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center;
        display: inline;
        text-shadow: none;
    }
    #top-nav li a
    {
        text-decoration: none;
        background-color: #27285e;
    }
    #top-nav li a:link,
    #top-nav li a:visited
    {
        color: white; 
        text-decoration: none; 
    }
    #top-nav li a:hover
    {
        background-color: #E3E3EC; 
        color: #000000; 
    }

    #side-nav 
    {
        width: 150px;
        top: 25px;
        left: 0;
        display: block;
        position: absolute;
        background-color: #27285e;
        color: white;
        font-weight: bold;
        vertical-align: top;
        border-style: none;
        background-color: #27285e;
        z-index: 2;
    } 
    #side-nav ul 
    {
        margin: 10px 5px 5px 5px;            
        padding: 0px;
        list-style-type: none;
        font-size: smaller;
    }
    #side-nav li 
    {
        margin-bottom: 7px;
        text-shadow: none;
    }
    #side-nav a
    { 
        display: block; 
        background-color: #27285e;
    }
    #side-nav a:link,
    #side-nav a:visited
    {
        color: white; 
        text-decoration: none; 
    }
    #side-nav li a:hover 
    {
        background-color: #E3E3EC; 
        color: #000000; 
    }
    
    #toggle
    {
        display: none;
    }
    #toggle .ui-btn-inner
    {
        padding: 0;
        background-color: #27285e;
        text-shadow: none;
        border: none;
        color: White;
    }
    #toggle .ui-btn-up-f
    {
        border-color: #27285e;
    }
    #toggle .ui-btn-hover-f .ui-btn-inner
    {
        background-color: #E3E3EC; 
        color: #000000; 
    }
    #toggle .ui-btn-left
    {
        left: 0px;
    }
    #toggle .ui-btn-icon-left .ui-icon
    {
        left: 5px;
    }
    #toggle .ui-btn-inline-f
    {
        border: none;
    }
    #toggle .ui-btn
    {
        margin: 0;
    }
    #toggle .ui-icon-shadow,
    #toggle .ui-shadow
    {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    #toggle .ui-icon
    {
        background-color: #27285e;
    }
    #toggle .ui-btn-inner .ui-btn-text
    {
        text-align: left;
        padding-left: 25px;
        padding-right: 90px;
        font-size: small;
    }
    #toggle .ui-btn-inner,
    #toggle .ui-corner-all,
    #toggle .ui-btn-corner-all
    {
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important;
    }
    
    /* column container */
    #main 
    {
        margin-left: 150px;
        width: 800px;
        z-index: 999;
        position: absolute;
        top: 0;
        background-color: White;
    }

    #content
    {
        vertical-align: top;
        border-style: none;
    }

    #footer
    {
        /* width 100% fixes positioning issue with footer */
        width: 100%;
        border-style: none; 
        vertical-align: top; 
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        font-size: smaller;
        line-height: 1.25em;
        background-color: White;
    }
    #footer a
    {
        color: Black;
        line-height: 1.25em;
    }

    #panInfo { display: none; }
    #panMaintenanceMode { display: none; }

    h1
    {
        color: #27285e;
        font-weight: bolder;
    }

    h2
    {
        color: #27285e;
        font-weight: bolder;
        font-size:large;
    }
    
    h3
    {
        display: inline;
        font-size: larger;
        font-weight: bold;
    }

    ul, ol
    {
        -webkit-margin-after: 0em;
        ms-margin-after: 0em;
    }

    .alert
    {
        color: Red;
	    font-family: Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: medium; 
    }
        
    .alert img
    {
        width: 23;
        height: 22;
        border: none;
    }
        
    /*End Master page styles*/
    
    /*Begin Catalog view styles*/
    .ExpiringItem
    {
        font-style: italic;
        color: Red;
    }

    #categoryPanel .ui-select { width: 330px; }

    /*marquee*/
    .marquee 
    {
        width: 100%;
        height: 1.2em;
        /* overflow visible causes scrollbar to display in desktop browsers */
        overflow: hidden;
        white-space: nowrap;
    }   

	/* Begin CustomerIdentification page styles */
	/* 11/19/10 MT*/
    .Table
    {
        display: table;
        left: 0px;
        width: 100%;
        margin-bottom: .5em;
        padding: 1px;
        border: 0;
        color: Black;
        cursor: default;
    }
    .TableHeader 
    {
        display: table-row;
	    padding:  4px 6px 5px 6px;
	    border: solid 1px #9c9ab7;
	    background: url('../../App_Themes/ELicenseTheme/GridView/gvGradient.gif') repeat-x center top #9c9ab7;
        font-weight: bold;
        text-align: center;
    }
    .row
    {
        display: table-row;
    }
    .TableCellLeft
    {
        display: table-cell;
        width: 55%;
        vertical-align: middle;
        border: 0;
        padding: 2px 6px 5px 6px;
        text-align: right;
    }
    .LeftPadding
    {
        padding: 2px 6px 5px 50px;
    }
    .TableCellRight
    {
        border: 0;
        padding: 2px 10px 5px 6px;
        text-align: left;
    }
    .TableCellFull
    {
        display: table-cell;
        width: 100%;
        vertical-align: middle;
        border: 0;
        padding: 2px 6px 5px 6px;
        text-align: left;
    }
    .CheckBoxText
    {
        margin: 3;
        width: 100%;
    }
    #residency .ui-controlgroup .ui-radio label
    {
        font-size: small;
    }
	/*End CustomerIdentification page styles*/

    /* Styles for Checkout. */
    .checkoutTableCellLeft
    {
        display: table-cell;
        width: 35%;
        vertical-align: middle;
        border: 0;
        padding: 2px 6px 5px 6px;
        text-align: right;
    }

    .checkoutTableCellRight
    {
        border: 0;
        padding: 2px 6px 5px 6px;
        text-align: left;
    }

    .checkoutAlign
    {
        text-align: right;
    }

    .checkoutDisplay
    {
        display: table-cell;
    }

    .checkoutGiftCertificateButton
    {
        display: inline-block;
        vertical-align: top;
        padding-left: 1em;
        padding-bottom: .5em;
        width: 220px
    }

    .checkoutKeepShoppingText
    {
        display: table-cell;
        padding-right: .5em;
        vertical-align: middle;
        text-align: right;
        width: 80%;
    }

    .checkoutKeepShoppingButton
    {
        display: table-cell;
        float: right;
    }
    /* End styles for Checkout. */

    .gridTable
    {
        border: 1px solid Gray;
        border-top: 1px none White;
        border-collapse: collapse;
        border-spacing: 0;
    }
    
    .gridCell
    {
        padding: 5px;
        border-right: 1px solid Gray;
    }
	/*End CustomerIdentification page styles*/

    .pcOnly
    {
        display: block;
    }
    .tabletOnly
    {
        display: none;
    }
    .mobileOnly
    {
        display: none;
    }
    .pcAndTablet
    {
        display: block;
    }
    .tabletAndMobile
    {
        display: none;
    }
    .showOnTablet
    {
        display: none;
    }
    .showOnTabletAndMobile
    {
        display: none;
    }
    .centerButton
    {
        display: table;
        margin: 0 auto;
        text-align: center;
        padding-top: 1em;
        width: 170px;
    }
    .inlineButton
    {
        display: inline-block;
        padding-top: 1em;
        padding-left: .5em;
        padding-right: .5em;
        width: 170px;
    }
    .centerPanel
    {
        width: 100%;
        text-align:center;
    }

    .BulletList li
    {
        padding-bottom: .5em;
    }
    .BulletList div
    {
        display: inline;
    }
    
    .paddedList
    {
        padding-left: 1em;
    }
    
    /* used by Elk and Land Owner radio button list */
    .buttonList label
    {
        width: 200px;
    }
    /* use for any yes/no radio button list */
    .buttonListYesNo label
    {
        width: 85px;
    }
    /* used by Hunter Safety radio button list */
    .buttonListWide label
    {
        width: 370px;
    }
    
    /* used on Welcome page for instruction steps div*/
    .welcomeList
    {
        float: left; 
        width: 60%;
    }
    .welcomeList ul, ol
    {
        -webkit-margin-after: 1em;
        ms-margin-after: 1em;
    }

    /* used on Welcome page for Payment options div*/
    .paymentOptions
    {
        float: right; 
        margin-top: 3em; 
        width: 40%
    }
    .paymentOptions span
    {
        padding-left: 1em;
        padding-bottom: .5em;
        display:block
    }

    /* images */
    #visa
    {
        display: inline-block;
        vertical-align:middle;
        width:  55px;
        height: 34px;
        border: 0px;
        margin: 3px 0px 3px 0px;
    }

    #discover
    {
        display: inline-block;
        vertical-align:middle;
        width:  55px;
        height: 34px;
        border: 0px;
        margin: 3px 0px 3px 0px;
    }

    #mastercard
    {
        display: inline-block;
        vertical-align:middle;
        width:  55px;
        height: 34px;
        border: 0px;
        margin: 3px 0px 3px 0px;
    }

    #stay_updated
    {
        display: block;
        background-image: url(../../Content/Images/stayupdated.png);
        background-repeat: no-repeat;
        background-position: right top;
        border: none;
        width: 125px;
        height: 32px;
        margin-top: 3px;
        padding-right: 15px;
        text-align: left;
    }

    /* jQuery Mobile style overrides */
    #top-nav .ui-link
    {
        font-size: medium;
    }

    .wrapHeader .ui-collapsible-heading
    {
        font-size: 100%;
    }

    .wrapHeader .ui-btn-inner .ui-btn-text
    {
        white-space: normal;
    }
    
    .bigButton .ui-btn
    {
        height: 3em;
        line-height: 2em;
    }

    input
    {
        text-indent: .4em;
    }
    
    .ui-content
    {
        padding: 10px;
    }

    .ui-bar-f 
    {
        background-color: #27285e;
        color: White;
        height: 25px;
	    font-family: Arial, Helvetica, sans-serif;
        text-shadow: none;
    }
    .ui-icon-bars
    {
        background-image: url(../../Content/Images/icons-18-bars.png);
    }
    
    .ui-corner-all, .ui-btn-corner-all
    {
        -moz-border-radius: 10px !important;
        -webkit-border-radius: 10px !important;
        border-radius: 10px !important;
    }

    .ui-btn-up-f, .ui-btn-hover-f, .ui-btn-down-f
    {
        font-size: medium;
        font-weight: bold;
        color: White;
        background-image: none;
        text-decoration: none;
    }
    .ui-btn-hover-f
    {
        background-color: #E3E3EC; 
        color: #000000; 
    }

    .ui-btn-up-f .ui-btn-inner, 
    .ui-btn-hover-f .ui-btn-inner, 
    .ui-btn-down-f .ui-btn-inner, 
    .ui-btn-left-f .ui-btn-inner
    {
        border: none;
        padding: 0;
        margin: 0;
        box-shadow: none;
    }
    .ui-btn-inner 
    {
        padding: .5em;
    }

    .ui-radio-off.ui-corner-top.ui-btn-up-c,
    .ui-radio-off.ui-corner-top.ui-btn-up-c,
    {
        border: none;
    }

    .ui-listview .ui-btn-up-f a,
    .ui-listview .ui-btn-down-f a,
    .ui-listview .ui-btn-hover-f a
    {
        background-color: inherit;
	    font-family: Arial, Helvetica, sans-serif;
	    font-weight: normal;
	    white-space: normal;
	    color: White;
	    width: 150px;
    }

    .ui-listview .ui-btn-text { white-space: normal }

    .ui-collapsible-content
    {
        padding: 0;
        margin: 0;
    }

    .ui-body-c
    {
        text-shadow: none !important;
    }

    .ui-select
    {
        display: inline-block;
    }

    .ui-br
    {
        border-bottom-style: none;
    }
    .ui-collapsible-content {
        padding: 10px 8px !important;
    }
    
    input.ui-input-text
    {
        padding-top: .5em;
        padding-bottom: .5em;
        font-size: inherit;
    }
    input.ui-input-text, textarea.ui-input-text 
    {
        padding-left: .2em;
        padding-right: .2em;
        line-height: inherit;
    }
    .ui-btn
    {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .ui-checkbox input, .ui-radio input 
    {
        top: 40%;
    }
    .ui-checkbox, .ui-radio
    {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    
    /* effective date/time datebox control */
    .ui-datebox-container
    {
        padding: 5px;
    }
    .ui-datebox-controls .ui-btn
    {
        margin-left: 2px;
        margin-right: 2px;
    }
    .ui-datebox-controls .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b
    {
        margin-top: 5px;
    }
    .ui-datebox-controls .ui-input-text
    {
        padding-left: .15em;
        padding-right: .15em;
        white-space: nowrap;
    }
    /* hunt area menu */
    .ui-selectmenu
    {
        max-width: 500px;
    }

    /* remove clear button from IE10 text boxes */
    input[type=text]::-ms-clear
    {
      width: 0;
      height: 0;
    }

    /* fix alignment of radio button highlight on mobile devices */
    input[type=radio] 
    {
        left: 1em;
        top: 2px;
        width: 1;
        height: 1;
    }

    /*! responsive-nav.js 1.0.24 by @viljamis */
    .nav-collapse ul
    {
        margin: 0;
        padding: 0;
        width: 140px;
        display: block;
        list-style: none;
    }

    .nav-collapse li
    {
        width: 100%;
    }

    .js .nav-collapse
    {
        clip: rect(0 0 0 0);
        display: block;
        overflow: hidden;
        zoom: 1;
    }

    .nav-collapse.opened
    {
        max-height: 999px;
    }

@media screen and (min-width: 961px)
{
    .js .nav-collapse
    {
        position: fixed;
    }
    .js .nav-collapse.closed
    {
        max-height: none;
    }
}
    /*end responsive-nav.js 1.0.24 by @viljamis */

/* hide excess vertical whitespace in Firefox */
@-moz-document url-prefix() {
    form {
        overflow: hidden;
    }
}
        
/*******************************/
/*  Tablet form factor styles  */
/*******************************/		
@media screen and (max-width: 960px) 
{
    body
    {
        font-size: medium;
        /* hide the sidebar graphic */
	    background: White;
    }
    
    #page
    {
        width: 100%; /*Width of main container*/
        top: 50px;
	    background: White;
    }

    #banner
    {
        display: none;
    }
     
    #main
    {
        margin-left: 0px;
        position: relative;
    }
    
    #mini-banner
    {
        height: 25px;
        display: block;
        width: 100%;
        background-color: White;
    }
    #header
    {
        width: 100%;
    }
    
    #migov_img
    {
        display: none;
    }
    
    /* Navigation */  
    #top-nav
    {
	    width: inherit;
	    display: block;
	    padding: 0;
    }
    #top-nav .ui-link
    {
        font-size: smaller;
    }
    #top-nav li
    {
        padding-left: 10px;
        padding-right: 5px;
    }
    #toggle
    {
        display: block;
        border-style: none;
    }
    #side-nav
    {
        width: auto;
        top: 0;
        max-height: 999px; /* prevents cutting off the last list item */
    }
    .nav-collapse ul
    {
        width: 100%;
    }
    .nav-collapse li
    {
        padding-bottom: 0.5em;
    }
    /* End Navigation */

    #main
    {
        width: inherit; /*Width of main container*/
        margin-left: 0px;
    }
    
    #footer
    {
        width: 100%;
        margin-left: 0;
    }
    
    #footer .links
    {
        display: none;
    }
    
    h1
    {
        margin-top: 0;
        -webkit-margin-before: 0;
    }

    .pcOnly
    {
        display: none;
    }
    .tabletOnly
    {
        display: block !important;
    }
    .mobileOnly
    {
        display: none;
    }
    .pcAndTablet
    {
        display: block;
    }
    .tabletAndMobile
    {
        display: block;
    }
    .showOnTablet
    {
        display: table-row;
    }
    .showOnTabletAndMobile
    {
        display: table-row;
    }    
    /* hunt area menu */
    .ui-selectmenu
    {
        font-size: smaller;
        max-width: 400px;
    }
}

/*******************************/
/*  Mobile form factor styles  */
/*******************************/		
@media screen and (max-width: 600px) 
{
    #page
    {
        top: 50px;
        background: none;
    }
    
    #banner
    {
        display: none;
    }
    
    #toggle
    {
        width: 100%;
        text-align: left;
    }

    #main
    {
        margin-left: 0px;
    }
    
    #content
    {
        padding: 10px 10px 10px 10px;
        font-size: small;
    }

    #mini-banner
    {
        height: 25px;
        display: block;
        width: 100%;
        background-color: White;
    }

    #footer .links
    {
        display: none;
    }
    
    h1
    {
        margin-top: 0;
        -webkit-margin-before: 0;
    }

    .row
    {
        display: block;
    }
	.TableCellLeft
	{
		text-align: left;
		width: 100%;
		padding-left: inherit;
	}
	.TableCellRight
	{
		text-align: left;
	}
	
    /* Styles for Catalog. */
    #categoryPanel .ui-select { width: 270px; }
    /* End Styles for Catalog. */
    
    /* Styles for Checkout. */
    .checkoutAlign
    {
        text-align: left;
    }

    .checkoutDisplay
    {
        display: none;
    }

    .checkoutGiftCertificateButton
    {
        display: inline-block;
        vertical-align: middle;
        padding-top: .5em;
        padding-bottom: .5em;
        padding-left: 0em;
        width: 164px
    }

    .checkoutKeepShoppingText
    {
        text-align: left;
        width: 100%;
        padding-top: 0em;
        padding-left: .75em;
        padding-bottom: 1em;
    }

    .checkoutKeepShoppingButton
    {
        text-align: left;
        padding-bottom: 1em;
        width: 100%;
    }

    .checkoutTableCellLeft
    {
        text-align: left;
        width: 100%;
        padding-left: 1em;
    }
    .checkoutTableCellRight
    {
        text-align: left;
    }
    /* Styles for Checkout. */

    /* For Mobile, we do not want left padding */
    .LeftPadding
    {
        padding: 2px 6px 2px 0px;
    }

    .BulletList div
    {
        display: block;
    }

    .paddedList
    {
        padding-left: 0;
    }

    /* used by Hunter Safety radio button list */
    .buttonListWide label
    {
        width: 270px;
    }

    .pcOnly
    {
        display: none;
    }
    .tabletOnly
    {
        display: none;
    }
    .mobileOnly
    {
        display: block;
    }
    .pcAndTablet
    {
        display: none;
    }
    .tabletAndMobile
    {
        display: block;
    }

    .templateTable
    {
        display: none;
    }
    
    .templateCard
    {
        border-collapse: collapse;
        width: 100%;
    }
    .templateCard td
    {
        border: solid 1px #C2D4DA;
        padding: 6px;
    }
    .templateCard td.value
    {
        font-weight: bold; 
    }
    
    /* hunt area menu */
    .ui-li .ui-btn-text a.ui-link-inherit
    {
        text-overflow: none;
        overflow: visible;
        white-space: normal;
    }
    
    /* used on Welcome page for instruction steps div*/
    .welcomeList
    {
        width: 100%
    }

    /* used on Welcome page for Payment options div*/
    .paymentOptions
    {
        clear: both;
        float: left;
        width: 100%;
        margin-top: 0;
    }
    .paymentOptions span
    {
        display: inline-block;
        padding-bottom: 1em;
    }

    /* Images */
    #visa
    {
        display: inline-block;
        vertical-align:middle;
        width:  30px;
        height: 17px;
        border: 0px;
        margin: 2px 0px 2px 0px;
    }

    #discover
    {
        display: inline-block;
        vertical-align:middle;
        width:  30px;
        height: 17px;
        border: 0px;
        margin: 2px 0px 2px 0px;
    }

    #mastercard
    {
        display: inline-block;
        vertical-align:middle;
        width:  30px;
        height: 17px;
        border: 0px;
        margin: 2px 0px 2px 0px;
    }
}