/* Title: screen.css * Description: defines the general look and feel, fonts, colors */ /* Guide buttons (previous and next) */ input.guideButtonPreviousBtn { margin: 0px; border: none; padding: 2px 0px 2px 15px; color: rgb(57, 97, 115); background: rgb(214, 223, 239); font-family: verdana; font-size: 10px; font-weight: normal; background-image:url(../../shared/images/btn_prev_pager.gif); background-position:15% 55%; background-repeat:no-repeat; } input.guideButtonPreviousBtnInactive { margin: 0px; border: none; padding: 2px 0px 2px 15px; color: gray; background: rgb(214, 223, 239); font-family: verdana; font-size: 10px; font-weight: normal; background-image:url(../../shared/images/btn_prev_pager_inactive.gif); background-position:15% 65%; background-repeat:no-repeat; } input.guideButtonNextBtn { margin: 0px; border: none; padding: 2px 15px 2px 10px; color: rgb(57, 97, 115); background: rgb(214, 223, 239); font-family: verdana; font-size: 10px; font-weight: normal; background-image:url(../../shared/images/btn_next_pager.gif); background-position:85% 65%; background-repeat:no-repeat; } input.guideButtonNextBtnInactive { margin: 0px; border: none; padding: 2px 15px 2px 10px; color: gray; background: rgb(214, 223, 239); font-family: verdana; font-size: 10px; font-weight: normal; background-image:url(../../shared/images/btn_next_pager_inactive.gif); background-position:85% 65%; background-repeat:no-repeat; } #printlogo { display: none !important; } /* Tags */ body {margin:0;font-family:Verdana,sans-serif;font-size:62.5%;background-color:#fff;color:#212121;} form,legend,fieldset {margin:0;padding:0;border:0;} input,select,textarea {font-family:Verdana,sans-serif;font-size:1em;} p {margin:0 0 1em 0;line-height:1.4em;} a img {border:0;} a.anchor {display:none;} hr {height:1px;overflow:hidden;border-style:none;border-top:1px solid #CDD6E0;padding:0;margin:1em 0;} legend {font-weight:bold;margin-bottom:4px;}/*default look on legends*/ /* General links */ a:link {color:#212121;text-decoration:underline;} a:visited {color:#9e5f0e;text-decoration:underline;} a[href]:hover,a[href]:visited:hover {color:#3f6075;background-color:#ccd6e0;} /* [href] to rule out ie6, that can crash when bg-color is set on hover */ a[target="_blank"]:link,a[target="_blank"]:visited {background-image:url(../../shared/images/icon_new_window.gif);background-repeat:no-repeat;background-position:0 2px;padding-left:13px;} a.ignoreTarget[target="_blank"]:link,a.ignoreTarget[target="_blank"]:visited {background-image:none;padding-left:0;} a.white:link,a.white:visited {text-decoration:none;color:#fff;background-color:transparent;} a.white:hover,a.white:visited:hover {text-decoration:underline !important;color:#fff;background-color:transparent;} /* /General links */ table.invisible { border:0; border-collapse:collapse; border-spacing:0; border-color:#fff; } table.invisible td { border:0; padding:0; } .inner {padding:10px;} .noMarginTop {margin-top:0;} .error {border:4px solid #cc00a0;padding:8px;} .error h4 { margin-top: 0px; color: #cc00a0; } .box-framed {border:1px solid #DEDFE7;padding:10px;margin-bottom:2em;} a.alignInput,label.alignInput,span.alignInput {vertical-align:baseline;}/*!*/ .autoWidth {width:auto !important;} .fullWidth {width:100%;} #skipnavigation {position:absolute;left:-1000px;} .vld-err-h {margin-left:.5em;} .vld-err-h img {padding-right: 5px;} .vld-err-v {background:transparent url(../../shared/images/error_arrow_up.png) no-repeat 0 2px;padding-left:16px;} .vld-err-dynamic {display:none;} .vld-err-l { background:transparent url(../../shared/images/error_arrow_left.png) no-repeat 0 1px;padding-left:16px;} /* Headers */ h1 {font-size:1.8em;color:#000;margin:0;padding:0;margin-bottom:.5em;} h1.nowrap {} #rightBar h1 {font-size:1em;margin:0 0 3px;} h2 {font-size:1.4em;color:#000;} /* Default left col headers and link within header */ #left h2 {font-size:1.3em;line-height:2.25em;color:#fff;margin:0;padding:0;padding-left:.7em;white-space:normal;} #left h2 a, #left h2 a:link, #left h2 a:visited, #left h2 a:hover, #left h2 a:visited:hover {color:#fff !important;text-decoration:none;background-color:transparent;} /* Segment specific overrides to left col headers */ #container.privat #left h2 {background-color:#72166b;} #container.privat #left h2 a:hover, #container.privat #left h2 a:visited:hover {color:#E4C0E1;} #container.erhverv #left h2 {background-color:#005bbf;} #container.erhverv #left h2 a:hover, #container.erhverv #left h2 a:visited:hover {color:#CEE5FF;} #container.vejledning #left h2 {background-color:#009987;} #container.vejledning #left h2 a:hover, #container.vejledning #left h2 a:visited:hover {color:#BEEBE6;} #container.omos #left h2 {background-color:#3f6075;} #container.omos #left h2 a:hover, #container.omos #left h2 a:visited:hover {color:#DCDCE4;} #container.admin #left h2 {background-color:#3F6075;} #center h2.privat { background-color:transparent; color:#72166b; padding-left:0; } #contentTop h2.privat { font-size:1.3em; line-height:2.25em; background-color:#72166b; color:#fff; margin:0; padding:0; padding-left:.7em; } h2.camp {font-size:1.3em;line-height:2.25em;color:#fff;margin:0;padding:0;padding-bottom:4px;padding-left:.7em;} h2.camp-privat {background-color:#72166b;} h2.camp-erhverv {background-color:#005bbf;} h2.camp-omos {background-color:#3f6075;} h2.camp-vejledning {background-color:#009987;} h2.frontpage {font-size:1.3em;margin:0;padding:0;color:#29495e;line-height:1.4em;} h3 {font-size:1.3em;margin:0;padding:0;color:#000;line-height:1.7em;} h3.campaign-box {font-size:1em;line-height:normal;} h3.table-header {color:#000;padding-left:.7em;line-height:2.25em;} h4 {font-size:1.2em;margin-bottom:.5em;padding:0;color:#000;} h5 {font-size:1.1em;margin:0;padding:0;color:#000;margin-bottom:.5em;} h6 {font-size:1em;margin:0;padding:0;margin-bottom:.5em;} .privat h3,.privat h4,span.privat,h4.privat, .privat #rightBar h1 {color:#72166b;background-color:transparent;} .erhverv h3,.erhverv h4,span.erhverv,h4.erhverv {color:#005bbf;} .omos h3,.omos h4, .omos #rightBar h1, .minside h3,.minside h4, .minside #rightBar h1, .admin h3,.admin h4, .admin #rightBar h1, span.minside,h4.minside, span.omos,h4.omos, span.admin,h4.admin {color:#3f6075;} .vejledning h3,.vejledning h4, .vejledning #rightBar h1 span.vejledning,h4.vejledning {color:#009987;} h1.portlet-headline,h2.portlet-headline,h3.portlet-headline,h4.portlet-headline,h5.portlet-headline,h6.portlet-headline {color:#000;} #portlet-headline { font-size:1.3em; line-height:1.8em;color:#000000; font-weight:bold; } span.privat, h4.privat { color:#72166b; } span.erhverv, h4.erhverv { color:#005bbf; } span.vejledning, h4.vejledning { color:#009987; } span.omos, h4.omos { color:#3f6075; } /* /Headers */ /* Structural elements */ div#rightBar.column div.inside > div:first-child { border-top: 0; } div#rightBar.column div.inside > div { border-top: 1px solid #3f6075; } #container { border-top:1px solid #fff; } #left { border-right:1px solid #fff; } #rightBar { border-left:1px solid #fff; } /* /Structural elements */ /* Lists and segment variations */ ul.frontpage, ul.plain, ul.horizontal {list-style-type:none;margin:0;padding:0;} ul.horizontal li {display:inline;} ul.vertical {margin:0;padding:0;} ul.vertical li {float:none;clear:both;} ul.arrows {margin-top:15px;} ul.arrows li {margin-bottom:5px;} ul.arrows a:link, ul.arrows a:visited {display:block;padding-left:8px;background-position:top left;background-repeat:no-repeat;} #rightBar .portlet ul.arrows a:link, #rightBar .portlet ul.arrows a:visited {display:block;padding-left:12px;background-position:left 2px;background-repeat:no-repeat;} .privat ul.arrows a:link, .privat ul.arrows a:visited, .privat ul.arrows a:hover, .privat ul.arrows a:visited:hover {background-image:url(../../shared/images/icon_arrow_privat.gif) !important;} .erhverv ul.arrows a:link, .erhverv ul.arrows a:visited, .erhverv ul.arrows a:hover, .erhverv ul.arrows a:visited:hover {background-image:url(../../shared/images/icon_arrow_erhverv.gif) !important;} .vejledning ul.arrows a:link, .vejledning ul.arrows a:hover, .vejledning ul.arrows a:visited, .vejledning ul.arrows a:visited:hover {background-image:url(../../shared/images/icon_arrow_vejledning.gif) !important;} .omos ul.arrows a:link, .omos ul.arrows a:hover, .omos ul.arrows a:visited, .omos ul.arrows a:visited:hover {background-image:url(../../shared/images/icon_arrow_omos.gif) !important;} .frontpage ul.arrows a:link, .minside ul.arrows a:link, .frontpage ul.arrows a:hover, .minside ul.arrows a:hover, .frontpage ul.arrows a:visited, .frontpage ul.arrows a:visited:hover, .minside ul.arrows a:visited, .minside ul.arrows a:visited:hover {background-image:url(../../shared/images/icon_arrow_frontpage.gif) !important;} .frontpage ul.arrows a:link, .frontpage ul.arrows a:hover, .frontpage ul.arrows a:visited, .frontpage ul.arrows a:visited:hover {background-image:url(../../shared/images/icon_arrow_frontpage.gif) !important;} a.privat-single:link, a.privat-single:visited, a.privat-single:visited:hover {background-image:url(../../shared/images/icon_arrow_privat.gif) !important;display:block;padding-left:8px;background-position:top left;background-repeat:no-repeat;} a.erhverv-single:link, a.erhverv-single:visited, a.erhverv-single:visited:hover {background-image:url(../../shared/images/icon_arrow_erhverv.gif) !important;display:block;padding-left:8px;background-position:top left;background-repeat:no-repeat;} a.vejledning-single:link, a.vejledning-single:visited, a.vejledning-single:visited:hover {background-image:url(../../shared/images/icon_arrow_vejledning.gif) !important;display:block;padding-left:8px;background-position:top left;background-repeat:no-repeat;} a.omos-single:link, a.omos-single:visited, a.omos-single:visited:hover {background-image:url(../../shared/images/icon_arrow_omos.gif) !important;padding-left:8px;background-position:top left;background-repeat:no-repeat;} a.frontpage-single:link, a.minside-single:link, a.frontpage-single:visited, a.minside-single:visited, a.frontpage-single:visited:hover, a.minside-single:visited:hover {background-image:url(../../shared/images/icon_arrow_frontpage.gif) !important;display:block;padding-left:8px;background-position:top left;background-repeat:no-repeat;} #frontpage ul.arrows.privat a:link, #frontpage ul.arrows.privat a:visited, #frontpage ul.arrows.privat a:visited:hover {color:#72166b;background-image:url(../../shared/images/icon_arrow_privat.gif) !important;} #frontpage ul.arrows.erhverv a:link, #frontpage ul.arrows.erhverv a:visited, #frontpage ul.arrows.erhverv a:visited:hover {color:#005bbf;background-image:url(../../shared/images/icon_arrow_erhverv.gif) !important;} #frontpage ul.arrows.vejledning a:link, #frontpage ul.arrows.vejledning a:visited, #frontpage ul.arrows.vejledning a:visited:hover {color:#009987;background-image:url(../../shared/images/icon_arrow_vejledning.gif) !important;} #frontpage ul.arrows.omos a:link, #frontpage ul.arrows.omos a:visited, #frontpage ul.arrows.omos a:visited:hover {color:#3f6075; background-image:url(../../shared/images/icon_arrow_omos.gif) !important;} #frontpage ul.arrows.frontpage a:link, #frontpage ul.arrows.frontpage a:visited, #frontpage ul.arrows.frontpage a:visited:hover {background-image:url(../../shared/images/icon_arrow_frontpage.gif) !important;} /* /Lists and segment variations */ .box-image {background:transparent url(../../shared/images/fresh_girl.jpg) no-repeat;} .box-image .inside {padding-left:180px !important;min-height:144px;} /* Forms */ input.submit, input.btn, input.reset {cursor:pointer; border:1px solid #000;background:#3f6075 url(../../shared/images/bg_button_blue.png) repeat-x 0px 0px;color:#fff;font-weight:bold;padding:0 4px 1px 4px;} a.btn {background:#3F6075 url(../../shared/images/bg_button_blue.png) repeat-x scroll 0 0;border:1px solid #000000;color:#FFFFFF;font-weight:bold;padding:1px 6px 2px 8px;text-decoration:none;} input.disabled, textarea.disabled { background-color:#999; background-image: none;} select.full {width:100%;} .long {width:254px;} select.long {width:256px;} select.wide {width:350px;} .average {width:154px;} .short {width:56px;} .date {width:80px;} select.full {width:100%;} a.button:hover, a.button:visited, a.button {color:white !important;text-decoration:none !important;} table.fieldSetTable td {vertical-align:top;} table.fieldSetTable span.required {vertical-align:-1.1em;} /* Logo */ #logoWrapper {background:#ffc61e url(../../shared/images/logo_grad.gif) repeat-y top left;text-align:left;height:74px;clear:both;position:relative;} #logoWrapper img {position:relative;margin-top:-9px;float:right;} #logoWrapper #printlogo {display:none;} body.print #logoWrapper #printlogo {display:block;} body.print #logoWrapper #regularLogo {display:none;} /* /Logo */ /* Menus and related elements */ #menuToolsWrapper {clear:both;min-height:26px;} #menuToolsWrapper:after {content:".";display:block;height:0;clear:both;visibility:hidden;} /* Tools navigation */ #menuToolsWrapper {background-color:#fff;} #menuToolsWrapper a, #menuToolsWrapper a:link {float:left;color:#212121;text-decoration:underline;line-height:2em;background:#fff url(../../shared/images/link_tools_pipe.gif) no-repeat center right;padding:3px 9px 3px 10px;white-space:nowrap;} #menuToolsWrapper a:hover, #menuToolsWrapper a:visited:hover {color:#000;text-decoration:underline;} ul#menuToolsLeft {margin-right:0;float:left;} #menuToolsLeft {font-weight:bold;} ul#menuToolsRight {float:right;margin-right:78px;} #menuToolsRight {font-weight:bold;} /* Top main navigation */ #menuTopWrapper {background-color:#3e6075;border-top:1px solid #fff;position:relative;overflow:hidden;height:25px;} #menuTop li {height:25px;float:left;} #menuTop a, #menuTop a:link, #menuTop a:visited {text-align:center;display:block;color:#fff;text-decoration:none;font-weight:bold;font-size:1.1em;white-space:nowrap;background:transparent url(../../shared/images/bg_menu_top.gif) top right no-repeat;padding:6px 13px 0 13px;} #menuTop a:hover, #menuTop a:visited:hover {text-decoration:none;color:#ffcf18 !important;} /* Colored bar under top nav menuitems */ .bar {border:1px solid #fff;height:3px;overflow:hidden;margin-top:2px;margin-left:-1px;position:relative;} .bar-privat {background-color:#72166b;} .bar-erhverv {background-color:#005bbf;} .bar-vejledning {background-color:#009987;} .bar-omos {background-color:#3f6075;} .bar-minside {background-color:#ffc61e;} /* Special buttons in the top nav : Login/out/close vejledning */ li#btnLogin,li#btnLogout {width:90px;overflow:hidden;padding:0;} li#btnLogin a.btn-login-anchor, li#btnLogin a:link, li#btnLogin a:visited {font-weight:normal !important;background:transparent url(../../shared/images/icon_login.gif) no-repeat 0px 6px;font-size:1em;text-align:left;padding-left:15px;margin-left:11px;} li#btnLogin a:hover, li#btnLogin a:visited:hover {background:transparent url(../../shared/images/icon_login_over.gif) no-repeat 0px 6px;text-decoration:none;color:#ffcf18;} li#btnLogout a:link, li#btnLogout a:visited {font-weight:normal !important;background:transparent url(../../shared/images/icon_logout.gif) no-repeat 0px 5px;font-size:1em;text-align:left;padding-left:15px;margin-left:11px;} li#btnLogout a:hover, li#btnLogout a:visited:hover { background:transparent url(../../shared/images/icon_logout_over.gif) no-repeat 0 5px;text-decoration:none;color:#ffcf18;} li#btnMypage {background:transparent url(../../shared/images/bg_mypage.gif) top right no-repeat;min-width:79px;} li#btnMypage a:link,li#btnMypage a:visited {text-align:left;} #frontpage li#btnMypage a:link,#frontpage li#btnMypage a:visited {color:#ccd6e0;} #frontpage li#btnMypage a:hover,#frontpage li#btnMypage a:visited:hover {color:#ffcf18;} li#btnClosepage a:link, li#btnClosepage a:visited {padding-right:20px;margin-left:-2px;} li#btnClosepage a:hover, li#btnClosepage a:visited:hover {background-color:transparent;text-decoration:underline;} #closeGuideListItem {display:none;} /* Main left navigation */ #left .inside {padding:11px 0 0 11px;overflow:hidden;} #left .inside ul {margin:0; padding:0;list-style:none;} #left .inside a {background-color:transparent;} #left .inside a:link, #left .inside a:visited {color:#212121;text-decoration:none;} #left .inside a:hover, #left .inside a:visited:hover {color:#212121;text-decoration:underline;} ul.level-01 li {background-color:transparent;background-repeat:no-repeat;background-position:left top;width:156px;margin-bottom:4px;} ul.level-01 li a {padding-left:8px;display:block;text-decoration:none;} ul.level-02 li {margin-top:1px;margin-left:8px;width:148px;} ul.level-03 li {margin-left:8px;width:140px;} ul.level-04 li {margin-left:8px;width:132px;} ul.level-05 li {margin-left:8px;width:124px;} ul.level-06 li {margin-left:8px;width:116px;} ul.level-03, ul.level-04, ul.level-05, ul.level-06 {margin-top:-5px;} li.open ul {margin-top:4px !important;} #container.privat #left .inside li, .sitemap-col .privat li {background-image:url(../../shared/images/icon_bullet_privat.gif); } #container.privat #left .inside li.has-submenu, .sitemap-col .privat li.has-submenu {background-image:url(../../shared/images/icon_arrow_privat.gif); } #container.privat #left .inside li.open, .sitemap-col .privat li.open {background-image:url(../../shared/images/icon_arrow_privat_open.gif); } #container.erhverv #left .inside li, .sitemap-col .erhverv li {background-image:url(../../shared/images/icon_bullet_erhverv.gif);} #container.erhverv #left .inside li.has-submenu, .sitemap-col .erhverv li.has-submenu {background-image:url(../../shared/images/icon_arrow_erhverv.gif); } #container.erhverv #left .inside li.open, .sitemap-col .erhverv li.open {background-image:url(../../shared/images/icon_arrow_erhverv_open.gif); } #container.vejledning #left .inside li, .sitemap-col .vejledning li {background-image:url(../../shared/images/icon_bullet_vejledning.gif); } #container.vejledning #left .inside li.has-submenu, .sitemap-col .vejledning li.has-submenu {background-image:url(../../shared/images/icon_arrow_vejledning.gif); } #container.vejledning #left .inside li.open, .sitemap-col .vejledning li.open {background-image:url(../../shared/images/icon_arrow_vejledning_open.gif); } #container.minside #left .inside li, .sitemap-col .minside li {background-image:url(../../shared/images/icon_bullet_omos.gif); } #container.minside #left .inside li.has-submenu, .sitemap-col .minside li.has-submenu {background-image:url(../../shared/images/icon_arrow_omos.gif); } #container.minside #left .inside li.open, .sitemap-col .minside li.open {background-image:url(../../shared/images/icon_arrow_omos_open.gif); } #container.omos #left .inside li, .sitemap-col .omos li {background-image:url(../../shared/images/icon_bullet_omos.gif); } #container.omos #left .inside li.has-submenu, .sitemap-col .omos li.has-submenu {background-image:url(../../shared/images/icon_arrow_omos.gif); } #container.omos #left .inside li.open, .sitemap-col .omos li.open {background-image:url(../../shared/images/icon_arrow_omos_open.gif); } .sitemap-col a.selected:link,.sitemap-col a.selected:visited {font-weight:bold;text-decoration:underline !important;} #container.privat #left .inside a.selected {font-weight:bold;color:#72166b !important;text-decoration:none;background-color:transparent;} #container.erhverv #left .inside a.selected {font-weight:bold;color:#005bbf !important;text-decoration:none;background-color:transparent;} #container.vejledning #left .inside a.selected {font-weight:bold;color:#009987 !important;text-decoration:none;background-color:transparent;} #container.omos #left .inside a.selected {font-weight:bold;color:#3F6075 !important;text-decoration:none;background-color:transparent;} #container .newmenuitem {font-weight:bold;background-color:#f9eaad;} /* /Main left navigation */ /** * Tab Book Navigation */ /* skat blå #3F6075 */ /* portlet ramme #CDD6E0 */ /* inaktiv #A5B8C9 */ .h-tabs { } .h-tab-btns { position:relative; z-index:1; border:3px solid #cdd6e0; border-bottom:0; overflow:hidden; height:2.4em;} .h-tab-btns:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .h-tab-btn { font-weight:bold; color:#cdd6e0; float:left; display:inline;background-color:#fff; position:relative;} .h-tab-btn a:link, .h-tab-btn a:visited { font-weight:bold; text-decoration:underline; display:block; } .h-tab-content { clear:both; border:3px solid #cdd6e0; border-bottom:0;color:#212121;} .h-tab-content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .h-tab-content-inner { padding:10px; } .h-tab-content .half { width:263px; margin-left:20px; float:left; padding-bottom:1em; position:relative; } .h-tab-btns ul {list-style:none;margin:0;padding:0;} .h-tab-btns li {float:left;color:#A5B8C9;} .tabNav {margin:10px;border-bottom-width:1px;} .outside .tabNav {margin:0;} .tabBookWide .tabNav {margin:0;} .tabNav .h-tab-btns a {text-decoration:underline;color:#3F6075;white-space:nowrap;} .tabNav .h-tab-btns a:hover, .tabNav .h-tab-btns a:visited:hover, .tabNav .h-tab-btns .nostylebutton:hover {text-decoration:underline;color:#fff;} .tabNav .nostylebutton {margin-left:0;margin-right:0;padding:0;cursor:pointer;} .tabNav .h-tab-btn { border-right:1px solid #CDD6E0; color:#A5B8C9;white-space:nowrap;border-bottom:.4em solid #fff;padding:.5em 1em .5em 1em;}/*invisible bottom border */ .tabNav .active { color:#3F6075;background:#cdd6e0;border-bottom-color:#cdd6e0 !important;border-right-color:#fff !important;}/*invisible bottom border*/ .tabNav div.selected { color:#3F6075;background:#cdd6e0; z-index:auto !important;border-bottom-color:#3F6075;border-right-width:0;} .tabNav div.selected * { text-decoration:none;} .tabNav li.selected { border-right:1px solid #fff;} /* Dynamic and scrollable tabs. */ .tabNav .btn-slide-back, .tabNav .btn-slide-forward { position:absolute; right:-1pt; top:0; padding:7px 3px; height:2.3em; border-left: 1px solid #CDD6E0; background-color:#FFF; color:#CDD6E0;visibility:hidden;} .tabNav .btn-slide-back { right:1.5em; } .tabNav .active-btn:hover { color:#fff;background-color:#CDD6E0;} .tabNav .active-btn { color:#3F6075;cursor:pointer;} /* Common tab behaviour */ .h-tab-btns-bottom,.v-tab-btns-bottom { clear:both; border-top:3px solid #cdd6e0;text-align:right; padding-top:0px; margin:0 -3px; background-color:#fff; } .h-tab-content-inner,.v-tab-content-inner { padding:10px; } .h-tab-btns-bottom:after, .v-tab-btns-bottom:after, .h-tab-content:after, .v-tab-content:after, .h-tab-btns:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /** Container specific tab behaviour. */ /* privat - Dark red: 72166B, Light purple: E4C0E1 */ #container.privat .tabNav .h-tab-content, #container.privat .tabNav .h-tab-btn, #container.privat .tabNav .h-tab-btns, #container.privat .tabNav .h-tab-btns-bottom {border-color:#72166B;} #container.privat .tabNav .h-tab-btn {border-right-color:#CDD6E0;border-bottom-color:#fff;color:#A5B8C9;} #container.privat .tabNav div.selected {color:#72166B;background:#E4C0E1;border-bottom-color:#72166B;} #container.privat .tabNav .btn-slide-back, #container.privat .tabNav .btn-slide-forward {border-left-color:#72166B;background-color:#fff;color:#E4C0E1;} #container.privat .tabNav .active-btn:hover {color:#E4C0E1;background-color:#72166B;} #container.privat .tabNav .active-btn {color:#72166B;} /* /privat */ /* erhverv - Dark blue: 005BBF, Light blue: CEE5FF */ #container.erhverv .tabNav .h-tab-content, #container.erhverv .tabNav .h-tab-btn, #container.erhverv .tabNav .h-tab-btns, #container.erhverv .tabNav .h-tab-btns-bottom {border-color:#005BBF;} #container.erhverv .tabNav .h-tab-btn {border-right-color:#CDD6E0;border-bottom-color:#fff;color:#A5B8C9;} #container.erhverv .tabNav div.selected {color:#005BBF;background:#CEE5FF;border-bottom-color:#005BBF;} #container.erhverv .tabNav .btn-slide-back, #container.erhverv .tabNav .btn-slide-forward {border-left-color:#005BBF;background-color:#fff;color:#E4C0E1;} #container.erhverv .tabNav .active-btn:hover {color:#CEE5FF;background-color:#005BBF;} #container.erhverv .tabNav .active-btn {color:#005BBF;} /* /erhverv */ /* vejledning - Dark green: 009987, Light green: C1E0DC */ #container.vejledning .tabNav .h-tab-content, #container.vejledning .tabNav .h-tab-btn, #container.vejledning .tabNav .h-tab-btns, #container.vejledning .tabNav .h-tab-btns-bottom {border-color:#009987;} #container.vejledning .tabNav .h-tab-btn {border-right-color:#CDD6E0;border-bottom-color:#fff;color:#A5B8C9;} #container.vejledning .tabNav div.selected {color:#009987;background:#C1E0DC;border-bottom-color:#009987;} #container.vejledning .tabNav .btn-slide-back, #container.vejledning .tabNav .btn-slide-forward {border-left-color:#009987;background-color:#fff;color:#E4C0E1;} #container.vejledning .tabNav .active-btn:hover {color:#C1E0DC;background-color:#009987;} #container.vejledning .tabNav .active-btn {color:#009987;} /* /vejledning */ /* minside - Dark yellow: FFC61E, Light yellow: FBF8DB */ #container.minside .tabNav .h-tab-content, #container.minside .tabNav .h-tab-btn, #container.minside .tabNav .h-tab-btns, #container.minside .tabNav .h-tab-btns-bottom {border-color:#FFC61E;} #container.minside .tabNav .h-tab-btn {border-right-color:#CDD6E0;border-bottom-color:#fff;color:#A5B8C9;} #container.minside .tabNav div.selected {color:#FFC61E;background:#FBF8DB;border-bottom-color:#FFC61E;} #container.minside .tabNav .btn-slide-back, #container.minside .tabNav .btn-slide-forward {border-left-color:#FFC61E;background-color:#fff;color:#E4C0E1;} #container.minside .tabNav .active-btn:hover {color:#FBF8DB;background-color:#FFC61E;} #container.minside .tabNav .active-btn {color:#FFC61E;} /* /minside */ /* Searchbox in the right col */ .searchBoxRight legend {font-size:1em;font-weight:bold;color:#3e5f74;margin-bottom:10px;margin-left:-8px;} .searchBoxRight select {width:138px;} .searchBoxRight input.text {width:92px;height:11px;padding-top:1px;} .searchBoxRight .line {margin-bottom:11px;} #searchSubmit {vertical-align:top;margin-left:0px;} .searchBoxRight .ext {margin-bottom:2px;} .searchBoxRight table {border-collapse:collapse;} .searchBoxRight table td {padding: 0px;} #frontpage .searchBoxRight select {width:100%;} #frontpage .searchBoxRight {padding:10px;} .searchBoxRight label {position:absolute !important;width:0% !important;height:0% !important;overflow:hidden !important;margin:0% !important;padding:0% !important;} #frontpage .searchBoxRight legend {margin-top:-1000px;} /* Negative margin to hide the legend without hiding it with display:none; (screen-readers wont recognize the element with display:none) */ /* /Searchbox in the right col */ /* Toolbox in the right col */ #pageTools {border-left:none;border-right:none;padding:9px;margin-top:19px;margin-bottom:17px;} #pageTools div {margin-bottom:.8em;} #pageTools a:link,#pageTools a:visited {padding-left:18px;color:#3e6074;background-color:transparent;background-repeat:no-repeat;background-position:top left;display:block;line-height:14px;word-wrap:break-word;} #pageTools a:hover,#pageTools a:visited:hover {background-color:#CCD6E0;} #makeNote {background-image:url(../../shared/images/icon_pagetools_make_note.gif);} #subscribe {background-image:url(../../shared/images/icon_pagetools_subscribe.gif);padding-bottom:1px;} #eLearning {background-image:url(../../shared/images/icon_e-learning.gif);} #faq {background-image:url(../../shared/images/icon_faq.gif);} a#print:link, a#print:visited {background-image:url(../../shared/images/icon_pagetools_print.gif);display:none;}/*this btn is made visible with js when page is loaded*/ a#printAlwaysVisible:link, a#printAlwaysVisible:visited {background-image:url(../../shared/images/icon_pagetools_print.gif);display: block;} #pdf {background-image:url(../../shared/images/icon_pagetools_pdf.gif);} #fontChange {background-image:url(../../shared/images/icon_pagetools_font_change.gif);} #help {background-image:url(../../shared/images/icon_pagetools_help.gif);} #saveToArchive {background-image:url(../../shared/images/icon_pagetools_my_achive.gif);} /* /Toolbox in the right col */ /** Generic wrapper for portlets */ .portlet { position:relative; overflow:hidden; } .portlet h4 { font-size:1em; margin:0; padding:0; margin-bottom:3px; background-image:none; } .portlet ul { list-style-type:none; margin:0; padding:0; background-image:none; } .portlet li { color:#212121; } .portlet a:link, .portlet a:visited { text-decoration:underline; color:#3f6075; } #frontpage .portlet { float:left; overflow:hidden; width:25%; background:#fff url(../../shared/images/bg_frontpage_box_01.gif) repeat-x scroll 0% 0%; padding: 0px 12px !important; border-right: none !important; } #frontpage .portlet h4 { margin-top: 22px; color: #3F6075; font-size: 1.3em; } #frontpage .portlet .campaign h4 { margin: 0; font-size: 1em; } .box { border:1px solid #3f6075; padding:10px 8px; margin-bottom:17px; } .box h5, #rightBar .box h2 { margin: 0px; font-size:1em; } #rightBar .box { overflow: auto; overflow-y: hidden;} .box-noYscroll { border:1px solid #3f6075; width:95%; overflow-x: auto; overflow-y: hidden; padding:10px 8px; padding-bottom: 24px; } .box-noYscrollie7 { border:1px solid #3f6075; width:85%; overflow-x: auto; overflow-y: hidden; padding:10px 8px; padding-bottom: 24px; } .scrollable-container { overflow: auto; overflow-y: scroll; overflow-x: hidden; height: 400px;} ul.box-cell { margin-bottom:1em; } .campaign { padding: 0; } .campaign a:link, .campaign a:visited { text-decoration:underline; color:#212121; } .campaign td.color { width: 25px; } .privat .campaign td.color { background-color: #72166B; } .erhverv .campaign td.color { background-color: #005BBF; } .vejledning .campaign td.color { background-color: #009987; } .minside .campaign td.color { background-color: #FFC61E; } #frontpage .campaign td.color, .omos .campaign td.color { background-color: #3F6075; } /** * Container specific campaign box styling */ #container.privat .campaign { border:1px solid #72166b; } #container.erhverv .campaign { border:1px solid #005BBF; } #container.vejledning .campaign { border:1px solid #009987; } #frontpage .campaign, #container.omos .campaign { border:1px solid #396173; } /** * Container specific portlet styling */ .entranceBox { position:relative; overflow:hidden; } .entranceBox ul { list-style-type:none; margin:0; padding:0; background-image:none; } .entranceBox li { color:#212121; } h2.boxed, h4.boxed { text-align: center; margin-bottom: 0px; padding: 5px; } h2.boxed a, h4.boxed a { text-decoration: none; color: white;} .entranceBox .columns .image { float: left; margin-right: 10px; max-width: 48%; overflow: hidden; } .entranceBox .columns .text { float: left; max-width: 48%;} .entranceBox .rows .image { margin-right: 10px; overflow: hidden; } .entranceBox .rows .text { } /** No left floating. */ #container.minside h2.boxed, #container.minside h4.boxed { color: #396173; background-color: #FFC718; } #container.minside .entranceBox { border:1px solid #FFC718; padding:10px 8px; margin-bottom:17px; } #container.minside .entranceBox a:link, #container.minside .entranceBox a:visited { text-decoration:underline; color:#396173; } #container.privat h2.boxed, #container.privat h4.boxed { color: #fff; background-color: #72166b; } #container.privat .entranceBox { border:1px solid #72166b; padding:10px 8px; margin-bottom:17px; } #container.privat .entranceBox a:link, #container.privat .entranceBox a:visited { text-decoration:underline; color:#72166b; } #container.erhverv h2.boxed, #container.erhverv h4.boxed { color: #fff; background-color: #005BBF; } #container.erhverv .entranceBox { border:1px solid #005BBF; padding:10px 8px; margin-bottom:17px; } #container.erhverv .entranceBox a:link, #container.erhverv .entranceBox a:visited { text-decoration:underline; color:#005BBF; } #container.vejledning h2.boxed, #container.vejledning h4.boxed { color: #fff; background-color: #009987; } #container.vejledning .entranceBox { border:1px solid #009987; padding:10px 8px; margin-bottom:17px; } #container.vejledning .entranceBox a:link, #container.vejledning .entranceBox a:visited { text-decoration:underline; color:#009987; } #container.omos h2.boxed, #container.omos h4.boxed { color: #fff; background-color: #396173; } #container.omos .entranceBox { border:1px solid #396173; padding:10px 8px; margin-bottom:17px; } #container.omos .entranceBox a:link, #container.omos .entranceBox a:visited { text-decoration:underline; color:#396173; } #center .inside { padding:12px 16px 16px 15px;} #center .outside { padding:0;} #center .insideLowPad { padding:12px 12px 0px 25px; } #center .inside:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #rightBar .inside { padding:12px 15px 16px 16px; } .resizable #center .inside { padding:12px 16px 16px 25px !important; } #footer { background-color:#cdd6e0; color:#3f6075; line-height:3em; padding-left:182px; border-left:1px solid #fff; background-image:url(../../shared/images/tile_1_white.gif); background-repeat:repeat-y; background-position:167px 0; } #footer a { text-decoration:underline; color:#3f6075; } #frontpage #footer * { display:none !important; } #frontpage #footer { color:#cdd6e0; height:7px; overflow:hidden; border-left:0px; background-image:none; } /** * Tabs & Columns */ .v-tabs { } .v-tab-btns { position:relative; z-index:1002; width:15.4em; float:left; } .v-tab-btn { font-weight:bold; color:#3f6075; border:1px solid #cdd6e0; padding:6px 9px; background-color:#fff; margin-bottom:-1px; position:relative; overflow:hidden; } .v-tab-btn a:link, .v-tab-btn a:visited { font-weight:bold; text-decoration:underline; color:#3f6075; } .v-tab-btns .selected { background-color:#fff; border-right-color:#fff; z-index:1002; font-weight:bold; color:#000; } .v-tab-content { border:1px solid #cdd6e0; margin-left:15.3em;} .v-tab-content-inner { padding:10px; } .v-tab-content .half { width:263px; margin-left:20px; float:left; padding-bottom:1em; position:relative; } .v-tab-btns-bottom { clear:both; border-top:1px solid #cdd6e0; text-align:right; padding-top:0px; margin:0 -1px; background-color:#fff; } .v-tab-content:after, .v-tab-btns-bottom:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* Columns */ .col-wrapper { margin-left:-20px; } .col-wrapper-outside { margin-left:-20px; } .col-wrapper-outside .half { width:274px; margin-left:20px; float:left; padding-bottom:1em; position:relative; min-height:100px; } .col-wrapper-outside .half .content { border:1px dotted #999; border-top:0; padding-top:10px; } .col-wrapper-outside .half .description { border-bottom:1px dotted #ccc; padding-bottom:10px; margin:0 15px; margin-bottom:10px; color:#888; } /* Sitemap */ .sitemap-col .privat a, .sitemap-col .privat a:link, .sitemap-col .privat a:visited, .sitemap-col .privat a:hover, .sitemap-col .privat a:visited:hover, a.privat-tab { background-color:transparent; text-decoration:none; color:#72166b; } .sitemap-col .erhverv a, .sitemap-col .erhverv a:link, .sitemap-col .erhverv a:visited, .sitemap-col .erhverv a:hover, .sitemap-col .erhverv a:visited:hover, a.erhverv-tab { background-color:transparent; text-decoration:none; color:#005bbf; } .sitemap-col .omos a, .sitemap-col .omos a:link, .sitemap-col .omos a:visited, .sitemap-col .omos a:hover, .sitemap-col .omos a:visited:hover, a.omos-tab { background-color:transparent; text-decoration:none; color:#3f6075; } .sitemap-col .vejledning a, .sitemap-col .vejledning a:link, .sitemap-col .vejledning a:visited, .sitemap-col .vejledning a:hover, .sitemap-col .vejledning a:visited:hover, a.vejledning-tab { background-color:transparent; text-decoration:none; color:#009987; } /* alle intranet farver processer #00A5D1 emner #005BBF bibliotek #72166B enheder #CC00A0 netavisen #009987 vaerktojer #CEE007 socialt #00A5D1 */ #containerNoLeftNav .column { position: relative;float:left;} #containerNoLeftNav h2.block { width:169px; background-color:#3E6075; height:28px; margin:0; padding:0; border-top:1px solid #fff; border-right:1px solid #fff; float:left; } #containerNoLeftNav #breadcrumb { padding-left:179px; } #containerNoLeftNav .inside { clear:both; } #containerNoLeftNav .guide-vertical { margin-left:9px; } #containerNoLeftNav .sitemap-description { padding-left:170px; } .text_privat { color:#72166b; } .text_erhverv { color:#005bbf; } .text_juridisk { color:#009987; } .text_omos { color:#3f6075; } .sitemap-col { width:50%; float:left; } .sitemap-col ul { list-style-type:none; padding:0; margin:0; } .sitemap-col ul li { padding-left:8px; display:block; text-decoration:none; background-color:transparent; background-repeat:no-repeat; background-position:left top; margin-bottom:4px; } .sitemap-col ul.level-01 li { font-weight: bold; margin-bottom:30px; width: auto !important; } .sitemap-col ul.level-02 li, .sitemap-col ul.level-03 li, .sitemap-col ul.level-04 li, .sitemap-col ul.level-05 li { font-weight:normal; margin-bottom:4px; width: auto !important; } /* Formular befordringsfradrag */ .row { border:1px solid #3f6075; margin-bottom:-1px; padding:11px 12px 12px 12px; clear:both; } .radio { vertical-align:middle; margin:0; padding:0; } #item3 { float:right; border:1px dotted #333; padding:1px 2px 4px 2px; white-space:nowrap; } span.required { color:#A80084; font-size:14px; font-weight:bold; vertical-align:-3px; line-height:1em; } /*vertical-align:-8px; line-height:.4em; line-height:0em; */ span.verticalRequired { line-height: 1em; } input.required, textarea.required, select.required { border:1px solid #000; background-color:#eaeff2; } div.required { border:1px solid #A80084; float:left; } label.vertical, .vertical-label {line-height:1.8em;vertical-align:1px;} .vertical-label {display:block;margin-bottom:3px;} p.btns {margin-top:5px;} input.notrequired, textarea.notrequired, select.notrequired { border:1px solid #000; background-color:#eaeff2; margin-left:1em;} input.notrequired-vertical, textarea.notrequired-vertical, select.notrequired-vertical { border:1px solid #000; background-color:#eaeff2; margin-left:0em;} input.notrequired-intable, textarea.notrequired-intable, select.notrequired-intable { border:1px solid #000; background-color:#eaeff2;} input.checkbox, input.radio {border-width:0px; background-color:transparent;vertical-align:middle;} .field-group {margin-bottom:.5em;} .field-line {margin-bottom:.5em;} .field-line .alignInput {vertical-align:baseline;}/*reset v-align inside container*/ table#info1 { border:0; border-collapse:collapse; border-spacing:0; border-color:#fff; } #info1 td { border:0; padding-bottom:19px; padding-right:10px; } #info1 td input { width:57px; } #info1 td select{ width:190px; vertical-align:middle; margin-right:30px; } #info1 label { font-weight:bold; } .further-info { border:1px solid #ffcc34; width:181px; background-color:#fff; overflow:visible; display:none; position:absolute; z-index:3001; padding-top:12px; margin-top:-7px;} .further-info blockquote { margin:9px; } .wide .further-info { width: 500px; } .intranet .further-info { width: 450px; } .medium .further-info { width: 275px; } .helpButton {/*padding-right:20px;*/float:right;position:relative;z-index:3000;}/*rightaligned next to

*/ .helpButtonRoomForEditLink {margin-top: 7px; padding-right:20px;float:right;position:relative;z-index:3000;}/*rightaligned next to

*/ .helpButtonInline {position:relative;display:inline;z-index:3000;}/*inside tables oa.*/ .btn-further-info { float:right; cursor:help; margin-left:5px; display:none;} .btn-further-info-over {margin-left:5px;cursor:help; position: relative; margin-top:-5px; vertical-align:middle; z-index: 3001;} .closeInfobox { border-top:1px solid #ffcc34; text-align:right; } .closeInfobox a:link,.closeInfobox a:visited {color:#3f6075;text-decoration:underline;font-weight:bold;padding:5px 12px 8px 5px; display:block;} .closeInfobox a:hover,.closeInfobox a:visited:hover {background-color:#ffcc34;} table#info2 { border:0; border-collapse:collapse; border-spacing:0; border-color:#fff; margin-top:21px; margin-left:10px; } #info2 td { border:0; padding-right:10px; } #info2 td input.long { width:254px; } #info2 td input.short { width:56px; } #info2 td select{ width:190px; vertical-align:middle; margin-right:30px;} #info2 label { font-weight:bold; } #info2 .button { text-align:right; padding-top:7px; } table#info3 { border:0; border-collapse:collapse; border-spacing:0; border-color:#fff; margin-top:15px; margin-left:10px; position:relative; } #info3 td { border:0; padding-right:10px; } #info3 td input.text { width:123px; } #info3 .buttons { text-align:right; padding-top:15px; } #error.on { border:1px solid #A80084; padding:10px; width:300px; } #error.on #errorText { display:inline; } #error #errorText { font-size:1.2em; font-weight:bold; display:none; white-space:nowrap; } #error #errorText img { margin-left:5px; } #errorsystem {border:1px solid #cc00a0;padding:10px;} #errorsystem h1{font-size:13px; font-weight:bold; line-height: 15px } #errorsystem p {font-size:11px; line-height:13px;} ul.errorlist{ list-style: square outside url(../../shared/images/error_arrow_right.png)} /** * Pager */ .pager {} .page {border:1px solid #cdd6e0;padding:15px 10px;clear:both;} .page-footer {margin-top:-1px;} .page a:link,.page a:visited {text-decoration:underline;color:#3f6075;} .pager-btns {clear:both;overflow:hidden;line-height:2em;} .pager-btns div {float:right;background-color:#d6dfe9;overflow:hidden;} .pager-btns a:link,.pager-btns a:visited {text-decoration:underline;color:#3f6075;background-color:transparent;} .pager-btns a:hover,.pager-btns a:visited:hover {background-color:transparent;} .pager-btn-prev { background-image:url(../../shared/images/btn_prev_pager.gif); background-position:15% 55%; background-repeat:no-repeat; padding:2px 5px 2px 20px; color: #7C98AE;} .pager-btn-prev:hover { background-image:url(../../shared/images/btn_prev_pager_hover.gif); } .pager-btn-next { background-image:url(../../shared/images/btn_next_pager.gif); background-position:80% 65%; background-repeat:no-repeat; padding:2px 20px 2px 6px; color: #7C98AE;} .pager-btn-next:hover { background-image:url(../../shared/images/btn_next_pager_hover.gif); } .pager-btn-prev-inactive { color:#a5b8c9; background-image:url(../../shared/images/btn_prev_pager_inactive.gif); background-position:15% 55%; background-repeat:no-repeat; padding:2px 5px 2px 20px; } .pager-btn-next-inactive { color:#a5b8c9; background-image:url(../../shared/images/btn_next_pager_inactive.gif); background-position:80% 65%; background-repeat:no-repeat; padding:2px 20px 2px 6px; } .pager-btn-prev-inactive:hover, .pager-btn-next-inactive:hover { color:#a5b8c9; background-image:url(../../shared/images/btn_next_pager_inactive.gif); } div.atoaa {background-color:#d6dfe9;margin-left:-15px;} div.atoaa div {float:left;} div.atoaa-prev {margin-right:37px;} div.atoaa-next {margin-left:37px;float:right !important;} div.page-atoaa {padding:42px 10px;clear:both;} ul.atoaa {margin:0;padding:0;margin-left:73px;list-style-type:none;} div.alphabet a {margin-left:4px;} .choose-view {margin-bottom:-0.5em;clear:both;} .choose-view input {vertical-align:middle;} /* Privat forside */ #boxGrid .col {width:49.9%;float:left;} #boxGrid h3.privat {padding-left:0;} #colLeft { margin-right:17px; } .window-box { border:1px solid #3e6074; } .wb-toolbar-erhverv { background-color:#005bbf; text-align:right; border-bottom:1px solid #3e6074; height:19px; position:relative; } .wb-toolbar-omos { background-color:#3f6075; text-align:right; border-bottom:1px solid #3e6074; height:19px; position:relative; } .wb-toolbar-vejledning { background-color:#009987; text-align:right; border-bottom:1px solid #3e6074; height:19px; position:relative; } .wb-toolbar-erhverv img, .wb-toolbar-omos img, .wb-toolbar-vejledning img { margin:1px 1px 0 0; } .wb-content { padding:8px 10px; border-top:1px solid #3e6074; } .wb-content-mini { background-color:#fff; clear:both; padding:8px 10px; border-top:1px solid #3e6074; } .wb-content-mini fieldset div { margin-bottom:14px; } .wb-content-mini input.name { width:70px; vertical-align:top; height:11px; } .wb-content-mini input.find { margin-left:2px; } .wb-toolbar-erhverv a:link, .wb-toolbar-erhverv a:visited, .wb-toolbar-omos a:link, .wb-toolbar-omos a:visited, .wb-toolbar-vejledning a:link, .wb-toolbar-vejledning a:visited { background-color:transparent !important; } .no-toolbar { display:block !important; } .bubble { width:120px; height:60px; background:transparent url(../../shared/images/bg_bubble.gif) no-repeat; position:absolute; right:24px; top:-80px; z-index:2000; text-align:left; padding:15px 20px 0 20px; } /** * Forside */ #contentTop {background:transparent url(../../shared/images/bg_frontpage.jpg) top left repeat-x;width:100%;border-bottom:4px solid #3E6075;} #contentBottom .col, #contentTop .col {float:left;overflow:hidden;width:25%;} #contentBottom .col-double {float:left;width:50%;overflow:hidden;} #contentTop .col .top { border-right:1px solid #fff; } #contentTop .inside { background-color:#fff; padding:11px; position:relative; } #frontpage #rightBar .inside { background-color:transparent; height:auto;} #frontpage #rightBar #searchBox { background-color:transparent;min-height:88px;padding:26px 5px;} #contentBottom {clear:both;border-bottom:4px solid #ced6e0;} #contentBottom .inside {padding:21px 12px 0 12px;border-right:1px solid #fff;} #contentTop .form {margin-bottom:10px;} #contentTop select {width:93%;} #contentTop .col h2 { line-height:1em; padding-top:.7em; padding-left:.85em; } .transbar {margin-top:91px;width:100%;height:12px;} .transbar.priv { background-color:transparent; background-image:url(../../shared/images/trans_privat.png); } .transbar.erhv { background-color:transparent; background-image:url(../../shared/images/trans_erhverv.png); } .transbar.vejl { background-color:transparent; background-image:url(../../shared/images/trans_vejledning.png); } #contentTop ul { list-style:none; margin:0; padding:0; } #contentTop ul.arrows a:link, #contentTop ul.arrows a:visited {display:inline !important;line-height:1.4em;} #frontpage .inside li { margin-bottom:0; } #contentTop p {color:#fff;padding:1.1em;padding-top:0;min-height:3em;padding-bottom:0;margin-bottom:0;} #contentTop p.privat { background-color:#72166b; } #contentTop p.erhverv { background-color:#005bbf; } #contentTop p.vejledning { background-color:#009987; } #frontpage #contentBottom h3, #frontpage #contentBottom h2 {font-size:1.1em;font-weight:bold;} #frontpage #contentTop h3.privat {color:#72166B;font-size:1.1em;font-weight:bold;} #frontpage #contentTop h3.erhverv {color:#005BBF;font-size:1.1em;font-weight:bold;} #frontpage #contentTop h3.vejledning {color:#009987;font-size:1.1em;} #contentTop .orgLinks {background-color:#fff;} #contentTop .orgLinks .inside {padding: 10px 5px;} /* FAQ */ #center .inside .faq { padding:11px 0 0 11px; border-right:1px solid #d9dfe3;} #center .inside .faq .answer { padding-left: 25px; padding-bottom: 10px; } #center .inside .faq .question { padding-bottom: 10px; } #center .inside .faq a { background-color:transparent; } #center .inside .faq a:link, #center .inside .faq a:visited { color:#212121; text-decoration:underline; } /** * Misc classes */ .ff { clear:both; height:1px; overflow:hidden; } .clear:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .left { float:left; } .right { float:right; } .textright { text-align:right; } .alignTop {vertical-align:top;} .clear { clear:both; } .hidden { display:none; } .hiddenSubmit { width:0px; height:0px; border-width:0px; background: none; } .btn.inactive { cursor:default !important; } .btn,.link-cursor { cursor:pointer; } .accessibility {position:absolute !important;width:0% !important;height:0% !important;overflow:hidden !important;} /* Breadcrumb element and variations */ #breadcrumb {background-color:#cdd6e0;color:#3f6075;line-height:2.4em;padding-top:.2em;padding-bottom:.3em;padding-left:10px;vertical-align:middle;} #breadcrumb span {background-image:none !important;} #breadcrumb a {background:transparent url(../../shared/images/icon_bc_arrow_privat.gif) 100% 15% no-repeat;color:#3f6075;padding-right:9px;text-decoration:none;} #breadcrumb a:link {color:#3f6075;padding-right:10px;text-decoration:none;} #breadcrumb * { background-image:url(../../shared/images/icon_bc_arrow_privat.gif); color:#3f6075; } .breadcrumb-image { position:relative; overflow:hidden; } .breadcrumb-image #breadcrumb { position:absolute; left:0; top:0; width:100%; color:#fff; background-color:transparent; } .breadcrumb-image #breadcrumb * { background-image:url(../../shared/images/icon_arrow_white.gif); color:#fff !important; } .breadcrumb-image #breadcrumb span { padding-left:0; } .breadcrumb-image #breadcrumb { padding-left:1em; } .privat .breadcrumb-image #breadcrumb { background-image:url(../../shared/images/trans_privat.png); } .vejledning .breadcrumb-image #breadcrumb { background-image:url(../../shared/images/trans_vejledning.png); } .erhverv .breadcrumb-image #breadcrumb { background-image:url(../../shared/images/trans_erhverv.png); } .omos .breadcrumb-image #breadcrumb { background-image:url(../../shared/images/trans_omos.png); } .transbox {width:100%;background-color:#fff;opacity:0.5;} /* Background images on vejlednings frontpages */ .privat .breadcrumb-image, .erhverv .breadcrumb-image, .vejledning .breadcrumb-image, .omos .breadcrumb-image { background-image:url(../../shared/images/bg_guide_frontpage.gif); height:149px; background-repeat: no-repeat; } /* Background images on segment entrance pages */ .privat .segment { background-image:url(../../shared/images/deco_segment_entrance_borger.jpg); height:149px; background-repeat: no-repeat; } .erhverv .segment { background-image:url(../../shared/images/deco_segment_entrance_erhverv.jpg); height:149px; background-repeat: no-repeat; } .vejledning .segment { background-image:url(../../shared/images/deco_segment_entrance_raadgiver.jpg); height:149px; background-repeat: no-repeat; } .omos .segment { background-image:url(../../shared/images/deco_segment_entrance_om_os.jpg); height:149px; background-repeat: no-repeat; } .presse .segment { background-image:url(../../shared/images/deco_segment_entrance_presse.jpg); height:149px; background-repeat: no-repeat; } .ukprivat .segment { background-image:url(../../shared/images/deco_segment_entrance_ukprivat.jpg); height:149px; background-repeat: no-repeat; } .ukerhverv .segment { background-image:url(../../shared/images/deco_segment_entrance_ukerhverv.jpg); height:149px; background-repeat: no-repeat; } .andresprog .segment { background-image:url(../../shared/images/deco_segment_entrance_andresprog.jpg); height:149px; background-repeat: no-repeat; } .breadcrumb-image .erhverv #breadcrumb { background-color:#005bbf; } .breadcrumb-image .trainee { background-image:url(../../shared/images/deco_woman.jpg); height:149px; background-repeat: no-repeat; } /* /Breadcrumb element and variations */ .camp { vertical-align:bottom; } .camp-logo { margin-bottom:11px; display:block; } #frontpage .camp-logo { margin-bottom:4px;} img#skatteminist { max-width: 229px; width:100%; } img#landsskat { max-width: 235px; width:100%; } .test { width:140px; float:right; position:relative; top:-81px; right:15px; z-index:1000; text-align:right; } .anchor { position:relative; top:-61px; right:174px; z-index:1000; background:transparent url(../../shared/images/icon_arrow_anchor_omos.gif) 99% 52% no-repeat; padding-right:28px; text-align:right; } .anchor a:link, .anchor a:visited { color:#72166b !important; text-decoration: none;} .anchor_adm { right:3px; } .containerWide .anchor { right:5px;} .nobg { background:none !important; } table.cloak { border:0; border-collapse:collapse; border-spacing:0; border-color:#fff; } table.cloak td { border:0; vertical-align:top; padding-left:3px; padding-bottom:5px; } select.tinted { background-color:#eaeff2; } /** * Decision (Afgørelse) */ table.metadata td { vertical-align: top; padding: 0px; padding-right: 10px; } table.metadata td.name { font-weight: bold; } /** * Intranet */ .frame-full { border:1px solid #018DB3; margin-bottom:20px; } .links { border-top:1px solid #018DB3; padding:6px 9px; position:relative; margin-top:1px; } .links a:link, .links a:visited { margin-right:50px; } /** * Opsaetningstabel */ tr.bottom th, tr.bottom td { vertical-align:bottom; text-align:left; } table.full { width:100%; } table.layout { } table.layout th, table.layout td { padding:8px; } table.layout tr.odd td { background-color:#EAEFF2; } table.layout tr.even td { background-color:#fff; } table.layout tr.sum td { background-color:#CCE0ED; } table.layout td.brd-t { border-top:3px solid #fff; } table.layout td.brd-r { border-right:3px solid #fff; } table.layout td.brd-b { border-bottom:3px solid #fff; } table.layout td.brd-l { border-left:3px solid #fff; } table.layout th.fixed-text { width:100px; } table.layout th.fixed-text-long { width:250px; } table.layout th.fixed-date { width:100px; } table.layout td.name { font-weight: bold;} input.digits8 { width:6em; text-align:center; } input.full-year { width:7.5em; text-align:center; vertical-align:4px; margin-right:.5em; } a.init-calendar:link, a.init-calendar:visited, a.init-calendar:hover, a.init-calendar:visited:hover { background-color:transparent; } .th-text-normal { font-weight:normal; margin-top:.5em; } /** * Decision-tree */ table.decision-tree { width:100%; border:0; border-color:#fff; border-collapse:collapse; } table.decision-tree td { border:0; } td.tree { width:20%; vertical-align:top; } td.content-frame { width:80%; vertical-align:top; } td.content-frame iframe { border:0; } input.nostylebutton { background:transparent none !important;border:0;padding:0;color:#3F6075;border-color:#3F6075;font-weight:bold;} /** * Print selection box */ #printSelectionBox { width: 530px; z-index:1000; position:absolute; top:150px; left:50px; border:5px solid #3E6075; background-color:#FFF; text-align:left; padding:20px; } /** * Adminstration styles */ .admin { padding-left:10px; } p.admin { padding-left:25px; } .btn-prev { background-image:url(../../shared/images/btn_prev_pager.gif); background-position:18% 50%; background-repeat:no-repeat; padding:.3em 0em .6em 1.5em; } .btn-prev:hover { background-image:url(../../shared/images/btn_prev_pager_hover.gif); } .btn-next { background-image:url(../../shared/images/btn_next_pager.gif); background-position:81% 50%; background-repeat:no-repeat; padding:.3em 1.5em .6em 0em; } .btn-next:hover { background-image:url(../../shared/images/btn_next_pager_hover.gif); } .btn-prev-inactive, .btn-prev-inactive:hover { color:#a5b8c9 !important; background-image:url(../../shared/images/btn_prev_pager_inactive.gif); background-position:18% 50%; background-repeat:no-repeat; padding:.3em 0em .6em 1.5em; } .btn-next-inactive, .btn-next-inactive:hover { color:#a5b8c9 !important; background-image:url(../../shared/images/btn_next_pager_inactive.gif); background-position:81% 50%; background-repeat:no-repeat; padding:.3em 1.5em .6em 0em; } html>body iframe.ie6fix { display:none; }/*completly hide this from browsers < ie6*/ /** * DAP */ .edge {font-weight:bold;display:block;} a.new, label.new, span.new {padding-left:25px;background-repeat:no-repeat; background-image:url(../../shared/images/section_new_omos.gif);} a.new[target="_blank"] {background-image:url(../../shared/images/section_new_omos_new_window.gif);background-repeat:no-repeat;padding-left: 38px;} /** * Commented but not deleted * Conflicts with a.new[target="_blank"] - screen.css, line 990 */ /* #container.privat .new { background-image:url(../../shared/images/section_new_privat.gif); } #container.erhverv .new { background-image:url(../../shared/images/section_new_erhverv.gif); } #container.vejledning .new { background-image:url(../../shared/images/section_new_vejledning.gif); } #container.omos .new { background-image:url(../../shared/images/section_new_omos.gif); } #container.minside .new { background-image:url(../../shared/images/section_new_minside.gif); } */ /** * NOTES */ #noteEditorBox { width:400px; z-index:1000; position:absolute; top:150px; left:50px; border:2px solid #3E6075; background-color:#FFF; text-align:left; padding-bottom:10px; } #noteEditorBox .header { background-color: #3f6075; font-weight: bold; font-size: 110%; padding: 3px 3px 4px 10px; color: #FFF; } #noteEditorBox .buttons { text-align:center; } .noteBorder { border:1px #d6efd9 solid;padding:1px;margin-bottom:1em;} .note { overflow-x: hidden;padding:10px;} .noteIcon, .note strong { padding-left:18px;padding-bottom:1px;background:url(../../shared/images/icon_pagetools_make_note.gif) no-repeat;}/**/ .noteBtns { text-align:right; } .noteContent {margin-top:5px;} .noteLink {margin-bottom:1em;} .label-noteeditor {display:block;margin-bottom:4px;} form#versionForm {margin-bottom:2em;} /** * SelectionBoxes for maintain accounts. */ #servicesSelectionBox, #topicsSelectionBox, #guidesSelectionBox, #frequenciesSelectionBox {top:10px;left:75px;width:400px;height:440px;background-color:#fff;text-align:left;} .popup-layer .bd {height:99%;width:396px;border:2px solid #3E6075;background-color:#fff;overflow:auto;} .popup-layer h2 {margin:0;margin-bottom:.5em;} .select-free { position:absolute; z-index:10;/*any value*/ overflow:hidden;/*must have*/ width:33em;/*must have for any value*/ } /* Tree : Apache Beehive netui:tree related styles */ a.selectedTreeNode { background-color: #8EB0C5 !important; color: white !important; font-weight: bold; text-decoration: none !important; } a.unselectedTreeNode { text-decoration: none !important; } div.treeHolder { width: 100%; overflow: scroll; background-color: #EAEFF2; margin-right: 10px; border: 1px solid black; } div.treeControls { width: 100%; background-color: #EAEFF2; margin-right: 10px; margin-bottom: -1px; border: 1px solid black; } .buttonTreeInsertChild { background: url(../../shared/images/btn_tree_insert_child.gif) no-repeat center !important; width: 15px; } .buttonTreePromote { background: url(../../shared/images/btn_tree_promote.gif) no-repeat center !important; width: 15px; } .buttonTreeDemote { background: url(../../shared/images/btn_tree_demote.gif) no-repeat center !important; width: 15px; } .buttonTreeMoveLeft { background: url(../../shared/images/btn_tree_move_up.gif) no-repeat center !important; width: 15px; } .buttonTreeMoveRight { background: url(../../shared/images/btn_tree_move_down.gif) no-repeat center !important; width: 15px; } .buttonTreeInsertChild[disabled=disabled] { background: url(../../shared/images/btn_tree_insert_child_disabled.gif) no-repeat center !important; width: 15px; } .buttonTreePromote[disabled=disabled] { background: url(../../shared/images/btn_tree_promote_disabled.gif) no-repeat center !important; width: 15px; } .buttonTreeDemote[disabled=disabled] { background: url(../../shared/images/btn_tree_demote_disabled.gif) no-repeat center !important; width: 15px; } .buttonTreeMoveLeft[disabled=disabled] { background: url(../../shared/images/btn_tree_move_up_disabled.gif) no-repeat center !important; width: 15px; } .buttonTreeMoveRight[disabled=disabled] { background: url(../../shared/images/btn_tree_move_down_disabled.gif) no-repeat center !important; width: 15px; } .btnPlus {background:url(../../shared/images/nodeCollapsedPlus.gif) no-repeat center center; border:0;width:20px; height:20px; padding:0 0 0 30px; text-transform:capitalize;} .btnMinus {background:url(../../shared/images/nodeExpandedMinus.gif) no-repeat center center; border:0; width:20px; height:20px; padding:0 0 0 30px; text-transform:capitalize; } /* Same as above but the above is somehow corrupt*/ .btnPlus-new {background:url(../../shared/images/nodeCollapsedPlus.gif) no-repeat center center; border:0;width:20px; height:20px; padding:0 0 0 30px; text-transform:capitalize; } .btnMinus-new {background:url(../../shared/images/nodeExpandedMinus.gif) no-repeat center center; border:0; width:20px; height:20px; padding:0 0 0 30px; text-transform:capitalize; } /* CheckBoxTree styles. */ table.checkBoxTreeRow { border-collapse:collapse; width: 100%; } table.legend {table-layout:fixed; } table.checkBoxTreeRow tr.measurer td { font-size:1px; line-height:1px; height:1px; overflow:hidden; } table.checkBoxTreeRow td.alignTop { vertical-align: top; } table.checkBoxTreeRow td.alignMiddle { vertical-align: middle; } table.checkBoxTreeRow td.nonWhiteBg { padding:5px; border-top:1px solid white; background-color:#EAEFF2; } table.checkBoxTreeRow td.whiteBg { padding:5px; padding-left:5px; border-top:1px solid #EAEFF2; background-color:white; } table.checkBoxTreeRow td.noborder { border-top:0; } table.checkBoxTreeRow .smallWidth { width:1px; } table.checkBoxTreeRow td.infoIcon { padding:2px 8px 8px 2px; } table.checkBoxTreeRow img { margin-top:5px; margin-left:7px; } table.checkBoxTreeRow td.vdots-medium{ background-image:url(../../shared/images/vdots-medium.gif); background-position:right top; background-repeat: no-repeat; width: 22px; } table.checkBoxTreeRow td.vdots-small { background-image:url(../../shared/images/vdots-small.gif); background-position:right top; background-repeat: no-repeat; height: 1em; width:22px } table.checkBoxTreeRow td.columnHeader{ text-align: right; padding-right:9px; } #searchCenterRightColspan { margin: 0px; padding: 0px; width: 100%;clear:both;} #searchCenterCol { vertical-align: top; padding: 0px; margin: 0px; width: 100%; } #searchRightCol { vertical-align: top; padding: 0px; margin: 0px; width: 168px; } #searchRightCol .inside { padding:12px 15px 16px 16px; } #searchRightCol a.selected { font-weight: bold;} div.searchResultBox { border: 1px solid #CDD6E0; padding: 5px 10px; } table.searchResult { margin-bottom: 20px; } table.searchResult td { padding: 0px; } table.searchResult .title { font-weight: bold; white-space:normal; } table.searchResult .topics { color:Gray; } table.searchResult .publiced { color:Gray; text-align:right; white-space:pre;} table.searchResult .doctype { color:Gray; } table.searchResult .segmentInfo { padding-left:10px; } table.searchResult .expires { padding-left:10px; } .search-relevance {} .search-relevance-frame {border:1px solid #000;width:70px; height:10px;} .search-relevance-label {padding-right:10px;} .search-relevance-bar {background-color:#FFC61E; height:10px;} .search-relevance-bar span {visibility:hidden;} .edge { font-weight:bold; display: block; } /* BELOW NEEDED FOR NTSE */ table.logOnInfo td.label {font-weight: bold;} table.logOnInfo td.value { } /* Subscription */ .documentTypeIcon-vejledning { width: 64px; background-image:url(../../shared/images/tree-doc.gif); background-repeat: no-repeat;} .documentTypeIcon-default { width: 64px; background-image:url(../../shared/images/icon_pagetools_help.gif); background-repeat: no-repeat;} table.add-link {width:100%;} table.add-link td {vertical-align:top;width:30%;} table.add-link td.last {width:10%; padding-top: 1.5em;} table.add-link div.field {clear:both;float:none;margin-top:3px;} /* minside */ #container.minside #left h2 { background-color:#FFC61E !important; } #container.minside #left h2, #container.minside #left h2 a, #container.minside #left h2 a:hover, #container.minside #left h2 a:visited:hover { color:#3F6075 } span.minside, h4.minside { color:#FFC61E; } #container.minside #left .inside a.selected { font-weight:bold; color:#3E6075 !important; text-decoration:none; background-color:transparent; } #container.minside .campaign { border:1px solid #FFC718; } .sitemap-col .minside a, .sitemap-col .minside a:link, .sitemap-col .minside a:visited, .sitemap-col .minside a:hover, .sitemap-col .minside a:visited:hover, a.minside-tab { background-color:transparent; text-decoration:none; color:#FFC61E; } .wb-toolbar-minside { background-color:#3f6075; text-align:right; border-bottom:1px solid #3e6074; height:19px; position:relative; } .wb-toolbar-minside a:link, .wb-toolbar-minside a:visited { background-color:transparent !important; } #container.minside label.new { background-image:url(../../shared/images/section_new_minside.gif); } /** * Tables */ .stripes { border:0; border-collapse:collapse; border-spacing:0; border-color:#fff; width:100%; margin-top:1px; } .stripes th { text-align:left; line-height:15px; padding:0; padding-left:11px; border:1px solid #000; background:#fff url(../../shared/images/bg_table_head.gif) repeat; } .stripes th a:link, .stripes th a:visited { padding-left:11px; margin-left:-11px; color:#fff; text-decoration:none; background-color:transparent; display:block; height:1.5em /*IE6 hack*/; } .stripes td { padding:3px 0px 3px 11px;border:0;border-color:#fff;color:#000;} .frm { border-top:1px solid #cdd6e0; } .frm li { margin-left:11px;} .frm td { padding: 5pt 0pt 0pt 11px; } .frame { border:1px solid #cdd6e0; border-top:none; } .even { background-color:#fff; } .odd { background-color:#EAEFF2; } /** Header plain */ th.hdr-p { border:none; background:none repeat; } th.dateColumn { width: 60px; } .stripes th.headerSortUp span { background:transparent url(../../shared/images/icon_arrow_sort_up.gif) 100% 0% no-repeat !important; padding-right:12px; } .sorted-ascending { background:transparent url(../../shared/images/icon_arrow_sort_up.gif) 100% 0% no-repeat !important; padding-right:12px; } .stripes th.headerSortDown span { background:transparent url(../../shared/images/icon_arrow_sort_down.gif) 100% 0% no-repeat !important; padding-right:12px; } .sorted-descending { background:transparent url(../../shared/images/icon_arrow_sort_down.gif) 100% 0% no-repeat !important; padding-right:12px; } .sorted-ascending a:link,.sorted-ascending a:visited, .sorted-descending a:link,.sorted-descending a:visited {display:inline !important;}/*override block level link set i non-sortable th's */ /** Highlight colors */ #container.privat .stripes .highlight { background-color:#F8F5F8; } #container.privat .stripes .highlightodd { background-color:#EADCE9; } #container.privat .stripes th.headerSortDown { background-image:url(../../shared/images/bg_table_head_selected_privat.gif); } #container.privat .stripes th.headerSortUp { background-image:url(../../shared/images/bg_table_head_selected_privat.gif); } #container.erhverv .stripes .highlight { background-color:#EFF5FF; } #container.erhverv .stripes .highlightodd { background-color:#CCE0ED; } #container.erhverv .stripes th.headerSortDown { background-image:url(../../shared/images/bg_table_head_selected_erhverv.gif); } #container.erhverv .stripes th.headerSortUp { background-image:url(../../shared/images/bg_table_head_selected_erhverv.gif); } #container.vejledning .stripes .highlight { background-color:#F2FAF9; } #container.vejledning .stripes .highlightodd { background-color:#CEE6E3; } #container.vejledning .stripes th.headerSortDown { background-image:url(../../shared/images/bg_table_head_selected_vejledning.gif); } #container.vejledning .stripes th.headerSortUp { background-image:url(../../shared/images/bg_table_head_selected_vejledning.gif); } #container.minside .stripes .highlight { background-color:#FDFBEB; } #container.minside .stripes .highlightodd { background-color:#FBF8DB; } #container.minside .stripes th.headerSortDown { background-image:url(../../shared/images/bg_table_head_selected_minside.gif); } #container.minside .stripes th.headerSortDown a:link, #container.minside .stripes th.headerSortDown a:visited { background:transparent url(../../shared/images/icon_arrow_sort_down_blue.gif) 100% 0% no-repeat !important; padding-right:12px; color: #3F6075; } #container.minside .stripes th.headerSortUp { background-image:url(../../shared/images/bg_table_head_selected_minside.gif); } #container.minside .stripes th.headerSortUp a:link, #container.minside .stripes th.headerSortUp a:visited { background:transparent url(../../shared/images/icon_arrow_sort_up_blue.gif) 100% 0% no-repeat !important; padding-right:12px; color: #3F6075; } #container.omos .stripes .highlight { background-color:#EAEFF2; } #container.omos .stripes .highlightodd { background-color:#CCD4D9; } #container.admin .stripes .highlight { background-color:#EAEFF2; } #container.admin .stripes .highlightodd { background-color:#CCD4D9; } /** * Admin table - used for more than admin. */ table.admin-table { border:0; border-collapse:collapse; border-spacing:0; border-color:#fff; margin-top:1px; width:100%; } .admin-table th { text-align:left; line-height:15px; padding:1px 11px; border:1px solid #000; color: #fff; background:#fff url(../../shared/images/bg_table_head.gif) repeat; } .admin-table th a:link, .admin-table th a:visited { color:#fff; display: block; text-decoration:none; background-color:transparent !important; display: block;} .admin-table td { padding:3px 0 3px 11px; border:0; border-color:#fff; color:#000; } tr.admin-table-header td { padding:0px;} .admin-table-frame { border:1px solid #cdd6e0; border-top:none; } .admin-table-even { background-color:#fff; } .admin-table .highlight { background-color:#FDFBEB; } .admin-table .highlightodd { background-color:#FBF8DB; } .admin-table-sorted { background-image:url(../../shared/images/bg_table_head_selected_omos.gif); } .admin-table-odd { background-color:#eaeff2; } .focusRow {background-color:#fff9a7 !important;cursor:pointer;} /** * Structured list viewer */ #structuredListEditorPane { width:50% } /** * Non-sortable table. */ table.non-sortable-table { border:0; border-collapse:collapse; border-spacing:0; border-color:#fff; margin-top:1px; width:100%; } .non-sortable-table th { text-align:left; line-height:15px; padding:1px 11px; border:1px solid #000; color: #fff; background:#fff url(../../shared/images/bg_table_head.gif) repeat; } .non-sortable-table thead td { padding: 0;} .non-sortable-table th a:link, .non-sortable-table th a:visited { color:#fff; display: block; text-decoration:none; background-color:transparent !important; display: block;} .non-sortable-table td { padding:3px 0 3px 11px; border:0; border-color:#fff; color:#000; } tr.non-sortable-table-header td { padding:0px;} .non-sortable-table-frame { border:1px solid #cdd6e0; border-top:none; } .non-sortable-table-even { background-color:#fff; } .non-sortable-table .highlight { background-color:#FDFBEB; } .non-sortable-table .highlightodd { background-color:#FBF8DB; } .non-sortable-table-sorted { background-image:url(../../shared/images/bg_table_head_selected_omos.gif); } .non-sortable-table-odd { background-color:#eaeff2; } /*Expander bar for search*/ div.expandBarMain {padding:2px; border:1px solid #000; color:#fff; background:#fff url(../../shared/images/bg_table_head.gif) repeat; margin: 1em -17px 1em -16px;} div.expandBarMain a, div.expandBarMain a:visited, div.expandBarMain a:link, div.expandBarMain a:hover {text-decoration:none;color:#fff;background-color:transparent;} div.expandBar {border:0px;color:#fff;padding-left:42pt;} #expandShow {background:transparent url(../../shared/images/bg_expandbar_show.gif) no-repeat scroll 0px -2px;} #expandHide {background:transparent url(../../shared/images/bg_expandbar_hide.gif) no-repeat scroll 0px -1px;} /* SearchPage */ /* Search Tab Book Navigation */ #SearchPage { width:100%; } #SearchPage h1 {margin-top: 3px; margin-bottom: 13px;} #SearchPage .h-tab-content { padding:12px 0px 16px 27px; margin: 0; background-color: white; border:0;} #SearchPage .h-tabs { background:#CDD6E0; } #SearchPage .h-tab-btns { background:#CDD6E0; border-top: 0; border-right:1px solid white; margin-right:169px; height: 31px; padding: 0 0 0 10px; } #SearchPage .h-tab-btns:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #SearchPage .h-tab-btns ul { margin-top: 7px;} #SearchPage .h-tab-btns li { margin-right: 4px; display: block; border-bottom: 2px solid #CDD6E0; border-top: 1px solid white;} #SearchPage .h-tab-btn a:link, #SearchPage .h-tab-btn a:visited { font-weight:bold; text-decoration:underline; display:block; } #SearchPage .h-tab-content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } #SearchPage .h-tab-content-inner { padding:10px; } #SearchPage .h-tab-content .half { width:263px; margin-left:20px; float:left; padding-bottom:1em; position:relative; } #SearchPage .tabNav {margin:0px;} #SearchPage .tabNav .h-tab-btns a { text-decoration:none;color:#3F6075;white-space:nowrap;} #SearchPage .tabNav .h-tab-btns a:hover, #SearchPage .tabNav .h-tab-btns a:visited:hover, #SearchPage .tabNav .nostylebutton:hover{ text-decoration:underline; color:#3F6075; cursor:pointer; } #SearchPage .tabNav .h-tab-btn { background-color: #E0E3E6; padding-top: 3px;}/*invisible bottom border */ #SearchPage .tabNav .active { border-bottom:1px solid #CDD6E0 !important; border-right: 0 !important; } #SearchPage .tabNav div.selected { background:white; color:black; border-top: 1px solid white; border-bottom-color: white; padding-bottom: 5px; } #SearchPage .tabNav div.selected * { text-decoration:none;} #SearchPage .tabNav li.selected {} #SearchPage .tabNav a { white-space:normal; } /* Dynamic and scrollable tabs. */ #SearchPage .tabNav .btn-slide-back, #SearchPage .tabNav .btn-slide-forward { position:absolute; right:5pt; top:0; padding:7px 3px; border-bottom:1px solid #CDD6E0; border-left:1px solid #CDD6E0; background-color:#FFF; color:#CDD6E0; height:0.9em; margin-top:10px; } #SearchPage .tabNav .btn-slide-back { right:2.2em; } #SearchPage .tabNav .active-btn:hover { color:#3F6075; background-color:#CDD6E0;} #SearchPage .tabNav .active-btn { color:#3F6075;cursor:pointer;} #SearchPage input.nostylebutton { border-bottom:none; } /* Search Area */ .bea-portal-layout-grid {width:100%;} #SearchPage #SearchButtons { } #SearchPage #SearchPageTools {width: 169px; float:right; margin-bottom: -16px;} #SearchPage #SearchPageTools #pageTools { margin:16px; } #SearchPage #SearchPageTools #searchTool { margin:16px; } #SearchPage .SearchOptions { border:1px solid #CDD6E0; padding:12px 16px 16px 15px; margin-bottom: 24px; margin-right: 185px; } /*margin-right=169+16*/ #SearchPage .SearchOptions table {width:100%;} #SearchPage .SearchOptions .h-tabs { background:white; } #SearchPage .SearchOptions .h-tab-content { clear:none; } #SearchPage .h-tab-content { clear:none !important; } #SearchPage #ResultsPerPage { clear:both; float:right; width:18%; } #SearchPage #SearchResults {padding:0 16px 0 0;clear:both;} #SearchPage #searchCenterRightColspan { border:1px solid #CDD6E0; border-collapse:collapse; padding:0; width:100%; } #SearchPage #searchCenterCol { border:1px solid #CDD6E0;} #SearchPage #searchCenterCol div.searchResultBox { border:none; padding:10px 16px; } #SearchPage #searchRightCol { width:137px; /*169-32*/ padding-left: 32px;} #SearchPage #searchRightCol .insideRight { margin: 32px 0 32px 0; width: 137px; overflow: auto;} #SearchPage #searchRightCol a {white-space:normal; } #SearchPage .shownAmount {font-weight:bolder;margin-right:170px; overflow:hidden} #SearchPage .shownAmount .shownAmountText {float:left;margin-right:15px;padding-bottom:0.7em;} #SearchPage .shownAmount .pager {float:right;} #topicSearchBox ul { display:block; margin:0; padding:0; list-style:none; } #topicSearchBox li { display:block; float:left; width:33%;} #topicSearchBox li a { white-space:normal !important; } .anchor { display:inline; float:right; right:13%; } #SearchPage .SearchOptions td.optionCell { width:15em; } #SearchPage .SearchOptions td.long { width:254px; } #SearchPage #topicSearchBreadCrumb {font-weight:bold;margin-bottom:16px;font-size:1.1em;} #SearchPage #topicSearchBreadCrumb label {font-weight:normal;padding-right:9px;font-size:0.9em;} #SearchPage #topicSearchTopicList {color:#808080;} #SearchPage #topicSearchTopicList .topicLink {margin:0 16px 1em 0;} #SearchPage #topicSearchTopicList a:link, #SearchPage #topicSearchTopicList a:visited {color:#3E6075;font-weight:bold;text-decoration:none;font-size:1.1em;} #SearchPage #topicSearchTopicList a:hover:visited, #SearchPage #topicSearchTopicList a:hover {text-decoration:underline;color:black;background-color:transparent;} #SearchPage .SearchOptions #toDate, #SearchPage .SearchOptions #fromDate {width:94px;} #SearchPage #topicSearchSearchText label {padding-right:100px;} /* /SearchPage */ /* admin */ .previewImages img {display:block;margin-top:1em;margin-bottom:2em;} /** * Calendar * Do not try to apply shorthand notation to these classes. They must be written out as is done here. */ .calendar {width:164px;text-align:center;border:1px solid #000;background-color:white;border-color:#3F6075;} .calendar iframe {display:none;} .calendar table {border:0;border-spacing:0;border-collapse:collapse;border-color:#fff;width:auto;} .calendar table.header {width:100%;background-color:#3F6075;color:#fff;border-color:#3F6075;} .calendar table.header th {line-height:16px;text-align:center;background-image:none;} .calendar table.month {margin:5px;width:150px !important;} .calendar th, .calendar td {border:0;text-align:right;padding:0 !important;background-image:none;background-color:transparent;} .calendar th {text-align:center;} .calendar td {padding:0;} .calendar tr.days th {padding-top:8px;} .calendar a { display:block; padding:2px 3px; background-color:transparent; color:#212121; } .calendar a.month-prev { display:block; width:5px; height:9px; background-color:transparent !important; background-repeat:no-repeat; background-position:0; background-image:url(../../shared/images/calendar/icon_prev.gif);float:right;padding:0;padding-right:5px;} .calendar a.month-next { display:block; width:5px; height:9px; background-color:transparent !important; background-repeat:no-repeat; background-position:right top; background-image:url(../../shared/images/calendar/icon_next.gif);float:left;padding:0;padding-left:5px;} .calendar a.notinmonth { color:#a5b8c9; } .calendar a.weekend { color:#3f6075; } .calendar a.today {border:1px solid #FFC61E;font-weight:bold;} .calendar .close,.calendar .close:hover,.calendar .close:visited {font-size:10px;font-weight:bold;position:absolute;top:0;right:0;padding-right:4px;display:block;color:#fff;text-decoration:none;background-color:transparent;} .gridunit {width:250px;float:left;margin-right:10px;margin-bottom:1em;overflow:hidden;} .gridunitWide {width:500px;float:left;margin-right:10px;margin-bottom:1em;overflow:hidden;} .gridunitReallyWide {width:1000px;float:left;margin-right:10px;margin-bottom:1em;overflow:hidden;} /* **************** GRIDS ***************** */ .line, .lastUnit {overflow: hidden;} .unit{float:left;} .unitExt{float:right;} .size1of1{float:none;} .size1of2{width:50%;} .size1of3{width:33.33333%;} .size2of3{width:66.66666%;} .size1of4{width:25%;} .size3of4{width:75%;} .size1of5{width:20%;} .size2of5{width:40%;} .size3of5{width:60%;} .size4of5{width:80%;} .lastUnit {float:none;width:auto;} /* extending grids to allow a unit that takes the width of its content */ .media{width:auto;} #ie6CoverRemainingBgImageMask {display:none;}/* Hide an ie6fix from other browsers */ #watermarkHistoric {background:transparent url(../images/bg_watermark_historic.gif) repeat-y scroll 50% 50%;} table.login .label {width:100px;vertical-align:top;} table.login .field {vertical-align:top;} table.login .required {float:left;} table.login .vld-err-h {width:109px;float:left;} table.login .field div {float:left !important;} td.adminPortalTableLink a {color:#212121;text-decoration:none;} .btnStyleRenameMyPage {width: 100%; position: relative; height: 18px; bottom: -9px; text-align: right; margin-bottom: 10px;} .btnStyleResetPassword {width: 100%; position: relative; height: 18px; bottom: -9px; text-align: right;} .btnStyleEditAccount {width: 100%; position: relative; height: 18px; bottom: -9px; text-align: right;} /* Decision tree pages */ div.tabBookWide input.guideButtonNextBtn {cursor: pointer; } div.tabBookWide input.guideButtonPreviousBtn {cursor: pointer; } #operationMessage {border-style: solid; border-width: 1px; border-color: #CC00A0; padding-top: 0px; padding-bottom: 0px; padding-left: 7px; padding-right: 7px; margin-bottom: 20px;} /* ------------------------------------------ */ /* --- New styles for AEOE539 --- */ /* ------------------------------------------ */ /* Header styles for rewritten header */ #headerWrapper_AEOE539 { min-width: 940px; height: 80px; } #header_AEOE539 { font-family: Arial, Arial Rounded MT Bold; font-size: 1.2em; background-color: #ffffff; } #header_AEOE539 div { position: relative; } #header_AEOE539 div.container { top: 17px; background-color: #FDD764; height: 63px;} #header_AEOE539 div.logo { float: left; top: -17px; width: 173px; height: 80px; } #header_AEOE539 div.logo img { display: block; } #header_AEOE539 div.menu-background {float: right; margin-top: 0; text-align: right; vertical-align: top; width: 727px; height: 63px; background-color: #fec639; background-image: url('../../shared/images/bjaelke_lang_767_64-new.png'); background-repeat: no-repeat; padding-right: 24px;} #header_AEOE539 div.menu { height: 17px; display: inline-block; margin-top: 0; text-align: right; vertical-align: top; background-color: transparent; } #header_AEOE539 ul.menu-list { display: inline-block; list-style-type: none; margin: 0; text-align: right; vertical-align: top; height: 17px; background-color: #ffffff; padding: 0px; } #header_AEOE539 ul.menu-list>li { display: inline; } /*#header_AEOE539 ul.menu-list>li.first { padding-left: 15px; } #header_AEOE539 ul.menu-list>li.last { padding-right: 15px; } #header_AEOE539 ul.menu-list>li:after { white-space: pre; content: ' | '; color: #3f6075; } #header_AEOE539 ul.menu-list>li.last:after { white-space: normal; content: none; }*/ #header_AEOE539 a { color: #3F6075; text-decoration: none; background-color: transparent; } #header_AEOE539 a[target="_blank"]:link, #header_AEOE539 a[target="_blank"]:visited { background-image: none; background-repeat: no-repeat; background-position: 0; padding-left: 0; } #header_AEOE539 a:hover { text-decoration: underline; } /* Footer styles for rewritten MultiLevelMenu */ #menu-top-wrapper, #menu-top-container { height:25px; background: #3F6075; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNmNjA3NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzRkNmQ4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Zjc1OTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #3F6075 0%, #4D6D8E 51%, #4F7593 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3F6075), color-stop(51%, #4D6D8E), color-stop(100%, #4F7593)); background: -webkit-linear-gradient(top, #3F6075 0%, #4D6D8E 51%, #4F7593 100%); background: -o-linear-gradient(top, #3F6075 0%, #4D6D8E 51%, #4F7593 100%); background: -ms-linear-gradient(top, #3F6075 0%, #4D6D8E 51%, #4F7593 100%); background: linear-gradient(top, #3F6075 0%, #4D6D8E 51%, #4F7593 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f6075', endColorstr='#4f7593',GradientType=0 ); } #menu-top-wrapper { border-top:1px solid #fff; min-width: 940px; } #menu-iframe-wrapper { float: left; width: 100%; height: 25px; background-color: transparent; } #menu-iframe-container { margin-right: 10px; } #menu-iframe-wrapper .menu-iframe { width: 100%; height: 25px; background-color: transparent; } #login-wrapper { float: left; width: 169px; height: 25px; margin-left: -169px; } #menu-top li { float:left; } #menu-top a, #menu-top a:link, #menu-top a:visited { text-align: center; display: block; color: #fff; text-decoration: none; font-weight: bold; font-size: 1.1em; white-space: nowrap; padding: 6px 13px 6px 13px; } #menu-top a:focus { color: #ffcf18} #menu-top li.multiLevelMenuItem a { background: url(../../shared/images/bg_menu_top.gif) top right no-repeat; } #menu-top li.multiLevelMenuItem a.selected { background-color:#005bbf ; } #menu-top li.multiLevelMenuItem a:focus { color: #ffcf18; } #menu-top a.selected { background-color:#005bbf ; } #menu-top a:hover, #menu-top a:focus:visited:hover { text-decoration: none; color: #ffcf18 !important; background-color: transparent; } #menu-top li#btnLogin, #menu-top li#btnLogout { float: right; } /* Footer styles for rewritten Footer */ #footerWrapper_AEOE539 { min-width: 940px; padding-right: 24px; width: 100% } #footerWrapper_AEOE539 { /* font-family: Arial, Arial Rounded MT Bold; font-size: 13px; color: #3F6075; height: 20px; */ border-top:1px solid #fff; padding: 0px 4px; vertical-align: middle; background: #4f7593; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzRmNzU5MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iIzRkNmQ4ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzZjYwNzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #4f7593 0%, #4d6d8e 49%, #3f6075 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4f7593), color-stop(49%,#4d6d8e), color-stop(100%,#3f6075)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #4f7593 0%,#4d6d8e 49%,#3f6075 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #4f7593 0%,#4d6d8e 49%,#3f6075 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #4f7593 0%,#4d6d8e 49%,#3f6075 100%); /* IE10+ */ background: linear-gradient(top, #4f7593 0%,#4d6d8e 49%,#3f6075 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f7593', endColorstr='#3f6075',GradientType=0 ); /* IE6-8 */ background-color:#3e6075; height: 25px; } #footer_AEOE539 a, #footer_AEOE539 a:visited, #footer_AEOE539 a:hover { background-color: transparent; text-decoration: none; color: white; display: block; padding: 6px 0px} #footer_AEOE539 a.left {float: left;} #footer_AEOE539 a.right { float: right; text-align: right; } #frontpage #footer_AEOE539 * { display:none !important; } #frontpage #footer_AEOE539 { color:#cdd6e0; height:7px; overflow:hidden; border-left:0px; background-image:none; } /******************************************************************************* NtseScreen.css *******************************************************************************/ /* Title: NtseScreens.css * Description: defines the general look and feel, fonts, colors * */ @CHARSET "UTF-8"; /* ************************************************************************* REUSABLE STYLESHEET CLASSES FOR ALL USECASES ************************************************************************** */ /** * This css class used to display the horizontal line in the Internet */ #container.minside .showSeparatorLine{ width: 100%; height: 1px; color: #FFC61E; background-color: #FFC61E; border:none } /** * This css class used to display the horizontal line in the intranet page */ #container.intranet .showSeparatorLine{ width: 100%; height: 1px; color: #cdd6e0; background-color: #cdd6e0; border:none } /** * This css class used to display the horizontal line in Internet under erhverv */ #container.erhverv .showSeparatorLine{ width: 100%; height: 1px; color: #005BBF; background-color: #005BBF; border:none } /** * For display the text in the stripes class in the middle of the row with each row height as 36px. */ .stripesData{ padding: 10px; height: 36px; vertical-align: middle; } .stripesDataUdbytte{ padding: 10px; height: 60px; vertical-align: top; } .stripesDataUdbytteDato{ padding: 10px; height: 60px; vertical-align: middle; } .stripesOversigtData{ padding: 10px; height: 20px; vertical-align: middle; } /** * For Providing the space between the Button and Text/Label field from portlet. */ .btn-right{ margin-top: 16px; text-align: right; margin-right: 8px; } /** * For display the ErrorMessage of the particular Input field. */ .errMessageStyleFormat{ float: none; display: inline; } /** * For Providing the space between the Button and Text/Label field from portlet.Here Button display in the middle of the portal page. */ .btn-middle{ margin-top: 16px; text-align: center; } /** * For displaying the '*' mark for Periode field. * Ex: ForesporgPunktAfgiftPeriode.jsp,ForesporgAfgiftAfSpilleautomaterSpilPeriode.jsp and ForesporgMomsPeriode.jsp */ .periodeMark{ margin: -4px; } /** * For displaying the text as right align. */ .text-align-right{ text-align: right; } /** * For displaying the text as left alignment. */ .text-align-left{ text-align: left; } /** * For displaying the text as center alignment. */ .text-align-middle{ text-align: center; } /** * For displaying the Business Errors on the top of the pages. */ .business-error-display{ /*for h-tab-content*/ clear:both; border-bottom:0; border: 1px solid #cc00a0; width: 100%; overflow-x: auto; overflow-y: hidden; padding-bottom: 15px; WORD-BREAK:BREAK-ALL; } /** * For style of the Errors. * Ex: AngivUdbytteskatAdvis.jsp, AdvisErrorDisplay.jsp, ServiceAdvisDisplay.jsp and ServiceErrorDisplay.jsp */ .error-text{ font: bold; font-size: 13px; text-indent: 15px; } /* * Div class to wrap setup table * Ex: AngivOplysningerTilLogbogKvittering.jsp and HentImportspecifikationSpecifikation.jsp */ .setup { border: 1px solid #CDD6E0; } /** * Styles for displaying of the Advis text in the pages. */ .advistext { width: 100%; font-size: 13px; font-family:sans-serif; font-style: normal; text-align: center; } /** * This css class used to set the styles for rows in a table according to GUI. */ .padSetUpRow{ padding:8px; height:36px; } /** * For Table Header left and right border line */ .ntseStripesBorder { border-bottom: 1px solid #cdd6e0; } /** * This class used to apply the header to right aligned. */ .stripes th.rightAlign { text-align:right; padding-right:10px; height: 36px } /** * This class used to apply the header to left aligned. */ .stripes th.leftAlign { text-align:left; padding-left:10px; height: 36px } /** * This class used to apply the header to center aligned. */ .stripes th.centerAlign { text-align:center; padding-left:10px; height: 36px } /** * This class used to apply padding to the header under "stripes" class only. */ .stripes th.cellPadding { padding: 5px; } /** * This class used to apply the right padding to the header. */ .stripes th.rightPadding { padding-right: 10px; } /** * This class used to display the data/text in the left */ .stripes td.contentLeft { height: 36px; vertical-align: middle; text-align:left; padding-left:10px } /** * This class used to display the data/text in the right */ .stripes td.contentRight { height: 36px; vertical-align: middle; text-align:right; padding-right:10px } /** * This class used to display the data/text in the center */ .stripes td.contentCenter{ height: 36px; vertical-align: middle; text-align:center; padding-left: 0px; } /** * This class used to give/apply the padding to the td cells under stripes class. */ .stripes td.cellPadding { padding: 5px; } /** * Style sheet class for content tables */ .ntse-content { border:1px solid #cdd6e0; border-collapse:collapse; border-spacing:0; border-left-width: 1.2px; width:100%; margin-top:1px; wordBreak:break-all; } /** * This class used to align the header to right under ntse-content class. */ .ntse-content th.headerRightAlign { border-collapse:collapse; font-weight: bold; line-height:36px; text-align:right; padding-right:10px } .ntse-content th.headerRightAlignWithoutHeight { border-collapse:collapse; font-weight: bold; text-align:right; padding-right:10px } /** * This class used to align the header to left under ntse-content class. */ .ntse-content th.headerLeftAlign { padding-left:10px; text-align:left; border-collapse:collapse; } /** * This class used to align the data/text to right under ntse-content class. */ .ntse-content td.contentRightAlign { height: 36px; vertical-align: middle; text-align:right; padding-right:10px } /** * This class used to align the data/text to left under ntse-content class. */ .ntse-content td.contentLeftAlign { height: 36px; vertical-align: middle; text-align:left; padding-left:10px } /** * This class used to align the data/text to center under ntse-content class. */ .ntse-content td.contentCenterAlign { height: 36px; vertical-align: middle; text-align:left; padding:10px; } /** * This class used to apply the padding to the data/text to "td" cells under ntse-content class. */ .ntse-content td.cellPadding { padding: 5px; } /** * Added for Removing the space between the heading when it is wrapped */ .ntse-content th.tableHeaderWrap { padding-left: 5px; line-height: 10px; } /** * This class used to apply the padding styles to the table row. */ .tr-data { padding-left: 0px; padding-right: 0px; } /** * This class used to apply the padding styles to the table data. */ .data-item { text-align: left; padding-left: 0px; } /** * This class used to align the data to right with no padding. */ .dataitem-right { text-align: right; padding-right: 0px; } /** * This class used to align the data to left. */ .table-data { text-align: left; padding-left: 10px; height: 36px } /** * This class used to align the data to right with padding */ .tabledata-right { text-align: right; padding-right: 10px; } /** * This class used to apply the color for disabled header */ .txtColor4DisabledSortHeader{ color: #FFFFFF; } /** * This class used to align the data to right under stripes. */ .stripes td.tabledata-right { text-align: right; padding-right: 10px; } /** * This class used to remove the padding (if any) for horizontal line * Ex : AngivMoms, AngivPAFFil */ .divClassForSeparatorLine{ padding:none } /** * This class used to apply the styles for displaying of error messages (for Input fields). */ .divClassForErrorControl{ float: none; display: inline } /** * This class used to apply the styles for horizontal scroolbar. */ .divClassForContentTable{ width:100%; overflow-x: auto; overflow-y:hidden; padding-bottom: 10px; } /** * This class used to align the data to right */ .ctrlTextAlignRight{ text-align: right; } /** * This class used to apply the right padding */ .ctrlTextPaddingRight{ padding-right: 10px; } /** * This class used to apply the left padding */ .ctrlTextPaddingLeft{ padding-left: 10px; } /** * This class is added for the simple frame without any tabs in the header */ #container.minside .h-tab-content-simple { padding:10px; margin:10px; clear:both; border:1px solid #ffc61e; } /** * This class is used to provide margin. */ #container.minside .h-tab-content-withoutStepBars { clear:both; border:1px solid #ffc61e; margin-right: 10px; margin-left: 10px; margin-top:10px; } /** * This class is used to provide margin and border to the pages which do not have stepbars. */ #container.erhverv .h-tab-content-withoutStepBars { clear:both; border:1px solid #005BBF; margin-right: 10px; margin-left: 10px; margin-top:10px; } /** * This class is used to provide margin and border to the pages under container.erhverv id. */ #container.erhverv .h-tab-content-simple { padding:10px; margin:10px; clear:both; border:1px solid #005BBF; } /** * This class is used to provide style properties for display of horizontal scrollbars. */ .ntse-h-tab-content { border:1px solid #cdd6e0; width: 99.7%; overflow-x: auto; overflow-y:hidden; padding-bottom: 10px; } /** * This class is used for the style properties for the buttons in all the usecases. */ .btn-style { text-align: right; margin-top: 16px; } /** * This class is used for the style properties for horizontal scrollbar. */ .adjust { width: 99.7%; overflow-x: auto; overflow-y: hidden; } /** * This class is used to display the advis text under minside page. */ #container.minside .advice-display { border: 1px solid #ffc61e; padding-top:0px; padding-bottom:10px; padding-left:10px; padding-right:10px; } /** * This class is used to display the advis text under erhverv page. */ #container.erhverv .advice-display { border: 1px solid #005BBF; padding-top:0px; padding-bottom:10px; padding-left:10px; padding-right:10px; } /** * This class is used to display label of the fields display on the top. */ .label-alignment { vertical-align: top; } /** * This class is used in ntse:Field tag to display the help icon. */ .help-icon-style { vertical-align: top; width: 10px; } /** * This class used to provide the border style */ .listTable { border-collapse:collapse; } /** * This class used to arrange the left vertical line of the table should be visible */ .tableLeftVerticalLine { border-left-style: solid; border-left-color:#cdd6e0; border-left-width: 1.5px; } /** * This class used to provide the border styles for the header */ .headerstyle { border-left:1.5px solid #000; border-right:1.5px solid #000; } /** * This class used to provide header boder color and width attributes. */ .leftHeaderStyle { border-left-color: black; border-left-style: solid; border-left-width: 1.5px; } /** * This class used to provide properties for horizontal scroll bar and alsp border properties. */ .stripesFrame { border:1px solid #cdd6e0; width: 99.7%; overflow-x: auto; overflow-y:hidden; } /** * This class used to display the left vertical line of the pages should * be visible without cut.This will apply to the first td cell of the table alon with * tableLeftVerticalLine */ .stripes td.tableHeaderBorderLeftLine { border-left: 1px solid #cdd6e0; } /** * This class used to display the left vertical line of the pages should * be visible without cut.This will apply to the last td cell of the table alon with * tableLeftVerticalLine */ .stripes td.tableHeaderBorderRightLine { border-right: 1px solid #cdd6e0; } /** * Some of the following classes (highlight,highlightodd etc) were overriden from * screens.css to proviode/implement the arrow for sortable columns especially for * the columns having colspan=2. * This implementaion is applied to all pages. ie erhverv */ #container.erhverv .stripes th.headerSortDown a:link, #container.erhverv .stripes th.headerSortDown a:visited { background:transparent url(../../../shared/images/icon_arrow_sort_down.gif) 100% 0% no-repeat !important; padding-right:12px; color: #FFFFFF; } #container.erhverv .stripes th.headerSortUp a:link, #container.erhverv .stripes th.headerSortUp a:visited { background:transparent url(../../../shared/images/icon_arrow_sort_up.gif) 100% 0% no-repeat !important; padding-right:12px; color: #FFFFFF; } /** ****************************************** END ************************************************* */ /** * This class won't display the bottom border attribute. */ .border-bottom { border-bottom: none; } /** * This class does not provide any left padding.If left padding is not required any field * then we can use this class. */ .dataLeftNoPad { padding-left: 0px; } /** * This class used to align the data to center. */ .headerAlignTilmeldingAendre { text-align: center; height: 36px; } /** * This class used to align the label on the on the center of the column. */ .dataAlignMiddle{ vertical-align: middle; } /** * This class used to provide the bottom properties. */ .noBottomBorder { border-bottom: none; } /** * Padding SENummer and Navn on LogOnOplysningerHeader JSP. * This is a common Header JSP for all the JSPs. */ .logonSpacing { padding-left: 10px; padding-right: 10px; } /** * This class provide the margin right with 19 pixles. */ .Align-with-DateField { margin-right: 19px; } /** * This class provide the properties for the Header */ .plain-header { background-color: white !important; background-image: none !important; border:1px white medium ; border-color: white !important; border-left-color:white !important; border-right-color:white !important; border-bottom-color: white !important; border-top-color: white !important; font-weight: bold; font-color: #000000; padding: 8px; height: 36px; vertical-align: middle; } /** * This class used to provide/enable x and y scrollbars visible if the content is big. * This provides print functionlaity without content hiding. QC-2859. */ @media print { ul.level-01 {display:none} div.adjust { overflow-x: visible; overflow-y: visible } div.business-error-display { overflow-x: visible; overflow-y: visible } div.divClassForContentTable { overflow-x: visible; overflow-y: visible } div.ntse-h-tab-content { overflow-x: visible; overflow-y: visible } div.stripesFrame { overflow-x: visible; overflow-y: visible } .h-tab-btns li {visibility:hidden} .tabNav li.selected {visibility:visible} .btn-style {visibility:hidden} #breadcrumb {display:none} .h-tab-btns {visibility:hidden} .h-tab-btns.selected {visibility:hidden} .btn-further-info-over {visibility:hidden} .title {visibility:hidden} } /** * This class used to provide the margin properties and this is used in ntse:Book Tag. */ .pad-TwoSides { margin-left: 0.3px; margin-right: 0.3px; display: block !important; } /** * This class used to provide the background image for inactive pager. */ .inactive-button-style, .inactive-button-style:hover { color:#a5b8c9 !important; background-image:url(../../shared/images/btn_next_pager_inactive.gif); background-position:81% 50%; background-repeat:no-repeat; } /* ************************************************************************* END -- REUSABLE STYLESHEET CLASSES FOR ALL USECASES ************************************************************************** */ /* ************************************************************************* STYLESHEET CLASSES FOR INDIVIDUAL USECASES ************************************************************************** */ /** * Div class to setup table-header * Ex: ForesporgAfgiftAfSpilleautomaterSpilPeriode.jsp */ h3.ntse-table-header { line-height:2.25em; color:#000; padding-left:0px; } /** * Style class that has to be applied for the read-only text boxes. * Ex : AngivListeoplysningerAngivelse.jsp */ .readOnlyTextBox{ text-align: right; border: 1px solid #7C98AE !important; } /** * Style class that has to be applied for the read-only text boxes aligning left. * Ex: AngivListeoplysningerAngivelse.jsp */ .readOnlyTextBoxLeftAlign{ text-align: left; border: 1px solid #7C98AE; } /** * Right side page (TSEMenu_VaelgKlient Portlet) style sheet class * Ex: VaelgRevisorKontekst.jsp */ .revisorKontekst_legend{ font-size:1em; font-weight:bold; color:#3e5f74; margin-bottom:10px; margin-left:-8px; } /** * Right side page(TSEMenu_VaelgKlient Portlet)style sheet class is used to apply the style propertied for text * Ex: VaelgRevisorKontekst.jsp */ .revisorKontekst_text{ font-size:1em; color:#3e5f74; margin-bottom:10px; margin-left:-8px; } /** * Right side page(TSEMenu_VaelgKlient Portlet) style properties for the line * Ex: VaelgRevisorKontekst.jsp */ .revisorKontekst_line{ margin-bottom:11px; } /** * Right side page(TSEMenu_VaelgKlient Portlet) style properties for the line with bottom styles * Ex: VaelgRevisorKontekst.jsp */ .revisorKontekst_lineExt{ margin-bottom:2px; margin-bottom:11px; } /** * This class used to give the padding style. * Ex: AngivSkatteoplysningerPeriode.jsp */ .pad-tab-content{ padding: 6px; } /** * This class used to align the header to left * Ex:AngivUdbytteskatAngivelse.jsp */ .ntse-content th.angivheaderLeftAlign { padding-left: 10px; padding-right: 10px; text-align:left; } /** * This class used to align the header to right * Ex:AngivUdbytteskatAngivelse.jsp */ .ntse-content th.angivheaderRightAlign { text-align:right; padding-right: 10px; } /** * This class used to align the header to center * Ex:ForesporgUdbytteskatModtagereKvittering.jsp */ .ntse-content th.headerCenterAlign { text-align: center; } /* Added for angivUdbytteskat usecase */ /** * This class used to apply th padding styles. */ .angivPaddingRight{ padding-right: 10px; } /** * This class used to apply th padding styles. */ .angivPaddingLeft{ padding-left:10px; } /** * This class used to align the data to right. */ .angiveRightAlign{ text-align: right; padding-right: 10px; } /** * This class used to apply th padding styles and also align the data to right. */ .angiveLeftPadding{ text-align: right; padding-left: 10px; padding-right: 10px; } /** * This class used to apply th padding styles and also align the data to left. */ .stripes th.angivleftAlign { text-align:left; padding-right: 12px; } /** * This class used to apply th padding, border(left) styles and also align the data to left. */ .stripes td.tabledata-left { text-align: left; padding-left: 10px; border-left: 1px solid #cdd6e0; } /** * This class used to apply th padding , border(right) styles and also align the data to left. */ .stripes td.angivtabledata-left { text-align: left; padding-left: 10px; border-right: 1px solid #cdd6e0; } /* End of Added for angivUdbytteskat */ /* Added for AngivListeoplysninger usecase */ /** * This class used to apply the padding to the header */ .ntse-content th.CellPaddingLeft { padding-left: 10px } /** * This class used to apply the padding and margin styles for the td */ .ntse-content td.CellPaddingMargin { padding-left: 0px; margin-left: 0px; } /* End of Added for AngivListeoplysningerAngivelse.jsp */ /** * This class used to apply padding bottom to the table data item. * Ex: AngivMomsPeriode.jsp */ .stripes td.bottom-padding { padding-bottom: 5px; } /** * This class is used to provide the style propertied for the * Buttons (which are displayed at the bottom of the page) * Ex: AngivMomsFilVaelgFil.jsp */ .divClassForBottomButtons{ margin-top:16px; margin-bottom:0; } /** * This class is used to provide style properties for the buttons * which are placed on top of the page. * Ex: ForesporgUnderretningAKFA.jsp,ForesporgUnderretningAKSA.jsp and ForesporgUnderretningANPA.jsp */ .topbtn-right { margin-top: 16px; margin-right: 8px; margin-bottom: 8px; text-align: right ; } /** * This class is used to provide left padding * Ex: ForesporgPAFoplysningerFilVaelgFil.jsp */ .tableStyleAlignForLogget { padding-left: 9px; } /** * This class is used to provide left padding for the headers with 20 pixels. * Ex: AngivOplysningerTilLogbogIndberetning.jsp */ .ntse-content th.padding-style{ padding-left: 20px; } /** * This class is used to provide left padding and width for the startTid * label in AngivOplysningerTilLogbogIndberetning.jsp * Ex: AngivOplysningerTilLogbogIndberetning.jsp */ .logbogDagStartTidHeaderStyle { width: 25%; padding-left: 18px; } /** * This class is used to provide left padding and width for the slutTid * label in AngivOplysningerTilLogbogIndberetning.jsp * Ex: AngivOplysningerTilLogbogIndberetning.jsp */ .logbogForventetSlutTidHeaderStyle { width: 25%; padding-left: 10px; } /** * This class is used to provide left padding and width for the * PersonAdresse label in AngivOplysningerTilLogbogIndberetning.jsp * Ex: AngivOplysningerTilLogbogIndberetning.jsp */ .logbogPersonAdresseStyle { width: 25%; padding-left: 5px; } /** * This class is used to provide left padding and width for the * FraHusNummer label in AngivOplysningerTilLogbogIndberetning.jsp * Ex: AngivOplysningerTilLogbogIndberetning.jsp */ .logbogPersonFraHusNummerStyle { width: 25%; padding-left: 0px; } /** * This class is used to particular field/label not to be displayed * Ex: AngivListeoplysningerAngivelse.jsp */ .angivListeDisplay { display:none ; } /** * This class is used to provide the bottom padding styles. * Ex: AngivListeoplysningerAngivelse.jsp */ .angivListeBottom { padding-bottom: 10px; } /** * This class used to provide the margin properties for the check-box. * Ex: AngivSkatteoplysninger05007Selvangivelse2009.jsp */ .checkBoxStyle { margin: -3px; } /** * This class used to dislay the height of the rows. */ .tableHeaderHeight { height: 36px; } /** * This class used to arange the total field to the left in the HentImportspecifikationSpecifikation page. * Ex: HentImportspecifikationSpecifikation.jsp */ .indbetalingTotalLeft { padding-left: 8px; height: 36px; vertical-align: middle; } /** * This class used to arange the total field to the right in the HentImportspecifikationSpecifikation page. * Ex: HentImportspecifikationSpecifikation.jsp */ .indbetalingTotalRight { padding-right: 8px; height: 36px; vertical-align: middle; } /** * This class used to provide the padding right style. */ .stripes td.ctrlTxtPaddingRight { padding-right: 10px; } /** * This class used to provide the right padding * Ex: AngivSkatteoplysningerNyAktionaer.jsp */ .dateTagPadding { padding-right: 100px; } /** * This class used to provide the margin styles for the advis. * Ex: ForesporgUnderretningBHOL.jsp */ .border-advis{ margin-top: 5px; margin-left: 5px; margin-right: 5px; } /** * This class used to provide the padding styles for the data. * Ex: AngivSkatteoplysningerNyAktionaer.jsp */ .ctrlTextPaddingTop{ padding-top: 5px; } /** * This class used to provide the padding styles for the data in the column. * Ex: AngivPunktAfgiftAngivelse.jsp */ .summationColumnStyle { padding-right: 10px; padding-left: 10px; text-align: right; vertical-align: middle; height: 36px; } /** * This class used to provide the margin styles for radiobutton. * Ex: AngivSkatteoplysninger05021KontrolTrans2006.jsp */ .radioButtonStyle { margin: -2px; height: 12px; } /** * This class used to align the data automatically as per the space available * Ex: AngivOplysningerTilLogbogKvittering.jsp */ .text-align-justify { text-align: justify; } /** * This class won't display the border for the table. * Ex: AngivPunktAfgiftAngivelse.jsp */ .noBorder { border: none; } /** * This class provide the right padding for the belob field * Ex: AngivOplysningerTilLogbogKvittering.jsp */ .logbogbelob { padding-right: 15px; } /** * Added to increase the width of DropDown on AngivGaveAngivelse.jsp * Ex: AngiveGaveAngivelse.jsp */ .dropDownIndkomstarGave { width: 110px; text-align: right; } /** * Added to move up the table on AngivListeoplysningerAngivelse.jsp * Ex: AngivListeoplysningerAngivelse.jsp */ .tableMargin{ margin-top: 5px; } /** * This class provide the styles for Radiobutton * Ex: AngivSkatteoplysninger05021KontrolTrans2006.jsp */ .radioButtonMargin { margin: -2px; height: 12px; margin-top: 11px; } /** * This class used to provide the width of the address lines. * Ex: AngivSkatteoplysningerNyAktionaer.jsp */ .addressLines-width { width: 90%; } /** * This class used to provide bottom property for the table. * Ex: AngivSkatteoplysningerNyAktionaer.jsp */ .NyAktionaerTable2 { margin-bottom: 12px; } /** * This class used in virk.portal to apply the background color.image etc. * Ex: virkheader.jsp */ #site-virk { background-position: top left; background-repeat: repeat-x; height: 102px; /* add top margin for 116px */ /* background:#b2e0ec repeat-y bottom left; text-align:left; clear:both; position:relative; bottom: 0; */ background-image: url(/front/framework/images/blue.png); background-color: #b2e0ec; } /** * This class used in AngivUdbytteskat start page to display the Dato header properly. */ .angivUdbytteStartheader{ padding-right: 12px; text-align: left; padding-left: 10px; height: 70px; } .angivUdbytteOversight{ font-size: 1em; } /* ************************************************************************* END -- STYLESHEET CLASSES FOR INDIVIDUAL USECASES ************************************************************************** */ /* Splash screen styles - start*/ .poweredby { font-size:11px; font-style:italic; color:#000000; font-weight:bold; vertical-align:middle; float:right; margin-top: 1em; } .poweredby img { margin:0px 5px 0px 5px; } .Footerbg { overflow:hidden; width:80%; margin-top:15px; min-width: 500px; border-top:1px solid #3E6075; } /* Splash screen styles - end*/ input[type='file']{ font-size: 12.5px; } input.disabled{ padding-bottom:2px; padding-left:5px; padding-top:2px; padding-right:5px; } /* * For hr tag */ .lineFF { width: 100%; height: 1px; color: #FF0000; background-color: #FF0000; border:none; } /** * For hr tag */ .line3F { width: 100%; height: 1px; color: #3F6075; background-color: #3F6075; border:none; } /** * For Table border line */ .ntseTablebottomBorder { border-bottom: 1px solid #7C98AE; } /** * For Table border line */ .ntseTableRightBorder { border-right: 1px solid #7C98AE !important; } /** * For Table border line */ .ntseTableLeftBorder { border-left: 1px solid #7C98AE !important; } /** * For Table border line */ .ntseTableTopBorder { border-top: 1px solid #7C98AE; } /** * For Indbetaling Table border line */ .indbetalingTable { padding-left:0px; margin-left:0px; height:32px; border-top: 1px solid #7C98AE !important; border-bottom: 1px solid #7C98AE !important; } /** * For Indbetaling Table without top vborderborder line */ .indbetalingTableNoTop { padding-left:0px; margin-left:0px; height:32px; border-bottom: 1px solid #7C98AE; } /** * This class used to apply the styles for AutoriserJSPs. */ .divClassForAutoriser{ border: 4px solid #cc00a0; padding: 8px; } /** * This class used to apply the styles for AutoriserJSPs. */ .divClassForAutoriser p{ margin-top: 0px; color: #cc00a0; } /** * This css class used to display the horizontal line in the intranet page with color #3F6075. It is created on 26/10/2015 */ #container.intranet .showSeparatorLineColor{ width: 100%; height: 1px; color: #cdd6e0; background-color: #3F6075; }