@font-face {
    font-family: 'Memphis';
    src: url('/media/layout/fonts/gzip/memphisltstd-medium.eot.gz');
    src: local("☺"), url('/media/layout/fonts/gzip/memphisltstd-medium.eot.gz?#iefix') format('embedded-opentype'),
        url('/media/layout/fonts/gzip/memphisltstd-medium.svg.gz#memphis') format('svg'),
         url('/media/layout/fonts/memphisltstd-medium.woff') format('woff'),
         url('/media/layout/fonts/gzip/memphisltstd-medium.ttf.gz') format('truetype');
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}

@font-face {
    font-family: 'MemphisBold';
    src: url('/media/layout/fonts/gzip/memphisltstd-bold.eot.gz');
    src: local("☺"), url('/media/layout/fonts/gzip/memphisltstd-bold.eot.gz?#iefix') format('embedded-opentype'),
         url('/media/layout/fonts/gzip/memphisltstd-bold.svg.gz#memphisbold') format('svg'),
         url('/media/layout/fonts/memphisltstd-bold.woff') format('woff'),
         url('/media/layout/fonts/gzip/memphisltstd-bold.ttf.gz') format('truetype');
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
}

body {
        margin: 0;
        padding: 0;
        font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
        line-height: 1.6em;
        font-size: medium;
        -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
	padding: 1em;
	text-shadow: 0 1px 0 rgba(255,255,255,1);
	color: #000;
}

a {
	color: #64a944;
	outline: none;
	text-decoration: none;
}

a:hover { text-decoration: underline; }

a img { border: 0; }

h1, h2, h3, h4, h5, h6, .ingress {
	color: #000;
	font-weight: 400;
	font-style: normal;
	font-family: 'Metrophobic', "Istok Web", Tahoma, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	line-height: 1.2em;
	padding: 0;
	font-style: normal;
}

h3, h4, h5, h6, .ingress {
	color: #373737;
}

h1 { font-size: 200%; margin: 0 0px 1em 0px; }
h2 { font-size: 175%; margin: 0 0px 0.7em 0px;}
h3 { font-size: 150%; margin: 0 0px 0.5em 0px; line-height: 1.4em; }
h4, h5, h6, .ingress { line-height: 1.5em; font-size: 122%; margin: 0 0px 0.5em 0px; }

h1 a:hover, h2 a:hover, h3 a:hover {
	color: #777;
	text-decoration: none;
}

h1.black a, h2.black a, h3.black a, h4.black a, h5.black a, h6.black a {
	color: #000;
}

h1.black a:hover, h2.black a:hover, h3.black a:hover, h4.black a:hover, h5.black a:hover, h6.black a:hover {
	color: #666;
}

p { padding: 0; margin: 0 0 1em 0; }

.shadow-img img, img.shadow-img {
        border: 8px solid #fff;
        -webkit-box-shadow: 0 2px 10px -3px #777;
        -moz-box-shadow: 0 2px 10px -3px #777;
        box-shadow: 0 2px 10px -3px #777;
}

strong { color: #444; }

ol {
        padding: 0.5em 0 0.5em 2em !important;
        margin: 0;
		counter-reset: li-counter;
    /*list-style-type: none;*/
}

ol li, ol li.ingress {
        padding: 0 0 0.7em 0;
        line-height: 1.4em;
}

ol.continous-list > li::before {
	content: counter(item);
    counter-increment: item;
	list-style-type: none;
}

ol.continous-list li {
	list-style-type: none;
}

ol > li::before {
    background-color: #b80c03;
}


ul {
	margin: 0;
	padding: 0.5em 0 1em 0;
}

ul ul, ul ul li:last-child {
	padding-bottom: 0;
}

ul li, ul li.ingress {
	list-style-type: none;
	background: transparent url('/media/layout/img/sv/dot.gif') no-repeat left 0.4em;
	padding: 0 0 0.7em 20px;
	line-height: 1.4em;
}

ul li.ingress {
        background-position: left 0.5em;
}

.checklist li {
	padding: 0 0 0.7em 25px;
	text-indent: 0px;
	background: transparent url('/media/layout/img/check.gif') no-repeat left 0.3em !important;
	line-height: 1.6em;
}

/* BOX */
.box {
        clear: both;
        display: block;
        background-color: #efefef;
        border: 1px solid #d8d7d7;
        -webkit-box-shadow:  inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        box-shadow:  inset 0px 0px 3px 1px rgba(0, 0, 0, 0.1);
        padding: 1em;
        border-radius: 2px;
        margin-bottom: 1em;
}

table.box {
        width: auto !important;
}

.box ul, .box ol {
        padding: 0.7em 0 0 1em !important;
}

.whitebox {
        background: #fff;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 1em;
}

/* BUTTONS */

.button * {
	color: #FFF;
}

.button, .formSubmit, .blueformSubmit, .pagination a, .curPage, .button.disabled:active, .formSubmit.disabled:active, .pagination a.disabled:active {
        display: inline-block;
        color: #FFF;
        text-decoration: none;
        text-shadow: 0 1px 0 rgba(0,0,0,0.4);
        padding: 0.4em 0.8em;
        font-size: 110%;
        -webkit-appearance: none;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        cursor: pointer;
        margin: 0.8em 0.4em 0.4em 0;
 	border-top: 1px solid #95e05b;
        border-bottom: 1px solid #58aa19;
        border-right: 1px solid #72c037;
        border-left: 1px solid #72c037;
        background-color: #68b330;
	-webkit-border-radius: 2px;
        border-radius: 2px;
}

.button:hover:not(.disabled), .formSubmit:hover:not(.disabled), .pagination a:hover:not(.disabled) {
 	background-color: #72d022;
        border-top: 1px solid #95e05b;
}

.button:active, .formSubmit:active, .pagination a:active, .button:active:hover, .formSubmit:active:hover, .pagination a:active:hover {
 	border: 1px solid transparent;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.4);
        -webkit-box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 0px 3px 0px rgba(0, 0, 0, 0.2);
        background-color: #5aa323;
        top: 1px;
}

a.button:hover, .button a:hover {
        text-decoration: none;
}

table {
	width: 100% !important;
	margin-bottom: 0.5em;
	line-height: 1.4em;
}

table.listTable {
	border-top: 1px dotted #acacac;
	margin-bottom: 2.5em;
}

th, td {
	padding: 0.3em 0.3em 0.3em 0;	
	vertical-align: top;
}

table.listTable th, table.listTable td {
	border-bottom: 1px dotted #acacac;
	padding: 0.5em 0.5em 0.5em 0;	
}

tr th:last-child, tr td:last-child {
	padding-right: 0;
}

.listcols2 {
	float: left;
	width: 100%;
	padding: 0.6em 0;
}

.listcols2 li {
	float: left;
	width: 49%;
        padding-left: 0;
        padding-right: 2%;
	line-height: 1.6em;
	text-indent: 20px;
}

.listcols2 li.second {
	width: 49%;
        padding-right: 0;
}

.listcols3 {
	float: left;
	width: 100%;
	padding: 0.6em 0;
	background: none;
}

.listcols3 li {
	float: left;
	width: 32%;
        padding-left: 0;
        padding-right: 2%;
	line-height: 1.6em;
	text-indent: 20px;
}

.listcols3 li.third {
	width: 32%;
        padding-right: 0;
}

.checklist.listcols3 li {
	text-indent: 0;
	padding-left: 2%;
	width: 30%;
}

.text .checklist.listcols3 li {
	padding-left: 4%;
	width: 28%;
}

.listcols2 li.first, .listcols3 li.first {
	clear: both;
}

ul.listcols2, ul.listcols3 {
        list-style-type: none;
	padding-left: 0 !important;
}

ol.listcols2, ol.listcols3 {
        list-style-position: inside;
	padding-left: 0 !important;
}

ol.listcols2 li, ol.listcols3 li {
        text-indent: 2em;
}

.small {
	font-size: 90%;
}

/* MOBILE BUTTON  */

.mobilebutton, span.toggle, h3.toggle a span {
	color: #000;
	font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	border: 1px solid #d8d7d7;
	padding: 0.5em 1em 0.5em 1em;
        line-height: 1em;
	margin: 0.8em 0 0.4em 0;
	border-radius: 100px;
        background: #fcfcfc;
        background: -moz-linear-gradient(top,#fcfcfc 0%, #f2f2f2 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#f2f2f2));
        background: -webkit-linear-gradient(top,#fcfcfc 0%,#f2f2f2 100%);
        background: -o-linear-gradient(top,#fcfcfc 0%,#f2f2f2 100%);
        background: -ms-linear-gradient(top,#fcfcfc 0%,#f2f2f2 100%);
        background: linear-gradient(to bottom,#fcfcfc 0%,#f2f2f2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f2f2f2',GradientType=0 );
        -webkit-box-shadow: 0px -1px 0 rgba(215, 215, 215, 1) inset, 0px 1px 0 rgba(255, 255, 255, 1) inset;
        box-shadow: 0px -1px 0 rgba(215, 215, 215, 1) inset, 0px 1px 0 rgba(255, 255, 255, 1) inset;
        text-shadow: 0 1px 0 #FFFFFF;
}

.mobilebutton:hover, span.toggle:hover, h3.toggle a:hover span {
 	background: #fdfdfd;
        background: -moz-linear-gradient(top,#fdfdfd 0%, #f9f9f9 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f9f9f9));
        background: -webkit-linear-gradient(top,#fdfdfd 0%,#f9f9f9 100%);
        background: -o-linear-gradient(top,#fdfdfd 0%,#f9f9f9 100%);
        background: -ms-linear-gradient(top,#fdfdfd 0%,#f9f9f9 100%);
        background: linear-gradient(to bottom,#fdfdfd 0%,#f9f9f9 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f9f9f9',GradientType=0 );
	text-decoration: none;
}

h1.nopadtitle, h2.nopadtitle, h3.nopadtitle {
	margin-bottom: 0;
	padding-bottom: 0;
}

.frameimage {
        float: left;
        width: 400px;
        position: relative;
        margin: 2.5em -40px 0 0;
}

.frameimage .frame {
	clear: both;
        width: 100%;
        height: auto;
        float: left;
}

.frameimage .img {
        position: absolute;
        top: 2px;
        left: 43px;
}

.module-title, .module-title a {
	display: table-row;
	color: #373737;	
}

.module-title img {
	width: 60px;
	display: table-cell;
	vertical-align: middle;
 	-o-transition: all .15s ease-in-out;
        -ms-transition: all .15s ease-in-out;
        -moz-transition: all .15s ease-in-out;
        -webkit-transition: all .15s ease-in-out;
        transition: all .15s ease-in-out;
}

.module-title a img {
}

.module-title a:hover img {
	margin-top: -4px;
	margin-bottom: 4px;
}

.module-title a:active img {
        margin-top: 0px;
        margin-bottom: 0px;
}

.module-title span {
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.5em;
	line-height: 1.3em;
} 

.togglebox {
	margin-bottom: 1.2em;
	border: 1px solid #e8e8e8;
}

h3.toggle {
	border-bottom: 1px solid #e8e8e8;
	margin: 0;
	padding: 0;
}

h3.toggle a {
	position: relative;
	display: block;
	padding: 10px 20px 10px 12px;
	color: #000;
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #efefef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#efefef));	
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#efefef 100%);
	background: -o-linear-gradient(top,  #f7f7f7 0%,#efefef 100%);
	background: -ms-linear-gradient(top,  #f7f7f7 0%,#efefef 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#efefef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#efefef',GradientType=0 );
}

h3.toggle a:hover {
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #f3f3f3 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#f3f3f3));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#f3f3f3 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#f3f3f3 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#f3f3f3 100%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#f3f3f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#f3f3f3',GradientType=0 );
}

.togglebox .content .wrapper {
	padding: 15px 20px 0px 20px;
}

.ie9 .mobilebutton, .ie9 .mobilebutton:hover {
	filter: none;
}

.clear { clear: both; }

.quote {
	font-family: Memphis, "Istok Web", Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
	font-size: 120%;
	color: #222;
	line-height: 1.45em;
}

html[lang="fi"] .quote {
	white-space: -moz-pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -pre-wrap;
	white-space: pre-wrap;
	white-space: pre-line;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.signature {
        display: block;
        padding-top: 0.5em;
        font-family: 'Yesteryear', "Istok Web", Tahoma, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
        font-size: 140%;
        line-height: 1em;
}

.jobtitle {
        display: block;
        font-family: Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif;
        font-size: 70%;
        line-height: 1.6em;
}


.memphis { font-family: Memphis, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif; }
.memphisbold { font-family: MemphisBold, Arial, Verdana, SimSun, 宋体, STXihei, 华文细黑, sans-serif; }
.center { text-align: center; }
.uc { text-transform: uppercase; }

/* LOGOS */

.avainlippu-logo, .aaa-logo, .eba-logo, .suomenyrittajat-logo, .deloitte-logo, .iab-logo, .svkk-logo, .mostpp-logo, .dnb-logo, .inc5000-logo {
        background-image: url('/media/layout/img/logos-onwhite.gif?cachebypass');
        display: inline-block;
        zoom: 1;
        *display: inline;
        text-indent: -9999px;
        height: 60px;
        margin-right: 10px;
        float: left;
}

.avainlippu-logo {
        background-position: 0px 0px;
        width: 60px;
}

.aaa-logo {
        background-position: -60px 0px;
        width: 80px;
}

.eba-logo {
        background-position: -140px 0px;
        width: 85px;
}

.suomenyrittajat-logo {
        background-position: -225px 0px;
        width: 200px;
}

.deloitte-logo {
        background-position: -425px 0px;
        width: 125px;
}

.iab-logo {
        background-position: -550px 0px;
        width: 60px;
}

.svkk-logo {
        background-position: -612px 0px;
        width: 162px;
}

.mostpp-logo {
        background-position: -774px 0px;
        width: 63px;
}

.dnb-logo {
        background-position: -831px 0px;
        width: 50px;
}

.inc5000-logo {
        background-position: -900px 0px;
        width: 70px;
}

.fancybox {}
.fancyboxfull {}