html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
nav ul { list-style: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
del { text-decoration: line-through }
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select { vertical-align: middle }
/* END RESET CSS */
/*Main formating starts*/
html { }
body {
    font-family: Helvetica, Arial, sans-serif;
    background: #141414;
    color: #fff;
}
.clear {
    display: block;
    clear: both;
}
#zona_promo {
    height: 105px;
    text-align: center;
    font-size: 30px;
    line-height: 90px;
    background: #000;
}
#top_heading {
    position: relative;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    width: 100%;
    color: #fff;
}
.transv_heading {
    font-size: 19px;
    height: 37px;
    padding: 0 0 0 30px;
    line-height: 40px;
    margin-left: -20px;
    border-bottom: 1px solid #3d3d3d;
    letter-spacing: 1px;
    color: #fff;
    white-space: nowrap;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #252525),color-stop(1, #191919));
}
#container { }
#main {
    background: #000;
    overflow: hidden;
}
/*Form starts $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
#center_form {
    width: 85%;
    margin: 10px auto 0 auto;
}
#mainForm {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 0 5px -0.4em;
    color: #fff;
    padding-bottom: 25px;
}
#mainForm label {
    display: block;
    clear: both;
    font-size: 14px;
    margin: 0 0 4px;
    color: #fff;
}
#mainForm label[generated="true"] {
    position: absolute;
    right: 0px;
    text-align: right;
    color: #F36700;
	font-size: 11px;
}
#mainForm input {
    clear: both;
    width: 100%;
    margin: 0 auto 10px auto;
    border: 1px solid #eee;
    color: #333333;
    /*text-shadow: 0 1px 0 #fff;*/
    -webkit-box-shadow: inset 0px 0px 5px rgba(0,0,0,.5);
}
#mainForm input:focus {
    background: #fff;
    -webkit-box-shadow: inset 0px 0px 0px rgba(255,255,255,0);
    -webkit-box-shadow: 0px 0px 10px #eb6417;
}
#fixedSubmit {
    position: relative;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    z-index: 9999;
    background: #141414;
    border-top: 1px solid #4e4e4e;
}
#fixedSubmit a {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    width: 47%;
    clear: both;
    color: #000;
    font-size: 15px;
    padding: 8px 0;
    text-decoration: none;
    border: 1px solid #777;
    -webkit-border-radius: .5em;
    -webkit-box-shadow: 1px 1px 1px #111;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(183,183,183)), color-stop(0.45, rgb(201,201,201)), color-stop(0.88, rgb(231,231,231)) );
}
#submit {
    position: absolute;
    left: 2%;
    top: 18%;
}
#cancel {
    position: absolute;
    right: 2%;
    top: 18%;
}
mark#obrigatorios {
    position: relative;
    top: 12px;
    float: right;
    font-size: 11px;
    color: #eee;
}
/*Tarifario header $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/
#tar {
    color: rgb(243,103,0);
    width: 50%;
    /*text-shadow: -1px -1px 1px #444;*/
}
#tar .tipoTar {
    /*margin-left: 10px;*/
    color: #fff;
}
#tar .tipoTar.form { margin-left: 0px }
#estadoTar {
    position: absolute;
    right: 10px;
    top: 0px;
    width: 30%;
    color: #fff;
    text-align: right;
    padding-right: 15px;
}
#estadoTar span {
    display: block;
    width: 20px;
    height: 25px;
    float: right;
    margin-left: 10px;
}
#estadoTar.activo span { background: url(../img/main_sp.png) no-repeat -51px 5px }
#detalheTar {
    min-height: 45px;
    padding: 0 40px 0 15px;
}
#detalheTar h3 {
	display: inline-block;
    font-weight: normal;
    font-size: 14px;
    margin: 15px 0 0px 0;
    margin-right: 15px;
    color: rgb(243,103,0);
}
#detalheTar h3.last { margin: 0 0 0 0 }
#detalheTar h3 span {
    display: block;
    float: right;
    color: #fff;
    margin-left: 5px;
}
#detalheTar h3:after { content: ": " }
/*começa o acordeon*/
.acordeon { }
.acordeon section h3 { }
.acordeon section h3 a {
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #222;
    /*text-shadow: -1px -1px 1px #777;*/
    border-bottom: 1px solid #b1b1b1;
    text-decoration: none;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a6abb1),color-stop(1, #797b80));
}
.acordeon section h3 a .ui-btn-inner {
    padding-left: 20px;
    /*-webkit-tap-highlight-color: rgba(255, 255, 255, 1);*/
}
.acordeon section h3.ui-collapsible-heading-collapsed a {
    color: #eee;
    /*text-shadow: -1px -1px 1px #444;*/
    background: red;
    border-bottom: 1px solid #3d3d3d;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #252525),color-stop(1, #191919));
}
.acordeon section h3 a.ui-btn.ui-btn-down-a {
    color: rgb(243,103,0);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a6abb1),color-stop(1, #797b80));
}
.acordeon section h3 a .ui-btn-hover-a { color: rgb(243,103,0) }
.acordeon section h3 .ui-icon-plus { background: url(../img/main_sp.png) no-repeat 0px 2px }
.acordeon section h3 .ui-icon-minus { background: url(../img/main_sp.png) no-repeat -27px 2px }
/*Consumos*/
section.consumos .pac {
    width: 85%;
    margin: 0 auto;
}
section.consumos .pac h4 {
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
    font-size: 13px;
    margin-top: 10px;
}
h4.legenda {
    float: left;
    width: 40%;
}
h4.valor {
    float: right;
    width: 40%;
    clear: right;
    text-align: right;
}
section.consumos .clear { padding-top: 10px }
.consumos .pac .barContainer {
    width: 100%;
    padding: 0;
    margin: 5px 0;
    float: left;
    clear: both;
    overflow: hidden;
    -webkit-border-radius: 3px;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #a6abb1),color-stop(1, #797b80));
}
.consumos .pac .barContainer .bar {
    font-size: 11px;
    padding: 4px 0px 4px 5px;
    color: #444;
    height: 14px;
    width: 0;
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fff),color-stop(1, #999));
    -webkit-border-radius: 3px;
    /*-webkit-border-top-left-radius: 3px;;
    -webkit-border-bottom-left-radius: 3px;*/
}
.consumos .pac .barContainer .bar span {
    position: relative;
    width: 30px;
    padding: 1px 4px 3px 4px;
    margin-right: 10px;
    float: right;
    color: #000;
    font-weight: bold;
}
/*Tarifarios*/
section.tarifarios { border-bottom: 0px solid #555 }
section.upgradeTarifario { background: #333 }
section.tarifarios a.action {
    float: left;
    display: block;
    margin: 0 18px 0px 14px;
    clear: none;
}
section.tarifarios span.action {
    float: left;
    display: block;
    margin: 0 18px 0px 14px;
    clear: none;
}
.infoTarifarios { float: left }
.infoTarifarios h4 {
    float: left;
    font-size: 16px;
    margin: 2px 0 10px 0;
    color: rgb(243,103,0);
    text-transform: uppercase;
    font-weight: normal;
    font-style: normal;
}
a.carregamentos {
	 margin: 5px 18px 0px 14px !important;
}
.infoTarifarios .info_carregamento {
	clear: left;
	width: 450px;
	float: left;
	letter-spacing: 0.1em;
	font-size: 14px;
}
section.carregamentos {
	padding: 7px 0 0 0;
}
.infoTarifarios dl {
    float: left;
    font-size: 14px;
    clear: left;
    min-width: 300px;
    text-transform: capitalize;
    white-space: nowrap;
    letter-spacing: 0.1em;
}
.infoTarifarios dl dt {
    float: left;
    margin: 0 10px 6px 0;
    font-weight: bold;
}
.infoTarifarios dl dd { margin-bottom: 6px }
.infoTarifarios dl dt:after { content: ": " }
div.separadorTarifarios {
    position: relative;
    top: 4px;
    clear: both;
    width: 100%;
    height: 1px;
    margin: 10px 0;
    z-index: 9999;
}
div.separadorTarifarios.meio .sepl {
    position: relative;
    right: -1px;
    float: left;
    width: 50%;
    height: 100%;
    background-image: -webkit-gradient( linear, right top, left top, color-stop(0, rgba(100,100,100,1)), color-stop(1, rgba(5,5,5,1)) );
}
div.separadorTarifarios.meio .sepr {
    position: relative;
    left: -1px;
    float: right;
    width: 50%;
    height: 100%;
    background-image: -webkit-gradient( linear, right top, left top, color-stop(0, rgba(5,5,5,1)), color-stop(1, rgba(100,100,100,1)) );
}
div.separadorTarifarios.meio.dark .sepl { background-image: -webkit-gradient( linear, right top, left top, color-stop(0, rgba(100,100,100,1)), color-stop(1, rgba(51,51,51,1)) ) }
div.separadorTarifarios.meio.dark .sepr { background-image: -webkit-gradient( linear, right top, left top, color-stop(0, rgba(51,51,51,1)), color-stop(1, rgba(100,100,100,1)) ) }
div.separadorTarifarios.final {
    top: 1px;
    margin: 0;
    background: #4e4e4e;
}
div.separadorTarifarios.final.tr { height: 2px }
#continuarLentoOut {
    background: #141414;
    overflow: hidden;
    padding-top: 1px;
    height: 100%;
}
#continuarLento {
    display: block;
    text-align: center;
    margin: 14px auto 3px auto;
    width: 97%;
    clear: both;
    color: #000;
    font-size: 13px;
    padding: 13px 0;
    text-decoration: none;
    border: 1px solid #777;
    -webkit-border-radius: .7em;
    -webkit-box-shadow: 1px 1px 1px #111;
    z-index: 1;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(183,183,183)), color-stop(0.45, rgb(201,201,201)), color-stop(0.88, rgb(231,231,231)) );
}
#continuarLento span { font-weight: bold }
/*Tarifário ilimitado*/
hgroup.ilimitado { border-bottom: 1px solid #4e4e4e }
#encher {
    position: absolute;
    width: 100%;
    background: #141414;
    z-index: 0;
}
#center_form + #encher { border-top: 1px solid #4e4e4e }
/*Cx de Dialogo*/
.diagOverlay {
    display: none;
    opacity: 0;
    position: absolute;
    background: rgba(0,0,0,0.8);
    width: 100%;
    z-index: 10000;
}
.diagOverlay .diagIn {
    position: relative;
    top: 30%;
    margin: -90px auto 0 auto;
    width: 300px;
    height: 180px;
    border: 2px solid #fff;
    background: rgb(66,69,69);
    -webkit-border-radius: 8px;
}
.diagOverlay .diagIn h1 {
    margin: 15px 0 0 15px;
    height: 35px;
    padding: 0 0 0 50px;
    line-height: 40px;
    background: url(../img/logerrado.png)  no-repeat left top;
    font-size: 20px;
    letter-spacing: 1px;
}
.diagOverlay .diagIn p {
    margin: 25px 0 0 17px;
    height: 20px;
    line-height: 20px;
    font-size: 16px;
}
.diagOverlay .btnOut {
    position: absolute;
    bottom: 0;
    width: 300px;
    height: 35px;
    padding: 5px 0;
    background: rgb(189,190,189);
}
.diagOverlay .btnOut a {
    display: block;
    text-align: center;
    margin: 0px auto 0px auto;
    width: 97%;
    clear: both;
    color: #000;
    font-size: 12px;
    padding: 10px 0;
    text-decoration: none;
    border: 1px solid #777;
    -webkit-border-radius: .5em;
    -webkit-box-shadow: 1px 1px 1px #111;
    z-index: 1;
    background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, rgb(183,183,183)), color-stop(0.45, rgb(201,201,201)), color-stop(0.88, rgb(231,231,231)) );
}
.diagOverlay.okc .btnOut a.okc {
    display: inline-block;
    position: absolute;
    left: 2%;
    top: 5px;
    width: 44%;
}
.diagOverlay.okc .btnOut a.cancel {
    display: inline-block;
    position: absolute;
    left: 53%;
    top: 5px;
    width: 44%;
}
div.separadorTarifarios.meio.diagBox .sepl {
    height: 2px;
    background-image: -webkit-gradient( linear, right top, left top, color-stop(0, rgba(100,100,100,1)), color-stop(1, rgba(66,69,66,1)) );
}
div.separadorTarifarios.meio.diagBox .sepr {
    height: 2px;
    background-image: -webkit-gradient( linear, right top, left top, color-stop(0, rgba(66,69,66,1)), color-stop(1, rgba(100,100,100,1)) );
}
/*	splashscreen */
	.splashscreen  {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -151px;
	margin-left: -176px;
	background: url(../img/logo_352x302.png)  no-repeat left top;
	}
@media screen and (min-width: 435px) and (max-width: 595px) { 
	.infoTarifarios .info_carregamento {
	width: 340px;
	font-size: 12px;
	}
	section.consumos .pac h4 {
	font-size: 11px;
	}
	#fixedSubmit a {
    font-size: 14px;
	}
}
@media screen and (min-width: 325px) and (max-width: 435px) { 
    .infoTarifarios dl {
        font-size: 10px;
        clear: left;
        min-width: 180px;
    }
    #detalheTar h3 {
        font-size: 11px;
        white-space: nowrap;
        margin-right: 10px;
    }
    .transv_heading {
        font-size: 15px;
    letter-spacing: 0.1em;
    }
    #zona_promo img { width: 300px }
    .infoTarifarios dl { font-size: 10px }
    section.tarifarios a.action { margin-right: 10px }
	section.tarifarios span.action { margin-right: 10px }
    .acordeon section h3 a {
	font-size: 10px;
	}
	.infoTarifarios h4 {
	font-size: 12px;
	}
	.acordeon section h3 a {
	font-size: 12px;
	}
	#detalheTar h3.last { 
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	}
	.splashscreen  {
	margin-top: -100px;
	margin-left: -120px;
	background: url(../img/logo_250x214.png)  no-repeat left top;
	}
	section.consumos .pac h4 {
	font-size: 11px;
	}
	#fixedSubmit a {
    font-size: 14px;
	}
}
@media screen and (min-width: 391px) and (max-width: 435px) { 
	.infoTarifarios .info_carregamento {
	width: 250px;
	font-size: 12px;
	}
	.splashscreen  {
	margin-top: -100px;
	margin-left: -120px;
	background: url(../img/logo_250x214.png)  no-repeat left top;
	}
}
@media screen and (min-width: 325px) and (max-width: 390px) { 
	.infoTarifarios .info_carregamento {
	width: 193px;
	font-size: 12px;
	}
	.splashscreen  {
	margin-top: -100px;
	margin-left: -120px;
	background: url(../img/logo_250x214.png)  no-repeat left top;
	}
	section.consumos .pac h4 {
	font-size: 11px;
	}
	#continuarLento {
    font-size: 12px;
	}
	#mainForm label {
    font-size: 13px;
	}
	mark#obrigatorios {
    font-size: 10px;
	}
	#mainForm label[generated="true"] {
	font-size: 10px;
	}
}
@media screen and (min-width: 260px) and (max-width: 324px) { 
    .infoTarifarios dl {
        font-size: 10px;
        clear: left;
        min-width: 180px;
    }
    #detalheTar h3 {
        font-size: 8px;
        white-space: nowrap;
        margin-right: 5px;
    }
    .transv_heading {
        font-size: 9px;
        letter-spacing: 0px;
    }
    #zona_promo img { width: 300px }
    .infoTarifarios h4 { font-size: 12px }
    .infoTarifarios dl {
        font-size: 10px;
        letter-spacing: 0;
    }
    .acordeon section h3 a {
	font-size: 10px;
	padding: 2px 0;
	}
    section.tarifarios a.action { margin-right: 10px }
	section.tarifarios span.action { margin-right: 10px }
    #detalheTar h3.last { 
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	}
	.infoTarifarios .info_carregamento {
	width: 180px;
	font-size: 11px;
	}
	.splashscreen  {
	margin-top: -100px;
	margin-left: -100px;
	background: url(../img/logo_194x164.png)  no-repeat left top;
	}
	section.consumos .pac h4 {
	font-size: 11px;
	}
	#continuarLento {
    font-size: 11px;
	}
	#mainForm label {
    font-size: 12px;
	}
}
@media screen and (max-width: 260px) { 
	 .infoTarifarios dl {
        font-size: 10px;
        clear: left;
        min-width: 180px;
    }
    #detalheTar h3 {
        font-size: 8px;
        white-space: nowrap;
        margin-right: 5px;
    }
    .transv_heading {
        font-size: 9px;
        letter-spacing: 0px;
    }
    #zona_promo img { width: 300px }
    .infoTarifarios h4 { font-size: 12px }
    .infoTarifarios dl {
        font-size: 10px;
        letter-spacing: 0;
    }
    .acordeon section h3 a {
	font-size: 10px;
	padding: 2px 0;
	}
    section.tarifarios a.action { margin-right: 10px }
	section.tarifarios span.action { margin-right: 10px }
    #detalheTar h3.last { 
	margin: 0 0 10px 0;
	padding-bottom: 5px;
	}
	.infoTarifarios .info_carregamento {
	width: 140px;
	font-size: 10px;
	}
	.splashscreen  {
	margin-top: -100px;
	margin-left: -100px;
	background: url(../img/logo_194x164.png)  no-repeat left top;
	}
	section.consumos .pac h4 {
	font-size: 10px;
	}
	#continuarLento {
    font-size: 10px;
	}
	#mainForm label {
    font-size: 11px;
	}
	mark#obrigatorios {
    font-size: 8px;
	}
	#mainForm label[generated="true"] {
	font-size: 8px;
	}
	#fixedSubmit a {
    font-size: 12px;
	}
}
/*!
 * jQuery Mobile v1.0a2
 * http://jquerymobile.com/
 *
 * Copyright 2010, jQuery Project
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 */
/*
* jQuery Mobile Framework
* Copyright (c) jQuery Project
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* Note: Code is in draft form and is subject to change 
*/
/* theme bar,body,btn containers
----------------------------------*/
.ui-bar-a { }
.ui-bar-a, .ui-bar-a input, .ui-bar-a select, .ui-bar-a textarea, .ui-bar-a button { }
.ui-bar-a .ui-link-inherit { }
.ui-bar-a .ui-link { }
.ui-body-a { color: #fff }
.ui-body-a, .ui-body-a input, .ui-body-a select, .ui-body-a textarea, .ui-body-a button { }
.ui-body-a .ui-link-inherit { }
.ui-body-a .ui-link { }
.ui-br { }
.ui-btn-up-a {
    border-bottom: 1px solid #222;
    cursor: pointer;
    text-decoration: none;
}
.ui-btn-up-a a.ui-link-inherit { }
.ui-btn-hover-a {
    border-bottom: 1px solid #222;
    font-weight: bold;
    text-decoration: none;
}
.ui-btn-hover-a a.ui-link-inherit { }
.ui-btn-down-a { }
.ui-btn-down-a a.ui-link-inherit { }
.ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a { }
/* links within "buttons" */
a.ui-link-inherit { text-decoration: none !important }
/* Active class used as the "on" state across all themes */
.ui-btn-active { }
.ui-btn-active a.ui-link-inherit { }
/* button inner top highlight */
.ui-btn-inner { }
/* Container Corner radius */
.ui-corner-tl {
    -webkit-border-top-left-radius: .6em;
    border-top-left-radius: .6em;
}
.ui-corner-tr {
    -webkit-border-top-right-radius: .6em;
    border-top-right-radius: .6em;
}
.ui-corner-bl {
    -webkit-border-bottom-left-radius: .6em;
    border-bottom-left-radius: .6em;
}
.ui-corner-br {
    -webkit-border-bottom-right-radius: .6em;
    border-bottom-right-radius: .6em;
}
.ui-corner-top {
    -webkit-border-top-left-radius: .6em;
    border-top-left-radius: .6em;
    -moz-border-radius-topright: .6em;
    -webkit-border-top-right-radius: .6em;
    border-top-right-radius: .6em;
}
.ui-corner-bottom {
    -webkit-border-bottom-left-radius: .6em;
    border-bottom-left-radius: .6em;
    -webkit-border-bottom-right-radius: .6em;
    border-bottom-right-radius: .6em;
}
.ui-corner-right {
    -webkit-border-top-right-radius: .6em;
    border-top-right-radius: .6em;
    -webkit-border-bottom-right-radius: .6em;
    border-bottom-right-radius: .6em;
}
.ui-corner-left {
    -webkit-border-top-left-radius: .6em;
    border-top-left-radius: .6em;
    -webkit-border-bottom-left-radius: .6em;
    border-bottom-left-radius: .6em;
}
.ui-corner-all {
    -webkit-border-radius: .35em;
    border-radius: .35em;
}
/* Interaction Cues
----------------------------------*/
.ui-disabled {
    cursor: default !important;
    opacity: .3;
}
.ui-icon {
    width: 22px;
    height: 22px;
}
.ui-icon-disc { }
/* alt color */
.ui-icon-black { background-image: url(images/icons-18-black.png) }
.ui-icon-black-disc { -webkit-border-radius: 9px }
/* retina */
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (max--moz-device-pixel-ratio: 2) { 
    .ui-icon {
        background-image: url(images/icons-36-white.png);
        background-size: 558px 18px;
    }
    .ui-icon-black { background-image: url(images/icons-36-black.png) }
}

.ui-icon-loading {
    background-image: url(images/ajax-loader.png);
    width: 40px;
    height: 40px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    background-size: 35px 35px;
}
/* btn Corner radius */
.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 { }
/* radius clip */
.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;
    background-clip: padding-box;
}
/* Overlays */
.ui-overlay {
    background: #666;
    opacity: .5;
    position: absolute;
    width: 100%;
    height: 100%;
}
.ui-overlay-shadow {
    -webkit-box-shadow: 0px 0px 12px rgba(0,0,0,.6);
    box-shadow: 0px 0px 12px rgba(0,0,0,.6);
}
.ui-shadow { }
.ui-bar-a .ui-shadow, .ui-bar-b .ui-shadow, .ui-bar-c .ui-shadow {
    -webkit-box-shadow: 0px 1px 0 rgba(255,255,255,.3);
    box-shadow: 0px 1px 0 rgba(255,255,255,.3);
}
/* set focus state last */
.ui-focus { outline-width: 0 }
/* unset box shadow in browsers that don't do it right */
.ui-mobile-nosupport-boxshadow * { }
.ui-mobile-nosupport-boxshadow .ui-focus { outline-width: 2px }
.ui-mobile fieldset, .ui-page {
    padding: 0;
    margin: 0;
}
.ui-mobile a img, .ui-mobile fieldset { border: 0 }
/* responsive page widths */
.ui-mobile-viewport {
    margin: 0;
    overflow-x: hidden;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    /*-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
}
/*orientations from js are available */
.portrait { }
.landscape { }
/* "page" containers - full-screen views, one should always be in view post-pageload */
.ui-page {
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100%;
    position: absolute;
    display: none;
    border: 0;
}
.ui-page-active {
    display: block;
    overflow: visible;
    min-height: 100%;
}
.ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em 5px;
    padding: 0;
}
.ui-btn:focus, .ui-btn a:focus { outline: none }
.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: .5em .8em .3em .6em;
    display: block;
    height: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}
.ui-header .ui-btn-inner, .ui-footer .ui-btn-inner, .ui-bar .ui-btn-inner { padding: .4em 8px .5em }
.ui-btn-icon-notext {
    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 1px 0px 1px 2px;
    text-indent: -9999px;
}
.ui-btn-icon-notext .ui-btn-inner { padding: 0 }
.ui-btn-icon-notext .ui-btn-text {
    position: absolute;
    left: -999px;
}
.ui-btn-icon-left .ui-btn-inner { }
.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-right: 33px }
.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 }
/*btn icon positioning*/
.ui-btn-icon-notext .ui-icon { display: block }
.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 { }
.ui-btn-icon-right .ui-icon { }
.ui-header .ui-btn-icon-left .ui-icon, .ui-footer .ui-btn-icon-left .ui-icon, .ui-bar .ui-btn-icon-left .ui-icon { right: 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-icon-top .ui-icon { top: 5px }
.ui-btn-icon-bottom .ui-icon { bottom: 5px }
/*hiding native button,inputs */
.ui-btn-hidden {
    position: absolute;
    left: -9999px;
}
.ui-collapsible-contain { margin: 0 }
.ui-collapsible-heading {
    display: block;
    margin: 0 -8px;
    padding: 0;
    position: relative;
}
.ui-collapsible-heading a {
    text-align: left;
    margin: 0;
}
.ui-collapsible-heading a .ui-btn-inner { padding-right: 20px }
.ui-collapsible-heading a span.ui-btn {
    position: absolute;
    right: 33px;
    top: 50%;
    margin: -12px 0 0 0;
    width: 20px;
    height: 20px;
    padding: 1px 0px 1px 2px;
    text-indent: -9999px;
}
.ui-collapsible-heading a span.ui-btn .ui-btn-inner { }
.ui-collapsible-heading a span.ui-btn .ui-icon {
    left: 11px;
    margin-top: -15px;
}
.ui-collapsible-heading-status {
    position: absolute;
    left: -99999px;
}
.ui-collapsible-content {
    display: block;
    padding: 7px 0 0px 0px;
}
.ui-collapsible-content-collapsed { display: none }
.ui-collapsible-set { margin: .5em 0 }
.ui-collapsible-set .ui-collapsible-contain { margin: -1px 0 0 }
/* labels */
label.ui-select {
    font-size: 16px;
    line-height: 1.4;
    font-weight: normal;
    margin: 0 0 .3em;
    display: block;
}
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 {
    padding: .2em;
    line-height: 1.4;
    font-size: 16px;
    display: block;
}
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-position: 8px 50%;
    background-repeat: no-repeat;
    position: relative;
}
.ui-input-search input.ui-input-text {
    border: none;
    padding: .4em 0;
    margin: 0;
    display: block;
    outline: 0 !important;
}
.ui-input-search .ui-input-clear {
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -12px;
}
.ui-input-search .ui-input-clear-hidden { display: none }
/* orientation adjustments - incomplete!*/
.min-width-480px label.ui-input-text { vertical-align: top }
.min-width-480px label.ui-input-text {
    display: inline-block;
    margin: 0 2% 0 0;
}