/************
*   themes
*************/
/* theme A */
.ui-btn.ui-theme-a {
    background: #eee;
    color: #222;
    text-shadow: 0 1px 0 #FFF;
    border: 1px solid #CCC;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E8E8E8)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#FFFFFF, #E8E8E8); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(#FFFFFF, #E8E8E8); /* FF3.6 */
    background-image:     -ms-linear-gradient(#FFFFFF, #E8E8E8); /* IE10 */
    background-image:      -o-linear-gradient(#FFFFFF, #E8E8E8); /* Opera 11.10+ */
    background-image:         linear-gradient(#FFFFFF, #E8E8E8);
}
.ui-btn.ui-theme-a > .ui-btn-text {
    color: inherit;
}
.ui-btn.ui-theme-a:hover {
    background: #DFDFDF;
    border-color: #bbb;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), to(#E0E0E0)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#F6F6F6, #E0E0E0); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(#F6F6F6, #E0E0E0); /* FF3.6 */
    background-image:     -ms-linear-gradient(#F6F6F6, #E0E0E0); /* IE10 */
    background-image:      -o-linear-gradient(#F6F6F6, #E0E0E0); /* Opera 11.10+ */
    background-image:         linear-gradient(#F6F6F6, #E0E0E0);
}
.ui-btn.ui-theme-a .ui-icon-lang {
    -moz-box-shadow: 0 0 2px #AAA;
    -webkit-box-shadow: 0 0 2px #AAA;
    box-shadow: 0 0 2px #AAA;
}


/* theme B */
.ui-btn.ui-theme-b {
    background: #500152;
    color: #FFF;
    text-shadow: 0 1px 0 #3E003F;
    border: 1px solid #3e003f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#500152), to(#3e003f)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#500152, #3e003f); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(#500152, #3e003f); /* FF3.6 */
    background-image:     -ms-linear-gradient(#500152, #3e003f); /* IE10 */
    background-image:      -o-linear-gradient(#500152, #3e003f); /* Opera 11.10+ */
    background-image:         linear-gradient(#500152, #3e003f);
}
.ui-btn.ui-theme-b > .ui-btn-text {
    color: inherit;
}
.ui-btn.ui-theme-b:hover {
    background: #3c023d;
    border-color: #3e003f;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#3c023d), to(#300131)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient(#3c023d, #300131); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient(#3c023d, #300131); /* FF3.6 */
    background-image:     -ms-linear-gradient(#3c023d, #300131); /* IE10 */
    background-image:      -o-linear-gradient(#3c023d, #300131); /* Opera 11.10+ */
    background-image:         linear-gradient(#3c023d, #300131);
}
.ui-btn.ui-theme-b .ui-icon-lang {
    -moz-box-shadow: 0 0 2px #111;
    -webkit-box-shadow: 0 0 2px #111;
    box-shadow: 0 0 2px #111;
}


/* theme C */
.ui-btn.ui-theme-c {
    background: #907C63;
    color: #FFF;
    text-shadow: 0 1px 0 #000;
    border:		   1px solid #6c6256;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #bda486), to( #907c63)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #bda486, #907c63); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #bda486, #907c63); /* FF3.6 */
    background-image:     -ms-linear-gradient( #bda486, #907c63); /* IE10 */
    background-image:      -o-linear-gradient( #bda486, #907c63); /* Opera 11.10+ */
    background-image:         linear-gradient( #bda486, #907c63);
}
.ui-btn.ui-theme-c > .ui-btn-text {
    color: inherit;
}
.ui-btn.ui-theme-c:hover {
    background: #C4AC9C;
    border-color: #6c6256;
    background-image: -webkit-gradient(linear, left top, left bottom, from( #c3ab8c), to( #87735a)); /* Saf4+, Chrome */
    background-image: -webkit-linear-gradient( #c3ab8c, #87735a); /* Chrome 10+, Saf5.1+ */
    background-image:    -moz-linear-gradient( #c3ab8c, #87735a); /* FF3.6 */
    background-image:     -ms-linear-gradient( #c3ab8c, #87735a); /* IE10 */
    background-image:      -o-linear-gradient( #c3ab8c, #87735a); /* Opera 11.10+ */
    background-image:         linear-gradient( #c3ab8c, #87735a);
}
.ui-btn.ui-theme-c .ui-icon-lang {
    -moz-box-shadow: 0 0 2px #6C6256;
    -webkit-box-shadow: 0 0 2px #6C6256;
    box-shadow: 0 0 2px #6C6256;
}

/* --- ui-slide --- */
.ui-slide { 
    background-color: #F9F9F9;
    color: #bbb !important;
    border: 1px solid #CCC;
}


/***********
 *  icons
 ***********/
.ui-btn .ui-icon {
    background-color: transparent;
    background-position: -3px center;
    background-image: url(../../img/mobile/icon/sprite.png);
    background-repeat: no-repeat;
}

/* types */
.ui-icon.panel {
    background-position: -3px center;
}
.ui-icon.phone {
    background-position: -33px center;
}
.ui-icon.location {
    background-position: -63px center;
}
.ui-icon.search {
    background-position: -93px center;
}
.ui-icon.help {
    background-position: -123px center;
}
.ui-icon.r-arrow.gray {
    background-position: -153px center;
}
.ui-icon.r-arrow.c-black {
    background-position: -183px center;
}
.ui-icon.r-arrow.c-gray {
    background-position: -213px center;
}
.ui-icon.close {
    background-position: -243px center;
}
.ui-icon.l-arrow.gray {
    background-position: -273px center;
}
.ui-icon.minus {
    background-position: -303px center;
}
.ui-icon.plus {
    background-position: -333px center;
}
.ui-icon.l-arrow.c-gray {
    background-position: -363px center;
}
.ui-icon.radio {
    background-position: -393px center;
}
.ui-icon.radio.active {
    background-position: -423px center;
}
.ui-icon.select {
    background-position: -453px center;
}
.ui-icon.checkbox {
    background-position: -483px center;
}
.ui-icon.checkbox.active {
    background-position: -513px center;
}
.ui-icon.d-arrow {
    background-position: -543px center;
}
.ui-icon.d-arrow.active {
    background-position: -573px center;
}

/* logo */
.ui-icon-logo {
    background-color: transparent;
    background-position: -3px center;
    background-image: url(../../img/mobile/icon/sprite-logo.png);
    background-repeat: no-repeat;
}
.ui-icon-logo.phone {
    background-position: 0 center;
}


/* lang */
.ui-icon-lang {
    background-color: transparent;
    background-position: -3px center;
    background-image: url(../../img/mobile/icon/sprite-lang.png);
    background-repeat: no-repeat;
}
.ui-icon-lang.es {
    background-position: 0 center;
}
.ui-icon-lang.en {
    background-position: -40px center;
}
.ui-icon-lang.de {
    background-position: -80px center;
}
.ui-icon-lang.it {
    background-position: -120px center;
}
.ui-icon-lang.fr {
    background-position: -160px center;
}
.ui-icon-lang.ru {
    background-position: -200px center;
}
.ui-icon-lang.pt {
    background-position: -240px center;
}
.ui-icon-lang.jp {
    background-position: -280px center;
}
.ui-icon-lang.cn {
    background-position: -340px center;
}
.ui-icon-lang.kr {
    background-position: -320px center;
}
.ui-icon-lang.ca {
    background-position: -360px center;
}
.ui-icon-lang.no {
    background-position: -400px center;
}
.ui-icon-lang.cs {
    background-position: -440px center;
}
.ui-icon-lang.pl {
    background-position: -480px center;
}
.ui-icon-lang.ro {
    background-position: -520px center;
}
.ui-icon-lang.fi {
    background-position: -560px center;
}
.ui-icon-lang.el {
    background-position: -600px center;
}
.ui-icon-lang.nl {
    background-position: -640px center;
}
.ui-icon-lang.sv {
    background-position: -680px center;
}
.ui-icon-lang.bg {
    background-position: -720px center;
}
.ui-icon-lang.ar {
    background-position: -760px center;
}
.ui-icon-lang.da {
    background-position: -800px center;
}
.ui-icon-lang.hu {
    background-position: -840px center;
}
.ui-icon-lang.sk {
    background-position: -880px center;
}
.ui-icon-lang.et {
    background-position: -920px center;
}
.ui-icon-lang.lv {
    background-position: -960px center;
}
.ui-icon-lang.hr {
    background-position: -1000px center;
}
.ui-icon-lang.id {
    background-position: -1040px center;
}


/************
 *  popups
 ************/
.ui-menu-popup .ui-btn.to_close { background-color: #000; }
.ui-menu-popup .ui-btn.to_close:hover { background-color: #CCC; }
.ui-menu-popup .ui-title { border: 1px solid #CCC; color: #000; }


/***********
*   roles
************/
/* header */
[data-role = "header"] { background-color: #F7F7F5; border-bottom: 1px solid #E4E4E4; }
[data-role = "header"] .to_phone.to_close { background-color: #000; }
[data-role = "header"] .to_phone.to_close:hover { background-color: #CCC; }
/* phone */
[data-role = "phone"] { background-color: #FFF; border-top: 1px solid #E4E4E4; }
[data-role = "phone"] p { margin-bottom: 14px; }
[data-role = "phone"] .tel { color: #CACACA; font-size: 40px; font-weight: bold; }
/* panel */
body { background-image: url(../img/mobile/bg/panel.gif); background-color: #333; }
[data-role = "panel"] { /*background-image: url(../img/mobile/bg/panel.gif); background-color: #333;*/ -moz-box-shadow: -2px 0 3px #000 inset; -webkit-box-shadow: -2px 0 3px #000 inset; box-shadow: -2px 0 3px #000 inset; }
[data-role = "panel"] .ui-btn { background-image: none; background-color: transparent; border-style: solid; border-color: #404040; border-width: 1px 0 0; color: #999; text-align: left; text-shadow: none; }
[data-role = "panel"] .ui-menu-HM li:first-child .ui-btn/*, [data-role = "panel"] li:first-child .ui-btn*/ { border-top-width: 0; }
[data-role = "panel"] .ui-btn:hover { background-image: none; background-color: #404040; border-color: #404040; }
[data-role = "panel"] .ui-btn-inner { font-size: 14px; font-weight: bold; }
[data-role="panel"] .ui-menu-HM li ul { display: none; }
/* lang */
[data-role  = "lang"] { background-color: #FFF; border: 4px solid #CCC; }
/* section */
[data-role = "content"] { background-color: #FFF; }
/* footer */
[data-role = "footer"] { background-color: #FFF; }