/*
  Dette stylesheet indeholder definitioner, der er er generelle for hele løsningen
*/

/******************************************************************************
 Generelt sidelayout
******************************************************************************/

body
{
	margin: 0px;
}
body, table
{
	font-size: 11px;
	color: #4a443a;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

#topleft, #centerleft, #bottomleft
{
	width: 150px;
	padding-left: 5px;
	padding-right: 5px;
}

#topcontent, #centercontent, #bottomcontent
{
	padding-left: 10px;
	padding-right: 10px;
}

#toparea
{
	height: 60px;
}
#topleft
{
	background-color: #a49b8a;
}
#topcontent
{
	padding-left: 10px;
	font-size: 20px;
	font-weight: bold;
	background-color: #97b8c4;
	color: #ffffff;
}

#centerarea
{
}
#centerleft
{
	background-color: #cec9c0;
	padding-top: 10px;
}
#centercontent
{
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 15px;
}

#bottomarea
{
	height: 20px;
	background-color: Red;
}
#bottomleft
{
	background-color: #97b8c4;
}
#bottomcontent
{
	background-color: #a49b8a;
}

#version
{
	float: right;
}


/******************************************************************************
 Links
******************************************************************************/

DIV.infolink A, DIV.textblock A
{
	color: #336699;
	text-decoration: none;
}
DIV.infolink A:hover, DIV.textblock A:hover
{
	color: #ff0000;
	text-decoration: none;
}

DIV.infolink A
{
	padding-left: 10px;
	background-image: url(usd_linkpil.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
}
DIV.infolink A:hover
{
	background-image: url(usd_linkpil_over.gif);
}

DIV.textblock A
{
}


#UnikLink A, #UnikLink A:visited
{
	color: #ffffff;
	text-decoration: none;
	background-image: none;
	padding-left: 0px;
}

#UnikLink A:hover
{
	color: #4a443a;
	text-decoration: none;
}

SPAN.help
{
	padding-top: 2px;
	width: 20px;
}
.help IMG
{
	border: none;
}

/******************************************************************************
 Forme, indtastningskontroller og knapper
******************************************************************************/
.form
{
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: #dcdcdc;
}

.formtbl
{
/*
	border: solid 1px #dcdcdc;
*/
}

.formtbltop
{
/*	
	border-top: solid 1px #dcdcdc;
	border-bottom: solid 0px #dcdcdc;
*/
}

.formtblbottom
{
/*
	border-top: solid 0px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
*/
}

.formtblmiddle
{
/*	
	border-top: solid 0px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
*/
}

.formtblmiddle, .formtbltop, .formtblbottom
{
/*	
	border-left: solid 1px #dcdcdc;
	border-right: solid 1px #dcdcdc;
*/
}

.formtextblock
{
	padding-bottom: 5px;
	width: 400px;
}
.formgroupeparator
{
	height: 10px;
}

.formcollabel
{
	width: 173px;
}
.formcolrequired
{
	width: 7px;
}
.formcolinput
{
}
.formcolhelp
{
	width: 20px;
}
.formcolvalidator
{
}
.formlabel
{
	padding-top: 2px;
	padding-right: 20px;
	width: 180px;
	float: left;
}
.formradio
{
	float: left;
	padding-top: 1px;
	padding-bottom: 1px;
}
.formradiolist
{
}
.formcheckbox
{
}

.formvalidator
{
	color: #ff0000;
	padding-left: 10px;
}
.formbuttonpanel
{
	padding-top: 10px;
	float: right;
}
.formfieldtext, .formfieldtextupper
{
	width: 120px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
.formfieldtextupper
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	text-transform: uppercase;
}
.formfieldwidetext
{
	width: 220px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}	
.formfieldtextpostnr
{
	width: 70px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
.formfieldmemo
{
	width: 220px;
	height: 80px;
	font-family: verdana, tahoma, sans sherif, helvetica;
	font-size: 11px;
}
.formfieldcombo
{
	width: 120px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
.formfieldwidecombo
{
	width: 220px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
.formfielddato
{
	width: 75px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}
.formfieldnumber
{
	width: 75px;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11px;
}

.formfieldrequired, .formfieldrequiredsymbol
{
	color: #ff0000;
}
.formfieldrequired
{
	margin-left: 5px;
	margin-right: 5px;
	width: 7px;
}
.forminfo
{
	width: 422px;
}

/******************************************************************************
 Menu
******************************************************************************/
.MenuItem
{
	color: #4a443a;
	padding-top: 4px;
	padding-bottom: 4px;
	width: 140px;
}
.MenuItemSelected
{
	color: #4a443a;
	background-color: #e9e7e3;
	padding-top: 4px;
	padding-bottom: 4px;
}

/******************************************************************************
 Indhold
******************************************************************************/

DIV.datablock, DIV.textblock
{
	padding-bottom: 10px;
}

DIV.textblock
{
	width: 400px;
}

DIV.textblock P
{
	margin: 0px 0px 2px 0px;
}

DIV.heading, TABLE.heading
{
	font-weight: bold;
}

DIV.warning, TABLE.warning
{
	border-left: #999999 1px solid;
	border-right: #999999 1px solid;
	border-top: #999999 1px solid;
	border-bottom: #999999 1px solid;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #ffffcc;
	font-weight: bold;
	width: 400px;
}

DIV.infowarning, TABLE.infowarning {
  border-left: #999999 1px solid;
  border-right: #999999 1px solid;
  border-top: #999999 1px solid;
  border-bottom: #999999 1px solid;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #ccff99;
  font-weight: bold;
  width: 400px;
}

SPAN.nowrap
{
	display: inline-block;
}
SPAN.hint
{
	font-size: 10px;
}

.tbl
{
	border: solid 1px #a49b8a;
}
.tblhead th
{
	height: 18px;
	text-align: left;
	background-color: #cec9c0;
	padding: 3px;
}
.boliggaranti td{
  background-color: #ccff99;
}
.tblbody td
{
	height: 18px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-top: 2px;
	vertical-align: top;
}
.tblfoot td
{
	height: 18px;
	vertical-align: middle;
	background-color: #cec9c0;
	font-weight: bold;
	padding: 3px;
}
.tblsepdotted 
{
	height:1px;
	border-bottom: 1px dotted #a49b8a;
}

SUP
{
	font-size: 80%;
}

.boliggaranti {
  background-color: #ccff99;
}

/******************************************************************************
 HtmlNoter
******************************************************************************/
DIV.htmlnote
{
}
DIV.htmlnote P
{
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
}
DIV.htmlnote H1, DIV.htmlnote H2, DIV.htmlnote H3
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
DIV.htmlnote H1
{
	font-size: 14px;
	font-weight: bold;
}
DIV.htmlnote H2
{
	font-size: 12px;
	font-weight: bold;
}
DIV.htmlnote H3
{
	font-size: 11px;
	font-weight: bold;
}
DIV.htmlnote UL
{
	margin-top: 0px;
	margin-bottom: 0px;
	list-style-position: outside;
	list-style-type: square;
}
DIV.htmlnote LI
{
	margin-left: -20px;
}


/******************************************************************************
DevExpress Hacks
******************************************************************************/
.DevExpressButtonHackInline {
  display: inline !important;
}
.DevExpressButtonHackInline.dxbButton {
  display: inline !important;
}
.dxeDisabled { /*hack to mimic ie disabled color code*/
    color: #e6e6e6 !important;
  background-color: #e6e6e6 !important;
}
