/* 
 * ---------------------------------------- *
 * Name: Primary Styles                     *
 * Type: CSS                                *
 * Version: Not Versioned                   *
 * Author: Codehouse LTD                    *
 * ---------------------------------------- *
 */

html { font-size: 100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {margin:0;font-size:13px;}
a { color: #ef0000;text-decoration:none; }
a:visited { color: #ef0000; }
a:focus { outline: thin dotted; }
a.chevron:after {content:" >";}
a:hover, a:active { outline: 0;text-decoration:underline;}
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
p {margin:0 0 10px 0}
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
legend { border: 0; *margin-left: -7px; padding: 0; }
label { cursor: pointer; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }

/* =============================================================================
   Primary styles
   Author: Krishna Corinaldesi, Codehouse Ltd
   ========================================================================== */

body, button, input, select, textarea { font-family:'Avenir Light', sans-serif; color: #333; }


/* Headings */
/*h1, h2, h3, h4 {font-family:"Arial",sans-serif;} */

h1 {font-size:1.786em;line-height:1em; }
h2 {font-size:1.480em;line-height:1.111em;}
h3 {font-size:1.180em;line-height:1.143em}

.read-more:after {content:" >";}

/* Theme Colours */
.blue, .blue a {background:#0088C2;color:#fff;}
.red, .red a {background:#E30613;color:#fff;}
.magenta, .magenta a {background:#D7007F;color:#fff;}
.yellow, .yellow a {background:#fc0;color:#000;}
.gray, .gray a {background:#D0D0D0;color:#fff;}
.grey-light, .grey-light a {background:#D0D0D0;color:#000;}
.grey-medium, .grey-medium a {background:#9d9d9c;color:#fff;}
.grey-dark, .grey-dark a {background:#646363;color:#fff;}
.orange, .orange a {background:#EF7D00;color:#fff;}

.blue a.button, .red a.button, .magenta a.button, .yellow a.button, .grey-light a.button, .grey-medium a.button, .grey-dark a.button, .orange a.button {padding:0 10px;display:inline-block;font-weight:bold;text-transform:uppercase;height:20px; font-size:0.714em;line-height:2em;background:#fff!important;color:#ef0000!important;border:none}

/* button*/
.button-link {padding:2px 10px 0 10px;display:inline-block;font-weight:bold;text-transform:none;height:19px; font-size:0.714em; line-height:2em}
/* cg-RTE.css */.button-link-red {padding:2px 10px 0 10px;display:inline-block;font-weight:bold;text-transform:none;height:19px; font-size:0.714em;line-height:2em;background:#ef0000!important;color:#fff!important;border:none}

.show-border {padding:10px;border:1px solid #ccc;} /* BUG C&G-6981 // Removed (margin: 10px 0;) */

/* Warning replaced box */
.replaced {margin:10px 0;font-size:0.786em; padding:3px 3px 3px 17px;border:1px solid #ef0000;font-weight:b
           ;background:url(../images/bg/bg-warning-triangle.png) no-repeat 4px 50%}

/* Forms */
.input-text {border:1px solid #ccc; padding:2px 4px; width:182px; font-size:0.917em; line-height:1.636em;height:22px;}
.oldie .input-text, .ie9 .input-text {padding:0 4px;}
.input-select {border:1px solid #ccc;padding:1px 0 1px 4px;width:182px;}

/* Server Error */
.server-error {background:#ffdfdf;border:1px solid #ff7575;padding:0 10px;margin:20px 10px;}

/* Layout */
#page {width:970px;margin:0 auto;}
#right-rail {width:230px;padding:0 10px; float:right;}

/* Common */
#sl2, #sl3, #sl8 {width:690px;padding:0 10px;float:left;}
#sl2 #splash, #sl8 #splash {margin-bottom:20px;}
#sl2 #splash-bottom { clear: both;}

/* SL1 */
#sl1 {width:720px;float:left;}
#sl1 h1 {padding-left:10px;}
#sl1 #left-rail {width:210px;padding:0 10px;float:left;}
#sl1 #home-content {width:450px;padding:0 20px;float:left;}
#home-content-left {width:270px;padding-right:30px; float:left;}
#home-content-right {width:150px;float:left;}
#home-content-bottom { clear: both;}

/* SL2 */
#sl2 #wide-content {width:370px;float:left;}
#sl2 #promo-rail {width:290px;float:right;}

/* SL3 Page */
#sl3 {margin-right:10px;}
#sl3 #narrow-content-left {width:210px;float:left;margin-right:30px;}
#sl3 #headline-article {width:450px;float:left;}

/* SL5 */
#sl5 {width:720px;float:left;}
#sl5 #left-rail {width:210px;padding:0 10px;float:left;min-height:1px;}
#sl5 #mid-content {width:450px;padding:0 20px;float:left;}

/* SL6 */
#sl6 {width:970px;}
#sl6 #left-wide-rail {width:400px;float: left;padding-left: 10px;}
#sl6 #right-wide-rail {width:540px;float: right;padding:10px 10px 0 10px;}

/* SL7 */
#sl7 {width:720px;float:left;}
#sl7 h1 {padding-left:10px;margin-top:0;}
#sl7 #narrow-left-rail {width:170px;padding:0 10px;float:left}
#sl7 #narrow-left-rail h3{margin-top:0}
#sl7 #narrow-left-rail #extra-content { margin-bottom: 20px;}
#sl7 #narrow-left-rail #extra-content h2 { font-size: 0.857em;line-height: 2.083em;margin: 0;text-transform: uppercase;}
#sl7 #content {width:520px;padding-right:10px; float:right;}

/* Root content*/
#root-content {background:url(../images/bg/bg-nav-gradient.png) repeat-x 0 0;padding-top:20px;}

/* Site map*/
#sitemap h1 {padding-left:10px;}
#sitemap a {color:#000;}

/* sl1*/
#sl1 #left-rail .image-text-widget img {width:210px;height:auto;}
#sl1 #right-rail .image-text-widget img {width:230px;height:auto;}

/* sl2 */
#sl2 #wide-content h1 {margin-top:0;}

/* #sl3 */
#masthead {margin-bottom:20px;}
#headline-article img {margin-bottom:20px;}

/* sl5 */
#sl5 h1 {margin-top:0;padding-left:10px;}
#sl5 #mid-content h1 {margin-top:0;padding-left:0;}

/* sl8 */
#sl8 h1 {font-size: 1.480em}
#sl8 h2 { font-weight: bold;font-size: 1.15em;margin-bottom: 7px;}
.sl8-right-rail { margin-top: 78px;} 
/*#sl8 h2 strong {font-weight:bold;}*/

/* Site Header
   --------------------------------- */

/* Header */
#header {position:relative;z-index:1;}

/* Logo */
#logo {float:left;margin:10px;}

/* Info Bar */
#info-bar {height:25px;background:#e6e6e6;position:relative;z-index:2;}
#info-bar ul {list-style:none;padding:4px 0 0 0;margin:0 0 0 10px;float:left;}
#info-bar li {float:left;}
#info-bar li a, #region-select .region-uk {padding:0 10px;display:block;color:#333;}

/* Site navigation */
#nav {clear:both;}
#nav #main-nav {background:#ef0000;}
#nav ul {list-style:none;margin:0;padding:0}
#nav li {float:left;text-align:center;line-height:20px;background:#ef0000;border-right:1px solid #fff;position:relative;z-index:1;}
#nav li a {display:block;color:#fff;font:0.857em/2.5em "Avenir Heavy",sans-serif;font-weight:bold;text-transform:uppercase}
#nav li:last-child {border-bottom: 0;}
.oldie #nav li.last {border:0}

#sub-nav {text-align:center;}
#sub-nav li {border:none;float:none;display:inline-block;}
#sub-nav li a {text-decoration:none; padding: 0px 10px !important;}
#sub-nav li a:hover {text-decoration:underline;}

/* Region list drop down */
ul#region-select {position:relative;margin:0;}
#region-list {position:absolute;top:20px;left:0;width:280px;background:#fff;border:1px solid #eaeaea;-webkit-box-shadow: 0px 1px 1px #ccc;-moz-box-shadow: 0px 1px 1px #ccc;box-shadow: 0px 1px 1px #ccc;}
#region-list {font-size:0.857em}
#region-list,#region-list dd, #region-list ul {margin:0;padding:0;list-style:none}
#region-list dt {margin:5px 0 5px 10px;}
#region-list dd ul{margin:0 0 5px 10px}
#region-list li {float:left; width:89px}
#region-list li a {padding:0;}
#region-select .region-uk {background:url(../images/bg/bg-location-toggle.png) no-repeat 100% 50%;padding:0 18px 0 10px;}

/* Breadcrumb
   --------------------------------- */
   
#breadcrumb {height:25px;margin:-5px 0 10px 0;padding:0 10px;list-style:none;clear:both}
#breadcrumb li {margin-right:5px; line-height:1em;display:inline}
#breadcrumb a {font-size:0.836em;font-weight:bold;color:#000;padding-right:6px;}
#breadcrumb .last a { color:#ef0000 }
#breadcrumb > li.last > span.sep { display: none; }

/* Site Footer
   --------------------------------- */

#footer {width:950px;margin:20px 10px 0 10px;}

.footer-row {padding:0 10px 10px 10px;border-top:1px solid #999; background:#f2f2f2}
.footer-row h3 {font:bold 1.5em/1em "Avenir Heavy", sans-serif;color:#666;}
.footer-row ul, .footer-row li {list-style:none;padding:0;margin:0;display:inline}
.footer-row ul {display:block;}
.footer-row li {margin-right:5px;}
.footer-row li.last {margin:0;}

.footer-links {padding:10px 20px 0 20px;margin-top:10px;}
.footer-links h3 {margin-top:0; font:bold 1.333em/1em "Avenir Heavy", sans-serif;}
.footer-links dl, .footer-links dt, .footer-links dd {margin:0;padding:0;}
.footer-links dl {width:25%;float:left;margin-bottom:10px;}
.footer-links dl a {font-size:1em;}
.footer-links dl a:before {content:"> "}
/*.footer-links dt a {font-weight:bold;}*/
.footer-links dt, .footer-links dd {margin-bottom:5px;}

#footer-base-links {clear:both}
#footer-base-links ul {margin:7px 0;padding:0;list-style:none;float:right;}
#footer-base-links li {float:left;border-left:1px solid #333;height:10px;line-height:0.833em;margin-left:10px;padding-left:9px;}
#footer-base-links li a {font-size:1em}
#footer-base-links li:first-child {border:none}

/* =============================================================================
   Header Search
   ========================================================================== */
   
#header-search {margin:20px 5px 10px 0;float:right;}
#search-tab-nav {margin:0;padding:0;list-style:none;}
#search-tab-nav li {background:#666;float:left;height:20px;margin-right:2px;}
#search-tab-nav li a {color:#fff;font: bold 0.786em/1.818em "Avenir Heavy",sans-serif;padding: 0 15px;text-transform: uppercase;}   
#search-tab-nav li a:focus,#search-tab-nav li a:visited {outline:none;}
#search-tab-nav li.active {background:#ef0000}

#header-search dt, #header-search dd {float:left;margin:0;color:#646464; }
#header-search dt {font-size:0.857em}
#header-search dt {padding-left:10px;width:85px;}
#header-search dd {margin-right:30px;}
#header-search label {height:15px; line-height:15px; padding-left:20px; font-size:0.857em; color:#646464}
#header-search input[type=radio] {display:none;}
#header-search input[type=radio] + label {background:url(../images/sprite/sprite-general.png) no-repeat -35px -67px;display:inline-block;}
#header-search input[type=radio]:checked + label{background:url(../images/sprite/sprite-general.png) no-repeat -35px -52px;display:inline-block;}
#header-search p {margin-top:5px;padding-top:5px;overflow:hidden; zoom:1}
#header-search p label {padding-left:10px;display:inline-block;width:85px;}
#header-search p * {float:left}
#header-search p a {float:right;margin-right:2px;}
.ie9 #header-search p a {margin-right:5px;}

/* overrides */
#header-search .centreTxtLocation, #header-search .allTxtLocation {width:352px!important;}
#header-search .centreTxtOffering {width:316px;}
#searchCourse .input-text {width:324px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#searchCentre, #searchCourse {display:none; }
#searchAll { }
#header-search .select-row { width: 460px; }
#header-search .select-row label {visibility:hidden}
#header-search .button-go {text-indent:-9999px;height:22px;width:32px;background:url(../images/sprite/sprite-general.png) no-repeat 0 -68px;}
#header-search .button-go:focus {outline:none;}
 .clicked {  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";

  /* IE 5-7 */
  filter: alpha(opacity=10);

  /* Netscape */
  -moz-opacity: 0.1;

  /* Safari 1.x */
  -khtml-opacity: 0.1;

  /* Good browsers */
  opacity: 0.1;}

/* browser specifics */
.oldie #header-search p {padding-top:0;}
.oldie #header-search input {display:inline-block;}
.oldie #header-search label {height:15px; line-height:15px; padding-left:5px; background-image:none;display:inline-block}
.oldie #header-search input[type=radio] + label {background:none;}
.oldie #header-search .centreTxtLocation, .oldie #header-search .allTxtLocation {width:361px}
.ie6 #header-search fieldset, .ie7 #header-search fieldset {padding-top:10px;}
.ie6 #header-search p label, .ie7 #header-search p label {float:left;}
.oldie #header-search p label {margin-left:5px;}
.ie6 #header-search p input, .ie7 #header-search p input  {float:left;}

/* =============================================================================
   Qualification Tabs
   ========================================================================== */
   
#qualification-tabs {margin:20px 0}
#tab-nav {margin:0;padding:0;list-style:none;}
#tab-nav li {height:20px;background:#666;float:left;margin-right:2px;}
#tab-nav li.active{background:#007dbc}
#tab-nav a {padding:0 15px; font:0.917em/1.818em "Avenir Medium",sans-serif;text-transform:uppercase;font-weight:bold;color:#fff;}
#tab-nav a:focus {outline:none}
#tab-content {padding:15px 19px 8px 19px;border:1px solid #999;border-top:5px solid #007dbc;background:url(../images/bg/bg-nav-gradient.png) repeat-x 0 -2px;}

.levels dd {margin:0;}
.levels > dt {line-height:1.2em;border-bottom:1px solid #ccc;}
.levels > dd {line-height:1.667em;border-bottom:1px solid #ccc;}
.levels .pathway {line-height:1.2em;font-weight:bold;margin:4px 0 0 15px;}
.levels .pathway-child {margin:0 0 0 30px;}

.apprenticeship dt:first-child {margin:0;}
.apprenticeship dt a {font-weight:bold;color:#000;}
.apprenticeship > dt {border:none;margin-top:10px;}
.apprenticeship > dd {margin-bottom:10px;}
.apprenticeship .pathway {border-bottom:1px solid #ccc;margin:0;}
.apprenticeship .component-title {margin:0;font-weight:bold;padding-top:4px;}

#tab-content .help-icon {width:10px;height:9px;background:url(../images/sprite/sprite-general.png) no-repeat -40px 0;float:right;margin-top:5px;position:relative;display:block;z-index: 1;}
#tab-content .help-text-wrap { background: #f00; }
#tab-content .help-text {border:1px solid #999;background:#fff;padding:5px 10px;position:absolute;bottom:17px;left:3px;width:180px; -webkit-box-shadow: 1px 1px 3px #666;-moz-box-shadow: 1px 1px 3px #666;box-shadow: 1px 1px 3px #666;}
#tab-content .help-text .point {display:block;height:11px;width:13px;background:url(../images/bg/bg-point.png);position:absolute;bottom:-11px;left:-2px;}
.oldie #tab-content .help-text .point {height:9px;width:9px;background:url(../images/bg/bg-point.gif);left:-1px;bottom:-9px;}

#tab-content h2 {margin-top:6px;}
#narrow-left-content, #narrow-right-content {float:left;width:310px;}
#narrow-right-content {margin-left:30px;}
#narrow-left-content .replaced {line-height:normal}

/* .ie7 .pathway-child { height: 15px;padding-bottom: 5px;padding-top: 5px;line-height: 0; vertical-align: top;}
.ie7 .pathway-child .help-icon{ float: right;position: relative;line-height: 1em;} */

/* =============================================================================
   Find a course
   ========================================================================== */

#find-course {margin:20px 0}
#find-course #tab-nav a.active {display:block; background:#007dbc}
#find-course #tab-content {height:560px;padding:10px;position:relative;z-index:1;overflow-x:hidden;overflow-y:scroll;}
#find-course #tab-content h2, #find-course #tab-content h3 {margin-top:0;}
#find-course #tab-content ul {list-style:none;margin:0;padding:0;}
#find-course #tab-content ul li a { background: url("../images/bg/bg-link-bullet-red.png") no-repeat 0 4px transparent;color:#333;display:block;padding-left: 10px;}
#find-course #tab-content .back-link {display:block;margin-bottom:10px;}
#find-course #tab-content > div { position: relative; }
#find-course #tab-content.loading,
#find-course #tab-content.loading a { cursor: wait; }

#tab-content #loading-mask {background: url(../images/sprite/grey-alpha-pixel.png); position:absolute;top:0;left:0;
                            -webkit-box-shadow: inset 0px 0px 20px 1px #333;
                            -moz-box-shadow: inset 0px 0px 20px 1px #333;
                            box-shadow: inset 0px 0px 20px 1px #333;
                            z-index:2}
#tab-content .apprenticeship #loading-mask  { width:350px; margin: -25px 0px 0px -20px; }
#tab-content .course-explorer #loading-mask { height: 580px;width: 350px;margin: 0; }
#loading-mask #loading-icon {width:220px;height:125px;background:url(../images/bg/loader.gif) no-repeat 0 0;position:absolute;top:50%;left:50%;margin:-90px 0 0 -110px;z-index:3}

.apprenticeship,
.course-explorer {
    position: relative;
}

/* =============================================================================
   Widgets
   ========================================================================== */
   
/* Widget */   
.widget h2 {margin:0;font-size:0.857em;line-height:2.083em; text-transform:uppercase}
.widget h2.blue, .widget h2.red, .widget h2.magenta, .widget h2.yellow, .widget h2.grey-light, .widget h2.grey-medium, .widget h2.grey-dark {padding-left:10px;}
.widget p {margin:10px 0;}
.widget h3 {margin-top:4px;}
.widget li > a, .widget dd > a {background:url(../images/bg/bg-link-bullet-red.png) no-repeat 0 4px;padding-left:10px;color:#333;display:block;font-weight: normal;}
.widget ul {margin:10px 0;padding:0;list-style:none}
.widget li {margin-bottom:5px;}
.widget dt {font-weight:bold;margin-bottom:5px;}
.widget dd {margin:0 0 5px 2px}
.widget a {color:#ef0000;}   

.widget a.button-submit:after {content: ""}
.widget a.button-submit {color:#333;border:1px solid #b0b0b0;padding:2px 6px;display:inline-block;background: #fdfdfd;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU0ZTQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background: -moz-linear-gradient(top,  #fdfdfd 0%, #e6e4e4 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e6e4e4));background: -webkit-linear-gradient(top,  #fdfdfd 0%,#e6e4e4 100%);background: -o-linear-gradient(top,  #fdfdfd 0%,#e6e4e4 100%);background: -ms-linear-gradient(top,  #fdfdfd 0%,#e6e4e4 100%);background: linear-gradient(top,  #fdfdfd 0%,#e6e4e4 100%);}
.oldie .widget a.button-submit {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e6e4e4',GradientType=0 );}
.widget a.button-submit:after {content: ""}
.widget a.button-submit:hover, .widget a.button-submit:visited {text-decoration:none;color:#333;}
.widget a.button-submit:focus {background:#ccc;background-image:none;}

/* Widget overrides */   
#narrow-right-content .widget h3 {margin:0;font-size:0.857em;line-height:2.083em;text-transform:uppercase;padding-left:10px;}
#narrow-right-content .search-widget input[type="text"] {float:left;width:200px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
#narrow-right-content .search-widget #geocode-validation {color:#dd0000;display:none;font-size:0.9em;font-style:italic;margin:10px 0 20px;}

/* Link widget / Text widget / Case study widget / Background-image-text-widget */   
.link-widget {margin-bottom:15px;}
.link-widget .white {padding:0;}
.case-study-widget, .events-widget  {padding-bottom:9px;margin-bottom:20px;border-bottom:1px solid #ccc;}
.text-widget  {padding-bottom:9px;margin-bottom:20px;}
.iframe-widget  {margin-bottom:20px;}
.related-apprenticeships-widget  {padding-bottom:9px;margin-bottom:20px;}
.qualification-siblins-widget  {padding-bottom:9px;margin-bottom:20px;}
.case-study-widget li {border-bottom:1px solid #ccc;padding-bottom:9px;margin-bottom:20px;}
.case-study-widget li.last {border:none;margin-bottom:0;padding-bottom:0;}
.for-learners-widget .input-text { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;height: 26px;line-height: 26px;}
.ie7 .for-learners-widget .input-text { width: 198px;}
.for-learners-widget.search-widget .button-link-red { clear: both;margin-top: 5px;}

.image-background-text-widget { margin-bottom: 15px; }
.image-background-text-widget .widget-content { padding: 10px; background-position: center center; background-repeat: no-repeat; }
.image-background-text-widget .widget-content .button { background: #FFFFFF !important; border: none; color: #EF0000 !important; display: inline-block; font-size: 0.714em; font-weight: bold; height: 20px; line-height: 2em; padding: 0 10px; text-transform: uppercase; }	
	
.image-background-text-widget.align-left .widget-content { text-align: left; }
.image-background-text-widget.align-center .widget-content { text-align: center; }
.image-background-text-widget.align-right .widget-content { text-align: right; }
	
.image-background-text-widget.align-top .widget-content { vertical-align: top; }
.image-background-text-widget.align-middle .widget-content { vertical-align: middle; }
.image-background-text-widget.align-bottom .widget-content { vertical-align: bottom; }
	
.image-background-text-widget.color-red .widget-content { color: #ef0000; }
.image-background-text-widget.color-white .widget-content { color: #ffffff; }	
.image-background-text-widget.color-black .widget-content { color: #333333; }	

/* Poll widget */  
.poll-widget { margin-bottom: 20px;}
.poll-widget input[type="radio"],
.poll-widget input[type="checkbox"] { display: none; }
.poll-widget ul li label { background: url("../images/sprite/sprite-general.png") no-repeat scroll -35px -67px transparent; display: inline-block; }
.poll-widget input[type="radio"]:checked + label, .poll-widget input[type="checkbox"]:checked + label { background: url("../images/sprite/sprite-general.png") no-repeat scroll -35px -52px transparent; display: inline-block; }
.oldie .poll-widget ul li label.checked { background: url("../images/sprite/sprite-general.png") no-repeat scroll -35px -52px transparent; display: inline-block; }
.poll-widget label { color: #646464; font-size: 0.857em; height: 15px; line-height: 15px; padding-left: 20px; }
.poll-result { display: block; padding-right: 40px; margin-top: 2px; }
.poll-result-bar { display: block; position: relative; height: 14px; background: #646363; }
.poll-results li:nth-child(2n+2) .poll-result-bar { background: #ffcc00; }
.poll-results li:nth-child(3n+3) .poll-result-bar { background: #e30613; }	
.poll-result-value { font-size: 11px; left: 100%; line-height: 14px; margin-left: 4px; position: absolute; }

/* Info widget */
.info-widget {background-color:#eaeaea;background-repeat:no-repeat;border:1px solid #ccc;padding:5px 10px 0px 45px;}

/* New widget*/
/*.news-widget h2 {font-size:1.286em;line-height:1.111em;}
.news-widget p {margin: 0 0 10px 0;}*/
.news-widget dl {margin:5px 0}
.news-widget dt {font-size:1em;font-weight:bold;margin-bottom:10px}
.news-widget dd {margin:0;border-bottom:1px solid #ccc;padding-top:10px;}
.news-widget dd img {float:left;width:90px;margin-right:10px;}
.news-widget dd.last {border:none;}
.news-widget .news-item {width:120px;padding-right:10px;float:left}

.news-widget.broadsheet-news h2 {font-size:1.286em;line-height:1.111em;}
.news-widget.broadsheet-news p { margin: 0 0 10px;}

/* Social widget */
#social-widget {margin:15px 0px}
.ie7 #social-widget {margin-top:0px}

/* Events widget and related products widget*/
.events-widget div { padding-top: 5px;}
.events-widget li, .related-products-widget li {border-bottom:1px solid #ccc;padding-bottom:9px;margin-bottom:20px;}
.events-widget li.last, .related-products-widget li.last {border:none;margin-bottom:0;padding-bottom:0;}

/* Twitter widget (full width) */
.twitter-widget { }
.twitter-widget .tweets {  height: 620px; background-repeat: no-repeat; background-position: center center; position: relative; font-weight: bold; color: #ffffff; overflow: hidden }
.twitter-widget .tweets ul { list-style-type: none; margin: 0px; padding: 0px; }
.twitter-widget .tweets .tweet-store { display: none;}
.twitter-widget .tweets .tweet-pos-1 { position: absolute; left: 0px; top: 0px; height: 0px; width: 0px; overflow: hidden; color: rgba(255,255,255,0); font-size: 0px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2 { height: auto; left: 35px; top: 40px; color: rgb(255,255,255); width: 520px; opacity: 0.6 }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2 small,
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2 .tweet-actions { font-size: 12px; line-height: 12px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2 .tweet-content { font-size: 20px; line-height: 20px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 { left: 80px; top: 165px; color: rgb(255,255,255); width: 760px;  opacity: 0.9 }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 small,
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions { font-size: 18px; line-height: 18px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-content { font-size: 44px; line-height: 40px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3.tweet-pos-4 { left: 35px; top: 480px; color: rgb(255,255,255); width: 520px; opacity: 0.6 }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3.tweet-pos-4 small,
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3.tweet-pos-4 .tweet-actions { font-size: 12px; line-height: 12px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3.tweet-pos-4 .tweet-content { font-size: 20px; line-height: 20px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3.tweet-pos-4.tweet-pos-5 {left: 0px; top: 620px; height: 0px; width: 0px; overflow: hidden; color: rgba(255,255,255,0); font-size: 0px; }
.twitter-widget .tweets .cycle-up,
.twitter-widget .tweets .cycle-down { outline: none; position: absolute; display: block; height: 0px; width: 0px; border-left: 18px solid transparent; border-right: 18px solid transparent; right: 40px; }
.twitter-widget .tweets .cycle-up { border-bottom: 30px solid #ffffff; border-bottom: 30px solid rgb(255,255,255); opacity: 0.8; top: 100px; }
.twitter-widget .tweets .cycle-down { border-top: 30px solid #ffffff; border-top: 30px solid rgb(255,255,255); opacity: 0.8; bottom: 70px; }
.twitter-widget .tweets .tweet-name { text-transform: uppercase; }
.twitter-widget .tweets .tweet-content { text-transform: uppercase; margin: 5px 0px; }
.twitter-widget .tweets .tweet-actions,
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3.tweet-pos-4 .tweet-actions { display: none; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions { display: block; float: right; font-size: 14px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li { display: inline; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a { color: #ffffff; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a i { display: block; float: left; margin: 1px 5px 0px 8px; background-image: url("../images/twitter-asset-sprite.png"); background-repeat: no-repeat; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-reply i { background-position: 0 0px; height: 13px; width: 18px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-retweet i { background-position: 0 -18px; height: 12px; width: 22px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-favourite i { background-position: 0 -36px; height: 15px; width: 16px; }
.twitter-widget .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a b { display: block; float: left; font-weight: normal; line-height: 17px; }
.twitter-widget .twitter-widget-content { padding: 25px 35px 30px 35px; background: #000000; overflow: hidden; }
.twitter-widget .twitter-widget-content .twitter-widget-title { width: 430px; float: left; font-size: 26px; color: #ffffff; text-transform: uppercase; font-size: 28px; font-weight: bold; line-height: 36px; }
.twitter-widget .twitter-widget-content .twitter-widget-title span { background-color: #ed1d24; display: inline-block; clear: both; padding: 0px 6px; margin-bottom: 4px; }
.twitter-widget .twitter-widget-content .twitter-widget-text { width: 430px; float: left; margin-left: 40px; color: #ffffff; font-size: 16px; }
.twitter-widget .twitter-widget-content .send-tweet { clear: both; display: block; border: 1px solid #ffffff; padding: 10px; color: #ffffff; font-size: 22px; background: url("../images/bg/twitter-bird-whiteonblack.png") bottom right no-repeat; min-height: 78px; text-decoration: none; }

/* Twitter widget themes */

.twitter-widget-content .send-tweet { background: none!important; }
.twitter-widget.blue { background: none!important; }
.twitter-widget.blue .tweets * { color: #0088C2; background-color: transparent!important; border-top-color: #0088C2; border-bottom-color: #0088C2; }
.twitter-widget.blue .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-reply i { background-position: -42px 0px; }
.twitter-widget.blue .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-retweet i { background-position: -42px -18px; }
.twitter-widget.blue .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-favourite i { background-position: -42px -36px; }

.twitter-widget.red { background: none!important;}
.twitter-widget.red .tweets * { color: #E30613; background-color: transparent!important; border-top-color: #E30613; border-bottom-color: #E30613; }
.twitter-widget.red .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-reply i { background-position: -147px 0px; }
.twitter-widget.red .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-retweet i { background-position: -147px -18px;  }
.twitter-widget.red .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-favourite i { background-position: -147px -36px; }

.twitter-widget.magenta { background: none!important;}
.twitter-widget.magenta .tweets * { color: #D7007F; background-color: transparent!important; border-top-color: #D7007F; border-bottom-color: #D7007F; }
.twitter-widget.magenta .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-reply i { background-position: -126px 0px; }
.twitter-widget.magenta .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-retweet i { background-position: -126px -18px;  }
.twitter-widget.magenta .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-favourite i { background-position: -126px -36px;  }

.twitter-widget.yellow { background: none!important; }
.twitter-widget.yellow .tweets * { color: #fc0; background-color: transparent!important; border-top-color: #fc0; border-bottom-color: #fc0; }
.twitter-widget.yellow .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-reply i { background-position: -168px 0px;  }
.twitter-widget.yellow .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-retweet i { background-position: -168px -18px; }
.twitter-widget.yellow .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-favourite i { background-position: -168px -36px; }

.twitter-widget.grey-light { background: none!important; }
.twitter-widget.grey-light .tweets * { color: #D0D0D0; background-color: transparent!important; border-top-color: #D0D0D0; border-bottom-color: #D0D0D0; }
.twitter-widget.grey-light .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-reply i { background-position: -63px 0px; }
.twitter-widget.grey-light .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-retweet i { background-position: -63px -18px; }
.twitter-widget.grey-light .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-favourite i { background-position: -63px -36px; }

.twitter-widget.grey-medium {background: none!important;}
.twitter-widget.grey-medium .tweets * { color: #9d9d9c; background-color: transparent!important; border-top-color: #9d9d9c; border-bottom-color: #9d9d9c; }
.twitter-widget.grey-medium .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-reply i { background-position: -105px 0px;  }
.twitter-widget.grey-medium .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-retweet i { background-position: -105px -18px;  }
.twitter-widget.grey-medium .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-favourite i { background-position: -105px -36px; ; }

.twitter-widget.grey-dark { background: none!important; }
.twitter-widget.grey-dark .tweets * { color: #646363; background-color: transparent!important; border-top-color: #646363; border-bottom-color: #646363; }
.twitter-widget.grey-dark .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-reply i { background-position: -84px 0px;  }
.twitter-widget.grey-dark .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-retweet i { background-position: -84px -18px; }
.twitter-widget.grey-dark .tweets .tweet-pos-1.tweet-pos-2.tweet-pos-3 .tweet-actions li a.tweet-favourite i { background-position: -84px -36px;  }


/* Trades widget*/

.trade-title-list .line-container .letter { margin-top: 10px; }
.trade-title-list .line-container:first-child .letter { margin-top: 0; }

.trade-teaser-list .trade-teaser {width: 100px;padding: 10px;float: left;}
.trade-teaser-list .trade-teaser a {text-decoration: underline;color: #333333;display: block;}
.trade-teaser-list .trade-teaser img { margin-bottom: 10px;}
.trade-title-list .trade-tile a, .trade-title-list .line-container .letter a { text-decoration: underline;color: #333333;}
.trade-teaser-list .line-container { clear: both; }
.trade-teaser-list .group-separator {background: url("../images/bg/bg-nav-gradient.png") repeat-x; height:1px;}
.trade-teaser-list .scLooseFrameZone
{
    float: left;
    width: 105px !important;   
}

/* toggle panel (faux accordions) */
.toggle-panel, .ajax-toggle-panel {border-bottom: 1px solid #cccccc;margin:10px 0 10px 0;padding-bottom:9px;}
.toggle-panel-last-child, .ajax-toggle-panel-last-child, .toggle-panel-last-item {border:none;margin-bottom:0;padding-bottom:0;}
.toggle-panel dt, .ajax-toggle-panel dt {font-weight:bold;cursor:pointer;}
.toggle-panel dt .toggle {width:10px;height:10px;float:left;margin:2px 5px 0 0;background-image:url(../images/sprite/sprite-general.png);background-position:-40px -10px; }
.toggle-panel dt.close .toggle {background-position:-40px -20px;}
.toggle-panel dd, .ajax-toggle-panel dd {padding-top:5px;margin:0;}
.toggle-panel ul, .toggle-panel ol, .ajax-toggle-panel ul, .toggle-panel ol { margin: 0;}
.toggle-panel ol, .ajax-toggle-panel ol { padding-left: 20px;}
.toggle-panel dd ul li, .ajax-toggle-panel dd ul li {background:url(../images/bg/bg-link-bullet-red.png) no-repeat 0 4px;padding-left:10px;color:#333;display:block;}

/* ajax toogle panel */
.ajax-toggle-panel a.toggle {text-indent: 15px; display: block; background-image:url(../images/bg/plus.png);background-repeat: no-repeat; background-position: left 2px; }
.ajax-toggle-panel .close .toggle { background-image:url(../images/bg/minus.png);background-repeat: no-repeat;}
.ajax-toggle-panel .toggle-panel .toggle {width:10px;height:10px;float:left;margin:5px 5px 0 0;background-image:url(../images/sprite/sprite-general.png);background-position:-40px -10px; }
.ajax-toggle-panel .toggle-panel dd p { margin: 0 0 0 15px;}
.ajax-toggle-panel .toggle-panel dd p a { color: #000000;}

/* nested toggle panels*/
.toggle-panel .toggle-panel, .ajax-toggle-panel .toggle-panel {margin:10px 0 0 15px;padding:0; border:none}

/* document icons */
#tab-content ul.document-list {padding:0;list-style:none}
.toggle-panel p.document-desc { margin: 0 0 10px 0; }
.document-list li {overflow:hidden;margin-bottom:3px;padding-bottom:3px;border-bottom:1px solid #ccc;}
.toggle-panel dd .document-list li { background: none;padding-left: 0;}
.document-list li a {float:left;display:block;width:200px;background:#fff;padding:2px 0 2px 5px;color:#333}
.document-list li em {float:right;display:block;color:#333;font-style:normal;}
.document-list li span {float:left;display:block;height:16px;width:16px;background:url(../images/sprite/sprite-general.png);background-repeat:no-repeat; background-position:-32px -36px}
.document-list li.pdf span {background-position:0 -20px}
.document-list li.doc span, .document-list li.docx span, .document-list li.rtf span {background-position:-16px -20px}
.document-list li.txt span {background-position:-16px -36px}
.document-list li.xls span, .document-list li.xlsx span {background-position:0 -36px}
.document-list li.ppt span, .document-list li.pptx span {background-position:0 -90px}
.document-list li.jpg span, .document-list li.gif span, .document-list li.bmp span, .document-list li.png span, .document-list li.vsd span {background-position:0 -52px}
.document-list li.rar span, .document-list li.zip span {background-position:-16px -52px}
.document-list li.mp3 span, .document-list li.wma span, .document-list li.wav span {background-position:-16px -90px}
.document-list li.avi span, .document-list li.mov span, .document-list li.wmv span, .document-list li.mpg span, .document-list li.mpeg span, .document-list li.flv span {background-position:-34px -90px}

/* search widget */
.oldie .search-widget input.input-text {float:left}
.widget p.poll-button-holder { clear: both;margin-top: 15px;}
.search-widget .button-link-red {float:right}
.ie7 .search-widget .button-link-red { float: left;}
.results-button { float: right; margin-top: 2px; }


/* divided search*/
.divided-search {border-bottom:1px solid #ccc;padding-bottom:19px;margin-bottom:20px;}
.divided-search h2 {padding-left:10px;margin-bottom: 5px;}
.divided-search .input-text {width:200px;margin:10px 0;height:20px;}
.divided-search .input-select {width:210px;}
.divided-search label {display: block;margin-bottom: 10px;}


/* Image text widget */
.image-text-widget {margin-bottom:15px;}
.image-text-widget .text-content {padding:5px 10px 10px 10px;}

/* Social Widget */
#social-widget p{width:50px;float:left;}
#___plusone_0 { width: 35px !important;}
#___plusone_0 iframe{ width: 26px !important;}



/* =============================================================================
   Results
   ========================================================================== */
#results-header h2 {margin-top:0px;font-size:1.167em;font-weight:normal; font-family: "Avenir Heavy", sans-serif;}
#results-header h2 strong {display:block; margin-top:4px}
#results-header h2 strong span {font-weight:normal;font-size:0.77  8em;}

#results-filter {border:1px solid #ccc;border-left:0;border-right:0;padding:7px 0;margin-bottom:20px;}
#results-filter dt, #results-filter dd {float:left;margin:0 10px 0 0;}
#results-filter dd a {color:#333;}   
#results-filter dd.active a {color:#ef0000;text-decoration:underline;}
   
.results-list {padding:0;margin:0; list-style:none} 
.results-list {margin-top:10px;}  
.results-list li {padding-bottom:19px;margin-bottom:20px;border-bottom:1px solid #ccc;}
.results-list li div:first-child { font-weight: bold; font-size: 1.1em}
.results-list li div {font-size:1em;}
.results-list li div span {font-weight:normal;}
.results-list li div a {color:#333;}
.results-list li div a:hover {text-decoration:none;}
.results-list li div span a {color:#ef0000;text-decoration:none;}
.results-list li div span a:hover, a:active {text-decoration:underline;outline: 0;}
.results-list li p { padding-top: 10px;}
.results-list li p a {text-decoration: underline; padding-left: 0.5em; }
.results-list b {font-weight:bold;}

/* =============================================================================
   Sliders
   ========================================================================== */

.slider-thumbs ul {list-style:none; padding:0; margin:0; }
.slider-thumbs a  {display:block;outline:none}
.slide-content {padding:10px; color:#fff;}
.slide-content p {line-height:16px;margin:0 0 10px 0;}
.slider-home, .slider-medium, .slider-small, .slider-tools {position:relative; z-index:1;clear:both;}
.slider {z-index:2}
.slider-thumbs {position:absolute; z-index:3; right:0;}
        
.bx-prev, .bx-next {display:block;outline:none; text-indent:-9999px; height:20px; width:20px; line-height:20px; position:absolute; top:50%; z-index:4; margin-top:-10px; background-image:url(../images/sprite/sprite-general.png); background-repeat:no-repeat;}
.bx-prev:focus, .bx-next:focus {outline:none}
.bx-prev {left:0; background-position:0 0;}
.bx-next {right:0; background-position:-20px 0;}
.bx-next.disabled , .bx-prev.disabled{display:none;}
        
.slider-home, .slider-home .slider, .slider-home .slide {height:280px;}
.slider-home {overflow:hidden;}
.slider-home .slider-thumbs { bottom:15px;}
.slider-home .slider-thumbs ul {width:240px;}
.slider-home .slider-thumbs li {font-size:1.429em; font-weight:bold;margin-bottom:5px;}
.slider-home .slider-thumbs a {padding:9px 9px 16px 9px;}
        
.slider-medium, .slider-small  {margin-bottom:20px;}        
.slider-medium, .slider-medium .slider, .slider-medium .slide {height:200px;}
.slider-small, .slider-small .slider, .slider-small .slide {height:150px;}

.slider-medium .slider-thumbs, .slider-small .slider-thumbs {bottom:10px;}
.slider-medium .slider-thumbs li , .slider-small .slider-thumbs li {float:left; width:10px; height:10px; line-height:10px; text-indent:-9999px;margin-right:10px;}
.slider-medium .slider-thumbs li a, .slider-small .slider-thumbs li a {background:#ccc;}
.slider-medium .slider-thumbs li.active a, .slider-small .slider-thumbs li.active a {background:#fff}

.slider-tools {padding-left:170px;width:200px;}
.slider-tools .slider {width:200px;}
.slider-tools, .slider-tools .slider, .slider-tools .slide {min-height:100px;}
.slider-tools .slider-thumbs {left:0; top:0}
.slider-tools .slider-thumbs ul {width:170px;}
.slider-tools .slider-thumbs li {margin-bottom:4px;background:#666;width:160px;}
.slider-tools .slider-thumbs li.active {background:#ef0000;width:170px}
.slider-tools .slider-thumbs a {text-transform:uppercase;color:#fff;padding:6px 10px;font-size:1em;font-weight:bold;}
.slider-tools .slide-content {border:1px solid #ccc;width:178px;color:#333}

/* slider overides */
#sl6 #right-wide-rail .slider-tools {padding-left:200px;margin-bottom:20px;width:350px;}
#sl6 #right-wide-rail .slider-tools .slider-thumbs ul,
#sl6 #right-wide-rail .slider-tools .slider-thumbs li.active {width:200px;}
#sl6 #right-wide-rail .slider-tools .slider-thumbs li {width:190px;}
#sl6 #right-wide-rail .slider-tools .slider {width:350px;}
#sl6 #right-wide-rail .slider-tools .slide-content {border:1px solid #ccc;width:328px;color:#333}

.slider-medium .four-images, .slider-medium .four-images-slide {padding:0;margin:0;list-style:none;overflow:hidden}
.slider-medium .four-images li, .slider-medium .four-images-slide li {float:left;margin-left:20px;}
.slider-medium .four-images li.first {margin:0;}
.slider-medium .four-images-slide li {margin-right:5px}
.slider-medium .four-images-slide li.first {margin-left:25px;}
.four-image-slider .bx-prev, .four-image-slider .bx-next {margin-top:-24px}

.ie6 .slider-home, .ie7 .slider-home {margin-bottom:15px;}

/* =============================================================================
   Topic Articles & News Listing
   ========================================================================== */

#topic-articles {clear:both;padding:19px 0 5px 0;margin:20px 0;border:1px solid #ccc;border-left:0;border-right:0;}
#topic-articles .topic-widget {width:210px;float:left;margin-right:30px;}
#topic-articles .topic-widget img {margin:10px 0;}
#topic-articles .last {margin:0;}

#news-listing ul {padding:0;margin:0;list-style:none;}
#news-listing li {padding-bottom:19px;border-bottom:1px solid #ccc;margin-bottom:19px;overflow:hidden}
#news-listing li h3 {margin-top:0;}
#news-listing li.image-listing img {float:left; }
#news-listing li.image-listing div {float:right;width:450px;}
#news-listing p:last-child {margin-bottom:0;}

/* =============================================================================
   Vacancies
   ========================================================================== */

#vacancices-list {}
#vacancices-list dl, #vacancices-list dd, #vacancices-list dl p{margin:0;}
#vacancices-list dl {border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px;}
#vacancices-list dt {margin-bottom:10px; }
#vacancices-list dd span {width:100px; display:inline-block}

#vacancy-details { margin-bottom: 20px;}
#vacancy-details p { margin-bottom: 4px ;}
#vacancy-details strong {width:120px;display:inline-block;}

/* =============================================================================
   Events
   ========================================================================== */

#event-left-info h3 {margin:0;font-size:0.857em;line-height:2.083em;text-transform:uppercase;}
#event-left-info h3.blue, #event-left-info h3.red, #event-left-info h3.magenta, #event-left-info h3.yellow, #event-left-info h3.grey-light, #event-left-info h3.grey-medium, #event-left-info h3.grey-dark {padding-left:10px;}
#event-left-info dt {font-weight:bold;}
#event-left-info dd {margin:0;}
#event-left-info ul {list-style:none;margin:10px 0;}
#event-facilities li, #target-audience li {overflow:hidden;line-height:30px;margin-bottom:10px;}
#event-facilities li img, #target-audience li img {float:left;margin-right:5px;}
#target-audience li img {margin-top:6px;}
#sl5 #mid-content #map-canvas {margin-top:10px;margin-bottom: 15px;}

/* =============================================================================
   Forms 
   ========================================================================== */

#page .scfForm {}
#page .scfTitleBorder,
#page .scfSectionLegend,
#page .scfSectionBorderAsFieldSet {margin:0;padding:0;border:0;}
#page .scfSectionLegend {padding:5px 0px;}
#page .scfSingleLineTextBorder,
#page .scfMultipleLineTextBorder,
#page .scfEmailBorder,
#page .scfTelephoneLabel,
#page .scfDropListBorder,
#page .scfCheckbox {overflow:hidden;padding:5px 0px;}
#page .scfRequired, 
#page .scfValidatorRequired {display:none;text-indent:-9999px;}
#page .scfCheckbox input {margin-right: 5px;}
#page .validation-error,
#page .scfValidationSummary {background:#ffdfdf;border:1px solid #ff7575;}
#page .scfValidationSummary,
#page .scfValidationSummary ul {margin:0;padding:0;list-style:none;}
#page .scfValidationSummary {padding:5px;margin:10px 0;width:450px}
#page .scfForm input[type=submit] {padding:0 10px;display:inline-block;font-weight:bold;text-transform:uppercase;height:20px; font-size:0.714em;line-height:2em;background:#ef0000!important;color:#fff!important;border:none}

/* =============================================================================
   Pop ups 
   ========================================================================== */
   
#overlay {background:#000;z-index:100;position:absolute;top:0;left:0;opacity:.5;}
#popunder {display:none; width:400px; background:#fff; z-index:101; box-shadow:0 0 50px #000}
#popunder #popheader {background:url(../images/bg/bg-nav-gradient.png) repeat-x bottom;padding-bottom:20px; }
#popunder h2 {margin:0;text-align:center;background:#ef0000;color:#fff;text-transform:uppercase;line-height:30px;}
#popunder #popcontent {padding:10px; margin-top:-10px}
#popunder #popbuttons {text-align:center;}
#popunder #popbuttons #yes {margin-right:10px;}

/* cross browser opacity patches*/
.oldie #overlay {filter: alpha(opacity=50)!important;}
.ie8 #overlay {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}

/* =============================================================================
   Social Widgets
   ========================================================================== */
.facebook.widget { margin-bottom: 20px;height: 400px;position: relative;}
.facebook.widget .facebook-feed { padding-bottom: 20px; float: left; }
.facebook.widget .facebook-feed h2 { line-height: 1.25em;padding: 6px;padding-right: 30px;margin-bottom: 12px;position: relative;min-height: 13px;}
.facebook.widget .facebook-feed h2 > span {background: url(/images/sprite/custom-social.png) -20px 0;width: 20px;height: 20px;position: absolute;right: 5px;top: 50%;margin-top: -10px;  }
.facebook.widget .facebook-feed p { margin: 0;  }
.facebook.widget .facebook-feed img {float: left; margin-right: 8px;margin-bottom: 6px;  }
.facebook.widget .facebook-feed .likes { clear: both;margin-top: 5px; font-style: italic  }

.widget.twitter-widget { margin-bottom: 20px; height: 400px; position: relative; }
.widget.twitter-widget .scrollable { height: 400px;}
.widget.twitter-widget .twitter-feed { float: left;width: 100%; }
.widget.twitter-widget .twitter-feed h2 { position: relative;background: #00aced; color: #fff; padding-left: 5px; }
.widget.twitter-widget .twitter-feed h2 > span {background: url(/images/sprite/custom-social.png); width: 20px; height: 20px; position: absolute;right: 5px;top: 50%;margin-top: -10px;  }
.widget.twitter-widget .twitter-feed > span { display: block; }
.widget.twitter-widget .twitter-feed > span.user { clear: both; }
.widget.twitter-widget .twitter-feed > span.username { margin: 5px 0; float:left;width: 100%; font-weight: bold }
.widget.twitter-widget .twitter-feed > span.id { display: none; }
.widget.twitter-widget .twitter-feed > span.tweet-text { margin-bottom: 10px;float:left;width: 100%;}
.widget.twitter-widget .twitter-feed  a.twitter-user {color: #777}

.widget.twitter-widget { padding: 10px; }
.widget.twitter-widget .loading { background: #0088C2; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; }
.widget.twitter-widget .loading img { position: absolute; left: 50%; top: 50%; margin-left: -45px; margin-top: -45px; width: 90px; height: 90px; z-index: 2; }
.sc-edit .widget.twitter-widget .loading { display: none;}
.widget.twitter-widget .scrollable .scrollbar { right: -4px;}
.widget.twitter-widget .twitter-feed { margin-bottom: 3px;}
.widget.twitter-widget .twitter-feed h2 { padding-left: 45px;font-size: 1.15em;padding-bottom: 3px;margin-bottom: 3px;}
.widget.twitter-widget .twitter-feed h2 > span { right: auto;left: 5px;background: url(/images/cg-sites/tweet.png) no-repeat 0 0;width: 32px;height: 26px;margin-top: -13px;}

.widget.twitter-widget,
.widget.twitter-widget .loading,
.widget.twitter-widget h2 {background:#00aced;}
.widget.twitter-widget.blue,
.widget.twitter-widget.blue .loading,
.widget.twitter-widget.blue h2 {background:#0088C2!important;}
.widget.twitter-widget.red,
.widget.twitter-widget.red .loading,
.widget.twitter-widget.red h2 {background:#E30613!important;}
.widget.twitter-widget.magenta,
.widget.twitter-widget.magenta .loading,
.widget.twitter-widget.magenta h2 {background:#D7007F!important;}
.widget.twitter-widget.yellow,
.widget.twitter-widget.yellow .loading,
.widget.twitter-widget.yellow h2 {background:#fc0!important;}
.widget.twitter-widget.gray,
.widget.twitter-widget.gray .loading,
.widget.twitter-widget.gray h2 {background:#D0D0D0!important;}
.widget.twitter-widget.grey-light,
.widget.twitter-widget.grey-light .loading,
.widget.twitter-widget.grey-light h2 {background:#D0D0D0!important;}
.widget.twitter-widget.grey-medium,
.widget.twitter-widget.grey-medium .loading,
.widget.twitter-widget.grey-medium h2 {background:#9d9d9c!important;}
.widget.twitter-widget.grey-dark,
.widget.twitter-widget.grey-dark .loading,
.widget.twitter-widget.grey-dark h2 {background:#646363!important;}

/* =============================================================================
   Scrollbar 
   ========================================================================== */
.scrollable { clear: both; }
.scrollable .viewport { width: 92%;height: 100%; overflow: hidden; position: relative; }
.scrollable .overview { list-style: none; position: absolute; left: 0; top: 0;width: 98%;}
.scrollable .scrollbar { position: relative; float: right; width: 15px; }
.scrollable .track { background-color: #f5f5f5; height: 100%; width:10px; position: relative; padding: 0 0 0 1px; }
.scrollable .thumb { height: 20px; width: 10px; cursor: pointer; overflow: hidden; position: absolute; top: 0; }
.scrollable .thumb .end { overflow: hidden; height: 5px; width: 10px; }
.scrollable .thumb .end, .scrollable .thumb { background-color: #ccc; }
.scrollable .disable{ display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }

/* =============================================================================
   Carousel Type 1 
   ========================================================================== */


/* =============================================================================
   Carousel Type 2
   ========================================================================== */


/* =============================================================================
   Non-semantic helper classes
   ========================================================================== */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none; visibility: hidden; }
.visible {display:block;visibility:visible;}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

.divider
{
    width: 1px;   
}
/* =============================================================================
   Print styles.
   ========================================================================== */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}
/* Find Course
******************************/

/* tabbed menu */
.find-course { width: 100%; }

.find-course .location-filter { float: left; width: 100%; clear: both; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; margin: 10px 0 23px 0; }
.find-course .location-filter span { font-weight: bold; float: left; padding: 10px 15px 10px 0; }
.find-course .location-filter span:after { content: ":";  }
.find-course .location-filter ul { list-style: none; padding: 0; margin: 0; }
.find-course .location-filter ul > li { float: left; padding: 10px 7px 10px 29px; background: url('../images/courses-and-qualifications/circle-marker.png') 10px 11px no-repeat transparent; }
.find-course .location-filter ul > li:hover { cursor: pointer;background-color: #F2F2F2;}
.find-course .location-filter ul > li.current { font-weight: bold; background: url('../images/courses-and-qualifications/circle-marker-current.png') 10px 11px no-repeat #e0e0e0; }
/* course widgets */
.location-contents { position: relative;min-height: 100px;clear: both;}
.location-contents > .loading { position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: block;background: url('../images/loading-medium.gif') 335px 40px no-repeat #fff;opacity: 0.8;filter: alpha(opacity=80);}
.find-course .row { width: 100%; float: left; }
.find-course .row .widget { overflow: hidden; float: left; width: 213px; margin-left: 25px; padding-bottom: 40px; }
.find-course .row .widget h2 { font-size: 0.9em; line-height: 1.2em; padding:11px 0 7px 0; }
.find-course .row .widget.first { margin-left: 0; }
.find-course .row .widget .img-container { position: relative; }
.find-course .row .widget h2 { position: absolute; top: 10px; left: 5px; padding: 5px; max-width: 193px; }
.find-course .row .widget p { margin: 5px 0; line-height: 1.38em; } 

.find-course .row.top .widget { border-bottom: 2px solid #e0e0e0; margin-bottom: 15px; }

.find-course .summary-txt { float: left; margin-top: 10px; }
.find-course .summary-txt h2 { font-size: 23px; margin: 0 0 11px 0; }
.find-course .summary-txt p { margin-bottom: 20px; }

/* course widget styles 
******************************/
/* white over image */
.find-course .row .widget.woi h2 { background: #FFF; color: #000; }
.find-course .row .widget.woi a { padding: 0 6px; display: inline-block; text-transform: uppercase; height: 20px; font-size: 0.75em; line-height: 2.2em; background: #E30613; color: #fff; border: none; margin-top: 5px;  }
.find-course .row .widget.woi a:after { content: " >";}

/* red over image */
.find-course .row .widget.roi h2 { background: #E30613; color: #FFF; }
.find-course .row .widget.roi a { float: left; border: none; margin: 5px 0 4px 0; }
.find-course .row .widget.roi a:before { content: "> "; }

/* red no image */
.find-course .row .widget.rni .img-container { position: static; float: left; }
.find-course .row .widget.rni .img-container img { display: none; }
.find-course .row .widget.rni h2 { position: static; background: #E30613; color: #FFF; }
.find-course .row .widget.rni a { float: left; border: none; margin: 5px 0 4px 0; }
.find-course .row .widget.rni a:before { content: "> "; }
.find-course .row .widget.rni p { float: left; }

/* white no image */
.find-course .row .widget.wni .img-container { position: static; float: left; }
.find-course .row .widget.wni .img-container img { display: none; }
.find-course .row .widget.wni h2 {text-transform: none;  position: static; background: none; color: #000; padding-left: 0; padding-right: 0; }
.find-course .row .widget.wni a { padding: 0 6px; display: inline-block; text-transform: uppercase; height: 20px; font-size: 0.75em; line-height: 2.2em; background: #E30613; color: #fff; border: none; margin-top: 5px;clear: both;}
.find-course .row .widget.wni a:after { content: " >"; }
.find-course .row .widget.wni p { float: left;clear: both; }

.find-course .row .widget a.disabled, .find-course .row .widget a.disabled:hover { color: #000;text-decoration: none;background: none;padding: 0;cursor: default;text-transform: none;font-size: 1em;}

/* Jump to navigation
******************************/
.jt-container { float: left; width: 690px; margin-bottom: 21px; }
.jt-container > span { font-weight: bold; font-size: 13px; float: left; min-width: 55px; }
.jt-container > ul { list-style: none; float: right; margin: 0; padding: 0; width: 635px; }
.jt-container > ul > li { float: left; padding: 0 10px; border-left: 1px solid #333; height: 12px; line-height: 12px; margin: 2px 0 3px 0; }
.jt-container > ul > li:first-child { border-left: none; }

/* tabbed content navigation
******************************/
.tabbed-nav { border-bottom: 1px solid #999999; float: left; width: 690px; margin-top: 20px; }
.tabbed-nav ul { list-style: none; float: left; margin: 0; padding: 0; height: 37px; }
.tabbed-nav ul > li { float: left; margin-right: 2px; }
.tabbed-nav ul > li > a {  color: #000; text-decoration: none; float: left; background: #F2F2F2; line-height: 21px; padding: 8px 10px; cursor: pointer;}
.tabbed-nav ul > li > a > img {float: left; margin-right: 7px;}
.tabbed-nav ul > li > a.active { background: url('../images/courses-and-qualifications/tab-gradient.png') repeat-x #fff; border: 1px solid #999999; border-bottom: none; padding: 15px 10px 8px 10px; margin-top: -7px;font-weight: bold;}
.tabbed-nav ul > li > a > span {  float: left; width: 21px; height: 21px; margin-right: 7px; }
.tabbed-nav ul > li.info > a > span { background: url('../images/courses-and-qualifications/info-icon.png') no-repeat transparent; }
.tabbed-nav ul > li.docs > a > span { background: url('../images/courses-and-qualifications/docs-icon.png') no-repeat transparent; }
.tabbed-nav ul > li.reviews > a > span { background: url('../images/courses-and-qualifications/reviews-icon.png') no-repeat transparent; }

/* tabbed content
******************************/
.tabbed-content { float: left; padding-top: 20px; margin-bottom: 10px;clear: both;max-width: 100%;width: 100%;}
.tabbed-content h4 { font-size: 13px; margin: 0 0 5px 0; }
.tabbed-content p { line-height: 1.4em; margin-bottom: 15px; }
.tabbed-content span.update-info { display: block; font-style: italic; width: 100%;min-width: 100%; text-align: right;padding-bottom: 10px;}
.tabbed-content span.available-info{ display: block;padding-top: 10px;}
.tabbed-content span.paragraph-label{ margin: 40px 0 5px;display: block;}
.tabbed-content .suite-paragraph { margin-bottom: 15px; line-height: 1.4em;}
.tabbed-content .tabbed-intro { margin-bottom: 25px; }
.tabbed-content .tabbed-intro > ul { padding-left: 35px; }
.tabbed-content .tabbed-intro .info-link-container span.info-link { display: block; line-height: 1.4em; }

/* Qualification / Apprenticeship tabs
******************************/
#qualApprenTabs .location-filter {
    border-top: 0;
    margin-top: 0;
    background: #e0e0e0;
}

#qualApprenTabs  .tabbed-content {
    padding-top: 0;
}

#qualApprenTabs .tabbed-nav ul > li > a {
    background: none;
    padding: 8px 20px;
    font-size: 14px;
}

#qualApprenTabs .tabbed-nav ul > li > a.active {
    background: #e0e0e0;
    padding: 8px 20px;
    margin-top: 0;
    border: none;
    border-bottom: 1px solid #e0e0e0;
}

#qualApprenTabs .tabbed-nav {
    border-top: 1px solid #999999;
}

/* Course Types */

.documents .courseType__label {
    padding: 5px 10px;
    display: inline-block;
    background: #ccc;
    margin: 5px 0;
    color: #fff;
}

.documents .courseType__sase .courseType__label {
    background: #E30613;

}

.documents .courseType__std h4 {
    color: #2E837D !important;
        
}

.documents .courseType__std .courseType__label {
    background: #2E837D;
}

.information .courseType__label, .information .courseType__Code {
    display: none;
}


.whatsThis {
    padding: 10px !important;
    float: right !important;
    color: initial;
    position: relative;
}

/* non condense accordion
******************************/
.accordion-container.expanded .accordion-header { padding: 15px 55px 5px 10px; }
.accordion-container.expanded .accordion-header:hover { background: #F2F2F2; }
.accordion-container.expanded .accordion-header h4 { font-size: 14px; }
.accordion-container.expanded .accordion-content { display: block; padding-top: 0px; }
.accordion-container.expanded .accordion-content ul > li { padding-left: 5px;}
.accordion-container.expanded .accordion-content ul > li:first-child > h4 { margin-top: 11px; }
.accordion-container.expanded .accordion-content ul > li:hover { cursor: pointer; background: #F2F2F2;}

.accordion-container.qualification .accordion-content ul > li > h4 { margin-bottom: 1px; }
.accordion-container.qualification .accordion-content ul > li > span.q-num { margin-bottom: 6px; display: block; width: 100%; height: auto; font-size: 12px; }
.accordion-container.qualification .accordion-content ul > li > span.q-num > span { font-weight: bold; }

/* accordion
******************************/
.accordion-container { float: left; margin-bottom: 20px;width: 100%;}
.accordion-container .accordion-header { background: #F2F2F2; padding: 10px 55px 10px 10px; position: relative; width: auto; }
.oldie .accordion-container .accordion-header {  }
.accordion-container .accordion-header.expanded, .accordion-container .accordion-header:hover { background: #E0E0E0;cursor: pointer;}
.accordion-container .accordion-header.disabled:hover { cursor: default;background: #F2F2F2;}
.accordion-container .accordion-header h4 { font-size: 12px; float: left; margin: 0 10px 0px 0; text-transform: uppercase; }
.accordion-container .accordion-header h3 { font-size: 16px; line-height: 1.111em; margin: 0; }
.accordion-container .accordion-header span.course-no { font-size: 10px; line-height: 15px;float: left;}
.accordion-container .accordion-header span.accordion-toggle { width: 26px; height: 26px; background: url('../images/courses-and-qualifications/expand.png') center #E30613 no-repeat; position: absolute; right: 10px; top: 50%;margin-top: -13px; cursor: pointer; }
.accordion-container .accordion-header span.accordion-toggle.disabled { background-color: #666;cursor: default;}
.accordion-container.active > .accordion-header > span.accordion-toggle { background: url('../images/courses-and-qualifications/collapse.png') center #E30613 no-repeat; }
.accordion-container .accordion-header p { float: left; line-height: 1.4em; min-width:100% }
.accordion-container .accordion-header.alt { padding: 12px 55px 12px 10px; }
/*.accordion-container .accordion-header.alt span.accordion-toggle,
.accordion-container.active .accordion-header.alt span.accordion-toggle { top: 9px; right: 10px; }*/

.accordion-container .accordion-content .accordion-intro { margin-bottom: 15px; }

/* multi tier accordion */
.accordion-container.first-tier .accordion-header h2 { margin: 0; }
.accordion-container.first-tier .accordion-content { padding: 12px 9px 0 9px; width: 668px;}

.accordion-container.second-tier { margin-bottom: 18px; }
.accordion-container.second-tier .accordion-header { padding: 0 155px 0 45px; width: 470px; min-height: 55px; display: table; }
.accordion-container.second-tier .accordion-header h4 { margin: 0; display: table-cell; vertical-align: middle; float: none; }
.accordion-container.second-tier .accordion-header span.accordion-toggle { left: 15px; top: 18px; width: 19px; height: 19px; background: url('../images/courses-and-qualifications/expand-sml.png') center #E30613 no-repeat;margin-top: 0;}
.accordion-container.second-tier.active .accordion-header span.accordion-toggle { background: url('../images/courses-and-qualifications/collapse-sml.png') center #E30613 no-repeat; }
.accordion-container.second-tier .accordion-content { padding: 0 43px; width: 580px;clear: both;}
.accordion-container.second-tier .accordion-content ul,
.accordion-container.second-tier .accordion-content ul > li { width: 100%; }
.accordion-container.second-tier .accordion-content ul > li > h5 { margin: 12px 0 2px 0; font-size: 13px; font-weight: normal; }
.accordion-container.second-tier .accordion-content ul > li > a { display: block; margin: 0 0 0 0; }

.accordion-container.second-tier .supporting-modules { font-size: 12px; margin-bottom: 15px;}
.accordion-container.second-tier .supporting-modules h5 { margin: 2px 0 2px 0; font-size: 13px;font-weight: bold; border-top: 1px solid #E5E5E5;padding-top: 12px;padding-bottom: 5px; }

.accordion-container.second-tier .accordion-header.services {  }
.accordion-container.second-tier .accordion-header.services h4 { display: inline; vertical-align: baseline; margin-top: 19px;margin-bottom: 10px; display: block;line-height: 1.5em;}
.accordion-container.second-tier .accordion-header.services > span.last-registered{ font-size: 13px; display: none; margin: 16px 0 15px 0; }
.accordion-container.second-tier .accordion-header.services > span.s-services { font-size: 13px; display: none; margin: 16px 0 15px 0; }
.accordion-container.second-tier .accordion-header.services.expanded > span.last-registered{ display: block;}
.accordion-container.second-tier .accordion-header.services.expanded > span.s-services { display: block;}
.accordion-container.second-tier .accordion-header.services > span.s-services > span { color: #e30613 !important; background: url('../images/courses-and-qualifications/r-tick.png') left no-repeat transparent !important; padding: 2px 0 0 19px; margin-left: 10px; }
.accordion-container.second-tier .accordion-header.services > span.s-services > span.blue {color: #0088C2 !important;background-image: url('../images/courses-and-qualifications/b-tick.png') !important; }
.accordion-container.second-tier .accordion-header.services > span.s-services > span.magenta {color: #D7007F !important;background-image: url('../images/courses-and-qualifications/m-tick.png') !important; }
.accordion-container.second-tier .accordion-header.services > span.s-services > span.yellow {color: #fc0 !important;background-image: url('../images/courses-and-qualifications/y-tick.png') !important; }
.accordion-container.second-tier .accordion-header.services > span.s-services > span.gray {color: #D0D0D0 !important;background-image: url('../images/courses-and-qualifications/gl-tick.png') !important; }
.accordion-container.second-tier .accordion-header.services > span.s-services > span.grey-light {color: #D0D0D0 !important;background-image: url('../images/courses-and-qualifications/gl-tick.png') !important; }
.accordion-container.second-tier .accordion-header.services > span.s-services > span.grey-medium {color: #9d9d9c !important;background-image: url('../images/courses-and-qualifications/gm-tick.png') !important; }
.accordion-container.second-tier .accordion-header.services > span.s-services > span.grey-dark {color: #646363 !important;background-image: url('../images/courses-and-qualifications/gd-tick.png') !important; }

/* accordion two col */
.accordion-container .accordion-content { border: 2px solid #F2F2F2; border-top: none; padding: 12px 8px 0 8px; display: none; }
.accordion-container .accordion-content ul.col { list-style: none; margin: 0; padding: 0; float: left;width: 100%;}
.hide-read-more span.read-more, .accordion-container .accordion-content.hide-read-more span.read-more { display: none !important;}
.accordion-container .accordion-content span.read-more { clear: both; cursor: pointer; background: #E30613; color: #fff; padding: 2px 10px 0 10px; display: inline-block; font-weight: bold; text-transform: uppercase; height: 19px; font-size: 0.714em; line-height: 2em;margin: 1.5em 0;float: right;}
.ie7 .accordion-container .accordion-content span.read-more { display: block;zoom: 1;width: 100px;float: left;text-align: center;}
.accordion-container .accordion-content ul.col.right-col { float: right; }
.accordion-container .accordion-content ul.col > li { border-top: 1px solid #E5E5E5; position: relative; width: 325px; overflow: hidden;float: left;padding-left: 0;display: none;}
.accordion-container .accordion-content ul.col > li.show { display: block;}
.accordion-container .accordion-content ul.col > li.right { margin-left: 20px; }
.accordion-container .accordion-content ul.col > li.left { clear: both;}
.accordion-container .accordion-content ul.col > li:first-child, .accordion-container .accordion-content ul.col > li.top { border-top: none; }
/*.accordion-container .accordion-content ul.col > li:first-child > h4 { margin-top: 0px; }*/
.accordion-container .accordion-content ul.col > li a { color: #000;display: inline-block;width: 100%; padding-left: 5px; box-sizing: border-box;}
.accordion-container .accordion-content ul.col > li a:hover { color: #000;text-decoration: none;background: #F2F2F2; }
.accordion-container .accordion-content ul.col > li span.qual-no { margin-bottom: 0.5em;display: block;}
.accordion-container .accordion-content ul.col > li a > div { padding: 5px 0 10px;line-height: 1.5em;}
.accordion-container .accordion-content ul.col > li h4 { color: #E30613; text-transform: uppercase; margin: 11px 0 7px 0; font-size: 12px; width: 260px; }
.accordion-container .accordion-content ul.col > li p { line-height: 1.5em; }

.accordion-content.general-info, .accordion-container.second-tier .accordion-content.general-info { padding-top: 15px;padding-bottom: 10px;}

/* accordion documents */
.accordion-container .accordion-content .docs-container ul { float: left; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; width: 670px; margin-bottom: 20px; }
.accordion-container .accordion-content .docs-container ul.last,
.accordion-container .accordion-content .docs-container ul.single { border-bottom: none !important; margin-bottom: 0; }
.accordion-container .accordion-content .docs-container ul > li { width: 659px; border-top: 1px solid #E5E5E5; border-bottom: none; }
.accordion-container .accordion-content .docs-container ul > li:hover { background-color: #F2F2F2; }
.accordion-container .accordion-content .docs-container ul > li:first-child { border-top: none; }
.accordion-container .accordion-content .docs-container ul > li span { line-height: 23px; }
.accordion-container .accordion-content .docs-container ul > li span.tooltip > span { line-height: 1.4em;}
.accordion-container .accordion-content .docs-container ul > li span.f-name { width: 431px; }
.accordion-container .accordion-content .docs-container ul > li span.file-sz { margin-right: 12px; }
.accordion-container .accordion-content .docs-container h4 { float: left; width: 100%; }
.docs-container ul > li.locked span.f-name > span.pass-lock { text-transform: uppercase; color: #000;font-size: 10px; display: inline-block; padding: 3px 20px; background: url('../images/courses-and-qualifications/lock-icon.png') 5px 3px no-repeat #F2F2F2; line-height: 15px;position: relative;float: none;}
.docs-container ul > li.locked span.f-name > span.pass-lock > span { margin-left: 4px;top: 3px;}

.accordion-container .accordion-content .docs-container .second-tier .accordion-header { height: 43px;min-height: 0;}
.accordion-container .accordion-content .docs-container .second-tier .accordion-header h4 { line-height: 43px; float: left; width: auto; margin-right: 10px }
.accordion-container .accordion-content .docs-container .second-tier .accordion-header span.course-no { text-transform: uppercase; padding-top: 14px; float: left; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-header span.accordion-toggle { top: 12px; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content { padding: 0; width: 666px; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content h4 { width: 657px; border-bottom: 1px solid #E5E5E5; padding: 17px 0 12px 10px; margin: 0; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content ul { border-top: none; border-bottom: none; margin-bottom: 0; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content ul > li { padding: 7px 0 7px 11px; width: 655px; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content ul > li:hover { background-color: #F2F2F2; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content ul > li span.f-name { width: 431px; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content ul.sep-list { border-bottom: 1px solid #E5E5E5; float: left;}

.accordion-container .accordion-content .docs-container .second-tier .accordion-content ul > li.sub-list-container { padding: 0; width: 666px; background: none; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content ul > li.sub-list-container > h4 { text-transform: none; font-size: 15px; color: #000; padding: 17px 0 12px 41px; width: 625px; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content ul > li.sub-list-container > ul { border-bottom: none; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content ul > li.sub-list-container > ul > li { padding: 7px 0 7px 42px; width: 624px; }
.accordion-container .accordion-content .docs-container .second-tier .accordion-content ul > li.sub-list-container > ul > li span.f-name { width: 400px; }

/* accordion course details */
.accordion-container .accordion-content .second-tier .accordion-content .course-details h4 { border-bottom: 1px solid #E5E5E5; padding: 9px 0; margin: 0; width: 500px;clear: both;}
.accordion-container .accordion-content .second-tier .accordion-content .course-details ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #E5E5E5; width: 500px;clear: both;}
.accordion-container .accordion-content .second-tier .accordion-content .course-details ul.last { border-bottom: none; }
.accordion-container .accordion-content .second-tier .accordion-content .course-details ul > li { border-top: 1px solid #E5E5E5; padding: 10px 0px 10px 10px; width: 490px;position: relative;}
.accordion-container .accordion-content .second-tier .accordion-content .course-details ul > li:first-child { border-top: none; }

 .accordion-container .accordion-content .second-tier .accordion-content .course-details ul > li > span.ucas { display: block;margin-top: 2px; padding: 5px 0px 0px 0px}

/* accordion choice list */
.accordion-container .accordion-content .second-tier .accordion-content .choice-list ul { list-style: none; margin: 0; padding: 0; }
.accordion-container .accordion-content .second-tier .accordion-content .choice-list li { border-top: 1px solid #E5E5E5;padding-top: 5px;padding-bottom: 5px; }
.accordion-container .accordion-content .second-tier .accordion-content .choice-list li:first-child { border-top: none; }

/* labels */
span.tooltip { float: right; width: 15px; height: 15px; background: url('../images/courses-and-qualifications/question-mark-icon.png') 4px 2px no-repeat #666666;position: absolute; right: 0;top: 10px;}
span.tooltip.alt { background: url('../images/courses-and-qualifications/question-mark-icon.png') 4px 2px no-repeat #333333;}
span.tooltip.alt > span, span.tooltip > span {display: none; position: absolute;width: 200px; left: 25px;top: -30%;background: #E0E0E0;color: #333;padding: 5px 10px;line-height: 1.4em;z-index: 1;-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); -o-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3); box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);}
span.tooltip.alt > span >span.arrow, span.tooltip > span > span.arrow {position: absolute;border-right: 7px solid #E0E0E0;border-top: 5px solid transparent;border-bottom: 5px solid transparent;left: -12px;width: 5px;height: 0;top: 7px;}
span.tooltip.alt:hover > span, span.tooltip:hover > span { display: block;}

.box-label { position: absolute; top: 0; right: 0; width: 56px; height: 25px; text-align: center; text-transform: uppercase; font-size: 9px; background: url('../images/courses-and-qualifications/label-shadow.png') no-repeat transparent; }
.box-label.yellow { background: url('../images/courses-and-qualifications/label-shadow.png') no-repeat #FFCC00 !important; }
.box-label.blue { background: url('../images/courses-and-qualifications/label-shadow.png') no-repeat #007DBC !important; }
.box-label.grey { background: url('../images/courses-and-qualifications/label-shadow.png') no-repeat #666666 !important; }

.box-label.new,
.box-label.closed { line-height: 25px; }
.box-label.coming-soon { line-height: 10px !important; padding-top: 3px !important; height: 22px !important;}
.box-label.closed,
.box-label.coming-soon { color: #FFF; }

.tri-label { width: 49px; height: 49px; position: absolute; right: 0px; top: -1px; }
.tri-label.new { background: url('../images/courses-and-qualifications/new-yellow.png') no-repeat transparent; }
.tri-label.closed { background: url('../images/courses-and-qualifications/closed-grey.png') no-repeat transparent; }

.reg-date { position: absolute; right: 50px; top: 10px; width: 104px; line-height: 18px; }

/* centre info
******************************/
.centre-info-container { margin: 0; float: left; }
.centre-info-container .centre-container { float: left; margin: 15px 0; }
.centre-info-container .centre-container .img-container { float: left; margin-right: 20px; }
.centre-info-container .centre-container .centre-text { float: right; width: 515px; }
.centre-info-container .centre-container .centre-text h4 { font-size: 14px; margin: 0 0 2px 0;; text-transform: uppercase; }
.centre-info-container .centre-container .centre-text p { margin-bottom: 10px; }

/* documents list
******************************/
.docs-contianer { float: left; margin-top: 4px;width: 100%;}
.docs-container ul { width: 100%; list-style: none; border-top: 1px solid #E5E5E5; padding: 0; margin: 0; }
.docs-container ul > li { padding: 7px 0 7px 11px; border-bottom: 1px solid #E5E5E5;}
.docs-container ul > li a, .docs-container ul > li a:hover { color: #000;text-decoration: none; background: url('../images/courses-and-qualifications/download-icon.png') 99% center no-repeat;padding-right: 35px;display: block;}
.docs-container ul > li:hover { background-color: #F2F2F2; cursor: pointer; }
.docs-container ul > li span { float: left;line-height: 23px; }
.docs-container ul > li span.f-name { width: 64%; margin-right: 15px;word-wrap: break-word;}
.docs-container ul > li span.file-sz { width: 45px; margin-right: 10px; color: #666666; }
.docs-container ul > li span.u-date { width: 80px; color: #666666;float: right;}

.docs-container ul > li span.type { width: 15px; height: 16px; margin: 3px 15px 0 0; }
.docs-container ul > li span.doc, .docs-container ul > li span.docx, .docs-container ul > li span.rtf { background: url('../images/courses-and-qualifications/file-types.png') 0 0 no-repeat transparent; }
.docs-container ul > li span.xls, .docs-container ul > li span.xlsx { background: url('../images/courses-and-qualifications/file-types.png') -15px 0 no-repeat transparent; }
.docs-container ul > li span.pdf { background: url('../images/courses-and-qualifications/file-types.png') -30px 0 no-repeat transparent; }
.docs-container ul > li span.zip { background: url('../images/courses-and-qualifications/file-types.png') -45px 0 no-repeat transparent; }
.docs-container ul > li span.ppt, .docs-container ul > li span.pptx, .docs-container ul > li span.pp { background: url('../images/courses-and-qualifications/file-types.png') -60px 0 no-repeat transparent; }

/* reviews and endorsements
******************************/
.tabbed-content.reviews-endorsements { padding-top: 30px; }

.img-area { float: left; margin: 0 0 20px 0; }
.img-area .img-container { float: left; width: 224px; margin-left: 9px; }
.img-area .img-container.first { margin-left: 0; }
.img-area .img-container img { border: 1px solid #E5E5E5; margin-bottom: 10px; }
.img-area .img-container p { line-height: 1.4em; }

.reviews-container { margin-bottom: 10px; }
.reviews-container h3 { font-size: 16px; margin: 0; }
.reviews-container ul { list-style: none; margin: 0; padding: 0; border-bottom: 1px solid #E5E5E5; }
.reviews-container ul > li { border-top: 1px solid #E5E5E5; padding: 20px 0 2px 0; }
.reviews-container ul > li:first-child { border-top: none;}
.reviews-container ul > li .review-info { font-style: italic; margin-bottom: 6px; }
.reviews-container ul > li .review-info > span { }
.reviews-container ul > li .read-more,
.reviews-container ul > li .read-less { display: none; color: #ef0000; }
.reviews-container ul > li .read-more:hover,
.reviews-container ul > li .read-less:hover { cursor: pointer; }
.reviews-container ul > li .read-more:before,
.reviews-container ul > li .read-less:before { content: ' '; }
.reviews-container ul > li p .read-more { display: inline; }
.reviews-container ul > li p .last-section { display: none;}

/* widgets
******************************/
.widget.centre-search { }
.widget.centre-search input[type="text"] { padding: 2px 5px; height: 20px; width: 197px; margin-bottom: 10px; }
.widget.centre-search .button,
.widget.apply .button { padding: 0 10px; display: inline-block; font-weight: bold; text-transform: uppercase; height: 20px; font-size: 0.714em; line-height: 2.2em; border: none; margin-bottom: 10px; }
.widget.centre-search a { display: block; }

.widget.apply h2,
.widget.related-course h2 { line-height: 14px; padding: 5px 10px; }
.widget.related-course a { margin-bottom: 5px; display: block; }

.cq-header { position: relative; width: 100%; float: left; height: auto; min-height: 43px; }
.cq-header h1 {margin: 0;}
.cq-header.has-image h1 { position: absolute; padding: 11px 15px; margin: 0; color: #fff; background: #ef0000; text-transform: uppercase;font-size: 23px; }


/*html.ie .cq-header h1, 
html.ie9 .cq-header h1,
html.oldie .cq-header h1 { font-size: 23px; }
html.ie .cq-header.has-image h1,
html.ie9 .cq-header.has-image h1,
html.oldie .cq-header.has-image h1 { font-size: 19px; }*/

.tl { left: 0; top: 20px; }
.bl { left: 0; bottom: 20px; }
.tr { top: 20px; right: 0; }
.br { bottom: 20px; right: 0; }


/* warning bar */
.warning-bar { float: left; margin: 10px 0; padding: 10px 8px 10px 35px; border: 1px solid #ef0000; background: url('../images/courses-and-qualifications/warning-icon.png') 5px center no-repeat transparent; }
.warning-bar ul { list-style: none;padding-left: 0;margin: 0;}

/* Skills Hub Styles
******************************/

.button-link {font-size: 9px;}

.ie7 h1 {margin-top: 0.67em; margin-bottom: 0.67em;}
.ie7 h2 {margin-top: 0.83em; margin-bottom: 0.83em;}
.ie7 h3 {margin-top: 1em; margin-bottom: 1em;}

a.white {background: #fff !important;}

.right {float: right !important;}
.clear {clear: both;}

.blue-text, .blue-text a, a.blue-text {color: #0088C2 !important;}
.red-text, .red-text a, a.red-text {color: #ef0000 !important;}
.black-text, .black-text a, a.black-text {color: #000 !important;}
.magenta-text, .magenta-text a, a.magenta-text {color: #D7007F !important;}
.yellow-text, .yellow-text a, a.yellow-text {color: #fc0 !important;}
.gray-text, .gray-text a, a.gray-text {color: #D0D0D0 !important;}
.grey-light-text, .grey-light-text a, a.grey-light-text {color: #D0D0D0 !important;}
.grey-medium-text, .grey-medium-text a, a.grey-medium-text {color: #9d9d9c !important;}
.grey-dark-text, .grey-dark-text a, a.grey-dark-text {color: #646363 !important;}
.padding-10 {padding: 0 10px;}
.padding-10-full {padding: 10px;}
a.double-chevron:after {content:" >>";}
a.double-chevron-before:before {content:">> ";}
a.red-chevron:before, a.red-chevron:after {color: #ef0000;}
a.blue-chevron:before, a.blue-chevron:after {color: #0088C2;}
a.magenta-chevron:before, a.magenta-chevron:after {color: #D7007F;}
a.yellow-chevron:before, a.yellow-chevron:after {color: #fc0;}
.centred {text-align: center;}

.no-text-transform {text-transform: none;}
.sharing-button{padding-bottom: 5px;}

/* SL9 */
#sl9 {width:970px;}
#sl9 > h1 {margin-top: 0;}
#sl9 #sl9-left {width:540px;float: left; padding-right: 12px;}
#sl9 #sl9-right {width:418px;float: right;}

#sl9-left .article-left {padding-right: 20px; padding-left: 10px; width: 410px; float: left; line-height: 1.7em;}
#sl9-left .article-left h1 { margin-top: 0;}
#sl9-left .article-left h3.sub-title {margin-top: 0; line-height: 1.4em;font-weight: normal;}
#sl9-left .article-left img {margin-bottom: 15px;}
#sl9-left .article-left .article h2 { margin-bottom: 0.3em; /*font-size: 1.786em;*/ margin-top: 0.2em;}
#sl9-left .article-left .article:first-child > h2 {margin-top: 0;}
#sl9-left .article-left .article p {text-align: left; margin-bottom: 20px;}
#sl9-left .article-left .article p.listing-details {margin-bottom: 10px; line-height: 1.4em;}
#sl9-left .article-left blockquote.left, #sl9-left .article-left blockquote.right {width: 40%; margin: 0; font-size: 1.1em; line-height: 1.4em; font-style: italic;}
#sl9-left .article-left blockquote.left {float: left; margin-right: 20px; border-right: 1px solid #5d5d5d; }
#sl9-left .article-left blockquote.right {float: right; margin-left: 20px; border-left: 1px solid #5d5d5d; }
#sl9-left .article-left blockquote.right span, #sl9-left .article-left blockquote.left span {margin: 0 0 0 13px; padding: 10px 15px; position: relative; text-align: left;display: block;}
#sl9-left .article-left blockquote.left span { margin: 0 13px 0 0;}
#sl9-left .article-left blockquote.right span:before, #sl9-left .article-left blockquote.left span:before {content: open-quote; position: absolute; top: 10px; left: 9px;}
#sl9-left .article-left blockquote.right span:after, #sl9-left .article-left blockquote.left span:after {content: close-quote;}
#sl9-left .article-left .comments a {text-decoration: none;}
#sl9-left .article-left .comments a:hover {text-decoration: underline;}
#sl9-left .article-left .comments > h2 {border-bottom: 1px solid #ccc; padding-bottom: 12px; position: relative;}
#sl9-left .article-left .comments h2 span {color: #aaa; font-size: 13px; font-weight: normal; position: absolute; top: 2px; right: 0;text-transform: lowercase;}
#sl9-left .article-left .comments .comment {position: relative; margin-bottom: 20px;}
#sl9-left .article-left .comments .comment h3 {margin-bottom: 0;}
#sl9-left .article-left .comments .comment > p {margin-bottom: 8px;}
#sl9-left .article-left .comments .comment .comment-text {font-size: 0.85em; line-height: 1.6em;}
#sl9-left .article-left .comments .comment .comment-links {position: absolute; top: 0; right: 0; font-size: 0.85em;}
#sl9-left .article-left .comments .comment .comment-links a {clear: both; display: block; line-height: 1.7em;}
#sl9-left .article-left .comments .add-comment {margin-top: 20px;}
#sl9-left .article-left .comments .add-comment input[type="text"], 
#sl9-left .article-left .comments .add-comment textarea {background: #f2f2f2; display: block; width: 388px; padding: 3px 10px; clear: both; margin-bottom: 10px; border: 1px solid #ccc;}
#sl9-left .article-left .comments .add-comment input[type="text"] {line-height: 19px;}
#sl9-left .article-left .comments .add-comment textarea {height: 74px; -webkit-resize: none; -moz-resize: none; resize: none;}
#sl9-left .article-left .comments .add-comment input[type="submit"] {padding: 6px 18px; font-weight: bold; border: none; outline: none; font-size: 1.05em;}
#sl9-left .article-left .comments .add-comment input[type="text"], 
#sl9-left .article-left .comments .add-comment input[type="submit"], 
#sl9-left .article-left .comments .add-comment textarea {-webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#sl9-left .article-left .comments .add-comment input[type="text"].error, 
#sl9-left .article-left .comments .add-comment textarea.error {border-color: #f00; }
#sl9-left .article-left .comments .add-comment p.note {color: #aaa; margin-top: 10px; font-size: 0.9em; line-height: 1.5em;}
#sl9-left .article-left .comments .add-comment input[type="checkbox"] { margin-right: 5px;}
#sl9-left .article-left .comments .add-comment .validation-error { margin-bottom: 1em;}
#sl9-left .article-right {padding: 0; width: 100px; float: left;}
#sl9-left .article-right > div {margin-bottom: 10px;}
#sl9-left .article-right > div.social {margin-bottom: 12px;}
#sl9-left .article-right > div.author {font-size: 0.85em;}
#sl9-left .article-right > div.author img {width: 100%; margin-bottom: 10px;}
#sl9-left .article-right > div.author > div { border-bottom: 1px solid #0088C2; margin-bottom: 10px;}
#sl9-left .article-right > div.archive {margin-top: 10px;}
#sl9-left .article-right > div.archive > div.listing {border-bottom: none; line-height: 1.5em;}
#sl9-left .article-right > div.archive > div.listing a { clear: both;display: block;padding: 1px 0;}
#sl9-left .article-right > div.archive > div.listing h3 {margin: 5px 0;}

:-moz-placeholder { color: #b4b4b4;  }
::-moz-placeholder { color: #b4b4b4; }
:-ms-input-placeholder { color: #b4b4b4; }

#sl9-right > div {margin-bottom: 10px;}
#sl9-right .join {padding: 0 10px 10px; margin-bottom: 20px;}
#sl9-right .join h2 {margin-bottom: 5px;}
#sl9-right .join p.desc {font-size: 11px; line-height: 1.4em;}
#sl9-right .join .join-button {color: #000 !important; background: white !important; text-transform: none; padding: 2px 10px 0 10px; display: inline-block; height: 19px; line-height: 2em; font-size: 9px; }
#sl9-right .skills-hub-event .item {background: #f0f0f0;}
#sl9-right .skills-hub-event > div:first-child {margin-bottom: 10px;}
#sl9-right .half {padding-left: 10px; width: 213px; float: left;}
#sl9-right .skills-hub-list {font-size: 0.85em;}
#sl9-right .half:first-child {padding-left: 0; width: 195px;}
#sl9-right .half ul {list-style: none;}
#sl9-right .half ul li {margin-bottom: 5px; font-weight: bold;}
#sl9-right .half img { max-width: 100%;height: auto;}

.news-listing > div {overflow: hidden; margin-bottom: 10px;}
.news-listing img {width: 100%;}
.news-listing .item.featured, .news-listing .item.full-width { width: 100%; max-width: none;}
.news-listing .item {width: 265px; float: left; margin-bottom: 10px; clear: both;}
.news-listing .item.right {clear: none;}
.news-listing .item h1, .news-listing .item h2 {margin: 10px 0 8px; font-weight: normal;}
.news-listing .item p { float: left; position: relative; line-height: 1.6em; font-size: 0.95em;}
.news-listing .item.featured p {font-size: 1em; line-height: 1.4em; width: 100%;}
.news-listing .item p strong.right { clear: both; display: block; float: left !important; width: 100%; text-align: right; margin-top: 0.5em; }
.news-listing .left-image-item {margin-bottom: 10px;}
.news-listing .left-image-item .left-image {width: 45%; float: left;}
.news-listing .left-image-item .right-text {width: 50%; float: right; height: 130px; position: relative;}
.news-listing .left-image-item .right-text strong.right {position: absolute; right: 0; bottom: 0;}
.news-listing .generic {padding-bottom: 10px; width: auto;}
.news-listing .generic a.button-link {display: block; text-transform: none; font-size: 1em; height: auto;}