body
{
    margin: 0px;
    background-image: url(/spic/hatchbloom/background.png);
}

html
{
    overflow: auto;
}

/* ------------------------------------------------*/
/* ------------------- Container ------------------*/
/* ------------------------------------------------*/

#container
{
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	width: 960px;
	padding-left: 15px;
	padding-right: 15px;
	background-color: #fff;
	overflow: hidden;
}

/* ------------------------------------------------*/
/* -------------------- Header --------------------*/
/* ------------------------------------------------*/
#header
{
    height: 140px;
    font-weight: bold;
}

#header div.topmenubox a
{
    color: rgb(0,69,123); /* pantone 295 C */
}

/* ------------ Header: Logo Box ----------- */
#header div.scanlogobox
{
    position: relative;
    float: left;
    height: 110px;
    width: 310px;
    border-bottom: solid 1px rgb(0,69,123); /* pantone 295 C */
}

/* ------------ Header: Right Box ----------- */
#header div.toprightbox
{
    float: left;
    height: 110px;
    width: 635px;
    margin-left: 15px;
    border-bottom: solid 1px rgb(0,69,123); /* pantone 295 C */
}

/* ------------ Header: Info Panel ----------- */
#header div.headerinfopanel
{
    position: absolute;
    top: 6px;
    left: 0px;
    font-weight: normal;
    float: left;
}

/* ------------ Header: Toolbar ----------- */
#header div.headertoolbar
{
    float: left; 
    width: 20px;
    height: 16px;
}

#header div.headertoolbarwrapper 
{
    /* 20150508 Ulrik - Moved the header toolbar - ProjectId=22894 */
    float: right;    
    padding-left: 6px;
}

#header img.headertoolicon
{
    position: absolute;
    z-index: 100;
    cursor: pointer;
}

#header div.headertoolbox
{
    /* 20150508 Ulrik - Moved toolbar, restyled size and appearance - ProjectId=22894 */
    background-color: rgb(230,235,239); /* pantone 295 C 10% */
    width: 150px;
    min-height: 95px;

    border: 2px solid white;

    position: relative;
    top: -5px;
    left: -145px;

z-index: 99;
    padding: 4px 7px;
    padding-top: 0px;
    display: none;
}

#header div.headertoolbox h3 
{
    /* 20150508 Ulrik - Moved toolbar, restyled size and appearance - ProjectId=22894 */
    margin-top: 0px;
    line-height: 23px;
}

#header div.headertoolbox ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    margin-top: 2px;
    display: inline-block;
    width: 100%;
}

#header div.headertoolbox ul li
{
    list-style-type: none;
    display: list-item;
}

#header div.headertoolbox ul li:hover a
{
    background-color: rgba(27,182,234,0.25);
}

#header div.headertoolbox ul li a {
    display: inline-block;
    width: 100%;
    padding-left: 0px;
    line-height: 20px;
}

#header div.headertoolbox ul li a img {
    margin-right: 5px;
    position: relative;
    top: 3px;
}

#header div.weblinks
{
    color: #ffffff;
}

#header div.weblinks a
{
    color: #ffffff;
}

/* ------------ Header: Login Info ----------- */
#header div.headerlogininfo
{
    float: left;
    font-weight: normal;
    height: 16px;
    padding-top: 1px;
}

/* ------------ Header: Logo ----------- */
#header img.scanlogo
{
    margin-top: 45px;
}

#header img.scanlogo_print,
#header img.customlogo_print
{
    display: none;
}

/* ------------ Header: Contact And Customer Links ----------- */
#header div.contactlinkbox
{
    margin-top: 7px;
    float: right;
}

/* ----------- Top Links: Button Style ----------- */
#header div.contactlinkbox a
{
	float: left;
	font-size: 11px !important;
}

/* 20150522 Ulrik - Apply a margin to each portal-link but the last one. ProjectId=22867 */
#header div.contactlinkbox a.portallink:not(:last-of-type) {
    margin-right: 5px;
}

/* ------------ Search Box ----------- */

/* 20150508 Ulrik - Allow options placement - ProjectId=22894 */
#HBSearchBox 
{
    display: inline-block;
}

#header div.searchbox
{
    clear: both;
    margin-top: 7px;
    height: 15px;
    float: right;
}
    /* ------------ Search Box: Label ----------- */
    #header div.searchbox span
    {
        float: left;
        margin-right: 5px;
        color: rgb(0,69,123); /* pantone 295 C */
    }

    /* ------------ Search Box: Image And Input Fields ----------- */
    #header div.searchbox img, div.searchbox input
    {
        float: left;
    }

    /* ------------ Search Box: Search Input Field ----------- */
	#header div.searchbox input.searchfield
	{
		background: rgb(230,235,239) none; /* pantone 295 C 10% */
		border: none;
		width: 170px;
		height: 15px;
		padding: 0px;
		border: none !important;
        outline: none !important;
	}

/* ------------ Header: Top Menu ----------- */
#header div.topmenubox
{
    clear: both;
    float: right;
    width: 635px;
    margin-top: 35px;
}

    #header div.topmenubox span
    {
        width: 635px;
    }

    /* ------------ Top Menu: Unordered List ----------- */
	#header div.topmenubox ul
	{
	    padding: 0px;
        margin: 0px;
        float: right;
	}

    /* ------------ Top Menu: List Item ----------- */
	#header div.topmenubox ul li
	{
		display: inline;
		list-style-type: none;
		margin-left: 10px;
	}

    /* ------------ Top Menu: Hyperlinks ----------- */
	#header div.topmenubox a
	{
		padding-left: 8px;
		padding-right: 8px;
		line-height: 17px;
	}

    /* ------------ Top Menu: Hover Style ------------ */
	#header div.topmenubox a:hover
	{
		background: transparent url(/spic/hatchbloom/topmenu.png) no-repeat top left;
		height: 16px;
		padding-right: 0px;
		padding-left: 8px;
		padding-bottom: 1px;
		color: #ffffff;
		text-decoration: none;
	}

	#header div.topmenubox a:hover span
	{
		background: transparent url(/spic/hatchbloom/topmenu.png) no-repeat top right;
		cursor: pointer;
		height: 16px;
		padding-right: 8px;
		padding-bottom: 1px;
		line-height: 17px;
	}
	
    /* ---------- Top Menu: Selected Style ----------- */
	#header div.topmenubox li.selected a
	{
		background: transparent url(/spic/hatchbloom/topmenu.png) no-repeat top left;
		height: 16px;
		padding-right: 0px;
		padding-left: 8px;
		padding-bottom: 1px;
		color: #ffffff;
	}

	#header div.topmenubox li.selected a span
	{
		background: transparent url(/spic/hatchbloom/topmenu.png) no-repeat top right;
		cursor: pointer;
		height: 16px;
		padding-right: 8px;
		padding-bottom: 2px;
		line-height: 17px;
	}

/* ------------ Header: Breadcrumb ----------- */
#header div.breadcrumb
{
    margin-top: 6px;
    margin-bottom: 6px;
    line-height: 17px;
    color: rgb(27,182,234); /* pantone 298 C */
    float: left;
    clear: both;
    width: 100%;
}

    /* ------------ Breadcrumb: Devider ----------- */
    #header div.breadcrumb span.breadcrumb_devider
    {
        color: #000000;
    }

/* ------------------------------------------------ */
/* --------------------- Main --------------------- */
/* ------------------------------------------------ */
#main
{
    min-height: 400px;
    float: left;
}

/* ------------------ Main: Menu ------------------*/

#menu
{
    float: left;
    clear: both;
    width: 310px;
    margin-right: 15px;
}

#menubox
{
    margin-bottom: 5px;
    border-top: solid 3px rgb(0,69,123); /* pantone 295 C */
    border-bottom: solid 1px rgb(0,69,123); /* pantone 295 C */
}

#nomenu
{
    display: none;
}

/* -------------- Main: Menu Content Box --------------*/
#menubox div.menucontentbox
{
	position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: rgb(230,235,239); /* pantone 295 C 10% */
    padding: 8px;
    padding-top: 5px;
}

    /* -------------- Menu: Menu Style -------------- */
    #menubox div.menucontentbox td.menuroot, td.menunode { padding-left: 6px !important; }

    #menubox div.menucontentbox:empty { display: none; }
    #menubox.nobottomborder { border-bottom: none !important; }

/* -------------- Main: Custom Menu (Below Main Menu) -------------- */

#custommenu, div.custommenu
{
    border-bottom: solid 1px rgb(0,69,123); /* pantone 295 C */
    padding-bottom: 5px;
    margin-bottom: 5px;
}

    #custommenu:empty, div.custommenu:empty { display: none; }

#custommenu div.custommenubox,
div.custommenu div.custommenubox
{
    background-color: rgb(235,246,253); /* pantone 298 C 10% */
    padding: 8px;
    margin-top: 5px;
}

#custommenu div.custommenubox h3,
div.custommenu div.custommenubox h3
{
    color: rgb(0,69,123); /* pantone 295 C */
    margin: 0px;
}
    
/* ------------------------------------------------ */
/* -------------------- Footer -------------------- */
/* ------------------------------------------------ */
#footer
{
    letter-spacing: 0px;
    margin-top: 4px;
    float: left;
    min-height: 54px;
}

#footer div.line
{
    border-top: solid 1px rgb(0,69,123); /* pantone 295 C */
    float: left;
    width: 310px;
    height: 5px;
    line-height: 5px;
    margin-left: 15px;
}

#footer div.nomargin
{
    margin: 0px;
}

#footer div.contactbox
{
    float: left;
    width: 650px;
    height: 40px;
    color: rgb(130,155,176); /* pantone 295 C 50% */
    font-size: 11px;
    line-height: 14px;
}

#footer div.supportbox
{
    float: left;
    width: 310px;
    height: 40px;
    color: rgb(130,155,176); /* pantone 295 C 50% */
    font-size: 11px;
    line-height: 14px;
    
}

/* ------------------------------------------------ */
/* ------------------ Templates ------------------- */
/* ------------------------------------------------ */

#content
{
	float: left;
	width: 635px;
	border-top: solid 3px rgb(0,69,123); /* pantone 295 C */
	/* padding-top: 5px; // Ulrik 20110509 removed as pr. #11575 */
	padding-bottom: 15px;
	font-size: 10pt;
}

/* -------------- Content Only -------------- */
#mainnomenu #content { width: 960px; }

/* -------------- Narrow Menu --------------- */
#mainnarrowmenu #menu { width: 200px; }
#mainnarrowmenu #contentbox_v { width: 200px; }
#mainnarrowmenu #content { width: 745px; }

/* ------ Content - No Topbar - No Logo - No Container ------ */
#ignorecontainer #ignoremain #content
{
    width: 100%;
    border: none;
}

/* ---------- Content Box Vertical ---------- */
#contentbox_v
{
    display: none;
    width: 310px;
    margin-bottom: 15px;
}

/* --------- Content Box Horizontal --------- */
#contentbox_h
{
    float: left;
    width: 960px;
}

div.noborder
{
    border: none !important;
    padding-top: 0px !important;
}


/* ------------- Wiki Template --------------*/
#mainnomenu #content_wiki
{
    float: left;
	width: 775px;
	border-top: solid 3px rgb(0,69,123); /* pantone 295 C */
	padding-bottom: 15px;
}

#mainnomenu #contentbox_wiki
{
    float: left;
    width: 170px;
    border-top: solid 3px rgb(0,69,123); /* pantone 295 C */
    margin-left: 15px;
}

/* ------------- Temporary Template Fixes ------------- */

/* ------------------------------------------------------------------------------------------------- */
/* The right pane content should be placed at the same position as contentbox_v panel. This is only  */
/* possible with javascript, so remember to remove the handling when this panel is no longer in use. */
/* ------------------------------------------------------------------------------------------------- */ 
#rightpanecontent
{
    display: none;
    width: 310px;
    margin-bottom: 15px;
}

/* 20150916 Ulrik - Remove all display for burger-navigation. ProjectId=22748 */
#burger-menu-link, #burger-menu-contents {
    display: none;
}