body{
    margin-top: 0px; 
    margin-bottom: 0px; 
    margin-left: 0px; 
    margin-right: 0px;
    padding: 0;
    color: black; 
    font-size: 10pt; 
    font-family: "Trebuchet MS", sans-serif;
    background-color: #E2E2E2;
}
a {
	text-decoration:none;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	color:#29aae3;
}
a:hover {
	text-decoration:underline;
	color:#014a81;
}
.otsikko {
	font-size:15pt;
}
.nappi {
    background-color: #014a81;
	color: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}
.nappi2 {
    background-color: #d21233;
	color: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}
.topnappi {
    background-color: #f5f5f5;
	color: #014a81;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}
.topnappi:hover {
    background-color: #ffffff;
	color: #014a81;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
}
.nappi-laatu {
    background-color: #29aae3;
	color: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px 2px 5px;
}
.nappi-laatu:hover {
    background-color: #006a9c;
	color: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px 2px 5px;
}
.nappi-sinetti { 
    background-color: #ffafbc;
	color: #333333;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px 2px 5px;
}
.nappi-sinetti:hover {
    background-color: #d21233;
	color: #ffffff;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px 2px 5px;
}

.loginform {
	border: 1px solid #c0c0c0;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 15px;
	width:100%;
	max-width: 400px;
}

.taulukko td {
	padding: 5px;
	border-bottom: 1px solid #dedede;
}
.taulukko tr:hover {
	background-color:#ebebeb;
}


form {
		margin: 0 0 0 0;
	}

	label {
		color: #333;
		display: block;
		font-size: 0.9em;
		font-weight: bold;
		margin: 0 0 0 0;
	}

	input[type="text"],
	input[type="password"],
	input[type="email"],
	input[type="tel"],
	select,
	textarea {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		background: rgba(144, 144, 144, 0.075);
		border-radius: 4px;
		border: none;
		border: solid 1px rgba(0, 0, 0, 0.25);
		color: inherit;
		display: block;
		outline: 0;
		padding: 0.7em 0.7em;
		text-decoration: none;
		width: 100%;
	}

		input[type="text"]:invalid,
		input[type="password"]:invalid,
		input[type="email"]:invalid,
		input[type="tel"]:invalid,
		select:invalid,
		textarea:invalid {
			box-shadow: none;
		}

		input[type="text"]:focus,
		input[type="password"]:focus,
		input[type="email"]:focus,
		input[type="tel"]:focus,
		select:focus,
		textarea:focus {
			background-color:#dedede;
			border-color: #5AA6ED;
			box-shadow: 0 0 0 1px #5AA6ED;
		}

	input[type="checkbox"],
	input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		-ms-appearance: none;
		appearance: none;
		display: block;
		float: left;
		margin-right: -2em;
		opacity: 0;
		width: 1em;
		z-index: -1;
	}

		input[type="checkbox"] + label,
		input[type="radio"] + label {
			text-decoration: none;
			color: #444;
			cursor: pointer;
			display: inline-block;
			font-size: 1em;
			font-weight: normal;
			padding-left: 2.4em;
			padding-right: 0.75em;
			position: relative;
		}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				-moz-osx-font-smoothing: grayscale;
				-webkit-font-smoothing: antialiased;
				font-family: FontAwesome;
				font-style: normal;
				font-weight: normal;
				text-transform: none !important;
			}

			input[type="checkbox"] + label:before,
			input[type="radio"] + label:before {
				background: rgba(144, 144, 144, 0.075);
				border-radius: 4px;
				border: solid 1px rgba(144, 144, 144, 0.25);
				content: '';
				display: inline-block;
				height: 1.65em;
				left: 0;
				line-height: 1.58125em;
				position: absolute;
				text-align: center;
				top: 0;
				width: 1.65em;
			}

		input[type="checkbox"]:checked + label:before,
		input[type="radio"]:checked + label:before {
			background: #5a5a5a;
			border-color: #5a5a5a;
			color: #ffffff;
			content: '\f00c';
		}

		input[type="checkbox"]:focus + label:before,
		input[type="radio"]:focus + label:before {
			border-color: #5AA6ED;
			box-shadow: 0 0 0 1px #5AA6ED;
		}

	input[type="checkbox"] + label:before {
		border-radius: 4px;
	}

	input[type="radio"] + label:before {
		border-radius: 100%;
	}

	::-webkit-input-placeholder {
		color: #333 !important;
		opacity: 1.0;
	}

	:-moz-placeholder {
		color: #333 !important;
		opacity: 1.0;
	}

	::-moz-placeholder {
		color: #333 !important;
		opacity: 1.0;
	}

	:-ms-input-placeholder {
		color: #333 !important;
		opacity: 1.0;
	}

	.formerize-placeholder {
		color: #333 !important;
		opacity: 1.0;
	}

.radio-toolbar input[type="radio"] {
    display:none; 
}

.radio-toolbar label {
    display:inline-block;
    background-color:#ffffff;
    padding:4px 11px;
    font-family:Arial;
    font-size:16px;
	color:#333333;
}

.radio-toolbar input[type="radio"]:checked + label { 
	color:#333333;
    background-color:#ffffff;
}