@import url("/css/facelift-25.css");
.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after {
  display:table;
  content:"";
  line-height:0;
}
.clearfix:after { clear:both; }
.hide-text {
  font:0 / 0 a;
  color:transparent;
  text-shadow:none;
  background-color:transparent;
  border:0;
}
.input-block-level {
  display:block;
  width:100%;
  min-height:;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}
.icons-pack {
  background:url(/images/icons/icons-pack-7-blue.png) no-repeat;
  width:64px;
  height:64px;
}
.pricing-icons-pack {
  background:url(/images/icons/pricing-icons.png) no-repeat;
  width:16px;
  height:16px;
}
.showcase-pack {
  background:url(/images/layout/showcase-all.jpg) no-repeat;
  width:220px;
  height:130px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-align:center;
}
h1 {
  font-size:32px;
  line-height:32px;
}
h2 {
  font-size:24px;
  line-height:30px;
}
h1, h2, h3, h4, h5, h6, h7 {
  color:#545454;
  font-family:'Open Sans', sans-serif;
  font-weight:400;
}
h4 { line-height:24px; }
a:link, a:active, a:visited {
  color:#22749a;
  text-decoration:none;
}
a:focus, a:hover {
  color:#22749a;
  text-decoration:underline;
}
p {
  font-family:'Open Sans', sans-serif;
  max-height:999999px;
}
body { background-color:#2792c3; }
#background-wrapper {
  background-color:#ffffff;
  padding-bottom:10px;
  background:transparent url(/images/layout/debut_light.png) repeat;
}
#container-wrapper {
  width:960px;
  margin:0px auto;
  background:transparent;
  padding-bottom:20px;
}
#header {
  background-color:#2792c3;
  background-image:-webkit-linear-gradient(top,#2792c3,#34aae1);
  background-image:-moz-linear-gradient(top,#2792c3,#34aae1);
  background-image:-o-linear-gradient(top,#2792c3,#34aae1);
  background-image:-ms-linear-gradient(top,#2792c3,#34aae1);
  background-image:linear-gradient(top,#2792c3,#34aae1);
  height:129px;
  border-bottom:1px solid #22749a;
}
#header .slogan {
  color:#ffffff;
  text-align:right;
  font-family:'Roboto', sans-serif;
  margin-top:-4px;
  margin-right:20px;
  font-size:15px;
}
#footer .slogan {
  color:#ffffff;
  font-family:'Roboto', sans-serif;
  margin-top:12px;
  font-size:15px;
}
#footer .logo img {
  width:120px;
  margin-right:6px;
}
#login-info {
  background-color:#fafafa;
  -webkit-border-bottom-left-radius:10px;
  -moz-border-radius-bottomleft:10px;
  border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-border-radius-bottomright:10px;
  border-bottom-right-radius:10px;
  text-align:center;
  padding:5px;
  display:block;
}
#login-info a:first-child { padding-right:10px; }
#navigation {
  position:relative;
  top:0;
  left:0;
  float:left;
  margin:13px 0px 0px 0px;
  list-style:none;
  background-color:#34aae1;
  -webkit-box-shadow:0 0px 5px #22749a;
  -moz-box-shadow:0 0px 5px #22749a;
  box-shadow:0 0px 5px #22749a;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
}
#navigation > li {
  float:left;
  min-width:75px;
}
#navigation > li > a {
  display:block;
  margin-left:5px;
  padding:15px 12px 15px 12px;
  text-decoration:none;
  color:#ffffff;
  font-size:18px;
  text-shadow:1px 1px #353535;
  text-align:center;
}
#navigation > li > a:first-child { margin-left:0px; }
#navigation > li > a:last-child { margin-right:0px; }
#navigation > li > a:hover, #navigation > .active-link > a {
  -webkit-box-shadow:inset 0 3px 8px #2792c3;
  -moz-box-shadow:inset 0 3px 8px #2792c3;
  box-shadow:inset 0 3px 8px #2792c3;
}
.modal > form { margin-bottom:0 !important; }
.modal { display:none; }
#freelancer-wide {
  width:100%;
  background:transparent url(/images/layout/ammattilaiset-wide-hq-dark-80.jpg) repeat-x top center;
  height:351px;
  margin-top:-10px;
  padding:0px;
}
#banner-text {
  width:940px;
  margin:0px auto 30px auto;
  text-align:center;
  color:#22749a;
}
#banner-text #intro {
  color:#fafafa;
  font-weight:400;
  font-size:16px;
  line-height:22px;
  width:80%;
  margin-left:auto;
  margin-right:auto;
}
#banner-text h1, #banner-text h2 {
  color:#fafafa;
  font-family:'Roboto Condensed', sans-serif;
}
#banner-text h1 {
  font-size:72px;
  line-height:72px;
  height:72px;
  padding-top:70px;
  text-transform:uppercase;
  font-weight:700;
}
#banner-text h2 {
  font-size:22px;
  line-height:32px;
  font-weight:300;
  margin-top:-5px;
}
#banner-text .line1 {
  font-size:52px;
  line-height:36px;
  display:block;
  font-weight:normal;
}
#banner-text .line2 {
  font-size:64px;
  line-height:64px;
  padding-top:5px;
  display:block;
  font-weight:bold;
}
#banner-text .line3 {
  font-size:68px;
  line-height:70px;
  display:block;
  font-weight:normal;
  color:#545454;
  margin:15px auto 0px auto;
}
#footer {
  background:#2792c3;
  background-color:#22749a;
  background-image:-webkit-linear-gradient(top,#22749a,#2792c3);
  background-image:-moz-linear-gradient(top,#22749a,#2792c3);
  background-image:-o-linear-gradient(top,#22749a,#2792c3);
  background-image:-ms-linear-gradient(top,#22749a,#2792c3);
  background-image:linear-gradient(top,#22749a,#2792c3);
  border-top:1px solid #353535;
  padding-top:30px;
  color:#fafafa;
}
.right-border {
  border-right:1px solid #dbdbdb;
  margin-right:-1px;
}
#footer li {
  font-size:13px;
  line-height:20px;
}
#footer p {
  font-size:13px;
  line-height:18px;
}
#footer h4 { color:#fafafa; }
#footer .title {
  font-size:17.5px;
  font-weight:400;
  font-family:"Open Sans", sans-serif;
  margin-bottom:10px;
}
#footer a { color:#fafafa; }
#footer .attention-box {
  background-color:#fafafa;
  background:transparent url(/images/layout/debut_light.png) repeat;
  padding:15px 0px 10px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  border:1px solid #2792c3;
  height:130px;
}
#footer .attention-box .title {
  color:#353535;
  font-style:italic;
}
.copyright {
  text-align:center;
  padding:0px 0px 0px;
  margin-top:10px;
}
.numbers-mixin {
  text-align:center;
  color:#6dbce1;
  text-shadow:1px 1px #fafafa;
  font-family:inherit;
  font-weight:bold;
  margin:10px 0;
}
#numbers .count {
  font-size:64px;
  line-height:64px;
  text-align:center;
  color:#6dbce1;
  text-shadow:1px 1px #fafafa;
  font-family:inherit;
  font-weight:bold;
  margin:10px 0;
}
#numbers .count-name {
  text-align:center;
  color:#6dbce1;
  text-shadow:1px 1px #fafafa;
  font-family:inherit;
  font-weight:bold;
  margin:10px 0;
  margin-top:-10px;
  line-height:40px;
  font-size:22px;
}
#numbers { padding:10px 0px 0px 0px; }
.palvelut h2 {
  color:#2792c3;
  font-size:17.5px;
}
.palvelut .span6 { padding-bottom:20px; }
.palvelut-etusivu h2 {
  margin-bottom:2px;
  margin-top:5px;
  font-size:18px;
}
.palvelut-etusivu img { width:80%; }
.cta-area {
  text-align:center;
  padding:20px 0;
}
.btn-huge {
  font-size:24px;
  font-weight:normal;
  padding:20px 60px;
}
.btn-main-banner, .btn-main-banner-alternative {
  font-size:22px;
  font-weight:normal;
  padding:15px 40px;
}
.btn-medium, .btn-medium-alternative {
  font-size:15px;
  font-weight:normal;
  padding:10px 20px;
}
.btn-same-width { width:145px; }
.breadcrumb {
  width:940px;
  margin:auto;
  background:transparent;
}
.icon-large { font-size:64px; }
.icon-large:before { font-size:64px; }
hr.separator {
  border-top:1px solid #d9d9d9;
  margin:40px auto;
}
.after-hr { margin-top:-10px; }
#testimonial-slider .signature {
  text-align:right;
  font-style:italic;
}
#testimonial-slider .well { min-height:105px; }
#testimonial-slider p { line-height:24px; }
.bjqs-controls img {
  -moz-opacity:0.2;
  -khtml-opacity:0.2;
  -webkit-opacity:0.2;
  opacity:0.2;
}
.bjqs-controls img:hover {
  -moz-opacity:1;
  -khtml-opacity:1;
  -webkit-opacity:1;
  opacity:1;
}
.btn-huge {
  background-color:#0071bd !important;
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0089e5",endColorstr="#0071bc");
  background-image:-khtml-gradient(linear,left top,left bottom,from(#0089e5),to(#0071bc));
  background-image:-moz-linear-gradient(top,#0089e5,#0071bc);
  background-image:-ms-linear-gradient(top,#0089e5,#0071bc);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0089e5),color-stop(100%,#0071bc));
  background-image:-webkit-linear-gradient(top,#0089e5,#0071bc);
  background-image:-o-linear-gradient(top,#0089e5,#0071bc);
  background-image:linear-gradient(#0089e5,#0071bc);
  border-color:#0071bc #0071bc #006bb3;
  color:#ffffff !important;
  text-shadow:0 -1px 0 rgba(0,0,0,0.13);
  -webkit-font-smoothing:antialiased;
}
.btn-main-banner {
  background-color:#0071bd !important;
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0089e5",endColorstr="#0071bc");
  background-image:-khtml-gradient(linear,left top,left bottom,from(#0089e5),to(#0071bc));
  background-image:-moz-linear-gradient(top,#0089e5,#0071bc);
  background-image:-ms-linear-gradient(top,#0089e5,#0071bc);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0089e5),color-stop(100%,#0071bc));
  background-image:-webkit-linear-gradient(top,#0089e5,#0071bc);
  background-image:-o-linear-gradient(top,#0089e5,#0071bc);
  background-image:linear-gradient(#0089e5,#0071bc);
  border-color:#0071bc #0071bc #006bb3;
  color:#ffffff !important;
  text-shadow:0 -1px 0 rgba(0,0,0,0.13);
  -webkit-font-smoothing:antialiased;
}
.btn-main-banner-alternative, .btn-medium-alternative {
  background-color:#ffffff;
  background-repeat:repeat-x;
  border-color:#0071bc #0071bc #006bb3;
  color:#0071bd !important;
  -webkit-font-smoothing:antialiased;
  -moz-opacity:0.95;
  -khtml-opacity:0.95;
  -webkit-opacity:0.95;
  opacity:0.95;
}
#banner-text .popovered, .popovered-none .popovered { border-bottom:solid 1px #006bb3; }
.btn-medium, .btn-small {
  background-color:#0071bd !important;
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0089e5",endColorstr="#0071bc");
  background-image:-khtml-gradient(linear,left top,left bottom,from(#0089e5),to(#0071bc));
  background-image:-moz-linear-gradient(top,#0089e5,#0071bc);
  background-image:-ms-linear-gradient(top,#0089e5,#0071bc);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0089e5),color-stop(100%,#0071bc));
  background-image:-webkit-linear-gradient(top,#0089e5,#0071bc);
  background-image:-o-linear-gradient(top,#0089e5,#0071bc);
  background-image:linear-gradient(#0089e5,#0071bc);
  border-color:#0071bc #0071bc #006bb3;
  color:#ffffff !important;
  text-shadow:0 -1px 0 rgba(0,0,0,0.13);
  -webkit-font-smoothing:antialiased;
}
.horizontal-gradient { background:transparent url(/images/layout/horizontal-gradient-light-gray.png) repeat-y top center; }
.grid-view .items {
  width:100%;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  background:transparent;
  color:#fafafa;
  margin-bottom:10px;
  text-align:left;
}
.grid-view .items th {
  padding:8px;
  font-weight:bold;
  color:#fafafa;
  background:#34aae1;
}
.bid-listing-headers div {
  font-weight:bold;
  color:#fafafa;
  background:#34aae1;
}
.grid-view .items th:first-child {
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topleft:10px;
  border-top-left-radius:10px;
}
.grid-view .items th:last-child {
  -webkit-border-top-right-radius:10px;
  -moz-border-radius-topright:10px;
  border-top-right-radius:10px;
}
.grid-view .items td {
  padding:10px 5px 10px 5px;
  background:transparent;
  border-bottom:1px solid #d7eef9;
  color:#333333;
  min-width:100px;
}
.grid-view .job-listing td:first-child { width:600px; }
.grid-view .palvelut-listing td:first-child { width:750px; }
.grid-view .palvelut-listing td {
  line-height:26px;
  padding-top:5px;
  padding-bottom:5px;
}
.grid-view .palvelut-listing .additional_info {
  color:#b9b9b9;
  font-style:italic;
}
.grid-view  .job-listing td:first-child { font-size:14px; }
.job-listing h4 {
  margin-bottom:0px;
  font-size:16px;
}
.grid-view .items tbody tr:hover td { background:#f3f3f3; }
.grid-view .bid-listing tbody tr:hover td { background:transparent; }
.grid-view .job-summary td:nth-child(4), .grid-view .job-summary td:nth-child(5) { white-space:nowrap; }
.pricing-table {
  border-collapse:separate;
  border-spacing:5px 0px;
  text-align:center;
}
.pricing-table th h3, .pricing-table th h4 {
  text-align:center;
  color:#fafafa;
  margin:0px;
}
.pricing-table td {
  padding:12px 0px;
  border-bottom:1px #d9d9d9 solid;
  background:#f3f3f3;
}
.pricing-table td:first-child { background:none; }
.pricing-table th {
  padding:8px;
  font-weight:bold;
  color:#fafafa;
  background:#34aae1;
  background-color:#2792c3;
  background-image:-webkit-linear-gradient(top,#2792c3,#34aae1);
  background-image:-moz-linear-gradient(top,#2792c3,#34aae1);
  background-image:-o-linear-gradient(top,#2792c3,#34aae1);
  background-image:-ms-linear-gradient(top,#2792c3,#34aae1);
  background-image:linear-gradient(top,#2792c3,#34aae1);
  margin:0px 30px;
}
.pricing-table th {
  -webkit-border-top-left-radius:10px;
  -moz-border-radius-topleft:10px;
  border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
  -moz-border-radius-topright:10px;
  border-top-right-radius:10px;
  width:170px;
}
.pricing-table th:first-child { width:180px; }
.pricing-table .odd { background-color:#f3f3f3; }
.pricing-table th:first-child {
  background:none;
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.pricing-table th:nth-child(2) {
  background-color:#34aae1;
  background-image:-webkit-linear-gradient(top,#34aae1,#6dbce1);
  background-image:-moz-linear-gradient(top,#34aae1,#6dbce1);
  background-image:-o-linear-gradient(top,#34aae1,#6dbce1);
  background-image:-ms-linear-gradient(top,#34aae1,#6dbce1);
  background-image:linear-gradient(top,#34aae1,#6dbce1);
}
.pricing-table td:first-child { text-align:left; }
.pricing-table .btn { color:#545454; }
.pricing-table .btn-primary { color:#fafafa; }
.pricing-table .last td {
  border-bottom:0px;
  padding:20px;
}
.pricing-table th .normaalihinta {
  text-decoration:line-through;
  color:#353535;
  font-style:italic;
}
.bid-listing h5 { margin-top:0px; }
.bid-listing p, .bid-listing td { font-size:14px; }
.bid-listing .title-th {
  width:320px;
  float:left;
  padding:8px;
}
.bid-listing .budget-th {
  width:100px;
  float:left;
  padding:8px;
}
.bid-listing .time-th {
  width:150px;
  float:left;
  padding:8px;
}
.bid-listing .created-th {
  width:150px;
  float:left;
  padding:8px;
}
.bid-listing .notes-th {
  width:130px;
  float:left;
  padding:8px;
}
.bid-listing .title {
  width:320px;
  float:left;
  padding-right:16px;
  padding-left:0px;
  margin-left:-5px;
}
.bid-listing .budget {
  width:100px;
  float:left;
  padding:8px;
}
.bid-listing .time {
  width:150px;
  float:left;
  padding:8px;
}
.bid-listing .created {
  width:150px;
  float:left;
  padding:8px;
}
.bid-listing .notes {
  width:130px;
  float:left;
  padding:8px;
}
.pager .selected > a, .pager .selected > a:hover, .pager .selected > span { background:#f5f5f5; }
.job-tags {
  list-style:none;
  margin:0px;
  padding:0px;
}
.job-tags li {
  float:left;
  padding-bottom:0px;
  width:220px;
  font-size:12px;
}
.job-open { background:transparent url(/images/ribbons/ribbon-open-corner-right-100.png) no-repeat top right; }
.job-active { background:transparent url(/images/ribbons/ribbon-active-corner-right-100.png) no-repeat top right; }
.job-private { background:transparent url(/images/ribbons/ribbon-private-corner-right-100.png) no-repeat top right; }
.job-closed { background:transparent url(/images/ribbons/ribbon-closed-corner-right-100.png) no-repeat top right; }
.job-preview { background:transparent url(/images/ribbons/ribbon-preview-corner-right-100.png) no-repeat top right; }
.job-description h5 { margin-bottom:0px; }
.alert-info h4 { color:#3a87ad; }
label {
  font-weight:bold;
  margin-top:20px;
}
.radio > label { font-weight:normal; }
.active-link a { color:#353535; }
dd { margin-bottom:20px; }
.rating-star {
  display:block;
  float:left;
  width:16px;
  height:16px;
  background:transparent url(/images/icons/star2.png) no-repeat;
}
.news-feed .content { padding-bottom:5px; }
.news-feed .date {
  width:80px;
  text-align:left;
  color:#666666;
}
.news-feed { font-size:12px; }
.profile-avatar {
  text-align:center;
  font-size:12px;
  float:right;
}
.profile-avatar img {
  width:80px;
  height:80px;
}
.view-selection .selection { padding:10px; }
.view-selection { margin:20px 0; }
.view-selection .selection label { display:inline; }
.nav-tabs {
  border-bottom:0px;
  margin-left:10px;
}
.nav-tabs > li { margin-bottom:0px; }
.employer ul, .freelancer ul {
  margin-bottom:0px;
  padding-bottom:0px;
}
.tab-content .grid-view {
  margin-top:0px;
  padding-top:0px;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover {
  color:#fafafa;
  background-color:#34aae1;
  border-bottom-color:transparent;
  cursor:default;
}
.mallipohjat label {
  margin:0px 5px 5px 0px;
  font-size:14px;
  font-weight:normal;
}
.mallipohjat input {
  margin-right:5px;
  margin-bottom:5px;
}
.job-create .help {
  width:620px;
  height:320px;
  background:url(/images/photos/freelancer-dude.png) no-repeat bottom left;
  margin-bottom:20px;
}
.job-create .help .text {
  width:370px;
  float:right;
  padding-top:15px;
  padding-right:15px;
}
.job-create .help .text p {
  font-size:16px;
  text-align:center;
  line-height:22px;
}
.nain-se-toimii { padding:40px 0 40px 0; }
.nain-se-toimii li {
  font-size:16px;
  padding-bottom:10px;
}
.nain-se-toimii ol { padding-left:20px; }
.aloita-tip {
  background-image:url(/images/layout/aloita-tip-smaller.png);
  width:220px;
  height:80px;
  position:absolute;
  z-index:2;
  margin-top:-70px;
  margin-left:40px;
}
.job-create label {
  font-size:16px;
  padding-top:20px;
}
.job-create .paketit img { padding-right:20px; }
.job-create .radio label, .job-create .checkbox label {
  padding-top:0px;
  margin-top:0px;
  font-weight:normal;
  font-size:14px;
}
.job-create .checkbox {
  padding-top:0px;
  margin-top:0px;
}
.job-create .radio {
  margin-top:0px;
  padding-top:0px;
}
.popovered { border-bottom:1px #22749a dashed; }
.popover { width:336px; }
.popover-content p {
  font-size:14px;
  font-weight:normal;
}
.hint { font-size:12px; }
.important .hox { color:red; }
.block-left { float:left; }
.block-right {
  float:right;
  padding-right:20px;
}
#Account_freelancer label {
  line-height:20px;
  padding:5px 0 5px 0;
  font-size:13px;
}
input[type=radio] + label, input[type=checkbox] + label { display:inline !important; }
.employer .summary, .freelancer .summary { display:none; }
.icon-homepage {
  background:url(/images/icons/icons-pack-7-blue.png) no-repeat;
  width:64px;
  height:64px;
  background-position:0px -64px;
}
.icon-logo {
  background:url(/images/icons/icons-pack-7-blue.png) no-repeat;
  width:64px;
  height:64px;
  background-position:0px 0px;
}
.icon-ecommerce {
  background:url(/images/icons/icons-pack-7-blue.png) no-repeat;
  width:64px;
  height:64px;
  background-position:0px -128px;
}
.icon-flyer {
  background:url(/images/icons/icons-pack-7-blue.png) no-repeat;
  width:64px;
  height:64px;
  background-position:0px -192px;
}
.icon-socialmedia {
  background:url(/images/icons/icons-pack-7-blue.png) no-repeat;
  width:64px;
  height:64px;
  background-position:0px -256px;
}
.icon-blog {
  background:url(/images/icons/icons-pack-7-blue.png) no-repeat;
  width:64px;
  height:64px;
  background-position:0px -320px;
}
.icon-quality {
  background:url(/images/icons/icons-pack-7-blue.png) no-repeat;
  width:64px;
  height:64px;
  background-position:0px -384px;
}
.icon-pricing-error {
  background:url(/images/icons/pricing-icons.png) no-repeat;
  width:16px;
  height:16px;
  background-position:0px 0px;
}
.icon-pricing-success {
  background:url(/images/icons/pricing-icons.png) no-repeat;
  width:16px;
  height:16px;
  background-position:0px -17px;
}
.showcase-1 {
  background:url(/images/layout/showcase-all.jpg) no-repeat;
  width:220px;
  height:130px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-align:center;
  background-position:0px 0px;
}
.showcase-2 {
  background:url(/images/layout/showcase-all.jpg) no-repeat;
  width:220px;
  height:130px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-align:center;
  background-position:-220px 0px;
}
.showcase-3 {
  background:url(/images/layout/showcase-all.jpg) no-repeat;
  width:220px;
  height:130px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-align:center;
  background-position:-440px 0px;
}
.showcase-4 {
  background:url(/images/layout/showcase-all.jpg) no-repeat;
  width:220px;
  height:130px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-align:center;
  background-position:-660px 0px;
}
.showcase-5 {
  background:url(/images/layout/showcase-all.jpg) no-repeat;
  width:220px;
  height:130px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-align:center;
  background-position:-0px -130px;
}
.showcase-6 {
  background:url(/images/layout/showcase-all.jpg) no-repeat;
  width:220px;
  height:130px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-align:center;
  background-position:-220px -130px;
}
.showcase-7 {
  background:url(/images/layout/showcase-all.jpg) no-repeat;
  width:220px;
  height:130px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-align:center;
  background-position:-440px -130px;
}
.showcase-8 {
  background:url(/images/layout/showcase-all.jpg) no-repeat;
  width:220px;
  height:130px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  text-align:center;
  background-position:-660px -130px;
}
.showcase p {
  text-align:center;
  color:#f3f3f3;
  margin-top:0px;
  font-size:12px;
}
.showcase { margin-top:-15px; }
.g-mandatory-fields {
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  border:1px red solid;
  padding:10px;
  margin:10px 0px;
}
.error-page { text-align:center; }
.error-page div { margin-top:20px; }
.error-page h4 { margin-top:20px; }
.radio { margin-top:0px; }
.referenssit .referenssi h3 {
  font-weight:bold;
  font-size:14px;
}
.referenssit { margin-bottom:20px; }
.referenssit .referenssi p { font-size:12px; }
.referenssit .referenssi {
  border:10px #f1f1f1 solid;
  padding:10px;
  width:183px;
  float:left;
  margin:3px;
}
.referenssit label {
  font-weight:bold;
  margin-right:50px;
}
.referenssit .first {
  width:140px;
  float:left;
}
.referenssit button { margin-top:10px; }
.referenssit label { margin-top:0px; }
.tarjoukset img {
  height:30px;
  width:30px;
}
.showcase p {
  text-align:center;
  color:#545454;
  padding-top:5px;
}
.btn-primary { color:#ffffff !important; }
.sale-icon-small {
  position:absolute;
  margin-top:-35px;
  margin-left:120px;
}
.sale-icon-medium {
  position:absolute;
  margin-top:-45px;
  margin-left:115px;
}
.sale-icon-large {
  position:absolute;
  margin-top:-55px;
  margin-left:110px;
}
.introtext {
  text-align:center;
  margin:10px 0px 0px 0px;
  font-size:28px;
  line-height:42px;
  color:#545454;
  font-style:italic;
}
.case-story h4 {
  margin-top:30px;
  margin-bottom:5px;
}
.case-story p { text-align:left; }
.case-story .img-showcase { margin-left:15px; }
#job-form input[readonly] {
  cursor:pointer;
  background-color:#ffffff;
}
body.prison-layout #login-info, body.prison-layout #navigation, body.prison-layout #footer { display:none; }
body.prison-layout {
  background-color:#ffffff;
  padding-bottom:10px;
  background:transparent url(/images/layout/debut_light.png) repeat;
}
body.prison-layout #header { height:100px; }
.btn-category {
  font-size:20px;
  font-weight:normal;
  padding:10px 15px;
}
.btn-category {
  background-color:#0071bd !important;
  background-repeat:repeat-x;
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#0089e5",endColorstr="#0071bc");
  background-image:-khtml-gradient(linear,left top,left bottom,from(#0089e5),to(#0071bc));
  background-image:-moz-linear-gradient(top,#0089e5,#0071bc);
  background-image:-ms-linear-gradient(top,#0089e5,#0071bc);
  background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#0089e5),color-stop(100%,#0071bc));
  background-image:-webkit-linear-gradient(top,#0089e5,#0071bc);
  background-image:-o-linear-gradient(top,#0089e5,#0071bc);
  background-image:linear-gradient(#0089e5,#0071bc);
  border-color:#0071bc #0071bc #006bb3;
  color:#ffffff !important;
  text-shadow:0 -1px 0 rgba(0,0,0,0.13);
  -webkit-font-smoothing:antialiased;
}
.btn-category-wide { width:180px; }
.select-category select {
  font-size:20px;
  width:270px;
  height:40px;
}
#job-fill-info input[readonly] {
  cursor:pointer;
  background-color:#ffffff;
}
.need-help {
  position:relative;
  float:right;
  margin-top:-60px;
}
.need-help .number {
  font-size:20px;
  color:#ffffff;
  text-align:right;
}
.need-help .open {
  text-align:right;
  font-size:12px;
  color:#545454;
}
.job-create-info p {
  font-size:12px;
  line-height:16px;
  margin-top:0px;
}
#easy-steps {
  height:70px;
  background-color:#fafafa;
  width:100%;
  border-bottom:1px solid #d9d9d9;
}
#easy-steps .in-between-1st {
  height:80px;
  width:100px;
  float:left;
  background:url(/images/layout/nain-se-toimii-nuoli-1.png) no-repeat;
  background-position:15px 25px;
}
#easy-steps .in-between-2nd {
  height:80px;
  width:100px;
  float:left;
  background:url(/images/layout/nain-se-toimii-nuoli-2.png) no-repeat;
  background-position:45px 35px;
}
#easy-steps .steps-wrapper {
  margin:auto;
  width:920px;
}
#easy-steps .steps {
  width:240px;
  float:left;
  text-align:center;
}
#easy-steps .steps .title {
  color:#545454;
  font-size:17px;
  font-family:'Open Sans', sans-serif;
  font-weight:400;
  line-height:40px;
  margin:10px 0px;
  margin-top:-7px;
}
#easy-steps .steps p {
  margin-top:-20px;
  color:#545454;
  font-size:12px;
}
#easy-steps .step {
  color:#ffffff;
  width:30px;
  height:30px;
  border-radius:25px;
  border:2px solid #ffffff;
  text-align:center;
  line-height:30px;
  background-color:#0072bf;
  margin:-15px auto 0px auto;
  font-size:16px;
}
#freelancer-count { text-align:center; }
#freelancer-count .count {
  font-size:120px;
  line-height:100px;
  font-family:'Open Sans', sans-serif;
  color:#2792c3;
}
#freelancer-count .text {
  font-size:27px;
  line-height:33px;
  font-family:'Open Sans', sans-serif;
  color:#2792c3;
  font-weight:600;
}
#freelancer-count p {
  font-family:'Open Sans', sans-serif;
  text-align:center;
}
#freelancer-count a:hover { text-decoration:none; }
.quotes {
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  height:110px;
  background-color:#2792c3;
}
.quotes p {
  padding:16px;
  font-family:'Open sans', sans-serif;
  font-size:13px;
  line-height:20px;
  color:#fafafa;
  font-style:italic;
}
.quote-author {
  font-family:'Open Sans', sans-serif;
  font-size:12px;
  line-height:16px;
  padding-top:13px;
  padding-left:20px;
  margin-top:-1px;
  background-image:url(/images/layout/quote-arrow-blue.png);
  background-repeat:no-repeat;
  background-position:40px 0px;
}
.quote-author p { padding-top:0px; }
.quote-author img {
  height:20px;
  margin-right:20px;
}
.case-story #quotes p {
  font-size:24px;
  line-height:34px;
  color:#545454;
  font-style:italic;
}
.case-story #quote-author { background-position:860px 0px; }
.case-story #quotes {
  height:120px;
  margin-top:24px;
}
h2.cta {
  font-size:36px;
  line-height:48px;
  color:#34aae1;
  padding-bottom:30px;
}
.frontpage-cta {
  font-size:36px;
  line-height:48px;
  color:#545454;
  padding-bottom:30px;
  font-family:'Open Sans', sans-serif;
}
.active-step { font-weight:bold; }
.job-create-info h5 { margin-bottom:0px; }
#portfolio-gallery {
  width:700px;
  height:250px;
  background-color:#fafafa;
  margin-bottom:8px;
  margin-top:10px;
  border:1px solid #b9b9b9;
}
.portfolio-introduction {
  font-size:18px;
  font-weight:200;
  line-height:22px;
  margin-bottom:12px;
}
.toimeksiantojen-showcase { text-align:center; }
.toimeksiantojen-showcase p {
  font-size:12px;
  line-height:16px;
}
.public-profile-references h4 {
  font-size:14px;
  line-height:18px;
  text-align:center;
  border-bottom:1px solid #f1f1f1;
  margin-top:0px;
  padding-top:8px;
  padding-bottom:4px;
  white-space:nowrap;
  overflow:hidden;
  height:18px;
}
.public-profile-references p {
  font-size:12px;
  line-height:16px;
  height:32px;
  text-align:center;
  overflow:hidden;
}
.profile-image {
  margin-right:10px;
  margin-bottom:10px;
}
.label-skills {
  font-weight:normal;
  font-size:14px;
  padding:6px 8px;
  background-color:#3a87ad;
  margin-bottom:6px;
}
.label-small {
  font-size:12px;
  padding:2px 4px;
  margin:2px 2px;
}
.thumbnail-wall {
  font-size:12px;
  line-height:16px;
  display:block;
  background-color:#ffffff;
  padding:0px 4px 0px 0px;
}
.thumbnail-wall .short-intro {
  height:64px;
  overflow:hidden;
}
.thumbnail-wall h4 {
  margin-top:5px;
  margin-bottom:5px;
  height:24px;
  overflow:hidden;
}
.thumbnail-wall p a:hover, .thumbnail-wall p a {
  text-decoration:none;
  color:#333333;
}
.thumbnail-wall img {
  -webkit-border-top-left-radius:4px;
  -moz-border-top-left-radius:4px;
  border-top-left-radius:4px;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-bottom-left-radius:4px;
  border-top-bottom-left-radius:4px;
}
.public-profile-references .thumbnail img {
  width:290px;
  height:193px;
}
.click-to-add {
  width:100%;
  border:1px dashed #545454;
  margin:10px 0px;
  padding:12px;
}
.click-to-add span {
  margin:6px;
  font-style:italic;
}
.click-to-add-small { width:40%; }
.click-to-add-small p {
  padding:3px 6px;
  margin:3px 6px;
}
body.landing-page-layout { background:transparent url(/images/layout/debut_light.png) repeat; }
.landing-page h1 {
  font-size:54px;
  line-height:64px;
  text-align:center;
  margin:0px;
}
.landing-page .subheader {
  text-align:center;
  margin-top:5px;
  font-size:22px;
}
.landing-page p {
  font-size:16px;
  line-height:22px;
}
.landing-page-layout #header { padding:10px 0px; }
.landing-page ul { margin-top:24px; }
.landing-page li {
  font-size:16px;
  line-height:22px;
  margin-bottom:14px;
}
.landing-page .darker-background {
  background:transparent url(/images/layout/transparent-5.png) repeat;
  margin:20px 0px;
  padding:10px 0px;
}
.landing-page #quotes {
  height:80px;
  background:#fafafa;
  border:1px solid #c0c0c0;
}
.landing-page #quotes p {
  padding:20px 15px;
  font-size:14px;
}
.landing-page .quotes p {
  font-size:13px;
  line-height:20px;
}
.landing-page #quote-author { background-position:370px 0px; }
.landing-page .asiakaspalvelu h2 {
  text-align:center;
  color:#545454;
  font-size:28px;
  line-height:34px;
}
.landing-page .asiakaspalvelu p {
  text-align:center;
  font-size:20px;
  line-height:24px;
  color:#545454;
  margin-top:0px;
}
.landing-page .copyright {
  margin-top:0px;
  padding:0px;
}
.landing-page .freelancer-count .count {
  height:96px;
  width:420px;
  text-align:center;
}
.landing-page .freelancer-count .count .number {
  font-size:46px;
  line-height:58px;
  color:#545454;
  font-family:'Open Sans', sans-serif;
  font-weight:200;
}
.landing-page .freelancer-count .count .text {
  font-size:22px;
  text-transform:uppercase;
}
.landing-page .job-guy img {
  float:right;
  padding-right:80px;
}
.landing-page .intro-text p {
  font-size:18px;
  line-height:24px;
  margin-bottom:24px;
}
.landing-page .help-text p {
  margin-top:4px;
  color:#545454;
  font-size:14px;
  text-align:right;
}
ul.sisaltolinkit { list-style-type:none; }
ul.sisaltolinkit li {
  font-family:'Open Sans', sans-serif;
  text-align:center;
}
.job-listing-date {
  float:right;
  color:#b9b9b9;
  font-size:12px;
  margin-top:10px;
}
.yhteistyossa .kuva { text-align:center; }
.yhteistyossa .row { margin-bottom:20px; }
.fullwidth-box { width:100%; }
#testimonials {
  width:940px;
  margin:0px auto 30px auto;
  text-align:center;
  color:#22749a;
}
.etusivun-referenssit img {
  width:130px;
  height:70px;
}
.modal-title1 {
  color:#353535;
  font-family:'Open Sans', sans-serif;
  font-weight:400;
  font-size:24.5px;
}
.infosivut h2 { margin-top:30px; }
.infosivut h1 {
  display:inline;
  margin-right:50px;
  margin-bottom:5px;
}
.tietopankki-menu li {
  margin-right:10px;
  font-family:'Open Sans', sans-serif;
  white-space:nowrap;
  list-style-type:none;
  line-height:20px;
}
.tietopankki-menu {
  border:1px solid #d9d9d9;
  border-left:0px;
  border-right:0px;
  background-color:#fafafa;
  margin-top:30px;
  padding:30px 0px 30px;
}
.tietopankki-menu .title {
  margin-left:20px;
  font-weight:bold;
  color:#2792c3;
  text-transform:uppercase;
  margin-bottom:6px;
}
.verkkokauppaohjelmistot { text-align:center; }
.lisapalvelut-yhteistyokumppanit p {
  font-size:12px;
  line-height:16px;
}
.lisapalvelut-yhteistyokumppanit h4 {
  margin-top:0px;
  margin-bottom:10px;
  line-height:17.5px;
}
.lisapalvelut-yhteistyokumppanit img {
  align:left;
  margin:0px 10px 10px 0px;
}
.lisapalvelut-yhteistyokumppanit label {
  display:inline;
  margin:0;
  font-weight:bold;
}
.laskuri label {
  font-weight:normal;
  margin-top:0px;
}
.laskuri input[type="checkbox"] { margin-top:0px; }
.laskuri fieldset { margin-bottom:20px; }
.laskuri .reminder {
  font-style:italic;
  color:#34aae1;
}
.laskuri .sidebarBox {
  width:280px;
  float:right;
  position:relative;
  padding:10px;
  margin-right:10px;
}
.laskuri .scrollingBox {
  width:280px;
  padding:10px;
  margin-right:10px;
  background-color:#f5f5f5;
  border:1px solid #e3e3e3;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  -moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);
}
.laskuri #divid {
  font-weight:bold;
  font-size:22px;
  line-height:28px;
  color:#545454;
  text-align:center;
  height:28px;
}
.blog-posts h4 {
  font-size:16px;
  line-height:20px;
  font-weight:bold;
}
.blog-posts p {
  font-size:12px;
  line-height:16px;
}
.blog-posts .blog-content {
  height:106px;
  overflow:hidden;
  margin-bottom:4px;
}
.wall-listing h5 {
  height:20px;
  overflow:hidden;
  margin-bottom:0px;
  font-weight:bold;
}
.wall-listing p {
  font-size:12px;
  line-height:14px;
  height:14px;
  overflow:hidden;
  margin-top:0px;
  margin-bottom:14px;
}
.kumppanit img { margin-bottom:5px; }
.wall-listing h5 {
  height:20px;
  overflow:hidden;
  margin-bottom:0px;
  font-weight:bold;
}
.wall-listing p {
  font-size:12px;
  line-height:14px;
  height:14px;
  overflow:hidden;
  margin-top:0px;
  margin-bottom:14px;
}
.kotisivupaketit ul {
  font-family:'Open Sans', sans-serif;
  margin-left:15px;
}
.kotisivupaketit li { line-height:16px; }
.kotisivupaketit .hinta {
  font-weight:bold;
  font-size:14px;
  line-height:18px;
}
.kotisivupaketit .pyyda-tarjous {
  margin-top:20px;
  text-align:center;
}
.partneredut .label { vertical-align:top; }
.partneredut h4 {
  font-size:16px;
  line-height:18px;
  margin-bottom:0px;
  font-weight:bold;
  margin-top:20px;
}
.jasenedut p {
  font-size:12px;
  line-height:14px;
}
.jasenedut h4 {
  margin-bottom:7px;
  line-height:14px;
  font-size:14px;
  font-weight:bold;
}
.jasenedut img { margin-bottom:20px; }
#subNavigation li {
  display:block;
  margin-left:5px;
  text-shadow:1px 1px #353535;
  margin-top:4px;
}
#subNavigation {
  list-style-type:none;
  list-style:none;
  display:none;
  position:absolute;
  top:50px;
  left:213px;
  clear:both;
  padding-top:0px;
  padding-left:5px;
  padding-right:8px;
  padding-bottom:5px;
  margin-left:40px;
  margin-right:20px;
  z-index:200;
  background-color:#34aae1;
  -webkit-box-shadow:0 2px 2px #22749a;
  -moz-box-shadow:0 2px 2px #22749a;
  box-shadow:0 2px 2px #22749a;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-bottom-left-radius:4px;
  border-bottom-left-radius:4px;
  -webkit-border-bottom-right-radius:4px;
  -moz-border-bottom-right-radius:4px;
  border-bottom-right-radius:4px;
}
#subNavigation li a, #subNavigation li a:hover {
  color:#fafafa;
  text-decoration:none;
}
#navigation #palvelut #subNavigation li a:hover { text-decoration:underline; }
#banner-text .alternative-link { margin-top:5px; }
#banner-text .alternative-link a {
  color:#d9d9d9;
  border-bottom:none;
}
.statusbar-toimeksiantaja {
  width:940px;
  padding:20px 0;
  margin:0px auto;
  background-color:#fafafa;
}
.statusbar-toimeksiantaja .alert {
  margin-bottom:0px;
  text-align:center;
}
.statusbar-toimeksiantaja p { margin-bottom:0px; }
.statusbar-toimeksiantaja a { text-decoration:underline; }
.tuntihintalaskuri .numero {
  width:50px;
  text-align:center;
}
.tuntihintalaskuri input { height:20px; }
.tuntihintalaskuri label {
  margin:0px 0px;
  font-weight:normal;
  margin-bottom:3px;
  padding-bottom:10px;
}
.tuntihintalaskuri label input { margin-bottom:0px; }
.tuntihintalaskuri .input-append {
  display:inline;
  padding-bottom:10px;
}
.tuntihintalaskuri .help-inline {
  font-weight:normal;
  padding-top:5px;
}
.tuntihintalaskuri .syote { margin-bottom:10px; }
.landing-page .footer-navi {
  text-align:center;
  color:#b9b9b9;
  line-height:24px;
}
.landing-page .footer-navi a { white-space:nowrap; }
.seo-tarjouspyynnot p {
  font-size:16px;
  font-weight:400px;
  line-height:22px;
}
.seo-tarjouspyynnot .well {
  background:#34aae1;
  border-radius:0px;
  border:0px;
}
.seo-tarjouspyynnot .well p, .seo-tarjouspyynnot .well h5, .seo-tarjouspyynnot .well a { color:#fafafa; }
.seo-tarjouspyynnot .well p {
  font-size:13px;
  line-height:16px;
  margin-bottom:0px;
}
.seo-tarjouspyynnot .well hr { border-bottom:0px; }
.seo-tarjouspyynnot .well h5 {
  font-weight:bold;
  margin-bottom:20px;
  margin-top:0px;
}
.btn-tarjouspyynto {
  border-radius:4px;
  border-color:#fafafa;
  border:2px solid;
  background:#34aae1;
  font-size:18px;
  font-family:'Open Sans', sans-serif;
  padding:10px 20px;
  margin:5px 0px 10px 10px;
}
.btn-tarjouspyynto:hover { background:#2792c3; }
.seo-tarjouspyynnot h2 {
  font-size:22px;
  line-height:28px;
}
.seo-tarjouspyynnot .cta-info {
  font-family:'Open Sans', sans-serif;
  color:#ffffff;
  font-size:18px;
  line-height:26px;
  font-weight:200;
}