/**
 * Witraz CMS Layout
 * 
 */

@import url(console.css);
@import url(scroll-rel.css);

body, table, input, textarea {
	font-family: Arial, Tahoma, Helvetica, Verdana, Sans-Serif;
}

body, table {
	font-size: 11px;
}

body {
	background-color: #cc3;
/*	filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#cccc33', endColorStr='#cccc33', gradientType='0'); */
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: #666; /* #508a9e */
	/* font-weight: bold; */
}

a:hover {
	/*font-weight: bold;*/
	/*color: #333;*/
	color: #6D2713;
}

#Description p a {
	color: #508a9e;
	font-weight: bold;
}

#Logo {
	width: 960px;
	height: 160px;
	text-align: right;
}

#Content, table.News, table.NewsOverview, table.Project, table.About {
	width: 960px;
	height: 264px;
	background-color: #fff;
	border: solid 1px #fff;
	border-collapse: collapse;
}

#Content div.FrontPageImage {
	overflow: hidden;
	width: 960px;
	height: 264px;
}

#WitrazMenu {
	margin-top: 16px;
	padding: 0;
	text-align: right;
	width: 100%;
	color: #fff;
}

#WitrazMenu td {
	font-size: 10px !important;
	padding-bottom: 8px;
}

#WitrazMenu td a.NoLink:hover {
	color: #000;
	cursor: text;
}

.News td.Image {
	width: 320px;
}

.News div.Image {
	overflow: hidden;
	width: 320px;
	height: 264px;
	background-color: #fff;
}

.News td.Description {
	width: 320px;
	height: 264px;
	vertical-align: top;
	padding: 16px;
}

.News div.Description {
	height: 232px;
	overflow: hidden;
	vertical-align: top;
}

.News td.List, .NewsOverview td.List {
	width: 320px;
	vertical-align: top;
	position: relative;
}

.News div.List, .NewsOverview div.List {
	position: relative;
	height: 232px;
	padding: 16px 16px 16px 32px;
}

.NewsOverview td.Image {
	width: 640px;
}

.NewsOverview div.Image {
	overflow: hidden;
	width: 640px;
	height: 264px;
	background-color: #fff;
}

.NewsOverview a.title, .News a.title, .Fact.Email a {
	color: #508a9e;
	font-weight: bold;
}

.Management {
	padding-top: 8px;
	font-weight: bold;
}

.Project td.Image, #Content td.Image {
	width: 640px;
}

.Project div.Image, #Content div.Image {
	overflow: hidden;
	width: 640px;
	height: 264px;
	position: relative;
}

.Project div.Image #Image table, #Content div.Image #Image table {
	width: 100%;
}

.Project td.Description, #Content td.Description {
	width: 320px;
	vertical-align: top;
}

.Project div.Description, #Content div.Description {
	position: relative;
	height: 232px;
	padding: 16px 16px 16px 32px;
}

.Project div.Description table {
	width: 100%;
}

.Project div.Description table object {
	width: 100%;
	height: 96px;
	border-width: 0;
}

.Project div.Description table img {
	display: none;
}

.About div.EmployeePageImage {
	z-index: 1;
	position: absolute;
}

.About td.EmployeesGrid {
	/*width: 640px;*/
	width: 686px;
	height: 264px;
}

.About div.EmployeesGrid {
	/*width: 640px;*/
	width: 686px;
	height: 264px;
}

.About .EmployeesGrid td {
	position: relative;
	text-align: center;
	vertical-align: middle;
}

.About .EmployeesGrid td div {
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
}

.About .EmployeesGrid td.Selected {
	
}

.About .EmployeesGrid div.Selected {
	position: relative;
	z-index: -1;
}

.About .EmployeesGrid td.NoEmployee {
	background-color: #cc3;
}

.About td.Employee {
	/*width: 320px;*/
	width: 274px;
	vertical-align: top;
	text-align: left;
	position: relative;
}

.About div.Employee {
	position: relative;
	height: 232px;
	padding: 16px 16px 16px 32px;
}

.About div.Employee div.Name {
	font-weight: bold;
}

.About td.Employee .Name {
	height: 16px;
}

.About div.Employee .Fact {
	padding-bottom: 4px;
}

.References .ProjectGroup {
	cursor: hand;
	margin-top: 8px;
	font-weight: bold;
}

.Employee .Authoring .Email table img, .Employee .Authoring .Description table img {
	display: none;
}

.Employee .Authoring .Email table object, .Employee .Authoring .Description table object {
	/*width: 272px;*/ /* 320 - 32 (left) - 16 (right) */
	width: 226px !important; /* 274 - 32 (left) - 16 (right) */
}

.Employee .Authoring .Description table object {
	height: 128px;
}

.Employee .Authoring .Email table {
	width: 100%;
}

.Employee div#wn, .Employee div#hold {
	width: 226px !important;
}

.Employee div#wn {
	clip: rect(0px, 226px, 232px, 0px); 
}

img#SelectedEmployee {
	position: absolute;
	width: 8px;
	height: 8px;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	
	border: solid 4px #6D2713;
}

.About td.EmployeeDescription {
	/*width: 320px;*/
	width: 274px !important;
	vertical-align: top;
}

.About div.EmployeeDescription {
	overflow: hidden;	
	height: 232px;
	margin: 16px;
}

#Menu {
	width: 960px;
}

#Menu td {
	vertical-align: top;
	font-size: 1.25em;
}

#Menu .Caption td, #Menu .Caption {
	text-transform: uppercase;
	/*font-weight: bold;*/
}

#Menu .Item td {
	font-size: 11px;
	text-align: left;
	position: relative;
	vertical-align: top;
	/*text-transform: lowercase;*/
}

#Menu .Projects, #Menu .About, #Menu div.Links {
	vertical-align: top;
	left: 0;
	top: 0;
	position: absolute;
}

#Menu .Caption td.nyheder {
	width: 237px;
}

#Menu .Caption td.projekter {
	width: 240px;
}

#Menu .Caption td.om {
	width: 229px;
}

#Menu .Caption td.links {
	width: 210px;
}

#Menu .Caption td.forside {
	text-align: right;
	width: 46px;
}

#Menu .SubMenu {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	overflow: visible;
	z-index: 1;
	white-space: nowrap;
}

#Menu table.SubMenu td {
	position: relative !important;
	left: 0 !important;
	white-space: nowrap;
	padding-right: 16px;
}

#Menu .projekter .SubMenu {
/*	left: 136px !important;*/
}

/* project names should be displayed using entered capitalization */
#Menu .projekter .SubMenu td {
	text-transform: none !important;
}

img {
	border-width: 0;
}

img.png {
	behavior: url(/pngbehavior.htc);
}

#Menu a:link {
	color: #f6f6f6;
}

#Menu a:visited {
	color: #fff;
}

#Menu a:hover {
	color: #000;
}

#Menu a.Selected {
	/*font-weight: bold;*/
	/*color: #6D2713;*/
	color: #000 !important;
}

#Menu a.Unselected {
	/*color: #4D0703;*/
	color: #fff;
}

#BrowseControl {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 640px;
	height: 16px;
	padding: 4px;
	text-align: right;
	z-index: 2;
}

img#DynamicImage {
	position: absolute;
	display: none;
	z-index: 1;
/*	filter: progid:DXImageTransform.Microsoft.Pixelate(maxSquare=16); */
/*	filter: progid:DXImageTransform.Microsoft.Slide(); */
	filter: progid:DXImageTransform.Microsoft.Fade();
}

.BrowseSequenceImage {
	width: 16px;
	height: 16px;
	behavior: url(/pngbehavior.htc);
}

.FactControl {
	padding-bottom: 8px;
}

.FactControl input, .FactControl textarea, .FactControl select {
	width: 100%;
}

.Fact .Title {
	font-weight: bold;
	color: #990;
}

.FactInfo {
	font-size: 0.8em;
	padding-bottom: 8px;
}

hr.Split {
	height: 1px;
	border: 1px solid #990;
}

div#ChannelMenu {
	width: 192px;
	height: 140px;
	z-index: 100;

	position: absolute;
	left: 0;
	top: 0;
}

div#holdsubmenu { 
	width: 192px;
	height: 140px;
	z-index: 100;

	position: absolute;
	left: 96px;
	top: 0;
}

div#wnsubmenu {
	position: absolute; 
	left: 0;
	top: 0; 
	width: 192px;
	height: 140px; 
	clip: rect(0px, 192px, 140px, 0px); 
	overflow: hidden;	
	z-index: 1; 
}

div#holdsubmenu div#up {
	position: absolute;
	right: 8px;
	top: -16px;
	z-index: 2;
}

div#holdsubmenu div#down {
	position: absolute;
	right: 8px;
	bottom: -16px;
	z-index: 3;
}

div#up {
	position: absolute;
	left: 8px;
	top: 8px;
	z-index: 2;
}

div#down {
	position: absolute;
	left: 8px;
	bottom: 8px;
	z-index: 3;
}

div#track {
	position: absolute;
	left: 12px;
	top: 24px;
	width: 8px;
	height: 216px;
	background-color: #f3f3f3;
	z-index: 1;
}

div#dragBar {
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	background-color: #d3d3d3;
	z-index: 1;
}

div#trackEditing {
	position: absolute;
	left: 12px;
	top: 24px;
	width: 8px;
	height: 232px;
	background-color: #f3f3f3;
	z-index: 4;
}

div#dragBarEditing {
	position: absolute;
	left: 0;
	top: 0;
	width: 6px;
	background-color: #d3d3d3;
	z-index: 5;
}

.Search input.Fld {
	width: 100%;
}

.Search td.Image {
	width: 640px;
}

.Search div.Image {
	overflow: hidden;
	width: 640px;
	height: 264px;
}

.Search td.Description {
	position: relative;
	width: 320px;
	vertical-align: top;
}

.Search div.Description {
	position: relative;
	height: 264px;
	padding: 16px 16px 16px 32px;
}

.Search .ChannelItem {
	padding-bottom: 4px;
}

.Search .PostingItem {
	padding-left: 4px;
}

#Menu div.nyheder, #Menu div.projekter, #Menu div.om, #Menu div.links {
	position: relative;
	padding-left: 2px;
}

@media print {
	body {
		background-color: #fff;
	}
	
	#Menu {
		display: none;
	}
	
	.WitrazLogo {
		position: absolute;
		top: 16px;
		left: 16px;
	}
	
	.BackArrow {
		display: none;
	}
	
	#ImageControl2, #ImageControl3, #ImageControl4, #ImageControl5, #ImageControl6,
	 #ImageControl7, #ImageControl8, #ImageControl9, #ImageControl10 {
/*		display: none;*/
	}
	
	table.Project {
		border-width: 0 !important;
	}
	
	.Project div.Image {
		position: absolute !important;
		top: 128px;
		left: 0;
	}		
	
	.Project div.Description {
		position: absolute !important;
		top: 400px;
		left: -8px;
	}
	
	#BrowseControl {
		display: none;
	}
	
	div#holdarea {
		overflow: visible;
	}
	
	div#wnarea {
		overflow: visible;
		clip: rect(0 640 4096 0);
	}
	
	#track, #up, #down {
		display: none;
	}
}