@import url(messages.css);
@import url(displaytag.css);

/*
*{
  margin:0;
  padding:0;
}
*/

a {
    color: #333333;
    font-weight: bold;
	  text-decoration:underline;
}


a:visited, body#login div#menu a:visited {
    color: #333333;
}

/* this makes the boxBody containing the list look funny when mouse over a link inside a boxBody */
a:hover {
    background-color: transparent;
    color: #333333 !important;
    text-decoration: none;
}


a img { border: 0 }


/* 0 means zero regardless of measurement */
body {
    background: #FFFFFF;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0;
    padding: 0;
}

/* The page content (styff below the gray bar) */
div#activeUsers {
    float: right;
    margin-right: 5px;
    font-size: .9em;
    background: transparent;
    color: black; /* the user counter */
}

/* Entire page */
div#content {
  /* see minwidth.css */
}

/* The page content (styff below the gray bar) */
div#content {
    background: transparent;
    /* background: #455; */
    margin: 0px;
    padding: 18px;

    /*
    margin: 0px 210px 50px 10px;
    padding: 10px;
    width: 100%;

    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    */
}

/* TODO note: this means all p tags inside a div tag with id="content" */
/* div#content>p {margin:10px 0px} */

/* the footer section */
div#footer {
    background: transparent;
    border-top: 1px solid #C0C0C0;
    color: #000000;
    font-size: 0.9em;
    padding: 3px 18px 0px 18px; /*padding-top padding-right padding-bottom padding-left*/
    text-align: left;
}

/* The Boligkontakten link after the (c) text in the footer */
div#footer a, div#footer a:visited {
    background: transparent;
    color: #000000;
}

/* The Boligkontakten link after the (c) text in the footer - mouse over*/
div#footer a:hover {
    background: transparent;
    /* border-bottom: 1px dashed #0000FF; removed ugly blue dotte line under anchors in footer */
    color: #000000;
    text-decoration: none;
}

/* The header box */
div#header {
    margin: 50px 0px 10px 0px;
    padding: 17px 0px 5px 20px;
    /* For IE5/Win's benefit height = [correct height] + [top padding] + [top and bottom border widths] */
    height: 33px; /* 14px + 17px + 2px = 33px */
    border-style: solid;
    border-color: black;
    border-width: 1px 0px; /* top and bottom borders: 1px; left and right borders: 0px */
    line-height: 11px;
    background-color: #e0e0ff;

/* Here is the ugly brilliant hack that protects IE5/Win from its own stupidity. 
Thanks to Tantek Celik for the hack and to Eric Costello for publicizing it. 
IE5/Win incorrectly parses the "\"}"" value, prematurely closing the style 
declaration. The incorrect IE5/Win value is above, while the correct value is 
below. See http://glish.com/css/hacks.asp for details. */
    voice-family: "\"}\"";
    voice-family: inherit;
    height:14px; /* the correct height */
    border: 1px solid #d0d0d0;
}

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */
body>#header {height: 14px;}

div#loginTable {
    background: #EEEEEE;
    border: 1px solid #C0C0C0;
    color: inherit;
    margin: 10px 0px;
    padding: 5px;
    width: 400px;
}

div#loginTable th {
    text-align: right;
}

div#menu {
    position: absolute;
    top: 100px;
    right: 20px;
    width: 190px;
    padding: 10px;
    background-color: #eee;
    border: 1px solid #c0c0c0;
    line-height: 17px;
    /* Again, the ugly brilliant hack. */
    voice-family: "\"}\"";
    voice-family: inherit;
    width: 166px;
}
/* Again, "be nice to Opera 5". */
body>div#menu {width: 150px;}

div#menu a:visited {
    background: transparent;
    color: black;
}

div#readme {
    background: #ffd;
    border: 1px solid silver;
    color: #008000;
    height: 300px;
    margin-top: 10px;
    overflow: auto;
    padding: 5px;
    width: 600px;
}

div#readme pre {
    border: 0;
}

div#flags {
    position: absolute;
    left: 20px;
    top: 10px;
}

div#userStatus {
    position: absolute;
    right: 5px;
    top: 5px;
    font-size: .9em;
    height: 40px;
    line-height: 1.2;
    text-align: right;
    /*border: 1px solid #c0c0c0;*/
}

div#topTekst {
	position: absolute;
    left: 5px;
    top: 5px;
    height: 40px;
    line-height: 1.2;
    text-align: left;
    /*border: 1px solid #c0c0c0;*/
}


div#validators {
    float: right;
}

div.separator {
    border-bottom: 1px solid orange; 
    margin: 10px 0px; 
    width: 300px;
}

div.standardsNote {
    display: none;
    border: 1px solid #c0c0c0;
}

form, table {
    margin: 0;
    padding: 0;
}

/* disclaimer text */
div.disclaimer {
    color: #AAA; /* disclaimer text */
    border: 1px solid #AAA;
	padding:4px;
}

/* for cool looking "sunken" input boxes, from www.theserverside.com */
input, textarea, select, button {
    padding-left: 4px;
    color: #000000;
	font-family:verdana;
	 font-size: 11px;	
	 /* cursor:hand; */
}

input.button button.button {
    color: #000;
}

form input.focus, form textarea.focus {
    border-color: #e0e0ff;
    color: #000;
}


form select {
    padding-left: 0px;
	 /*max-height: 20px; This rule limited the hight of the multiselect boxes on the search page to only one row so i removed the rule*/
}


h1 {
    color: #ccc;
    font-size: 28px;
    font-weight: 900;
    line-height: 28px;
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

img.badge {
    border: 0px;
    height: 31px;
    margin-right: 5px;
    width: 88px;
}

p {
    font-size: 10px;
    margin: 0px 0px 16px 0px;
    padding: 0px;
}

/*TODO: this should extend properties from the normal p*/
.subheader {
    font-size: 14px;
	color:#333333;
    /*margin: 0px 0px 16px 0px; move next row 16 pixels down */
    margin: 0px 0px 0px 0px; /*move next row 0 pixels down*/
    padding: 0px;
	 background: #ffffff; /* subheader color */
	 font-weight: bold;
}

.subheader_small {
    font-size: 10px;
	color:#333333;
    font-weight: bold;
}

div.subheader {
    font-size: 10px;
    /*margin: 0px 0px 16px 0px; move next row 16 pixels down */
    margin: 0px 0px 0px 0px; /*move next row 0 pixels down*/
    padding: 0px;
	 background: #e0e0ff; /* subheader color */
	 font-weight: bold;
	 float: left;
	 width: 100%;
	 text-align: left;
}

.subheader_red {color:#A7001F}

div.white {
    font-size: 10px; /*TODO: test if removing this row, makes the fields inherit the font size of the top level div*/
    padding: 2px;
	 background: #fff; /* white */
}

.whiterow {
    font-size: 10px; /*TODO: test if removing this row, makes the fields inherit the font size of the top level div*/
    padding: 2px;
	 background: #fff; /* white */
	 width: 100%;
}

.lightgrey {
    font-size: 10px; /*TODO: test if removing this row, makes the fields inherit the font size of the top level div*/
    padding: 2px;
	 background: #DDDDDD; /* altenating row color */
}

.lightgreyrow {
    font-size: 10px; /*TODO: test if removing this row, makes the fields inherit the font size of the top level div*/
    padding: 2px;
	 background: #dddddd; /* altenating row color */
	 width: 100%;	 
}

span.attention {
    background: transparent;
    color: #0000ff;
}

/* Labels for validation and label tag */
label {
    font-weight: normal;
    cursor: pointer;
    /* cursor: hand; */
}

label.required {
    font-weight: bold;
}

label.underline {
    border-bottom: 1px solid;
}

label.error {
    font-weight: bold;
    background: transparent;
    color: red;
}

/* These are the styles for detail screen tables */
table.detail {
    margin-left: 10px;
    padding: 5px;
    font-weight: normal;
}

table.detail th {
	  text-align: right;
    padding: 0px 3px 0px 0px;
}

table.detail th.tallCell {
    vertical-align: top;
}

table.detail td {
    text-align: left;
    padding: 0px;
}

table.detail td.moveOptions {
    text-align: center;
    width: 50px;
    padding: 5px;
}

table.detail td.moveOptions button {
    margin-bottom: 3px;
    width: 45px;
    white-space: nowrap;
}

table.detail td.buttonBar {
    padding-top: 10px;
}

table.detail td.updateStatus {
    font-size: 11px;
    color: #c0c0c0;
}

fieldset.pickList {
    margin-top: 5px;
    padding: 5px;
    background: transparent;
    border-color: #eee;
}

fieldset.pickList legend {
    font-weight: bold;    
}

table.pickList {
    padding: 0;
    border-spacing: 0;
}

table.pickList th.pickLabel {
    text-align: center;
    background: transparent;
    color: #666;
}

table.pickList td {
    text-align: center;
}

table.pickList td select {
    width: 150px;
}

th, td, pre, code {
    font-size: 10px;
}

ul.glassList {
    padding: 0px 0px 0px 30px;
/*    margin: 5px 0px 10px 0px;*/
    list-style: url(../images/aquadot.jpg) disc outside;
    vertical-align: top;
    line-height: 1.5;
}

pre {
    background: #ffffdd;
    border: 1px solid #999999;
    color: #000000;
    padding: 5px 5px 5px 7px;
}
/*TODO consider putting */
form {
    /*border: 1px dotted     #aaaaaa;
    padding: 3px 6px 3px 6px;*/
	padding:0px;
	margin:0px;

}

/* Anchor button start */
a.button {
	display:block; /*this was nessesary to make firefox display the anchor as a styled button*/
	font-weight: bold;
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 4px 8px;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid white;
	text-align: center;
	/*min-width: 75px;*/
	text-transform: uppercase;
	}

a.button:link {
  background-color: #BBB;
  color: #000;
  text-decoration: none;
}

a.button:visited {
	background-color: #BBB;
	color: #333;
	text-decoration: none;
}

a.button:hover {
  background-color: #BBB;
  color: red;
  border-color:
  black white white black;
  text-decoration: none;
}
a.button:active {
  background-color: #BBB;
  color: #ccc;
  text-decoration: none;
}
/* Anchor button start end */

/*################# MS ###################*/

/*Red Boxes with text*/
.tableCaption 	{
  background-color:#A7001F;
  height:17px;
  color:white;
  font-weight:bold;
}
.boxHeader	{
  padding:0px;
  margin:0px;
  border-top:2px solid #A7001F;
  border-bottom:4px solid #A7001F;
  border-left:10px solid #A7001F;
  background-color:#A7001F;
  color:white;
  font-weight:bold;
  /* height:17px; - this breaks rendering in IE6 */
}
.boxBody	{
  margin:0;margin:0; /*todo is this a bug?*/
  border:1px solid #B6B6B6;
  border-top:none;
  padding:10px;
  padding-top:10px;
}

/*Sub menu*/
.submenulinks	{
  width:210px;
}

/*Generel block spacer*/
.spacer		{width:18px;}

/*Generel vertical spacer*/
.hspacer		{height:18px;}

/*Generel vertical spacer small*/
.hspacersmall		{height:9px;}

/*Mandatory input used for star*/
.mandatory	{color:#A7001F;font-weight:bold;}

/*Custom alert*/
.customAlertArea		{width:400px;z-index:10;position:absolute;top:150px;left:200px;
						border-left:1px solid #D4D0C8;border-top:1px solid #D4D0C8;border-right:1px solid #404040;border-bottom:1px solid #404040;
						visibility:hidden;background-color:#D4D0C8;display:none;}
.customAlertBorderOuter	{border-left:1px solid white;border-top:1px solid white;border-right:1px solid #808080;border-bottom:1px solid #808080;}
.customAlertBorderInner	{border:1px solid #D4D0C8;}

/*image border*/
.imgBorder	{border:1px solid black;}

/*Data tables*/
.dataHeader		{padding:2px;background-color:#888888;font-weight:bold;color:white}
.dataContent	{padding:2px;background-color:#DDDDDD;}
.dataBlank		{padding:2px;background-color:transparent;}

/*Field width in search form*/
.searchCriteria	{width:80px}

/*Divider lines*/
.lineGrey {border-top:1px solid #B6B6B6;padding-top:10px;padding-bottom:5px}
.lineGreyLittleMargin {border-top:1px solid #B6B6B6;margin-top:5px;margin-bottom:5px; height: 1px}
.lineRed {border-top:1px solid #A7001F;padding-top:10px;padding-bottom:5px}
.lineRedLittleMargin {border-top:1px solid #A7001F;margin-top:5px;margin-bottom:5px; height: 1px}
.lineRedNoPadding {border-top:1px solid #A7001F;/*padding-top:1px;*/}
.littleBottomPadding {padding-bottom:3px;}


/*Buttons*/
.buttonGray	{background-color:#888888;color:white}
.buttonRed	{background-color:#A7001F;color:white}


/*################# HT ###################*/

div#layoutLeft {
  /*margin:0;
  padding:0;*/
	margin-right:483px;
}

div#layoutMiddle {
  /*margin:0;
  padding:0;*/
  float:right;
  width:267px;
  margin-right: 18px;
}

div#layoutRight {
  /*margin:0;
  padding:0;*/
	float:right;
  width:180px;
}


div#twoColumn_01_FixedLeft {
  /*margin:0;
  padding:0;*/
  width: 200px;
  float: left;
}
div#twoColumn_01_LiquidRight {
  /*
  margin:0;
  padding:0;*/
  margin-left: 218px;
}

div#twoColumn_02_FixedLeft {
  /*margin:0;
  padding:0;*/
  width: 180px;
  float: left;
}
div#twoColumn_02_LiquidRight {
  /*
  margin:0;
  padding:0;*/
  margin-left: 198px;
}

div#twoColumn_03_FixedLeft {
  /*margin:0;
  padding:0;*/
  width: 250px;
  float: left;
}
div#twoColumn_03_LiquidRight {
  /*
  margin:0;
  padding:0;*/
  margin-left: 268px;
}

div#twoColumnFooter_02_FixedRight {
  /*margin:0;
  padding:0;*/
  text-align: right;
  width: 270px;
  float: right;
}
div#twoColumnFooter_02_LiquidLeft {
  /*
  margin:0;
  padding:0;*/
  margin-right: 288px;
}

/*################# HT2 ###################*/

div.stepbox {
  width: 110px;
  /*padding: 2px;*/
}

div.stepbox_selected {
  width: 110px;
  font-weight: bold;
  /*padding: 2px;*/
}

div.stepbox_selected:first-letter {
  /* crazy fonts! */
  /*font-family:"Edwardian Script ITC","Edwardian Script ITC Semi-Expanded","Zapfino","Viner Hand ITC";*/
  /*font-size: 25px;*/
  /*font-weight: bold;*/
  color: #A7001F;
  /*line-height:30px;*/

}

/* Map of Denmark start */
#Denmark {width:240px; height:286px; background:url(/images/denmark.png); margin:0px; padding:0px; position:relative}
#Denmark li {margin:0px; padding:0px; list-style:none; display:block; position:absolute}
#Denmark a {display:block}

#Bornholm {left:203px; top:2px; width:34px; height:34px}
#Bornholm a {height:34px}
#Bornholm a:hover {background:url(/images/denmark.png) -203px -288px no-repeat}

#Nordjylland {left:51px; top:0px; width:107px; height:109px}
#Nordjylland a {height:109px}
#Nordjylland a:hover {background:url(/images/denmark.png) -51px -286px no-repeat}

#Aarhus {left:63px; top:93px; width:82px; height:86px}
#Aarhus a {height:86px}
#Aarhus a:hover {background:url(/images/denmark.png) -63px -954px no-repeat}

#Anholt {left:173px; top:93px; width:9px; height:6px}
#Anholt a {height:6px}
#Anholt a:hover {background:url(/images/denmark.png) -173px -954px no-repeat}

#Fyn {left:82px; top:192px; width:66px; height:81px}
#Fyn a {height:81px}
#Fyn a:hover {background:url(/images/denmark.png) -82px -765px no-repeat}

#Ribe {left:0px; top:166px; width:63px; height:61px}
#Ribe a {height:61px}
#Ribe a:hover {background:url(/images/denmark.png) -0px -738px no-repeat}

#Vejle {left:50px; top:151px; width:52px; height:62px}
#Vejle a {height:62px}
#Vejle a:hover {background:url(/images/denmark.png) -50px -437px no-repeat}

#Soenderjylland {left:19px; top:207px; width:84px; height:59px}
#Soenderjylland a {height:59px}
#Soenderjylland a:hover {background:url(/images/denmark.png) -19px -1068px no-repeat}

#Storstroem {left:148px; top:210px; width:83px; height:78px}
#Storstroem a {height:78px}
#Storstroem a:hover {background:url(/images/denmark.png) -148px -783px no-repeat}

#Ringkoebing {left:2px; top:94px; width:68px; height:84px}
#Ringkoebing a {height:84px}
#Ringkoebing a:hover {background:url(/images/denmark.png) -2px -1239px no-repeat}

#Viborg {left:11px; top:53px; width:81px; height:87px}
#Viborg a {height:87px}
#Viborg a:hover {background:url(/images/denmark.png) -11px -625px no-repeat}

#Vestsjaelland {left:144px; top:156px; width:61px; height:75px}
#Vestsjaelland a {height:75px}
#Vestsjaelland a:hover {background:url(/images/denmark.png) -144px -442px no-repeat}

#Roskilde {left:188px; top:180px; width:30px; height:40px}
#Roskilde a {height:40px}
#Roskilde a:hover {background:url(/images/denmark.png) -188px -1041px no-repeat}

#Frederiksborg {left:192px; top:145px; width:40px; height:36px}
#Frederiksborg a {height:36px}
#Frederiksborg a:hover {background:url(/images/denmark.png) -192px -717px no-repeat}

#Koebenhavn {left:207px; top:168px; width:33px; height:29px}
#Koebenhavn a {height:29px}
#Koebenhavn a:hover {background:url(/images/denmark.png) -207px -454px no-repeat}
/* Map of Denmark end */

/* Map of Europe start */
#Europe {width:240px; height:235px; background:url(/images/europe.png);	margin:0px; padding:0px; position:relative }
#Europe li {margin:0px;	padding:0px; list-style:none; display:block; position:absolute}
#Europe a {display:block}

#Sweeden {left:87px; top:21px; width:57px; height:107px}
#Sweeden a {height:107px}
#Sweeden a:hover {background:url(/images/europe.png) -87px -256px no-repeat}

#NorwayFinland {left:62px; top:2px; width:110px; height:108px}
#NorwayFinland a {height:108px}
#NorwayFinland a:hover {background:url(/images/europe.png) -62px -472px no-repeat}

#EuropeRest {left:0px; top:20px; width:215px; height:215px}
#EuropeRest a {height:215px}
#EuropeRest a:hover {background:url(/images/europe.png) -0px -725px no-repeat}
/* Map of Europe end */

/* tabnav start from http://www.simplebits.com/bits/css_tabs.html# */
#tabnavcontainer {
    width: 500px;
    padding: 2px;
    border: 1px solid #ccc;
    background: #fff;
}

#tabnav	{
    height: 20px;
    margin: 0;
    padding-left: 10px;
    background: url(/images/tab_bottom.gif) repeat-x bottom;
}
#tabnav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}
#tabnav a:link, #tabnav a:visited {
    float: left;
    background: #f3f3f3;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
    padding: 2px 10px 2px 10px;
    margin-right: 4px;
    border: 1px solid #ccc;
    text-decoration: none;
    color: #666;
}
#tabnav a:link.active, #tabnav a:visited.active	{
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #000;
}
#tabnav a:hover	{
	background: #fff;
}
/* tabnav end */