.overlay {position: fixed;width: 100%;bottom: 75px;right: 0px;top: 0px;z-index: 10;min-width: 640px;}

.overlay .logo, .progress {position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}
.overlay .logo { width: 150px; height: 128px;}
.overlay .progress {height: 18px; width: 141px; margin-top: 90px;}
.overlay .progress .empty {background: url('progressEmpty.Light.png') no-repeat right / cover; float: right; width: 100%; height: 100%; display: inline-block;}
.overlay .progress .full {background: url('progressFull.Light.png') no-repeat left / cover; float: left; width: 0%; height: 100%; display: inline-block;}

.overlay .logo.Dark {background-image: url('progressLogo.Dark.png');}
.overlay .progress.Dark .empty {background-image: url('progressEmpty.Dark.png');}
.overlay .progress.Dark .full {background-image: url('progressFull.Dark.png');}


.footer {position: fixed;width: 100%;bottom: 2px;right: 0px;z-index: 11;line-height: 38px;color: white;cursor: default;}
.footer_right {position: fixed; bottom: 17px;right: 17px;z-index: 13;cursor: pointer;color: white;alight:right;}
.footer_left {position: fixed; bottom: 2px;left: 6px;z-index: 1;color: #424242;font: 11px Arial;cursor: default;}

body {background-color:rgba(32,32,32,1.0);}
a:link {text-decoration: none;color: #ffffff;}
a:visited {color: #ffffff;}
a:hover {color: #ffffff;}
a:active {color: #ffffff;}