body {
	margin: 0;
	padding: 0;
	font-family: 'Helvetica Neue', Arial, sans-serif;
}
#wrapper {
	width: 850px;
	margin: 20px auto;
	position: relative;
}

/* ************************************************************************************ */
/* common */

h1, h3 {
	margin: 0;
}
a {
	color: #DE7900;
}
a.inactive {
	text-decoration: none;
	color: #999;
}


/* ************************************************************************************ */
/* header */

#header {
	position: relative;
	border-bottom: 5px solid #f3f3f3;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
}
#logo {
	font-size: 50px;
	font-weight: bold;
	cursor: pointer;
}
#logo .logo-com {
	color: #aaa;
}
#tagline {
	font-size: 20px;
	color: #666;
}
#quote {
	font-family: Georgia, Times, ‘Times New Roman’, serif;
	color: #aaa;
	font-style: italic;
	font-size: 40px;
	position: absolute;
	bottom: 5px;
	right: 0;
}
#lang-switch {
	position: absolute;
	right: 0;
	top: 0;
	color: #aaa;
	font-size: 0.8em;
}
#lang-switch a {
	padding: 0 10px;
}


/* ************************************************************************************ */
/* content */

#content {
	border: 5px solid #ddd;
	background: #fff;
	padding: 5px;
	width: 570px;
	float: left;
}
#content .payload {
	background: #fff;
	padding: 20px;
}
#content h1 {
	margin: 0 0 20px;
}
.example {
	background: #ffe;
	padding: 10px; 20px;
	border: 1px dashed #ddd;
}
#content .link-begin {
    font-size: 1.3em;
    font-weight: bold;
}

/* ************************************************************************************ */
/* sidebar */

.sidebar {
	float: right;
	width: 250px;
}
.sidebar .block {
	margin: 0 0 5px 0;
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;	
}
.sidebar .block .payload {
	background: #f3f3f3;
	padding: 20px;
}
.sidebar .block p {
	margin: 0 0 5px;
}
.sidebar h3 {
	margin: 0 0 10px;
}


/* ************************************************************************************ */
/* footer */

#footer {
	color: #ddd;
	font-size: 0.8em;
	text-align: center;
	border-top: 1px solid #f3f3f3;
	margin: 20px 0;
	padding: 20px 0 0 0;
	clear: both;
}



/* ************************************************************************************ */
/* common */

.clear {
	clear: both;
}



/* ************************************************************************************ */
/* CONTENT */

#form {
	display: none;
	position: relative;
}
.upload-file {
	display: none;
}


#options {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
	margin: 0 0 20px;
}
#options a {
	padding: 0 10px;
}


#form h3 {
	margin: 0 0 10px;
}
#form textarea {
	width: 528px;
	height: 200px;
	border: 1px solid #333;
}
#form #email {
	width: 200px;
	padding: 5px;
	border: 1px solid #333;
}
#cost-box {
	float: right;
	margin: 5px 0 0;
}
.label {
	font-size: 0.9em;
	margin: 20px 0 1px;
}
.button {
	text-decoration: none;
	display: block;
	padding: 5px 20px 8px;
	color: #fff;
	background: #F7941E;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
}
#form .button {
	clear: both;
	float: right;
	margin-top: 50px;
}
.error {
    color: red;
    display: none;
    font-size: 0.8em;
    font-weight: bold;
}



#confirm {
	display: none;
}


/* ************************************************************************************ */
/* messages */

div.msg {
    font-size: 1.2em;
    padding: 50px;
	background: #dfc;
}
body.msg .content, body.msg .msg {
	display: none;
}
body.msg #confirm {
	display: block;
}
body.msg-paid .msg-paid {
	display: block;
}
body.msg-error .msg-error {
	display: block;
	background: #fcc;
}
body.msg-cancel .msg-cancel {
	display: block;
	background: #fff;
}
body.msg-uploaded .msg-uploaded {
	display: block;
}

/* ************************************************************************************ */
/* uploadify */

.uploadifyButton {
	text-align: center;
	text-decoration: none;
	padding: 5px 0;
	background: #555;
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}
.uploadify:hover .uploadifyButton {
}
.uploadifyQueueItem {
	background-color: #F5F5F5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font: 11px Verdana, Geneva, sans-serif;
	margin-top: 5px;
	max-width: 350px;
	padding: 10px;
}
.uploadifyError {
	background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
	float: right;
}
.uploadifyQueue .completed {
	background-color: #E5E5E5;
}
.uploadifyProgress {
	background-color: #E5E5E5;
	margin-top: 10px;
	width: 100%;
}
.uploadifyProgressBar {
	background-color: #0099FF;
	height: 3px;
	width: 1px;
}
#file-uploaded {
	color: #699E00;
	padding: 20px 0;
}

#msg_bg {
	width: 100%;
	height: 100%;
	position: fixed;
	top:0;
	left: 0;
	background-color: rgb(255, 255, 255);
	opacity: 0.7; /* Safari, Opera */
	-moz-opacity:0.70: /* FireFox */
	filter: alpha(opacity=70); /* IE */
	z-index: 5;
	cursor: pointer;
}