/* id-css-devices.php?css=common+js-jquery-1-11-0+tabs&colour=69C4D9 */
/* generated fresh */


/* ##### Begin device "id-css-devices/common.css" ##### */

.margin-top-none {
	margin-top: 0px !important;
}

.margin-bottom-none {
	margin-bottom: 0px !important;
}

.margin-none {
	margin: 0px !important;
}

.padding-right {
	padding-right: 30px !important;
}

.padding-left {
	padding-left: 30px !important;
}

/* ##### Begin device "id-css-devices/js-jquery-1-11-0.css" ##### */

/* file does not exist or not readable */


/* ##### Begin device "id-css-devices/tabs.css" ##### */

div.tabbed-box {
  margin: 10px -10px;
  padding: 0px;
  overflow-x: hidden;
  position: relative; }
  div.tabbed-box > div {
    margin-top: 50px;
    border: 10px solid #766e67;
    padding: 20px;
    overflow-x: hidden; }
  div.tabbed-box > ul {
    position: absolute;
    left: -4px;
    right: -4px;
    margin: 0px !important;
    padding: 0px !important;
    height: 50px;
    overflow: hidden;
    list-style: none !important;
    background-color: #c6bfb6; }
    div.tabbed-box > ul li {
      float: left;
      width: 20%;
      margin: 0px !important;
      position: relative; }
      div.tabbed-box > ul li:nth-child(1) {
        z-index: 48; }
      div.tabbed-box > ul li:nth-child(2) {
        z-index: 47; }
      div.tabbed-box > ul li:nth-child(3) {
        z-index: 46; }
      div.tabbed-box > ul li:nth-child(4) {
        z-index: 45; }
      div.tabbed-box > ul li:nth-child(5) {
        z-index: 44; }
      div.tabbed-box > ul li a {
        text-align: center;
        color: #766e67;
        display: block;
        font-size: 16px;
        text-decoration: none;
        padding: 5px 10px 5px 10px;
        margin-right: -8px;
        background-repeat: no-repeat;
        background-position: right center;
        background-image: url("../graphics/id-css-devices/tabbed-box-mushroom-inactive-right-trans.png");
        *padding-top: 15px;
        *padding-bottom: 15px; }
        div.tabbed-box > ul li a:hover, div.tabbed-box > ul li a:focus {
          text-decoration: underline; }
      div.tabbed-box > ul li.ui-state-focus a {
        text-decoration: none !important; }
      div.tabbed-box > ul li.tab-end a {
        background-image: none !important;
        margin-right: 0px; }
      div.tabbed-box > ul li.ui-state-active a {
        color: white;
        background-color: #766e67; }
      div.tabbed-box > ul li.ui-state-active.tab-mid a, div.tabbed-box > ul li.ui-state-active.tab-start a {
        background-image: url("../graphics/id-css-devices/tabbed-box-mushroom-active-right.png"); }
    div.tabbed-box > ul a {
      display: table;
      text-align: center; }
      div.tabbed-box > ul a span {
        display: table-cell;
        vertical-align: middle;
        height: 40px;
        width: 500px; }
  div.tabbed-box.fourtabs > ul li {
    width: 25%; }
  div.tabbed-box.threetabs > ul li {
    width: 33.33%;
    *width: 33%; }

div.tabbed-box.bluetabs > div {
  border-color: #00aeef; }
div.tabbed-box.bluetabs > ul {
  background-color: #0864a5; }
  div.tabbed-box.bluetabs > ul li a {
    color: white;
    background-image: url("../graphics/id-css-devices/tabbed-box-blue-inactive-right-trans.png"); }
  div.tabbed-box.bluetabs > ul li.ui-state-active a {
    color: #2d2d2d;
    background-color: #00aeef; }
  div.tabbed-box.bluetabs > ul li.ui-state-active.tab-mid a, div.tabbed-box.bluetabs > ul li.ui-state-active.tab-start a {
    background-image: url("../graphics/id-css-devices/tabbed-box-blue-active-right.png"); }

div.tabbed-box.orangetabs > div {
  border-color: #fb8303; }
div.tabbed-box.orangetabs > ul {
  background-color: #f3bf88; }
  div.tabbed-box.orangetabs > ul li a {
    color: #2d2d2d;
    background-image: url("../graphics/id-css-devices/tabbed-box-orange-inactive-right-trans.png"); }
  div.tabbed-box.orangetabs > ul li.ui-state-active a {
    color: #2d2d2d;
    background-color: #fb8303; }
  div.tabbed-box.orangetabs > ul li.ui-state-active.tab-mid a, div.tabbed-box.orangetabs > ul li.ui-state-active.tab-start a {
    background-image: url("../graphics/id-css-devices/tabbed-box-orange-active-right.png"); }

@media screen and (max-width: 600px) {
  div.tabbed-box {
    margin: 0px; }
    div.tabbed-box > div {
      margin-top: 0px; }

  div.tabbed-box > ul {
    left: 0px;
    right: 0px;
    height: auto !important;
    position: relative; }
    div.tabbed-box > ul li {
      display: block;
      float: none;
      width: 100% !important;
      padding: 0px; }
      div.tabbed-box > ul li a {
        margin-right: 0px;
        margin-bottom: -8px;
        padding: 5px 5px 13px 5px;
        background-repeat: no-repeat;
        background-position: bottom center;
        background-image: url("../graphics/id-css-devices/tabbed-box-mushroom-inactive-down-trans.png"); }
        div.tabbed-box > ul li a span {
          width: 800px; }
      div.tabbed-box > ul li.ui-state-active.tab-mid a, div.tabbed-box > ul li.ui-state-active.tab-start a {
        background-image: url("../graphics/id-css-devices/tabbed-box-mushroom-active-down.png"); }

  div.tabbed-box.bluetabs > ul li a {
    background-image: url("../graphics/id-css-devices/tabbed-box-blue-inactive-down-trans.png"); }
  div.tabbed-box.bluetabs > ul li.ui-state-active.tab-mid a, div.tabbed-box.bluetabs > ul li.ui-state-active.tab-start a {
    background-image: url("../graphics/id-css-devices/tabbed-box-blue-active-down.png"); }

  div.tabbed-box.orangetabs > ul li a {
    background-image: url("../graphics/id-css-devices/tabbed-box-orange-inactive-down-trans.png"); }
  div.tabbed-box.orangetabs > ul li.ui-state-active.tab-mid a, div.tabbed-box.orangetabs > ul li.ui-state-active.tab-start a {
    background-image: url("../graphics/id-css-devices/tabbed-box-orange-active-down.png"); } }
div.tabbed-box-left {
  height: 400px;
  position: relative;
  margin: 0px;
  transition: margin-left 500ms, margin-right 500ms; }
  div.tabbed-box-left h4 {
    display: none; }
  div.tabbed-box-left div.tab-background {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 80%;
    background-size: auto 100%;
    background-position: center center;
    background-color: #766e67;
    background-image: none;
    -webkit-transition: background-image 1s ease-in-out;
    -moz-transition: background-image 1s ease-in-out;
    -o-transition: background-image 1s ease-in-out;
    transition: background-image 1s ease-in-out; }
  div.tabbed-box-left ul.tab-links {
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20%;
    width: 30%;
    background-color: #464646;
    box-shadow: inset 0px 0px 3px 0px #333333;
    margin: 0px !important;
    padding: 18px 0px 0px 0px !important;
    list-style: none !important; }
    div.tabbed-box-left ul.tab-links li {
      margin: 0px 0px -5px 0px !important;
      padding: 1px 0px; }
      div.tabbed-box-left ul.tab-links li a {
        padding: 10px 30px;
        font-size: 14px;
        font-weight: bold;
        display: block;
        text-transform: uppercase;
        color: white;
        text-decoration: none; }
        div.tabbed-box-left ul.tab-links li a:hover, div.tabbed-box-left ul.tab-links li a:focus {
          text-decoration: underline; }
      div.tabbed-box-left ul.tab-links li.ui-state-active a {
        background-color: white;
        color: black; }
        div.tabbed-box-left ul.tab-links li.ui-state-active a:hover, div.tabbed-box-left ul.tab-links li.ui-state-active a:focus {
          text-decoration: none; }
      div.tabbed-box-left ul.tab-links li a.video {
        background-image: 
url("../graphics/id-css-devices/tabbed-box-left-icon-video.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 30px auto;
        padding-right: 40px; }
  div.tabbed-box-left div.tab-content {
    padding: 15px 30px 30px 30px;
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0%;
    background-color: white;
    border-left-width: 5px;
    border-left-style: solid;
    font-size: 13px !important; }
    div.tabbed-box-left div.tab-content div.tab-bg {
      display: none; }
    div.tabbed-box-left div.tab-content h5 {
      font-size: 14px !important; }
    div.tabbed-box-left div.tab-content.col-cyan {
      border-color: #8cffff; }
    div.tabbed-box-left div.tab-content.col-green {
      border-color: #cce5a8; }
    div.tabbed-box-left div.tab-content.col-pink {
      border-color: #ce9ecc; }
    div.tabbed-box-left div.tab-content.col-orange {
      border-color: #f68e56; }
    div.tabbed-box-left div.tab-content.col-yellow {
      border-color: yellow; }
    div.tabbed-box-left div.tab-content.col-blue {
      border-color: #01aded; }
    div.tabbed-box-left div.tab-content.col-red {
      border-color: #e40121; }
    div.tabbed-box-left div.tab-content.col-peach {
      border-color: #f4b698; }
    div.tabbed-box-left div.tab-content.col-lilac {
      border-color: #d2a5d2; }
    div.tabbed-box-left div.tab-content.col-palepink {
      border-color: #e64e58; }
    div.tabbed-box-left div.tab-content.col-paleblue {
      border-color: #81bbf1; }
    div.tabbed-box-left div.tab-content.col-lavender {
      border-color: #d187e0; }
    div.tabbed-box-left div.tab-content.col-peasoup {
      border-color: #9cb536; }
    div.tabbed-box-left div.tab-content.col-palepeach {
      border-color: #f3caa9; }
    div.tabbed-box-left div.tab-content.col-palegreen {
      border-color: #d2e497; }
    div.tabbed-box-left div.tab-content.col-palegreen {
      border-color: #99e500; }
  div.tabbed-box-left.video div.tab-content {
    right: 0px;
    padding: 0px; 
}
  div.tabbed-box-left div.tab-content.video {
    right: 0px;
    padding: 0px !important; 
}

  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-cyan,
  div.tabbed-box-left h4.ui-state-active.col-cyan {
    background-color: #8cffff; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-green,
  div.tabbed-box-left h4.ui-state-active.col-green {
    background-color: #cce5a8; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-pink,
  div.tabbed-box-left h4.ui-state-active.col-pink {
    background-color: #ce9ecc; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-orange,
  div.tabbed-box-left h4.ui-state-active.col-orange {
    background-color: #f68e56; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-yellow,
  div.tabbed-box-left h4.ui-state-active.col-yellow {
    background-color: yellow; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-blue,
  div.tabbed-box-left h4.ui-state-active.col-blue {
    background-color: #01aded; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-red,
  div.tabbed-box-left h4.ui-state-active.col-red {
    background-color: #e40121; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-peach,
  div.tabbed-box-left h4.ui-state-active.col-peach {
    background-color: #f4b698; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-lilac,
  div.tabbed-box-left h4.ui-state-active.col-lilac {
    background-color: #d2a5d2; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-palepink,
  div.tabbed-box-left h4.ui-state-active.col-palepink {
    background-color: #e64e58; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-paleblue,
  div.tabbed-box-left h4.ui-state-active.col-paleblue {
    background-color: #81bbf1; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-lavender,
  div.tabbed-box-left h4.ui-state-active.col-lavender {
    background-color: #d187e0; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-peasoup,
  div.tabbed-box-left h4.ui-state-active.col-peasoup {
    background-color: #9cb536; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-palepeach,
  div.tabbed-box-left h4.ui-state-active.col-palepeach {
    background-color: #f3caa9; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-palegreen,
  div.tabbed-box-left h4.ui-state-active.col-palegreen {
    background-color: #d2e497; }
  div.tabbed-box-left ul.tab-links li.ui-state-active a.col-palegreen,
  div.tabbed-box-left h4.ui-state-active.col-palegreen {
    background-color: #99e500; }

div.tab-content > div.tabbed-box-left {
  margin: -20px; }

@media screen and (max-width: 800px) {
  div.tabbed-box-left {
    height: auto !important; }
    div.tabbed-box-left div.tab-background {
      display: none; }
    div.tabbed-box-left ul.tab-links {
      display: none; }
      div.tabbed-box-left ul.tab-links li {
        display: none; }
    div.tabbed-box-left div.tab-content {
      display: block;
      position: relative;
      left: 0;
      bottom: auto !important; }
    div.tabbed-box-left h4 {
      background: #464646;
      margin: 0px !important;
      padding: 10px 30px !important;
      font-size: 14px;
      font-weight: bold;
      display: block;
      text-transform: uppercase;
      color: white !important;
      text-decoration: none; }
      div.tabbed-box-left h4:hover, div.tabbed-box-left h4:focus {
        text-decoration: underline; }
      div.tabbed-box-left h4.ui-state-active {
        background-color: white;
        color: black !important; }
        div.tabbed-box-left h4.ui-state-active:hover, div.tabbed-box-left h4.ui-state-active:focus {
          text-decoration: none; }
      div.tabbed-box-left h4.video {
        background-image: url("../graphics/id-css-devices/tabbed-box-left-icon-video.png");
        background-position: right center;
        background-repeat: no-repeat;
        background-size: 30px auto;
        padding-right: 40px !important; }
    div.tabbed-box-left div.tab-content:not(.video) {
      padding-right: 200px;
      overflow: hidden; }
      div.tabbed-box-left div.tab-content:not(.video) div.tab-bg {
        display: block;
        position: absolute;
        top: 0px;
        right: 0px;
        width: 170px;
        height: 300px;
        background-size: auto 100%;
        background-position: center center;
        background-repeat: no-repeat;
        border-left: 5px solid #766e67;
        border-bottom: 5px solid #766e67; }
    div.tabbed-box-left div.tab-content.video {
      padding: 0px;
      height: 400px; } }
@media screen and (max-width: 600px) {
  div.tabbed-box-left div.tab-content.video {
    height: 250px; }
  div.tabbed-box-left div.tab-content:not(.video) {
    padding-right: 30px; }
    div.tabbed-box-left div.tab-content:not(.video) div.tab-bg {
      display: none; } }

/** gencore studyat **/

div.tabbed-box.studyat {
	background-color: #fff;
	margin-left: 1em;
	margin-top: 1em;
	margin-right: 0em;
}

div.tabbed-box.studyat > div {
	border-color: #645e58;
}

div.tabbed-box.studyat > ul li.ui-state-active a {
	background-color: #645e58;
}

  div.tabbed-box.studyat > ul li.ui-state-active.tab-mid a, 
  div.tabbed-box.studyat > ul li.ui-state-active.tab-start a {
    background-image: url("../graphics/id-css-devices/tabbed-box-studyat-generic-box-active-right.png"); }

    
@media screen and (max-width: 600px){
   	div.tabbed-box.studyat > ul li.ui-state-active.tab-mid a, div.tabbed-box.studyat > ul li.ui-state-active.tab-start a {
        background-image: url("../graphics/id-css-devices/tabbed-box-studyat-generic-box-active-down.png"); }
}




div.tabbed-box ul li span[class^="number"]:before {
	background-image: url("../graphics/id-css-devices/numbers-sprite-tabs.png");
	display: inline-block;
	width: 24px;
	height: 27px;
	content: " ";
	margin-right: 10px;
	vertical-align: middle;	
	margin-top: -3px;
}


div.tabbed-box ul li span.number-2:before {
        background-position: -30px 0px;
}
div.tabbed-box ul li span.number-3:before {
        background-position: -60px 0px;
}
div.tabbed-box ul li span.number-4:before {
        background-position: -90px 0px;
}
div.tabbed-box ul li.ui-tabs-active span.number-1:before {
        background-position: 0px -40px;
}
div.tabbed-box ul li.ui-tabs-active span.number-2:before {
        background-position: -30px -40px;
}
div.tabbed-box ul li.ui-tabs-active span.number-3:before {
        background-position: -60px -40px;
}
div.tabbed-box ul li.ui-tabs-active span.number-4:before {
        background-position: -90px -40px;
}