﻿
/* Vacancy Search */
#vacancySearch.margin { background: transparent; }
#vacancySearch .content { padding-left: 15px; float: left; }
#vacancySearch #searchArea { height: 120px; background: url('../images/bg/jobsearcharea_shade.png') repeat-x #fff; border-left: 1px solid #d3d3d3; }
#vacancySearch #searchArea input { border: solid 1px #E5E5E5; margin-bottom: 1px; }
#vacancySearch #searchArea .button { height: 23px; }
#searchArea .totalVacanciesLabel { font-size: 17px; font-family: Arial; font-style: italic; color: #666465; margin-bottom: 15px; }
#vacancySearch .searchResultCount { color: #0B4499; font-family: Arial; font-size: 17px; padding: 10px 0px 10px 2.4%; font-style: italic; }
#vacancySearch #resultArea { padding-top: 20px; background: #ededed; border-top: 1px solid #d3d3d3; }
#vacancySearch #resultArea th .searchInput input { display: block; margin: 0 0 20px 0; float: none; width: 80%; }
#vacancySearch #resultArea th .searchInput input[type=submit] { width: 100%; }
#vacancySearch #resultArea .content { width: 97%; }
#vacancySearch #resultArea table { width: 100%; border-collapse: collapse; }
#vacancySearch #resultArea th { text-align: left; padding-bottom: 30px; }
#vacancySearch #resultArea th span { padding-left: 15px; font-weight: bold; text-decoration: underline; font-size: 13px; color: #0b4499; }
#vacancySearch td .dateField { font-size: 15px; background-position: 0 1px; }
#vacancySearch #resultArea td { font-family: Arial; padding-left: 15px; font-size: 15px; background: url('../images/bg/jobsearchresult_shade.png') #fff; color: #676465; height: 60px; }
#vacancySearch #resultArea td a { color: #0098db; text-decoration: underline; }

/* Vacancy Page*/
#pagecontainer #content.vacancyPage #top { margin-bottom: 0; }
#content.vacancyPage #bottom { padding-top: 0 !important; }
#content.vacancyPage h2 { padding-top: 2% !important; }

/* Reference Magazine */
.referenceGallery .galleryHeader { background: #e5e5e5; padding: 15px; font-family: Arial; font-size: 12px; font-weight: bold; color: #676465; line-height: normal; overflow: hidden; }
.referenceGallery .galleryHeader label { margin-left: 10px; }
.referenceGallery .galleryHeader .searchInput { float: right; }
.referenceGallery .galleryHeader .searchInput input[type=text] { width: 150px; }
.referenceGallery .galleryHeader .searchInput .iconButton { height: 21px; margin-top: 1px; background-position: -2px -3px; border: 1px solid #fff; }
.referenceGallery .galleryContent { }
.referenceGallery .galleryContent .itemLabel { border: none; font-size: 12px; font-weight: normal; padding: 0; margin: 0; }
.referenceGallery .galleryImage { width: 120px; }
.referenceGallery .galleryImage img { width: 100%; height: 100%; }

/* PageList A-Z */
#PageListContainer .margin { background: none; }
#PageListContainer .toolbar { background: #e5e5e5; font-family: Arial; font-size: 12px; font-weight: bold; color: #676465; line-height: normal; margin-bottom: 10px; }
#PageListContainer .toolbar .letterFilter { border-bottom: 1px solid #d3d3d3; padding: 10px 15px 15px 25px; cursor: default; }
#PageListContainer .toolbar .letterFilter input { font-family: Arial; font-size: 12px; font-weight: bold; color: #676465; border: 1px solid #fff; height: 23px; width: 23px; margin-right: 3px; margin-top: 5px; cursor: pointer; }
#PageListContainer .toolbar .letterFilter input.active { border-color: #676465; }
#PageListContainer .toolbar .letterFilter input.disabled { cursor: default; background-color: #d3d3d3; }
#PageListContainer .toolbar .controls { border-top: 1px solid #fff; padding: 15px; }
#PageListContainer .toolbar label { margin-left: 10px; }
#PageListContainer .toolbar .searchInput { float: right; }
#PageListContainer .toolbar .searchInput input[type=text] { width: 150px; }
#PageListContainer .toolbar .searchInput .iconButton { height: 21px; margin-top: 1px; background-position: -2px -3px; border: 1px solid #fff; }
#PageListContainer .AzPageList { font-family: 'Gill Sans Std Light' !important; }
#PageListContainer .AzPageList ul { list-style: none; }
#PageListContainer .AzPageList ul li { padding-top: 10px; }
#PageListContainer .AzPageList ul li ul { border-bottom: 1px solid #d3d3d3; padding-bottom: 20px; margin-bottom: 10px; }
#PageListContainer .AzPageList .groupHeader { font-size: 35px; color: #0b4499; padding-left: 10px; }
#PageListContainer .AzPageList a { font-weight: bold; font-size: 17px; color: #0b4499; padding-left: 10px; display: block; }
#PageListContainer .AzPageList p { font-family: 'Gill Sans Std Light' !important; font-size: 15px !important; font-weight: normal !important; padding: 10px !important; }

/* BLOG PAGE */
#pagecontainer #content.blog { width: 63%; }
#pagecontainer #content #top.blog { width: 80%; }
#pagecontainer #content #top.blog .itemimage { margin-bottom: 20px; width: auto; border-color: #E5E5E5; margin-right: 27px; }
#pagecontainer #content #bottom.blog { width: 80%; }
#pagecontainer #right.blog { background-color: #ddd; width: 17%; float: left; }

/* blog menu */
.blogMenu { background-color: #e5e5e5; border-left: solid 1px #ffffff; }
.blogMenu ul { float: left; width: 100%; padding: 0; margin: 0; list-style: none; }
.blogMenu li { display: block; background-color: #D6D6D6; float: left; text-transform: uppercase; width: 100%; min-width: 120px; font-size: 14px; }
.blogMenu li li { background-color: #e5e5e5; }
.blogMenu li span { border-bottom: solid 1px #d3d3d3; border-top: solid 1px #ffffff; padding-top: 10px; padding-bottom: 10px; text-decoration: none; display: block; width: 90%; padding-left: 5%; padding-right: 5%; }
.blogMenu li li a { border-bottom: solid 1px #d3d3d3; border-top: solid 1px #ffffff; padding-top: 10px; padding-bottom: 10px; text-decoration: none; display: block; width: 90%; padding-left: 5%; padding-right: 5%; color: #666465; }
.blogMenu li select { color: #666465; margin-bottom: 20px; width: 90%; margin-left: 5%; margin-right: 5%; }
.blogMenu a.blogRss { padding-left: 17%; background: url('../images/icons/blog_RSS_icon.png') 10px center no-repeat; width: 73%; }
.blogMenu a .numTaggedItems { color: #3dadde; display: inline; width: auto; padding: 0; margin: 0; border: 0; }
#top.blog .dateField { margin-bottom: 15px; }

/* NEWS ROOM */
#pagecontainer #content #top.newsroom { width: 100%; }
#pagecontainer #content #top.newsroom .topmenu { width: auto; margin-right: 27px; }
#pagecontainer #content #top.newsroom .newsRss { background: url("../images/icons/newsRss_icon.png") no-repeat right center transparent; padding-right: 30px; color: #666; height: 25px; line-height: 25px; font-size: 15px; }
#pagecontainer #content #top.newsroom .topmenu .yearDropdown { float: left; }
#pagecontainer #content #top.newsroom .topmenu ul { list-style-type: none; float: left; clear: none; }
#pagecontainer #content #top.newsroom .topmenu li { list-style-type: none; height: 21px; float: left; }
#pagecontainer #content #top.newsroom .topmenu input { cursor: pointer; height: 21px; line-height: 21px; background: url("../images/bg/newsroom_menu_bg.png") repeat-x scroll 0 0 transparent; padding: 0 12px; text-transform: uppercase; font-family: 'Gill Sans MT'; border: solid 1px #ddd; border-bottom: solid 1px #bbb; }
#pagecontainer #content #top.newsroom .topmenu input.active { cursor: pointer; height: 21px; line-height: 21px; background: url("../images/bg/newsroom_menu_active_bg.png") repeat-x scroll 0 0 transparent; padding: 0 12px; text-transform: uppercase; font-family: 'Gill Sans MT'; border: solid 1px #bbb; border-bottom: solid 1px #ddd; }
#pagecontainer #content #top.newsroom .itemimage { margin-bottom: 20px; width: auto; border-color: #E5E5E5; margin-right: 27px; }
#pagecontainer #content #top.newsroom .newsitem { border-bottom: 1px solid #D3D3D3; border-top: 0; margin-right: 27px; }
#pagecontainer #content #top.newsroom h2 a { font-size: 22px; width: 80%; line-height: 26px; }
#pagecontainer #content #top.newsroom .iconwrapper img { margin: 0 10px 0 0; }
#pagecontainer #content #top.newsroom p { font-size: 16px; }
#pagecontainer #content #bottom.newsroom .newslist .first .newsitem { border-top: 0; padding-top: 27px; }
#pagecontainer #content #bottom.newsroom .newslist .newsitem { padding-top: 27px; }
#pagecontainer #content #bottom.newsroom { width: 60%; }

/* list */
.NewslistLists { margin-top: 27px; }
#pagecontainer #content #bottom.newsroom .NewslistLists .newsitem { padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #D3D3D3; border-top: 0; margin-right: 27px; }
#pagecontainer #content #bottom.newsroom .NewslistLists .first .newsitem { padding-top: 15px; border-top: 1px solid #D3D3D3; }
.newsroom #blog-posts li { border: 0; }
.NewslistLists .newsitem .description { width: 100%; }
.NewslistLists .newsitem .description .date { font-size: 12px; width: 25%; float: left; clear: none; margin-bottom: 0; line-height: 14px; }
#pagecontainer #content #bottom .NewslistLists .newsitem .description h2 { width: 75%; float: left; clear: none; padding-bottom: 0; }
#pagecontainer #content .NewslistLists .newsitem .description h2 a { font-size: 12px; line-height: 14px; }
#pagecontainer #content #right.newsroom { width: 37%; }
#pagecontainer #right.newsroom { width: 17%; float: left; }
#pagecontainer #content .newsroom .newslist .image { margin-right: 0; }
#pagecontainer #right.newsroom .contact .margin { margin-top: 27px; }
#pagecontainer #right.newsroom .contactpersons { padding-bottom: 0; border-bottom: 0; }
#pagecontainer #right.newsroom .contact .contactpersons .contactinformation { padding-left: 0; }
#pagecontainer #right.newsroom .contact .contactinformation .phoneIcon { padding-left: 35px; margin-top: 30px; padding-top: 0; background-position: 0px 3px; }
#pagecontainer #right.newsroom .contact .contactinformation .mailIcon2 { padding-left: 35px; padding-top: 0; background-position: 0px 3px; }
#pagecontainer #content #top.newsroom .newslist .description { width: 64%; float: left; }
#pagecontainer #content #top.newsroom .newslist .image { width: 35%; float: right; max-width: 300px; }

/* Contacts Page */
#pagecontainer #content.ContactsPage { width: 97%; }

/* Error Page */
#main.errorpage { -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; }
#main.errorpage #shadow { min-height: 200px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -o-border-radius: 12px; -ms-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; }
.errorpage .errorContent { width: 100%; margin-bottom: 27px; min-height: 300px; }
.errorpage .roundedControl .outerborder { border-width: 3px; }

/* CONTACTS PAGE and XFORM PAGE */
.contactWrapper { color: #676465; font-size: 16px; font-weight: normal; }
.contactWrapper .shortField { width: 50%; float: left; margin-bottom: 10px; }
.contactWrapper .longField { width: 100%; float: left; margin-bottom: 10px; }
.contactWrapper input { border: solid 1px #e5e5e5; width: 95%; }
.contactWrapper textarea { border: solid 1px #e5e5e5; width: 97.5%; height: 200px; }
.contactWrapper td { width: 50%; padding-top: 15px; }
.contactWrapper #id_matrix { width: 100%; position: relative; }
.contactWrapper .sendButton { width: 98% !important; }
.contactWrapper textarea.double { width: 97.5% !important; }
.contactWrapper input.double { width: 98% !important; }
