@import url("not-for-ie.css") screen,projection;

/* Begin styles common to all pages */

html { margin: 0; padding: 0; }
body { margin: 0; padding: 10px 0; background-color: #b0b0b8; color: #333; }

.small { font-size: 11px; }

h1, h2, body, p, ul, ol, blockquote, td, th {
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

body {
	font-size: 13px;
}

p, ul, ol, blockquote, td, th {
	font-size: 13px;
	line-height: 17px;
}

p, ul {
	margin: 10px 0 14px 0;
}

legend {
	font-size: 15px;
}

select, input, textarea {
	font-size: 11px;
	font-family: "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
}

select {
    padding: 3px;
}

input[type=text], input[type=password], textarea {
    border: 1px solid #b0b0b8;
    padding: 3px;
}

hr, h1, h2, h3 { color: #6c6a82; font-weight: normal; }
h1 { font-size: 20px; margin-top: 0; }
h2 { font-size: 15px; }
h3 { font-size: 13px; }

hr { background-color: #003f75; height: 2px; }

#warning { color: #f00; }

a { color: #03C; background: inherit; }
a:hover { color: #fff; background: #03C; }

a.delete { color: #f00; font-weight: bold; }
a.delete:hover { text-decoration: line-through; background: #f00; color: #fff; }

div#infomessage {
	border: 1px solid #829bbc;
	background-color: #d9e4f3;
	color: #f00;
	font-weight: bold;
	padding: 5px; margin: 5px 0;
}
div.helpmessage {
	border: 1px solid #829bbc; background-color: #d9e4f3;
	color: #000; padding: 5px; margin: 5px 0;
	overflow: auto;
}


/* End styles common to all pages */




/* Begin error styles */

#errorBoxMenu {
	width: 176px;
	background-color: #fff;
	border: 2px solid #000;
	font: 700 13px Verdana, Arial, Helvetica, sans-serif;
	color: #f00;
}

#errorBoxMasthead {
	width: 200px;
	background-color: #fff;
	border: 2px solid #000;
	font: 700 13px Verdana, Arial, Helvetica, sans-serif;
	color: #f00;
}

/* End error styles */

/* Begin login styles */

#loginBoxHeader {
	font: 700 13px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
}

#loginBoxTop {
	background-color: #003f75;
	border: 1px solid #003f75;
}

#loginBoxBottom {
	background-color: #5e90c4;
	border-top: 1px solid #003f75;
}

.loginBoxText {
	font: 700 11px Verdana, Arial, Helvetica, sans-serif;
	color: #000;
}

#loginMsg {
	font-family: 700 13px Verdana, Arial, Helvetica, sans-serif;
	color: #f00;
}

/* End login styles */

/* Begin form styles */

form {
	overflow: auto;
}

td form {
    overflow: hidden;
}

textarea.smalltext { width: 350px; height: 50px; }
textarea.mediumtext { width: 400px; height: 100px; }
textarea.largetext { width: 450px; height: 150px; }
textarea.supersize { width: 620px; height: 350px; font-size: 11px; line-height: 14px; }
.editor { font-family: 'Monaco', 'Courier New', 'Courier'; }

fieldset, legend { margin-bottom: 10px; border: none; }
fieldset { padding: 10px; background: #e6eefa; }
legend { padding: 0; margin: 0; color: #000; font-weight: bold; /*background-color: #F0F0F0; */}

fieldset h2 {
	margin-top: 0;
}

form dt {
	clear: both;
	/*width: 25%;*/
	width: 160px;
	float: left;
	text-align: left;
}

form dd {
	float: left;
	width: 620px;
	/*width: 74%;*/
	margin: 0 0 0.5em 0.25em;
}

form dt:hover { color: #000; }

/* End form styles */

/* Begin table styles */

th { font-weight: bold; text-align: left; }
tr.a { background-color: #fff; }
tr.b { background-color: #edf3fe; }
table.tabulated { border-collapse: collapse; margin-bottom: 10px; }
.tabulated td, .tabulated th { padding: 0px 6px; border: 1px solid #ccc; }


/* End table styles */


.panel {
	padding: 10px;
	margin-bottom: 10px;
}

.panel h2 { margin-top: 0; }

.odd {
	background-color: #e6eefa;
}

.even {
	background-color: #d9e4f3;
}


/* Begin masthead styles */

#masthead {
	top: 0; left: 0;
	width: 100%; height: 120px;
	margin: 0; padding: 0;
	background: #6c6a82;

	width: 881px;
	height: 124px;
	padding-top: 25px;
	padding-left: 17px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/mastheadbg.png);
}

#mastheadTitleContainer {
	width: 100%;
	height: 20px;
}

#mastheadTitleOffset {
	float: right;
	margin-right: 30px;
	margin-top: -20px;
	font-size: 15px;
	color: #fff;
}

#mastheadTitleCentred {
	height: 20px;
	font: 700 13px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
}

#mastheadLogin {
	margin-left: 30px;
	width: 260px;
	height: 18px;
	padding-top: 2px;
	font-size: 11px;
	color: #fff;
	text-align: left;
}
#mastheadLogin a {
	color: #fff;
}
#mastheadLogin a:hover {
	color: #000;
	background: #ffc;
}

/* End masthead styles */

/* Begin menu absent styles */

div#menuAbsent {
	margin-top: 0px;
}

/* End menu absent styles */

#wrapper {
	width: 898px;
	margin-left: auto;
	margin-right: auto;
	background-image: url(/images/wrapperbg.png);
}

/* Begin menu present styles */

body#leftBorderBg {
	margin: 0;
}

div#menuPresent {
	background-image: url(/images/wrapperbg.png);
	width: 838px;
	background-color: #fff;
	margin: 0px 0;
	padding: 18px 30px;
}

/* End menu present styles */

/* Begin menu styles */

ul#mainmenu {
	list-style: none;
	height: 35px;
	padding: 1px 0 0 10px;
	margin: 0;
	background-image: url(/images/menubg.png);
}

#mainmenu li { float: left; margin: 0 3px 0 0; padding: 0; }

#mainmenu a { display: block; background: #58576b;
    background: transparent; padding: 0 8px;
    color: #fff; text-decoration: none;
	font-size: 16px;
	line-height: 34px; height: 34px; }
#mainmenu a:hover { background: #474859; color: #fff; }

#footer {
    width: 898px;
    height: 25px;
    background-image: url(/images/footer.png);
    margin-left: auto;
    margin-right: auto;
}

/* End menu styles */