html,body {
    height: 100%;
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color:white;
    text-shadow:none;
}
#map {
    height: 100%;
    width: 100%;
    padding: 0px;
    border-style: solid;
    border-color: white;
    border-width: 0px;
}
                
body {
    font-family: 'Roboto Regular';
    font-weight: normal;
}
table {
    font-family: 'Roboto Regular';
    font-weight: normal;
    text-shadow: none;
}
h1 {
    font-family: 'Roboto Regular';
    font-weight: normal;
}
div {
    font-family: 'Roboto Regular';
    font-weight: normal;
    box-sizing:border-box;
    -webkit-box-sizing: border-box;
}
ul {
    font-family: 'Roboto Regular';
    font-weight: normal;
}
.lbg {
    background-color: #FF9600;
    color: white;
}
.nbg {
    background-color: #26A65B;
    color: white;
}
.obg {
    background-color: #2DCC70;
    color: white;
}
.w1bg {
    background-color: #6CB9F1;
    color: white;
}
.w2bg {
    background-color: navy;
    color: white;
}
.z1bg {
    background-color: purple;
    color: white;
}
                
.z2bg {
    background-color: #fe0000;
    color: white;
}
.dbg {
    background-color: #86E2D5;
    color: white;
}
nav {
    overflow-x: scroll; /* 1 */
    -webkit-overflow-scrolling: touch; /* 2 */
    min-height:20px;
}
ul {
    text-align: justify; /* 3 */
    width: 30em; /* 4 */
}
ul:after { /* 5 */
    content: '';
    display: inline-block;
    width: 100%;
}
li {
    display: inline-block; /* 6 */
}
#mainheader .ui-header .ui-page .ui-bar-a, .ui-page-theme-a .ui-bar-inherit {
    background-color: #EB9705;
    text-shadow:none;
    color:white;
}
#personalPanel{
    background-color: #404040;
    color:#ffffff;
}
#pageclubpush{
    background-color: #404040;
    color:#ffffff;
}
#mainheader .ui-bar-a, .ui-page-theme-a .ui-bar-inherit, html .ui-bar-a .ui-bar-inherit, html .ui-body-a .ui-bar-inherit, html body .ui-group-theme-a .ui-bar-inherit {
    height: 36px;
    border-color: #EB9705;
}
#mainheader span{
    height:36px;
    letter-spacing:1.2px;
    font-weight:400;
}
a {
    color:#0386C3;
}
#personalDetails {
    height:100%;
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
}
.cixImage {
    user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
#pageTitle{
    text-align:center;
    letter-spacing:1.6px;
    font-size:19px;
}