/*******************/
/*
font-family:'Neo Sans W01 Black';
font-family:'Neo Sans W10 Black';
font-family:'Neo Sans W15 Black';
font-family:'NeoSansW10-BlackItalic';
font-family:'NeoSansW01-BlackItalic';
font-family:'NeoSansW15-BlackItalic';
font-family:'Neo Sans W10 Bold';
font-family:'Neo Sans W01 Bold';
font-family:'Neo Sans W15 Bold';
font-family:'NeoSansW10-BoldItalic';
font-family:'NeoSansW01-BoldItalic';
font-family:'NeoSansW15-BoldItalic';
font-family:'Neo Sans W10 Italic';
font-family:'Neo Sans W01 Italic';
font-family:'Neo Sans W15 Italic';
font-family:'Neo Sans W01 Light';
font-family:'Neo Sans W10 Light';
font-family:'Neo Sans W15 Light';
font-family:'NeoSansW10-LightItalic';
font-family:'NeoSansW01-LightItalic';
font-family:'NeoSansW15-LightItalic';
font-family:'Neo Sans W01 Medium';
font-family:'Neo Sans W10 Medium';
font-family:'Neo Sans W15 Medium';
font-family:'NeoSansW01-MediumItalic';
font-family:'NeoSansW10-MediumItalic';
font-family:'NeoSansW15-MediumItalic';
font-family:'Neo Sans W01';
font-family:'Neo Sans W10';
font-family:'Neo Sans W15';
font-family:'Neo Sans W01 Ultra';
font-family:'Neo Sans W10 Ultra';
font-family:'Neo Sans W15 Ultra';
font-family:'NeoSansW10-UltraItalic';
font-family:'NeoSansW01-UltraItalic';
font-family:'NeoSansW15-UltraItalic';

*/
/*******************/
a:link, a:hover, a:visited, a:active
{
	color: #1d8cba;
	text-decoration: none;
}
a:hover 
{
	text-decoration: underline;
}
body
{
	background: #dcf0fa;
	font-family: Trebuchet MS, Arial, Sans-Serif;
	font-size: 13px;
}

h1, h2, h3, h4 { font-family: 'Neo Sans W01', Trebuchet MS, Arial, sans-serif; }

h1 
{
	font-size: 20px;
}
h2  
{
	font-size: 16px;
}
h3  
{
	font-size: 14px;
}
h4  
{
	font-size: 12px;
}
.block 
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #b2e1f4;
}
.formMessage
{
	clear: both;
	color: #b12548;
	font-weight: bold;
}
.formMessage .Information
{
	color:#00ab0a;
}
.formMessage div
{
	padding: 3px 0;
}
.feedLink, .sectionFeedLink
{
	margin: 0;
    position: absolute;
    top: 5px;
    right: 7px; 
}
.hidden 
{
	display: none;
}
.noValue  
{ 
	color: #555555;
}

.floatLeft { float: left; }

.clearBoth { clear: both; width: 0; height: 0; line-height: 0; overflow: hidden; }
.clearLeft { clear: left; }


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    *zoom: 1;
}


body
{
    	background: #efefef url(/Layout/Default/Image/body-topbar.png) top left repeat-x;
        text-align: center;
}


/* 2. Styles for wrappers */
div#headerWrapper,
div#contentWrapper,
div#footerWrapper
{
	width: 100%;
}

#outerWrapper
{
	width: 1345px;
    margin: 0 auto;
    text-align: left;
}
body.frontPage .SYfrontpage2014 { top: -1px; position: relative; }

div#wrapper
{
	width: 980px;
    padding: 0 20px;
    background: #FFF url(/Layout/Default/Image/body-topbar.png) top left repeat-x;
    float: left;
}
body.frontPage .SYfrontpage2014 div#Wrapper { position: absolute; top: -1px; }

div#headerWrapper { position: relative; clear: both; }

div#headerWrapper div#header
{
    position: relative;
    border-bottom: 1px solid #bababa;
    height: 175px;
}

div#header2 .headerLinks {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 32px;
    font-family: 'Neo Sans W01', Trebuchet MS, Arial, sans-serif;
}

div#header2 .headerLinks ul { margin: 0 15px; list-style-type: none; padding: 0; }
div#header2 .headerLinks ul li { float: left; margin: 0; padding: 0; color: #FFF; }
div#header2 .headerLinks ul li a { border-right: 1px solid #ccc; margin-right: 5px; padding-right: 5px; }
div#header2 .headerLinks ul li:last-child a { border-right: none; }

/* Search bar */

div#header div.searchForm { background: #fff; width: 100%; height: 31px; line-height: 31px; font-family: Trebuchet MS, Arial, sans-serif; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
div#header div.searchForm .searchFields
{
    float: right;
    margin-right: 15px; 
}
div#header div.searchForm .searchFields input[type=text] { margin-top: 2px; border-radius: 3px; border: 1px solid #ccc; line-height: 18px; height: 18px; width: 100px; padding: 0 4px 0 4px; }
div#header div.searchForm div.title
{
	display: none;
}
div.search div.fieldQueryString
{
	float: left;
    border: none;
    margin-top: 3px; 
}

div.search div.buttonSearch { margin-top: 5px; }
div.search div.buttonSearch,
div.search div.advancedSearch
{
	float: left;
	padding-left: 5px;
}



div#contentWrapper
{
	background: #FFF;
	width: 980px;
}
div#contentInnerWrapper
{
    position: relative;
}
body.frontPage .SYfrontpage2014 div#contentInnerWrapper {
float: left;
width: 100%;
}
body.frontPage .SYfrontpage2014 div#contentInnerWrapper { width: 660px; overflow: hidden; border-right: 1px solid #ccc; padding-right: 10px; }
body.frontPage .SYfrontpage2014 div#contentInnerWrapper2 { width: 300px; float: right; overflow: hidden; }

div#contentCenter
{
	width: 580px;
	/*padding-left: 20px;*/
	padding-right: 20px;
}
div#contentRight
{
	width: 380px !important;
}


/* Footer */
div#footerWrapper { padding-top: 20px; font-family: 'Neo Sans W01', Trebuchet MS, Arial, sans-serif; }
div#footerWrapper div#footer  {
    background: #fff;
    height: 31px;
    line-height: 31px;
	border-top: 1px solid #000; 
}

div#footerWrapper div#footer ul { margin: 0 15px; list-style-type: none; padding: 0; }
div#footerWrapper div#footer ul li { float: left; margin: 0 10px 0 0; padding: 0; color: #000;}
div#footerWrapper div#footer ul li a { color: #000; }
div#footerWrapper div#footer ul li:after { content: "\00A0\00A0|\00A0";}
div#footerWrapper div#footer ul li:last-child:after  { content: "";}

div#footerWrapper div#footer2  {
    background: #000;
    height: 31px;
    line-height: 31px;
    color: #FFF;
    padding: 0 15px; 
}
div#footerWrapper div#footer2 p { margin: 0; }
div#footerWrapper div#footer2 a { color: #FFF; }

#areaOrganizationNavigationWrapper
{	
	clear: both;
    text-align: center;
	margin-bottom: 32px;
}
.controlHolderAreaOrganizationNavigation
{
	width: 980px;
    margin: 0;
    font-family: 'Neo Sans W01', Trebuchet MS, Arial, sans-serif;
}
#areaOrganizationNavigationWrapper .image
{
	padding: 0;
	float: left;
    margin-right: 15px; 
}
#areaOrganizationNavigationWrapper .areaOrganizationNavigation
{
	float: right;
	padding: 4px 0 0 0;
	color: #fff;
	font-weight: bold;
}

#areaOrganizationNavigationWrapper .areaOrganizationNavigation span { display: none; }
#areaOrganizationNavigationWrapper .areaOrganizationNavigation select
{
	font-size: 13px;
	border: 1px solid #eee; border-radius: 3px; margin-top: 1px; color: #555; background: url(/Layout/Default/Image/select-arrow.png) no-repeat right #fff; 
	overflow: hidden; -webkit-appearance: none; width: 250px;
	padding: 1px;
}

/* 2.5 SubPage 2-column */

body.subPage div#contentLeft
{
	width: 220px !important;
	display: block;
    background: #e4f6fc;
    padding: 20px 0;
}
body.subPage div#contentLeft .control { clear: both; }
body.subPage div#contentCenter
{
	width: 700px !important;
	padding-left: 30px;
	padding-right: 30px;
}
body.subPage div#contentRight
{
	display: none;
}

/* 2.5 SubPage 3-column */
body.threeColumns div#contentCenter
{
	width: 505px !important;
	padding-left: 30px;
	padding-right: 30px;
}
body.threeColumns div#contentRight
{
	width: 190px !important;
	padding: 0 0 0 10px;
    position: absolute; 
    right: -190px; 
    top: -49px; 
    float: none !important;
    background: #FFF; 
    display: block; 
    height: 100%;
}
body.threeColumns div#contentInnerWrapper { 
	width: 790px;
}
body.threeColumns div#footerWrapper { position: relative; }
body.threeColumns div#footerWrapper div#footerWrapper,
body.threeColumns div#footerWrapper div#footerInnerWrapper
{
	width: 100%;
}
body.threeColumns div#contentRight
{
	font-size: 11px;
}
body.threeColumns div#contentRight .block,
body.threeColumns div#contentRight .text .content p,
.borderParagraph .content p,
p.borderParagraph
{
	margin-bottom: 5px;
	margin-top: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #b2e1f4;
}
/* Right navigation */
body.threeColumns div#contentRight .navigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
body.threeColumns div#contentRight .navigation ul li
{
	float: left;
	width: 100%;
}
body.threeColumns div#contentRight .navigation ul li.memberService a
{
	background: url(/Layout/Default/Image/member_service.png) no-repeat 113px 2px;
	padding-right: 17px;
}
body.threeColumns div#contentRight .navigation ul li a
{
	margin-bottom: 5px;
	margin-top: 0;
	padding-bottom: 5px;
	border-bottom: 1px solid #b2e1f4;
	display: block;
}
body.threeColumns div#contentRight .navigation ul li.selected a
{
	font-weight: bold;
}

/* 2.6 frontPage specific declarations + extra pages */


body.frontPage div#contentCenterLeft,
body.frontPage div#contentCenterRight
{
	width: 290px !important;
}
body.extra div#contentLeft,
body.extra div#contentRight 
{
	display: none;
}

body.extra div#contentCenter 
{
    width: 950px;
    padding: 0 15px; 
}

.carousel.grid1 { width: 320px; float: left; margin: 0 5px; }
.carousel.grid2 { width: 650px; float: left; margin: 0 5px; }
.carousel.grid3 { width: 980px; } 
.carousel.alku { margin-left: 0; clear: both; }
.carousel.loppu { margin-right: 0; }

#contentInnerWrapper2 .channelView { border-top: 1px solid #ccc; }

#contentInnerWrapper2 #frontpageCarousels div#carousel_1 { top: -10px; }

.yrittajasanomat { font-size: 13px; min-height: 265px; line-height: 18px; }
.yrittajasanomat ul { list-style-type: none; padding: 0; margin: 0; }
.yrittajasanomat ul li { padding-left: 5px; }
.yrittajasanomat img { margin-right: 5px; float: left; clear: right; }
.yrittajasanomat hr { display:none; }

/* 2.7 Section frontpages */

body.sectionFrontPage div#contentCenter
{
	width: 480px !important;
}
body.sectionFrontPage div#contentRight
{
	width: 220px !important;
	padding: 0;
	display: block;
}

/* Default settings */

body.popup 
{
	background: none;
}
body.popup div.wrapper
{
	margin: 1em;
    text-align: left; 
}

/* Member service */

body.memberService div#contentCenter 
{
	background: url(/Layout/Default/Image/member_symbol_watermark.gif) no-repeat 585px 52px;
}
body.extra.memberService div#contentCenter 
{
	background: url(/Layout/Default/Image/member_symbol_watermark.gif) no-repeat 810px 52px;
}
body.memberService div#contentCenter div.control div.title h2
{
	padding-right: 40px; /* make sure the heading doesn't cover the symbol */
}
#contentCenter div.text.memberService 
{
	/*background-color: #eef4fb;*/
	border: 1px solid #b2e1f4;
}
#contentCenter div.text.memberService .content,
#contentCenter div.text.memberService .title
{
	padding: 0 10px;
}
#contentCenter div.text.memberService .title h2
{
	padding-right: 30px;
	background: url(/Layout/Default/Image/member_symbol_watermark.gif) no-repeat right top;
}
body.frontPage #contentRight div.text.memberService .content,
body.sectionFrontPage #contentRight div.text.memberService .content
{
	/*background-color: #eef4fb;*/
	border: 1px solid #b2e1f4;
	border-top: 0;
	padding-bottom: 10px;
}
body.frontPage #contentRight div.text.memberService .content p:first-child,
body.sectionFrontPage #contentRight div.text.memberService .content p:first-child /* Doesn't work in IE6 */
{
	background: url(/Layout/Default/Image/member_symbol_watermark.gif) no-repeat right top;
	padding-right: 20px;
	margin-right: 10px;
}
body.threeColumns div#contentRight .content .memberService
{
    background: url(/Layout/Default/Image/member_service.png) no-repeat 113px 2px;
	padding-right: 17px;
}

/* Frontpage carousels */
#frontpageCarousels { display: none;  }
#frontpageCarousels h2 { margin-top: 0; }
#frontpageCarousels h2 img { margin-right: 10px; margin-bottom: 10px; }

 div.carousel { height: 160px; position: relative; overflow: hidden;  }
    div.carousel .items { clear: both; position: absolute; width: 20000em; }
    div.carousel .items .control { width: 320px; height: 160px; float: left;}
    div.carousel div.carousel-navi-wrapper { position: absolute; text-align: center; bottom: 10px; width: 320px; }
    div.carousel div.carousel-navi-wrapper div.carousel-navi { height: 20px; margin: 0 auto; }
    div.carousel div.carousel-navi-wrapper div.carousel-navi a { background: url(/Layout/Default/Image/carousel-bullet.png) no-repeat scroll 0 -11px transparent; display: block; float: left; font-size: 1px; height: 11px;  margin: 3px; width: 11px; }
    div.carousel div.carousel-navi-wrapper div.carousel-navi a:hover { background-position: 0 0; }
    div.carousel div.carousel-navi-wrapper div.carousel-navi a.active { background-position: 0 0; } 
/* 3. Default styles for controls */

div#contentCenter div.control
{
	float: left;
	width: 100%;
	clear: left;
}

div.control div.title h2
{
	margin-top: 0;
}

/* 4. Control type specific overrides */

div.navigationPath
{
	margin-bottom: 0 !important;
}

.sectionFrontPage  div.navigationPath { margin-bottom: 10px !important;  }

div.navigationPath div.content
{
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
}
div.navigationPath ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
div.navigationPath li
{
	display: inline;
}


div.navigationTop
{
    height: 33px;
	background-color: #000;
	margin-bottom: 20px;
}
div.navigationTop ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
div.navigationTop li
{
	float: left;
	padding: 0 !important;
	border: none !important;
	text-align: center;
}

div.navigationTop li a
{
    display: block;
    padding:  0;
	margin: 0;
    color: #fff;
	font-family: 'Neo Sans W01', Trebuchet MS, Arial, sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    height: 33px;
    line-height: 33px;
	width: 162.34px; /* this is set also from main.js*/
	border-right: 1px solid #fff;
}
div.navigationTop li:last-child { margin-right: 0; }
div.navigationTop li:last-child a { border-right: 0px none; }

div.navigationTop li a:hover
{
    color: #FFF;
}
div.navigationTop li.selected a
{
    background: #5ca3d7;
    color: #FFF;
}

/* Section name */
div.sectionName {
    background: #5ca3d7;
    height: 31px;
    margin-bottom: 18px;
    padding: 0 15px;
}

div.sectionName span { color: #FFF; font-size: 16px; font-weight: bold; line-height: 31px; }

/* Don't show on SY frontpage */
.frontPage div.sectionName { display: none; }

/* Left navigation */

div#contentLeft .navigation ul,
div#contentLeft .navigation ul li,
div#contentLeft .navigation ul li a
{
	margin: 0;
	padding: 0;
	list-style: none;
}
div#contentLeft .navigation ul li
{
	float: left;
	width: 100%; /* Fix ie6 */
}
div#contentLeft .navigation ul li a
{
	color: #5ca3d7;
	display: block;
	padding: 5px 10px 5px 19px;
    font-family: 'Neo Sans W01', Trebuchet MS, Arial, sans-serif;
}
div#contentLeft .navigation ul li.memberService a
{
	background: url(/Layout/Default/Image/member_service.png) no-repeat 190px 8px;
	padding-right: 20px;
}
div#contentLeft .navigation ul .selected
{
	font-weight: bold;
}
div#contentLeft .navigation ul .selected li
{
	font-weight: normal;
}
div#contentLeft .navigation .parent
{
	margin-left: 7px;
}

div#contentLeft .navigation .parent .selectedPath ul li.selectedPath
{
	font-weight: bold;
}

div#contentLeft div.navigation ul.parent li.selectedPath li
{
	background: none !important;
}

div#contentLeft div.navigation ul.children li a
{
	padding-left: 34px;
	
}
/*div#contentLeft div.navigation ul.children li.memberService a
{
	padding-right: 20px;
	background: url(/Layout/Default/Image/member_service.png) no-repeat top right !important;
}*/


/* Logo */
div#header .logo 
{
    clear: both;
    width: 313px;
    height: 94px;
    margin-left: 27px;
    margin-top: 35px;
    background: url("/Layout/Default/Image/sy-logo-transparent2.png") 0 0 no-repeat;
}
/*
.sv-FI div#header .logo 
{
    margin-top: 30px;
    height: 95px;
    background: url("/Layout/Default/Image/sy-logo-transparent-sv.png") 0 0 no-repeat;
}

.en-GB div#header .logo 
{
    margin-top: 30px;
    height: 87px;
    background: url("/Layout/Default/Image/sy-logo-transparent-en.png") 0 0 no-repeat;
    width: 294px; 
}
*/
div#header .logo a {
    display: none;
}

div#header .logo img
{
    display: none; 
}

.logoNavigation { position: absolute; top: 66px; left: 27px;  }
.logoNavigation ul { margin: 0; padding: 0; list-style-type: none; }
.logoNavigation a {
    display: block;
    width: 250px;
    height: 84px;
    text-indent: -9999px;
}

/* Aluejärjestönjen logot */
body.etelaKarjalanYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/etelakarjala.png");
}
body.etelaPohjanmaanYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/etelapohjanmaa.png");
}
body.etelaPohjanmaanYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/etelapohjanmaa.png");
}
body.etelaSavonYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/etelasavo.png");
}
body.helsinginYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/helsinki.png");
}

body.hameenYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/hame.png");
}
body.kainuunYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/kainuu.png");
}
body.keskipohjanmaanYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/keskipohjanmaa.png");
}
body.keskiSuomenYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/keskisuomi.png");
}
body.kymenYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/kymenlaakso.png");
}
body.lapinYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/lappi.png");
}
body.lansipohjanYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/lansipohja.png");
}
body.pirkanmaanYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/pirkanmaa.png");
}
body.pohjoisPohjanmaanYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/pohjoispohjanmaa.png");
}
body.paijatHameenYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/paijathame.png");
}
body.paakaupunkiseudunYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/paakaupunkiseutu.png");
}
body.rannikkoPohjanmaanYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/rannikkopohjanmaa.png");
    height: 113px;
    margin-top: 20px;
}

body.rannikkoPohjanmaanYrittajat .sv-FI div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/w_SY_kust_osterbotten_RGB_vari.png");
}

body.satakunnanYrittajat div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/satakunta.png");
}
body.savonYrittajat  div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/savo.png");
}
body.uudenmaanYrittajat  div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/uusimaa.png");
}

body.uudenmaanYrittajat  form.sv-FI div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/nyland.png");
}
body.varsinaisSuomenYrittajat  div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/varsinaissuomi.png");
}

body.porinYrittajat  div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/w_SY_pori_RGB_vari.png");
}

body.espoonYrittajat  div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/w_SY_espoo_RGB_vari.png");
}

body.vantaanYrittajat  div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/w_SY_vantaa_RGB_vari.png");
}

body.turunYrittajat  div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/w_SY_turku_RGB_vari.png");
}

/*body.kuopionYrittajat  div#header .logo
{
    background-image: url("/Layout/Default/Image/AJ/logot/kuopio.png");
}*/

 
/* Liity jäseneksi + oikea yläbanneri */

div#header .banner-right {
	position: absolute;
    right: 0;
    top: 45px;
}

div#header .liity-jaseneksi {
	position: absolute;
    left: 530px;
    top: 50px;
    width: 153px;
    height: 98px;
    padding: 5px 20px 10px 125px; 
    background: url("/Layout/Default/Image/liity-jaseneksi-bg.png") right top no-repeat;
    font-family: 'Neo Sans W01', Trebuchet MS, Arial, sans-serif;
}

.sv-FI div#header .liity-jaseneksi, .en-GB div#header .liity-jaseneksi  {
    right: 0;
    left: inherit;
}

div#header .liity-jaseneksi a {
    font-family: 'Neo Sans W01 Bold', Trebuchet MS, Arial, sans-serif; 
    text-transform: uppercase; 
    font-size: 16px;
} 

div#header .ihmiset {
    background: url("/Layout/Default/Image/liity-jaseneksi-ihmiset.png") right top no-repeat !important;
}

div#header .yrittajanpaivat {
    background: url("/Layout/Default/Image/yrittajan-paiva-2013.png") right top no-repeat !important;
    text-indent: -9999em;
    padding: 0;
    height: 113px;
    width: 298px;
}
div#header .yrittajanpaivat p { margin: 0; }
div#header .yrittajanpaivat a {
    display: block;
    height: 113px;
    width: 298px;
}

div#header .yrittajanpaivat-text {
    width: 155px;
    background: url("/Layout/Default/Image/yrittajan-paiva-2013-text.png") right top no-repeat !important;
    left: 498px;
    color: #FFF;
    padding: 5px 10px 10px 165px; 
}
div#header .yrittajanpaivat-text a {
    color: #FFF;
}

div#header .kampanja2 {
    text-indent: -9999em;
    padding: 0;
    height: 106px;
    width: 150px;
	left: 520px;
}

div#header .kampanja2-fi {
    background: url("/Layout/Default/Static/img/bg/140x100px_liity.png") right top no-repeat !important;
}

div#header .kampanja2-sv {
    background: url("/Layout/Default/Static/img/bg/303x106px_blimedlem.png") right top no-repeat !important;
    width: 303px;
}

div#header .kampanja2 p { margin: 0; }
div#header .kampanja2 a {
    display: block;
    height: 106px;
    width: 150px;
}

div#header .kampanja2-sv a {
    display: block;
    height: 106px;
    width: 303px;
}

div#header .kampanja {
    background: url("/Layout/Default/Static/img/bg/SY_videobanneri_face_300x100px.jpg") right top no-repeat !important;
    text-indent: -9999em;
    padding: 0;
    height: 106px;
    width: 313px;
	left: 667px;
}

div#header .kampanja p { margin: 0; }
div#header .kampanja a {
    display: block;
    height: 106px;
    width: 313px;
}

.sv-FI div#header .kampanja {
    background: url("/Layout/Default/Static/img/bg/JHK2013_vaihe6-sv.png") right top no-repeat !important;
}

.en-GB div#header .kampanja {
    background: url("/Layout/Default/Image/JHK2013_etusivu_englanti.png") right top no-repeat !important;
}

div#header .kampanja-text {
    width: 198px;
    background: url("/Layout/Default/Image/JHK2013_etusivu_pohja.png") right top no-repeat !important;
    left: 506px;
    color: #FFF;
    padding: 5px 10px 10px 115px; 
}
div#header .kampanja-text a {
    color: #333;
}


/* Header sivustolinkit */
div#header .header-sivustolinkit {
    position: absolute;
    right: 0;
    top: 26px;
    width: 143px;
    height: 160px;
    font-family: 'Neo Sans W01', Trebuchet MS, Arial, sans-serif;
    font-size: 16px;    
}

div#header .header-sivustolinkit ul { margin: 24px 0 0 0; padding: 0; list-style-type: none; }
    div#header .header-sivustolinkit ul li { display: block; background: #5ca3d7; color: #FFF; line-height: 31px; height: 31px; margin-bottom: 7px; padding-left: 15px; font-weight: bold; }
    div#header .header-sivustolinkit ul li a { color: #FFF; }
    /*div#header .header-sivustolinkit ul li a:after { content: "\00A0\00A0>";}*/

.sv-FI div#header .header-sivustolinkit {
    display: none;
}


/* Text & document table styles */



div.text table,
div.document table
{
	border-collapse: collapse;
}
div.text table td,
div.document table td
{
	padding: 0.2em 1em 0.2em 0;
}
div.text table td p,
div.document table td p
{
	margin: 0;
}
div.document table.withBorder
{
	border-style: solid;
	border-color: #000;
}
div.document table.withBorder td
{
	border-width: 1px;
	border-style: solid;
	border-color: #000;
}
div.text table,
div.text table td 
{
	border-color: #000;
}
div.text img[align=right] 
{
	margin: 0 0 15px 15px;
}
div.text img[align=left]
{
	margin: 0 15px 15px 0;
}
.imageBankList table 
{
	width: 100%;
}
.imageBankList table td 
{
	padding: 0 10px 10px 0;
}
table td[valign=bottom] 
{
    vertical-align: bottom;
}
table td[valign=top] 
{
    vertical-align: top;
}

.siteMap ul 
{
	margin-left: 25px;
	padding-left: 0;
}
.siteMap ul .memberService a
{
	padding-left: 17px;
	background: url(/Layout/Default/Image/member_service.png) no-repeat 0 50%;
}
.siteMap ul li.memberService ul li
{
	background: none;
}
.fileBank table td
{
	padding-right: 10px;
}
.ListPaging 
{
	padding-top: 10px;
}
/* 5. Wrapper specific overrides */

div#contentWrapper div.control
{
	padding-bottom: 10px;
	margin-bottom: 10px;
    position: relative;	
}

div#outerWrapper .hiddencontrol { float: left; width: 100%; height: 0; margin: 0; padding: 0 }

.sectionFrontPage div#contentWrapper #contentCenter div.control 
{
   padding-bottom: 0;
   margin-bottom: 0; 
}

div#contentRight div.control div.title h2
{
	margin-top: 0;
	font-size: 18px;
	font-weight:100;
}
body.subPage #contentCenter .control div.title h2,
body.extra #contentCenter .control div.title h2
{
	margin: 0 30px 20px 0;
}
body.subPage div#contentCenter div.kommentointi div.title h2,
body.subPage div#contentCenter div.discussionMessageInsert div.title h2,
body.subPage div#contentCenter div.logon div.title h2
{
	font-size: 18px;
	font-weight:100;
}

/* Section frontpage and frontpage specific control styles */

div.frontPage div.controlHolderExtra div.control, 
div.sectionFrontPage div.controlHolderExtra div.control 
{
	padding-bottom: 10px;
}
body.frontPage div#contentWrapper div.title,
body.sectionFrontPage div#contentRight div.title,
body.subPage div#contentRight div.title
{
	background: #fff;
	padding: 5px 0 5px 0;
    min-height: 22px;
	border-top: 3px solid #313133;
	border-bottom: 1px solid #cccdcf;
	text-transform: uppercase;
	margin-bottom: 5px;
}
body.frontPage div#contentWrapper div.control div.title h2,
body.sectionFrontPage div#contentRight div.control div.title h2,
body.subPage div#contentRight div.title h2
{
	margin: 0;
	color: #000;
	font-weight:100;
	font-family: 'Neo Sans W01 Light', Trebuchet MS, Arial, sans-serif; 
}
body.frontPage div#contentWrapper div.control div.title h2
{
	font-size: 20px !important;
}
body.frontPage div#contentWrapper div.control div.title h2 a,
body.sectionFrontPage div#contentRight div.control div.title h2 a,
body.subPage div#contentRight div.control div.title h2 a
{
	color: #313133;
}
/*body.frontPage div#contentWrapper div.control div.content,*/
body.sectionFrontPage div#contentRight div.control div.content,
body.subPage div#contentRight div.control div.content
{
	padding: 10px 0 0 10px;
}
body.frontPage div#contentWrapper div.control div.function { 
	padding-left: 0; padding-right: 0;
}
/*body.frontPage div#contentWrapper div.control div.function,*/
body.sectionFrontPage div#contentRight div.control div.function,
body.subPage div#contentRight div.control div.function
{
	padding: 0 10px;
}
body.frontPage div#contentWrapper div.image div.content,
body.sectionFrontPage div#contentRight div.image div.content,
div.documentBody div.content
{
	padding: 0 !important;
}
body.frontPage div#contentWrapper div.frontpageNews div.function { padding-left: 0px; padding-right: 0; }

div#contentCenter div.control div.title h2
{
	font-size: 34px;
    font-family: 'Neo Sans W01 Medium', Trebuchet MS, Arial, Sans-Serif;
}
body.frontPage div#contentCenter div.control div.title h2 { 
    font-family: 'Neo Sans W01 Thin', Trebuchet MS, Arial, Sans-Serif;
}

/* Search form */

div#contentCenter div.searchResult table
{
	width: 100%;
}
div#contentCenter div.searchResult div.fieldSet 
{
    float: left;
    padding-right: 7px;
}
div#contentCenter div.searchResult div.label 
{
    font-weight: bold;
    padding-bottom: 2px;
}
div#contentCenter div.searchResult div.field 
{
    float: left;
}
div#contentCenter div.searchResult div.buttonSearch 
{
    padding-top: 17px;
    padding-left: 0;
}
div#contentCenter div.searchResult div.fieldSetSearchFilters 
{
    clear: left;
    padding-top: 20px;
    width: 100%;
}
div#contentCenter div.searchResult ul.searchFilters
{
    list-style: none;
    padding: 0;
    margin: 0;
}
div#contentCenter div.searchResult ul.searchFilters li
{
    float: left;
    padding-right: 10px;
    margin-right: 10px;
    border-right: 1px solid #1AA4DD;
}
div#contentCenter div.searchResult ul.searchFilters li.lastItem
{
    border-right: none;
    margin-right: 0;
    padding-right: 0;
}
div#contentCenter div.searchResult ul.searchFilters a.selected
{
    color: #000;
}

div#contentCenter div.searchResult div.block.memberService
{
	background: url(/Layout/Default/Image/member_symbol_watermark.gif) no-repeat left top;
	padding-left: 30px;
	border: none;
	border-bottom: 1px solid #B2E1F4;
}

body.english div.search div.fieldQueryString
{
	width: 140px;
}
div.search div.searchForm div.content div.advancedSearch
{
	padding-top: 3px;
}
div.search div.searchResultsWrapper
{
	width: 100%;
	float: left;
	clear: left;
	padding-top: 25px;
}
div.search div.navigationPath,
div.search div.labelModificationTime
{
	font-style: italic;
	font-size: 11px;
	margin-bottom: 0 !important;
	padding-bottom: 0;
}
div.search div.labelModificationTime
{
	margin-top: 5px;
	display:none;
}
div.search h4
{
	margin: 5px 0;
}
/* Announcement Group */

div.announcementGroup .publishingTime
{
	color: #666666;
}

div.announcementGroupFirstAnnouncement .firstAnnouncement
{
	padding-bottom: 1em;
}
div.announcementGroupFirstAnnouncement .firstAnnouncement h1
{
	margin: 0.3em 0;
}
div.announcementGroupFirstAnnouncement .firstAnnouncement h2
{
	margin: 3px 0 10px 0;
}
div.announcementGroupFirstAnnouncement .firstAnnouncement .firstAnnouncementImage img
{
	float: right;
	padding: 0 0 10px 50px;
}
body.sectionFrontPage div.announcementGroupFirstAnnouncement .firstAnnouncement .firstAnnouncementImage img
{
	padding: 0 0 10px 20px; /* narrow version */
}
div.announcementGroup .announcement
{
	padding-bottom: 0.5em;
}
div.announcementGroup .announcement .publishingTime
{
	float: left;
	width: 5em;
}
div.announcementGroup .announcement .hyperLinkTitle
{
	margin-left: 6em;
	font-weight: normal;
}

div.yrittajatiedotteet .content .announcement:first-child .hyperLinkTitle a
{
    font-size: 15px; 
	font-weight: bold;
}

div.announcementArchive table td 
{
	padding: 0.2em 1em 0.2em 0;
}

div#contentCenterLeft div.announcementGroup .announcement,
div#contentCenterRight div.announcementGroup .announcement
{
	padding-bottom: 0.5em;
}
div#contentCenterLeft div.announcementGroup .announcement .publishingTime,
div#contentCenterRight div.announcementGroup .announcement .publishingTime
{
	float: none;
}
div#contentCenterLeft div.announcementGroup .announcement .hyperLinkTitle,
div#contentCenterRight div.announcementGroup .announcement .hyperLinkTitle
{
	font-size: 16px;
	font-weight: bold;
	margin: 3px 0 10px 0;
}

.annoucementbanner { border-bottom: 1px solid #ccc; }

div#contentCenter .announcementYearSelector ul 
{
	padding: 0;
	margin: 0;
}
div#contentCenter .announcementYearSelector li 
{
	float: left;
	padding: 0 7px 0 0;
	margin: 0 7px 0 0;
	border-right: 1px solid #000;
	list-style: none;
}
div#contentCenter .announcementYearSelector li.selected a
{
	color: #000;
}

div.dateTop .feedLink
{
	float: none;
	margin-bottom:8px;
}

.feedLink a img {
	padding-top: 5px;
}

div.dateTop .announcement .publishingTime
{
	float: none;
}

div.dateTop .announcement .hyperLinkTitle
{
	margin: 0 0 8px 0;
}

/* announcement */
.announcement .announcementContent
{
	margin-bottom:30px;
}
.announcement img { padding: 5px; }

/* Discussion related */

div.discussionMessage .listMessages
{
	width: 100%;
}
div.discussionMessage .messageTitle
{
	font-weight: bold;
}

div.discussionMessage .messageBody
{
	margin-top: 10px;
	padding: 0 5px;
}
div.discussionMessage .block 
{
	border-bottom-color: #d3d3d3 !important;
	border-top: 1px solid #d3d3d3;
	padding-top: 1px;
}
div.discussionMessage .messageTitle,
div.discussionMessage .messageMetaData
{
	background-color: #ececec;
	padding: 3px 5px;
}
div.kommentointi div.title h2
{
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}

/* Blog related */

.frontpageblog { clear: both; margin-bottom: 10px; }
.frontpageblog ul { float: left; width: 100%; line-height: 12px; border-bottom: 1px solid #ccc; padding: 7px 0 10px 0; list-style-type: none; margin: 0; margin-bottom: 20px; }
.frontpageblog ul li { float: left; border-right: 1px solid #ccc; margin-right: 5px; padding-right: 5px; font-family: 'Neo Sans W01', Trebuchet MS, Arial, Sans-Serif; }
.frontpageblog ul li:last-child { border-right: none; }
.frontpageblog div.content { width: 100%; float: left; }
.frontpageblog div.content div.blogitem { width: 310px; float: left; height: 175px; margin-bottom: 20px; margin-right: 20px; padding-right: 10px; background-color: #fec52d; overflow: hidden; }
.frontpageblog div.content div.blogitem:nth-child(odd) { margin-right: 0; }
.frontpageblog div.content div h3 { font-size: 14px; color: #57565b; margin-top: 0; padding-top: 0px; line-height: 20px; }
.frontpageblog div.content div h3 img { width: 140px; height: 175px; float: left; margin-right: 10px; margin-bottom: 5px; }
.frontpageblog div.content div h3 span { font-family: 'Neo Sans W01 Light', Trebuchet MS, Arial, sans-serif; margin-top: 20px; display: inline-block; width: 160px; }
.frontpageblog div.sponsored { background-image: url(/Layout/Default/Image/blogsponsored_bg.png); background-position: 220px 0px; background-repeat: no-repeat; }
.frontpageblog div.content div a { font-family: 'Neo Sans W01 Medium', Trebuchet MS, Arial, sans-serif; font-size: 21px; color: #414144; line-height: 25px; padding: 10px 10px 10px 0; }
body.frontPage .sponsoredblogs { clear: left; display: none; }

div.blog .title h2 { font-size: 20px !important; }
div.blog .content .post .title h3 { font-size: 30px !important; }

div.blog .messageCount 
{
	margin-top: 10px;
}
div.blog .listThreads .block 
{
	border-top: none;
	padding-top: 0;
}
div.blog .listMessages 
{
	clear: left;
}
div.blog div.content .messageIndex0,
div.blog div.content .messageIndex0 .messageTitle,
div.blog div.content .messageIndex0 .messageBody,
div.blog div.content .messageIndex0 .messageMetaData
{
	background: none;
	padding: 0;
	border: none;
}
div.blog div.content .messageIndex0 
{
	padding-bottom: 20px;
}
div.blog div.content .messageIndex0 .messageTitle
{
	font-size: 16px;
	margin-bottom: 5px;
}
div.blog div.content .messageNavigation
{
	width: 100%;
	float: left;
	clear: both;
	padding-bottom: 10px;
}
div.blog div.content .messageNavigation .hyperLinkPreviousThread,
div.blog div.content .messageNavigation .hyperLinkNextThread
{
	width: 49%;
	float: left;
}
div.blog div.content .messageNavigation .hyperLinkNextThread
{
	float: right;
	text-align: right;
}

/* Image Bank */

.imageBankImageFolderList table
{
	width: 100%;
}
.imageBankImageFolderList div.image
{
	padding: 0 20px 20px 0;
}
.imageBankImageFolderDetail .imageDetails
{
	float: left;
	padding-top: 10px;
}
.imageBankImageFolderDetail .image {
	float: left;
}
.imageBankImageFolderDetail .label 
{
	font-weight: bold;
	float: left;
	clear: left;
	width: 17em;
}
.imageBankImageFolderDetail .value
{
	margin-left: 18em;
}
.imageBankImageFolderDetail .function
{
	clear: left;
	padding: 10px 0;
	font-size: 20px;
}
.imageBankImageFolderDetail .folderDescription,
.imageBankImageFolderDetail .description
{
	margin-bottom: 10px;
}
/* Laskurit (alennuslaskuri & palkkalaskuri) */

.laskuri .tablebg
{
	background-color:#f6f6f6; 
	border: 1px solid #e0e0e0 !important;
}
.laskuri table td 
{
	padding: 3px 5px !important;
	vertical-align: middle;
}
.laskuri .readonlyinputtext
{
	background: #f6f6f6;
	border: 0;
}
.laskuri .readonlyinputboldtext
{
	background: #f6f6f6;
	border: 0;
	font-weight: bold;
}
.laskuri .errorBox
{
	border: 1px solid red;
	background-color: #ffaaaa;
	display: none;
}
.laskuri .errorBox h1
{
	color: Red;
}

/* Calendar */


div.eventListing .calendarNoEvents
{
    font-style: italic;
}
div.eventListing table
{
	width: 100%;
}
/*div.eventListing div.comingcalendarEvent
{
    color: black;
}*/
div.eventListing .eventTime 
{
    font-weight: bold;
}
div.eventListing .calendarName 
{
    display: block;
    font-weight: bold;
}
div.eventListing .calendarTitle
{
    font-weight: bold;
}
div.eventListing .calendarMonthHeader
{
	font-weight: bold;
}
div.eventListing .eventTitle
{
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}

div.eventView .calendarSignUp 
{
	margin: 10px 0;
	font-weight: bold;
}
div.eventView .eventTime 
{
	font-style: italic;
}
div.eventView .eventAttachmentFile 
{
    margin:20px 0;
}
div.eventView span.label
{
    font-style:italic;
    font-weight:bold;
}

/* ******* ENROLLMENT ******* */

div.enroll div.fieldSet
{
	clear:both;
	width:575px;
	margin-bottom:10px;
}

div.enroll div.function
{
	clear:both;
	margin-top:10px;
}

div.enroll div.fieldSet div.label
{
	float:left;
	width:150px;
	padding-top:4px;
}

div.enroll div.fieldSet div.input
{
	float:left;
	width:400px;
	margin-bottom:15px;
}

div.enroll div.fieldSet div.input input
{
	width:250px;
	margin:0;
	padding:2px;
}

div.enroll div.fieldSet div.radio input
{
	width:auto;
	margin:0 2px 0 8px;
}

div.enroll div.subtitle
{
	clear:both;
	border-top:solid 1px #b2e1f4;
	border-bottom:solid 1px #b2e1f4;
	margin:10px 0 10px 0;
}

div.enroll div.subtitle h2
{
	margin:6px 0 6px 0;
	padding:0;
}

div.enroll div.formMessage
{
	margin-top:10px;
}

.enroll .Information  
{
    color:#e49218;
    font-size:16px;
}



/* Custom Forms */

div.customFormView table
{
	border-collapse: collapse;
	margin-bottom: 10px;
}

div.customFormView table td 
{
	padding: 3px 0;
}
div.customFormView table td.lbl
{
	padding: 6px 10px 3px 0;
}
div.customFormView table td hr
{
	display: none;
}
div.customFormView h2
{
    padding-left: 5px;
	background-color: #231f20;
    color: white;
}
div.customFormView .title
{
	background-color: #231f20;
}
div.customFormView 
{
    background-color: #f4f4f4;
}
div.customFormView td.lbl, td.field
{
    border-top: 1px dotted gray;
}
div.customFormView input[type=submit]
{
    clear: both;
    float: right;
    color: #fff;
    background: #000;
    border-radius: 0px;
    border: 1px solid #000;
}
table.customFormTable 
{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
}
/* Polls */

div.poll .question 
{
	width: 28%;
	float: left;
	clear: left;
	font-weight: bold;
}
div.poll .imageAnswerBar 
{
	margin-left: 30%;
}
div.poll .imageAnswerBar img
{
	float: left;
	margin-right: 5px;
	min-width: 1px;
}

div.poll .fieldQuestionQuestion
{
	margin-bottom: 10px;
	font-weight: bold;
}
div.poll .sectionExplanation,
div.poll .sectionTopicLink
{
	margin: 10px 0;
}
div.questionAnswered .sectionAnswer
{
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

/* Banners */

div#bannerTop
{
	background: #fff;
    margin: 0 auto;
}
div#bannerTop .control
{
    padding: 10px 0; 
}

div#bannerTop img,
div#bannerTop object
{
	/* border-bottom: 10px solid #fff !important; */
	border-bottom: 0; /* For IE6 */
	display: block;
}
div#bannerTop img[src*="1x1.gif"]
{
	/* Hide "margin" for empty banners */
	border-bottom: none;
	display: none;
}
body.threeColumns div#bannerRight 
{
    width: 140px;
    /*position: absolute;
    left: 1250px;
    margin-left: 0;*/
	margin-left: 10px;
}
body.threeColumns div#contentWrapper div#contentRight div.control { float: left; }
div#bannerRight 
{
	width: 140px;
	margin-left: 10px;
	margin-top: 32px;
    float: left; 
    position: inherit;
}
.SYfrontpage2014 div#bannerRight { margin-top: 40px; }

div#bannerRight .content
{
	padding-bottom: 10px;
}
div#bannerFooter
{
	padding-left: 65px;
}
div#bannerFooter img
{
	padding-bottom: 0;
}

/* Logon related */

.logon { line-height: 31px; padding-right: 10px; padding-left: 260px; }

.logon .buttonLogOn,
.logon .buttonLogOff
{
	height: 25px;
	padding-left: 3px;
	margin-top: 1px;
	float: left;
    padding-top: 4px;
}
.logon .buttonLogOn input,
.logon .buttonLogOff input,
.search .buttonSearch input
{
    background: #f19048;
    border: 2px solid;
    border-radius: 3px;
	
	color: #fff;
	border: 0;
	font-size: 13px;
	text-transform: uppercase;	
	cursor: pointer;
	font-family: 'Neo Sans W01', Trebuchet MS, Arial, sans-serif;
}
.search .buttonSearch input { 
	height: 20px;
}
.logon .buttonLogOn input,
.logon .buttonLogOff input
{ 
	height: 21px;
}
.logon .buttonLogOn input:hover,
.logon .buttonLogOff input:hover,
.search .buttonSearch input:hover { background: #f19048; }

.logon div.logonTitle
{
	float: left;
	font-weight: bold;
    color: #FFFFFF;
}

#contentCenter .logon div.logonTitle
{
    color: #000;
}
.logon .fieldLoginName,
.logon .fieldLoginPassword
{
	float: left;
	padding-left: 7px;
    height: 31px;
}
.logon .labelWelcomeTextTitle
{
	float: left;
	margin-right: 7px;
    color: #FFF;
}
.logon .modifyDetails, .logon .sylviExtranetLink  
{
   float: left;
   margin-left: 5px;
   color: #FFF;
}


.logon .modifyDetails a, .logon .sylviExtranetLink a
{
    
    color: #FFF;
}

.logon .fieldLoginName input,
.logon .fieldLoginPassword input
{
	margin-right: 7px;
    margin-top: 5px;
    height: 19px;
    border: none;
	border-radius: 3px;	
	text-indent: 3px;
}

#contentCenter .logon .fieldLoginName input,
#contentCenter .logon .fieldLoginPassword input {
    border: 1px solid #CCC;   	
}

.logon .fieldLoginName input.disabled
{
	color: #999999 !important;
}
.logon .companyName 
{
	font-weight: bold;
}
#header .logon
{
	color: #fff;
	background: url(/Layout/Default/Image/member_service_white_border.gif) no-repeat 0 2px;
	height: 16px;
	position: absolute;
	min-width: 450px;
}
.SoMeLinks { float: right; margin: 0 10px; }
    .SoMeLinks ul { list-style-type: none; margin: 0; padding: 5px 0 0 0; height: 21px; }
    .SoMeLinks ul li { float: left; margin-right: 5px; }
    .SoMeLinks ul li a { display: block; width: 21px; height: 21px; text-indent: -9999em;}
    .SoMeLinks ul li a.facebook { background: url("/Layout/Default/Image/facebook-21x21.png") 0 0 no-repeat; }
    .SoMeLinks ul li a.twitter { background: url("/Layout/Default/Image/twitter-21x21.png") 0 0 no-repeat; }

#contentCenter .SoMeLinks { display: none; }

.logon .sectionLogOff { float: left; line-height: 31px; }
/*.logon .sectionLogOff,
.logon .sectionLogOn
{
	padding-left: 15px;
}*/

.logon .formMessage
{
	display: none;
}
.logon .logonLink 
{
	float: left;
	padding: 0 0 0 7px;
	font-size: 11px;
}
.logon .logonLink a
{
	color: #fff;
    font-size: 13px;
	text-decoration:none;
}
div#contentCenter div.logon
{
	margin-bottom: 0;
	padding-bottom: 0;
}
#contentCenter div.logon div.title h2
{
	font-size: 16px;
}
#contentCenter .logon .logonTitle
{
	background: url(/Layout/Default/Image/member_service.png) no-repeat 0 3px;
	padding-left: 20px;
}
#contentCenter .logon .formMessage
{
	display: block;
	float: none;
	clear: both;
	padding-top: 5px;
}
#contentCenter .logon .logonLink 
{
	display: none;
}

/* Links when logged in */
.memberLinks { clear: both; line-height: 31px; }
    .memberLinks ul { list-style-type: none; margin: 0 15px; padding: 0; height: 31px;  }
    .memberLinks ul li { float: left; margin: 0 10px 0 0; padding: 0; }
    .memberLinks ul li a { color: #1D8CBA; font-weight: bold; }


.paddingTop 
{
	padding-top: 30px !important;
}
/* 6. Additional css classes */

div.vertical
{
	clear: left;
}
div.vertical ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}
div.vertical ul li
{
	float: left;
	padding-right: 10px;
	display: block;
}
.fleft
{
	float: left;
}
.fright
{
	float: right;
}
.copyright 
{
	padding-right: 135px;
	color: #fff;
	font-weight: bold;
}

.noMargin, .noMargin .content
{
	margin: 0 !important;
	padding: 0 !important;
}

.borderBottom
{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 20px;
	/*padding-top: 10px;*/
}

.frontpageNews .announcement .borderBottom {
	margin-bottom: 0;
	padding-top: 0;
}
.frontpageNews .otherNewsItemContainer .announcement:last-child .borderBottom { display: none; }

.frontpageNews .announcement .borderBottom,
.frontpageNews .announcement { cursor: pointer; }


div.controlHolderExtra div.gray div.title
{
	background-image: url(/Layout/Default/Image/bg_heading_gray.gif) !important;
}
.gray .block 
{
	border-bottom-color: #d3d3d3 !important;
}
div.textBanner div.content
{
	padding: 0 !important;
	border: 0 !important;
}

div.announcementGroup.withIngress .announcement
{
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #b2e1f4;
}
div.announcementGroup.withIngress .announcement .publishingTime
{
	float: none;
}
div.announcementGroup.withIngress .announcement .hyperLinkTitle
{
	margin: 0.2em 0;
	font-weight: bold;
}
div.announcementGroup.withIngress .announcement .documentBody p
{
	margin: 0;
}

.alignBottom table td
{
	vertical-align: bottom;
}

/* Other stuff */

.form .label
{
	float: left;
	clear: left;
	width: 190px;
	padding-bottom: 10px;
	padding-top: 3px;
	font-weight: bold;
}
.form .field
{
	margin-left: 200px;
	padding-bottom: 10px;
}
.form .field input,
.form .field textarea,
.form .field select
{
	width: 250px;
}
.form div.radioButton input
{
	width: 25px;
}
.formWide .field input,
.formWide .field textarea,
.formWide .field select
{
	width: 350px;
}

.rssLink
{
	display: block;
	padding-left: 42px;
	background: url(http://www.w3schools.com/rss/rss.gif) no-repeat;
}

/* ChannelView */
div.channelView div.contentItem
{
	clear:both;
}

div.channelView div.channelPublishingTime, div.channelView div.channelAuthor
{
	color:#666666;
	float:left;
	margin:0 10px 5px 0;
}

div.channelView h3
{
	clear:both;
	margin:0 0 5px 0;
	padding:0;
	font-weight:normal;
	font-size:12px;
}

div.channelView div.channelDescription
{
	margin-bottom:5px;
}

div.channelView div.channelNumberOfComments
{
	float:left;
	margin-top:10px;
}

div.channelView div.channelNumberOfComments a
{
	font-weight:bold;
	font-size:14px;
}

div.channelView div.channelRatings
{
	float:right;
	margin-top:10px;
}



div#contentCenter div.blog div.post div.function
{
	border-top: 1px solid #b2e1f4;
	margin-top: 15px;
	padding-top: 8px;
}

div#contentCenter div.blog div.post div.function div.rating
{
	float:left;
	margin:0;
	padding:0;
	border:0;
	width:auto;
}

div.blog div.post div.function div.rating div.positiveValue, div.blog div.post div.function div.rating div.negativeValue
{
	width:40px;
	margin:0;
	padding:0;
}

div.blog div.post div.function div.rating ul.sectionRatingResults
{
	margin:0;
	padding:0;
	float:left;
}

div.blog div.post div.function div.commentCount
{
	float:left;
}

div.blog div.post div.function div.border
{
	clear:both;
	/*border-bottom: 1px solid #b2e1f4;*/
	margin-bottom: 10px;
	/*padding-bottom: 8px;*/
}

/*
================================================================================
YHTEISOLLISET: FOORUMI JA KOMMENTOINTI
================================================================================
*/

/* Sivutus */

div.paging{ float: none !important; padding: 0; margin: 20px 0; border: 0; text-align: center; }
div.paging .pages span,
div.paging .pages a{ margin: 0 2px; border: 1px solid #b2e1f4; padding: 2px 4px; font-weight: bold; background-color: #dcf0fa; }
div.paging .pages a{ color: #1d8cba; text-decoration: none; background-color: #eee; }
div.paging .pages a:hover{ background-color: #fff; }
div.paging span.selectedPageNumber{ background-color:#dcdcdc; font-weight: bold; padding: 2px 4px; }
div.paging span.separator{ padding: 0 10px 0 10px; }

/* Arvostelu */

div.rating{ float: left !important; margin: 0 0 20px !important; padding: 0  !important; font-size: 16px; font-weight: bold; }
div.rating ul{ float: left; width: auto; height: 16px; margin: 0; padding: 0; list-style: none; line-height: 16px; }
div.rating ul li{ float: left; margin-right: 0; margin-right: 5px; }
div.rating ul li.value{ margin-right: 10px; }
div.rating ul li.positiveValue{ color: #66bc29; }
div.rating ul li.negativeValue{ color: #b10e0e; }

/* Lomakkeet */

.formForum fieldset{ clear: both; margin: 0; border: 0; padding: 0; }
.formForum fieldset fieldset{ margin: 0 0 1em; border-bottom: 1px solid #b2e1f4; }
.formForum fieldset fieldset legend{ float: left; width: 555px; margin: 0; border: 0; padding: 6px 10px; font-size: 1em; font-weight: bold; color: #fff; background-color: #00a5e0; }
.formForum .field, .formForum .fieldset{ clear: both; float: left; width: 555px; padding: 6px 10px; }
.formForum .field:hover, .formForum .fieldset:hover{ background-color: #fff; }
.formForum .field.error, .formForum .fieldset.error{ background-color: #ecc; }
.formForum .first{ border-top: 1px solid #b2e1f4; }
.formForum .disableHover:hover{ background-color: transparent; }
.formForum .inputGroup .field{ clear: both; float: left; width: 100%; margin: 0; padding: 0; }
.formForum .label{ float: left; width: 155px; margin-right: 10px; font-weight: normal; }
.formForum .label strong{ font-weight: normal; }
.formForum .inputGroup .field .label{ float: none; display: block; width: auto; margin-right: 0; margin-left: 25px; }
.formForum .field .input, .formForum .fieldset .inputGroup{ float: left; width: 390px; }
.formForum .field .input input.textfield,
.formForum .field .input textarea{ padding: 2px 4px; }
.formForum .field .input .markItUp, .formForum .field .input .markItUpPreviewFrame{ width: 100% !important; }
.formForum .field .input input.textfield{ width: 48%; }
.formForum .field .input input.small{ width: 23%; }
.formForum .field .input input.large{ width: 97%; }
.formForum .field .input input.numeral{ text-align: right; }
.formForum .field .input textarea{ width: 97%; }
.formForum .field .input select{ max-width: 100%; width: auto; }
.formForum .inputGroup .field .input{ float: left; width: 20px; margin-top: 0; margin-bottom: 0; text-align: center; }
.formForum .inputGroup .field .input input{ margin: 0; }
.formForum .buttons{ float: left; width: 100%; text-align: right; }
.formForum .buttons .button{ width: auto; margin-left: 5px; border:solid 1px #f6050c; padding: 3px 6px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #fff; background-color: #f6050c; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.formForum .buttons .buttonAlt{ border-color: #666; background-color: #666; }

.formForum div.captcha .inputGroup table{ width: auto; margin: 0; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; }
.formForum div.captcha .inputGroup table td{ padding: 0; vertical-align: middle; }
.formForum div.captcha .inputGroup table td.image{ width: 80px; }
.formForum div.captcha .inputGroup table td.image img{ margin: 0 !important; padding: 0 !important; }
.formForum div.captcha .inputGroup table td.equal{ padding: 0 10px; font-size: 18px; text-align: center; }
.formForum div.captcha .inputGroup table td.inputCaptcha{ width: 200px; }
.formForum div.captcha .inputGroup table td.inputCaptcha input.textfield{ width: 72px; margin: 0; padding: 2px 4px; font-size: 18px; color: #333; }

/* Foorumi ja kommentointi */

div.forum h2,
div.commenting h2{ font-size: 20px; }
div.forum div.moderationTools,
div.commenting div.moderationTools{ text-align: right; }
div.forum div.moderationTools input,
div.commenting div.moderationTools input{ width: auto; margin: 10px 0 10px 5px; border:solid 1px #666; padding: 1px 4px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #fff; background-color: #666; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.forum div.groupHeader,
div.commenting div.groupHeader{ margin-bottom: 20px; }

div.forum table.statistics{ width: 100%; margin: 0 0 20px; border: 0; border-collapse: collapse; border-spacing: 0; padding: 0; }
div.forum table.statistics th{ width: 175px; text-align: left; }
div.forum table.statistics td{ width: auto; white-space: normal; }
div.forum table.statistics td span span{ white-space: nowrap; }
div.forum table.statistics td span span.title{ white-space: normal; }

div.forum table.threadList{ width: 100%; margin: 0; }
div.forum table.threadList th,
div.forum table.threadList td{ border-bottom: 1px solid #b2e1f4; padding: 6px 10px; text-align: left; vertical-align: top; }
div.forum table.threadList th{ color: #fff; background-color: #00a5e0; }
div.forum table.threadList .type{ width: 1px; padding-right: 0; text-align: center; }
div.forum table.threadList .title{ width: 280px; font-weight: bold; }
div.forum table.threadList .messageCount,
div.forum table.threadList .viewCount{ width: 1px; text-align: center; }
div.forum table.threadList .action{ width: 1px; text-align: center; }
div.forum table.threadList td.info span span{ white-space: nowrap; }
div.forum table.threadList td.info span span.title{ font-weight: normal; white-space: normal; }

div.forum div.displayOptions{ padding-top: 20px; text-align: center; line-height: 20px; }
div.forum div.displayOptions fieldset{ margin: 0; border: 0; padding: 0; }
div.forum div.displayOptions span.field{ margin-right: 10px; }
div.forum div.displayOptions span.field input,
div.forum div.displayOptions span.field select{ margin: 0; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
div.forum div.displayOptions span.field select option{ margin: 0; }
div.forum div.displayOptions span.buttons .button{ width: auto; border: 2px outset #f6050c; padding: 1px 4px; overflow: visible; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #fff; background-color: #f6050c; cursor: pointer; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

div.forum div.message{ margin: 10px 0; }
div.commenting div.comment{ margin: 0; }
div.forum div.message .messageTitle,
div.commenting div.comment .commentMeta{ margin: 0; border-bottom: 1px solid #b2e1f4; padding: 6px 10px; font-size: 12px; color: #fff; background-color: #00a5e0; }
div.commenting div.comment .commentMeta{ margin: 10px 0 0;  }
div.forum div.message div.messageMeta { padding: 6px 10px; color: #666; }
div.forum div.message div.messageMeta p,
div.commenting div.comment div.commentMeta p{ margin: 0; }
div.forum div.message div.messageMeta em,
div.commenting div.comment div.commentMeta em{ font-style: normal; }
div.forum div.message div.messageBody,
div.commenting div.comment div.commentBody{ margin: 0; padding: 20px 10px; }
div.forum div.message div.messageBody blockquote,
div.commenting div.comment div.commentBody blockquote{ margin: 0 0 10px; border: 1px dashed #ddd; padding: 20px; color: #666; background-color: #eee; }
div.forum div.message div.messageBody blockquote cite,
div.commenting div.comment div.commentBody blockquote cite{ display: block; margin-bottom: 10px; }
div.forum div.message div.messageActions,
div.commenting div.comment div.commentActions{ min-height: 16px; height: auto !important; height: 16px; border-bottom: 1px solid #b2e1f4; padding: 6px 10px; line-height: 16px; color: #009366; }
div.forum div.message div.messageActions ul,
div.commenting div.comment div.commentActions ul{ float: right; width: auto; height: 16px; margin: 0; padding: 0; list-style: none; line-height: 16px; }
div.forum div.message div.messageActions ul li,
div.commenting div.comment div.commentActions ul li{ float: left; height: 16px; }
div.forum div.message div.messageActions ul li a,
div.commenting div.comment div.commentActions ul li a{ float: left; }
div.forum div.message div.messageActions ul.links li,
div.commenting div.comment div.commentActions ul.links li{ margin-left: 10px; }
div.forum div.message div.messageActions ul.links li a,
div.commenting div.comment div.commentActions ul.links li a{ padding-left: 21px; background-color: transparent; background-repeat: no-repeat; background-position: left center; }
div.forum div.message div.messageActions ul.links li.quote a,
div.commenting div.comment div.commentActions ul.links li.quote a{ background-image: url(/Layout/Default/Image/Forum/icon_quote.png); }
div.forum div.message div.messageActions ul.links li.reportAbuse a,
div.commenting div.comment div.commentActions ul.links li.reportAbuse a{ background-image: url(/Layout/Default/Image/Forum/icon_report-abuse.png); }
div.forum div.message div.messageActions div,
div.commenting div.comment div.commentActions div{ float: left !important; width: auto !important; height: 16px; line-height: 16px; text-align: right; }
div.forum div.message div.messageActions div div.rating,
div.commenting div.comment div.commentActions div div.rating{ margin: 0 !important; }

div.commenting
{
	border:solid 1px #b2e1f4;
	padding:5px 15px 5px 15px;
	width:545px !important;
}

div.commenting .label
{
	width: 120px;
}

div.commenting .field
{
	width: 523px;
	background-color:#f9f9f9;
}

div.commenting fieldset fieldset
{
	border:solid 1px #ccc;
}

div.commenting .commentActions ul.links
{
	margin-top:10px !important;
}

div.commenting .commentActions
{
	padding-bottom:10px !important;
}

div.commenting .captcha
{
	width: 523px;
	background-color:#f9f9f9;
}

div.marketBoardContents table tr.Header td { font-weight: bold; font-size: 14px; }
div.marketBoardContents table td { padding: 5px 5px 5px 0; }
div.marketBoardContents table tr.Alternating td { background-color: #eef4fb; }


/* Candidates (25.3.2011) TM */
div.candidate-wrapper { width: 575px; margin-top: 60px; }

h2.vaalipiiri { background: #0ea0db; margin: 0; padding:0; color: #FFF; padding: 5px 5px 3px 5px; -moz-border-radius: 5px; border-radius: 5px; }
div.candidate { margin: 30px 0; }
div.candidate-image { width: 120px; float: left;}
div.candidate-image img { width: 100px; border: 1px solid #000; padding: 1px; }
div.candidate-text { float: left; width: 455px; }
div.candidate-text p { margin: 0; padding: 0; line-height: 14px;}
div.candidate-text pre { 
	font-family: Arial,Verdana,Sans-Serif;
    font-size: 12px;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
div.candidate-text h3 { margin: 0 0 3px 0; padding:0;  }

/*** USER REGISTRATION */
.userRegistration .radEnabledCss_Default
{
    border-style:inset;
    border-color:#ccc;
    border-width:1px;
    margin-top:0;
}
.userRegistration .radPopupImage_Meteor img
{
    display:none;
}
#contentCenter .userRegistration .inputCell
{
    padding-top:0;
}

#contentCenter .userRegistration h2, #contentCenter .userRegistration h3 
{
    color: #3399cc;
    margin: 0 0 10px 0;
}

#contentCenter .userRegistration .hr 
{
    margin: 20px 0;
    background:  url(/Layout/Default/Image/hr-repeat.gif) top left repeat-x;
    height: 1px;
}

#contentCenter .userRegistration .hr hr 
{
    display: none;
}

#contentCenter .userRegistration .firstName 
{
    float: left;
}

#contentCenter .userRegistration .lastName 
{
    float: right;
}

#contentCenter .userRegistration .isCorrect
{
    margin: 10px 0;
}

#contentCenter .userRegistration .isCorrectOrganization, #contentCenter .userRegistration .labelIsCorrect 
{
    float: left;
}

#contentCenter .userRegistration .labelIsCorrect 
{
    display: block;
    margin: 0 0 10px 5px; 
}

.sendButton input, .sectionAddEmail input, .sectionAddWww input
{
    margin: 0;
    padding: 0; 
    height: 23px;    
    width: 103px;
    background: url(/Layout/Default/Image/send-button.gif) top left no-repeat;
    border: none;
    color: #fff;
    cursor: pointer; 
}

.sendButton input:hover, .sectionAddEmail input:hover, .sectionAddWww input:hover
{
   background: url(/Layout/Default/Image/send-button-hover.gif) top left no-repeat;  
}

.black 
{
    color: #000000 !important;    
}




#proposedLocalOrganizationName 
{
    font-weight: bold;
}

#contentCenter .userRegistration input[type=text],  #contentCenter .userRegistration select
{
    border: 1px solid #abadb3;
    margin-bottom: 15px;
}

#contentCenter .userRegistration select 
{
    width: 100%;
}

#contentCenter .userRegistration table td 
{
    vertical-align: top;
}



#contentCenter .userRegistration2 .organizationSelector{ float: none; }
#contentCenter .userRegistration2 .organizationDropdowns, #contentCenter .userRegistration2 .organizationLabels  { margin-top: 10px; position: relative; height: 50px;}

#contentCenter .userRegistration2 .areaOrganizationLabel { position: absolute; top: 0; left: 0; width: 150px;}
#contentCenter .userRegistration2 .localOrganizationLabel { position: absolute; top: 30px; left: 0; width: 150px;}
#contentCenter .userRegistration2 .areaOrganization { position: absolute; top: 0; left: 0;  }
#contentCenter .userRegistration2 .areaOrganization select, #contentCenter .userRegistration .localOrganization select {width: 335px;}
#contentCenter .userRegistration2 .localOrganization {position: absolute; top: 30px; left: 0; }
.userRegistration2 .infoCompanyDescription { width: 100%; height: 80px; border: 1px solid #abadb3; }

.labelIsCorrect { display: block; width: 300px;}

/* Error messages */
.formMessage { border: 1px solid #CCC; padding: 10px; margin: 0 0 10px 0; }
.formMessage .Exclamation { color: #000; font-weight: normal; padding-left: 22px; line-height: 18px; background: url(/Layout/default/Image/exclamation.png) top left no-repeat; }

/* CONTENDER INSERT */
.contenderinsert fieldset { border: none; padding: 10px 0; margin: 0 0 10px 0; }

    .contenderinsert h2 { color: #3399CC; font-size: 20px;  margin: 10px 0; }
    .contenderinsert h3 { font-size: 14px; color: #3399CC; font-weight: bold; }
    .contenderinsert .hr { background: url("/Layout/Default/Image/hr-repeat.gif") repeat-x scroll left top transparent;  height: 1px;  margin: 20px 0; }
    .contenderinsert .hr hr { display: none; }
    .contenderinsert label { float: left; width: 225px; margin-right: 10px; margin-bottom: 15px;  }
    .contenderinsert label.labelCheckBox { width: auto; }
    .contenderinsert input { margin-bottom: 15px; float: left;  }
    .contenderinsert input[type=text] { width: 425px;  border: 1px solid #CCC; margin-right: 5px;  }
    .contenderinsert input.small { width: 50px;  }
    .contenderinsert select, .contenderinsert textarea { width: 425px !important; border: 1px solid #CCC;  margin-bottom: 15px; margin-right: 5px; float: left; }
    .contenderinsert .captchaImg { float: left; }
    .contenderinsert .fileHelp { margin-bottom: 20px; font-style: italic;  display: inline-block; }
    .contenderinsertpublished { border-left-color: #009900; border-left-style: solid; border-left-width: 5px; padding-left: 10px; }
    .contenderinsertnotpublished { border-left-color: #000000; border-left-style: solid; border-left-width: 5px; padding-left: 10px; }
    .contenderinsert .sendButton input, .contenderbrowse .sendButton input   
    {
        margin: 0 5px 0 0;
        padding: 0 5px; 
        height: 25px;    
        width: auto;
        background: url(/Layout/default/Image/button_gradient_repeat.png) top left repeat-x;
        border: 1px solid #FFF;
        color: #fff;
        cursor: pointer; 
    }
    .contenderinsert .sendButton input:hover, .contenderbrowse .sendButton input:hover
    {
        background: url(/Layout/default/Image/button_gradient_repeat_hover.png) top left repeat-x;
    }
  
  /* CONTENDER BROWSE */
  .contenderbrowse h2 { color: #3399CC; font-size: 20px;  margin: 10px 0; }
     .contenderbrowse #browseFilters { border-collapse: collapse; margin: 10px 0; border: 1px solid #CCC; background: #C6E3F2; padding: 10px; }
     .contenderbrowse #browseFilters table td { padding: 5px 0; }
     /* Browse list */
     .contenderbrowse table.contenderBrowseList { width: 100%; border-collapse: collapse;  }
     .contenderbrowse table.contenderBrowseList td { padding: 5px; }
     .contenderbrowse table.contenderBrowseList tr.Header { border-bottom: 1px solid #CCC; background: #C6E3F2; }
     .contenderbrowse .ListPaging { font-size: 13px; }
     .contenderbrowse .ListPaging .ItemCount { margin-bottom: 10px; }
     .contenderbrowse .ListPaging .PageSelect a { border: 1px solid #CCC; padding: 3px; width: 10px; }

/* Etusivun uutiset */
div.frontpageNews div.firstNewsItemContainer { float: left; width: 100%; } 
div.frontpageNews div.otherNewsItemContainer { float: left; width: 100%; }
div.frontpageNews div.announcement h1 { font-size: 42px; line-height: 48px; font-family: 'Neo Sans W01 Medium', Trebuchet MS, Arial, Sans-Serif; }
div.frontpageNews div.announcement h2 { font-size: 21px; font-family: 'Neo Sans W01 Medium', Trebuchet MS, Arial, Sans-Serif; }
div.frontpageNews div.announcement h1 a, div.frontpageNews div.announcement h2 a { color: #313133; }
div.frontpageNews div.announcement h1 a, div.frontpageNews div.announcement h2 a:hover { text-decoration: none; }
div.frontpageNews div.announcement.withImage p.announcementImage { float: left; width: 205px;margin: 3px 10px 10px 0; }
div.frontpageNews div.announcement p.announcementDescription,
div.frontpageNews div.announcement.withImage p.announcementDescription { margin: 0; line-height: 23px; font-size: 15px; }
div.frontpageNews div.announcement.withImage p.announcementDescription { width: 100%; }
div.frontpageNews div.announcement.withImage.first p.announcementImage { clear: both;width: auto; } 
div.frontpageNews div.announcement.withImage.first p.announcementDescription { clear: both;width: auto; }
div.frontpageNews div.announcement p.timestamp,
div.frontpageNews div.announcement.withImage p.timestamp { color: #1d8cba; white-space: nowrap; margin-bottom: 4px; }
div.frontpageNews div.announcement.withImage.first p.timestamp { clear: both; }

body.frontPage div.announcementGroup .hyperLinkAnnouncementArchiveLink { text-align: right; padding: 5px 10px 5px 10px; background-color: #30b2de; text-align: center; margin: 10px 0 0 0; clear: both; }
body.frontPage div.announcementGroup .hyperLinkAnnouncementArchiveLink a { color: #000; font-family: 'Neo Sans W01 Light', Trebuchet MS, Arial, sans-serif; font-size: 20px; text-transform: uppercase; font-weight: 400; }
#frontpageCarousels .row .vasen { float: left; margin-right: 20px; }
#frontpageCarousels .row .oikea { float: left; margin-right: 0; }

/*
================================================================================
EHDOKASHAKU
================================================================================
*/

div.ContenderSearchForm fieldset { background: #FFF; border: 1px solid #B2E1F4; padding: 20px; margin-bottom: 10px;   }
div.ContenderSearchForm fieldset select, div.ContenderSearchForm fieldset input[type=text] { border: 1px solid #B2E1F4; height: 20px; width: 100%; } 
div.ContenderSearchForm .city, div.ContenderSearchForm .party, div.ContenderSearchForm .keywords { margin-bottom: 10px; }
div.ContenderSearchForm .buttons { margin: 20px 0 0 0; }
div.ContenderSearchForm .buttons input { border: none; background: #1680BB; color: #FFF; padding: 5px 10px; }

/* IE7 fix for banner visibility problem */
*:first-child+html #bannerRight { 
    position: relative;
}

/* Frontpage RSS feeds */
div.channelView a.RSSLogo { display: block; width: 100%; text-align: center; }
div.channelView a.RSSLogo img { margin: 15px auto 5px auto; }

/*
================================================================================
NEWS SHARES
================================================================================
*/
.share { margin: 10px 0 20px 0; }
.share .share-button, .share .fb_iframe_widget { float: left; margin-right: 20px;  }
.share .fb_iframe_widget { width: 87px; }
.share .twitter-share-button { width: 100px !important; }
.share .share-facebook { padding: 2px 5px 3px 5px; border: 1px solid #9dacce; background: #eceef5 url(/Layout/Default/Image/icons/icon-facebook.png) 2px 3px no-repeat; padding-left: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.share .share-facebook a { color: #3b5998; font-family: 'lucida grande',tahoma,verdana,arial,sans-serif; font-size: 11px; }

/*
================================================================================
SPONSORED BLOGS (FRONTPAGE)
================================================================================
*/

.sponsoredblogs .control { display: none; }

/*
================================================================================
SYNERGIA SEARCH FORM
================================================================================
*/
div#contentWrapper div.synergia-search-form { float: initial; width: initial; }
div#contentWrapper .controlHolderMain div.synergia-search-form { width: 550px; }
.synergia-search-form { background: #e4f6fc; color: #5ca3d7; padding: 15px; margin-bottom: 1em; border: 1px solid #a4d4dd; }
.synergia-search-form label { font-size: 23px; font-family: 'Neo Sans W01 Medium', Trebuchet MS, Arial, Sans-Serif; color: #000; display: block;  margin-bottom: 5px; }
.synergia-search-fields { position: relative; margin-bottom: 5px; }
.synergia-search-fields input[type=text] { width: 100%; -moz-appearance: none; -webkit-appearance: none; background-color: #fbfbfb;  border: 1px solid #ccc; color: #6a6a6a; font-family: "Trebuchet MS", "Helvetica", "Arial", "Sans-serif"; height: 28px; line-height: 18px; padding: 0 5px; box-sizing: border-box; }
.synergia-search-fields input[type=submit] { cursor: pointer; position: absolute; top: 0; right: 0; -webkit-appearance: none; background-color: #5ca3d7; border: 1px solid #5ca3d7; color: white;  height: 28px; width: 50px;}