body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #333;
}
.center {
	text-align: center;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	display: inline-block;
	min-height: 1%;  /* for IE 7 */
}
.vertical-middle {
	vertical-align: middle;
	display: table-cell;
}

.button-green {
	background: #059700;
	background: -webkit-gradient(linear, left top, left bottom, from(#01ad00), to(#059700));
	background: -moz-linear-gradient(-90deg, #01ad00, #059700);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01ad00', endColorstr='#059700');
	border: 1px solid #757575;
	color: #fff;
	font-weight: bold;
	padding: 4px 20px;
	min-width: 90px;
	text-align: center;
}
.button-green:hover {
	background: #01ad00;
	background: -webkit-gradient(linear, left top, left bottom, from(#059700), to(#01ad00));
	background: -moz-linear-gradient(-90deg, #059700, #01ad00);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#059700', endColorstr='#01ad00');
}
.button-green:active {
	background: #059700;
	background: -webkit-gradient(linear, left top, left bottom, from(#01ad00), to(#059700));
	background: -moz-linear-gradient(-90deg, #01ad00, #059700);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#01ad00', endColorstr='#059700');
}
a.button-green {
	text-decoration: none;
}

/* ===================================================================== 
  __container
===================================================================== */
#container {
	margin: 0 auto;
	width: 100%;
	background: #fff;
	text-align: center;
}

/* ===================================================================== 
  __header
===================================================================== */
#header {
	margin: 0;
	height: 60px;
	width: 100%;
	background: url(/static/images/common/header_bg.png) left top repeat-x;
}
#site-title {
	display: none;
}
#header-box {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	height: 60px;
	overflow: hidden;
	font-size: 12px;
	text-align: left;
}
#header-logo {
	float: left;
	width: 540px;
}

/* ===================================================================== 
  __footer
===================================================================== */
#footer {
	width: 940px;
	margin: auto;
	border-top: 1px solid #ccc;
	padding: 6px 0;
	text-align: left;
}
#footer #copyright {
	padding: 0 10px;
}
#footer #copyright p {
	font-size: 12px;
	color: #999;
	margin-bottom: 0.5em;
}

/* ===================================================================== 
  __main-content
===================================================================== */
#main-content {
	width: 680px;
	margin: 30px auto 40px auto;
	text-align: left;
}
#main-content #content {
	width: 640px;
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	font-size: 12px;
	color: #666;
}
#main-content #content h2 {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}
#main-content #content p {
	margin-bottom: 0.5em;
}

/* ===================================================================== 
  __auxiliary-box
===================================================================== */
#auxiliary-box {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	height: 48px;
	text-align: center;
	background-color: #edeff4;
	border-bottom: 1px solid #ccc;
	display: table;
}
#auxiliary-box #auxiliary-box-content {
	width: 940px;
	margin: 0 auto;
	padding: 0;
	font-size: 12px;
	text-align: left;
}
#auxiliary-box #auxiliary-box-content p {
	float: left;
	padding: 5px 0;
	margin-right: 1em;
	font-weight: bold;
}
#auxiliary-box #auxiliary-box-content a {
	float: left;
	padding: 5px 8px;
	background-color: #393;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}

/* ===================================================================== 
  __input-area
===================================================================== */
#main-content #error-message {
	width: 100%;
	border: 1px solid #f93;
	background-color: #ffc;
	margin-bottom: 1em;
	color: #000;
}
#main-content #error-message p {
	padding: 1em;
}
#main-content #content .input-area {
	width: 100%;
}
#main-content #content .input-area table {
	width: 80%;
	margin: 20px auto;
}
#main-content #content .input-area table.wide {
	width: 100%;
}
#main-content #content .input-area table th, #main-content #content .input-area table td {
	vertical-align: middle;
	padding: 4px;
}
#main-content #content .input-area table th {
	width: 25%;
	font-weight: bold;
}
#main-content #content .input-area input.checkbox {
	margin-right: 0.5em;
	vertical-align: -0.25em;
}
#main-content #content .input-area span.validation-error {
	display: block;
	color: #f00;
}
#main-content #content #link-list {
	margin: 10px 0 0 0;
	list-style: none;
}
#main-content #content #link-list li {
	margin-bottom: 0.5em;
}
#main-content #content #link-list li a {
	color: #059700;
	text-decoration: none;
}
#main-content #content #link-list li a:visited {
	color: #059700;
	text-decoration: none;
}
#main-content #content #link-list li a:hover {
	color: #059700;
	text-decoration: underline;
}

/* ===================================================================== 
  __section
===================================================================== */
.section h3 {
	text-align: left;
	font-size: 14px;
	padding: 4px 0 2px 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-bottom: 0.5em;
}
.section ul {
	list-style: decimal outside;
	padding-left: 2em;
}