@charset "utf-8";
/* CSS Document */

body  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #fff;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}

img {
	border:0;
	}
	
#container { 
	width: 667px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
	border-bottom: 1px solid #808080;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

#logo {
	border-bottom: 1px solid #808080;
}
#header {
	height:134px; 
	border-bottom: 1px solid #808080;
	background-image:url(../images/header.jpg);
} 

.structuralLabel {
	left:-5000px;
	overflow:hidden;
	position:absolute;
	width:4000px;
}
h1 {
	font-size:18px;
	}

#sidebar1 {
	float: left;
	padding: 0;
}

#navigation { width: 134px; }

#navigation ul {
	margin: 0;
	padding-left: 0;
	list-style-type: none;
	font-size:9px;
}

#navigation a {
	display: block;
	padding: 4px 3px 4px 20px;
	width: 113px;
	background-color: #d1d2d4;
	border-bottom: 1px solid #fff;
}

#navigation a:link, #navigation a:visited {
	color: #797a7b;
	text-decoration: none;
}

#navigation a:hover, #navigation a.current {
	background-color: #a3a5a8;
	color:#FFFFFF;
}

#navigation a.secure {
	background-color:#9a8b7d;
	color:#FFFFFF;
	}


#rightContent {
	float: right;
	width: 132px;
	
}

#rightContent img{
	border-bottom: 1px #fff solid;
}


#mainContent { 
	margin: 0 0 0 136px; 
	border-left: 1px solid #808080;
} 

#mainContent .typography {
	padding: 40px 20px 0 20px;
}

#mainContent.withRightPanel {
	margin-right:132px;
	border-right: 1px solid #808080;
	}

#login {
	border-bottom: 1px solid #808080;
	font-size:9px;
	color:#a3a5a9;
	padding: 10px 0 0 20px;
	background-color:#fff;
}

#login p {
	margin:0;
	}

#login form {
	padding: 0;
	margin: 0;
}

#login input {
	font-size:10px;
	width: 85px;
	maring-left:7px;
	margin-right:10px;
}

#login .button {
	background: #ee6600;
	border-bottom:1px #d95201 solid;
	border-right:1px #d95201 solid;
	border-left:1px #d95201 solid;
	border-top:1px #e58851 solid;
	width:44px;
	text-align: center;
	vertical-align:top;
	color: #ffffff;	
	padding:1px;
}

#login a {
	color:#a3a5a9;
	text-decoration: underline;
}

#login a:HOVER {
	text-decoration: underline;	
}

#contentContainer {
	background:url(../images/background.gif);
}

#contentContainer.withRightPanel {
	background:url(../images/backgroundRH.gif);
}

#moreInformation {
	padding-top:20px;
	}

#footer { 
	padding: 60px 0 0 0;
} 


#leftFooter {
	float: left;
	padding: 60px 0 0 18px;
	width:130px;
}

#centreFooter {
	margin: 0 140px 0 157px;
	padding-top:50px;
}

#rightFooter {
	float: right;
	width: 132px;
	background:url(../images/copyright.gif);
	height:90px;
}



#NewsList ul {
	list-style:none;
}

#NewsList li {
	padding-top:10px;
	margin-left:0;
	}

table.login td{
	border:0;
	}

table.datatable {
	background-color:#FFFFFF;
	/*overflow: hidden; sc added 30/09/08*/
    word-wrap: break-word; /*sc added 30/09/08*/
	}
table.datatable th {
	border:1px solid #999999;
	background-color:#228B79;
	color:#FFFFFF;
	text-align:left;
	padding-left:2px;
		}
		
table.datatable th a {
	color:#FFFFFF;
		}		

.navbar {
	font-size:11px;
	}
.right { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.left { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

#content___Frame {
	width:388px;
	height:240px;
}

/*Activity Report Styles*/
.filter {
	height:16px;
	clear:right;
	}

.filter_button_wrapper {
	clear:right;
	}
.filter label{
	color:#4D4D4D !important;
	font-size:11px !important;
	}

.filter select {
	width:250px;
	float:right;
	}

#activityReport th{
	font-weight:normal;
	padding:2px;
	vertical-align:bottom;
	background-color:#228B79;
	color:#fff;
	border:1px solid #999999;
	}
	

.OddRow {
	background-color:#FFFFFF;
	}
.evenRow {
	background-color:#CCCCCC;
	}

#main_level1 {
	font-size:11px;
	}