html
{
	cursor: default;
}
input[type="text"],
input[type="password"],
textarea
{
	cursor: text;
}
input[type="button"],
input[type="submit"],
input[type="checkbox"],
input[type="radio"],
select,
label
{
	cursor: pointer;
}

/* ----- PAGE LAYOUT ----- */

html
{
	background: #F4F0EA;
	color: black;
}

body
{
	margin: 0;
	padding: 0;
}
#outer-body
{
	width: 65em;
	max-width: 97%;
	margin: 20px auto;
	border: solid 2px white;
	background: #B8F0C0;
}

#head
{
	margin-top: 0.8em;
	background: #50C870;
	padding: 5px 0 0;
}
#logo
{
	text-align: center;
}

#navigation
{
	float: left;
	width: 15em;
}
#navigation div.inner
{
	padding: 2em 1em 1em;
}
#navigation a
{
	display: block;
	border: solid 0.07em #90A0C0;
	margin-bottom: 0.5em;
	padding: 0.2em 0.3em;
}
#navigation a.selected,
#navigation a.selected:hover
{
	background: #EFFFB0;
}
#navigation a:hover
{
	background: #d6f6da;
}
#content
{
	margin-left: 16em;
	margin-right: 1em;
	/*max-width: 50em;*/
}

body,
p,
td,
li,
input,
select
{
	font: 13px/130% Verdana, Arial Unicode MS, Arial, helvetica, sans-serif;
}

.italic
{
	font-style: italic;
}
.center
{
	text-align: center;
}

/*
.jswarning
{
	text-align: center;
	font-size: 0.9em;
	line-height: 120%;
	font-weight: bold;
	color: #FF3311;
	padding: 0.2em 0;
}
*/

#foot
{
	clear: both;
	margin-top: 2em;
	background: #50C870;
	padding: 0.4em;
	color: #303030;
	margin-bottom: 0.8em;
	font-size: 0.85em;
	text-align: center;
}

a,
label
{
	text-decoration: none;
	color: #1050E0;
}
a:visited
{
	color: #0c3baa;
}
a:hover,
label:hover
{
	color: #E05010;
}
a img
{
	border: 0;
}

h1
{
	font: 1.7em/100% Georgia, serif;
	color: #203060;
	padding: 0;
	margin: 1.1em 0 0.5em;
}

h2
{
	font: 1.45em/100% Georgia, serif;
	color: #203060;
	padding: 0;
	margin: 1.1em 0 0.5em;
}
h2 a
{
	color: #203060;
}

h3
{
	font: 1.2em/100% Georgia, serif;
	color: #203060;
	padding: 0;
	margin: 0.7em 0 0.4em;
}
h3 a
{
	color: #203060;
}

p.errorbox
{
	padding: 0.2em 0.4em 0.2em 26px;
	background: url(../img/icons/exclamation.png) #FFE5E0 0.3em 0.3em no-repeat;
	min-height: 18px;
	}
p.warningbox
{
	padding: 0.2em 0.4em 0.2em 26px;
	background: url(../img/icons/error.png) #FFF7E0 0.3em 0.3em no-repeat;
	min-height: 18px;
	}
p.donebox
{
	padding: 0.2em 0.4em 0.2em 26px;
	background: url(../img/icons/tick.png) #E8FFEA 0.3em 0.3em no-repeat;
	min-height: 18px;
	}
p.infobox
{
	padding: 0.2em 0.4em 0.2em 26px;
	background: url(../img/icons/information.png) #EEF7FF 0.3em 0.3em no-repeat;
	min-height: 18px;
	}

small
{
	font-size: 0.85em;
	color: #606060;
}

table
{
	border-spacing: 0;
}
table th
{
	text-align: left;
	font-weight: normal;
	font-style: italic;
}
table th,
table td
{
	vertical-align: top;
	padding: 0;
}
table tr.bottom td
{
	vertical-align: bottom;
}

table.full-width
{
	width: 100%;
}

table.fifty-fifty
{
	width: 100%;
}
table.fifty-fifty td
{
	width: 50%;
}
table.fifty-fifty td h3
{
	margin-top: 0;
}
table.fifty-fifty td.left
{
	padding: 0 1em 0 0;
}
table.fifty-fifty td.right
{
	padding: 0 0 0 1em;
}

table.with-padding th,
table.with-padding td
{
	padding-right: 1em;
}
table.with-padding th.rightmost,
table.with-padding td.rightmost
{
	padding-right: 0;
}

/* ----- FORMS ----- */

form
{
	display: inline;
}

input[type="text"],
input[type="password"],
textarea
{
	border: solid 0.07em #90A0C0;
	padding: 0 2px;
	background: #d6f6da;
}

input[type="radio"],
input[type="checkbox"]
{
	margin: 0 4px 0 0;
}

input.checkError,
textarea.checkError
{
	background: #FFDDD0;
}

input[type="button"],
input[type="submit"]
{
	border: solid 0.07em #C4C4C4;
	background: #DDDDDD;
	padding: 0px 2px;
	margin: 1px 0;
	color: #0005D4;
	/*-moz-border-radius: 4px;*/
}
input[type="button"]:hover,
input[type="submit"]:hover
{
	border: solid 0.07em #606060;
}
input[type="button"].default,
input[type="submit"].default
{
	font-weight: bold;
}

select
{
	border: solid 0.07em #90A0C0;
	padding: 0;
}

