html{
  height:100% !important;
}
body{
  background:#e7e7cf; /*url(../images/menuBg.gif) top left repeat-y;*/
  min-height:100% !important; /*500px*/
  font-family:arial;
  text-decoration:none;

  -webkit-text-size-adjust:none !important; /*important gives first priority over other style sheets*/
}
.pages h3{
  margin:0;
  font-size:18px;
  font-weight:normal;
}
#menu{
  background:#5a5959 url(../images/menuBg.gif) top left repeat-y;
  width:165px;
  height:100%;
  display:block !important;
  float:left;
}
#menu ul{
    margin:0;padding:0;
    width:inherit;
}
#menu ul li{
    list-style-type:none;
    margin:0px 0;
    /*border-bottom:solid #6d6d6d 1px;*/
}
#menu ul li a:link, #menu ul li a:visited{
    border-bottom:solid #333 1px;
    color:#fff;
    font-size:14px;
    font-family:arial;
    text-decoration:none;
    width:165px;
    display:block;
    padding:10px 0px 10px 10px;
    text-shadow: 0px 1px 1px #000000;
}
#menu ul li a:hover, #menu ul li a:active{
    background-color:#716f6f;
}
#menu ul li a:hover span.icon{
    background-position:0 -40px !important;
}
#menu li a span.icon{
    float:right;
    width:21px;
    height:20px;
    background: transparent url(../images/menuIconsSprite.png) 0 0 no-repeat;
    position:relative;
    right:20px;
    top:-2px;
}
#menu li li{
    text-indent:20px;
    background-color:#808080;
    margin:0px 0;
    /*border-bottom:solid #6d6d6d 1px;*/
}
#menu li li li{
    text-indent:40px;
    background-color:#262626;
    margin:0px 0;
    /*border-bottom:solid #6d6d6d 1px;*/
}
.ui-page{
    background:#e7e7cf !important; /*main screen backgound color*/
    overflow:visible !important;
    min-height:100% !important; /*700px*/
}
.ui-page a:link {color:#f16b12 !important;}
.ui-page a:active {color:#f16b12 !important;}
.ui-page a:visited {color:#b94e07 !important;}
.ui-page img {max-width:80%;}
.ui-header{
    margin: 0 !important;
    background:#463421 !important;
    //background: -webkit-linear-gradient(left, #453421 , #e7e7cf) !important;
    //background: linear-gradient(to right, #453421 , green) !important;
    color:#ffffff !important;
}
.ui-bar-a{
    /*background:#3b5999 !important;*/
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1)));
    border: none !important;
    border-bottom:solid #878787 1px !important;
    color:#fff !important;
    text-shadow: 0px 1px 1px #000;
}
.active{
    background-color:#383737;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,29,29,1)), color-stop(21%,rgba(56,55,55,1)));
}
li.active a span.icon{background-position:0 -20px !important;}
#memberDetails{
    font-size:14px;
    font-family:arial;
    padding:0 15px 5px 10px;
    color:#fff;
    text-shadow: 0px 1px 1px #000000;
    width:110px;
}
#memberDetails h3{
    font-weight:normal;
    font-size:14px;
}
#memberDetails span{color:#fff;}
.ui-btn-left {
    border:none !important;
    background: transparent !important;
    background-image: none !important;
}
a.menuBtn{
    background: transparent url(../images/menuBtn2.png) 50% 50% no-repeat !important;
    width:32px !important;
    height:32px !important;
    background-size: 32px 32px !important;
    top: -.3em;/*Adjust this value*/
    text-indent:-999em !important;
    display:block !important;
    -webkit-box-shadow: 0 0px 0 rgba(150,150,150,.3) !important;
    box-shadow: 0 0px 0 rgba(150,150,150,.3) !important;
}
a.menuBtn .ui-btn-left{
  border:none !important;
}
a.menuBtn:hover{border:none !important;}
.ui-btn-corner-all {
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
}