@font-face {
font-family: 'FontAwesome';
src: url('webfonts/FontAwesome/fontawesome-webfont.otf');
}

body {
   font-family: Arial,Sans Serif,Verdana;
    font-size: 14px;
    line-height: 20px;
}


.mainPage{
    width: 100%;
}

#r_wrapper{
    width: 100%;
}

#r_main{
    width: 100%;
}

.container {
    padding: 0;
    position: relative;
    margin-left: 0px;
    margin-bottom: 0px;
    width: 75%;
Padding-bottom: 130px;
}

.intro1, .intro2 {
    font-family: Arial,Sans Serif,Verdana;
    font-size: 19px;
    line-height: 35px;
    color: #333333;
}


.extid {
    display: none; 
}

th.sorting:before {
    content: "\f0dc" !important;
    font-family: FontAwesome !important;
    left:-5px !important;
    top:0;
    padding-right: 5px;
}



th.sorting_desc:before {
    content: "\f0dd";
    font-family: FontAwesome;
    left:-5px;
    top:0;
    padding-right: 5px;
}


th.sorting_asc:before {
    content: "\f0de";
    font-family: FontAwesome;
    left:-5px;
    top:0;
    padding-right: 5px;
}

.filterbox {
    border: 0px solid #EFEFEF;
    overflow-y: auto;
    position: relative;
    clear: left;
    padding: 0 2px;
}




.jobDescFeatureBox {
  height: 40px;
    width: 140%! important;
padding-bottom:0px !important;
}

.features {
    width: 130%! important;
Position: absolute;
Bottom: 0px;
}


.welcome {
    width: 100%;
}

.joblist table {
    border: 0px solid #fff;
    width: 130%;
}


#profile {
padding-top: 50px;
}

.prefixtext{
  font-style: italic;
   font-family: Arial,Sans Serif,Verdana;
   margin-bottom: 15px !important; 
}
div#UploadCV, div#cv-add { 

    display: none; 

} 

.button-link{
   display:none;
}

a.button.deny {
   float: right;
   margin-right: 10px;
}

#applform {
    position: relative;
    margin-left: 0px;
}

.AGintro > p {
    font-size: 14px;
    padding: 5px 0px;
    margin-left: 0px;
    font-family: Arial,Sans Serif,Verdana;
}

.popupBox > h4 {
    font-family: Arial,Sans Serif,Verdana;
    font-size: 14px;
}

.appbox1 h3, .appbox2 h3, .appbox3 h3 {
    color:  #000;
    margin-bottom: 0.2 em;
    font-family: Arial,Sans Serif,Verdana;
    font-size: 14px;
}



.welcome h1 > span {
    color: #000;
    font-size: 19px;
    margin-bottom: 20px;
    width: 130%;
}

.welcome h1 {
    color: #006979;
    font-family: Arial,Sans Serif,Verdana;
    font-size: 30px;
    line-height: 2.35294rem;
    font-weight: bold;
    margin-bottom: 13.5px;
    margin-left: 0;
    margin-top: 0;
}

.jobDescription {
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    width: 130%;
}



.welcome > p {
    font-family: Arial,Sans Serif,Verdana;
    font-size: 20px;
    line-height: 35px;
    color: #333333;
    width: 130% !important;
}


.q-checkbox > p.q-label:first-child{
    font-family: Arial,Sans Serif,Verdana;
    font-size: 14px;
}


.jobDescription p, .jobDescription ul{
    font-family: Arial,Sans Serif,Verdana;
    padding-bottom: 5px;
    font-size: 16px;
    line-height: 125%;
    color: #000000;
    width: 100%;
}

p.sufixtext {
   font-style: italic;
   margin-top: 15px !important; 
}

.joblist thead th, tr.jobs > td  {
    font-size: 12px;
    padding: 5px 40px 0px 5px;
    font-family: Verdana,Arial,Sans Serif;
    color: #000000; 
border-bottom: none;
   width: 200px;
}

.joblist thead th {
border-bottom: 1px solid #eeeeee;
    padding: 10px 0px 10px 5px;
}



td.jobitem, td.orgunit1, td.jobtown, td.jobelevel, td.publishto; td.jobhours  {
    background-color: #f6f7f8  !important;
    height: 50px;
}

.even td.jobitem, .even td.orgunit1, .even td.jobtown, .even td.jobelevel, .even td.publishto, .even td.jobhours     {
    background-color: none !important;
    height: 35px;

}

td.orgunit1, td.publishto {
    color: #000;

}


span.intro1 {
    font-weight: normal;
    font-family: Arial,Sans Serif,Verdana;
    font-size: 19px;
    line-height: 35px;
    color: #333333;
}

.applyPage #fancybox-wrap {
    top: 690px !important;
}


strong {
    color:#000000;
    font-size: 16px;
    font-weight: bold;
}

.genapply {
    float: left;
}

.subscribe {
    float: right !important;
}

.login {
    float: right;
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #008993;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 8px 18px 7px;
    font-weight: bold;
}




.jobDescFeatureBox > p {
    background: none repeat scroll 0 0 #ffffff;
    color: #000000;
    left: auto;
    font-size: 14px;
    font-weight: normal;
    font-style: underline;
    float: left;
}

.subscribe {
    color: #ffffff! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 8px 18px 7px;
    font-weight: bold;
}

.login:hover, .subscribe:hover {
    color: #ffffff! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    padding: 8px 18px 7px;
    font-weight: bold;
}



.jobDescContainer > .welcome > h1 {
    border-bottom: none;
    color: #006979;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 6px;
    font-family: Arial,Sans Serif,Verdana;
}



#applApply {
    float: left;
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000!important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 13px 20px 16px;
    font-weight: bold;

}

#applApply:hover {
    float: left;
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000! important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    padding: 13px 20px 16px;
    font-weight: bold;
}

.button-big {
    float: left;
    height: 40px;
    color: #ffffff! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ac0772 !important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 13px 20px 16px;
    font-weight: bold;

}

.genapply a {
    color: #ffffff;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    font-weight: bold;
}

.genapply a: hover {
    color: #ffffff;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    font-weight: bold;
}

.joblist a, .profilel, .profilel a {
    font-size: 12px;
    font-family: Verdana,Arial,Sans Serif,;
    font-weight: normal;
    text-decoration: underline;
    color: #0172b9;

}

.joblist a:hover, .profilel, .profilel a:hover {
    color: #0172b9;
    font-size: 12px;
    text-decoration: underline;
    font-family: Verdana,Arial,Sans Serif,;
    font-weight: normal;

}

.jobitem, .orgunit1, .jobtown, .jobelevel{
    color: #585858;
    font-size: 18px;
    text-decoration: none;
    font-family: Arial,Sans Serif,Verdana;
    font-weight: normal;
}

h2 {
    border-bottom: none;
    color: #000000;
    font-size: 20px;
    font-weight: normal;
    margin: 0 0 6px;
    padding: 0 0 6px;
    font-family: Arial,Sans Serif,Verdana;
}




h1 {
    border-bottom: none;
    color: #000000;
    font-size: 22px;
    font-weight: normal;
    margin: 0 0 6px;
    padding: 0 0 6px;
    font-family: Arial,Sans Serif,Verdana;
}

.control p, p.app-label, .control label {
    font-family: Arial,Sans Serif,Verdana;
    font-size: 14px;
}

a.button span {
    background: none;
    color: #000000;
    left: auto;
    padding: 3px 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
  
}

a.button span:hover {
    background: none;
    padding: 3px 10px;
    text-decoration: none;
    color: #000000;
    left: auto;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    font-weight: bold;
}

.addbutton{
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000!important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    padding: 8px 18px 7px;
    font-weight: bold;
}

.addbutton:hover{
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000!important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    padding: 8px 18px 7px;
    font-weight: bold;
}



.addbutton span {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
}

.addbutton span:hover {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
}




a.button {
    background: none;
    color: #000000;
    left: auto;
    padding: none;
    text-decoration: none;
    box-shadow:none;
   
}

.button {
    background-color: #ffe000!important;
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 8px 10px 7px;
}


.button:hover {
background-color: #ffe000!important;
}



.fbutton, .sub-btn, .button-med, .button-big {
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000! important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 13px 20px 16px;
    float:left;
}


.fbutton:hover, .sub-btn:hover, .button-med:hover, .button-big:hover {
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000! important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 13px 20px 16px;
}




#login-btn {
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000! important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 8px 18px 7px;
}


#login-btn:hover {
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
     background-color: #ffe000! important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 8px 18px 7px;
}

.control form {
    margin: 5px;
    padding-bottom: 0;
}

.appbox3 > p.q-label, p.q-label:first-child, p.conditions {
    color: #000000 !Important;
    font-family: Arial,Sans Serif,Verdana;
    font-size: 13.5px;
    font-style: normal;
    font-weight: normal;
    
}

p.conditions {
    color: #000;
    font-family: Arial,Sans Serif,Verdana;
    font-size: 11px;
    font-style: normal;
    font-weight: bold;
}


li > .invalidElement {
    color: #F73D3D;
    font-size: 13.5px;
}

#loginbox .control, #subscribebox .control {
    width: 300px;
    padding: 45px;
}

.showbox .control {
    background-color: white;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.5);
    margin: auto;
    padding: 40px;
    position: relative;
    top: 10%;
}

.feature-list a {
    color: inherit;
    cursor: pointer;
    font-size: 13.5px;
    font-weight: bold;
}

.profileEditItem p {
    color: #5B5B5B;
    display: block;
    font-size: 10pt;
    font-weight: normal;
    position: relative;
    vertical-align: baseline;
}

.user-info a, h1 a {
    color: #5b5b5b;
    font-size: 10pt;
    font-weight: normal;
}




.filterbox select {
    max-width: 195% !important;
    margin-top: 10px !important;
}


p.welcomeText {
    color: black;
    font-size:14px;
    margin-bottom: 5px;
    margin-top: 5px;
    font-family: Arial,Sans Serif,Verdana;
}

.control h2 {
    font-family: Arial,Sans Serif,Verdana;
    color:#000000;
    font-size: 15px;
    font-weight: bold;
}


li > .invalidElement {
    color: #CC0000;
    font-size: 11px;
    margin-left: 0px;
    white-space: nowrap;
    line-heigt: 125%; 
}

input.invalidElement, select.invalidElement, textarea.invalidElement {
    border-color: #CC0000;
}



.jobApplyContainer fieldset, .jobApplyContainer p, table, tr, td, th, .pag_container, .appView fieldset, .alerts-list, .datepicker fieldset {
    font-family: Arial,Sans Serif,Verdana;
    font-size:14px;
    line-height: 20px;
    
}







/**********************RESPONSIVE DESIGN***************************/



@media (max-width: 410px) 
{
  
body {
    width: 98%; }

.container {
    padding: 0;
    position: relative;
    margin-left: 0! important;
    margin-bottom: 30px; 
    width: 50%! important;
}

.filterbox .search input[type="submit"] {
width: 40% !important;
padding: 4px 2px;
height: none;
}

.jobDescContainer > .welcome > h1 {
    width: 200%;
}

  #r_wrapper {
    width: 100%;
    margin-top: none;    
  }

.assessmentItem, .procFolder, .bookLocationsCont, .conditionsBox, .appView, .messageWrapper {
    width: 90%;
}

.welcome > p {
    font-family: Arial,Sans Serif,Verdana;
    font-size: 20px !important;
    line-height: 35px;
    color: #333333;
    width: 150% !important;
}

.features {
Position: absolute; 
Bottom: 0px;  
}
.container {
Padding-bottom: 130px;
}

.AGintro > p {
    width: 160%;
}

.login {
    float: left;
    color: #ffffff! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 8px 18px 7px;
    font-weight: bold;
}


.subscribe {
    float: left !important;
}


.button-big {
    float: left;
    color: #ffffff! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000!important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 13px 20px 16px;
    font-weight: bold;

}


.jobDescription p {
    width: 300%! important;
}

.jobDescription {
   width: 60%;
}

a.button.deny {
    float: left;
}

.ProfileImportIntro {
    width: 100%;
}

a.button {
    width: 100%;
    float: left! important;
}

.welcome h1 {
    color: #000000;
    font-family: Arial,Sans Serif,Verdana;
    font-size: 30px;
    line-height: 2.35294rem;
    font-weight: normal;
    margin-bottom: 13.5px;
    margin-left: 0;
    margin-top: 0;
    width: 100% !important;
}

tr.jobs > td {
    border-bottom: 1px solid #eeeeee;
    font-size: 12px;
    height: 25px;
    padding-left: 4px;
    text-align: left;
}

.joblist a {
   text-decoration: none;
   text-transform: normal;
}

.joblist a:hover {
   text-decoration: none;
   text-transform: normal;
}

.prefixtext {
   margin-top:0px;
}
   

#login-cnl, #subs-cnl, #fancy-cnl, .floatRight {
    float: right;
    width: 70px;
    font-size: 9px;
    padding: 5px 5px 5px;
}


.fbutton{
    color: #000000! important;
    font-size: 14px;
    font-family: Arial,Sans Serif,Verdana;
    background-color: #ffe000! important;
    border: none;
    border-color: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none !important;
    text-transform: normal;
    padding: 13px 20px 16px;
    width: 100%;
}


#UploadCV, #UploadPL {
    width: 70% !important;
}
div#UploadCV, div#cv-add { 

    display: none; 

} 
.conditionsAccept {
    width: 70% !important;
}

  .filterbox {
    border: none; }
    .filterbox .search input[type=text] {
      width: 70%;
      height: 20px; }
    .filterbox .search input[type=submit] {
      width: 20%;
      height: 26px;
      padding: 4px 2px;
      -webkit-appearance: button;
      appearance: button; }

  .jobListContainer .welcome p {
    font-size: 14px; }

.jobDescription p, .jobDescription ul, .rm_contact_person
{
margin-bottom: 15px;
width: 50%;
}

.rm_contact_person p {
    margin-bottom: 0;
}

.rm_contact_person{
    margin-bottom: 0;
}

span.l-share 
{
padding-top:15px;
}

.jobDescription
{
padding-top: 40px;
}

.fullLink{
width: 50%;
}

#loginbox .control, #subscribebox .control {
    width: 100%;
    margin: 25%;
}



.filterItemsTags, .filterItemsSelect {
    width: 40%;
}


.filterbox select {
    max-width: 95%;
    margin-top: 10px !important;
}

.filterItemsTags, .filterItemsSelect {
    /*padding-right: 30px;*/
}

#fancybox-outer
{
width: 200px !important;
   background-color: #000;
}

#fancybox-content
{
width: 200px !important;
   background-color: #000;
}

.button {
width: 15%;
float: left;
background-color: #000;
}

.control
{
width: 210px !important;
}

.control form
{
width: 180px !important;
}

.control input, input.appinput {
    /*margin-right: 80px;*/
}

  #jobsTable {
    width: 180%; }
    #jobsTable thead {
      display: none; }
    #jobsTable td {
      display: none; }
      #jobsTable td.jobitem {
        display: table-cell;
        padding: 0;
        width: 100%; }
        #jobsTable td.jobitem a {
          padding: 5px 0;
          width: 60%;
          display: block; }
    #jobsTable tr:nth-of-type(even) {
      background-color: #fff; }
#jobsTable tr:nth-of-type(even):hover {
      background-color: #f8f8f8; }


  #jobsTable_info {
    font-size: 12px;
    color: #888; }

  .jobApplyContainer .appbox1, .jobApplyContainer .appbox3 {
    width: 170%;
    float: none; }
  .jobApplyContainer .appbox2 {
    width: 60%;
    float: none; }
  .jobApplyContainer .appbox3 select {
    width: 100%; }



  .user-info dl dd {
    width: initial; }

  .profile {
    padding: 0 0 10px 0; }
    .profile #PersonalImage {
      float: none;
      text-align: left; }
    .profile .educationedit {
      display: none; }
    .profile .page_link,
    .profile .ellipse {
      display: none !important; }
    .profile #page_navigation1 {
      margin-top: -3px;
      margin-right: 0; }
      .profile #page_navigation1 a {
        font-size: 24px; }
    .profile .no_more i {
      color: #a1a1a1; }
    .profile .previous_link {
      margin-right: 10px; }
    .profile a.applicationView {
      display: block;
      width: 100%; }

.jobDescFeatureBox {
   width: 200%;
   padding-bottom:50px;
    height: 30px;
}


.jobApplyContainer p {
    width: 80%;
}

  .assessmentItem, ..fbutton, .profilelprocFolder, .bookLocationsCont, .conditionsBox, .appView, .messageWrapper {
    padding: 19px 1px 1px; } }


.jobDescFeatureBox {

}


.old-ie a.button-black, .old-ie .CTA input[type="submit"], .old-ie .CTA .submit input, .old-ie .CTA input.submit {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7b7b7b', endColorstr='#232323',GradientType=0 ); /* IE6-8 */