html{font-size:100%;}
body { background: #2169b1 url(/_layouts/images/Endero.KN2.Kuntarekry/sivu_tausta.gif) repeat-x center top; font: normal 68.8% Arial, Tahoma, "Trebuchet MS", sans-serif; color:#000; line-height:1.4em; }

html, body, form, fieldset { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address { margin: 1em 0; padding: 0; }
li, dd, blockquote {margin-left: 2em;}

form label {cursor: pointer;}
fieldset {border: none;}
input, select, textarea, table, tr, td {font-size: 1em;}
legend{color:#000; padding: 0; margin:0;  display:block;}
address { font-style: normal; margin: 0; }

.clearfix:after, .AspNet-WebPart:after, #gridSectionMain:after, #gridContent:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .clearfix, * html .AspNet-WebPart { zoom: 1; } /* IE6 */
*:first-child+html .clearfix, *:first-child+html .AspNet-WebPart, *:first-child+html #gridSectionMain, *:first-child+html #gridContent  { zoom: 1; } /* IE7 */
  
  .hidden, .togglable { display: none; } /* hidden Elements etc */
  .hide { position: absolute; left: -9999px; top: 0; }
  .sticky { position: fixed; top: 0; z-index: 10000; }
  .noMargin { margin: 0 !important; }

:link,:visited { text-decoration: none; }
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 }
a, a:link { color: #12449c; text-decoration: none; }
a:hover, a:focus { text-decoration: underline; }
a:visited { color: #027fa9; }
a img { border: 0; }
.copyRight { float: right; margin: 13px 10px 0 0; color: #323232; }
.left { float: left; }
.right { float: right; }
.remove { display: block; float: left; width: 15px; height: 15px; margin: 0 6px 0 0; background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -390px; }
    .fp .remove { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -980px; }
.unskinnedButton { border: 0; background: 0; }
.updatePanelWrapper { clear: both; }
.error { color: #F00; }

/* Page Grid */
/* Grid */
#contentWidth { margin: 0 auto; width: 1000px; }
#pageHeader { width: 1000px; margin: 0 auto; overflow: hidden; }
#contentTop { background: transparent url(/_layouts/images/Endero.KN2.Kuntarekry/sisalto_yla.png) no-repeat top left; width: 1000px; height: 14px; margin: 0; }
#content { background: #fff; width: 1000px; position: relative; z-index: 10; /*height: 1%;*/ }
#contentBottom { background: transparent url(/_layouts/images/Endero.KN2.Kuntarekry/kuvitus_alavasen.png) no-repeat bottom left; width: 1176px; height: 548px; position: relative; z-index: -1; top: -375px; left: -176px; margin: 0 -176px -548px 0; }

/* Header elements */
#logo { width: 207px; height: 57px; float: left; margin-left:17px; }
#logo img { border: 0; }
#pageHeader #support { font-size: 13px; float: right; width: 229px; /* 365px with language and mobile */ }
	#pageHeader ul.links { float: left; list-style: none; }
	#pageHeader ul.links li { float: left; padding: 0 14px 0 0; }
	#pageHeader ul.links li a { color: #fff; background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 5px; height: 25px; padding: 0 0 0 30px; display: block; }

    #pageHeader .search { float: left; }
   #pageHeader .s4-search input.ms-sbplain {  border: 0 !important; padding: 0 0 0 8px; background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -35px; height: 38px; line-height: 35px; width: 170px !important; font-size:12px; }
   #fi #pageHeader .s4-search .ms-sbgo a  { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -85px !important; height: 38px !important; width: 50px !important; border: none !important; display: block; font-size:12px; }
   #sv #pageHeader .s4-search .ms-sbgo a  { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites_sv.png) no-repeat 0 -85px !important; height: 38px !important; width: 55px !important; border: none !important; display: block; font-size:12px; } 
    
    #support .srch-gosearchimg { display: none; }
    
/* top navigation */
.horizontalBar { width: 1000px; background: url(/_layouts/images/Endero.KN2.Kuntarekry/bar_bg.png) no-repeat center left; height: 42px; }
.horizontalBarEnd { float: right; background: url(/_layouts/images/Endero.KN2.Kuntarekry/bar_bg_end.png) no-repeat center left; width: 16px; height: 42px; }
#topNavigation, #pageFooter { margin: 20px auto 11px auto; font-size: 14px;  }
#pageFooter { font-size: 12px; margin-top: 40px; }
#additionalLogos { margin: 16px auto 0 auto; width: 994px; overflow: hidden; padding-right: 6px; }
#additionalLogos a { display: block; margin: 0 0 0 25px; float: right; }

	#topNavigation .menu ul { margin: 8px 0; }
	#topNavigation .menu ul li { margin-left: 2em; }
	#topNavigation ul, #pageFooter ul { list-style: none; float: left; overflow: hidden; }
	#topNavigation ul li, #pageFooter ul li { float: left; }
	#topNavigation a { text-decoration: none; padding: 5px 0.6em 0; display: block; color: #12439c; font-weight: bold; }
	#topNavigation a:hover, #topNavigation a:focus, #topNavigation li.selected a { color: #529307; }

	#pageFooter ul { margin: 13px 0 0 1em; }
	#pageFooter li { margin: 0 0 0 1em; }
	#pageFooter a { color: #5e5e5e; border-right: 1px solid #5e5e5e; padding: 0 1em 0 0; font-weight: bold; }
    #pageFooter ul li:last-child a { border: none; }

/* Left navigation */
.customLeftNavHolder ul { list-style: none; margin: 0; }
.customLeftNavHolder ul li { margin: 0 0 0 15px; line-height: 2em; }
.customLeftNavHolder { width: 195px; float: left; margin: 29px 16px 0 0; }  
.customLeftNavHolder a { text-decoration: none; color: #323232; border-bottom: 1px solid #b5b5b5; display: block; font-size: 12px; font-weight: bold; padding: 3px 0; } 
.customLeftNavHolder a:hover, .customLeftNavHolder a.active  { color: #458101; }

/* Document path */
#documentPath { overflow: hidden; border-bottom: 1px solid #b5b5b5; font-size: 0.8em; margin: 0 0 1em 0; padding: 0 0 3px 0; }
#documentPath li, #documentPath ul { margin: 0; display: inline; }
#documentPath a { padding: 0 0.4em 0 0; }
#documentPath span  { padding: 0 0 0 0.4em; }
#documentPath .s4-breadcrumb-arrowcont { display: none; }

/* Common elements */
#sp_statusBar { width: 1000px; margin: 0 auto; }
.zoneWrap {  }
    .col1 .zoneWrap { margin-bottom: 16px; }
#taggingTools { position: absolute; right: 10px; }
.first { margin-left: 0 !important; }

.button, .clearButton { white-space: nowrap; background: url(/_layouts/images/Endero.KN2.Kuntarekry/btn_blue_bg.gif) no-repeat top left; line-height: 25px; font-weight: bold; float: left; margin: 5px 0; }
.clearButton { background: url(/_layouts/images/Endero.KN2.Kuntarekry/btn_white_bg.gif) no-repeat top left; }
.button a, .clearButton a { text-align; center; color: #fff !important; text-decoration: none; font-size: 12px; background: url(/_layouts/images/Endero.KN2.Kuntarekry/btn_blue_end_bg.gif) no-repeat top right; display: block; margin: 0 0 0 9px; line-height: 25px; padding: 0 9px 0 0; }
.clearButton a { color: #0076B2 !important; background: url(/_layouts/images/Endero.KN2.Kuntarekry/btn_white_end_bg.gif) no-repeat top right; }
.button a:hover, .clearButton a:hover { text-decoration: none; }
.button input, .clearButton input { color: #fff; font-weight: bold; font-family: arial, Sans-Serif; font-size: 12px; margin: 3px 0 0 0; }
.clearButton input { color: #0076B2; }

.email {  background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) 0 -748px; padding: 0 0 0 26px; }

.readmore a { padding: 5px 30px 10px 20px; background: url(/_layouts/images/Endero.KN2.Kuntarekry/readmore_bg.gif) no-repeat right 10px; font-size: 12px !important; margin: 10px 0 0 0; }
    
.dfwp-item { /*font-size: 1.6em !important;*/ margin: 8px 0 0 20px !important; } /* enhanced content query wp */
    .publishDate { display:block; color: #5e5e5e; }
.blog .dfwp-item, .list .dfwp-item { font-size: 12px !important; }
.blog .dfwp-item .date, .list .dfwp-item .date { color: #5e5e5e; }
.col1 h3.jobsTotal, .col1 h3.resultsTotal { font-weight: bold; font-size: 14px; margin: 0 0 15px 0; overflow: hidden; }
.col1 h3.resultsTotal { float: left; margin: 0; }
.col1 h2.searchHeader { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -138px; color: #fff; font-size: 20px; height: 25px; padding: 30px 0 0 65px; }

.slwpmarker li { margin: 0; }

a.openClose { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -830px; width: 130px; padding: 0 0 0 6px; line-height: 29px; color: #fff; font-size: 12px; display: block; float: right; margin: -4px 16px 0 0; }
    .closed { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -870px !important; }

    /* FORM elements */
    .AJSFormContent { background: url(/_layouts/images/Endero.KN2.Kuntarekry/tabbed_wp_gradient.png) no-repeat center 1px; padding-top: 20px; }
        /* Prevent "flickering" elements when first loading the page */
        .AJSFormContent select, .AJSFormContent textarea { display: none; }
        .AJSFormContent input { border: 0; }
    .JSFormContent { padding-top: 20px; }
    .AJSDataRow, .JSDataRow, .row { overflow: hidden; color: #5e5e5e; font-weight: bold; margin: 0 0 8px 0; }
    .AJSDataRow input[type=text], .JSDataRow input[type=text], .row input[type=text] { width: 200px !important; }
    .AJSDataRowWider input[type=text] { width: 425px !important; }
    .AJSDataRow label, .AJSDataRow .noAssociationLabel { display: block; float: left; width: 130px; cursor: text; }
    .AJSDataRow .cal { float:left; margin:4px 0 10px 17px; }
    .AJSDataRow .error { margin: 0 0 0 16px; }
    .AJSDataRow textarea {width:427px;border: 1px solid #CCC !important;display:block;}
    .AJSDataRowRichControl textarea { height: 140px; }
    
    .jobLocation { position: relative; z-index: 10; }
    #selectedCities, #selectedJobTypes { margin: 0 0 0 130px; list-style: none; overflow: hidden; clear: both; }
        #selectedCities li, #selectedJobTypes li { margin: 4px 0; clear: both; overflow: hidden; }
        #selectedCities li div, #selectedJobTypes li div { float: left; }
    #selectedCities.fp, #selectedJobTypes.fp { margin: 0 0 0 6px; padding: 6px 0 45px 0; color: #fff; }
    
    .jobTypeListingAnchor { display: block; float: left; width: 200px; }
        /* we re-use generated html from the dropdown-checklist jquery plugin, as this result should look the same. */
        .AJSDataRow .jobTypeListingAnchor .ui-dropdownchecklist { display: block; float: left; width: 200px; }
        .AJSDataRow .jobTypeListingAnchor .ui-dropdownchecklist-text, .JSDataRow .ui-dropdownchecklist-text { display: block; width: 200px; }
        
    /* Job types opened in a layer */
    .jobTypeListingWrapper {  position: absolute; display: none; left: 100px; z-index: 1001; }
    .jobTypeListingTop { background: url(/_layouts/images/Endero.KN2.Kuntarekry/jobselection_top_bg.png) no-repeat top left; height: 16px; width: 714px; position: relative; z-index: 1001; }
    .jobTypeListingBottom { background: url(/_layouts/images/Endero.KN2.Kuntarekry/jobselection_bottom_bg.png) no-repeat top left; height: 16px; width: 714px; position: relative; z-index: 1001; }
    .jobTypeListing { position: relative; width: 642px; background: url(/_layouts/images/Endero.KN2.Kuntarekry/jobselection_bg.png) repeat-y; padding: 0 36px 16px 36px; z-index: 1001; }
    
        /* jobsearch, limiting jobtypes */
        .jobTypeCrop .listControls { float: left; background-image:none; height:44px; width:100%; margin:16px 21px 0 0; }
            .listControls .button { float: right; margin: 0 0 0 20px; }
        .jobTypeCrop .selectLabel { color: #5e5e5e; float: left; margin-right: 6px; }
        .jobTypes { clear: both; border-top: 1px solid #b5b5b6; padding: 12px 0; }
        .jobTypes table { width: 100%; }
        .jobTypes td { vertical-align: top; }
        .jobTypes label { width: auto; float: none; font-size: 12px; }

    /* Simple job search (front page) */
    #jobSearch { width: 783px; position: relative; min-height: 188px; background: #9ed53a url(/_layouts/images/Endero.KN2.Kuntarekry/js-FpFormBg.gif) no-repeat; color: #ffffff; font-family: Arial; font-size: 12px; font-weight: bold; border-bottom: 1px solid #5fa411; margin-top: 12px; }
    #jobSearch h2.searchHeader { background: none; padding: 10px 0 0 65px;  }
    .JSDataRow { float: left; margin: 30px 10px 0 10px; }
    .JSButtonRow { overflow: hidden; margin: 20px 30px 0 10px; clear: both; width: 743px;/* margins (40px) subtracted */ position: absolute; bottom: 0; height: 40px; z-index:1000; }
    .JSDataRow .jNiceInputWrapper { background: url(/_layouts/images/Endero.KN2.Kuntarekry/fp_jobsearchtf_bg.gif) no-repeat top left; width: 238px; }
        .JSDataRow .jNiceInputInner { background: none; }
    .fp_jobSearch { clear: both; color: #fff; display: block; }
    .JSDataRow .jobTypeListingAnchor, .JSDataRow .ui-dropdownchecklist-wrapper { background:  url(/_layouts/images/Endero.KN2.Kuntarekry/fp_jobselectiondd_bg.gif) no-repeat top left; width: 238px; height: 23px; }
    .JSDataRow .ui-dropdownchecklist-text, .JSDataRow .ui-dropdownchecklist { color: #5e5e5e; background: none; }
    .fp_btnSearch { background: url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonSearchBg.gif) no-repeat top left; font: Arial, sans-serif; width:52px; height: 24px; font-weight: bold; border: 0; display: block; text-align: center; line-height:25px; color:#0076B2; float: right; padding-bottom:3px; }
    .fp_btnSearch:hover { text-decoration: none; }
    .openAdvancedSearch { cursor: pointer; background: url(/_layouts/images/Endero.KN2.Kuntarekry/fp_jobsearch_openadv_bg.gif) no-repeat top left; position: absolute; bottom: 0; z-index: 1; padding:0 0 0 10px; line-height: 27px; height: 28px; width: 209px; }
    .openAdvancedSearch span { background: url(/_layouts/images/Endero.KN2.Kuntarekry/fp_jobsearch_openadv_end_bg.gif) no-repeat top left; float: right; display: block; width: 33px; height: 29px; margin: 0 0 0 6px; }
        .opened span { background: url(/_layouts/images/Endero.KN2.Kuntarekry/fp_jobsearch_openadv_end_close_bg.gif) no-repeat top left; }
    
    .advancedSearch { border-left: 1px solid #5fa411; border-bottom: 1px solid #5fa411; border-right: 1px solid #5fa411; background:url("/_layouts/images/Endero.KN2.Kuntarekry/tabbed_wp_bottom.gif") repeat-x scroll left bottom transparent; display: none; padding: 10px; }
    
    .AJSFormContentEnd { background: url(/_layouts/images/Endero.KN2.Kuntarekry/tabbed_wp_bottom.gif) repeat-x left bottom; border-bottom: 1px solid #5fa411; height: 20px; }
    .buttonRow { margin: 16px 0; padding: 0 0 0 130px; }
    #fi .insertBtn { background: url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonBlueBg.gif) no-repeat center center; padding: 5px 0; border: 0; width: 59px; font-family: arial, Sans-Serif; font-size: 12px; color: #fff; font-weight: bold; margin: 0 10px 0 0; float: left; }
    #sv .insertBtn { background: url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonBlue_sv.png) no-repeat center center; padding: 5px 0; border: 0; width: 121px; font-family: arial, Sans-Serif; font-size: 12px; color: #fff; font-weight: bold; margin: 0 10px 0 0; float: left; }    
    .searchBtn { background: url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonBlueBg.gif) no-repeat center center; padding: 5px 0; border: 0; width: 59px; font-family: arial, Sans-Serif; font-size: 12px; color: #fff; font-weight: bold; margin: 0 10px 0 0; float: left; }
    .resetBtn { background: url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonWhiteBg.gif) no-repeat center center; padding: 5px 0; border: 0; width: 138px; font-family: arial, Sans-Serif; font-size: 12px; color: #0076b2; font-weight: bold; margin: 0 10px 0 0; float: left; }
    /*.resetBtnTemp { background: url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonWhiteBg.gif) no-repeat center center; padding: 5px 0; border: 0; width: 138px; font-family: arial, Sans-Serif; font-size: 12px; color: #0076b2; font-weight: bold; margin: 0 10px 0 0; float: left; } */
    
    #fi .newVacancyBtn { background: url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonBlue_newVacancy_fi.png) no-repeat center center; padding: 5px 0; border: 0; width: 194px; font-family: arial, Sans-Serif; font-size: 12px; color: #fff; font-weight: bold; margin: 0 10px 0 0; float: left; }
    #fi .onlineShopBtn { background: url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonBlue_onlineShop_fi.png) no-repeat center center; padding: 5px 0; border: 0; width: 127px; font-family: arial, Sans-Serif; font-size: 12px; color: #fff; font-weight: bold; margin: 0 10px 0 0; float: left; }
    #sv .newVacancyBtn { background: url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonBlue_newVacancy_sv.png) no-repeat center center; padding: 5px 0; border: 0; width: 143px; font-family: arial, Sans-Serif; font-size: 12px; color: #fff; font-weight: bold; margin: 0 10px 0 0; float: left; }
    #sv .onlineShopBtn { background: url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonBlue_onlineShop_sv.png) no-repeat center center; padding: 5px 0; border: 0; width: 121px; font-family: arial, Sans-Serif; font-size: 12px; color: #fff; font-weight: bold; margin: 0 10px 0 0; float: left; }
    
    .openJobAlertBtn { clear: both; margin: 16px 0; }
    .openJobAlert { display: none; clear: both; }
        .openJobAlert fieldset { border: 1px solid #B5B5B6; padding: 16px; }
        .openJobAlert .button { clear: both; margin: 7px 0 0 130px; }
        
    #openJobAlertMessage { margin: 16px 0 6px 130px; clear: both; }
        
        
    /* Social media controls bar */
    #shareThisPage { background: url("/_layouts/images/Endero.KN2.Kuntarekry/sprites.png") no-repeat 0 -300px; padding: 0 0 0 16px; height: 38px; margin-top:16px; }
    #shareThisPage .left, #shareThisPage .right { padding-top: 9px; }
    #shareThisPage a { display: block; float: left; margin: 0 0 0 25px; height: 21px; }
    #shareThisPage .end { background: url("/_layouts/images/Endero.KN2.Kuntarekry/sprites.png") no-repeat -794px -300px; float: right; width: 6px; height: 38px; }
    .sendToFriend { background: url("/_layouts/images/Endero.KN2.Kuntarekry/sprites.png") no-repeat 0 -747px; padding: 0 0 0 25px; margin: 0 !important; }
    .facebook { background: url("/_layouts/images/Endero.KN2.Kuntarekry/sprites.png") no-repeat 0 -775px; padding: 0 0 0 25px; }
    .youtube { background: url("/_layouts/images/Endero.KN2.Kuntarekry/sprites.png") no-repeat 0 -805px; padding: 0 0 0 25px; }
    .addthis_button { padding: 2px 6px 0 0; }
    
    /* Front page tabbed webparts*/
    .endero-wptabs { overflow: hidden; font-size: 0px; } 
    .endero-wptabs li { display: block; float: left; margin: 0; }
    .endero-wptabs a.first { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 1px -610px; width: 172px; }
    .endero-wptabs a.last { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -670px;  width: 172px; }
    .endero-webpartzone-tab-selected a.first { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -490px; width: 198px; }
    .endero-webpartzone-tab-selected a.last { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -550px; width: 198px; }
    .endero-wptabs a { color: #5e5e5e; }
    .endero-webpartzone-tab-selected a { color: #529307; }
    .endero-wptabs a, .endero-wptabs a:hover { text-decoration: none; font-weight: bold; display: block;  font-size: 12px; height: 9px; padding: 7px 0 29px 0; text-align: center;  }
    .endero-wptabs a:focus { outline: none; }
    
    .section .dfwp-column { background: url(/_layouts/images/Endero.KN2.Kuntarekry/tabbed_wp_gradient.png) no-repeat center top; padding-top: 10px; margin-top: 1px; }

    /* Result (gridview) */
    .resultContainer .resultHeader, .singleJobResultHeader { border-top: 1px solid #b5b5b6; border-bottom: 1px solid #b5b5b6; background: url(/_layouts/images/Endero.KN2.Kuntarekry/tabbed_wp_gradient.png) no-repeat center top; padding: 13px 0 9px 0; margin-bottom: 25px; }
    .resultContainer .listControls { margin: -6px 28px 0 0; float: right;  } /* .jNiceSelectWrapper has padding-right:13px; */
    .resultContainer .listControls .jNiceWrapper { margin-top: 4px; }
    .resultContainer .selectLabel { color: #5e5e5e; float: left; margin-right: 24px; padding-top: 5px; }
    .resultContainer table { border: 0 !important; border-collapse: separate !important; clear: both; }
    .resultContainer table th { background: #fff; border: 0; border-bottom: 1px solid #b5b5b5; text-align: left; font-size: 12px; padding: 0 5px; }
    .resultContainer table th a { color: #323232; }
    .resultContainer table td { padding: 6px; border: 0 !important; text-align: left; }
    .resultContainer table tr { background-color: #eef0f3; }
    .resultContainer table tr.odd { background-color: #fff; }
    
    
        /* paging */
        .resultContainer .paging a, .resultContainer .paging span { border-right: 1px solid #323232; padding-right: 15px; }
    
/* GRIDS */
#gridFrontpage { width: 1000px; min-height: 480px; }
    #gridFrontpage .col1 { width: 783px; float: left; margin: 0 31px 0 16px; } 
    #gridFrontpage .col2 { width: 154px; float: left; margin: 0 16px 16px 0; }

#gridSectionMain, #gridContent { width: 783px; min-height: 480px; float: left; }
    
    #gridSectionMain .col1, #gridContent .col1 { width: 580px; }
    #gridSectionMain .col2, #gridContent .col2 { width: 154px; margin: 0 16px 16px 33px; }

.col1 { font: 1.2em/1.4em Arial, sans-serif; color: #323232; float: left; }
.col2 { font-family: Arial, sans-serif; color: #323232; float: left; }
.col1 h1 { font: normal 1.6em/1.3em Arial, sans-serif; color: #5fa411; margin-bottom: 0.5em; }
.col1 h2 { font-weight: bold; line-height 1.6em; font-size: 1em; }
    
    .col2 .zoneWrapStart { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -200px; height: 5px; }
    .col2 .zoneWrapEnd { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -216px; height: 5px; margin: 0 0 16px 0; }
    .zoneContent .WPBottom { margin: 0; }
    .col2 .zoneContent { border-left: 1px solid #c2c1c1; border-right: 1px solid #c2c1c1; }
    .col2 .zoneContent .WPContent { padding: 0 14px; }
    .col2 .zoneContent { padding: 0; }
    .col2 .zoneContent .WPTop, .col2 .zoneContent .WPBottom, .col2 .zoneContent .WPContent { background: none; height: auto; border: 0; }
        
    .col2 .AspNet-WebPart { padding: 10px 0; }
    
    .col2 .webPartTitle { background: url(/_layouts/images/Endero.KN2.Kuntarekry/col2_header_bg.gif) no-repeat center bottom; padding-bottom: 16px; color: #e9368c; font-size: 16px !important; font-weight: normal; }
    
    .col2 p { font-size: 1em; }
        /* wrappers for 2 and 3 cols, all grids */
        .twocols {}
        .threecols {}
        
        .twocols .section { width: 370px; float: left; margin: 0 0 0 43px; padding-bottom: 20px; font-size: 1.2em !important; }
        .twocols .first { margin-left: 0; }

        .threecols .section, .twocolsnarrow .section { width: 250px; float: left; margin: 0 0 0 16px; }
        .section .AspNet-WebPart { background: url(/_layouts/images/Endero.KN2.Kuntarekry/tabbed_wp_bottom.gif) repeat-x left bottom; padding-bottom: 30px; }
        .threecols .section h3.teaser, .twocolsnarrow .section .webPartTitle { background: url(/_layouts/images/Endero.KN2.Kuntarekry/teaser_header_bg.gif) no-repeat center bottom; padding: 0 12px 15px 12px; color: #e9368c; font-size: 16px !important; font-weight: normal; margin: 0 0 4px 0; }
        .twocolsnarrow .section { margin: 0 0 0 36px;  }
        .threecols .first, .twocolsnarrow .first { margin-left: 0; }

/* Page specific styles */
    /* Front page */
    .twocols .section .link-item a { font-size: 1.2em; }
    
    /* Jobs welcome page */
    .gridJobs .col1 .WPContent { margin-bottom: 16px; }
    .gridJobs .twocolsnarrow .section { background: url(/_layouts/images/Endero.KN2.Kuntarekry/tabbed_wp_gradient.png) no-repeat 50% 60px; padding: 14px 0 20px 0; margin-left: 50px; }
    .gridJobs .twocolsnarrow .section .webPartTitle { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -920px; font-weight: bold; font-size: 12px !important; color: #fff; height: 9px; padding: 7px 0 29px 0; margin-bottom: 16px; text-align: center; }
    
    /* Jobinfo */
    .singleJobResultHeader { padding-left: 10px; padding-right: 10px; overflow: hidden; }
    .singleJobResultHeader a.back { background: url(/_layouts/images/Endero.KN2.Kuntarekry/sprites.png) no-repeat 0 -229px; padding: 0 0 0 20px; }
    
    #jobItem img { border: 0; display: block; margin: 0 0 20px 0; }
    #jobItem h2 { font-size: 20px; font-weight: normal; margin: 0 0 16px 0; }
    #jobItem h3 { font-size: 14px; margin: 0 0 16px 0; } 
        
        #jobMeta { border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; background: url(/_layouts/images/Endero.KN2.Kuntarekry/tabbed_wp_gradient.png) no-repeat center top; padding: 14px 14px 20px 0; margin: 0 0 20px 0; overflow: hidden; }
        #jobMeta table.metaCol { border-collapse:collapse; float: left; width: 49%; }
        #jobMeta table.metaCol td { width: 50%; }
        #jobMeta table.metaCol td:first-child, table.description td:first-child { font-weight: bold; vertical-align: top; padding: 0 14px; }
        
        table.description { clear: both; margin-top: 20px; }
        
        .employerInfo { float: left; width: 260px; margin: 20px 0 0 45px; background: url(/_layouts/images/Endero.KN2.Kuntarekry/tabbed_wp_bottom.gif) repeat-x left bottom; padding-bottom: 30px; }
        .employerInfo h3 { border-bottom: 5px solid #b5b5b6; margin: 0 0 20px 0; padding-bottom: 5px; }
        .employerInfo ul { list-style: none; margin-bottom: 0; }
        .employerInfo ul li { margin: 0; }
        .employerInfo ul li a:before { content:"> "; }
        
        .linkRow { margin: 30px 0 0 0; overflow: hidden; }
        .linkRow .button { float: left; }
        .linkRow .email { float: right; margin-top: 11px; }
    
/* Additional overrides, for MOSS default styles etc. */
.ms-authoringcontrols select { font-size: 10px; }
.ms-MenuUIPopupBody li { margin-left: 0 !important; }
.section .dfwp-list { margin-bottom: 10px; }

.s4-breadcrumbNode > a, .s4-breadcrumbCurrentNode > a, .s4-breadcrumbRootNode > a, span.s4-breadcrumbCurrentNode, span.s4-breadcrumbRootNode { margin-left: 0 !important; }

body #s4-ribbonrow { overflow: visible !important; }

.srch-results { padding: 0; margin-top: 16px; }

.jNiceSelectWrapper li { margin: 0; }
/* Endero.SharePoint.CarouselFeed */

.slickbox { position: relative; width: 783px; height: auto; overflow: hidden;}
    .slickbox .btn-close { position: absolute; top: 0px; left: 705px; }
    .slickbox .btn-close a { display: block; color: #ffffff; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px 15px 4px 12px; margin-top: 0px; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-btnclosebg.gif) no-repeat; }
    .slickbox .btn-close input { border: 0px; display: block; color: #ffffff; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px 15px 4px 12px; margin-top: 0px; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-btnclosebg.gif) no-repeat; }
#carousel-wrapper { float: left; width: 783px; height: auto; font-family: Arial; font-size: 12px; font-weight: bold; color: #323232; }
    #carousel-wrapper .content-area { position: relative; float: left; width: 783px; display: block; height: 161px; background: #ffffff url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-contentbg.gif) no-repeat; }
        /*#carousel-wrapper .content-area .btn-close { position: absolute; top: 1px; left: 705px; }
            #carousel-wrapper .content-area .btn-close a { display: block; color: #ffffff; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; padding: 5px 15px 4px 12px; margin-top: 0px; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-btnclosebg.gif) no-repeat; }*/
        #carousel-wrapper .content-area .text-content { float: left; width: 424px; padding-left: 26px; padding-right: 10px; }
        #carousel-wrapper .content-area .text-content a.btn-link { float: left; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-btnlinkbg.gif) no-repeat; padding: 2px 0px 7px 14px; color: #ffffff; font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; margin-top: 10px;}
            #carousel-wrapper .content-area .text-content span.btn-link-right { float: left; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-btnlinkbg-right.gif) no-repeat right 10px; padding: 0px 18px 0px 0px; }
        #carousel-wrapper .content-area .image-content { float: left; width: 323px; height: 160px; padding-top: 1px; }
    #carousel-wrapper .links-area { float: left; display: block; width: 782px; height: 34px; background: #ffffff url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-linkareabg.gif) repeat-x; border-right: solid 1px #d1d1d1; }
        #carousel-wrapper .links-area span { float: left; }
        #carousel-wrapper .links-area span:first-child { float: left; background: transparent none; border-left: solid 1px #d1d1d1; }
        #carousel-wrapper .links-area span:first-child a { background: none; }
        #carousel-wrapper .links-area span.selected { float: left; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-linkselleftbg.gif) no-repeat 0px 0px; border-left: 0px; }
        #carousel-wrapper .links-area span:first-child.selected { float: left; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-linkselleftfirstbg.gif) no-repeat 0px 0px; border-left: 0px; }
        #carousel-wrapper .links-area span a { float: left; color: #5e5e5e; font-family: Arial; font-weight: bold; text-decoration: none; padding: 10px 25px 9px 25px; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-linkbg.gif) no-repeat 0px 2px; }
        #carousel-wrapper .links-area span a.no-line { float: left; padding: 10px 25px 9px 25px; background-image: none !important; }
        #carousel-wrapper .links-area span a:first-child { float: left; }
        #carousel-wrapper .links-area span a:focus { outline: none; }
        /*#carousel-wrapper .links-area span.selected a.selected { float: left; color: #ffffff; font-family: Arial; font-weight: bold; text-decoration: none; padding: 10px 25px 9px 25px; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-linkselrightbg.gif) no-repeat right 0px; }*/
        #carousel-wrapper .links-area span.selected a { float: left; color: #529307; font-family: Arial; font-weight: bold; text-decoration: none; padding: 10px 25px 9px 25px; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-linkselrightbg.gif) no-repeat right 0px; }
        
        #carousel-wrapper .links-area .playpausebtn-area { float: right; width: 100px; padding-left: 30px; padding-right: 0px; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-linkbg.gif) no-repeat 0px 2px; }
            #carousel-wrapper .links-area .playpausebtn-area input { border: 0px; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-btnplaypausebg.gif) no-repeat 0px 1px !important; padding: 9px 0px 12px 0px !important; width: 80px; color: #0076b2 !important; font-weight: bold !important; font-family: Arial !important; }
            /*#carousel-wrapper .links-area .playpausebtn-area input { border: 0px; background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-btnplaypausebg.gif) no-repeat 0px 1px !important; padding: 9px 29px 12px 20px !important; color: #0076b2 !important; font-weight: bold !important; font-family: Arial !important; }*/
            /*#carousel-wrapper .links-area .playpausebtn-area a { background: transparent url(/_layouts/images/Endero.SharePoint/Endero.SharePoint.CarouselFeed/cf-btnplaypausebg.gif) no-repeat 0px 1px !important; padding: 9px 29px 12px 20px !important; color: #0076b2 !important; font-weight: bold !important; font-family: Arial !important; }*/
    #carousel-wrapper h2 { color: #e9368c; font-family: Arial; font-size: 24px; font-weight: normal; margin-bottom: 10px; margin-top: 12px; line-height: 28px; }

    #carousel-wrapper .btn-close { display: none; }
                 
/* Buttons */    
input.white-button { background: transparent url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonWhiteBg.gif) no-repeat; color: #0076b2; font-weight: bold; border: 0px; padding: 6px 25px 8px 19px; }
input.blue-button { background: transparent url(/_layouts/images/Endero.KN2.Kuntarekry/js-ButtonBlueBg.gif) no-repeat; color: #ffffff; font-weight: bold; border: 0px; text-transform: uppercase; padding: 6px 25px 8px 19px; }

.extended-content {
    padding: 0;
    position: relative;
    min-width: 510px;
    height: 500px;
    z-index: 1000;
    /*visibility: hidden;*/
}

/* jquery: dropdownselectitem */

.ui-dropdownchecklist {
	height: 23px;
	background: #fff url("/_layouts/Images/Endero.KN2.Kuntarekry/jnice/select_bg_left.png") no-repeat scroll left top;
}
.ui-dropdownchecklist-hover, .ui-dropdownchecklist-active {

}

.ui-dropdownchecklist-text {
	font-size: 12px;
	height: 23px;
	line-height: 20px;
	margin-left: 17px; 
    background: url("/_layouts/Images/Endero.KN2.Kuntarekry/jnice/select_bg_right.png") no-repeat scroll right top;
    padding-top:2px;
    color: #5E5E5E;
}
.ui-dropdownchecklist-dropcontainer-wrapper {
    min-width: 215px;
}

.ui-dropdownchecklist-dropcontainer {
	background-color: #fff;
	border: 1px solid #999;
}

.ui-dropdownchecklist-item {
    padding: 0 0 0 6px;    
}
.ui-dropdownchecklist-item .ui-dropdownchecklist-text {
    background: none;
}

.ui-dropdownchecklist-item-hover {
	background-color: #39f;
}

.ui-dropdownchecklist-item-disabled label {
	color: #ccc;
}

.ui-dropdownchecklist-item-hover .ui-dropdownchecklist-text {
	color: #fff;
}

.ui-dropdownchecklist-group {
	font-weight: bold;
	font-style: italic;
}

.ui-dropdownchecklist-indent {
	padding-left: 20px;
}


/* jQuery autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid #a9a9a9;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	color: #5E5E5E;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	/*background-color: #eee;*/
}

.ac_over {
	background-color: #0173bb;
	color: white !important;
}


/* Modal windows */
.modal { background: #fff; padding: 10px; }
.modal label, .modal .jNiceInputWrapper, .modal .jNiceTextareaWrapper { clear: both; float: left; }
.modal .jCheckboxWrapper { float: left; }
.modal .jCheckboxWrapper+label { clear: none; }
.modal .buttons { text-align: left; }
.modal .buttons input { background: url("/_layouts/Images/Endero.KN2.Kuntarekry/js-ButtonBlueBg.gif") no-repeat scroll center center; border: 0; color: #fff; width: 59px; height: 25px; font: bold 11px Arial, Tahoma, "Trebuchet MS", sans-serif; }