h1,
h2,
h3,
h4 {
  color: #666666;
}

h1 {
  font-size: 1.07em;
}

h1 {
  -webkit-margin-before: -0.1em;
}

h1 {
  margin-top: -1px
}


/* for Edge */

h1 {
  font-weight: normal;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.17em;
}

h4 {
  font-size: 1.00em;
}

h5 {
  font-size: .83em;
}

h6 {
  font-size: .75em;
}


/*  SECTIONS  */

.section {
  clear: both;
  padding: 0px;
  margin: 0px;
}

.noShowing {
  display: none;
}

.video_profile_text {
  font-size: 13px;
  font-weight: bold;
}


/*  COLUMN SETUP  */

.col {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}

.col:first-child {
  margin-left: 0;
}


/*  GROUPING  */

.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
  /* For IE 6/7 */
}


/*  GRID OF THREE  */

.span_3_of_3 {
  width: 100%;
}

.span_2_of_3 {
  width: 66.13%;
}

.span_1_of_3 {
  width: 32.26%;
}

#newsHeading_work2 {
  padding: 5px;
  color: white;
  background: #1F89F6;
  margin-bottom: 7px;
  padding-top: 0px;
  height: 25px;
}

#newsHeading_work2 a {
  color: white;
}

#newsHeading_work2 a:hover {
  color: gray;
}

.styleBox2 {
  background: #e9eaed;
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}

body a {
  color: #039;
}

#centerMe {
  /*width:83%;*/
  /*margin-left:12%;*/
}

#main_body {
  width: 95%;
  padding: 20px;
  padding-top: 0px;
  text-align: center;
}

.i_phone_show {
  display: none;
}

.newsQuote {
  background: #f0f0f0;
  padding: 1px;
  padding: 10px;
  line-height: 25px;
  font-style: italic;
  font-style: bold;
}

#topkeep #sectorLinks2 a {
  color: #039;
  display: inline;
  line-height: 28px;
  font-size: 14px
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
  background: blue;
}

.downloadCAOCalc {
  width: 100%;
  float: right;
  color: black;
  font-weight: bold;
  cursor: pointer;
  text-align: center;
}

.downloadCAOCalc a {
  color: black;
}

.pointsCalcHead {
  width: 100%;
  font-size: 12px;
  color: #474747;
  text-align: center;
}

.downloadCAOCalc:hover {
  color: brown;
}

#applink {
  padding-left: 10px;
  margin-top: 10px;
  text-align: center;
  height: 40px;
}

.caocalc {
  margin-top: -20px;
}

#appBadge2 {
  display: none;
}

.basetopsix {
  font-size: 10px;
}

.clBlack {
  color: black;
}

.courseSearchFound {
  float: right;
}

.clDarkgrey {
  color: #474747;
}

.newsArchiveText {
  padding: 3px;
  font-size: 12px !important;
}

.replaceButton {
  float: left;
  margin-right: 5px;
  margin-left: 10px;
}

.replaceButton1 {
  float: left;
  margin-left: 5px;
}

#idaInsetImage {
  height: 500px;
  overflow-y: auto;
}

.pointsText {
  color: black;
}

.pointsTextSubject {
  color: black;
}

#idaInsetImage {
  height: 500px;
  border: 1px solid gray;
  overflow-y: auto;
}

.questionAnswerSectorVideo {
  margin-left: 10px;
  
/*font-size: larger;*/ JC#####################
  height: 30px;
  padding: 5px;
  display: inline-block;
}

.school_SubMenu {
  width: 99%;
  height: auto;
  padding-top: 3px;
  font-size: 14px;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #FFF 100%);
  padding-left: 1%;
}

.worksheet1 {
  margin-left: 18%;
  .menu_schoolImage1 {
    background: #FFF;
  }
}

.SubMenu {
  width: 99%;
  height: auto;
  font-size: 14px;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #FFF 100%);
}

.SubMenu a {
  color: brown;
  margin-left: 12.5px;
  margin-right: 12.5px;
}

.SubMenu a:hover {
  color: #039;
}

.SubMenu1 {
  width: 99.7%;
  height: auto;
  font-size: 14px;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #FFF 100%);
  padding-left: 2px;
  padding-top: 5px;
}

.SubMenu1 a {
  color: brown;
  margin-left: 12.5px;
  margin-right: 12.5px;
  font-size: 12px;
}

.SubMenu1 a:hover {
  color: #039;
}

.newsArchiveText a {
  color: #039 !important;
  font-size: 12px;
}

.newsArchiveText a:hover {
  color: brown !important;
}

.fb-like-box.fb_iframe_widget span iframe {
  width: 95% !important;
}

.PlainText {
  font-family: Arial, Helvetica, sans-serif;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
}

.PlainText_1 {
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 11px;
  line-height: 20px;
}

.plainTextClients {
  font-family: Arial, Helvetica, sans-serif;
  color: #333333;
  font-size: 11px;
  line-height: 20px;
}

.pointThisYear {
  font-weight: bold;
  font-size: 16px;
  margin-left: 36%;
}

.smybolMean {
  font-size: 11px;
}

.redPoints {
  font-size: 18px;
  color: red;
  font-weight: bold;
}

.schoolTextBack {
  margin-top: 5px;
  position: absolute;
}

#schoolBackBtn {
  width: 99.5%;
  border: 1px solid #487B7C;
  height: 30px;
  color: #487B7C;
  margin-top: 12px;
  font-weight: bold;
  margin-bottom: 1px;
}

#newsHeading_work {
  text-align: center;
  padding: 5px;
  color: white;
  background: #1F89F6;
  margin-bottom: 7px;
}

.feedback {
    background: bisque;
    padding: 0.2;
    margin-top: -20;
    font-style: italic;
    padding-left: 10;
    margin-bottom: 2px;
}

.f-row {
  font-size: 18px;
  margin-top: 18px;
  color: #4b8fe7;
}

.f-inputs {
  font-size: 14px;
  margin-left: 10px;
  margin-bottom: 5px;
  margin-top: 8px;

  color: black;
  //background-color: #f1f0f0
}

#leavingTable {
  border: 1px solid #487B7C;
  padding: 5px;
}

#interestWrapper {
  background: #487B7C;
  color: white;
  padding: 5px;
  clear: both;
}

#leavingWrapper2 {
  float: left;
  height: auto;
  margin-bottom: 40px;
}

#innerSchoolBtn {
  width: 15%;
  background: #487B7C;
  height: 30px;
  font-size: 24px;
  padding-left: 15px;
  font-wieght: bold;
  color: #B4D2D3;
  display: inline;
  float: left;
  cursor: pointer;
}

.noGap {
  margin-top: -5px;
}

.placeButton {
  margin-left: 8px;
}

#interest_2 {
  border: 1px solid #487B7C;
  margin: 0px;
  padding: 5px;
  border-top: none;
  margin-bottom: 20px;
}

#interest_1 {
  border: 1px solid #487B7C;
  margin: 0px;
  padding: 5px;
  border-bottom: none;
}

#studySkillsLeft {
  width: 49%;
  float: left;
}

#careerSkillsRight {
  width: 49%;
  float: right;
}

#centerImagesMobile img {
  margin-bottom: 10px;
  margin-top: 10px;
}

#centerImagesMobile2 {
  text-align: center;
}

#centerImagesMobile2 img {
  /* ref JC */
  margin-top: 0px;
}

#float_content_right {}

.style3 {
  color: #FFFFFF! important;
  font-weight: bold;
}

#apprenticeMenu img:hover {
  opacity: 0.8;
}

#detailTitle1 {
  color: #1F8AF5;
}

#courseDuration {
  width: 75%;
  height: auto;
  text-align: center;
  position: absolute;
  /*z-index: 888888;	*/
  font-weight: bold;
  font-size: 14px;
  padding-top: 2px;
}

#appRightHeading {
  width: 72%;
  height: 200px;
  float: right;
  margin-right: 20px;
  margin-top: -5px;
}

#appRightHeadingR {
  width: 72%;
  height: 200px;
  float: right;
  margin-right: 20px;
  margin-top: -5px;
}

#SerachTableWrap {
  padding: 5px;
  width: 90%;
  margin: 0 auto;
  margin-left: 20px;
}

#interestBlock {
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #FFF 100%);
}

#searchTableWrap {
  padding: 5px;
  width: 90%;
  margin: 0 auto;
}

#apprenticeMenu {
  width: 45%;
  margin-left: 15px;
  float: left;
}

#apprenticeMenu #section0_top {
  padding-top: 9px;
  height: 20px;
}

#apprenticeMenu a {
  color: white;
  font-size: 14px;
}

#apprenticeMenu a:hover {
  color: lightgray;
}

#topkeep #no_iphone_no_ipad a {
  color: #039;
}

#topkeep #no_iphone_no_ipad a:hover {
  color: brown;
}

#topkeep .headerTextImg {
  /*top heading like adult or @college*/
  width: 95%;
  height: 18px;
  font-size: 16px;
  color: white;
  text-align: left;
  padding-left: 10px;
  padding-top: 10px;
  font-family: Arial, Helvetica, sans-serif;
}

#insightsHeadin {
  width: 100%;
  height: 50px;
  background: #1F8AF5;
  margin-bottom: 20px;
}

#restrictedHeading {
  width: 95.7%;
  margin: 0 auto;
  text-align: left;
  margin-bottom: 20px;
  padding-left: 10px;
}

#cse-search-results {
  width: 100%;
  height: auto;
}

#bla {
  background: black;
}

#searOccBtn {
  display: none;
}

#careers_tblSearch {
  padding-left: 10px;
}

#topkeep .headList1 {
  width: 85.5%;
  heigth: auto;
  color: white;
  font-size: 11px;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
  padding-left: 20px;
  line-height: 12px;
}

#topkeep .headList1 a {
  font-size: 11px;
  color: white;
  transition: background 0.3s linear 0s, color 0.3s linear 0s;
  transition: -webkit-background 0.3s linear 0s, color 0.3s linear 0s;
  transition: -moz-background 0.3s linear 0s, color 0.3s linear 0s;
}

#topkeep .headList1 a:hover {
  font-size: 11px;
  color: black;
}

#topkeep #moreButton {
  width: 50px color: white;
  float: right;
  margin-top: -10px;
  margin-right: 0px;
  padding-bottom: -2px;
  clear: both;
  z-index: 1;
}

#twitterWid {
  width: 95%;
  margin-top: -40px;
}

body a:hover {
  color: brown;
}

[id^=myHeader] {
  font-size: 12px;
  font-weight: bold;
  float: left;
  padding-right: 10px;
}

#ed_categories1 ul li {
  color: #666;
  font-size: 14px;
  line-height: 20px;
}

#ed_categories1 ol li {
  color: #666;
  font-size: 14px;
  line-height: 20px;
}

#ed_categories1 p {
  width: 100%;
  color: #666666;
  font-size: 14px;
  line-height: 20px;
}

#ed_categories1 table th p {
  font-size: 16px;
  font-weight: bold;
  color: black;
}

.paraHead th {
  text-align: left;
}

#ed_categories1 p a {
  color: color: #039;
}

#ed_categories1 p a:hover {
  color: brown;
}

#videoInter img {
  margin-bottom: 10px;
}

.Rowdefault {
  font-size: 18px;
}

#back_symboy {
  margin-right: 10px;
  font-weight: bold;
}

#subnav {
  width: 100%;
  margin: 0 auto;
}

.Rowdefault2 {
  font-size: 18px;
}

.college_links_text {
  color: blue;
  background: #6689B3;
  padding: 3px;
  height: 20px;
}

#ajax_frame {
  width: 99%;
  height: 200px;
  border: 1px solid lightblue;
}

#ajax_frame3 {
  width: 99%;
  height: 300px;
  border: 1px solid lightblue;
}

#tableuk {
  width: 100%;
}

#tableuk tr td {
  padding: 2px;
  font-size: 6px;
}

#tablejob {
  width: 100%;
}

#tablejob tr td {
  padding: 2px;
  font-size: 14px;
  text-align: center;
}

#colvidleft {
  float: left;
  font-size: 12px;
  cursor: hand;
  cursor: pointer;
}

#colvidleft a {
  color: #039;
}

#colvidleft a:hover {
  color: brown;
  cursor: hand;
  cursor: pointer;
}

#colvidleft2 {
  float: left;
  font-size: 12px;
  cursor: hand;
  cursor: pointer;
}

#colvidleft2 a {
  color: #039;
}

#colvidleft2 a:hover {
  color: brown;
  cursor: hand;
  cursor: pointer;
}

#colvidleft3 {
  float: left;
  font-size: 12px;
  cursor: hand;
  cursor: pointer;
}

#colvidleft3 a {
  color: #039;
}

#colvidleft3 a:hover {
  color: brown;
  cursor: hand;
  cursor: pointer;
}

#maintitle {
  width: 930px;
  /*height: 18px;*/
  padding: 6px;
  padding-left: 10px;
  font-size: 16px;
  font-weight: normal;
  margin: 0 auto;
  margin-top: 14px;
  margin-bottom: 14px;
  color: #393939;
  background: white;
  border: 1px solid #C3CFF3;
}

#topkeep {
  margin-top: 10px;
}

#topkeep a {
  text-decoration: none;
  color: white;
  font-size: 14px;
  padding-top: 5px;
  display: block; /*JC 230418 - required for stories.php*/
}

#topkeep a:hover {
  color: Darkgrey;
}

#topKeep_Extra a {
  text-decoration: none;
  color: #039;
  font-size: 14px;
  display: block;
}

#topKeep_Extra a:hover {
  color: brown;
}

#topKeep_Extra table tr td a {
  padding-top: 2px;
  padding-bottom: 3px;
  line-height: normal;
  padding-bottom: 0px;
}

#guidanceNews {
  width: 95%;
  padding: 5px;
  margin: 0 auto;
  color: #474747;
  font-size: 11px;
  line-height: 20px;
  border: 1px solid #D0D8F0;
}

#adobeProduct {
  width: auto;
}

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

$colleges direct 


*/

.collegesDirect_clients tr td {
  width: 33.3333%;
}

.collegesDirect_clients tr td p {
  font-family: 'Roboto', sans-serif;
  text-align: left;
  font-weight: 500;
  color: #6D6D6D;
  font-size: 14px;
  text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
  transition: .1s all ease-in-out;
  cursor: pointer;
}

.collegesDirect_clients tr td p:nth-of-type(1) {
	margin-bottom: 0;
}

.collegesDirect_clients tr td p:nth-of-type(2) {
	margin-top: .5em;
}


.collegesDirect_clients tr td p a {
  display: inline-block;
  text-align: center;
  position: relative;
}

.collegesDirect_clients tr td p img {
  border: 2px solid #F3F3F3 !important;
  width: 100%;
  box-sizing: border-box;
  transition: .1s all ease-in-out;
  padding: 5px;
}
.collegesDirect_clients + br + strong {
  display: none;
}
.collegesDirect_clients + br + strong + .plainText {
  display: none;
}

.collegesDirect_clients tr td:hover p {
  color: #0a89da;
}

.collegesDirect_clients tr td:hover p img {
  border: 2px solid #0a89da !important;
}



/*
=============================================
*/
#showHide {
  width: 464px;
  background: white;
  height: 500px;
  float: left;
  font-size: 14px;
}

#showHide h3 {
  background: 003a81;
  border-radius: 5px;
  color: white;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
}

#fullInterviewLink {
  display: initial;
  color: white;
  margin-left: 10px;
  font-size: 18px;
}

#fullInterviewLink a {
  color: white;
}

#fullInterviewLink a:hover {
  color: gray;
}

#showHide div {
  overflow: hidden;
}

#leftcontent {
  width: 222px;
  height: auto;
  background: white;
  margin-left: 20px;
  padding: 0px;
  margin-top: 0px;
  float: left;
  clear: right;
}

#courses {
  /*width: 92.5%;*/
  height: auto;
  color: #fcfcfc;
  font-size: 11px;
  padding-left: 5%;
  overflow: hidden;
}

#section0_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
  /*background-color: #1F8AF5;*/
  /*margin-bottom: 1px;*/
}

#section_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section1_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section2_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#topkeep #inFocusElement a {
  color: #039;
  font-size: 13px;
}

#relatedOcc {
  margin-right: 10px;
}

#inFocusElement a:hover {
  color: brown;
}

#section3_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section4_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section5_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section6_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section7_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section8_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section9_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section10_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section11_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section12_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section13_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section14_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section15_top {
  /*width: 92.5%;*/
  height: 30px;
  color: #fcfcfc;
  font-size: 16px;
  padding-left: 5%;
  overflow: hidden;
}

#section_sub_menu {
  /*width: 95.5%;*/
  height: 30px;
  color: black;
  font-size: 10px;
  padding-left: 5%;
  overflow: hidden;
  padding: 4px;
}

#section_sub_menu-parents {
  /*width: 95.5%;*/
  height: 30px;
  color: white;
  font-size: 10px;
  padding-left: 5%;
  overflow: hidden;
  padding: 4px;
}

.adult {
  background: #DE800C;
  margin-bottom: 1px;
  /*border-radius: 4px;*/
  padding: 4px;
}

#topkeep .adult a:hover {
  color: black;
}

.college {
  /*background: #B63437;*/
  margin-bottom: 1px;
  /*border-radius: 4px;*/
  padding: 4px;
}

.grad {
  background: #B63437;
  margin-bottom: 1px;
  /*border-radius: 4px;*/
  padding: 4px;
}

.guidance {
  background: #2C367B;
  margin-bottom: 1px;
  /*border-radius: 4px;*/
  padding: 4px;
}

.school {
  background: #487B7C;
  margin-bottom: 1px;
  /*border-radius: 4px;*/
  padding: 4px;
}

.jobseekers {
  background: #1F8AF5;
  margin-bottom: 1px;
  /*border-radius: 4px;*/
  padding: 4px;
}

#topkeep .jobseekers a:hover {
  color: black;
}

.parents {
  background: #1A2480;
  margin-bottom: 1px;
  /*border-radius: 4px;*/
  padding: 4px;
}

.guidance {
  background: #354593;
  margin-bottom: 1px;
  /*border-radius: 4px;*/
  padding: 4px;
}

.default1 {
  background: #1F8AF5;
  /*border-radius: 4px;*/
  margin-bottom: 1px;
  padding: 4px;
}

.sub_menu {
  background: #396B68;
  /*border-radius: 4px;*/
  margin-bottom: 1px;
  color: black;
}

.sub_menu3 {
  background: #CE5558;
  /*border-radius: 4px;*/
  margin-bottom: 1px;
  color: black;
}

.parent1 {
  background: #484F5B;
  /*border-radius: 4px;*/
  margin-bottom: 1px;
  padding: 4px;
}

.sub_menu_parent {
  background: #6A7281;
  /*border-radius: 4px;*/
  margin-bottom: 1px;
  color: black;
}

.sub_menu_Adult {
  background: #F7A43E;
  /*border-radius: 4px;*/
  margin-bottom: 1px;
  color: black;
}

.sub_menu_School {
  background: #429393;
  /*border-radius: 4px;*/
  margin-bottom: 1px;
  color: white;
}

.sub_menu_Jobseeker {
  background: #65AFFA;
  /*border-radius: 4px;*/
  margin-bottom: 1px;
  color: black;
}

.sub_menu_Parents {
  background: #404ECA;
  /*border-radius: 4px;*/
  margin-bottom: 1px;
  color: white !important;
}

.sub_menu_Guidance {
  background: #6576c8;
  /*border-radius: 4px;*/
  margin-bottom: 1px;
  color: #FFF !important;
}

.sub_menu_Guidance a {
  color: #FFF !important;
}


#topkeep .sub_menu_Parents a {
  padding-left: 5px;
}

.sub_menu_Parents a {
  color: white;
}

.sub_menu_Adult a {
  color: #474747;
}

#topkeep #section_sub_menu a {
  color: #191919;
  font-size: 12px;
  margin-left: 9px;
}

#topkeep #section_sub_menu.sub_menu3 a {
  color: white;
  font-size: 12px;
  margin-left: 9px;
}

#topkeep #section_sub_menu.sub_menu3 a:hover {
  color: gray;
}

#topkeep #section_sub_menu.sub_menu_parent a {
  color: white;
  font-size: 12px;
  margin-left: 9px;
}

#topkeep #section_sub_menu.sub_menu_School a {
  color: white;
  font-size: 12px;
  margin-left: 9px;
}

#topkeep #section_sub_menu.sub_menu_School a:hover {
  color: #191919;
}

#topkeep #section_sub_menu a:hover {
  color: white;
}

#topkeep #section_sub_menu-parents a:hover {
  color: #191919;
}

iframe {
  width: 100%;
}

#carrerSkillsCompImage {
  width: 100%;
  text-align: center;
}

#imageCon {
  width: 100%;
  height: 260px;
  background: white;
  margin-bottom: 5px;
}

#midcontent {
  width: 462px;
  height: auto;
  background: white;
  margin-left: 20px;
  padding: 0px;
  float: left;
  clear: right;
  margin-top: 10px;
  /*color: #474747;
	font-size: 14px;
	line-height: 20px;	*/
}

#jhVideoDetails {
  width: 664px;
  background: #1F8AF5;
  height: auto;
  padding: 20px;
  color: white;
  font-size: 14px;
}

#jhVideoDetails2 {
  width: 663px;
  background: #1F8AF5;
  height: auto;
  padding: 20px;
  color: white;
  font-size: 14px;
  border-bottom: 2px solid #65AFFA;
  margin-top: -5px;
}

#sectorOccInfo {
  width: 693px;
  background: #1F8AF5;
  height: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  border-top: 1px solid 65AFFA;
}

#sectorOccInfo ul {
  padding-left: 7px;
}

#sectorOccInfo a {
  color: white;
  font-size: 14px;
}

.sectorList div {
  margin-bottom: 10px;
}

.sectorList img {
  margin-bottom: -5px;
}

.sectorList img {
  margin-right: 10px;
}

#sectorOccInfo a:hover {
  color: lightgray;
}

#jhVideoDetails1 {
  width: 664px;
  background: #1F8AF5;
  height: auto;
  padding: 20px;
  color: white;
  font-size: 14px;
}

#midcontent_long {
  width: 71%;
  height: auto;
  background: white;
  margin-left: 20px;
  padding: 0px;
  float: left;
  clear: right;
  margin-bottom: 30px;
}

#midcontent_long1 {
  width: 71%;
  height: auto;
  background: white;
  margin-left: 20px;
  padding: 0px;
  float: left;
  clear: right;
}

#midcontent_long2 {
  width: 96%;
  height: auto;
  background: white;
  margin-left: 20px;
  padding: 0px;
  float: left;
  clear: right;
}

#centerCareerVids {
  float: left;
  padding-left: 40px;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #FFF 100%);
}

.jhVideoHeading3 {
  font-size: 20px;
  color: white;
  margin-left: 10px;
}

.jhVideoHeading {
  font-size: 20px;
  color: white;
}

#midcontentSectors {
  width: 400;
  height: auto;
  background: white;
  margin-left: 20px;
  padding: 0px;
  float: left;
  clear: right;
  margin-top: 10px;
  float: left;
  margin-left: 300px;
}

#midcontentSectors2 {
  width: 400;
  height: auto;
  background: white;
  margin-left: 20px;
  padding: 0px;
  float: left;
  clear: right;
  margin-top: 10px;
  float: left;
  margin-left: 300px;
}

#testing a {
  color: blue;
  text-decoration: none;
  font-size: 14px;
}

#midcontent table {
  collor: none;
}

#rightcontent {
  width: 222px;
  height: auto;
  background: white;
  margin-left: 20px;
  margin-top: 10px;
  float: left;
}

#news1 {
  width: 100%;
  height: auto;
  background: white;
}

#news1 h3 {
  text-align: center;
}

#news2 {
  width: 100%;
  height: auto;
  background: white;
  margin-top: 10px;
}

#news2 h3 {
  text-align: center;
}

#news3 {
  width: 100%;
  height: auto;
  background: white;
  margin-top: 10px;
}

#news3 h3 {
  text-align: center;
}

#news4 {
  width: 100%;
  height: auto;
  background: white;
  margin-top: 10px;
}

#myContent14 img {
  margin-bottom: 20px;
}

#onlineResources {
  margin-top: 100px;
}

#content3 {
  margin: 0 auto;
  float: left;
  width: 987px;
  height: auto;
  background: white;
  padding-bottom: 30px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

#contentSector {
  margin: 0 auto;
  float: left;
  width: 987px;
  height: auto;
  background: white;
  padding-bottom: 30px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

#contentSector2 {
  margin: 0 auto;
  float: left;
  width: 987px;
  height: auto;
  background: white;
  padding-bottom: 30px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

#content23 {
  margin: 0 auto;
  float: left;
  width: 100%;
  height: auto;
  background: white;
  padding-bottom: 30px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

.coursePlc_SectorHeading {
  font-size: 22px;
}

#showHiding {
  display: none;
  width: 320px;
}

#showHiding2 {
  display: none;
  width: 320px;
}

#show2 {
  display: none;
}

#show1 {
  display: none;
}

#show3 {
  display: none;
}

#show4 {
  display: none;
}

#page_discription {
  display: none;
}

#place_images {
  float: left;
  display: none;
}

.collegeNewsMain {
  text-decoration: none;
  color: #1150af;
  font-size: 12px;
  line-height: 18px;
}

.more {
  display: none;
}

.less {
  display: none;
}

#page_links {
  display: none;
}

#mobiletop {
  display: none;
}

#vidshowcase {
  width: 464px;
  height: auto;
}

#thevid {
  width: 131px;
  height: 75px;
  position: relative;
  float: left;
  margin-left: 15px;
  margin-top: 5px;
  margin-bottom: 30px;
  display: inline;
}

#changeTheVid {
  width: 131px;
  height: 75px;
  position: relative;
  float: left;
  margin-left: 15px;
  margin-top: 5px;
  margin-bottom: 30px;
  display: inline;
}

/* 
* Youtube Grid
* Sector Pages
* 18 Dec 2017
*/

.youtube-grid {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding-top: 1.5em;
}

.youtube-grid * {
  box-sizing: border-box;
}

.youtube__item {
  flex: 1 1 50%;
  width: 50%;
  max-width: 50%;
  margin-bottom: 1em;
  overflow: hidden;
  color: #020202 !important;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}

.youtube__item:nth-of-type(odd) {
  padding-right: .5em;
}

.youtube__item:nth-of-type(even) {
  padding-left: .5em;
}

@media screen and (max-width: 767px) {
  .youtube__item {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100%;
  }

  .youtube__item:nth-of-type(odd) {
    padding-right: 0;
  }
  
  .youtube__item:nth-of-type(even) {
    padding-left: 0;
  }
}

.youtube__item:hover {
  text-decoration: underline;
}

.youtube__thumbnail {
  display: block;
  width: 100%;
  height: auto;
  /* IE11 needs a min-height */
  min-height: 170px;
  /* youtube thumbnails can have black bars on top and bottom
     use negative margin to offset this */
  margin-top: -34px;
}

.youtube__title {
  color: #020202;
  background: #e8e8e8;
  display: block;
  padding: .5em .5em .875em;
  line-height: 1.333;
  /* sectors.php does not load Roboto from Google Fonts 
     however visitors may have it cached after viewing CourseFinder
  */
  font-family: 'Roboto', sans-serif;
  /* youtube thumbnails can have black bars on top and bottom
    use negative margin to offset this */
  margin-top: -30px;
  position: relative;
  z-index: 1;
  flex: 1 0 auto;
}

#toggleText {
  padding-left: 10px;
}

.textvideo {
  width: 100%;
  height: auto;
  Padding: 3px;
  padding-top: 5px;
  font-size: 10px;
  color: black;
  line-height: 10px;
  display: block;
}

.pageation {
  height: auto;
  margin: 0 auto;
  height: auto;
  padding-top: 5px;
  clear: both;
  text-align: center;
}

.infovid {
  color: #039;
}

.topvideoshow {
  width: 100%;
  height: 35px;
  background: #99CCFF;
  font-weight: bold;
}

.topvideoshow2 {
  width: 100%;
  height: 35px;
  background: #65AFFA;
  font-weight: bold;
  border: 1px solid lightgray;
  box-shadow: 2px 2px 4px;
}

.topvideoshowText {
  width: 70%;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  height: auto;
  padding-left: 3px;
  color: #373737;
  font-size: 14px;
  font-weight: bold;
  margin-top: 15px;
}

.topvideoshowText2 {
  width: 70%;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  height: auto;
  padding-left: 3px;
  color: white;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

.videoshow {
  width: 27%;
  float: left;
  clear: right;
  text-align: right;
  padding: 2px;
  color: #373737;
  margin-top: 10px;
  font-weight: bold;
}

#displayText2 {
  color: #373737;
  font-weight: bold;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  float: right;
  margin-right: 3px;
}

#topvideoshowimg {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-top: -10px;
}

#content4 {
  margin: 0 auto;
  float: left;
  width: 988px;
  height: auto;
  background: white;
  padding-bottom: 30px;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
}

#headingText1_left {
  width: 50%;
  height: auto;
  padding: 5px;
  margin-left: 0px;
}

#headingText3_left {
  width: 50%;
  height: auto;
  padding: 5px;
  margin-left: 20px;
}

#headingText4_left {
  width: 50%;
  height: auto;
  padding: 5px;
  margin-left: 20px;
}

#headingText5_left {
  width: 222px;
  height: auto;
}

#wrapHeaderPLC {
  width: 95%;
  height: auto;
  margin: 0 auto;
  clear: both;
}

#headingText2_right {
  width: 430px;
  height: auto;
  float: right;
  margin-top: 40px;
  clear: rigtht;
  text-align: center;
  border-radius: 10px;
  box-shadow: 2px 2px 4px grey;
}

.orgHeading {
  width: 500px;
  margin-left: 30px;
  color: #474747;
  margin-top: 20px;
  clear: both;
  padding-top: 10px;
}

#border_logo {
  width: 95.5%;
  height: auto;
  margin: 0 auto;
  margin-top: 20px;
}

#border_logo1 {
  width: 99%;
  height: auto;
  margin: 0 auto;
  margin-top: 20px;
}

#imageLogo_sect {
  width: 20%;
  height: 150px;
  padding: 8px;
  float: left;
  clear: right;
  margin: 5px;
  margin-left: 15px;
  margin-top: 20px;
  border: 2px solid #f1f1f1;
  display: block;
  border-radius: 10px;
  box-shadow: 2px 2px 4px grey;
}

#imageLogo_apprenticeships {
  width: 22.7%;
  height: 101px;
  float: left;
  clear: right;
  margin-left: 17px;
  margin-bottom: 20px;
  display: block;
}

#plcCourseForm {
  width: 100%;
}

#imageLogo_sect a {
  color: #474747;
}

#imageLogo_sect a:hover {
  color: brown;
}

#imageLogo_apprenticeships a {
  color: #474747;
}

#imageLogo_apprenticeships a:hover {
  color: brown;
}

#explorer_sect {
  display: none;
}

.dateheading {
  color: #666666;
  font-weight: bold;
  font-style: italic;
}

.dateheading1 {
  color: black;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
}

#related_news1 {
  wdith: 100%;
  padding-top: 5px;
  padding-bottom: 20px;
  paddding: 3px;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #d0d8f0;
  color: #666666;
}

#related_text {
  width: 100%;
  margin: 0 auto;
  font-size: 14px;
  padding: 5px;
  font-weight: normal;
  border-bottom: 1px solid #d0d8f0;
  margin-bottom: 10px;
}

#related_text a {
  color: #039;
}

#related_text a:hover {
  color: brown;
}

#related_news_date {
  width: 95%;
  color: #474747;
  font-weight: bold;
  font-size: 11px;
  margin-left: 3px;
}

.related_news_button {
  float: right;
  margin-right: 10px;
  margin-top: -5px;
}

#related_news_date1 {
  width: 60%;
  color: #474747;
  font-weight: bold;
  font-size: 11px;
  margin-left: -5px;
  float: left;
}

#smImage_news {
  width: 20%;
  postition: relative;
  float: right;
  display: inline;
}

#related_news_box {
  width: 70%;
  padding: 3px;
  float: left;
  clear: left;
  font-weight: bold;
}

#related_news_box1 {
  /*width: 70%;*/
  padding: 3px;
  float: left;
  clear: left;
  font-weight: bold;
}

#related_text1 {
  width: 85%;
  height: auto;
  margin: 0 auto;
  font-size: 13px;
  padding: 5px;
  font-weight: normal;
  border-bottom: 1px solid #d0d8f0;
  margin-bottom: 20px;
  overflow: hidden;
  line-height: 18px;
  color: #666666;
}

#news_summery_box {
  width: 100%;
  padding: 3px;
  /*float: left;*/
  /*  JC    */
  clear: left;
}

#search_results_container {
  width: 95.5%;
  margin: 0 auto;
  overflow: hidden;
}

#apprenticeships_container {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
}


/*JC ADD*/

#fullwidth_container {
  width: 95%;
  margin: 0 auto;
  overflow: hidden;
}

.gap {
  width: 3%;
  height;
  6px;
}

#Interest_search_1 {
  width: 45%;
  margin-left: 20px;
  margin-top: 20px;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#lm_search_1 {
  /*width: 45%;*/
  margin-left: 20px;
  margin-top: 20px;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#interestWrapper_lm {
  width: 947px;
  height: auto;
  margin-top: -30px;
}

#interest_search_2 {
  width: 45%;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  float: right;
  margin-right: 20px;
  clear: left;
}

#lm_search_2 {
  width: 45%;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  float: right;
  margin-right: 20px;
  clear: left;
}

#sector_search_1 {
  width: 95%;
  margin: 0 auto;
  margin-top: 10px;
  padding: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}

#sectorSearchButton {
  wdith: 110px;
  margin-left: 30%;
}

#sectorSearchForm {
  width: 75%;
}

#iphone_sectorSearch {
  display: none;
}

.mybtns {
  width: 17%;
  margin-left: 5px;
  margin-top: 5px;
  text-align: center;
  cursor: pointer;
  box-shadow: 1px 1px 2px grey;
}

#a_z_search {
  width: 90%;
  padding: 5px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  color: #474747;
  font-size: 14px;
}

#a_z_search table td {
  color: #474747;
  font-size: 14px;
}

#a_z_search table td.style3 {
  color: red;
}

#labourmarketText {
  width: 90%;
  padding: 5px;
  height: auto;
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
}

#occupations_list {
  width: 95%;
  height: auto;
  padding: 5px;
  margin: 0 auto;
  margin-top: 30px;
}

#lm_shortageText {
  width: 80%;
  margin: 0 auto;
}

*:focus {
  outline: none;
}

#container {
  width: 30%;
  margin: 0 auto;
  text-align: center;
}

[id^=image_toggle] {
  width: 100%;
  height: 100px;
  position: relative;
  text-align: left;
}

[id^=toggle_para] {
  width: 100%;
  height: auto;
  display: none;
  text-align: left;
  text-indent: 0px;
}

.guidance_bg {
	background-color: #354593;
}

#toggle_para-1 {
  display: block;
}

[id^=toggle_btn] {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 60px;
  left: 2%;
  text-align: center;
  padding: 1px;
  display: block;
  border-radius: 50%;
  cursor: pointer;
  background: #65AFFA;
  color: white;
  border: none;
  font-size: 20px;
}

[id^=toggle_btn_show] {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 60;
  left: 2%;
  text-align: center;
  padding: 0px;
  display: none;
  border-radius: 50%;
  cursor: pointer;
  background: #65AFFA;
  color: white;
  border: none;
  font-size: 22px;
}

[id^=Newimage_toggle] {
  width: 100%;
  height: 40px;
  position: relative;
  text-align: left;
}

[id^=Newtoggle_btn] {
  width: 28px;
  position: absolute;
  top: 8;
  left: 2%;
  text-align: center;
  padding: 1px;
  display: block;
  /*border-radius: 50%;*/
  cursor: pointer;
  background: none;
  background-image: url('../images/buttons/ie_button.png');
  color: white;
  border: none;
  height: 28px;
  font-size: 20px;
}

[id^=Newtoggle_btn_show] {
  width: 28px;
  position: absolute;
  height: 28px;
  top: 8;
  left: 2%;
  text-align: center;
  padding: 0px;
  display: none;
  /*border-radius: 50%;*/
  cursor: pointer;
  background: none;
  background-image: url('../images/buttons/ie_button.png');
  color: white;
  border: none;
  font-size: 22px;
}

.career_title {
  width: 100%;
  position: absolute;
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: white;
  margin-top: 65px;
  margin-left: 50px;
}

.career_title4 {
  width: 200px;
  position: absolute;
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: white;
  margin-top: 15px;
  margin-left: 8%;
}

.career_title1 {
  width: 100%px;
  position: absolute;
  float: left;
  font-size: 20px;
  font-weight: bold;
  color: white;
  margin-top: 65px;
  margin-left: 50px;
}

#career_heading {
  /*width: 95.5%;				------------------------------JC*/
  height: auto;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  text-align: center;
  background: #1F8AF5;
  color: #99CCFF;
  border-bottom: 1px solid white;
}

#career_heading_left {
  /*width: 95.5%;				------------------------------JC*/
  font-size: 120%;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-right: 5px;
  padding-top: 15px;
  text-align: left;
  background: #1F8AF5;
  color: #99CCFF;
  border-bottom: 1px solid white;
}

#subject_heading {
  width: 95.5%;
  height: auto;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  text-align: center;
  background: #487B7C;
  color: #99CCFF;
  border-bottom: 1px solid #B4D2D3;
}

#subject_heading_sectors {
  width: 95.5%;
  height: 60px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  text-align: center;
  background: #1F8AF5;
  color: white;
}

#career_headingSubject {
  width: 95.5%;
  height: auto;
  padding-left: 5px;
  padding-right: 5px;
  clear: both;
  padding-top: 1px;
  text-align: center;
  background: #487B7C;
  color: #99CCFF;
  border-bottom: 1px solid white;
}

#career_headingSchool {
  /*width: 95.5%;				JC*/
  height: auto;
  /*padding-left: 5px;			JC*/
  padding-right: 5px;
  /*clear:both;*/
  padding-top: 1px;
  text-align: center;
  background: #487B7C;
  color: white;
  /*padding-bottom: 20px;                 JC*/
  font-size: 19px;
  border-bottom: 1px solid white;
}

#career_headingJ_S {
  /*width: 95.5%;				JC*/
  height: auto;
  /*padding-left: 5px;			JC*/
  padding-right: 5px;
  /*clear:both;*/
  padding-top: 1px;
  text-align: center;
  background: #487B7C;
  color: white;
  /*padding-bottom: 20px;                 JC*/
  font-size: 19px;
  border-bottom: 1px solid white;
}

#career_headingJ_A {
  /*width: 95.5%;				JC*/
  height: auto;
  /*padding-left: 5px;			JC*/
  padding-right: 5px;
  /*clear:both;*/
  padding-top: 1px;
  text-align: center;
  background: #DE800C;
  color: white;
  /*padding-bottom: 20px;                 JC*/
  font-size: 19px;
  border-bottom: 1px solid white;
}

#career_headingG {
  /*width: 95.5%;				JC*/
  height: auto;
  /*padding-left: 5px;			JC*/
  padding-right: 5px;
  /*clear:both;*/
  padding-top: 1px;
  text-align: center;
  background: #354593;
  color: white;
  /*padding-bottom: 20px;                 JC*/
  font-size: 19px;
  border-bottom: 1px solid white;
}

#career_headingJobSeeker {
  /*width: 95.5%;				JC*/
  height: auto;
  /*padding-left: 5px;			JC*/
  padding-right: 5px;
  /*clear:both;*/
  padding-top: 1px;
  text-align: center;
  background: #1F8AF5;
  color: white;
  /*padding-bottom: 20px;                 JC*/
  font-size: 19px;
  border-bottom: 1px solid white;
}

#career_headingJ_W {
  /*width: 95.5%;				JC*/
  height: auto;
  /*padding-left: 5px;			JC*/
  padding-right: 5px;
  /*clear:both;*/
  padding-top: 1px;
  text-align: center;
  background: #1F8AF5;
  color: white;
  /*padding-bottom: 20px;                 JC*/
  font-size: 19px;
  border-bottom: 1px solid white;
}

#career_headingJ_C {
  /*width: 95.5%;				JC*/
  height: auto;
  /*padding-left: 5px;			JC*/
  padding-right: 5px;
  /*clear:both;*/
  padding-top: 1px;
  text-align: center;
  background: #B63437;
  color: white;
  /*padding-bottom: 20px;                 JC*/
  font-size: 19px;
  border-bottom: 1px solid white;
}

#career_headingSectors {
  /*width: 95.5%;				JC*/
  height: auto;
  /*padding-left: 5px;                   JC*/
  padding-right: 5px;
  padding-top: 1px;
  text-align: center;
  background: #1F8AF5;
  color: white;
  padding-bottom: 20px;
  font-size: 19px;
  border-bottom: 1px solid white;
}

#career_headingWork {
  /*width: 95.5%;*/
  /*height: auto;*/
  /*padding-left: 5px;*/
  /*padding-right: 5px;*/
  padding-top: -3px;
  /*margin-top: 1px;*/
  text-align: center;
  /*background: #1F8AF5 ;*/
  color: white;
  /*padding-bottom: 4px; */
  font-size: 19px;
  border-bottom: 1px solid white;
}

#career_headingSectorsProfile {
  width: 95.5%;
  height: auto;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  text-align: center;
  background: #1F8AF5;
  color: white;
  padding-bottom: 20px;
  font-size: 19px;
}

#career_headingREACH {
  /*width: 95.5%;				JC*/
  height: auto;
  /*padding-left: 5px;			JC*/
  padding-right: 5px;
  /*clear:both;*/
  padding-top: 1px;
  text-align: center;
  background: #2C7FBB;
  color: white;
  /*padding-bottom: 20px;                 JC*/
  font-size: 19px;
  border-bottom: 1px solid white;
}

#sectorVideoHeading {
  width: 95.5%;
  height: 40px;
  padding: 5px;
  border-top: 1px solid white;
  background: #1F8AF5;
  color: white;
  font-size: 16px;
  text-align: center;
}

#sectorVideoHeading2 {
  width: 95.5%;
  height: 20px;
  padding: 5px;
  background: #1F8AF5;
  color: white;
  font-size: 16px;
  text-align: center;
  padding-top: 10px;
}

#VideosSectorHeadings {
  width: 95%;
  padding: 10px;
  background: #1F8AF5;
  color: white;
  font-size: 14px;
}

#VideosSectorHeadings2 {
  width: 684px;
  padding: 10px;
  background: #1F8AF5;
  color: white;
  font-size: 14px;
}

#VideosSectorHeadings3 {
  width: 684px;
  padding: 10px;
  background: #1F8AF5;
  color: white;
  font-size: 14px;
}

#sectorVideoWrap {
  width: 100%;
  height: 50px;
  border-bottom: 1px solid lightgray;
}

#career_headingSectors3 {
  width: 96.5%;
  height: auto;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 15px;
  text-align: center;
  background: #1F8AF5;
  color: white;
  border-bottom: 1px solid white;
  padding-bottom: 5px;
  font-size: 18px;
}

#centerVideoPanal {
  width: 703px;
  height: auto;
  float: left;
  margin-top: 10px;
}

#centerVideoPanal2 {
  width: 703px;
  height: auto;
  float: left;
  margin-left: 20px;
  margin-top: 10px;
}

#subjectsLinks_1 {
  width: 95.5%;
  height: auto;
  background: #B4D2D3;
  padding: 5px;
}

#subjectsLinks_1 img {
  margin-top: 10px;
  /*margin-bottom: -8px;*/
  JC
}

#subjectsLinks_1 img:hover {
  opacity: 0.7;
}

#subjectsLinks_1 a {
  color: #191919;
  font-size: 14px;
}

#subjectsLinks_1 a:hover {
  color: #487B7C;
}

.header {
  color: #99CCff;
  font-weight: normal;
  font-size: 18px;
  font-weight: bold;
  color: white;
  padding-top: 15px;
}

.headColor {
  color: #99CCff;
  font-weight: normal;
  font-size: 22px;
  font-weight: bold;
  color: white;
}

.headColorSubjects {
  color: white;
  font-weight: normal;
  font-size: 22px;
  font-weight: bold;
}

.headColorSubjects {
  color: white;
  font-weight: normal;
  font-size: 22px;
  font-weight: bold;
}

.headColorSubjects_school {
  color: white;
  padding-left: 10px;
  text-align: left;
  padding-left: 10px;
}

#shcoolBackLink {
  margin-top: -5px;
}

.headColor2 {
  color: #99CCff;
  font-weight: normal;
  text-align: left;
  padding-left: 5px;
}

.headColor23 {
  color: #B4D2D3;
  font-weight: normal;
  text-align: left;
  padding-left: 5px;
}

.headColor23_sectors {
  color: white;
  font-weight: normal;
  text-align: left;
  padding-left: 5px;
}

#schoolSubjectsPadding {
  float: left;
  display: inline;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px;
  margin-left: 20px;
  margin-right: 20px;
}


}
#schoolSubjectsPadding_extra {
  width: 12%;
  padding-left: 5%;
  padding-right: 5%;
  float: left;
  display: inline;
  white-space: nowrap;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
}
.courseWhiteText {
  /* for course detail page   */
  
  color: white;
  font-weight: bold;
  font-size: 14px;
  background: #08509A;
  height: 30px;
  padding: 3px;
  width: 168px;
  border-radius: 3px;
  padding-right: 32px;
  padding-left: 32px;
}
.courseWhiteText1 {
  /* for course detail page   */
  
  color: white;
  font-weight: bold;
  font-size: 14px;
  height: 30px;
  margin-left: 30px;
  width: 168px;
  border-radius: 3px;
}
.collegeProfileLind22 {
  margin-left: -5px;
}
.placeMentText {
  float: right;
  text-align: right;
  margin-right: 12%;
  margin-top: 0px;
  font-weight: bold;
  font-size: 12px;
  color: #1F8AF5;
  margin-top: -1px;
}
.placeMentTextSubject {
  float: right;
  text-align: right;
  margin-right: 12%;
  margin-top: 0px;
  font-size: 14px;
  color: white;
  margin-top: -1px;
}
.placeMentImage {
  float: right;
  margin-right: 5px;
}
.makeBold {
  fontweight: bold;
}
#sectorImagesCenter {
  width: 100%;
  text-align: center;
}
#topkeep #myContent7 a {
  color: #039;
  font-size: 13px;
}
#topkeep #myContent7 a:hover {
  color: brown;
}
#topkeep #myContent8 a {
  color: #039;
  font-size: 13px;
}
#topkeep #myContent8 a:hover {
  color: brown;
}
#topkeep #myContent9 a {
  color: #039;
  font-size: 13px;
}
#topkeep #myContent9 a:hover {
  color: brown;
}
#topkeep #myContent10 a {
  color: #039;
  font-size: 13px;
}
#topkeep #myContent10 a:hover {
  color: brown;
}
#topkeep #myContent11 a {
  color: #039;
  font-size: 13px;
}
#topkeep #myContent11 a:hover {
  color: brown;
}
#topkeep #myContent12 a {
  color: #039;
  font-size: 13px;
}
#topkeep #myContent12 a:hover {
  color: brown;
}
#image_Stoggle_sm_1 {
  width: 99.2%;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #1F8AF5;
  color: #99CCFF;
  padding-top: 3px;
  border: 1px solid #1F8AF5;
  padding-top: 10px;
}
#image_Stoggle_sm_Subject {
  width: 99.2%;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #487B7C;
  color: #99CCFF;
  padding-top: 3px;
  /*border: 1px solid #487B7C;*/
  padding-top: 10px;
}
#image_Stoggle_sm_Sectors {
  width: 99.2%;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #1F8AF5;
  color: #99CCFF;
  padding-top: 3px;
  border: 1px solid #1F8AF5;
  padding-top: 10px;
}
#image_Stoggle_sm_SectorsProfile {
  width: 99.2%;
  height: 35px;  /////////////////////////////////////////////////////JC 04092020
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #1F8AF5;
  color: #99CCFF;
  padding-top: 3px;
  border: 1px solid #1F8AF5;
  padding-top: 10px;
}
#image_Stoggle_sm_Sectors_sub {
  width: 104%;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #65AFFA;
  margin-left: -5px;
  padding-top: 3px;
  border: 1px solid #65AFFA;
  padding-top: 10px;
}
#image_Stoggle_sm_Sectors_sub_Questions {
  width: 702px;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #65AFFA;
  padding-top: 3px;
  border: 1px solid#65AFFA;
  padding-top: 10px;
  color: white;
  font-size: 14px;
}
#image_Stoggle_sm_Sectors_sub_QuestionsInsights {
  width: 698px;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #1F8AF4;
  padding-top: 3px;
  border: 1px solid #1F8AF4;
  padding-top: 10px;
  color: white;
  font-size: 14px;
}
#image_Stoggle_sm_Sectors_sub_QuestionsProfile {
  width: 698px;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #1F8AF5;
  padding-top: 3px;
  border: 1px solid #1F8AF5;
  padding-top: 10px;
  color: white;
  font-size: 14px;
  font-weight: bold;
}
#image_Stoggle_sm_Sectors_sub_QuestionsProfileExtra {
  width: 698px;
  height: 40px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #1F8AF5;
  border: 1px solid #1F8AF5;
  padding-top: 55px;
  color: white;
  font-size: 20px;
  font-weight: bold;
}
#image_Stoggle_sm_Sectors_sub_QuestionsProfile_job {
  width: 701px;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #1F8AF5;
  padding-top: 3px;
  border: 1px solid #1F8AF5;
  padding-top: 10px;
  color: white;
  font-size: 14px;
  font-weight: bold;
}
#image_Stoggle_sm_mf_Profile2 {
  /*width: 698px;*/
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #1f8af5;
  padding-top: 3px;
  border: 1px solid #1f8af5;
  padding-top: 10px;
  color: white;
  font-size: 14px;
  margin-bottom: 1px;
}
#image_Stoggle_sm_Sectors_sub_QuestionsProfile2 {
  width: 698px;
  height: 50px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #65AFFA;
  padding-top: 3px;
  border: 1px solid #65AFFA;
  padding-top: 10px;
  color: white;
  font-size: 14px;
  margin-bottom: 1px;
}
#image_Stoggle_sm_Sectors_sub_QuestionsProfile3 {
  width: 701px;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #65AFFA;
  padding-top: 3px;
  border: 1px solid #65AFFA;
  padding-top: 10px;
  color: white;
  font-size: 14px;
}
#image_Stoggle_sm_Sectors_sub_QuestionsExpert {
  width: 699px;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #1F8AF5;
  padding-top: 3px;
  border: 1px solid #1F8AF5;
  padding-top: 10px;
  color: white;
  font-size: 14px;
}
#image_Stoggle_sm_2 {
  width: 99.2%;
  height: 35px;
  padding-bottom: 1px;
  position: relative;
  text-align: left;
  background: #1F8AF5;
  color: #99CCFF;
  padding-top: 3px;
  border: 1px solid #1F8AF5;
  padding-top: 10px;
}
#toggle_para-11 {
  width: 210px;
  border: 1px solid #99CCFF;
  background: #CCEEFF;
  padding: 5px;
  background: #FFF;
}
#toggl_btn_sm1 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggl_btn_sm100 {
  /* This button is for the course, page it is FIXED*/
  
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 10px;
  padding-left: 3px;
}
#toggl_btn_show_sm1 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 22px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#zone_table {
  width: 79%;
  height: 33px;
  float: right;
  background: #1F8AF5;
  text-align: right;
}
#zone_table1 {
  width: 74%;
  height: 33px;
  float: left;
  background: none;
  text-align: right;
  margin-left: 5px;
  /*from 10 to 6 JC */
}
#zone_tableSubject {
  width: 79%;
  height: 33px;
  float: right;
  background: #487B7C;
  text-align: right;
}
#zone_table2 {
  width: 78%;
  height: 33px;
  float: right;
  background: #1F8AF5;
  text-align: right;
}
#button_holder {
  float: left;
  clear: right;
  width: 21%;
  height: 28px;
  margin-top: -3px;
  height: 40px;
}
#button_holderSector {
  float: left;
  clear: right;
  width: 100%;
  height: 28px;
  margin-top: -3px;
  height: 40px;
}
#button_holderSect {
  float: left;
  clear: right;
  width: 30px;
  height: 28px;
  margin-top: -3px;
  height: 28px;
  padding-left: 3px;
}
#toggl_btn_sm2 {
  width: 30px;
  height: 28px;
  position: relative;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggl_btn_show_sm2 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 22px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggl_btn_sm2_sub {
  width: 33px;
  height: 30px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  /* background:url('../images/buttons/blueButton5.svg') 1px 0px;*/
  
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 4px;
  float: left;
}

#toggl_btn_show_sm2_sub {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  /*background:url('../images/buttons/blueButton5.svg') 1px 0px;*/
  
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 22px;
  margin-left: 6px;
  /*# from 10 to 6 JC */
}
#toggle_para-12 {
  width: 210px;
  padding: 5px;
  background: #FFF;
  padding-top: 0px;
  padding-bottom: 0px;
}
#toggle_para-20 {
  width: 210px;
  padding: 5px;
  background: #FFF;
  padding-top: 0px;
  padding-bottom: 0px;
}
#toggle_para-12 #myHeader7 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
}
#toggle_para-12 #myHeader8 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
}
#toggle_para-12 #myHeader9 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
}
#toggle_para-12 #myHeader10 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
}
#toggle_para-20 #myHeader7 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
}
#toggle_para-20 #myHeader8 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
}
#toggle_para-20 #myHeader9 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
}
#toggle_para-20 #myHeader10 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
}
#toggle_para-21 #myHeader11 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
  margin-left: 1px;
}
#toggle_para-21 #myHeader12 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
  margin-left: 1px;
}
#toggle_para-21 #myHeader13 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
  margin-left: 1px;
}
#toggle_para-21 #myHeader14 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
  margin-left: 1px;
}
#toggle_para-13 #myHeader11 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
  margin-left: 1px;
}
#toggle_para-13 #myHeader12 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
  margin-left: 1px;
}
#toggle_para-13 #myHeader13 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
  margin-left: 1px;
}
#toggle_para-13 #myHeader14 {
  color: white;
  font-size: 16px;
  margin-top: -6px;
  margin-left: 1px;
}
#toggle_para-12 a {
  color: #039;
  font-size: 12px;
  /*font-family: helvetica;*/
}
#toggle_para-12 a:hover {
  color: brown;
}
#toggle_para-12 #myContent8 a {
  font-size: 14px;
}
#toggle_para-12 #myContent8 tr td {
  font-size: 14px;
}
#toggle_para-12 #myContent9 a {
  font-size: 14px;
}
#toggle_para-12 #myContent9 tr td {
  font-size: 14px;
}
#toggle_para-12 #myContent10 a {
  font-size: 14px;
}
#toggle_para-12 #myContent10 tr td {
  font-size: 14px;
}
#toggle_para-20 a {
  color: #039;
  font-size: 12px;
  font-family: helvetica;
}
#toggle_para-20 a:hover {
  color: brown;
}
#toggle_para-20 #myContent8 a {
  font-size: 14px;
}
#toggle_para-20 #myContent8 tr td {
  font-size: 14px;
}
#toggle_para-20 #myContent9 a {
  font-size: 14px;
}
#toggle_para-20 #myContent9 tr td {
  font-size: 14px;
}
#toggle_para-20 #myContent10 a {
  font-size: 14px;
}
#toggle_para-20 #myContent10 tr td {
  font-size: 14px;
}
#toggle_para-21 a {
  color: #039;
  font-size: 12px;
  font-family: helvetica;
}
#toggle_para-21 a:hover {
  color: brown;
}
#toggle_para-21 #myContent11 a {
  font-size: 12px;
  color: #039;
}
#toggle_para-21 #myContent11 tr td {
  font-size: 12px;
}
#toggle_para-21 #myContent12 a {
  font-size: 12px;
  color: #039;
}
#toggle_para-21 #myContent12 tr td {
  font-size: 12px;
}
#toggle_para-21 #myContent13 a {
  font-size: 12px;
}
#toggle_para-21 #myContent13 tr td {
  font-size: 12px;
}
#toggle_para-13 a {
  color: #039;
  font-size: 12px;
  font-family: helvetica;
}
#toggle_para-13 a:hover {
  color: brown;
}
#toggle_para-13 #myContent11 a {
  font-size: 12px;
  color: #039;
}
#toggle_para-13 #myContent11 tr td {
  font-size: 12px;
}
#toggle_para-13 #myContent12 a {
  font-size: 12px;
  color: #039;
}
#toggle_para-13 #myContent12 tr td {
  font-size: 12px;
}
#toggle_para-13 #myContent13 a {
  font-size: 12px;
}
#toggle_para-13 #myContent13 tr td {
  font-size: 12px;
}
#toggl_btn_sm3 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*# from 10 to 6 JC ############################## */
}
#toggl_btn_show_sm3 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 22px;
  margin-left: 6px;
  /*# from 10 to 6 JC ############################## */
}
#toggl_btn_sm21 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*# from 10 to 6 JC ############################## */
}
#toggl_btn_show_sm21 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 22px;
  margin-left: 6px;
  /*# from 10 to 6 JC ############################## */
}
#toggl_btn_sm22 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*# from 10 to 6 JC ############################## */
}
#toggl_btn_show_sm22 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 22px;
  margin-left: 6px;
  /*# from 10 to 6 JC ############################## */
}
#toggle_para-13 {
  width: 210px;
  border: 1px solid #99CCFF;
  padding: 5px;
  background: #FFF;
  padding-top: 0px;
  padding-bottom: 0px;
}
#toggle_para-21 {
  width: 210px;
  border: 1px solid #99CCFF;
  padding: 5px;
  background: #FFF;
  padding-top: 0px;
  padding-bottom: 0px;
}
#toggle_para-22 {
  width: 210px;
  border: 1px solid #99CCFF;
  padding: 5px;
  background: #FFF;
  padding-top: 0px;
  padding-bottom: 0px;
}
#toggl_btn_sm4 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*# from 10 to 6 JC ############################## */
}
#toggl_btn_show_sm4 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 22px;
  margin-left: 6px;
  /* # from 10 to 6 JC ##############################  */
}
#toggl_btn_sm5 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*# from 10 to 6 JC ##############################*/
}
#toggl_btn_show_sm5 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 22px;
  margin-left: 6px;
  /* from 10 to 6 JC ##############################*/
}
#toggle_para-extra {
  width: 210px;
  border: 1px solid #99CCFF;
  background: #CCEEFF;
  padding: 5px;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #FFF 100%);
}
#toggle_para-14 {
  width: 210px;
  border: 1px solid #99CCFF;
  background: #CCEEFF;
  padding: 5px;
  background: #FFF;
}
#toggl_btn_sm17 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggl_btn_show_sm17 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggle_para-17 {
  width: 220px;
  background: #CCEEFF;
  background: #FFF;
  display: block;
  background: white;
}

/*#toggle_para-17 img{
	margin-top:20px;
}*/
#toggl_btn_sm18 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggl_btn_show_sm18 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggle_para-18 {
  width: 220px;
  border: 1px solid #99CCFF;
  background: #CCEEFF;
  background: #FFF;
  display: block;
  background: white;
}
#toggle_para-18 img {
  margin-top: 0px;
}
#toggl_btn_sm19 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggl_btn_show_sm19 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggle_para-19 {
  width: 220px;
  /*border: 1px solid #99CCFF;-----------------------------------------JC 100217 */
  /*background: #CCEEFF;*/
  /*background: #FFF;*/
  display: block;
  background: white;
  /*padding-bottom: 10px;  -----------------------------------------JC 100217 */
  padding-bottom: 25px;
}
#toggl_btn_sm20 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 1px;
  display: block;
  cursor: pointer;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggl_btn_show_sm20 {
  width: 30px;
  height: 28px;
  position: ablsoute;
  top: 0px;
  left;
  0px;
  text-align: center;
  padding: 0px;
  display: none;
  background: none;
  background: url('../images/buttons/blueButton6.svg') 1px 0px;
  background-repeat: no-repeat;
  cursor: pointer;
  color: white;
  border: none;
  font-size: 20px;
  margin-left: 6px;
  /*from 10 to 6 JC */
}
#toggle_para-20 {
  display: block;
  background: white;
}
#toggle_para-21 {
  display: block;
  background: white;
}
#toggle_para-22 {
  display: block;
  background: white;
}
#toggle_para-17 {
  width: 220px;
  /*border: 1px solid #99CCFF;*/
  
  background: #CCEEFF;
  background: #FFF;
  display: block;
  background: white;
  padding-bottom: 16px;
}
#toggle_para-17::after {
  content: "";
  display: table;
  clear: both;
}

#toggle_para-19 a {
  color: #039;
  font-size: 12px;
  padding: 3px;
}
#toggle_para-17 a {
  color: #039;
  font-size: 12px;
  padding: 3px;
}
#toggle_para-19 img {
  margin-top: 5px;
  /*from 10 to 6 JC */
}
#toggle_para-17 img {
  margin-left: 3px;
}
#sectorSubHeadingRight {
  width: 97.8%;
  height: 20px;
  background: #65AFFA;
  color: white;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 12px;
}
#sectorSubHeadingRight3 {
  width: 99.2%;
  height: 20px;
  background: #65AFFA;
  color: white;
  padding-top: 5px;
  padding-left: 5px;
  font-size: 12px;
}
#growth_table {
  width: 100%;
  font-size: 12px;
  text-align: left;
  padding: 3px;
}
#growth_table tr th {
  font-size: 12px;
  font-weight: bold;
}
#spacerBlank1 {
  width: 100%;
  height: 33px;
  background: #1F8AF5;
  text-align: left;
  /* background-image:url('../images/spacerBlank.jpg');
	    background-repeat: no-repeat;*/
}
#spacerBlankSubject {
  width: 100%;
  height: 33px;
  background: #487B7C;
  text-align: left;
  /* background-image:url('../images/spacerBlank.jpg');
	    background-repeat: no-repeat;*/
}
#spacerBlankSectors {
  width: 100%;
  height: 33px;
  background: #1F8AF5;
  text-align: left;
  color: white;
  font-size: 15px;
  /* background-image:url('../images/spacerBlank.jpg');
	    background-repeat: no-repeat;*/
}
#spacerBlankSectorsProfile {
  width: 100%;
  height: 33px;
  background: #1F8AF5;
  text-align: left;
  color: white;
  font-size: 15px;
  /* background-image:url('../images/spacerBlank.jpg');
	    background-repeat: no-repeat;*/
}
#spacerBlankSectors_sub {
  width: 100%;
  height: 33px;
  background: #65AFFA;
  text-align: left;
  color: white;
  /* background-image:url('../images/spacerBlank.jpg');
	    background-repeat: no-repeat;*/
}
#spacerBlank2 {
  width: 100%;
  height: 33px;
  background: none;
  background-image: url('../images/careers/earnings.jpg');
  background-repeat: no-repeat;
  background-size: 168px 31px;
}
#spacerBlank3 {
  width: 100%;
  height: 33px;
  background: #1F8AF5;
  text-align: left;
  /* background-image:url('../images/spacerBlank3.jpg');
	     background-repeat: no-repeat;*/
}
#spacerBlank4 {
  width: 100%;
  height: 33px;
  background: none;
  background-image: url('../images/careers/growth_rate.jpg');
  background-repeat: no-repeat;
  background-size: 168px 31px;
}
#spacerBlank5 {
  width: 100%;
  height: 33px;
  background: none;
  background-image: url('../images/courses/caoPoints.jpg');
  background-repeat: no-repeat;
  background-size: 168px 31px;
}
#recruitment_images {
  margin: 0 auto;
  text-align: center;
}
#recruitment_imagesWrapper {
  width: 99%;
  height: auto;
  border: 1px solid #99CCFF;
  text-align: center;
  padding-bottom: 10px;
}
#course_suggestions1 {
  width: 95%;
  margin: 0 auto;
  height: 300px;
  overflow: scroll;
  background: white;
  padding: 5px;
  border: 2px solid #C3CFF3;
  -moz-box-shadow: inset 0 0 2px #000000;
  -webkit-box-shadow: inset 0 0 2px #000000;
  box-shadow: inset 0 0 2px #000000;
}
#careerbutton_wrapper {
  width: 100%;
  height: 25px;
}
#careersReturnToList {
  width: 25%;
  height: 20px;
  background: #1F8AF5;
  display: block;
  float: left;
  text-align: center;
  padding: 5px;
  color: #99CCFF;
  font-size: 12px;
  padding-top: 8px;
  cursor: pointer;
}
#careersReturnToList:hover {
  color: white;
}
#careersReturnToList2 {
  width: 25%;
  height: 20px;
  background: #1F8AF5;
  display: block;
  float: left;
  text-align: center;
  padding: 5px;
  color: #99CCFF;
  font-size: 12px;
  padding-top: 8px;
  cursor: pointer;
}
#careersReturnToList2:hover {
  color: white;
}
#recentCAO {
  line-height: none;
}
#topkeep #recentCAO a {
  text-decoration: none;
  color: brown;
  font-size: 12px;
  line-height: 12px !important
}
#topkeep #recentCAO a:hover {
  color: #039;
}
#addToCareerFile {
  width: 25%;
  height: 20px;
  background: black;
  display: block;
  float: right;
  text-align: center;
  padding: 5px;
  color: white;
  font-size: 12px;
  padding-top: 7px;
  cursor: pointer;
}
#careerGuidanceBox {
  width: 94.5%;
  height: auto;
  border: 1px solid #99CCFF;
  background: #CCEEFF;
  color: black;
  padding: 5px;
  background: #FFF;
}
.careerTextColor {
  color: #99CCFF;
  font-size: 10px;
}
.careerTextColor2 {
  font-size: 12px;
  line-height: 15px;
  margin-left: 3px;
  display: block;
}

/* --------------------------------                   new feature       --------------------*/
.padding-left5 {
  padding-left: 10px;
}
.padding-top5 {
  font-size: 14px;
  margin-top: 5px;
}
.margin-left10 {
  margin-left: 10px;
}
#interviewCamer_icons {
  margin-top: 10px;
  margin-bottom: 10px;
}
#ocupations_header {
  width: 100%;
  height: 90px;
  //border: 1px solid 	#3D84CC;
  background: url('../images/careers/occupations.jpg');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#occu_records {
  width: 60%;
  position: absolute;
  margin-top: 50px;
  height: 20px;
  color: white;
  margin-left: 3%;
  color: white;
  font-size: 20px;
  font-weight: bold;
}
#ocupations_menu {
  width: 98%;
  height: 23px;
  background: #f0f0f0;
  padding-left: 2%;
  padding-top: 3px;
  margin-top: 5px;
}
#oct1 {
  width: 9%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#oct2 {
  width: 50%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#oct3 {
  width: 16%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#oct4 {
  width: 23%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#courseAllWrapper {
  width: 99.7%;
  height: 105px;
  border: 1px solid #3D84CC;
  clear: both;
}
#courseAllWrapperCAO {
  width: 99.7%;
  height: 115px;
  border: 1px solid #1F8AF5;
  clear: both;
}
#newCoursesOuterBox {
  width:95%;  /*--------------------------------JC 01-17 ------------------------------*/  
  height: auto;
  margin: 0 auto;
  clear: both;
}
.imgMargin {
  padding-top: 30px;
}
#courseResults1 {
  width: 98%;
  color: white;
  height: 22px;
  text-align: left;
  padding-left: 20px;
  background: #1F8AF5;
  font-size: 14px;
  padding-top: 6px;
}
#courseResultsCAO {
  width: 98%;
  color: white;
  height: 30px;
  text-align: left;
  padding-left: 20px;
  background: #1F8AF5;
  font-size: 14px;
  padding-top: 6px;
}
#courseSubMenu1 {
  width: 100%;
  font-size: 10px;
  color: grey;
  height: 22px;
}
#course_menu {
  width: 98%;
  height: 32px;
  background: #FFF;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #FFF 100%);
  padding-left: 2%;
  padding-top: 3px;
  color: black;
}
#course_menu a {
  color: black;
  font-size: 14px;
}
#course_menu a:hover {
  color: brown;
}
#courseTag {
  width: 1%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  /*padding-left: 3px;*/
  
  font-weight: bold;
}
#cor1 {
  width: 30%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  margin-left: 14%;
}
#cor1_CAO {
  width: 40%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  margin-left: 4%;
}
#cor12 {
  width: 20%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 37px;
  font-weight: bold;
  margin-left: 14%;
}
#cor22 {
  width: 8%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  margin-left: 10px;
}
#cor2 {
  width: 8%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#cor3 {
  width: 10%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  margin-left: 3%;
  padding-top: 3px;
}
#cor33 {
  width: 10%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  margin-left: 6%;
  padding-top: 3px;
}
#cor4 {
  width: 10%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  margin-left: 22%;
}
#cor4_1 {
  width: 10%;
  /*height: 30px;*/
  
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  margin-left: 15%;
}
#cor4_2 {
  width: 10%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  margin-left: 12%;
}
#cor4_CAO {
  width: 10%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  margin-left: 10%;
}
#course_1 {
  width: 4%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#course_2 {
  width: 9%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  /*margin-left: 20px;*/
}
#course_3 {
  width: 22%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#course_3_CAO {
  width: 21%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  text-align: left;
  padding-left: 10px;
}
#course_33 {
  width: 25%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#course_4 {
  width: 15%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#course_14 {
  width: 16%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#course_5 {
  width: 11%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#course_6 {
  width: 12%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#course_7 {
  width: 8%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 30px;
  font-weight: bold;
  font-size: 14px;
}
#course_8 {
  width: 10%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
}
#course_8_CAO {
  width: 10%;
  height: 30px;
  float: left;
  clear: right;
  display: block;
  padding-left: 3px;
  font-weight: bold;
  margin-left: 10%;
}
#occupations_buttonCover {
  width: 100%;
  height: 20px;
  padding: 2px;
}
#addIcon {
  width: 5%;
  height: 17px;
  float: left;
  clear: right;
  text-align: center;
  margin-right: 30px;
}
#goIcon {
  width: 5%;
  float: left;
  height: 17px;
  clear: right;
  text-align: center;
  margin-right: 5px;
}
#occupation_title_bold {
  width: 30%;
  float: left;
  height: 17px;
  clear: right;
  text-align: left;
  margin-right: 5px;
}
#course_title_bold {
  width: 25%;
  float: left;
  height: 17px;
  clear: right;
  text-align: left;
  /*margin-right: 5px;*/
  margin-left: 20px;
  font-size: 13px;
  font-weight: bold;
}
#course_title_boldPLC {
  width: 27%;
  float: left;
  height: 17px;
  clear: right;
  text-align: left;
  margin-right: 5px;
  margin-left: 20px;
}
#course_title_bold a {
  color: #039;
}
#course_title_bold a:hover {
  color: brown;
}
#college_title_bold {
  width: 15%;
  float: left;
  height: 17px;
  clear: right;
  text-align: center;
  margin-right: 5px;
}
#college_title_bold2 {
  width: 19%;
  float: left;
  height: 17px;
  clear: right;
  text-align: center;
  /*margin-right: 5px;*/
}
#college_title_bold3 {
  width: 22%;
  float: left;
  height: 17px;
  clear: right;
  text-align: center;
  margin-right: 5px;
}
#college_title_bold a {
  color: #039;
}
#college_title_bold a:hover {
  color: brown;
}
#currentPoints_title_bold {
  width: 10%;
  float: left;
  height: 15px;
  clear: right;
  font-size: 12px;
  text-align: center;
  margin-right: 5px;
  margin-left: 0px;
  border: 1px solid #1F8AF5;
  border-radius: 5px;
  padding: 4px;
  padding-left: 5px;
}
#upDownPoints_title_bold {
  width: 7%;
  float: left;
  height: 15px;
  clear: right;
  font-size: 12px;
  text-align: left;
  margin-right: 5px;
  margin-left: 11px;
  background: #1F8AF5;
  border-radius: 5px;
  padding: 4px;
  padding-left: 5px;
  color: white;
  text-align: center;
}
#college_link_bold {
  width: 7%;
  float: left;
  height: 17px;
  clear: right;
  text-align: center;
  margin-left: 3%;
  padding-top: 3px;
}
#college_link_bold4 {
  width: 7%;
  float: left;
  height: 17px;
  clear: right;
  text-align: center;
  margin-left: 3%;
  padding-top: 3px;
}
.colorPoints {
  color: grey;
}
#college_Q_bold {
  width: 7%;
  float: left;
  height: 17px;
  clear: right;
  text-align: center;
  padding-top: 3px;
}
#college_Q_plc {
  width: 7%;
  float: left;
  height: 17px;
  clear: right;
  text-align: center;
  padding-top: 3px;
  margin-left: 3%;
}
#college_Q_CAO {
  width: 7%;
  float: left;
  height: 17px;
  clear: right;
  text-align: center;
  padding-top: 3px;
  margin-left: 10%;
}
#occupatons_icon_rows {
  width: 87%;
  height: 31px;
  padding: 2px;
  padding-left: 11%;
}
#personIcon {
  width: 3%;
  height: 20px;
  float: left;
  clear: right;
  text-align: center;
  margin-right: 5px;
}
#cameraIcon {
  width: 3%;
  float: left;
  height: 20px;
  clear: right;
  text-align: center;
  margin-right: 5px;
}
#zoneIcon {
  width: 15%;
  height: 31px;
  float: right;
  position: relative;
  text-align: center;
  background: white;
  margin-right: 5%;
}
#demandIcon {
  width: 20%;
  float: right;
  height: 31px;
  text-align: center;
  background: white;
  margin-right: 15px;
}
#occupation_careerCopy1 {
  width: 60%;
  height: 80px;
  float: left;
  padding: 3px;
  padding-left: 5px;
}
#coursesSearch_wrapper {
  with: 100%;
  height: 70px;
  margin-top: 10px;
  border: 1px solid #3D84CC;
  padding: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: left;
  font-size: 12px;
}
#occupations_wrapper {
  with: 100%;
  margin-top: 10px;
  border: 1px solid #3D84CC;
  padding: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#occupation_tableText {
  width: 60%;
}
.Button_zone {
  width: 105px;
  height: 30px;
  border: 2px solid lightgrey;
  background: #1F8AF5;
  color: white;
  border-radius: 5px;
  margin-left: 5px;
  opacity: .8;
  cursor: pointer;
  text-align: center;
}
.Button_zone:hover {
  background: #1F8AF5;
  opacity: .9;
}
.Button_zone2 {
  width: 90%;
  height: 25px;
  border: 2px solid lightgrey;
  background: #1F8AF5;
  color: white;
  border-radius: 5px;
  margin-left: 5px;
  opacity: .8;
  cursor: pointer;
  padding-left: 10%;
  font-size: 16px;
}
.Button_zone2:hover {
  background: #1F8AF5;
  opacity: .9;
}
.usefulLinks2 {
  background: #191919;
  color: white;
}
#basketItemsWrap ul li {
  font-size: 13px;
  margin-left: -15px;
}
#midcontent_lm {
  width: 96%;
  height: auto;
  background: white;
  margin-left: 20px;
  padding: 0px;
  float: left;
}
#skillTablePersonal ul li {
  margin-left: -29px;
}
#careerSkillsMenuComp tr td a {
  width: 30px;
  color: black;
  background: green;
}
#topkeep #careerBtnRow {
  width: 100%;
  height: 30px;
  margin-bottom: 10px;
}
#careerBtnRow a {
  color: white;
}
#careerBtnRow a:hover {
  color: lightgray;
}
#careerBtnRow1 a {
  color: #039;
}
#careerBtnRow1 a:hover {
  color: brown;
}
#centerHeadCareer {
  width: 100%;
  background: #f0f0f0;
  text-align: center;
}
#topkeep #careerBtnRow #careerBtn {
  width: 10%;
  height: 16px;
  display: block;
  float: left;
}
.usefulLinks {
  border: 1px solid lightgray;
  padding-left: 5px;
}
#careerTextlink {
  padding-left: 10px;
}
#careerTextlink a {
  color: brown;
  width: 80%;
  display: block;
  padding-left: 20px;
  float: right;
}
#careerTextlink a:hover {
  color: #39;
}
#whatsNext a {
  color: black;
}
#whatsNext a:hover {
  color: #039;
}
#SearchCover {
  width: 100%;
}
#SearchTableOne {
  width: 45%;
  float: left;
  clear: right;
}
#searchTableTwo {
  width: 45%;
  float: right;
}
#courses_tbl1sector_id {
  width: 50%;
}
#courses_tbl1s_college {
  width: 50%;
}
#courses_tbl1s_duration {
  width: 50%;
}
#repeatLc {
  width: 95%;
  background: #FFF;
  padding: 10px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0f0f0), color-stop(100%, white));
  background: -webkit-linear-gradient(top, #f0f0f0 0%, #FFF 100%);
  border: 1px solid #7A1F00;
}
#lcNavigation {
  background:
}
#theInterviewsContainer {
  width: 97%;
  background: #99ccff;
  height: 30px;
  clear: both;
  margin: 0 auto;
}
#inter_1 {
  width: 25%;
  float: left;
  clear: right;
  display: block;
  height: auto;
  background: #d0d8f0;
  font-size: 12px;
  font-family: Verdana, Geneva, sans-serif;
  text-align: center;
  padding-top: 5px;
}
.moveIntHeading {
  margin-left: 20px;
}
#intBtn {
  width: 10%;
  background: blue;
  float: left;
  clear: right;
  display: block;
  height: auto;
}
#intDis {
  width: 20%;
  background: yellow;
  float: left;
  clear: right;
  display: block;
  height: auto;
}
#intMan {
  width: 5%;
  background: red;
  float: left;
  clear: right;
  display: block;
  height: auto;
}
#intVid {
  width: 5%;
  background: green;
  float: left;
  clear: right;
  display: block;
  height: auto;
}
#intBrief {
  width: 25%;
  background: orange;
  float: left;
  clear: right;
  display: block;
  height: auto;
}
#intQual {
  width: 25%;
  background: brown;
  float: left;
  clear: right;
  display: block;
  height: auto;
}
#intCom {
  width: 10%;
  background: gold;
  float: left;
  clear: right;
  display: block;
  height: auto;
}

/* video slider   */
#midcontent_video {
  width: 71%;
  height: auto;
  background: white;
  margin-left: 20px;
  padding: 0px;
  float: left;
  clear: right;
  margin-top: 10px;
}
.sp-thumbnail-image-container {
  background: white;
}
.sp-thumbnail-image {
  width: 18%;
}
.sp-thumbnail-text {
  display: inline;
  background: white;
  width: 50%;
  clear: right;
  float: left;
  padding-top: 5px;
}
.sp-thumbnail-text-1 {
  display: inline;
  background: #F0F0F0;
  width: 70%;
  clear: right;
  float: left;
  padding: 5px;
}
.sp-thumbnail-description-1 {
  background: #F0F0F0;
  font-size: 12px;
  color: #474747;
  width: 200px;
}
.sp-mainCaption-1 {
  width: 95%;
  display: inline-block;
  padding-top: 10px;
  font-style: italic;
  font-size: 14px;
}
.sp-thumbnail-title {
  display: inline;
  float: left;
  clear: right;
}
.sp-thumbnail-description {
  background: white;
  font-size: 13px;
  color: #474747;
  padding-left: 3px;
  display: block;
  width: 350px;
}
#videoSlider {
  background: #65AFFA;
  padding: 3px;
}
#surroundCaption {
  width: 50%;
  float: right;
  margin-right: -60%;
  position: relative;
}
#surroundCaption img {
  position: relative;
  top: 7px;
}
#surroundCaption img:hover {
  opacity: 0.8;
}
.sp-caption {
  text-align: left;
}
.videoTextLinks1 {
  font-size: 18px;
  font-style: italic;
  font-weight: 800;
  display: inline-block;
  margin-bottom: 10px;
  color: white;
}
#vidContent_2 {
  width: 100%;
  background: #F9F9F9;
  position: relative;
  height: 400px;
}
.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
  margin-top: 0px;
  marign-bottom: 0px;
}
.sp-mainCaption {
  display: inline-block;
  padding-top: 10px;
  font-weight: 600;
  color: white;
  padding-left: 10px;
  height: auto;
  margin-bottom: 20px;
}
#careerSectorForSubjects {
  width: 100%;
  font-size: 13px;
  height: 40px;
}
#careerSectorForSubjects a {
  color: #039;
}
#careerSectorForSubjects a:hover {
  color: brown;
}
#careerSectorForSubjects1 {
  width: 100%;
  font-size: 13px;
  height: 30px;
}
#careerSectorForSubjects1 a {
  color: #039;
}
#careerSectorForSubjects1 a:hover {
  color: brown;
}
#careerSectorForSubjects1 #imgdiv {
  width: 30%;
  float: left;
}
#subSect_Icon {
  width: 15%;
  height: 25px;
  text-align: center;
  float: left;
  clear: right;
}
#subSect_Icon1 {
  float: left;
  height: 30px;
  background: none;
  padding-top: 14px;
}
#subSect_Name {
  width: 65%;
  line-height: 15px;
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
#subSect_Name2 {
  width: 80%;
  line-height: 15px;
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
#subSect_Name a {
  color: #039;
}
#subSect_Name a:hover {
  color: brown;
}
#subSect_Name1 {
  width: 78%;
  line-height: 15px;
  float: right;
  font-size: 12px;
  padding-top: 8px;
}
#subSect_Name1 a {
  color: #039;
}
#subSect_Name1 a:hover {
  color: brown;
}
#collegeDirectInfo {
  width: 100%;
  /*height: 170px;*/
  
  background: #003A85;
}
#collegeDirectWrapper {
  width: 100%;
  height: 50px;
}
#collegeDirectWrapper:first-child {
  border-bottom: 1px solid white;
}
#contactLinkIcon {
  width: 20%;
  height: 27px;
  line-height: 30px;
  padding-top: 8px;
  text-align: center;
  float: left;
  clear: right;
}
#contactLinkIcon a:hover {
  opacity: 0.7;
}
#toggle_para-13 #ContactText {
  width: 80%;
  height: 30px;
  line-height: 30px;
  padding-top: 5px;
  float: right;
  font-size: 16px;
  text-align: left;
  color: white;
}
#toggle_para-13 #ContactText a {
  color: #039;
  font-size: 16px;
  padding-left: 5px;
}
#ContactText {
  width: 80%;
  height: 30px;
  line-height: 30px;
  padding-top: 5px;
  float: right;
  font-size: 16px;
  text-align: left;
  color: white;
}
#ContactText a {
  color: white;
}
#ContactText a:hover {
  opacity: .7;
}
#profileWrapper {
  width: 100%;
  clear: both;
  padding-bottom: 20px;
  padding-top: 5px;
  background: white;
  border-bottom: 1px solid #65AFFA;
}
#profileTextBox {
  width: 65%;
  float: left;
  padding: 5px;
  color: #474747;
  font-size: 13px;
}
#profileImage {
  width: 30%;
  display: inline;
}
#sectorContact {}
#btn_wrapper_School {
  width: 99.2%;
  height: 25px;
  border: 1px solid #487B7C;
  margin-bottom: 1px;
}
#backBtn_School {
  width: 25px;
  background: #487B7C;
  float: left;
  text-align: center;
  color: white;
  padding-top: 3px;
  height: 22px;
  cursor: pointer;
  font-weight: bold;
}
#opacityElement {
  width: 701px;
  height: 200px;
  background: black;
  opacity: 0.5;
  z-index: 2;
  float: left;
  position: absolute;
  top: 426px;
}
#opacityTextOver {
  color: white;
  padding: 10px;
  padding-left: 40px;
  font-size: 20px;
  width: 651px;
  height: 180px;
  z-index: 4;
  float: left;
  position: absolute;
  top: 425px;
}
.sectorHeaddingText {
  font-size: 26px;
}
.sectorHeadingTextImage {
  font-size: 16px;
}
#btn_wrapper_Sectors {
  width: 99.2%;
  height: 25px;
  border: 1px solid #65AFFA;
  margin-bottom: 1px;
}
#btn_wrapper_SectorsProfile {
  width: 99.2%;
  height: 25px;
  border: 1px solid #1F8AF5;
  margin-bottom: 1px;
}
#btn_wrapper_SectorsCAO {
  width: 222px;
  height: 25px;
  border: 1px solid #1F8AF5;
  margin-bottom: 1px;
}
#backBtn_Sectors {
  width: 25px;
  background: #65AFFA;
  float: left;
  text-align: center;
  color: white;
  padding-top: 3px;
  height: 22px;
  cursor: pointer;
  font-weight: bold;
}
#backBtn_SectorsProfile {
  width: 25px;
  background: #1F8AF5;
  float: left;
  text-align: center;
  color: white;
  padding-top: 3px;
  height: 22px;
  cursor: pointer;
  font-weight: bold;
}
#backBtn_SectorsCAO {
  width: 25px;
  background: #65AFFA;
  float: left;
  text-align: center;
  color: white;
  padding-top: 3px;
  height: 22px;
  cursor: pointer;
  font-weight: bold;
}
#backBtn_whitespace {
  float: left;
  clear: right;
  padding-left: 10px;
  padding-top: 4px;
  height: 22px;
  color: #487B7C;
  font-size: 14px;
}
.gotoVideoInterview {
  color: #487B7C;
  display: inline-block;
  vertical-align: top;
  padding-top: 3px;
}
.gotoVideoInterview:hover {
  color: #B4D2D3;
}
#clientVideoImageThumb {
  padding: 5px;
  padding-bottom: 0px
}
#outerWrap strong {
  font-size: 14px;
  border-bottom: 2px solid lightgray;
  color: lightgray;
}
#outerWrap ul li {
  margin-left: -15px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#wrap {
  width: 100%;
  height: auto;
  position: absolute;
  background: lightgray;
  padding: 5px;
  margin: 0 auto;
}
#outerWrap {
  width: 100%;
  height: auto;
  position: relative;
  background: lightgray;
  padding: 5px;
  margin: 0 auto;
  display: block;
  border: 1psx solid black;
}
#oneR {
  width: 40%;
  background: #E68A00;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  clear: right;
  margin-left: 0px;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#twoR {
  width: 40%;
  background: #666699;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  color: lightgray;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}
#threeR {
  width: 40%;
  background: #558F72;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  color: lightgray;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}
#fourR {
  width: 40%;
  background: #558F72;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  font-size: 13px;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#fiveR {
  width: 40%;
  background: #197390;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  border-left-top-radius: 2em;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#sixR {
  width: 40%;
  background: #E68A00;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#sevenR {
  width: 40%;
  background: #E64016;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#eightR {
  width: 40%;
  background: #E68A00;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#nineR {
  width: 40%;
  background: #666699;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#tenR {
  width: 40%;
  background: #666699;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#elevenR {
  width: 40%;
  background: #558F72;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#tweleveR {
  width: 40%;
  background: #197390;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#thirteenR {
  width: 40%;
  background: #E65C00;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#fourteenR {
  width: 40%;
  background: #E65C00;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#fifthteenR {
  width: 40%;
  background: #E64016;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#sixteenR {
  width: 40%;
  background: #669966;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#seventeenR {
  width: 40%;
  background: #E65C00;
  padding: 10px;
  border-bottom-right-radius: 2em;
  border-left-top-radius: 2em;
  border-top-left-radius: 2em;
  height: 240px;
  line-height: 20px;
  float: left;
  position: relative;
  margin-top: 10px;
  margin-left: 20px;
  font-size: 13px;
  color: lightgray;
  font-family: Arial, Helvetica, sans-serif;
}
#sectorWrap {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  float: left;
}
#sectorHeadingImage_1 {
  width: 48%;
  float: left;
}
#sectorCollectionImages {
  width: 50%;
  float: right;
}
#sectorCollegeLogo {
  width: 100%;
  text-align: center;
}
#showMobile_Client_Banner_Profile {
  display: none;
}
.sp-thumbnails-container sp-right-thumbnails sp-has-pointer sp-swiping {
  background: #eee;
}
@media only screen and (min-width:768px) and (max-width:1020px) {
  /*----------------- iPad protrait ------------------*/
  
  #content3 {
    width: 768px;
    height: auto;
    background: white;
    margin-top: 20px;
    margin: 0 auto;
    border: none;
    position: relative;
  }
  
  #float_content_right {}
  
  #contentSector {
    width: 768px;
    height: auto;
    background: white;
    margin-top: 20px;
    margin: 0 auto;
    border: none;
    position: relative;
  }
  
  #contentSector2 {
    width: 768px;
    height: auto;
    background: white;
    margin-top: 20px;
    margin: 0 auto;
    border: none;
    position: relative;
  }
  
  #midcontent_long {
    width: 479px;
    height: auto;
    background: white;
    margin-left: 20px;
    padding: 0px;
    float: left;
    clear: right;
    margin-top: 10px;
  }
  
  #midcontent_long1 {
    width: 62%;
    height: auto;
    background: white;
    margin-left: 20px;
    padding: 0px;
    float: left;
    clear: right;
    margin-top: 10px;
  }
  
  #jhVideoDetails {
    width: 96%;
    background: #1F8AF5;
    height: auto;
    padding: 10px;
    color: white;
  }
  
  #jhVideoDetails1 {
    width: 96%;
    background: #1F8AF5;
    height: auto;
    padding: 10px;
    color: white;
  }
  
  #jhVideoDetails2 {
    width: 96%;
    background: #1F8AF5;
    height: auto;
    padding: 10px;
    color: white;
  }
  
  #centerVideoPanal {
    width: 480px;
    height: auto;
    float: left;
  }
  
  #centerVideoPanal2 {
    width: 480px;
    height: auto;
    float: left;
  }
  
  #SearchTableOne {
    width: 70%;
    float: left;
    clear: right;
    margin-left: 15%;
  }
  
  #searchTableTwo {
    width: 70%;
    float: right;
    margin-left: 15%;
    float: left;
  }
  
  #courses_tbl1sector_id {
    width: 50%;
  }
  
  #courses_tbl1s_college {
    width: 50%;
  }
  
  #courses_tbl1s_duration {
    width: 50%;
  }
  
  .mybtns {
    width: 17%;
    margin-left: 5px;
    text-align: center;
    cursor: pointer;
    /*background: #f0f0f0;*/
  }
  
  .orgHeading {
    width: 25%;
    height: auto;
    margin-left: 40%;
  }
  
  #border_logo {
    width: 95.5%;
    border: 1px solid #f0f0f0;
    height: 1000px;
    margin: 0 auto;
  }
  
  element.style {}
  
  #courseResults1 {
    padding: 0px;
  }
  
  #imageLogo_sect {
    width: 20%;
    height: 150px;
    padding: 8px;
    float: left;
    clear: right;
    margin: 5px;
    margin-left: 20px;
    margin-top: 20px;
    border: 2px solid #f1f1f1;
    display: block;
    border-radius: 10px;
    box-shadow: 2px 2px 4px grey;
  }
  
  #imageLogo_sect a {
    color: #474747;
  }
  
  #imageLogo_sect a:hover {
    color: brown;
  }
  
  body {}
  
  #maintitle {
    width: 705px;
    height: 20px;
    padding: 5px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: normal;
    margin-left: 20px;
    margin-top: 14px;
    margin-bottom: 14px;
    color: #393939;
    background: white;
    border: 1px solid #C3CFF3;
  }
  
  #apprenticeMenu {
    width: 65%;
    margin-left: 15px;
    float: left;
  }
  
  #appRightHeading {
    width: 59%;
    height: 200px;
    float: right;
    margin-right: 20px;
    margin-top: -5px;
  }
  
  .less {
    display: none;
  }
  
  .more {
    display: none;
  }
  
  #leftcontent {
    width: 222px;
    height: auto;
    background: white;
    margin-left: 20px;
    float: left;
    clear: right;
  }
  
  #topkeep {
    margin-top: 10px;
  }
  
  .topHeading {
    font-size: 22px;
    color: #474747;
    margin-left: 240px;
  }
  
  #midcontent {
    width: 464px;
    height: auto;
    background: none;
    margin-left: 20px;
    padding: 0px;
    float: left;
    clear: right;
    margin-top: 10px;
  }
  
  #placement_ipad {
    margin-top: -44px;
  }
  
  #rightcontent {
    width: 222px;
    height: auto;
    background: none;
    margin-left: 20px;
    float: left;
    position: absolute;
    top: 600px;
    left: 0px;
    margin-top: 30px;
  }
  
  #news1 {
    background: none;
  }
  
  #news2 {
    background: none;
  }
  
  #hideMe {
    display: none;
  }
  
  #hideMe2 {
    display: none;
  }
  
  #showHiding {
    display: none;
    width: 1px;
  }
  
  .Less img {
    display: none;
  }
  
  .more img {
    display: none;
  }
  
  #hideMe {
    width: 1px;
    dislay: none;
  }
  
  #hideMe2 {
    width: 1px;
    dislay: none;
  }
  
  #showHiding2 {
    display: none;
    width: 320px;
  }
  
  #show2 {
    display: none;
  }
  
  #show1 {
    display: none;
  }
  
  #show3 {
    display: none;
  }
  
  #show4 {
    display: none;
  }
  
  #place_images {
    display: none;
  }
  
  #page_links {
    display: none;
  }
  
  #content4 {
    margin: 0 auto;
    float: left;
    width: 768px;
    height: auto;
    background: white;
    padding-bottom: 30px;
  }
  
  #headingText1_left {
    width: 45%;
    height: auto;
    padding: 5px;
  }
  
  #headingText2_right {
    width: 350px;
    height: auto;
    float: right;
    margin-top: 40px;
    clear: rigtht;
    margin-right: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 4px grey;
  }
  
  .orgHeading {
    width: 270px;
    margin-left: 30px;
    color: #474747;
    margin-top-bottom: 20px;
    padding-top: 20px;
  }
  
  #border_logo {
    width: 95.5%;
    border: none;
    height: auto;
    margin: 0 auto;
  }
  
  #no_iphone_no_ipad {
    display: none;
  }
  
  #imageLogo_sect {
    width: 25%;
    height: 150px;
    padding: 8px;
    float: left;
    clear: right;
    margin: 5px;
    margin-left: 25px;
    margin-top: 20px;
    border: 2px solid #f1f1f1;
    display: block;
    border-radius: 10px;
    box-shadow: 2px 2px 4px grey;
  }
  
  #imageLogo_apprenticeships {
    width: 29.2%;
    height: 101px;
    float: left;
    clear: right;
    margin: 5px;
    margin-left: 20px;
    margin-bottom: 15px;
    display: block;
  }
  
  #imageLogo_sect a {
    color: #474747;
  }
  
  #imageLogo_sect a:hover {
    color: brown;
  }
  
  #a_z_search {
    width: 97%;
    padding: 5px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    text-align: center;
  }
  
  #interestWrapper_lm {
    width: 722px;
    height: auto;
  }
  
  #Interest_search_1 {
    width: 75%;
    margin: 0 auto;
    margin-top: 0px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  
  #interest_search_2 {
    width: 75%;
    float: none;
    margin-top: 20px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin-right: 0px;
    margin: 0 auto;
    margin-bottom: 0px;
  }
  
  #ocupations_menu {
    height: 32px;
  }
  
  #oct1 {
    width: 9%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    padding-top: 3px;
  }
  
  #oct2 {
    width: 53%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    padding-top: 3px;
  }
  
  #oct3 {
    width: 14%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
  }
  
  #oct4 {
    width: 20%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
  }
  
  #courseResults1 {
    width: 100%;
    font-size: 14px;
    height: 22px;
    color: white;
  }
  
  #course_menu {
    width: 98%;
    height: 50px;
    background: #f0f0f0;
    padding-left: 2%;
    padding-top: 3px;
  }
  
  #courseTag {
    width: 1%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    /*padding-left: 3px;*/
    font-weight: bold;
  }
  
  #course_1 {
    width: 4%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #course_2 {
    width: 9%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 10px;
    font-weight: bold;
  }
  
  #course_3 {
    width: 22%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #course_4 {
    width: 15%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    font-weight: bold;
  }
  
  #course_5 {
    width: 8%;
    height: 30px;
    float: left;
    clear: right;
    display: none;
    padding-left: 3px;
    font-weight: bold;
    margin-left: 10px;
  }
  
  #course_6 {
    width: 8%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
    margin-left: 15px;
  }
  
  #course_7 {
    width: 8%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
    margin-left: 10px;
  }
  
  #course_8 {
    width: 10%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 15%;
    font-weight: bold;
  }
  
  #college_link_bold {
    width: 4%;
    float: left;
    height: 17px;
    clear: right;
    text-align: center;
    margin-left: 5px;
    padding-top: 3px;
    margin-right: 12px;
  }
  
  #college_link_bold4 {
    width: 5%;
    float: left;
    height: 17px;
    clear: right;
    text-align: center;
    margin-left: -1px;
    margin-right: 5px;
    padding-top: 3px;
  }
  
  #courseAllWrapper {
    height: 110px;
  }
  
  #courseAllWrapperCAO {
    height: 110px;
  }
  
  #occupatons_icon_rows {
    width: 87%;
    height: 31px;
  }
  
  #currentPoints_title_bold {
    width: 12%;
    display: none;
  }
  
  #zoneIcon {
    width: 20%;
    height: 31px;
    float: right;
    position: relative;
    text-align: center;
    background: white;
    margin-right: 7%;
  }
  
  #demandIcon {
    width: 25%;
    float: right;
    height: 31px;
    text-align: center;
    background: white;
    margin-right: 20px;
  }
  
  .Button_zone {
    width: 105px;
    height: 30px;
    border: 2px solid lightgrey;
    background: #1F8AF5;
    color: white;
    border-radius: 5px;
    margin-left: 5px;
    opacity: .8;
    cursor: pointer;
  }
  
  .Button_zone:hover {
    background: #1F8AF5;
    opacity: .9;
  }
  
  #cor33 {
    width: 10%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    font-weight: bold;
    margin-left: 30px;
    padding-top: 3px;
  }
  
  #coursesSearch_wrapper {
    with: 100%;
    height: 85px;
    margin-top: 10px;
    border: 1px solid #3D84CC;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    font-size: 12px;
  }
  /* video slider   */
  
  #midcontent_video {
    width: 61%;
    height: auto;
    background: white;
    margin-left: 20px;
    padding: 0px;
    float: left;
    clear: right;
    margin-top: 10px;
  }
  
  .sp-thumbnail-image-container {
    background: white;
  }
  
  .sp-thumbnail-image {
    width: 50%;
  }
  
  .sp-thumbnail-text {
    display: inline;
    background: white;
    width: 45%;
    clear: right;
    float: left;
    padding-top: 5px;
  }
  
  .sp-thumbnail-title {
    display: inline;
    float: left;
    clear: right;
  }
  
  .sp-thumbnail-description {
    background: white;
    font-size: 9px;
    color: #474747;
    font-weight: bold;
    line-height: 11px;
  }
  
  .sp-thumbnail-description {
    width: 100px;
    height: 80px;
  }
  
  .video_profile_text {
    font-size: 10px;
  }
  
  #sp-thumbnail img {
    border: 1px solid black;
  }
  
  #surroundCaption {
    width: 100%;
    float: left;
    position: relative;
    clear: both;
  }
  
  #midcontent_video {
    position: relative;
  }
  
  #wrapTheSlider {
    background: green;
    display: inline;
  }
  
  #surroundCaption {
    width: 100%;
    display: block;
    clear: both;
  }
  
  hr {
    margin-top: 30px;
  }
  
  .sp-thumbnail-text-1 {
    display: inline;
    background: #F0F0F0;
    width: 51%;
    clear: right;
    float: left;
    padding: 5px;
  }
  
  .sp-thumbnail-description-1 {
    background: #F0F0F0;
    font-size: 8px;
    font-weight: bold;
    color: #474747;
  }
  
  .sp-mainCaption-1 {
    width: 95%;
    display: inline-block;
    padding-top: 10px;
    font-style: italic;
    font-size: 14px;
  }
  
  .sp-thumbnail-image-container img {
    width: 50px !important;
    margin-left: 31px;
  }
  
  .sp-thumbnail-image-container img {
    height: 80% !important;
  }
  
  #cor4_CAO {
    margin-left: 15%;
  }
  
  #course_8_CAO {
    margin-left: 15%;
  }
  
  #VideosSectorHeadings {
    width: 99%;
    padding: 10px;
    background: #1F8AF5;
    color: white;
    font-size: 14px;
  }
  
  #VideosSectorHeadings2 {
    width: 96.5%;
    padding: 10px;
    background: #1F8AF5;
    color: white;
    font-size: 14px;
  }
  
  #VideosSectorHeadings3 {
    width: 96.6%;
    padding: 10px;
    background: #1F8AF5;
    color: white;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_Questions {
    width: 100.4%;
    height: 40px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsInsights {
    width: 477px;
    height: 40px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfileExtra {
    width: 477px;
    height: 40px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile {
    width: 99.6%;
    height: 40px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile_job {
    width: 478px;
    height: 40px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile2 {
    width: 477px;
    height: 50px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile3 {
    width: 478px;
    height: 50px;
  }
  
  #sectorOccInfo {
    width: 470px;
  }
  
  .jhVideoHeading3 {
    margin-left: 0px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsExpert {
    width: 477px;
    height: 50px;
  }
  
  .questionAnswerSectorVideo {
    # margin-left: 10%;
    height: 30px;
    padding: 5px;
    display: inherit;
  }
  
  #centerCareerVids {
    float: left;
    padding-left: 0px;
  }
  
  #opacityElement {
    width: 476px;
    height: 140px;
    background: black;
    opacity: 0.3;
    z-index: 2;
    float: left;
    position: absolute;
    top: 219px;
  }
  
  #opacityTextOver {
    color: white;
    padding: 10px;
    padding-left: 40px;
    font-size: 20px;
    width: 400px;
    height: 80px;
    z-index: 4;
    float: left;
    position: absolute;
    top: 229;
  }
  
  .sectorHeaddingText {
    font-size: 26px;
  }
  
  .sectorHeadingTextImage {
    font-size: 12px;
    margin-top: -20px;
  }
  
  #videoSlider {
    background: #65AFFA;
    padding: 5px;
    padding-left: 4px;
  }
  
  #centerVideoPanal {
    display: block;
  }
  
  #centerVideoPanal iframe {
    height: 290px;
  }
}
@media only screen and (min-width:480px) and (max-width:767px) {
  /*----------------- iPhone landscape------------------*/
  
  body {
    background: white;
    text-size-adjust: none;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
  }
	.mobileNoShow {
      display: none;
   }
  
  #maintitle {
    width: 443px;
    height: 20px;
    padding: 5px;
    padding-left: 10px;
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    margin-top: 14px;
    margin-bottom: 14px;
    color: #393939;
    background: white;
    border: 1px solid #C3CFF3;
    font-weight: bold;
  }
  
  #main_body {
    width: 90%;
  }
  
  .less {
    display: none;
  }
  
  .more {
    display: none;
  }
  
  #leftcontent {
    width: 222px;
    height: auto;
    background: white;
    margin-left: 10px;
    float: left;
    clear: right;
  }
  
  #centerVideoPanal {
    display: block;
  }
  
  #centerVideoPanal iframe {
    height: 150px;
  }
  
  #topkeep a {
    text-decoration: none;
    color: white;
    font-size: 12px;
    padding-top: 2px;
    margin-top: 3px;
    display: block;
  }
  
  #topkeep #topkeep_Extra a {
    color: #039;
  }
  
  .topHeading {
    display: none;
  }
  
  #midcontent {
    width: 222px;
    height: auto;
    background: white;
    font-size: 14px;
    margin-left: 10px;
    padding: 3px;
    float: left;
    clear: right;
    margin-top: 10px;
  }
  
  .career_title {
    width: 200px;
    position: absolute;
    float: left;
    font-size: 14px;
    font-weight: bold;
    color: white;
    margin-top: 65px;
    margin-left: 18%;
  }
  
  .career_title1 {
    width: 100%;
    position: absolute;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: white;
    margin-top: 65px;
    margin-left: 18%;
  }
  
  #rightcontent {
    width: 222px;
    height: auto;
    background: none;
    margin-left: 10px;
    float: left;
    position: absolute;
    top: 840px;
  }
  
  #subscribers {
    display: none;
  }
  
  #news1 {
    background: none;
  }
  
  #news2 {
    background: none;
  }
  
  #content3 {
    width: 480px;
    height: auto;
    background: gren;
    margin-top: 20px;
    margin: 0 auto;
    border: none;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
    position: relative;
  }
  
  #contentSector {
    width: 480px;
    height: auto;
    background: gren;
    margin-top: 20px;
    margin: 0 auto;
    border: none;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
    position: relative;
  }
  
  #contentSector2 {
    width: 480px;
    height: auto;
    background: gren;
    margin-top: 20px;
    margin: 0 auto;
    border: none;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
    position: relative;
  }
  
  #hideMe {
    display: none;
  }
  
  #hideMe2 {
    display: none;
  }
  
  #showHiding {
    display: none;
    width: 320px;
  }
  
  #showHiding2 {
    display: none;
    width: 320px;
  }
  
  #show2 {
    display: none;
  }
  
  #show1 {
    display: none;
  }
  
  #show3 {
    display: none;
  }
  
  #show4 {
    display: none;
  }
  
  #place_images {
    display: none;
  }
  
  #page_links {
    display: none;
  }
  
  .adult {
    background: -webkit-linear-gradient( 90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
    background: -moz-linear-gradient(90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
    background: -MS-linear-gradient( 90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
    margin-bottom: 8px;
    padding: 0px;
  }
  /*.college{
	
		background: -webkit-linear-gradient( 90deg,#9A1B1E,#C23D40,#9A1B1E) no-repeat; 
		background:-moz-linear-gradient(90deg,#9A1B1E,#C23D40,#9A1B1E) no-repeat;
		background:-MS-linear-gradient( 90deg,#9A1B1E,#C23D40,#9A1B1E) no-repeat;
		margin-bottom: 8px;		
}
*/
  
  .guidance {
    background: -webkit-linear-gradient( 90deg, #2B3478, #34428E, #2B3478) no-repeat;
    background: -moz-linear-gradient(90deg, #2B3478, #34428E, #2B3478) no-repeat;
    background: -MS-linear-gradient( 90deg, #2B3478, #34428E, #2B3478) no-repeat;
    margin-bottom: 8px;
  }
  
  .school {
    background: -webkit-linear-gradient( 90deg, #487e7e, #366764, #487e7e) no-repeat;
    background: -moz-linear-gradient(90deg, #487e7e, #366764, #487e7e) no-repeat;
    background: -MS-linear-gradient(90deg, #487e7e, #366764, #487e7e) no-repeat;
    margin-bottom: 8px;
  }
  
  .jobseekers {
    background: -webkit-linear-gradient( 90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
    background: -moz-linear-gradient(90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
    background: -MS-linear-gradient( 90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
    margin-bottom: 8px;
  }
  
  .parents {
    background: -webkit-linear-gradient( 90deg, #646c7b, #49505c, #646c7b) no-repeat;
    background: -moz-linear-gradient( 90deg, #646c7b, #49505c, #646c7b) no-repeat;
    background: -MS-linear-gradient( 90deg, #646c7b, #49505c, #646c7b) no-repeat;
    margin-bottom: 8px;
  }
  
  .default1 {
    background: #1F8AF5;
    margin-bottom: 8px;
  }
  
  #showHiding {
    display: none;
    width: 320px;
  }
  
  #place_images {
    display: block;
    width: 320px;
  }
  
  iframe {
    width: 96%;
    height: 190px;
    margin-left: 2px;
  }
  
  #_atssh iframe {
    width: 96%;
    height: 0px;
    margin-left: 2px;
  }
  
  #mobiletop {
    font-size: 12px;
    font-weight: bold;
    display: block;
    float: right;
    display: none;
  }
  
  #ed_categories1 blockquote {
    color: #474747;
    font-size: 14px;
    line-height: 20px;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
  }
  
  #ed_categories1 ul li {
    width: 100%;
    color: #474747;
    font-size: 13px;
    padding: 10px;
    margin-left: -30px;
    background: #F0F0F0;
    line-height: 20px;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
  }
  
  #ed_categories1 p {
    width: 98%;
    color: #474747;
    font-size: 14px;
    line-height: 20px;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
  }
  
  #ed_categories2 img {
    width: 97%;
  }
  
  #ed_categories1 p strong {
    color: #474747;
  }
  
  #ed_categories1 p a {
    color: color: #039;
  }
  
  #ed_categories1 p a:hover {
    color: #000;
  }
  
  .Rowdefault {
    font-size: 14px;
  }
  
  .Rowdefault2 {
    font-size: 14px;
  }
  
  #ed_categories1 table tr td {
    width: auto;
    color: #474747;
    font-size: 14px;
    line-height: 20px;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
  }
  
  #infulenceTable {
    width: 95%;
    font-size: 9px;
    padding: 0px;
  }
  
  #infulenceTable tr td p {
    font-size: 9px;
    padding: 1px;
  }
  
  #tableuk {
    width: 96%;
    background: #F0F0F0;
  }
  
  #tableuk tr td {
    border: 1px solid darkgrey;
    padding: 2px;
    font-size: 6px;
  }
  
  #tablejob {
    width: 96%;
    background: #F0F0F0;
  }
  
  #tablejob tr td {
    border: 1px solid darkgrey;
    padding: 2px;
    font-size: 6px;
  }
  
  #fontsizetag {
    font-size: 12px;
  }
  
  #fontsizetag_90 {
    font-size: 90%;
  }
  
  #fontsizetag_80 {
    font-size: 80%;
  }
  
  #fontsizetag_70 {
    font-size: 70%;
  }
  
  .fb-like-box {
    margin-left: -110px;
    width: 300px !important;
  }
  
  .fb-like-box [style] {
    width: 300px !important;
  }
  
  .fb-like-box [style] iframe {
    width: 300px !important;
  }
  
  #twitterWid {
    width: 310px;
    margin-left: -110px;
    margin-top: -70px;
  }
  
  #subnav {
    display: none;
  }
  
  #fb_like_box_sm {
    width: 80%;
    margin-left: 2px;
  }
  
  .collegesDirect_clients {
    font-size: 80%;
    width: 100%;
    height: auto;
    padding: 2px;
    font-weight: normal;
    border-top: 1px solid #d0d8f0;
    border-right: 1px solid #d0d8f0;
    border-bottom: 1px solid #d0d8f0;
    border-left: 1px solid #d0d8f0;
    text-align: left;
    color: #000000;
    vertical-align: top;
  }
  
  #sclect_form_value {
    width: 80%;
  }
  
  #content4 {
    margin: 0 auto;
    float: left;
    width: 480px;
    height: auto;
    background: white;
    padding-bottom: 30px;
  }
  
  #headingText1_left {
    width: 95%;
    height: auto;
    padding: 5px;
    margin-left: 0px;
  }
  
  #headingText2_right {
    width: 222px;
    height: auto;
    float: right;
    margin-top: 40px;
    clear: rigtht;
    margin-right: 70px;
    border-radius: 10px;
    box-shadow: 2px 2px 4px grey;
    display: none;
  }
  
  .orgHeading {
    margin-left: 30px;
    color: #474747;
    margin-top-bottom: 20px;
  }
  
  #border_logo {
    width: 95.5%;
    border: none;
    height: auto;
    margin: 0 auto;
  }
  
  #imageLogo_sect {
    width: 40%;
    height: 150px;
    padding: 8px;
    float: left;
    clear: right;
    margin: 5px;
    margin-left: 15px;
    margin-top: 20px;
    border: 2px solid #f1f1f1;
    display: block;
    border-radius: 10px;
    box-shadow: 2px 2px 4px grey;
  }
  
  #imageLogo_apprenticeships {
    width: 46.8%;
    height: 101px;
    float: left;
    clear: right;
    margin-left: 9px;
    margin-bottom: 20px;
    display: block;
  }
  
  #imageLogo_sect a {
    color: #474747;
  }
  
  #imageLogo_sect a:hover {
    color: brown;
  }
  
  .newsArchiveText a {
    font-size: 10px;
    !important;
  }
  
  .newsArchiveText {
    font-size: 10px !important;
  }
  
  #no_iphone {
    display: none;
  }
  
  #no_iphone_no_ipad {
    display: none;
  }
  
  .SubMenu1 {
    display: none;
  }
  
  .SubMenu {
    width: 100%;
    display: block;
    height: 40px;
    margin: 0 auto;
    margin-top: -2px;
  }
  
  .SubMenu a {
    color: brown;
    text-align: center;
    display: block;
    float: left;
    width: 130px;
    paddint-top: 3px;
    padding-bottom: 3px;
    margin-left: 40px;
  }
  
  .SubMenu span.gap {
    line-height: 24px;
  }
  
  .SubMenu font {
    display: none;
  }
  
  #laberMarketHead {
    display: none;
  }
  
  #skillshortage_td {
    display: none;
  }
  
  .i_phone_show {
    display: block;
  }
  
  #placement_ipad {
    margin-top: -30px;
  }
  
  #related_text {
    text-align: left;
  }
  
  #interestWrapper_lm {
    width: 450px;
    height: auto;
    background: none;
  }
  
  #lm_search_1 {
    width: 90%;
    margin: 0 auto;
    margin-top: 0px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  
  #lm_search_2 {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    float: none;
  }
  
  #Interest_search_1 {
    width: 90%;
    margin: 0 auto;
    margin-top: 0px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  
  #interest_search_2 {
    width: 90%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    float: none;
  }
  
  #searchBySector {
    display: none;
  }
  
  #searchBySectorImage {
    display: none;
  }
  
  #sectorSearchButton {
    wdith: 110px;
    margin-left: 5%;
    margin-top: 20px;
  }
  
  #sectorSearchForm {
    width: 95%;
  }
  
  #sector_search_1 {
    margin-top: 0px;
  }
  
  #sector_search_1 a {
    font-size: 13px;
  }
  
  #iphone_sectorSearch {
    display: block;
    width: 95%;
    margin: 0 auto;
    text-align: left;
    font-size: 14px;
    color: #474747;
  }
  
  .sectorImg {
    width: 100px !important;
  }
  
  .mybtns {
    width: 10.5%;
    margin-left: 3px;
    text-align: center;
    margin-bottom: 5px;
  }
  
  #a_z_search {
    width: 98%;
    padding: 3px;
    height: auto;
    margin-left: 0px;
    overflow: hidden;
    text-align: center;
  }
  
  #occupations_list {
    width: 98%;
    height: auto;
    padding: 5px;
    margin: 0 auto;
  }
  
  [id^=toggle_btn] {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 60;
    left: 3%;
    /*#JC########################################################*/
    text-align: center;
    padding: 1px;
    display: block;
    border-radius: 50%;
    cursor: pointer;
    background: #99CCFF;
    color: white;
    border: none;
    font-size: 20px;
  }
  
  [id^=toggle_btn_show] {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 60;
    left: 3%;
    /*#JC########################################################*/
    text-align: center;
    padding: 0px;
    display: none;
    border-radius: 50%;
    cursor: pointer;
    background: #99CCFF;
    color: white;
    border: none;
    font-size: 22px;
  }
  
  #toggle_para-11 {
    width: 94%;
    margin-left: 0px;
  }
  
  #toggle_para-12 {
    width: 93.5%;
    margin-left: 1px;
  }
  
  #toggle_para-13 {
    width: 93.5%;
    margin-left: 1px;
  }
  
  #toggle_para-14 {
    width: 93.5%;
    margin-left: 1px;
  }
  
  #zone_table {
    width: 78%;
    height: 33px;
    float: left;
    background: #1F8AF5;
    text-align: right;
  }
  
  #button_holder {
    float: left;
    clear: right;
    width: 19%;
    height: 28px;
    margin-top: -3px;
    height: 40px;
    margin-left: 0px;
  }
  /*#JC commented out the 2px########################### */
  
  #toggl_btn_sm1 {
    #margin-left: 2px;
  }
  
  #toggl_btn_show_sm1 {
    #margin-left: 2px;
  }
  
  #toggl_btn_sm2 {
    #margin-left: 2px;
  }
  
  #toggl_btn_show_sm2 {
    #margin-left: 2px;
  }
  
  #toggl_btn_sm3 {
    #margin-left: 2px;
  }
  
  #toggl_btn_show_sm3 {
    #margin-left: 2px;
  }
  
  #toggl_btn_sm17 {
    #margin-left: 2px;
  }
  
  #toggl_btn_show_sm17 {
    #margin-left: 2px;
  }
  
  #toggl_btn_sm18 {
    #margin-left: 2px;
  }
  
  #toggl_btn_show_sm18 {
    #margin-left: 2px;
  }
  
  #toggl_btn_sm19 {
    #margin-left: 2px;
  }
  
  #toggl_btn_show_sm19 {
    #margin-left: 2px;
  }
  
  #toggl_btn_sm4 {
    #margin-left: 2px;
  }
  
  #toggl_btn_show_sm4 {
    #margin-left: 2px;
  }
  
  #career_heading {
    width: 100.5%;
    padding-top: 2px;
    text-align: center;
    background: #1F8AF5;
    color: #99CCFF;
    border-bottom: 1px solid white;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  #subject_heading {
    width: 100.5%;
    padding-top: 2px;
    text-align: center;
    background: #487B7C;
    color: #B4D2D3;
    border-bottom: 1px solid white;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  #career_headingSubject {
    width: 100.5%;
    padding-top: 2px;
    text-align: center;
    background: #487B7C;
    color: #99CCFF;
    border-bottom: 1px solid white;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  #career_heading h4 {
    font-size: 12px;
  }
  
  #spacerBlank1 img {
    width: 140px;
  }
  
  #spacerBlank3 img {
    width: 140px;
  }
  
  #careersReturnToList {
    width: 40%;
    height: 20px;
    background: #1F8AF5;
    display: block;
    float: left;
    text-align: center;
    padding: 5px;
    color: #99CCFF;
    font-size: 10.5px;
    padding-top: 8px;
  }
  
  #addToCareerFile {
    width: 40%;
    height: 20px;
    background: black;
    display: block;
    float: right;
    text-align: center;
    padding: 5px;
    color: white;
    font-size: 12px;
    padding-top: 7px;
  }
  /*-------------------- new stuff ---------------------*/
  
  .padding-left5 {
    padding-left: 5px;
    margin-left: 20px;
  }
  
  #occupation_tableText {
    width: 95%;
  }
  
  #interviewCamer_icons {
    margin-top: 20px;
  }
  
  #ocupations_header {
    width: 100%;
    height: 80px;
    background: lightblue;
    background: url('../images/careers/occupations.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  #occu_records {
    width: 80%;
    position: absolute;
    margin-top: 40px;
    height: 20px;
    color: white;
    margin-left: 5%;
    color: white;
    font-size: 18px;
    font-weight: bold;
  }
  
  #ocupations_menu {
    width: 100%;
    height: 30px;
    padding-left: 0px;
  }
  
  #oct1 {
    width: 10%;
    height: 27px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-size: 12px;
    padding-top: 3px;
  }
  
  #oct2 {
    width: 44%;
    height: 27px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-size: 12px;
    padding-top: 3px;
  }
  
  #oct3 {
    width: 20%;
    height: 27px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-size: 12px;
    padding-top: 3px;
  }
  
  #oct4 {
    width: 20%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-size: 12px;
  }
  
  #courseResults1 {
    width: 100%;
    font-size: 14px;
    margin-bottom: 10px;
    color: white;
  }
  
  #course_menu {
    display: none;
  }
  
  #courseSubMenu1 {
    display: none;
  }
  
  #courseTag {
    width: 1%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #course_1 {
    width: 4%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #course_2 {
    width: 9%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #course_3 {
    width: 22%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #course_4 {
    width: 22%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #course_5 {
    width: 8%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #course_6 {
    width: 8%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #course_7 {
    width: 8%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #course_8 {
    width: 10%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-weight: bold;
  }
  
  #occupatons_icon_rows {
    width: 88%;
    height: auto;
    padding: 2px;
    padding-left: 12%;
  }
  
  #personIcon {
    width: 5%;
    height: 0px;
    float: left;
    clear: right;
    text-align: center;
    margin-right: 5px;
    padding-top: 10px;
  }
  
  #cameraIcon {
    width: 5%;
    float: left;
    height: 20px;
    clear: right;
    text-align: center;
    margin-right: 5px;
    padding-top: 10px;
  }
  
  #zoneIcon {
    width: 60%;
    height: 18px;
    position: relative;
    text-align: center;
    background: white;
    margin-right: 20px;
  }
  
  #demandIcon {
    width: 60%;
    float: right;
    height: 31px;
    text-align: center;
    background: white;
    margin-right: 20px;
  }
  
  #course_title_bold {
    width: 60%;
    float: left;
    height: 20px;
    clear: right;
    text-align: left;
    margin-right: 5px;
    margin-left: 10px;
    font-weight: bold;
    font-size: 13px;
  }
  
  #course_title_boldPLC {
    width: 60%;
    float: left;
    height: 17px;
    clear: right;
    text-align: right;
    margin-right: 5px;
    font-weight: bold;
  }
  
  #college_title_bold {
    width: 70%;
    float: left;
    padding-top: 3px;
    height: 35px;
    text-align: left;
    margin-left: 145px;
  }
  
  #college_Q_bold {
    width: 25%;
    float: left;
    height: 17px;
    clear: right;
    text-align: center;
    padding-top: 3px;
  }
  
  #currentPoints_title_bold {
    width: 20%;
    float: left;
    height: 15px;
    font-size: 12px;
    text-align: center;
    margin-right: 5px;
    margin-left: 0px;
    //border: 1px solid lightgrey;
    border-radius: 5px;
    padding: 4px;
    padding-left: 5px;
    clear: both;
    margin-left: 5%;
  }
  
  #occupation_title_bold {
    width: 60%;
    float: left;
    height: 17px;
    clear: right;
    text-align: left;
    margin-right: 5px;
  }
  
  .Button_zone {
    width: 105px;
    height: 30px;
    border: 2px solid lightgrey;
    background: #1F8AF5;
    color: white;
    border-radius: 5px;
    margin-left: 20px;
    opacity: .8;
    cursor: pointer;
    margin-top: 5px;
  }
  
  .Button_zone:hover {
    background: #1F8AF5;
    opacity: .9;
  }
  
  #addIcon {
    width: 6%;
  }
  
  #goIcon {
    width: 10%;
  }
  
  .margin-left10 {
    /*changes to 20*/
    margin-left: 20px;
  }
  
  .school_SubMenu {
    display: none;
  }
  
  #searOccBtn {
    width: 80px;
    float: left;
    padding: 2px;
    float: right;
    clear: right;
    display: inline;
    z-index: 3;
    font-size: 11px;
    cursor: pointer;
    line-height: 11px;
  }
  
  #searOccBtn:hover {
    opacity: .8;
  }
  
  .SubMenu1 font {
    display: none;
  }
  
  .SubMenu1 {
    width: 270px;
    height: auto;
    display: none;
    position: absolute;
    top: 50px;
    z-index: 4;
    background: #f0f0f0;
    left: 200px;
    padding-bottom: 3px;
    padding-top: 0px;
  }
  
  #content4 .SubMenu1 {
    width: 270px;
    height: auto;
    display: none;
    position: absolute;
    top: 200px;
    z-index: 4;
    background: #f0f0f0;
    left: 44%;
    padding-bottom: 3px;
    padding-top: 0px;
  }
  
  .SubMenu1 a {
    width: 95%;
    height: 30px;
    font-size: 12px;
    text-align: left;
    display: block;
    float: left;
    margin-left: 0px;
    padding-left: 5%;
    margin-top: 3px;
    background: #1F8AF5;
    border-radius: 4px;
    padding-top: 10px;
    color: white;
  }
  
  #sideMenu ul li .adult {
    padding: 4px;
    width: 98%;
  }
  
  #sideMenu ul li .school {
    padding: 4px;
    width: 98%;
  }
  
  #sideMenu ul li .jobseekers {
    padding: 4px;
    width: 98%;
  }
  
  #sideMenu ul li .college {
    padding: 4px;
    width: 98%;
  }
  
  #sideMenu ul li .parents {
    padding: 4px;
    width: 98%;
  }
  
  #sideMenu ul li .guidance {
    padding: 4px;
    width: 98%;
  }
  
  #section0_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section1_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section2_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section3_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section4_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section5_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section6_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section7_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section8_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section9_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section10_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section11_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section12_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section13_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section14_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section15_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section_sub_menu {
    width: 95.5%;
    height: 25px;
    color: black;
    font-size: 10px;
    padding-left: 5%;
    overflow: hidden;
    padding: 4px;
  }
  
  .SubMenu1 a:hover {
    color: Darkgrey;
  }
  
  .SubMenu1 div {
    height: 20px;
  }
  
  .SubMenu1 span.gap {
    display: none;
  }
  
  #careerGuidanceBox {
    width: 94.1%;
  }
  
  .worksheet1 {
    margin-left: 10%;
  }
  
  #careerTextlink {
    padding-left: 10px;
  }
  
  #careerTextlink a {
    color: brown;
    width: 80%;
    display: block;
    padding-left: 20px;
    float: right;
    font-weight: bold;
  }
  
  #careerTextlink a:hover {
    color: #39;
  }
  
  #midItemCalc {
    margin: 0 auto;
    text-align: left;
  }
  
  #midItemCalc2 {
    text-align: left;
  }
  
  .pointsHeading2 {
    font-size: 11px;
  }
  
  #fbContainer {
    display: none;
  }
  
  #SearchCover {
    width: 100%;
  }
  
  #SearchTableOne {
    width: 70%;
    float: left;
    clear: right;
    margin-left: 15%;
  }
  
  #searchTableTwo {
    width: 70%;
    float: right;
    margin-left: 15%;
    float: left;
  }
  
  #courses_tbl1sector_id {
    width: 50%;
  }
  
  #courses_tbl1s_college {
    width: 50%;
  }
  
  #courses_tbl1s_duration {
    width: 50%;
  }
  
  #coursesSearch_wrapper {
    height: 80px;
  }
  
  #courseAllWrapper {
    display: none;
  }
  
  #courseAllWrapperCAO {
    display: none;
  }
  
  #toggl_btn_sm5 {
    margin-left: 2px;
  }
  
  .placeMentText {
    float: right;
    text-align: right;
    margin-right: 5%;
    margin-top: 0px;
    font-weight: bold;
    font-size: 12px;
    color: #1F8AF5;
    margin-top: -1px;
  }
  
  .placeMentTextSubject {
    float: right;
    text-align: right;
    margin-right: 5%;
    margin-top: 0px;
    font-weight: bold;
    font-size: 12px;
    color: white;
    margin-top: -1px;
  }
  
  #careerBtnRow1 a {
    color: #039;
  }
  
  #appRightHeading {
    display: none;
  }
  
  #workEmploymentTable td strong {
    font-size: 10px;
  }
  
  #midcontent #workEmploymentLists ul li {
    margin-left: -30px;
  }
  
  #newCoursesOuterBox {
    padding-top: 20px;
  }
  
  #college_title_bold2 {
    width: 29%;
    float: left;
    height: 27px;
    clear: right;
    text-align: center;
    margin-right: 5px;
    padding-top: 10px;
  }
  
  #college_title_bold2 {
    width: 29%;
    float: left;
    height: 27px;
    clear: right;
    text-align: center;
    margin-right: 5px;
    padding-top: 10px;
  }
  
  .mobileHiding {
    display: none;
  }
  
  #headingText3_left {
    width: 80%;
    height: auto;
    padding: 5px;
    margin-left: 10px;
  }
  
  #plcCourseForm {
    width: 100%;
    margin-left: 40px;
  }
  
  #searchTableWrap {
    display: none;
  }
  
  .sp-thumbnail-description {
    background: #F0F0F0;
    font-size: 9px;
    color: #474747;
    font-weight: bold;
  }
  
  #surroundCaption {
    width: 100%;
    float: left;
    position: relative;
    clear: both;
  }
  
  #midcontent_video {
    width: 93%;
    height: auto;
    background: white;
    margin-left: 20px;
    padding: 0px;
    float: left;
    clear: right;
    margin-top: 10px;
  }
  
  #surroundCaption {
    width: 191px;
    display: block;
    background: white;
    clear: both;
    padding-left: 15px;
  }
  
  hr {
    margin-top: 30px;
  }
  
  .sp-thumbnail-description {
    background: white;
    font-size: 8px;
    color: #474747;
    font-weight: normal;
    line-height: 11px;
    height: 80px;
    width: 100px;
  }
  
  .sp-thumbnail-text-1 {
    display: inline;
    background: #F0F0F0;
    width: 47%;
    clear: right;
    float: left;
    padding: 5px;
  }
  
  .sp-thumbnail-description-1 {
    background: #F0F0F0;
    font-size: 9px;
    color: #474747;
  }
  
  .sp-mainCaption-1 {
    width: 95%;
    display: inline-block;
    padding-top: 10px;
    font-style: italic;
    font-size: 14px;
  }
  
  .sp-thumbnail-image-container img {
    width: 34px !important;
    margin-left: 28px;
  }
  
  .sp-thumbnail-image-container img {
    height: 45px !important;
  }
  
  #videoInter {
    font-size: 12px;
  }
  
  #videoInter tr td img {
    margin-bottom: 25px;
  }
  
  #school_warp1 {
    height: 50px;
  }
  
  #school_warp2 {
    height: 90px;
  }
  
  #school_warp3 {
    height: 50px;
  }
  
  #school_warp4 {
    height: 160px;
  }
  
  #school_warp5 {
    height: 50px;
  }
  
  #school_warp6 {
    height: 50px;
  }
  
  #schoolSubjectsPadding {
    width: 62px;
    margin-left: 4px;
    margin-right: 4px;
  }
  
  #schoolSubjectsPadding_extra {
    width: 40%;
    font-size: 11px;
  }
  
  #schoolSubjectsPadding a {
    font-size: 11px;
  }
  
  #shcoolBackLink {
    margin-top: -0px;
  }
  
  #wrap {
    width: 100%;
    height: auto;
    position: absolute;
    background: lightgray;
    padding: 5px;
    margin: 0 auto;
  }
  
  #outerWrap {
    padding: 0px;
  }
  
  #outerWrap ul li {
    background: none;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
  }
  
  #oneR {
    width: 88%;
    background: #006699;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    clear: right;
    margin-left: 0px;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #twoR {
    width: 88%;
    background: #666699;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    color: lightgray;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #threeR {
    width: 88%;
    background: #558F72;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    color: lightgray;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #fourR {
    width: 88%;
    background: #558F72;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    font-size: 13px;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #fiveR {
    width: 88%;
    background: #197390;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    border-left-top-radius: 2em;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #sixR {
    width: 88%;
    background: #E68A00;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #sevenR {
    width: 88%;
    background: #E64016;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #eightR {
    width: 88%;
    background: #E68A00;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #nineR {
    width: 88%;
    background: #666699;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #tenR {
    width: 88%;
    background: #666699;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #elevenR {
    width: 88%;
    background: #558F72;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #tweleveR {
    width: 88%;
    background: #006699;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #thirteenR {
    width: 88%;
    background: #E65C00;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #fourteenR {
    width: 88%;
    background: #E65C00;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #fifthteenR {
    width: 88%;
    background: #E64016;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #sixteenR {
    width: 88%;
    background: #669966;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #seventeenR {
    width: 88%;
    background: #E65C00;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 360px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #thevid {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 30px;
    display: inline;
    margin-left: 0px;
  }
  
  #changeTheVid {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 30px;
    display: inline;
    margin-left: 0px;
  }
  
  .topvideoshow2 {
    width: 100%;
    height: 85px;
    background: #65AFFA;
    font-weight: bold;
    border: 1px solid lightgray;
    box-shadow: 2px 2px 4px;
  }
  
  .group {
    font-size: 11px;
  }
  
  #sectorWrap {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    float: left;
  }
  
  #sectorHeadingImage_1 {
    width: 100%;
    float: left;
  }
  
  #sectorCollectionImages {
    width: 100%;
    float: left;
  }
  
  #headingText5_left {
    width: 100%;
    float: none;
  }
  
  #career_headingSectors3 {
    width: 97.4%;
  }
  
  #btn_wrapper_SectorsCAO {
    width: 99.2%;
  }
  
  #centerVideoPanal {
    width: 210px;
    height: auto;
    float: left;
  }
  
  #centerVideoPanal2 {
    width: 210px;
    height: auto;
    float: left;
  }
  
  #float_content_right {}
  
  #VideosSectorHeadings {
    width: 92%;
    padding: 10px;
    background: #1F8AF5;
    color: white;
    font-size: 14px;
  }
  
  #jhVideoDetails {
    width: 90.7%;
    background: #1F8AF5;
    height: auto;
    padding: 10px;
    color: white;
  }
  
  #jhVideoDetails1 {
    width: 90.7%;
    background: #1F8AF5;
    height: auto;
    padding: 10px;
    color: white;
  }
  
  #jhVideoDetails2 {
    width: 90.3%;
    background: #1F8AF5;
    height: auto;
    padding: 10px;
    color: white;
  }
  
  #midcontent_long {
    width: 206px;
    height: auto;
    background: white;
    margin-left: 20px;
    padding: 0px;
    float: left;
    clear: right;
    /*margin-top: 10px;*/
  }
  
  #midcontent_long1 {
    width: 43%;
    height: auto;
    background: white;
    margin-left: 20px;
    padding: 0px;
    float: left;
    clear: right;
    /*margin-top: 10px;*/
  }
  
  #showMobile_Client_Banner_Profile {
    width: 198px;
    background: #EBEBEB;
    height: auto;
    padding: 5px;
    font-size: 12px;
    display: block;
  }
  
  #image_Stoggle_sm_Sectors_sub_Questions {
    width: 100%;
    height: 105px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #65AFFA;
    padding-top: 3px;
    border: 1px solid#65AFFA;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsInsights {
    width: 205px;
    height: 65px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #1F8AF4;
    padding-top: 3px;
    border: 1px solid #1F8AF4;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile {
    width: 100%;
    height: 35px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #1F8AF5;
    padding-top: 3px;
    border: 1px solid #1F8AF5;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfileExtra {
    width: 100%;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile_job {
    width: 204px;
    height: 35px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #1F8AF5;
    padding-top: 3px;
    border: 1px solid #1F8AF5;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #sectorOccInfo {
    width: 196px;
  }
  
  #sectorOccInfo img {
    display: none;
  }
  
  #sectorOccInfo ul {
    padding-left: 0px;
  }
  
  .jhVideoHeading3 {
    margin-left: 0px;
    font-size: 14px;
    font-weight: bold;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile2 {
    width: 204px;
    height: 90px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #65AFFA;
    padding-top: 3px;
    border: 1px solid #65AFFA;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile3 {
    width: 204px;
    height: 100px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #65AFFA;
    padding-top: 3px;
    border: 1px solid #65AFFA;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  .replaceButton {
    margin-left: 5px;
  }
  
  .replaceButton1 {
    margin-left: 5px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsExpert {
    width: 204px;
    height: 65px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    padding-top: 3px;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #toggle_para-17 a {
    color: #039;
    font-size: 12px;
    padding: 3px;
  }
  
  #toggle_para-19 a {
    color: #039;
    font-size: 12px;
    padding: 3px;
  }
  
  .questionAnswerSectorVideo {
    margin-left: 0px;
    margin-left: 0px;
    display: inline-block;
    white-space: normal;
    height: 60px;
    float: left;
    clear: right;
    #width: 65%;
  }
  
  #VideosSectorHeadings2 {
    width: 91.3%;
    padding: 10px;
    background: #1F8AF5;
    color: white;
    font-size: 14px;
  }
  
  #VideosSectorHeadings3 {
    width: 91.5%;
  }
  
  #centerCareerVids {
    float: left;
    padding-left: 0px;
  }
  
  #opacityElement {
    display: none;
  }
  
  #opacityTextOver {
    padding: 10px;
    padding-left: 5px;
    font-size: 20px;
    width: auto;
    height: auto;
    float: left;
    position: relative;
    top: 0px;
    background: #e6e6e6;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: -10px;
    z-index: 0;
  }
  
  .sectorHeaddingText {
    font-size: 14px;
    color: #474747;
  }
  
  .sectorHeadingTextImage {
    font-size: 12px;
    margin-top: -10px;
    color: #474747;
  }
  
  #topSectorImage {
    display: none;
  }
  
  #topSectorImage img {
    display: none;
  }
  
  #videoSlider {
    background: #65AFFA;
    padding: 1px;
  }
  
  .videoTextLinks1 {
    color: #1F8AF5;
    margin-left: 5px;
  }
  
  #sectorSubHeadingRight3 {
    width: 97.6%;
  }
  
  .career_title4 {
    margin-left: 17%;
  }
  
  .BorderBox2 img {
    width: 100px !important;
    height: 85px !important;
  }
  
  .BorderBox2 img[alt="Go..."] {
    width: 26px !important;
    height: 15px !important;
    margin-right: 5px;
  }
  
  #centerMe {
    margin-left: 0px;
  }
  
  #addToCareerFile img {
    width: 80px;
    margin-top: -2px;
  }
  
  #relatedOcc {
    display: none;
  }
  
  .mobileGone {
    display: none;
  }
  
  #jbholderImage {
    display: none;
  }
  
  #careerSkillsRight {
    width: 49%;
    float: left;
    clear: both;
    margin-top: 20px;
  }
  
  #hideForMobile {
    display: none;
  }
  
  #mce_42 {
    /* take formatter out of online word editor*/
    display: none;
  }
  
  #topkeep #topkeep_Extra #newsHeading_work2 a {
    color: white;
    padding: 5px;
    font-size: 14px;
  }
}
@media only screen and (max-width:479px) {
  /* ------------------------ smart phone portrait--------------------------------------------------------------------------*/
  
  body {
    text-size-adjust: none;
    text-size-adjust: 100%;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
  }
  
  #hideForMobile {
    display: none;
  }
  
  #mce_42 {
    /* take formatter out of online word editor*/
    display: none;
  }
  
  .mobileGone1 {
    display: none;
  }
  
	.mobileNoShow {
      display: none;
   }
	 
  #maintitle {
    display: none;
    /*JC*/
    width: 94%;
    height: 18px;
    padding: 3px;
    padding-left: 5px;
    margin-top: 3px;
    margin-bottom: 0px;
    color: #393939;
    font-weight: bold;
    background: white;
    border: none;
    text-align: left;
  }
  
  #leftcontent {
    width: 100%;
    height: auto;
    margin-left: 0px;
    display: block;
    margin-top: 5px;
    margin-bottom: 40px;
    padding-left: 0px;
    float: left;
    clear: right;
    background: #ffff;
    border: none;
  }
  
  #section1_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section2_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section3_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section4_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section5_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section6_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section7_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section8_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section9_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section10_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section11_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section12top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section13_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section14_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  #section15_top {
    width: 98%;
    height: 25px;
    color: fcfcfc;
    font-size: 14px;
    padding-left: 2%;
    overflow: hidden;
  }
  
  .adult {
    background: -webkit-linear-gradient( 90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
    background: -moz-linear-gradient(90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
    background: -MS-linear-gradient( 90deg, #DA9E4B, #D0851F, #DA9E4B) no-repeat;
    /*margin-bottom: 5px;*/ JC########################################################*/
  }
  /*
.college{
	
		background: -webkit-linear-gradient( 90deg,#9A1B1E,#C23D40,#9A1B1E) no-repeat; 
		background:-moz-linear-gradient(90deg,#9A1B1E,#C23D40,#9A1B1E) no-repeat;
		background:-MS-linear-gradient( 90deg,#9A1B1E,#C23D40,#9A1B1E) no-repeat;
		margin-bottom: 5px;	
}
*/
  
  .guidance {
    background: -webkit-linear-gradient( 90deg, #2B3478, #34428E, #2B3478) no-repeat;
    background: -moz-linear-gradient(90deg, #2B3478, #34428E, #2B3478) no-repeat;
    background: -MS-linear-gradient( 90deg, #2B3478, #34428E, #2B3478) no-repeat;
    /*margin-bottom: 5px;*/ JC########################################################*/
  }
  
  .school {
    background: -webkit-linear-gradient( 90deg, #487e7e, #366764, #487e7e) no-repeat;
    background: -moz-linear-gradient(90deg, #487e7e, #366764, #487e7e) no-repeat;
    background: -MS-linear-gradient(90deg, #487e7e, #366764, #487e7e) no-repeat;
    /*margin-bottom: 5px;*/ JC########################################################*/
  }
  
  .jobseekers {
    background: -webkit-linear-gradient( 90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
    background: -moz-linear-gradient(90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
    background: -MS-linear-gradient( 90deg, #4b8fe7, #1670d2, #4b8fe7) no-repeat;
    /*margin-bottom: 5px;*/ JC########################################################*/
  }
  
  .parents {
    background: -webkit-linear-gradient( 90deg, #646c7b, #49505c, #646c7b) no-repeat;
    background: -moz-linear-gradient( 90deg, #646c7b, #49505c, #646c7b) no-repeat;
    background: -MS-linear-gradient( 90deg, #646c7b, #49505c, #646c7b) no-repeat;
   /*margin-bottom: 5px;*/ JC########################################################*/
  }
  
  .default1 {
    background: #1F8AF5;
    border-radius: 4px;
    margin-bottom: 5px;
    padding-bottom: 5px;
  }
  
  #topkeep {
    float: left;
    background: white;
    width: 96%;
    margin-left: 6px;
    overflow: hidden;
    margin-top: 3px;
    margin-bottom: 5px;
  }
  
  #topkeep_extra {
    float: left;
    background: white;
    width: 96%;
    margin-left: 5px;
    overflow: hidden;
    text-align: center;
    margin-top: 3px;
    margin-bottom: 5px;
  }
  
  #imageCon {
    width: 98%;
    height: auto;
  }
  
  .topHeading {
    font-size: 22px;
    color: #474747;
    margin-left: 10px;
  }
  
  .career_title {
    width: 100%;
    position: absolute;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: white;
    margin-top: 65px;
    margin-left: 16%;
  }
  
  .career_title1 {
    width: 100%;
    position: absolute;
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: white;
    margin-top: 65px;
    margin-left: 16%;
  }
  
  #midcontent {
    width: 94%;
    height: auto;
    background: none;
    margin-left: 0px;
    display: block;
    padding: 5px;
    padding-left: 10px;
    float: left;
    text-align: left;
    margin-top: 0px;
  }
  
  #rightcontent {
    width: 300px;
    height: auto;
    background: white;
    margin-left: 10px;
    position: absolute;
    top: 600px;
    display: none;
    float: left;
    margin-bottom: 10px;
    text-align: center;
  }
  
  #subscribers {
    display: block;
  }
  
  #content3 {
    width: 100%;
    height: auto;
    background: white;
    margin-left: 0px;
  }
  
  #contentSector {
    width: 100%;
    height: auto;
    background: white;
    margin-left: 0px;
  }
  
  #contentSector2 {
    width: 100%;
    height: auto;
    background: white;
    margin-left: 0px;
  }
  
  #page_links {
    display: block;
    width: 100%;
    height: auto;
    position: absolute;
    background: #F0F0F0;
    margin-left: 0px;
    top: 305px;
    color: black;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    display: block;
  }
  
  .imgpad {
    margin-bottom: 0px;
    height: 27px;
  }
  
  #showHiding {
    width: 305px;
    height: 20px;
    float: right;
    background: white;
    margin-top: -110px;
    margin-bottom: 5px;
    border-radius: 3px;
    padding-bottom: 5px;
    color: #99CCFF;
    font-style: italic;
    position: absolute;
    top: -30px;
    z-index: 1;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    display: none;
    margin-left: 7px;
  }
  
  .more {
    width: 95%;
    display: block;
    float: left;
    clear: right;
    font-weight: bold;
  }
  
  .Less {
    width: 95%;
    display: block;
    float: left;
    font-weight: bold;
    display: none;
  }
  
  #hideMe {
    width: 290px;
    height: 160px;
    background: white;
    display: block;
  }
  
  #hideMe2 {
    /* spacer div for jquery*/
    width: 290px;
    height: auto;
    background: white;
    display: none;
    margin-top: 50px;
    margin-left: 2px;
    padding-left: 2px;
  }
  
  #news3 {
    width: 100%;
    height: auto;
    background: none;
    left: -1px;
    display: none;
    margin-top: 5px;
  }
  
  #news1 {
    width: 100%;
    height: auto;
    background: none;
    display: none;
    border: none;
    margin-top: 5px;
  }
  
  #news2 {
    width: 100%;
    height: auto;
    background: none;
    display: none;
    margin-top: 5px;
  }
  
  #news4 {
    width: 100%;
    height: auto;
    background: none;
    display: none;
    margin-top: 5px;
  }
  
  #place_images {
    display: block;
  }
  
  iframe {
    width: 96%;
    height: 265px;
    margin-left: 2px;
  }
  
  #_atssh iframe {
    width: 96%;
    height: 0px;
    margin-left: 2px;
  }
  
  #mobiletop {
    font-size: 12px;
    font-weight: bold;
    display: block;
    float: right;
    margin-right: 10px;
  }
  
  #ed_categories1 blockquote {
    color: #474747;
    font-size: 14px;
    line-height: 20px;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
  }
  
  #ed_categories1 ul li {
    color: #474747;
    font-size: 13px;
    padding: 0px;
    margin-left: -25px;
    line-height: 20px;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
  }
  
  #ed_categories1 p {
    width: 98%;
    color: #474747;
    font-size: 14px;
    line-height: 20px;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
  }
  
  #ed_categories2 img {
    width: 97%;
  }
  
  #ed_categories1 p strong {
    color: #474747;
  }
  
  #ed_categories1 p a {
    color: color: #039;
  }
  
  #ed_categories1 p a:hover {
    color: #000;
  }
  
  .Rowdefault {
    font-size: 14px;
  }
  
  .Rowdefault2 {
    font-size: 14px;
  }
  
  #ed_categories1 table tr td {
    width: auto;
    color: #474747;
    font-size: 14px;
    line-height: 20px;
    -webkit-text-size-adjust: none;
    -webkit-text-size-adjust: 100%;
  }
  
  #infulenceTable {
    width: 95%;
    font-size: 9px;
    padding: 0px;
  }
  
  #infulenceTable tr td p {
    font-size: 9px;
    padding: 1px;
  }
  
  #tableuk {
    width: 96%;
    background: #F0F0F0;
  }
  
  #tableuk tr td {
    border: 1px solid darkgrey;
    padding: 2px;
    font-size: 6px;
  }
  
  #tablejob {
    width: 96%;
    background: #F0F0F0;
  }
  
  #tablejob tr td {
    border: 1px solid darkgrey;
    padding: 2px;
    font-size: 6px;
  }
  
  #fontsizetag {
    font-size: 12px;
  }
  
  #fontsizetag_90 {
    font-size: 90%;
  }
  
  #fontsizetag_80 {
    font-size: 80%;
  }
  
  #fontsizetag_70 {
    font-size: 70%;
  }
  
  .fb-like-box {
    margin-left: 0px;
  }
  
  .fb-like-box [style] {
    width: 290px !important;
  }
  
  .fb-like-box [style] iframe {
    width: 290px !important;
  }
  
  #twitterWid {
    width: 94%;
    margin-left: -0px;
    margin-top: -10px;
  }
  
  #subnav {
    display: none;
  }
  
  .collegesDirect_clients {
    font-size: 80%;
    width: 100%;
    height: auto;
    padding: 2px;
    font-weight: normal;
    border-top: 1px solid #d0d8f0;
    border-right: 1px solid #d0d8f0;
    border-bottom: 1px solid #d0d8f0;
    border-left: 1px solid #d0d8f0;
    text-align: left;
    color: #000000;
    vertical-align: top;
    margin-left: -5px;
  }
  
  #sclect_form_value {
    width: 80%;
  }
  
  #ncge {
    width: 222px !important;
  }
  
  #euro_guidance {
    width: 222px !important;
  }
  
  #topKeep_Extra {
    text-align: center;
  }
  
  [id^=viddler] {
    height: 200px;
  }
  
  #content4 {
    margin: 0 auto;
    float: left;
    width: 100%;
    height: auto;
    background: white;
    padding-bottom: 30px;
  }
  
  #headingText1_left {
    width: 95%;
    height: auto;
    padding: 5px;
    margin-left: 0px;
  }
  
  #headingText2_right {
    width: 222px;
    height: auto;
    float: right;
    margin-top: 40px;
    clear: rigtht;
    margin-right: 70px;
    border-radius: 10px;
    box-shadow: 2px 2px 4px grey;
    display: none;
  }
  
  .orgHeading {
    width: 200px;
    font-size: 18px;
    margin: 0 auto;
    text-align: center;
    color: #474747;
    font-weight: bold;
    margin-top-bottom: 20px;
  }
  
  #border_logo {
    width: 95.5%;
    border: none;
    height: auto;
    margin: 0 auto;
  }
  
  #imageLogo_sect {
    width: 70%;
    height: 150px;
    padding: 8px;
    float: left;
    clear: right;
    margin: 5px;
    margin-left: 35px;
    margin-top: 20px;
    border: 2px solid #f1f1f1;
    display: block;
    border-radius: 10px;
    box-shadow: 2px 2px 4px grey;
  }
  
  #imageLogo_apprenticeships {
    width: 70%;
    height: 101px;
    float: left;
    clear: right;
    margin-left: 45px;
    margin-top: 10px;
    display: block;
  }
  
  #imageLogo_sect a {
    color: #474747;
  }
  
  #imageLogo_sect a:hover {
    color: brown;
  }
  
  #idToCenter {
    margin: 0 auto;
  }
  
  #no_iphone {
    display: none;
  }
  
  #no_iphone_no_ipad {
    display: none;
  }
  
  .SubMenu {
    display: block;
    width: 100%;
  }
  
  #laberMarketHead {
    display: none;
  }
  
  #skillshortage_td {
    display: none;
  }
  
  #button_table {
    display: none;
  }
  
  #button_table_image {
    display: none;
  }
  
  #button_table_image img {
    display: none;
  }
  
  select#occupationsRcareers_tbl1s_zone {
    width: 170px;
  }
  
  #summery_table {}
  
  td #table_images_sect {}
  
  .iphone_display {
    display: block;
  }
  
  .iphone_display1 {
    display: none;
  }
  
  #mainWrap {
    display: none;
  }
  
  #topimages_available {
    display: block;
  }
  
  .i_phone_show {
    display: block;
  }
  
  .i_phone_show img {
    width: 100px !important;
  }
  
  #jobtitle_table {
    width: 60%;
  }
  
  #related_text {
    text-align: left;
  }
  
  #placement_ipad {
    margin-top: -20px;
  }
  
  #Interest_search_1 {
    width: 90%;
    margin: 0 auto;
    margin-top: 00px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  
  #interest_search_2 {
    width: 90%;
    margin: 0 auto;
    margin-top: 30px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    float: none;
  }
  
  #searchBySector {
    display: none;
  }
  
  #searchBySectorImage {
    display: none;
  }
  
  #sectorSearchButton {
    wdith: 110px;
    margin-left: 5%;
    margin-top: 20px;
  }
  
  #sectorSearchForm {
    width: 99%;
    margin-top: 0px;
  }
  
  #sector_search_1 {
    margin-top: 0px;
  }
  
  #sector_search_1 a {
    font-size: 13px;
  }
  
  #iphone_sectorSearch {
    display: block;
    width: 95%;
    margin: 0 auto;
    margin-top: 15px;
    text-align: left;
    font-size: 14px;
    color: #474747;
  }
  
  #iphone_sectorSearch h3 {
    margin-left: 100px;
  }
  
  .sectorImg {
    width: 100px !important;
  }
  
  .mybtns {
    width: 16%;
    margin-left: 3px;
    text-align: center;
    margin-bottom: 5px;
  }
  
  #a_z_search {
    width: 95%;
    padding: 3px;
    height: auto;
    margin-left: 0px;
    margin-top: 15px;
    overflow: hidden;
    text-align: center;
  }
  
  #occupations_list {
    width: 97%;
    height: auto;
    padding: 5px;
    margin: 0 auto;
  }
  
  #employment_trendsImage {
    width: 70% !important;
  }
  
  #employment_trendsImage2 {
    width: 70% !important;
  }
  
  #mobile_div {
    display: block;
  }
  
  .placeMentText {
    float: right;
    text-align: right;
    margin-right: 30%;
    margin-top: 0px;
    font-weight: bold;
    font-size: 12px;
    color: #1F8AF5;
    margin-top: -1px;
  }
  
  .placeMentTextSubject {
    float: right;
    text-align: right;
    margin-right: 30%;
    margin-top: 0px;
    font-weight: bold;
    font-size: 12px;
    color: white;
    margin-top: -1px;
  }
  
  [id^=toggle_para] {
    width: 97%;
    margin-left: 0px;
    height: auto;
    display: none;
    text-align: left;
    text-indent: 0px;
  }
  
  #centerImagesMobile {
    margin: 0 auto;
    /*text-align:center;	*/
  }
  
  [id^=toggle_btn] {
    width: 28px;
    height: 28px;
    position: absolute;
    top: 60;
    left: 3%;
    text-align: center;
    padding: 1px;
    display: block;
    border-radius: 50%;
    cursor: pointer;
    background: #99CCFF;
    color: white;
    border: none;
    font-size: 20px;
  }
  
  [id^=toggle_btn_show] {
    width: 28px;
    position: absolute;
    top: 60;
    left: 3%;
    text-align: center;
    padding: 0px;
    display: none;
    border-radius: 50%;
    cursor: pointer;
    background: #99CCFF;
    color: white;
    border: none;
    font-size: 22px;
  }
  
  [id^=image_toggle] {
    # width: 98%;
    height: 100px;
    position: relative;
    text-align: left;
  }
  
  #career_heading {
    width: 100%;
    height: auto;
    padding-top: 2px;
    text-align: center;
    background: #1F8AF5;
    color: #99CCFF;
    border-bottom: 1px solid white;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  #subject_heading {
    width: 100%;
    height: auto;
    padding-top: 2px;
    text-align: center;
    background: #487B7C;
    color: #B4D2D3;
    border-bottom: 1px solid 487B7C;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  #career_headingSubject {
    width: 99.9%;
    height: auto;
    padding-top: 2px;
    text-align: center;
    background: #487B7C;
    color: #99CCFF;
    border-bottom: 1px solid white;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  #zone_table {
    width: 75%;
    height: 33px;
    float: right;
    background: #1F8AF5;
    text-align: right;
  }
  
  #toggl_btn_sm1 {
    width: 45%;
  }
  
  #toggl_btn_show_sm1 {
    width: 45%;
  }
  
  #toggl_btn_sm2 {
    width: 45%;
  }
  
  #toggl_btn_show_sm2 {
    width: 45%;
  }
  
  #toggl_btn_sm3 {
    width: 45%;
  }
  
  #toggl_btn_show_sm3 {
    width: 45%;
  }
  
  #toggl_btn_sm4 {
    width: 45%;
  }
  
  #toggl_btn_show_sm4 {
    width: 45%;
  }
  
  #recruitment_images {
    margin: auto;
  }
  
  #course_suggestions1 {
    width: 85%;
    margin: 0 auto;
    height: 300px;
    overflow: scroll;
    background: white;
    padding: 5px;
    padding-top: 5px;
    border: 2px solid #C3CFF3;
    -moz-box-shadow: inset 0 0 2px #000000;
    -webkit-box-shadow: inset 0 0 2px #000000;
    box-shadow: inset 0 0 2px #000000;
  }
  
  #careersReturnToList {
    width: 35%;
    height: 20px;
    background: #1F8AF5;
    display: block;
    float: left;
    text-align: center;
    padding: 5px;
    color: #99CCFF;
    font-size: 12px;
    padding-top: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
  }
  
  #careersReturnToList2 {
    width: 35%;
    height: 20px;
    background: #1F8AF5;
    display: block;
    float: left;
    text-align: center;
    padding: 5px;
    color: #99CCFF;
    font-size: 12px;
    padding-top: 10px;
    margin-bottom: 5px;
    margin-top: 10px;
  }
  
  #addToCareerFile {
    width: 35%;
    height: 20px;
    background: black;
    display: block;
    float: right;
    text-align: center;
    padding: 5px;
    color: white;
    font-size: 12px;
    padding-top: 20px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
  }
  
  #button_holder {
    float: left;
    clear: right;
    width: 22%;
    height: 25px;
    margin-top: -3px;
    height: 40px;
  }
  /*-------------------- new stuff ---------------------*/
  
  #ocupations_header {
    width: 99%;
    height: 80px;
    background: url('../images/careers/occupations.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
  
  #occu_records {
    width: 80%;
    position: absolute;
    margin-top: 40px;
    height: 20px;
    color: white;
    margin-left: 5%;
    font-size: 18px;
    font-weight: bold;
  }
  
  #ocupations_menu {
    width: 100%;
    height: 30px;
    padding-left: 0px;
  }
  
  #oct1 {
    width: 8%;
    height: 30px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
  }
  
  #oct2 {
    width: 28%;
    height: 27px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    padding-top: 3px;
    font-size: 11px;
  }
  
  #oct3 {
    width: 28%;
    height: 27px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-size: 11px;
    padding-top: 3px;
  }
  
  #oct4 {
    width: 30%;
    height: 27px;
    float: left;
    clear: right;
    display: block;
    padding-left: 3px;
    font-size: 11px;
    padding-top: 3px;
  }
  
  #occupatons_icon_rows {
    width: auto;
    height: auto;
    padding: 2px;
    padding-left: 3%;
    margin-top: 6px;
  }
  
  #personIcon {
    width: 5%;
    height: 20px;
    float: left;
    clear: right;
    text-align: center;
    margin-right: 5px;
  }
  
  #cameraIcon {
    width: 5%;
    float: left;
    height: 20px;
    clear: right;
    text-align: center;
    margin-right: 5px;
  }
  
  #zoneIcon {
    width: 60%;
    height: 18px;
    position: relative;
    text-align: center;
    background: white;
    margin-right: 20px;
  }
  
  #demandIcon {
    width: 60%;
    float: right;
    clear: left;
    height: 31px;
    text-align: center;
    background: white;
    margin-right: 20px;
  }
  
  #occupation_title_bold {
    width: 70%;
    float: left;
    height: 17px;
    clear: right;
    text-align: left;
    margin-right: 5px;
  }
  
  #occupations_buttonCover {
    width: 100%;
    height: 20px;
    padding: 2px;
  }
  
  #course_buttonCover {
    width: 100%;
    height: 20px;
    padding: 2px;
  }
  
  #addIcon {
    width: 10%;
    height: 17px;
    float: left;
    clear: right;
    text-align: center;
    margin-right: 5px;
  }
  
  #goIcon {
    width: 10%;
    float: left;
    height: 17px;
    clear: right;
    text-align: center;
    margin-right: 40px;
  }
  
  #personIcon {
    width: 8%;
    height: 0px;
    float: left;
    clear: right;
    text-align: center;
    margin-right: 5px;
    padding-top: 10px;
  }
  
  #cameraIcon {
    width: 8%;
    float: left;
    height: 0px;
    clear: right;
    text-align: center;
    margin-right: 5px;
    padding-top: 10px;
  }
  
  #occupation_tableText {
    width: 98%;
  }
  
  #select_size {
    width: 100px;
  }
  
  .padding-left5 {
    padding-left: 5px;
    margin-left: 20px;
  }
  
  #mainWrap {
    margin-top: 20px;
  }
  
  .Button_zone {
    width: 105px;
    height: 30px;
    border: 2px solid lightgrey;
    background: #1F8AF5;
    color: white;
    border-radius: 5px;
    margin-left: 20px;
    opacity: .8;
    cursor: pointer;
    margin-top: 5px;
  }
  
  .Button_zone:hover {
    background: #1F8AF5;
    opacity: .9;
  }
  
  .margin-left10 {
    /*changes to 20*/
    margin-left: 20px;
  }
  
  #careerbutton_wrapper {
    margin-bottom: 10px;
  }
  
  .SubMenu {
    display: block;
    height: auto;
    margin: 0 auto;
    margin-top: -5px;
  }
  
  .SubMenu a {
    color: brown;
    text-align: center;
    display: block;
    float: left;
    width: 130px;
    paddint-top: 3px;
    padding-bottom: 3px;
  }
  
  .SubMenu span.gap {
    line-height: 24px;
  }
  
  .SubMenu font {
    display: none;
  }
  
  .school_SubMenu {
    width: 100%;
    height: 20px;
    background;
    none;
    display: none;
  }
  
  #searOccBtn {
    width: 80px;
    float: right;
    padding: 2px;
    float: right;
    clear: right;
    display: inline;
    z-index: 3;
    font-size: 11px;
    cursor: pointer;
    line-height: 9px;
    margin-top: 5px;
  }
  
  #searOccBtn:hover {
    opacity: .8;
  }
  
  .SubMenu1 font {
    display: none;
  }
  
  .SubMenu1 {
    width: 75%;
    height: auto;
    display: none;
    position: absolute;
    top: 35px;
    right: 0px;
    z-index: 2;
    background: #f0f0f0;
    border: 1px solid lightgrey;
    padding-top: 0px;
  }
  
  .SubMenu1 a {
    width: 95%;
    height: 30px;
    font-size: 12px;
    text-align: left;
    color: black;
    display: block;
    float: left;
    margin-left: -1px;
    padding-left: 5%;
    margin-top: 3px;
    background: #1F8AF5;
    border-radius: 4px;
    padding-top: 10px;
    color: white;
  }
  
  .SubMenu1 a:hover {
    color: Darkgrey;
  }
  
  .SubMenu1 div {
    height: 20px;
  }
  
  .SubMenu1 span.gap {
    display: none;
  }
  
  #toggle_para-1 {
    padding-top: 10px;
  }
  
  #image_toggle1 {
    margin-top: 30px;
  }
  
  #toggle_para-11 {
    width: 96%;
    margin-left: 0px;
  }
  
  #toggle_para-12 {
    width: 96%;
    margin-left: 0px;
  }
  
  #toggle_para-13 {
    width: 96%;
    margin-left: 0px;
  }
  
  #toggle_para-14 {
    width: 96%;
    margin-left: 0px;
  }
  
  #toggle_para-20 {
    width: 96%;
    margin-left: 0px;
  }
  
  #toggle_para-21 {
    width: 96%;
    margin-left: 0px;
  }
  
  #toggle_para-22 {
    width: 96%;
    margin-left: 0px;
  }
  
  #interestWrapper_lm {
    width: 290px;
    height: auto;
    background: none;
  }
  
  #lm_search_1 {
    width: 98%;
    margin: 0 auto;
    margin-top: 0px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
  }
  
  #lm_search_2 {
    width: 98%;
    margin: 0 auto;
    margin-top: 20px;
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    float: none;
  }
  
  .worksheet1 {
    margin-left: 25%;
  }
  
  .pointsText {
    color: black;
    padding-right: 10px;
  }
  
  .pointsTextSubject {
    color: white;
    padding-right: 10px;
  }
  
  #courseDuration {
    width: 50%;
    height: auto;
    text-align: center;
    position: absolute;
    z-index: 888888;
    font-weight: bold;
    font-size: 14px;
    padding-top: 2px;
  }
  
  #midItemCalc {
    margin: 0 auto;
    text-align: left;
  }
  
  #midItemCalc2 {
    margin-left: 15%;
    text-align: left;
  }
  
  .pointsHeading2 {
    font-size: 14px;
    font-weight: 600;
  }
  
  #centerMe {
    width: 100%;
    margin-left: 0%;
  }
  
  #toggle_para-extra {
    width: 90%;
    margin: 0 auto;
  }
  
  #SearchCover {
    width: 100%;
  }
  
  #SearchTableOne {
    width: 90%;
    float: left;
    clear: right;
    margin-left: 20px;
  }
  
  #searchTableTwo {
    width: 90%;
    float: right;
    margin-left: 20px;
    float: left;
  }
  
  #courses_tbl1sector_id {
    width: 50%;
  }
  
  #courses_tbl1s_college {
    width: 50%;
  }
  
  #courses_tbl1s_duration {
    width: 50%;
  }
  
  #collectClientImage {
    height: 40px;
    !important
  }
  
  .collegeProfileLind22 {
    margin-left: 5px;
  }
  
  #course_menu {
    display: none;
  }
  
  #courseSubMenu1 {
    display: none;
  }
  
  #courseResults1 {
    display: none;
  }
  
  #courseAllWrapper {
    display: none;
  }
  
  #course_title_bold {
    width: 60%;
    float: left;
    height: 30px;
    clear: right;
    text-align: left;
    margin-right: 5px;
    margin-left: 10px;
  }
  
  #course_title_boldPLC {
    width: 60%;
    float: left;
    clear: right;
    text-align: right;
    margin-right: 5px;
    margin-left: 10px;
    font-weight: bold;
  }
  
  #college_title_bold {
    width: 70%;
    float: left;
    padding-top: 13px;
    height: 20px;
    text-align: left;
    margin-left: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  
  #college_link_bold4 {
    width: 15%;
    padding-left: 0px;
    margin-left: 0px;
  }
  
  #currentPoints_title_bold {
    font-weight: bold;
    width: 29%;
    float: left;
    height: 15px;
    font-size: 13px;
    text-align: center;
    margin-right: 5px;
    margin-left: 0px;
    border: 1px solid #1F8AF5;
    border-radius: 5px;
    padding: 4px;
    padding-left: 5px;
    clear: both;
    margin-left: 3%;
  }
  
  #coursesSearch_wrapper {
    with: 100%;
    height: 100px;
    margin-top: 10px;
    border: 1px solid #3D84CC;
    padding: 3px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    font-size: 12px;
  }
  
  #college_link_bold {
    width: 12%;
  }
  
  #goIcon {
    width: 12%;
  }
  
  #course_title_bold {
    width: 50%;
    float: left;
    height: 17px;
    clear: right;
    text-align: right;
    margin-right: 5px;
    margin-left: 10px;
    font-weight: bold;
    font-size: 13px;
  }
  
  .CAOGuideImage {
    margin-left: 35%;
  }
  
  #careerImageHolder {
    width: 80%;
    margin-left: 30px;
  }
  
  #main_body {
    width: 97%;
    padding: 3px;
  }
  
  .empTrends {
    margin-left: 35px;
  }
  
  #topkeep #careerBtnRow {
    width: 100%;
    height: 20px;
    margin-bottom: 15px;
  }
  
  #featuredProduct_458 {
    margin-top: -2px;
  }
  
  #apprenticeMenu {
    width: 90%;
    margin-left: 15px;
  }
  
  #appRightHeading {
    display: none;
  }
  
  #section0_top {
    //width: 93%;		JC
    padding: 4px;
    padding-left: 10px;
  }
  
  #section_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section1_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section2_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section3_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section4_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section5_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section6_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section7_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section8_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section9_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section10_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section11_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section12_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section13_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section14_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section15_top {
    width: 93%;
    padding: 4px;
    padding-left: 10px;
  }
  
  #section_sub_menu {
    /*width: 95.5%;*/
    height: 25px;
    color: black;
    font-size: 10px;
    padding-left: 5%;
    overflow: hidden;
    padding: 4px;
  }
  
  #workEmploymentTable td strong {
    font-size: 10px;
  }
  
  #midcontent #workEmploymentLists ul li {
    margin-left: -30px;
  }
  
  #newCoursesOuterBox {
    padding-top: 20px;
  }
  
  .mobileHiding {
    display: none;
  }
  
  #college_title_bold2 {
    width: 70%;
    float: left;
    padding-top: 13px;
    height: 20px;
    text-align: left;
    margin-left: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  
  #college_title_bold3 {
    width: 70%;
    float: left;
    padding-top: 13px;
    height: 20px;
    text-align: left;
    margin-left: 12px;
    margin-bottom: 10px;
    margin-top: 10px;
  }
  
  #headingText3_left {
    width: 70%;
    height: auto;
    padding: 5px;
    margin-left: 10px;
  }
  
  #plcCourseForm {
    width: 290px;
  }
  
  #searchTableWrap {
    display: none;
  }
  
  #surroundCaption {
    width: 100%;
    float: left;
    position: relative;
    clear: both;
  }
  
  #midcontent_video {
    text-align: center;
    margin-left: 42px;
  }
  
  #midcontent_video {
    width: 93%;
    height: auto;
    background: white;
    margin-left: 10px;
    padding: 0px;
    float: left;
    clear: right;
    margin-top: 10px;
  }
  
  #surroundCaption {
    width: 284px;
    display: block;
    background: white;
    clear: both;
    padding-left: 14px;
  }
  
  hr {
    margin-top: 30px;
  }
  
  .sp-thumbnail-image {
    width: 50%;
    clear: both;
    display: block;
  }
  
  .sp-thumbnail-text {
    display: inline;
    background: white;
    width: 45%;
    clear: right;
    line-height: 11px;
  }
  
  .sp-thumbnail-description {
    background: white;
    font-size: 8px;
    color: #474747;
    font-weight: normal;
    width: 55px;
    float: left;
    clear: right;
    height: 80px;
    margin-top: -5px;
    padding-top: 2px;
  }
  
  .sp-thumbnail-text-1 {
    display: inline;
    background: #F0F0F0;
    width: 45%;
    clear: right;
    float: left;
    padding: 5px;
  }
  
  .sp-thumbnail-description-1 {
    background: #F0F0F0;
    font-size: 8px;
    color: #474747;
    width: 50px;
    font-weight: normal;
  }
  
  .sp-mainCaption-1 {
    width: 95%;
    display: inline-block;
    padding-top: 10px;
    font-style: italic;
    font-size: 14px;
  }
  
  .sp-thumbnail-image-container img {
    width: 35px !important;
  }
  
  .sp-thumbnail-image-container img {
    height: 50px !important;
    float: right;
    clear: right;
  }
  
  #zone_tableSubject {
    width: 75%;
    height: 33px;
    background: #487B7C;
    text-align: center;
  }
  
  #subjectsLinks_1 {
    width: 95.1%;
    background: #B4D2D3;
    padding: 5px;
    float: left;
    text-align: left;
    padding-left: 10px;
  }
  
  #schoolBackBtn {
    width: 305px;
    border: 1px solid #487B7C;
    height: 30px;
    color: #487B7C;
    margin-top: 12px;
    font-weight: bold;
  }
  
  #subjectNews1 {
    height: 200px;
  }
  
  #subjectNews2 {
    height: 485px;
  }
  
  #subjectNews3 {
    height: 450px;
  }
  
  #schoolSubjectsPadding {
    font-size: 12px;
    vertical-align: top;
  }
  
  #schoolSubjectsPadding {
    width: 86px;
    margin-left: 5px;
    margin-right: 5px;
  }
  
  #wrap {
    width: 100%;
    height: auto;
    position: absolute;
    background: lightgray;
    padding: 5px;
    margin: 0 auto;
  }
  
  #outerWrap {
    padding: 0px;
  }
  
  #outerWrap ul li {
    background: none;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
    list-style: none;
    font-size: 14px;
    line-height: 22px;
  }
  
  #oneR {
    width: 92%;
    background: #006699;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    clear: right;
    margin-left: 0px;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #twoR {
    width: 92%;
    background: #666699;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    color: lightgray;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #threeR {
    width: 92%;
    background: #558F72;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    color: lightgray;
    font-size: 13px;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #fourR {
    width: 92%;
    background: #558F72;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    font-size: 13px;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #fiveR {
    width: 92%;
    background: #197390;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    border-left-top-radius: 2em;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #sixR {
    width: 92%;
    background: #E68A00;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #sevenR {
    width: 92%;
    background: #E64016;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #eightR {
    width: 92%;
    background: #E68A00;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #nineR {
    width: 92%;
    background: #666699;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #tenR {
    width: 92%;
    background: #666699;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #elevenR {
    width: 92%;
    background: #558F72;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #tweleveR {
    width: 92%;
    background: #006699;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #thirteenR {
    width: 92%;
    background: #E65C00;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #fourteenR {
    width: 92%;
    background: #E65C00;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #fifthteenR {
    width: 92%;
    background: #E64016;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #sixteenR {
    width: 92%;
    background: #669966;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #seventeenR {
    width: 92%;
    background: #E65C00;
    padding: 10px;
    border-bottom-right-radius: 2em;
    border-left-top-radius: 2em;
    border-top-left-radius: 2em;
    height: 240px;
    line-height: 20px;
    float: left;
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
    font-size: 13px;
    color: lightgray;
    font-family: Arial, Helvetica, sans-serif;
  }
  
  #career_headingSectors {
    /*width:297px;					JC */
  }
  
  #career_headingSectorsProfile {
    width: 296px;
  }
  
  #toggle_para-17 {
    width: 284px;
    padding: 4px;
    border: none !important;
  }
  /*            Keep for before and after reference

#toggle_para-17:before {
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
border: solid 3px;
border-color: #1F8AF5 #1F8AF5 transparent transparent;
bottom: 0;
bottom: 0px;
top: 305px;
left: 9px;
}
#toggle_para-17:after {
content: '';
display: block;
height: 0;
position: absolute;
width: 0;
border: solid 3px;
border-color: #1F8AF5  transparent transparent #1F8AF5  ;
bottom: 0;
bottom: 0px;
top: 304px;
left: 309px;
}*/
  
  #toggle_para-18 {
    width: 92%;
    padding: 4px;
    border: none !important;
  }
  
  #toggle_para-19 {
    width: 92%;
    padding: 4px;
    border-top: none !important;
  }
  
  #thevid {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 30px;
    display: inline;
    margin-left: 0px;
  }
  
  #changeTheVid {
    width: 100%;
    height: auto;
    position: relative;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 30px;
    display: inline;
    margin-left: 0px;
  }
  
  .topvideoshow2 {
    width: 98%;
    height: 35px;
    background: #65AFFA;
    font-weight: bold;
    border: 1px solid lightgray;
    box-shadow: 2px 2px 4px;
  }
  
  .topvideoshowText2 {
    font-size: 11px;
  }
  
  #profileTextBox {
    width: 75%;
    float: left;
    padding: 5px;
    color: #474747;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub {
    width: 302px;
  }
  
  #subject_heading_sectors {
    width: 96.8%;
  }
  
  #sectorSubHeadingRight {
    width: 98.4%;
  }
  
  <!--- sector useful links ------> .col {
    margin: 1% 0 1% 0%;
  }
  
  .span_3_of_3,
  .span_2_of_3,
  .span_1_of_3 {
    width: 31%;
  }
  
  .group {
    font-size: 11px;
  }
  
  #topKeep form img {
    margin-left: 40px;
  }
  
  .coursePlc_SectorHeading {
    font-size: 16px;
    white-space: nowrap;
  }
  
  #sectorWrap {
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    float: left;
    margin-left: -5px;
  }
  
  #sectorHeadingImage_1 {
    width: 100%;
    float: left;
  }
  
  #sectorCollectionImages {
    width: 100%;
    float: left;
  }
  
  #headingText5_left {
    width: 100%;
    float: none;
    margin-top: 10px;
  }
  
  #career_headingSectors3 {
    width: 96.6%;
    font-size: 22px;
  }
  
  #btn_wrapper_Sectors {
    width: 305px;
    margin-top: 10px;
  }
  
  #btn_wrapper_SectorsProfile {
    width: 99%;
    margin-top: 10px;
  }
  
  #btn_wrapper_SectorsCAO {
    width: 99.2%;
  }
  
  #courseAllWrapperCAO {
    display: none;
  }
  
  #centerVideoPanal {
    width: 92%;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  
  #centerVideoPanal2 {
    width: 92%;
    height: auto;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  
  #VideosSectorHeadings {
    width: 92%;
    padding: 10px;
    background: #1F8AF5;
    color: white;
    font-size: 14px;
    margin-top: 20px;
  }
  
  #sectorVideoHeading {
    width: 96.4%;
  }
  
  #jhVideoDetails {
    width: 95%;
    background: #1F8AF5;
    height: auto;
    padding: 10px;
    color: white;
    margin-top: 10px;
  }
  
  #jhVideoDetails1 {
    width: 280px;
    background: 156FD1;
    height: auto;
    padding: 10px;
    color: white;
    margin-top: 40px;
  }
  
  #jhVideoDetails2 {
    width: 279px;
    background: #1F8AF5;
    height: auto;
    padding: 0px;
    padding: 10px;
    color: white;
    margin-top: 10px;
  }
  
  #midcontent_long {
    width: 93%;
    height: auto;
    background: white;
    margin-left: 10px;
    padding: 0px;
    float: left;
    clear: right;
    margin-bottom: 20px;
  }
  
  #jhTable {
    padding: 0px;
    overflow: hidden;
  }
  
  #midcontent_long1 {
    width: 93%;
    height: auto;
    background: white;
    margin-left: 15px;
    padding: 0px;
    float: left;
    clear: right;
  }
  
  #image_Stoggle_sm_Sectors_sub_Questions {
    width: 100%;
    height: 85px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #65AFFA;
    padding-top: 3px;
    border: 1px solid#65AFFA;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsInsights {
    width: 100%;
    height: 45px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #1F8AF4;
    padding-top: 3px;
    border: 1px solid #1F8AF4;
    padding-top: 10px;
    color: white;
    font-size: 14px;
    margin-left: -4px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile {
    width: 297px;
    height: 35px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #1F8AF5;
    padding-top: 3px;
    border: 1px solid #1F8AF5;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfileExtra {
    width: 100%;
    font-size: 16px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile_job {
    width: 297px;
    height: 35px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #1F8AF5;
    padding-top: 3px;
    border: 1px solid #1F8AF5;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile2 {
    width: 297px;
    height: 65px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #65AFFA;
    padding-top: 3px;
    border: 1px solid #65AFFA;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsProfile3 {
    width: 297px;
    height: 65px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    background: #65AFFA1;
    padding-top: 3px;
    border: 1px solid #65AFFA;
    padding-top: 10px;
    color: white;
    font-size: 14px;
  }
  
  #image_Stoggle_sm_Sectors_sub_QuestionsExpert {
    width: 290px;
    height: 85px;
    padding-bottom: 1px;
    position: relative;
    text-align: left;
    padding-top: 3px;
    padding-top: 10px;
    color: white;
    font-size: 14px;
    //margin-left:-5px;  JC
  }
  
  .questionAnswerSectorVideo {
    margin-left: 0px;
    margin-left: 0px;
    display: inline-block;
    white-space: normal;
    height: 60px;
    float: left;
    clear: right;
    width: 65%;
    margin-left: 10px;
  }
  
  #VideosSectorHeadings2 {
    width: 93.8%;
    padding: 10px;
    background: #1F8AF5;
    color: white;
    font-size: 14px;
  }
  
  #VideosSectorHeadings3 {
    width: 93.9%;
    margin-bottom: 5px;
  }
  
  #centerCareerVids {
    float: left;
    padding-left: 0px;
  }
  
  #opacityElement {
    width: 288px;
    height: 110px;
    background: black;
    opacity: 0.3;
    z-index: 2;
    float: left;
    position: absolute;
    top: 839px;
  }
  
  #opacityTextOver {
    color: white;
    padding: 10px;
    padding-left: 10px;
    font-size: 20px;
    width: 260;
    height: 180px;
    z-index: 4;
    float: left;
    color: blackk;
    position: relative;
    top: 0px;
  }
  
  .sectorHeaddingText {
    font-size: 26px;
  }
  
  .sectorHeadingTextImage {
    font-size: 12px;
    margin-top: -10px;
  }
  
  #topSectorImage {
    height: 163px;
    width: 288px;
    background-image: url('images/clients/images/0.jpg');
    background-size: 288px 163px;
    background-repeat: no-repeat;
  }
  
  #topSectorImage img {
    display: none;
  }
  
  #opacityElement {
    display: none;
  }
  
  #opacityTextOver {
    padding: 10px;
    padding-left: 5px;
    font-size: 20px;
    width: 280px;
    height: auto;
    float: left;
    position: relative;
    top: 0px;
    background: #e6e6e6;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: -10px;
  }
  
  .sectorHeaddingText {
    font-size: 14px;
    color: #474747;
  }
  
  .sectorHeadingTextImage {
    font-size: 12px;
    margin-top: -10px;
    color: #474747;
  }
  
  #topSectorImage {
    display: none;
  }
  
  #topSectorImage img {
    display: none;
  }
  
  #videoSlider {
    background: #65AFFA;
    padding: 1px;
  }
  
  #toggleText {
    padding-left: 0px;
  }
  
  #showMobile_Client_Banner_Profile {
    width: 288px;
    background: #EBEBEB;
    height: auto;
    padding: 5px;
    font-size: 12px;
    display: block;
    margin-top: -10px;
  }
  
  .videoTextLinks1 {
    color: #1F8AF5;
  }
  
  #jobholder_sector_Questions_wrapper {
    margin-top: -15px;
  }
  
  .video_profile_text {
    font-size: 11px;
    font-weight: bold;
  }
  
  ..sp-thumbnail-image-container {
    background: #1F8AF5;
    width: 100px;
  }
  
  #float_content_right {
    /* margin-right: 21px; */
    /*margin-left:-10px;*/
  }
  
  #subSect_Name {
    text-align: left;
  }
  
  #subSect_Name2 {
    text-align: left;
  }
  
  #sectorSubHeadingRight3 {
    width: 98.2%;
  }
  
  #subSect_Name1 {
    text-align: left;
  }
  
  #sectorSubHeadingRight3 {
    width: 98.2%;
  }
  
  #myContent9 table {
    width: 99.7%;
  }
  
  #careersectorWrapper {
    margin-bottom: 16px;
  }
  
  [id^=myContent] {
    width: 296px;
  }
  
  #insightsHeadin {
    height: 70px;
  }
  
  #sectorOccInfo {
    width: 289px;
  }
  
  #sectorOccInfo ul {
    padding-left: 0px;
  }
  
  .jhVideoHeading3 {
    margin-left: 0px;
    font-size: 17px;
    font-weight: bold;
  }
  
  #lideBarRemove {
    display: none;
  }
  
  .noShowing {
    display: block;
  }
  
  .goHalf {
    width: =100%;
  }
  
  #clientLogoMobile {
    width: 90% !important;
    margin: 0 auto;
    margin-left: 10px
  }
  
  #careerSkillsRight {
    width: 49%;
    float: left;
    clear: both;
    margin-top: 20px;
  }
  
  #listingImage {
    width: 222px !important;
    margin-top: -10px;
  }
}

/**@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : portrait) { 
    //iPhone 6 Portrait
	
}


@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (orientation : landscape) { 
    //iPhone 6 landscape
}*/



/* ******* Partners page *** Sol * NOV 18 ******* */

.partners-title {
  font-size: 2em;
  width:948px;
  font-weight: bold;
  margin-top: 75px;
  color: #191919;
  border-bottom: 5px solid #191919;
  padding-bottom: 15px;
}

.partners-links {
  width: 949px;
  text-align: center;
  margin: -20px 0 0px;
  padding: 1px 0;
  box-sizing: border-box;
}

.partners-links ul {
  padding-left: 0 !important;
}

.partners-links ul li {
  display: inline-block;
  list-style-type: none;
  color: #7BC6EF;
  font-size: 30px;
  padding: 0 9px 0;
}

.partners-links ul li:first-child {
  padding-left: 0;
}

.partners-links ul li:last-child {
  padding-right: 0;
}

.partners-links ul li a {
  color: #7BC6EF;
}

.partners-links ul li a:hover {
  color: #b7dff5;
}

.partners-container {width: 988px;}

.partners-container h2 {
  color: #B1B1B1;
  font-size: 2em;
}

.partners-image-container {
  display: inline-block;
  width: 24%;
  position: relative;
  vertical-align: bottom;
}

.partners-image {
  width: 222px;
  height: 101px;
  position: relative;
  border: 2px solid #F3F3F3;
  vertical-align: middle;
}

.partners-image img {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  height: 100%;
}

.partners-name{
  position: absolute;
  left: -1px;
  right: 0;
  top: -1px;
  margin: 0 auto;
  text-align: center;
  background-color: #1A1A1A;
  color: #FFF;
  font-size: 16px;
  font-weight: bold;
  opacity: 0;
  transition: 0.1s ease-in-out;
  width: 224px;
  height: 103px;
  display: table;
  box-sizing: border-box;
  padding: 20px;
  letter-spacing: .5px;
}

.partners-name:hover {opacity: 1;}

.partners-name span {
  display: table-cell;
  vertical-align: middle;
  cursor: default;
}

.partners-content br {
  padding-top: 50px;
  display: block;
  content: "";
}

@media screen and (max-width: 1020px) {
  .partners-title {width: 728px;}
  .partners-links {width: 725px;}
  .partners-links ul li {padding: 0 4.5px 0}
  .partners-container {width: 768px;}
  .partners-image-container {width: 32%;}
}

@media screen and (max-width: 770px) {
  .partners-title {width: 460px;}
  .partners-links {width: 430px;}
  .partners-links ul li {padding: 0 7px 15}
  .partners-container {width: 480px;}
  .partners-image-container {width: 48%;}
}


@media screen and (max-width: 480px) {
  .partners-container {width: 100%; padding-left: 25px;}
  .partners-image-container {width: 100%;}
    .partners-title {width: 270px; margin-left: 25px; }
  .partners-links {
    display: none;
    width: 297px; 
    text-align: left;
  }
  .partners-links ul li {
    padding: 0 20px 30px;
    font-size: 40px;
  }
  .partners-links ul li:first-child {
  padding-left: 20px;
}
}

/* myfuture client results - 28.3.17 */

#js--toggle {
	background: none;
	border: none;
	cursor: pointer;
	float: left;
	width: 37px;
}

/* in Focus sidebar box - 16.6.17 */
/*
#inFocusElement {
	position: relative;
	height: 108px;
}

#inFocusElement #sponsordLink {
	position: absolute;
	left: 0;
}

#inFocusElement a[href="profile.php?client_id=165&sector_id=16"] #sponsordLink {
	position: static;
}
*/

.in-focus-title {
  height: auto;

}

.in-focus {
  border: 1px solid #1F8AF5;

}

.in-focus img {
  width: 100%;
  height: auto;
  padding: 0 !important;
}

.in-focus a:last-of-type {
  text-align: center;
  padding: 1em !important;
  background: #eee;
	display: block;
}