/*! jQuery Mobile v1.0.1 jquerymobile.com | jquery.org/license */
/* jqm docs css

++THEME-K++


/*Normalise*/

html, body {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 200;
    text-shadow:none;
    color: #fff;
    margin:0;padding:0;height:100%;
}

a {color: white; text-decoration: none;}

/*CUSTOM THEMES TAGS*/

.ui-bar-b {
    border: 1px solid rgba(39, 10, 6, 0.8); 
    background-color: rgba(39, 10, 6, 0.8);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99270a06,EndColorStr=#99270a06);/*for legacy IE*/
    color: #fff;
    font-weight: 100;
//    height: 60px;
}

.brand-title-b h3, .brand-title-b p{
    background-color: rgba(39, 10, 6, 0.8);
    margin-left: 10px;
    padding: 4px 10px 4px 10px;
    margin: 6px;
    color: #ffffff;
}

/* .ui-btn-hover-b {
    background: #69083e;
    font-weight: 200;
    color: #fff;
}

.ui-btn-down-b {
    background: #69083e;
    font-weight: 200;
    color: #fff;
} */

#login .ui-btn-hover-b {
    background: #69083e;
    font-weight: 200;
    color: #fff;
}

.ui-btn-up-b {
    background: rgb(252, 252, 252);
    font-weight: 200;
    color: #333333;
}

.ui-btn-active {
    background: #69083e;
    font-weight: 200;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.ui-btn-inner {
    border-color: #69083e;
}


.coupon-title-b h3, .coupon-title-b p{
    background-color: rgba(39, 10, 6, 0.8);
    margin-left: 10px;
    padding: 4px 10px 4px 10px;
    margin: 6px;
}

.btn-action button, .btn-action a{
//    background-color: #69083e;
    background: rgba(105, 8, 62, 0.8);
}

.stamp-holder{
    width: 60px;
    height: 60px;
    border-radius: 80px;
    border: 1px solid rgba(39, 10, 6, 0.8);
    margin: 8px auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.stamp-active{
    width: 60px;
    height: 60px;
    border-radius: 80px;
    border: 2px solid #69083e;
    margin: 8px auto;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.details-time {
    position: relative;
    margin: 2px 0px 2px 0px;
    padding: 2px 15px 2px 15px;
    height: auto;
    background-color: #69083e;
}


.sharebar li a{
    background-color: #69083e;
    color: white;
}


.pointbar li a{
    background-color: #69083e;
    color: white;
}


body.ui-mobile-viewport, div.ui-mobile-viewport {
    overflow-x: hidden;
    background-color: #e9cca2;
}

.ui-btn-hover-c {
    border: 1px solid #bbb;
    background: #69083e;
    font-weight: 200;
    color: #101010;

}

.ui-btn-down-c {
    border: 1px solid #808080;
    background: #69083e;
    font-weight: 200;
    color: #111;
}

.ui-btn-active-c {
    background: #69083e;
    font-weight: 200;
    color: #fff;
    cursor: pointer;
    text-decoration: none;
}

.stamp-info {
    position: relative;
    margin: 2px 0px 2px 0px;
    padding: 2px 15px 2px 15px;
    height: auto;
    background-color: #69083e;
}

.ui-body-b, .ui-dialog.ui-overlay-b {
    border: 1px solid #c6c6c6;
    background-color: #e9cca2;
    color: #fff;
    font-weight: normal;
}

.title-coupon-page {
    color: #69083e;
}


/*GENERAL TAGS*/


.ui-content {
    padding: 0px 0 15px 0;
    ]}

.ui-li-divider {
    text-align: center;
    border-radius: 0px;
}

.responsive-image{
        height:auto;
        width:100%;
    }

.ui-btn-corner-all {
    -moz-border-radius:                 0em /*{global-radii-buttons}*/;
    -webkit-border-radius:              0em /*{global-radii-buttons}*/;
    border-radius:                      0em /*{global-radii-buttons}*/;
}




/*OFFERLIST*/


#login label {
    color: black
}

#login input {
    background-color: #515151;
}

#offerlist h3{
    color: white;
}

#offerlist p {
    color: white;
}

#offerlist a{
    padding: 0px;
}

#offerlist .backdrop {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: rgba(0, 51, 51, 0.6);  
    background-repeat: repeat-x;
    margin-top: 116px;
    padding: 5px 12px 10px 12px;
}

#offerlist .backdrop span:nth-of-type(1) { float:left; }
#offerlist .backdrop span:nth-of-type(2) { float:right; margin-right: 32px; }


#offerlist li {
    margin: 5px;
    border: 5px solid white;
    box-shadow: 2px 1px 1px gray;
    background-image: url("../Img/placeholder.jpg");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; 
}




/*HOMEBLOCKS*/

.homeblocks {
    position: relative;
    /*width: 98%;*/
    height: 100px;
    /*  margin: 2px 5px 2px 5px;*/
    padding: 36px 4px 10px 4px;
    border: 1px groove #339999;
    text-align: center;
    /*box-shadow: 3px 1px 1px gray;*/
}

.homeblocks i {
    font-size: 38px;
    color: #e6e6e6;
}


.logo-image {
    position: relative;
    height: auto;
    width: auto;
    padding: 60px 2px 10px 2px;
    border: 1px groove #339999;
    text-align: center;
}

.labelb {
    position: relative;
    width: 100%;
    height: 40px;
    background-color: #0099cc;
}

.homeblocks img {
    margin: auto;
    width: 50px;
    height: 50px;
    text-align: center;
}

.homeblocks p {
    margin: 8px 0 2px 0;
}

#bedge {
    background-color: #af20e0;
    border-radius: 60px; 
    width: 16px; 
    height: 16px; 
    z-index: 10;
    color: white;
    font-size: 13px;
    font-weight: 100; 
    text-align: center;
    vertical-align: center;
    margin: 12px;
    padding: 6px;
    float:right;
    position:absolute;
    right:0;
    clear:right
}



.tiles-logo{background-color: #663366;
            background-size: cover;
            background-position: center center;
            background-repeat: no-repeat;
            }
.tiles-logo img {width: 80px; height: 80px;}            
.tiles-logo p {margin: 0 auto;}            

.tiles-2{background-color:  rgba(0, 251, 251, 0.7); border: 2px solid rgba(0, 0, 0, 1); }
.tiles-3{background-color:  rgba(0, 191, 191, 0.7); border: 2px solid rgba(0, 0, 0, 1); }
.tiles-4{background-color:  rgba(0, 171, 171, 0.7); border: 2px solid rgba(0, 0, 0, 1); }
.tiles-5{background-color:  rgba(0, 111, 111, 0.7); border: 2px solid rgba(0, 0, 0, 1); }
.tiles-6{background-color:  rgba(0, 91, 91, 0.7);   border: 2px solid rgba(0, 0, 0, 1); }
.tiles-7{background-color:  rgba(0, 231, 231, 0.7); border: 2px solid rgba(0, 0, 0, 1); }
.tiles-8{background-color:  rgba(0, 171, 171, 0.7); border: 2px solid rgba(0, 0, 0, 1); }
.tiles-9{background-color:  rgba(0, 151, 151, 0.7); border: 2px solid rgba(0, 0, 0, 1); }
.tiles-10{background-color: rgba(0, 131, 131, 0.7); border: 2px solid rgba(0, 0, 0, 1); }
.tiles-11{background-color: rgba(0, 71, 71, 0.7);   border: 2px solid rgba(0, 0, 0, 1); }
.tiles-12{background-color: rgba(0, 51, 51, 0.7);   border: 2px solid rgba(0, 0, 0, 1); }

   

.landingpage {
    top: 0;
    left: 0;
    position: absolute;
    width: 100%;
    min-height: 100%;
    background-color: #333333;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.btn-enter {
    height: 80px;
    text-align: center;
    margin-top: 10px;
    font-size: 12px;
}

.btn-enter img {
    width: 40px;
    height: 40px;
}
.btn-enter p {
    color: white;
    margin: 8px 0 6px 0;
}

.btn-enter i {
    font-size: 22px;
}


.logo{
    position: relative;
    z-index: 100;
    width: 80px;
    height: 80px;
    padding: 10px;
    margin: 10px;
    text-align: center;
    
}

.logo img{
    position: relative;
    z-index: 100;
    width: 80px;
    height: 80px;
    padding: 10px;
    margin: 10px;
    text-align: center;

}

.brand-title {
    position: relative;
    z-index: 120;
}



.brand-title p{
    font-size: 12px;
}


.headline {
    position: relative;
    z-index: 10;
    width: auto;
    height: auto;
    margin: 10 0; 
}

.headline p {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-weight: 100;
    text-shadow:1px 1px 1px #333333, 2px 2px 6px #333333, 3px 2px 10px #000000;
    font-size: 32px;
    font-size: 3.9vh;
    text-align: center;
    font-weight: 100;
    padding: 0 22px;
}


.home_action {
    position: relative;
    width: 100%;
}

.btn-home {
    text-align: center;
    max-width: 280px;
    height: auto;
    border: 1px solid rgba(0, 51, 51, 0.8);
    padding: 10 auto;
    background-color: rgba(0, 51, 51, 0.8);
    margin: 4px auto ;
}

#home-tiles-actions{
    margin-top: 15%;
}

#home-tiles-actions i {
    font-size: 36px;
}
.btn-home-tiles {
    text-align: center;
    height: 100px;
    border: 1px solid rgba(0, 51, 51, 0.8);
    background-color: rgba(0, 51, 51, 0.8);
    margin: 0 auto ;
    padding-top: 20px;
}

.btn-home-tiles img {
    width: 40px;
    height: 40px;
}

.ui-content {
    padding: 0px 0 15px 0;
    ]}

.ui-li-divider {
    text-align: center;
    border-radius: 0px;
}




#offerlist {
    padding: 0px;
}



.coupon-image {
    width: 100%;
    min-height: 460px;
    height: 100%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;

    position: relative;
}

.coupon-title {
    position: fixed;
    float: left;
    top: -80px;
    z-index: 120;
}



.details-icon {
    width: 20px;
    height: 20px;
    padding: 8px;
    vertical-align: center;
    position: relative;
    float: right;
    font-size: 22px;
}

.coupon-details {
    position: relative;
    z-index: 100;
    width: 100%;
    padding: 10px;
    color: white;
    padding: 10px;
}

.coupon-title-tiles {
    text-align: left;
    width: auto;
    height: auto;
    border: 1px solid rgba(0, 51, 51, 0.8);
    background-color: rgba(0, 51, 51, 0.8);
}

#btn-coupon-02 i {
    font-size: 30px;
}

.details-tiles {
    position: relative;
    margin: 4px 2px 4px 2px;
    padding: 15px;
    height: auto;
    background-color: rgba(0, 171, 171, 0.7);
}



.details-time p {
    margin: 3px;
}

.details-time i {
    margin: 0px;
    font-size: 14px;
    padding: 3px;
    position: relative;
    float: right;
}

.QR {
    position: relative;
    width: 100%;
    height: 480px;
    background-color: rgba(0, 0, 0, 0.8);
}


.QR img {
    padding-top: 50px;
    width: 150px; 
    height: 150px; 
    margin: 0px auto; 
    display: block;
}

.infoscroll{
    text-align: center;
    color: rgba(255, 255, 255, 0.8);
    text-shadow: 1px 1px 1px black;
    position: fixed;
    z-index: 100;
    top: -60px;
    font-size: 12px;
    width: 100%; 
    margin: 0 auto;
}


.coupon-redee-info {
    padding: 10px;
    position: relative;
    text-align: center;
    margin-top: 30px;
}

.coupon-redee-info p {
    font-size: 14px;
}

.coupon-redee-info {
    font-size: 44px;
    color: white;
    margin: 20px auto; 
    text-align: center;
}


#small-list li {
    height: 100px;
    margin: 3px 0 3px 0; 
//    border-left: 1px solid gray;
}

#small-list a{
    margin: 0px;
    padding: 10px;
    text-decoration: none;
    border: 0;
}

#small-list h6 {
    float: right;
    font-size: 12px;
}

.list-image {
    position: relative;
    margin-right: 6px;
    width: 80px;
    height: 80px;
    float: left;
    border-radius: 80px;
    border: 1px solid rgba(39, 10, 6, 0.8); 
    background-color: #333333;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


#shop-list li {
    height: 80px;
    margin: 3px 0 3px 0; 
//    border-left: 1px solid gray;

}

#shop-list a{
    margin: 0px;
    padding: 4px;
    text-decoration: none;
    border: 0;
}
#shop-list a.ui-link-inherit{
    min-height: 80px;
}

#shop-list h3 {
    font-size: 22px;
    margin-bottom: 2px;
}

#shop-list .shop-name {
    font-size: 18px;
	margin-left: 5%;
	margin-right: 5%;
	white-space: normal;
	word-break: break-all;
	margin-top: 5px;
}

#shop-list .shop-category-link {
	padding-top: 0px;
	padding-bottom: 0px;
}

#shop-list .shop-category-link .shop-category-item {
    display: table; 
    width: 90%; 
    margin-right: 5%; 
    margin-left: 5%; 
    min-height: inherit; /*IE*/ 
    min-height: -moz-available; /*FireFox*/      
    min-height: -webkit-fill-available;  /*Chrome*/ 
    min-height: fill-available; /*Other*/ 
}

#shop-list .shop-category-link .shop-category-item .shop-category-item-row{
    display: table-row;
    width: 100%;
}

#shop-list .shop-category-link .shop-category-item .shop-category-item-row .shop-category-item-cell-1{
    display: table-cell; 
    width: 95%; 
    vertical-align: middle;
}

#shop-list .shop-category-link .shop-category-item .shop-category-item-row .shop-category-item-cell-1 .shop-category-item-text{
    font-size: 18px;
	margin-left: 0px;
	margin-right: 2%;
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: normal;
	word-break: break-all;
}

#shop-list .shop-category-link .shop-category-item .shop-category-item-row .shop-category-item-cell-1 .shop-item-text{
    font-size: 18px;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	white-space: normal;
	word-break: break-all;
}

#shop-list .shop-category-link .shop-category-item .shop-category-item-row .shop-category-item-cell-2{
    display: table-cell;
    vertical-align: middle;
}

#shop-list .shop-category-link .shop-category-item .shop-category-item-row .shop-category-item-cell-2 .right-arrow{
    border: solid black;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

#shop-list h6 {
    font-size: 13px;
    margin-top: 2px;
}

#shop-list .distance{
	margin-left: 5%;
}

#shop-list img{
    position: relative;
    width: 60px;
    height: 60px;
    float: left;
    border-radius: 80px;
    border: 1px solid #b3b3b3;
    background-color: #333333;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


#category-list li {
    height: 60px;
    margin: 3px 0 3px 0; 
    border-left: 1px solid gray;
}

#category-list a{
    margin: 0px;
    padding: 10px;
    text-decoration: none;
    border: 0;
}

#category-list h3 {
    font-size: 18px;
}

.point-redeem {
    width: 100px;
    height: 100px;
    background-color: #363636;
    border-radius: 120px;
    margin: 10px auto;
    padding: 22px;
    text-align: center;
    color: white;
}

.point-redeem h1 {
    font-size: 30px;
    font-weight: 400;
    margin-top: 32px;
    color: #e6e6e6;
}

.point-tiles-b {
    position: relative;
    margin: 4px 2px 4px 2px;
    padding: 2px 15px;
    height: auto;
    background-color: white;

}



.pointbar span {
    font-size: 13px;
}


#about i{
    position: relative;
    float: right;
}

#about h6 {
    font-size: 11px;
    float: right;
}
#about li {
    margin: 3px 0 3px 0; 
}

.about-head {
    background-color: white;
    height: auto;
    padding: 10px;
    text-align: left;
    color: #333333;

}

.message-content {
    position: relative;
    padding: 10px;
    color: #191919;
    background-color: #fff;

}


.stamp-info p {
    margin: 4px;
}

.stamp-block {
    height: 80px;
    background-color: #ffffff;
}

.stamp-count{
    float: right;
}


#stamp-award {
    text-align: center;
}

#stamp-award h3 {
    font-weight: 200;
    font-size: 38px;
    margin: 6px auto;
}

#stamp-award .omedeto {
    height: 100px;
    width: 100px;
    margin: 20px auto 6px auto;
    text-align: center;
    font-size: 86px;
    border: 2px solid white;
    border-radius: 150px;
    padding: 40px;
}



/*JQM stdandard*/

.ui-mobile .type-home .ui-content { margin: 0;}
.ui-mobile #jqm-homeheader { padding: 0px 0px 0; text-align: center;  margin: 22px auto; }
.ui-mobile #jqm-homeheader h1 { margin: 0 0 0 0; }
.ui-mobile #jqm-homeheader p { margin: .3em 0 0; line-height: 1.3; font-size: .9em; font-weight: bold; color: #666; }
.ui-mobile #jqm-version { text-indent: -99999px; top right no-repeat; width: 119px; height: 122px; overflow: hidden; position: absolute; z-index: 500; top: -11px; right: 0; }
.ui-mobile .jqm-themeswitcher { margin: 10px 25px 10px 10px;  }

h2 { margin:1.2em 0 .4em 0; }
p code { font-size:1.2em; font-weight:200; } 
h4 code {font-size:1.2em; font-weight:200; }

dt { font-weight: bold; margin: 2em 0 .5em; }
dt code, dd code { font-size:1.3em; line-height:150%; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

#jqm-homeheader img { width: 100%; }
img { max-width: 100%; }

.ui-header .jqm-home { top:0.65em; }
nav { margin: 0; }

p.intro {
    font-size: .96em;
    line-height: 1.3;
        border-top: 1px solid #75ae18;
        border-bottom: 0;
        background: none;
        margin: 1.5em 0;
        padding: 1.5em 15px 0;

}
p.intro strong {
    color:  #558e08;
}
.footer-docs {
    padding: 5px 0;
}
.footer-docs p {
    float: left;
    margin-left:15px;
    font-weight: normal;
    font-size: .9em;
}


.type-interior .content-secondary {
    border-right: 0;
    border-left: 0;
    margin: 0 0 0 0;secondary
    background: #fff;
    /*border-top: 1px solid #ccc;*/
}
.type-home .ui-content {
    margin-top: 5px;
}
.type-interior .ui-content {
    padding-bottom: 0;
}
.content-secondary .ui-collapsible {
    padding: 0 15px 10px;

}
.content-secondary .ui-collapsible-content {
    padding: 0; 
    background: none;
    border-bottom: none;
}
.content-secondary .ui-listview {
    margin: 0;
}
/* new API additions */

dt {  
    margin: 35px 0 15px 0; 
    background-color:#ddd; 
    font-weight:normal;
}
dt code { 
    display:inline-block; 
    font-weight:bold;
    color:#56A00E; 
    padding:3px 7px; 
    margin-right:10px; 
    background-color:#fff; 
}
dd { 
    margin-bottom:10px; 
}
dd .default { font-weight:bold; }
dd pre { 
    margin:0 0 0 0; 
}
dd code { font-weight: normal; }
dd pre code { 
    margin:0; 
    border:none; 
    font-weight:normal; 
    font-size:100%; 
    background-color:transparent; 
}
dd h4 { margin:15px 0 0 0; }
        
.localnav {
    margin:0 0 20px 0;
    overflow:hidden;
}
.localnav li {
    float:left;
}
.localnav .ui-btn-inner { 
    padding: .6em 10px; 
    font-size:80%; 
}




/* docs site layout */

@media all and (min-width: 650px){

    .infoscroll {
        display: none;
    }

    .jqm-home {
        position: absolute;
        left: 10px;
        top: 0;
    }
    .type-home .ui-content {
        margin-top: 5px;
    }
    .ui-mobile #jqm-homeheader {
        max-width: 340px;
    }
    .ui-mobile .jqm-themeswitcher {
        float: right;
    }
    p.intro {
        margin: 2em 0;
    }
    .type-home .ui-content,
    .type-interior .ui-content {
        padding: 0;
        //background: url(../images/px-ccc.gif) 50% 0 repeat-y;
    }
    .type-interior .ui-content {
        background-position: 45%;
        overflow: hidden;
    }
    .content-secondary {
        text-align: left;
        float: left;
        width: 50%;
        background: none;
    }
    .content-secondary,
    .type-interior .content-secondary {
        margin: 0 0 0 0;
        padding: 0 0 0 0;
            background: none;
                    border-top: none;
    }
    .type-index .content-secondary {
        padding: 0;
    }
    .content-secondary .ui-collapsible {
        margin: 0;
        padding: 0;
    }
    .content-secondary .ui-collapsible-content {
        border: none;
    }
    .type-index .content-secondary .ui-listview {
        margin: 0;
    }

    .ui-mobile #jqm-homeheader {
        padding: 0;
    }
    .content-primary {
        width: 50%;
        float: left;
        padding: 0 0 0 0;
    }
    .content-primary ul:first-child {
        margin-top: 0;
    }
    .content-secondary h2 {
        position: absolute;
        left: -9999px;
    }
    .type-interior .content-primary {
        padding: 0 0 0 0;
        margin: 0;
    }
    /* fix up the collapsibles - expanded on desktop */
    .content-secondary .ui-collapsible-heading {
        display: none;
    }
    .content-secondary .ui-collapsible-contain {
        margin:0;
    }
    .content-secondary .ui-collapsible-content {
        display: block;
        margin: 0;
        padding: 0;
    }
    .type-interior  .content-secondary .ui-li-divider {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    .type-interior .content-secondary {
        margin: 0;
        padding: 0;
    }
    
}
@media all and (min-width: 750px){
    .type-home .ui-content,
    .type-interior .ui-content {
        background-position: 39%;
    }
    .content-secondary {
        width: 50%;
    }
    .content-primary {
        width: 50%;
        padding-right: 0px;
    }   
    .type-interior .ui-content {
        background-position: 34%;
    }
}

@media all and (min-width: 1200px){
    .type-home .ui-content{
        background-position: 38.5%;
    }
    .type-interior .ui-content {
        background-position: 30%;
    }
    .content-secondary {
        width: 50%;
        padding-right:0;
        margin: 0 0 0 0;
    }
    .type-interior .content-secondary {
        margin: 0;
        padding: 0;
    }
    .content-primary {
        width: 50%;
        margin-right: 0px;
        padding-right: 0px;
    }
    .type-interior .content-primary {
        width: 50%;
    }
}


.ui-body-a, .ui-dialog.ui-overlay-a {
    border: 1px solid #2a2a2a;
    background: #333333;
    color: #fff;
    font-weight: normal;
    background-image: url(/static/css/Img/real_cf.png);

}




/*THEME B*/

.brand-title-b {
    position: relative;
    z-index: 120;
}



.brand-title-b p{
    font-size: 12px;
}

.coupon-title-b {
    position: relative;
    float: left;
 /*   top: -80px;*/
    z-index: 120;
}



.coupon-title-b p{
    font-size: 12px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap   
}




.details-tiles-b h3, .details-tiles-b p{
    margin: .6em 0;
    font-weight: 200;
    display: block;

}

.details-tiles-b p {
    font-size: 12px;
}


.details-tiles-b {
    position: relative;
    margin: 4px 2px 4px 2px;
    padding: 2px 15px;
/*  width: 92%;*/
    height: auto;
    background-color: #f5f5f5;
    color: #333333;
}



.ui-bar-home-b {
    height: 100px;
    padding: 15px 0 0 0;
    margin: 0 0 0 0 ;
}

.ui-bar-b i{
    font-size: 22px;
}

.ui-bar-b, .ui-bar-b input, .ui-bar-b select, .ui-bar-b textarea, .ui-bar-b button {
    font-family: Helvetica, Arial, sans-serif
}

.ui-bar-b .ui-link-inherit {
    color: #fff
}

.ui-bar-b .ui-link {
    color: #ffffff;
    font-weight: 200
}

.ui-bar-b .ui-link:hover {
    color: #ffffff
}

.ui-bar-b .ui-link:active {
    color: #ffffff
}

.ui-bar-b .ui-link:visited {
    color: #ffffff
}




.ui-body-b, .ui-body-b input, .ui-body-b select, .ui-body-b textarea,
.ui-body-b button {
    font-family: Helvetica, Arial, sans-serif
}

.ui-body-b .ui-link-inherit {
    color: #333
}

.ui-body-b .ui-link {
    color: #ffffff;
    font-weight: 200
}

.ui-body-b .ui-link:hover {
    color: #ffffff
}

.ui-body-b .ui-link:active {
    color: #ffffff
}



.ui-btn-up-b a.ui-link-inherit {
    color: #333333;
}



.ui-btn-hover-b a.ui-link-inherit {
    background: #69083e;
    font-weight: 200;
    color: #fff;
}



.ui-btn-down-b a.ui-link-inherit {
    background: #69083e;
    font-weight: 200;
    color: #fff;
}

.ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b {
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none;
}






/*THEME C*/

.ui-bar-c {
    border: 1px solid #b3b3b3;
    background: #cccccc;
    color: #3e3e3e;
    font-weight: 200;
  
}

.ui-bar-c .ui-link-inherit {
    color: #333333
}

.ui-bar-c .ui-link {
    color: #7cc4e7;
    font-weight: 200
}

.ui-bar-c .ui-link:hover {
    color: #333333
}

.ui-bar-c .ui-link:active {
    color: #333333
}

.ui-bar-c .ui-link:visited {
    color: #333333
}

.ui-bar-c, .ui-bar-c input, .ui-bar-c select, .ui-bar-c textarea, .ui-bar-c button {
    font-family: Helvetica, Arial, sans-serif
}

.ui-body-c, .ui-dialog.ui-overlay-c {
    border: 1px solid #b3b3b3;
    color: #7f7f7f;
    background: #333333;
}

.ui-body-c, .ui-body-c input, .ui-body-c select, .ui-body-c textarea,
.ui-body-c button {
    font-family: Helvetica, Arial, sans-serif
}

.ui-body-c .ui-link-inherit {
    color: #333;
}

.ui-body-c .ui-link {
    color: #2489ce;
    font-weight: 200
}

.ui-body-c .ui-link:hover {
    color: #f5f5f5
}

.ui-body-c .ui-link:active {
    color: #f5f5f5
}

.ui-body-c .ui-link:visited {
    color: #f5f5f5
}

.ui-btn-up-c {
    font-weight: 200;
    color: #515151;
}

.ui-btn-up-c a.ui-link-inherit {
    color: #2f3e46
}


.ui-btn-hover-c a.ui-link-inherit {
    color: #f5f5f5
}



.ui-btn-down-c a.ui-link-inherit {
    color: #e6e6e6
}

.ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c {
    font-family: Helvetica, Arial, sans-serif;
    text-decoration: none
}


a.ui-link-inherit {
    text-decoration: none !important
}



.ui-btn-active a.ui-link-inherit {
    color: #fff
}



.ui-corner-tl {
    -moz-border-radius-topleft: .0em;
    -webkit-border-top-left-radius: .0em;
    border-top-left-radius: .0em
}

.ui-corner-tr {
    -moz-border-radius-topright: .0em;
    -webkit-border-top-right-radius: .0em;
    border-top-right-radius: .0em
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: .0em;
    -webkit-border-bottom-left-radius: .0em;
    border-bottom-left-radius: .0em
}

.ui-corner-br {
    -moz-border-radius-bottomright: .0em;
    -webkit-border-bottom-right-radius: .0em;
    border-bottom-right-radius: .0em
}

.ui-corner-top {
    -moz-border-radius-topleft: .0em;
    -webkit-border-top-left-radius: .0em;
    border-top-left-radius: .0em;
    -moz-border-radius-topright: .0em;
    -webkit-border-top-right-radius: .0em;
    border-top-right-radius: .0em
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: .0em;
    -webkit-border-bottom-left-radius: .0em;
    border-bottom-left-radius: .0em;
    -moz-border-radius-bottomright: .0em;
    -webkit-border-bottom-right-radius: .0em;
    border-bottom-right-radius: .0em
}

.ui-corner-right {
    -moz-border-radius-topright: .0em;
    -webkit-border-top-right-radius: .0em;
    border-top-right-radius: .0em;
    -moz-border-radius-bottomright: .0em;
    -webkit-border-bottom-right-radius: .0em;
    border-bottom-right-radius: .0em
}

.ui-corner-left {
    -moz-border-radius-topleft: .0em;
    -webkit-border-top-left-radius: .0em;
    border-top-left-radius: .0em;
    -moz-border-radius-bottomleft: .0em;
    -webkit-border-bottom-left-radius: .0em;
    border-bottom-left-radius: .0em
}

.ui-corner-all {
    -moz-border-radius: .0em;
    -webkit-border-radius: .0em;
    border-radius: .0em
}

.ui-corner-none {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

.ui-br {
    border-bottom: #828282;
    border-bottom: rgba(130, 130, 130, .3);
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.ui-disabled {
    opacity: .3
}

.ui-disabled, .ui-disabled a {
    pointer-events: none;
    cursor: default
}

.ui-icon, .ui-icon-searchfield:after {
    padding-top: 2px;
    background: rgba(0, 0, 0, 0.0);
    background-image: url(/static/css/renew/images/icons-18-black.png);
    background-repeat: no-repeat;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px
}

.ui-icon-alt {
    background: #fff;
    background: rgba(255, 255, 255, .3);
    background-image: url(/static/css/renew/images/icons-18-black.png);
    background-repeat: no-repeat
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min--moz-device-pixel-ratio:1.5), only screen and (min-resolution:240dpi) {
    .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r,
    .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check,
    .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back,
    .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home,
    .ui-icon-search, .ui-icon-searchfield:after, .ui-icon-checkbox-off,
    .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
        background-image: url(/static/css/renew/images/icons-36-white.png);
        -moz-background-size: 776px 18px;
        -o-background-size: 776px 18px;
        -webkit-background-size: 776px 18px;
        background-size: 776px 18px
    }

    .ui-icon-alt {
        background-image: url(/static/css/renew/images/icons-36-black.png)
    }
}

.ui-icon-plus {
    background-position: -0 50%
}

.ui-icon-minus {
    background-position: -36px 50%
}

.ui-icon-arrow-r {
    background-position: -108px 50%
}

.ui-icon-arrow-l {
    background-position: -144px 50%
}

.ui-icon-arrow-u {
    background-position: -180px 50%
}

.ui-icon-arrow-d {
    background-position: -216px 50%
}

.ui-icon-check {
    background-position: -252px 50%
}

.ui-icon-gear {
    background-position: -288px 50%
}

.ui-icon-refresh {
    background-position: -324px 50%
}

.ui-icon-forward {
    background-position: -360px 50%
}

.ui-icon-back {
    background-position: -396px 50%
}

.ui-icon-grid {
    background-position: -432px 50%
}

.ui-icon-star {
    background-position: -468px 50%
}

.ui-icon-alert {
    background-position: -504px 50%
}

.ui-icon-info {
    background-position: -540px 50%
}

.ui-icon-home {
    background-position: -576px 50%
}

.ui-icon-search, .ui-icon-searchfield:after {
    background-position: -612px 50%
}

.ui-icon-radio-off {
    background-position: -756px 50%
}

.ui-icon-radio-on {
    background-position: -720px 50%
}

.ui-checkbox .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px
}

.ui-icon-checkbox-off, .ui-icon-radio-off {
    background-color: transparent
}

.ui-checkbox-on .ui-icon, .ui-radio-on .ui-icon {
    background-color: #0d0d0d
}

.ui-icon-loading {
    background-image: url(/static/css/themes/loader/lo-k.gif);
    width: 50px;
    height: 50px;
    background-size: 50px 50px
}

.ui-btn-corner-tl {
    -moz-border-radius-topleft: 1em;
    -webkit-border-top-left-radius: 1em;
    border-top-left-radius: 1em
}

.ui-btn-corner-tr {
    -moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 1em;
    border-top-right-radius: 1em
}

.ui-btn-corner-bl {
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
    border-bottom-left-radius: 1em
}

.ui-btn-corner-br {
    -moz-border-radius-bottomright: 1em;
    -webkit-border-bottom-right-radius: 1em;
    border-bottom-right-radius: 1em
}

.ui-btn-corner-top {
    -moz-border-radius-topleft: 1em;
    -webkit-border-top-left-radius: 1em;
    border-top-left-radius: 1em;
    -moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 1em;
    border-top-right-radius: 1em
}

.ui-btn-corner-bottom {
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
    border-bottom-left-radius: 1em;
    -moz-border-radius-bottomright: 1em;
    -webkit-border-bottom-right-radius: 1em;
    border-bottom-right-radius: 1em
}

.ui-btn-corner-right {
    -moz-border-radius-topright: 1em;
    -webkit-border-top-right-radius: 1em;
    border-top-right-radius: 1em;
    -moz-border-radius-bottomright: 1em;
    -webkit-border-bottom-right-radius: 1em;
    border-bottom-right-radius: 1em
}

.ui-btn-corner-left {
    -moz-border-radius-topleft: 1em;
    -webkit-border-top-left-radius: 1em;
    border-top-left-radius: 1em;
    -moz-border-radius-bottomleft: 1em;
    -webkit-border-bottom-left-radius: 1em;
    border-bottom-left-radius: 1em
}

.ui-btn-corner-all {
    -moz-border-radius: 1em;
    -webkit-border-radius: 1em;
    border-radius: 1em
}

.ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br, .ui-corner-top,
.ui-corner-bottom, .ui-corner-right, .ui-corner-left, .ui-corner-all,
.ui-btn-corner-tl, .ui-btn-corner-tr, .ui-btn-corner-bl, .ui-btn-corner-br,
.ui-btn-corner-top, .ui-btn-corner-bottom, .ui-btn-corner-right,
.ui-btn-corner-left, .ui-btn-corner-all {
/*    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box*/
}

.ui-overlay {
    background: #666;
    opacity: .5;
    filter: Alpha(Opacity=50);
    position: absolute;
    width: 100%;
    height: 100%
}

.ui-overlay-shadow {
 /*   -moz-box-shadow: 0 0 12px rgba(0, 0, 0, .6);
    -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, .6);
    box-shadow: 0 0 12px rgba(0, 0, 0, .6)*/
}

.ui-shadow {
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.ui-bar-a .ui-shadow, .ui-bar-b .ui-shadow, .ui-bar-c .ui-shadow {
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .3)
}

.ui-shadow-inset {
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, .2)
}

.ui-icon-shadow {
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .4)
}

.ui-focus {
    -moz-box-shadow: 0 0 12px #387bbe;
    -webkit-box-shadow: 0 0 12px #387bbe;
    box-shadow: 0 0 12px #387bbe
}

.ui-mobile-nosupport-boxshadow * {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.ui-mobile-nosupport-boxshadow .ui-focus {
    outline-width: 2px
}

.ui-mobile, .ui-mobile body {
    height: 100%
}

.ui-mobile fieldset, .ui-page {
    padding: 0;
    margin: 0
}

.ui-mobile a img, .ui-mobile fieldset {
    border-width: 0
}

.ui-mobile-viewport {
    margin: 0;
    overflow-x: visible;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}



.ui-mobile [data-role=page], .ui-mobile [data-role=dialog], .ui-page {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    position: absolute;
    display: none;
    border: 0
}

.ui-mobile .ui-page-active {
    display: block;
    overflow: visible
}

.ui-page {
    outline: 0
}

@media screen and (orientation:portrait) {
    .ui-mobile, .ui-mobile .ui-page {
        min-height: 420px
    }

/*    .landingpage {
        display: block;
    }*/

}

@media screen and (orientation:landscape) {
    .ui-mobile, .ui-mobile .ui-page {
        min-height: 300px
    }

/*    .landingpage {
        display: none;
    }*/

}

.ui-page.ui-mobile-touch-overflow, .ui-mobile-touch-overflow.ui-native-fixed .ui-content {
    overflow: auto;
    height: 100%;
    left: 0;
    right: 0;
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch;
    -o-overflow-scrolling: touch;
    -ms-overflow-scrolling: touch;
    overflow-scrolling: touch
}

.ui-page.ui-mobile-touch-overflow, .ui-page.ui-mobile-touch-overflow * {
    -webkit-transform: rotateY(0)
}

.ui-page.ui-mobile-pre-transition {
    display: block
}

.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview {
    margin-top: 0
}

.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-inset {
    margin-top: 1em
}

.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter {
    margin-top: .2em;
    margin-bottom: 0
}

.ui-mobile-touch-overflow.ui-native-fixed .ui-content .ui-listview-filter-inset {
    margin-bottom: -.9em}.ui-mobile-touch-overflow.ui-native-fixed .ui-header .ui-btn {
        z-index: 10
    }

    .ui-loading .ui-mobile-viewport {
        overflow: hidden !important
    }

    .ui-loading .ui-loader {
        display: block
    }

    .ui-loading .ui-page {
        overflow: hidden
    }

    .ui-loader {
        display: none;
        position: absolute;
        opacity: .85;
        z-index: 100;
        left: 50%;
        width: 200px;
        margin-left: -130px;
        margin-top: -35px;
        padding: 10px 30px;
        background-image: black;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        border-radius: 100px;
    }

    .ui-loader h1 {
        font-size: 15px;
        text-align: center
    }

    .ui-loader .ui-icon {
        position: static;
        display: block;
        margin: 0 auto;
        width: 50px;
        height: 50px;
        background-color: transparent
    }

    .ui-mobile-rendering>* {
        visibility: hidden
    }

    .ui-bar, .ui-body {
        position: relative;
        padding: .4em 15px;
        overflow: hidden;
        display: block;
        clear: both
    }

    .ui-bar {
        font-size: 16px;
        margin: 0
    }

    .ui-bar h1, .ui-bar h2, .ui-bar h3, .ui-bar h4, .ui-bar h5, .ui-bar h6 {
        margin: 0;
        padding: 0;
        font-size: 20px;
        display: inline-block;
        font-weight: 100;
    }

    .ui-header, .ui-footer {
        display: block
    }

    .ui-page .ui-header, .ui-page .ui-footer {
        position: relative
    }

    .ui-header .ui-btn-left {
        position: absolute;
        left: 10px;
        top: 12px;
    }

    .ui-header .ui-btn-right {
        position: absolute;
        right: 10px;
        top: 12px;
    }

    .ui-content {
        border-width: 0;
        overflow: visible;
        overflow-x: hidden;
        padding: 0px;
    }

    .ui-page-fullscreen .ui-content {
        padding: 0
    }

    .ui-mobile-touch-overflow.ui-page.ui-native-fixed, .ui-mobile-touch-overflow.ui-page.ui-native-fullscreen {
        overflow: visible
    }

    .ui-mobile-touch-overflow.ui-native-fixed .ui-header, .ui-mobile-touch-overflow.ui-native-fixed .ui-footer {
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        z-index: 200
    }

    .ui-mobile-touch-overflow.ui-page.ui-native-fixed .ui-footer {
        top: auto;
        bottom: 0
    }

    .ui-mobile-touch-overflow.ui-native-fixed .ui-content {
        padding-top: 2.5em;
        padding-bottom: 3em;
        top: 0;
        bottom: 0;
        height: auto;
        position: absolute
    }

    .ui-mobile-touch-overflow.ui-native-fullscreen .ui-content {
        padding-top: 0;
        padding-bottom: 0
    }

    .ui-mobile-touch-overflow.ui-native-fullscreen .ui-header, .ui-mobile-touch-overflow.ui-native-fullscreen .ui-footer {
        opacity: .9
    }

    .ui-native-bars-hidden {
        display: none
    }

    .ui-icon {
        width: 18px;
        height: 18px
    }

    .ui-fullscreen img {
        max-width: 100%
    }

    .ui-nojs {
        position: absolute;
        left: -9999px
    }

    .ui-hide-label label, .ui-hidden-accessible {
        position: absolute !important;
        left: -9999px;
        clip: rect(1px 1px 1px 1px);
        clip: rect(1px, 1px, 1px, 1px)
    }

/*    .spin {
        -webkit-transform: rotate(360deg);
        -webkit-animation-name: spin;
        -webkit-animation-duration: 1s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-timing-function: linear
    }

    @-webkit-keyframes spin {
        from {
            -webkit-transform: rotate(0deg)
        }

        to {
            -webkit-transform: rotate(360deg)
        }
}*/

    .in, .out {
        -webkit-animation-timing-function: ease-in-out;
        -webkit-animation-duration: 350ms
    }

    .slide.out {
        -webkit-transform: translateX(-100%);
        -webkit-animation-name: slideouttoleft
    }

    .slide.in {
        -webkit-transform: translateX(0);
        -webkit-animation-name: slideinfromright
    }

    .slide.out.reverse {
        -webkit-transform: translateX(100%);
        -webkit-animation-name: slideouttoright
    }

    .slide.in.reverse {
        -webkit-transform: translateX(0);
        -webkit-animation-name: slideinfromleft
    }

    .slideup.out {
        -webkit-animation-name: dontmove;
        z-index: 0
    }

    .slideup.in {
        -webkit-transform: translateY(0);
        -webkit-animation-name: slideinfrombottom;
        z-index: 10
    }

    .slideup.in.reverse {
        z-index: 0;
        -webkit-animation-name: dontmove
    }

    .slideup.out.reverse {
        -webkit-transform: translateY(100%);
        z-index: 10;
        -webkit-animation-name: slideouttobottom
    }

    .slidedown.out {
        -webkit-animation-name: dontmove;
        z-index: 0
    }

    .slidedown.in {
        -webkit-transform: translateY(0);
        -webkit-animation-name: slideinfromtop;
        z-index: 10
    }

    .slidedown.in.reverse {
        z-index: 0;
        -webkit-animation-name: dontmove
    }

    .slidedown.out.reverse {
        -webkit-transform: translateY(-100%);
        z-index: 10;
        -webkit-animation-name: slideouttotop
    }

    @-webkit-keyframes slideinfromright {
        from {
            -webkit-transform: translateX(100%)
        }

        to {
            -webkit-transform: translateX(0)
        }
}

    @-webkit-keyframes slideinfromleft {
        from {
            -webkit-transform: translateX(-100%)
        }

        to {
            -webkit-transform: translateX(0)
        }
}

    @-webkit-keyframes slideouttoleft {
        from {
            -webkit-transform: translateX(0)
        }

        to {
            -webkit-transform: translateX(-100%)
        }
}

    @-webkit-keyframes slideouttoright {
        from {
            -webkit-transform: translateX(0)
        }

        to {
            -webkit-transform: translateX(100%)
        }
}

    @-webkit-keyframes slideinfromtop {
        from {
            -webkit-transform: translateY(-100%)
        }

        to {
            -webkit-transform: translateY(0)
        }
}

    @-webkit-keyframes slideinfrombottom {
        from {
            -webkit-transform: translateY(100%)
        }

        to {
            -webkit-transform: translateY(0)
        }
}

    @-webkit-keyframes slideouttobottom {
        from {
            -webkit-transform: translateY(0)
        }

        to {
            -webkit-transform: translateY(100%)
        }
}

    @-webkit-keyframes slideouttotop {
        from {
            -webkit-transform: translateY(0)
        }

        to {
            -webkit-transform: translateY(-100%)
        }
}

    @-webkit-keyframes fadein {
        from {
            opacity: 0
        }

        to {
            opacity: 1
        }
}

    @-webkit-keyframes fadeout {
        from {
            opacity: 1
        }

        to {
            opacity: 0
        }
}

    .fade.out {
        z-index: 0;
        -webkit-animation-name: fadeout
    }

    .fade.in {
        opacity: 1;
        z-index: 10;
        -webkit-animation-name: fadein
    }

    .viewport-flip {
        -webkit-perspective: 1000;
        position: absolute
    }

    .ui-mobile-viewport-transitioning, .ui-mobile-viewport-transitioning .ui-page {
        width: 100%;
        height: 100%;
        overflow: hidden
    }

    .flip {
        -webkit-animation-duration: .65s;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateX(0)
    }

    .flip.out {
        -webkit-transform: rotateY(-180deg) scale(.8);
        -webkit-animation-name: flipouttoleft
    }

    .flip.in {
        -webkit-transform: rotateY(0) scale(1);
        -webkit-animation-name: flipinfromleft
    }

    .flip.out.reverse {
        -webkit-transform: rotateY(180deg) scale(.8);
        -webkit-animation-name: flipouttoright
    }

    .flip.in.reverse {
        -webkit-transform: rotateY(0) scale(1);
        -webkit-animation-name: flipinfromright
    }

    @-webkit-keyframes flipinfromright {
        from {
            -webkit-transform: rotateY(-180deg) scale(.8)
        }

        to {
            -webkit-transform: rotateY(0) scale(1)
        }
}

    @-webkit-keyframes flipinfromleft {
        from {
            -webkit-transform: rotateY(180deg) scale(.8)
        }

        to {
            -webkit-transform: rotateY(0) scale(1)
        }
}

    @-webkit-keyframes flipouttoleft {
        from {
            -webkit-transform: rotateY(0) scale(1)
        }

        to {
            -webkit-transform: rotateY(-180deg) scale(.8)
        }
}

    @-webkit-keyframes flipouttoright {
        from {
            -webkit-transform: rotateY(0) scale(1)
        }

        to {
            -webkit-transform: rotateY(180deg) scale(.8)
        }
}

    @-webkit-keyframes dontmove {
        from {
            opacity: 1
        }

        to {
            opacity: 1
        }
}

    .pop {
        -webkit-transform-origin: 50% 50%
    }

    .pop.in {
        -webkit-transform: scale(1);
        opacity: 1;
        -webkit-animation-name: popin;
        z-index: 10
    }

    .pop.in.reverse {
        z-index: 0;
        -webkit-animation-name: dontmove
    }

    .pop.out.reverse {
        -webkit-transform: scale(.2);
        opacity: 0;
        -webkit-animation-name: popout;
        z-index: 10
    }

    @-webkit-keyframes popin {
        from {
            -webkit-transform: scale(.2);
            opacity: 0
        }

        to {
            -webkit-transform: scale(1);
            opacity: 1
        }
}

    @-webkit-keyframes popout {
        from {
            -webkit-transform: scale(1);
            opacity: 1
        }

        to {
            -webkit-transform: scale(.2);
            opacity: 0
        }
}

    .ui-grid-a, .ui-grid-b, .ui-grid-c, .ui-grid-d {
        overflow: hidden;
    }

    .ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d, .ui-block-e {
        margin: 0 0 0 0;
        padding: 0;
        border: 0;
        float: left;
        min-height: 1px
    }

    .ui-grid-solo .ui-block-a {
        width: 100%;
        float: none
    }

    .ui-grid-a .ui-block-a, .ui-grid-a .ui-block-b {
        width: 50%
    }

    .ui-grid-a .ui-block-a {
        clear: left
    }

    .ui-grid-b .ui-block-a, .ui-grid-b .ui-block-b, .ui-grid-b .ui-block-c {
        width: 33.333%
    }

    .ui-grid-b .ui-block-a {
        clear: left
    }

    .ui-grid-c .ui-block-a, .ui-grid-c .ui-block-b, .ui-grid-c .ui-block-c, .ui-grid-c .ui-block-d {
        width: 25%
    }

    .ui-grid-c .ui-block-a {
        clear: left
    }

    .ui-grid-d .ui-block-a, .ui-grid-d .ui-block-b, .ui-grid-d .ui-block-c, .ui-grid-d .ui-block-d, .ui-grid-d .ui-block-e {
        width: 20%
    }

    .ui-grid-d .ui-block-a {
        clear: left
    }

    .ui-header, .ui-footer, .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer {
        position: absolute;
        /*overflow: hidden;*/
        width: 100%;
        border-left-width: 0;
        border-right-width: 0
    }

    .ui-header-fixed, .ui-footer-fixed {
        z-index: 1000;
        -webkit-transform: translateZ(0)
    }

    .ui-footer-duplicate, .ui-page-fullscreen .ui-fixed-inline {
        display: none
    }

    .ui-page-fullscreen .ui-header, .ui-page-fullscreen .ui-footer {
        opacity: .9
    }

    .ui-navbar {
        overflow: hidden
    }

    .ui-navbar ul, .ui-navbar-expanded ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: relative;
        display: block;
        border: 0
    }

    .ui-navbar-collapsed ul {
        float: left;
        width: 75%;
        margin-right: -2px
    }

    .ui-navbar-collapsed .ui-navbar-toggle {
        float: left;
        width: 25%
    }

    .ui-navbar li.ui-navbar-truncate {
        position: absolute;
        left: -9999px;
        top: -9999px
    }

    .ui-navbar li .ui-btn, .ui-navbar .ui-navbar-toggle .ui-btn {
        display: block;
        font-size: 12px;
        text-align: center;
        margin: 0;
        border-right-width: 0;
        max-width: 100%;
    }

    .ui-navbar li .ui-btn {
        margin-right: -1px
    }

    .ui-navbar li .ui-btn: last-child {
        margin-right: 0
    }

    .ui-header .ui-navbar li .ui-btn, .ui-header .ui-navbar .ui-navbar-toggle .ui-btn, .ui-footer .ui-navbar li .ui-btn, .ui-footer .ui-navbar .ui-navbar-toggle .ui-btn {
        border-top-width: 0;
        border-bottom-width: 0
    }

    .ui-navbar .ui-btn-inner {
        padding-left: 2px;
        padding-right: 2px
    }

    .ui-navbar-noicons li .ui-btn .ui-btn-inner, .ui-navbar-noicons .ui-navbar-toggle .ui-btn-inner {
        padding-top: .8em;
        padding-bottom: .9em;
    }

    .ui-navbar-expanded .ui-btn {
        margin: 0;
        font-size: 14px
    }

    .ui-navbar-expanded .ui-btn-inner {
        padding-left: 5px;
        padding-right: 5px
    }

    .ui-navbar-expanded .ui-btn-icon-top .ui-btn-inner {
        padding: 45px 5px 15px;
        text-align: center
    }

    .ui-navbar-expanded .ui-btn-icon-top .ui-icon {
        top: 15px
    }

    .ui-navbar-expanded .ui-btn-icon-bottom .ui-btn-inner {
        padding: 15px 5px 45px;
        text-align: center
    }

    .ui-navbar-expanded .ui-btn-icon-bottom .ui-icon {
        bottom: 15px
    }

    .ui-navbar-expanded li .ui-btn .ui-btn-inner {
        min-height: 2.5em
    }

    .ui-navbar-expanded .ui-navbar-noicons .ui-btn .ui-btn-inner {
        padding-top: 1.8em;
        padding-bottom: 1.9em
    }

    .ui-btn {
        display: block;
        text-align: center;
        cursor: pointer;
        position: relative;
        margin: .5em 5px;
        padding: 0
    }

    .ui-header .ui-btn, .ui-footer .ui-btn, .ui-bar .ui-btn {
        display: inline-block;
        font-size: 13px;
        margin: 0
    }

    .ui-btn-inline {
        display: inline-block
    }

    .ui-btn-inner {
        padding: .6em 25px;
        display: block;
//        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        zoom: 1
    }

    .ui-btn input, .ui-btn button {
        z-index: 2
    }

    .ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner {
        padding: .4em 8px .5em
    }

    .ui-btn-icon-notext {
        width: 24px;
        height: 24px
    }

    .ui-btn-icon-notext .ui-btn-inner {
        padding: 2px 1px 2px 3px
    }

    .ui-btn-text {
        position: relative;
        z-index: 1
    }

    .ui-btn-icon-notext .ui-btn-text {
        position: absolute;
        left: -9999px
    }

    .ui-btn-icon-left .ui-btn-inner {
        padding-left: 33px
    }

    .ui-header .ui-btn-icon-left .ui-btn-inner, .ui-footer .ui-btn-icon-left .ui-btn-inner, .ui-bar .ui-btn-icon-left .ui-btn-inner {
        padding-left: 27px
    }

    .ui-btn-icon-right .ui-btn-inner {
        padding-right: 33px
    }

    .ui-header .ui-btn-icon-right .ui-btn-inner, .ui-footer .ui-btn-icon-right .ui-btn-inner, .ui-bar .ui-btn-icon-right .ui-btn-inner {
        padding-right: 27px
    }

    .ui-btn-icon-top .ui-btn-inner {
        padding-top: 33px
    }

    .ui-header .ui-btn-icon-top .ui-btn-inner, .ui-footer .ui-btn-icon-top .ui-btn-inner, .ui-bar .ui-btn-icon-top .ui-btn-inner {
        padding-top: 27px
    }

    .ui-btn-icon-bottom .ui-btn-inner {
        padding-bottom: 33px
    }

    .ui-header .ui-btn-icon-bottom .ui-btn-inner, .ui-footer .ui-btn-icon-bottom .ui-btn-inner, .ui-bar .ui-btn-icon-bottom .ui-btn-inner {
        padding-bottom: 27px
    }

    .ui-btn-icon-notext .ui-icon {
        display: block;
        z-index: 0
    }

    .ui-btn-icon-left .ui-icon, .ui-btn-icon-right .ui-icon {
        position: absolute;
        top: 50%;
        margin-top: -9px
    }

    .ui-btn-icon-top .ui-icon, .ui-btn-icon-bottom .ui-icon {
        position: absolute;
        left: 50%;
        margin-left: -9px
    }

    .ui-btn-icon-left .ui-icon {
        left: 10px
    }

    .ui-btn-icon-right .ui-icon {
        right: 10px
    }

    .ui-btn-icon-top .ui-icon {
        top: 10px
    }

    .ui-btn-icon-bottom .ui-icon {
        bottom: 10px
    }

    .ui-header .ui-btn-icon-left .ui-icon, .ui-footer .ui-btn-icon-left .ui-icon, .ui-bar .ui-btn-icon-left .ui-icon {
        left: 4px
    }

    .ui-header .ui-btn-icon-right .ui-icon, .ui-footer .ui-btn-icon-right .ui-icon, .ui-bar .ui-btn-icon-right .ui-icon {
        right: 4px
    }

    .ui-header .ui-btn-icon-top .ui-icon, .ui-footer .ui-btn-icon-top .ui-icon, .ui-bar .ui-btn-icon-top .ui-icon {
        top: 4px
    }

    .ui-header .ui-btn-icon-bottom .ui-icon, .ui-footer .ui-btn-icon-bottom .ui-icon, .ui-bar .ui-btn-icon-bottom .ui-icon {
        bottom: 4px
    }

    .ui-btn-hidden {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-appearance: button;
        opacity: .1;
        cursor: pointer;
        background: #fff;
        background: #fff;
        filter: Alpha(Opacity=.0001);
        font-size: 1px;
        border: 0;
        line-height: 999px
    }

    .ui-collapsible {
        margin: .5em 0
    }

    .ui-collapsible-heading {
        font-size: 16px;
        display: block;
        margin: 0 -8px;
        padding: 0;
        border-width: 0 0 1px 0;
        position: relative
    }

    .ui-collapsible-heading a {
        text-align: left;
        margin: 0
    }

    .ui-collapsible-heading a .ui-btn-inner {
        padding-left: 40px
    }

    .ui-collapsible-heading a span.ui-btn {
        position: absolute;
        left: 6px;
        top: 50%;
        margin: -12px 0 0 0;
        width: 20px;
        height: 20px;
        padding: 1px 0 1px 2px;
        text-indent: -9999px
    }

    .ui-collapsible-heading a span.ui-btn .ui-btn-inner {
        padding: 10px 0
    }

    .ui-collapsible-heading a span.ui-btn .ui-icon {
        left: 0;
        margin-top: -10px
    }

    .ui-collapsible-heading-status {
        position: absolute;
        top: -9999px;
        left: 0
    }

    .ui-collapsible-content {
        display: block;
        margin: 0 -8px;
        padding: 10px 16px;
        border-top: 0;
        background-image: none;
        font-weight: normal
    }

    .ui-collapsible-content-collapsed {
        display: none
    }

    .ui-collapsible-set {
        margin: .5em 0
    }

    .ui-collapsible-set .ui-collapsible {
        margin: -1px 0 0
    }

    .ui-controlgroup, fieldset.ui-controlgroup {
        padding: 0;
        margin: .5em 0 1em
    }

    .ui-bar .ui-controlgroup {
        margin: 0 .3em
    }

    .ui-controlgroup-label {
        font-size: 16px;
        line-height: 1.4;
        font-weight: normal;
        margin: 0 0 .3em
    }

    .ui-controlgroup-controls {
        display: block;
        width: 100%
    }

    .ui-controlgroup li {
        list-style: none
    }

    .ui-controlgroup-vertical .ui-btn, .ui-controlgroup-vertical .ui-checkbox, .ui-controlgroup-vertical .ui-radio {
        margin: 0;
        border-bottom-width: 0
    }

    .ui-controlgroup-controls label.ui-select {
        position: absolute;
        left: -9999px
    }

    .ui-controlgroup-vertical .ui-controlgroup-last {
        border-bottom-width: 1px
    }

    .ui-controlgroup-horizontal {
        padding: 0
    }

    .ui-controlgroup-horizontal .ui-btn, .ui-controlgroup-horizontal .ui-select {
        display: inline-block;
        margin: 0 -5px 0 0
    }

    .ui-controlgroup-horizontal .ui-checkbox, .ui-controlgroup-horizontal .ui-radio {
        float: left;
        margin: 0 -1px 0 0
    }

    .ui-controlgroup-horizontal .ui-checkbox .ui-btn, .ui-controlgroup-horizontal .ui-radio .ui-btn, .ui-controlgroup-horizontal .ui-checkbox: last-child, .ui-controlgroup-horizontal .ui-radio: last-child {
        margin-right: 0
    }

    .ui-controlgroup-horizontal .ui-controlgroup-last {
        margin-right: 0
    }

    .ui-controlgroup .ui-checkbox label, .ui-controlgroup .ui-radio label {
        font-size: 16px
    }

    @media all and (min-width:450px) {
        .ui-field-contain .ui-controlgroup-label {
            vertical-align: top;
            display: inline-block;
            width: 20%;
            margin: 0 2% 0 0
        }

        .ui-field-contain .ui-controlgroup-controls {
            width: 60%;
            display: inline-block
        }

        .ui-field-contain .ui-controlgroup .ui-select {
            width: 100%
        }

        .ui-field-contain .ui-controlgroup-horizontal .ui-select {
            width: auto
        }
}

    .ui-dialog {
        min-height: 480px
    }

    .ui-dialog .ui-header, .ui-dialog .ui-content, .ui-dialog .ui-footer {
        max-width: 500px;
        margin: 10% auto 15px auto;
        width: 85%;
        position: relative
    }

    .ui-dialog .ui-header, .ui-dialog .ui-footer {
        padding: 0 0;
        z-index: 10
    }

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

    .ui-dialog .ui-content, .ui-dialog .ui-footer {
        margin-top: -15px
    }

    .ui-checkbox, .ui-radio {
        position: relative;
        margin: .2em 0 .5em;
        z-index: 1
    }

    .ui-checkbox .ui-btn, .ui-radio .ui-btn {
        margin: 0;
        text-align: left;
        z-index: 2
    }

    .ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner {
        white-space: normal
    }

    .ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner {
        padding-left: 45px
    }

    .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner {
        padding-right: 45px
    }

    .ui-checkbox .ui-icon, .ui-radio .ui-icon {
        top: 1.1em
    }

    .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {
        left: 15px
    }

    .ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {
        right: 15px
    }

    .ui-checkbox input, .ui-radio input {
        position: absolute;
        left: 20px;
        top: 50%;
        width: 10px;
        height: 10px;
        margin: -5px 0 0 0;
        outline: 0 !important;
        z-index: 1
    }

    .ui-field-contain, fieldset.ui-field-contain {
        padding: 1.5em 0;
        margin: 0;
        border-width: 0 0 1px 0;
        overflow: visible
    }

    .ui-field-contain: first-child {
        border-top-width: 0
    }

    @media all and (min-width:450px) {
        .ui-field-contain, .ui-mobile fieldset.ui-field-contain {
            border-width: 0;
            padding: 0;
            margin: 1em 0
        }
}

    .ui-select {
        display: block;
        position: relative
    }

    .ui-select select {
        position: absolute;
        left: -9999px;
        top: -9999px
    }

    .ui-select .ui-btn {
        overflow: hidden
    }

    .ui-select .ui-btn {
        opacity: 1
    }

    .ui-select .ui-btn select {
        cursor: pointer;
        -webkit-appearance: button;
        left: 0;
        top: 0;
        width: 100%;
        min-height: 1.5em;
        min-height: 100%;
        height: 3em;
        max-height: 100%;
        opacity: 0;
        -ms-filter: "alpha(opacity=0)";
        filter: alpha(opacity=0);
        z-index: 2
    }

    .ui-select .ui-disabled {
        opacity: .3
    }

    @-moz-document url-prefix() {
        .ui-select .ui-btn select {
            opacity: .0001
        }
}

    .ui-select .ui-btn select.ui-select-nativeonly {
        opacity: 1;
        text-indent: 0
    }

    .ui-select .ui-btn-icon-right .ui-btn-inner {
        padding-right: 45px
    }

    .ui-select .ui-btn-icon-right .ui-icon {
        right: 15px
    }

    label.ui-select {
        font-size: 16px;
        line-height: 1.4;
        font-weight: normal;
        margin: 0 0 .3em;
        display: block
    }

    .ui-select .ui-btn-text, .ui-selectmenu .ui-btn-text {
        display: block;
        min-height: 1em;
        overflow: hidden
    }

    .ui-select .ui-btn-text {
        text-overflow: ellipsis
    }

    .ui-selectmenu {
        position: absolute;
        padding: 0;
        z-index: 1100 !important;
        width: 80%;
        max-width: 350px;
        padding: 6px
    }

    .ui-selectmenu .ui-listview {
        margin: 0
    }

    .ui-selectmenu .ui-btn.ui-li-divider {
        cursor: default
    }

    .ui-selectmenu-hidden {
        top: -9999px;
        left: -9999px
    }

    .ui-selectmenu-screen {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 99
    }

    .ui-screen-hidden, .ui-selectmenu-list .ui-li .ui-icon {
        display: none
    }

    .ui-selectmenu-list .ui-li .ui-icon {
        display: block
    }

    .ui-li.ui-selectmenu-placeholder {
        display: none
    }

    .ui-selectmenu .ui-header .ui-title {
        margin: .6em 46px .8em
    }

    @media all and (min-width:450px) {
        .ui-field-contain label.ui-select {
            vertical-align: top;
            display: inline-block;
            width: 20%;
            margin: 0 2% 0 0
        }

        .ui-field-contain .ui-select {
            width: 60%;
            display: inline-block
        }
}

    .ui-selectmenu .ui-header h1: after {
        content: '.';
        visibility: hidden
    }

    .ui-li-static .ui-select .ui-li-count {
        right: 38px
    }

    label.ui-input-text {
        font-size: 16px;
        line-height: 1.4;
        display: block;
        font-weight: normal;
        margin: 0 0 .3em
    }

    input.ui-input-text, textarea.ui-input-text {
        background-image: none;
        padding: .4em;
        line-height: 1.4;
        font-size: 16px;
        display: block;
        width: 97%
    }

    input.ui-input-text {
        -webkit-appearance: none
    }

    textarea.ui-input-text {
        height: 50px;
        -webkit-transition: height 200ms linear;
        -moz-transition: height 200ms linear;
        -o-transition: height 200ms linear;
        transition: height 200ms linear
    }

    .ui-input-search {
        padding: 0 30px;
        background-image: none;
        position: relative;
        background-color: #ffffff ;
    }

    .ui-icon-searchfield: after {
        position: absolute;
        left: 7px;
        top: 0px;
        margin-top: -9px;
        content: "";
        width: 8px;
        height: 8px;
        opacity: .5;
    }

    .ui-input-search input.ui-input-text {
        border: 0;
        width: 98%;
        padding: .4em 0;
        margin: 0;
        display: block;
        background: transparent none;
        outline: 0 !important;
        color: #191919;
    }

    .ui-input-search .ui-input-clear {
        position: absolute;
        right: 2px;
        top: 1px;
        margin-top: -13px
    }

    .ui-input-search .ui-input-clear-hidden {
        display: none
    }

    @media all and (min-width:450px) {
        .ui-field-contain label.ui-input-text {
            vertical-align: top;
            display: inline-block;
            width: 20%;
            margin: 0 2% 0 0
        }

        .ui-field-contain input.ui-input-text, .ui-field-contain textarea.ui-input-text,
        .ui-field-contain .ui-input-search {
            width: 60%;
            display: inline-block
        }

        .ui-field-contain .ui-input-search {
            width: 50%
        }

        .ui-hide-label input.ui-input-text, .ui-hide-label textarea.ui-input-text,
        .ui-hide-label .ui-input-search {
            padding: .4em;
            width: 97%
        }

        .ui-input-search input.ui-input-text {
            width: 98%
        }
}

    .ui-listview {
        margin: 0;
        counter-reset: listnumbering
    }

    .ui-content .ui-listview {
        margin: 0px;
    }

    .ui-content .ui-listview-inset {
        margin: 1em 0
    }

    .ui-listview, .ui-li {
        list-style: none;
        padding: 0
    }

    .ui-li, .ui-li.ui-field-contain {
        display: block;
        margin: 0;
        position: relative;
        overflow: hidden;
        text-align: left;
        border-width: 0;
        border-top-width: 1px
    }

    .ui-li .ui-btn-text a.ui-link-inherit {
//        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .ui-li-divider, .ui-li-static {
        padding: .5em 15px;
        font-size: 14px;
        font-weight: 200
    }

    .ui-li-divider {
        counter-reset: listnumbering
    }

    ol.ui-listview .ui-link-inherit: before, ol.ui-listview .ui-li-static: before, .ui-li-dec {
        font-size: .8em;
        display: inline-block;
        padding-right: .3em;
        font-weight: normal;
        counter-increment: listnumbering;
        content: counter(listnumbering) ". "
    }

    ol.ui-listview .ui-li-jsnumbering: before {
        content: "" !important
    }

    .ui-listview-inset .ui-li {
        border-right-width: 1px;
        border-left-width: 1px
    }

    .ui-li: last-child, .ui-li.ui-field-contain: last-child {
        border-bottom-width: 1px
    }

    .ui-li>.ui-btn-inner {
        display: block;
        position: relative;
        padding: 0
    }

    .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
        padding: .7em 15px .7em 15px;
        display: block
    }

    .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-thumb {
        min-height: 160px;
        padding-left: 100px
    }

    .ui-li-has-icon .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-icon {
        min-height: 20px;
        padding-left: 40px
    }

    .ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-count {
        padding-right: 45px
    }

    .ui-li-has-arrow .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow {
        padding-right: 30px
    }

    .ui-li-has-arrow.ui-li-has-count .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-arrow.ui-li-has-count {
        padding-right: 75px
    }

    .ui-li-has-count .ui-btn-text {
        padding-right: 15px
    }

    .ui-li-heading {
        position: relative;
        font-size: 16px;
        font-weight: 200;
        display: block;
        margin: .6em 0;
//        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .ui-li-desc {
        font-size: 12px;
        font-weight: normal;
        display: block;
        margin: -.5em 0 .6em;text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    .ui-li-thumb, .ui-listview .ui-li-icon {
        position: absolute;
        left: 1px;
        top: 0;
        height:auto;
        width:100%;
        z-index: 0; 
    }

    .ui-listview .ui-li-icon {
        max-height: 40px;
        max-width: 40px;
        left: 10px;
        top: .9em
    }

    .ui-li-thumb, .ui-listview .ui-li-icon, .ui-li-content {
        float: left;
        margin-right: 10px
    }

    .ui-li-aside {
        float: right;
        width: 50%;
        text-align: right;
        margin: .3em 0
    }

    @media all and (min-width:480px) {
        .ui-li-aside {
            width: 45%
        }
}

    .ui-li-divider {
        cursor: default
    }

    .ui-li-has-alt .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li-has-alt {
        padding-right: 95px
    }

    .ui-li-has-count .ui-li-count {
        position: absolute;
        font-size: 11px;
        font-weight: 200;
        padding: .2em .5em;
        top: 50%;
        margin-top: -.9em;right:38px}.ui-li-divider .ui-li-count, .ui-li-static .ui-li-count {
            right: 10px
        }

        .ui-li-has-alt .ui-li-count {
            right: 55px
        }

        .ui-li-link-alt {
            position: absolute;
            width: 40px;
            height: 100%;
            border-width: 0;
            border-left-width: 1px;
            top: 0;
            right: 0;
            margin: 0;
            padding: 0;
            z-index: 2
        }

        .ui-li-link-alt .ui-btn {
            overflow: hidden;
            position: absolute;
            right: 8px;
            top: 50%;
            margin: -11px 0 0 0;
            border-bottom-width: 1px;
            z-index: -1
        }

        .ui-li-link-alt .ui-btn-inner {
            padding: 0;
            height: 100%;
            position: absolute;
            width: 100%;
            top: 0;
            left: 0
        }

        .ui-li-link-alt .ui-btn .ui-icon {
            right: 50%;
            margin-right: -9px
        }

        .ui-listview * .ui-btn-inner>.ui-btn>.ui-btn-inner {
            border-top: 0
        }

        .ui-listview-filter {
            border-width: 0;
            overflow: hidden;
            margin: -15px -15px 15px -15px
        }

        .ui-listview-filter .ui-input-search {
            margin: 20px 5px 5px 5px;
            width: auto;
            display: block
        }

        .ui-listview-filter-inset {
            margin: -15px -5px -15px -5px;
            background: transparent
        }

        .ui-li.ui-screen-hidden {
            display: none
        }

        @media only screen and (min-device-width:768px) and (max-device-width:1024px) {
            .ui-li .ui-btn-text {
                overflow: visible
            }
}

        label.ui-slider {
            font-size: 16px;
            line-height: 1.4;
            font-weight: normal;
            margin: 0 0 .3em;
            display: block
        }

        input.ui-slider-input, .ui-field-contain input.ui-slider-input {
            display: inline-block;
            width: 50px
        }

        select.ui-slider-switch {
            display: none
        }

        div.ui-slider {
            position: relative;
            display: inline-block;
            overflow: visible;
            height: 15px;
            padding: 0;
            margin: 0 2% 0 20px;
            top: 4px;
            width: 60%
        }

        div.ui-slider-switch {
            width: 99.8%
        }

        a.ui-slider-handle {
            position: absolute;
            z-index: 10;
            top: 50%;
            width: 28px;
            height: 28px;
            margin-top: -15px;
            margin-left: -15px
        }

        a.ui-slider-handle .ui-btn-inner {
            padding-left: 0;
            padding-right: 0
        }

        @media all and (min-width:480px) {
            .ui-field-contain label.ui-slider {
                vertical-align: top;
                display: inline-block;
                width: 20%;
                margin: 0 2% 0 0
            }

            .ui-field-contain div.ui-slider {
                width: 43%
            }
}

        div.ui-slider-switch {
            height: 32px;
            overflow: hidden;
            margin-left: 0
        }

        div.ui-slider-inneroffset {
            margin-left: 50%;
            position: absolute;
            top: 1px;
            height: 100%;
            width: 50%
        }

        a.ui-slider-handle-snapping {
            -webkit-transition: left 70ms linear;
            -moz-transition: left 70ms linear
        }

        div.ui-slider-labelbg {
            position: absolute;
            top: 0;
            margin: 0;
            border-width: 0
        }

        div.ui-slider-switch div.ui-slider-labelbg-a {
            width: 60%;
            height: 100%;
            left: 0
        }

        div.ui-slider-switch div.ui-slider-labelbg-b {
            width: 60%;
            height: 100%;
            right: 0
        }

        .ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b {
            z-index: -1
        }

        .ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a {
            z-index: 0
        }

        div.ui-slider-switch a.ui-slider-handle {
            z-index: 20;
            width: 101%;
            height: 32px;
            margin-top: -18px;
            margin-left: -101%
        }

        span.ui-slider-label {
            width: 100%;
            position: absolute;
            height: 32px;
            font-size: 16px;
            text-align: center;
            line-height: 2;
            background: 0;
            border-color: transparent
        }

        span.ui-slider-label-a {
            left: -100%;
            margin-right: -1px
        }

        span.ui-slider-label-b {
            right: -100%;
            margin-left: -1px
        }