* {
	padding: 0;
	margin: 0;
}

h2
{
	font-size: 15px;
	color: #000000;
	font-weight: 700;
}

#container {
	position: relative;
	margin: 0 auto;
	width: 1024px;
	font-family: verdana;
}

.logo {
	position: relative;
	float: left;
	width: 100px;
	height: 71px;
	background-image: url('../img/layouts/default/logo.gif');
	background-repeat: no-repeat;
}

.dragNDrop {
	position: relative;
	float: right;
	width: 904px;
	height: 78px;
	background-color: #ffffff;
}

.left {
	position: relative;
	float: left;
	height: 619px;
	width: 199px;
	margin: 0 0 0 0;
	padding: 20px 5px 20px 5px;
	background-image: url('../img/layouts/default/leftBackground.gif');
	background-repeat: repeat-y;
}
		div.searchField {
			float: left;
			width: 134px;
		}
		
		.left div.submit input {
			width: 60px;
			height: 23px;
			color: #ffffff;
			border: 0;
			font-weight: 700;
			font-size: 13px;
			background-image: url('../img/layouts/default/searchBackground.png');
			background-repeat: no-repeat;
			float: left;
		}
		
		.shortcutsContainer {
			width: 199px;
		}
		
				.shortcuts {
					width: 199px;
					background-color: #ffffff;
				}
		
						.shortcutContainer {
							padding: 10px;
							height: 10px;
							width: 170px;
							border-bottom: 1px solid #3a3a86;
							margin: 0 0 0 3px;
						}
								
								.shortcutIconContainer {
									float: left;
									width: 16px;
									height: 16px;
									margin: 0 5px 0 0;
								}
								
								.shortcutLinkContainer {
									float: left;
									width: 148px;
									height: 16px;
								}
								
								#shortcutLinkContainer a {
									color: #38427e;
									font-size: 12px;
									font-weight: 700;
									text-decoration: none;
								}
		

.content {
	position: relative;
	float: left;
	width: 815px;
	background-color: #e7f2f5;
	padding: 0 0 50px 0;
}

		.breadcrumbs {
			margin: 15px 0 20px 30px;
		}

				.breadcrumb-inactive {
					color: #3a3a86;
					font-size: 11px;
				}
				
				.breadcrumb-active {
					color: #3a3a86;
					font-size: 13px;
					font-weight: 700;
				}
				
				.crumbDivider {
					color: #3a3a86;
					font-size: 13px;
				}
		
		#tabContainer
		{
			margin: 20px 0 0 0;
		}
		
		.contentContainer
		{
			background-color: #d1ddea;
			padding: 5px;
			float: left;
			margin: 0;
			width: 766px;
		}
		
				.contentContainer div.tabContent {
					/*width: 686px;*/
					width: 726px;
					clear: both;
					margin: -3px 0 0 0;
					background-color: #ffffff;
					padding: 20px;
				}

				div.labelContainer {
					width: 110px;
					float: left;
					clear: left;
					font-size: 11px;
					margin: 3px 0 10px 0;
				}
				
				div.inputContainer {
					width: 201px;
					float: left;
					margin: 0 0 13px 0;
					font-size: 11px;
				}
				
				div.inputContainer input {
					width: 196px;
				}
				
				div.inputContainer textarea {
					width: 196px;
				}
				
				.content div.submit {
					float: left;
				}
				
				.content div.submit input {
					width: 92px;
					height: 32px;
					color: #ffffff;
					border: 0;
					padding: 0 0 0 20px;
					font-weight: 700;
					font-size: 13px;
					background-image: url('../img/layouts/default/saveBackground.png');
					background-repeat: no-repeat;
					float: right;
					cursor: pointer;
				}
				
				.content tr.uneven {
					background-color: #f1f1f1;
					border-bottom: 1px solid #ffffff;
				}
				
				.content tr.even {
					background-color: #f7f7f8;
					border-bottom: 1px solid #ffffff;
				}
				
				.content tr.unevenMouseOver {
					background-color: #dcdcfb;
					border-bottom: 1px solid #ffffff;
				}
				
				.content tr.evenMouseOver {
					background-color: #dcdcfb;
					border-bottom: 1px solid #ffffff;
				}
				
				#dataContainer tr.unevenMouseOver, .content tr:hover  {
					background-color: #dcdcfb;
					border-bottom: 1px solid #ffffff;
				}
				
				.content th, .content th a {
					color: #3a3a86;
					font-size: 12px;
					font-weight: 700;
					text-align: left;
					padding: 0 20px 0 0;
				}
				
				.content th a {
					float: left;
				}
				
				.content td {
					font-size: 11px;
					color: #161664;
					padding: 4px 20px 4px 0;
				}


		#largeContentWrapper {
			width: 700px;
			margin: 0 0 0 20px;
		}

				#largeContentWrapper div.inputContainer {
					width: 401px;
					float: left;
					margin: 0 0 13px 0;
				}
				
				#largeContentWrapper div.inputContainer input {
					width: 396px;
				}
				
				#largeContentWrapper div.inputContainer table {
					width: 396px;
				}

/*****************************************/
/*
/*	Styling for all the action buttons
/*
/*****************************************/
.actionButtonsContainer {
	padding: 30px 40px 20px 20px;
	height: 32px;
}

.white
{
	background-color: #ffffff;
}

		#actionButton, #actionButtonExperienceAdd
		{
			float: left;
			background-repeat: no-repeat;
			cursor: pointer;
		}
		
				#actionButton .text, #actionButtonExperienceAdd .text
				{
					margin: 8px 0 0 32px;
					color: #ffffff;
					font-size: 12px;
					font-weight: 700;
					float: left;
				}
				
				#actionButton.buttonLeft {
					float: left;
					margin: 0 5px 0 0;
				}
				
				#actionButton.buttonRight {
					float: right;
					margin: 0 0 0 5px;
				}
		
				.addButton {
					width: 112px;
					height: 32px;
					background-image: url('../img/layouts/default/addBackground.png');
				}
				
				.cancelButton {
					width: 112px;
					height: 32px;
					background-image: url('../img/layouts/default/cancelBackground.png');
				}
				
				.editButton {
					width: 112px;
					height: 32px;
					background-image: url('../img/layouts/default/editBackground.png');
				}
				
				.emailButton {
					width: 99px;
					height: 32px;
					background-image: url('../img/layouts/default/emailBackground.png');
				}
				
				.exportButton {
					width: 112px;
					height: 32px;
					background-image: url('../img/layouts/default/exportBackground.png');
				}
				
				.printButton {
					width: 121px;
					height: 32px;
					background-image: url('../img/layouts/default/button_print.png');
				}
				
				.deleteButton {
					width: 123px;
					height: 32px;
					background-image: url('../img/layouts/default/deleteBackground.png');
				}
				
				.toggleupButton {
					width: 157px;
					height: 32px;
					background-image: url('../img/layouts/default/toggleupBackground.png');
				}
				
				.toggledownButton {
					width: 175px;
					height: 32px;
					background-image: url('../img/layouts/default/toggledownBackground.png');
					display: none;
				}
				
				.assignButton
				{
					width: 175px;
					height: 32px;
					background-image: url('../img/layouts/default/button_assign.png');
				}
				
				.unassignButton
				{
					width: 200px;
					height: 32px;
					background-image: url('../img/layouts/default/button_unassign.png');
				}
				
				.searchButton
				{
					width: 119px;
					height: 32px;
					background-image: url('../img/layouts/default/button_search.png');
				}
		
/*****************************************/
/*
/*	Login / authentication
/*
/*****************************************/

.loginContainer {
	float: right;
	font-size: 11px;
}


				

				
/*****************************************/
/*
/*	Tabs for subnavigation
/*
/*****************************************/
				
.ui-tabs-hide { display: none; }

.ui-tabs-nav li {
	float: left;
	list-style: none;
	width: 125px;
	height: 30px;
	text-align: center;
	background-image: url('../img/navigation/subtab-inactive.png');
	background-repeat: no-repeat;
	background-position: bottom;
}

.ui-tabs-nav li .tabText {
	margin: 11px 0 0 0;
}

.ui-tabs-nav li.ui-tabs-selected {
	width: 145px;
	background-image: url('../img/navigation/subtab-active.png');
}

.ui-tabs-nav li.ui-tabs-selected .tabText {
	margin: 8px 0 0 0;
}

.ui-tabs-nav li a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}

.ui-tabs-nav li.ui-tabs-selected a {
	color: #404a86;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}


/*****************************************/
/*
/*	Mainmenu
/*
/*****************************************/
.mainMenu {
	position: relative;
	float: right;
	height: 30px;
	width: 816px;
	background-color: #ffffff;
	text-align: center;
}

#mainMenu .mainMenuItem-active {
	width: 145px;
	height: 30px;
	float: left;
	background-image: url('../img/layouts/default/active-tab.png');
	background-repeat: no-repeat;
}

#mainMenu .mainMenuItem-inactive {
	width: 115px;
	height: 30px;
	float: left;
	background-image: url('../img/layouts/default/inactive-tab.png');
	background-repeat: no-repeat;
	background-position: bottom;
}

#mainMenu .itemLinkContainer-active {
	margin: 5px 0 0 0;
}

#mainMenu .itemLinkContainer-inactive {
	margin: 10px 0 0 0;
}

#mainMenu .active-tab {
	font-weight: 700;
	color: #457c89;
	font-size: 18px;
	text-decoration: none;
}

#mainMenu .inactive-tab {
	font-weight: 700;
	color: #FFFFFF;
	font-size: 14px;
	text-decoration: none;
}

/*****************************************/
/*
/*	Tabs for subnavigation
/*
/*****************************************/
				
.ui-tabs-hide { display: none; }

.ui-tabs-nav li {
	float: left;
	list-style: none;
	width: 125px;
	height: 30px;
	text-align: center;
	background-image: url('../img/navigation/subtab-inactive.png');
	background-repeat: no-repeat;
	background-position: bottom;
}

.ui-tabs-nav li .tabText {
	margin: 11px 0 0 0;
}

.ui-tabs-nav li.ui-tabs-selected {
	width: 145px;
	background-image: url('../img/navigation/subtab-active.png');
}

.ui-tabs-nav li.ui-tabs-selected .tabText {
	margin: 8px 0 0 0;
}

.ui-tabs-nav li a {
	color: #ffffff;
	font-size: 11px;
	text-decoration: none;
}

.ui-tabs-nav li.ui-tabs-selected a {
	color: #404a86;
	font-size: 12px;
	font-weight: 700;
	text-decoration: none;
}
/*****************************************/
/* END
/*****************************************/

div#pager
{
	margin: 0 0 20px 20px;
	font-size: 0.8em;
}

div#pageSelector
{
	font-size: 0.8em;
	color: #596470;
	margin: 10px 0 0 20px;
}

div#pageSelector a
{
	color: #596470;
}

div#dataContainer
{
	margin: 0 0 0 10px;
	width: 700px;
}

.errorMessage
{
	color: #a62828;
	font-size: 0.8em;
}

form fieldset
{
	display: none;
}

/*****************************************/
/* AUTOCOMPLETE
/*****************************************/

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

/*****************************************/
/* END
/*****************************************/






/*****************************************/
/* CV STYLING
/*****************************************/
h1.print
{
	text-align: center;
	font-size: 1.3em;
	font-family: tahoma;
}

h2.print
{
	font-weight: 700;
	margin: 2em 0 1em 0;
	font-size: 1.1em;
	font-family: tahoma;
}

table.print
{
	width: 100%;
}

table.print td
{
	font-size: 1em;
	color: #000000;
	font-family: tahoma;
}

/*****************************************/
/* END
/*****************************************/