* {
  margin: 0;
  padding: 0;
}

body {
  background: #f6f6f6 url('../img/bg.png') repeat-x top;
  text-align: center;
  font-family: arial, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #636363;
  padding-bottom: 10px;
}

#container {
  position: relative;
  width: 980px;
  margin: 10px auto 0 auto;
  padding: 58px 0 0 0;
  text-align: left;
}

#logo {
  float: left;
  margin-top: -46px;
  background: url('../img/logo_eiwww.png') no-repeat;
  width: 208px;
  height: 46px;
  text-indent: -10000px;
  overflow: hidden;
}

#logo a {
  display: block;
  height: 46px;
}

#languages {
  float: right;
  margin: -58px 0 0 0;
  font-size: 11px;
  color: #c7c7c7;
}

#languages a {
  text-decoration: none;
  margin: 0 10px 0 10px;
}

#languages a:hover {
  text-decoration: underline;
}

#topnavi {
  width: 745px;
  margin-top: -38px;
  float: right;
  list-style-type: none;
}

#topnavi li {
  float: left;
  height: 38px;
  overflow: hidden;
}

#topnavi li img {
  display: block;
}

#topnavi a:hover img, #topnavi a:active img, #topnavi li.selected img {
  margin-top: -38px;
}

a {
  color: #3e9100;
}

a img {
  border: 0;
}

#sidebar {
  float: left;
  clear: left;
  width: 208px;
  margin: 30px 0 30px 0;
}

#sidebar-ee {
  float: left;
  clear: left;
  width: 208px;
  margin: 30px 0 30px 0;
}

#sidebar-ee  ul{
  background: none;
}

#sidebar-header {
  background: url('../img/sidebar-header.png') no-repeat;
  height: 25px;
  line-height: 25px;
  font-size: 12px;
  font-weight: normal;
  color: #464646;
  text-indent: 10px;
}

#content {
  width: 745px;
  float: right;
  margin: 30px 0 30px 0;
}




#front-footer {
  clear: both;
  background: url('../img/front-footer.png') no-repeat top;
  margin: 0;
  padding: 12px 12px 0 12px;
  font-size: 11px;
  color: #898989;
  zoom: 1;
}

#front-footer .table-wrapper {
  position: relative;
  background: url('../img/front-footer-table.png') no-repeat bottom;
  margin: 0 -12px 5px -12px;
  padding: 2px 20px 15px 20px;
  zoom: 1;
}

#front-footer table {
  width: 100%;
}

#front-footer td.label {
  color: #363636;
}

#front-footer a, #footer a {
  text-decoration: none;
  padding-left: 17px;
  margin-left: 6px;
  white-space: nowrap;
  display: inline;
}

#front-footer a:hover, #footer a:hover {
  text-decoration: underline;
}

#front-footer a.register, #footer a.register {
  background: url('../img/ico-register.png') no-repeat left;
}

#front-footer a.kaislanet, #footer a.kaislanet {
  background: url('../img/ico-kaislanet.png') no-repeat left;
}

#front-footer a.contact, #footer a.contact {
  background: url('../img/ico-contact.png') no-repeat left;
}

#front-footer a.feedback, #footer a.feedback {
  background: url('../img/ico-feedback.png') no-repeat left;
}


#footer {
  clear: both;
  background: url('../img/footer-sub.png') no-repeat;
  height: 39px;
  line-height: 39px;
  margin-top: 10px;
  padding: 0 12px 0 12px;
  font-size: 11px;
  color: #898989;
}

#footer p.left, #front-footer p.left {
  float: left;
}

#footer p.right, #front-footer p.right {
  float: right;
}

#front-footer_holder .front-footer-right p.right {
	width: 370px; padding-top: 20px;
}

#front-header {
  height: 320px;
}

#front-header-ee {
  height: 256px;
  background: url('../img/front_bg_ee.jpg') no-repeat;
}

#front-text-ee {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 90px;
}
#front-text-ee h1 {
  font-size: 30px;
  color: #3F9201;
}

#front-sign-left-ee {
  text-align: center;
  position: absolute;
  top: 110px;
  left: 270px;
}

#front-sign-right-ee {
  text-align: center;
  position: absolute;
  top: 110px;
  left: 570px;
}

#front-sign-right-ee a:link, #front-sign-right-ee a:visited, #front-sign-left-ee a:link, #front-sign-left-ee a:visited {
  color: #3F9201;
}

#front-sign-right-ee a:hover, #front-sign-right-ee a:active, #front-sign-left-ee a:hover, #front-sign-left-ee a:active{
  color: #636363;
}

#navi-ee #topnavi{
   background: url('../img/navi_bg_ee.gif') no-repeat; 
}

#front-header.old {
  background: url('../img/front-header.jpg') no-repeat;
}

#front-header-old {
  position: relative;
}

#front-header-old a {
  position: absolute;
  overflow: hidden;
  text-indent: -10000px;
}

#front-jobs {
  position: relative;
  background: url('../img/front-jobs.png') no-repeat;
  width: 464px;
  height: 192px;
  float: left;
  font-size: 11px;
  -moz-user-select: none;
}

#front-jobs h1 {
  margin: 5px 0 0 15px;
}

#front-jobs a.backward {
  position: absolute;
  bottom: 12px;
  left: 200px;
  width: 28px;
  height: 28px;
  background: url('../img/front-jobs-backward.png') no-repeat 50% 50%;
}

#front-jobs a.forward {
  position: absolute;
  bottom: 12px;
  right: 200px;
  width: 28px;
  height: 28px;
  background: url('../img/front-jobs-forward.png') no-repeat 50% 50%;
}

#front-jobs a.backward, #front-jobs a.forward {
  cursor: pointer;
}

#front-jobs a.disabled {
  opacity: 0.25;
  filter: alpha(opacity=25);
  cursor: default;
}

#front-jobs a.backward:hover, #front-jobs a.forward:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

#front-jobs a.disabled:hover {
  opacity: 0.25;
  filter: alpha(opacity=25);
}

#front-jobs a.show-all {
  background: url('../img/front-jobs-arrow.png') no-repeat right;
  position: absolute;
  bottom: 17px;
  right: 25px;
  color: #7d7d7d;
  text-decoration: none;
  padding-right: 12px;
}

#front-jobs a.show-all:hover {
  text-decoration: underline;
}

#front-jobs-scroller {
  position: absolute;
  top: 36px;
  left: 10px;
  width: 443px;
  height: 115px;
  overflow: hidden;
}

#front-jobs-scroller div {
  width: 10000px;
}

#front-jobs-scroller ul {
  background: url('../img/front-jobs-line.png') no-repeat 218px 0;
  width: 182px;
  height: 95px;
  float: left;
  list-style-type: none;
  padding: 12px 20px 0 20px;
  white-space: nowrap;
  overflow: hidden;
}

#front-jobs-scroller a {
  text-decoration: none;
}

#front-jobs-scroller a:hover {

  text-decoration: underline;
}




#front-lifts-left {
  background: url('../img/front-lifts-left.jpg') no-repeat;
  width: 228px;
  height: 177px;
  float: left;
}

#front-lifts-left-uusi {
  background: url('../img/vasen_korkea2.jpg') no-repeat;
  width: 228px;
  height: 400px;
  float: left;
}


#front-lifts-right {
  background: url('../img/front-lifts-right.jpg') no-repeat;
  width: 123px;
  height: 177px;
  float: left;
  padding-right: 120px;
}

#front-lifts-right-uusi {
  background: url('../img/kaislanettausta.jpg') no-repeat;
  width: 248px;
  height: 177px;
  float: left;
  padding-right: 0px;
}


#front-lifts-left-ee {
  background: url('../img/front-lifts-left_ee.jpg') no-repeat;
  width: 460px;
  height: 177px;
  float: left;
}

#front-lifts-right-ee {
  background: url('../img/front-lifts-right_ee.jpg') no-repeat;
  width: 353px;
  height: 177px;
  float: left;
  padding-right: 120px;
}


#front-lifts-right h1 {
  margin-right: -105px;
}

.front-lift {
  color: #fff;
  margin-bottom: 0;
  padding: 5px 15px 10px 15px;
}

.front-lift a {
  color: #f6f999;
}

.front-lift hr, .front-lift div.hr {
  background: url('../img/front-lifts-hr.png') no-repeat 50% 50%;
  height: 2px;
  border: 0;
  padding: 0;
  margin: 10px 0 10px 0;
}

.front-lift h1, #front-jobs h1 {
  font-size: 23px;
  line-height: 1em;
  color: #ffffff;
}

.front-lift p {
  font-size: 14px;
  line-height: 14px;
}




#sidenavi {
  background: url('../img/sidenavi-top.png') no-repeat top;
  min-height: 4px;
  list-style-type: none;
  font-size: 0;
}

#sidenavi li {
  background: url('../img/sidenavi-row.png') no-repeat bottom right;
  /*height: 25px;*/
  line-height: 25px;
  zoom: 1;
}

#sidenavi li.selected {
  background-position: top right;
}

#sidenavi a {
  display: block;
  color: #464646;
  text-decoration: none;
  padding: 0 15px 0 15px;
  font-size: 12px;
  zoom: 1;
}

#sidenavi a:hover {
  color: #609c3f;
}

#sidenavi li.selected a {
  color: #fff;
  cursor: default;
}

#sidenavi li.selected a:hover {
  color: #fff;
}

#sidenavi ul {
  background: #eee;
  padding: 0;
  border-right: 3px solid #418a3f;
  border-bottom: 1px solid #c6d1b8;
  list-style-type: none;
}

#sidenavi ul li {
  background: transparent;
}

#sidenavi ul a {
  padding: 0 10px 0 25px;
}

#sidenavi li.selected ul a {
  color: #777;
  cursor: pointer;
}

#sidenavi ul li.selected li.selected a {
  color: #222;
}

#sidenavi li.selected ul a:hover {
  color: #222;
  text-decoration: underline;
}

#sidebar .frame {
  background: url('../img/sidebar-frame.png') no-repeat bottom;
  padding: 15px 10px 15px 10px;
  font-size: 11px;
  line-height: 15px;
}

.frame2 {
  padding: 16px 10px 15px 10px;
  font-size: 11px;
  line-height: 15px;
}

.frame3 {
  padding: 16px 15px 0px 0px;
  font-size: 11px;
  line-height: 15px;
}

#sidebar .frame h1 {
  font-size: 11px;
  line-height: 15px;
}

#sidebar .frame a.play {
  float: left;
  height: 20px;
  line-height: 20px;
  background: url('../img/sidebar-frame-arrow.png') no-repeat left;
  padding-left: 20px;
  margin: 5px 0 10px 0;
}

#sidebar .frame ul {
  clear: both;
  list-style-type: none;
  margin: 10px 0 0 0;
}

#sidebar .frame li {
  background: url('../img/sidebar-list-arrow.png') no-repeat 178px 50%;
  height: 23px;
  line-height: 23px;
  font-size: 12px;
  border-top: 1px solid #d3d3d3;
  padding: 0 5px 0 5px;
}

#sidebar .frame a {
  text-decoration: none;
}

#sidebar .frame a:hover {
  text-decoration: underline;
}

#sidebar .frame li.selected {
  background: url('../img/sidenavi-row.png') no-repeat top right;
  height: 25px;
  line-height: 25px;
  border: 0;
  margin: 0 -10px 0 -10px;
  padding: 0 15px 0 15px;
}

#sidebar .frame li.selected a {
  color: #fff;
}



#content h1 {
  font-size: 36px;
  line-height: 1em;
  color: #3e9100;
}

#content h3 {
  clear: both;
  font-size: 16px;
  margin: 25px 0 10px 0;
}

#content p {
  margin: 18px 0 18px 0;
}



#jobs-header {
  background: url('../img/jobs-header-top.png') no-repeat top;
  margin: 0 0 30px 0;
  padding: 5px 15px 0 15px;
  font-size: 11px;
  line-height: 15px;
}

#jobs-header p {
  margin: 0 0 8px 0;
}

#jobs-header form {
  margin: 8px -15px 0 -15px;
  background: url('../img/jobs-header-bottom.png') no-repeat top;
  height: 44px;
  line-height: 44px;
  padding: 0 0 0 5px;
}

#jobs-header label {
  font-weight: bold;
  color: #3e9100;
  padding: 0 10px 0 10px;
}

#jobs-header select {
  font-family: arial, sans-serif;
  font-size: 11px;
  color: #636363;
}

#jobs-header input {
  position: relative;
  top: 3px;
  left: 10px;
}



table.jobs {
  width: 100%;
  border-collapse: collapse;
}

table.jobs td, table.jobs th {
  line-height: 24px;
  padding: 0 5px 0 10px;
}

table.jobs th {
  font-size: 11px;
  color: #111;
  white-space: nowrap;
  border-bottom: 1px solid #d3d3d3;
}

table.jobs td {
  border-bottom: 1px solid #d3d3d3;
  white-space: nowrap;
}

table.jobs td.description {
  background: #eee;
  font-size: 11px;
  line-height: 13px;
  border-bottom: 1px solid #d3d3d3;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 30px;
  white-space: normal;
}

table.jobs tr:hover td {
  background: #eee;
}

table.jobs a {
  text-decoration: none;
  font-weight: bold;
}

table.jobs a:hover {
  text-decoration: underline;
}

table.jobs td.legend {
  padding: 0;
  border: 0;
}

table.jobs tr:hover td.legend {
  background: transparent;
}


a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
  color: #95bf75;
}




.jobs-left {
  width: 420px;
  float: left;
}

.jobs-right {
  width: 310px;
  float: right;
}

.jobs-box {
  background: url('../img/jobs-box.png') no-repeat top;
  padding: 1px 15px 0 15px;
  font-size: 11px;
  line-height: 13px;
}

#content .jobs-box h2 {
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  margin: 0;
}

#content .jobs-box p {
  padding-bottom: 10px;
  margin: 10px 0 10px 0;
  border-bottom: 1px solid #e0e0e0;
}

.light-box {
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  margin: 1px 0 25px 0;
  padding: 15px;
}

.light-box img {
  float: left;
  margin: 18px 10px 5px 0;
}

a.special {
  background: #3e9100;
  color: #fff;
  font-size: 11px;
  padding: 2px 10px 2px 10px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}

#content ul.jobs-sectors {
  margin: 18px 0 18px 0;
  height: 30px;
  list-style-type: none;
  margin-right: -10px;
}

ul.jobs-sectors li {
  float: left;
  margin-right: 8px;
}


#content ul.tabs {
  height: 26px;
  border-bottom: 1px solid #e0e0e0;
  list-style-type: none;
  margin: 0;
}

ul.tabs li {
  background: url('../img/tabs-bg.png') no-repeat bottom right;
  float: left;
  margin-right: 5px;
  cursor: pointer;
}

ul.tabs a {
  display: block;
  background: url('../img/tabs-corner.png') no-repeat bottom left;
  padding: 0 15px 0 15px;
  line-height: 27px;
  font-size: 11px;
  font-weight: bold;
  color: #636363;
}

ul.tabs li.selected {
  background-position: top right;
}

ul.tabs li.selected a {
  background-position: top left;
}

#content .jobs-tabs-content {
  display: none;
  font-size: 11px;
  line-height: 13px;
  padding: 10px;
}

#content .jobs-tabs-content-selected {
  display: block;
}

#content .jobs-tabs-content p {
  padding-bottom: 5px;
  margin: 5px 0 5px 0;
  border-bottom: 1px solid #e0e0e0;
}

#content .jobs-news-item {
  position: relative;
  padding-left: 150px;
  font-size: 11px;
  line-height: 13px;
  margin: 15px 0 25px 0;
}

#content .jobs-news-item h3 {
  font-size: 11px;
  font-weight: bold;
  line-height: 13px;
  margin: 0;
}

#content .jobs-news-item p {
  margin: 0 0 5px 0;
}

#content .jobs-news-item img {
  position: absolute;
  top: 0;
  left: -150px;
}

html > body #content .jobs-news-item img {
  left: 0;
}

#content .jobs-news-item a {
  background: url('../img/sidebar-list-arrow.png') no-repeat left;
  padding-left: 8px;
}

.sidebar-lift {
  height: 146px;
  margin: 15px -6px 0 -2px;
  padding: 0 10px 0 10px;
  background: url('../img/sidebar-lift.png') no-repeat top left;
}

.sidebar-lift h1 {
  font-size: 12px;
  line-height: 26px;
  color: #fff;
  margin-bottom: 18px;
}

.columns {
  font-size: 11px;
  overflow: visible;
  zoom: 1;
  margin: 18px -20px 18px 0;
}

#content .columns h3 {
  margin: 5px 0 5px 0;
}

#content .columns p {
  margin: 5px 0 5px 0;
}

.column-3 {
  float: left;
  display: inline;
  width: 235px;
  min-height: 1px;
  margin-right: 20px;
}

.contact-person {
  position: relative;
  width: 185px;
  height: 80px;
  padding-left: 50px;
}

.contact-person img {
  position: absolute;
  top: 0;
  left: 0;
}

#content .contact-person h3 {
  margin: 0;
  font-size: 11px;
  color: #3e9100;
}

#content .contact-person p {
  margin: 0;
  line-height: 13px;
}

#content hr, #content div.hr {
  clear: both;
  border: 0;
  border-top: 1px solid #d3d3d3;
  margin: 18px 0 18px 0;
}

#content h3 {
  font-size: 14px;
  color: #3e9100;
}


#content ul {
  margin-left: 20px;
}

.form-field-ee {
	width: 250px;
}
.form-cell-ee {
	padding: 5px 0px;
}
.ngformError {
	color: #ff0000;
}
.form-errormessage-ee {
	display: block;
	background-color: #ff0000;
	color: #ffffff;
	padding: 10px;
	margin: 10px 0px;
	font-weight: bold;
}

.date {
	font-size: 20px;
}

.front-lifts-uusi {
  color: #000;
}

/* UUSI ETUSIVU */

body.frontpage_new {
  background: #ffffff url('../img/bg_new.png') repeat-x top;
}
.frontpage_new #front-header {
  height : auto;
}
.frontpage_new #logo {
  /* background: url('../img/logo_new.png') no-repeat 50% 50%; */
  background: url('../img/logo_eiwww.png') no-repeat 50% 50%;
}
.frontpage_new #topnavi {
  width: 601px;
}
.frontpage_new #front-footer {
  height: 110px;
  padding-top: 110px;
  background: url(/files/eilakaisla/img/city_footer.png) no-repeat 50% 0px;
}
#front-footer_holder {
  width : 980px;
  margin : 0px auto;
}
  #front-footer_left {
    float : left;
    padding-top: 10px;
    text-align: left;
    width: 590px;
  }
  
  .front-footer-right {
  	padding-top: 0px;
  }
  
  .footer-phone-rates {
  	clear: both;
  	padding-top: 8px;
  	font-style: italic;
  }
  
  .footer-phone-rates h3 {
  	font-size: 1.0em;
  }
  
    #front-footer_left h2 {
      font-size: 16px;
color: #3E9100;
margin-top: 20px;
margin-bottom: -8px;
    }
  #front-footer #badges {
    float: right;
    margin-top: 25px;
  }
#front_toplift {
  margin: 19px 0px 0px 0px;
}
.front_toplift {
  float : left;
  width : 329px;
  color : rgb(255,255,255);
}
  .front_toplift img {
    display : block;
    float : left;
    margin-right : 12px;
  }
  .front_toplift a {
    color : #ffffff;
  }
  .front_toplift a:hover {
    text-decoration : none;
  }
.front_toplift_text {
  float : left;
  width : 196px;
}
  .front_toplift h2 {
    margin : 20px 0px 0px 0px;
    font-size : 18px;
  }
  .front_toplift p {
    font-size : 12px;
    line-height : 15px;
    padding-right: 10px;
  }
.front_toplift_special {
  width : 322px;
  background: url(/files/eilakaisla/img/front_toplift_special.png) no-repeat 0px 1px;
}
.front_toplift_special .front_toplift_text {
  width : 204px;
}
.front_toplift_middle {
  width : 334px;
}
.front_toplift_last {
  width : 324px;
}
.front_toplift_last .front_toplift_text {
  width: 191px;
}
.front_section { 
  position : relative;
  width : 300px;
  float : left;
  margin : 40px 22px 0px 0px;
}
.front_section_bg {
  background : url(/files/eilakaisla/img/front_section_bg.png) no-repeat 0px 30px;
  padding : 0px 0px 0px 23px;
  min-height : 332px;
}
.front_section_middle {
  width: 290px;
}
.front_section_last {
  margin : 40px 0px 0px 0px;
  width : 290px;
}
body .front_section_last p {
  line-height : 20px;
  margin : 0px 0px 30px 0px;
}
body .front_section_last a {
  margin : 0px 0px 10px 0px;
  text-align : center;
  display : block;
}
.front_section_news p {
  margin : 0px 0px 30px 0px;
}
.front_section_news a {
  font-weight : bold;
}
.front_section h2 {
  margin : 0px 0px 25px 0px;
}
.front_section h3 {
  font-size : 14px;
  color : #636363;
}
.front_section p {
  font-size : 12px;
  color : #636363;
  line-height : 17px;
}
.front_section .front_section_time {
  font-size : 10px;
  color : #a6a8ac;
  margin : 0px;
}
#front_jobs_holder {
  width : 300px;
  height : 190px;
  overflow : hidden;
  position : relative;
}
.front_jobs {
  position : relative;
  width : 1000px;
  height : 190px;
}
.front_jobs li {
  width : 300px;
  height : 190px;
  list-style : none;
  display : block;
  float : left;
  line-height : 18px;
}
.arrow_link {
  display : block;
  float : right;
  height : 28px;
  font-size : 11px;
  color : rgb(125,125,125);
  padding : 0px 10px 0px 0px;
  line-height : 28px;
  background : url(/files/eilakaisla/img/arrow_link.png) no-repeat 100% 50%;
}
#jobs_controls {
  float : left;
}
#jobs_controls .disabled {
  opacity: 0.25;
  filter: alpha(opacity=25);
  cursor: default;
}
.jobs_forward, .jobs_backward {
  width: 28px;
  height: 28px;
  display : block;
  float : left;
  cursor : pointer;
  background: url('../img/jobs_backward.png') no-repeat 50% 50%;
}
.jobs_forward:hover, .jobs_backward:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.jobs_backward {
  background: url('../img/jobs_backward.png') no-repeat 50% 50%;
}
.jobs_forward {
  background: url('../img/jobs_forward.png') no-repeat 50% 50%;
}
#front_job_pages {
  width : 36px;
  height : 28px;
  float : left;
}
  #front_job_pages div {
    width : 12px;
    height : 28px;
    cursor : pointer;
    float : left;
  }
  #front_job_pages .active {
    background : url(/files/eilakaisla/img/ball_active.png) no-repeat 50% 50%;
  }
  #front_job_pages .passive {
    background : url(/files/eilakaisla/img/ball_passive.png) no-repeat 50% 50%;
  }