html.html-applicant {
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
}

body.body-applicant {
	font-size: 12px;
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

div.ap_status span.error {
	color: #003479;
}

form.application_form div.section div.help {
	width: 98%;
}

div.register_specification {
	padding: 10px;
}

div.cont20 {border: 0;}
div.result_count {font-size: 16px; padding-bottom: 5px;}

/**
* Color specs:
* valion sininen 003479
* taivaan sininen 009DDB
* talven sininen B0DCFA
* maidon valkea F9F7E4
* iltahamara A98ACF
*/

html.html-applicant {
	background-color: #f9f9f9;
	background: url("../logos/valio-applicant-bg.png") no-repeat fixed;
	background-size: cover;
	background-position: top right;
}
#wrapper-applicant {
	background: #FFF;
	margin-top: 50px;
}

div.applicant_logo img {
	max-width: 200px;
	width: 100%;
}

body #wrapper-applicant div.cont10 div.ap_top_login {
	background-color: #FFF;
	font-size: 11px;
	padding: 3px 10px;
	width: 290px;
	height: auto;
	border-color: #ccc;
	margin-top: 10px;
}

div.ap_link_to_job_list {
	background: transparent;
	border: 0;
	margin-top: 25px;
	text-align: right;
}

div.ap_top_login, div.job_page div.section div.sectiontitle, div.ap_job_login { background: #f9f6f1; border: 1px solid #F9F7E4; }
div.ap_top_login a, div.ap_top_login a:link, div.ap_job_login a, div.ap_job_login a:link, div.ap_open_application_jobs a, div.ap_open_application_jobs a:link, div.ap_footer a:link, div.ap_footer a, div.apply_to_job a, div.apply_to_job a:link, div.ap_top_login a:visited, div.ap_job_login a:visited, div.ap_open_application_jobs a:visited, div.ap_footer a:visited, div.apply_to_job a:visited, div.ap_link_to_job_list a, div.ap_link_to_job_list a:link, div.ap_link_to_job_list a:visited  {text-decoration: none;color: #004697}
div.ap_top_login a:hover, div.ap_top_login ahover, div.ap_job_login a:hover, div.ap_job_login a:hover, div.ap_open_application_jobs a:hover, div.ap_footer a:hover, div.apply_to_job a:hover, div.ap_link_to_job_list a:hover {text-decoration: underline;color: #004697}
div.job_page div.section div.sectiontitle { padding: 5px; margin-top: 10px; border: 1px solid #999; border-top-color: #ddd; border-left-color: #ddd; }
div.ap_job_login { border: 1px solid #aaa; margin-bottom: 20px; padding: 5px;}
div.ap_job_login div.submit-button {margin-top: 15px}
div.ap_footer {background-color: #FFFFFF}
div.job_description {border-bottom: 0; }
div.job_page .help {background-color: #A98ACF; padding: 5px; font-style: italic; width: 750px}
div.job_page { background-color: #FFF; padding: 15px; width: 96%}
div.job_page div.job_name {color: #003479; font-size: 20px; margin: 20px}
div.job_description ul br {display: none}

/* Bg for applicant side */
div.main_cont1 { background-repeat: no-repeat; background-position: top center; margin: 0;}
div.ap_open_application_jobs {padding: 0 10px 10px; width: 97%}
div.job_page div.section div.sectiontitle {
	background: url(/logos/valio-sini-title-bg.png);
	background-size: cover;
	color: #FFF;
}

/* Borders */
div.cont13 {margin-top: 5px; background-color: #FFF}
div.auto_list_open_jobs table.results, div.auto_list_open_jobs tr, div.auto_list_open_jobs td, div.auto_list_open_jobs th {border: 1px solid #FFF; padding: 3px}

/* Job listing. */
#wrapper-applicant div.auto_list tr.title_row th {
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 5px;
	color: #333;
	height: 32px;
	text-align: center;
	background: #001755 url(/logos/valio-sini-title-bg.png) no-repeat;
	color: #F9F7E4;
}

div.main_cont2.applicant div.auto_list tr.odd, div.main_cont2.applicant div.auto_list tr.even {background-color: #f9f6f1; text-align: left;}
div.main_cont2.applicant div.auto_list tr.over td.row_link {background-color:#e5e4f8; color: #ffffff; cursor: pointer; cursor: hand; text-decoration: underline; text-align: left;}
div.main_cont2.applicant div.auto_list td {text-align: left;}
div.main_cont2.applicant div.auto_list tr.even a, div.main_cont2.applicant div.auto_list tr.odd a, div.main_cont2.applicant div.auto_list tr.even a:visited, div.main_cont2.applicant div.auto_list tr.odd a:visited {color: #004697; text-decoration: none}
div.main_cont2.applicant div.auto_list tr.even a:active, div.main_cont2.applicant div.auto_list tr.odd a:active {color: #B0DCFA}

* html div.applicant_logo {float: left;}
* html div.job_listing_intro_text {float: left; width: 97%; padding: 10px;margin-top: -15px;}
* html div.ap_top_login {margin-left: 0;}

/* reset margin-left for IE7 */
*:first-child+html div.applicant_logo {float: left;}
*:first-child+html div.job_listing_intro_text {float: left; width: 97%; padding: 10px;margin-top: -15px;}
*:first-child+html div.ap_top_login {margin-top: 10px}

form.export label {white-space: nowrap;}

div #qid38_0 div.select_note {display: none}
div #qid40_0 div.select_note {display: none}

div#qid117_0 select {width: 545px}


div#footer-applicant {display: none}
*:first-child+html div#footer-employer, *:first-child+html div#footer-applicant {display: none}

div#wrapper-applicant div.job_page div#qid45_0 {display: none}
div#wrapper-applicant div.job_page div#qid46_0 {display: none}

div.job_name iframe {
	display: none;
}

form#application_form #sid38 div.question_row {
	width: 100%;
}
form#application_form #qid150_0 {
	margin-top: 30px;
}
form#application_form #qid153_0 {
	margin-bottom: 30px;
}
/*
#wrapper-employer div.create_job_form tr.co-determination-selection {
	display: none;
}
*/
#wrapper-employer span.inner-applicant {
	float: left;
	clear: both;
	width: auto;
	border: 1px solid #70a1ca;
	margin: 15px 0px 30px 0;
	color: black;
	background-color: #e2f2ff;
	font-size: 14px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 46px;
	background-image: url(../logos/valio-logo.png);
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
	display: block;
	padding: 8px 10px 8px 50px;
}

#wrapper-employer tr.inner-applicant {
	background-color: #82C1F5;
}

div.auto_list_the_list td.col_1 a, div.auto_list_the_list td.col_1 a:link, div.auto_list_the_list td.col_1 a:visited {
	color: #1a8ec5;
}

/* Help sections on co-determination profile form */
body#body-e-mcdp form.application_form div.section div.help {
	width: 87%;
	max-width: 87%;
	margin-left: 13px;
}

#job-notify-friend {
	padding-top: 19px;
}

div.applicant_logo {
	padding: 0;
}

#wrapper-applicant div.job_listing_intro_text {
	margin-top: 20px;
}

#wrapper-applicant div.submit-button input.submit,
#wrapper-applicant div.submit-button input[type="submit"],
#wrapper-applicant div.submit-button input.submit.mouseout,
#wrapper-applicant div.apply_to_job a,
#wrapper-applicant div.ap_file_upload div.submit-button input[type="submit"],
#wrapper-file_upload div.main_cont1 input[type="submit"] {
	background-color: #008CCE;
}

#wrapper-applicant form#application_form div.help {
	background-color: #FFF;
	border-color: #164B8F;
	color: #000;
}

#wrapper-applicant form#application_form div.section div.sectiontitle {
	color: #FFF;
	border-top: none;
}

#wrapper-applicant form#application_form div.rbnvideo_helptext a {
	color: #000;
}

@media only screen and (max-width: 1500px) {
	#wrapper-applicant {
		margin-top: 270px;
	}
}

@media only screen and (max-width: 660px) {
	#wrapper-applicant div.job_listing_intro_text {
		width: auto;
		padding: 5px;
	}
	html.html-applicant body.body-applicant {
		margin-top: 67%;
	}
}

@media only screen and (max-width: 420px) {
	html.html-applicant {
		background-image: url(../logos/valio-applicant-bg.png) !important;
		background-size: 170%;
	}
}