/* ##### Common Styles ##### */ 
@media all {
	body {
		font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
		font-size: 72%; /* Enables font size scaling in MSIE */
		margin: 0;
		padding: 0;
		Xalign: center;
	}
	/* ##### elought XHTML ###### /*
b {
  font-weight: bold;
}

/* ##### ID's ##### */
	#sfx-link-button {
		margin: 5px 0px;
		float: left;
		border: 0px;
	}
	#page {
		Xmargin: 0;
		Xdisplay: block;
		Xleft: 0;
		Xtop: 0;
		Xposition: absolute;
		width: 850px;
		Xbackground-image: url(../images/bort.gif);
		Xbackground-repeat: repeat-x;
		Xbackground-position: bottom;
		Xborder-left: 1px groove grey;
		Xborder-right: 1px groove grey;
		border-color: #D3D3D3;
		border-style: solid;
		border-left-width: 1px;
		border-right-width: 1px;
		border-top-width: 1px;
		border-bottom-width: 1px;
		text-align: left;
	}
	#headerArea {
		Xdisplay: block;
		Xwidth: 830px;
		background-color: white;
		Xmargin: 0;
		Xpadding: 0.26ex 10px;
	}
	#headerText {
		height: 40px;
		padding-top: 10px;
		text-align: right;
	}
	#verticalNavArea {
		Xdisplay: block;
		color: white;
	}
	#horizontalTitleArea {
	}
	
	#horizontalNavArea {
		Xwidth: 850px;
/*
		background-image: url(../images/bort.gif);
		background-repeat: repeat-x;
		background-position: bottom;
*/		
		background-color: #aaa;
		Xpadding-bottom: 5px;
	}
	
	
	#mainArea {
		Xheight: 300pt;
	}
	#welcomeArea {
		background-color: #f7f9f9;
		border: solid black 1px;
		margin-right: 10px;
		padding: 20px;
		width: 350px;
		Xalign: center;
	}
	#introArea {
		color: #black;
		margin: 5px;
		margin-top: 10px;
	}
	#welcomeArea a:hover {
		color: #325064;
		text-decoration: none;
	}
	#welcomeArea a img {
		border: 0;
	}
	#welcomeArea a:hover img {
		
	}
	#formArea {
		display: block;
		width: 100%;
		Xpadding: 10px;
	}
	#inputControlArea {
		background-color: white;
		Xpadding: 10px;
		border: solid #888 1px;
	}
	#inputControlArea tr.title td {
	}
	
	#searchHelpArea {
		background-color: white;
		border: solid #888 1px;
	}
	
	#searchHelpArea tr.title td {
		
	}
	
	#resultSetArea {
		background-color: white;
	}
	#DownlownloadFormArea {
		width: 100%;
	}
	#organisationXMLArea,#organisationDescriptionArea,#personDescriptionArea
		{
		margin-left: 50px;
	}
	.organisationLinkItem,.personLinkItem {
		margin-left: 0;
		height: 60px;
		background-image: url(../images/gh.gif);
		background-repeat: no-repeat;
	}
	
	#footer {
		text-align: center;
		padding: 3px 20px;
	}
	
	/* ##### Component Classes ##### */ /* Simple search */
	.simpleSortLabelPosition {
		display: inline;
		position: relative;
		top: -23px;
		left: 270px;
	}
	.simpleSortFieldPosition {
		display: inline;
		position: relative;
		top: -23px;
		left: 280px;
	}
	.sortLabelPosition {
		display: inline;
		position: relative;
		top: -26px;
		left: 302px;
	}
	.sortFieldPosition {
		display: inline;
		position: relative;
		top: -26px;
		left: 312px;
	}
	/* Advanced Search */
	.fullSearchWide {
		width: 500px;
	}
	.limitationHeight {
		height: 25px;
	}
	.update {
		display: block;
		margin-top: 10px;
		font-size: 9pt;
	}
	/* ##### DTU things ##### */
	.welcomeHeader {
		display: block;
		font-size: 120%;
		font-weight: bold;
		color: black;
		margin-bottom: 0.5em;
	}
	.mainHeader {
		font-size: 120%;
		font-weight: bold;
		color: black;
		margin-bottom: 0.5em;
	}
	.sectionHeader {
		font-size: 100%;
		font-weight: bold;
		color: black;
		background-color: #e5eceb;
		border: solid #d3d3d3 1px;
		margin-top: 10px;
		margin-bottom: 10px;
		margin-left: 46px;
		padding-left: 5px;
	}
	.textHeader {
		font-size: 100%;
		font-weight: bold;
		color: black;
		margin-top: 10px;
		margin-bottom: 5px;
	}
	.textParagraph {
		margin-bottom: 5px;
	}
	.cvTable {
		margin-left: 45px;
		padding: 0;
	}
	.cvTable td {
		vertical-align: top;
	}
	.navImage {
		height: 80px;
		margin-left: 10px;
		vertical-align: center;
		text-align: center;
	}
	.noNavImage {
		height: 56px;
		margin-left: 10px;
		vertical-align: center;
		text-align: center;
	}
	.activ-nav {
		height: 25px;
		width: 100px;
		Xbackground-image: url(../images/bort.gif);
		Xbackground-repeat: repeat-x;
		background-color: white;
		Xborder-right: solid black 0.5px;
		Xborder-color: black;
		Xborder-style: solid;
		Xborder-left-width: 0px;
		Xborder-right-width: 0.5px;
		Xborder-top-width: 0px;
		Xborder-bottom-width: 0px;
		Xcolor: rgb(61, 92, 122);
		text-align: center;
	}
	.activ-nav a {
		color: black;
		font-weight: bold;
		text-decoration: none;
	}
	.activ-nav a:hover {
		color: black;
		font-weight: bold;
		text-decoration: underline;
	}
	.horizontal-nav {
		height: 25px;
		width: 100px;
		Xborder-right: solid black 0.5px;
		color: white;
		text-align: center;
		Xborder-color: black;
		Xborder-style: solid;
		Xborder-left-width: 0px;
		Xborder-right-width: 0.5px;
		Xborder-top-width: 0px;
		Xborder-bottom-width: 0px;
	}
	.horizontal-nav a {
		color: white;
		font-weight: bold;
		text-decoration: none;
	}
	.horizontal-nav a:hover {
		color: white;
		font-weight: bold;
		text-decoration: underline;
	}
	.popupText {
		padding-left: 10px;
	}
	#externalLinksArea {
		margin-top: 50px;
		width: 240px;
		font-size: 9pt;
	}
	#newsArea {
		width: 240px;
		font-size: 9pt;
	}
	.newsItem {
		display: block;
		float: left;
		font-size: 9px;
		width: 240px;
		margin-bottom: 10px;
		margin-right: 10px;
	}
	.newsHeader {
		display: block;
		font-weight: bold;
	}
	.newsTitle {
		display: block;
		font-style: italic;
	}
	.newsText {
		display: inline;
	}
	.label {
		display: inline;
	}
	.logo {
		display: block;
		margin: 10px;
		float: right;
	}
	.orgHeaderImage {
		margin-left: 30px;
	}
	.searchHelpTitle {
		font-weight: normal;
	}
	.searchHelpContent {
		color: black;
		background-color: white;
	}
	#searchHelpArea td {
/*	
		padding-left: 15px;
		padding-bottom: 3px;
*/		
	}
	.layoutField {
		display: inline;
	}
	.recPerPage {
		display: inline;
	}
	select,input {
		font-size: 9pt;
	}
	.organisationItem {
		margin-left: 50px;
		height: 60px;
		background-image: url(../images/gh.gif);
		background-repeat: no-repeat;
	}
	.top {
		vertical-align: top;
		padding-top: 8px;
	}
	/* ##### Common Styles ##### */
	a {
		color: #326F86;
		background-color: transparent;
		text-decoration: none;
		margin: 0;
		padding: 0 1px 2px 1px;
	}
	a:hover {
		text-decoration: underline;
	}
	/* ##### Header ##### */
	.superHeader {
		color: rgb(130, 128, 154);
		background-color: rgb(33, 50, 66);
		text-align: right;
		margin: 0;
		padding: 0.5ex 10px;
	}
	.superHeader span {
		color: rgb(195, 196, 210);
		background-color: transparent;
		font-weight: bold;
		text-transform: uppercase;
	}
	.superHeader a {
		color: rgb(195, 196, 210);
		background-color: transparent;
		text-decoration: none;
		margin: 0;
		padding: 0 0.25ex 0 0;
	}
	.superHeader a:hover {
		color: rgb(193, 102, 90);
		background-color: transparent;
		text-decoration: none;
	}
	.midHeader {
		color: white;
		background-color: rgb(61, 92, 122);
		margin: 0;
		padding: 0.26ex 10px;
	}
	.headerTitle {
		display: inline;
		margin: 0;
		padding: 0;
		font-size: 151%;
		font-weight: bold;
		color: white;
	}
	.headerSubTitle {
		display: inline;
		margin: 0 3ex 1ex 1ex;
		padding: 0;
		font-size: 151%;
		font-weight: bold;
		color: white;
	}
	.headerLinks {
		text-align: right;
		margin: 0;
		padding: 0 0 2ex 0;
		position: absolute;
		right: 1.5em;
		top: 3.5em;
	}
	.headerLinks a {
		color: white;
		background-color: transparent;
		text-decoration: none;
		margin: 0;
		padding: 0 0 0.5ex 0;
		display: block;
	}
	.headerLinks a:hover {
		color: rgb(195, 196, 210);
		background-color: transparent;
		text-decoration: underline;
	}
	.subHeader {
		color: white;
		background-color: rgb(117, 144, 174);
		margin: 0;
		padding: 0.5ex 10px;
	}
	.subHeader a,.subHeader .highlight {
		color: white;
		background-color: transparent;
		font-size: 110%;
		font-weight: bold;
		text-decoration: none;
		margin: 0;
		padding: 0 0.25ex 0 0;
	}
	.subHeader a:hover,.subHeader .highlight {
		color: rgb(255, 204, 0);
		background-color: transparent;
		text-decoration: none;
	}
	/* ##### Main Copy ##### */
	#mainContentArea {
		display: block;
		margin: 0;
		padding: 0;
		clear: left;
	}
	.verticalSpace {
		height: 20px;
	}
	.smallVerticalSpace {
		height: 5px;
	}
	#staticMenu {
		font-size: 10pt;
	}
	#staticMenu .menuItem {
		color: white;
		text-decoration: none;
		padding: 5px;
		border-top: 2px solid white;
	}
	
	#staticMenu .menuItem a {
		color: white;
	}

	#staticMenu .menuItem a:hover {
		color: white;
		text-decoration: underline,
	}
	
	.menuItem a {
		color: #326F86;
		text-decoration: none;
	}
	.menuItem:hover {
		text-decoration: underline;
	}
	#dynamicMenu {
	}
	.menuDynamicTitle {
		display: block;
		color: white
		font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
		font-size: 10pt;
		text-decoration: none;
		margin: 5px;
	}
	.menuItemDynamic {
		margin: 5px 5px 5px 15px;
		font-size: 10pt;
		text-decoration: none;
	}
	.menuItemDynamic a {
		color: white;
		text-decoration: none;
	}
	.menuItemDynamic:hover {
		text-decoration: underline;
	}
	#contextNavigation {
		margin-top: 11px;
		width: 160px;
		height: 0; /* keep height at a minimum */
	}
	#organisationContextNavigation {
		width: 150px;
		height: 0; /* keep height at a minimum */
	}
	.contextNavigationBorder {
		background-color: #e5eceb;
		Xborder-left: solid grey 1px;
		Xborder-right: solid grey 1px;
		Xborder-top: solid grey 1px;
		Xborder-bottom: solid grey 1px;
		border-color: #D3D3D3;
		border-style: solid;
		border-top-width: 1px;
		border-left-width: 1px;
		border-right-width: 1px;
		border-bottom-width: 1px;
	}
	.contextNavigationItem {
		background-image: url('../images/pil.gif');
		background-repeat: no-repeat;
		background-position: 3%;
		background-color: transparent;
		padding-left: 20px;
		text-decoration: none;
	}
	.more {
		text-align: right;
		margin: 10px;
	}
	.more a {
		color: #326F86;
		font-size: 92%;
		text-decoration: none;
		margin: 0;
		padding: 0.25ex 0.75ex;
	}
	.more a:hover {
		color: rgb(117, 144, 174);
		text-decoration: underline;
	}
	.rowOfBoxes {
		clear: both;
	}
	.quarter,.oneThird,.half,.twoThirds,.fullWidth {
		margin: 1em 0;
		float: left;
		border-left: 1px solid rgb(204, 204, 204);
	}
	.quarter {
		width: 21%;
		padding: 0 1.9%;
	}
	.oneThird {
		width: 28%;
		padding: 0 1.9%;
	}
	.half {
		text-align: justify;
		width: 46%;
		padding: 0 1.9%;
	}
	.twoThirds {
		text-align: justify;
		width: 63%;
		padding: 0 1.9%;
	}
	.fullWidth {
		text-align: justify;
		width: 96%;
		padding: 0 1.2em;
		border-left: none;
	}
	.filler {
		/* use with an empty <p> element to add padding to the end of a text box */
		border: 1px solid white;
	}
	.noBorderOnLeft {
		border-left: none;
	}
	.dividingBorderAbove {
		border-top: 1px solid rgb(204, 204, 204);
	}
	/* More elegant alternatives to .noBorderOnLeft & .dividingBorderAbove
 * that don't require the creation of new classes - but which are not
 * supported by MSIE - are the following:
 *
 * .rowOfBoxes > div:first-child {
 *   border-left: none;
 * }
 *
 * .rowOfBoxes + .rowOfBoxes {
 *   border-top: 1px solid rgb(204,204,204);
 * }
 */ /* ##### SEARCH FIELD CONTROLS ###### */
	.anyLabel {
		display: inline;
		float: left; /* Necessary for alignment of lables and fields. */
		width: 70px;
		height: 20px;
	}
	.anyField {
		display: inline;
	}
	/* ************* TAPESTRY CONTROLS ******************** */
	.presentationTextColumnHeader,.selectColumnHeader {
		visibility: collapse;
	}
	.presentationTextColumnValue {
		padding-top: 10px;
	}
	.selectColumnValue {
		padding-top: 10px;
		vertical-align: top;
	}
	.fullTextColumnValue {
		padding-bottom: 3px;
		vertical-align: top;
	}
	#displayControl {
		width: 100%;
		border-top: solid black 1px;
		border-left: solid black 1px;
		border-right: solid black 1px;
		text-align: left;
	}
	#tablePagesControl {
		padding-left: 5px;
	}
	.tableNav {
		width: 100%;
		border-left: solid black 1px;
		border-right: solid black 1px;
		border-top: solid black 1px;
	}
	.tableNavBottom {
		width: 100%;
		border-left: solid black 1px;
		border-right: solid black 1px;
		border-bottom: solid black 1px;
		margin-bottom: 10px;
	}
	.numberOfRows {
		margin-left: 3px;
	}
	.resultSetTable {
		border: solid black 1px;
		width: 100%;
	}
	#resultSetForm {
		display: inline;
	}
	.respons {
		font-size: 8pt;
		left-margin: 5px;
		color: red;
	}
	#warningsArea {
		width: 100%;
	}
	.warnings {
		font-size: 8pt;
		left-margin: 5px;
		color: red;
	}
	.border {
		border: solid rgb(61, 92, 122) 1px;
	}
	.border-top {
		border-top: solid black 1px;
	}
	.border-bottom {
		border-bottom: solid black 1px;
	}
	tr.padding td {
		padding: 3px 5px;
	}
	.comment {
		margin-left: 10px;
		font-size: 8pt;
	}
	/* ************ ORGANISATIONS TABLE **************/
	.org_abbr {
		display: block;
		float: left;
		cursor: default; /* For IE only */
		width: 80px;
		margin-left: 50px;
		margin-bottom: 3px;
	}
	.org_name {
		display: block;
		float: left;
		cursor: default; /* for Internet Explorer only */
		width: 380px;
	}
	/* ************ STATISTICS **************/
	#statisticArea {
		margin: 5px;
		width: 100%;
	}
	.stat-id {
		padding-left: 3px;
		width: 50px;
	}
	.stat-heading {
		width: 500px;
	}
	.stat-countQuery {
		margin: 5px;
		width: 50px;
	}
	.stat-query {
		width: 50px;
		margin: 5px;
	}
	.odd {
		
	}
	.even {
		background-color: #e5eceb;
	}
	.float-right {
		float: right;
	}
	.float-left {
		float: left;
	}
	.center {
		text-align: center;
	}
	
	.grey {
		background: #ccc;
		color: black;
	}
	
	.grey a {
		color: black;
	}
	
	.dark-grey {
		background: #aaa;
		color: white;
	}
	
	.dark-grey a {
		color: white;
	}

	.dark-grey a:hover {
		text-decoration: underline;
	}
	
	.profile-picture {
		width: 80px;
		height: 120px;
	}
	
}  /* @media all */
@media print {
	body {
		font-family: "trebuchet ms", verdana, helvetica, arial, sans-serif;
		width: 60%;
		margin: 0;
		padding: 0;
	}
	.unprintable {
		visibility: hidden;
	}
}