.ikkeDesignetEndnu
{
	background-image: url(../img/ikkeDesignetEndnu.png);
}
/* globale settings */
body  {
 text-align: center; 
 margin-top: 3px;
 background-color: #c6d1d6; 
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 8pt;
 color: black; 
 padding: 0px;

}

td, th {
 text-align: left;
 vertical-align: top;
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 8pt;
 color: black; 
}

a.koncernNav{
   text-decoration: underline;

}

a, #navigation a:visited {
 color: #003366;
 font-weight: normal;

}
a:hover {
 color: black;
}
a:active {
 color: black;
}

input {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 8pt;
/*  height: 18px; */
}

.inputPrice {
 text-align: right;
}
select {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 8pt;
/* height: 18px; */
}
textarea {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 8pt;
 border: 1px solid;
}

/* Toppen i den yderste kasse */
#outerbox .top {
 width: 982px;
 height: 6px;
 margin: 0px auto;
 background: white url(../kasser/nw.png) no-repeat left top;
 text-align: left;
}
#outerbox .top .rightCorner {
 float: right;
 background: white url(../kasser/ne.png) no-repeat right top; 
 width: 6px;
 height: 6px;
}

/* Container til indholdet i den yderste kasse */
#outerbox .contents {
 text-align: left;
 width: 982px;
 background: white; 
 margin: 0px auto;
 padding-bottom: 0px;
}

p.section{
  margin: 0px;
  padding: 10px;
  
}

/* Overskrift med logo m.m. */
#Tekst {
  padding-left: 10px;
  margin-bottom: 5px;
}
#Tekst hr {
  width: 972px;
  height: 10px;
  background-color: #6295ca;
}
#topSeperator
{
	background-position: left top;
	background-image: url(../img/topSeperator.gif);
	background-repeat: repeat-x;
	height: 20px;
}

/* Indholds området */
#main {
  
}

div.loginHolder, x:-moz-any-link 
{
   text-align: -moz-center; 
   vertical-align: center;
}

div.loginHolder, x:-moz-any-link, x:default
{
   text-align: center; 
   vertical-align: center;
}

#main .vindue .omraadeBillede {
 position: relative;
 top: -24px;
}
#main .vindue .omraadeTekst {
 position: relative;
 top: -24px;
}
#main .vindue .top {
    width: 982px;
    height: 20px;
	background: #7796b2  url(../kasser/vindue_se.png) no-repeat right top;
}
#main .vindue .indhold {
    width: 982px;
	background: white;
	border-left: 1px solid #003366;
	border-right: 1px solid #003366;
	border-bottom: 1px solid #003366;
}


/* Footer container i indholdsområde */
#footerContainer {
 clear: both;
 display: table;
 position: relative;
 width:99%;
 text-align: left;
 height: 50px;
 background-color: white;
 margin: 0px;
 padding-left: 5px;
 padding-right: 5px;
}

* html #footerContainer {
 width: 100%;
}


#footerContainer div.hr{
  border-bottom: solid 1px #7796b2;
  height:2px;
  padding: 0px;
  margin: 0px;
}


#footerContainer ul
{   
	list-style-type: none;
	border-right: solid 1px #7796b2;
    margin:0px;
	float: right;
}

#footerContainer ul.wide
{   
	width: 70%
}

#footerContainer ul li
{
	float: right;
	margin: 0px;
	border-left: solid 1px #7796b2;
	border-bottom: solid 1px #7796b2;	
    vertical-align: middle;	
    display: table;


}
#footerContainer ul li.short {
	width: 70px;
}
#footerContainer a {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 color: #808080;
 height: 26px;
 display: table;
 width: 110px;
 padding-left: 4px;
 padding-top: 4px; 
}

#footerContainer li.short a {
	width: 70px;
}

#footerContainer a:hover {
 text-decoration: none;
 background-color: #808080;
 color: white;
}

/* menuen i bunden */

a#menuForside  {
  background: url(../img/home.gif) no-repeat 95% 2px;

}
#menuForside:hover  {
 background: url(../img/homeHover.gif) no-repeat 95% 2px;

}


#footerContents {
 background: #6295ca url(../kasser/footer_sw.png) no-repeat left bottom;
}
#footerContainer .rightCorner {
 float: right;
 background: #6295ca url(../kasser/footer_se.png) no-repeat left bottom;
 width: 6px;
 height: 6px;
 margin: 0px 0px;
 padding: 0px;
 
}

/* Indhold i footer i indholdsområde */
#footerContents {
 margin: 0px 0px;
 padding: 2px 0px 2px 6px;
 width: 110%;
}

/* Ekstra information i bunden af skærmen*/
#footerInformation {
 float: left;
 font-size: 8pt;
 text-align: left;
 height: 20px;
}
#footerInformation strong {
 float: left;
 font-size: 8pt;
 font-weight: 600;
 width: 80px;
}
#footerInformation b {
 float: right;
 padding-right: 2px;
}
#footerInformation span {
 float: left;
 font-size: 8pt;
 font-weight: normal;
 width: 180px;
}

/* Bund i den yderste kasse */
#outerbox .bottom {
 width: 982px;
 height: 6px;
 margin: 0px auto;
 background: white url(../kasser/sw.png) no-repeat left bottom;
 text-align: left;
}
#outerbox .bottom .rightCorner {
 float: right;
 background: white url(../kasser/se.png) no-repeat right bottom; 
 width: 6px;
 height: 6px;
}

div {
border: 0px solid black;
}

#ready4Assist {
  clear: left;
  width: 420px;
  padding-bottom: 10px;
}

#fakturaAfsendelse {
  float: left;
  width: 420px;
  padding-bottom: 10px;
}
#egenVedligehold {
  float: right;
  width: 420px;
  padding-bottom: 10px;
  margin-right: 30px;
}
#egenVedligeholdAdmin {
  float: right;
  clear: both;
  width: 420px;
  padding-bottom: 10px;
  margin-right: 30px;
}

#fakturaModtagelse, #alleDokumenter, #arbejdMedIndbetalinger, #ttcCustomer, #ttcSupplier {
  clear: left;
  width: 450px;
  padding-bottom: 10px;
}

#fakAfsImg {
 float: left;
 margin-left: 15px;
 margin-right: 4px;
}
#fakModtImg, #alleDokImg, #arbejdMedIndbetalingerImg, #ttcCustomerImg, #ttcSupplierImg {
 float: left;
 margin-left: 20px;
 margin-right: 19px;
}
#egenVedlImg {
 float: left;
 margin-left: 10px;
 margin-right: 10px;
}
#fakAfsTekst, #fakModtTekst, #alleDokTekst, #egenVedlTekst, #ready4AssistTekst, .omraadeHeader, #trueTradeText, #arbejdMedIndbetalingerTekst, #ttcCustomerText, #ttcSupplierText {
 font-size: 14pt;
 font-weight: 600;
 color: Black;
}

#fakModtIndbakke, #alleDokIndbakke {
 color: Black;
 font-size: 10pt;
 margin-left: 5px;
 position: relative;
 bottom: 1px;
}

a.funktion
{
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 padding-left: 15px;
 background: url(../img/listItemIcon.gif) white no-repeat left center;
}
a:hover.funktion
{
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 padding-left: 15px;
 background: url(../img/2loaderAni.gif) white no-repeat left center;
}

a.linkOpret
{
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 padding-left: 15px;
 background: url(../img/listItemIcon.gif) no-repeat left center; 
}
a:hover.linkOpret
{
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 padding-left: 15px;
 background: url(../img/2loaderAni.gif) no-repeat left center; 
}
a.linkSlet
{
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 padding-left: 15px;
 background: url(../img/sletkryds.gif) no-repeat left center; 
}

a.linkExport2XLS
{
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 padding-left: 25px;
 background: url(../img/export2xls.JPG) no-repeat left center; 
}

a:hover.linkExport2XLS
{
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 padding-left: 25px;
 background: url(../img/export2xls.JPG) no-repeat left center; 
}

/* DIVERSE ELEMENTER - skal i første omgang ikke laves layout på dem */
#logo {
}
.show {
	border: 1px solid black;
	background-color: #eee;
}
#forsideImg, #hjaelpImg {
 margin-left: 2px;
}



/* Logpå side */
#logInd {
 width: 300px;
 text-align: center;
 display: table;
 position: relative;
 
 display:-moz-inline-stack;/*Firefox*/
  display:inline-block; /*not for IE or Firefox*/
  _overflow:hidden;/*fix for IE6*/
  zoom:1;/* hasLayout*/
  *display:inline;/*when hasLayout true display:inline behaviors as the display:inline-block*/  

}

#logIndTekst {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 12pt;
 font-weight: 600;
 clear: both;
}
#logIndTekst .tekst {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-weight: normal;
 font-size: 8pt;
}
#logIndTekst .tekstFejl {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-weight: bold;
 font-size: 8pt;
 color: red;
}


#brugerNavnContainer, #kodeordContainer {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: 600;
 clear: both;
}

#kodeord, #userId {
 width: 100px;
}

#brugerNavnContainer label, #kodeordContainer label{
 font-size: 8pt;
 text-align: right;
 width: 80px;
 padding-bottom: 2px;
 
 display:-moz-inline-stack;/*Firefox*/
  display:inline-block; /*not for IE or Firefox*/
  _overflow:hidden;/*fix for IE6*/
  zoom:1;/* hasLayout*/
  *display:inline;/*when hasLayout true display:inline behaviors as the display:inline-block*/ 

}



#logIndKnapContainer {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-weight: 600;
 padding-top: 12px;
 text-align: center;
 font-size: 8pt;
}
#logIndKnapContainer input
{
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 8pt;
}

/* ENtry page generic layout */
#fakAfsOmraadeTop {
 width: 972px;

 background-color: white;
 padding-top: 5px;
 margin-left: 5px;
 margin-right:5px;
  border-bottom: solid 1px #7796b2;	
 vertical-align: bottom;
 display: table;
}

#omraadeImgContainer {
 width: 71;
 height: 71;
 float: left;
 margin-right: 10px;
 overflow: hidden;
}

#fakAfsOmraadeImg {
 
}

.omraadeFunktionerMenu 
{

	position: relative;
	float: left;
    padding-top: 25px;
    padding-bottom:0px;
    vertical-align: bottom;
}

.omraadeFunktionerMenu span
{
    margin:0px;
    padding: 0px;
	float: left;
}

.omraadeFunktionerMenu a {
 border-left: solid 1px #7796b2;
 border-top: solid 1px #7796b2;
 padding-left: 4px;
 padding-right:4px;
 padding-top:2px;
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 color: #808080;
 height: 24px;
 display: table;

}
.omraadeFunktionerMenu a:hover {
 border-left: solid 1px #7796b2;
 border-top: solid 1px #7796b2;
 text-decoration: none;
 background-color: #808080;
 
 color: White;

}
.omraadeFunktionerMenu .selected {
 border-left: solid 1px #7796b2;
 border-top: solid 1px #7796b2;
 text-decoration: none;
 background-color: #7796b2;
 color: White;
}

.omraadeFunktionerMenu .last {
 border-right: solid 1px #7796b2;
}
.omraadeFunktionerMenu .roundRight
{
	background-position: right top;
	background-image: url(../kasser/omraadeTop_ne.png);
	background-repeat: no-repeat;
	width: 14px;
	height: 24px;

}

.omraadeFunktionerMenu .roundRightselected
{
	background-position: right top;
	background-image: url(../kasser/omraadeTop_ne_sel.png);
	background-repeat: no-repeat;
	background-color: #7796b2;
	width: 14px;
	height: 25px;
}

/* Undermenu faner */

.fanerMenu{
  padding-top: 5px;
}

.fanerMenu span
{
	margin-top: 5px;
	/* float: left; */

	vertical-align: bottom;
	float: left;
	position: relative;
}

.fanerMenu a {
 /*
 border-left: solid 1px #7796b2;
 border-top: solid 1px #7796b2;
 
 color: #808080;
 */

	background-position: right top;
	background-image: url(../img/fane.gif);
	background-repeat: no-repeat;

 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 text-align: center;
 width: 125px;
 height: 20px;
 display: table-cell;
 padding-top: 2px;
 padding-bottom: 2px;
}
.fanerMenu a:hover {
	background-position: right top;
	background-image: url(../img/fane-selected.gif);
	background-repeat: no-repeat;
 /*
 border-left: solid 1px #7796b2;
 border-top: solid 1px #7796b2;
 text-decoration: none;
 background-color: #808080;
 */
 width: 125px;
 height: 20px;
 padding-top: 2px;
 padding-bottom: 2px;
}
.fanerMenu .selected {

/*
 border-left: solid 1px #7796b2;
 border-top: solid 1px #7796b2;
 text-decoration: none;
 background-color: #7796b2;
 color: White;
*/
	background-position: right top;
	background-image: url(../img/fane-selected.gif);
	background-repeat: no-repeat;
 padding-top: 2px;
 padding-bottom: 2px;
}

.senderSettingsTab, .ttcSettingsTab{
  clear: both;
}

/* Menu med f.eks. hjælp og vælg som velkomstside */
.omraadeGenerelMenu {
 float: right;
 position: relative;
 padding-top: 25px;
}
.omraadeGenerelMenu span
{
 background-color: white;
}
.omraadeGenerelMenu .spacer
{
 width: 25px;
}
.omraadeGenerelMenu .last
{
 margin-right: 10px;
}
.omraadeGenerelMenu a {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 color: #808080;
}
#hjaelpImg {
 /* billede der er knap til hjælp */
 border-left: solid 2px white;
}
#valgtImg {
 /* billede der viser status om en side er start side eller ej */
 border-left: solid 2px white;
}
.forsideGenerelMenu {
 float: right;
 background-color: transparent;
}
.forsideGenerelMenu span
{
}
.forsideGenerelMenu .spacer
{
 width: 25px;
}
.forsideGenerelMenu .last
{
 margin-right: 10px;
}
.forsideGenerelMenu a {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 font-weight: normal;
 text-decoration: none;
 color: #808080;
}

/* Indhold i faktura afsendelse */
#fakAfsContents {
 margin: 0px 5px 0px 5px;
 clear: both;
 min-height: 300px; 
 height:auto !important; 
 height: 300px;
 padding-top: 5px;
 
}

/* grey box */
.greybox {
 background-color: #eff2f3;
}
.greyboxTop {
	height: 7px;
	background: #eff2f3 url(../kasser/greybox_nw.gif) no-repeat left top;
	width: 100%;
}
.greyBoxTopRightCorner {
 float: right;
 background: #eff2f3 url(../kasser/greybox_ne.gif) no-repeat right top; 
 width: 7px;
 height: 7px;
}
.greyboxBottom {
	height: 7px;
	background: #eff2f3 url(../kasser/greybox_sw.gif) no-repeat left bottom;
	width: 100%;
}
.greyBoxBottomRightCorner {
 float: right;
 background: #eff2f3 url(../kasser/greybox_se.gif) no-repeat right bottom; 
 width: 7px;
 height: 7px;
}

/* prototype relateret */
#eksempelIndhold1 {
 width: 300px;
 float: left;
 margin: 4px 4px 4px 4px;
 
}
#eksempelIndhold2 {
 width: 400px;
 float: left;
 margin: 4px 4px 4px 4px;
 
}

/* faktura afsendelse liste side BEGYND */

.unread {
   font-weight: 600;
}

#fakAfsListe, #invoiceLines, #allowanceChargeLines {
 background-color: white;
 display: table;
 width: 100%;
 padding-bottom: 1px;
}

.colButton {
 text-align: center;
 padding-left: 2px;
}
.colString, .colDatetime, .colInt {
 text-align: left;
 padding-left: 2px;
}
.THBlank, .TDBlank {
 text-align: left;
 padding-left: 2px;
}
.THButton, .TDButton {
 text-align: right;
 border-right: solid 1px #f0f0f0;
 border-top: solid 1px white;
 border-bottom: solid 1px #CAC6AF;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 0px;
 background-color: white;
 background-image: url(../img/topSeperator.gif);
 background-repeat: repeat-x;
}
.THString, .THDatetime, .THInt, .colDatetime, .colInt {
 text-align: left;
 
 border-bottom: solid 1px #d0d0d0;
 /*border-top: dotted 1px black;
 border-left: solid 1px white;
 */
 padding-left: 2px;
 padding-right: 2px;
 background-color: #f0f0f0;
 color: black;
}

.THStringTopBorder {
	border-top: solid 1px #d0d0d0;
}

th a {
 font-weight: 600;
 color: black;
 text-decoration: none;
}


.TDString, .TDDatetime, .TDInt {
 text-align: left;
 /* text-align: center; */
 border-right: solid 1px #f0f0f0;
 border-top: solid 1px white;
 border-bottom: solid 1px #CAC6AF;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 2px;
 background-color: white;
 background-image: url(../img/topSeperator.gif);
 background-repeat: repeat-x;
 /*border-top: solid 1px #d0d0d0;*/
}

.THDStringWithCheckBox {
	padding-top: 0px; 
	padding-bottom: 0px;
}

.TDRight {
 text-align: right; 
 border-right: solid 1px #f0f0f0;
 border-top: solid 1px white;
 border-bottom: solid 1px #CAC6AF;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 2px;
 background-color: white;
 background-image: url(../img/topSeperator.gif);
 background-repeat: repeat-x;
}
.TDCenter {
 text-align: center; 
 border-right: solid 1px #f0f0f0;
 border-top: solid 1px white;
 border-bottom: solid 1px #CAC6AF;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 2px;
 background-color: white;
 background-image: url(../img/topSeperator.gif);
 background-repeat: repeat-x;
}

.TDinput {
 text-align: left;
 border-right: solid 1px #f0f0f0;
 border-top: solid 1px white;
 border-bottom: solid 1px #CAC6AF;
 padding-left: 2px;
 padding-right: 2px;
 padding-top: 2px;
 background-color: white;
 background-image: url(../img/topSeperator.gif);
 background-repeat: repeat-x;
}

/* Hvis der ønskes lysere/afvigende vandret streg */
.lightHorisontal {
}

.beforeHeader {
  border-top: solid 1px white;
  border-bottom: solid 1px #d0d0d0;
}
#dokumentHeader, #modtagerHeader, #afsenderHeader {
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 font-size: 10pt;
 /*border-left: solid 1px black;
 border-top: solid 1px black;*/
 padding-left: 2px;
 background-color: #f0f0f0;
 color: black;
  border-top: solid 1px white;
}
.firstInArea, .firstColInTable {	
 border-left: solid 1px #CAC6AF;
}

.firstInTable {
 
}
.colSeperator {
}
.lastInTable {
 border-bottom: solid 1px #CAC6AF;
}
.lastHeader {
 /*border-right: solid 1px black;*/
 padding-right: 2px;
}
.lastCol {
 border-right: solid 1px #CAC6AF; 
}

 


#headStatus {
 /*border-left: solid 1px black;*/
 padding-left: 2px;
 background-color: #f0f0f0;
 color: black;
}

.butGensend {
 font-size: 8pt;
}
.colFocus {
  FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#becdda,endColorStr=#ffffff); 
  background-color: #becdda;
  font-weight: bold;
  color: black;
}
.colStatus {
  text-align: center;
}

/* faktura lister - farver (f.eks.) indikerer status */
.statusOk {
  background-image: url(../img/topSeperator.gif);
  background-repeat: repeat-x;
  background-color: white;
  color: black;
  padding-top: 2px;
}
.statusActive {
  background-image: url(../img/topSeperator.gif);
  background-repeat: repeat-x;
  background-color: white
  color: blue;
}
.statusNotOk {
  background-image: url(../img/topSeperator.gif);
  background-repeat: repeat-x;
  background-color: white;
  font-weight: 600;
  color: Red;
  padding-top: 2px;
}

#fakAfsContents .greybox {
 width: 100%;
 
 margin-bottom: 5px;
}
#fakAfsContents .greybox div{

}
#TextContents .greybox {
 width: 98%;
 
 margin-bottom: 5px;
}
#afgraensOmraade {
 background-color: #eff2f3;
  width: 95%;
  margin-left: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px 1px 0px  0px;
}
#afgraensOmraade td {

}
#afgraensOmraade td .lastCol {
 /*border-left: 1px solid black;*/
}



#afgraensOmraade label {
  font-weight: 600;
  margin-top: 5px;
}

#afgraensOmraade .overskriftAfgraens {
  font-size: 12pt;
  font-weight: 600;
  padding: 3px 3px 3px 3px;
  /*
  border-top: 1px solid white;
  border-left: 1px solid white;
  border-right: 1px solid white;
  border-bottom: 1px solid #707070;
  */
  
}
#afgraensOmraade .overskriftAfgraensRight {
  	 text-align: right;
	/*border-left: 1px solid white;*/
}

#afgraensOmraade label {
 width: 60px;
 font-weight: normal;
}

#afgraensOmraade td {
 /*
 border-left: 1px solid black;
 border-bottom: 1px solid black;
 */
}

#afgraensOmraade>td>select{
  width: 170px;
}

#afgraensOmraade>td>select{
  width: 170px;
}


#afgraensGenerelt {
 display: block;
  width: 200px;
 text-decoration: none;
 padding: 0px 0px 2px 60px;
 margin: 0px 0px 2px 0px;
 font-weight: 600;
}
#afgraensFakturaSettings, #afgraensModtagerSettings, #afgraensAfsenderSettings, #afgraensPeriodeSettings, #afgraensStatusSettings, #afgraensDokumentSettings {
 display: block;
}

#afgraensPeriode, #afgraensFaktura {
  width: 170px;
}
#afgraensModtager, #afgraensAfsender, #afgraensStatus, #afgraensDokument {
 width: 130px;
 text-decoration: none;
}

#afgraensStatus {
 width: 200px;
 text-decoration: none;
}

#afgraensStatus .overskrift {
 padding: 0px 0px 2px 60px;
 margin: 0px 0px 2px 0px;
 font-weight: 600;
}

#afgraensModtager .overskrift, #afgraensAfsender .overskrift, #afgraensDokument .overskrift {
 padding: 0px 0px 2px 30px;
 margin: 0px 0px 2px 0px;
 font-weight: 600;
}
#afgraensPeriode .overskrift {
 padding: 0px 0px 2px 30px;
 margin: 0px 0px 2px 0px;
 font-weight: 600;
}
#afgraensFaktura .overskrift {
 padding: 0px 0px 2px 40px;
 margin: 0px 0px 2px 0px;
 font-weight: 600;
}
#afgraensFaktura label {
 width: 40px;
}
#afgraensPeriode label, #afgraensDokument label, #afgraensAfsender label, #afgraensModtager label {
 width: 30px;
}
.overskrift {
 padding: 0px 0px 2px 0px;
 margin: 0px 0px 2px 0px;
 font-weight: 600;
}
.afgraensKnapperCol {
 padding-top: 12px; /*34px;*/
 width: 100%;
 text-align: left;
 border: 0px solid black;
}


#labelSelectStatus, #labelAfsenderNr, #labelModtagerNr, #labelFakturaNummer, #labelFakturaDato, #labelDokumentId {
  padding-top: 5px;
}

#labelAfgraensDatoTil, #labelAfgraensDatoFra {
}


.listCellNewSearch {
  border-left: 1px solid black;
  border-top: 1px solid black;
  border-right: 1px solid black;
  border-bottom: 0px solid black;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  vertical-align: middle;
  text-align: center;
}
.listCellNewSearch a {
 width: 100%;
 text-decoration: none;
 height: 20px;
 padding-top: 4px;
}

.listCellNewSearch a:hover {

 text-decoration: none;
 background-color: #808080;
 width: 100%;
 height: 20px;
 color: White;
}
/* Ifbm. lister vises:
          "listShowFrom til listShowTo af listShowNoOfItems"
                     |      |              |
                     |      |    +---------+
   f.eks.            |      |    |
          "Viser fra 1 til 10 af 69 fakturaer"
*/
.listShowFrom {
  font-weight: 600;
}
.listShowTo {
   font-weight: 600;
}
.listShowNoOfItems {
   font-weight: 600;
}

.listShowInfoTop {
  border-left: 0px solid black;
  border-top: 0px solid black;
  border-right: 0px solid black;
  background-color: white;
}
.listShowInfoBottom {
  border-left: 0px solid black;
  border-bottom: 0px solid black;
  border-right: 0px solid black;  
  background-color: white;
  padding-top: 4px;
}

/* faktura afsendelse liste side SLUT */

/* form styles */
#inputtabel {
 background-color: white;
 display: table;
 padding-bottom: 1px;
 width: 100%;
}

.listtoppad {
  padding-top: 2px;
}
.labelwidth {
	width: 150px;
  padding-top: 4px;
}

.labelwidthShort {
	width: 100px;
  padding-top: 4px;
}
.labelwidthLong {
	width: 220px;
  padding-top: 4px;
}

.shopSystemlabelwidth {
	width: 200px;
  padding-top: 4px;
}
.asLink
{
cursor: pointer;	
}
* html .asLink
{
cursor: hand;
}

.textfield {
 width: 270px;
}

#buttonClass {
 text-align: center;

 float: right;
  width: 100px; 
}

#buttonClass a {
 background-color: #7796b2;
 border: solid 1px #CAC6AF;	
 font-size: 10pt;
 font-weight: 600;
 color: white;
 font-family: Verdana, Arial, Helvetica, Sans-serif;
 text-decoration: none;
 display: table;
 height: 20px;
 width: 100px; 
 margin: 0px;
 float: right;
}

#buttonClass a:hover {
 text-decoration: none;
 background-color: #808080;
 color: White;
 
}

* html #buttonClass a{
 padding-left:10px;
 padding-right: 10px;
}

#buttonClass .last {
 
}


/* Alternate style for buttons. It uses classes instead of IDs, and do not require DIV wrappers.

 Usage:
 <div class="buttonBar">
 	<a href="#">link_1</a>
 	<a href="#">link_2</a>
 	<a href="#">link_3</a>
 </div>
*/

.buttonBar a {
	/* allign right by default */
	/* WARN: elements are rendered in reverse order */
	float: right;
	clear:left;

	padding: 2px 15px;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-weight: 600;
	font-size: 10pt;
	text-align: center;
	text-decoration: none;
	white-space: nowrap;
	color: white;
	background-color: #7796b2;
	border: solid 1px #CAC6AF;
}

.buttonBar a:visited {
	color: white;
	background-color: #7796b2;
}

.buttonBar a:hover {
	color: white;
	background-color: #808080;
}

/* form styles */

/* Kontrakt visning på kontrakt siden. */
.contractData {
	cursor: pointer;
	background-color: #fefefe;
	color: #404000;
	overflow: auto;
	width: 500px;
	height: 200px;
	border: 1px solid #404040;
	padding: 2px;
	font-family: arial;
	font-size: 8pt
}
.xmlData {
	cursor: pointer;
	background-color: #fefefe;
	color: #404000;
	overflow: auto;
	width: 500px;
	height: 200px;
	border: 1px solid #404040;
	padding: 2px;
	font-family: arial;
	font-size: 8pt
}
.copyToClipboard {
	margin-right: 1px;
	float: right;
	cursor: hand;
	color: white;
	font-style: normal;
	font-weight: normal;
	font-size: 8pt;
	font-family: Arial, Helvetica;
	background-color: black;
	border-style: solid;
	border-width: 1 1px 1 1px;
	border-color: #696969;
	border-bottom-color: #696969;
	border-bottom-style: solid;
	border-collapse: inherit;
	border-left-color: #696969;
	border-left-style: solid;
	border-right-color: #696969;
	border-right-style: solid;
	border-spacing: 0px
}

.downloadLink {
	margin-right: 1px;
	float: right;
	cursor: hand;
}

.dimmed
{
	filter: alpha(opacity=40);
}

.shopSystemHeader
{
  font-size: 14pt;
  font-weight: bold;

}
.shopSystemSubHeader
{
  font-size: 10pt;
  font-style: normal;
  font-weight: normal;

}

.wizardBox_aktiv {
	color: #506F97;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../img/tilmelding-kasse-m.gif);
	vertical-align: middle;
	text-align: center;
}

.wizardBox {
	color: #B0B1B1;
	font-size: 12px;
	font-weight: bold;
	background-image: url(../img/tilmelding-kasse-m.gif);
	vertical-align: middle;
	text-align: center;
}

#trueTrade {
  clear: left;
  width: 420px;
  padding-bottom: 10px;
}
.failedInput {
	color: red;
	font-weight: bold;
}

.companyLogo{
	position: relative;
	z-index: 0;
}

.companyLogo img{ /*CSS for enlarged image*/
	cursor: hand;
	border-width: 0;
}

.companyLogo:hover{
	background-color: transparent;
	z-index: 50;
}

.companyLogo div{ /*CSS for enlarged image*/
	visibility: hidden;
	position: absolute;
	top: 15px;
	padding: 3px;
	border: 1px dashed gray;
}

.companyLogo div img{ /*CSS for enlarged image*/
	background-color:threedhighlight;
}

.companyLogo:hover div{ /*CSS for enlarged image on hover*/
	visibility: visible;
}

.previewLogo{
	position: relative;
	padding: 7px;
	z-index: 0;
}

.previewLogo div{ /*CSS for enlarged image*/
	position: relative;
	margin-top: 15px;
	padding: 3px;
	border: 1px dashed gray;
}

.previewLogo div img{ /*CSS for enlarged image*/
	background-color:threedhighlight;
}

.toolTipDefault{
	 border: solid 1px #CAC6AF;
	 padding: 14px;
	 background-color: white;
	 background-image: url(../img/topSeperator.gif);
	 background-repeat: repeat-x;
	 vertical-align: middle;	
	 text-align: left;	
	 width: 200px;
}

.toolTipInvoiceHelp{
	 border: solid 1px #CAC6AF;
	 padding: 14px;
	 background-color: white;
	 background-image: url(../img/topSeperator.gif);
	 background-repeat: repeat-x;
	 vertical-align: middle;	
	 text-align: left;
}

.toolTipYellow{
	 border: solid 1px #FFD83D;
	 padding: 14px;
	 background-color: #FFFF94;
	 vertical-align: middle;	
	 text-align: left;
	 color: #444444;
}

table#afgraensOmraade td table td.labelTD{
  vertical-align: baseline ;
  text-align: right;
  padding-right: 3px;
  padding-left: 7px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

label.fixedWidthLabel {
  display:-moz-inline-stack;/*Firefox*/
  display:inline-block; /*not for IE or Firefox*/
  _overflow:hidden;/*fix for IE6*/
  zoom:1;/* hasLayout*/
  *display:inline;/*when hasLayout true display:inline behaviors as the display:inline-block*/ 
}

#afgraensOmraade label.width30{
 width: 30px;
}

#afgraensOmraade label.width100{
 width: 70px;
}

.errorText {
	color: red;
	font-size: 9pt;
	font-weight: bold
}