#itemheader {font-weight: bold; font-family:arial; padding-bottom: 0; margin-bottom: 0; margin-left:-5px;} #itemheader div.block, #itemContainer ul{margin: 0 0 0 0;} #itemContainer div.block{display:block; width:100%; overflow: hidden; position: relative; font-size:14px; background-color:#EEEEEE;border-bottom:1px solid #FFFFFF;} #itemContainer div.block:hover{background-color:#fbd007;font-weight:bold !important;} /* #itemContainer li.even{background: #ECECEC;} */ #itemContainer div.even{} #itemContainer div.odd{} #itemheader div.block div, #itemContainer div.block div {float:left; line-height: 5px; padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:0px;} /* #itemContainer li.block div a {text-decoration: none; color:#006391; font-family:arial; font-size:14px;} */ #itemContainer div.block div a {text-decoration: none; color:#4d4d4f;font-size:16px;} #itemContainer div.block div a:hover {text-decoration: underline;} #itemContainer div.block div a:visited, #itemContainer div.block div a:active, #itemContainer div.block div a:link {text-decoration: none;} #itemheader div.block div.title, /* #itemContainer li.block div.title {width:40%;} */ /* #itemContainer li.block div.title {width:200px;} */ /* #itemContainer li.block div.title {width:70%;} */ /* #itemContainer li.block div.title {width:62vw;} */ /* #itemContainer li.block div.title {width:38vw;} */ /* #itemContainer li.block div.title {width:25vw;float:left;} */ // #itemContainer div.block div.title {width:585px;float:left;cursor: pointer;} #itemContainer div.block div.title {width:765px;float:left;cursor: pointer;} #itemheader div.block div.company, /* #itemContainer li.block div.company {width:40%;} */ /* #itemContainer li.block div.company {width:200px;} */ /* #itemContainer li.block div.company {width:23vw;text-align:right;margin-left:20px;} */ /* #itemContainer li.block div.company {width:12vw;text-align:left;margin-left:30px;} */ /* #itemContainer li.block div.company {width:8w;text-align:left;margin-left:60px;float:left;} */ #itemContainer div.block div.company {text-align:left;float:left;} #itemheader div.block div.date, /* #itemContainer li.block div.date {width:10%; font-family:arial;} */ #itemContainer div.block div.date {width:80px;} #itemContainer {margin: 0px 0px 0px 0px !important;} #holder-container {overflow: hidden; position: relative;} #holder-container .holder {float:right;} #holder-container .holder a {padding:5px; text-decoration: none; color:#003FF0; cursor: pointer;} #holder-container .holder a:hover {text-decoration: underline;} #holder-container .holder a.jp-current{color:#006391; font-family:arial;} .simplePagerNav {display: block; float: right;} .simplePagerNav li {display: block; float: left; list-style: none; padding: 5px; font-family:arial;} .simplePagerNav li a {padding:5px; text-decoration: none; color:#003FF0; cursor: pointer; font-family:arial;} .simplePagerNav li a:hover {text-decoration: underline;} .simplePagerNav li.currentPage a{color:#006391; font-family:arial;} .category_tite {font-weight:bold;font-size:24px;color:#fcaf23;margin-left:20px;margin-top: 30px;margin-bottom: 10px;} #itemContainer div.block div.title {font-size:16px;color:#4d4d4f;} #itemContainer div.block div.title-text {width:80vw;margin-left:-20px;} #itemContainer div.block div.title {background-image: url("//widgets.scmp.com/scmpjob/images/apply_job_triangle_orange_12x19.png");background-repeat:no-repeat;background-position:right center;background-size: 6px 10px;} /* #itemContainer li.block div.title a:hover{color:#FCAF23;} */ // #itemContainer li.block div.company {font-size:16px;color:#4d4d4f;} #itemContainer div.block div.company {font-size:16px;color:#4d4d4f;width:150px;cursor: pointer;} #itemContainer div.block div.company a:hover{color:#FCAF23;} // #itemContainer li.block div.company {background-image: url(images/apply_job_triangle.svg), none;background-size:30%;margin-top:5px;margin-left:300px;background-repeat:no-repeat;} #itemContainer div.block div.company img{background-size:30%;margin-top:5px;margin-left:150px;background-repeat:no-repeat;width:4%;height:4%;} .joblist_box {border-style:solid; border-color:#4d4d4f; border-width:thin;overflow-x: hidden;} .joblist_title {font-size: 2.4rem;text-align:center;padding-bottom:30px;padding-top:30px;font-family:"Oswald", sans-serif;font-weight:300;letter-spacing:2px;background-color:#fbd007;} .entry-header { margin-top: 50px; margin-bottom: -100px; } .sub_heading { font-size: 2.4rem; margin-bottom: 1em; clear: both; font-family: "Oswald", sans-serif; font-weight: 300; letter-spacing: 2px; text-transform: none; color:#011144; /* margin-top:-40px; */ margin-top:100px; } .sub_heading_2 { font-size: 2.4rem; margin-bottom: 1em; clear: both; font-family: "Oswald", sans-serif; font-weight: 300; letter-spacing: 2px; text-transform: none; color:#011144; margin-top:60px; } .sub_heading_3 { font-size: 2.4rem; margin-bottom: 1em; clear: both; font-family: "Oswald", sans-serif; font-weight: 300; letter-spacing: 2px; text-transform: none; color:#011144; margin-top:380px; } @media screen and (max-width: 1050px) and (min-width:900px) { #itemContainer div.block div {float:left; line-height: 5px; padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:0px;} #itemContainer div.block {width:100%;display: table;} // #itemContainer div.block div.title {width:60vw;float:left;display: table-cell;vertical-align:middle;padding:16px;line-height:30px;} #itemContainer div.block div.title {width:80vw;float:left;display: table-cell;vertical-align:middle;} #itemContainer div.block div.title {background-image: url("//widgets.scmp.com/scmpjob/images/apply_job_triangle_orange_12x19.png");background-repeat:no-repeat;background-position:right center;background-size: 6px 10px;} #itemContainer div.block div.title-text {width:60vw;margin-left:-20px;} // #itemContainer div.block div.company {width:15vw;text-align:left;margin-left:0px;margin-top:-10px;display: table-cell;vertical-align:middle;} // #itemContainer div.block div.company {width:15vw;text-align:left;margin-left:0px;display: table-cell;vertical-align:middle;padding: 16px;line-height:30px;} #itemContainer div.block div.company {width:15vw;text-align:left;margin-left:0px;display: table-cell;vertical-align:middle;} #itemContainer div.block div.company img{background-size:30%;margin-top:15px;margin-left:95px;background-repeat:no-repeat;width:10%;height:10%;} .entry-header { margin-top: -50px; margin-bottom: 80px; } } @media screen and (max-width: 900px) and (min-width:660px) { #itemContainer div.block div {float:left; line-height: 20px; padding-top:10px;padding-bottom:10px;padding-left:20px;padding-right:0px;} #itemContainer div.block {width:100%;display: table;} // #itemContainer div.block div.title {width:60vw;float:left;display: table-cell;vertical-align:middle;padding:16px;line-height:30px;} #itemContainer div.block div.title {width:80vw;float:left;display: table-cell;vertical-align:middle;} #itemContainer div.block div.title {background-image: url("//widgets.scmp.com/scmpjob/images/apply_job_triangle_orange_12x19.png");background-repeat:no-repeat;background-position:right center;background-size: 6px 10px;} #itemContainer div.block div.title-text {width:60vw;margin-left:-20px;} // #itemContainer div.block div.company {width:15vw;text-align:left;margin-left:0px;margin-top:-10px;display: table-cell;vertical-align:middle;} // #itemContainer div.block div.company {width:15vw;text-align:left;margin-left:0px;display: table-cell;vertical-align:middle;padding: 16px;line-height:30px;} #itemContainer div.block div.company {width:15vw;text-align:left;margin-left:0px;display: table-cell;vertical-align:middle;} #itemContainer div.block div.company img{background-size:30%;margin-top:15px;margin-left:95px;background-repeat:no-repeat;width:10%;height:10%;} .entry-header { margin-top: -50px; margin-bottom: 80px; } } @media screen and (max-width: 640px) { #itemContainer div.block div {float:left; line-height: 20px; padding-top:7px;padding-bottom:7px;padding-left:20px;padding-right:0px;} // #itemContainer li.block {width:325px;} #itemContainer div.block {width:100%;display: table;} /* #itemContainer li.block div.title {width:40vw;} #itemContainer li.block div.company {width:30vw;text-align:right;margin-left:25px;} */ /* #itemContainer li.block div.title {width:35vw;} #itemContainer li.block div.company {width:25vw;text-align:left;margin-left:15px;} */ // #itemContainer div.block div.title {width:60vw;display: table-cell;vertical-align:middle;padding:16px;line-height:30px;} // #itemContainer div.block div.title {width:60vw;display: table-cell;vertical-align:middle;margin-right:5vw;} #itemContainer div.block div.title {width:80vw;display: table-cell;vertical-align:middle;margin-right:5vw;} #itemContainer div.block div.title-text {width:60vw;margin-left:-20px;} #itemContainer div.block div.title {background-image: url("//widgets.scmp.com/scmpjob/images/apply_job_triangle_orange_12x19.png");background-repeat:no-repeat;background-position:right center;background-size: 6px 10px;} /* #itemContainer li.block div.company {width:45vw;text-align:left;margin-left:0px;margin-top:-15px;} */ // #itemContainer li.block div.company {width:45vw;text-align:left;margin-left:0px;margin-top:-15px;background-image: url(images/apply_job_triangle.svg), none;} // #itemContainer div.block div.company {width:15vw;text-align:left;margin-left:0px;margin-top:-10px;display: table-cell;vertical-align:middle;} // #itemContainer div.block div.company {width:15vw;text-align:left;margin-left:0px;display: table-cell;vertical-align:middle;padding: 16px;line-height:30px;} #itemContainer div.block div.company {width:15vw;text-align:left;margin-left:0px;display: table-cell;vertical-align:middle;} // #itemContainer div.block div.company img{background-size:30%;margin-top:15px;margin-left:25px;background-repeat:no-repeat;width:10%;height:10%;} #itemContainer div.block div.company img{background-size:30%;margin-left:25px;background-repeat:no-repeat;width:10%;height:10%;} // .page-id-194 .attachment-sela-page-thumbnail.size-sela-page-thumbnail.wp-post-image.image{content:url(/wp-content/uploads/2017/10/career_visual_1180_mobile123.jpg)}; .page-id-194 .attachment-sela-page-thumbnail.size-sela-page-thumbnail.wp-post-image { background:#3F6A8A; } } .joblist_toggle_button {width: 48%; float: left; border-style: dotted;} .joblist_toggle_button_left_on {width: 35%; float: left; border-style: solid;color:#001246;background-color:#fbd007;border-radius: 5px;border-color: #fbd007;font-size: 24px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-right: 10px;} .joblist_toggle_button_right_off {width: 35%; float: left; border-style: solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;font-size: 24px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-left: 10px;} .joblist_toggle_button_left_off {width: 35%; float: left; border-style: solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;font-size: 24px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-right: 10px;} .joblist_toggle_button_right_on {width: 35%; float: left; border-style: solid;color:#001246;background-color:#fbd007;border-radius: 5px;border-color: #fbd007;font-size: 24px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-left: 10px;} /* .joblist_title_grey {font-size: 2.4rem;text-align:center;padding-bottom:30px;padding-top:30px;font-family:"Oswald", sans-serif;font-weight:300;letter-spacing:2px;background-color:#aabbcc;height:40px;} */ .joblist_title_grey {font-size: 2.4rem;text-align:center;padding-bottom:30px;padding-top:30px;font-weight:300;background-color:#efefef;height:40px;} .joblist_title_grey_content {margin-left: auto; margin-right: auto;width: 60%; padding-left: 5px;} .sortby {width: 20%; font-size: 24px;font-weight: bold;float: left;padding-top: 6px;padding-bottom: 6px;margin-right:10px;color:#001246;} /* .joblist_toggle_button_left_on:hover{color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;} */ .joblist_toggle_button_right_off:hover{color:#fbd007;background-color:#001246;border-radius: 5px;border-color: #001246;} .joblist_toggle_button_left_off:hover{color:#fbd007;background-color:#001246;border-radius: 5px;border-color: #001246;} /* .joblist_toggle_button_right_on:hover{color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;} */ @media screen and (max-device-width: 340px) { // .joblist_box {background-color:#ee5321;} .joblist_toggle_button {width: 48%; float: left; border-style: dotted;} .joblist_toggle_button_left_on {width: 40%; float: left; border-style: solid;color:#001246;background-color:#fbd007;border-radius: 5px;border-color: #fbd007;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-right: 10px;} .joblist_toggle_button_right_off {width: 40%; float: left; border-style: solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-left: 10px;} .joblist_toggle_button_left_off {width: 40%; float: left; border-style: solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-right: 10px;} .joblist_toggle_button_right_on {width: 40%; float: left; border-style: solid;color:#001246;background-color:#fbd007;border-radius: 5px;border-color: #fbd007;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-left: 10px;} .joblist_title_grey {font-size: 2.4rem;text-align:center;padding-bottom:30px;padding-top:30px;font-weight:300;background-color:#efefef;height:40px;} .joblist_title_grey_content {margin-left: auto; margin-right: auto;width: 100%;padding-left:25px;} .joblist_toggle_button_right_off:hover{solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;} .joblist_toggle_button_left_off:hover{solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;} .sortby {display: none;color:#001246;} .entry-header { /* margin-top: -70px; */ margin-bottom: -70px; } .sub_heading_3 { margin-top:540px; } } @media (min-width: 341px) and (max-width: 400px) { // .joblist_box {background-color:#ee5321;} .joblist_toggle_button {width: 48%; float: left; border-style: dotted;} .joblist_toggle_button_left_on {width: 40%; float: left; border-style: solid;color:#001246;background-color:#fbd007;border-radius: 5px;border-color: #fbd007;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-right: 10px;} .joblist_toggle_button_right_off {width: 40%; float: left; border-style: solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-left: 10px;} .joblist_toggle_button_left_off {width: 40%; float: left; border-style: solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-right: 10px;} .joblist_toggle_button_right_on {width: 40%; float: left; border-style: solid;color:#001246;background-color:#fbd007;border-radius: 5px;border-color: #fbd007;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-left: 10px;} .joblist_title_grey {font-size: 2.4rem;text-align:center;padding-bottom:30px;padding-top:30px;font-weight:300;background-color:#efefef;height:40px;} .joblist_title_grey_content {margin-left: auto; margin-right: auto;width: 100%;padding-left:25px;} .joblist_toggle_button_right_off:hover{solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;} .joblist_toggle_button_left_off:hover{solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;} .sortby {display: none;color:#001246;} .entry-header { /* margin-top: -70px; */ margin-bottom: -70px; } .sub_heading_3 { margin-top:620px; } } @media (min-width: 401px) and (max-width: 640px) { // .joblist_box {background-color:#ee5321;} .joblist_toggle_button {width: 48%; float: left; border-style: dotted;} .joblist_toggle_button_left_on {width: 40%; float: left; border-style: solid;color:#001246;background-color:#fbd007;border-radius: 5px;border-color: #fbd007;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-right: 10px;} .joblist_toggle_button_right_off {width: 40%; float: left; border-style: solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-left: 10px;} .joblist_toggle_button_left_off {width: 40%; float: left; border-style: solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-right: 10px;} .joblist_toggle_button_right_on {width: 40%; float: left; border-style: solid;color:#001246;background-color:#fbd007;border-radius: 5px;border-color: #fbd007;font-size: 20px;font-weight: bold;padding-top: 6px;padding-bottom: 6px;margin-left: 10px;} .joblist_title_grey {font-size: 2.4rem;text-align:center;padding-bottom:30px;padding-top:30px;font-weight:300;background-color:#efefef;height:40px;} .joblist_title_grey_content {margin-left: auto; margin-right: auto;width: 100%;padding-left:25px;} .joblist_toggle_button_right_off:hover{solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;} .joblist_toggle_button_left_off:hover{solid;color:#ffffff;background-color:#b0b0b0;border-radius: 5px;border-color: #b0b0b0;} .sortby {display: none;color:#001246;} .entry-header { /* margin-top: -70px; margin-top: 0px; */ margin-top: 0px; margin-bottom: -60px; } .sub_heading_3 { margin-top:660px; } } @media (min-width: 901px) and (max-width: 1050px) { .entry-header { margin-top: 0px; margin-bottom: -100px; } } @media (min-width: 660px) and (max-width: 750px) { .entry-header { margin-top: 10px; margin-bottom: -60px; } .sub_heading_3 { margin-top:150px; } } @media (min-width: 751px) and (max-width: 900px) { .entry-header { margin-top: -20px; margin-bottom: -100px; } .sub_heading_3 { margin-top:130px; } } @media screen and (min-device-width: 768px) { }