body {
	margin: 0;
	padding: 0;
	background-color: white;
	font: 11px/15px Verdana, sans-serif;
	color: #444;
}

img {
	border-style: none;
}

a:link, a:visited {
	text-decoration: none;
	color: #d63129;
	padding: 1px;
}

h4 a:link, h4 a:visited {
		color: #005473;
}

a:hover {
	background-color: #c0c8d1;
	color: #d63129;
}

/* @group footer */

div#pagefooter p {
	padding: 3px;
	text-align: center;
	margin: 0;
	color: white;
}

div#pagefooter a:hover {
	background-color: black;
	color: #d63129;
}

div#pagefooter a {
	color: white;
}



/* @end */

/* @group buttons */

form button{
    margin:0 7px 0 0;
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px;
}

.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
}

*:first-child+html button[type]{
    padding:4px 10px 3px 7px; /* IE7 */
}

button img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
}

/* POSITIVE */

button.positive{
    color:#529214;
}
button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
}

/* NEGATIVE */

button.negative{
    color:#d12f19;
}
button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
}

/* @end */

/* @group list */

div.listitem {
	border-top: 1px solid #ccc;
	padding-top: 5px;
	clear: both;
}

h4.list	 {
	position: relative;
	top: 6px;
}

p.listname {
	font-weight: bold;
	width: 40%;
	float: left;
}

p.listnamefull {
	width: 100%;
}

p.listdesc {
	font-size: 0.9em;
	font-style: italic;
	width: 60%;
	float: right;
}

p.listname a:link, p.listname a:visited {
	color: #444;
}

p.listname a:hover {
	color: #d63129;
}



/* @end */

/* @group content */

div#pagecontent p {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 10px;
}

div#pagecontent h4 {
	margin-top: 0;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-bottom: 5px;
	color: #005473;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
	line-height: 18px;
	clear: both;
}

div#pagecontent h4 span.staffdetails, div#pagecontent h1 span.staffdetails {
	font-size: 11px;
	color: #444;
	text-transform: none;
	font-weight: normal;
	font-style: normal;
}

div#pagecontent h1 {
	font-weight: bold;
	font-size: 14px;
	margin-top: 0;
	margin-bottom: 4px;
	padding-top: 0;
	padding-bottom: 6px;
	color: #005473;
	/*text-transform: uppercase;*/
	border-bottom: 1px solid black;
}

div#pagecontent ul.indexlist {
	margin: 0;
	list-style-type: none;
	padding: 0;
}

div#pagecontent ul.indexlist li {
	display: inline;
	margin-right: 0;
	margin-left: 0;
	padding-right: 5px;
	padding-left: 0;
}

div#pagecontent ul.columns li {
	width: 32%;
	vertical-align: top;
	padding-bottom: 5px;
	display: block;
	float: left;
}

div#contentend {
	clear: both;
}



/* @end */

/* @group form */

form {
	margin: 0;
	padding: 0;
}

div#pagecontent p.status {
	background-color: #fdc7c2;
	border: 1px solid red;
	padding: 2px;
	font-weight: bold;
	margin-bottom: 5px;
}

div.preview {
	padding: 10px;
	border: 1px solid #005473;
	background-color: #ebffff;
}

div#pagecontent p.form {
	padding-bottom: 5px;
	margin-left: 200px;
	clear: both;
}

label {
	width: 200px;
	float: left;
	clear: both;
	font-weight: bold;
	margin-left: -200px;
}



/* @end */

/* @group menu */

div#pagemenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#pagemenu li {
	display: block;
	padding: 3px;
	margin-bottom: 3px;
}

div#pagemenu li a:link, div#pagemenu li a:visited {
	color: #999;
}

div#pagemenu li a:hover, div#pagemenu li a.active, div#pagemenu li:hover a {
	color: #d63129;
}

div#pagemenu li:hover {
	background-color: #c0c8d1;	
	color: #d63129;
}



/* @end */

/* @group header */

div#headerlogo {
	float: left;
}

div#headermenu {
	float: right;
	margin-top: 17px;
}

div#headermenu a {
	margin-left: 10px;
}

div#headertitle {
	clear: both;
}



/* @end */

/* @group page */

div#pagemain {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
}

div#pageheader {
	height: 140px;
	float: left;
}

div#pagemenu {
	width: 159px;
	float: left;
	margin: 0;
	padding: 15px;
	border-right: 1px solid #ccc;
}

div#pagemid {
	float: left;
}

div#pagecontent {
	float: left;
	width: 578px;
	padding: 15px;
	border-left: 1px solid #ccc;
	margin: 0;
	position: relative;
	left: -1px;
}

div#pagefooter {
	background-color: black;
	margin: 0;
	padding: 0;
	clear: both;
	float: left;
	width: 100%;
}



/* @end */

/* @group tabs */

table.tabs {
	border-collapse: collapse;	
}

table.tabs td {
	background-color: #d8e2eb;
	border: 1px solid #ccc;
	padding: 2px;
}

table.tabs td.current {
	background-color: #005473;
	color: white;
}

table.tabs td.inactive {
	color: #888;
}

table.tabs a:hover {
	background-color: transparent;
}



/* @end */