body {
	font: normal 15px/30px "Arial";
	overflow-x: hidden;
}
body, div, span, h1, p, form {
	padding: 0;
	margin: 0;
}
body {
	padding: 0 24px;
}
p, #content>ol, #content>ul {
	font: 15px/30px "Arial";
	margin-bottom: 18px;
}
iframe {
	width: 768px;
	height: 480px;
}

a {
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img {
	border: none;
}

#page {
	width: 100%;
	margin: 0 auto;
}

#head {
	position: relative;
	height: 144px;
	margin: 0 auto;
}
#head li, #head ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1 {
	position: absolute;
	text-indent: -9999px;
	z-index: 99;
}
#logo {
	position: absolute;
	z-index: 99;
}
#watermark {
	position: absolute;
	display: none;
	z-index: 2;
}
#head h1+h2 {
	position: absolute;
	display: none;
}

#head #menu_user {
	position: absolute;
	top: 114px;
	right: 0;
	height: 30px;
	padding-right: 8px;
	font: normal 13px/30px "Arial";
}
#menu_user li {
	float: left;
	height: 30px;
}
#menu_user li.last {
	width: 0;
}
#menu_user a {
	display: block;
	height: 30px;
	padding: 0 8px;
	text-decoration: none;
}
#menu_user li.active a {
	border-radius: 4px 4px 0 0;
}

#head #menu_main {
	position: absolute;
	top: 114px;
	left: 132px;
	height: 30px;
	font: normal 13px/30px "Arial";
}
#menu_main li {
	float: left;
	height: 30px;
}
#menu_main a {
	display: block;
	height: 30px;
	padding: 0 8px;
	text-decoration: none;
}
#menu_main li.active a {
	border-radius: 4px 4px 0 0;
}

#menu_help {
	position: relative;
	text-align: right;
	font: normal 13px/30px "Arial";
}
#head #menu_help {
	padding-right: 16px;
}
#menu_help li {
	float: none;
	display: inline;
	padding: 0;
	text-align: center;
}
#menu_help a {
	display: inline-block;
	padding: 0 12px;
	height: 30px;
	text-align: right;
	text-decoration: none;
	border-radius: 0 0 4px 4px;
}
#menu_help #help a {
	width: 32px;
	margin-left: 12px;
	text-align: center;
}

#guide {
	position: fixed;
	width: 320px;
	top: 0;
	right: 40px;
	font: normal 13px/30px "Arial";
	z-index: 99;
	border-radius: 0 0 4px 4px;
	display: none;
}
#guide>h2:first-child {
	margin: 0;
	padding: 0 12px;
	line-height: 30px;
	text-align: left;
}
#guide a.close {
	position: absolute;
	width: 32px;
	padding: 0 12px;
	top: 0;
	right: 0;
	text-indent: -9999px;
	text-align: center;
}
#guide>div {
	padding: 0 12px;
	top: 0;
	max-height: 320px;
	overflow-y: auto;
}
#guide>div>* {
	margin-top: 6px;
	margin-bottom: 6px;
	font: 13px/24px "Arial";
}
#guide>div.mdd_preview>h1,
#guide>div.mdd_preview>h2,
#guide>div.mdd_preview>h3 {
	font: bold 15px/30px "Arial";
	text-decoration: none;
	background: none;
	position: static;
	text-indent: initial;
	margin-top: 6px;
	margin-bottom: 6px;
	height: auto;
}
#guide .mdd_preview ul li {
	list-style: disc;
	margin-left: 15px;
}
#guide .mdd_preview ol {
	padding-left: 0;
}
#guide .mdd_preview ol li {
	list-style: decimal;
	margin-left: 15px;
}
#guide.admin>div.mdd_preview {
	height: 320px;
}

#main {
	position: relative;
	clear: both;
	margin: 0 auto;
}

#sidebar {
	float: left;
	clear: left;
	width: 100%;
}
#sidebar ul, #sidebar li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sidebar ul {
	padding: 0 8px;
	font: normal 13px/30px "Arial";
}
#sidebar ul.empty {
	height: 30px;
}
#sidebar ul+ul.empty {
	display: none;
}
#sidebar li {
	display: inline-block;
}
#sidebar a {
	display: block;
	text-decoration: none;
	padding: 0 8px;
}
#sidebar li.heading {
	display: inline;
	text-decoration: none;
	padding: 0 8px;
}

#page>h2 {
	float: left;
	width: 100%;
	position: relative;
	top: 48px;
}

#content {
	position: relative;
	float: right;
	clear: right;
	width: 100%;
	margin-bottom: 0;
	z-index: 1;
}
#content>h2, #content>form>h2,
#content>h3, #content>form>h3,
#content>h4, #content>form>h4,
#content>p,
#content>div.explain,
#content>div.doc {
	padding-left: 16px;
	padding-right: 16px;
}
#content>p.alert,
#content>div.flash,
#content>div.validation-summary {
	margin-left: auto;
	margin-right: auto;
}

#heading {
	position: fixed;
	top: 0;
	left: 50%;
	text-align: center;
	z-index: 9;
}
#heading h2 {
	width: auto;
	display: inline-block;
	padding: 0 12px;
	margin: 0;
	background: #fff;
	box-shadow: 0 3px 12px -3px black;
	border-radius: 0 0 4px 4px;
	font: bold 18px/30px "Arial";
	white-space: nowrap;
	margin-left: -100%;
}

#foot {
	position: relative;
	clear: both;
	height: 180px;
	padding: 12px 16px;
	margin: 0 auto;
	text-align: center;
	font: normal 13px/24px "Arial";
}
#foot+h2 {
	position: relative;
	bottom: 18px;
}

h2 {
	font: bold 18px/36px "Arial";
	vertical-align: baseline;
}
h3 {
	font: bold 15px/36px "Arial";
	vertical-align: baseline;
	text-decoration: underline;
}
h4 {
	font: bold 13px/36px "Arial";
	vertical-align: baseline;
}

.data {
	position: relative;
	width: 100%;
	margin: 18px 0;
}
.data th, .data td {
	width: auto;
	padding: 0 4px;
	margin: 0;
	word-wrap: break-word;
}
.data th {
	font: bold 13px/23px "Arial";
	height: 29px;
	border-bottom: solid 1px;
	vertical-align: bottom;
}
.data td {
	font: normal 13px/29px "Arial";
	height: 29px;
	border-bottom: solid 1px;
	vertical-align: top;
}
.data .span01 {
	width: 40px;
}
.data .span02 {
	width: 80px;
}
.data .text, .data .text input {
	text-align: left;
}
.data .number, .data .number input {
	text-align: right;
}
.data .text input, .data .number input {
	font: normal 12px "Arial";
}
.data .anon label {
	position: relative;
	display: block;
	font: bold 11px/24px "Arial";
	text-align: left;
	text-indent: 21px;
}
.data .anon input {
	position: absolute;
	left: 0;
	width: auto;
	height: 20px;
	border: 0;
}
.data .flag, .data .action {
	text-align: center;
}
.data th.narrow {
	font: normal 10px/29px "Arial Narrow";
}
.data img {
	position: relative;
	width: 19px;
	height: 19px;
	padding: 5px 8px;
	vertical-align: top;
}
.data .total * {
	font-weight: bold;
}
.data .grand * {
	font-weight: bold;
	text-transform: uppercase;
}
.data .locked td {
	border-bottom: solid 1px;
}
.data .first {
	padding-left: 20px;
	border-left: none;
}
.data .last {
	padding-right: 20px;
	border-right: none;
}
.data .buttons a {
	position: relative;
	display: inline-block;
	font-weight: bold;
	font-size: 9px;
	left: 0;
}
div.wide {
	overflow-x: auto;
	overflow-y: hidden;
	padding: 0;
	margin: 0;
	position: relative;
}
div.wide th, div.wide td {
	width: auto;
	white-space: nowrap;
}

.form {
	position: relative;
	width: 640px;
	padding: 11px 0;
	margin: 12px auto;
	border-top: solid 1px;
	border-bottom: solid 1px;
}
.form h3 {
	font: bold 15px/30px "Arial";
	text-align: left;
	text-decoration: none;
	padding: 0;
	margin: 0 0 0 164px;
}
.form .fieldset {
	position: relative;
	padding: 0;
	margin: 12px 0;
}
.form .fieldset dt, .form .fieldset dd {
	position: absolute;
	height: 30px;
	padding: 0 4px;
	margin: 0;
}
.form .fieldset dt label {
	display: block;
	font: bold 13px/30px "Arial";
	text-align: right;
}
.form .fieldset dd {
	position: absolute;
	font: normal 13px/30px "Arial";
	padding: 0 2px;
	margin: 0;
}
.form .fieldset dd p {
	position: absolute;
	top: 4px;
	font: normal 13px "Arial";
	padding: 3px 2px;
	margin: 0;
}
.form .fieldset dd img {
	position: absolute;
	top: 5px;
}
.form .fieldset dd input {
	position: absolute;
	top: 1px;
	font: normal 13px "Arial";
	padding: 5px 2px;
	margin: 0;
	border: solid 1px;
	text-indent: 4px;
}
.form .fieldset dd select {
	position: absolute;
	top: 1px;
	font: normal 13px "Arial";
	padding: 4px 2px;
	margin: 0;
	border: solid 1px;
}
.form .fieldset dd textarea {
	position: absolute;
	top: 2px;
	width: 458px;
	height: 136px;
	font: normal 13px/24px "Arial";
	padding: 4px 6px;
	margin: 0;
	border: solid 1px;
}
.form .fieldset dd.area07 textarea {
	height: 196px;
}
.form .fieldset dd.anon label {
	position: relative;
	display: block;
	font: bold 13px/30px "Arial";
	text-align: left;
	text-indent: 21px;
}
.form .fieldset dd.anon input {
	position: absolute;
	left: 0;
	width: auto;
	height: 28px;
	border: 0;
}
.form .fieldset dt.anon label {
	position: relative;
	display: block;
	font: bold 13px/30px "Arial";
	text-align: right;
	text-indent: 0;
}
.form .fieldset dt.anon input {
	width: auto;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	font: normal 13px "Arial";
	padding: 2px 2px;
	margin: 0;
	border: solid 1px;
}
.form .text * {
	text-align: left;
}
.form .number * {
	text-align: right;
}
.form .hint {
	font: normal 13px/30px "Arial";
}
.clear {
	background: transparent;
	padding: 12px 0;
	border: none;
}

#content>form>p {
	padding-left: 16px;
}
#content>ul.buttons,
form>ul.buttons {
	left: 16px;
	margin-bottom: 24px;
}
form>ul.buttons li,
form>ul.buttons li>* {
	float: left;
	position: static;
}
#content>form:last-child {
	padding-bottom: 24px;
}

.buttons {
	position: relative;
	height: 30px;
	padding: 0;
	margin: 0;
	list-style: none;
}
.buttons li {
	position: absolute;
	list-style: none;
}
.buttons input, .buttons a {
	position: absolute;
	display: block;
	left: 4px;
	font: normal 13px "Arial";
	border: none;
	border-radius: 4px;
}
.buttons input {
	cursor: pointer;
	height: 30px;
	padding: 0;
}
.buttons a {
	padding: 0 3px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
}

.x00 { left: 000px; } .x01 { left: 032px; } .x02 { left: 064px; } .x03 { left: 096px; }
.x04 { left: 128px; } .x05 { left: 160px; } .x06 { left: 192px; } .x07 { left: 224px; }
.x08 { left: 256px; } .x09 { left: 288px; } .x10 { left: 320px; } .x11 { left: 352px; }
.x12 { left: 384px; } .x13 { left: 416px; } .x14 { left: 448px; } .x15 { left: 480px; }
.x16 { left: 512px; } .x17 { left: 544px; } .x18 { left: 576px; } .x19 { left: 608px; }
.w01 { width: 032px; } .w02 { width: 064px; } .w03 { width: 096px; } .w04 { width: 128px; }
.w05 { width: 160px; } .w06 { width: 192px; } .w07 { width: 224px; } .w08 { width: 256px; }
.w09 { width: 288px; } .w10 { width: 320px; } .w11 { width: 352px; } .w12 { width: 384px; }
.w13 { width: 416px; } .w14 { width: 448px; } .w15 { width: 480px; } .w16 { width: 512px; }
.w17 { width: 544px; } .w18 { width: 576px; } .w19 { width: 608px; } .w20 { width: 640px; }
.y00 { top: 000px; } .y01 { top: 030px; } .y02 { top: 060px; } .y03 { top: 090px; }
.y04 { top: 120px; } .y05 { top: 150px; } .y06 { top: 180px; } .y07 { top: 210px; }
.y08 { top: 240px; } .y09 { top: 270px; } .y10 { top: 300px; } .y11 { top: 330px; }
.y12 { top: 360px; } .y13 { top: 390px; } .y14 { top: 420px; } .y15 { top: 450px; }
.y16 { top: 480px; } .y17 { top: 510px; } .y18 { top: 540px; } .y19 { top: 570px; }
.y20 { top: 600px; } .y21 { top: 630px; } .y22 { top: 660px; } .y23 { top: 690px; }
.h01 { height: 030px; } .h02 { height: 060px; } .h03 { height: 090px; } .h04 { height: 120px; }
.h05 { height: 150px; } .h06 { height: 180px; } .h07 { height: 210px; } .h08 { height: 240px; }
.h09 { height: 270px; } .h10 { height: 300px; } .h11 { height: 330px; } .h12 { height: 360px; }
.h13 { height: 390px; } .h14 { height: 420px; } .h15 { height: 450px; } .h16 { height: 480px; }
.h17 { height: 510px; } .h18 { height: 540px; } .h19 { height: 570px; } .h20 { height: 600px; }
.h21 { height: 630px; } .h22 { height: 660px; } .h23 { height: 690px; } .h24 { height: 720px; }
.fieldset .w01 label, .fieldset .w01 select, .buttons .w01 input { width: 024px; }
.fieldset .w02 label, .fieldset .w02 select, .buttons .w02 input { width: 056px; }
.fieldset .w03 label, .fieldset .w03 select, .buttons .w03 input { width: 088px; }
.fieldset .w04 label, .fieldset .w04 select, .buttons .w04 input { width: 120px; }
.fieldset .w05 label, .fieldset .w05 select, .buttons .w05 input { width: 152px; }
.fieldset .w06 label, .fieldset .w06 select, .buttons .w06 input { width: 184px; }
.fieldset .w07 label, .fieldset .w07 select, .buttons .w07 input { width: 216px; }
.fieldset .w08 label, .fieldset .w08 select, .buttons .w08 input { width: 248px; }
.fieldset .w09 label, .fieldset .w09 select, .buttons .w09 input { width: 280px; }
.fieldset .w10 label, .fieldset .w10 select, .buttons .w10 input { width: 312px; }
.fieldset .w11 label, .fieldset .w11 select, .buttons .w11 input { width: 344px; }
.fieldset .w12 label, .fieldset .w12 select, .buttons .w12 input { width: 376px; }
.fieldset .w13 label, .fieldset .w13 select, .buttons .w13 input { width: 408px; }
.fieldset .w14 label, .fieldset .w14 select, .buttons .w14 input { width: 440px; }
.fieldset .w15 label, .fieldset .w15 select, .buttons .w15 input { width: 472px; }
.fieldset .w16 label, .fieldset .w16 select, .buttons .w16 input { width: 504px; }
.fieldset .w17 label, .fieldset .w17 select, .buttons .w17 input { width: 536px; }
.fieldset .w18 label, .fieldset .w18 select, .buttons .w18 input { width: 568px; }
.fieldset .w19 label, .fieldset .w19 select, .buttons .w19 input { width: 600px; }
.fieldset .w20 label, .fieldset .w20 select, .buttons .w20 input { width: 632px; }
.fieldset .w01 input, .buttons .w01 a { width: 018px; }
.fieldset .w02 input, .buttons .w02 a { width: 050px; }
.fieldset .w03 input, .buttons .w03 a { width: 082px; }
.fieldset .w04 input, .buttons .w04 a { width: 114px; }
.fieldset .w05 input, .buttons .w05 a { width: 146px; }
.fieldset .w06 input, .buttons .w06 a { width: 178px; }
.fieldset .w07 input, .buttons .w07 a { width: 210px; }
.fieldset .w08 input, .buttons .w08 a { width: 242px; }
.fieldset .w09 input, .buttons .w09 a { width: 274px; }
.fieldset .w10 input, .buttons .w10 a { width: 306px; }
.fieldset .w11 input, .buttons .w11 a { width: 338px; }
.fieldset .w12 input, .buttons .w12 a { width: 370px; }
.fieldset .w13 input, .buttons .w13 a { width: 402px; }
.fieldset .w14 input, .buttons .w14 a { width: 434px; }
.fieldset .w15 input, .buttons .w15 a { width: 466px; }
.fieldset .w16 input, .buttons .w16 a { width: 498px; }
.fieldset .w17 input, .buttons .w17 a { width: 530px; }
.fieldset .w18 input, .buttons .w18 a { width: 562px; }
.fieldset .w19 input, .buttons .w19 a { width: 594px; }
.fieldset .w20 input, .buttons .w20 a { width: 626px; }

.validation-summary {
	font: normal 13px/24px "Arial";
	width: 704px;
	padding: 11px 31px;
	margin: 12px 0;
	border: solid 1px;
}
.validation-summary-errors {
	margin-top: 0;
	margin-bottom: -11px;
}
.field-validation-error {
	padding-right: 6px;
}

#alerts {
	position: fixed;
	z-index: 9;
	bottom: 0;
	right: 40px;
	width: 320px;
	border-radius: 4px 4px 0 0;
	padding-bottom: 36px;
}
#alerts h2 {
	border-radius: 4px 4px 0 0;
	padding: 0 16px;
	margin: 0;
	line-height: 48px;
}
#alerts h2 a {
	color: inherit;
	float: right;
	font-weight: normal;
	text-decoration: none;
	font-size: 36px;
}
.alert {
	font: bold 13px/24px "Arial";
	padding: 0 15px;
	margin-top: 24px;
}

.flash {
	font: bold 15px/22px "Arial";
	width: 704px;
	padding: 0px 31px;
	border: solid 1px;
}
.flash p {
	margin-top: 12px;
	margin-bottom: 12px;
}

.explain {
	font: bold 13px/24px "Arial";
	margin: 18px 0;
}

.doc ol, .doc ol li {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.doc .num {
	float: left;
	display: block;
}
.doc li {
	font-weight: bold;
	margin-left: 0;
}
.doc li li,
.doc li li li,
.doc li li li li {
	font-weight: normal;
	margin-left: 30px;
}
.doc li .num {
	width: 30px;
	margin-left: 0;
}
.doc li li .num,
.doc li li li .num,
.doc li li li li .num {
	width: 30px;
	margin-left: -30px;
}

img.fbook {
	display: inline-block;
	width: 16px;
	height: 16px;
	padding-left: 5px;
	padding-top: 1px;
	vertical-align: top;
	text-indent: -9999px;
	background: none;
	cursor: pointer;
}
img.large {
	width: 516px;
	max-height: 360px;
	padding-left: 100px;
}
img.small {
	width: 80px;
	height: 80px;
	padding-left: 100px;
}

/* DEFAULT COLOURS */

a, #foot a {
	color: #00f;
}
a:hover, #foot a:hover {
	color: #f30;
}

.data th {
	color: #000;
}
.data td {
	border-color: #ddd;
}
.data .head {
	background: #ddd;
}
.data .odd {
	background: #f7f7f7;
}
.data .even {
	background: #eee;
}
.data .grand * {
	background: #dfd;
}
.data .locked {
	background: #fdd;
}
.data .locked td {
	border-color: #dbb;
}
.data .hilite {
	background: #ccc;
	border-color: #bbb;
}
.data .increase {
	color: #f00;
}
.data .decrease {
	color: #00f;
}

.form {
	background: #f7f7f7;
	border-color: #eee;
}
.form h3 {
	color: #000;
}
.form .fieldset dd input,
.form .fieldset dd select,
.form .fieldset dd textarea {
	border-color: #aaa;
}
.form .hint {
	color: #aaa;
}

.lock {
	background: #eef;
}

.validation-summary {
	background: #fee;
	border-color: #c99;
}
.field-validation-error {
	color: #f30;
}

.alert {
	border-color: #000;
}
.priority3 {
	background: #dfd;
	border-color: #aca;
}
.priority2 {
	background: #fdb;
	border-color: #db9;
}
.priority1 {
	background: #fdd;
	border-color: #dbb;
}
.priority0 {
	color: #fff;
	background: #f33;
	border-color: #000;
}

.flash {
	border-color: #000;
}
.notice {
	border-color: #aca;
	background: #dfd;
}
.warning {
	border-color: #db9;
	background: #fdb;
}
.error {
	border-color: #dbb;
	background: #fdd;
}

.doc .hilite {
	color: #900;
}