.animate {
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.apply-link table td {
    vertical-align:middle;
}

.apply-link div {
    font-size:19px;
    margin-top:-4px;
    display:inline-block;
    margin-left:4px;
}

html.ie7 .apply-link div, html.ie8 .apply-link div, html.ie9 .apply-link div {
    visibility:hidden;
}

.action-button {
    font-size:18px;
    display:inline-block;
    color:#898989;
    font-weight:bold;
    margin-right:20px;
    cursor:pointer;
}

.action-button:hover {
    color:#000000;
}

.action-button:last-of-type {
    margin-right:0px;
}


.action-button a {
    text-decoration:none;
    color:inherit;
}

.banner {
        width: 100%;            
        background: no-repeat center center;
        background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="<%= Url.Content("~/LVPImages/" & Model.LVP.ClientStandardLatestVacancyPageID & "/" & Model.LVP.ClientID & "/banner")%>?u=<%: DateTime.Now.Ticks%>", sizingMethod="scale");
        box-shadow: 0 0 10px rgba(0,0,0,0.8) inset;
    }

.ie9 .banner{
        width: 100%;           
        background-image:none !important; 
        background: no-repeat center center;
        background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="<%= Url.Content("~/LVPImages/" & Model.LVP.ClientStandardLatestVacancyPageID & "/" & Model.LVP.ClientID & "/banner")%>?u=<%: DateTime.Now.Ticks%>", sizingMethod="scale");
        box-shadow: 0 0 10px rgba(0,0,0,0.8) inset;
    }

body
{    
    margin:0;
    padding:0;
}

.clear {
    clear:both;
}

.client-logo {
            float: left;
            height: 60px;
            background:no-repeat center left;
            background-size: contain;
            width: 400px;
            text-indent: -9999999px;            
        }

html.ie7 .client-logo{
    text-indent: 0px; 
    background-image: none !important;
    background-repeat: no-repeat !important;
    padding-top: 20px;
    height: 40px;
}

html.ie8 .client-logo, html.ie9 .client-logo{
    background-repeat: no-repeat !important;
    padding-top: 20px;
}


.social-media .facebook {
    background-image:url("../../img/facebook-icon.png");
}

.social-media .facebook:hover {
    background-color:#3b5998;
}

.float-right {
    float:right;
    display:block;
}

.footer {
    background:#ffffff;
    box-shadow:0 -4px 4px rgba(0,0,0,0.4);
    padding:22px 0;
}

h1
{
    margin:0;
}

h1 > span
{
    display:block;
}

html.ie7 .footer, html.ie8 .footer, html.ie9 .footer {
    border-top:1px solid #666666;
}

    .footer table, .header table {
        width:100%;
    }

.social-media .google-plus {
    background-image:url("../../img/google-plus-icon.png");
}

    .social-media .google-plus:hover {
        background-color:#dd4b39;
    }

.header {
    background:#ffffff;
    box-shadow:0 4px 4px rgba(0,0,0,0.4);
    padding:6px 0;
}

html.ie7 .header, html.ie8 .header, html.ie9 .header {
    border-bottom:1px solid #666666;
}

 .heading {
            padding: 60px 0;
            font-size: 24px;
            text-align: center;
        }

.heading p {
    margin: 0;
}

h2 {
    font-size:24px;
    font-weight:normal;
}

.job-description, .key-info {
    margin-bottom:10px;
}

.job-list tr.key-info td {
    padding: 0 14px !important;
}

.job-list {
    width:100%;
    cursor: pointer;
}

    .job-list * {
        border-collapse:collapse;
    }

    .job-list tr td {
        padding:14px 14px;
    }

    .job-list .key-info {
        font-weight:bold;
    }

.odd .job-list td {
    border:1px solid #dfdfdf;
}

.odd .job-list td:last-of-type {
    border-left:0 none;
}

.even .job-list td{
    background-color:#f7f7f7;
    border:1px solid #f7f7f7;
}

.front .job-list tr:hover *  {
    border-color:#dedede !important;
    background-color:#dedede !important;
}

.odd .back .job-list tr:hover *  {
    background-color:#ffffff !important;
}

.even .back .job-list tr:hover *  {
    background-color:#F7F7F7 !important;
}

.job-block {
            width: 347px;
            background-color: #ffffff;
            -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
            -moz-box-sizing: border-box; /* Firefox, other Gecko */
            box-sizing: border-box; /* Opera/IE 8+ */
            padding: 12px;
            cursor: pointer;
            margin: 0 0 32px 0;
            display:inline-table;
        }

            

            .job-block:nth-child(even) {
                margin-left: 32px;
            }

        .job-block {
            *margin: 0 15px 32px;
            *float: left;
            *width: 303px;
            *display: block;
        }

            .job-block h3 {
                margin: 0 0 10px;
                padding: 0;
                font-size: 14px;
            }


.job-list tr:nth-child(odd) td:first-of-type {
    border-right:0 none;
    padding:14px 14px !important;
}

.job-list tr:nth-child(odd) td:nth-child(2) {
    border-right:0 none;
    border-left:0 none;
}

.social-media .linked-in {
    background-image:url("../../img/linkedin-icon.png")
}

.social-media .linked-in:hover {
    background-color: #007bb6
}

.text-right {
    text-align:right;
}

.login {
    cursor:pointer;
    float:left;
    vertical-align:middle;
    display:block;
}

.login:hover .login-icon, .register:hover .register-icon {
    background-color:#333333;
}

.login:hover .login-text, .register:hover .register-text {
    color:#333333;
}

.login-icon {
    background:#999999 url("../../img/login-icon.png") no-repeat center center;
    height:32px;
    width:32px;
    display:inline-block;
    vertical-align:middle;
}

*:first-child+html .login-icon, *:first-child+html .register-icon { float:left; }

.login-text, .register-text {
    display:inline-block;
    vertical-align:middle;
    color:#999999;
}

*:first-child+html .login-text, *:first-child+html .register-text { float:left; margin-top:12px; }

.main-content {
    color:#333333;
    font-size:12px;
    *padding: 1em 0;
    padding:32px 0;
}

.open-arrow {
    width:14px;
    height:24px;
    background-image:url("../../img/open-list.png");
}

.powered-by-networx {
    background-image:url("../../img/powered-by-networx.png");
    width:153px;
    height:16px;
    text-indent:-9999999px;
    cursor: pointer;
}

p {
    margin:0 0 2em 0;
}

.register {
    cursor:pointer;
    float:left;
    vertical-align:middle;
    display:block;
    margin-left:30px;
}

.register-icon {
    background:#999999 url("../../img/register-icon.png") no-repeat center center;
    height:32px;
    width:32px;
    display:inline-block;
    vertical-align:middle;
}

    .social-media div {
        width:30px;
        height:30px;
        border-radius:2px;
        background:#dddddd center center no-repeat;
        float:left;
        cursor:pointer;
        margin-left:6px;
        text-indent:-9999999px;
    }

    .social-media .twitter {
        background-image:url("../../img/twitter-icon.png")
    }

    .social-media .twitter:hover {
        background-color: #00aced;
    }

.wrapper {
    width:738px;
    margin:auto;
}


.vacancy-title {
    font-size:16px;
    font-weight:bold;
}


/*FLIPPER*/


/* entire container, keeps perspective */
.flip-container {
	perspective: 1000px;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    -moz-perspective: 1000px;
}

    

	/* flip the pane when hovered */
	.flip-container.flipped .flipper, .flip-container.flipped .flipper {
        -webkit-transform: rotateY(180deg);
        -moz-transform: rotateY(180deg);
        -o-transform: rotateY(180deg);
        -ms-transform: rotateY(180deg);
        transform: rotateY(180deg);
        perspective: 1000px;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    -moz-perspective: 1000px;
	}

.flip-container, .front, .back {
	width: 100%;
}

/* flip speed goes here */
.flipper {
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    -moz-perspective: 1000px;
}

/* hide back of pane during swap */
.front, .back {
	position: absolute;
	top: 0;
	left: 0;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    -ms-perspective: 1000px;
    -moz-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}

/* front pane, placed above back */
.front {
	z-index: 2;
	/* for firefox 31 */
	transform: rotateY(0deg);
    background:#ffffff;
    cursor:pointer;
}

/* back, initially hidden pane */
.back {
	-webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
    border: 1px solid #DFDFDF;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
    z-index:1;
}

.flip-container.flipped .flipper .back {
    z-index:3;
    -ms-backface-visibility: visible;
}

.odd .back {
    border: 1px solid #DFDFDF;
}

.even .back {
    border: 1px solid #F7F7F7;
}

    .even .back .job-list td, .even .back .job-list tr{
        background:#f7f7f7;
        
    }
    
    .odd .back .job-list td {
        border:0 none;
        background:#ffffff;    
    }

 


.button {
    cursor:pointer;
}

.button div {
    display:inline-block;
    line-height:32px;
    vertical-align:middle;
}

.button .text {
    margin-right:10px;
}

.check-box-selected{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 none;
    border-bottom: 1px solid #222B2F;
    margin-bottom: 4px;
    padding: 6px 50px 0 0;
    color: #222B2F;
    font-size: 24px;
    width: 100%;
}

.check-box-container {
    display:inline-block;
    vertical-align:top;
    width:49%;
    margin-bottom:20px;
}

.check-box-dd-container, .select-box-dd-container  {
    position:relative;
    margin-bottom:30px;
}

.check-box-options {
    border:1px solid #a9a9a9;
    padding:20px 20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-height:24em;
    overflow:auto;
    display:none;
    position:relative;
    z-index:1;
    background:#ffffff;
    top:-4px;
    left:0;
}

.check-box-options.selected {
    display:block;
}

.check-box-options input[type="checkbox"] {
    display:none;
}

.ie8 .check-box-options input[type="checkbox"] {
    display:block;
    float:left;
}

.check-box-options input[type="checkbox"] + label {
    cursor:pointer;
    padding:0px 20px 0 0px; 
    display:flex;
    font-size:14px;
    line-height:24px;
}

.check-box-options input[type="checkbox"] + label span {
    display:inline-table;
    width:24px;
    height:24px;
    margin-right:24px;
    background:url("../../img2/icons/ticked-unticked.png") left top no-repeat;
    vertical-align:middle;
    cursor:pointer;
}

.ie8 .check-box-options input[type="checkbox"] + label span {
    display:none;
}

.check-box-options input[type="checkbox"]:checked + label span {
    background-position: 0 -24px;
}

.check-box-options input[type="checkbox"] + label span.label-text {
    width:auto;
    background:none;
}

.ie8 #divSalaryOptions{
    display:none !important;
}

.show, .hide {
    background:transparent url("../../img2/icons/show-hide.png") no-repeat 100% 5px;
    cursor:pointer;
}

.show:hover {
    background-position:100% -306px;
}

.hide {
    background-position:100% -158px;
}

.hide:hover {
    background-position:100% -471px;
}

.search-button {
    width:32px;
    height:32px;
    border-radius:6px;
    background:#97662A url("../../img2/icons/search.png") no-repeat center center;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor:pointer;
    box-shadow:1px 1px 2px rgba(0,0,0,0.3), 0 0 14px rgba(0,0,0,0) inset;
}

.button:hover .search-button {
    box-shadow:0px 0px 0px rgba(0,0,0,0.3), 0 0 28px rgba(0,0,0,0.5) inset;
    
    
}

.reset-button {
    background-image: url("../../img2/icons/reset.png");
}

.select-options {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #222B2F;
    font-size: 24px;
    width: 100%;
    display:none;
    border:1px solid #a9a9a9;
    max-height:28em;
    overflow:auto;
    display:none;
    position:relative;
    top:-4px;
    left:0;
}


.line-divider {    
    margin-bottom:40px;
    padding-bottom:40px;
}

.search-options .button {
    float:right;
    font-size:18px;
    margin-left:30px;
}

.search-options .button:first-of-type {
    margin-left:0px;
}

    .select-options.selected {
        display:block;
    }

    .select-options ul {
        margin:0;
        padding:10px 0;
    }

        .select-options ul li {
            list-style-type:none;
            padding:10px 20px 10px 20px;
            cursor:pointer;
        }

        .select-options ul li:hover {
            background:#F9F7F3;
        }

        input[type=text] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0 none;
  border-bottom: 1px solid #222B2F;
  margin-bottom: 4px;
  padding: 6px 0;
  color: #222B2F;
  font-size: 24px;
  width: 100%;
}

.input-error {
  color: #A5B1B8;
  text-align: left;
  font-size: 18px;
  visibility:hidden;
}

.search-options {
    margin:0 auto;
    width:100%;
}
.loading-bar
{
    width: 100%;
    min-width: 220px;
    min-height: 20px;
    background:#ffffff url("../../img/loader.gif") no-repeat top center;
    clear:both;
}

 .back .job-list td:first-of-type {
    width:35%;
} /*Fix for Table issue (Mole Valley)*/