﻿/*  WHY do we have a .panel solution, when the site already has a .foldy solution for this same purpose????????? BASU    */
.panel-container										{ margin: 0; color: #5c5c5c; padding: 10px 0; }
.panel-container .panel-heading							{ padding-left: 5px; background: #a1c6e8 url(../../img/bg/headline-stan.png) 0 0 no-repeat; }
.panel-container .panel-heading h2						{ display: block; margin: 0!important; background: transparent url(../../img/bg/headline-stan.png) 100% 0 no-repeat; color: #fff; text-decoration: none; font-size: 12px!important; line-height: 22px!important; font-weight: bold!important; outline: none; }
.panel-container .panel-heading h2 span					{ display: block; margin-right: 2px; padding-right: 20px; }
.panel-container .panel-heading h2.panel-expand span	{ background: transparent url(../../img/icon/link-arrow-stan-down-ol.png) 100% 50% no-repeat!important; outline: none; }
.panel-container .panel-heading h2.panel-collapse span	{ background: transparent url(../../img/icon/link-arrow-stan-up-ol.png) 100% 50% no-repeat; outline: none; }
.panel-container .panel-content							{ padding: 10px; background-color: #f2f6f7; }
.panel-container .panel-content h3						{ font-size: 15px; line-height: 20px; margin: 10px 0; font-weight: normal; background: none!important; }
.panel-container .panel-content h4						{ font-size: 13px; line-height: 18px; margin: 10px 0; font-weight: normal; border-bottom: solid 1px #d3d3d3; }
.panel-container .panel-content h5						{ font-size: 13px; line-height: 18px; margin: 10px 0; font-weight: normal; }
.panel-container .panel-content h6						{ font-size: 11px; line-height: 16px; margin: 10px 0; font-weight: normal; }
.panel-container .panel-content p						{ font-size: 12px; line-height: 18px; margin: 0 0 10px; font-weight: normal; }
.panel-container .panel-content a						{ color: #00a2ff; text-decoration: none; }
.panel-container .panel-content a:hover					{ color: #00a2ff; text-decoration: underline; }
.panel-container .panel-content a:active				{ color: #0099cc; }
.panel-container .panel-content label					{ padding: 5px 0 2px; }
.panel-container .panel-content input					{ margin-bottom: 5px; }
.panel-container .panel-content ol,
.panel-container .panel-content ul 						{ margin-top: 1em; margin-bottom: 1em; }
.panel-container .panel-content ol ol,
.panel-container .panel-content ul ol,
.panel-container .panel-content ol ul,
.panel-container .panel-content ul ul 					{ margin-top: 0.25em; margin-bottom: 0.25em; }
.panel-container .panel-content ul li					{ list-style: none; padding: 2px 18px; margin-left: -18px; background: transparent url(../../img/icon/bullet-arrow.png) 0 2px no-repeat; }
.panel-container .panel-content .info				    { padding: 0 0 3px 0; }
.panel-container .panel-content input.checkbox			{ border: none; width: auto; margin-left: 5px; position: relative; top: 4px; }
.panel-container .panel-content span.form-remove		{ padding: 3px 8px 3px 8px; background: transparent url(../img/icon/item.remove.png) center center no-repeat; outline: none; cursor: pointer; }

/* panel content table */
.panel-content-table									{ border: none!important; margin: 0!important; }
.panel-content-table thead tr 							{ font-weight: bold!important; }
.panel-content-table tbody tr							{  }
.panel-content-table td									{ border: none!important; }


/*  nightmare by #content - don't ever add parent's selectors for modularized markup unless !!totally!! neccessary - BASU  */
#content .panel-container .panel-heading h2                         { border-bottom: none; }


/*  Theming the .panel idiocity */
#medlemmer			.panel-container .panel-heading 						{ background-image: url(../../img/bg/headline-medl.png); background-color: #c71918; }
#medlemmer			.panel-container .panel-heading h2 					{ background-image: url(../../img/bg/headline-medl.png); }
#medlemmer			.panel-container .panel-heading h2.panel-expand span	{ background-image: url(../../img/icon/link-arrow-medl-down-ol.png); }
#medlemmer			.panel-container .panel-heading h2.panel-collapse span	{ background-image: url(../../img/icon/link-arrow-medl-up-ol.png); }
#virksomheder		.panel-container .panel-heading 						{ background-image: url(../../img/bg/headline-virk.png); background-color: #203045; }
#virksomheder		.panel-container .panel-heading h2 					{ background-image: url(../../img/bg/headline-virk.png); }
#virksomheder		.panel-container .panel-heading h2.panel-expand span	{ background-image: url(../../img/icon/link-arrow-virk-down-ol.png); }
#virksomheder		.panel-container .panel-heading h2.panel-collapse span	{ background-image: url(../../img/icon/link-arrow-virk-up-ol.png); }
#organisationer		.panel-container .panel-heading 						{ background-image: url(../../img/bg/headline-orga.png); background-color: #556e83; }
#organisationer		.panel-container .panel-heading h2 					{ background-image: url(../../img/bg/headline-orga.png); }
#organisationer		.panel-container .panel-heading h2.panel-expand span	{ background-image: url(../../img/icon/link-arrow-orga-down-ol.png); }
#organisationer		.panel-container .panel-heading h2.panel-collapse span	{ background-image: url(../../img/icon/link-arrow-orga-up-ol.png); }
#ompensiondanmark	.panel-container .panel-heading 						{ background-image: url(../../img/bg/headline-opdk.png); background-color: #73a2c2; }
#ompensiondanmark	.panel-container .panel-heading h2 					{ background-image: url(../../img/bg/headline-opdk.png); }
#ompensiondanmark	.panel-container .panel-heading h2.panel-expand span	{ background-image: url(../../img/icon/link-arrow-opdk-down-ol.png); }
#ompensiondanmark	.panel-container .panel-heading h2.panel-collapse span	{ background-image: url(../../img/icon/link-arrow-opdk-up-ol.png); }


/* link */
#content .content-block span.arrow						{ display:block; padding: 1px 0px 0px 20px; background: url(../img/icon/bullet-arrow.png) no-repeat 0 50%; color:#C33926;text-decoration:none; cursor: pointer; }

/* Button 
#content .content-block .button-container				{ margin: 1em 0; clear: both; overflow: hidden; }
#content .content-block .button-container div			{ float: right; margin: 1px; }
#content .content-block .button-container span			{ display: block; float: left; height: 26px; margin: 10px 0 0 5px; font-weight: bold; font-size: 13px; line-height: 26px; color: #fff; text-decoration: none; background: url(../../img/bg/button-stan.png) 100% 100% no-repeat; border: none; cursor: pointer; }
#content .content-block .button-container span input,
#content .content-block .button-container span a		{ display: block; float: left; width: auto; height: 26px; line-height: 26px; padding: 0 5px 3px 10px; margin-right: 25px; background: url(../../img/bg/button-stan.png) 0 0 no-repeat; color: #fff; border: none; cursor: pointer; font-weight: bold; }
*/
/*  Button theming  
#medlemmer          #content .button-container span			{ background-image: url(../../img/bg/button-medl.png); }
#medlemmer          #content .button-container span input,
#medlemmer          #content .button-container span a		{ background-image: url(../../img/bg/button-medl.png); }
#virksomheder       #content .button-container span			{ background-image: url(../../img/bg/button-virk.png); }
#virksomheder       #content .button-container span input,
#virksomheder       #content .button-container span a		{ background-image: url(../../img/bg/button-virk.png); }
#organisationer     #content .button-container span			{ background-image: url(../../img/bg/button-orga.png); }
#organisationer     #content .button-container span input,
#organisationer     #content .button-container span a		{ background-image: url(../../img/bg/button-orga.png); }
#ompensiondanmark   #content .button-container span			{ background-image: url(../../img/bg/button-opdk.png); }
#ompensiondanmark   #content .button-container span input,
#ompensiondanmark   #content .button-container span a		{ background-image: url(../../img/bg/button-opdk.png); }
*/

/* Email */
#content .content-block #email-update					{ display: none; }

/* Table */
#content .content-block .table-row						{ display: block; margin-top: 2px; overflow: hidden; }
#content .content-block .table-heading					{ font-weight: bold; }
#content .content-block .table-cellalignright			{ text-align: right; }
#content .content-block .table-cell2					{ display: inline; width: 49.9%; float: left; }
#content .content-block .table-cell4					{ display: inline; width: 24.9%; float: left; }
#content .content-block .table-cell4first				{ float: none; }

/* Step guide */
#content .content-block .step-guide						{ height: 14px; }
