/**
 * For rules shared between the uTorrent Web login and other screens, and the WebUI screen.
 */

div#header-wrap { background: none; }

#privacy img {
	margin-top: 10px;
    margin-bottom: 10px;
}

body {
    background: #3a8285 url("/static/images/bkgd/header.jpg") 50% 50% no-repeat;
    background-size: cover;
    font-size:62.5%;
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    color: #fff;
}


.styled-box {
    -moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}

.centered-box {
	padding:1.75em;
	margin: 0 auto 1em auto;
}

.styled-box {
    padding:1.75em;
    background:#d7d1c9;
    background:rgba(0,0,0,0.05);
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    margin: 0 auto 1em auto;
    box-shadow: rgba(0, 0, 0, 0.25) 1px 2px 2px
}

.progressBarContainer {
    display: block;
    margin: 0 auto;
    height: 14px;
    background-color: #ddd;
    border: solid 1px;
    border-color: #aaa;
}
.progressBar {
    display: block;
    margin: 0 auto;
    float: left;
    width: 0%;
    height: 14px;
    background: url("/static/images/progress_bar_background.jpg") 0 1px repeat-x green;
}
#loginProgressBarLabel {
    margin: 0 auto
}
.progressBarContainer, #loginProgressBarLabel {
    width: 220px;
}