﻿html 
{
	background: #fff; 
	overflow-y: scroll;
}

body 
{
    font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
	font-size: 0.75em;
	margin: 0; 
	padding: 0; 	
	/*text-align: center; */
	text-align: left;
}
    
h4
{
    font-family: "Trebuchet MS", "Arial", "Verdana", "Helvetica", "sans-serif";    
    font-size: 17px;
    margin: 0 0 .3em 0;    
}

a:hover
{
    text-decoration: none;
}

iframe
{
    /*border: solid 1px #aaadb2;*/
    height: 80px;
    overflow: auto;    
    width: 500px;
}

textarea
{
    font-size: inherit;
    overflow: auto;
    text-align: left;
    width: 99%;
}

input.login-button
{
    border: none; /*border: solid 1px #559cd0;*/
    background: #d3d4d7 url(../images/common/backgrounds/login-button.png) left top no-repeat;
    color: #000;
    cursor: pointer;
    padding: 1px;    
}

input.button
{
    border: none; /*border: solid 1px #559cd0;*/
    background:  #3698df url(../images/common/backgrounds/button.png) top left no-repeat;
    color: #fff;
    cursor: pointer;
    padding: 1px;
}

#register_button,
#remove_partner_skills_button,
#continue_partner_button,
#add_additional_contact_button,
#remove_additional_contact_button,
#upsert_partner_button,
#upsert_candidate_button,
#remove_candidate_partner_skills_button,
#submit_candidate_button,
#apply_matched_job_button,
#search_vacancies_button,
#apply_searched_job_button,
#password_recovery_button,
#update_extended_info_button
{
    width: 100%;
    line-height: normal;
}

#register_button ul,
#remove_partner_skills_button ul,
#continue_partner_button ul,
#add_additional_contact_button ul,
#remove_additional_contact_button ul,
#upsert_partner_button ul,
#upsert_candidate_button ul,
#remove_candidate_partner_skills_button ul,
#submit_candidate_button ul,
#apply_matched_job_button ul,
#search_vacancies_button ul,
#apply_searched_job_button ul,
#password_recovery_button ul,
#update_extended_info_button ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

#register_button li, 
#remove_partner_skills_button li,
#continue_partner_button li,
#add_additional_contact_button li,
#remove_additional_contact_button li,
#upsert_partner_button li,
#upsert_candidate_button li,
#remove_candidate_partner_skills_button li,
#submit_candidate_button li,
#apply_matched_job_button li,
#search_vacancies_button li,
#apply_searched_job_button li,
#password_recovery_button li,
#update_extended_info_button li
{
    float: left;
    background: url(../images/common/backgrounds/blue-button-left.gif) no-repeat left top;
    margin: 0 3px 0 0;
    padding: 0 0 0 3px;
}

#register_button a,
#remove_partner_skills_button a,
#continue_partner_button a,
#add_additional_contact_button a,
#remove_additional_contact_button a,
#upsert_partner_button a,
#upsert_candidate_button a,
#remove_candidate_partner_skills_button a,
#submit_candidate_button a,
#apply_matched_job_button a,
#search_vacancies_button a,
#apply_searched_job_button a,
#password_recovery_button a,
#update_extended_info_button a 
{
    display: block;
    background: url(../images/common/backgrounds/blue-button-right.gif) no-repeat right top;
    padding: 2px 8px 4px 4px;
    text-decoration: none;
    color: #fff;
}

#remove_partner_skills_button a:hover,
#register_button a:hover,
#continue_partner_button a:hover,
#add_additional_contact_button a:hover,
#remove_additional_contact_button a:hover,
#upsert_partner_button a:hover,
#upsert_candidate_button a:hover,
#remove_candidate_partner_skills_button a:hover,
#submit_candidate_button a:hover,
#apply_matched_job_button a:hover,
#search_vacancies_button a:hover,
#apply_searched_job_button a:hover,
#password_recovery_button a:hover,
#update_extended_info_button a:hover
{
    color: #fff;
}

input.textfield, textarea.textarea, select
{
    border: solid 1px #aaadb2;
}

input.required, textarea.required, table.required, select.required, td.required
{
    background-color: #f6f5c6;
    border: 1px solid #ff0000;
}

input.textfield, input.required
{
    padding: 2px;
}

strong.failure, strong.required
{
    color: #ff0000;
}

strong.success
{
    color: Green;
}

.left
{
    text-align: left;
}

.center
{
    text-align: center;
}

.right
{
    text-align: right;
}


#wrapper 
{
    text-align: left; 
    width: 992px;
}

div.banner-gb,
div.banner-se, 
div.banner-fi, 
div.banner-no 
{
    background-color: #fff;
    height: 90px;
}

div.banner-gb ul,
div.banner-se ul, 
div.banner-fi ul, 
div.banner-no ul
{ 
    margin:0;
    padding: 0;
}

div.banner-gb li,
div.banner-se li, 
div.banner-fi li, 
div.banner-no li 
{ 
    float: left; 
    list-style: none;
    margin: 0; 
    padding: 0; 
}

div.main-menu-gb,
div.main-menu-se, 
div.main-menu-fi, 
div.main-menu-no
{
    width: 665px;
}

div.main-menu-gb li,
div.main-menu-se li, 
div.main-menu-fi li, 
div.main-menu-no li
{
    font-family: "Arial", "Verdana", "Helvetica", "sans-serif";
    font-size: 1.3em;
}

div.main-menu-gb li a,
div.main-menu-se li a, 
div.main-menu-fi li a, 
div.main-menu-no li a 
{ 
    color:#666; 
    display:block; 
    text-decoration: none; 
    padding: 4px 28px 26px 18px;
}

div.main-menu-gb li a:hover,
div.main-menu-se li a:hover, 
div.main-menu-fi li a:hover, 
div.main-menu-no li a:hover
{
    background-color: #ccc;
}


div.banner-dk
{
    background-color: #fff;
    border-bottom: solid 1px #c9c9c9;
    height: 90px;
    margin-bottom: 1px;
}

div.banner-dk ul
{ 
    margin: 0;
    padding: 0;
}

div.banner-dk li 
{ 
    border-bottom: 0 !important; 
    float: left; 
    list-style: none;
    margin: 0; 
    padding: 0; 
}

div.main-menu-dk
{
    width: 665px;
    margin-top: 52px;
}

div.main-menu-dk li
{
    font-family: "Trebuchet MS", "Arial", "Verdana", "Helvetica", "sans-serif";
    font-size: 1.3em;
    margin: 0 .5em;
}

div.main-menu-dk li:hover 
{ 
    background: #e4e4e4 url(../images/common/backgrounds/menu.png) 50% 50% repeat-x;
}

div.main-menu-dk li.selected 
{ 
    background: #e4e4e4 url(../images/common/backgrounds/menu.png) 50% 50% repeat-x; 
    border:solid 1px #ececec; 
    border-bottom: 0; 
}

div.main-menu-dk li a 
{ 
    color:#000; 
    display:block; 
    text-decoration: none; 
    padding: 0 .5em 1em .5em;
}


#language-selector
{
    float: left;
    margin-top: 1em;
    text-align: right;
}

#language-selector li
{
    margin: 0 1px 0 0;
    padding: 0;
}

#language-selector li input
{
    border: none 0px;
    cursor: pointer;
    position: relative;
    /*vertical-align: bottom;*/
}

#language-selector li input.da
{
    background: url(../images/common/icons/da.png) no-repeat;
    height: 17px;
    width: 21px;    
}

#language-selector li input.da-selected
{
    background: url(../images/common/icons/da-selected.png) no-repeat;
    height: 20px;
    width: 25px;    
}

#language-selector li input.en
{
    display: none;
}

#language-selector li input.en-selected
{
    display: none;
}

/*
#language-selector li input.en
{
    background: url(../images/common/icons/en.png) no-repeat;
    height: 17px;
    width: 21px;    
}

#language-selector li input.en-selected
{
    background: url(../images/common/icons/en-selected.png) no-repeat;
    height: 20px;
    width: 25px;    
}
*/

#language-selector li input.fi
{
    background: url(../images/common/icons/fi.png) no-repeat;    
    height: 17px;
    width: 21px;    
}

#language-selector li input.fi-selected
{
    background: url(../images/common/icons/fi-selected.png) no-repeat;
    height: 20px;
    width: 25px;    
}

#language-selector li input.no
{
    background: url(../images/common/icons/no.png) no-repeat;
    height: 17px;
    width: 21px;    
}

#language-selector li input.no-selected
{
    background: url(../images/common/icons/no-selected.png) no-repeat;
    height: 20px;
    width: 25px;    
}

#language-selector li input.sv
{
    background: url(../images/common/icons/sv.png) no-repeat;   
    height: 17px;
    width: 21px;     
}

#language-selector li input.sv-selected
{
    background: url(../images/common/icons/sv-selected.png) no-repeat;
    height: 20px;
    width: 25px;    
}

#spacer
{
    background-color: #7c7c7c;
    height: 22px;    
}

#content
{
    margin-top: 10px;
}

#candidate, #registration, #partner, #password_recovery
{
    padding: 10px;
}

li.information-panel
{
    width: 521px;
}

li.notification-panel
{
    width: 441px;
}

#candidate_current_applications ul,
#candidate_currently_matched_jobs ul,
#candidate_search_other_vacancies ul,
#candidate_search_other_vacancies_results ul,
#content ul,
#partner_current_jobs ul,
#partner_recent_communications ul,
#partner_submitted_applicants ul,
#partner_current_placements ul
{
    margin: 0; 
    padding: 0;    
}

#candidate_current_applications li,
#candidate_currently_matched_jobs li,
#candidate_search_other_vacancies li,
#candidate_search_other_vacancies_results li,
#content li,
#partner_current_jobs li,
#partner_recent_communications li,
#partner_submitted_applicants li,
#partner_current_placements li
{
    border-bottom: 0 !important; 
    float: left; 
    list-style: none;
    /*margin: 0; 
    padding: 0;  */   
}

#left_content
{
    /*padding: 0 15px;*/
    text-align: center;
    width: 250px;
}

#center_content
{
    border-left: solid 1px #e8ebf2;
    border-right: solid 1px #e8ebf2;
    padding: 0 15px;
    width: 330px;
}
/*
#center_content a
{
    color: #348ac5;
}
*/
#right_content
{
    padding: 0 15px;
    width: 348px;
}

/* Login / Register */

#login, #register
{
    padding: 8px;
}

table.login h4, #register h4
{
    margin: 0; 
    padding: 0;         
}

#login
{
    color: #fff;
    background: #e4e4e4 url(../images/common/backgrounds/blue-background.png) top left no-repeat;      
}

#register
{
    margin-top: 15px;
    background: #e4e4e4 url(../images/common/backgrounds/grey-background-330x199.png) top left no-repeat;    
}

#register p
{
    margin: 10px 0; 
    padding: 0;             
}

div.partner-form
{
    /*background: #e4e4e4 url(../images/common/backgrounds/grey-background-487x520.png) top left no-repeat;*/
    background: #e4e4e4 url(../images/common/backgrounds/grey-box-700x908.gif) top left no-repeat;
    border-left: solid 1px #e6e6e6;
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
}

#current_vacancies
{
    float: left;
    width: 100%;    
}

#current_vacancies,
#partner_current_jobs,
#partner_recent_communications,
#partner_submitted_applicants,
#partner_current_placements
{
    border: solid 1px #e8ebf2;
    float:left;
}

#current_applications_header,
#current_matched_jobs_header,
#current_vacancies_header,
#current_jobs_header,
#recent_communications_header,
#submitted_applicants_header,
#current_placements_header,
#compliance_documents_header
{
    background-color: #efefef;    
    border-bottom:solid 1px #e6e6e6;
    min-height: 23px;
    width: 100%;
}

#current_vacancies_content,
#current_jobs_content,
#recent_communications_content,
#submitted_applicants_content,
#current_placements_content,
#compliance_documents_content
{
    float:left;
    overflow: scroll;
    width: 100%; 
}

#compliance_documents_content
{
    height: 100px;
}

#current_vacancies_content
{
    height: 400px;
}

#current_jobs_content,
#recent_communications_content,
#submitted_applicants_content,
#current_placements_content
{
    height: 584px;    
}

#current_applications_header li,
#current_matched_jobs_header li,
#current_vacancies_header li,
#current_jobs_header li,
#recent_communications_header li,
#submitted_applicants_header li,
#current_placements_header li,
#compliance_documents_header li
{
    margin: 0;
    padding: .3em .6em;
}

#current_applications_content li,
#current_matched_jobs_content li,
#current_vacancies_content li,
#current_jobs_content li,
#recent_communications_content li,
#submitted_applicants_content li,
#current_placements_content li,
#compliance_documents_content li
{
    float: left;
    padding: .15em .6em;
    margin: 0;
}

#current_applications_content li a,
#current_matched_jobs_content li a,
#current_vacancies_content li a,
#current_jobs_content li a,
#recent_communications_content li a,
#submitted_applicants_content li a,
#current_placements_content li a,
#compliance_documents_header li a
{
    color: #348ac5;
    padding: 0;
    margin: 0;
}

div.even, div.odd
{
    float: left;
}

div.even
{
    background-color: #e3efff;
}

div.odd
{
    background-color: #fff;
}

div.current_vacancies_content_row
{
    width: 330px;
}


div.candidate-content-row,
div.partner-content-row
{
    /*width: 518px;*/
    width: 96%;
}

div.content-panel
{
    text-align: left;
}

/* Tabs */

/*
div.content-panel
{
    float: left;
    width: 500px;    
}
*/
/*
div.notification-panel
{
    margin-left: 510px;
    border: solid 1px aqua;
}

div.notification-panel img { float: left; }
*/

#partner_header, #candidate_header
{
    color: #fff;
    position: absolute;
    width: 985px;
    z-index: 100;
}

#partner_title, #candidate_title
{
    float: left;
    width: 80%;
}

#partner_title h3, #candidate_title h3
{
    font-size: 16px;
    margin: .4em 0 0 .2em;
}

#partner_navigation, #candidate_navigation
{
    /*border: solid 1px #000;*/
    margin: 10px 0 0 80.25%;
    width: 19.5%;
}

#partner_navigation_label, #candidate_navigation_label
{
    float:left;
    margin-right: 6px;
    text-align: right;
    width: 75%;
}

#partner_navigation_label a, #candidate_navigation_label a
{
    color: #fff;
}

#partner_navigation_icon, #candidate_navigation_icon
{
    margin-left: 76%;
    height: 20px;
    width: 20px;
}

div.back-button
{
    background: url(../images/common/icons/navigation-back.gif) 50% 50% no-repeat;
}

div.logout-button
{
    background: url(../images/common/icons/logout.gif) 50% 50% no-repeat;
}

/*
#partner_registration_form, #candidate_registration_form
{
    background-color: #efefef;
    border: solid 2px #e6e6e6;
    margin-bottom: 1em;
}
*/

#candidate_registration_extended_form_header
{
    margin-top: 0.3em;
}

#partner_upsert_message_header,
#partner_upsert_message_footer,
#candidate_upsert_message_header,
#candidate_upsert_message_footer
{
    text-align: center;
    width: 100%;
}

/* Tables */
/*
table.current-jobs,
table.recent-communication,
table.submitted-applicants,
table.current-placements
{
    width: 100%;
}

table.current-jobs thead,
table.recent-communication thead,
table.submitted-applicants thead,
table.current-placements thead
{
    background-color: #efefef;
    border: solid 2px #e6e6e6;
}



table.current-jobs th,
table.recent-communication th,
table.submitted-applicants th,
table.current-placements th
{
    padding: .3em .6em;    
}

table.current-jobs td,
table.recent-communication td,
table.submitted-applicants td,
table.current-placements td
{
    padding: .15em .6em;    
}

table.current-jobs td a,
table.submitted-applicants td a,
table.current-placements td a,
table.partner_terms_and_conditions td a,
table.required td a
{
    color: #348ac5;
}
*/

table.candidate_terms_and_conditions td a,
table.partner_terms_and_conditions td a,
table.required td a
{
    color: #348ac5;
}

div.upload-wrapper
{
    /*border: solid 1px #aaadb2;
    padding: 2px;
    width: 250px;*/
}

/* progress bar */
/*
#progress_bar_wrapper
{
    position: fixed;
    height: 24px;
    z-index: 100001;    
}

#progress_bar_wrapper p
{
    margin: 0;
    padding: 3px 5px;
}

#progress_bar_wrapper p strong
{
    color: #0078ae;
}

#progress_bar_background
{
    position: fixed; 
    left: 0px; 
    top: 0px; 
    z-index: 10000; 
}
*/

/* fake file upload */

div.file-inputs 
{
    position: relative;
}

div.fake-file 
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}

.fake-file-upload 
{
    position: relative;
    text-align: right;
    opacity: 0;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    zoom: 1;
    z-index: 2;
    cursor: hand;
    width: 225px;
    border:none;
    zoom:1;
    height: 22px;
}

.fake-file-upload-name
{
	position: absolute;
    top: 0px;
    left: 0px;
	height: 15px;
	border: solid 1px #aaadb2;
	/*font-size: x-small;*/
	margin-top: 2px;
    padding: 2px;
    width: 150px;
}

div.fake-file-browse
{
    border: solid 1px #559cd0;
    background:  #3698df url(../images/common/backgrounds/button.png) 50% 50% repeat-x;
    color: #fff;
    cursor: hand;
    padding-top: 3px;
    width: 70px;
    height: 20px;
    margin-left: 160px;
    text-align: center;
}

/* Loader
   -------------------------------- */

#loader
{
    position: fixed;
    height: 24px;
    z-index: 100001;
    left: 50%;
    top: 35%;
}

#loader p
{
    margin: 0;
    padding: 3px 5px;
}

#loader p span
{
    float: left;
    margin-right: .2em; 
}

#loader p strong
{
    color: #0078ae;
}

#loader_background
{
    height: 100%; 
    left: 0px; 
    position: fixed;
    top: 0px; 
    width: 100%;
    z-index: 10000;     
}