@charset "utf-8";
/* CSS Document */

/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h4,h5,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

body {
	background: #b38f55 url(images/paper.jpg) repeat;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 10px;
	direction: ltr;
	font-style: italic;
	text-transform: uppercase;
}

a {
	color: #000;
	text-decoration: none;
}

h1 {
	font-size: 30px;
	line-height: 30px;
	margin: 0;
}

h2 {
	font-size: 16px;
	line-height: 16px;
	margin: 0;
}

h3 {
	font-size: 14px;
	line-height: 16px;
	margin: 14px 0;
}

h4 {
	font-size: 12px;
	line-height: 12px;
	margin: 0;
}

h5 {
	color: #36b84e;
	font-size: 34px;
	line-height: 34px;
	text-indent: 20px;
}

.cleaner {
	font-size: 0px;
	clear: both;
	line-height: 0px;
	height: 0px;
	width: 1px;
}

.field,
.text {
	color: #222222;
	border: solid 1px #bbbbbb;
	background: #ffffff repeat-x top url(images/bg_input.gif);
	outline: 0 none;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 7px;
}

.file {
	color: #222222;
	border: solid 1px #bbbbbb;
	background: #ffffff repeat-x top url(images/bg_input.gif);
	outline: 0 none;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	padding: 2px 4px;
}

label {
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	font-style: italic;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	color: #000000;
	display: block;
}

select {
	margin: 0;
	width: auto !important;
	min-width: 130px;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

option {
	padding-left: 7px;
	line-height: 16px;
}

.error {
	width: 390px;
	border: 2px solid #900;
	color: #900;
	padding: 4px 4px 0 4px;
	margin-bottom: 10px;
	display: none;
}

.error p {
	margin-bottom: 4px;	
}

span.overpic {
	display: block;
	height: 100%;
	width: 100%;
	position: absolute;
	cursor: pointer;	
}

.progress-wrapper {
	background: #ffe7e5 top left repeat-x url(images/bg_progress.gif);
	height: 35px;
	padding: 2px 0;
	border-right: 1px solid #2b2a24;
	border-left: 1px solid #2a2926;
	margin-bottom: 10px;
}

.progress-wrapper .progress {
	background: #cc544d top left repeat-x url(images/progress.gif);
	border-right: 1px solid #dd8b86;
	height: 35px;
}

#wrapper {
	width: 988px;
	margin: 0 auto;
	background: top left url(images/container.png) repeat-y;
	padding: 0 18px 0 4px;
}

#wrapper #inner-wrapper {
	background: #45453d;
	border: 20px solid #ffffff;
	padding: 2px;
}

#wrapper #inner-wrapper #header {
	background: #fafbcf;
	height: 150px;
	padding: 30px 20px 0 50px;
}

#wrapper #inner-wrapper #header #branding {
	float: left;
}

#wrapper #inner-wrapper #header #branding a {
	font-size: 50px;
	line-height: 52px;
	display: block;
	padding-top: 20px;
	position: relative;
}

#wrapper #inner-wrapper #header #branding a span {
	left: -54px;
	top: -32px;
	height: 185px;
	width: 951px;
	background: top left no-repeat url(images/header.jpg);
}

#wrapper #inner-wrapper #header #branding h2 {
	padding: 50px 0 0 120px;	
}

#wrapper #inner-wrapper #header #features {
	float: right;
	text-align: right;
}

#wrapper #inner-wrapper #page {
	background: #fafbcf;
	position: relative;
	height: 525px;
}

#wrapper #inner-wrapper #page #subhead {
	position: absolute;
	left: -4px;
	top: 0;
	width: 951px;
	height: 106px;
	background: url(images/subhead.jpg) no-repeat;
	z-index: 100;
}

#wrapper #inner-wrapper #page #info-pic {
	width: 379px;
	height: 426px;
	position: absolute;
	left: -4px;
	top: 105px;
	background: url(images/left.jpg) no-repeat;
	z-index: 101;
}

#wrapper #inner-wrapper #page #func-pic {
	width: 572px;
	height: 426px;
	position: absolute;
	left: 375px;
	top: 105px;
	background: url(images/right.jpg) no-repeat;
	z-index: 102;	
}

#wrapper #inner-wrapper #page #free-stamp {
	width: 153px;
	height: 150px;
	position: absolute;
	left: 265px;
	top: 410px;
	background: url(images/free.png) no-repeat;
	z-index: 103;	
}

#wrapper #inner-wrapper #page #form-wrapper {
	background: #ffffff;
	position: absolute;
	width: 475px;
	height: 320px;
	z-index: 999;
	left: 398px;
	top: 105px;
	overflow: hidden;
	padding: 20px 0 0 0;
	margin-left: 40px;
}

#wrapper #inner-wrapper #page #form-wrapper label#label-file {
	height: 32px;
	width: 81px;
	position: relative;
	margin-bottom: 5px;
	font-size: 24px;
	line-height: 20px;
}

#wrapper #inner-wrapper #page #form-wrapper #label-file span {
	background: top left no-repeat url(images/file.jpg);	
}

#wrapper #inner-wrapper #page #form-wrapper label#label-limit {
	height: 14px;
	width: 84px;
	line-height: 12px;
	position: relative;
	font-size: 10px;
	margin-bottom: 5px;
}

#wrapper #inner-wrapper #page #form-wrapper #label-limit span {
	background: top left no-repeat url(images/100mb.jpg);
}

#wrapper #inner-wrapper #page #form-wrapper #label-destruct {
	height: 36px;
	width: 343px;
	position: relative;
	font-size: 24px;
	line-height: 20px;
	margin-bottom: 5px;
}

#wrapper #inner-wrapper #page #form-wrapper #file-sel {
	margin-bottom: 10px;
}

#wrapper #inner-wrapper #page #form-wrapper #label-destruct span {
	background: top left no-repeat url(images/diein.jpg);
}

#wrapper #inner-wrapper #page #form-wrapper #launch-button, .re-try {
	display: block;
	width: 169px;
	height: 106px;
	text-align: center;
	font-size: 24px;
	line-height: 50px;
	margin-left: 100px;
	color: #39b54a;
	position: relative;
}

#wrapper #inner-wrapper #page #form-wrapper #launch-button:hover,
#wrapper #inner-wrapper #page #form-wrapper #launch-button:active,
#wrapper #inner-wrapper #page #form-wrapper #launch-button:focus, .re-try:hover, .re-try:active, .re-try:focus {
	color: #900;
}

#wrapper #inner-wrapper #page #form-wrapper #launch-button span, .re-try span {
	background: top left no-repeat url(images/launch.jpg);
}

.re-try {
	display: none;
}

#wrapper #inner-wrapper #page #form-wrapper #progress-track {
	width: 402px;
	margin-bottom: 15px;
}

#wrapper #inner-wrapper #page #form-wrapper #progress-track p {
	font-size: 10px;	
}

#wrapper #inner-wrapper #page #form-wrapper #url {
	width: 450px;
	padding: 7px 3px;
	margin-bottom: 30px;
	margin-top: 10px;
}

#wrapper #inner-wrapper #page #info {
	width: 350px;
	background: #fafbcf;
	position: absolute;
	left: 10px;
	top: 10px;
}

#wrapper #inner-wrapper #page #info #points {
	margin-bottom: 10px;
	background: #fff005;
	border: 2px solid #000000;
	padding: 5px;
}

#wrapper #inner-wrapper #page #info #points h4 {
	margin-bottom: 10px;
}

#wrapper #inner-wrapper #page #info #instructions {
	border: 3px solid #000000;
	padding: 10px 10px 10px 70px;
	background: #ffffff;
}

#wrapper #inner-wrapper #page #functional {
	width: 515px;
	border: 3px solid #000000;
	background: #ffffff;
	position: absolute;
	left: 380px;
	top: 10px;
	padding: 10px;
	height: 420px;
}

#wrapper #inner-wrapper #page #functional #upload-file {
	margin-bottom: 10px;
	background: #fff005;
	border: 2px solid #000000;
	padding: 0 5px;
	float: right;
}

#wrapper #inner-wrapper #page #free-stamp-alt {
	background: #39b54a;
	position: absolute;
	left: 290px;
	top: 407px;
	z-index: 0;
	border: 2px solid #000000;
	padding: 0 5px;
}

#wrapper #inner-wrapper #page #free-stamp-alt h3 {
	color: #ffffff;	
}

#footer {
	width: 1010px;
	height: 145px;
	margin: 0 auto;
	margin-bottom: 30px;
	background: top left no-repeat url(images/footer.png);
}

#tree {
	width: 147px;
	height: 165px;
	margin: 0 auto;
	margin-bottom: 50px;
	display: block;
	position: relative;
}

#tree:hover,
#tree:active,
#tree:focus {
	text-decoration: underline;
}

#tree span {
	background: top left url(images/doejo.jpg) no-repeat;
}

* html body #wrapper #inner-wrapper #page #free-stamp {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/free.png', sizingMethod='crop');
	background: none;
}

* html body #wrapper {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/container.png', sizingMethod='scale');
	background: none;
}

* html body #footer {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/footer.png', sizingMethod='crop');
	background: none;
}

#ifr, #ifr2 {
	display: none;
}