/* CSS Document - For styling of the global elements */

#Page_debug{
	display: none;
}

/* Global styles */
body{	
	margin: 0px;
	padding: 0px;
	background-color:#DCE1E4;
	font-family: "Verdana", Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 10px;
}

.normal{
	background-color:#DCE1E4;
}
.light{
	background-color:#fff;
}

a {
	color: #A51129;
}

h1 {
	font-size:10px;
	letter-spacing: 0px;
	background-color:#AF1129 ;
	display:block;
	font-weight: bold;
	line-height: 15px;
	color: #ffffff ;	
	margin: 0px 0px 3px 0px;
	padding: 1px 0px 2px 7px;
	font-weight: bold;	
}


h3{
	font-size: 10px;
	font-weight: normal;
}

h4, #template_page_contents_column2 h4{
	font-size: 10px;
	font-weight: normal;	
}
p, ul.a1120, textarea, input{
	color: #000000;
}
p, ul.a1120, table, tr, td, textarea, input{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#template_page_contents_column2 p, ul.a1120 {
	color: #000000;
	font-size: 10px;
}

ul, li{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* Overall width */ 
#template_contents {
	width: auto;
	text-align: center;
}


/* Top of page */

#template_header {
	margin: 0px 0px 0px 0px;
	height: 190px;
	text-align: center;

}

#template_header_contents {
	margin: 0px auto;
	position: relative;
	width: 914px;
	height: 190px;
	background-image: url(../../graphics/kons/banner.gif);
	background-repeat: no-repeat;
	text-align: left;
	
}

/* logo in top */
#template_header .pageHead {
	position: relative;
}

#template_header #pageHead a {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 160px;
	height: 50px;

}

/* main/middle page contents */
#template_page {
	background-color: #ffffff;
	padding: 20px 0px 0px 0px;
	position: relative;
	width: 914px;
	margin: 0px auto;
	text-align: left;	
}

 
/* Start of the main contents of the page*/

#template_page_contents {
	width: 854px;
	float: left;
	margin: 0px 0px 0px 30px;
}


/*#template_pagetype_organisation h2, #template_pagetype_advertiser h2{
	padding:0px 5px 0px 5px;
	margin:15px 5px 2px 5px;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
#template_pagetype_organisation .a1060, #template_pagetype_advertiser .a1060{
	padding:0px 5px 5px 5px;
	margin:0px 5px 0px 5px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;

}

#template_pagetype_organisation ul, #template_pagetype_advertiser ul{
	padding:0px 5px 5px 5px;
	margin:0px 5px 0px 5px;
	font-size: 10px;
	font-weight: normal;
	color: #000000;


}
#template_pagetype_organisation li, #template_pagetype_advertiser li{
	padding:0px 5px 5px 15px;
	list-style-type:disc;
	list-style-position:inside;

}*/



/* Contents heading */
#template_heading {
	display: none;
}
/* no columns */
#template_page_contents_nocolumns{
	width: 854px;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Column 1 - left side and contents */
#template_page_contents_column1 {
	width: 590px;
	float: left;
	margin: 0px 0px 0px px;
	padding: 0px 0px 0px 0px;
}

/* Column 2 - right side og contents */
#template_page_contents_column2 {
	width: 240px;
	float: left;
	margin: 0px 0px 0px 24px;
	padding: 0px 0px 0px 0px;
}

#template_page_contents_column2 p, #template_page_contents_column2 a{
	color: #000000;
}

/* End og main contents */
#template_page_end {
	clear: both;
}

/* Page footer */
#template_footer {
	margin: 0 auto;
	margin-bottom: 15px;
	width: 914px;
	height: 25px;
	background-color: #FFFFFF;
	background-image: url(../../graphics/bundbar.gif);
	background-position: top right;
	background-repeat: no-repeat;
	text-align: center;
	clear: both;
}

#template_footer p, #template_footer a{
	display:none;
	color: #000000;
	margin: 0px;
	padding-top: 15px;
}

/***********    Navigation and menus      *********/

/* Breadcrumb */
#breadcrumb{
	display:none;
	margin: 45px 0px 0px 0px;
	padding: 0px 0px 0px 40px;
	width: 972px;
	color: #000000;
	float:left;

}

#breadcrumb ul{
	list-style-type:none
}

#breadcrumb li{
	float: left;
	margin: 0px 5px 0px 0px;
	background-image: none;
}
#breadcrumb li + li{	
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 20px;
}

#breadcrumb .item2, #breadcrumb .item3, #breadcrumb .item4, #breadcrumb .item5, #breadcrumb .item6, #breadcrumb .item7, #breadcrumb .item8{
}

#breadcrumb a{	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: #000000;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#breadcrumb .item0 a{	
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb .item0 a:hover{	
	font-weight: bold;
	text-decoration: none;
}

#breadcrumb a:hover{
	text-decoration: underline;
}

/* Topmanu - placed under page header */

#topMenu {
	position: absolute;
	right: 0px;
	top: 44px;
	padding: 0px;
	padding-left: 5px;
	padding-top: 0px;
	float: right;
	margin: 0px 0px 0px 0px;
	z-index: 300;	
}

#topMenu ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	float: right;
}

#topMenu ul ul {
	display: none;
}

#topMenu li{
	list-style-type: none;
	float: left;
	width: auto;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}

#topMenu li a{
	font-size: 11px;
	color: #000000;
	padding: 0px;
	letter-spacing:0px;
	margin: 0px 10px 0px 10px;
	text-decoration: none;
	text-transform: uppercase;
}

#topMenu a:hover, #topMenu a.selected{
	text-decoration: none;
	color: #A51129;
}

/* Tools/Topmenu - placed inside page header */
#tools {
	display: none;
	position: absolute;
	left: 325px;
	top: 10px;
	height: 90px;
	width: 540px;
	margin: 0px 0px 0px 0px;
}
#tools ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#tools li {
	list-style-type: none;
	margin: 15px 30px 0px 0px;
	float:left;
	width: 150px;
	border-bottom: 2px solid #740D45;
}

#tools a{
	float: left;
	display: block;
	color: #ffffff;
	font-size: 14px;
	font-family: Arial, Verdana, Helvetica;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	text-transform: uppercase;
	
}

/* Banners */
.banner {
	border: 0px solid #d8d9d9;
	padding: 5px 0px 5px 0px;
	text-align: center
}

.banner.rightcolumn{
}

.banner.maincolumn{
}

.banner.skyscraper {
	border: none;
}
	
/* Banner outside contents */
#template_banner_skyscraper {
	display:none;
}


/* Align thead and tbody  */
.list table tbody td{
	padding: 0px 0px 0px 10px;
}


.list td {
	background-image: none;
	vertical-align: top;
}

/******************* Images *****************/
img.imageLeft {
	float: left;
	margin: 0px 10px 10px 10px;
}


/********************** Buttons ************************/
.button input, .submit input, .reset input, .result .functions a, .edit input, .buttons input{
	color: #000000;
	background-color: #FFFFFF;
	border: 0px solid #000000;
	text-align: left;
	text-decoration: none;
	padding: 0px 0px 0px 15px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: 0px 30px 10px 0px;
	/*height: 14px;*/
	background-image: url(../../graphics/kons/knap.gif);
	background-position: left center;
	background-repeat: no-repeat;
	float: left;
	display: block;
		/* fix width in IE */
	width:1%; 
	overflow:visible;
}
.button, .submit, .reset, .edit, .buttons{
	width: auto !important;
	float: right;
	display: block;
	clear: both !important;
}
.button[class] input, .submit[class] input, .reset[class] input, .pager[class] input, .buttons[class] input{
	/* corrects width back to normal, after IE hack, FF and other  */
	width: auto;
}

/* Prev/Next buttons */
.pager .button{ background: none; padding: 0px;}
.pager {text-align: center; position: relative; height: 20px; width: 100%; border: 1px solid #DCE1E4; float: left; margin: 0px 0px 0px 0px;}
.pager input{border: 0px solid #000;}
.pager input:hover{text-decoration: underline;}
.pager input.prev{position: absolute; left: 0px;top: 0px; float: left; width: 80px !important; font-size: 11px;}
.pager input.next{position: absolute; right: 0px;top: 0px; float: right; width: 80px !important; font-size: 11px;}
.pager .disabled{visibility: hidden;}
.pagenumber.active a {color: #000000;}


/* info/? */
.info {
	float:right;
	border: 1px solid #AF1129;
	font-size: 9px;
	text-decoration: none;
	padding:1px 2px 1px 2px;
	margin:0px 5px 0px 5px;
}

/************* fieldblocks ***************/
.fieldblock {
	padding: 0px 0px 0px 0px;
}
.fieldblock table {
	table-layout: fixed;
	width: 100%;
	margin: 10px 0px 0px 0px;
	float: left;
	clear: both;
}
.fieldblock table td{
	vertical-align: top;
}
	
.fieldblock .label {
}

.fieldblock .checkboxes .label {
}

/* Fieldblock type 1 */
#template_page_contents_column1 .fieldblock.type1{
	width: 588px;
}
#template_page_contents_column2 .fieldblock.type1{
	width: 238px;
}
.fieldblock.type1{
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 0px 0px;
	border: 1px solid #DCE1E4;	
}
.fieldblock.type1 p{
	padding: 0px 0px 5px 0px;
}
.fieldblock.type1 ul {
	padding: 20px 0px 10px 20px;
	margin:0px 0px 10px 10px;

}
.fieldblock.type1 h2{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

.fieldblock.type1 h4{
}

/* Fieldblock type 3 */
.fieldblock.type3{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #DCE1E4;
	float: left;
}
/*.fieldblock.type3 h4{
	margin: 0;
	padding: 0;
	background-color: #F0F4F5;
	width: 100%;
	display: block;
	line-height: 15px;
	text-indent: 10px;
	font-size: 9px;
	height: 15px;
	clear:both;
}*/
#template_page_contents_column1 .fieldblock.type3{
	width: 588px;
}
#template_page_contents_column1 .fieldblock.type3 h4{
	margin: 0;
	padding: 0;
	background-color: #F0F4F5;
	width: 588px;
	display: inline;
	float:left;
	line-height: 15px;
	text-indent: 10px;
	font-size: 9px;
	height: 15px;
	clear:both;
}
#template_page_contents_column2 .fieldblock.type3{
	width: 238px;
}
#template_page_contents_column2 .fieldblock.type3 h4{
	margin: 0;
	padding: 0;
	background-color: #F0F4F5;
	width: 238px;
	display: inline;
	float:left;
	line-height: 15px;
	text-indent: 10px;
	font-size: 9px;
	height: 15px;
	clear:both;
}
/*********** Checkboxes **************/
.field.checkbox {
	position: absolute;
	top: 0px;
	left: 0px;
}
.fieldblock .fields {
	margin: 0px 20px 0px 10px;
	padding: 0px 0px 10px 0px;
	height: 1%;
}

.fieldblock .fields #google_map {  
	width: 238px !important;
	height: 238px !important;
}

.checkboxes .datafield {
	position: relative;
	margin-bottom: 4px;
}
.label.checkbox {
	margin-left: 24px;
	padding-top: 3px;
	display: block;
}
.datafield.cv_id .field.checkbox {
	float: right;
}
.datafield.cv_id .label.checkbox {
	display: inline;
	float: left;
}
/************** logins ****************/
	/* datafield */
.datafield.username,
.datafield.newjausername,
.datafield.applicantpassword,
.datafield.japassword,
.datafield.newjapassword,
.datafield.newjapassword_repeat,
.datafield.advertiserpassword,
.datafield.email,
.datafield.name,
.datafield.ads_on_page,
.datafield.searchWords{
	width: 100%;
	float: left;
	clear: both;
	padding: 0;
	margin-bottom: 3px;
}
	/* label */
.datafield.username .label,
.datafield.newjausername .label,
.datafield.applicantpassword .label,
.datafield.japassword .label,
.datafield.newjapassword .label,
.datafield.newjapassword_repeat .label,
.datafield.advertiserpassword .label,
.datafield.email .label,
.datafield.name .label,
.datafield.ads_on_page .label,
.datafield.searchWords .label{
	width: 150px;
	clear: none;
	float: left;
	padding: 0;
}
	/* field */
.datafield.username .field,
.datafield.newjausername .field,
.datafield.applicantpassword .field,
.datafield.japassword .field,
.datafield.newjapassword .field,
.datafield.newjapassword_repeat .field,
.datafield.advertiserpassword .field,
.datafield.email .field,
.datafield.name .field,
.datafield.ads_on_page .field,
.datafield.searchWords .feild{
	width: 370px;
	clear: none;
	float: left;
	padding: 0;
}
	/* input */
.datafield.username input,
.datafield.newjausername input,
.datafield.applicantpassword input,
.datafield.japassword input,
.datafield.newjapassword input,
.datafield.newjapassword_repeat input,
.datafield.advertiserpassword input,
.datafield.email input,
.datafield.name input,
.datafield.ads_on_page input,
.datafield.searchWords input{
	width: 370px;
	border: 1px solid #DCE1E4;
	background-color: #DCE1E4;
}

	/* byline */
.datafield.email .byline,
.datafield.name .byline{
	float: left;
	clear: both;
	margin-left: 150px;
	min-width: 200px;
}


/*.datafield.submit .field.submit,
.datafield.submitbutton .field.submit{
	float: right;
	display: inline;
}*/

/*************** Tables **********************/
	/* skjul header */
#template_subtype_frontpage .list.cv th,
#template_subtype_frontpage .list.jobagent th,
#template_subtype_frontpage .list.messages th{
	display: none;	
}

table{
	border-collapse: collapse;
	width: 100%;
	margin-left: 0px;
	margin-right:0px;s
}

table thead{
	background-color:#F0F4F5;
	color:#307A8D !important;
}
table thead th{
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 3px;
}



/**************** GEOGRAPHY *****************/

.DK_Map{
	padding: 30px 0px 0px 10px;
	float: left;
}

.geography .navigation {
	width: 200px;
	float: left;
	margin-left: 30px;
	margin-top: 30px;
}


.geography .navigation .region .label{
	float: left;
}

.geography .navigation .label {
	margin: 3px 0px 0px 0px;
}

#all_of_denmark {
	width: 200px;
	float: left;
	margin-right: 10px;
}

#outside_denmark {
	width: 200px;
	float: left;
	margin-top: 10px;
}

#all_of_denmark > .head, #outside_denmark > .head {
	height: 20px;
	border-bottom: 1px solid #cccdcd;
}

.geography .navigation .link a {
	font-family: Arial, Helvetica, Sans-serif;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	float: left;
}

.geography .field.checkbox {
	float: right;
	position: relative;
}

.geography .label.checkbox {
	margin-left: 0px;
}

.geography .label {
	float: left;
}

.geography .datafield.region {
	float: right;
	clear: both;
	padding-bottom: 3px;
	width: 170px;
}

.geography .field.region {
	clear: right;

}

.geography .areas, .geography .region {
	margin: 0px 0px 0px 0px;
}

.geography .countries {
	padding: 0px 0px 10px 0px;
	clear: both;
}

.geography .country {
	padding: 0px 0px 4px 8px;
	border-bottom: 1px solid #cccdcd;
}

.datafield.country {
	clear: both;
}

.geography .navigation > .clearBoth {
	display: none;
}

.region .openclose a span{
	display: none;
}
.region .openclose a{
	background-image: url(../../graphics/arrow_right.gif);
	background-repeat: no-repeat;
	width: 7px;
	height: 15px;
	margin: 7px 5px;
	display: block;
	clear: none;
	float: left;
}
.region .openclose a.opened {
	background-image: url(../../graphics/arrow_down.gif);
}


.geography .regions, .geography .countries, .geography .dk_areas .dk_area {
	display: none;
}
.geography .dk_areas .dk_area.checked {
	display: block;
}



.geography .region input, .geography .dk_area input, .checkbox_floatright {
	float: right;
}


#wrapper_country_1707 { /* skjuler Danmark fra europa-listen */
	/*display: none;*/
}

#dk_shadow { 
	float: right;
}
.link.all_of_denmark {
	float: left;
	width: 160px;
}
/*************************** popup **********************/
/*popup størrelser */
	/*annoncer*/
.popup_search_viewAd,
.popup_applicant_viewAd,
.popup_advertiser_viewAd{
	width: 800px;
	height: 800px;
}
	/*CV*/
.popup_advertiser_viewCv,
.popup_applicant_viewCv{
	width: 800px;
	height: 800px;
}
	/*kontakt*/
.popup_advertiser_contactperson {
    width: 500px;
    height: 350px;
}

/* normal popup */
.normal.popup{}
.normal.popup #template_pagetype_ad, .normal.popup #template_pagetype_applicant{ width: 760px}
.normal.popup #template_header{display: none;}
.normal.popup #template_footer{ width: 760px; margin-left: 10px;}
.normal.popup #template_banner_skyscraper{display: none;}
.normal.popup #template_page{ width: 760px; margin-top: 0px; margin-left: 10px;}
.normal.popup #template_page #template_page_start {}
.normal.popup #template_page #template_page_end {}

.normal.popup #template_page #template_page_contents{
	background: none;
	background-color: #fff;
	float:left;
	height:1%;
	margin:0px;
	padding:0px;
	width: 760px;
}
.normal.popup #template_page #template_page_contents #template_page_contents_column1{
	margin-left: 30px;
	width: 390px;
}
.normal.popup #template_page #template_page_contents #template_page_contents_column2{
	margin-left: 30px;
	width: 260px;
}
.normal.popup #template_page #template_page_contents .fieldblock h4{
	font-size:10px;
	letter-spacing: 0px;
	background-color:#AF1129 ;
	display:block;
	font-weight: bold;
	line-height: 15px;
	color: #ffffff ;	
	margin: 0px 0px 3px 0px;
	padding: 1px 0px 2px 7px;
	font-weight: bold;	
}
.normal.popup #template_page #template_page_contents .fieldblock h3{
	background-color: #EFF3F2;
	color:#000000;
	display:block;
	font-family:"Verdana",Helvetica,Geneva,Swiss,SunSans-Regular;
	font-size:9px;
	letter-spacing:0;
	line-height:15px;
	padding-left:7px;
	text-decoration:none;
}
.normal.popup #template_page #template_page_contents{

}	/* Overskrift */
.normal.popup #template_page #template_page_contents .fieldblock.type1.ad_text h4{
	width: 383px;
	position: absolute; top: 25px; left: 30px;
}	/* Knapper */
.normal.popup .buttons{
	position: absolute; top: 50px; left: 30px;
	width: 388px !important;
	height: 30px;
	border: 1px solid #DCE1E4;
}	/* Block */
.normal.popup #template_page #template_page_contents .fieldblock.type1.ad_text{
	margin-top: 70px;
	width:388px
}
.normal.popup #template_page #template_page_contents .fieldblock.type1{
	padding-top: 0px;
}
.normal.popup #template_page #template_page_contents #template_page_contents_column2 a,
.normal.popup #template_page #template_page_contents #template_page_contents_column2 p{}




/************* ui-dialog ****************/
/*overlay*/
.ui-dialog-overlay{
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/*box*/
.ui-dialog{
	position: relative;
	background-color: #FFF;
	border: 10px solid #666;
	padding: 10px;
}
.ui-dialog-title{
	font-weight: bold;
	margin-bottom: 15px;
}
.ui-dialog-titlebar-close{
	position: absolute; top: 0px; right: 10px; 
	font-weight: 700;
	color: #000;
	text-decoration: none;
	font-size: 18px;
}


/************** Diverse ****************/
		/* Gemte annoncer/sendt */
/**/.result .functions .favorit{
		float: right; margin-top: 3px;
	}
	.result .functions .sent{
		float: right; margin-top: 3px;
	}

/* Status */
.showstatus .exclamation{ display: none;}
.showstatus.active {background-image: url(../../graphics/kons/green.gif); background-repeat: no-repeat;}
.showstatus.inactive {background-image: url(../../graphics/kons/yellow.gif); background-repeat: no-repeat;}
.showstatus.not_complete {background-image: url(../../graphics/kons/red.gif); background-repeat: no-repeat;}
.showstatus .statustext{margin-left: 10px; font-size: 9px; display: inline !important;}


/************** Rettelser KRPA 25.03.09 ***************/

    /** Jobagent - navn på jobagent-input-felt **/
#template_pagetype_jobagent.pagetype.jobagent #template_subtype_search 
#template_page_contents_column1.template_page_column .fieldblock.type1 .fields .datafield.name .field.text {
	margin-left: 150px !important;
}
*:first-child + html #template_pagetype_jobagent.pagetype.jobagent #template_subtype_search 
#template_page_contents_column1.template_page_column .fieldblock.type1 .fields .datafield.name .field.text {
	margin-left: 0px !important;
}

.popup_advertiser_contactperson {
    width: 680px;
    height: 330px;
}

#template_pagetype_advertiser #template_subtype_passwordreminder .fieldblock.type1 .fields .datafield.username span.byline {
	clear:both;
	float:left;
	margin-left:150px;
	width:200px;
	margin-bottom: 5px;
}

#template_pagetype_advertiser #template_subtype_passwordreminder #template_page_contents_nocolumns .fieldblock.type1 h4 {
	margin-left: 10px;
}

/** KRPA end **/