/* @override
http://lanekassen.makingsoftware.pl/Styles/styles.css
http://www.lanekassen.no/Styles/styles.css
http://lanekassen.no/Styles/styles.css
http://responsive.lanekassen.makingsoftware.pl/Styles/styles.css
http://test.lanekassen.makingsoftware.no/Styles/styles.css
*/



body {
	background: rgb(246,244,242);
	padding: 0;
	margin: 0;
	font-family: helvetica, arial, sans-serif;
	font-size: .875em; /* 14px */
	line-height: 1.4; /* NOTE: multiplier, not em value */
	color: #000;
}

#content { /* wraps all, including header and footer */
	position: relative;
	width: 1010px;
	margin: 0 auto 50px;
	background: #fff;
	-webkit-box-shadow: 0 0 4px #aaa;
			box-shadow: 0 0 4px #aaa;
}



/******************************************************************************
= general stuff
******************************************************************************/

.highlight {
	font-weight:bold;
}

a {
	color: #97469d;
	text-decoration: underline;
}

a:hover {
	text-decoration:none;
}

a img {
	border: none;
}

h1, h2, h3 {
	margin: 0;
	padding: 0;
}

h1 {
	font-size: 2em;
	line-height: 1.3;
	font-weight: normal;
	border-bottom: 1px solid rgb(220,218,216);
	padding: 0 0 10px 0;
}

h2 { font-size: 1.17em; }

h3 { font-size: 1em; }

p { margin:0; }

.readMore { clear:both; }

div.clear {float: left; clear: both;}
div.clearSpacer {float: left; clear: both; margin: 10px 0 10px 0;}



/******************************************************************************
= accessibility
******************************************************************************/

#content a:focus,
#content input:focus {
	outline: 1px dashed #97469D;
}

#content input[type=text]:focus,
#content input[type=password]:focus {
	outline: 1px dotted #666;
}

.hiddenTxt { position:absolute; top:-999em; }

body > .hiddenTxt {
	position: relative;
	top: 0;
	display: inline;
	overflow: hidden;
}

.hiddenTxt a {
	display: inline-block;
	padding: 10px;
	margin: 10px;
	background: #fff;
	font-size: 1.5em;
	color: #000;
	position: absolute;
	top: -1000px;
}

.hiddenTxt a:focus {
	position: static;
}



/******************************************************************************
= header
******************************************************************************/

.header {
	position: relative;
	border: none;
	margin: 0;
}



/* logo */

.logoHomeLink {
	clear: both;
	float:left;
	padding: 0;
	margin: 0 0 30px 30px;
	min-height: 40px;
}

.logoHomeLink a {
	display: inline-block;
	width: auto;
	height: auto;
}

.svg .logoHomeLink {
	background: url('../images/logo.svg') no-repeat center;
}

.svg .logoHomeLink img {
	visibility: hidden;
	max-width: 160px;
}



/* support menu */

.header .funcMenu {
	float: right;
	text-align: right;
	padding: 5px 10px 0 0;
	font-size: .85em;
}

.header .funcMenu ul {
	margin: 0;
	padding: 0;
}

.header .funcMenu li {
	display: inline;
	border-left: 1px solid rgb(220,218,216);
	padding-left: 12px;
	margin-left: 10px;
}

.header .funcMenu li:first-child {
	border: none;
}

.header .funcMenu a {
	color: #666;
	text-decoration: none;
}

.header .funcMenu a:hover {
	text-decoration: underline;
}



/* fontsize */

.fontsize .bigger {
	font-size: 1.6em;
	margin-left: 5px;
}

.fontsize div {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 100;
	padding: 3%;
	width: 70%;
	text-align: left;
	background: #fff;
	border: 1px solid rgb(220,218,216);
	box-shadow: 2px 2px 10px rgba(0,0,0, .3);
	font-size: 3em;
	line-height: 1.4;
	display: none;
}

.fontsize:hover div,
.fontsize a:focus + div {
	display: block;
}



/******************************************************************************
= search (in header and on search result page)
******************************************************************************/

.quicksearch {}

.header .quicksearch {
	float: right;
	padding: 15px 0 0 0;
}

.quicksearch fieldset { margin:0; padding:0; border:0; }

.quicksearch fieldset > span, /* doesn't validate*/
.searchResult > span {
	display: inline-block;
}

.quicksearch input,
.searchResult input {
	font: 1em helvetica, arial, sans-serif;
}

.quicksearch input[type=text],
.searchResult input[type=text] {
	margin: 0 5px 0 0;
	padding: 4px 5px;
	border: 1px solid rgb(220,218,216);
	background: rgb(246,244,242);
}

.quicksearch input[type=submit],
.searchResult input[type=submit] {
	background: #97469d;
	border: none;
	color: #fff;
	padding: 5px 10px;
	margin: 0;
	cursor: pointer;
}

.quicksearch input[type=text] {
	width: 200px;
}

.searchResult input[type=text] {
	width: 300px;
}



/* result page refine (checkboxes under search box) */

.searchResult .refine {
	clear: both;
	padding: 10px 0 20px 0;
}

.searchResult .refine input,
.searchResult .refine label {
	display: inline-block;
	vertical-align: top;
}

.searchResult .refine input {
	margin-right: 5px;
}

.searchResult .refine label {
	margin-right: 15px;
}



/* result page list */

.searchResult h2 { padding-bottom:15px; font-size:1.3em; }
.searchResult h3 { padding-bottom: 1px; font-weight:normal; font-size: 1.2em; }
.searchResult p { color: #666; }
.searchResult .highlight { background: #fe6; color: #000; font-weight: normal; }
ol.search { list-style:none; margin:0; padding:0; }
ol.search li { margin-bottom: 25px; }



/* result page right column */

.searchpagerightcolumn {
}



/* result page filter (tab-ish buttons over hits) */

.searchResultFilter h2 { padding: 0; }
.searchResultFilter ul { overflow: hidden; padding: 0; margin: 5px 0 10px 0;}
.searchResultFilter ul li { list-style-type: none; float: left; margin: 5px 10px 5px 0; }
.searchResultFilter ul li a { display: block; float: left; padding: 5px 10px; background: #e8e5e0; text-decoration: none; color: #000;}
.searchResultFilter ul li a.visited { color: #000;}
.searchResultFilter ul li a:hover { text-decoration: underline;}
.searchResultFilter ul li a.active { background: #97469d; color: #FFF; }
.searchResultFilter a.removeFilterLink { clear: both; margin-bottom: 30px; display: block; }



/* autosuggest (dropdown from input) */

.cfs_autosuggestWrapper {
	display: inline-block;
	position: relative;
	z-index: 20;
}

.cfs_autosuggestList,
.cfs_livesearchList {
	position: absolute;
	left: 0;
	z-index: 10;
	background: #fff;
}

.cfs_autosuggestList ul,
.cfs_livesearchList ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border: 1px dotted #97469d;
	-webkit-box-shadow: 0px 3px 10px rgba(0,0,0, .5);
			box-shadow: 0px 3px 10px rgba(0,0,0, .5);
}

.cfs_autosuggestList li,
.cfs_livesearchList li {
	padding: 5px 10px;
	cursor: pointer;
}

.cfs_autosuggestList ul li:hover,
li.cfs_activeSelection {
	background-color: #97469d; color: #FFF;
}

.cfs_loading {
	background: url(/Styles/gfx/ajax-loader.gif) right center no-repeat;
}



/******************************************************************************
= top nav
******************************************************************************/

.topmenu {
	padding: 0;
	margin: 0;
	border-top: 1px solid rgb(220,218,216);
	border-bottom: 1px solid rgb(220,218,216);
	background: rgb(246,244,242) url(../images/fade3.svg) repeat-x top;
	clear: both;
}

.topmenu ul {
	padding: 0;
}

.topmenu li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
}

.topmenu .group1 > a { /* group heading hidden */
	display: none;
}

.topmenu .group2 {
	margin-left: 5%;
}

.topmenu .group3 {
	float: right;
}

.topmenu a,
a.login {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
}

#content a.login {
	color: #000;
}

.topmenu a {
	line-height: 1.3;	
	color: #000;
}

#content a.login:hover {
	text-decoration: underline;
}

.topmenu a:hover,
.topmenu .active a {
	color: #97469D;
}

.topmenu li:not(.group3) a:hover:before,
.topmenu .active a:before {
	content: "";
	float: left;
	width: 100%;
	border-top: 3px solid #97469D;
	margin-top: -11px;
}

a.login {
	font-weight: bold;	
	background: #C2CF00 url('../images/arrow1a.svg') no-repeat 10px center;
	-webkit-background-size: 15px auto;
			background-size: 15px auto;
	padding-left: 34px;
}

#content .header a.login.alternate {
	background-color: #97469D;
	color: #fff;
	min-height: 48px; /* 39 w padding */
	padding-top: 10px;
	padding-bottom: 0;
}

.no-svg a.login {
	background-image: url('../images/arrow1a.png');
}

a.login span {
	font-size: .8em;
	text-transform: uppercase;
	font-weight: normal;
}

a.login.alternate span {
	text-transform: none;
	font-size: .85em;
}

.header a.login.alternate span {
	display: block;
}



/******************************************************************************
= footer
******************************************************************************/

.footer {
	clear: both;
	margin: 20px 0 0 0;
	padding: 40px 2%;
	border-top: 5px solid rgb(220,218,216);
	background: rgb(246,244,242);
	color: #666;
	position: relative;
}



/* footer columns */

.footer > div {
	display: inline-block;
	vertical-align: top;
	margin-left: 3%;
}

.footer > div:first-child {
	margin-left: 0;
}

.footer .tool-links {
	width: 22%;
}

.footer .news {
	width: 30%;
}

.footer .news h2:first-child + ul {
    padding-bottom: 15px;
}

.footer .shortcuts {
	width: 16%;
}

.footer .social {
	width: 20%;
}

/**/

.footer h2 {
	font-size: 1.2em;
	margin-bottom: 20px;
}

.footer ul {
	padding: 0;
	margin: 0;
	line-height: 1.6;
}

.footer li {
	list-style: none;
}

.footer a {
	text-decoration: none;
	display: inline-block;
	position: relative;
	padding-left: 10px;
	color: #666;
}

.footer a:hover {
	text-decoration: underline;
}

.footer a:before {
	content: "›";
	font: .9em/1.5 arial, sans-serif;
	position: absolute;
	left: 0;
}

.footer .more a {
	font-weight: bold;
	margin-top: 10px;
}



/* tool-links */

.tool-links li a {
	padding-left: 0;
}

.tool-links li a:before {
	display: none;
}

.tool-links img {
	width: 30px;
	height: auto;
	margin-right: 5px;
}

.tool-links span {
	position: relative;
	top: -10px;
}



/* social */

.footer .social li {
	margin-bottom: 15px;
}

.footer .social a {
	padding-left: 30px;
}

.footer .social a:before {
	content: "";
	background-repeat: no-repeat;
	background-position: left center;
	-webkit-background-size: contain;
			background-size: contain;
	padding: 10px;
}

.footer .facebook a:before {
	background-image: url(../images/facebook.svg);
}

.footer .twitter a:before {
	background-image: url(../images/twitter.svg);
}

.no-svg .footer .facebook a:before {
	background-image: url(../images/facebook.png);
}

.no-svg .footer .twitter a:before {
	background-image: url(../images/twitter.png);
}



/* payoff */

.payoff {
	display: block;
	margin-top: 40px;
	font-size: .75em;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .2em;
	color: #666;
}

.payoff:before,
.payoff:after {
	content: "";
	display: block;
	border-top: 1px solid #aaa;
	width: 50px;
	margin: 7px auto;
}



/******************************************************************************
= breadcrumbs
******************************************************************************/

#breadCrumb {
	padding: 0 2%;
	margin: 0;
	font-size: .85em;
	line-height: 2;
}

#breadCrumb ul {
	list-style: none;
	margin: 6px 0 30px 0;
	padding: 0;
}

#breadCrumb li,
#breadCrumb a {
	color: #666;
}

#breadCrumb li {
	display: inline;
}

#breadCrumb li:before {
	content: "›";
	font-family: arial, sans-serif;
	padding: 0 5px;
}

#breadCrumb li:first-child:before {
	display: none;
}



/******************************************************************************
= framework
******************************************************************************/

.leftCol,
.mainAndRightCol,
.rightCol {
	margin-bottom: 40px;
}

.leftCol {
	float: left;
	width: 218px;
	padding: 0 10px 10px 10px;
}

.mainAndRightCol {
	float: left;
	width: 762px; 
	padding-left: 10px;
	overflow: hidden; /* new oct 2013 */
}

.ArticlePageWide .mainAndRightCol { /* page type specific */
	padding: 0;
	float: none;
	width: auto;
}

.ArticlePage .mainAndRightCol {
	min-height: 600px; /* due to rightCol position hack */
}

.mainAndRightCol img,
.mainAndRightCol table,
.mainAndRightCol iframe { 
	max-width: 100%; 
}

.mainContent {
	padding: 20px 0 0 0;
}



.mainCol {
/*
styles moved to mainBody (below) for new article wide top layout

to revert to old layout:
- move all mainBody styling to this container.
- remove absolute positioning from rightCol.
- can also remove min-height from manAndRightCol.
- replace float with clear:left in qaarea and toplinksarea modules.*
* applies to all special article modules. test to be sure.

*/
}

.mainBody {
	float: left;
	position: relative;
	width: 495px;
	overflow: hidden;
}



/* article version without right column */

.noRightColumn .mainBody {
	float: none;
	width: auto;
	max-width: 740px;
}



/* rightCol */

.rightCol {
	background: rgb(246,244,242);
	width: 183px;
	padding: 0 3%;
	font-size: .9em;
	color: #666;
	margin-bottom: 20px;
	border-radius: 20px 0 0 20px;
	
/*
the following is a hack to make article wide top work.
- see notes in mainCol spec. 
- could result in rightcol overlapping footer if very tall.
- min-height set on mainandrightcol to prevent this.
*/
	position: absolute; 
	right: 0;
	top: auto;
	z-index: 2;
}

.rightCol .boxflow > *:first-child {
	margin-top: 20px;
}

.rightCol .boxflow > div,
.rightCol .boxflow > a {
	margin-bottom: 20px;
}

.rightCol .boxflow > div p {
	margin: 5px 0 0 0;
}



/* old stuff. not sure what it does (commented oct25 2013) */

.articleWide { position:relative; margin-right:20px; }
.articleWide .print { right:240px; }
.articleWide h1 { padding-right:300px; }

.sectionpageColumn1 { width:485px; }
.sectionpageColumn2 { width:237px; }
.sectionpageColumn3 { width:155px; }



/******************************************************************************
= LIST TYPES (Webparts)
******************************************************************************/

.shadowpadding { position:relative; min-height:10px; }
.flexigrid .shadowpadding { padding:3px; overflow:hidden; }
.bottomRow .col2 .shadowpadding { margin-right: 11px; }

div.list,
.tools { position:relative; float:left; width:100%; }

div.list h2 { font-size:1.5em; font-weight:normal; color:#97469d; background:#fff; padding:5px 9px; margin-bottom:1px; }
.toolsWrapper { min-height:10px; }
.toolsWrapper h2 { position:absolute; top:-999em; }
div.bottomRow h2 { padding-top:10px; }
div.list ul,
.tools ul { position:relative; list-style-type:none; margin:0; padding:0; background:#fff; }
div.list a,
div.list a:visited,
.tools a,
.tools a:visited { text-decoration:none; }
div.list a:hover,
div.list a:active,
div.list a:focus,
.tools a:hover span,
.tools a:active span,
.tools a:focus span { text-decoration:underline; }
.GreyPinkUnderline ul a,
.PinkWhite ul a,
.GreyPinkUnderline ul a:visited,
.PinkWhite ul a:visited {
    display:block;
    min-height:21px;
    padding:14px 13px 11px 16px;
    line-height: 1.0em;
    font-size: 1.2em;
    font-weight:bold;
    color:#9a4d9e;
}

.GreyPinkUnderline li.zebra { background-color:#f5f3f2; }
div.PinkWhite h2 { position:relative; background:transparent url("gfx/headingPinkWhiteBg.png") repeat-x right bottom; padding:6px 9px; color:#fff; z-index:1;}
div.col2 div.GreyPinkUnderline h2, 
div.col2 div.PinkWhite h2 { /* NEW */
    min-height:22px;
    padding:6px 9px; 
    border-width: 0;
    background-image:none; 
    background-color: #9a4d9e; 
    color: #fff;
}

div.GreyPinkUnderline h2 { background:#f3f1f0 url("gfx/headingGreyPinkBg.png") repeat-x left top; border:1px solid #fff; }
div.col3 div.GreyPinkUnderline h2, 
div.col3 div.PinkWhite h2 { /* NEW */
    min-height:22px;
    padding:6px 9px; 
    border-width: 0; 
    z-index:1; 
    background:transparent url("gfx/headingPinkWhiteBg.png") repeat-x right bottom; 
    color:#fff; 
}



/* greypinkcalendar */

div.GreyPinkCalendar { position:relative; background:transparent url("gfx/headingCalendarBg.jpg") repeat-x left top; padding:0; }
div.GreyPinkCalendar h2 { min-height:38px; background:transparent url("gfx/ikonKalender.png") no-repeat right 6px; }
div.GreyPinkCalendar ul { padding:5px 0; }
div.shadowpadding div.GreyPinkCalendar ul { margin-right: 0;} /*  Needed for IE in compatibility mode  */
.GreyPinkCalendar li span { display:block; color:#97469d; padding:5px 10px 0; font-weight:bold; }
.GreyPinkCalendar li a,
.GreyPinkCalendar li a:visited { display:block; color:#000; padding:0 10px 5px; }
div.list li.listItemWithLead {
    cursor:pointer;    
}

div.GreyPinkUnderline ul,
div.GreyPinkCalendar,
div.PinkWhite ul,
div.tools {
	border: 1px solid rgb(220,218,216);
}



.showlines li,
.tools li { width:100%; overflow:hidden; background:transparent url("gfx/listsBottomLine.png") no-repeat 50% top; }
.showlines li:first-child,
.tools li:first-child { background:none; }
.tools li a,
.tools li a:visited { display:block; height:54px; color:#867163; }
.tools img { float:left; padding:10px 0 0 15px; border:none; vertical-align:middle; }
.tools li a span { display:block; margin-left:62px; padding:14px 10px 0; background:transparent url("gfx/listBulletLink.gif") no-repeat left 18px; line-height:1.1em; }
.regularList li { overflow:hidden; padding:5px 10px; }
.regularList li a { float:left; color:#000; padding-left:10px; background:transparent url("gfx/listBulletLink.gif") no-repeat left 5px; }

.list a.showAll { float:right; padding-left:10px; background:transparent url("gfx/listBulletLink.gif") no-repeat left 5px; }



/******************************************************************************
= StartPageWP zones (probably not in use post Q4 2013)
******************************************************************************/

div.topRow { width:100%; overflow:hidden; border-top:3px solid #b9b1a6; background:#d7cfc6 url(gfx/frontPageLeftBg.jpg) no-repeat left bottom; padding-top:10px; }
div.bottomRow{ width:100%; overflow:hidden; padding-top:10px; }
div.col1{ width:218px; float:left; min-height:10px; margin-right:9px; padding:0 10px 10px; }
div.col2{width:280px;float:left;min-height:10px; margin-right:0px; padding-bottom:15px; }
div.col3{width:269px;float:left;min-height:10px; margin-right:10px; padding-bottom:15px; }
div.col4{width:183px; float:left;min-height:10px; padding-bottom:15px; }
.bottomRow .col1 { padding-bottom:15px; }
div.col2 .list ul {margin-right:11px;}



/* FRONTPAGE WEBPARTS: */

div.frontPageIcon {
    padding: 10px 0 0 0;
    text-align: center;
}

ul li.listItemWithLead a {
    background-image: none;
    padding: 10px 15px 5px 15px;
    font-weight: bold;
    font-size: 1.2em;
}

div.leadText {
    padding: 0px 15px 15px 15px;
    font-size: 1.1em;
}



/******************************************************************************
= localMenu (left) 
******************************************************************************/

.localMenu {
	font-size: .9em;
	padding: 0 10px;
}

.localMenu h2 {
	font-weight: normal;
	margin-bottom: 10px;
}

.localMenu ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.localMenu ul ul {
	margin-left: 10px;
}

.localMenu a {
	position: relative;
	display: block;
	text-decoration: none;
	color: #666;
	padding-left: 10px;
	margin-bottom: 5px;
}

.localMenu h2 a {
	padding-left: 0;
	color: #000;
}

.localMenu a:hover {
	text-decoration: underline;
}

.localMenu a:before {
	content: "›";
	font-family: arial, sans-serif;
	line-height: 1.1;
	position: absolute;
	left: 0;
	top: 0;
}

.localMenu h2 a:before {
	display: none;
}

.localMenu .open > a,
.localMenu .active > a {
	font-weight: bold;
}

.localMenu .open > a {
	color: #000;
}

.localMenu .active > a {
	color: #97469d;
}



/*****************************************************************************
= tables
******************************************************************************/

.mainAndRightCol table {
	margin-bottom: 30px;
	border-collapse: separate;
	border-spacing: 5px;
}

.mainAndRightCol table th,
.mainAndRightCol table td {
	text-align: left;
	vertical-align: top;
	padding: 5px 10px 5px 5px;
	border-bottom: 1px solid rgb(220,218,216);
}

.mainAndRightCol .headerRow th,
.mainAndRightCol .headerRow td {
	background: rgb(153,76,158);
	padding: 5px 10px 5px 5px;
	font-weight: bold;
	border-radius: 5px;
	color: White;
}

.mainAndRightCol .flexigrid table {margin-bottom: auto; border-bottom:none; }
.mainAndRightCol .flexigrid table th,
.mainAndRightCol .flexigrid table td { text-align:inherit; padding:0; }
.mainAndRightCol .flexigrid table .headerRow .webparttitle { padding:4px; background:#e8e8e8; }
.mainAndRightCol .flexigrid .zebra td { background:inherit; }
.mainAndRightCol .flexigrid .headerRow th,
.mainAndRightCol .flexigrid .headerRow td { background:none; }



/*****************************************************************************
= document list
******************************************************************************/

ul.documentlist, .mainContent ul.documentlist 
{ 
    list-style:none; 
    margin:0 0 20px; 
    padding:0 0 0 10px; 
    border-bottom: 1px solid rgb(220,218,216);
    clear: left;
}

.mainContent ul.documentlist 
{ 
    padding:0; 
}

ul.documentlist li,.mainContent ul.documentlist li 
{ 
    overflow:hidden;
    padding:5px 10px 5px 4px; 
    background-image:none; 
}

ul.documentlist li.even 
{ 
    background: rgb(236,232,228); 
}

ul.documentlist div 
{ 
    float:left; 
    width:49%; 
    min-height:10px; 
}

ul.documentlist div:first-child 
{ 
    width:48%; 
    padding-right:3%; 
}

ul.documentlist .heading, .mainContent ul.documentlist .heading 
{ 
    padding:7px 10px 7px 4px; 
    font-weight:bold; 
    background:#d2ccc5 url(gfx/tableHeadBg.png) repeat-x left top; 
}



/*****************************************************************************
= mainContent stuff
******************************************************************************/

.mainContent .introText,
.mainContent .ingress {
	font-size: 1.4em;
	padding: 0 80px 30px 0;
}

.mainContent ul {
	margin: 0 0 20px 0;
	padding: 0 0 0 25px;
}

.mainContent ol {
	margin: 0 0 20px 25px;
	padding: 0;
}

.mainContent ul ul,
.mainContent ul ol,
.mainContent ol ol,
.mainContent ol ul {
	margin-top: 10px;
	margin-bottom: 10px;
}

.mainContent ul ul {
	list-style: disc;	
}

.mainContent p {
	margin-bottom: 20px;
}

.mainContent a {
}

.mainContent blockquote {
	margin: 0 0 20px;
	padding: 11px 0 11px 80px;
	background: transparent url("gfx/iconQuote.gif") no-repeat left 10px;
	min-height: 58px;
	border-top: 1px solid #d7cfc6;
	border-bottom: 1px solid #d7cfc6;
	color:#867163;
}

.mainContent blockquote p {
	margin: 0;
}



/*****************************************************************************
= relatedlinks
******************************************************************************/

.relatedLinks h2 {
	margin-bottom: 10px;
	padding-bottom: 7px;
	border-bottom: 1px solid rgb(220,218,216);
}

.relatedLinks ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	margin-bottom: 20px;
}

.relatedLinks li {
	padding: 3px 0 3px 12px;
	background: transparent url("gfx/listBulletLink.gif") no-repeat left 10px;
}

.relatedLinks li a {
	text-decoration:none;
}

.relatedLinks li a:hover {
	text-decoration:underline;
}



/*****************************************************************************
= misc
******************************************************************************/

.print {
	float: right;
	margin: 10px 20px 0 20px;
	font-size: .85em;
}

.subtitle { padding-top:10px; font-size:0.85em; color: #666; }
body.ArticlePageWide .subtitle { position: absolute; padding-left: 2%; }
.articleImage { margin-bottom:20px; }
.additionalText { padding:10px; }
.teksthoyrejustert { text-align: right !important; }
.flexigrid { padding-top:17px; overflow:hidden; }
.content h2 { color:#000 !important; }
iframe { border:none; }

.toc ul { list-style:none; padding:0; }
.toc li a { display:block; padding:3px 0; }

.detailedRule .link { padding-bottom:5px; }
.detailedRule .link a:visited { color:#97469D; }
.detailedRule .text { margin-bottom:20px; padding:5px 10px; border:1px dashed #666; }
.detailedRule p { text-indent:0; }

.merknader { padding:10px; margin-top:20px; background-color:#f0f0f0; }
.merknad { font-weight:bold; }
.closed { display:none; }	
.info { padding:20px; background-color:#eeee00; font-weight:bold; margin-bottom:20px; }
.innrykk { padding-left:20px; }

.chartbuttonarea { padding: 5px 10px 40px 5px; }
.chartbuttonarea input.chartbuttonleft {float:left;}
.chartbuttonarea input.chartbuttonright {float:right;}



/* regulation (list of rules, laws and such) */

.regulation {
	max-width: 495px;
}

.regulation .toc {
	margin-bottom: 40px;
}

.regulation h2 { margin:15px 0 8px; }
.regulation h3 { font-weight:normal; font-style:italic; margin-bottom:2px; }
.regulation h3 strong { font-style:normal; }
.regulation p { margin-bottom:10px; }
.regulation td p { text-indent:0; }



/*****************************************************************************
= sitemap
******************************************************************************/

.siteMap { padding-top:40px; margin-bottom:20px; }
.siteMap h1 { margin-bottom:17px; }
.sectionpageColumn { float:left; width:155px; padding-left:10px; }
.sectionpageColumn ul,
.siteMap ul { list-style-type:none; width:100%; overflow:hidden; margin:0 0 4px; padding:0; font-weight:bold; }
.sectionpageColumn ul a,
.sectionpageColumn ul a:visited,
.siteMap ul a,
.siteMap ul a:visited { display:block; padding:2px 0 3px 10px; background:transparent url("gfx/listBulletLink.gif") no-repeat left 7px; text-decoration:none; }
.sectionpageColumn ul a:hover,
.siteMap ul a:hover { text-decoration:underline; }
.sectionpageColumn ul ul,
.siteMap ul ul { margin-bottom:0; font-weight:normal; }
.sectionpageColumn ul ul a,
.sectionpageColumn ul ul a:visited,
.siteMap ul ul a,
.siteMap ul ul a:visited { padding-left:20px; background-position:10px 7px; }



/********************************/
/* Questions and answers areas: */
/********************************/

div#QAArea {
    margin-bottom: 15px;
    float: left;
	width: 495px;
}

div#QAArea div.open {
    border-bottom: 1px solid #d8cec5;
    margin-bottom: 15px;
}

div#QAArea div.question {
    overflow: hidden;
    cursor:pointer;
    border-top: 1px solid #dddddd;
}

div#QAArea div.question h2:hover {
    background-color: #fff;
}

div#QAArea div.open div.question 
{
    background-image: none;
}

div#QAArea div.open div.question h2 {
    border-top-width: 0;
    border-bottom-width: 0;
    color: #fff;
}

div#QAArea div.question h2 {
    margin-right: 0px;
    padding: 11px 30px 10px 15px;
    background: transparent url("gfx/plus.png") no-repeat 465px 14px;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    color: #6f3373;
}

div#QAArea div.question:hover h2 {
    color: #9a4d9e;
}

div#QAArea div.open div.question h2 
{
    background: transparent url("gfx/minus.png") no-repeat 465px 14px;
    color: #653373;
}

div#QAArea div.answer 
{
    display: none;
    background: #feecf5;
    padding: 15px 10px 0 10px !important;
    overflow: hidden;
}

div#QAArea p {
	margin-bottom: 20px;
}

div#QAArea div.questionAndAnswer:last-child
{
    border-bottom: 1px solid #dddddd;
}

/* Nonstandard (=CSS3) styles for animating the transition between the hover effects: */
div#QAArea div.question h2, 
div#QAArea div.question h2:hover {
    -moz-transition: background-color 0.25s;
    -webkit-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    -ms-transition: background-color 0.25s;
    transition: background-color 0.25s;
}

/*  Extra styles for the case of pages that are single questions and answers:  */

div.singleQAArea  {
    margin-right: 20px;
}

div#QAArea div#singleQAContainer div.answer {
    display: block;
}

div#QAArea div#singleQAContainer div.question {
    cursor: default;
}



/******************************************************/
/*  The contact page                                  */
/******************************************************/

div#topLinksArea {
	float: left;
	width: 495px;
    margin-bottom: 40px;
}

div#topLinksArea div.linkBox {
    background: rgb(153,76,158) url("gfx/LinkBg_Purple.png") repeat-x bottom;
    margin-bottom: 10px;
    padding: 10px;
	cursor: pointer;
}

div#topLinksArea div.linkBox:hover {
    background: #444;
}

div#topLinksArea div.linkBox a {
    background: transparent url("gfx/ArrowRight_White.png") no-repeat center left;
    padding-left: 15px;
    color: White;
    text-decoration: none;
    font-weight: bold;
}



/**********  Contact Items Area:  *********************/

#contactItemsArea {
	max-width: 495px;
}

#contactItemsArea h2 {
	font-size: 1em;
}

#contactItemsArea .contactItem > div {
	display: inline-block;
	vertical-align: top;
	margin: 0 3% 30px 0;
}

#contactItemsArea .contactItem .contactItemIcon {
	width: 10%;
}

#contactItemsArea .contactItem .contactItemText {
	width: 47%;
	padding-right: 3%;
    border-right: 1px solid rgb(220,218,216);
}

#contactItemsArea .contactItem .contactItemMethod {
	width: 30%;
	margin-right: 0;
	font-weight: bold;
}

#contactItemsArea p {
    margin: 0;
}





/*****************************************************************************
******************************************************************************
******************************************************************************
= NEW STUFF Q4 2013 
******************************************************************************
******************************************************************************
******************************************************************************/



/******************************************************************************
= rows and columns
******************************************************************************/

.row,
.column {
	padding: 20px 2%;
}

.row {
	clear: both;
	color: #666;
}

.row a {
	color: #97469D;
}

.row h1,
.row h2,
.row h3 {
	color: #000;
}

.row h1 {
	padding: 0 2% 10px; /* side-padding unless in padded row */
}

.row h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0 0 20px 0;
}



/* intent */

#content .intent {
	font: italic 1.2em georgia, serif;
	color: #333;
	margin: 0 0 15px 0;
}

.intent:before {
	content: "“";
	font: 2.8em/0 georgia, serif;
	display: inline-block;
	vertical-align: bottom;
	margin: 0px 10px -3px -3px;
	color: rgb(170,166,162);
}



/* alert */

.row.alert {
	background: url('../images/alert.svg') no-repeat 10px center;
	-webkit-background-size: 30px auto;
			background-size: 30px auto;
	border: 2px solid #c00;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	margin: 1.5%;
	color: #000;
}

.no-svg .row.alert {
	background-image: url('../images/alert.png');
}



/* apply-options */

.row.apply-options {
	padding-bottom: 0;
	overflow: hidden;
	position: relative;
	border-top: 1px solid rgb(220,218,216);
	margin-top: -1px; /* border overlap */
}

.column .apply-options {
	border-bottom: 1px solid rgb(220,218,216);	
}

.apply-options .intent:after {
	content: "...";
}

.apply-options .intent span { /* mobile only */
	display: none;
}

.apply-options .warning { /* mobile only */
	display: none;
}



/* columnflow */

.row.columnflow {
	overflow: hidden;
	padding: 0;
}

.StartPage .row.columnflow {
	border-top: 1px solid rgb(220,218,216);
}



/* columns */

.column.one {
	float: left;
	padding-right: 0;
	width: 56%;
}

.mainAndRightCol .column.one {
    margin-top: 26px;
}

.column.two {
	float: right;
	background: url(../images/fade1.svg) no-repeat left top;
	padding-left: 3%;
	width: 35%;
}

.StartPage .column.two {
	background-color: rgb(246,244,242);
	border-radius: 0 0 0 20px;
	margin-bottom: 30px;	
}

.StartPage .column.two h2 {
	margin: 15px 0 20px 0;
}



/******************************************************************************
= StartPage top image
******************************************************************************/

.StartPage .apply-options .inner { 
	width: 2000px;
}

.StartPage .apply-options .actions,
.StartPage .apply-options img {
	display: inline-block;
	vertical-align: top;
}

.StartPage .apply-options .actions {
	min-width: 660px; /* keep image right */
}

.StartPage .apply-options img {
	margin-top: -60px;
	margin-bottom: -40px;
	margin-left: -20px;
}



/* version with fewer buttons and more image */

.StartPage .apply-options.short .actions li {
	margin-right: 60px;
}

.StartPage .apply-options.short .actions strong {
	font-size: 1.4em;
	background-position: left 6px;
}

.StartPage .apply-options.short img {
	margin-left: 0;
}



/******************************************************************************
= login info / payment options
******************************************************************************/

.login-info {
	border-bottom: 1px solid rgb(220,218,216);
	padding: 20px 0;
	margin-bottom: 30px;
}

.StartPage .login-info {
	border-top: none;
	padding: 10px 0 30px 0;
}

.ArticlePageWide .login-info {
	margin-bottom: 0;
}

.login-info h3 {
	font-weight: normal;
	margin-bottom: 5px;
}

.login-info ul,
#content .login-info .login {
	display: inline-block;
	vertical-align: top; 
}

.login-info ul {
	padding: 0;
	margin: 0 0 5px 0;
	font: italic 1.2em/1.6 georgia, serif;
	color: #333;
}

.StartPage .login-info ul {
	margin-right: 10px;
	width: 61%;
}

.login-info li {
	list-style: none;
	position: relative;
	padding-left: 28px;
}

.login-info li:before {
	content: "“";
	font: 2.8em/1.05 georgia, serif;
	position: absolute;
	left: 0;
	top: 0;
	color: #C2CF00;
}

.login-info .login {
	background-color: rgb(246,244,242);
	background-image: url(../images/arrow1b.svg);
	-webkit-box-shadow: 0px 1px 3px #aaa;
			box-shadow: 0px 1px 3px #aaa;
	margin: 10px 0 10px 3px;
}

.no-svg .login-info .login {
	background-image: url(../images/arrow1b.png);
}

.login-info .login.alternate {
	background-image: url(../images/arrow1.svg);
}

.no-svg .login-info .login.alternate {
	background-image: url(../images/arrow1.png);
}



/* payment-options (frontpage neighbour in column two) */

.payment-options {
}



/******************************************************************************
= endlinks
******************************************************************************/

.endlinks {
	padding: 0;
	border-bottom: 1px solid rgb(220,218,216);
	margin: 15px 0 30px 0;
}

.apply-options .endlinks {
	margin: 0;
	border: none;
}

.endlinks li {
	list-style: none;
	display: inline-block;
	margin: 0 20px 15px 0;
}

.endlinks a {
	text-decoration: none;
}

.endlinks a:hover {
	text-decoration: underline;
}

.endlinks a:after {
	content: "›";
	margin-left: 5px;
}



/******************************************************************************
= list2
******************************************************************************/

.list2 {
	padding: 0;
	margin: 0;
}

.list2 li {
	list-style: none;
	margin-bottom: 20px;
}

.column.one .list2 li {
	margin-right: 10%; /* just for air */
}

.list2 a {
	display: block;
	text-decoration: none;
	margin: 3px 0;
	font-size: 1.1em;
}

.column.one .list2 a {
	font-size: 1.25em;
}

.column.two .list2 a {
	font-size: 1em;	
}

.list2 a:hover {
	text-decoration: underline;
}

.list2 a:after {
	content: "›";
	margin-left: 5px;
}

.list2 .date {
	display: block;
	font-size: .8em;
}

.list2 p {
	padding-bottom: 10px;
}



/******************************************************************************
= row boxflow (deadlines, banner, video etc)
******************************************************************************/

.row.boxflow {
	padding-right: 0;
}

.row.boxflow > div,
.row.boxflow > a {
	display: inline-block;
	vertical-align: top;
	width: 29%;
	margin-right: 3%;
	margin-bottom: 30px;
	min-height: 162px; /* match video iframe */
}

#content .row.boxflow > div {
	float: none; /* override existing modules: list / calendar */	
}

.row.boxflow .video iframe {
	width: 100%;
	height: 162px; /* match boxflow heights */
}

.row.boxflow img { /* 16:9 287x162 desktop */
	width: 100%;
	height: auto;
}

.row.boxflow .editZone img {
	width: auto;
}

.row.boxflow p {
	margin: 5px 0 0 0;
}



/******************************************************************************
= deadlines (frister) + existing, badly named webpart
******************************************************************************/

.deadlines,
div.GreyPinkCalendar {
	background: url(../images/headingCalendarBg.jpg) repeat-x top;
	border: 1px solid rgb(220,218,216);
}

div.GreyPinkCalendar {
    text-align: left;
}

.deadlines h2,
div.GreyPinkCalendar h2 {
	background: url(../images/ikonKalender.png) no-repeat right top;
	padding: 6px 0 10px 0;
	margin: 6px 10px 12px 15px;
	font-size: 1.3em;
	font-weight: normal;
	color: #000;
	min-height: 0;
}

.deadlines ul,
div.GreyPinkCalendar ul {
	padding: 0;
	margin: 0 5px 15px 10px;
}

.deadlines li,
div.GreyPinkCalendar li {
	list-style: none;
	position: relative;
	padding-left: 10px;
	line-height: 1.6;
}

.deadlines a,
div.GreyPinkCalendar a {
	text-decoration: none;
	color: #97469D;
	padding: 0;
}

.deadlines a:hover,
div.GreyPinkCalendar a:hover {
	text-decoration: underline;
}

.deadlines a:before,
div.GreyPinkCalendar a:before {
	content: "›";
	position: absolute;
	left: 0;
}



/******************************************************************************
= banner (with dynamic text)
******************************************************************************/

a.banner {
	display: inline-block;
	vertical-align: top;
	background: #97469D url(../images/decor1.svg) no-repeat right -30px;
	-webkit-background-size: 55% auto;
			background-size: 55% auto;
	text-decoration: none;
	color: #fff;
	position: relative;
}

.no-svg a.banner {
	background-image: url(../images/decor1.png);
}



/* color variations */

a.banner.style2 {
	background-color: #c2cf00;
	color: #000;
}

a.banner.style3 {
	background-color: #7c706b;
}

a.banner.style4 {
	background-color: #fff;
	background-image: url(../images/decor1a.svg);
	border: 1px solid rgb(220,218,216);
	color: #666;
}

.no-svg a.banner.style4 {
	background-image: url(../images/decor1a.png);
}

a.banner.style5 {
	background-color: rgb(1,128,153);
}

a.banner.style6 {
	background-color: rgb(73,54,41);
}

a.banner.style7 {
	background-color: rgb(247,118,32);
	color: #000;
}

a.banner.style8 {
	background-color: rgb(123,202,218);
	color: #000;
}



/**/

a.banner:hover {
	text-decoration: underline;
}
	
a.banner strong {
	display: block;
	padding: 25px 15px 10px;
	font-size: 1.3em;
	font-weight: normal;
}

.rightCol .banner {
	display: block;
}

.rightCol .banner strong {
	padding-top: 15px;
}

a.banner span {
	display: block;
	padding: 0 15px 40px; /* bottom space for arrow */
}

a.banner span:after {
	content: "›";
	font-family: arial, sans-serif;
	font-size: 3em;
	line-height: 1;
	position: absolute;
	right: 15px;
	bottom: 10px;
}



/******************************************************************************
= actions, buttons
******************************************************************************/

.actions,
.buttons {
	padding: 0;
	margin: 0;
}

.actions li,
.buttons li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
}

.actions li {
	margin-right: 30px;
	margin-bottom: 20px;
}

.StartPage .apply-options .actions li {
	margin-right: 40px;
}

.actions a,
a.action,
.buttons a {
	text-decoration: none;
}

.action {
	display: inline-block;
	margin-bottom: 20px;
}

.actions strong,
.action strong {
	display: block;
	font-size: 1.25em;
	padding-left: 22px;
	background: url('../images/arrow1.svg') no-repeat left 4px;
	-webkit-background-size: 15px auto;
			background-size: 15px auto;
}

.no-svg .actions strong,
.no-svg .action strong {
	background-image: url('../images/arrow1.png');
}

.column .actions strong {
	font-size: 1.1em;
	background-position: left 2px;
}

.actions a:hover,
a.action:hover {
	text-decoration: underline;
}



/* buttons, subpagebox. height controlled by js */

.subPageBoxContainer {
	display: inline-block;
	vertical-align: top;
    cursor: pointer;
}

.subPageBoxContainer,
.buttons li {
	width: 48%;
	margin: 0 6px 10px 0;
}

.subPageBox,
.subPageBoxTall,
.buttons a {
	display: block;
	background: rgb(246,244,242);
	padding: 20px 20px 15px 35px;
	-webkit-box-shadow: 0px 1px 3px #aaa;
			box-shadow: 0px 1px 3px #aaa;
	position: relative;
	-webkit-transition: background .5s;
			transition: background .5s;
	min-height: 40px; /* height (beyond this) controlled by js */
}

.subPageBoxContainer h3 {
	margin-bottom: 5px;
}

.subPageBoxContainer h3 a,
.buttons a {
	font-size: .9em;
	font-weight: bold;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
}

.subPageBoxContainer .lead a {
    text-decoration: none;
	color: #666;
}

.subPageBoxContainer h3 a:before,
.buttons a:before {
	content: "›";
	font-family: arial, sans-serif;
	font-size: 1.8em;
	line-height: 0;
	font-weight: normal;
	position: absolute;
	left: 15px;
	top: 27px;
}

.subPageBox:hover,
.subPageBoxTall:hover,
.buttons a:hover {
	background: rgba(220,218,216, .5);
	-webkit-transition-duration: 0s;	
	 		transition-duration: 0s;	
}



/******************************************************************************
= guidance
******************************************************************************/

.guidance {
	background: rgb(246,244,242);
	margin: 10px 0 30px 0;
	padding: 20px;
	border-radius: 20px 0 0 20px;
	position: relative;
	overflow: hidden;
	color: #666;
}

.guidance h2,
.guidance ul,
.guidance p {
	display: inline-block;
	vertical-align: top;
}

#content .guidance h2 {
	position: relative;
	padding-left: 24px;
	margin-right: 3%;
	max-width: 17%;
}

.guidance .intent:before {
	position: absolute;
	line-height: 1;
	left: 0;
	top: -1px;
}

.guidance ul {
	margin: 0 20px 0 0;
	max-width: 40%;
}

.guidance p {
	margin: 0;
	max-width: 28%;
}

.guidance p a {
	display: block;
	text-decoration: none;
	position: relative;
	padding-left: 12px;
}

.guidance p a:hover {
	text-decoration: underline;
}

.guidance p a:before {
	content: "›";
	position: absolute;
	left: 0;
}



/******************************************************************************
= article modules: "example" and "step by step"
******************************************************************************/

/* headings */

h2.example,
h2.steps {
	margin-top: 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #97469D;
	line-height: 2; /* space for line break under :before element */
	overflow: hidden;
}

h2.example {
	border-color: #7c706b;
}

h2.example:before,
h2.steps:before {
	background: #97469D;
	color: #fff;
	font-size: .8em;
	font-weight: normal;
	text-transform: uppercase;
	padding: 10px;
	margin-right: 10px;
}

h2.example:before {
	background: #7c706b;
	content: "Eksempel";
}

h2.steps:before {
	content: "Steg for steg";
}



/* STEP-BY-STEP (triggers on h2 class) */

h2.steps + ol > li {
	list-style-type: none;
	margin-left: -25px; /* reset ol left margin */
	margin-bottom: 20px;
	border-bottom: 1px dashed #97469D;
	padding-bottom: 20px;
}

h2.steps + ol > li:before { /* step markers */
	content: "";
	background: url(../images/arrowbox.svg) no-repeat right center;
	margin-right: 5px;
	padding: 0;
	display: inline-block;
	vertical-align: top;
	height: 23px;
	width: 26px;
}

.no-svg h2.steps + ol > li:before { /* svg fallback */
	background: #97469D;
	border-radius: 100px;
	min-width: 2px;
}

h2.steps + ol > li > strong:first-child { /* used as heading */
	font-weight: normal;
	font-size: 1.3em;
	color: #000;
}

h2.steps + ol > li > strong:first-child:after { /* hack spacing under heading */
	content: "";
	float: left;
	width: 100%;
	height: 15px;
}

h2.steps + ol > li:last-child { /* end of module */
	margin-bottom: 50px;
}



/* lists inside */

h2.steps + ol ul,
h2.steps + ol ol {
	margin-top: 10px;
	margin-bottom: 10px;
}

h2.steps + ol ul {
	list-style: disc;
}



/* images inside */

h2.steps + ol img {
	display: block;
	border: 1px solid rgb(220,218,216);
	margin: 20px 0;
}


div.nbField
{
    border-top: 2px solid lightgray;
    border-bottom: 2px solid lightgray;
    padding-top: 15px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

div.nbField div.image
{
    width:22px;
    float:left;
    padding-left:10px;
}

div.nbField div.text
{
    margin-left: 34px; 
    width: 468px;
    padding-top:2px;
}

/******************* COOKIE DISCLAIMER ************************/

.cookies_info {
    background: -moz-linear-gradient(center top , #1d1d1d 0%, #292929 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -moz-linear-gradient(top, #1d1d1d 0%, #292929 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1d1d1d), color-stop(100%,#292929));
    background: -webkit-linear-gradient(top, #1d1d1d 0%,#292929 100%);
    background: -o-linear-gradient(top, #1d1d1d 0%,#292929 100%);
    background: -ms-linear-gradient(top, #1d1d1d 0%,#292929 100%);
    background: linear-gradient(to bottom, #1d1d1d 0%,#292929 100%);
    bottom: 0;
    max-height: 130px;
    opacity: 0.9;
    padding: 10px;
    position: fixed;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 11000;
}

.cookie_info_close_button {
    cursor: pointer;
    float: right;
    padding: 10px;
}

.cookies_info p {
    color: #fff;
    margin: 1em 0;
    font: 14px/1.7 Verdana,Geneva,sans-serif;   
}

.footer .cookies_info a {
    padding-left: 0px !important;
    color: #97469d;
}

.footer .cookies_info p a::before {
    content: "";
    padding-left: 0px !important;
}

/******************* COOKIE DISCLAIMER ************************/


/******************* REMOVE!!! ************************/

body.ID_19739 .leftcol, 
body.ID_19739 #breadcrumb, 
body.ID_19739 #breadCrumb, 
body.ID_19739 .globalMenu li, 
body.ID_19739 div.quicksearch, 
body.ID_19739 .topmenu li a, 
body.ID_19739 div.footer, 
body.ID_19739 div.column.two, 
body.ID_19739 div.login-info,
body.ID_19739 div#main_content h2.intent
{
	display: none;
}

body.ID_19739 div#main_content div.warning
{
	display: block;
}

body.ID_19739 .globalMenu li.fontsize {
	display: inline;
}

body.ID_19739 .mainAndRightCol {
	float: none;
	margin: 40px auto;
}

/* Under construction page PageId: 19739 */

/******************************************************************************
= Restyling frontpage etc winter 2015
******************************************************************************/
.StartPage h1 {
    border-bottom: none;
    padding-left: 0;
}

.StartPage .column.two {
    background: none;
    border-radius: 0;
}

.StartPage .featureArea img{
    width: 100%;
}

.StartPage .featureArea.row{
    padding: 0;
}

.StartPage .tool-linksTop ul{
    list-style-type: none;
    width: 100%;
    padding: 0;
}

.StartPage .tool-linksTop ul li{
    display: inline-block;
    padding-left: 3.6%;
    vertical-align: top;
    width: 16%;
}

.tool-linksTop span {
    position: relative;
    top: -10px;
}

.StartPage .tool-linksTop ul li a{
    text-decoration: none;
    line-height: 0;
    /*display: block;*/
}

.StartPage .tool-links ul li a:hover{
    text-decoration: none;
}

.StartPage .tool-linksTop ul li a:hover span,
.StartPage .tool-links ul li a:hover span{
    text-decoration: underline;
}

.StartPage .tool-linksTop ul li img{
    width: 30px;
}

.StartPage .row.boxflow{
    padding-top: 40px;
}

.StartPage .row a.actionButton{
    padding: 15px 8% 15px 5%;
    background-color: #97469d;
    color: #fff;
    display: block;
    font-size: 1.25em;
    text-decoration: none;
    margin-bottom: 40px;
    position: relative;
}

.StartPage .row a.actionButton:after{
    content: "›";
    font-size: 1.5em;
    padding-left: 20px;
    position: absolute;
    right: 15px;
    top: 14%;
    font-family: arial, sans-serif;
}

.StartPage .row a.actionButton:hover{
    background-color: #8f3287;
}

.StartPage .row .column{
    padding: 50px 4% 20px 4%;
}

.StartPage .row .column.one + .column.two{
    padding-left: 0;
    width: 33%;
}

.StartPage .row .column.one{
    width: 55%;
}

.StartPage .list2 a:after{
    content: none;
}

.StartPage .row .column.one .list2 li{
    margin-bottom: 10px;
}

.dateIcon{
    background: transparent url('../images/icon_calendar.png') no-repeat left 0;
}

h3.dateIcon{
    padding: 15px 0px 6px 45px;
    border-bottom: 1px solid rgb(220,218,216);
    margin-bottom: 15px;
    color: #666;
    font-weight: bold;
}

.StartPage .loanInfoBox{
    margin-left: 45px;
}

.StartPage .loanInfoBox ul{
    padding-left: 0;
    list-style-type: none;
}

.StartPage .loanInfoBox ul li{
    padding-bottom: 5px;
}

.StartPage .loanInfoBox ul li a{
    text-decoration: none;
}

.StartPage .loanInfoBox ul li a:hover{
    text-decoration: underline;
}

.StartPage .loanInfoBox dl dt, .StartPage .loanInfoBox dl dd{
    display: inline-block;
    vertical-align: top;
    width: 115px;
    margin: 0;
}

.StartPage .loanInfoBox dl dd{
    width: 160px;
}

.StartPage .loanInfoBox dl dd span{
    display: inline-block;
    vertical-align: top;
    margin: 0;
}

.StartPage .row.repaymentArea{
    background: #f8f8f8;
}

.StartPage .row.columnflow + .row.columnflow{
    border-top: none;
}

.StartPage .row.boxflow{
    text-align: center;
}

.StartPage h2.tool-header {
    display: none;
}

.StartPage .warning {
    display: none;
}

.topmenu a {
    padding-top:20px;
    padding-bottom:20px;
}

.topmenu li:not(.group3) a:hover:before,
.topmenu .active a:before {
	margin-top: -21px;
}

.topmenu .group2 {
	margin-left: 0;
}

.StartPage .dropdown-box > h3{
    display: none;
}

a.login {
    background-position: 90% center;
    padding-left: 40px;
    padding-right: 60px;
}

.mainAndRightCol table.no-style .headerRow th, 
.mainAndRightCol table.no-style .headerRow td{
    background: transparent;
    color: #000;
}

.mainAndRightCol table.no-style td{
    border-bottom: medium none;
}

/******************************************************************************
= Redesign "ArticlePageTile" etc Spring 2016
******************************************************************************/

.ArticlePageTile .columnTile {
	float: left;
    padding-left: 30px;
    padding-top: 30px;
    width: 980px;
}

.subPageBoxTileContainer {
	display: inline-block;
	vertical-align: top;
    cursor: pointer;
    margin: 0 30px 30px 0;
    width: 30%;
    background-color: #f6f4f2;
}

.subPageBoxTileContainer:hover {	
    background: rgba(220, 218, 216, 0.5);
}

.subPageBoxTileContainer h5 {
	display: table;
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
}

.ArticlePageTile .boxLeadLink {
    height: 70px;
    padding-left: 15px;
    position: relative;
    width: 280px;
}

.subPageBoxTileContainer h5 a {
	font-size: .9em;
	color: #000;
	text-decoration: none;
}

.subPageBoxTileContainer .lead a {
    text-decoration: none;
	color: #666;
}

.ArticlePageTile h1 {
    padding-left: 20px;
}

.ArticlePageTile h5 a::after {
    content: "›";
    font-size: 1.5em;
    position: absolute;
    right: 15px;
    top: 15px;
    padding-left: 20px;
}

.ArticlePageTile .columnTile a.boxLeadLink {
    color: #000;
    display: table-cell;
    font-size: 1.15em;
    text-decoration: none;
    vertical-align: middle;
}

.ArticlePageTile .columnTile a.boxLeadLink2 {
    color: #000;
    display: block;
    font-size: 1.10em;
    padding: 0px 15px 10px;
    position: relative;
    text-decoration: none;
    top: -10px;
}

.ArticlePageTile .row.boxflow {
    text-align: center;
}

.ArticlePageTile .subtitle {
    color: #666;
    font-size: 0.85em;
    padding-left: 20px;
    padding-top: 10px;
}
.ArticlePageTile .columnTile .subPageBoxTile,
.ArticlePageTile .columnTile .subPageBoxTileTall,
.ArticlePageTile .columnTile .subPageBoxTall {
    box-shadow: none;
    display: block;
    padding: 0px;
    position: relative;
}

.ArticlePageTile .subPageBoxTile {
    min-height: 70px;
}

.subPageBoxTileTall {
    min-height: 190px;
}


/******************************************************************************
= Redesign "Contactpage" etc Spring 2016
******************************************************************************/

.ContactPage .column.two {
    background: none;
}

.ContactPage h2 {
    padding: 0 2% 10px;
}

.ContactPage h1 {
    padding: 10px 2% 10px 15px;
}

.row h1, .row h2, .row h3 {
    color: #000;
}

.contactLeft .box-image {
    padding-bottom: 5px;
    position: relative;
    text-align: center;
}


.ContactPage h5 {
    font-size: 1.5em;
    font-weight: normal;
    margin-top: 15px;
}

.column.one > h5,
.column.fullRow > h5 {
    color: #000;
    padding-left: 14px;
}

.ContactPage .mainContent p {
    margin-bottom: 15px;
}

.ContactPage .inner-login-box li p {
    margin: 0 !important;
}

.ContactPage .column.one,
.ContactPage .column.fullRow {
    padding-left: 30px;
}

.ContactPage .row.columnflow {
    padding-bottom: 15px;
    padding-top: 15px;
}

.ContactPage  .mainContent ul {
    margin: 0 auto;
    padding-left: 15px;
}

.column.fullRow {
    float: left;
     padding-top: 0;
}

.ContactPage .row a.actionButton::after {
    content: "›";
    font-family: arial,sans-serif;
    font-size: 1.5em;
    padding-left: 20px;
    position: absolute;
    right: 15px;
    top: 15%;
}
.ContactPage .row a.actionButton {
    background-color: #97469d;
    color: #fff;
    display: block;
    font-size: 1.25em;
    margin-bottom: 15px;
    padding: 15px 8% 15px 5%;
    position: relative;
    text-decoration: none;
}

.ContactPage .row a.actionButton:hover{
    background-color: #8f3287;
}


.importantMessage .box-image {
    padding-bottom: 5px;
    position: relative;
    text-align: center;
}

.importantMessage .box-text {
    padding: 10px;
    text-align: center;
}

.importantMessage .box-text > p {
    font-size: 1.25em;
    color: #000;
    margin: 0;
}

.importantMessage .box-text > a {
    font-size: 1.25em;
    margin: 3px 0;
    text-decoration: none;
}

.importantMessage .box-text > a:hover {
    text-decoration: underline;
}

.loginBox {
    background: #c2cf00 none repeat scroll 0 0;
    clear: both;
    min-height: 150px;
    padding-bottom: 30px;
    display: table;
    width: 100%;
}


.loginBox > p {
    font-size: 1.5em;
    padding-left: 20px;
    padding-top: 20px;
     color: #000;
}

.inner-login-box {
    font-size: 1.25em;
    padding-left: 10px;
}

.inner-login-box li {
    background: rgba(0, 0, 0, 0) url("../Images/ulBullet.png") no-repeat scroll left center;
    color: #000;
    list-style: outside none none;
    margin: 0;
    padding-left: 25px;
    width: 305px;
}

/*.loginBox #loginButton {
    left: 372px;
    position: relative;
    top: -128px;
}*/

.loginBox #loginButton {
    display: table-cell;
    position: relative;
    right: 20px;
    vertical-align: middle;
}

.row .loginBtn {
    background: #f4f7d4 none repeat scroll 0 0;
    color: #000;
    font-size: 1.5em;
    height: 60px;
    left: 25px;
    padding: 15px 50px 15px 15px;
    position: relative;
    text-decoration: none;
    top: 17px;
}

#loginButton a:hover {
    cursor: pointer;
    text-decoration: underline;
}

.helpGuide .box-image {
    padding-bottom: 5px;
    padding-left: 95px;
    padding-right: 95px;
    position: relative;
    text-align: center;
}

.helpGuide .box-text {
    padding: 10px;
    text-align: center;
}

.helpGuide .box-text > p {
    font-size: 1.25em;
    color: #000;
    margin: 0;
}

.helpGuide .box-text > a {
    font-size: 1.25em;
    margin: 3px 0;
    text-decoration: none;
}

.helpGuide .box-text > a:hover {
    text-decoration: underline;
}

.ContactPage div#QAArea {
    float: left;
    margin-bottom: 15px;
    width: 100%;
}

.ContactPage .row h2 {
    font-size: 1.25em;
}

.ContactPage div#QAArea div.question h2 {
    background: transparent url("gfx/plus.png") no-repeat scroll 537px 15px;
    margin: 0px;
}

.ContactPage div#QAArea div.open div.question h2 {
    background: transparent url("gfx/minus.png") no-repeat scroll 537px 15px;
    margin: 0px;
}

.deadlineBox .box-image {
    padding-bottom: 5px;
    padding-left: 95px;
    padding-right: 95px;
    position: relative;
    text-align: center;
}

.deadlineBox .box-text {
    padding: 10px;
    text-align: center;
}

.deadlineBox .box-text ul li a {
    font-size: 1.25em;
    margin: 3px 0;
    text-decoration: none;
}

.deadlineBox .box-text ul li a:hover {
    text-decoration: underline;
}

.deadlineBox .box-text li {
    list-style-type: none;
}

.deadlineBox .box-text > ul {
    padding: 0;
}

.contactLeft, 
.contactMiddle,
.contactRight {
    float: left;
    padding: 0px 44px 45px;
    text-align: center;
    width: 230px;
}

.contactIntro > p,
.contactOpeningHours > p {
    font-size: 1.25em;
}

.contactPhone > p {
    color: #97469d;
    font-size: 1.25em;
    font-weight: bold;
}

.contactOpeningHours {
    color: #9b9b9b;
}

.ContactPage .contactIntro {
    margin-top: 15px;
    min-height: 95px;
}

.contactRight .box-text .contactIntro > a {
    font-size: 1.25em;
    margin: 3px 0;
    text-decoration: none;
}

.contactRight .box-text .contactIntro > a:hover {
    text-decoration: underline;
}

.ContactPage .fullRowBottom div#QAArea div.question h2 {
    background: transparent url("gfx/plus.png") no-repeat scroll 835px 15px;
    margin: 0px;
}

.ContactPage .fullRowBottom div#QAArea div.open div.question h2 {
    background: transparent url("gfx/minus.png") no-repeat scroll 835px 15px;
    margin: 0px;
}


.ContactPage .fullRowBottom div#QAArea {
    float: left;
    margin-bottom: 15px;
    width: 94%;
    padding-left: 15px;
}
.row.ContactAlertBlue {
    background: rgba(0, 0, 0, 0) url("../images/alertLightBlue.png") no-repeat scroll 10px center / 30px auto;
    border: 2px solid #7bcada;
    color: #000;
    margin: 1.5%;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-top: 10px;
}

.row.ContactAlertRed {
    background: url('../images/alert.svg') no-repeat scroll 10px center / 30px auto;
    border: 2px solid #c00;
    color: #000;
    margin: 1.5%;
    padding-bottom: 10px;
    padding-left: 50px;
    padding-top: 10px;
}

.ContactPage .row.ContactAlertRed p,
.ContactPage .row.ContactAlertBlue p {
    margin-bottom: 0;
}

.notImportantViewLinks .abNIMW {
    float: left;
    margin: 0;
    padding-right: 30px;
}

.notImportantViewLinks {
    padding-left: 30px;
}



.ContactPage .row a.actionButtonNIMV::after {
    content: "›";
    font-family: arial,sans-serif;
    font-size: 1.5em;
    padding-left: 23px;
    position: absolute;
    right: 15px;
    top: 8px;
}

.ContactPage .row .notImportantViewLinks a.actionButtonNIMV {
     background-color: #97469d;
    color: #fff;
    display: table-cell;
    font-size: 1.25em;
    height: 60px;
    padding-left: 15px;
    padding-right: 30px;
    position: relative;
    text-decoration: none;
    vertical-align: middle;
    width: 250px;
}

.ContactPage .row .notImportantViewLinks a.actionButtonNIMV:hover{
    background-color: #8f3287;
}

.ContactPage tr:first-child td {
     background: rgb(153, 76, 158) none repeat scroll 0 0; 
     border-radius: 5px; 
        color: #fff !important; 
     font-weight: bold; 
     padding: 5px 10px 5px 5px;
}

.ContactPage tr:first-child td p {
    color: #fff !important; 
}

.ContactPage .answer table {
    border-collapse: separate;
    border-spacing: 5px;
}

.ContactPage .answer table td {
    border-bottom: 1px solid rgb(220, 218, 216);
    padding: 5px 10px 5px 5px;
    text-align: left;
    vertical-align: top;
}

.hr950 {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    width: 94%;
}

a.loginBtn::after {
    content: "›";
    font-family: arial,sans-serif;
    font-size: 1.4em;
    font-weight: bold;
    padding-left: 30px;
    position: absolute;
    top: 6px;
}

.ContactPage .answer p,
.ContactPage .answer ul,
.ContactPage .answer tr,
.ContactPage .answer td {
    color: #000;
}

.ContactPage .answer h2 {
    margin: 0;
    padding: 10px 0;
}



/******************************************************************************
= Custom Dynamic Buttons
******************************************************************************/

a.DCGreenLightGreenBtn {
    background-color: #c2cf00;
    border-bottom: medium solid #adb718;
    color: black;
    font-weight: bold;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 3px;
}

a.DCGreenLightGreenBtn:hover {
    background-color: #dfe2af;
    border-bottom: medium solid #c2cf00;
}

a.DCWhiteGrayBtn {
    background-color: #f6f4f2;
    border-bottom: medium solid gray;
    color: black;
    font-weight: bold;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 3px;
}

a.DCWhiteGrayBtn:hover {
    background-color: #acacac;
    color: white;
    border-bottom: medium solid #705e56;
}

a.DCPurpleLightPurpleBtn {
    background-color: #97469d;
    border-bottom: medium solid #6f3373;
    color: white;
    font-weight: bold;
    padding: 8px 25px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 3px;
}

a.DCPurpleLightPurpleBtn:hover {
    background-color: #e3cde4;
    color: black;
    border-bottom: medium solid #97469d;
}