/****************************************
	JOBS LIST VIEW
*****************************************/

.jc_filter {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	background-color: #F9F9F9;
	padding: 5px;
}

.jc_jobs {
	margin-top: 25px;	
}

.jc_jobs_unpublished {
	font-size: 0.8em;
}

/* Head */

.jc_item_wrapper0 {
	background-color: #FFFFFF;
	border-top: 1px solid #DDDDDD;
	padding: 4px 0;
}

.jc_item_wrapper1 {
	background-color: #F9F9F9;
	border-top: 1px solid #DDDDDD;
	padding: 4px 0;
}

.jc_item_wrapper0 img {
	height: 20px;
}
	
.jc_item_wrapper1 img {
	height: 20px;
}

.jc_jobs_list {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 25px;
}

.jc_jobs_head {
	font-size: 1.05em;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
	line-height: 2em;
}

.jc_jobs_list td {
	padding: 10px 0;
	text-align: left;
}

.jc_head_name {}

.jc_head_category {}

#jc_head_firm {}

.jc_head_email {}

.jc_head_state {}

.jc_head_created {}

.jc_head_hits {}

.jc_head_options {}

/* ITEM */

.jc_jobs_name {
	padding: 10px 0 10px 5px;
}

#jc_jobs_category {}

#jc_jobs_state {}

#jc_jobs_created {}

#jc_jobs_hits {}

.jc_jobs_options {
	display: inline-block;
}

.jc_jobs_options a:link {
	background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding:  3px 6px;
    text-decoration: none;
    color: #333333;
    font-size: 9.8px;
    margin: 2px;
    float: left;
}

.jc_jobs_options a:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding:  3px 6px;
    text-decoration: none;
    color: #FFFFFF;
}

@media only screen and (max-width: 760px) {
	/* Force table to not be like tables anymore */
	.jc_jobs table, thead, tbody, th, td, tr {
		display: block;
		border: none;
	}
	 
	/* Hide table headers (but not display: none;, for accessibility) */
	.jc_jobs thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	 
	.jc_jobs tr { 
		border: 1px solid #ccc; 
	}
	 
	.jc_jobs td {
		border: none;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}
	 
	.jc_jobs td:before {
		position: absolute;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	 
	/*
	Label the data
	*/
	.jc_jobs td:before { 
		content: attr(data-title); 
	}
}

/****************************************
	JOB DETAIL VIEW
*****************************************/

.jc_jobdetails_wrapper {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.jc_jobdetails_back {
	float: right;
	margin-top: 15px;
}

.jc_jobdetails_back a:link {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    color: #000000;
}

.jc_jobdetails_back a:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    color: #FFFFFF;
}

.jc_jobdetails_registration {
	float: left;
	margin-top: 15px;
}

.jc_jobdetails_registration a:link {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    color: #000000;
    display: block;
    margin: auto;
    text-align: center;
}

.jc_jobdetails_registration a:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    color: #FFFFFF;
}

.jc_jobdetails_head {
	clear: both;
}

.jc_jobdetails {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.jc_jobdetails_details {
	float: left;
	width: 25%;
	background: #f6f6f6;
	padding: 7px;
	border: 1px solid #cccccc;
	margin-top: 15px;
}

.jc_jobdetails_details p {
	margin: 4px 0 4px 0;
}

.jc_jobdetails_label {
	color: #77778a;
	font-weight: bold;
}

.jc_jobdetails_value {
	padding-left: 5px;
}

.jc_jobdetails_spacer {
	border: 1px dotted #cccccc;
	margin: 0;
}

.jc_jobdetails_description {
	float: right;
	margin-top: 15px;
	width: 70%;
	text-align: justify
}

.jc_jobdetails_button {
	padding-top: 20px;
	text-align: center;
}

.jc_jobdetails_button button {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
}

.jc_jobdetails_button button:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
    color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
	.jc_jobdetails_wrapper {
    	display: table;
    	float: inherit;
	    margin: 0;
	    width: 100%;
	}
	
	.jc_jobdetails_details {
		width: 100%;
	}
	
	.jc_jobdetails_description {
		width: 100%;
	}
}

/****************************************
	JOB INSERT VIEW
*****************************************/

#jc_insert_job {
	margin-top: 25px;
}

.jc_insert_job_section .control-group {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.jc_insert_job_section .control-label {
	width: 180px;
	float: left;
}

.jc_insert_job_section .controls {
	margin-left: 1px;
	float: left;
}

@media (max-width: 550px) {
	.jc_insert_job_section .control-label {
		width: 100%;
		float: left;
	}

	.jc_insert_job_section .controls {
		width: 100%;
		float: left;
	}
}

.jc_insert_job_button button {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
}

.jc_insert_job_button button:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
    color: #FFFFFF;
}

.jc_insert dd {
    margin-bottom: 10px;
}

.jc_insert input {
    border: 1px solid #B0B0B0;
    color: #979797;
    padding: 3px 5px 4px;
}

.jc_insert select {
    border: 1px solid #B0B0B0;
    color: #979797;
    padding: 3px 5px 4px;
}

.jc_insert form fieldset dt {
    clear: left;
    float: left;
    padding: 3px 0;
    width: 15em;
}

.delete_attachment {
	padding: 0 10px;
}

.new_attachment {
	margin-top: 15px;
}

/****************************************
	JOB APPLICATION VIEW
*****************************************/
.jc_text_top {
	margin: 15px 0 25px 0;	
}

.jc_text_bottom {
	float: left;
    margin-top: 15px;
}

.jc_application .control-group {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.jc_application .control-label {
	width: 180px;
	float: left;
}

.jc_application .controls {
	margin-left: 1px;
	float: left;
}

@media (max-width: 550px) {
	.jc_application .control-label {
		width: 100%;
		float: left;
	}

	.jc_application .controls {
		width: 100%;
		float: left;
	}
}

.jc_application_head {
	margin-bottom: 30px;
}

.jc_application input {
    border: 1px solid #B0B0B0;
    color: #979797;
    margin-bottom: 8px;
    padding: 3px 5px 4px;
}

.jc_application select {
    border: 1px solid #B0B0B0;
    color: #979797;
    padding: 3px 5px 4px;
    width: 274px;
}

.jc_application form fieldset dl dt{
    clear: left;
    float: left;
    padding: 3px 0;
    width: 15em;
}

.jc_application button {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
}

.jc_application button:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
    color: #FFFFFF;
}

.application_note {
	clear: both;
	margin: 15px 0;
}

.application_checkbox {
	float: left; 
	width: 30px;
}

.application_note_text {
	margin-left: 35px;
}

.application_button {
	float:left;
	margin-top: 15px;
	margin-bottom: 15px;
}

/****************************************
	JOBS SEARCH VIEW
*****************************************/

.searchbox {
	display: table;
	clear: both;
}

.no_jobs {
	margin: 20px 0;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}

.jc_searchlabel {
	font-weight: bold;
}

.searchname {
	float: left;
	margin-right: 20px;
}

.searchcategory {
	float: left;
	margin-right: 20px;
}

.searchfield {
	float: left;
	margin-right: 20px;
}

.searchcreated {
	float: left;
	margin-right: 20px;
}

/****************************************
	JOBS FIRM VIEW
*****************************************/

.jc_jobsfirm_head {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.jc_firm_job_quota {
	padding-bottom: 10px;
	font-weight: bold;	
}

.jc_jobsfirm_buttons {
	float: left;
	width: 100%;
}

.jc_jobsfirm_buttons a:link {
	background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding:  3px 6px;
    text-decoration: none;
    color: #333333;
    font-size: 9.8px;
    margin: 2px;
    float: left;
}

.jc_jobsfirm_buttons a:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding:  3px 6px;
    text-decoration: none;
    color: #FFFFFF;
}

.jc_jobsfirm_name {
	float: left;	
}

.jc_firmlogo {
	float: right;
	text-align: right;
	margin-bottom: 20px;
}

.jc_firmlogo img {
	width: 150px;
}

.jc_jobsuser_buttons {
	float: left;
	width: 100%;
}

/****************************************
	JOBS USER VIEW
*****************************************/

.jc_jobsuser_buttons a:link {
	background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding:  3px 6px;
    text-decoration: none;
    color: #333333;
    font-size: 9.8px;
    margin: 2px;
    float: left;
}

.jc_jobsuser_buttons a:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding:  3px 6px;
    text-decoration: none;
    color: #FFFFFF;
}

/****************************************
	FIRMS LIST VIEW
*****************************************/

.jc_firms {
	margin-top: 25px;	
}

.no_firms {
	margin: 20px 0;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
}

.jc_firms_list {
	width: 100%;
	float: left;
    margin-bottom: 25px;
    margin-top: 20px;
}

.jc_firms_head {
	font-size: 1.15em;
	font-weight: bold;
	text-align: left;
	line-height: 2em;
}

.jc_firms_list td {
	padding: 10px 0;
	text-align: left;
}

.jc_firm_default_firm {
	padding: 10px 0 10px 5px;
}

@media only screen and (max-width: 760px) {
	/* Force table to not be like tables anymore */
	.jc_firm table, thead, tbody, th, td, tr {
		display: block;
		border: none;
	}
	 
	/* Hide table headers (but not display: none;, for accessibility) */
	.jc_firms thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	 
	.jc_firms tr { 
		border: 1px solid #ccc; 
	}
	 
	.jc_firms td {
		border: none;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}
	 
	.jc_firms td:before {
		position: absolute;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	 
	/*
	Label the data
	*/
	.jc_firms td:before { 
		content: attr(data-title); 
	}
}


/****************************************
	FIRM DETAIL VIEW
*****************************************/

.jc_firmdetails_wrapper {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.jc_firmdetails_head {
	clear: both;
}

.jc_firmdetails_logo {
	margin-bottom: 20px;
}

.jc_firmdetails_logo img {
	height: 50px;
}

.jc_firmjobs_head {
	clear: both;
	margin-bottom: 20px;
}

.jc_firmdetails {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.jc_firmdetails_details {
	float: left;
	width: 25%;
	background: #f6f6f6;
	padding: 7px;
	border: 1px solid #cccccc;
	margin-top: 15px;
}

.jc_firmdetails_details p {
	margin: 4px 0 4px 0;
}

.jc_firmdetails_label {
	color: #77778a;
	font-weight: bold;
}

.jc_firmdetails_value {
	padding-left: 5px;
}

.jc_firmdetails_spacer {
	border: 1px dotted #cccccc;
	margin: 0;
}

.jc_firmdetails_description {
	float: right;
	margin-top: 15px;
	width: 70%;
	text-align: justify
}

.jc_firmdetails_jobs {
    float: left;
    margin: 0 auto;
    width: 100%;
    margin-top: 30px;
}

@media only screen and (max-width: 768px) {
	.jc_firmdetails_wrapper {
    	display: table;
    	float: inherit;
	    margin: 0;
	    width: 100%;
	}
	
	.jc_firmdetails_details {
		width: 100%;
	}
	
	.jc_firmdetails_description {
		width: 100%;
	}
}

/****************************************
	APPLICANTS LIST VIEW
*****************************************/

.jc_applicants {
	margin-top: 25px;	
}

.jc_applicants_list {
	width: 100%;
}

.jc_applicants_head {
	font-size: 1.15em;
	font-weight: bold;
	text-align: left;
	line-height: 2em;
}

.jc_applicants_list td {
	padding: 10px 0;
}

.jc_head_name {}

.jc_head_email {}


/* ITEM */

.jc_applicants_name {
	padding: 10px 0 10px 5px;
}

.jc_applicants_foto {
	text-align: center;	
}

.jc_applicants_resume {
	text-align: center;
}

.jc_applicants_email {}

.jc_applicants_rating {
	text-align: center;
}

@media only screen and (max-width: 760px) {
	/* Force table to not be like tables anymore */
	.jc_applicants table, thead, tbody, th, td, tr {
		display: block;
		border: none;
	}
	 
	/* Hide table headers (but not display: none;, for accessibility) */
	.jc_applicants thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	 
	.jc_applicants tr { 
		border: 1px solid #ccc; 
	}
	 
	.jc_applicants td {
		border: none;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}
	 
	.jc_applicants td:before {
		position: absolute;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	 
	/*
	Label the data
	*/
	.jc_applicants td:before { 
		content: attr(data-title); 
	}
}

/****************************************
	APPLICANT DETAIL VIEW
*****************************************/

.jc_applicantdetails_wrapper {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.jc_applicantdetails_back {
	float: right;
	margin-top: 15px;
}

.jc_applicantdetails_back a:link {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    color: #000000;
}

.jc_applicantdetails_back a:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    color: #FFFFFF;
}

.jc_applicantdetails_head {
	clear: both;
	margin-bottom: 25px;
}

.jc_applicantdetails_foto {
	margin-bottom: 10px;
}

.jc_applicantdetails {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.jc_applicantdetails_details {
	float: left;
	width: 100%;
	padding: 5px 0;
}

.jc_applicantdetails_headline {
	margin-top: 25px;
}

.jc_applicantdetails_label {
	color: #77778a;
	font-weight: bold;
	width: 160px;
	float: left;
	text-align: right;
}

.jc_applicantdetails_value {
	float: left;
	padding-left: 20px;
}

.jc_applicantdetails_button {
	padding-top: 20px;
	text-align: center;
}

.jc_applicantdetails_button button {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
}

.jc_applicantdetails_button button:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
    color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
	.jc_applicantdetails_wrapper {
    	display: table;
    	float: inherit;
	    margin: 0;
	    width: 100%;
	}

	.jc_applicantdetails_label {
		width: 100%;
		float: left;
		text-align: left;
	}
	
	.jc_applicantdetails_value {
		float: left;
		padding-left: 0;
	}
}

/****************************************
	APPLICATIONS LIST VIEW
*****************************************/

.jc_applications {
	margin-top: 25px;	
}

/* Head */

.jc_applications_list {
	float: left;
	width: 100%;
	margin-top: 20px;
	margin-bottom: 25px;
}

.jc_applications_head {
	font-size: 1.05em;
	font-weight: bold;
	text-align: left;
	padding-bottom: 5px;
	line-height: 2em;
}

.jc_application_list td {
	padding: 10px 0;
	text-align: left;
}

.jc_head_name {}

.jc_head_job {}

#jc_head_applicationstate {}

.jc_head_email {}

.jc_head_options {}

/* ITEM */

.jc_applications_job {
	padding: 10px 0 10px 5px;
}

#jc_applications_name {}

#jc_applications_applicationstate {}

#jc_applications_email {}

.jc_applications_options {
	display: inline-block;
}

.jc_applications_options a:link {
	background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding:  3px 6px;
    text-decoration: none;
    color: #333333;
    font-size: 9.8px;
    margin: 2px;
    float: left;
}

.jc_applications_options a:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding:  3px 6px;
    text-decoration: none;
    color: #FFFFFF;
}

.jc_applications_options button {
	background: none repeat scroll 0 0 #F9F9F9;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding:  3px 6px;
    text-decoration: none;
    color: #333333;
    font-size: 9.8px;
    margin: 2px;
    float: left;
    width: auto;
}

.jc_applications_options button:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding:  3px 6px;
    text-decoration: none;
    color: #FFFFFF;
    width: auto;
}

@media only screen and (max-width: 760px) {
	/* Force table to not be like tables anymore */
	.jc_applications table, thead, tbody, th, td, tr {
		display: block;
		border: none;
	}
	 
	/* Hide table headers (but not display: none;, for accessibility) */
	.jc_applications thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	 
	.jc_applications tr { 
		border: 1px solid #ccc; 
	}
	 
	.jc_applications td {
		border: none;
		position: relative;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	}
	 
	.jc_applications td:before {
		position: absolute;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
	 
	/*
	Label the data
	*/
	.jc_applications td:before { 
		content: attr(data-title); 
	}
}

/****************************************
	APPLICATION DETAIL VIEW
*****************************************/

.jc_application_wrapper {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.jc_application_head {
	clear: both;
	margin-bottom: 25px;
}

.jc_application {
    float: left;
    margin: 0 auto;
    width: 100%;
}

.jc_application_details {
	float: left;
	width: 100%;
	padding: 5px 0;
}

.jc_application_headline {
	margin-top: 25px;
}

.jc_application_label {
	color: #77778a;
	font-weight: bold;
	width: 160px;
	float: left;
	text-align: right;
}

.jc_application_value {
	float: left;
	padding-left: 20px;
}

.jc_application_button {
	padding-top: 20px;
	text-align: center;
}

.jc_application_button button {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
}

.jc_application_button button:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
    color: #FFFFFF;
}

@media only screen and (max-width: 768px) {
	.jc_application_wrapper {
    	display: table;
    	float: inherit;
	    margin: 0;
	    width: 100%;
	}

	.jc_application_label {
		width: 100%;
		float: left;
		text-align: left;
	}
	
	.jc_application_value {
		float: left;
		padding-left: 0;
	}
}


/****************************************
	REGISTER FIRM VIEW
*****************************************/
.jc_login {
	margin: 35px 0;
}

.jc_login .control-label {
    float: left;
    width: 180px;
}

.note_already_existing_accout {
	margin: 20px 0;
	font-weight: bold;
}

.firm_login_button {
	margin: 20px 0;
}

.firm_login_button button {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
}

.firm_login_button button:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
    color: #FFFFFF;
}

#jc_firm_account {
	margin-top: 25px;
}

.jc_firm_account_section .control-group {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.jc_firm_account_section .control-label {
	width: 180px;
	float: left;
}

.jc_firm_account_section .controls {
	margin-left: 1px;
	float: left;
}

@media (max-width: 550px) {
	.jc_firm_account_section .control-label {
		width: 100%;
		float: left;
	}

	.jc_firm_account_section .controls {
		width: 100%;
		float: left;
	}
}

.register_firm_note {
	clear: both;
	margin: 15px 0;
}

.register_firm_checkbox {
	float: left; 
	width: 30px;
}

.register_firm_note_text {
	margin-left: 35px;
}

.firm_account_button button {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
}

.firm_account_button button:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
    color: #FFFFFF;
}

.jc_editfirm_button {
	padding-top: 20px;
	text-align: left;
}

.jc_editfirm_button button {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
}

.jc_editfirm_button button:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
    color: #FFFFFF;
}

#change_logo {
	margin-top: 10px;
}

/****************************************
	REGISTER APPLICANT VIEW
*****************************************/
.applicant_login_button {
	margin: 20px 0;
}

.applicant_login_button button {
	background: none repeat scroll 0 0 #E8E8E8;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
}

.applicant_login_button button:hover {
	background: none repeat scroll 0 0 #03003f;
    border: 1px solid #CAC9C9;
    border-radius: 4px 4px 4px 4px;
    padding: 5px 5px 4px;
    text-decoration: none;
    width: 152px;
    color: #FFFFFF;
}

#jc_applicant_account {
	margin-top: 25px;
}

.jc_applicant_account_section .control-group {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}

.jc_applicant_account_section .control-label {
	width: 180px;
	float: left;
}

.jc_applicant_account_section .controls {
	margin-left: 1px;
	float: left;
}

@media (max-width: 550px) {
	.jc_applicant_account_section .control-label {
		width: 100%;
		float: left;
	}

	.jc_applicant_account_section .controls {
		width: 100%;
		float: left;
	}
}

.register_applicant_note {
	clear: both;
	margin: 15px 0;
}

.register_applicant_checkbox {
	float: left; 
	width: 30px;
}

.register_applicant_note_text {
	margin-left: 35px;
}

/****************************************
	JOB PACKAGES
*****************************************/

.jc_jobpackages_wrapper {
	margin: 25px 0 0 0;
}

.jc_jobpackages {
	float: left;
	width: 100%;
	margin: 20px 0 15px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #000000;
	background-color: #f9f9f9;
}

.jc_jobpacke_name {
	font-size: 1.4em;
	font-weight: bold;
	padding: 8px 0 8px 2px;
	background-color: #03003f;
	color: #FFFFFF;
	margin: 0;
}

.jc_jobpacke_head_head {
	padding-top: 5px;
}
 
.jc_jobpacke_body_head {}

.jc_jobpacke_head {
	font-weight: bold;
	padding-bottom: 2px;
	text-align: center;
}

.jcjp_jobs_head {
	text-align: center;
	padding-top: 5px;
}

.jcjp_price_head {
	text-align: center;
	padding-top: 5px;
}

.jcjp_duration_head {
	text-align: center;
	padding-top: 5px;
}

.jcjp_jobs {
	width: 21%;
	padding-left: 3px;
	text-align: center;
}

.jcjp_price {
	width: 21%;
	text-align: center;
}

.jcjp_duration {
	width: 21%;
	text-align: center;
}

.jcjp_button {
	width: 37%;
	text-align: center;
}