* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html {
    height: 100%;
}

body {
    font-family:'Open Sans', helvetica, arial;
    font-size:.9em;
    line-height:1.5em;
    color:#333;
    padding:0;
    margin:0;
	text-align:center;
	background:#f8f8f8;
	position:relative;
    height: 100%;
}
a { color:#0C8EB3; }
a img { outline:none; }
strong, b { font-weight:600; }
ul, p { margin-top:0; }

h1, h2, h3, h4 { font-family:'Open Sans', helvetica, arial; font-weight:600; margin:0.5em 0 .5em 0; line-height:1.2em; }
h1 {padding: 20px; }

input[type=text], input[type=password], input[type=email], input[type=url], select, textarea {
	background:#fff;
	padding:4px 6px;
	border-radius:3px;
	border:1px solid #73B0D8;
	font-size:1.4em;
	color:#333;
	width:11em;
	margin:2px 0;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=url]:focus, select, textarea { outline:none; }
textarea { width:27.4em; height:5em; }

hr { margin:1.5em 0; border:none; border-top:1px dashed #ccc; }

input[type=submit], .button, button { border:1px solid #0C8EB3; padding:4px 8px; border-radius:4px; text-decoration:none; text-align:center; }
.button { margin:5px 0; }
.apply, .apply-noevent { font-size:1.1em; padding:2px 6px; margin:5px 0; text-align:center; display:inline-block; width:30%; background:#00B2E5; color:#fff; }



.two-buttons > button, .two-buttons > input[type=submit] {
    width: 48% !important;
    margin: 0.5%;
    display: inline-block;
}

.two-buttons {
    text-align: center;
}

input[type=submit], button {
	background:#00B2E5;
	background-image:-webkit-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
	background-image:-moz-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
	background-image:-ms-linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
	background-image:linear-gradient(top, rgba(255,255,255,.1), rgba(0,0,0,.1));
	background-image:linear-gradient(to bottom, rgba(255,255,255,.1), rgba(0,0,0,.1));
	color:#fff; display: none; padding:10px; width:100%; font-size:1.4em; box-shadow:0 1px 1px rgba(0,0,0,0.7); }
input[type=submit]:hover, .button:hover, button:hover { background:#00B2E5; color:#fff; }

#search-bar input[type=text], #search-bar select { margin:0; }
#search-bar input[type=submit], #search-bar button {
	width:85px;
	display:inline-block;
	padding:4px;
	border-radius:0;
	font-size:1.3em;
	margin:0;
	box-shadow:none;
}

.row label, .survey-content .name {
	/*text-transform:uppercase;*/
	font-size:11px;
	font-weight:bold;
	display:block;
	line-height:1.1em;
	padding:0;
	/*color:#818181;*/
    color:#5f6469;
	margin:0 0 1px 7px;
}
.row { margin:12px 0; }
.two-columns{float:left; width:49%; margin-right: 1%;}
.three-columns{float:left; width:32%; margin-right: 1%;}
.row.wide90{
    float: left;
    width: 32%;
    margin-right: 1%;
    max-height: 140px;
    overflow: auto;
}

.multiple-rows {
    float: left;
    width: 100%;
}

.multiple-rows > .row {
    float: left;
    margin-right: 1px;
}

.thin-row { margin:6px 0; }

.sidebyside-container {
    height: 80px;
    width:100%;
    display: inline-block;
}

.sidebyside {
    float: left;
    width: 50%;
}

.centered { text-align:center; }
.button-facebook, .button-linkedin {
    padding:9px 22px 9px 44px;
	border-radius:4px;
	border:1px solid #385186;
	color:#fff;
	background-repeat:no-repeat;
	background-position:5px, 0;
	display:inline-block;
    width: 220px;
}

.container { width:100%; text-align:left; margin:0 auto; padding:20px; background:#fff; }
#footer { margin-top:20px; font-size:12px; }
#footer a { color:#999; }

header { padding:0 0 10px 0; }
#client-logo { float:left; }
#client-logo img { max-width:220px; max-height:100px; border-width: 0; }
.sub-nav, .sub-nav-agency { float:right; text-align:right; width:50%; }
nav ul { list-style-type:none; padding:0; margin:0; }
nav ul li { margin:0; padding:0; float:right; }
nav.sub-nav a { display:none; padding:5px; }
nav.rego { float:right; }

.menu-box {
	text-align:center;
	padding:10px;
	background:#00B2E5;
	background-image:-webkit-linear-gradient(top, #B2C7F5, #86BCE0);
	background-image:-moz-linear-gradient(top, #B2C7F5, #86BCE0);
	background-image:-ms-linear-gradient(top, #B2C7F5, #86BCE0);
	background-image:linear-gradient(top, #B2C7F5, #86BCE0);
	background-image:linear-gradient(to bottom, #B2C7F5, #86BCE0);
	border-bottom: 1px solid #618AD3;
}

.menu-box #search-crumbs {
    text-align: left;
}


.faux-dropdown { position:relative; }
.faux-dropdown-label { padding:6px 24px 6px 12px; margin:3px; border:1px solid #73B0D8; background:#fff; display:inline-block; border-radius:3px; font-size:1.3em; cursor:pointer; }
.faux-dropdown-contents { padding:10px; border-radius:3px; background:#fff; text-align:left; border:1px solid #ddd; box-shadow:0 1px 5px rgba(0,0,0,.2); position:absolute; top:33px; left:0; min-width:220px; line-height:1.7em; }
.arrow-up { width:0; height:0; position:absolute; top:-8px; left:16px; border-left:8px solid transparent; border-right:8px solid transparent; border-bottom:8px solid white; }
.arrow-down { width:0; height:0; position:absolute; top:6px; right:15px; border-left:3px solid transparent; border-right:3px solid transparent; border-top:7px solid black; }


/* STEPS */

.progress-container {
    display: table;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%;
    list-style-type:none;
    /*border:1px solid #E9E9E9;*/
}

.progress-container ol {
    display: table-cell;
    width: 100%;
    text-align: center;
    vertical-align: middle;
    padding-left: 0;
}
.progress-container li {
    display: inline-block;
    min-width: 14%;
    /*height: 100px;*/
    cursor:pointer;
    font-size:1.2em;
    font-weight:bold;
    height:100%;
    width:14.285%;
    border:1px solid #E9E9E9;
    padding:7px 10px;
    margin:-2px;
    /*float:left;*/
    background:#f1f1f1;
    background-image:-webkit-linear-gradient(top,#fcfcfc,#eee);
    background-image:-moz-linear-gradient(top,#fcfcfc,#eee);
    background-image:-ms-linear-gradient(top,#fcfcfc,#eee);
    background-image:linear-gradient(top,#fcfcfc,#eee);
    background-image:linear-gradient(to bottom,#fcfcfc,#eee);
    border:1px solid #E9E9E9;
    border-left-width: 0;
    white-space: nowrap;
}

/*
.progress { 
    list-style-type:none;
    padding:0;
    margin:0;
    border:1px solid #E9E9E9;
    border-radius:2px;
}
.progress li { 
    cursor:pointer;
    font-size:1.2em;
    font-weight:bold;
    height:100%;
    width:14.285%;

    border-right:1px solid #E9E9E9;
    padding:7px 10px;
    margin:0;
    float:left;
    background:#f1f1f1;
    background-image:-webkit-linear-gradient(top,#fcfcfc,#eee);
    background-image:-moz-linear-gradient(top,#fcfcfc,#eee);
    background-image:-ms-linear-gradient(top,#fcfcfc,#eee);
    background-image:linear-gradient(top,#fcfcfc,#eee);
    background-image:linear-gradient(to bottom,#fcfcfc,#eee); 
}
*/
.progress-container li div { 
    font-weight:normal;
    color:#808080;
    font-size:.7em;
    text-transform:uppercase; 
}
.progress-container:first-child li:last-child, .progress-container:first-child li:last-child a { 
    border-right:none;
    background:#00B2E5;
    color:#fff;
}
.progress-container li.current, .progress-container li.current a { 
    background:#4CAD34;
    color:#fff; 
    text-decoration: none;
}
.progress-container li.current div { 
    color:#fff; 
}
.progress-container li.completed div { 
    /*background:#CAEEC1; */
}

.progress-container a {
    text-decoration: none;
    color: #333;
}

/* QUESTIONNAIRE STEPS */
#questionnaire-steps {
    text-align: center;
    padding-top: 15px;
}

.questionnaire-step.completed:not(.current) a {
    text-decoration: none;
}

.questionnaire-step:not(.completed):not(.current) a {
    text-decoration: none;
    font-weight: bold;
}

.questionnaire-step.current:not(.completed) a {
    font-weight: bold;
}

/*
.progress { list-style-type:none; padding:0; margin:0; border:1px solid #E9E9E9; border-radius:2px; }
.progress li {
	font-size:1.2em;
	font-weight:bold;
	height:100%;
	width:25%;
	border-right:1px solid #E9E9E9;
	padding:7px 10px;
	margin:0;
	float:left;
	background:#f1f1f1;
	background-image:-webkit-linear-gradient(top, #fcfcfc, #eee);
	background-image:-moz-linear-gradient(top, #fcfcfc, #eee);
	background-image:-ms-linear-gradient(top, #fcfcfc, #eee);
	background-image:linear-gradient(top, #fcfcfc, #eee);
	background-image:linear-gradient(to bottom, #fcfcfc, #eee);
}
.progress li div { font-weight:normal; color:#808080; font-size:.7em; text-transform:uppercase; }
.progress li:last-child { border-right:none; }

.progress li.current { background:#4CAD34; color:#fff; }
.progress li.current div { color:#fff; }
.progress li.completed { background:#CAEEC1; }
.progress a {color: black; text-decoration: none;}
.progress .current a {color: white; text-decoration: none;}
*/

/* PROGRESS BAR */

.progress-bar {
    background-color: #eee;
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset;
    display: block;
    margin: 5px 0;
    width: 100%;
}

.progress-bar span {
    background-color: green;
    background-image: linear-gradient(to bottom, #6bd66b, #008000);
    border-radius: 3px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5) inset;
    display: block;
    padding: 7px;
}

.cf-mobile {
    display: none;
}

/* REGISTER */
#register h1 {
    padding: 5px;
}
#register hr {
    margin: 0.5em;
}

#register input[name='firstname'], #register input[name='lastname'] {
    float: left;
    width: 50%;
}

input[name='applicantPassword1'], input[name='applicantPassword2'] {
    background-color: white;
}

/* IE DISCLAIMER */
.IEDisclamer {
    padding: 20px;
    font-size: small;
    text-align:center;
}


/* =================== */

/* TABLES */
table
{
    border-collapse:collapse;
}
td,th
{
    padding:6px;border:1px solid #ccc;text-align:left;
}
th
{
    background:#f2f2f2;background-image:-webkit-linear-gradient(top,#fff,#ededed);background-image:-moz-linear-gradient(top,#fff,#ededed);background-image:-ms-linear-gradient(top,#fff,#ededed);background-image:linear-gradient(to bottom,#fff,#ededed);background-image:linear-gradient(top,#fff,#ededed);color:#333;text-shadow:0 1px rgba(255,255,255,.3);text-align:center;
}
tr.action-required-good
{
    background:#bbeebb;
}
tr.action-required-incomplete
{
    background:#FFF3CF;
}

/* APPLY WORKFLOW */
#apply-workflow .panel { padding:20px 10px; min-height:300px; background:#f8f8f8; }
/* ============================ */
 

 


/* CANDIDATE SETTINGS */
.left-nav-mobile { display:none; }
.left-nav { float:left; width:185px; }
.left-nav ul { list-style-type:none; margin:0; padding:0; }
.left-nav li { margin:0; padding:0; }
.left-nav a { text-decoration:none; padding:10px; display:block; border-bottom:1px solid #A3DBEB; position:relative; }
.left-nav a:hover { background-color:rgba(12, 142, 179, 0.2);  }
.left-nav a.current { background-color:#0C8EB3; color:#fff; text-decoration:none; }
.left-nav li span { position:absolute; top:16px; right:6px; display:block; width:8px; height:12px; background-image:url(images/side_nav_bullet_arrow.png); background-position:0 -12px; background-repeat:no-repeat; }
.settings-wrapper { margin-left:200px; padding-left:15px; border-left:1px solid #ddd; }
.settings-wrapper input[type=submit], .settings-wrapper button { width:120px; font-size:1.3em; padding:6px;  }
#candidate-settings .panel h3, #candidate-settings .panel h4 { margin:0; padding:0; }
#work-history .history .row, #certs-history .history .row, #referees-history .history .row { padding:10px; background:#f2f2f2; margin:5px 0; }
#work-history .history .linkedin { background:rgba(103, 168, 199, 0.16) no-repeat 98% 20%; padding:10px; }
/* =================== */


/* TIMESLOT */
#timeslot table { border-collapse:collapse; }
#timeslot td, #timeslot th { padding:4px 10px; border:1px solid #eee; text-align:center; }
#timeslot th { background:#444; color:#fff;  }
#timeslot tbody tr td:first-child { font-size:.9em; text-align:right; }
#timeslot .current { background:#59CF59; }

/* =================== */

.pagination ul { list-style-type:none; padding:0; margin:0; text-align:center; }
.pagination ul li { margin:0; padding:0; display:inline-block; }
.pagination a { display:block; padding:5px 12px; }
.pagination a:hover { background:rgba(0, 178, 229, 0.15); }
.pagination a.current { background:#00b2e5; color:#fff; text-decoration:none; }


/* jobs */
.item { border-bottom:1px dotted #ccc; padding:1em 0; clear:both; }
.item h2 a { text-decoration:none; }
.item h2 a:hover { text-decoration:underline; }
.job-info { float:left; width:40%; font-size:.9em; }
.job-desc { float:right; width:60%; border-left:1px dotted #ccc; padding-left:10px; }


/* social */
#share-job {
    display: block;

    height: 32px;
    padding-left: 140px;
    float: right;
}

#social-container {
    background: none repeat scroll 0 0 #ffffff;
    height: 475px;
    width: 675px;
    margin-left: -329px !important;
    max-width: 658px !important;
}

#social-container > iframe {
    width: 100%;
    height: calc(100% - 50px);
    border: 0;
}

#social-mobile {
    display: none;
}

/* modal */
#tint { position:fixed; top:0; left:0; bottom:0; right:0; width:100%; height:100%; background:#000; background:rgba(0,0,0,.1); }
.modal {
	z-index:1000;
	text-align:center;
	position:absolute;
	max-width:320px;
	width:100%;
	padding:20px;
	margin-left:-152px;
	top:60px;
	left:50%;
	border-radius:8px;
	border:1px solid #eee;
	box-shadow:0 5px 50px 10px rgba(0, 0, 0, 0.4);
	background:#fff;
}
.modal.wide90 { 
    max-width: 90%;
    margin-left: -45%;
}

.modal form { margin:0 auto; text-align:left; }
.modal form input[type=text], .modal form input[type=email], .modal form input[type=password], .modal form textarea { width:100%; }
#position-desc { text-align:left; margin-left:-250px; max-width:500px; }
#position-desc ul { padding-left:20px; }

.footer-logo { background:url(images/subscribrhr_sml.png) no-repeat; width:100px; height:31px; text-indent:-9999em; display:inline-block; }

.msg { display:none; border:1px solid; padding:8px 8px 8px 34px; border-radius:3px; background-position:10px; background-repeat:no-repeat; margin-bottom:8px; }
.msg-good { border-color:#5BBD5B; background-color:rgba(0, 128, 0, 0.25); background-image:url(images/tick.png); }
.msg-bad { border-color:#F08181; background-color:rgba(204, 0, 0, 0.19); background-image:url(images/cross.png); }
.msg-notification {
    background:#ECF7FF;
	background-position:10px 50%;
	background-repeat:no-repeat;
	border-color:#AED5F3;
}
.help { font-size:12px; line-height:17px; color:#666; }

progress-container { width:100%; margin:5px 0; display:block; }
progress-container[value] {
	-webkit-appearance:none;
	appearance:none;
	border:none;
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}
progress-container[value]::-webkit-progress-bar {
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}
progress-container[value]::-moz-progress-bar {
	background-color: whiteSmoke;
	border-radius: 3px;
	box-shadow: 0 2px 3px rgba(0,0,0,.5) inset;
}

progress-container[value]::-webkit-progress-value {
	border-radius:3px;
}

/* autocomplete */
.ui-autocomplete { position: absolute; cursor: default;z-index:1000 !important;}

/* Questionnaire */
/*
    Survey Generator
*/

.survey-show-pages
{
    display: none;
}

.survey-content
{
	margin-top: 16px;
	border: solid 1px #bcbcbc;
	padding: 10px;
	background: #ffffff;
}

.survey-content .error-container
{
	border: solid 1px #d20215; background: #efd5df; color: #a6351f; font-style: italic; margin-top: 5px; padding: 5px 0 5px 3px; display: none;
}
.survey-content .answer-list
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.survey-content .name
{
	font-size: 13px;
	font-weight: bold;
	padding-bottom: 5px;
}

.survey-content .error
{
	background: #EFD5DF;
	border: 1px solid #D20215;
	padding: 3px;
}
.survey-content table {
	width: 100%;
}

.survey-content table .answer-input {
	text-align: center;
}

.survey-content .shorttext .answer-input {
	width: 300px;
}

.survey-content .longtext .answer-input {
	width: 350px;
	height: 80px;
}

.survey-content .heading {
	font-weight: bold;
	font-size: 16px;
    padding-bottom: 10px;
}

.survey-content .paragraph {
    padding-bottom: 10px;
    font-size: 0.9em;
}

.survey-content .paragraph table {
    width: 100% !important;
}

.survey-content .paragraph table td {
    border: 0 none !important;
    width: 100% !important;
    color: #5f6469 !important;
}

.survey-content .paragraph table td p span {
    color: #5f6469 !important;
}

.survey-content .paragraph p {
	margin: 0;
	padding: 0;
}

.survey-content .question {
	padding: 0 0 14px 0;
	/*border-bottom: 2px solid #BCBCBC;*/
}

.survey-content .question.mandatory > .name:after {
	content: ' *';
	color: red;
	font-weight: bold;
	font-size: large;
}

.survey-content .tab-container {
	padding: 10px 0;
}

.survey-content .tabs {
	margin: 0;
	padding: 0;
	width: 100%;
	display: table;
	position: relative;
}

.survey-content .tabs:before {
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 19px;
	background-color: #BCBCBC;
    background-image: linear-gradient(45deg, #e7e7e7 25%, #BCBCBC 25%, #BCBCBC 50%, #e7e7e7 50%, #e7e7e7 75%, #BCBCBC 75%, #BCBCBC);
    background-size: 30px 30px;
    top: 4px; left: 0px;
}

.survey-content .tabs li {
	display: table-cell;
	text-align: center;
	background: #ffffff;
}

.survey-content .tabs .name-container {
	width: 100%;
	position: relative;
}

.survey-content .tabs .selected .name-container:before {
	
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 19px;
	background-color: #414141;
	opacity: 0.6;
    top: 4px; left: 0px;
    top: 4px; left: 0px;
	
}

.survey-content .tabs li .name {
	margin: 0 auto;
	padding: 4px;
	width: 20px;
	border: solid 1px #BCBCBC;
	background: #e7e7e7;
	position: relative;
	z-index: 999999;
}

.survey-content .tabs .selected .name {
	border: solid 1px #414141;
	background: #8a8a8a;
	color: #ffffff;
}

.survey-content .actions {
	float: right;
	margin: 0;
	padding: 0;
}

.survey-content .actions .next, #survey-content .actions .submit {
	text-shadow: 0 1px #414141; background-image:-moz-linear-gradient(top, #8A8A8A, #414141); background-image:-webkit-linear-gradient(top, #d09ffc, #a84afd); background-image:-ms-linear-gradient(top, #d09ffc, #a84afd); background-image:linear-gradient(top, #d09ffc, #a84afd); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#d09ffc', EndColorStr='#a84afd'); border: 1px solid #414141; color: #ffffff;
}

.survey-content .actions li {
	float: left;
	padding: 10px 4px 4px 4px;
}

.survey-content .availabilitymatrix .availability_date {
    text-align: center;
}

/*
.survey-content .button, .survey-content input[type="submit"] {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    font-size: 16px;
    padding: 5px 12px;
    text-decoration: none;
    transition: all 0.2s ease-out 0s;
    margin: 5px 0;
    text-align: center;
}
*/

.survey-content .actions {
    list-style-type: none;
}

.answer-cont
{
    overflow: auto;
    max-height: 250px;
}

/*
.survey-content .mandatory .label:before {
    content: " *";
    color: #FF0000;
    font-size: 22px;
    line-height: 22px;
    display: block;
    float: left;
    height: 20px;
    padding: 2px 3px 0 0;
}
*/

/* Vacancy Description button */
.btn-vacancy-description {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1)) repeat scroll 0 0 #00B2E5;
  border-radius: 8px;
  font-family: Arial;
  color: #ffffff;
  padding: 0 20px 0px 15px;
  border: solid #5293d2 0px;
  text-decoration: none;
  height: 45px;
  line-height: 45px;
  display: inline-block;
  cursor: pointer;
}

.btn-vacancy-description span {
    color: #fff;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    margin-top: -16px;
    padding-left: 5px;
}

.btn-vacancy-description img {
    width: 34px;
    height: 24px;
    border-right: 1px solid;
    padding-right: 10px;
    margin-top: 10px;
}

/* Mandatory tag */
.mandatory-tag {
    font-weight: bold;
    color: red;
    font-size: 13px;
}

.mandatory-text {
    font-style: italic;
}

.cf:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.cf { display: inline-block; }
/* start commented backslash hack \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* close commented backslash hack */

.print-hide {
    display: none;
}