/*input[type=checkbox]	{ margin:0px; padding:3px 0 0 3px; vertical-align:bottom; }
label					{ margin:0px; padding:0 0 0 5px; border-top:solid 3px transparent; display:inline-block; }*/


/*
HDN 09.02.2015:
The iOS 7 hack introduced below, seems to make document.body.scrollTop and window.pageYOffset report wrong values (always 0) on Chrome.
Since this is an iOS specific hack, I attempt to make the styles take effect only for iOS devices...    
*/
@media (min-device-width : 768px) and (max-device-width : 1024px),
(min-device-width : 540px) and (max-device-width : 960px),
(min-device-width : 375px) and (max-device-width : 667px),
(min-device-width : 320px) and (max-device-width : 568px),
(min-device-width : 320px) and (max-device-width : 480px)
{
    html, body
    {
        /* This seems strange to put on html and body, but it fixes iOS 7 scroll issues in iframes */
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: auto;
    }
}

body 
{
	margin:0px;
	padding:0px;
}

body, td, select, input, textarea
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}

.selectorButton
{
    border-right: white 2px groove;
    border-top: white 2px groove;
    border-left: white 2px groove;
    cursor: pointer; cursor: hand;
    border-bottom: white 2px groove
}
.selectorItem
{
    border-right: white 1px inset;
    border-top: white 1px inset;
    border-left: white 1px inset;
    cursor: pointer; cursor: hand;
    border-bottom: white 1px inset
}
.selectorNoItem
{
    border-right: #ccc6ac 1px solid;
    border-top: #ccc6ac 1px solid;
    border-left: #ccc6ac 1px solid;
    border-bottom: #ccc6ac 1px solid;
    background-color: #ccc6ac;              
}
.selectorBox
{
    border-right: white 2px outset;
    border-top: white 2px outset;
    display: none;
    margin-left: -2px;
    border-left: white 2px outset;
    border-bottom: white 2px outset;
    position: absolute;
    background-color: #ccc6ac
}
TH
{	text-align: left;
}
.hr, hr
{
	border-top: 1px solid #ccc;
	height: 1px;
	background: white;
	margin: 10px 0px;
}
hr
{
	height:2px;
	color:white;
}
.tabmenu .hr 
{
    margin-bottom: 10px;
}
/*
HDN 13.07.2011: 
General LI rule removed as it interfered with rich text editor. Use a classname if necessary!
LI
{
	margin-bottom: 3px;
}
*/
.editable
{
}
.editable .topspace 
{
	padding-top: 12px;
}
.editable td.editablecell 
{ 
	padding: 4px 0px 0px;
	font-size:8pt;
	line-height:normal;
}

.editable .checkbox, .editable .radio
{
	margin-left: -4px;
}
#tabdiv 
{
	overflow: auto; overflow-x: hidden;
}
.tabmenu 
{
	padding: 0px 0px 0px 10px;
}
.tabmenu .editable
{
	border-top: none;
}
.tabmenu .editable TD 
{
	/* lodret afstand på tabs */
	padding-top: 3px;
}
.tabmenu .wysiwygtoolbar TD
{
	/* ingen lodret afstand på indlejrede tabeller i tabs */
	padding-top: 0px;
}
.tabmenu A
{
	/* links på tabs */
	font-weight: bold;
	color: #316AC5;
}
.tabmenu A:hover
{
	text-decoration: underline;
}

INPUT, TEXTAREA
{ 
	font-size: 8pt;
} 
    
.checkbox, .radio
{
/*	border-width: 0px; */
}
SELECT
{
	font-size: 8pt;
} 
.okbutton
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    text-align: right
}
.okbutton .okbutton 
{
	margin: 0px;
}
.tabmenu .okbutton
{
	margin-top: 0px;
}
HR
{
}
.okbutton INPUT
{
	/*
width: 74px; 
height: 22px; 
font-family: tahoma;
font-size: 10pt;
background-color: #FFFFFF;
border: solid 1px #316AC5 ;
padding: 0px
*/
	padding-left: 10px;
	padding-right: 10px
}

A
{
    color: black;
    text-decoration: none;
}
A:hover
{
    text-decoration: underline;
}
#topbody 
{
	width: 100%;
}
.adminnav
{
	padding: 0px; 
	margin: 0px;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 4px;
	border-bottom: 1px solid silver ;
/*	border-left: 1px solid #316AC5 ; */
	background-color: #FFFFFF;
	height: 23px;
}
.adminnav A, .adminnav A:hover {
	text-decoration: underline;
}
#navbardot {
	margin-right: 4px;
}

/* Bemærk: .mainbackground er defineret i wysiwyg.css, da den bruges ifbm. sideredigering */
.maintable
{
	width: 100%;
	height: 100%;

	border-left: 1px solid white;
	border-bottom: 1px solid white;
}
.editwebmaintable 
{
	width: 100%;
	height: 100%;
}
.mediaheader
{
	color: #274471; /*#0148B2; */
}
.mediaheader IMG
{
	margin-left: 4px;
}
.mediaheader TH 
{
	border-bottom: 1px solid silver;
	border-top: 1px solid silver;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 2px;
} 
/* .section er måske overflødig!!! */
.mediaheader, .mediaheader .section 
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	font-weight: 700;
}
.mediaheader A
{
	color: #274471; /* #0148B2; */
}
.mediaheader A:hover
{
	text-decoration: underline;
}
/*
HDN 13.07.2011: 
General H3 rule removed as it interfered with rich text editor. Use a classname if necessary!
h3
{
	font-family: "franklin gothic", tahoma, arial, helvetica;
	color: rgb(127,157,185);
	font-size: 14pt;	
	margin: 0px;
	padding-top: 15px;
	padding-bottom: 12px;
}
*/
.media
{
	/* background-color: rgb(236,233,216) */
}
.media TD
{
	border-bottom: solid 1px #EBEADB;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.pseudomedia TD
{
	padding-top: 3px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
}

.media .checkbox
{
	margin-top: -4px;
	margin-bottom: -4px;
}
.media A {
	font-weight: normal;
	color: #274471; /*#316AC5; */
}
.media A:hover
{
    text-decoration: underline
}
.activepage A 
{
	color: #FFFFFF;
}
.disabledlink 
{
	color:#888888;
	font-weight: bold;
}

.contentareatitle
{
	font-weight: 700;
}

.subpagetitle
{
    text-decoration: none;
    font-size: 8pt;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.mainpagetitle
{
    text-decoration: none;
    font-size: 8pt;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}

.page, .pageblock
{
	white-space:nowrap;
}

.page .subpagetitle SPAN, .page .mainpagetitle SPAN, .site
{
	padding:3px;
	white-space:nowrap;
}

.activepage
{
	background: #FEEFC7 url(toolbar/normalbtn_hover.gif) repeat 0px 0px;
	/* background-color: #316AC5; */
	color: #000000; /*#FFFFFF; */
	padding: 2px !important;
	border: solid 1px #777777;
}
A:hover .activepage
{
	/* necessary to make color of underline white in Netscape and Safari */
	text-decoration: underline;
}

.pageblock
{
}
.subpageblock
{
}
.mainpageblock
{
	/* necessary for AddEllipsis to work correctly */
	white-space: nowrap;
}
.pageicon, .siteicon
{
    margin-left: 2px;
    margin-right: 0px;
    margin-top: 2px;
    width: 16px;
    height: 16px;
}
.siteicon
{
	margin-right: 2px;
}
.img1619
{
	width:16px;
	height:19px;
}
.pagecontainer
{
}
.emptypageblock
{
    height: 10px;
}
.emptypagemarker
{
    padding-top: 5px;
}

.standardbody
{
    margin-top: 0px;
    margin-left: 4px;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
    background-color: #ffffff;
}

/* Bemærk: .panecell er defineret i wysiwyg.css, da den bruges ifbm. wysiwygtoolbar'en */

/* PRJ: pane = panel over sideoversigt */

.pane {
	padding-left: 2px; 
	padding-right: 2px; 
	padding-bottom: 1px;
	background-color: #EBEADB;
	background-color: whitesmoke;
}
.panebtn {
	text-align: center;
 	border: 2px solid #EBEADB;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	cursor: pointer; cursor: hand;
}
.panebtn-hover  {
	text-align: center;
	border: 2px outset #ffffff;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	cursor: pointer; cursor: hand;
}
.panebtn-active {
	text-align: center;
	border: 2px inset #ffffff; 
	background-color: #FAF8F3;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	cursor: pointer; cursor: hand;
}
.panebtn-active-hover {
	text-align: center;
	border: 2px inset #ffffff; 
	background-color: #e0e0e0;
	background-color: #EBEADB;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	cursor: pointer; cursor: hand;
}

.panebtn-disabled {
	text-align: center;
	border: 2px solid #e0e0e0;
	border: 2px solid #EBEADB;
	padding-top: 1px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 1px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
}
.panebtn-disabled IMG {
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=35);
}

.emptylanblock {
	height: 8px;
}

.jsmenuitem A
{
	border: solid 1px #2E5982;
	border-top-color: #4B769E;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	font-weight: normal !important;
}
.jsmenuitem-active A, .jsmenuitem-active A:hover
{
	border: solid 1px steelblue;
	border-bottom-color: #164D81;
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	font-weight: normal !important;
	text-decoration: none;
	background-color: #164D81;
	color: White;
}
.jsnav2, .jsnav2 A {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: White;
	text-decoration: none;
}
.jsnav2 
{		
	margin-top: 3px;
	margin-left: -5px;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=95);	
}
.jsnav2 DIV {
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 0px;	
}
.jsnav2 A:hover {
	text-decoration: none;
}
.jsnav3
{
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

.jsmenuitem A, .jsmenuitem-active A {
	padding-left: 4px;
	padding-right: 8px;
	padding-bottom: 3px;
}
/*.jsmenuitem-active A {
	color: #004E98;
	background-color: #D6DFF7;
} */
.menuspacer {
	padding-left: 0px;
	padding-right: 4px;
	font-weight: normal;
}
.menudivider {
	padding: 0px;
	margin: 0px;
}

.jsmenudivider
{
	height: 1px;
	overflow:hidden;
	background-color: steelblue;
	margin: 2px 0px 2px 0px;
}

.pagetopcell {
	height: 39px;
	background: #004E98 url(tangoramainheaderbg.gif);
}
.pagelogocell {
	width: 209px;
}
.pagelogo {
	margin-top: 6px;
	margin-left: 12px;
	margin-bottom: 7px;
}
.pagemenucell {
	width: 100%;
	padding: 12px 15px 0px 8px;
}
.pagecontentcell {
	width: 100%;
	background-color: white;
}
.pagecontents {
	padding-left: 12px;
	padding-right: 15px;
	padding-bottom: 15px;
	width: 100%;
}
.pagelistcell {
	padding-left: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px;
}
.pagelistdiv {
	height: 100%; 
	border: 1px solid silver; /*#316AC5;*/
	border-top:none;
	background-color: white;
}
.pagelistpadding 
{
	padding-left: 4px; 
	padding-right: 4px; 
	padding-top: 0px; 
	padding-bottom: 4px;
}
.editwebcell 
{
	padding-left: 0px; 
	padding-right: 0px; 
	padding-bottom: 0px;
	background-color: white;
}
.editpagemsg 
{
	border: 1px solid silver; /*#316AC5; */
	border-top:none;
	background-color: white;
}
.msgtable {
	height: 100%;
}
.sidebar-fixwidth {
	width:209px; 
}
.sidebar-inactive {
}
.sidebar-active {
	font-weight: bold;
}
.sidebarcell {
	width: 209px;
	background: #486381 url(sidebarcellbg.jpg) no-repeat;
/*	background-color: #164D81;  #657AD8; */
	padding-top: 12px;
	padding-bottom: 12px;
}
.sidebarheaderbox {
	height: 25px;
	background-color: whitesmoke;
	font-weight: bold;
	background-image: url(/admin/setup/tangoramainheaderbg.gif);
	background-position: -7px right;
	background-repeat: repeat;
	cursor: pointer; cursor: hand;
	margin-left: 12px; 
	margin-right: 12px;
}
.sidebarheadertitle, .sidebarheadertitle_hover {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff; /* #316AC5 ; '/
	/* set cursor in both netscape + IE */
	cursor: pointer; cursor: hand;
}
.sidebarheadertitle_hover {
	color: #E7E6E6; /*#428EFF;	*/
}
.sidebarheaderleft {
	width: 10px;
	background-image: url(/admin/setup/tangoramainheaderbg.gif);
	background-position: -7px left;
	background-repeat: no-repeat;
}
.sidebarbox {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	background-color: white; /*#E1E8F5;  #D6DFF7; */
	border: 1px solid white;
	border-top: none;
	padding-left: 9px; 
	padding-right: 9px;
	padding-top: 10px;
	padding-bottom: 8px;
	margin-left: 12px; 
	margin-right: 12px;
	width: expression('100%');
}
.sidebarbox A {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	color: #0148B2;
	color: #274471;
	text-decoration: none;
	display: inline-block;
	padding: 2px 2px 3px 12px;
}
.sidebarbox A:hover {
	text-decoration: underline;
}
.sidebar-divider {
	height: 10px;
}
.sidebarbox-divider {
	height: 17px;
}
.blockvspace {	
	height: 20px;
}
.editwebtabspace 
{
	/* lodret afstand over tabs (kun editweb) for at aligne med sideoversigten */
	height: 9px;
}
#searchresultdiv .blockvspace 
{
	height: 15px;
}
.TangoraHeader {
	font-family: Arial, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 11pt;
	font-weight: bold;
	color: #274471; /* #004E98; */
	background-color: whitesmoke; /*#2E5F8E; #D6DFF7; */
/*	border-top: 1px solid silver; */
	border-bottom: 1px solid silver;
	margin-top: 0px;
	margin-bottom: 15px; 
	padding-left: 12px;
	padding-top: 4px;
	padding-bottom: 2px;
}
.TangoraSubHeader {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 6px;
	margin: 0px;
	color: black;	
}
.TangoraHelp
{
	line-height: 140%;
}
.PagePosition
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 7.5pt;
	font-weight: bold;
	color: #316AC5;
	padding-left: 2px
}
.CurrentPagePosition
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 7.5pt;
	color: #CBC7B8;
	padding-left: 2px
}
.nav-above-view
{
	margin-top: 3px;
	margin-bottom: 3px;
}
.nav-above-view TD, .nav-below-view TD
{
	padding-left: 2px;
	padding-right: 2px;
}
.countertext
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
}
.pagemenucell, .pagemenucell A {
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 8pt;
	font-weight: bold;
	color: white;
}


/* expandlabel og expandcontainer bruges i forbindelse med 
   filterkontrollerne til søgning i sideoversigten */
.expandlabel {
	font-weight: bold;
	padding-top: 4px;
	display: block;
}
.expandlabel A
{
	color: #274471; /*#0148B2; */
}
.expandcontainer {
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 2px;
	margin-bottom: 2px;
}
.searchdropdown {
	width: 80%;
}
.editdiv A
{
	text-decoration: underline;
}
.cmdlinks-above 
{
	/* we use margin instead of padding to make it work in IE Mac and Safari */
	margin-bottom: 6px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 0px;
}
.cmdlinks-below
{
	/* notice: must set margin: 0px to overrule default margin for P-tag */
	margin: 0px;
	padding-top: 5px;
	padding-left: 2px;
	padding-right: 2px;
}
.filtercontrols 
{
	border: 1px solid silver; /* #CBC7B8; */
	background-color: whitesmoke; /*#EBEADB;*/
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
}
.filtercontrols FORM, .compmode FORM 
{
	padding: 0px;
	margin: 0px;
}
.filtercontrols .vspace
{
	height: 8px;
}
.expandimg 
{
	margin-left: 3px;
}
.cmdspacer 
{
	width: 16px;
	text-align: center;
	color: #274471; /*#316AC5; */
}
A.cmdlink, A.boxcmdlink
{
	font-weight: bold;
	color: #274471; /*#316AC5; */
}
A.cmdlink:hover, A.boxcmdlink:hover
{
	text-decoration: underline;
}

/* redigering af afsnit */
.comppage 
{
	padding: 10px;
}
.compmode .editable 
{
	background-color: transparent; /*#EBEADB;*/
	/* bredden sættes direkte af hensyn til ensartethed i Netscape, Safari, IE m.fl. */
	/*width: 615px;*/
	/* HDN 29.06.2011: This doesn't seem to be needed anymore...? */
}
.editblock 
{
	border: 1px solid #CBC7B8;
	margin-bottom: 10px;
	background-color: white;
	/* bredden sættes direkte på editblock af hensyn til ensartethed i Netscape, Safari, IE m.fl. */
	/*width: 615px;*/
	/* HDN 29.06.2011: This doesn't seem to be needed anymore...? */
}
.editcontent, .edittop, .editbottom
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
	padding-right: 6px;
}
.edittop
{
	border-bottom: 1px solid #CBC7B8;
	background: silver url(/admin/setup/toolbar/normalbtn.gif) -10px -2px; /* #EBEADB; */
}
.edittop IMG 
{
	vertical-align: bottom;
}
.editbottom 
{
	border-top: 1px solid #CBC7B8;
}
.captioncontainer
{
	margin-top:2px;
	margin-bottom:6px;
}
.nestedwysiwyglayoutcontainer
{
	background: transparent url(nestedlayoutmarker.gif) no-repeat;
	padding-left: 15px;
	width: 100%;
	cursor: pointer;
}
.loginbox 
{
	width: 285px;
	border: 1px solid whitesmoke;
	background: #e3e5e8 url(/admin/includes/images/login_top.png) no-repeat 0px 0px;
}
.loginboxborder
{
	display:block;
	border:1px solid #aaaaaa;
	width:285px;
}
.loginbox .seperator
{
	clear:both;
	border-top:#cccccc solid 1px;
	border-bottom:#ffffff solid 1px;
	margin:10px 0px 15px 0px;
	padding:0px;
}
.loginbox .formelement
{
	clear:both;
	width:258px;
	height:30px;
}
.loginbox .formelement label
{
	margin-left:37px;
	display:block;
	text-align:left;
	float:left;
	padding-top:3px;
}
.loginbox .button
{
	padding:0px 12px 0px 12px;
}
.loginbox .formelement input
{
	float:right;
	margin-right:10px;
}
.loginbox FORM 
{
	margin: 0px;
	padding: 0px;
}
.loginbox INPUT
{
	font-family: Tahoma, Arial, Helvetica, Sans-Serif;
}
.loginboxtop 
{
	height: 40px;
	padding-left: 15px;
	text-align: left;
}
.loginboxvspace 
{	
	/* lodret afstand efter loginbox */
	height: 120px;
}



.loginbox .pagecontents 
{
	padding: 20px 12px 5px 12px;
}
.loginbox .vspace 
{
	height: 8px;
}
/*
.loginbox .okbutton
{
	margin-top: 20px;
    margin-bottom: 0px;
    text-align: left;
}
*/
.loginboxtable 
{
	height: 100%;
}
/* .hiddenframe has been moved to wysiwyg.css */

@media print
{
	.cmdlink
	{
		display: none
	}
	.cmdspacer
	{
		display:none
	}
}

#fastsearchframe {
 display: none;
 width: 400px;
 height: 120px;
 border: 1px solid black;
}

.colorCtrlWrapper table 
{
	margin-bottom:-6px
}

#chartTbl TD {border-bottom:0px}

.settingsContainer 
{
	width:500px;
}

.settingDivider
{
	height:20px;	
	clear:both;
}

.settingItem 
{
	width:250px;
	float:left;
}

.settingItem IMG 
{
	vertical-align:middle;
	margin:2px;
	margin-right:4px;
}

body.fastsearch
{
	background:white;
	margin:0px;
	padding:0px;
}
body.fastsearch div.searchinfo
{
	padding:5px;
}
body.fastsearch a
{
	font-weight:400;
	display:block;
	padding: 3px 1px 3px 7px;
	width: 171px;
}
body.fastsearch a:hover
{
	padding: 2px 0px 2px 6px;
	border: #96D9F9 1px solid;
	color:#000;
	background: #ddecf3 url(../includes/images/listview_row_hovered.gif) repeat-x bottom left;
	text-decoration:none;
}





/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */
/* BELOW THIS LINE: NEW LAYOUT DESIGN */
/* -------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------------- */


[data-layoutstyle="2017"] .editable .topspace { display:none; }
[data-layoutstyle="2017"] .editable td.editablecell { padding: 4px 0px; font-size:1em; }