﻿/*
 $Workfile: $
 Description: 
 Author: Ole Brian Hansen
 Created: 
 $Modtime:  $
 $Revision:  $
 Copyright: © 2008 OBH Service by Ole Brian Hansen
 $History:  $ 
*/
body 
{
	background-color:white; 
	/* Et forslag fra http://realworldstyle.com/fonts.html */
	font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
	font-size: medium;    
}

.page
{
	margin: 0px auto;
	width: 190mm;
}

div.Form
{
}

/*
 global setting for horisontal rulers on the pages
 All <hr> tags is imbedded in a div tag with the class "hr"
 see: "Styling <hr> with CSS" http://www.sovavsiti.cz/css/hr.html
*/
div.hr {
  font-size:xx-small;  
  height: 1em;
  width: 100%; 
  float: none; 
  /*background: #fff url('Images/hr1.gif') no-repeat center;*/
}
div.hr hr 
{
   /*display: none; */ /* hide the hr line so only the image is there */
}

input.ReadOnlyTextBox
{
	border-style: none;
	border-width: 0px; 
	/*background-color:White; */
}

textarea.ReadOnlyTextBox
{
	border-style: none;
	border-width: 0px; 
	/*background-color:White; */
}

input.EnableEditTextbox
{
}

textarea.DisbleEditTextbox
{
}
 
input.DisbleEditTextbox
{
	border-style: none;
	border-width: 0px; 
	/*background-color:White; */
}

textarea.DisbleEditTextbox
{
	border-style: none;
	border-width: 0px; 
	/*background-color:White; */
}

/*
  ok, save, exit etc. button in the button of a pages
*/
input.OkCancelButton
{
	padding: 20px, 20px, 20px, 20px;
	margin: 20px, 20px, 20px, 20px; 
	width: 5em;
}

/* 
  Std. menu link behavior genereal for the site
*/

/* Interfere with the TreeView in generel */
/****
a:link    { font-weight:normal; text-decoration:none; color:black; }  *//* unvisited link *//*
a:visited { font-weight:normal; text-decoration:none; color:black; }  *//* visited link *//*
a:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  *//* mouse over link *//*
a:active  { font-weight:normal; text-decoration:none; color:black; }  *//* selected link *//*	
****/

a.pso2:link    { font-weight:normal; text-decoration:none; color:inherit; }  /* unvisited link */
a.pso2:visited { font-weight:normal; text-decoration:none; color:inherit; }  /* visited link */
a.pso2:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  /* mouse over link */
a.pso2:active  { font-weight:normal; text-decoration:none; color:inherit; }  /* selected link */	

a.pso3:link    { font-weight:normal; text-decoration:none; color:inherit; }  /* unvisited link */
a.pso3:visited { font-weight:normal; text-decoration:none; color:inherit; }  /* visited link */
a.pso3:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  /* mouse over link */
a.pso3:active  { font-weight:normal; text-decoration:none; color:inherit; }  /* selected link */	

/* 
  A css class for trace information that can be enabled and disabled easily 
*/
.SiteInfo
{
	visibility:hidden;
	color:black;
	font-size:smaller;    
	text-align:center;
}


/*
  Header control on top of most af the pages
*/

.NoTestSite
{
	visibility:collapse;
}

.TestSite
{
	visibility:hidden; 
	position:fixed;
	left:300px;
	top: 10px;  
	color:Blue;
	font-size:large; 
	font-weight:bolder;     
	text-align:center;
	z-index: 1000; 
}

/* the outer div of the header control */
/* the image in the header */
.headerctrl
{
	float: none;
	position: relative;
	top: 0px;
	left: 0px;
	width: 976px;
	color: black;
	background-color: White;
}

/* The block with the web site image */
.header_1
{
	float: none; 
	position: absolute;
	top: 1px;
	left: 20px;
	height:118px;
	width: 120px;
	/*overflow:hidden; 	*/
	z-index: 100; 
}

#header_Image
{
}


/* The top block with the bluegray color */
.header_1a
{
	float: left; 
	position: relative;
	height:30px;
	width: 976px;
	/*overflow:hidden; 	*/
	background-color:white;
}

.header_1b
{
	float: left; 
	position: relative;
	width: 976px;
	height:116px;
	/*overflow:hiden; 	*/
	background-color: White;
	/***
	border-top: solid 1px #addad7; 
	border-left: solid 1px #addad7; 
	border-right: solid 1px #addad7; 
    ****/
}

.header_top
{
	float: none; /* left */
	position: static; /* relative; */
	width: 976px;
	height:75px;
}

/* The block with the web site title */
.header_2 
{
	float: none; /* left */
	position: relative;
	top: 30px;
	width: 762px;
	left: 200px;
	line-height: 24px; 
	color: black;
	z-index:100; 
}


/* the title taxt */
span.header_title
{
	float: left;
	font-size: larger;
	font-weight:bolder; 
}

/* The version number text */
span.header_version
{
	float: left;
	font-size:xx-small;
	margin-left: 16px;
}

/* The block with the login information */
span.header_user_info
{
	float: right;
	position: static; /* relative; */
	font-size: x-small;
}

.header_menu 
{
	visibility:collapse; 
	float: none;
	position:static; 
	height:21px;
	width: 976px;
	font-size: small;
	background-image: url('Images/MainMenu.gif');
	background-repeat:repeat-x;
	z-index: 50;  
}

/* menu header button */
.header_menubutton 
{
	visibility: collapse;  
	float:right; 
}

.stor_bredder  
{
	visibility: collapse;  
	width: 130px; 
}
.mellem_bredder  
{
	visibility: collapse;  
	width: 90px; 
}
.lille_bredder 
{ 
	visibility: collapse;  
	width: 60px; 
}

.nul_bredder  
{
	visibility: collapse;  
	width: 1px; 
}

.header_menulinktekst 
{
	visibility:collapse; 
	text-decoration:none;	
}

.header_sitepath
{
	visibility:collapse; 
	text-decoration:none;	
}


/* 
 The body workspace place for the application 
*/
.workspace
{
	float: none;
	position: static; /* relative; */
	top: 0px;
	left: 0px;
	width: 936px; /* 976px - 40px (2*padding) */
	color: Black;
	background-color: White;  
	min-height:400px; 
	padding: 20px 20px 20px 20px;
	/***
	border-bottom: solid 1px #addad7; 
	border-left: solid 1px #addad7; 
	border-right: solid 1px #addad7; 
    ***/
}

/* 
  Default.aspx - the login page 
*/

.default_top {
	width: auto;
	height: 40px;
}

.default_mid {
	/*margin: 6px;*/
	position: relative;
	width: auto;
	height: 200px; 
}

.default_buttom {
	float: none;
	width: 100%;
	height: 130px;
}

.default_footer
{
	float: left;
	position: static; /* relative; */
	width: 100%;
	height: 2em; 
	border:none;
	text-align:center;
	font-size:smaller;
	color: black;
}

.footerItem
{
	padding: 0px 10px 0px 0px;
}

.footerItem a:link    { font-weight:normal; text-decoration:none; color:black; }  /* unvisited link */
.footerItem a:visited { font-weight:normal; text-decoration:none; color:black; }  /* visited link */
.footerItem a:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  /* mouse over link */
.footerItem a:active  { font-weight:normal; text-decoration:none; color:black; }  /* selected link */	

.Print
{
	padding-top: 4;
	float: left;  
}

.Print a:link    { font-weight:normal; text-decoration:none; color:black; }  /* unvisited link */
.Print a:visited { font-weight:normal; text-decoration:none; color:black; }  /* visited link */
.Print a:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  /* mouse over link */
.Print a:active  { font-weight:normal; text-decoration:none; color:black; }  /* selected link */	

/* 
   generel basis pages 
*/

.bruger
{
	margin: 0px;
	vertical-align:top;
}

.brugerfirmaspecifik
{
	margin: 0px;
}

.ejd  /* ejendomme */
{
	margin: 0px;
}

.ent  /* entreprise */
{
	margin: 0px;
}

.etage  
{
	margin: 0px;
}

.firma
{
	margin: 0px;
}

.rumfunk /* rumfunktion */
{
	margin: 0px;
}

.stdMangel
{
	margin: 0px;
}


.firmaliste
{
	height: 2em; 
}

.liste
{
	visibility:visible;
}

/* The button/link below the gridView list with basis data */
div.opret_ny
{
	padding: 5px 5px 5px 0px;
}

.OpretCtrl
{
}

/*
   The div on the page with "crate new" basis data 
*/
div.opret
{
	margin: 0px;
}

/*
   The div on the page with "edit" basis data 
*/
div.rediger
{
	margin: 0px;
}

/*
   The div on the page with "slet" basis data 
*/
div.slet
{
	margin: 0px;
}

.detail
{
	margin: 20px;
	width: 200px; 
}

.error_msg
{
	margin: 20px;
}

/*
  Define the ejendom
*/

/****
a:link    { font-weight:normal; text-decoration:none; color:black; }  *//* unvisited link *//*
a:visited { font-weight:normal; text-decoration:none; color:black; }  *//* visited link *//*
a:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  *//* mouse over link *//*
a:active  { font-weight:normal; text-decoration:none; color:black; }  *//* selected link *//*	
****/
/*
  Standard gridview setup 
*/

.GridView
{
	color:Black;
	background-color:White;  
	border:none;
	width: 938px; 
}

tr.GridViewHeader
{
	color:Black;
	background-image: url('Images/MainMenu.gif');
	background-repeat:repeat-x;  
}

tr.GridViewHeader th
{
	border-color:white; 
	/*border-width:thin; */
	border:none;
	border-style:none; 
	width:80px; 
}

tr.GridViewHeader th a:link    { font-weight:normal; text-decoration:none; color:black; }  /* unvisited link */
tr.GridViewHeader th a:visited { font-weight:normal; text-decoration:none; color:black; }  /* visited link */
tr.GridViewHeader th a:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  /* mouse over link */
tr.GridViewHeader th a:active  { font-weight:normal; text-decoration:none; color:black; }  /* selected link */	

.GridViewRow
{
	 color:black;
}

.GridViewAltRow
{
	 color:black;
}

tr.GridViewRow td a:link    { font-weight:normal; text-decoration:none; color:black; }  /* unvisited link */
tr.GridViewRow td a:visited { font-weight:normal; text-decoration:none; color:black; }  /* visited link */
tr.GridViewRow td a:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  /* mouse over link */
tr.GridViewRow td a:active  { font-weight:normal; text-decoration:none; color:black; }  /* selected link */	

tr.GridViewAltRow td a:link    { font-weight:normal; text-decoration:none; color:black; }  /* unvisited link */
tr.GridViewAltRow td a:visited { font-weight:normal; text-decoration:none; color:black; }  /* visited link */
tr.GridViewAltRow td a:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  /* mouse over link */
tr.GridViewAltRow td a:active  { font-weight:normal; text-decoration:none; color:black; }  /* selected link */	

.GridViewFooter
{
	border:none; 
	color:black;
}

.GridViewEmpyData
{
}

.GridViewPage
{
	border:none; 
}

.GridViewRow td
{
	border-color:white; 
	/*border-width:thin; */
	border:none;
	border:none; 
}

tr.GridViewRow td a:link    { font-weight:normal; text-decoration:none; color:inherit; }  /* unvisited link */
tr.GridViewRow td a:visited { font-weight:normal; text-decoration:none; color:inherit; }  /* visited link */
tr.GridViewRow td a:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  /* mouse over link */
tr.GridViewRow td a:active  { font-weight:normal; text-decoration:none; color:inherit; }  /* selected link */	

.GridViewAltRow td
{
	border-color:white; 
	/*border-width:thin; */
	border-style:none; 
}

tr.GridViewAltRow td a:link    { font-weight:normal; text-decoration:none; color:inherit; }  /* unvisited link */
tr.GridViewAltRow td a:visited { font-weight:normal; text-decoration:none; color:inherit; }  /* visited link */
tr.GridViewAltRow td a:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  /* mouse over link */
tr.GridViewAltRow td a:active  { font-weight:bolder; text-decoration:none; color:inherit; }  /* selected link */	

/* Is this style used? */
.GridViewSelectedRow
{
	border-color:white; 
	/*border-width:thin; */
	border-style:none; 
}

tr.GridViewSelectedRow td a:link    { font-weight:bolder; text-decoration:none; color:inherit; }  /* unvisited link */
tr.GridViewSelectedRow td a:visited { font-weight:bolder; text-decoration:none; color:inherit; }  /* visited link */
tr.GridViewSelectedRow td a:hover   { font-weight:normal; text-decoration:underline; color:#04798f; }  /* mouse over link */
tr.GridViewSelectedRow td a:active  { font-weight:bolder; text-decoration:none; color:inherit; }  /* selected link */	

tr.GridViewEmptyDataTemplate td 
{
	border-color:white; 
	border-width:thin; 
	border-style:none; 
    padding: 10px;
	/*color: Red;*/
	width: 300px; 
}

/*
  Standard detailsview setup 
*/


.DetailsView
{
	color:Black;
	background-color:white;  
	border:none; 
	width:200px;
	padding: 20px;  
}

.DetailsViewAltRow
{
}

.DetailsViewRow
{
}

.DetailsViewCommand
{
}

.DetailsViewEditRow
{
}

.DetailsViewInsertRow
{
}

.DetailsViewEmptyRow
{
}

.DetailsViewFieldHeader
{
}

.DetailsViewHeader
{
}

.DetailsViewFooter
{
}

.DetailsViewPage
{
}

/*
  Mangle selection control
*/

.MangleSelector
{
}

.MangleSelectorPanel
{
	padding : 10px 0px 10px 0px;
}

.MangleSelectorTabel
{
	width: 98%;
	padding: 10px 0px 0px 0px; 
}

.DropDownListLabel
{
}

.DropDownList1
{
	width:90%
}

.MangleSelectorTabelRow1
{
	width:200px;
	min-width:200px;
}

.MangleSelectorTabelRow2
{
	width:200px;
	min-width:200px;
}

.MangleSelectorTabelRow3
{
	width:200px;
	min-width:200px;
}

.MangleSelectorTabelRow4
{
	width:200px;
	min-width:200px;
}

/* knappen i mangel selector */
.MangleSelectorAction
{
	width:8em;
}

.MangleStatusPanel
{
}

/*
  opret mangel siden
*/

.MangleVis
{
	background-color:white; 
	width: 100% 
}

.MangleOpret
{
	background-color:white; 
	width: 25% 
}

.fremhaev
{
	font-weight:bold;  
	padding-bottom: 10px; 
}

.Boks
{
	padding: 20px 10px 10px 10px; 
	width:100%;
}

/* the magel id field */
#FormView1_txtIDNr
{
	border: none;
	font-weight:bold;  
	background-color:white;  
}

.feltLabel
{
	vertical-align:top;
}

.txtMangelOveskrift
{
	width:90%;	
}

.txtMangelDetajleBesk
{
	width:55%;	
	height: 4em;	
}

.BilledNoter
{
	width:500px;
}

/* upload radio button */
.radiobut
{
	padding-bottom: 10px; 
}

/* 
  upload billeder siden
*/

.Filupload
{
	width: 80%;
	/*margin : 20px 10px 10px 10px; */
	padding: 20px 10px 10px 10px; 
}

.FiluploadMangelInfo
{
	width: 80%;
	/*margin : 20px 10px 10px 10px; */
	padding: 20px 10px 10px 10px; 
}

.FiluploadBilledBeskrivelse
{
	width: 80%;
	/*margin : 20px 10px 10px 10px; */
	padding: 20px 10px 10px 10px; 
}

input.FileUploadButton
{
	padding: 20px, 20px, 20px, 20px;
	margin: 20px, 20px, 20px, 20px; 
	width: 8em;
}

/*
  slide show picture control
*/

.SlideShowOuterHalfWidth
{
	height:auto;
	width: 480px; 
	overflow:hidden;
}

.SlideShowOuterFullWidth
{
	height:auto;
	width: 920px; 
	overflow:hidden;
}

.SlideShowInner
{
	height:100%;
	width: auto; 
}


.SlidePictureOuter
{
	float:left;
}

.SlidePictureInner
{
	padding: 5px 5px 5px 5px;
	background-color: white; 
	border: solid 1px black;
}

/* side der viser et stor billed */
.mangelbilled
{
	padding: 10px 10px 10px 10px;  
	border-style:outset;   
}

.PictureText
{
	white-space: nowrap;
}
/* 
   Mangel historik
*/

.rbNyStatus
{
}

.AktiveMangelStatus
{
	font-weight:bolder;  
}

/*
  Mangel historik kontrol
*/

.MangelCommentList
{
	width: 400px;  
	height: 15em; 
	overflow:hidden;
	padding: 10px 0px 0px 0px;
}

.MangelCommentHeader
{
	font-weight: inherit; 
	width: 100%;  
	padding: inherit; 
}

.MangelCommentList2
{
	width: 398px;
	height: 8em; 
	border: solid 1px #addad7;
	padding: inherit; 
}

.MangelCommentTabel
{
	width: 381px;
	border: none 0px;  
    /*height: 150px;*/
	padding: 0px 0px 0px 0px; 
}

.MangelCommentItem
{
	width: 100%;
	background-color: white; 
	padding: 0px 0px 0px 0px; 
}

.MangelCommentItemHeader
{
	font-weight:bolder; 
	background-color: inherit; 
	width: 100%;  
	white-space:pre; 
	padding: inherit; 
}

.MangelCommentItemBody
{
	font-weight:normal;  
	background-color: white; 
	width: 100%;  
	white-space: pre-wrap; 
	padding: inherit; 
}

.MangelCommentFooter
{
	width: 382px;
}

.MangelCommentTextBoxHeader
{
	font-weight:normal;  
	/* background-color: #eaeaf3; */
	background-color: white; 
	height: 1em; 
	width: 398px;
	padding: inherit; 
}

.MangelCommentTextBox
{
	height: 4em; 
	width: 398px;
	border: solid 1px #addad7;
	white-space: pre-wrap; 
	padding: 0px 0px 0px 0px; 
}

.MangleStatusPanel
{
	visibility:collapse; 
}
/*
Dropdownlist predefined
*/

.DropDownListSmall
{
	width:10em;
}

.DropDownListMedim
{
	width:20em;
}

.DropDownListWide
{
	width:30em;
}


/*

*/

.PrintLink
{
	visibility : collapse;
	padding: 10px; 
}


