﻿/*Popup windows*/
/*.popup_search_viewAd,
.popup_advertiser_viewAd,
.popup_advertiser_viewCv {
    width: 1000px;
    background-color: blue;
}*/


.popup_advertiser_viewCv {
    width: 1004px;
}

.popup_search_viewAd {
    width: 1004px;
}

/* CSS Document - For styling of the global elements */

#Page_debug {
    display: none;
}

div {
    /*border: 1px solid red;*/
}

/* Global styles */
body {
    font-family: Arial, Helvitica, Sans-serif;
    font-size: 11px;
    line-height: 150%;
    margin: 0px;
    padding: 0px;
    color: #000000;
    background-color: #ffffff;
}

input, select, textarea, td {
    font-family: Arial, Helvitica, Sans-serif;
    font-size: 8pt;
}

.field.text input, .field.password input, textarea {
    border: 1px solid #a9aaaa;
    width: 455px;
}

.field.select select {
    width: 455px;
}

form {
    display: inline;
}

a {
    color: #9d1119;
    /*text-decoration: none;*/
}

h1, h2, h3, h4, h5, h6 {
    color:#000000;
    font-family: Lucida Sans Unicode,Helvetica,Arial,sans-serif;
    font-weight:normal;
    margin:0;
    padding:0;
}

h1 {
    border-bottom:1px solid #DDDDDD;
    font-size:200%;
    margin-bottom:10px;
    padding-bottom:10px;
}
h2 {
    font-size:140%;
    margin-bottom:5px;
    padding-bottom:0px;
}

h3 {
    font-size:120%;
    margin-bottom:5px;
    padding-bottom:0px;
}

.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: 0px;}

.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;
}

p, .linkbutton {
    margin: 3px 0 10px 0;
}


#template_page_contents_column2 h1,
#template_page_contents_column2 h2,
#template_page_contents_column2 h3,
#template_page_contents_column2 h4,
#template_page_contents_column2 .linkbutton {
    margin-right: 10px;
}

span.linkbutton {
    display: block;
}


.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 0px;
}

img.imageRight {
    float: right;
    margin: 0px 10% 10px 0px;
}

ul.a1120 li {
    list-style-image: url(../../graphics/itjob/bullet.gif);
    padding: 3px 0;
}


/* Overall width */ 
#template_contents {
    width: 100%;
    margin: 0px auto;
    padding: 0;
}

#template_contents.popup.light {
    width: 100%;
}
#template_contents.popup  #template_page_contents {
    border: none;
    margin: 20px;
    padding: 0;
}
/* Top of page */

#template_header {
    margin: 0 0 70px 0;
    padding: 0px;
    background-color: #9D1110;
    height: 130px;
}

.pagetype.popup #template_header {
    display: none;
}

#template_header_contents {
    position: relative;
    margin-bottom: 0px;
}

#pageHead {
    width: 1170px;
    margin: 0px auto;
    padding-top: 40px;
    padding-bottom: 41px;
}
#pageHead a {
    display: block;
    width: 418px;
    height: 49px;
    position: relative;
    background-image: url(../../graphics/journ/logo_lefttop.gif);
    background-repeat: no-repeat;
    /*z-index: 2;*/
}
/* Top Menu - placed inside page header */
#topMenu {
    width: 1170px;
    margin: 17px auto 0 auto;*/
    height: 25px;
}
#topMenu ul {
    list-style-type: none;
    padding: 7px 0;
    margin: 0;
    background-color: #333333;
    font-family:Lucida Sans Unicode,Arial,sans-serif;
    font-size: 13px;
    line-height: 100%;
    text-transform: uppercase;
}

#topMenu li {
    margin: 0 0 0 0.5em;
    border-right:1px solid #FFFFFF;
    display:inline;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    padding: 0 15px;
}

#topMenu li a, #topMenu li a:active{
    text-decoration: none;
    color: #ffffff;
}

#topMenu li a.selected, #topMenu li a:hover{
    text-decoration: underline;
}

#tools {display: none;}

#breadcrumb {
    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/clock.gif);
    background-repeat: no-repeat; */
}

.warning {
    color: #a51129;
}

/* main/middle page contents */
#template_page {
    width: 1170px;
    margin: 0px auto;
    padding: 0px;
}

/* Start of the main contents of the page*/
#template_page_start, #template_page_end {
    clear: both;
}


#template_page_contents {
    zoom: 1; /*peek-a-boo fix*/
    padding: 0 20px;
    margin: 0;
    float: left;
    border-right: 1px solid #dddddd;
    border-left: 1px solid #dddddd;
    width: 1128px;
}

#template_page_contents > .list table{
    margin-left: -10px;
}

#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%;
    min-height: 500px;
}

#template_page_contents_column1 {
    width: 810px;
    min-height: 500px;
    float: left;
    border-right: 1px solid #dddddd;
    padding-right: 20px;
}

/* Column 2 - right side og contents */
#template_page_contents_column2 {
    width: 278px;
    min-height: 500px;
    float: right;
    padding: 0;
}

/* End og main contents */

/* Page footer */
#template_footer {
    width: 100%;
    background-color: #000000;
    color: #ffffff;
    padding: 30px 0;
    clear: both;
    margin: 20px 0 0 0;
}

#template_footer_contents {
    width: 1170px;
    margin: 0 auto;
}

/* 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: 952px;
    margin-left: 10px;
    display: none;
}


/* 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%;
}

.list table thead th, .fieldblock h4, .view h3, .list h4 {
    font-size: 11px;
    color: #660000;
    height: 26px;
}

.list table thead tr 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 td{
    padding-left: 10px;
}
.fieldblock .list table tbody td{
    padding-left: 0;
}

.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 {
    position: relative;
    margin: 15px 0px 15px 0px;
    padding: 0 10px;
    zoom: 1; /*peek-a-boo fix*/
}

.fieldblock.type2 {
    border: 1px solid #dddddd;
    margin: 0 0 15px 0;
    padding: 30px 0 0 0;
}

.fieldblock > h4 {
    border-bottom: 1px solid #dddddd;
    color: #000000;
    line-height: 16px;
    height: 18px;
    font-size: 16px;
    padding: 7px 0;
    margin: 0 !important;
}

.fieldblock.type2 > h4 {
    background-color: #dddddd;
    padding: 4px 8px 0px;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 10px;
    font-weight: normal;
    text-transform: uppercase;
}

.fields {
    zoom: 1; /*peek-a-boo fix*/
}

.fieldblock.type2 .fields {
    margin: 0 8px 8px 8px;
    padding: 0;
}

.list table thead tr th {
    font-family: Lucida Sans Unicode,Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-size: 10px;
    font-weight: normal;
    background: #dddddd;
    color: #000000;
    line-height: 16px;
    height: 12px;
    padding: 4px 8px;
    margin: 0 !important;
}

.fieldblock .list table thead tr th {
    padding-left: 0;
}
.fieldblock .list table thead tr {
    background-image: none !important;
    background: transparent !important;

}


.fieldblock.type2 > h4 {
    /*background-color: transparent;
    border: solid #d1d1d1;
    border-width: 1px 0;
    padding: 3px 0px;*/
}
.fieldblock .fields {
    padding: 20px 10px 10px 10px;
}

.button.linkbutton {
    float: right;
    clear: both;
    margin-bottom: 10px;
}

.datafield {
    margin-bottom: 10px;
}

.datafield .label { display: block; width: 180px; float: left;}

.datafield .label.clickable { cursor: pointer; }

/*.datafield .byline {display: block; margin-left: 180px;}*/

.datafield.submitbutton {
    float: right;
    clear: both;
}


#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: 12px;
}

.info a{
    color: #000000;
    font-weight: bold;
    font-size: 11px;
    padding: 2px;
    margin: 0px;
    border: none;
    background: none;
    cursor: pointer;
    font-family: Lucida Sans Unicode,Helvetica,Arial,sans-serif;
}

.fieldblock .info {
    right: 10px;
    top: 10px;
}

.datafield .info, .datefield .info {
    right: 0px;
    top: 0px;
}

.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/jord/status/red.gif);} /*red*/
.showstatus.inactive, 
.showstatus.not_approved, 
.showstatus.read {background-image: url(../../graphics/jord/status/yellow.gif);} /*yellow*/
.showstatus.active, 
.showstatus.responded {background-image: url(../../graphics/jord/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:#3D6F89 none repeat scroll 0 0;
    border-color:#49809D #2C5F7A #2C5F7A #49809D;
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    cursor:pointer;
    font-size: 11px;
    margin:0;
    padding:3px 4px;
}

/* h4 inside or under an h4 */ 
.fields h4{
    background-image: none;
}


/* dg_dialogs jQuery/UI*/
/* indholds div*/
.dg_dialog_confirm {
    display: none;
    color: #cc3333;
    background-color: #EBEBEB;
    width: 100px;
    text-align: left;
    padding: 10px 10px 10px 10px;
}
/* topbar */
.ui-dialog-titlebar {
    background-color: #9C9C9C;
    height: 25px;
}

/* title i topbar */
.ui-dialog-title {
    background-color: #9C9C9C;
    float: left;
    padding: 5px 0px 0px 5px;
    color: #FFFFFF;
    vertical-align: middle;
}

/* luk i topbar */
.ui-dialog-titlebar-close {
    /*display: none;*/
    float: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color: #9C9C9C;  
    font-size: 18px;
    line-height: 18px;
    vertical-align: middle;
    width: 20px;
}

/*knap panel*/
.ui-dialog-buttonpane {
    height: 35px;
    background-color: #EBEBEB;
}

/* klasse på knapper */
.ui-state-default {
    background-image: url(../../graphics/jord/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: 10px 0px 0px 0px;
}

.fieldblock .fields #google_map {  
	width: 260px !important;
	height: 260px !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 40px;
    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/jord/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/jord/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;
}



