/* CSS Document - For styling of the global elements */

/* Global styles */
body {
    font-family: Verdana, Arial, Helvitica, Sans-serif;
    font-size: 11px;
    margin: 0px;
    padding: 0px;
    color: #333333;
}

input, select, textarea, td {
    font-family: Verdana, Arial, Helvitica, Sans-serif;
    font-size: 11px;
}

.field.text input, .field.password input, textarea {
    border: 1px solid #a9aaaa;
    width: 455px;
}

.field.select select {
    width: 455px;
}

form {
    display: inline;
}

a {
    color: #e62a17;
    text-decoration: none;
}
/** Images **/
.template_page_column > p,
.template_page_column > h1,
.template_page_column > h2,
.template_page_column > h3,
.template_page_column > h4,
.template_page_column > div 
{margin-left: 10px;}

.template_page_column > .list,
.template_page_column > .fieldblock
{margin-left: 0px;}


#template_subtype_cvlist {}

.overlibTdClassj {
    text-align: left;
    background-color: #ffffff;
    font-family: Arial, Helvitica, Sans-serif;
}

h1 {
    font-family: Arial, Helvitica, Sans-serif;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 10% 10px 10px;

}

h2 {
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    margin: 10px 10% 10px 10px;
}

h3, h4{
    font-size: 11px;
    font-weight: bold;
    margin: 0px 10% 10px 0px;
}

p {
    margin: 3px 10% 10px 10px;
}


.fields > p,
.fields > h1,
.fields > h2,
.fields > h3,
.fields > h4,
.fields > div,
.fields > div > p,
.fields > div > h1,
.fields > div > h2,
.fields > div > h3,
.fields > div > h4,
.fields > div > div
 {margin-left: 0px}

img.imageLeft {
    float: left;
    margin: 0px 10px 10px 10px;
}

img.imageRight {
    float: right;
    margin: 0px 10% 10px 10px;
}



/* Overall width */ 
#template_contents {
    width: 922px;
    margin: 0px auto;
    padding: 0;
}

#template_contents.popup #template_footer {
    display: none;
}

/* Top of page */
#template_header {
    /*margin: 0px 0px 50px 0px;
    padding: 0px;*/
    height: 190px;
    width: 100%;
    zoom: 1;
    /*background-image: url(../../graphics/mag/top.jpg);
    background-repeat:no-repeat;
    background-color: #FFFFFF;*/
}


.pagetype.popup #template_header {
    display: none;
}

#template_header_contents {

    zoom: 1;
    width: 100%;
}



#pageHead a {
    display: block;
    width: 200px;
    height: 66px;
    background-image: url(../../graphics/mag/logo.gif);
    position: absolute;
    top: 34px;
    left: 0px;
    /*margin-bottom: 19px;*/
}


/* Top Menu - placed inside page header */
#topMenu {
    /*padding: 0px;*/
    /*padding-top: 20px;*/
    /*float: left;*/
   /* margin: 0px 0px 0px 0px;*/
    /*width: 100%;*/
    position: absolute;
    top: 139px;
    left: 0px;
    width: 100%;
}
#topMenu ul {
    list-style-type: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    /*float:left;*/
    width: 100%;
}


#topMenu li.a1.level1 {
    display: none;
}
#template_pagetype_jobagent.jobagent #topMenu li.a1.level1 {
    display: block;
}

#topMenu li {
    list-style-type: none;
    float: left;
    border-left-width: 0;
}

#topMenu li + li {
    border-left: 2px solid #ffffff;
}

#topMenu li a, #topMenu li a:active{
    display: block;
    background-image: url(../../graphics/mag/topmenu.jpg);
    background-color: #dddddd;
    color: #999999;
    background-repeat: repeat-x;
    font-family: Arial, Helvetica, Sans-Serif;
    letter-spacing: 1px;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 10px 10px 10px; 
}

#topMenu li a.selected, #topMenu li a:hover{
    background-image: url(../../graphics/mag/topmenu_2.jpg);
    background-color: #cc3333;
    color: #FFFFFF;
    
}


#breadcrumb, #tools {display: none;}

.datefield .d .byline, .datefield .m .byline {display: none;} 
.error {color: #a51129; font-weight: bold;}
.error span {display: block;}

#wait{

    display: none;
}

#wait span{
    width: 30px;
    height: 30px;
    background-image: url(../../graphics/mag/clock.gif);
    background-repeat: no-repeat; 
}

.warning {
    color: red;
}

#template_page_contents {
    zoom: 1; /*peek-a-boo fix*/
    padding: 0px;
    margin: 0px;
}

#template_page_contents > .list table{
    margin-left: -10px;
}



/* main/middle page contents */
#template_page {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
}
 
/* Start of the main contents of the page*/


#template_page_contents_column2 h1{ 
    font-size: 20px;
}

/* Contents heading */
#template_heading {
    display: none;
}

/* Column 1 - left side and contents */
#template_page_contents_nocolumns {
    float: left;
    width: 100%;
}

#template_page_contents_column1 {
    width: 600px;
    float: left;
    /*padding-right: 10px;*/
    /*border-right: 1px solid #d8d9d9;*/
}

/* Column 2 - right side og contents */
#template_page_contents_column2 {
    /*background-image: url(../../graphics/mag/result_bg.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;*/
    width: 300px;
    float: right;
    padding-bottom: 10px;
}

/* End og main contents */
#template_page_end {
    clear: both;
}

/* Page footer */
#template_footer {
    height: 100px;
    border-top: 10px solid #d8d9d9;
    margin-top: 15px;
    padding-top: 15px;
}

#template_footer a{
    color: #9b9c9c;
}

#template_footer a:hover{
    color: #e62a17;
}

#template_footer_contents  p{
    text-align: center;
    margin: 0;
    color: #9b9c9c;
}

/* 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 {
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 922px;
    margin-left: 10px;
}



/* uniqe styles for id's and classes */

/** Lists **/

ul.a1120 {
    /*list-style-position: inside;*/
    /*padding-left: 30px; 
    margin-left: 0; */
}

ul.a1120 li {
    /*padding: 5px 0; */
}

.list h4 { 
    display: none;
    padding-left: 10px;
    line-height: 35px;
}
.list table{
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    background-position: 0px 35px;
    background-image: url(../../graphics/mag/boxbg.jpg);
    background-repeat: repeat-x;
}

.list table thead th, .fieldblock h4, .view h3, .list h4 {
    background-image: url(../../graphics/mag/topmenu.jpg);
    background-repeat: repeat-x;
    background-position: 0px 0px;
    border: none;
    margin: 0px;
    font-size: 12px;
    color: #929292;
    height: 35px;
}


.fieldblock h4, .view h3 {
    padding-left: 10px;
}

.fieldblock.widget.list h4 {
    display: block;
}

.list table thead th {
    padding-left: 10px;
}
.list table thead th + th {
    padding-left: 0px;
}


/* Tabels inside other tables */
.fields table thead th{
    background-image: none;
    border: none;
    margin: 0px;
    padding: 0px 0px 0px 10px;
    font-size: 11px;
    color: #929292;
    height: 35px;
}

.fields table{
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
    background-position: 0px 35px;
    background-image: none;
    background-repeat: repeat-x;
}

/* Align thead and tbody  */
.list table tbody tr td{
    padding-top: 4px;
    padding-bottom: 8px;
}
/*.list table tbody tr + tr{
    padding-top: 12px;
}*/
.list table tbody td{
    padding-left: 10px;
}

.fields .list table tbody td{
    padding-left: 0px;
}
.list table tbody td + td{
    padding-left: 0px;
}


.list td {
    background-image: none;
    vertical-align: top;
}




/** fields in content **/


/*.fieldblock.type1{
    margin: 0px 0px 20px 0px;
}*/

.fieldblock {
    position: relative;
    margin: 0px 0px 0px 0px;
    /*width: 100%;*/
    zoom: 1; /*peek-a-boo fix*/
}
.fields {
    zoom: 1; /*peek-a-boo fix*/
}

.fieldblock > h4 {
    line-height: 35px;
    height: 35px;
    font-family: Arial, Helvitica, Sans-serif;
    letter-spacing: 1px;
    
    
}

.fieldblock .fields {
    padding: 20px 10px 10px 10px;
}

.datafield {margin-bottom: 10px;}

.datafield .label { display: block; width: 200px; float: left;}

.datafield .label.clickable { cursor: pointer; }

#template_subtype_editcv #educationsearch .neweducation .datafield.school {
    float: left;
}

#template_page .datafield, .datefield {position: relative; zoom: 1;}

#template_page .datefield .datafield .label{
    width: auto;
}

#template_page .datefield .datafield.d .field select{
    width: 50px;
}

#template_page .datefield .datafield.m .field select{
    width: 50px;
}

#template_page .datefield .datafield.y .field input{
    width: 50px;
}
#template_page .datefield .datafield.s .field input{
    width: 100px;
}

#template_page .datefield .datafield.d .label{
    width: 150px;
}

#template_page .datefield .datafield.s {display: none;}

#template_page .fieldblock .datefield .datafield {
    float: left;
}

#adlist table, .fieldblock {
    background-position: 0px 35px;
    background-image: url(../../graphics/mag/boxbg.jpg);
    background-repeat: repeat-x;
}

.info {
    position: absolute;
    right: 10px;
    top: 45px;
    text-align: center;
    height: 14px;
    width: 8px;
}

.info a{
    color: #000000;
    font-weight: bold;
    font-size: 12px;
    padding: 2px;
    margin: 0px;
    border: none;
    background: none;
    cursor: pointer;
    font-family: Arial, Helvetica, Sans-serif;
}

.datafield .info, .datefield .info {
    position: absolute;
    right: 15px;
    top: 0px;
}

.datafield .info a, .datefield .info a {
    color: #df2718;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
    font-size: 11px;
}


.showstatus .exclamation { display: none;}
.showstatus .statustext { display: none; margin-left: 12px;}
.showstatus {background-repeat: no-repeat; background-position: 0px 4px;}
.showstatus.not_complete, 
.showstatus.missing_information, 
.showstatus.not_read {background-image: url(../../graphics/mag/status/red.gif);} /*red*/
.showstatus.inactive, 
.showstatus.not_approved, 
.showstatus.read {background-image: url(../../graphics/mag/status/yellow.gif);} /*yellow*/
.showstatus.active, 
.showstatus.responded {background-image: url(../../graphics/mag/status/green.gif);} /*green*/

.property span.label.checkbox {
    text-transform: capitalize;
}

/* Buttons */

.button input, .submit input, .reset input,
input.button , input.submit , input.reset  {
    background-image: url(../../graphics/mag/button_bg.jpg);
    border: 0px solid #FFFFFF; /* If set to none, IE will overwrite with it's basic style */
    color: #ffffff;
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-transform: uppercase;
    height: 17px;
    margin: 1px 10px auto 0px;
    line-height:14px;
}

/* h4 inside or under an h4 */ 
.fields h4{
    background-image: none;
}


/* dg_dialogs jQuery/UI*/
/* klasse på knapper */
.ui-dialog .ui-dialog-buttonpane button {
    background-image: url(../../graphics/mag/button_bg.jpg);
    border: 0px solid #FFFFFF; /* If set to none, IE will overwrite with it's basic style */
    color: #ffffff;
    background-repeat: repeat-x;
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 11px;
    text-transform: uppercase;
    height: 17px;
    margin: 4px 4px 4px 4px;    
    line-height:14px;
    width: 45px;

}

/*metadata.css*/
.fieldblock {
    /*position: relative;*/
    padding: 0px 0px 0px 0px;
}


.fieldblock table {
    table-layout: fixed;
    width: 100%;
    /*margin: 10px 0px 0px 0px;*/
}


.fieldblock table td{
    vertical-align: top;
}
    
.fieldblock table .checkboxes .label, .geography .navigation .datafield .checkbox.label {
    font-family: Arial, Verdana;
    font-size: 11px;
}

.fieldblock .checkboxes .label {
    /*position: absolute;
    left: 25px;
    top: 4px;*/
}

.field.checkbox {
    position: absolute;
    top: 0px;
    left: 0px;
}


.fieldblock .fields {
    margin: 10px 10px 10px 10px;
    padding: 0px 0px 0px 0px;
}

.fieldblock .fields #google_map {  
	width: 280px !important;
	height: 280px !important;
}

.fieldblock h4 {}
.fieldblock .checkbox {}
.fieldblock .byline {
    /*position: relative; 
    bottom: 2px;*/
}

.fieldblock .info {
    
}
.fieldblock .info p{
    
}

.fieldblock.buttons h4 {display: none;}

.fieldblock.buttons {background-image: none;}



.checkboxes .datafield {
    position: relative;
    margin-bottom: 4px;
    height: 18px;
}


.label.checkbox {
    margin-left: 22px;
    padding-top: 3px;
}

/* GEOGRAPHY */

.DK_Map {
    padding: 30px 0px 0px 80px;
    float: left;
}
.label.geography  {
    display: none;
}
.geography .navigation {
    width: 410px;
    float: left;
    /*padding-top: 30px;*/
    /*padding-left: 60px;*/
}

#template_subtype_search .geography .navigation,
#template_subtype_cvsearch .geography .navigation {
    float: right;
    margin-top: 40px;
    margin-right: 30px;
    clear: right;
}

.geography .navigation .region .label {
    float: left;
}

.geography .navigation .label {
    margin: 3px 0px 0px 0px;
    width: 150px;
    float: left;
}

.openclose {
    margin: 0px;
    padding: 0px;
    display: inline;
    float: left;
}

.openclose span {
    display: none;
}
    
.openclose a, .openclose a.closed  {
    background-image: url(../../graphics/mag/tc.gif);
    background-repeat: no-repeat;
    background-position: 5px 2px;
    width: 10px;
    height: 10px;
    padding: 4px;
    display: block;
    /*clear: both;*/
}
.openclose a.opened {
    background-image: url(../../graphics/mag/te.gif);
}

.geography .navigation .region .openclose {
    position: absolute;
    left: 0px;
    top: 4px;
}

#all_of_denmark {
    width: 200px;
    float: left;
    margin-right: 10px;
}

#outside_denmark {
    width: 200px;
    float: left;
    /*margin-right: 10px;*/
}
#all_of_denmark > .head, #outside_denmark > .head {
    height: 24px;
    border-bottom: 1px solid #cccdcd;
}

.geography .navigation .datafield { margin-bottom: 0px;}

.geography .navigation .link{
    /*height: 20px;
    padding: 6px 0px 3px 0px;*/
}
.geography .navigation .link a {
    font-family: Arial, Helvetica, Sans-serif;
    color: #000000;
    text-decoration: none;
    font-weight: bold;
    float: left;
    margin-top: 3px;
}

.geography .navigation .field.checkbox {
    float: right;
    position: relative;
    margin-top: 2px;
}

.geography .label.checkbox {
    margin-left: 0px;
}

.geography .label {
    float: left;
}



.geography .datafield.region {
    clear: right;
    padding-left: 20px;
    padding-bottom: 3px;
    border-bottom: 1px solid #cccdcd;
}

.geography .field.region {
    clear: right;

    position: relative;
}

.geography .areas, .geography .region {
    margin: 0px 0px 0px 0px;
}

.geography .countries {
    padding: 0px 0px 10px 0px;
    clear: both;
    zoom: 1; /*peek-a-boo*/
}

.geography .country {
    /*margin: 0px 0px 0px 10px;*/
    padding: 0px 0px 4px 8px;
    border-bottom: 1px solid #cccdcd;
}

.datafield.country {
    clear: both;
    }

.geography .navigation > .clearBoth {
    display: none;
}

.geography .dk_areas .dk_area {
    /*margin: 0px 0px 0px 10px;*/
    padding: 0px 0px 3px 8px;
    border-bottom: 1px solid #cccdcd;
}

.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;
}


#template_subtype_search .fieldblock.buttons,
#template_subtype_cvsearch .fieldblock.buttons {
    padding-left: 430px;
}

#template_subtype_search .fieldblock.buttons .fields,
#template_subtype_cvsearch .fieldblock.buttons .fields {
    margin-top: -40px;
    /*text-align: right;*/
}


#wrapper_country_1707 { /* skjuler Danmark fra europa-listen */
    /*display: none;*/
}

#dk_shadow { 
    float: right;
}
.link.all_of_denmark {
    float: left;
    width: 160px;
}



/* Multipel Redigering - Muliple CV */

#select_multiple_cvs ul {
	list-style-type: none;
}

#select_multiple_cvs .field.checkbox {
	margin-left: 20px;
}

#select_multiple_cvs .label.checkbox {
	padding-left: 40px;
}
#select_multiple_cvs .label.checkbox:hover {
	padding-left: 40px;
	text-decoration: underline;
}

#select_multiple_cvs ul {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 20px;
	padding: 0;
}

#select_multiple_cvs ul li {
	margin: 0;
	padding: 0;
	width: auto;
}