/*Yleiset tyylit*/

/*Layout tyylit***********************/
html {
	height: 100%;
}

body {
	padding: 0;
	height: 100%;
}

.page {
	margin: 0 auto;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}

#title img {
	width: 100%;
	height: auto;
	max-width: 370px;
}

#title {
	max-width: 1180px;
	margin: 0px auto;
	padding: 0 20px;
}

#header {
	background: none no-repeat scroll 0 0 #2C3E50;
	width: 100%;
}

#loginDisplay {
	font-size: x-small;
	padding-right: 10px;
	color: #ADADAD;
	font-size: 11px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 15px 2px 15px;
	right: 0;
}

	#loginDisplay p, #loginDisplay a {
		color: white;
		font-size: 13px;
	}

#loginDisplay-user {
	position: relative;
}

#loginDisplay-logout {
	position: relative;
	width: auto;
	height: 25px;
	padding-right: 10px;
	margin-left: auto;
	color: #ADADAD;
	font-size: 11px;
	text-decoration: none;
}

#loginDisplay-user a {
	color: #ADADAD;
	font-size: 11px;
	text-decoration: none;
}

#loginDisplay-logout a {
	color: #ADADAD;
	font-size: 11px;
	text-decoration: none;
}

.footer {
	background: none no-repeat scroll 0 0 #2C3E50;
	width: 100%;
}

.footerWrapper {
	padding: 25px 20px 20px 25px;
	overflow: auto;
	margin: 0 auto;
	max-width: 1180px;
	height: inherit;
	color: #2980B9;
	overflow: hidden;
	clear: both;
}

.footerVasen {
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	display: inline-block;
	color: #aeaeae;
}

.footerOikea {
	float: right;
	color: #aeaeae;
}

	.footerOikea a {
		color: #aeaeae;
	}

.footerYla {
	text-align: left;
	background: none no-repeat scroll 0 0 #E1E1E1;
	width: 100%;
}

.footerYlaContainer {
	padding: 5px 20px 5px 20px;
	overflow: auto;
	margin: 0 auto;
	max-width: 1180px;
	color: #2980B9;
}

.footerYlaExtraMarginTop {
	margin-top: 0px;
}
/*Login box*******************************/
.loginContainer {
	margin: 0px auto;
	background: none no-repeat scroll 0 0 #EEEEEE;
	max-width: 500px;
	box-shadow: 0px 0px 15px 5px lightgray;
	border: 1px solid #ADADAD;
	/*border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;*/
}

.loginHeader {
	background: none no-repeat scroll 0 0 #2C3E50;
	padding: 10px 0px 10px 20px;
	/*border-radius: 10px 10px 0 0;
		-moz-border-radius: 10px 10px 0 0;
		-webkit-border-radius: 10px 10px 0 0;*/
}

	.loginHeader h2 {
		color: white;
	}

.loginBody {
	background: none no-repeat scroll 0 0 #EEEEEE;
	padding: 20px;
	/*border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;*/
}

.loginInputBox {
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}

.loginRow {
}

.loginRowLeft {
}

.loginRowRight {
}

.loginButton {
	margin: 0 auto;
}

	.loginButton [type=submit] {
		padding: 5px 20px 5px 20px;
		background-color: #e74c3c;
		color: white;
	}

.loginError {
	color: red;
}

/*Sivujen tyylit************************/

.viewHeaderBox {
	overflow: hidden;
	padding-bottom: 15px;
	margin-bottom: 15px;
	padding-left: 5px;
	word-break: normal;
	word-wrap: normal;
}

.separator {
	width: 100%;
	height: 5px;
	background-color: lightgray;
	margin-bottom: 10px;
}

/*Div table layout*/
.tableWrapper {
	overflow: visible;
	max-width: 1180px;
	margin: 0 auto;
	margin-bottom: 20px;
}

.vaaliTiedot {
	background-color: #EEEEEE;
}

.vaaliPercent {
	background-color: #EEEEEE;
}

.table-respve {
	background-color: #eeeeee;
	width: 100%;
}

.tablerow-respve {
}

.tableColumn-respve {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 10px;
	overflow: auto;
}

.breakLineThin {
	background-color: white;
	height: 5px;
	padding-bottom: 0px;
}

.tableCellRespve-header {
	display: table-cell;
	padding-left: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	overflow: auto;
}

.tableCellRespve-headerVaaliaktiivisuus {
	padding: 20px;
	overflow: auto;
	color: white;
	background: none no-repeat scroll 0 0 #2C3E50;
}

.tableColumn-respveVaaliaktiivisuus {
	overflow: auto;
}

.tableCellRespve-contentVaaliaktiivisuus {
	padding: 5px;
	text-align: center;
	font-size: 70px;
	color: #27AE60;
}

.tableCellRespve-contentVaaliaktiivisuusAla {
	padding: 15px 10px 10px 15px;
	text-align: left;
}

.tableCellRespve-content {
	word-break: normal;
	word-wrap: break-word;
}

.tableCellRspve-resizeButton {
	width: 250px;
}


/*Buttons**************/

/*Overriding bootstrap's button rounding and font-weight*/
.btn {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	font-weight: 500;
}

.aanestajaButton {
	overflow: auto;
	width: 100px;
	margin-right: 10px;
}


	.aanestajaButton button {
		background-color: #2C3E50;
		padding-right: 10px;
		padding-bottom: 5px;
		width: 100px;
		color: white;
	}

		.aanestajaButton button:disabled {
			background-color: #e2e2e2;
			width: 100px;
			color: #808080;
		}

/*Grid buttons*/
.adminButton {
	overflow: auto;
	width: 100px;
	float: left;
	margin-right: 10px;
}

	.adminButton button {
		background-color: #e74c3c;
		float: left;
		margin-right: 10px;
		margin-bottom: 5px;
		/*width: 100px;*/
		width: auto;
		color: white;
	}

		.adminButton button:disabled {
			background-color: #ebae79;
			/*width: 100px;*/
			width: auto;
			color: #ADADAD;
		}

/*Button up*/
.aanestajaButtonYla {
	overflow: auto;
	width: 100%;
}

	.aanestajaButtonYla button {
		background-color: #2C3E50;
		float: left;
		padding-right: 10px;
		color: white;
		margin-right: 5px;
	}

		.aanestajaButtonYla button:disabled {
			background-color: #e2e2e2;
			float: left;
			padding-right: 10px;
			width: 100%;
			color: #808080;
			margin-right: 5px;
		}

.adminButtonYla {
	overflow: auto;
}

	.adminButtonYla button {
		background-color: #e74c3c;
		padding-right: 10px;
		color: white;
		margin-right: 5px;
		margin-bottom: 5px;
	}

/*Buton down*/
.aanestajaButtonAla {
	overflow: auto;
	width: 100%;
}

	.aanestajaButtonAla button, .aanestajaButtonAla [type=file], .aanestajaButtonAla [type=submit], .aanestajaButtonAla [type=button] {
		background-color: #2C3E50;
		float: left;
		padding-right: 10px;
		color: white;
	}

		.aanestajaButtonAla button:disabled, .aanestajaButtonAla [type=file]:disabled, .aanestajaButtonAla [type=submit]:disabled, .aanestajaButtonAla [type=button]:disabled {
			background-color: #e2e2e2;
			float: left;
			padding-right: 10px;
			color: #808080;
		}

.adminButtonAla {
	overflow: hidden;
	width: 100%;
}

	.adminButtonAla button, .adminButtonAla [type=file], .adminButtonAla [type=submit], .adminButtonAla [type=button] {
		background-color: #e74c3c;
		padding-right: 10px;
		margin-right: 5px;
		margin-bottom: 5px;
		color: white;
		float: left;
	}

		.adminButtonAla button:hover, .adminButtonAla [type=file]:hover, .adminButtonAla [type=submit]:hover, .adminButtonAla [type=button]:hover {
			padding-right: 10px;
			margin-right: 5px;
			margin-bottom: 5px;
			float: left;
			color: #333;
			background-color: #EBEBEB;
			border-color: #ADADAD;
		}

		.adminButtonAla button:disabled, .adminButtonAla [type=file]:disabled, .adminButtonAla [type=submit]:disabled, .adminButtonAla [type=button]:disabled {
			background-color: #EB8E84;
			padding-right: 10px;
			margin-right: 5px;
			margin-bottom: 5px;
			color: white;
			float: left;
		}


.raporttiButtonYla {
	overflow: hidden;
	width: 100%;
	padding-bottom: 10px;
}

	.raporttiButtonYla button, .raporttiButtonYla a {
		background-color: #27AE60;
		color: white;
		margin-bottom: 5px;
	}

.raporttiButtonAla {
	overflow: auto;
	width: 100%;
}

	.raporttiButtonAla button, .raporttiButtonAla [type=file], .raporttiButtonAla [type=submit], .raporttiButtonAla [type=button], .raporttiButtonAla a {
		background-color: #27AE60;
		padding-right: 10px;
		margin-right: 5px;
		margin-bottom: 5px;
		color: white;
		float: left;
	}

		.raporttiButtonAla button:hover, .raporttiButtonAla [type=file]:hover, .raporttiButtonAla [type=submit]:hover, .raporttiButtonAla [type=button]:hover, .raporttiButtonAla a:hover {
			padding-right: 10px;
			margin-right: 5px;
			margin-bottom: 5px;
			float: left;
			color: #333;
			background-color: #EBEBEB;
			border-color: #ADADAD;
		}

		.raporttiButtonAla button:disabled, .raporttiButtonAla [type=file]:disabled, .raporttiButtonAla [type=submit]:disabled, .raporttiButtonAla [type=button]:disabled, .raporttiButtonAla a {
			background-color: #27AE60;
			padding-right: 10px;
			margin-right: 5px;
			margin-bottom: 5px;
			color: white;
			float: left;
		}

.ehdokasKortinButtonWrapper {
	margin: 0 auto;
	/*display: inline-block;*/
	margin: 0% 8% 0% 8%;
}

.ehdokasAanestysButton {
	padding-top: 10px;
	padding-bottom: 10px;
}

.ehdokasAanestysButtonVahvistus {
	margin: 0% 18% 0% 18%;
}

.ehdokasAanestysButton button {
	background-color: #2C3E50;
	color: white;
	clear: both;
	margin-right: 10px;
}

.ehdokasAanestysButton [type=submit] {
	background-color: #2C3E50;
	color: white;
	margin: 0 auto;
}

.ehdokasAanestysButton button:hover {
	clear: both;
	margin-right: 10px;
	color: #333;
	background-color: #EBEBEB;
	border-color: #ADADAD;
}

.ehdokasAanestysButton [type=submit]:hover {
	margin: 0 auto;
	color: #333;
	background-color: #EBEBEB;
	border-color: #ADADAD;
}

.ehdokasEsittelyButton {
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
	float: left;
}

	.ehdokasEsittelyButton button, .ehdokasEsittelyButton a {
		background-color: #2980B9;
		color: white;
		clear: both;
		margin-right: 10px;
	}

.linkButton {
	width: 100%;
}

.dialog {
	display: none;
	background-color: #2C3E50;
	width: 250px;
}

/*Navigation*/
.navBack {
	margin-top: 40px;
	margin-bottom: 15px;
	position: relative;
	min-height: 1px;
	font-size: 15px;
	text-transform: uppercase;
	color: #2980B9;
}

/*Ehdokaslistan tyylit*/
.numberCircle {
	border-radius: 50%;
	behavior: url(PIE.htc);
	width: 45px;
	height: 45px;
	padding: 9px 5px 5px 5px;
	background: #2C3E50;
	border: 2px solid #666;
	color: white;
	text-align: center;
	font: 20px Arial, sans-serif;
}

.ehdokaslstWrapper {
}

.ehdokasContainer {
	height: 100%;
	min-width: 250px;
	max-width: 280px;
	margin: 20px auto;
	padding-bottom: 10px;
}

.ehdokasContainerFixedWidth {
	width: 280px;
}

/*Bootstrap's style overriding*/
.col-sm-4 {
	box-shadow: 0px 0px 15px 5px lightgray;
	margin: 20px;
}

.ehdokasEditIcon {
}

	.ehdokasEditIcon button {
		float: right;
		background-color: white;
	}

.ehdokasTiedot {
	height: 120px;
}

.ehdokasNimi {
}

.ehdokasTyo {
	word-break: break-all;
	word-wrap: break-word;
}

.ehdokasKuva {
	width: 240px;
	height: 135px;
	padding-top: 10px;
	padding-left: 10px;
}

.ehdokasNro {
}

/*EDIT SIVIJEN TYYLI (CELLS) */
.editformBackground {
	background: none no-repeat scroll 0 0 #EEEEEE;
	padding: 20px;
	margin-bottom: 20px;
}

.editformBackgroundEmpty {
	background: none no-repeat scroll 0 0 white;
}

.adminButtonAlaEdit {
}

	.adminButtonAlaEdit button {
		background-color: #e74c3c;
		padding-right: 10px;
		margin-right: 5px;
		margin-bottom: 5px;
		color: white;
		float: left;
		margin: 0 auto;
	}

	.adminButtonAlaEdit [type=submit] {
		background-color: #e74c3c;
		color: white;
	}

	.adminButtonAlaEdit button:hover {
		padding-right: 10px;
		margin-right: 5px;
		margin-bottom: 5px;
		float: left;
		margin: 0 auto;
		color: #333;
		background-color: #EBEBEB;
		border-color: #ADADAD;
	}

	.adminButtonAlaEdit [type=submit]:hover {
		color: #333;
		background-color: #EBEBEB;
		border-color: #ADADAD;
	}

.fileUpload {
	opacity: 0;
}

.deleteUpload {
	background-color: #e74c3c;
	color: white;
	padding: 5px 10px 5px 10px;
	margin-top: 10px;
}

.editPageSeparator {
	height: 1px;
	border: 1px dotted lightgray;
	margin: 0 15px;
}

.validationError {
	padding-top: 10px;
	color: #e74c3c;
	font-weight: 900;
}

.feedbackField {
	background: none no-repeat scroll 0 0 #EEEEEE;
	border-left: solid 5px #2C3E50;
	padding: 20px;
	margin-bottom: 20px;
}

.thumbnail {
	position: relative;
	width: 240px;
	height: 135px;
	overflow: hidden;
}

	.thumbnail img {
		position: absolute;
		left: 50%;
		top: 50%;
		height: 100%;
		width: auto;
		-webkit-transform: translate(-50%,-50%);
		-ms-transform: translate(-50%,-50%);
		transform: translate(-50%,-50%);
	}

		.thumbnail img.portrait {
			width: 100%;
			height: auto;
		}

/*Ehdokkaan esittely modal box*/
/*Overriding Bootstrapin modal box tyylit*/
.modal-content {
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
}

.modalContentShort {
	max-width: 400px;
	margin: 0 auto;
}

.esittelyModalHeader {
	border: none;
	margin: 0 auto;
}

.esittelyModalBody {
	border: none;
	margin: 0 auto;
}

.esittelyModalFooter {
	border: none;
	margin: 0 auto;
}

.esittelyModalClose {
	font-weight: 900;
}

	.esittelyModalClose:hover {
		font-weight: 900;
	}

.tiedotModalCellLinkki a {
	background-color: #2980B9;
	color: white;
	width: 100%;
}

/*Ehdokastiedot modal box*/
.ehdokasTiedotModal {
	overflow: visible;
	width: inherit;
	margin: 0 auto;
	padding-bottom: 10px;
	display: table;
}

.tiedotModalRow {
	display: table-row;
	width: 100%;
}

.tiedotModalCellHeader {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 10px;
	overflow: auto;
	font-weight: 600;
	display: table-header-group;
	width: 100%;
}

.tiedotModalCell {
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 10px;
	overflow: auto;
	display: table-cell;
	width: 100%;
}

.tiedotModalCellLinkki {
	width: 100%;
	margin-top: 20px;
}

/*ehdokkaan tiedot modal*/
.mobileButtonNakyma {
	width: 100%;
	margin: 0 0 10px 0;
}
/*Override bootstrap*/
.modal-footer .btn + .btn {
	width: 100%;
	margin: 0 0 10px 0;
}


/*************************************************************/
/*Media device tyylit*/

@media only screen and (max-device-width : 610px) {

	/*Näytetään pienen ruudun itemit ja piilotetaan ison ruudun itemit*/
	#content-desktop {
		display: none;
	}
	#content-mobile {
		display: block;
	}

	.page {
		overflow-x: hidden;
		height: 100%;
		-webkit-overflow-scrolling: touch;
	}

	.renderbody {
		width: 100%;
		padding: 30px;
		max-width: 1180px;
		margin: 0px auto;
		padding: 20px;
		min-height: 100%;
	}

	#loginDisplay {
		height: 38px;
		margin-left: auto;
		text-align: right;
		top: 30px;
		text-align: right;
		vertical-align: middle;
		font-size: 10px;
	}

		#loginDisplay p, #loginDisplay a {
			color: white;
			font-size: 10px;
		}

	.footer {
		height: 170px;
	}

	.footerYla {
		height: 90px;
	}

	.vaaliTiedot {
		max-width: 610px;
		margin-bottom: 20px;
	}

	.vaaliPercent {
		max-width: 610px;
		margin-bottom: 20px;
	}

	.breakLine {
		background-color: white;
		height: 5px;
		padding: 2px;
	}

	button {
		width: 100%;
	}

	.ehdokasEsittelyButton {
		float: none;
	}

		.ehdokasEsittelyButton a {
			width: 100%;
		}

	.ehdokasEditRight {
		max-width: 600px;
		background-color: #EEEEEE;
		margin-bottom: 20px;
		/*margin-right: 20px;*/
	}

	.ehdokasEditLeft {
		max-width: 600px;
		margin-bottom: 20px;
		margin-right: 20px;
	}

	.aanestajaButton {
		float: right;
	}

	.aanestajaButtonYla {
		position: relative;
	}

	.adminButtonYla button {
		float: left;
	}

	.adminButtonAlaEdit [type=submit] {
		width: 100%;
	}

	.raporttiButtonYla button, .raporttiButtonYla a {
		background-color: #27AE60;
		color: white;
		margin-right: 5px;
		margin-bottom: 5px;
		width: 100%;
	}

	.viewHeaderBox {
		width: 100%;
	}

	.viewHeaderBoxWithoutMargins {
		overflow: hidden;
		padding-bottom: 0px;
		margin-bottom: 0px;
		padding-left: 0px;
		word-break: normal;
		word-wrap: normal;
	}

	.ehdokasContainer {
		padding-top: 10px;
	}

	.ehdokasLinkkiButtons {
		width: auto;
	}

	.ehdokasLinkkiTextCellWidth {
	}

	.ehdokasLinkkiButtonCellWidth {
	}

	/*JQUERY*/
	/*ICON INFO tooltip*/
	.ttip, .ttip_2 {
		width: 250px;
	}

	/*Overriding bootstrapin column tyyliä*/
	.col-sm-4 {
		margin: 0;
	}

	/*ehdokkaan tiedot modal*/
	.mobileButtonNakyma {
		width: 100%;
	}

	.loginRenderBody {
		max-width: 500px;
		padding-left: 10px;
	}

	.tableColumn-respve {
		word-wrap: break-word;
	}
}



/************************************************************************************************/

@media only screen and (min-device-width : 611px) and (max-device-width : 800px) {

	/*Näytetään ison ruudun itemit ja piilotetaan pienen ruudun itemit*/
	#content-desktop {
		display: none;
	}
	#content-mobile {
		display: block;
	}

	.page {
		overflow-x: hidden;
		-webkit-overflow-scrolling: touch;
	}

	.renderbody {
		width: 100%;
		max-width: 1180px;
		/*margin-left: 30px;
				margin-right: 30px;
				margin-top: 30px;*/
		width: 100%;
		max-width: 1180px;
		margin: 0px auto;
		padding: 20px;
		min-height: 77%;
	}

	.loginRenderBody {
		max-width: 500px;
		padding-left: 10px;
	}

	#loginDisplay {
		float: right;
		clear: both;
		position: relative;
		top: 60px;
		font-size: 11px;
	}

		#loginDisplay p, #loginDisplay a {
			color: white;
			font-size: 11px;
		}

	.footer {
		height: 110px;
	}

	.footerYla {
		height: 40px;
	}

	.vaaliTiedot {
		margin-bottom: 20px;
		max-width: 800px;
	}

	.vaaliPercent {
		margin-bottom: 20px;
		max-width: 800px;
	}

	.ehdokasEditRight {
		max-width: 800px;
		background-color: #EEEEEE;
		margin-bottom: 20px;
		/*margin-right: 20px;*/
	}

	.breakLine {
		background-color: white;
		height: 5px;
		padding: 2px;
	}

	.ehdokasEditLeft {
		max-width: 800px;
		margin-bottom: 20px;
		margin-right: 20px;
	}

	button {
		width: 100%;
	}

	.ehdokasEsittelyButton {
		float: none;
	}

		.ehdokasEsittelyButton a {
			width: 100%;
		}

	.aanestajaButton {
		float: right;
	}

	.aanestajaButtonYla {
		position: relative;
	}

	.adminButtonYla button {
		float: left;
	}

	.adminButtonAlaEdit [type=submit] {
		width: 100%;
	}

	.raporttiButtonYla button, .raporttiButtonYla a {
		background-color: #27AE60;
		color: white;
		margin-right: 5px;
		margin-bottom: 5px;
		width: 100%;
		overflow: hidden;
	}

	.viewHeaderBox {
		width: 100%;
		word-break: break-all;
		word-wrap: break-word;
	}

	.ehdokasContainer {
		padding-top: 10px;
	}

	.ehdokasLinkkiButtons {
		float: left;
	}

	.ehdokasLinkkiTextCellWidth {
		min-width: 120px;
		max-width: 150px;
	}

	.ehdokasLinkkiButtonCellWidth {
		width: 95px;
	}

	/*JQUERY*/
	/*ICON INFO tooltip*/
	.ttip, .ttip_2 {
		width: 300px;
	}
}


/*****************************************************************************************/

@media only screen and (min-device-width : 801px) {

	/*Näytetään ison ruudun itemit ja piilotetaan pienen ruudun itemit*/
	#content-desktop {
		display: block;
	}
	#content-mobile {
		display: none;
	}

	.renderbody {
		width: 100%;
		padding: 30px;
		max-width: 1180px;
		margin: 0 auto;
		width: 100%;
		max-width: 1180px;
		margin: 0px auto;
		padding: 20px;
		min-height: 77%;
	}

	.loginRenderBody {
		max-width: 500px;
		margin: 0% 20% 0% 20%;
		/*margin: 0px auto;*/
		padding: 20px;
	}

	#loginDisplay {
		float: right;
		clear: both;
		position: relative;
		top: 60px;
	}

	.tableWrapper {
		display: flex;
	}

	.footer {
		/*height: 60px;*/
		min-height: 100px;
	}

	.footerYla {
		height: 30px;
	}

	.table-respve {
		display: table;
	}

	.tablerow-respve {
		display: table-row;
	}

	.tableColumn-respve {
		display: table-cell;
		min-width: 150px;
		max-width: 300px;
	}

	.tableCellRespve-header {
		display: table-cell;
	}

	.breakLine {
		background-color: white;
		height: 10px;
	}

	.vaaliTiedot {
		margin-right: 20px;
		margin-bottom: 20px;
		max-width: 830px;
	}

	.vaaliPercent {
		margin-bottom: 20px;
		max-width: 350px;
	}

	.tableCellRespve-contentVaaliaktiivisuusAla {
		word-break: normal;
	}

	/*.tableCellRespve-content {
				word-break: normal;
				word-wrap: break-word;
		}*/

	.ehdokasEditRight {
		width: 100%;
		max-width: 880px;
		background-color: #EEEEEE;
		margin-bottom: 20px;
	}

	.ehdokasEditLeft {
		max-width: 300px;
		/*background-color: #EEEEEE;*/
		margin-bottom: 20px;
		margin-right: 20px;
	}


	.aanestajaButton {
		float: right;
	}

	.adminButtonYla button {
		float: right;
	}

	.raporttiButtonYla button, .raporttiButtonYla a {
		float: right;
		margin-left: 5px;
	}

	.ehdokasLinkkiButtons {
		float: left;
	}

	.ehdokasLinkkiTextCellWidth {
		min-width: 120px;
		max-width: 150px;
	}

	.ehdokasLinkkiButtonCellWidth {
		width: 95px;
	}

	/*JQUERY*/
	/*ICON INFO tooltip*/
	.ttip, .ttip_2 {
		width: 350px;
	}
}

/*****************************************************************/

/*JQUERY*/
/*ICON INFO tooltip*/
.ttip, .ttip_2 {
	position: absolute;
	/*width: 200px;*/
	height: auto;
	color: #fff;
	padding: 20px;
	-webkit-box-shadow: 0 1px 2px #303030;
	-moz-box-shadow: 0 1px 2px #303030;
	box-shadow: 0 1px 2px #303030;
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	-o-border-radius: 8px 8px 8px 8px;
	background-image: -moz-linear-gradient(top,#e74c3c,#E98D82);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#e74c3c), to(#E98D82));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e74c3c', endColorstr='#E98D82', GradientType=0);
	background-color: #000;
	display: none;
}

.contents, .contents_2 {
	font-size: 15px;
	font-weight: bold;
}

.note, .note_2 {
	color: black;
	background-color: #d3d3d3;
	font-weight: 600;
	float: right;
}

	.note input[type=button], .note_2 input[type=button] {
		width: 20px;
		height: 20px;
		font-weight: 700;
		padding-bottom: 20px;
		padding-right: 15px;
	}

#background, #background_2 {
	display: none;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: #000000;
	z-index: 1;
}

#large, #large_2 {
	display: none;
	position: absolute;
	background: #FFFFFF;
	padding: 0px;
	z-index: 10;
	min-height: 0px;
	min-width: 0px;
	color: #336699;
}

/*Ehdokkaan linkkien lisätyylit*/
/*Table text wrap*/
.ehdokasLinkkiWrapText {
	word-break: break-all;
	word-wrap: break-word;
}

.ehdokasLinkkiButtons {
	margin: 3px;
	width: auto;
}

/*Textbox place holder's watermark style*/
.watermark::-webkit-input-placeholder {
	font-style: italic;
}

.watermark::-moz-placeholder {
	font-style: italic;
}
/* firefox 19+ */
.watermark:-ms-input-placeholder {
	font-style: italic;
}
/* ie */

/*File upload styles*/
.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: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.btn-file {
	overflow: hidden;
	position: relative;
	vertical-align: middle;
	background-color: #e74c3c;
	border-color: #ADADAD;
}

	.btn-file:hover {
		overflow: hidden;
		position: relative;
		vertical-align: middle;
		background-color: #eee;
		color: #4d4c4c;
		border-color: #ADADAD;
	}

	.btn-file > input {
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		opacity: 0;
		filter: alpha(opacity=0);
		transform: translate(-300px, 0) scale(4);
		font-size: 23px;
		direction: ltr;
		cursor: pointer;
	}

.fileupload {
	margin-bottom: 9px;
}

	.fileupload .uneditable-input {
		display: inline-block;
		margin-bottom: 0px;
		vertical-align: middle;
		cursor: text;
	}

	.fileupload .thumbnail {
		overflow: hidden;
		display: inline-block;
		margin-bottom: 5px;
		vertical-align: middle;
		text-align: center;
	}

		.fileupload .thumbnail > img {
			display: inline-block;
			vertical-align: middle;
			max-height: 100%;
		}

	.fileupload .btn {
		vertical-align: middle;
	}

.fileupload-exists .fileupload-new, .fileupload-new .fileupload-exists {
	display: none;
}

.fileupload-inline .fileupload-controls {
	display: inline;
}

.fileupload-new .input-append .btn-file {
	-webkit-border-radius: 0 3px 3px 0;
	-moz-border-radius: 0 3px 3px 0;
	border-radius: 0 3px 3px 0;
}

.thumbnail-borderless .thumbnail {
	border: none;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.fileupload-new.thumbnail-borderless .thumbnail {
	border: 1px solid #ddd;
}

.control-group.warning .fileupload .uneditable-input {
	color: #a47e3c;
	border-color: #a47e3c;
}

.control-group.warning .fileupload .fileupload-preview {
	color: #a47e3c;
}

.control-group.warning .fileupload .thumbnail {
	border-color: #a47e3c;
}

.control-group.error .fileupload .uneditable-input {
	color: #b94a48;
	border-color: #b94a48;
}

.control-group.error .fileupload .fileupload-preview {
	color: #b94a48;
}

.control-group.error .fileupload .thumbnail {
	border-color: #b94a48;
}

.control-group.success .fileupload .uneditable-input {
	color: #468847;
	border-color: #468847;
}

.control-group.success .fileupload .fileupload-preview {
	color: #468847;
}

.control-group.success .fileupload .thumbnail {
	border-color: #468847;
}

.linespace {
	margin-bottom: 10px;
	padding-bottom:10px;
}