.ss-offline-body {direction:ltr}
.ss-offline-body .ss-home-title {
    -moz-border-radius-topleft: 4px/*{cornerRadius}*/;
    -webkit-border-top-left-radius: 4px/*{cornerRadius}*/;
    border-top-left-radius: 4px/*{cornerRadius}*/;
    -moz-border-radius-topright: 4px/*{cornerRadius}*/;
    -webkit-border-top-right-radius: 4px/*{cornerRadius}*/;
    border-top-right-radius: 4px/*{cornerRadius}*/;
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #E7E7E7;
    color: #FFF;
    background: #008B06;
    padding: 5px 10px;
    font-size: 14px;
    font-weight: bold;
}
    .ss-offline-body .ss-home-list:empty::after { content: attr(data-empty-message); padding: 6px; background: #FFF; width: 100%; border: 1px solid #999; border-top: none; }

    .ss-offline-body .ss-home-list li {
        padding: 5px 10px;
        border: 1px solid #CCC;
        border-top: 0px;
        list-style: none;
        background-color:#FFF;
    }
    .ss-offline-body .ss-home-list li a {
        text-decoration:underline;
        color:#666
    }
    .ss-offline-body .ss-home-list li div {
        float:right
    }

.ss-offline-body .ss-list-holder {
margin-bottom:25px;
}
.ss-offline-body .ss-list-partial .ss-home-title {
    background: #919191;
}
.ss-offline-body .ss-list-disqualify .ss-home-title {
    background:#ADADAD;
}
.ss-home-btn,.ss-unlock-btn {
    position:fixed;
    left:0;top:0;width:30px;height:30px;
    background:url(../imgs/offline_home.png) center center no-repeat;
    text-indent: -10000px;
    background-color: #FFF;
    border: 1px solid #6B6B6B;
    border-width: 0px 1px 1px 0px;
    border-radius: 0px 0px 5px 0px;
    cursor:pointer;
}
.ss-offline-btn {margin:5px;}
.ss-debug-btn {color:#666;}

/*Hide save and continue button & progress bar */
.ss-button-save { display: none!important  }
.ss-progress-bar { display: none!important }

/* Popup Styles */
.popup-loading {text-align:center;padding-top:50px;background:#FFF;left:0; top:0; right:0; bottom:0; overflow:hidden; position:fixed; text-align:center; top:0; z-index:100000; display:none;}
.popup-overlay {background: url(../imgs/bg.png) repeat scroll 0 0;left:0; top:0; right:0; bottom:0; overflow:hidden; position:fixed; text-align:center; top:0; z-index:100000; display:none;}
.popup {text-align:center;display:inline-block; margin:5% auto; width:75%; max-width:400px; border-radius:6px; background-color:#FFF; box-shadow:0 5px 40px rgba(0, 0, 0, 0.75); margin-top:5%; padding:35px; color:#000 !important; position:relative; z-index:500000 !important;}
.popup h1 {padding: 0px;margin: 0px 0px 15px 0px;    font-size: 24px;}
.popup .pass {width:80%}
.popup .btn {display: block;background-color: #5BAB22;color: #FFF;width: 150px;margin: 0 auto;padding: 10px;margin-top: 20px;}
.popup .btn-close {position: absolute;top:-15px;right:-15px;}
.popup .error {color:Red;font-size: 12px;padding-top: 5px;}
.popup .s11 {font-size:11px}

/* KIOSK Styles */
.kiosk-help-icon {
    text-decoration: none; font-size: 11px;display: inline-block;
    -ms-border-radius: 10px;
    border-radius: 10px; background-color: #e8ecff; padding: 2px 5px; border: 1px solid; position: absolute; right: 35px; top: 39px;
}

/* zebra_dialog.css */
.ZebraDialog{margin-top: 10%;font-family:Tahoma,Arial,Helvetica,sans-serif;font-size:12px;background:#FFF;padding:0;width:88%;max-width:350px;color:#222;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 0 4px 2px #222;-moz-box-shadow:0 0 4px 2px #222;box-shadow:0 0 4px 2px #222;*border:1px solid #666;border:1px solid #666\9}
.ZebraDialog .ZebraDialog_Title{float:none!important;margin:0;padding:5px 10px;font-weight:bold;font-size:14px;background:#222;color:#FFF;text-align:left;-webkit-border-top-left-radius:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;border-top-left-radius:4px;border-top-right-radius:4px;*padding:7px 10px;padding:7px 10px\9}
.ZebraDialog .ZebraDialog_Body{background-repeat:no-repeat;background-position:10px 10px;padding:10px;text-align:left}
.ZebraDialog .ZebraDialog_Icon{padding:10px 10px 10px 68px;min-height:48px;_height:48px}
.ZebraDialog .ZebraDialog_Confirmation{background-image:url('../imgs/zebra/confirmation.png')}
.ZebraDialog .ZebraDialog_Error{background-image:url('../imgs/zebra/error.png')}
.ZebraDialog .ZebraDialog_Information{background-image:url('../imgs/zebra/information.png')}
.ZebraDialog .ZebraDialog_Question{background-image:url('../imgs/zebra/question.png')}
.ZebraDialog .ZebraDialog_Warning{background-image:url('../imgs/zebra/warning.png')}
.ZebraDialog .ZebraDialog_Buttons{background:#e5e5e5;border-top:1px solid #dadada;padding:5px 5px 5px 10px;-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}
.ZebraDialog .ZebraDialog_Buttons a{text-decoration:none;font-weight:bold;color:#000;background:transparent;border:1px solid #AAA;padding:4px 10px;float:right;margin-right:5px;min-width:60px;_width:60px;text-align:center;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
.ZebraDialog .ZebraDialog_Buttons a:hover{background:#717366;color:#FFF}
.ZebraDialogOverlay{background:#666}

/* Load Cache */
#appcache-update-available {
  background: rgba(0,0,0,.33);
  color: #f3f3f3;
  line-height: 1.5em;
  height: 1.5em;
  width: 100%;
  position: absolute;
  text-align: center;
  top: -2em;
  z-index: 899;
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transition: top 0.4s ease-out;
  -moz-transition: top 0.4s ease-out;
  -o-transition: top 0.4s ease-out;
  transition: top 0.4s ease-out;
}

#appcache-update-available a {
  color: #fff;
}

#appcache-update-available.slidein {
  top: 0;
}

#appcache-update-progress {
  background: rgba(0,0,0,.25);
  position: absolute;
  top: 0;
  height: 5px;
  width: 100%;
  z-index: 898;
}

#appcache-update-progress.slideout {
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transition: top 0.5s ease-out;
  -moz-transition: top 0.5s ease-out;
  -o-transition: top 0.5s ease-out;
  transition: top 0.5s ease-out;
  top: -5px;
}

#appcache-progress-status {
  -webkit-transition: width .1s ease-in;
  -moz-transition: width .1s ease-in;
  -o-transition: width .1s ease-in;
  transition: width .1s ease-in;
  background: rgba(0,0,0,.25);
  position: absolute;
  top: 0;
  height: 5px;
  width: 0;
  z-index: 897;
}