BODY {
	margin: 0px 0px;
	padding: 0px;
	background-color: #ECEAE7;
}

H1, H2 {
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-weight: normal;
}

P, H3, TD, TH, LI, DIV.error, DIV.history, ADDRESS {
	font-family: Corbel, "Lucida Grande", "DejaVu Sans", "Bitstream Vera Sans", Verdana,  "Lucida Sans Unicode", "Lucida Sans", "Liberation Sans", "Verdana Ref", sans-serif;
	line-height: 150%;
}

H1 {
	font-size: 19pt;
}

h2 {
	font-size: 16pt;
}

A IMG {
	border: none;
}

.clear {
	clear: both;
}

#main {
	margin: 10pt;
	-moz-border-radius: 8pt;
	-webkit-border-radius: 8pt;
	background-color: #fffefd;
	padding: 10pt 10pt 10pt 15pt;
	padding: 1pt 10pt 10pt 15pt;
	font-size: 11pt;
	min-height: 350px;
}

#main A {
	color: #a37b43;
	text-decoration: none;
}

#main A:hover {
	color: #4f3c20;
	text-decoration: underline;
}


#main P {
	margin-left: 10pt;
}

#main ADDRESS {
	margin-left: 20pt;
}

.box {
	border-left: 1px dotted black;
	border-right: 1px dotted black;
	background-color: #F7F5EE;
	padding: 10pt;
	margin: 20pt 50pt 20pt 40pt;
	max-width: 500pt;
	min-width: 300pt;
	font-size: 10pt;
}

.box H2 {
	margin: 0 0 8pt 2pt;
	font-size: 16pt;
	color: #4f3c20;
}
.box P {
	margin-top: 0px;
	font-size: 10pt !important;
}

.error {
	font-weight: bold;
	color: #DD5555;
}

.warning {
	border: 1px solid black;
	background-color: #FFFFDD;
	margin: 5px;
	padding: 3px;
	font-size: 9pt;
	font-weight: bold;
}

HR {
	border: none;
	border-top: 1px solid black;
}

.gap {
	margin-top: 80pt;
}

.hole {
	margin-top: 30pt;
}

.center {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* -------------------------------------------------------------------
 * HEADER
 */

#header {
	margin: 0px;
	padding: 2pt;
	background-color: #222222;
	height: 30pt;
}

#header-name {
	color: white;
	margin: 3px 7px;
	font-family: "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
	font-size: 18pt;
	float: right;
}

#header-name A {
	text-decoration: none;
	color: white;
}

#header-name IMG {
	vertical-align: text-bottom;
}

#header-name SPAN {
	letter-spacing: 1px;
	color: #f9bc67;
	font-weight: bold;
}
#header-links {
	font-size: 9pt;
	line-height: 20pt;
	margin: 0;
	padding: 4pt 2pt;
	color: #999999;
	float: left;
	list-style: none;
	background-color: #222222;
}

#header-links form {
	float: left;
	margin-top: 2px;
}

#header-links form select,
#login-box form input[type="submit" i],
#header-links form input[type="submit" i] {
	border-radius: 6px;
	background-color: #f1efe8;
}

#login-box form input[type="submit" i]:hover,
#header-links form input[type="submit" i]:hover {
	background-color: #e5e3d1;
	cursor: pointer;
}


#header-links LI {
	list-style: none;
	float: left;
	position: relative;
	padding: 6px 10px;
	border-right: 1px dotted #4f3c20;
}

#header-links LI SPAN {
	color: #f9bc67;
	font-weight: bold;
}

#header-links LI LI {
	border: none;
	position: static;
	float: none;
}

.header-click:hover {
	background-color: #2A2A2A;
}

#header-links A {
	color: white;
	text-decoration: none;
}

#header h1 {
	margin: 0px;
}

#footer {
	margin-left: auto;
	margin-right: auto;
	display: block;
	text-align: center;
	font-size: 9pt;
}

#footer LI {
	list-style: none;
	display: inline;
	border-left: 1px dotted #4f3c20;
	padding-left: 5pt;
	padding-right: 5pt;
}

#footer LI:first-child {
	border-left: none !important;
}

/* -------------------------------------------------------------------
 * SIDEBAR
 */

#sidebar {
	float: right;
	width: 25%;
	min-width: 160pt;
	background-color: #fffefd;
	padding-left: 10pt;
	border-left: 1px dotted #4f3c20;
	margin: 10pt 0 10pt 20pt;
}

@media (max-width: 760px) {
	#sidebar {
		float: none;
	}
}

.sideitem {
	cursor: pointer;
	padding: 3pt 5pt;
	margin: 0 0 3pt 0;
}

.sideitem:hover {
	background-color: #f1efe8;
}

.sideitem H2 {
	font-weight: normal;
	font-size: 15pt;
	margin: 0 0 3pt 0;

}

.sideitem A {
	text-decoration: none;
	color: #706450;
}

.sideitem P {
	font-weight: normal;
	font-size: 9pt;
}

/* -------------------------------------------------------------------
 * INFORMATION TABLES
 */

TABLE.information {
	border: none;
	border-collapse: collapse;
	margin-left: 1em;
}

TABLE.information TD {
	padding: 0.1em 0 0.1em 0.5em;
	color: inherit;
	vertical-align: top;
}

TABLE.information H3  {
	font-weight: normal;
	margin: 0;
	font-size: 11pt;
	color: inherit;
}

TABLE.information P {
	margin-right: 0.5em !important;
	margin-left: 0px !important;
	margin-bottom: 0px !important;
	font-size: 9pt;
	color: inherit;
}

TABLE.information TR {
	color: black;
}

.field {
	font-weight: bold;
}


/* -------------------------------------------------------------------
 * FORM
 */

SELECT,
INPUT[type='text'],
INPUT[type='password'],
TEXTAREA,
IFRAME {
	border: 1px solid #888888;
}

SELECT,
INPUT {
	font-size: 10pt;
	font-family: "trebuchet ms", helvetica, sans-serif;
	margin: 2px;
}

FORM {
	margin: 0px;
	padding: 0px;
}

TABLE.form {
	border-collapse: collapse;
}

TABLE.form LABEL {
	font-size: 9pt;
	line-height: 18pt;
}

TABLE.form TH LABEL {
	color: #4f3c20;
}

TABLE.form TH LABEL.required {
	font-weight: bold;
}

TABLE.form TH {
	padding-top: 5pt;
	text-align: right;
	vertical-align: top;
	padding-right: 5pt;
	padding-left: 10pt;
	font-weight: normal;
	white-space: nowrap;
}

.box TABLE.form TH {
	min-width: 80pt;
}

TABLE.form TH INPUT {
	margin-right: 0px;
}

TABLE.form TD {
	padding-top: 5pt;
	text-align: left;
	vertical-align: top;
	font-size: 10pt;
	padding-right: 10pt;
	padding-bottom: 5pt;
}

TABLE.form TD .form-details {
	font-size: 8pt;
	margin-left: 2pt;
}

TABLE.form THEAD {
	color: #4f3c20;
	font-weight: bold;
}

.inline-form {
	display: inline;
}

H2.form-divider {
	padding-top: 12pt;
	margin-top: 8pt;
	border-top: 1px dotted black;
}

/* -------------------------------------------------------------------
 * LOGIN
 */


#login-box {
	-moz-border-radius: 5pt;
	-webkit-border-radius: 5pt;
	background-color: #f1efe8;
	padding: 10pt;
	max-width: 320pt;
	font-size: 10pt;
	margin-left: auto;
	margin-right: auto;
}

#login-box TABLE.form {
	width: 100%;
}

#login-area INPUT {
	margin-right: 72px;
	width: 160px;
}

#login-area {
	background-color: #e5e3d1;
}

#login-box P {
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 1em;
}

#login-area TH {
	padding-top: 10pt;
	padding-bottom: 10pt;
}

#login-area TH LABEL {
	line-height: 22pt;
	white-space: nowrap;
}

#login-area TD {
	padding-top: 10pt;
	padding-bottom: 10pt;
	line-height: 22pt;
	white-space: nowrap;
	background-image: url("/static/oidc/images/logo-64-w-m.png");
	background-repeat: no-repeat;
	background-position: center right;
}

#login-box .hint {
	float: right;
	margin: 0px;
}

#login_remain {
	margin-top: 5px;
}

/* -------------------------------------------------------------------
 * HISTORY
 */

DIV.history {
	display: block;
	background-color: #f1efe8;
	margin: 0.5em;
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	width: 75%;
	max-width: 30em;
	padding: 5px;
	border: 1px solid #d9d4c3;
	cursor: pointer;
}

DIV.history:hover {
	background-color: #d9d4c3;
}

DIV.history H3 {
	font-weight: bold;
	font-size: 12pt;
	margin: 0px;
	white-space: nowrap;
}

DIV.history H3 A {
	color: #4f3c20 !important;
	text-decoration: none !important;
}

DIV.history P {
	margin: 0px;
	padding-left: 2pt;
	font-size: 9pt;
}

.history-icon {
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	background-color: white;
	height: 31.5pt; /* (P + H3) * 150% */
	width: 31.5pt;  /* (P + H3) * 150% */
	float: left;
	text-align: center;
	margin-right: 10px;
}

.history-icon TD {
	vertical-align: center;
}

.history-icon IMG {
	max-height: 32px;
	max-width: 32px;
}

IMG.history-delete {
	float: right;
	border: 0px;
	padding: 5px;
}

DIV.history .history-delete {
	visibility: hidden;
}

DIV.history:hover .history-delete {
	visibility: visible;
}

.value P {
	white-space: pre;
}