@media screen and (orientation: portrait) {
    
    #working
    {
        width: 100%;
        padding-left: 0%;
        padding-right: 0%;
        background-color: white;
    }
    #findresultsarea
    {
        padding-left: 10px;
    }
    
    /* from venues.php */

    #cart
    {
        clear:both;
    }
    #checkoutareaaboutcustomer
    {
        
    }
    #checkoutareaaboutstudents
    {
        
    }
    #checkoutareaaboutbookings
    {
        
    }
    #checkoutareaaboutpayment
    {
        
    }
    .checkoutrow
    {
        width: 100%;
        height: auto;
        float: none;
        clear: both;
        margin-bottom: 5px;
    }
    .checkoutlabel
    {
        width: 100%;
        height: auto;
        float: left;
        clear: both;
    }
    .checkoutvalue
    {
        width: 100%;
        height: auto;
        float: left;
        clear: both;
    }
    .ferror
    {
        border: 1px solid red;
    }
    .fmandatory
    {
        border: 1px solid blue;
    }
    .foptional
    {
        border: 1px solid green;
    }
    .asessiontime
    {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .programmenametitle
    {
        font-weight: bold;
        text-align: center;
        height: auto;
    }
    #classes
    {
        clear: both;
        width: 100%;
        height: auto;
        border-top: 0px solid black;
    }
    .daycol0
    {
        float: left;
        clear: none;
        width: 11%;
        height: auto;
        padding: 1%;
        border-top: 0px solid black;
    }
    .daycol1
    {
        float: left;
        clear: none;
        width: 11%;
        height: auto;
        border-left: 0px solid black;
        padding: 1%;
    }
    .daycol2
    {
        float: left;
        clear: none;
        width: 11%;
        height: auto;
        border-left: 0px solid black;
        padding: 1%;
    }
    .daycol3
    {
        float: left;
        clear: none;
        width: 11%;
        height: auto;
        border-left: 0px solid black;
        padding: 1%;
    }
    .daycol4
    {
        float: left;
        clear: none;
        width: 11%;
        height: auto;
        border-left: 0px solid black;
        padding: 1%;
    }
    .daycol5
    {
        float: left;
        clear: none;
        width: 11%;
        height: auto;
        border-left: 0px solid black;
        padding: 1%;
    }
    .daycol6
    {
        float: left;
        clear: none;
        width: 11%;
        height: auto;
        border-left: 0px solid black;
        padding: 1%;
    }
    .dayheader0
    {
        float: left;
        clear: none;
        width: 13%;
        height: auto;
        text-align: center;
    }
    .dayheader
    {
        float: left;
        clear: none;
        width: 13%;
        height: auto;
        border-left: 1px solid black;
        text-align: center;
    }
    .dayheader6
    {
        float: left;
        clear: none;
        width: 13%;
        height: auto;
        border-left: 1px solid black;
        text-align: center;
    }
    .dayheaderincol
    {
        display: block;
    }
    #days
    {
        clear: both;
        width: 100%;
        height: auto;
        display: none;
    }
    #results
    {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #programmeselectionsarea
    {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    #dateselectionarea
    {
        margin-top: 20px;
        clear: both;
    }
    #weekprev
    {
        width: 33%;
        float: left;
        clear: none;
        text-align: center;
        cursor: pointer;
    }
    #weekthis
    {
        width: 33%;
        float: left;
        clear: none;
        text-align: center;
    }
    #weeknext
    {
        width: 33%;
        float: left;
        clear: none;
        text-align: center;
        cursor: pointer;
    }
    #weekselectors
    {
        clear: both;
        height: auto;
        width: 100%;
    }
    #programme_all
    {
        border: 0px solid green;
        background-color: white;
        cursor: pointer;
        padding-left: 40px;
    }
    #programme_all_inner
    {
        width: 100px;
        height: 65px;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto auto;
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 35px;
        padding-bottom: 0px;
        border: 0px solid green;
        display: none;
    }
    .aprogramme
    {
        width: 100%;
        height: auto;
        float: left;
        padding-right: 5px;
        clear: none;
        cursor: pointer;
    }
    .programmenametitle
    {
        display: block;
        width: calc(100% - 40px);
        float: left;
        text-align: left;
    }
    .programmeicon
    {
        width: 100px;
        height: 100px;
        background-repeat: no-repeat;
        background-size: contain;
        margin: auto auto;
        display: none;
    }
    .programmecheck
    {
        margin: auto auto;
        width: 40px;
        height: 30px;
        float: left;
        display: block;
    }
    .cartheader
    {
        margin-top: 10px;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .acartsession
    {
        
    }
    #pay
    {
        padding-left: 10px;
    }
    #thanksarea
    {
        padding-left: 10px;
    }
    #thanksenquiryarea
    {
        padding-left: 10px;
    }
    #findmaparea
    {
        width: 100%;
        height: auto;
    }
    #findmaparea_inner
    {
        padding-top: 66%;
        position: relative;
        width: 100%;
        height: 200px;
    }
    #map_canvas
    {
        width: 75%;
        width: 0%;
        height: 500px;
        float: left;
        clear: none;
        border: 0px solid white;
    }
    /*#findlistarea
    {
        width: 24%;
        float: right;
        clear: none;
        height: 500px;
        overflow-y: scroll;
    }*/
    #findlistarea
    {
        width: 98%;
        float: left;
        clear: both;
        height: 500px;
        overflow-y: scroll;
    }
    .alistentry
    {
        margin-bottom: 15px;
    }
    .alistentryname
    {
        font-weight: bold;
    }
    .alistentrycontact
    {
        font-weight: normal;
    }
    .loginheaderlabel
    {
        width: 100%;
        clear: both;
        float: left;
        height: auto;
    }
    
    .formrow
    {
        height: auto;
        background-color: #662483;
    }
    
    .searchheaderlabel
    {
        width: 100%;
        clear: both;
        float: none;
        height: auto;
        
        font-size: 18px;
        background-color: #662483;
        color: white;
    }
    .searchheadervalue
    {
        width: 100%;
        clear: both;
        float: none;
        height: auto;
        
        /*background-color: #662483;*/
        color: white;
    }
    
    
    .jobheadervalue
    {
        width: 100%;
        clear: both;
        float: left;
        height: auto;
    }
    .listhighlighted
    {
        border: 1px solid red;
    }
    
    /* from footer lo */
    
    #headerpadding
    {
        width: 0px;
    }
    #footerpadding
    {
        width: 0px;
    }
    
    #jwfooterrow1
    {
        width: 100%;
        height: auto;
    }
    #jwfooterrow2
    {
        width: 100%;
        height: auto;
    }
    .jwfooterleft
    {
        clear: none;
        float: left;
        width: 50%;
        height: auto;
    }
    .jwfooterright
    {
        clear: none;
        float: right;
        width: 50%;
        height: auto;
    }
    
    /* from footer li */
    
    
    #accountouter
    {
        width: 98%;
        height: auto;
        padding-left: 1%;
        padding-right: 1%;
    }
    #accountmenu
    {
        width: 100%;
        height: auto;
    }
    .accountmenuentry
    {
        width: calc(20% - 14px);
        clear: none;
        float: left;
        color: black;
        text-align: center;
        cursor: pointer;
        border: 1px solid gray;
        border-radius: 3px;
        padding: 3px;
        margin: 3px;
        background-color: rgb(255, 97, 110);
    }
    .accountmenuentry:hover
    {
        color: white;
    }
    .accountmenuentrycurrent
    {
        width: calc(20% - 14px);
        clear: none;
        float: left;
        color: white;
        text-align: center;
        cursor: default;
        border: 1px solid green;
        border-radius: 3px;
        padding: 3px;
        margin: 3px;
        background-color: #662483;
    }
    .accountmenuicon
    {
        font-size: 30px;
    }
    .accountmenulabel
    {
        display: block;
        font-size: 20px;
        display: none;
    }
    .accountwelcome
    {
        font-size: 20px;
        width: 100%;
        text-align: center;
        display: block;
        margin-top: 20px;
    }
    .accountarea
    {
        width: 100%;
        height: auto;
    }
    .accountareawelcome
    {
        font-size: 20px;
    }
    .accountsubarea
    {
        width: 100%;
        height: auto;
        margin-top: 20px;
    }
    .accountsubareawelcome
    {
        width: 100%;
        height: auto;
        font-size: 18px;
        margin-bottom: 10px;
        clear: both;
    }
    .accountsubmenuicon
    {
        
    }
    .accountsubareaworking
    {
        width: 100%;
        height: auto;
    }
    .accountrow
    {
        width: 97%;
        height: auto;
        margin-bottom: 10px;
        font-size: 16px;
        padding-bottom: 1px;
        padding-top: 10px;
        clear: both;
    }
    .accountrowwithnolabel
    {
        width: 97%;
        height: auto;
        margin-bottom: 10px;
        font-size: 16px;
        padding-bottom: 1px;
        padding-top: 1px;
        clear: both;
    }
    .accountrowlabel
    {
        width: 100%;
        height: auto;
        float: left;
        clear: both;
    }
    .accountrowlabelwide
    {
        width: 100%;
        height: auto;
        float: left;
        clear: both;
    }
    .accountrowlabeldesktop
    {
        width: 50%;
        height: auto;
        float: left;
        clear: none;
    }
    .accountrowlabeldesktoponly
    {
        width: 50%;
        height: 0px;
        float: left;
        clear: none;
        display: none;
    }
    .accountrowvalue
    {
        width: 100%;
        height: auto;
        float: left;
        clear: both;
    }
    .accountrowvaluenarrow
    {
        width: 100%;
        height: auto;
        float: left;
        clear: both;
    }
    .accounttextfield
    {
        border-radius: 3px;
        width: 85%;
        font-size: 16px;
    }
    .accounttextfieldnarrow
    {
        border-radius: 3px;
        width: 35%;
        font-size: 16px;
    }
    .accountcheckboxfield
    {
        width: 5%;
    }
    .afmandatory
    {
        /*border: 1px solid blue;*/
        border: 1px solid lightgray;
    }
    .afoptional
    {
        /*border: 1px solid green;*/
        border: 1px solid lightgreen;
    }
    .aferror
    {
        border: 1px solid red;
    }
    .accountbutton
    {
        color: white;
        width: auto;
        height: auto;
        font-size: 16px;
        background-color: #662483;
        border: 1px solid #662483;
        border-radius: 5px;
    }
    .accountbutton:hover
    {
        color: #662483;
        background-color: white;
        cursor: pointer;
    }
    .clickable
    {
        cursor: pointer;
    }
    
    .cancellink
    {
        cursor: pointer;
        color: #6699FF;
    }
    .cancellink:hover
    {
        color: red;
    }
    .redbutton
    {
        color: white;
        background-color: red;
    }
    
    /* from app.groups */
    #findformarea
    {
        width: 98%;
        height: auto;
        padding-left: 1%;
        padding-right: 1%;
        background-color: #662483;
    }
    
    #findmaparea
    {
        width: 100%;
        height: auto;
    }
    #findmaparea_inner
    {
        padding-top: 66%;
        position: relative;
        width: 100%;
        height: 200px;
    }
    #map_canvas
    {
        width: 98%;
        width: 0%;
        height: 500px;
        height: 0px;
        float: left;
        clear: both;
        border: 0px solid white;
    }
    
    .alistentry
    {
        margin-bottom: 15px;
    }
    .alistentryname
    {
        font-weight: bold;
    }
    .alistentrycontact
    {
        font-weight: normal;
    }
    .loginheaderlabel
    {
        width: 20%;
        clear: none;
        float: left;
        height: auto;
    }
    .listhighlighted
    {
        border: 1px solid red;
    }
    
    .loginheaderlabel
    {
        width: 100%;
        clear: both;
    }
    
    select.uifield
    {
        border-radius: 3px;
        width: 98%;
        font-size: 18px;
        border: 1px solid blue;
    }
    input.uifield
    {
        border-radius: 3px;
        width: 93%;
        font-size: 18px;
        border: 1px solid blue;
    }
    .searchbutton
    {
        color: white;
        width: 98%;
        height: auto;
        font-size: 16px;
        background-color: rgb(255, 97, 110);
        border: 1px solid rgb(255, 97, 110);
        border-radius: 5px;
        clear: none;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .searchbutton:hover
    {
        color: #662483;
        background-color: white;
        cursor: pointer;
    }
    .loginbutton
    {
        color: white;
        width: 98%;
        height: auto;
        font-size: 16px;
        background-color: #662483;
        border: 1px solid #662483;
        border-radius: 5px;
        clear: both;
        padding-top: 5px;
        padding-bottom: 5px;
    }
    .loginbutton:hover
    {
        color: #662483;
        background-color: white;
        cursor: pointer;
    }
    #findlistarea
    {
        border: 1px solid #662483;
        padding: 2px;
    }
    .alistentry
    {
        border: 1px solid #662483;
        padding: 4px;
        margin-bottom: 6px;
        margin-left: 4px;
        margin-right: 4px;
        margin-top: 6px;
        border-radius: 6px;
    }
    .groupname
    {
        font-size: 18px;
        font-weight: bold;
        margin-bottom: 10px;
        display: block;
    }
    .groupdesc
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    .gotogrouppage
    {
       display: block;
       margin-top: 10px;
       margin-bottom: 10px;
    }
    
    .groupsubhead
    {
        margin-top: 10px;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    
    .linksbar
    {
        margin-top: 10px;
        margin-bottom: 10px;
    }
    
    
    #programmes
    {
        clear: both;
        width: 100%;
    }
    #selectionheader
    {
        margin-top: 10px;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    #weekheader
    {
        margin-top: 10px;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    
    #moreabout
    {
        font-size: 16px;
    }
    #starttobook
    {
        font-size: 16px;
    }
    .programmenamepopup
    {
        margin-top: 10px;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .extendpopup
    {
        margin-top: 10px;
        font-size: 18px;
        margin-bottom: 10px;
        font-weight: bold;
    }
    .sessiondatepopup
    {
        
    }
    .sessiontimepopup
    {
        margin-bottom: 10px;
    }
    .sessionsizepopup
    {
        
    }
    .sessionavailpopup
    {
        margin-bottom: 10px;
    }
    .sessionvenuepopup
    {
        margin-bottom: 10px;
    }
    .sessionpricespopup
    {
        margin-bottom: 10px;
    }
    .sessiondescrpopup
    {
        margin-bottom: 10px;
    }
    .popopbuttons
    {
        
    }
    .anothersession
    {
        margin-bottom: 5px;
    }
    
    #loginarea
    {
        margin-top: 10px;
    }
    .loginoption
    {
        margin-top: 10px;
        margin-bottom: 5px;
    }
    
    #paymentformarea
    {
        clear: both;
    }
    
    #payment-form
    {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
    .form-row
    {
        font-size: 16px;
    }
    #stripepaymentbutton
    {
        
    }
    
    #venueparties
    {
        clear: both;
        display: block;
    }
    
    #venusep
    {
        display: none;
    }
    
    .adaycol
    {
        clear: both;
        float: none;
        width: 100%;
        border-left: 1px solid black;
        border-right: 1px solid black;
        border-bottom: 1px solid black;
        border-top: 1px solid black;
        margin-top: 5px;
    }
    
    .checkouttextfield
    {
        border-radius: 3px;
        width: 100%;
        font-size: 18px;
    }
    .checkouttextfieldnarrow
    {
        border-radius: 3px;
        width: 100%;
        font-size: 18px;
    }
    .checkoutmemo
    {
        border-radius: 3px;
        width: 100%;
        font-size: 18px;
    }
    .checkoutnext
    {
        color: white;
        width: 100%;
        height: auto;
        font-size: 16px;
        background-color: #662483;
        border: 1px solid #662483;
        border-radius: 5px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
    .checkoutnext:hover
    {
        color: #662483;
        background-color: white;
        cursor: pointer;
    }
    
    .uiselect
    {
        width: 100%;
    }
    
    #maptabs
    {
        display: none;
    }
    
    #recordinterestbutton
    {
        height: auto;
    }
    
    #discountentryrubrick
    {
        padding-top: 20px;
    }
    
    #creditentryrubrick
    {
        padding-top: 20px;
    }
    
    #discountresult
    {
        padding-top: 20px;
    }
    
    #agreearea
    {
        padding-top: 20px;
    }
    
    
    .empty
    {
        display: none;
    }
    
}