html 	{
		height:100%;
		}

body 	{
		width: 100%;
		height:100%;
		margin:0;
      		padding:0;
      		font-family: Verdana;
      		font-size: 10px;
		}
		
h1 {		
		color: #f89600;
		font-size: 250%;
		}
		
a {		
		color: #f67800;
		font-weight: bold;
		text-decoration: none;
		}
		
a:hover {
		text-decoration: underline;
		}
		
a img {		
		border: none;
		}
.textfield {
		width: 60%;
	}
		
.clickable {
		cursor: pointer;
	}
	
textarea {
		width: 80%;
		height: 140px;
		}

#header {
		width: 100%;
		height: 75px;
		background-image:url(../images/header_bg.gif);
		background-repeat: repeat-x;
		clear: both;
		}

#headerbar {
		float: left;
		width: 400px;
		background-color: #B064bc;
		height: 22px;
		}
		
#headerbar div {
		float: left;
		
		background-repeat: no-repeat;
		margin: 5px 14px 0px 14px;
		}
		
#headerbar div a {
		color: #ffffff;
		padding: 0px 0px 0px 15px;
		}
		
#toolbar 	{
		height: 22px;
		margin: 0px;
		padding: 0px;
		position:absolute;
		right: 0px;
		top: 53px;
		}
#toolbarcorner	{
		background-image:url(../images/toolbar_corner.gif);
		background-repeat: no-repeat;
		margin-left: 0px;
		display: block;
		float: left;
		height: 22px;
		width: 21px;
		}

#backbutton {
		background-image:url(../images/back_button.gif);
		}
	
#homebutton {
		background-image:url(../images/home_button.gif);
		}

#printbutton {
		background-image:url(../images/print_button.gif);
		}
		
#settingsbutton {
		background-image:url(../images/settings_button.gif);
		}
		
#logoutbutton {
		background-image:url(../images/logout_button.gif);
		}
		
#logo {
		width: 324px;
		height: 66px;
		/*position: absolute;
		left: 0px;
		top: 0px;*/
		background-image:url(../customisation/images/logo.gif);
		background-repeat: no-repeat;
		margin: 0px 0px 0px 20px;
		}
		
#navbar .container{	
		border-bottom: 2px solid #bfc3ce;
		}

#navbar {
		width: 198px;
		background-color: #bfc3ce;
		height: 100%;
		display: block;
		margin: 2px 2px 0px 0px;
		border: 2px solid #bfc3ce;
		}
		
#userbar {
		height: 27px;
		margin: 0px;
		border: 1px solid #ffffff;
		background-color: #f2f3f7;
		background-image:url(../images/user.gif);
		background-repeat: no-repeat;
		background-position: 10px;
		padding: 0px 0px 0px 32px;;
		}
		
		
#errorbox {
		background-image:url(../images/error_icon.gif);
		background-repeat: no-repeat;
		background-position: 10px 10px;
		border: 1px solid #fe0000;
		background-color: #ffa6a6;
		margin: 0px 0px 15px 0px;
		display: inline-block;
		padding: 15px 5px 5px 45px;
}

#errorbox ul {
		padding: 0px 0px 0px 20px;
		margin: 0px;
		color: red;
}

#errorbox li {
		padding: 0px;
		margin: 0px;
}


div.usertext {
		position: relative;
		top: 7px;
		}
		 
#navbar .navitem {
		background-image:url(../images/nav_item_bullet.gif);
		background-repeat: no-repeat;
		background-position: 0% 50%;
		display: block;
		padding: 2px 0px 2px 0px;
		}
		
.navitem a {
		color: #000000;
		padding: 0px 0px 0px 9px;
		position: relative;
		font-weight: normal;
		}

#navbar .internalcontainer {
		border: 1px solid #ffffff;
		background-color: #f2f3f7;
		padding: 6px 0px 6px 9px;
		}

#navbar .navtitle {
		height: 16px;
		background-image:url(../images/navbar_title_bg.gif);
		background-repeat: repeat-x;
		display: block;
		color: #7e2d8a;
		padding: 6px 0px 0px 10px;
		margin: 0px;
		font-weight: bold;
		font-size: 10px;
		}
		
#contentarea {
    height: 100%;
		padding: 10px 20px 0px 10px;
		background-color: #f3f4f8;
		border-top: 2px solid #ffffff;
		background-image:url(../images/content_bg.gif);
		background-repeat: repeat-x;
		margin: 0px 0px 0px 0px;
		
		
		}
		
form.tableform {
		margin: 0px;
		padding: 0px;
		float: left;
		display: inline;
		clear: none;
		background-color: white;
		width: 100%;
		}
		
table.dbtable {
		margin: 0px;
		padding: 0px;
		width: 100%;
		background-color: white;
		}
		
.dbtable td {
		background-color: #dfe2eb;
		padding: 0px 0px 0px 7px;
		height: 20px;
		}

td.header {
		background-image:url(../images/table_header_bg.gif);
		background-repeat: repeat-x;
		background-color: #f79500;
		padding: 0px 4px 0px 7px;
		color: #ffffff;
		
		}
		
img.sorticon {
		vertical-align: middle;
		margin: 0px 0px 0px 3px;
	}
		
td.sheader {
		background: #F79700;
		color: #ffffff;
		padding: 3px 7px 0px 7px;
	}
td.header a {
		color: #ffffff;
}

td.tag {
	padding: 3px 7px 3px 7px;
}

div.tablesummary {
		font-weight: bold;
		padding-bottom: 8px;
		}

div.surround {
		height:158px;
	}
div.eframe {
		width: 100%;
		height: 158px;
		overflow: auto;
		}
		
#loginbox {
		border: 1px solid #929294;
		width: 301px;
		position: relative;
		top: 60px;
}

#loginimage {
		background-image:url(../images/loginimage.jpg);
		background-repeat: no-repeat;
		width: 299px;
		height: 155px;
		margin:  1px;
		}

#logintext {
		background-image:url(../images/table_header_bg.gif);
		background-repeat: repeat-x;
		height: 20px;
		margin:  1px;
		color: #ffffff;
		font-weight: bold;
		padding: 2px 4px 0px 7px;
}

#loginform {
		background: #F3F4F8;
		padding: 0px 0px 0px 64px;
		
		
}

#loginbutton {
		position: relative;
		top: 0px;
		left: 110px;
		width: 40px;
	}
	
#loginform.finput {
		width: 150px;
	}

#leftTree {
		width: 150px;
		float: left;
		height: 100%;
		border-right: 1px solid #000000;
		padding: 0px 5px 0px 0px;
		
}

#treeDivRight {
		float: left;
		width: 75%;
		padding: 0px 0px 0px 10px;
		
}