/* Reset prefixed styles */
a img,:link img,:visited img,fieldset,abbr { border: none; }
h1,h2,h3,h4,h5,h6,pre,code,address { font-size: 1em; }
pre,code,address { font-weight: normal;font-style: normal; }
caption,th { text-align: left; font-weight: normal; }
h1,h2,h3,h4,h5,h6,body,html,ul,ol,li,pre,form,p,blockquote,fieldset,dl,dt,dd { margin:0; padding:0; }

/* Default styles */
html {
	background-color: #fff;
	border: 1px solid #e7e7e7;
	border-width: 0 1px;
	margin-top: -1px;
	height: 100%; }
body {
	height: 100%;
	color: #444;
	font-size: 76%;
	font-family: Arial, Helvetica, sans-serif;
	border: 2px solid #fff;
	border-width: 0 1px;
	background: #fcfcfc url(/images/embedded/background.png) repeat-x top left; }
	
.bar {
	text-align:left;
	width:370px; 
	height:34px; 
	background:url(/images/progressBg2.png) no-repeat;
	position:absolute;
	border-right:1px solid #D0E7F4;
	margin-top:2px;
	margin-left:10px;
}

.bar div {
	background: url(/images/progressBar2.png) no-repeat 2px 2px;
	height:32px; 
}

a { 
	color: #3fa2f6; 
	text-decoration: underline; }
a:visited {
	color: #7d35ce; }
a:hover {
	color: #3fa2f6; 
	text-decoration: none; }
a:active {
	color: #7d35ce; }

.logo {
	display: block;
	margin: 0 auto;
	padding: 1.2em 0;}

label {
	display: block;
	margin: 0.5em 1em 0.4em 1em; }

#file {
	width: 95%;
	margin: 0 1em; }

p {
	color: #908f8f;
	font-size: 0.9em;
	margin: 0.2em 1.2em; }

#submit {
	display: block;
	width: 10em;
	margin: 0.8em auto; }

.size, .url, .storage {
	margin-top: 1em;
	float: left;
	color: #908f8f; 
	font-size:0.9em;
	width: 33%; }

.size {
	margin-left:3%;
	width: 30%}

.url {
	text-align: center;
	font-weight: bold;  }

.storage {
	margin-right: 3%;
	text-align: right;
	width: 30%; }

.clear {
	zoom: 1; }
	
.clear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; }
	
#top-left, #top-right, #bottom-left, #bottom-right {
	height: 22px;
	width: 22px;
	position:absolute;
	background-repeat: no-repeat;
	background-position: top left; }

#border-top {
	width: 100%; height: 3px;
	position:absolute;
	top: 1px;
	background: #fff url(/images/embedded/border-top.png) repeat-x top left; }
#border-bottom {
	width: 100%; height: 3px;
	position:absolute;
	top: 100%; margin-top: -2px;
	background: #fff url(/images/embedded/border-bottom.png) repeat-x top left; }

#top-left {
	top: -1px; left: -1px;
	background-image: url(/images/embedded/top-left-corner.png); }
#top-right {
	top: -1px; left: 100%;
	margin-left: -21px;
	background-image: url(/images/embedded/top-right-corner.png); }
#bottom-left {
	top: 100%; left: -1px;
	margin-top: -21px;
	background-image: url(/images/embedded/bottom-left-corner.png); }
#bottom-right {
	top: 100%; left: 100%;
	margin-left: -21px; margin-top: -21px;
	background-image: url(/images/embedded/bottom-right-corner.png); }