html {
	margin: 0;
	padding: 0;
	font-size: 10pt;
	font-family: Arial, Sans-Serif;
	background: top left url("page-bg.png") repeat-x #ffffff;
	height: 100%;
	overflow-y: scroll;
}

body {
	margin: 0 auto;
	width: 930px;
	padding: 0 10px 10px 10px;
	background: #ffffff;
	-moz-box-shadow: #000000 0 0 35px 5px;
	-webkit-box-shadow: #000000 0 0 35px 5px;
	box-shadow: #000000 0 0 35px 5px;
}

:link, :visited {
	color: #397389;
}
:link:hover {
}

.header, .nav {
}

.header, .nav {
}

#website-header {
	width: 100%;
}

#website-header-logo
{
	text-align: left;
	vertical-align: middle;
}

#website-header-buttons 
{
	text-align: right;
	vertical-align: top;
}

#website-header img {
	vertical-align: top;
	padding-top: 10px;
}
#website-header-buttons  a {
	text-decoration: none;
	display: inline-block;
	background: url(button_grey_inside.png) repeat-x top left #797900;
	vertical-align: top;
	margin: 36px 5px 35px;
	padding: 3px 40px 0;
	color: #ffffff;
	height: 18px;
	font-size: 9pt;
	cursor: pointer;
	border: 1px solid #686868;
	border-top-color: #949494;
}
#website-header-buttons  a:active 
{
	background: #686868;
}
#website-header-buttons a#website-logout-link:active 
{
	background: #427b8e;
}
#website-header-buttons a#website-logout-link 
{
	background: url(button_blue_inside.png) repeat-x top left #797900;
	border-color: #427b8e;
	border-top-color: #6ea5ba;
}

#website-main-menu {
	height: 37px;
	background: url(menu-bg.png);
	vertical-align: middle;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	margin: 0 0 15px 0;
}
#website-main-menu td {
	padding: 0;
	border-left: 1px solid #d4d4d4;
}
#website-main-menu td.first+td
{
	border-left: none;
}
#website-main-menu td.first {
	background: left top url("menu-left.png") no-repeat;
	border-left: none;
}
#website-main-menu td.last {
	background: right top url("menu-right.png") no-repeat;
	border-left: none;
}
#website-main-menu a.selected {
	color: #00b4ee;
}
#website-main-menu a:hover {
	color: #000000;
}
#website-main-menu a {
	display: block;
	color: #656565;
	text-decoration: none;
	height:37px;
	line-height:35px;
}

#website-footer {
	padding-top: 30px;
	clear: both;
	text-align: right;
	position: absolute;
	font-size: 9pt;
	color: #656565;
	left: 0;
	right: 0;
	vertical-align: middle;
	width: 930px;
	margin: 0 auto;
}
#website-footer p, #website-footer img
{
	vertical-align: middle;
	overflow: hidden;
}
#website-footer #website-poweredby 
{
	float: left;
}

#HomeNavMenu {
	width: 100%;
	border-collapse: collapse;
	margin: 20px 0;
}

#HomeNavMenu td a {
	padding: 50px 0;
	display: block;
}
#HomeNavMenu td:hover {
	background-color: #fefefe;
}
#HomeNavMenu td {
	border: 1px solid #bcd8e6;
	text-align: center;
	vertical-align: middle;
	background-color: #f5f9fc;
}

#website-breadcrumbs {
	color: #a9a9a9;
	text-align: right;
	font-size: 10pt;
}

#website-body {
	padding: 0 0 10px 0;
	overflow: hidden;
}

/* Moved to shared */
#website-body h2 {
	color: #686868;
	background-color: #dcdcdc;
	border: 3px double #ffffff;
	border-bottom: none;
	border-right: 1px solid #cfcfcf;
	font-weight: bold;
	font-size: 12pt;
	padding: 3px 10px;
	margin: 10px 0 0 -1px;
}

#website-body div.form input {
	margin-left: 15px;
}
#website-body div.form {
	background-color: #606060;
	padding: 5px;
	color: #ffffff;
}
p {
	overflow: hidden;
	margin: 10px 0;
}
p label {
	display: block;
	width: 133px;
	float: left;
	padding-top: 3px;
	padding-left: 12px;
}

p input[type=text], p input[type=password], p textarea
{
    width: 150px;
}

p select
{
    width: 156px;
}

input[type=text][readonly] {
	color: #808080;
}

table.table {
	width: 100%;
	border: none;
	border-top: 1px solid #bfd6e6;
	border-left: 1px solid #bfd6e6;
	border-collapse: separate !important;
	border-spacing: 0;
}

table.table > tbody > tr:nth-child(even)
{
    background-color: #ffffff;
}

table.table > tbody > tr:nth-child(odd)
{
    background-color: #f5f9fb;
}

table.table > tbody > tr.warning > td
{
    background-color: #ffc0c0;
}
table.table > tbody > tr.inactive > td
{
    background-color: #d8d8d8;
}

table.table td {
	padding: 4px 8px;
	color: #337985;
	border: none;
	border-bottom: 1px solid #bfd6e6;
	border-right: 1px solid #bfd6e6;
}

table.table th {
	background-color: #d0e4ed;
	color: #347392;
	font-weight: bold;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background: #c7dfe9 url("table-th-bg.png") top left repeat-x;
}


.calendar 
{
}

table.columns
{
    width: 100%;
}

table.columns td 
{
    width: 50%;
}

table.layout 
{
    margin: 0;
    border-collapse: collapse;
    border: none;
    width: 100%;
}
table.layout > tbody > tr > td + td
{
    padding-left: 1em;
}
table.layout > tbody > tr > td 
{
    vertical-align: top;
    padding: 0;
    margin: 0;
    width: 50%;
}
table.layout > tbody > tr
{
    padding: 0;
    margin: 0;
}


.date 
{
}

div.miniform 
{
    background-color: #C3E6F6;
    width: 330px;
    margin: 10px auto;
    padding: 5px 25px;
    -moz-border-radius: 15px;
}

input[type="submit"] 
{
    border: 1px solid #7b7b7b;
    background-color: #8d8d8d;
    background: #8d8d8d url(button_grey_inside.png) top repeat-x;
    color: #ffffff;
    height: 22px;
    cursor: pointer;
    min-width: 130px;
    text-align: center;
}
* + html input[type="submit"] 
{
    width: 130px;   /* IE 7 seems to need an explicit width before it honours text-align */
}

.ValidationMessage:before
{
    content: "";
    display: block;
}

.buttongroup 
{
    display: block;
    width: 300px;
    text-align: right;
}

.navlist 
{
    display: block;
    margin: 0;
    padding: 0;
}
.navlist li 
{
    padding: 0;
    margin: 12px;
    display: block;
    list-style: none;
}

.catelogue
{
    display: block;
    padding: 0;
    margin: 0;
}
.catelogue li 
{
    display: block;
    list-style: none;
    background-color: #578494;
    color: #ffffff;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #3b5a65;
    border-right: 1px solid #3b5a65;
    border-top: 1px solid #8aa9b4;
    border-left: 1px solid #8aa9b4;
}

.catelogue li h3
{
    padding: 0;
    margin: 0;
}

#website-main-menu .current_section 
{
	background: url(menu-active-bg.png);
}

.section 
{
    border: 1px solid #CFCFCF;
    margin-top: 10px;
    min-height: 100%;
}
#website-body .section h2 
{
    margin: 0;
    border: 1px solid white;
    border-right: none;
    border-bottom: none;
}
input[type=submit] 
{
    width: 155px;
}