/*
Note about IE7 support.
According to http://www.sitepoint.com/blogs/2006/03/21/minmax-widthheight-supported-by-ie7/
IE7 will support min-height in the final release. However Beta 2 does not.
This means that minimum height of boxes should be specified as:
	min-height:##px;_height:##px;
This has been tested on IE 6 & 7, Mozilla 1.0 & 1.5, Opera 8.4
and works with the exception of min-height in IE7 which should be fixed in the final release.
Also works with min-width and _width

/emil
*/

/*
Blue: #4A638D
Orange: #FF9900
darkgreen mouseover: #3C5072
ligntgreen mouseover: #4A638D

Green: #51604D
darkgreen mouseover: #7F8979
ligntgreen mouseover: #919A8D
Link: #333

Sand/orange: EFB158
Grøn/grå: 636554
*/

/*Elements general*/
html,body {min-height:100%;height:100%;margin:0;padding:0;text-align:center}
body {
				background:#9DA095 url(../img/grad_gray_1x768.gif) repeat-x fixed top;				
				font:normal normal 0.6em verdana, arial;color:#333;
}
p {margin:0}
h1, h2, h3, h4 h5{margin-top:0}
a {font:normal bold 100% verdana, arial;text-decoration:none !important;color:#333}
img {border:none}

/*Tables*/
table, th, td {margin:0;border-collapse:collapse;border:none;padding:0;table-layout:auto}
td, th {font-size:100%;text-align:left}
th {vertical-align:bottom;padding-bottom:2px} 
td {vertical-align:top}

/* Headers*/
h1 {font:normal bold 17px /*22px*/ arial, verdana, helvetica;color:#000;text-transform:uppercase;margin:0 0 7px 0;/*letter-spacing:-0.5px !important;letter-spacing:-1px*/}
h2 {font:normal bold 15px arial, verdana, helvetica;color:#000;text-transform:uppercase;margin:0;letter-spacing:-0.5px;}
h3 {font:normal bold 12px arial, verdana, helvetica;color:#000;text-transform:uppercase;margin:0}
h4 {font: bold 100% verdana, arial, helvetica;color: #000;margin: 0px;}
h5 {font: bold 100% verdana, arial, helvetica;color: #000;margin: 0px; text-decoration:underline;}

/*Form elements*/
form {display:inline}
input, select, textarea {font:normal normal 100% verdana, helvetica, arial;color:#333}

/*Page sections*/
#page {width:730px;min-height:100%;_height:100%;position:relative;background:#fff;text-align:left;padding:0 20px;margin:0 auto}

#top {background: url(../img/gx_top.jpg) no-repeat bottom left;width:730px;height:140px;margin:0 auto}
#top .homelink {width:172px;height:43px;position:absolute;top:60px;left:57px;}
#top a {font:normal bold 90% verdana, arial;text-transform:uppercase}
#top p {position:relative;left:245px;top:62px;width:150px;}
#top a {text-decoration:none;color:#fff}

#menu {width:730px;height:30px/*40px*/;margin:10px auto 0}
#menu #you-are-here {width:70%;float:left}
#menu #links {width:30%;float:right;text-align:right}
#menu #you-are-here a {padding-left:14px;margin-right:6px;background-image:url(../img/gx_arrow_blue.gif);background-repeat:no-repeat;background-position:center left}
#menu #you-are-here a.start {padding:0;margin:0;background:none;margin-right:8px;}
#menu #links a {margin-left:20px}
#menu a {font:normal bold 90% verdana, arial;text-transform:uppercase}
#menu a {text-decoration:none;color:#333}
#menu a:visited {text-decoration:none;color:#333}

#content {width:730px;margin:0px auto;padding-bottom: 15px;}

#upper-col1 {position:relative;left:0px;float:left;margin:0}
body.guidelink #upper-col1 div {width:507px !important}
#upper-col2 {position:relative;left:20px;float:left;margin:22px 0 0}	
#lower-col1 {position:relative;left:0px;float:left;margin:0}
#lower-col2 {position:relative;left:20px;float:left;margin:0}
#lower-full {position:relative;left:0px;float:left;margin-right:-10px}


/*Content-box*/
.shadowTL{position:relative;background:url(../img/bg_shadow_tl_box.gif) no-repeat top left}
.shadowBR{position:relative;background:url(../img/bg_shadow_br_box.gif) no-repeat bottom right}
.shadowTR{position:relative;background:url(../img/bg_shadow_tr_box.gif) no-repeat top right;padding:4px 10px 0 0}
.shadowBL{position:relative;background:url(../img/bg_shadow_bl_box.gif) no-repeat bottom left;padding:0 0 10px 3px}

.outer-box {margin:8px 0 0 -3px}
.content-box {background-color:#F2F2EE;color:#101010;height:100%;}
/*.content-box p, .content-box h2, .content-box h4 {margin:0 7px 0 7px;padding-bottom:4px;padding-top:4x; width:100%;}*/
.content-box div, .content-box h2, .content-box h4 {margin:0 0px 0 0px;padding:4px 7px 10px 7px;width:auto;}  /*width:100%*/
.tip-content-box {background-color:#F2F2EE;color:#101010;height:100%}

.text p {margin:0 0 13px}


/* Tables in general*/
table 														{width:100%;color:#000}
table th 													{background-color:#636554;color:#fff}
table th, table td											{padding:3px 0 3px 0;}
table th.left, table td.left								{padding-left:7px}
table th.right, table td.right 								{padding-right:7px;}
table th.nb		 											{background-color:#A32900 !important;color:#fff}
table th.center, table td.center							{text-align:center;}

table tr.reg td												{background-color:#d7d7cf;color:#000}
table tr.alt td												{background-color:#f2f2ee;color:#000}		

/* Mouseover on tables */
table.mouseover tr.reg td.over 								{background-color:#7F8979;color:#fff}
table.mouseover tr.alt td.over 								{background-color:#919A8D;color:#fff}
table.mouseover tr.reg td a, 
table.mouseover tr.alt td a									{color:#000} 							
table.mouseover tr.reg td.over a,
table.mouseover tr.alt td.over a 							{color:#fff}


table.mouseover tr.reg td.reg								{background-color:#d7d7cf;color:#000}
table.mouseover tr.reg td.alt								{background-color:#C2C2BB;color:#000}
table.mouseover tr.alt td.reg								{background-color:#F2F2EE;color:#000}
table.mouseover tr.alt td.alt								{background-color:#DADAD7;color:#000}

table.mouseover tr.reg td.over								{background-color:#7F8979;color:#fff}
table.mouseover tr.alt td.over								{background-color:#919A8D;color:#fff}


table.mouseover a, table.mouseover a:visited, table.mouseover a:hover, table.mouseover a:active
 															{margin:-3px 0 -3px 0;padding:3px 0 3px 0;width:100%;height:100%;display:block;font-weight:normal;text-decoration:none}

/* Tables containing links */
table.link-table tr.reg td.right							{background-image:url(../img/gx_arrow_reg.gif);background-repeat:no-repeat;background-position:center right;}
table.link-table tr.alt td.right							{background-image:url(../img/gx_arrow_alt.gif);background-repeat:no-repeat;background-position:center right;}
table.link-table tr.reg td.rightover 						{background-image:url(../img/gx_arrow_over_reg.gif);background-repeat:no-repeat;background-position:center right;}
table.link-table tr.alt td.rightover 						{background-image:url(../img/gx_arrow_over_alt.gif);background-repeat:no-repeat;background-position:center right;}

table.link-table th.highlight 								{background-image:url(../img/gx_arrow_highlight.gif);background-repeat:no-repeat;background-position:center right;}
table.link-table th.highlight-alt 							{background-image:url(../img/gx_arrow_highlight_alt.gif);background-repeat:no-repeat;background-position:center right;}
table.link-table th.headerlink 								{background-image:url(../img/gx_arrow_headerlink.gif);background-repeat:no-repeat;background-position:center right;}
table.link-table th.highlight a, table.link-table th.headerlink a
															{margin:-3px 0 -3px 0;padding:3px 0 3px 0;width:auto;height:100%;display:block;font-weight:normal;text-decoration:none}

table.link-table th 										{background-color:#636554;color:#fff}
table.link-table th.highlight								{background-color:#A32900;color:#fff}
table.link-table th.highlight-alt							{background-color:#EFB158;color:#fff}
table.link-table th a										{color:#fff !important;font-weight:bold !important}

table.link-table .right 									{padding-right:0px;} /*14*/
table.link-table .right a									{padding-right:0px;} /*14*/
table.link-table .left a									{font-weight:bold !important}
table.link-table td.left 									{padding-left:0px;} /*14*/
table.link-table td.left a									{padding-left:7px !important;width:auto;} /*14*/

table.link-table td.left-right								{padding-left:7px;padding-right:0px;} /*14*/
												

/* Table matrix */ 
table.matrix th												{padding:5px 0 7px 5px;font-size:13px !important;font-weight:bold;text-transform:uppercase;letter-spacing:normal}
table.matrix th.type1, table.matrix th.type3 				{background-color:#EFB158;color:#fff}
table.matrix th.type2										{background-color:#636554;color:#fff}
table.matrix th.footer										{padding:4px 0 4px 7px;height:16px}
table.matrix td 											{padding:0 2px;margin:0;letter-spacing:-1px !important;text-align:center;height:100%}
table.matrix td a											{display:block !important;height:100%;margin:0 !important}
table.matrix td.left 										{padding:4px 4px 4px 7px;text-align:left;font-weight:bold;letter-spacing:normal !important; }


/* Compare banks table with graphs */
table.compare-banks th,
table.compare-banks td 										{padding:4px 0 3px 0;}
table.compare-banks th a, 
table.compare-banks td a 									{display:inline;width:auto;margin:0;padding:0}
table.compare-banks th.left,
table.compare-banks td.left									{padding:4px 5px 3px 7px}
table.compare-banks th.right,
table.compare-banks td.right 								{padding:4px 7px 3px 5px}
table.compare-banks tr.reg td, 
table.compare-banks tr.reg th.footer						{background-color:#d7d7cf;color:#000} 
table.compare-banks tr.alt td, 
table.compare-banks tr.alt th.footer						{background-color:#f2f2ee;color:#000}
table.compare-banks th.footer								{height:35px;vertical-align:top}
table.compare-banks td.graph3cols							{background-image:url(../img/gx_graph_bg_225px_3.gif);background-repeat:no-repeat;background-position:left center}
table.compare-banks td.graph5cols							{background-image:url(../img/gx_graph_bg_225px_5.gif);background-repeat:no-repeat;background-position:left center}
table.compare-banks tr.reg div.bar							{background-color:#EFB158;width:0px;font-size:1px;height:11px;vertical-align:middle;text-align:center;border:solid 1px #000;margin:1px 0 1px 0;padding:0;}
table.compare-banks tr.alt div.bar							{background-color:#636554;width:0px;font-size:1px;height:11px;vertical-align:middle;text-align:center;border:solid 1px #000;margin:1px 0 1px 0;padding:0;}
table.compare-banks tr.reg div.bar div.barMidLine			{background-color:#fff;height:100%;width:2px !important;margin: 0 auto;padding:0;}
table.compare-banks tr.alt div.bar div.barMidLine			{background-color:#fff;height:100%;width:2px !important;margin: 0 auto;padding:0;}

/* Specification for a single bank table */
table.specific-bank td 										{vertical-align:middle}
table.specific-bank th, .specific-bank td 					{text-align:right}
table.specific-bank th.left,
table.specific-bank td.left									{text-align:left;}
table.specific-bank th.comment,								
table.specific-bank td.comment								{text-align:left;padding-left:20px !important}
table.specific-bank th										{height:30px !important;padding:3px 0 3px 4px;}
table.specific-bank td 										{padding:3px 0 3px 0;}
table.specific-bank th a, 
table.specific-bank td a 									{display:inline;width:auto;margin:0;padding:0}
table.specific-bank th.left,
table.specific-bank td.left									{padding:3px 4px 3px 7px}
table.specific-bank th.right,
table.specific-bank td.right 								{padding:3px 7px 3px 4px}
table.specific-bank td.result 								{padding:3px 7px 3px 4px;background-color:#F2F2EE !important}
table.specific-bank tr.result td 							{font-weight:bold;font-size:110%;}
table.specific-bank th.result,
table.specific-bank td.result								{width:65px}
table.specific-bank tr.reg td								{background-color:#d7d7cf;color:#000} 
table.specific-bank tr.alt td								{background-color:#f2f2ee;color:#000}
table.specific-bank tr.selectedResult td					{background-color:#A32900;color:#fff;height:25px;vertical-align:middle} 
/*table.specific-bank tr.high td							{background-color:#F2F2EE;color:#000;height:25px;vertical-align:middle}*/

/* Select banks to compare table */
table.select-banks th 										{vertical-align:middle;text-align:left}
table.select-banks th										{height:23px !important;padding:4px 0 2px 4px;}
table.select-banks td 										{text-align:center;}
table.select-banks td.left									{padding:0px 10px 0 15px}
table.select-banks td.right									{/*padding:15px 15px 0 10px*/padding-top:0px}
table.select-banks td.bottomright							{padding:0 15px 15px 10px}
table.select-banks td.bottomright div						{text-align:right;}
table.select-banks td.center								{vertical-align:bottom;padding:0 0 3px 0}
table.select-banks td.center img							{margin-bottom:10px}
table.select-banks td div									{text-align:left;width:auto}
table.select-banks td h4,
table.select-banks td p										{margin:0;padding:0}
table.select-banks td p										{color:#333;min-height:30px;_height:30px;}
table.select-banks td select.select-banks					{margin-bottom:15px;width:218px}
table.select-banks td.filter								{padding-left:22px;text-align:left;}

 /* Guide table */
table.guide-step1 th 										{background-color:#A32900;height:23px !important}
table.guide-step1 td 										{text-align:left;font-weight:bold;padding:10px 0 0 15px}
table.guide-step1 td.form									{width:33%;padding-top:5px}
table.guide-step1 td.form	*								{vertical-align:middle}
table.guide-step1 td.form	select							{width:185px;margin-bottom:10px}
table.guide-step1 td.form	img								{margin-bottom:10px}
table.guide-step1 p											{margin:0;padding:0}
table.guide-step1 td.bottom									{padding-bottom:15px}


/* Tip a friend table*/
table.tipafriend th											{height:23px !important;padding:4px 4px 2px 4px;}
table.tipafriend td 										{text-align:center;}
table.tipafriend td.left									{width:240px;height:30px}
table.tipafriend td.top div									{margin-top:10px;margin-bottom:0 !important}
table.tipafriend td.top h4									{margin-bottom:0 !important}
table.tipafriend td div										{text-align:left;margin:0 10px 0 10px}
table.tipafriend td h4,
table.tipafriend td p										{margin:0 0 5px;padding:0}
table.tipafriend td p										{color:#333;min-height:30px;_height:30px;}
table.tipafriend td input.txt								{width:100%}
table.tipafriend td div	textarea							{width:300px;height:120px}
table.tipafriend td div.info								{text-align:left;margin:10px}
table.tipafriend td div.button								{text-align:right;margin:10px}
table.tipafriend span.mandatory								{color:#A32900;font-weight:bold;margin:0 5px 0 1px}


/* Word Explanations */
.ListItemText												{display: none; padding-top:0px; margin-top:0px;}
.ListItemText span											{padding-top:0px; margin-top:0px;}


/* text tables with 2 cols */
table.text th 												{background-color:#636554;color:#fff}
table.text th, table.text td 								{width:50%}
table.text th												{padding:3px 0 3px 7px}
/*table.text td												{background-color:#F2F2EE;padding:8px 5px 15px 0;height:auto}*/
/*table.text td												{padding:8px 7px 15px 7px;height:auto}*/
table.text td												{padding:0;height:auto}
table.text td div											{padding:8px 7px 15px 7px;height:auto}
table.text h4  												{margin:0 5px 0 5px;padding-bottom:0px;padding-top:8px}
table.text p												{margin:0px 0px 0px 0px !important;padding-bottom:0px;padding-top:0px}


/*specific*/
.about {margin:10px 0 0;width:320px}
.about div, .about p {margin:0 0 10px 0}

.about-right {margin:10px 0 0;width:140px;position:relative;left:-10px}
.about-right div, about-right p {margin:0 0 8px 0}
.about-right p.black {color:#000}
.about-right table.form img, .about-right table.form input, .about-right table.form select {vertical-align:middle}
.about-right table.form select {width:100px}
.about-right table.form {margin-bottom:16px}

#sort-box, .sort-box {padding:7px 0 0;letter-spacing:normal}
#sort-box table.layout td, .sort-box table.layout td {padding: 0 7px 5px 7px}
#sort-box img, #sort-box input, #sort-box select, .sort-box img, .sort-box input, .sort-box select {vertical-align:middle}
#sort-box .page-selector a.current-page, .sort-box .page-selector a.current-page {color:#888}
#sort-box .page-selector, .sort-box .page-selector {font-weight:bold; margin-right:0}
#sort-box p.back-link, .sort-box p.back-link {margin-left:0}
#sort-box-bottom, .sort-box-bottom {padding:14px 0 0;letter-spacing:normal}
#sort-box-bottom table.layout td, .sort-box-bottom table.layout td {padding:0 7px 5px 10px}

.infoicon{cursor:hand; cursor:pointer !important}
.infobox {background-image:url(../img/gx_infobox_red_header) !important;background-color:#A32900 !important;background-repeat:no-repeat;background-position:0px 0px}
.infobox {display:none;position:absolute;top:0px;left:0px;z-index:1000;width:260px;min-height:80px;_height:80px;cursor:pointer;cursor:hand}
/*div.infobox div{border:1px solid blue;height:100px;overflow:auto;}*/
.infobox {padding:20px 0 10px 0}
.infobox h4 {margin:10px 10px 0 10px;padding:0;color:#FFF}
.infobox p, .infobox div {margin:0 10px 10px 10px;padding:0;color:#FFF}
.infoframe {width:260px;height:50px;display:none;position:absolute}
.infoboxred {background-image:url(../img/gx_infobox_red_header.gif) !important;background-color:#A32900 !important}
.infoboxblue {background-image:url(../img/gx_infobox_alt_header.gif) !important;background-color:#636554 !important;background-repeat:no-repeat;background-position:0px 0px}
.exclamationbox {background-image:url(../img/gx_infobox_red_header_exclamation_mark.gif) !important;}


a.help, img.help, span.help, th.help {cursor:hand; cursor:pointer !important}
th.help {text-decoration:underline}
span.help {font-weight:bold;color:#333}
tr.topspacer td {padding-top:3px !important}
a.printlink {display:none;}
.errortext {color:red}
div.ListItem a {margin-bottom:4px;display:block;}

/* Widths and heights */
.box-width-half {width:363px}
.box-width-25 {width:216px}
.box-width-75 {width:507px}
.box-width-85 {width:583px}
.box-width-100 {width:743px}
.h40 {height:40px}
div.minH70px {min-height:50px;_height:50px;}
.w25p {width:25%}
.w50p {width:50%}
.w75p {width:75%}
.w100p {width:100%}
.w10 {width:10px}
.w20 {width:20px}
.w30 {width:30px}
.w40 {width:40px}
.w50 {width:50px}
.w55 {width:55px;}
.w65 {width:65px}
.w75 {width:75px !important}
.w80 {width:80px}
.w100 {width:100px}
.w120 {width:120px}
.w150 {width:150px !important}
.w175 {width:175px}
.w190 {width:190px}
.w200 {width:200px}
.w205 {width:205px}
.w250 {width:250px}
.w260 {width:260px}
.w290 {width:290px}
.w300 {width:300px}
.w350 {width:350px}
.w375 {width:375px}
.w400 {width:400px}

 /*th div , td div {border:1px solid red}*/

/* Helper classes */
.floatRight {float:right}
.floatLeft {float:left} 
.valignmiddle {vertical-align:middle}
.alignleft {text-align:left;}
.aligncenter {text-align:center;}
.alignright {text-align:right;}
.valignbottom {vertical-align:bottom}
.bold {font-weight:bold}
.italic {font-weight:italic}
.underline {font-weight:underline}
.clearfix {font-size:1px;clear:both}

/*debug*/
.debug #page {background-color:cyan}
.debug table.mouseover {background-color:red}
.debug #content {background-color:#AAA}
.debug .about-right {background-color:#DDD}

.debug #upper-col1 {border:solid 1px red}
.debug #upper-col2 {border:solid 1px red}
.debug #lower-col1 {border:solid 1px red}
.debug #lower-col2 {border:solid 1px red}
.debug #lower-full {border:solid 1px red}
.debug table {border:solid 1px red}

.highlightText {color:#A32900;font-weight:bolder;font-size:1.5em;}
.red {background-color:red}
.cyan {background-color:cyan}

/*templates*/
.template1 #you-are-here {display:none}
#upper-col2 {display:none;}
body.guidelink #upper-col2 {display:block !important;}
/*hide info-box content*/
span.labels {display:none;}
/*header til smal boks*/
div.RadEContent .BoxNarrowHeader, .BoxNarrowHeader {font:normal bold 120% arial, helvetica, verdana;color:#000;text-transform:uppercase;margin:0}
/*Generel template*/
div.listItem {margin:0px 0px 1px 0px !important;padding:0px !important;}
div.listItemText {margin-bottom:20px !important;padding:0px !important;}
/*style af labels*/
div.CmsLabel p.headerText, div.CmsLabel p.bodyText {margin:0px;}
div.CmsLabel p.headerText {font:normal bold 12px arial, verdana;color:#333;}
div.CmsLabel p.bodyText {font:normal normal 11px verdana, arial;color:#333;}
div.CmsLabel {margin-bottom:0px;padding-bottom:0px;}
table.select-banks div.CmsLabel {margin-bottom:-7px;}
table.select-banks div.CmsLabel p.headerText {margin-bottom:-15px;}
div.hidePrint {display:block;}
div.showPrint {display:none;}
div{font-weight:normal;}
.smallertext{font-size:85%;}