body
{
font-family: Helvetica;
background: #FFFFFF;
margin:0px;
line-height:;
width:100%;
color:#000000;
overflow-x: hidden;

}
a
{
color:#482b09;
text-decoration:none;
font-weight:bold;

}
.list
{
color:#e2e3a5;
text-decoration:none;
font-weight:bold;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: ffcc66;
font-size: 16pt;

}
a:visited
{
color:#663e0f;
text-decoration:none;
font-weight:bold;

}
.itemimage
{
border:solid 0px #aaa;
max-width:100px;
width: expression(this.width > 100 ? 100: true);
vertical-align:middle;

}
.iimage
{
border:solid 0px #aaa;
vertical-align:middle;
width: calc(100% + 40px);
 margin: 15px -20px;

}
h1
{
font-family: "Lucida Sans Unicode";
font-size: 18pt;
color: #CCCCCC;
padding-left: 6px;
padding-top: 6px;
font-weight: bold;

}
h2
{
font-family: "Lucida Sans Unicode";
font-size: 12pt;
color: #ffffff;

}
/*webkitcssaddition*/.detailspanel
{
padding:20px;
background-color:#fff;
  -moz-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  border-radius: 4px;

}
li > a[selected], li > a:active
{
background-color: blue !important;
    background-repeat: no-repeat !important;
    background-position: right center !important;
    color: #FFFFFF !important;
    background-image: url(listArrowSel.png) !important;

}
li > a[selected="progress"]
{
background-repeat: no-repeat !important;
    background-position: right center !important;
background-image: url(loading.gif) !important;

}
.toolbar
{
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    padding: 0 10px 10px 10px;
    height: 45px;
background-color: #000000;
background-image: url(header.jpg);
background-repeat:no-repeat, repeat-x;

}
.toolbar > h1
{
    position: absolute;
    overflow: hidden;
    left: 50%;
    margin: 1px 0 0 -105px;
    padding-top: 10px;
    height: 45px;
    font-size: 20px;
    width: 200px;
    font-weight: bold;
    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #ffffff;

}
.app-header
{
  background:url(header-bg.png) center;
  background-size: 222px 65px;
  padding: 10px;
  text-align: center;

}
.app-header .logo
{
height: 50px;

}
.WebKitPanel
{
box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 20px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
    
}
.WebKitPanel > ul
{
    position: relative;
    margin: 0 0 20px 0;
    padding: 0;
    text-align: center;
    font-size: 16px;
margin:5px 0 15px 0;
 padding:0;
 list-style:none;
 border-width:0;
background-color:#fff;
  -moz-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
  border-radius: 4px;

}
.WebKitPanel > ul li
{
    position: relative;
    min-height: 42px;
    border-bottom: 1px solid #ddd;
   -webkit-border-radius: 0;
    -moz-border-radius: 0;
    text-align: right;

}
.WebKitPanel > ul li:last-child
{
    border-bottom: none !important;

}
.WebKitPanel > ul > li
{
 margin:0;
 padding:0;
 border-bottom:2px solid #e3e3e3;

}
.WebKitPanel > ul > li a
{
 text-align:left;
 padding:20px 10px 20px 10px;
 background:url(listArrow.png) center right no-repeat;
 display:block;
 text-decoration:none;
 overflow:hidden;
 text-overflow:ellipsis;
 color:#333;
 font-weight:bold;
 font-size:17px;
 
}
.WebKitPanel > ul > li a
{
 margin:0;
 margin-top:-1px;
 background-color:#fff;
 
}
.WebKitPanel > ul > li:first-child a
{
 -webkit-border-top-right-radius:4px;
 -webkit-border-top-left-radius:4px;
 
}
.WebKitPanel > ul > li:last-child a
{
 -webkit-border-bottom-right-radius:4px;
 -webkit-border-bottom-left-radius:4px;
 border-bottom-width:1px !important;
 
}
.WebKitPanel > ul > li a img
{
 vertical-align:middle;
 margin-right:10px;
 max-height: 24px;

}
/*responsivemenucssaddition*/@font-face
{
    font-family: 'helvetica-light';
    src: url('helvetica-light.ttf') format('truetype');

}
/* ----- RESPONSIVE MENU ------ */.responsiveMenuList *
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}
.responsiveMenuList
{
    margin: 0 auto;
    padding: 0px;
    background: #dddddd;
    display: block;
    list-style: none;

}
.responsiveMenuList:after
{
    clear: both;

}
.responsiveMenuItem
{
    float: left;
    margin: 1px;
    width: calc(33% - 1px);

}
.responsiveMenuTitle
{
    font-family: sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333;
    width: 100%;
    display: block;
    text-align: center;
    background-color: #fff;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

}
.responsiveMenuTitle:visited
{
color: #333;

}
.responsiveMenuTitle:before
{
    content: "";
    display: block;
    padding-top: 100%;

}
.responsiveMenuTitle > span
{
    position: absolute;
    bottom: 10px;
    left: 0;
    text-align: center;
    width: 100%;

}
.responsiveMenuImage
{
    display: table;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 30%;
    height: 30%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);

}
.logo-box
{
position:relative;

}
.logo
{
position:absolute;
  bottom: 15px;
  left: 20px;
  width: 100px;
  z-index: 2
}