*{
-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
     -o-box-sizing: border-box;
        box-sizing: border-box;
}

input[type=file],input[type=checkbox]{
cursor:default;
}

ul, ol, blockquote{
padding: 0 0 0 20px;
}

html{
position: relative;
min-height:100%;
}

body{
color:#353535;
background:#fff;
font-family:arial,sans-serif;
font-size:13px;
line-height:1.5;
margin: 0;
}

a{
text-decoration:none;
cursor: pointer;
color:#5990E9;
}
a:hover,a:focus{
text-decoration:underline;
}
code,.code{
white-space:pre-wrap;
font-family:consolas,monospace;
}

pre,.pre{
background:#e6e6e6;
border:2px solid #ccc;
}

h1{
font-size:30px;
line-height:42px;
}

h2{
font-size:25px;
line-height:42px;
}

h3{
font-size:20px;
line-height:32px;
}

h1,h2,h3,
h1 a,h2 a,h3 a{
margin: 0;
color:#000;
font-weight:normal;
font-family:arial,sans-serif;
}

h1 a:hover,
h2 a:hover,
h3 a:hover{
text-decoration:none;
}

label{
font-weight: bold;
padding-top: 5px;
padding-bottom: 5px;
}

p{
margin-bottom:10px;
}

pre{
margin-bottom:10px;
}

ul, ol{
padding:0 16px;
margin-bottom:10px;
}

pre{
display:block;
padding:10px;
overflow: auto;
}
.border{
border:1px solid #aaa;
border-radius: 2px;
box-shadow: 0 1px 3px #ccc inset;
}

.bordertop{border-top:1px solid #aaa;}
.borderright{border-right:1px solid #aaa;}
.borderbottom{border-bottom:1px solid #aaa;}
.borderleft{border-left:1px solid #aaa;}

/* BUTTONS */

.button.transparent{
background: transparent;
border: 1px solid hsla(0,0%,0%,0);
box-shadow: none;
}

.button.transparent.active{
background:#32a5cf;
color:#fff;
}

.button.transparent.disabled:hover{
color:#ccc;
color:hsla(0,0%,60%,0.5);
}

.button:hover,
.table .hover td,
.scrolltable .hover td,
.fileitem:hover,
a.entity:hover{
color:#000;
background: #ddd;
text-decoration: none;
}
.button{
display:inline-block;
font: 12px arial, sans-serif;
text-decoration:none;
color:#000;
text-align:left;
margin:2px 0;
cursor:default;
padding: 6px 15px;
background: #ddd;
border-radius: 2px;
border:0;
outline: none;
}
.button.active,
.button.active:focus,
.button:active,
.table .active td,
.scrolltable .active td,
.fileitem.active{
background:#5990E9;
color:#fff;
text-decoration: none;
}
.button:focus,
.button:hover{
background: #c6c6c6;
color: #000;
text-decoration: none;
}
.button.dark{
color:#fff;
background-color:#5c5c5c;
}
.button.dark:hover{
background: #404040;
}
.button[disabled=disabled],
.button.disabled{
color:#ccc;
color:hsla(0,0%,60%,0.5);
background: #f0f0f0;
}

.table .button.disabled{
background:transparent;
color:hsla(0,0%,60%,0.5);
}

input.button{
line-height: normal!important;
}

input.button.left{
width:auto;
}

input::-moz-focus-inner{ 
border: 0;
padding: 0;
}

#menu .button,
#moremenu .button,
#sidebar .button,
#sidebar .button.active,
#sidebar .button:active,
#sidebar .button:focus{
outline: none;
text-transform: none;
border-radius: 0;
border:0;
box-shadow: none;
}

#menu .button,
#moremenu .button{
border:0;
padding:5px 20px;
}

#sidebar .button,
.big.button{
padding:10px 30px;
}

.roundbutton{
display: inline-block;
padding: 6px 0 0 0;
color: #333;
background: #ccc;
width: 25px;
height: 25px;
text-align: center;
text-decoration: none;
border-radius: 15px;
}
.roundbutton.symbol{
padding: 6px 0 0 0;
}
.roundbutton:hover{
background: #444;
color:#fff;
text-decoration: none;
}

.button.left{
margin-right:2px;
}

.right .button.left{
margin-right:0;
margin-left:2px;
}

.squarebutton{
border-radius: 0;
}

.segmented {
display: inline-block;
}
.segmented .button {
border-style: solid none solid solid;
float: left;
border-radius:0;
}
.segmented :first-child {
border-radius: 2px 0 0 2px;
}
.segmented :last-child {
border-radius: 0 2px 2px 0;
}

.asterisk{
color:#c00;
}
.required.error{
border-color:#c02;
}
.dimmed{
color:#aaa;
color:hsla(0,0%,0%,0.35);
}

.darkblue{color:#0099CC;}
.darkpurple{color:#9933CC;}
.darkgreen{color:#669900;}
.darkorange{color:#FF8800;}
.darkred{color:#CC0000;}
.darkgray{color:#5c5c5c;}

.pink      {color:#E60099;}
.magenta   {color:#CC00CC;}
.plum      {color:#9900CC;}
.indigo    {color:#6600CC;}
.blue      {color:#4D4DFF;}
.sky       {color:#00AAFF;}
.cyan      {color:#00B3B3;}
.mint      {color:#009973;}
.teal      {color:#008040;}
.green     {color:#00B300;}
.lime      {color:#88CC00;}
.yellow    {color:#E6E600;}
.amber     {color:#FFBF00;}
.orange    {color:#FF8000;}
.red       {color:#CC0000;}

.black{color:#000;}
.gray{color:#999;}
.silver{color:#ccc;}
.white{color:#fff;}

.bgpink      {background-color:#E60099;}
.bgmagenta   {background-color:#CC00CC;}
.bgplum      {background-color:#9900CC;}
.bgindigo    {background-color:#6600CC;}
.bgblue      {background-color:#4D4DFF;}
.bgsky       {background-color:#00AAFF;}
.bgcyan      {background-color:#00B3B3;}
.bgmint      {background-color:#009973;}
.bgteal      {background-color:#008040;}
.bggreen     {background-color:#00B300;}
.bglime      {background-color:#88CC00;}
.bgyellow    {background-color:#E6E600;}
.bgamber     {background-color:#FFBF00;}
.bgorange    {background-color:#FF8000;}
.bgred       {background-color:#CC0000;}

.bggray      {background-color:#999;}
.bgsilver    {background-color:#ccc;}
.bgtin       {background-color:#e6e6e6;}
.bgwhite     {background-color:#FFFFFF;}

.button.bgpink      {background-color:#E60099;color:#fff;}
.button.bgmagenta   {background-color:#CC00CC;color:#fff;}
.button.bgplum      {background-color:#9900CC;color:#fff;}
.button.bgindigo    {background-color:#6600CC;color:#fff;}
.button.bgblue      {background-color:#4D4DFF;color:#fff;}
.button.bgsky       {background-color:#00AAFF;color:#fff;}
.button.bgcyan      {background-color:#00B3B3;color:#fff;}
.button.bgmint      {background-color:#009973;color:#fff;}
.button.bgteal      {background-color:#008040;color:#fff;}
.button.bggreen     {background-color:#00B300;color:#fff;}
.button.bglime      {background-color:#88CC00;color:#fff;}
.button.bgyellow    {background-color:#E6E600;color:#333;}
.button.bgamber     {background-color:#FFBF00;color:#333;}
.button.bgorange    {background-color:#FF8000;color:#fff;}
.button.bgred       {background-color:#CC0000;color:#fff;}

.button.bggray      {background-color:#999;color:#333;}
.button.bgsilver    {background-color:#ccc;color:#333;}
.button.bgtin       {background-color:#e6e6e6;color:#333;}
.button.bgwhite     {background-color:#FFFFFF;color:#333;}

.button.bgpink:hover,
.button.bgpinkhover:hover       {background-color:#B30077;color:#fff;}
.button.bgmagenta:hover,
.button.bgmagentahover:hover    {background-color:#990099;color:#fff;}
.button.bgplum:hover,
.button.bgplumhover:hover       {background-color:#730099;color:#fff;}
.button.bgindigo:hover,
.button.bgindigohover:hover     {background-color:#4C0099;color:#fff;}
.button.bgblue:hover,
.button.bgbluehover:hover       {background-color:#1A1AFF;color:#fff;}
.button.bgsky:hover,
.button.bgskyhover:hover        {background-color:#0088CC;color:#fff;}
.button.bgcyan:hover,
.button.bgcyanhover:hover       {background-color:#008080;color:#fff;}
.button.bgmint:hover,
.button.bgminthover:hover       {background-color:#00664D;color:#fff;}
.button.bgteal:hover,
.button.bgtealhover:hover       {background-color:#004D26;color:#fff;}
.button.bggreen:hover,
.button.bggreenhover:hover      {background-color:#008000;color:#fff;}
.button.bglime:hover,
.button.bglimehover:hover       {background-color:#669900;color:#fff;}
.button.bgyellow:hover,
.button.bgyellowhover:hover     {background-color:#B3B300;color:#333;}
.button.bgamber:hover,
.button.bgamberhover:hover      {background-color:#CC9900;color:#333;}
.button.bgorange:hover,
.button.bgorangehover:hover     {background-color:#CC6600;color:#fff;}
.button.bgred:hover,
.button.bgredhover:hover  {background-color:#990000;color:#fff;}

.button.bggrayhover:hover      {background-color:#999;}
.button.bgsilverhover:hover    {background-color:#ccc;}
.button.bgtinhover:hover       {background-color:#e6e6e6;}
.button.bgwhitehover:hover     {background-color:#FFFFFF;}

.button.transparenthover:hover     {background-color:transparent;}

.button.pink      {color:#E60099;}
.button.magenta   {color:#CC00CC;}
.button.plum      {color:#9900CC;}
.button.indigo    {color:#6600CC;}
.button.blue      {color:#4D4DFF;}
.button.sky       {color:#00AAFF;}
.button.cyan      {color:#00B3B3;}
.button.mint      {color:#009973;}
.button.teal      {color:#008040;}
.button.green     {color:#00B300;}
.button.lime      {color:#88CC00;}
.button.yellow    {color:#E6E600;}
.button.amber     {color:#FFBF00;}
.button.orange    {color:#FF8000;}
.button.red       {color:#CC0000;}

.button.pinkhover:hover      {color:#E60099;}
.button.magentahover:hover   {color:#CC00CC;}
.button.plumhover:hover      {color:#9900CC;}
.button.indigohover:hover    {color:#6600CC;}
.button.bluehover:hover      {color:#4D4DFF;}
.button.skyhover:hover       {color:#00AAFF;}
.button.cyanhover:hover      {color:#00B3B3;}
.button.minthover:hover      {color:#009973;}
.button.tealhover:hover      {color:#008040;}
.button.greenhover:hover     {color:#00B300;}
.button.limehover:hover      {color:#88CC00;}
.button.yellowhover:hover    {color:#E6E600;}
.button.amberhover:hover     {color:#FFBF00;}
.button.orangehover:hover    {color:#FF8000;}
.button.redhover:hover       {color:#CC0000;}

/* DISPLAY */

.none{display:none;}
.inline{display:inline;}
.inlineblock{display:inline-block;}
.block{display:block;}

/* TEXT STYLES */

.small{
font-size: smaller;
}

.ellipsis{
overflow: hidden;
text-overflow: ellipsis;
}

.nowrap{
white-space: nowrap;
}

.wordwrap{
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: -pre-wrap;
white-space: -o-pre-wrap;
white-space: -moz-pre-wrap;
word-wrap: break-word;
}

.r{
text-align: right;
}

.c{
text-align: center;
}

.l{
text-align: left; 
}

.b{
font-weight:bold;
}

.i{
font-style: italic;
}

.entity{
display:inline-block;
padding:5px 15px;
}

.large{
font-size:21px;
}

.larger{
font-size:16px;
}

.small{
font-size:12px;
}

.smaller{
font-size:10px;
}

.entity.large{
padding:0 15px;
}

.uppercase{
text-transform: uppercase;
}

.lowercase{
text-transform: lowercase;
}

.capitalize{
text-transform: capitalize;
}
.smallcaps{
font-variant: small-caps;
}

.eighth{       width: 12.5%;}
.quarter{      width: 25%;}
.half{         width: 50%;}
.thirdquarter{ width: 75%;}
.full{         width: 100%;}
.max{          max-width: 100%;}

.wx1{ width:10px;}
.wx2{ width:20px;}
.wx3{ width:30px;}
.wx4{ width:40px;}
.wx5{ width:50px;}
.wx6{ width:60px;}
.wx7{ width:70px;}
.wx8{ width:80px;}
.wx9{ width:90px;}

.wx10{ width:100px;}
.wx12{ width:120px;}
.wx14{ width:140px;}
.wx16{ width:160px;}
.wx18{ width:180px;}

.wx20{ width:200px;}
.wx22{ width:220px;}
.wx24{ width:240px;}
.wx26{ width:260px;}
.wx28{ width:280px;}

.wx30{ width:300px;}
.wx32{ width:320px;}
.wx34{ width:340px;}
.wx36{ width:360px;}
.wx38{ width:380px;}

.wx40{ width:400px;}
.wx42{ width:420px;}
.wx44{ width:440px;}
.wx46{ width:460px;}
.wx48{ width:480px;}

.hx1{ height:10px;}
.hx2{ height:20px;}
.hx3{ height:30px;}
.hx4{ height:40px;}
.hx5{ height:50px;}
.hx6{ height:60px;}
.hx7{ height:70px;}
.hx8{ height:80px;}
.hx9{ height:90px;}

.hx10{ height:100px;}
.hx12{ height:120px;}
.hx14{ height:140px;}
.hx16{ height:160px;}
.hx18{ height:180px;}

.hx20{ height:200px;}
.hx22{ height:220px;}
.hx24{ height:240px;}
.hx26{ height:260px;}
.hx28{ height:280px;}

.hx30{ height:300px;}
.hx32{ height:320px;}
.hx34{ height:340px;}
.hx36{ height:360px;}
.hx38{ height:380px;}

.hx40{ height:400px;}
.hx42{ height:420px;}
.hx44{ height:440px;}
.hx46{ height:460px;}
.hx48{ height:480px;}

.p{       padding: 10px;}
.pt,.pv{  padding-top: 10px;}
.pr,.ph{  padding-right: 10px;}
.pb,.pv{  padding-bottom: 10px;}
.pl,.ph{  padding-left: 10px;}

.p2{        padding: 20px;}
.pt2,.pv2{  padding-top: 20px;}
.pr2,.ph2{  padding-right: 20px;}
.pb2,.pv2{  padding-bottom: 20px;}
.pl2,.ph2{  padding-left: 20px;}

.m{       margin: 10px;}
.mt,.mv{  margin-top: 10px;}
.mr,.mh{  margin-right: 10px;}
.mb,.mv{  margin-bottom: 10px;}
.ml,.mh{  margin-left: 10px;}

.m2{        margin: 20px;}
.mt2,.mv2{  margin-top: 20px;}
.mr2,.mh2{  margin-right: 20px;}
.mb2,.mv2{  margin-bottom: 20px;}
.ml2,.mh2{  margin-left: 20px;}

.um{        margin: -10px;}
.umt,.umv{  margin-top: -10px;}
.umr,.umh{  margin-right: -10px;}
.umb,.umv{  margin-bottom: -10px;}
.uml,.umh{  margin-left: -10px;}

.um2{         margin: -20px;}
.umt2,.umv2{  margin-top: -20px;}
.umr2,.umh2{  margin-right: -20px;}
.umb2,.umv2{  margin-bottom: -20px;}
.uml2,.umh2{  margin-left: -20px;} 

img{
max-width:100%;
}
.contain{
-webkit-background-size:contain;
   -moz-background-size:contain;
     -o-background-size:contain;
        background-size:contain;  
background-position:center center;
background-repeat: no-repeat;
}
.cover{
overflow:hidden;
-webkit-background-size:cover;
   -moz-background-size:cover;
     -o-background-size:cover;
        background-size:cover;
background-position:50% 20%;
background-repeat: no-repeat;
}
.cover img{
width:100%;
min-height:100%;
max-height:inherit;
opacity:0;
}


.imgwrapper{
  display: inline-block;
  float: left;
  margin: 0 10px 10px 0;
}

.c .imgwrapper,
.r .imgwrapper{
  float: none;
}

.imgwrapper .description{
  font-size: smaller;
  text-align: center;
}

.icon{
height:30px;
width:30px;
overflow:hidden;
text-align: center;
}
.button .icon.left{
margin:-7px 5px -7px -20px;
}
.icon img{
height:30px;
}

td .icon{
height:28px;
width:28px;
overflow:hidden;
background:#ccc;
text-align: center;
margin:-4px -3px -3px -3px;
}
td .icon img{
height:28px;
}

.big .icon{
height:36px;
width:36px;
overflow:hidden;
text-align: center;
margin:-10px 5px -10px -18px;
}
.big .icon.right{
margin:-10px -18px -10px 5px;
border-radius: 30px;
}
.big .icon img{
height:36px;
}

/* INPUTS */

fieldset{
border: 0;
}

.label{
font-weight: bold;
}

input{
line-height:normal!important;
}

textarea,
input.text{
outline: none;
padding:5px;
font:12px arial,sans-serif;
border:1px #ccc solid;
margin: 2px 0;
border-radius: 2px;
box-shadow: 0 1px 3px #ccc inset;
resize: none;
}

textarea{
height:90px;
}
textarea,textarea.text{
font-family: Consolas,monospace;
}

.file{
overflow:hidden;
position:relative;
}

.file input{
position:absolute;
font: 500px monospace;
position: absolute;
z-index: 1;
top:0;
right:0;
padding:0;
margin: 0;
opacity:0;
filter: alpha(opacity=0);
}

input.search{
background: url(../images/search.png) center right no-repeat #fff;
padding-right:24px;
}

select{
font:12px arial,sans-serif;
padding: 4px;
margin: 2px 0;
border-radius: 2px;
box-shadow: 0 1px 3px #ccc inset;
border:1px #ccc solid;
background: #fff;
}
option.disabled{
  color:#999;
}

.checkbox,.radio{
vertical-align: middle;
display: inline-block;
}

input[type=checkbox],input[type=radio]{
  height:16px;
  width: 16px;
  margin: 6px 2px 0 0;
  -moz-transform: scale(1.25);
}

.text.left,
.select.left{
margin-right:2px;
}

.right .text.left,
.right .select.left{
margin-right:0;
margin-left:2px;
}

/* MOBILE GEOMETRY */

.mobile-none{display:none;}
.mobile-inline{display:inline;  }
.mobile-inlineblock{display:inline-block;}
.mobile-block{display:block;}

.mobile-half{width:50%;}
.mobile-quarter{width:25%;}
.mobile-thirdquarter{width:75%;}
.mobile-eighth{width: 12.5%;  }
.mobile-full{width:100%;}

.mobile-halfheight{height:40px;}
.mobile-singleheight{height:80px;}
.mobile-onehalfheight{height:120px;}
.mobile-doubleheight{height:160px;}
.mobile-tripleheight{height:240px;}
.mobile-quadrupleheight{height:320px;}

.mobile-pad{padding:5px;}
.mobile-padtop{padding-top:5px;}
.mobile-padbottom{padding-bottom:5px;}
.mobile-padvertical{padding-top:5px;padding-bottom:5px;}
.mobile-padright{padding-right:5px;}
.mobile-padleft{padding-left:5px;}
.mobile-padhorizontal{padding-left:5px;padding-right:5px;}

.mobile-doublepad{padding:10px;}
.mobile-doublepadtop{padding-top:10px;}
.mobile-doublepadbottom{padding-bottom:10px;}
.mobile-doublepadvertical{padding-top:10px;padding-bottom:10px;}
.mobile-doublepadleft{padding-left:10px;}
.mobile-doublepadright{padding-right:10px;}
.mobile-doublepadhorizonal{padding-left:10px;padding-right:10px;}

.mobile-marginbottom{margin-bottom:5px;}
.mobile-unmarginbottom{margin-bottom:-5px;}
.mobile-doublemarginbottom{margin-bottom:10px;}
.mobile-undoublemarginbottom{margin-bottom:-10px;}

.mobile-margintop{margin-top:5px;}
.mobile-unmargintop{margin-top:-5px;}
.mobile-doublemargintop{margin-top:10px;}
.mobile-undoublemargintop{margin-top:-10px;}

.mobile-marginleft{margin-left:5px;}
.mobile-unmarginleft{margin-left:-5px;}
.mobile-doublemarginleft{margin-left:10px;}
.mobile-undoublemarginleft{margin-left:-10px;}

.mobile-marginright{margin-right:5px;}
.mobile-unmarginright{margin-right:-5px;}
.mobile-doublemarginright{margin-right:10px;}
.mobile-undoublemarginright{margin-right:-10px;}

.mobile-margin{margin:5px;}
.mobile-unmargin{margin:-5px;}
.mobile-doublemargin{margin:10px;}
.mobile-undoublemargin{margin:-10px;}

.mobile-overflowhide{overflow:hidden;}
.mobile-overflowauto{overflow:auto;}

/* OPACITY */

.invisible{
opacity:0;
filter:alpha(opacity=0);
}
.opaque{
opacity:0.5;
filter:alpha(opacity=50);
}
.transparent{
background-color: transparent;
}
.halftransparent{
background-color: hsla(0,100%,100%,0.5);
}
.blur{
-webkit-filter:blur(2px);
   -moz-filter:blur(2px); 
        filter:blur(2px);
}
.unselectable{
-webkit-touch-callout: none;
  -webkit-user-select: none;  
   -khtml-user-select: none;
     -moz-user-select: none;  
      -ms-user-select: none;  
       -o-user-select: none;  
          user-select: none;
cursor:default;
}

/* POSITIONS */

.absolute{
position: absolute;
}

.relative{
position: relative;
}

.left{
float:left;
}

.right{
float:right;
}

.center{
margin-left:auto;
margin-right:auto;
}

.clearleft{
clear:left;
}

.clearright{
clear:right;
}

.clear{
clear:both;
}

.clearafter:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

/* TABLE */

table{
border-spacing:0;
}

.rawtable th,
.rawtable td{
padding:0 10px 10px 0;
}

.table{
border-collapse:collapse;
border:0;
width: 100%;
}

.table th,
.table td{
padding:5px 5px 4px 5px;
border-bottom:1px solid #fff;
background:#e6e6e6;
color:#000;
}
.lighttable th,
.lighttable td{
padding:6px 5px 5px 5px;
border-bottom:1px solid #ddd;
background:transparent;
color:#000;
}

.table th{
background:#ddd;
}

.table .transparent{
background: transparent;
}

.table.grid td{
border-right:1px solid #fff;  
}
.lighttable.grid td{
border-right:1px solid #ddd;
}

.table td:last-child{
border-right:0;
}
.table td.inactive{
background: #ececec;
color:#ccc;
}
.lighttable td.inactive{
background: transparent;
}

.table td.active{
background: #32a5cf;
color:#fff;
}

.table.clickable td{
  cursor: default;
}

.table th a{
color:#000;
text-decoration: none;
}

.table tr.disabled td{
color:#ccc;
background: #e6e6e6;
}
.table tr.disabled td{
background: transparent;
color:#999;
}
.table tr.disabled:hover td{
background: #ddd;
}
.table tr.disabled.active td{
color:#fff;
background: #ccc;
}
.table.fixedlayout{
table-layout:fixed;
}
.table.fixedlayout th,
.table.fixedlayout td{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* SCROLLTABLE */

.scrolltable{
overflow: hidden;
padding: 1px;
}
.scrolltable table{
border-collapse: collapse;
min-width: 100%;
cursor: default;
}
.scrolltable td, .scrolltable th {
height: 20px;
padding:6px 5px 5px 5px;
white-space: nowrap;
max-width:300px;
text-overflow:ellipsis;
cursor: default;
border-bottom:1px solid #fff;
background:#e6e6e6;
color:#000;
}
.scrolltable td{
background-color: #efefef;
}
.scrolltable th{
border: 0;
color:#000;
background:#ddd;
}
.scrolltable .body{
overflow: auto;
}
.scrolltable .body table th{
line-height: 0;
height: 0;
overflow: hidden;
padding: 0 5px;
}
.scrolltable .header{
overflow: hidden;
height: 30px;
margin-bottom: 1px;
background:#ddd;
padding-right: 16px;
}
.scrolltable .header table{
overflow:initial;
}
.scrolltable th a{
color: #000;
text-decoration: none;
}

/* MOBILE GEOMETRY */

.mobile-none{display:none;}
.mobile-inline{display:inline;  }
.mobile-inlineblock{display:inline-block;}
.mobile-block{display:block;}

.mobile-half{width:50%;}
.mobile-quarter{width:25%;}
.mobile-thirdquarter{width:75%;}
.mobile-eighth{width: 12.5%;  }
.mobile-full{width:100%;}

.mobile-halfheight{height:40px;}
.mobile-singleheight{height:80px;}
.mobile-onehalfheight{height:120px;}
.mobile-doubleheight{height:160px;}
.mobile-tripleheight{height:240px;}
.mobile-quadrupleheight{height:320px;}

.mobile-pad{padding:5px;}
.mobile-padtop{padding-top:5px;}
.mobile-padbottom{padding-bottom:5px;}
.mobile-padvertical{padding-top:5px;padding-bottom:5px;}
.mobile-padright{padding-right:5px;}
.mobile-padleft{padding-left:5px;}
.mobile-padhorizontal{padding-left:5px;padding-right:5px;}

.mobile-doublepad{padding:10px;}
.mobile-doublepadtop{padding-top:10px;}
.mobile-doublepadbottom{padding-bottom:10px;}
.mobile-doublepadvertical{padding-top:10px;padding-bottom:10px;}
.mobile-doublepadleft{padding-left:10px;}
.mobile-doublepadright{padding-right:10px;}
.mobile-doublepadhorizonal{padding-left:10px;padding-right:10px;}

.mobile-marginbottom{margin-bottom:5px;}
.mobile-unmarginbottom{margin-bottom:-5px;}
.mobile-doublemarginbottom{margin-bottom:10px;}
.mobile-undoublemarginbottom{margin-bottom:-10px;}

.mobile-margintop{margin-top:5px;}
.mobile-unmargintop{margin-top:-5px;}
.mobile-doublemargintop{margin-top:10px;}
.mobile-undoublemargintop{margin-top:-10px;}

.mobile-marginleft{margin-left:5px;}
.mobile-unmarginleft{margin-left:-5px;}
.mobile-doublemarginleft{margin-left:10px;}
.mobile-undoublemarginleft{margin-left:-10px;}

.mobile-marginright{margin-right:5px;}
.mobile-unmarginright{margin-right:-5px;}
.mobile-doublemarginright{margin-right:10px;}
.mobile-undoublemarginright{margin-right:-10px;}

.mobile-margin{margin:5px;}
.mobile-unmargin{margin:-5px;}
.mobile-doublemargin{margin:10px;}
.mobile-undoublemargin{margin:-10px;}

.mobile-overflowhide{overflow:hidden;}
.mobile-overflowauto{overflow:auto;}