body {
    background-color: #ddd;
    font-family: "PT Sans", sans-serif;
    background: #f6f6f6 url(../images/layout/bg_content.png) repeat left bottom
    }
/*= LAYOUT */
#preHeader {
    background-color: #333;
    line-height: 30px
    }
#preHeader a {
    color: #d2d2d2;
    font-size: 12px
    }
#twitterTopLink {
    padding-left: 30px
    }
#header {
    background: #212121 url(../images/layout/bg_header.png) repeat left bottom;
    padding-top: 22px;
    padding-bottom: 30px;
    color: #fff
    }
#header .appLogo {
    float: left
    }
#header .appLogo .logo, .filterOpened#header .appLogo .logo {
    width: 230px;
    height: 122px;
    text-indent: -5000px;
    outline: none;
    float: left;
    background: url(../images/icons/sp-logo.png) no-repeat 0 0
    }
.appLogo .claim {
    display: none
    }
#header .rightHeader {
    margin-top: -10px
    }
#filtersButton {
    height: 35px
    }
#searchJobForm, .filterOpened #searchJobForm {
    padding-top: 25px;
    display: block
    }
#searchJobForm .label {
    padding: 0 0 5px 10px
    }
#searchJobForm div + div {
    margin-left: 20px
    }
#toggleFilters {
    float: right;
    line-height: 35px;
    padding-left: 20px
    }
#toggleFilters .sp {
    margin-top: 7px
    }
.filterOpened #toggleFilters .sp.downArrow_blue {
    background-position: -90px -54px
    }
@media handheld, only screen and (max-width: 767px) {
    #searchJobForm {
        display: none
        }
    .filterOpened #searchJobForm {
        padding: 15px
        }
    #header {
        padding-top: 15px;
        padding-bottom: 15px
        }
    #header .appLogo .logo {
        background-position: 0 -346px;
        width: 110px;
        height: 43px
        }
    .filterOpened#header .appLogo .logo {
        margin-top: 15px
        }
    .filterOpened#header .appLogo .logo {
        background-position: 0 -130px;
        width: 206px;
        height: 105px
        }
    #header .appLogo .claim {
        display: block;
        float: left;
        margin: 13px 0 0 3px;
        color: #fff
        }
    .filterOpened#header .appLogo .claim {
        display: none
        }
    #header .rightHeader {
        margin-top: 3px
        }
    #header .rightHeader .bt_expandable {
        float: right
        }
    }
@media handheld, only screen and (max-width: 750px) {
    .filterOpened#header .appLogo .logo {
        background-position: 0 -243px;
        width: 165px;
        height: 87px;
        margin-top: 34px
        }
    .rightHeader {
        margin-left: 170px;
        float: none
        }
    #searchJobCountryWrap {
        width: 40%
        }
    #searchJobQueryWrap {
        width: 50%;
        float: right
        }
    #searchJobCountryWrap input, #searchJobQueryWrap input {
        width: 80%
        }
    }
@media handheld, only screen and (max-width: 564px) {
    #header .appLogo {
        float: none;
        display: block;
        margin: 0 auto;
        width: 166px
        }
    #header .appLogo .logo {
        background-position: 0 -245px;
        width: 166px;
        height: 85px;
        margin-bottom: 20px
        }
    .filterOpened#header .appLogo .logo {
        margin-top: 0
        }
    #header .appLogo .claim {
        display: none
        }
    #header .rightHeader {
        float: none;
        margin-left: 0;
        clear: both;
        text-align: center
        }
    #header .rightHeader .bt_expandable {
        float: none;
        display: inline-block;
        margin: 0 auto
        }
    #toggleFilters {
        position: absolute;
        right: 20px
        }
    #searchJobForm > div, #searchJobForm div + div {
        float: none;
        width: auto;
        margin: 20px 0
        }
    #searchJobForm div + div {
        margin-bottom: 0
        }
    #searchJobCountryWrap input, #searchJobQueryWrap input {
        width: 90%
        }
    #pageTitle {
        display: block;
        float: none
        }
    #pageTopActions {
        display: block;
        float: none
        }
    #pageTopActions .bt {
        float: none
        }
    }
@media handheld, only screen and (max-width: 400px) {
    #preHeader {
        text-align: center
        }
    #preHeader .g12 {
        padding: 0
        }
    #preHeader a {
        display: block;
        clear: both;
        float: none;
        border-bottom: solid 1px #212121;
        padding: 5px 20px
        }
    #preHeader a .sp.twitter {
        display: inline-block;
        float: none
        }
    #header .rightHeader .bt_expandable {
        float: left
        }
    body #pagination .pagination {
        display: block;
        margin: 0 20px
        }
    #pagination li {
        display: none
        }
    #pagination li.prev {
        display: block;
        float: left
        }
    #pagination li.next {
        display: block;
        float: right
        }
    }
#footer {
    background: #dbdada url(../images/layout/bg_footer.png) repeat left bottom;
    border-top: solid 1px #d8d8d8;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-top: 100px
    }
#footer .team {
    border: 3px solid #d1d1d1;
    background: #eaeaea;
    padding: 10px 15px;
    float: left
    }
#footer .team span {
    line-height: 32px;
    margin-right: 10px
    }
#footer .team li {
    margin-bottom: 0;
    margin-left: 10px
    }
#footer .team li:hover {
    opacity: 0.6
    }
#footer .team li img {
    padding: 3px;
    background: #fff;
    border: 1px solid #c8c8c8;
    display: block
    }
#footer .paradigmaLogo {
    margin: 16px 30px 0 0
    }
#rightFooter {
    color: #666
    }
#footer .footNote {
    background: url(../images/icons/big_logo_footer.png) no-repeat 0 0;
    height: 108px;
    text-align: right
    }
#footer .footNote p {
    margin: 10px 10px 0 0;
    font-size: 12px
    }
#footer .smallerText {
    font-size: 12px
    }
.pageContainer {
    padding-top: 30px
    }
.p {
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15);
    border: solid 1px #d3d3d3;
    padding: 25px 25px 15px;
    margin-bottom: 20px
    }
.p.np {
    padding: 0
    }
hr {
    border-top: solid 1px rgba(0, 0, 0, 0.15);
    border-bottom: solid 1px rgba(255, 255, 255, 0.9)
    }
.rowLinks {
    line-height: 20px;
    margin-bottom: 20px;
    display: inline-block
    }
.indentText {
    padding-left: 20px
    }
/* end of layout */
/*= TEXT */
a {
    color: #1d7dae;
    cursor: pointer
    }
a:hover {
    text-decoration: underline
    }
.title.h1 {
    font-size: 28px;
    font-weight: normal;
    margin-bottom: 25px
    }
.title.h1 .note {
    font-size: 19px
    }
.smallTitle {
    font-size: 14px;
    color: #666
    }
body, input, select, textarea, button {
    color: #333;
    font-family: "PT Sans", sans-serif;
    font-size: 14px
    }
body, p, li {
    line-height: 1.4em;
    font-size: 14px
    }
.title.h2 {
    font-weight: normal;
    font-size: 21px
    }
.title.h3 {
    font-size: 15px
    }
small {
    font-size: 11px
    }
/* end of text */
/*= LINKS */
#pagination {
    text-align: center;
    clear: both
    }
#pagination .pagination {
    display: inline-block;
    margin: 0 auto
    }
#pagination li {
    font-weight: bold;
    font-size: 18px;
    border: solid 1px #c5c5c5;
    border-radius: 5px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
    background-image: linear-gradient(top, #F6F6F6 0%, #E3E3E3 100%);
    background-image: -o-linear-gradient(top, #F6F6F6 0%, #E3E3E3 100%);
    background-image: -moz-linear-gradient(top, #F6F6F6 0%, #E3E3E3 100%);
    background-image: -webkit-linear-gradient(top, #F6F6F6 0%, #E3E3E3 100%);
    background-image: -ms-linear-gradient(top, #F6F6F6 0%, #E3E3E3 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #F6F6F6), color-stop(1, #E3E3E3))
    }
#pagination li:hover {
    background: #fff
    }
#pagination li.active {
    background: #fff;
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.15)
    }
#pagination li.disabled {
    background: transparent;
    box-shadow: none;
    border-color: transparent
    }
#pagination .prev a, #pagination .next a {
    width: 20px;
    height: 21px;
    margin: 7px 10px;
    padding: 0;
    display: block;
    text-indent: -5000px;
    outline: none;
    background: url(../images/icons/sp.png) no-repeat -5px -29px
    }
#pagination .next a {
    background-position: -26px -29px
    }
/* end of links */
/*= FORMS */
.fg {
    margin-bottom: 20px
    }
.p input.text, .p textarea, .p select {
    background-color: #f0f0f0;
    border-color: #dbdbdb;
    padding-left: 10px
    }
.p input.text {
    padding-top: 10px;
    padding-bottom: 10px
    }
.p textarea {
    height: 150px
    }
form fieldset {
    border-width: 0;
    padding: 0;
    position: relative;
    top: 10px
    }
form fieldset legend {
    width: 100%;
    border-bottom: solid 1px #ccc;
    color: #8e8e8e;
    margin-bottom: 10px;
    padding-top: 5px
    }
.applyMethodWrap {
    clear: both;
    padding: 10px 10px 0;
    border: solid 1px #e0e0e0;
    position: relative
    }
#applyMethodWrap:before, #applyMethodWrap:after {
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0
    }
/* TOP ARROW */
#applyMethodWrap:before, #applyMethodWrap:after {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    left: 40px
    }
#applyMethodWrap.selected_paradigma_bundle_bigdatajobsbundle_jobtype_apply_method_0:before, #applyMethodWrap.selected_paradigma_bundle_bigdatajobsbundle_jobtype_apply_method_0:after {
    left: 40px
    }
#applyMethodWrap.selected_paradigma_bundle_bigdatajobsbundle_jobtype_apply_method_1:before, #applyMethodWrap.selected_paradigma_bundle_bigdatajobsbundle_jobtype_apply_method_1:after {
    left: 180px
    }
#applyMethodWrap.selected_paradigma_bundle_bigdatajobsbundle_jobtype_apply_method_2:before, #applyMethodWrap.selected_paradigma_bundle_bigdatajobsbundle_jobtype_apply_method_2:after {
    left: 390px
    }
#applyMethodWrap:after {
    border-bottom: 10px solid #fff;
    top: -9px;
    z-index: 2
    }
#applyMethodWrap:before {
    border-bottom: 10px solid #e0e0e0;
    top: -10px;
    z-index: 1
    }
#infoForApply, #contactInfo {
    margin-top: 30px
    }
#infoForApply .option + .option {
    margin-left: 20px
    }
#paradigma_bundle_bigdatajobsbundle_jobtype_description {
    height: 350px
    }
#paradigma_bundle_bigdatajobsbundle_jobtype_work_with_us {
    height: 150px
    }
/* end of forms */
/*= ICONS */
.indent {
    text-indent: -5000px
    }
.sp {
    float: left;
    width: 20px;
    height: 20px;
    background: url(../images/icons/sp.png) no-repeat 0 0
    }
.sp.fr {
    float: right
    }
.sp.twitter {
    background-position: -5px 0;
    margin: 3px 5px 0 0
    }
.sp.twitter_bigger {
    background-position: -2px -59px;
    margin: 3px 5px 0 0;
    width: 35px;
    height: 30px
    }
.sp.world {
    background-position: -34px 1px
    }
.sp.close {
    background-position: -89px 0
    }
.sp.search {
    background-position: -63px 1px
    }
.sp.downArrow {
    background-position: -32px -54px
    }
.sp.downArrow_blue {
    background-position: -66px -54px
    }
.sp.paradigmaLogo {
    background-position: -3px -128px;
    width: 122px;
    height: 33px
    }
.sp.bigDataLogo {
    background-position: 0 -169px;
    width: 65px;
    height: 65px
    }
.sp.linkedin {
    background-position: 0 -89px;
    width: 81px;
    height: 22px
    }
.sp.linkedin_small {
    background-position: -55px -29px;
    width: 25px;
    height: 22px
    }
/* end of icons */
/*= FORMS & BUTTONS */
#header .customInputWrap {
    border: solid 1px #070707;
    border-radius: 30px;
    padding: 10px 15px 8px;
    background-color: #3a3939;
    box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.7), 0 1px 0 rgba(255, 255, 255, 0.1);
    position: relative;
    text-align: left
    }
.customInputWrap.likeForm {
    border: solid 1px #DBDBDB;
    padding: 8px 5px 6px;
    background-color: #F0F0F0;
    position: relative
    }
.customInputWrap input, .customInputWrap select {
    border-width: 0;
    background-color: transparent;
    width: 80%;
    color: #999;
    outline: none
    }
.customInputWrap input:focus {
    box-shadow: none
    }
.customInputWrap.likeForm input, .customInputWrap.likeForm select {
    color: #333
    }
.customInputWrap input.placeholder, textarea.placeholder {
    color: #999;
    font-style: italic
    }
.customInputWrap input::-webkit-input-placeholder {
    color: #999;
    font-style: italic
    }
.customInputWrap input:-moz-placeholder {
    color: #999;
    font-style: italic
    }
.customInputWrap .sp {
    position: absolute;
    top: 9px;
    right: 10px;
    width: 25px;
    height: 25px
    }
.ui-helper-hidden-accessible {
    display: none
    }
.autocompleteListWrap {
    position: absolute;
    z-index: 9
    }
#jobs_filter_type_city {
    width: 150px
    }
#jobs_filter_type_search {
    width: 230px
    }
.ui-autocomplete {
    background: #3a3939;
    border: solid 1px #090909;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    padding: 5px;
    border-radius: 20px;
    max-height: 500px
    }
.ui-autocomplete li {
    margin: 0
    }
.ui-autocomplete a {
    cursor: pointer;
    color: #2fb6fc
    }
.ui-autocomplete a, .ui-autocomplete span {
    display: block;
    padding: 5px 10px
    }
.ui-autocomplete .ui-state-focus, .ui-autocomplete a:hover {
    border-radius: 15px;
    background-color: #2FB6FC !important;
    color: #3a3939;
    text-decoration: none
    }
/* ARROWS */
.ui-autocomplete:before, .ui-autocomplete:after {
    content: " ";
    position: absolute;
    display: block;
    width: 0;
    height: 0
    }
/* TOP ARROW */
.ui-autocomplete:before, .ui-autocomplete:after {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    left: 40px
    }
.ui-autocomplete:after {
    border-bottom: 7px solid #3a3939;
    top: -6px;
    z-index: 2
    }
.ui-autocomplete:before {
    border-bottom: 7px solid #090909;
    top: -7px;
    z-index: 1
    }
.ui-autocomplete-loading .sp.empty, .ui-autocomplete-loading .sp.notEmpty {
    background: url(../images/icons/circularPreloader.gif) no-repeat center center
    }
.formFooterActions .checkboxGroup {
    padding-top: 20px
    }
.likeForm .ui-autocomplete {
    background-color: #F0F0F0;
    border: solid 1px #DBDBDB
    }
.likeForm .ui-autocomplete:after {
    border-bottom-color: #F0F0F0
    }
.likeForm .ui-autocomplete:before {
    border-bottom-color: #DBDBDB
    }
.bt_expandable {
    float: left;
    color: #fff;
    font-weight: bold
    }
.bt_expandable:hover {
    color: #fff;
    opacity: 0.8
    }
.bt_expandable span, .bt_expandable strong {
    float: left;
    padding: 0 15px;
    line-height: 35px;
    position: relative;
    z-index: 3;
    border-radius: 30px;
    background-color: #f66200
    }
.bt_expandable.bt_opened strong {
    z-index: 2;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    left: -15px;
    padding-left: 30px
    }
.bt_expandable.bt_opened span {
    background-color: #6b6b6b
    }
.bt_expandable.bt_closed strong {
    display: none
    }
.bt {
    background-image: linear-gradient(top, #ADE4FF 0%, #7BD1FF 5%, #27B1FC 100%);
    background-image: -o-linear-gradient(top, #ADE4FF 0%, #7BD1FF 5%, #27B1FC 100%);
    background-image: -moz-linear-gradient(top, #ADE4FF 0%, #7BD1FF 5%, #27B1FC 100%);
    background-image: -webkit-linear-gradient(top, #ADE4FF 0%, #7BD1FF 5%, #27B1FC 100%);
    background-image: -ms-linear-gradient(top, #ADE4FF 0%, #7BD1FF 5%, #27B1FC 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ADE4FF), color-stop(0.05, #7BD1FF), color-stop(1, #27B1FC));
    border: solid 1px #1e8bc4;
    border-color: #1e8bc4 #0e83c0 #0e83c0;
    border-radius: 30px;
    color: #1a6288;
    line-height: 28px;
    padding: 10px 20px;
    float: left;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3)
    }
.bt.fr {
    float: right
    }
.bt.db {
    float: none
    }
.bt.ac {
    float: none;
    display: inline-block;
    margin-left: auto;
    margin-right: auto
    }
.bt.twoLines {
    line-height: 14px;
    font-size: 15px;
    padding-top: 8px;
    padding-bottom: 9px
    }
.bt.twoLines .fwn {
    padding-bottom: 3px;
    font-size: 14px
    }
.bt .whiteBall {
    background-color: #fff;
    float: right;
    position: absolute;
    top: -1px;
    right: -1px;
    height: 22px;
    line-height: 22px;
    border-radius: 30px;
    padding: 13px 15px;
    border: solid 1px #0e83c0
    }
.bt:hover {
    color: #0c4969;
    border-color: #0e6592;
    background: #4cc1fd;
    text-decoration: none;
    background-image: linear-gradient(top, #ADE4FF 0%, #27B1FC 5%, #7BD1FF 100%);
    background-image: -o-linear-gradient(top, #ADE4FF 0%, #27B1FC 5%, #7BD1FF 100%);
    background-image: -moz-linear-gradient(top, #ADE4FF 0%, #27B1FC 5%, #7BD1FF 100%);
    background-image: -webkit-linear-gradient(top, #ADE4FF 0%, #27B1FC 5%, #7BD1FF 100%);
    background-image: -ms-linear-gradient(top, #ADE4FF 0%, #27B1FC 5%, #7BD1FF 100%)
    }
.bt_sub {
    border-color: #a9a9a9;
    color: #848585;
    background-image: linear-gradient(top, #FFF 0%, #EEE 5%, #CAC9C9 100%);
    background-image: -o-linear-gradient(top, #FFF 0%, #EEE 5%, #CAC9C9 100%);
    background-image: -moz-linear-gradient(top, #FFF 0%, #EEE 5%, #CAC9C9 100%);
    background-image: -webkit-linear-gradient(top, #FFF 0%, #EEE 5%, #CAC9C9 100%);
    background-image: -ms-linear-gradient(top, #FFF 0%, #EEE 5%, #CAC9C9 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.05, #EEE), color-stop(1, #CAC9C9))
    }
.bt_sub:hover {
    color: #7b7979;
    border-color: #7b7979;
    background-image: linear-gradient(top, #FFF 0%, #CAC9C9 5%, #EEE 100%);
    background-image: -o-linear-gradient(top, #FFF 0%, #CAC9C9 5%, #EEE 100%);
    background-image: -moz-linear-gradient(top, #FFF 0%, #CAC9C9 5%, #EEE 100%);
    background-image: -webkit-linear-gradient(top, #FFF 0%, #CAC9C9 5%, #EEE 100%);
    background-image: -ms-linear-gradient(top, #FFF 0%, #CAC9C9 5%, #EEE 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.05, #CAC9C9), color-stop(1, #EEE))
    }
.bt_warn {
    border-color: #c06e0e;
    color: #802715;
    background-image: linear-gradient(top, #FFBFAD 0%, #FF987B 5%, #FC4A27 100%);
    background-image: -o-linear-gradient(top, #FFBFAD 0%, #FF987B 5%, #FC4A27 100%);
    background-image: -moz-linear-gradient(top, #FFBFAD 0%, #FF987B 5%, #FC4A27 100%);
    background-image: -webkit-linear-gradient(top, #FFBFAD 0%, #FF987B 5%, #FC4A27 100%);
    background-image: -ms-linear-gradient(top, #FFBFAD 0%, #FF987B 5%, #FC4A27 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFBFAD), color-stop(0.05, #FF987B), color-stop(1, #FC4A27))
    }
.bt_warn:hover {
    color: #802715;
    border-color: #802715;
    background-image: linear-gradient(top, #FFF 0%, #FC4A27 5%, #FF987B 100%);
    background-image: -o-linear-gradient(top, #FFF 0%, #FC4A27 5%, #FF987B 100%);
    background-image: -moz-linear-gradient(top, #FFF 0%, #FC4A27 5%, #FF987B 100%);
    background-image: -webkit-linear-gradient(top, #FFF 0%, #FC4A27 5%, #FF987B 100%);
    background-image: -ms-linear-gradient(top, #FFF 0%, #FC4A27 5%, #FF987B 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(0.05, #FC4A27), color-stop(1, #FF987B))
    }
.bt:active {
    color: #fff;
    box-shadow: inset 5px 5px 5px rgba(0, 0, 0, 0.2)
    }
.bt.bt_disabled {
    opacity: 0.5;
    cursor: default
    }
.bt.extraPadding {
    padding-left: 40px;
    padding-right: 40px
    }
/* end of form 6 buttons */
/*= Job detail */
.jobDetail.featured {
    position: relative
    }
.jobDetail.featured .ribon {
    position: absolute;
    top: -1px;
    right: 15px;
    width: 50px;
    height: 70px;
    background: url(../images/icons/sp.png) no-repeat -54px -240px
    }
.jobDetail.featured .ribon:hover {
    background-position: 0 -240px
    }
/* end of job detail */
/*= Jobs list */
.jobListItem {
    clear: both;
    padding-bottom: 20px
    }
li:first-child .jobListItem.featured {
    border-radius: 20px 20px 0 0
    }
li:last-child .jobListItem.featured {
    border-radius: 0 0 20px 20px
    }
.jobItem .views {
    color: #979797
    }
.jobListItem .views {
    border-top: solid 1px #ccc;
    display: block;
    padding-top: 10px
    }
.jobItem .title.h2 {
    margin-bottom: 0
    }
.jobItem .title.h3 {
    margin-bottom: 5px
    }
.jobItem ul li {
    margin: 0 0 0 20px;
    list-style-type: disc
    }
.jobItem .company {
    margin-bottom: 0.5em;
    color: #666;
    text-transform: uppercase
    }
.jobListItem .desc {
    height: 4.2em;
    margin-bottom: 0.8em;
    overflow: hidden
    }
.jobListItem.featured {
    position: relative
    }
.jobListItem.featured .ribon {
    position: absolute;
    top: 9px;
    right: 15px;
    width: 50px;
    height: 70px;
    background: url(../images/icons/sp.png) no-repeat -54px -240px
    }
.jobListItem.featured .ribon:hover {
    background-position: 0 -240px
    }
#jobsList li:first-child .jobListItem.featured .ribon {
    top: -2px
    }
.jobItem.featured .title.h2 {
    margin-right: 50px
    }
.propertiesGroup .porpertyLabel, .propertiesGroup .sep, .propertiesGroup .porpertyData {
    float: left
    }
.propertiesGroup .porpertyLabel {
    clear: both;
    color: #666
    }
.propertiesGroup .porpertyData {
    font-weight: normal
    }
.shareList a {
    line-height: 23px;
    color: #666
    }
.shareList a:hover {
    color: #1D7DAE
    }
.shareList .sp.twitter {
    margin-top: 0
    }
.shareList li {
    margin-bottom: 6px
    }
/* Colums styles */
#jobsList {
    position: relative;
    min-height: 200px
    }
#jobsList li {
    margin-bottom: 0
    }
#jobsList .column {
    margin-bottom: 30px
    }
#jobsList .column > ul {
    margin-bottom: 0;
    padding-bottom: 10px
    }
#jobsList li > div {
    padding: 10px 20px
    }
/* primer elementos de la pagina */
#jobsList li:nth-child(1) > div .views {
    border-top-width: 0
    }
@media only screen and (max-width: 767px) {
    #jobsList .column:first-child {
        margin-bottom: 0
        }
    #jobsList .column:first-child .p {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-bottom-width: 0
        }
    #jobsList .column:nth-child(2) .p {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top-width: 0
        }
    #jobsList .column:last-child li:nth-child(1) > div .views {
        border-top-width: 1px
        }
    }
/* end of jobs list */
/*= PANELS */
.preloader em {
    display: block;
    margin: 0 auto;
    width: 220px;
    height: 20px;
    text-indent: -5000px;
    background: url(../images/icons/preloader.gif) no-repeat center center
    }
.notificationPanel {
    text-align: center;
    width: 80%;
    margin: 0 auto
    }
.notificationPanel .sp {
    margin: 0 auto 30px;
    display: block;
    float: none;
    background: url(../images/icons/sp-notification.png) no-repeat 0 0;
    width: 142px;
    height: 142px
    }
.notificationPanel .sp.empty {
    background-position: -173px 0
    }
.notificationPanel .sp.error {
    background-position: -349px 0
    }
.notificationPanel p {
    font-size: 18px;
    width: 70%;
    margin: 0 auto 30px
    }
.notificationPanel hr {
    width: 50%;
    margin: 0 auto 30px
    }
/* end of panels */
/*= TOOLTIPS */
.teamMember {
    text-align: center
    }
.teamMember .name {
    font-size: 14px
    }
.whatsThis {
    font-size: 11px
    }
.ui-tooltip, .ui-tooltip .arrow:after {
    background-color: #fff;
    border: solid 1px #d3d3d3;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3)
    }
.ui-tooltip {
    padding: 10px 15px;
    font-size: 11px;
    border-radius: 4px;
    margin: 0 10px;
    width: 200px
    }
.ui-tooltip .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px
    }
.ui-tooltip .arrow.top {
    top: -16px;
    bottom: auto
    }
.ui-tooltip .arrow.left {
    left: 20%
    }
.ui-tooltip .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg)
    }
.ui-tooltip .arrow.top:after {
    bottom: -20px;
    top: auto
    }
/* end of tooltips */
/*= DIALOG */
.ui-dialog {
    background-color: #fff;
    border: solid 1px #d3d3d3;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);
    border-radius: 20px;
    border: solid 1px #d3d3d3
    }
.no-close .ui-dialog-titlebar-close {
    display: none
    }
.no-title .ui-dialog-titlebar {
    display: none
    }
#loadingDialog span {
    display: block;
    margin: 20px auto 0 auto;
    width: 220px;
    height: 40px;
    text-align: center;
    font-size: 14px;
    background: url(../images/icons/preloader.gif) no-repeat center bottom
    }
.ui-widget-overlay {
    background-color: #000;
    opacity: 0.5
    }
/* end of dialog */
/*= TINY EDITOR WYSIWYG */
#tinyeditor {
    border: none;
    margin: 0;
    padding: 0;
    font: 14px "Courier New", Verdana
    }
.tinyeditor {
    border: 1px solid #bbb;
    padding: 0 1px 1px;
    font: 12px Verdana, Arial
    }
.tinyeditor iframe {
    border: none;
    overflow-x: hidden
    }
.tinyeditor-header {
    height: 31px;
    border-bottom: 1px solid #bbb;
    padding-top: 1px;
    background-color: #f4f4f4
    }
.tinyeditor-header select {
    float: left;
    margin-top: 5px
    }
.tinyeditor-font {
    margin-left: 12px
    }
.tinyeditor-size {
    margin: 0 3px
    }
.tinyeditor-style {
    margin-right: 12px
    }
.tinyeditor-divider {
    float: left;
    width: 1px;
    height: 30px;
    background: #ccc
    }
.tinyeditor-control {
    float: left;
    width: 34px;
    height: 30px;
    cursor: pointer;
    background-image: url(../images/icons/tinyEditor-icons.png)
    }
.tinyeditor-control:hover {
    background-color: #fff;
    background-position: 30px 0
    }
.tinyeditor-footer {
    height: 32px;
    border-top: 1px solid #bbb;
    background: #f5f5f5
    }
.toggle {
    float: left;
    background: url(../images/icons/tinyEditor-icons.png) -34px 2px no-repeat;
    padding: 9px 13px 0 31px;
    height: 23px;
    border-right: 1px solid #ccc;
    cursor: pointer;
    color: #666
    }
.toggle:hover {
    background-color: #fff
    }
.resize {
    float: right;
    height: 32px;
    width: 32px;
    cursor: s-resize
    }
#editor {
    cursor: text;
    margin: 10px
    }
/* end of editor */