.Overlay {
            position: absolute;
            /*background-color: white;
            filter: alpha(opacity=30);
            opacity: 0.3;
            -moz-opacity: 0.2;*/
            top: 0px;
            left: 0px;
            width: 100%;
            height: 100%;
            z-index: 999;
        }
        .OverlayItem {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 42%;
    transform: translateX(42%);
    padding: 0px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    z-index: 200000;
}
.glyphicon-refresh-animate {
    -animation: spin .7s infinite linear;
    -webkit-animation: spin2 .7s infinite linear;
    -moz-animation: spin2 .7s infinite linear;
}
.Position {
    position: absolute;
left: 50%;
top: 50%;
margin-top: -30px; /* make this half your image/element height */
margin-left: -30px; /* make this half your image/element width */
}

@-webkit-keyframes spin2 {
    from { -webkit-transform: rotate(0deg);}
    to { -webkit-transform: rotate(360deg);}
}

@keyframes spin {
    from { transform: scale(1) rotate(0deg);}
    to { transform: scale(1) rotate(360deg);}
}

@-moz-keyframes spin-moz {
  from { -moz-transform: rotate(0deg);}
  to { -moz-transform: rotate(360deg);}
}

@-moz-keyframes spin2 {
  from { -moz-transform: rotate(0deg);}
  to { -moz-transform: rotate(360deg);}
}

.OverlayItemLeft {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    left: 45%;
    transform: translateX(42%);
    padding: 0px;
    width: 130px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    z-index: 1000;
    margin-left: -100px;
}
.OverlayItemCtr {
    position: absolute;
    top: 180px;
    width: 200px;
    margin-top: -30px; /* make this half your image/element height */
    border-radius: 10px;
    z-index: 1000;
}