/* HTML Tag Redefinition */
html, body {height: 100%; }
body {background:url(http://www.hr4.fi/themes/hr4/images/bg.jpg) no-repeat center top #fff; text-align: center; padding: 0px; margin: 0px; }
img {border: 0px}
a { cursor:pointer}
label { font-weight:bold; display:block; padding-top: 10px; }
fieldset { border:1px solid #ccc;}
.left { float:left;}
.right { float:right;}
div.push { height: 4em;}
/* Page Structure / Navigation */
/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}
/* Page Structure / Navigation */
#page{ width:970px; text-align:left; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -4em;}
#page #header{ background:url(http://www.hr4.fi/themes/hr4/images/bgNavi2.png) no-repeat 0 0 #4c4e4d; height:60px; position:relative;}
#page #header #logo{ display:inline;}
#page #header #logo img{ float:right;}
#page #header #headerNav{ float:left; margin:0; padding:0; height:60px;}
#page #header ul.nav-header{ list-style:none; margin:0 0 0 0; padding:0px; float: left; }
#page #header ul.nav-header li{float:left; display:block;}
#page #header ul.nav-header li a{height:60px; display:block;}
/* FI */
#page #header ul.nav-header li a.id59 { background: url(http://www.hr4.fi/themes/hr4/images/navEtusivu2.png) no-repeat 0 0; width:105px;}
#page #header ul.nav-header li a.id59:hover{background: url(http://www.hr4.fi/themes/hr4/images/navEtusivu2.png) no-repeat 0 -60px; width:105px;}
#page #header ul.nav-header li a.id59-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navEtusivu2.png) no-repeat 0 -60px; width:105px;}
#page #header ul.nav-header li a.id60 { background: url(http://www.hr4.fi/themes/hr4/images/navHr-palvelut2.png) no-repeat 0 0; width:129px;}
#page #header ul.nav-header li a.id60:hover{background: url(http://www.hr4.fi/themes/hr4/images/navHr-palvelut2.png) no-repeat 0 -60px; width:129px;}
#page #header ul.nav-header li a.id60-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navHr-palvelut2.png) no-repeat 0 -60px; width:129px;}
#page #header ul.nav-header li a.id61 { background: url(http://www.hr4.fi/themes/hr4/images/navAsiakkaat2.png) no-repeat 0 0; width:107px;}
#page #header ul.nav-header li a.id61:hover{background: url(http://www.hr4.fi/themes/hr4/images/navAsiakkaat2.png) no-repeat 0 -60px; width:107px;}
#page #header ul.nav-header li a.id61-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navAsiakkaat2.png) no-repeat 0 -60px; width:107px;}
#page #header ul.nav-header li a.id62 { background: url(http://www.hr4.fi/themes/hr4/images/navYritys2.png) no-repeat 0 0; width:77px;}
#page #header ul.nav-header li a.id62:hover{background: url(http://www.hr4.fi/themes/hr4/images/navYritys2.png) no-repeat 0 -60px; width:77px;}
#page #header ul.nav-header li a.id62-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navYritys2.png) no-repeat 0 -60px; width:77px;}
#page #header ul.nav-header li a.id63 { background: url(http://www.hr4.fi/themes/hr4/images/navUutisia2.png) no-repeat 0 0; width:97px;}
#page #header ul.nav-header li a.id63:hover{background: url(http://www.hr4.fi/themes/hr4/images/navUutisia2.png) no-repeat 0 -60px; width:97px;}
#page #header ul.nav-header li a.id63-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navUutisia2.png) no-repeat 0 -60px; width:97px;}
#page #header ul.nav-header li a.id207 { background: url(http://www.hr4.fi/themes/hr4/images/navYhteystiedot.png) no-repeat 0 0; width:108px;}
#page #header ul.nav-header li a.id207:hover{background: url(http://www.hr4.fi/themes/hr4/images/navYhteystiedot.png) no-repeat 0 -60px; width:108px;}
#page #header ul.nav-header li a.id207-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navYhteystiedot.png) no-repeat 0 -60px; width:108px;}
/* EN */
#page #header ul.nav-header li a.id112 { background: url(http://www.hr4.fi/themes/hr4/images/navHome2.png) no-repeat 0 0; width:84px;}
#page #header ul.nav-header li a.id112:hover{background: url(http://www.hr4.fi/themes/hr4/images/navHome2.png) no-repeat 0 -60px; width:84px;}
#page #header ul.nav-header li a.id112-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navHome2.png) no-repeat 0 -60px; width:84px;}
#page #header ul.nav-header li a.id113 { background: url(http://www.hr4.fi/themes/hr4/images/navHRServices2.png) no-repeat 0 0; width:123px;}
#page #header ul.nav-header li a.id113:hover{background: url(http://www.hr4.fi/themes/hr4/images/navHRServices2.png) no-repeat 0 -60px; width:123px;}
#page #header ul.nav-header li a.id113-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navHRServices2.png) no-repeat 0 -60px; width:123px;}
#page #header ul.nav-header li a.id121 { background: url(http://www.hr4.fi/themes/hr4/images/navClients2.png) no-repeat 0 0; width:88px;}
#page #header ul.nav-header li a.id121:hover{background: url(http://www.hr4.fi/themes/hr4/images/navClients2.png) no-repeat 0 -60px; width:88px;}
#page #header ul.nav-header li a.id121-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navClients2.png) no-repeat 0 -60px; width:88px;}
#page #header ul.nav-header li a.id125 { background: url(http://www.hr4.fi/themes/hr4/images/navCompany2.png) no-repeat 0 0; width:99px;}
#page #header ul.nav-header li a.id125:hover{background: url(http://www.hr4.fi/themes/hr4/images/navCompany2.png) no-repeat 0 -60px; width:99px;}
#page #header ul.nav-header li a.id125-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navCompany2.png) no-repeat 0 -60px; width:99px;}
#page #header ul.nav-header li a.id216 { background: url(http://www.hr4.fi/themes/hr4/images/navContacts.png) no-repeat 0 0; width:99px;}
#page #header ul.nav-header li a.id216:hover{background: url(http://www.hr4.fi/themes/hr4/images/navContacts.png) no-repeat 0 -60px; width:99px;}
#page #header ul.nav-header li a.id216-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navContacts.png) no-repeat 0 -60px; width:99px;}
#page #header ul.nav-header li a.id130 { background: url(http://www.hr4.fi/themes/hr4/images/navNews2.png) no-repeat 0 0; width:78px;}
#page #header ul.nav-header li a.id130:hover{background: url(http://www.hr4.fi/themes/hr4/images/navNews2.png) no-repeat 0 -60px; width:78px;}
#page #header ul.nav-header li a.id130-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navNews2.png) no-repeat 0 -60px; width:78px;}
#page #header #languages{float:left;position:absolute; top:0; left:672px;}
#page #header ul.nav-lang{ list-style:none; margin:0 0 0 0; padding:0px; float: left; }
#page #header ul.nav-lang li{float:left; display:block;}
#page #header ul.nav-lang li a{height:60px; display:block;}
#page #header ul.nav-lang li a.id56 { background: url(http://www.hr4.fi/themes/hr4/images/navSuomeksi3.png) no-repeat 0 0; width:79px;}
#page #header ul.nav-lang li a.id56:hover{background: url(http://www.hr4.fi/themes/hr4/images/navSuomeksi3.png) no-repeat 0 -60px; width:79px;}
#page #header ul.nav-lang li a.id56-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navSuomeksi3.png) no-repeat 0 -60px; width:79px;}
#page #header ul.nav-lang li a.id111 { background: url(http://www.hr4.fi/themes/hr4/images/navInEnglish3.png) no-repeat 0 0; width:76px;}
#page #header ul.nav-lang li a.id111:hover{background: url(http://www.hr4.fi/themes/hr4/images/navInEnglish3.png) no-repeat 0 -60px; width:76px;}
#page #header ul.nav-lang li a.id111-nav-selected{background: url(http://www.hr4.fi/themes/hr4/images/navInEnglish3.png) no-repeat 0 -60px; width:76px;}
#page #headerAreaHomepage{background:url(http://www.hr4.fi/themes/hr4/images/bgTopContent.jpg) no-repeat 0 0 #4c4e4d; float:left; width:970px; height:340px; margin:0; padding:0;}
#page #headerAreaHomepage #headerAreaInsideLeft{ float:left; width:310px; margin:108px 0 0 30px; background:url(http://www.hr4.fi/themes/hr4/images/hrWithResults.png) no-repeat center top; height:100%; }
#page #headerAreaHomepage #headerAreaInsideRight{float:left; width:630px; margin-top:30px;}
/* Breadcrumb */
#page #headerArea{background:url(http://www.hr4.fi/themes/hr4/images/bgTopContent2.jpg) no-repeat 0 0 #4c4e4d; float:left; width:970px; height:340px; margin:0; padding:0;}
#page #headerArea #headerContent{ text-align:center; position:relative;}
#page #headerArea #headerContent h1{ color:#fff; font-size:30px; margin:40px 0 0 0;}
#page #breadcrumb{background:url(http://www.hr4.fi/themes/hr4/images/bgBreadcrumb.jpg) no-repeat 0 0 #fff; float:left; width:970px; height:30px; margin:0; padding:0;}
#page #breadcrumb ul{ margin:7px 0 0 30px; padding:0; list-style-type:none; font-size:11px; color:#8d8d8d;}
#page #breadcrumb li{ display:inline;}
#page #breadcrumb li span{ color:#8d8d8d; display:inline;}
#page #breadcrumb li a{}
#page #breadcrumb li a:hover{ color:#000;}
#page #breadcrumb li a.nav-selected{ margin-right:5px; text-decoration:none; color:#000;}
#page #breadcrumb li img{ padding:0 10px 0 5px;}
#page #central{ clear:both; padding:15px 0 50px 0;}
#page #central #body ul{ margin:0 0 0 10px; padding:0;}
#page #central #body ul li{ background-image:url(http://www.hr4.fi/themes/hr4/images/listItemContent.gif); background-position:0 7px; background-repeat:no-repeat; list-style:none; padding:0 0 0 25px; margin:8px 0 12px 0;}
#page #central #sidebarLeftHomepage{ float:left; width:425px; margin:0 0 0 30px;}
#page #central #sidebarLeftHomepage h1{ font-size:38px; line-height:42px;}
#page #central #sidebarLeftHomepage h2{ font-size:24px; line-height:32px; color:#4f4f4f;}
#page #central #sidebarRightHomepage{ float:left; width:455px; margin:0 0 0 60px;}
#page #central #sidebarLeft{ float:left; width:210px; overflow:hidden; display:block; }
#page #central #sidebarLeft .navHeading{background:url(http://www.hr4.fi/themes/hr4/images/bgSubnavHeader.gif) no-repeat center top #414543; width:170px; padding:15px 10px 15px 30px;}
#page #central #sidebarLeft .navHeading h2{ color:#fff; text-transform:uppercase; font-size:16px; margin:0; padding:0;}
#page #central #sidebarLeft ul.nav{ list-style:none; background:url(http://www.hr4.fi/themes/hr4/images/bgSubnavBody.gif) repeat-y center top; width:180px; margin:0 0 -4px 0; padding:10px 0 0 30px; font-size:15px; font-weight:bold;}
#page #central #sidebarLeft ul.nav li{ text-decoration:none; color:#02b3c8; background:url(http://www.hr4.fi/themes/hr4/images/listItemSubnav.gif) no-repeat 0 3px; padding:0 0 0 22px; padding-bottom:6px; margin-bottom:5px; }
#page #central #sidebarLeft ul.nav li.nav-selected{text-decoration:none; background:url(http://www.hr4.fi/themes/hr4/images/listItemSubnavAct.gif) no-repeat 0 3px; padding-bottom:6px; margin-bottom:5px; }
#page #central #sidebarLeft ul.nav a{ }
#page #central #sidebarLeft ul.nav a.nav-selected { background:url(http://www.hr4.fi/themes/hr4/images/bgSubnavLine2.gif) no-repeat 0px 100%; color:#414141; padding:0 8px 5px 0;}
#page #central #sidebarLeft ul.nav a.nav-selected:hover { text-decoration:none;}
#page #central #sidebarLeft ul.nav a:hover{ background:url(http://www.hr4.fi/themes/hr4/images/bgSubnavLine2.gif) no-repeat 0px 100%; color:#414141; padding:0 8px 5px 0; text-decoration:none;}
#page #central #sidebarLeft ul.nav ul{ list-style:none; margin-left:0px; padding:0px; padding-left:16px; margin-top:16px; }
#page #central #sidebarLeft ul.nav ul li{ margin-bottom:16px; }
#page #central #sidebarLeft .navBottom{background:url(http://www.hr4.fi/themes/hr4/images/bgSubnavBottom.gif) no-repeat center top; width:210px; height:20px;}
#page #central #body{ float:left; width:480px; margin:0 20px 0 30px; overflow:hidden;}
#page #central #body-wide{ float:left; width:730px; margin:0 0 0 30px; overflow:hidden;}
#page #central #body-bottom{ clear:both; width:730px; margin:30px 0 0 240px; overflow:hidden;}
#page #central #sidebarRight{ float:left; width:230px; overflow:hidden}
#footerWrapper { width:100%; position:absolute; left:0; right:0;}
#footerWrapper #footer{background:url(http://www.hr4.fi/themes/hr4/images/bgFooter.jpg) no-repeat center top #565757; width:930px; margin:0 auto; padding:20px 20px 15px 20px; text-align:left; color:#fff; font-size:12px;}
#footerWrapper #footer #footerBottom *{ margin:0; padding:0;}
#footerWrapper #footer #footerTop{ float:left; padding:0 0 15px 0;vertical-align:top; }
#footerWrapper #footer #footerTop ul{ margin:10px 0 0 8px; padding:0;}
#footerWrapper #footer #footerTop li{background:url(http://www.hr4.fi/themes/hr4/images/listItemFooter.gif) no-repeat 0 6px; list-style:none; padding:0 0 7px 20px;}
#footerWrapper #footer .footerBox{ display:block; width:290px; float:left; margin:0 10px 0 10px;}
#footerWrapper #footer .footerBox table{ border:0; padding:0; margin:-5px 0 0 0; }
#footerWrapper #footer .footerBox td{ vertical-align:top; width:135px; padding:0 10px 0 0; margin:0;}
#footerWrapper #footer .footerBox h3 { color:#fff; border-bottom:#656666 solid 1px; font-size:14px; line-height:16px; padding:0 0 8px 10px;}
#footerWrapper #footer .footerBox p {padding:0 0 0 10px; margin:10px 0 0 0;}
#footerWrapper #footer #footerBottom{clear:both; padding:15px 30px 15px 40px; border-top:1px solid #656666; margin:0px -20px 0 -20px;}
#page #footer a{ text-decoration:none }
#page #footer span.sign-in {margin-left: 20px}
#page #footer span.powered-by { float:right; }
/* ##################### */
/* Page Elements */
/* ##################### */
.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}
/* News */
#newsList { padding-bottom:30px;}
#newsList .newsListItem {}
#newsList .time { margin-top:-10px; font-size:10px; margin-bottom:15px;}
#newsList .newsText { margin-bottom:30px;}
#newsList .newsText a { color:#000; text-decoration:none;}
#newsList .newsText span.newsLink { color:#16cadf; font-weight:bold;}
#newsHighlight {}
#newsHightlightHeading h1 { color:#565757;background:url(http://www.hr4.fi/themes/hr4/images/iconNews.png) no-repeat 0 0px; line-height:36px; padding-left:45px;}
#newsHightlightHeadingJobs h1 { color:#565757;background:url(http://www.hr4.fi/themes/hr4/images/iconJobs.gif) no-repeat 0 0px; line-height:36px; padding-left:45px;}
.newsItem { margin-left:46px; margin-bottom:30px;}
.newsItem a { text-decoration:none;}
.newsItem .newsHeading { font-size:17px; font-weight:bold;}
.newsItem span.time { font-size:10px; font-weight:normal;}
.newsItem .newsText p { margin:0; padding:0;}
.newsItem .newsText a { color:#000; text-decoration:none;}
.newsItem .newsText a.readmore { color: #16cadf; font-weight:bold; text-decoration:none;}
.newsItem .newsText a.readmore:hover {text-decoration:underline;}
.newsItem .jobsText p { margin:0; padding:0;}
.newsItem .jobsText a { color: #16cadf; font-weight:bold; text-decoration:none;}
.newsItem .jobsText a:hover {text-decoration:underline;}
/* Order NewsLetter */
#OrderNewsletter { margin-bottom:15px;}
#OrderNewsletter .OrderNewsletterTop { margin-bottom:-5px;}
#OrderNewsletter .content { background-color:#f3f3f3; padding:5px 0 5px 20px;}
#OrderNewsletter .content img {padding:5px 0 0 0;}
#OrderNewsletter .txtFieldNewsletter { width:185px; padding:0; margin:0;}
/*Order NewsLetter homepage */
#orderNewsletterHomepage {}
.orderNewsletterHeadingHomepage h1 { color:#565757;background:url(http://www.hr4.fi/themes/hr4/images/iconNewsletter.png) no-repeat 0 0px; line-height:36px; padding-left:45px; }
#orderNewsletterHomepage .content { margin-left:46px;}
#orderNewsletterHomepage .order {}
#orderNewsletterHomepage .order h2 { margin:0; padding:0;}
#orderNewsletterHomepage .order h2 a {}
/* Hover boxes */
#body-wide { position:relative; min-height:300px;}
#body-wide .box { margin-bottom:2px; width:341px;}
#body-wide .box .boxTop {background:url(http://www.hr4.fi/themes/hr4/images/HoverBoxTop.png) no-repeat 0 0px; height:9px;}
#body-wide .box .boxContent {background:url(http://www.hr4.fi/themes/hr4/images/HoverBoxContent.png) no-repeat 0 50%;}
#body-wide .box .boxContent p { margin:0; padding:0 45px 0 15px;}
#body-wide .box a { color:#565757; text-decoration:none; cursor:default;}
#body-wide .box a:hover {text-decoration:none; color:#000; cursor:default; }
#body-wide .box .boxBottom {background:url(http://www.hr4.fi/themes/hr4/images/HoverBoxBottom.png) no-repeat 0 0px; height:9px;}
#body-wide .box a.active .boxTop {background:url(http://www.hr4.fi/themes/hr4/images/HoverBoxTopAct.png) no-repeat 0 0px; height:9px; }
#body-wide .box a.active .boxContent {background:url(http://www.hr4.fi/themes/hr4/images/HoverBoxContentAct2.png) no-repeat 0 50%;}
#body-wide .box a.active .boxBottom {background:url(http://www.hr4.fi/themes/hr4/images/HoverBoxBottomAct.png) no-repeat 0 0px; height:9px;}
#body-wide .answers {width:360px; position:absolute; top:40px; right:0;}
#page #central #body-wide .answers ul { list-style:none; padding:17px 0 0 0; margin:0; }
#page #central #body-wide .answers li { margin:0 0 0 0; padding:0 0 15px 20px; background:url(http://www.hr4.fi/themes/hr4/images/listItemArrow.gif) no-repeat 3px 7px; line-height:20px; }
#body-wide .answers ul li a {padding:0 0 0 0; color:#565757; }
#body-wide .answers ul li a:hover { color:#000;}
/* Service boxes */
#serviceBoxes { clear:both;}
.serviceboxWrapper { float:left; width:230px; margin:0 13px 20px 0; font-size:11px; display:block;}
.serviceboxWrapper ul{ margin:0 0 0 15px; padding:0;}
.serviceboxWrapper li{ margin:0 0 3px 0; padding:0;}
.serviceboxWrapper p{ line-height:15px;}
.serviceboxWrapper .serviceboxTop {background:url(http://www.hr4.fi/themes/hr4/images/serviceboxBottomTop.png) no-repeat 0 0;}
.serviceboxWrapper .serviceboxContent { padding:15px 20px 0 20px; min-height:150px!important; overflow:hidden;}
.serviceboxWrapper .serviceboxContent h2{ text-transform:uppercase; color:#000; font-size:14px; line-height:16px;}
.serviceboxWrapper .serviceboxBottomClose {background:url(http://www.hr4.fi/themes/hr4/images/serviceboxBottomOpen.png) no-repeat 0 0; line-height:33px; text-align:center; }
.serviceboxWrapper .serviceboxBottomClose a { display:block;}
.serviceboxWrapper .serviceboxBottomOpen {background:url(http://www.hr4.fi/themes/hr4/images/serviceboxBottomClose.png) no-repeat 0 0; line-height:33px; text-align:center; }
.serviceboxWrapper .serviceboxBottomOpen a { display:block;}
.serviceboxWrapper .serviceboxBottomInfo { padding:10px 20px 0 20px;}
.serviceboxWrapper .serviceboxBottomInfo h3 { font-size:13px; color:#000;}
.serviceboxWrapper .serviceboxBottomInfo ul li a { background:url(http://www.hr4.fi/themes/hr4/images/listItemArrow.gif) no-repeat 0 50%; padding-left:25px;}
.serviceboxWrapper hr { clear:both; height:1px; background-color:#fff; border:0;}
/* contact boxes */
#contactBoxes { clear:both;}
#contactBoxes h1 { margin-bottom:15px;}
.contactboxWrapper { float:left; width:230px; margin:0 13px 10px 0; font-size:11px; display:block;}
.contactboxWrapper .contactboxTop {background:url(http://www.hr4.fi/themes/hr4/images/contactboxBottomTop.png) no-repeat 0 0;}
.contactboxWrapper .contactboxContent { padding:15px 20px 0 20px; min-height:170px; margin-bottom:-40px; position:relative;}
.contactboxWrapper .contactName { width:108px; margin:6px 0 4px 0;}
.contactboxWrapper .contactName p { margin:0; padding:0; line-height:15px; font-size:12px; font-weight:bold; }
.contactboxWrapper .personTitle { width:108px; margin:0 0 20px 0;}
.contactboxWrapper .personTitle p { margin:0; padding:0; line-height:15px;}
.contactboxWrapper p.infoTxt { font-style:italic;}
.contactboxWrapper .contactboxImg{z-index:2; float:right; width:104px; height:104px; position:absolute; top:-18px; right:0;}
.contactboxWrapper .contactboxContent h2{ text-transform:uppercase; color:#000; font-size:14px; line-height:16px;}
.contactboxWrapper .contactboxBottomClose {background:url(http://www.hr4.fi/themes/hr4/images/serviceboxBottomOpen.png) no-repeat 0 0; line-height:33px; text-align:center; }
.contactboxWrapper .contactboxBottomClose a { display:block;}
.contactboxWrapper .contactboxBottomOpen {background:url(http://www.hr4.fi/themes/hr4/images/serviceboxBottomClose.png) no-repeat 0 0; line-height:33px; text-align:center; }
.contactboxWrapper .contactboxBottomOpen a { display:block;}
.contactboxWrapper .contactboxBottomInfo { padding:0 20px 0 20px;}
.contactboxWrapper .contactboxBottomInfo h3 { font-size:13px; color:#000;}
.contactboxWrapper .contactboxBottomInfo ul { list-style:none; margin:0 0 0 0; padding:0;}
.contactboxWrapper .contactboxBottomInfo ul li { margin-bottom:10px;}
.contactboxWrapper .contactboxBottomInfo ul li a { background:url(http://www.hr4.fi/themes/hr4/images/listItemArrow.gif) no-repeat 0 50%; padding-left:25px;}
.contactboxWrapper hr { clear:both; height:1px; background-color:#fff; border:0;}
/* Newsletter popup */
.newsletterpopup { padding:10px 10px 0px 10px; width:230px; background-color:#fff;}
.newsletterpopup input { margin:0 0 0 -10px;}
.newsletterpopup .close { text-align:right; padding:0 0 10px 0}
/* blue rounded corner box*/
.roundcont {width: 230px; background-color:#80d8e2; color: #000; font-size:12px;}
.roundcont p {margin-left: 20px; margin-right: 20px;}
.roundcont a { color:#fff; text-decoration:underline;}
.roundcont h3 {margin: 0 20px; color:#fff;}
.roundtop { background: url(http://www.hr4.fi/themes/hr4/images/tr2.gif) no-repeat top right; }
.roundbottom {background: url(http://www.hr4.fi/themes/hr4/images/br2.gif) no-repeat top right; }
.roundcont img.corner {width: 20px; height: 20px; border: none; display: block !important;}
/* Contact form */
#contactForm {}
#contactForm .row { clear:both; margin-bottom:10px;}
#contactForm .rowSendForm { clear:both; height:31px; background: url(http://www.hr4.fi/themes/hr4/images/bgFormButtons.gif) repeat-x 0 0;}
#contactForm .row p { padding:0; margin:0 0 6px 0;}
#contactForm .leftCol { float:left; width:150px; font-weight:bold;}
#contactForm .rightCol { float:left;}
#contactForm .wideCol { clear:both; margin-bottom:6px; font-weight:bold;}
#contactForm .interrup { float:left;}
#contactForm .send { float:right; }
.formOk {width: 480px; background-color:#f3f3f3; color: #000; font-size:12px;}
.formOk p {margin-left: 20px; margin-right: 20px;}
.formOk h3 {margin: 0 20px; color:#fff;}
.formOkTop { background: url(http://www.hr4.fi/themes/hr4/images/tr4.gif) no-repeat top right; }
.formOkBottom {background: url(http://www.hr4.fi/themes/hr4/images/br4.gif) no-repeat top right; }
.formOkContent { background: url(http://www.hr4.fi/themes/hr4/images/iconOk.gif) no-repeat 10px 50%; padding:18px 10px 18px 75px; color:#000;}
.formOk img.corner {width: 20px; height: 20px; border: none; display: block !important;}
.formError {width: 480px; background-color:#dc353b; font-size:12px; margin-bottom:10px;}
.formError p {margin-left: 20px; margin-right: 20px;}
.formError h3 {margin: 0 20px; color:#fff;}
.formErrorTop { background: url(http://www.hr4.fi/themes/hr4/images/tr3.gif) no-repeat top right; }
.formErrorContent { background: url(http://www.hr4.fi/themes/hr4/images/iconError.gif) no-repeat 10px 50%; padding:18px 10px 18px 75px; color:#fff;}
.formErrorBottom {background: url(http://www.hr4.fi/themes/hr4/images/br3.gif) no-repeat top right; }
.formError img.corner {width: 20px; height: 20px; border: none; display: block !important;}
/* Highlight box */
.highlightBox {background:url(http://www.hr4.fi/themes/hr4/images/bgHighlightBox.png) no-repeat 0 0; width:230px;}
.highlightBoxContent { padding:15px 10px 0px 20px;}
.highlightBoxContent h2{ text-transform:uppercase; color:#000; font-size:14px; line-height:16px;letter-spacing:-0.5px;}
.highlightBoxContent ul { list-style:none; margin:0; padding:0;}
.highlightBoxContent ul li {background:url(http://www.hr4.fi/themes/hr4/images/listItemArrow.gif) no-repeat 0 5px; padding-left:15px; margin-bottom:10px;}
.highlightBoxBottom {background:url(http://www.hr4.fi/themes/hr4/images/bgHighlightBoxBottom.png) no-repeat 0 0; width:230px; height:16px;}
/* Linkbox */
.linkbox {background:url(http://www.hr4.fi/themes/hr4/images/bgHighlightBox.png) no-repeat 0 0; width:230px; margin:0 0 15px 0;}
.linkboxContent { padding:15px 10px 0px 20px;}
.linkbox h2 { color:#000; font-size:14px; text-transform:uppercase; letter-spacing:-0.5px; line-height:16px;}
.linkbox ul { list-style:none; margin:0; padding:0;}
.linkbox ul li {background:url(http://www.hr4.fi/themes/hr4/images/listItemArrow.gif) no-repeat 0 5px; padding-left:15px; margin-bottom:10px;}
.linkboxboxBottom {background:url(http://www.hr4.fi/themes/hr4/images/bgHighlightBoxBottom.png) no-repeat 0 0; width:230px; height:16px;}
/* Linkbox */
.customerbox {margin:0 0 20px 15px;}
.customerbox .customerboxContent { margin:10px 0 0 20px;}
/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
.noTopSpace{margin-top:0px; padding-top:0px}
/* customize_miscellaneous */ /* customize_miscellaneous */
/* ##### NEWSLETTER ###### */
body.nl { background-image:none;}
div.nl-push { height: 4em;}
#nl-page{ width:600px; text-align:left; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto 4em; }
#nl-page #header{ background:url(http://www.hr4.fi/themes/hr4/images/nl-bg-header.png) no-repeat 0 0; height:60px; position:relative;}
#nl-page #header #logo{ display:inline;}
#nl-page #header #logo img{ float:right;}
#nl-page #header-topleft { float:left; padding:5px 0 0 25px;}
#nl-page #header-topleft h1 { font-size:35px;}
#nl-page #header-topleft h1 span.white { color:#fff;}
#nl-page #header-topleft h1 span.blue { color:#16cadf;}
#nl-page #central{padding:30px 0 0 0;}
#nl-page #central h1{ margin-top:20px; }
#nl-page #central hr{ border:none; height:1px; background-color:#cccccc; margin:5px -10px 5px -10px; }
#nl-page #central ul.bulletlist { margin:0; padding:0; list-style:none;}
#nl-page #central ul.bulletlist li{background:url(http://www.hr4.fi/themes/hr4/images/listitem-bullet.png) no-repeat 0 3px; margin:0 0 7px 0px; padding:3px 0 3px 20px;}
#nl-page #central #sidebarLeft{ float:left; width:180px; padding:0 10px 0 10px; overflow:hidden; display:block; font-size:11px; }
#nl-page #central #sidebarLeft h3{ color:#333; font-size:14px; }
#nl-page #central #sidebarLeft h3 a{ color:#333; font-size:14px; }
#nl-page #central #sidebarLeft p{ line-height:16px; }
#nl-page #central #body{ float:left; width:370px; padding:0 10px 0 20px; margin-top:-15px; overflow:hidden; display:block; font-size:12px; }
#nl-page #central #body *{ line-height:18px;}
#nl-footerWrapper { width:100%; position:absolute; left:0; right:0;}
#nl-footerWrapper #footer{background:url(http://www.hr4.fi/themes/hr4/images/nl-bg-footer.png) no-repeat center top; width:580px; margin:0 auto; padding:20px 10px 15px 10px; text-align:left; color:#fff; font-size:12px;}
#nl-footerWrapper #footer #footerBottom *{ margin:0; padding:0;}
#nl-footerWrapper #footer #footerTop{ float:left; padding:0 0 15px 0;vertical-align:top; font-size:11px; }
#nl-footerWrapper #footer #footerTop ul{ margin:10px 0 0 8px; padding:0;}
#nl-footerWrapper #footer #footerTop li{background:url(http://www.hr4.fi/themes/hr4/images/listItemFooter.gif) no-repeat 0 6px; list-style:none; padding:0 0 5px 15px;}
#nl-footerWrapper #footer .footerBox{ display:block; width:170px; float:left; margin:0 15px 0 5px;}
#nl-footerWrapper #footer .footerBox table{ border:0; padding:0; margin:-8px 0 0 0; }
#nl-footerWrapper #footer .footerBox td{ vertical-align:top; padding:0 10px 0 0; margin:0; }
#nl-footerWrapper #footer .footerBox h3 { color:#fff; border-bottom:none; font-size:13px; line-height:16px; padding:0 0 5px 10px;}
#nl-footerWrapper #footer .footerBox p {padding:0 0 0 10px; margin:0px 0 0 0; line-height:14px;}
#nl-footerWrapper #footer #footerBottom{clear:both; padding:15px 30px 25px 15px; border-top:none; font-size:11px;}
#nl-footerWrapper #footer #footerBottom .left{ padding:13px 0 0 0;}