html { background: #fff url('../img/html-bg.gif') top left repeat-x; }
body { background: transparent url('../img/body-bg.png') 50% 0 repeat-y; margin: 0 !important; padding: 0 !important; }

#S24_wrapperOuterOuter{
  width: 1210px;
  margin: 0 auto !important;
}

#S24_ #torni{
  float: left; 
  margin: 0 5px 3px;
  width: 200px;
  text-align:center;
  background-color: #F0F0F0;
}


#S24_ #S24_headerWrapper a:link, #S24_ #S24_header a:link, #S24_ #S24_nav a:link, #S24_ #S24_footerNav a:link, #S24_ #S24_footer a:link { color: #336699 !important; text-decoration: none; }
#S24_ #S24_headerWrapper a:visited, #S24_ #S24_header a:visited, #S24_ #S24_footerNav a:visited, #S24_ #S24_footer a:visited { color: #82a0b4 !important; text-decoration: none; }
#S24_ #S24_headerWrapper a:hover, #S24_ #S24_header a:hover, #S24_ #S24_footerNav a:hover, #S24_ #S24_footer a:hover { text-decoration: underline; }
#S24_ #S24_headerWrapper a:active, #S24_ #S24_header a:active, #S24_ #S24_footerNav a:active, #S24_ #S24_footer a:active { color: #4aabf1 !important; }

#S24_ form { display: inline; }
  #S24_ input, #S24_ textarea, #S24_ select, #S24_ button { font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 100%; }
  #S24_ input.S24_text { border: 1px solid #e8e8e8; padding: 3px 4px !important; }

#S24_ .S24_button, #S24_ .S24_button span { background-color: transparent; background-image: url('../img/suomi24-buttons.gif'); background-repeat: no-repeat; color: #fff !important; font-size: 12px !important; height: 27px; position: relative; text-align: center; }
#S24_ .S24_button { background-position: right top; border: none; color: #fff; cursor: pointer; font-weight: bold; overflow: visible; padding: 0 2px 0 0 !important; text-transform: uppercase; }
  #S24_ .S24_button span { background-position: 0 -28px; display: block; line-height: 27px; padding: 0 5px 0 10px !important; white-space: nowrap; }
#S24_ .S24_button:hover { background-position: right -56px; text-decoration: none; }
	#S24_ .S24_button:hover span { background-position: left -84px; }
/* for chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #S24_ button.S24_button span { margin-left: -3px; top: -1px; }
}
/* for ff (and ie7) */
  #S24_ button.S24_button span, x:-moz-any-link { margin-left: -3px; top: -1px; }
/* for safari 3 (and ie6 & ie7) */
/*\*/
  html*#S24_ button.S24_button span { top: 0px; }
/**/

/* HEADER */
#S24_wrapperOuter { margin: 0 auto !important; width: 1000px; background-color: #fff; }
  #S24_wrapperInner { background-color: #fff; margin: 0 auto !important; padding: 0 10px !important; }
    #S24_headerWrapper { font-family: Arial, Helvetica, sans-serif !important; margin: 0 -10px !important; width: 1000px; }
      #S24_headerTop { background: #e3f2fe url('../img/header-top-footer-bottom.gif') left top repeat-x; clear: both; min-height: 40px; padding: 0 10px !important; text-align: left; }
       #S24_headerTop p a, #S24_headerTop li a { font-size: 12px !important; line-height: 40px; }
      #S24_header { background: url('../img/header-bg.jpg') left top no-repeat; padding: 0 0 0 10px !important; text-align: left; }
          #S24_header h1 { margin:0; }
        #S24_header .S24_text { background-color: #fff !important; background-repeat: no-repeat; background-position: 6px center; }
        #S24_headerSearch { float: left !important; padding: 23px 10px 0 0 !important; position: relative; width: 464px; }
          #S24_headerSearch .S24_first { margin-right: 6px !important; }
          #S24_headerSearch .S24_tabs {  background: url('../img/headersearch-logo-eniro.gif') 99% 1px no-repeat; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; margin: 0 0 0 8px !important; padding: 0 !important; width: 451px; }
            #S24_headerSearch .S24_tabs li { float: left !important; font-size:12px; list-style-type: none; margin: 0 !important; text-transform: uppercase; }
            #S24_headerSearch .S24_tabs a { float: left !important; font-size:12px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; line-height: 22px; padding: 0 6px !important; font-family: 'Trebuchet MS',Arial,Helvetica,sans-serif; }
            #S24_headerSearch .S24_tabs a:hover { background-color: #e3f2fe !important; text-decoration: none !important; }
            #S24_headerSearch .S24_tabs a:visited, #S24_ #wrapperOuter #wrapperInner #headerWrapper #header #headerSearch .tabs a:active { color: #336699; }
              #S24_headerSearch .S24_tabs .S24_active a, #S24_headerSearch .S24_tabs .S24_active a:hover  { background-color: #bde2fe; color: #000; }
            #S24_headerSearch .S24_searchfield { background-color: #bde2fe; clear: both !important; display: none; float: left !important; padding: 8px !important; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
            #S24_headerSearch #S24_searchWeb { display: block; }
              #S24_searchKartatText.S24_defaultText { background-image: url('../img/default_text_search_kartat.gif') !important; }
              #S24_searchHenkilotText1.S24_defaultText { background-image: url('../img/default_text_search_henkilot_1.gif') !important; }
              #S24_searchHenkilotText2.S24_defaultText { background-image: url('../img/default_text_search_henkilot_2.gif') !important; }
              #S24_searchKuvatText.S24_defaultText { background-image: url('../img/default_text_search_kuvat.gif') !important; }
              #S24_searchKeltaisetSivutText1.S24_defaultText { background-image: url('../img/default_text_search_keltaisetsivut_1.gif') !important; }
              #S24_searchKeltaisetSivutText2.S24_defaultText { background-image: url('../img/default_text_search_keltaisetsivut_2.gif') !important; }
              #S24_username.S24_defaultText { background-image: url('../img/default_text_kayttajatunnus.gif') !important; }
              #S24_password.S24_defaultText { background-image: url('../img/default_text_salasana.gif') !important; }
              #S24_headerSearch #S24_searchHenkilot .S24_text, #S24_headerSearch #S24_searchKeltaisetSivut .S24_text { width: 180px; }
            #S24_headerSearch input.S24_text { border: none !important; margin-right: 5px !important; vertical-align: middle; width: 380px; }
          #S24_headerSearch button.S24_button { vertical-align: middle; }
        #S24_headerLoginInfo { background: url('../img/header-logininfo-bg.gif') no-repeat; float: left !important; font-size: 12px; min-height: 80px; padding: 19px 0 0 12px !important; width: 314px; }
          #S24_headerLoginInfo input.S24_checkbox { vertical-align: middle; }
          #S24_headerLoginInfo .S24_firstRow input.S24_text { display: block; border:1px solid #E8E8E8; }
          #S24_headerLoginInfo .S24_firstRow .S24_button { float: left !important; }
          #S24_headerLoginInfo .S24_secondRow { padding-top: 5px !important; }
            #S24_headerLoginInfo .S24_secondRow label { margin-right: 17px !important; }
            #S24_headerLoginInfo .S24_secondRow a { font-size: 12px !important; }
          #S24_headerLoginInfo .S24_username, #S24_headerLoginInfo .S24_password { display: inline; float: left !important; margin-right: 8px !important; }
            #S24_headerLoginInfo .S24_username input.S24_text { width: 95px; }
            #S24_headerLoginInfo .S24_password input.S24_text { width: 58px; }
          #S24_headerLoginInfo .S24_loggedIn { padding: 0 10px 0 5px !important; }
          #S24_headerLoginInfo ul.S24_loggedInLinks { float: right !important; margin: 0 !important; list-style: none; padding-left: 10px;}
            #S24_headerLoginInfo ul.S24_loggedInLinks li { border-left: 1px solid #d1e1ec; float: left !important; margin: 0 0 0 8px !important; padding: 3px 0 3px 8px !important; }
          #S24_headerLoginInfo .S24_welcomeMsg { display: block; margin-bottom: 7px !important; padding: 3px 0 !important; }
          #S24_headerLoginInfo a.S24_newMail { background: url('../img/new-mail.gif') no-repeat -1px 0 !important; display: block; margin-bottom: 7px !important; padding: 1px 0 1px 30px !important; }
      #S24_headerLoginInfo .username, #S24_headerLoginInfo .password { display: inline; float: left !important; margin-right: 8px !important; }
        #S24_headerLoginInfo .username input.text { width: 95px; }
        #S24_headerLoginInfo .password input.text { width: 58px; }
        #headerLoginInfo .loggedIn { padding: 0 10px 0 5px; }
        #headerLoginInfo ul.loggedInLinks { float: right; margin: 0; }
        #headerLoginInfo ul.loggedInLinks li { border-left: 1px solid #d1e1ec; float: left; margin: 0 0 0 8px; padding: 3px 0 3px 8px; }
        #headerLoginInfo .welcomeMsg { display: block; margin-bottom: 7px; padding: 3px 0; }
        #headerLoginInfo a.newMail { background: url('../img/new-mail.gif') no-repeat -1px 0; display: block; margin-bottom: 7px; padding: 1px 0 1px 30px; }

    #S24_nav { border-bottom: 1px solid #bde2fe; height: inherit !important; margin: 0 !important; padding: 0 10px 0 10px !important; width: 980px; }
      #S24_nav ul { margin: 0 !important; padding: 0 !important; }
      #S24_nav li { border-right: 1px solid #eaf1f6; float: left !important; font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; list-style-type: none; margin: 0 !important; text-transform: uppercase; }
      #S24_nav a { float: left !important; font-size: 14px !important; font-weight: bold; line-height: 38px !important; padding: 0 8px !important; text-decoration: none; }
      #S24_nav a:hover, #S24_nav li.hover { background-color: #e3f2fe !important; text-decoration: none; }
      #S24_nav a:visited, #S24_nav a:active { color: #336699; }
      #S24_nav .S24_first { border-left: 1px solid #eaf1f6; }
      #S24_nav .S24_active { background: #c7e8ff url('../img/nav-active-bg.gif') left top repeat-x; }

/*
      #S24_nav .S24_icon { background-image: url('../img/suomi24-icons.png') !important; background-repeat: no-repeat !important; display: block; float: left !important; height: 25px; margin: 8px 5px 0 0 !important; width: 26px; }
        #S24_navKeskustelu .S24_icon { background-position: 0 -40px !important; }
        #S24_navTreffit .S24_icon { background-position: -60px -40px !important; }
        #S24_navGalleria .S24_icon { background-position: -150px -40px !important; }
        #S24_navTori .S24_icon { background-position: -90px -40px !important; }
        #S24_navChat .S24_icon { background-position: -120px -40px !important; }
        #S24_navVideot .S24_icon { background-position: -180px -40px !important; }
        #S24_navPosti .S24_icon { background-position: -30px -40px !important; }
*/
/* new icons for mina & yhteiso */
      #S24_nav .S24_icon { background-image: url('../img/suomi24-icons-new.png'); background-repeat: no-repeat; display: block; float: left; height: 25px; margin: 8px 5px 0 0; width: 26px; }
      #S24_navKeskustelu .S24_icon { background-position: 0 -40px; }
      #S24_navPosti .S24_icon { background-position: -30px -40px; }
      #S24_navTreffit .S24_icon { background-position: -60px -40px; }
      #S24_navTori .S24_icon { background-position: -90px -40px; }
      #S24_navChat .S24_icon { background-position: -120px -40px; }
      #S24_navGalleria .S24_icon { background-position: -150px -40px; }
      #S24_navVideot .S24_icon { background-position: -150px -40px; }
      #S24_navMobiili .S24_icon { background-position: -210px -40px; }
      #S24_navMina .S24_icon { background-position: -240px -40px; }
      #S24_navYhteiso .S24_icon { background-position: -180px -40px; }
        
/* FOOTER */
#S24_footerNav { background: url('../img/footer-nav-gradient.gif') 0 0 repeat-x; clear: both !important; font-family: Arial, Helvetica, sans-serif !important; margin: 0 -10px !important; padding: 15px 10px !important; }
    #S24_footerNav a.S24_advertiseLink { float: right !important; margin-top: 14px !important; }
    #S24_footerNav a { font-size: 12px !important; }
    #S24_footerNav li { margin: 0 !important; }
    #S24_footerNav .S24_nav { float:left !important; margin:14px 0 0 0 !important; list-style:none; padding:0 !important; }
    #S24_footerNav .S24_nav li { border-left: 1px solid #94c2e6; float: left !important; font-size: 12px !important; padding: 0 10px !important; text-transform: uppercase; }
    #S24_footerNav .S24_nav li a:visited, #footerNav .S24_nav li a:active { color: #336699 !important; }
    #S24_footerNav .S24_nav li.S24_bn { border: none; }
    #S24_footerNav .S24_line { background-color: #e2e3e3; clear: both; font-size: 0; height: 1px; margin: 10px 0 !important; }
#S24_footer { background: #e3f2fe url('../img/header-top-footer-bottom.gif') left top repeat-x; clear: both; margin: 0 -10px !important; min-height: 44px; padding: 0 !important; width: 1000px; }
    #S24_footer .S24_first { border: none; padding-left: 10px !important; }
    #S24_footer .S24_last { border-right: none; padding-right: 10px !important; }
    #S24_footer p, #S24_footer li { border-left: solid 1px #c7e5fe; border-right: solid 1px #ffffff; float: left !important; font-size: 12px !important; line-height: 40px; margin: 0 !important; padding: 0 10px !important; }
    #S24_footer li a { line-height: 40px; }
    #S24_footer ul { border-left: solid 1px #fff; float: right !important; list-style: none; margin: 0 !important; padding: 0 !important; }

/* fC = floatContainer, uses EasyClearing */
.S24_fC:after { content: '.'; display: block; height: 0 !important; clear: both; font-size: 0 !important; visibility: hidden; }
.S24_fC { display: inline-block; }
/* Start hide from IE/Mac */
/*\*/
.S24_fC { display: block; }
/* End hide from IE/Mac */

/* S24_headerInfo */
#S24_headerInfo p { color:#000; float:left; font-size:12px; line-height:40px; margin:0; }
#S24_headerInfo p.S24_first { border-right:1px solid #fff; padding-right:10px; }
#S24_headerInfo p.S24_last { border-left:1px solid #c7e5fe; padding-left:10px; }

/* S24_headerUtilities */
#S24_headerUtilities ul { border-left:1px solid #fff; float:right; list-style:none; margin:0; padding:0; }
#S24_headerUtilities li { border-left:1px solid #c7e5fe; border-right:1px solid #fff; float:left; margin:0; padding:0 10px; }
#S24_headerUtilities li.S24_last { border-right:none; padding-right:0; }

/* S24_themeSelector */
#S24_themeSelector { display:inline; float:right; margin-right:5px; position:relative;  }
#S24_themeSelector p, #S24_themeSelector li { border:none; float:left; line-height:40px; margin:0; padding:0; }
#S24_themeSelector ul { border:none; float:left; margin:12px 0 0 5px; padding:0; }
#S24_themeSelector li a { display:block; margin:0 5px 5px 0; padding-bottom:5px; position:relative; }
#S24_themeSelector li a img { border:solid 1px #999; }
#S24_themeSelector li a span { display:none; height:70px; left:-42px; position:absolute; text-align:center; top:20px; width:100px; z-index:1000; }
#S24_themeSelector li a:hover span { display:block; }

/* S24_*Logo */
#S24_headerLogo { background:url('../img/suomi24.gif') 0 0 no-repeat; display:block; float:left; height:64px; margin:28px 10px 0 0 !important; outline:none; padding-bottom:10px; width:170px; text-indent:-9999em; }
#S24_footerLogo { background:url('../img/suomi24.gif') 0 0 no-repeat; display:block; float:left; height:45px; margin-bottom:10px; outline:none; width:180px; text-indent:-9999em; }

/* for keskustelu */
#block-navigation-2 {
  margin-top: 10px;
}

/* for loginbox */
#S24_header #edit-name.defaultText  {
  background-image:url("../img/default_text_kayttajatunnus.gif");
}
#S24_header #edit-pass.defaultText  {
  background-image:url("../img/default_text_salasana.gif");
}
#S24_header .form-text, #S24_header .text {
  background-color: #FFFFFF;
  background-position: 6px center;
  background-repeat: no-repeat;
}

/* kesksutelu fix */
#container #S24_headerWrapper{ margin: 0 !important;}

#container .S24_button, #container .S24_button span { background-color: transparent; background-image: url('../img/suomi24-buttons.gif'); background-repeat: no-repeat; color: #fff !important; font-size: 12px !important; height: 27px; position: relative; text-align: center; }
#container .S24_button { background-position: right top; border: none; color: #fff; cursor: pointer; font-weight: bold; overflow: visible; padding: 0 2px 0 0 !important; text-transform: uppercase; }
  #container .S24_button span { background-position: 0 -28px; display: block; line-height: 27px; padding: 0 5px 0 10px !important; white-space: nowrap; }
#container .S24_button:hover { background-position: right -56px; text-decoration: none; }
	#container .S24_button:hover span { background-position: left -84px; }
/* for chrome and safari */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #container button.S24_button span { margin-left: -3px; top: -1px; }
}
/* for ff (and ie7) */
  #container button.S24_button span, x:-moz-any-link { margin-left: -3px; top: -1px; }
/* for safari 3 (and ie6 & ie7) */
/*\*/
  html*#container button.S24_button span { top: 0px; }
/**/
/*
div.bannerTop{
  margin: 0;
  padding: 10px 0;
}
*/