/**************************************************
 *
 * Generelle styles som er ens for alle banker.
 * Ønsker en bank at lave en customized udgave af nedenstående
 * styles, skal der bare laves en style med samme navn i deres theme
 * specifikke Styles.css.
 *
 * Bemærk at styleattributter "arves" ned til den overskrivende style.
 *
 * (importeres i HeadStartFragment.jsp)
 *
 **************************************************/
.component-container {
	width:100%;
}
 
/**************************************************
 *
 * Error styles - ny visuel fejlhåndtering i portlets
 *
 **************************************************/
.bdErrorContainer{
	background-color: #fffaa4;
}

.bdErrorContainerSummary{
	padding: 10px;
	background-color: #fffaa4;
}

.bdErrorText{
	padding-top: 2px;
	color: black;
	font-size: 11px;
	font-weight: bold;
}

.bdErrorTextSummary{
	padding-top: 5px;
	color: black;
	font-size: 11px;
	font-weight: bold;
}

.bdErrorInfoText {
	color: #002d5a;
	font-size: 11px;
	font-weight: bold;
}

/**************************************************
 *
 * Layout
 *
 **************************************************/

.bdFloatRight{
	float: right;
}

.bdFloatLeft{
	float: left;
}

.bdClearBoth{
	clear: both;
}

.bdClearBoth1px{
	clear:both;
	height: 1px;
}

/**************************************************
 *
 * Baggrunde
 *
 **************************************************/

.bdYellowHighlight{
		background-color: #fcf9c6;
}

/**************************************************
 *
 * Text styling
 *
 **************************************************/
 
h1, h2, h3 {
	padding: 0px;
}

h1 {
	font-size: 16px;
	font-family: Helvetica;
	font-weight: bold;
	margin: 16px 0 4px 0;
}

h2 {
	font-size: 14px;
	font-family: Helvetica;
	font-weight: bold;
	margin: 14px 0 4px 0;
}

h3 {
	font-size: 12px;
	font-family: Verdana;
	font-weight: bold;
	margin: 12px 0 4px 0;
}

.bdTextBold { font-weight: bold; /*Brug <strong> tag i stedet*/ }

.bdDropdownA {
	border:1px solid #858585;
	font-family:Verdana,Geneva,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
}

.bdStrxKursFarve{ color: #6600cc; }

.bdNegativKurs {
	background: transparent url('../../themes/html/images/kurs-pile.png') no-repeat right -15px;
	color: #f14713;
	padding-right: 20px;
	padding-bottom: 2px;
}

.bdPositivKurs {
	background: transparent url('../../themes/html/images/kurs-pile.png') no-repeat right top;
	color: #228f1c;
	padding-right: 20px;
	padding-bottom: 2px;
}

.bdGrayText {
	color: #666;
}

a.bdLinkB {
	color: #1f1f1f;
}

/******************************************
Sorteringskolonner
*******************************************/
.bdSorteringskolA {
 	color: #000000;
	font-weight: bold;
}
/**************************************************
 *
 * Frem og tilbage billeder
 *
 **************************************************/
 
.bdFremImg{
	background: transparent url('../../themes/html/images/arrowRight.png') top right no-repeat;
	padding-right: 18px;
	display: block;
	height: 15px;
	color: #686868;
	font-size: 10px;
	width: 34px;
}
a.bdFremImg:hover{
	background-position: right -20px;
	color: #505050;
}
.bdTilbageImg{
	background: transparent url('../../themes/html/images/arrowLeft.png') top left no-repeat;
	padding-left: 18px;
	padding-right: 10px;
	display: block;
	height: 15px;
	color: #686868;
	font-size: 10px;
	width: 37px;
}
a.bdTilbageImg:hover{
	background-position: left -20px;
	color: #505050;
}

/**************************************************
 *
 * Links i list form (F.eks. i kommende betalinger)
 *
 **************************************************/

	.bdListedLinks {
		padding-left: 15px;
		margin-left: 0px;
		margin-top: 10px;
	}

	.bdListedLinks li {
		margin-top: 5px;
	}

/**************************************************
 *
 * Boxes
 *
 **************************************************/

.bdNoticeBox {
	padding: 10px; 
}

.bdNoticeBoxColor {
	background-color: #fffaa4; 
}

/**************************************************
 *
 * Andet
 *
 **************************************************/
 
.bdHighlightB{
	background-color: #EDEDED;
}

.clsHeaderCellA a {
	display: block;
	padding: 3px 4px 6px;
}

.clsHeaderCellAStart a {
	display: block;
	padding: 3px 4px 6px;
}

.bdInputA{
	border:1px solid #858585;
	font-family:Verdana,Geneva,Helvetica,sans-serif;
	font-size:11px;
	padding:2px;
}

/*******************************************************************/
/*                                                                 */
/*                            LINJER                               */
/*                                                                 */
/*******************************************************************/

hr {
	background-color: #cecece;
	border: none;
	display: block;
	height: 1px;
	margin: 8px 0;
}

hr.bdDotLine{
	background: transparent url('../themes/html/images/dots.png') repeat-x;
}

hr.bdDashedLine {
	background: transparent url('../themes/html/images/dashed.gif') repeat-x;
}

/*******************************************************************/
/*                                                                 */
/*                        RUNDE HJØRNER                            */
/*                                                                 */
/*******************************************************************/
                /* Ligger i klumper (A, B, C etc) */
          /* Supplerer styles i de pi specifikke css'er */

.bdTLCornerA, .bdBLCornerA{
	float: left;
}

.bdTRCornerA, .bdBRCornerA{
	float: right;
}

.bdTLCornerB, .bdBLCornerB{
	float: left;
}

.bdTRCornerB, .bdBRCornerB{
	float: right;
}

.bdCornerBoxContent{
	clear: both;
}

.bdTLCornerC, .bdBLCornerC{
	float: left;
}

.bdTRCornerC, .bdBRCornerC{
	float: right;
}

/**************************************************
 *
 * Faneblade (Deprecated)
 *
 **************************************************/

.bdFaneblade2 {
	float:left;
	width:100%;
	font-size:13px;
	line-height:normal;
	border-bottom: 1px solid #D5D3D3;
}

.bdFaneblade2 ul{
	padding: 10px 10px 0px 5px;
	margin:0;
	list-style:none;				
}

.bdFaneblade2 li {
 display:inline;
 margin:0;
 padding:0;
}

.bdFaneblade2 a {
	background: transparent url('../../themes/html/images/buttons/faneleft3.png') no-repeat scroll left top;
	margin:0 0 -1px 5px;
	float:left;
	padding:0 0 0 4px;
}

.bdFaneblade2 a span {
	background: transparent url('../../themes/html/images/buttons/faneright3.png') no-repeat scroll right top;
	float:left;
	display:block;
	padding:5px 15px 4px 6px;
}

.bdFaneblade2 li.aktiv a  {
	background-position:0% -42px;	
	text-decoration: none;
}

.bdFaneblade2 li.aktiv a span{
	background-position:100% -42px;
	font-weight: bold;
	border-bottom: 1px solid #f5f5f5;
}

.bdFaneblade2 a:hover span {text-decoration: underline;}
.bdFaneblade2 a:hover {background-position:0% -42px;}			
.bdFaneblade2 a:hover span {background-position:100% -42px; }

/* Commented Backslash Hack hides rule from IE5-Mac \*/
.bdFaneblade2 a span {float:none;}
/* End IE5-Mac hack */

/**************************************************
 *
 * Faneblade - Med tilhørende boks under 
 * Eksempel kan ses i Depotoversigt eller Kurser
 *
 **************************************************/

.bdFaner {
	list-style-type: none;
	padding: 0;
	margin: 10px 0px 0px 20px;
	height: 24px;
	position: relative;
	z-index: 2;
	line-height: 18px;
}
.bdFaner li {
	display: inline;
}
.bdFaner li a {
	background: transparent url('../../themes/html/images/buttons/faneleft3.png') no-repeat left top;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 2px;
}
.bdFaner li a span {
	background: transparent url('../../themes/html/images/buttons/faneright3.png') no-repeat right top;
	display: block;
	padding: 3px 10px 3px 8px;
}
.bdFaner .aktiv a span {
	background-position: 100% -42px;
	padding-bottom: 4px;




}
.bdFaner .aktiv a {
	background-position: 0% -42px;
	font-weight: bold;
}

.bdFaner a:hover {
	background-position: 0% -42px;
}
.bdFaner a:hover span {
	background-position: 100% -42px;
}

.bdFane-box {
	margin: 0px 10px 10px 10px;
	position: relative;
}
.bdFane-box-top,
.bdFane-box-bottom {
	background: transparent url('../../themes/html/images/rundboks.png') no-repeat left top;
	position: absolute;
	left: 0;
	top: 0;
	height: 2px;
	width: 100%;
	font-size: 0;
}
.bdFane-box-top span,
.bdFane-box-bottom span {
	background: transparent url('../../themes/html/images/rundboks.png') no-repeat right top;
	height: 2px;
	width: 2px;
	float: right;
	display: block;
}
.bdFane-box-bottom {
	background-position: left bottom;
	top: 100%;
}
.bdFane-box-bottom span {
	background-position: right bottom;
}
.bdFane-box-indhold {
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	background-color: white;
	padding: 10px;
}

/**************************************************
 *
 * Faneblads style til fanecontainer taglibbet
 * style = "bdFanebladeA" 
 *
 **************************************************/
.bdFanebladeA {
	margin: 10px 0px 10px 0px;
}
.bdFanebladeA ul {
	margin: 0;
	padding: 0 0 0 15px;
	position: relative;
	overflow: hidden;
}
.bdFanebladeA ul:before {
	content: "";
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #B9B9B9;
}
.bdFanebladeA li {
	display: inline-block;
	list-style-type: none;
}
.bdFanebladeA li a {
	display: block;
	line-height: 1.4em;
	margin: 0 5px 0 -5px;
	padding: 5px 10px 5px 10px;
	background-color: #e3e1e5;
	border-top: 1px solid #B9B9B9;
	border-left: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.bdFanebladeA .aktiv a {
	position: relative;
	font-weight: bold;
	background-color: white !important;
	border-color: #B9B9B9 !important;
}
.bdFanebladeA .inaktiv a {
	color: gray;
	cursor: default;
	text-decoration: none;
}
.bdFanebladeA .inaktiv a:hover { background-color: #e3e1e5; }
.bdFanebladeA a:hover {	background-color: white; }


/**************************************************
 *
 * Knapper 
 *
 **************************************************/

a.bdGreyButton {
	background: transparent url('../../themes/html/images/buttons/button_grey_right.png') no-repeat top right;
	display: block;
	float: left;
	line-height: 24px;
	height:24px;
	text-decoration: none;
	font-size: 11px;
	white-space:nowrap;
}

a.bdGreyButton span {
	background: transparent url('../../themes/html/images/buttons/button_grey_left.png') no-repeat top left;
	display: block;
	padding: 0px 8px;
}

.buttonContainerLeftAligned div {
	padding-right: 8px !important;
}

.buttonContainerRightAligned div {
	padding-left: 8px !important;
}

/**************************************************
 *
 * Skins - Kan overskrives i de enkelte bankers CSS filer
 * 1. Framed
 * 2. NoFrame (Bruges pt. kun af JB - Der er ingen border eller gradient top)
 *
 **************************************************/
.Creuna_SkinPadding { /* Bruges af Semiblank, usynlig og HeltUsynlig) */
	padding: 10px;
}

.framedSkin,
.noFrameSkin { margin: 10px; }
.framedSkin .titlebar {
	background: transparent url('../../themes/html/JB/images/menu/framed-skin-header.png') 0 0 repeat-x;
	background-color: #CCC;
	height: 35px;
	padding: 0 10px;
	position: relative;
	line-height: 35px;
	border: 1px solid #CCC;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.framedSkin.extended .titlebar { border-bottom: none; }
/* Ret til så det kun er IE det gælder for */
.framedSkin .titlebar:before, 
.framedSkin .titlebar:after {
	content: "";
	position: absolute;
	top: -1px;
	width: 4px;
	height: 4px;
	background-image: url('../../themes/html/JB/images/menu/framed-skin-header.png');
}
.framedSkin .titlebar:before {
	background-position: 0 -50px;
	left: -1px;
}
.framedSkin .titlebar:after {
	background-position: -14px -50px;
	right: -1px;
}
.framedSkin .titlebar h1 {
	font-size: 20px;
	font-weight: normal;
	float: left;
	margin: 0;
	padding: 0;
}
.framedSkin .titlebar a { 
	margin-right: 7px; 
	color: #686868;
}
.framedSkin .icon-holder {	float: right; }
.framedSkin .bdPrint a {
	display: inline-block;
	padding-left: 18px;
	background-position: 0 50% !important;
}
.framedSkin .portletContent {
	background: #F6F6F6 url('../../themes/html/images/bdPortletBackgroundA.png') 0 0 repeat-x;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 10px;
}
.noFrameSkin .portletContent { padding: 10px 0; }
.framedSkin .portletContent .wpsPortletBody { border: none; }
.framedSkin .portletContent .bdErrorContainerSummary { margin: -10px -10px 0 -10px; }
.framedSkin .portletContent .bdPortletPadding { padding: 0; } /* Til at overskrive bdPortletPadding indtil at den bliver fjernet fra styles.css */
.framedSkin .portletContent .noSkinPadding { margin: -10px; zoom: 1; position: relative; } /* Overskriver skinpadding - zoomfiks til ie7 */

/* Ret til så det kun er IE det gælder for */
.framedSkin .titlebar:before, 
.framedSkin .titlebar:after {
	background-image: url('../images/menu/framed-skin-header.png');
	top: 0px;
}
.framedSkin .titlebar:before { left: 0px; }
.framedSkin .titlebar:after { right: 0px; }
.framedSkin .titlebar a { color: white; }
.framedSkin .titlebar a:hover { color: #D47003; }


/**************************************************
 *
 * Titlebars - Til f.eks. detaljeportletten
 *
 **************************************************/
 
/* TODO - TRM: Når normalize.css indføres fjern da clearfix herfra */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

.bdSkinPadding { padding: 10px; } /* Bør senere bruges til skins... */
.detalje-titlebar { height: 35px; line-height: 35px; padding: 0 8px; border: 1px solid #ccc; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.detalje-titlebar .bdPrint { float: right; }
.detalje-titlebar .bdPrint a { line-height: 35px; padding: 1px 1px 1px 19px; }
.detalje-titlebar .portlet-title { font-family: Helvetica; font-size: 20px; font-weight: normal; float: left; }	
/* Overskrivning af wpsPortletTitleSemiBlank's styles: */
.detalje-titlebar.wpsPortletTitleSemiBlank { font-size: 11px; padding: 0 8px; }

/**************************************************
 *
 * ProgressBar 
 *
 **************************************************/
#progressTrackerStart, 
#progressTrackerMiddle, 
#progressTrackerSplit, 
#progressTrackerEnd {
	background: transparent url('../../themes/html/images/progressSprites.png') no-repeat 0 -67px;            	
	height: 32px;
  color: #aaaaaa;
}

#progressTrackerPassive #progressTrackerStart, 
#progressTrackerPassiveToActive #progressTrackerStart{
    background-position: 0 -67px;
    width: 16px;
}
#progressTrackerActive #progressTrackerStart {
    background-position: 0 -134px;
    width: 16px;
}

#progressTrackerPassive #progressTrackerMiddle,
#progressTrackerPassiveToActive #progressTrackerMiddle {
    background-position: 0 -33px;
    background-repeat: repeat-x;
}

#progressTrackerPassive #progressTrackerSplit{
    background-position: 0 0;
    width: 22px;
}

#progressTrackerPassive #progressTrackerEnd{
    background-position: -17px -67px;
    width: 22px;
}

#progressTrackerActive #progressTrackerMiddle{
    background-position: 0 -100px;
    background-repeat: repeat-x;
    color: black;
}

#progressTrackerActive #progressTrackerSplit {
    background-position: 0 -200px;
    width: 22px;
}

#progressTrackerActive #progressTrackerEnd{
    background-position: -17px -134px;
    width: 22px;
}

#progressTrackerPassiveToActive #progressTrackerSplit{
    background-position: 0 -167px;
    width: 22px;
}

/**************************************************
 *
 * Tables 
 *
 **************************************************/

.bdTable {
	border-spacing: 0;
}
 
.bdTable td, .bdTable th {
	padding: 8px 5px;
}

.bdTable .alignleft {
	text-align: left;
}

.bdTable .alignright {
	text-align: right;
}

.bdTable .aligncenter {
	text-align: center;
}

.bdTable th {
	text-align: left;
}
 
.bdTable .bdDotLine, .bdTable .bdLineA {
	padding: 0;
}	

/**************************************************
 *
 * Forms, input, select osv.
 *
 **************************************************/
/*
input,
textarea,
select {
  color:#1F1F1F;
  font-family: Verdana, Geneva, Helvetica, sans-serif;
  font-size: 11px;
  line-height:19px;
}

textarea,
input[type="text"],
input[type="password"],
select {
  background:#FFF;
  border:1px solid #999 !important;
}
input, select { vertical-align: middle; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: text-bottom; }
button, input, select, textarea { margin: 0; padding: 0}

input[type="text"],
input[type="password"] {
  height:22px;
  padding:0 4px;
}

textarea {
  height:75px;
  padding:2px;
}
  
select {
  padding:3px;
  height: 24px;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: 3px;
}

input.dijitInputInner {
	border: none !important;
	line-height: 22px !important;
}

.bddijit .dijitInputField {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

.dijitArrowButtonContainer div {
	height: 24px;
	line-height: 24px !important;
}

.dijitArrowButtonContainer input.dijitArrowButtonInner {
	height: 22px !important;
	margin-right: -2px;
}
*/
.maximum { width: 100%;}

textarea.small { width: 100px;}
textarea.medium { width: 195px; }
textarea.normal { width: 294px;}
textarea.wide { width: 408px;}

.bdformtextsmall { width: 108px;}
.bdformtextmedium { width: 203px;}
.bdformtextnormal { width: 298px;}
.bdformtextwide { width: 412px;}
.bdformtextmaximum { width: 100%;}

.bdformtextareasmall { width: 280px !important;}
.bdformtextareanormal { width: 560px !important;}
.bdformtextareawide { width: 840px !important;}
.bdformtextareamaximum { width: 100% !important;}

.bdformdate { width: 108px !important;}

input.small { width: 100px; }
input.medium { width: 195px; }
input.normal { width: 290px; }
input.wide { width: 404px; }

select.small { width: 110px; }
select.medium { width: 205px; }
select.normal { width: 300px; }
select.wide {	width: 414px; }

.bdFormItem {
	clear: both;
	margin: 0 0 7px 0;
	min-height: 24px;
	height: auto !important;
	height: 24px;
	overflow: hidden;
}

.bdFormItem label {
	width: 150px;
	float: left;
	vertical-align: middle;
	line-height: 19px;
	padding-right: 10px;
}

.bdFormItem .bdFormHorizontal,
.bdFormItem .bdFormVertical {
	float: left;
}

.bdFormItem .bdFormHorizontal label,
.bdFormItem .bdFormVertical label {
	width: auto;
	float: left;
}

.bdFormItem .bdFormHorizontal input[type='text'],
.bdFormItem .bdFormHorizontal select {
	float: left;
	margin-right: 4px;
}

.bdFormItem .bdFormVertical label {
	clear: both;
}

.bdFormItem .bdFormVertical input[type="text"] {
	display: block;
	margin-bottom: 5px;
}

.bdFormItem .bdDescription {
	color: #969696;
	margin-left: 160px;
}

.bdDescription span.small, 
.bdDescription span.medium,
.bdDescription span.normal {
	display: inline-block;
}

.bdDescription span.small		{ width: 110px; }
.bdDescription span.medium	{ width: 205px; }
.bdDescription span.normal	{ width: 300px; }

/**************************************************
 *
 * Login felter på forsiden
 * 
 *
 **************************************************/
.login-container 								{ }
.login-container div 						{ float: left; margin-right: 20px; }
.login-container input 					{ float: left; width: 116px !important; }
.login-container label 					{ display: block; font-size: 13px; line-height: 24px; float: left; margin-right: 5px; }
.login-container .login-button 	{ }