::-webkit-input-placeholder {
  color: #ccae94;
}
:-moz-placeholder {
  color: #ccae94;
}
::-moz-placeholder {
  color: #ccae94;
}
:-ms-input-placeholder {
  color: #ccae94;
}


/*************** SERVICE ***********************/
#service {
	margin:20px 0 10px 0;
	border:0px solid #fff;
	background:#fff;
/*	color:#333; */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.service {

}
#service-header {
    padding:10px;
    margin:0 auto;
}
.service-header {

}
.service-theme {
	position:relative;
	width:100%;
}
.service-theme-intro {
	position:absolute;
	top:60px;
	left:40px;
	max-width:50%;
}
.service-theme-intro h1 {
	font-size:36px;
	line-height:1.1em;
	font-weight:bold;
	color:#008133;
    margin-top: 50px;
    margin-bottom: 10px;
}
.service-theme-intro p {
	font-size:18px;
	line-height:145%;
	font-weight:bold;
}

.service-theme-media {
	overflow:hidden;
	width:100%;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
.service-theme-media img {
	overflow:hidden;
	max-width:100%;
	min-width:600px;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border-radius:5px 5px 0 0;
}
#service-title {
	
}
#service .featurelist {
	list-style:none;
	padding:0;
	margin:0;
}
#service .featurelist li {
	list-style:none;
	padding:0 0 0 70px;
	margin:0 0 20px 0;
	overflow:hidden;
}
.featurelist .featureimage {
	float:left;
	margin:0 0 0 -65px;
}
#service .featurelist .featuretitle {
	display:block;
	font-size:16px;
	font-weight:bold;
	line-height:145%;
}
#service .featurelist .featuredescription{
	display:block;
	font-size:14px;
	line-height:145%;
}
.service-title {
	padding:5px 10px 10px 10px;
	display:none;
}
.service-title h2 {
	font-size:1.6em;
	line-height:125%;
	margin:0;
	padding:0;
}
#service-navigation {

}
.service-navigation {

}
#service-content {

}
.service-content {

}
#service-content .row-block-title {
	padding:5px 0px;
}
#service-content .row-block-title h2 {
	padding:0;
	margin:0;
}
#service.service .wider {
	width:70%;
}
#service.service .narrower {
	width:30%;
}
#service-footer {

}
.service-footer {

}
.service h2.blocktitle {
	margin-top:0;
	margin-bottom:1em;
	padding-top:0;
}

/* -- SERVICE NAVIGATION -- */

.service-navigation-wrapper {
	width:100%;
	display:block;
    overflow:hidden;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-clip: border-box;
    background-origin: border-box;
    -webkit-transition: height 0.5s ease-in-out;
    -moz-transition: height 0.5s ease-in-out;
    -o-transition: height 0.5s ease-in-out;
    transition: height 0.5s ease-in-out;
}
	
.service-navigation-button {
	display:none;
	overflow:hidden;
    padding:13px 13px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    background:#ff8000;
    cursor:pointer;
    
}

#service-navigation-button .labels {
    float:right;
    font-weight:normal;
}

.active .service-navigation-button {
	
}

#service-navigation .label-close ,
#service-navigation .label-open {
	display:none;
/*	
	color:#fff;
	background:#ff8000;
	padding:15px 15px;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	cursor:pointer;
	overflow:hidden;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
*/
}
#service-navigation.service-navigation .label-open {
	display:block;
}
#service-navigation.active .label-close {
	display:block;
/*	
	border-bottom: 1px solid #fff;
	-moz-border-radius:2px 2px 0 0;
	-webkit-border-radius:2px 2px 0 0;
	border-radius:2px 2px 0 0;
*/
}
#service-navigation.inactive .label-open {
	display:block;
}
.service-navigation-list {
    /*
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	background:#A0B9F0;	
	overflow:hidden;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	background-clip: border-box;
	background-origin: border-box;
	*/
	
    border-bottom: 3px solid #ff8000;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;	
    background-clip: border-box;
    background-origin: border-box;    
}
.service-navigation-list li {
    /*
	float:left;
	display:block;
	padding:0;
	margin:0;
	border-right:1px solid #fff;
	overflow:hidden;
	*/
    display: inline-block;
    margin: 0 0 -3px 15px;	
}
/*
.service-navigation-list li:last-child {
	border-right:none;
}
*/
.service-navigation-list li a {
    /*
	display:block;
	padding:10px 12px;
	color:#fff;
	text-decoration:none;
	*/
    border: 3px solid transparent;
    border-bottom: none;
    padding: 10px 30px;
    /*color: #0073cf;*/
    text-decoration: none;
    font-weight: 600;
    background: transparent;	
}
/*
.service-navigation-list li:first-child a {
	-moz-border-radius:2px 0 0 2px;
	-webkit-border-radius:2px 0 0 2px;
	border-radius:2px 0 0 2px;
	background-clip: border-box;
	background-origin: border-box;
}
*/
/* .service-navigation-list li a:hover  */
.service-navigation-list li a.active
{
	/*background:#008133;*/
    border-color: #ff8000;
    border-top-color: rgb(255, 128, 0);
    border-right-color: rgb(255, 128, 0);
    border-bottom-color: rgb(255, 128, 0);
    border-left-color: rgb(255, 128, 0);
    background: #ffffff;
    color: #394a58;
    display: block;	
}

.service-navigation-list li a .description {
	color:#a0b9f0;
}
.service-navigation-list li a.active .description ,
.service-navigation-list li a:hover .description {
	color:#99cdad;
}


.service-navigation-list .title {
	display:block;
	font-weight:bold;
	font-size:12px;
}
.service-navigation-list .outside .title {
	padding-left:16px;
	background:url(img/icon-launch.png) 0 40% no-repeat;
}
.service-navigation-list .description {
	display:block;
	font-size:11px;
	line-height:150%;
}
.service-navigation-list.hide {
	display:none;
}
.service-navigation-list.show {
	display:block;
}
/* -- /SERVICE NAVIGATION -- */




/* ---------- DATA FORM ---------------------*/
/* === Remove input autofocus webkit === */
.datainspectform  *:focus {outline: none;}

/* === Form Typography === */
.datainspectform h2 {
	font-size:14px;
	font-weight:normal;
}
.datainspectform label {
	font-size:12px;
	font-weight:normal;
}
.form_hint,
.required_notification {
	font-size: 11px;
}

/* === List Styles === */
.datainspectform ul {
    width:100%;
    list-style-type:none;
	list-style-position:outside;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	border:1px solid #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.datainspectform li{
	padding:5px 10px; 
	margin:0;
	border-bottom:0px solid #eee;
	position:relative;
	overflow:hidden;
}
.datainspectform li.formtitle{
	padding:10px 10px 9px; 
	margin:0;
	border-bottom:0px solid #eee;
	position:relative;
	overflow:hidden;
}
.datainspectform li.formfooter {
	margin:10px 0 0 0; 
} 
.datainspectform li:first-child,
.datainspectform li:last-child {
	
}

/* === Form Header === */
.datainspectform h2 {
	margin:0;
	display:inline;
	font-weight:bold;
	font-size: 16px;
	color:#008133;
}
.required_notification {
	color:#F1B457; 
	margin:0 0 0 0; 
	display:inline;
	float:right;
	font-weight:bold;
}

/* === Form Elements === */
.datainspectform label {
	display:inline-block;
	margin-top: 3px;
	margin-right:30px;
	padding:3px;
}
.datainspectform label.inputtitle {
	width:150px;
	margin-top: 3px;
	margin-right:0;
	display:inline-block;
	float:left;
	padding:3px;
/*	color:#666;*/
	font-weight:600;
}
.datainspectform input {
	height:20px; 
	width:230px; 
	padding:5px 10px;
	margin-right:5px;
}
.datainspectform input.required {
	background:url(img/icon-required.png) no-repeat right center;
	width:220px;
	padding-right:20px;
}
.datainspectform input.field-short {
	width:90px;
}
.datainspectform input.field-short.required {
	width:80px;
}
.datainspectform input.field-medium {
	width:130px;
}
.datainspectform input.field-medium.required {
	width:120px;
}
.datainspectform textarea {
	padding:8px 10px;
	width:300px;
}
.datainspectform button {

}

	/* form element visual styles */
	.datainspectform input, .datainspectform textarea { 
		border:2px solid #ff8000;
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border-radius:3px;
		-moz-transition: padding .25s; 
		-webkit-transition: padding .25s; 
		-o-transition: padding .25s;
		transition: padding .25s;
	}
	.datainspectform input:focus, .datainspectform textarea:focus {
		/*background: #fff; */
		/*border:1px solid #008133;*/
		background: #ffe2bf;
	}
	.datainspectform input[type='radio'] ,
	.datainspectform input[type='checkbox'] {
		border:none;
		padding:0;
	}


	
/* === Button Style === */
button.submit {
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	line-height:100%;
	padding:7px 15px;
	color:#fff;
	background:#ff8000;
	text-decoration:none;
	
	border:none;
	
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	
		-webkit-transition: background 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
   -moz-transition: background 0.2s ease-out;  /* Firefox 4-15 */
	 -o-transition: background 0.2s ease-out;  /* Opera 10.509612.00 */
		transition: background 0.2s ease-out;
}
button.submit:hover {
	background:#ff9326;
	text-decoration:none;
}
button.submit:active {
	background:#e57300;
}

input[type="radio"] ,
input[type="checkbox"] {
	width: auto;
	vertical-align:middle;
	margin:-1px 5px 0 0;
}








/* --- FORM REPLY --- */

#formreply {

}
.pointy {
	display:block;
	width:21px;
	height:11px;
	background:url(img/pointy.png) no-repeat;
	margin:-31px 0 10px 0px;
}
.formreply {
	margin:20px 0 0 0;
	padding:20px;
	background:#f9f9f9;
	border:1px solid #eee;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.formreplyinner {
	
}
.replysummary {
	font-size:14px;
	line-height:145%;
	font-weight:bold;
	border-bottom:1px solid #eee;
	padding:10px 0 10px 0;
	margin:0 0 10px 0;
}
.replysummary p {
	margin:0 0 10px 0;
}
.replylisting {

}
.replylisting h3 {
	margin:30px 0 20px 0;
	padding:0 0 5px 0;
	font-size:16px;
	font-weight:bold;
	color:#ff8000;
	border-bottom:1px solid #eee;
}
.replydata {
	list-style:none;
	padding:0 0 0 0;
	margin:20px 0 20px 0;
}
.replydata li {
	overflow:hidden;
	padding:0;
	margin:0 0 1px 0;
}
.replydata .dataunit ,
.replydata .datavalue {
	display:block;
	float:left;
}
.replydata .dataunit {
	width:145px;
	padding:3px 8px 3px 3px;
	color:#666;
}
.replydata .datavalue {
	font-weight:bold;
	padding:3px;
}


.replydata .datafixed {
	background:#F1B457;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}




.replytechnical {
	margin:20px 0 0 0;
	padding:20px 0 0 0;
	border-top:0px solid #eee;
}

.toggleswitch {
	margin:0 0 0 0;
	font-weight:bold;
	color:#008133;
}
.toggleswitch:hover {
	margin:0 0 0 0;
	font-weight:bold;
	color:#008133;
}
.toggleclosed .toggleswitch ,
.toggleopen .toggleswitch {
	padding:0 0 0 20px;
	cursor:pointer;
}
.toggleclosed .toggleswitch {
	background:url(img/icon-more.png) no-repeat 0 0;
}
.toggleopen .toggleswitch{
	background:url(img/icon-less.png) no-repeat 0 0;
}
.toggleclosed .showhide {
	display:none;
}
.toggleopen .showhide {
	display:block;
}
.replytechnicaldata {
	margin:20px 0 0 0;
}
.replytechnicalquery textarea ,
.replytechnicalresponse textarea {
	width:100%;
	border:1px solid #ddd;
	background:#f0f0f0;
	color:#888;
	margin:0;
	padding:3px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.replytechnicalquery textarea{
	height:40px;
	margin:0 0 10px 0;
}
.replytechnicalresponse textarea{
	height:400px;
}
.replytechnicalquery label ,
.replytechnicalresponse label {
	color:#666;
	display:block;
	margin:0 0 5px 0;
	padding:3px;
}

/* --- FORM REPLY --- */










/*ADAPTIIVISUUS*/
@media screen and (max-width: 800px) {
	.service-theme-intro {
		position:absolute;
		top:30px;
		left:20px;
		max-width:50%;
	}
	.service-theme-intro h1 {
		font-size:30px;
		line-height:1.1em;
		font-weight:bold;
		color:#008133;
	}
	.service-theme-intro p {
		font-size:16px;
		line-height:145%;
		font-weight:bold;
	}
}
@media screen and (max-width: 768px) {
	#service-navigation-wrapper {
        -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        -webkit-transition: height 0.5s ease-in-out;
        -moz-transition: height 0.5s ease-in-out;
        -o-transition: height 0.5s ease-in-out;
        transition: height 0.5s ease-in-out;    	
		
	}
	
	
	.service-navigation-button {
		display:block;
	}
	.service-navigation .service-navigation-list ,
	.inactive .service-navigation-list {
		display:none;
	}
	.service-navigation-list {
		padding:0;
		border-radius:0 0 3px 3px;
        border-top: none;		
        border-left: 1px solid #d7d7d7;
        border-right: 1px solid #d7d7d7;
        border-bottom: 1px solid #d7d7d7;
		/*border-bottom: medium none #ffffff;*/
	}

	.service-navigation-list li {
		width:100%;
		border:none;
		margin:0;
	}
	.service-navigation-list li a {
		margin:0;
		/*color: #394A58; uncomment this if you want black links */
		/*
		-moz-border-radius:3px !important;
		-webkit-border-radius:3px !important;
		border-radius:3px !important;
		*/
	}
	
    .service-navigation-list li a:hover
    {
        background-color: #f2f0ed;
    }	
    .service-navigation-list li a.active
    {
        border: 3px solid transparent;
        background-color: #f2f0ed;
        display: block; 
    }

}
@media screen and (max-width: 670px) {
	.service-theme-intro {
		max-width:60%;
	}
	.service-theme-intro h1 {
		font-size:30px;
		line-height:1.1em;
	}
	.service-theme-intro p {
		font-size:12px;
		line-height:145%;
		font-weight:bold;
	}
	.datainspectform label.inputtitle {
		width: 100%;
		display: block;
		float: left;
		padding: 3px 0;
	}
}