.shield{
    background:rgba(0, 0, 0, 0.25);
    z-index:900001;
	cursor:wait;
}
 
.shield > div{
    border:1px solid #000000;
    border-radius:10px 10px 10px 10px;
    box-shadow:0 0 15px 5px rgba(0, 0, 0, 0.25);
    background:#FFF!important;
    margin:300px auto;
    padding:10px;
    z-index:900001;
    color:#000000;
}

.shield button{
    float:right;
    clear:both;
    margin-right:40px;
	cursor:pointer;
    position:relative;
    bottom:28px;
    z-index:9999;
}

#SHIELD_headline{
    font-size:11px;
    padding:5px 10px 0px 10px;
    float:left;
    width:100%; /* egentligen bara 10px men eftersom det inte går att ange så tar vi 110% istället, det är ok */
    height:20px;
    position:relative;
    left: -10px;
    top: -8px;
    background:#d6dfe4;
    background:-moz-linear-gradient(center top , #f8f8f8 0%, #d6dfe4 100%) repeat scroll 0 0 transparent;
    background:linear-gradient(center top , #f8f8f8 0%, #d6dfe4 100%) repeat scroll 0 0 transparent;
    background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#d6dfe4));
    border-top-left-radius:5px;
    border-top-right-radius:5px;
}

#SHIELD_text{
    margin:10px 10px 10px 30px;
    float:left;
    clear:both;
}

#SHIELD_progresstext{
    padding:8px 10px 0px 10px;
    position:relative;
    bottom:-45px;
    left:-10px;
    height:25px;
    width:calc(100% + 0px);
    float:left;
    clear:both;
    background: #f8f8f8; /* Old browsers */
    background: -moz-linear-gradient(top, #d6dfe4 0%, #e1ebf0 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6dfe4), color-stop(100%,#e1ebf0)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* IE10+ */
    background: linear-gradient(top, #d6dfe4 0%,#e1ebf0 100%); /* W3C */
    border-radius:0 0 10px 10px;

}

/* progress */

.progressBar{
    height:17px;
    width:350px;
    background:url(images/progress_bar_bg.png) no-repeat;
    float:left;
    margin-left:30px;
}

.progressBar > div{
    height:16px;
    width:0%;
    background:#336699;
    border-radius:8px;
}

/* process */

.processBar{
    height:30px;
    width:100%;
    float:left;
}

.processBar > img{
    height:17px;
    margin-left:30px;
    margin-top:6px;
}

/* wheel */

.progressWheel{
    height:30px;
    width:100%;
    float:left;
}

.progressWheel > img{
    height:30px;
    margin-left:200px
}