/* ---------------------------------------------
	temporary reset & global  styles
--------------------------------------------- */

#course-content {
	font: small/120% arial, verdana, helvetica, sans serif;
	line-height: 20px;
}

#course-content h1, #course-content h2, #course-content h3, #course-content h5, #course-content h6,
#course-content p { 
	margin:0;
 	padding:0; 
}

#course-content h4 {
	margin:0;
}	 

#course-content a img, #course-content :link img, #course-content :visited img {
	border:none;
}

#course-content :link, #course-content :visited { 
	text-decoration:none 
}


/* ---------------------------------------------
	clearing notice only
--------------------------------------------- */

/* If available in clearing is checked in CQ this will insert the appropriate div, 
   this will only be shown if the 3 lines below are not commented in */

#clearingbanner {
	display: none;
}

#clearingbanner {
	margin: 15px 0 10px 0;
	padding: 15px 15px 15px 15px;
	background: #edfcdc;
	border: 2px solid #cdeda9;
}

#clearingbanner h4 {
	font-size: 130%; 
	color: #5a911a;
	line-height: 22px;
}


/* ---------------------------------------------
	global page styles
--------------------------------------------- */

/* override the global stylesheet - ideally this should not be here */

#mainwrap {
	overflow: auto; 
	height: 100%;
	min-width: 940px;
	padding-bottom: 15px;
}

#course-content {
	margin: 15px 0 0 220px; /* left margin must be px */
}

#course-content-wrapper {
	float: left; 
	width: 100%;
}

#course-content-inner {
	margin-right: 190px; /* right margin must be px */
	padding-right: 15px;
}

#course-tabs-overview, #course-tabs-detail, #course-tabs-features, #course-tabs-careers, #course-tabs-entry {	
	padding: 1.6em 1.6em 1.6em 1.6em;
	color: #333;
	line-height: 22px;
}

#key-facts-wrapper {
	width: 189px; /* width must be px; total width - minus padding/border */
	float: left;
	margin: 0 0 0 -190px; /* Left margin must be px */
}

#key-facts {
	color: #222222;
	background: #ecf9ff;
	padding: 2px 15px 15px 15px;
	line-height: 18px;
}

.featureText {
	margin: 0 10px 10px 0;
	padding: 15px;
}

#course-tabs-overview a:link, #course-tabs-detail a:link, #course-tabs-features a:link, #course-tabs-careers a:link, #course-tabs-entry a:link,
#course-tabs-overview a:visited, #course-tabs-detail a:visited, #course-tabs-features a:visited, #course-tabs-careers a:visited, #course-tabs-entry a:visited {
	text-decoration: underline;
}

#course-tabs-overview a:hover, #course-tabs-detail a:hover, #course-tabs-features a:hover, #course-tabs-careers a:hover, #course-tabs-entry a:hover {
	text-decoration: none;
}	

#key-facts-wrapper a:link, #key-facts-wrapper a:visited {
	text-decoration: underline;
}

#key-facts-wrapper a:hover {
	text-decoration: none;
}	


/* ---------------------------------------------
	course page header
--------------------------------------------- */

#courseheader {
	margin: 0 0 2.3em 0;
}

#courseheader h2 {
	color: #000;
	font-size: 240%;
	margin: 0 0 8px 0;
	letter-spacing: -1px;
	line-height: 32px;
}

#courseheader h3 {
	color: #999;
	font-weight: normal;
	font-size: 185%;
	margin: 0 0 10px 0;

}


/* ---------------------------------------------
	course page body
--------------------------------------------- */

#course-tabs h4 {
	font-size: 110%;
	color: #000;
	margin: 2px 0 4px 0;
	padding: 0;
}

#course-tabs-overview ul, #course-tabs-detail ul, #course-tabs-features ul, #course-tabs-careers ul, #course-tabs-entry ul {
	margin: 10px 0 10px 15px;
}

#course-tabs-overview ol, #course-tabs-detail ol, #course-tabs-features ol, #course-tabs-careers ol, #course-tabs-entry ol {
	margin: 10px 0 10px 22px;
}

#course-tabs-entry p {margin-top: 10px;}
#course-tabs-entry table {margin-bottom: 20px;}


/* ---------------------------------------------
	apply online box
--------------------------------------------- */

#apply-online {
	background: #3494bd;
	padding: 10px 15px 10px 15px;
	margin-bottom: 15px;
	border-top: 1px solid #63b0d1;
	border-bottom: 3px solid #1c6e91;
	color: #fff;

}

h4.column-header {
	font-size: 110%;
	color: #fff;
	padding: 3px 10px 3px 15px;
	background: #1c6e91;
	border-top: 3px solid #1c6e91;
}

#apply-online h5 {
	font-size: 110%;
	color: #fff;
	margin-bottom: 3px;
}

#apply-online a {
	color: #fff;
}

#apply-online p  {
	color: #fff;
	font-size: 100%;
	line-height: 18px;
}

#apply-online li {
	margin-left: 0;
}

#apply-online ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* ---------------------------------------------
	key facts box
--------------------------------------------- */

#key-facts {
	border-top: 3px solid #90d7f6;
	border-bottom: 3px solid #90d7f6;
	line-height: 20px;
}

#key-facts h4 {
	font-size: 110%;
	color: #145570;
	border-bottom: 1px solid #b8e4f9;
	margin: 15px 0 5px 0;
	padding: 0 0 3px 0;
}

#key-facts ul {
	margin: 0 0 6px 5px;
	list-style: square;
}

#key-facts ul li {
	margin-left: 10px;
}

#key-facts a, #key-facts a:visited  {
	color: #a1152d;
}

/* ---------------------------------------------
	modules list
--------------------------------------------- */

.module-container {
	width: 100%; 
	overflow: auto;
}

#left, #right {
	width: 47.5%;
	float: left;
	border-top: 3px solid #d8dbef;
	border-bottom: 3px solid #d8dbef;
	margin: 20px 0 20px 0;
	padding: 12px 0 0 0;
}

#left {
	background: #f6f7fc;
	margin-right: 1.5em;
}

#right {
	background: #f6f7fc;
}

#left ul, #right ul {
	list-style: disc;
	color: #222222;
	padding: 0 15px 0 35px;
	margin: 0 0 20px 0;
}

#left ul li, #right ul li {
	margin: 0 0 8px 0; 
	line-height: 18px;
}

#left a, #right a {
	color: #3b810c;
}

#left h5, #right h5 {
	font-size: 100%;
	color: #343c6e;
	margin: 0 20px 12px 20px;
	padding: 0 0 3px 0;
	border-bottom: 1px solid #cdd3ee;
}

#left h6, #right h6 {
	font-size: 100%;
	font-weight: normal;
}

#left p, #right p {
	color: #5b5b5b;
	border-left: 4px solid #dbdef2;
	line-height: 20px;
	padding: 0 20px 0 10px; 
	margin: 8px 0 20px 0;
}


/* ---------------------------------------------
	quote style
--------------------------------------------- */

.quoteTextMarketing {
	border: 2px solid #e3e3e3;
	padding: 15px 10px 15px 15px;
	margin: 15px 0 15px 0;
}


/* ---------------------------------------------
	case study/quote colours
--------------------------------------------- */

.quote,
.quote-left,
.quote-right
{
	background: #f0f7fa;
	border: 1px solid #b4d6e4;
}

.quote-start,
.quote-end
{
	color: #9dc0cf;
}

.quote img,
.quote-left img,
.quote-right img
{
	border: 1px solid #a3a3a3;
}

/* ---------------------------------------------
	images (background/border)
--------------------------------------------- */

.tiImageLeft p.image-description,
.tiImageLeft-border-only p.image-description,
.tiImageLeft-background-only p.image-description,
.tiImageLeft-border-background p.image-description,
.tiImageRight p.image-description,
.tiImageRight-border-only p.image-description,
.tiImageRight-background-only p.image-description,
.tiImageRight-border-background p.image-description,
.tiImageCenter p.image-description,
.tiImageCenter-border-only p.image-description,
.tiImageCenter-background-only p.image-description,
.tiImageCenter-border-background p.image-description,
.tiImageLeft p.image-credit,
.tiImageLeft-border-only p.image-credit,
.tiImageLeft-background-only p.image-credit,
.tiImageLeft-border-background p.image-credit,
.tiImageRight p.image-description,
.tiImageRight-border-only p.image-credit,
.tiImageRight-background-only p.image-credit,
.tiImageRight-border-background p.image-credit,
.tiImageCenter p.image-credit,
.tiImageCenter-border-only p.image-credit,
.tiImageCenter-background-only p.image-credit,
.tiImageCenter-border-background p.image-credit
{
	color: #333333;
}


.tiImageLeft p.image-credit,
.tiImageLeft-border-only p.image-credit,
.tiImageLeft-background-only p.image-credit,
.tiImageLeft-border-background p.image-credit,
.tiImageRight p.image-credit,
.tiImageRight-border-only p.image-credit,
.tiImageRight-background-only p.image-credit,
.tiImageRight-border-background p.image-credit,
.tiImageCenter p.image-credit,
.tiImageCenter-border-only p.image-credit,
.tiImageCenter-background-only p.image-credit,
.tiImageCenter-border-background p.image-credit
{
	color: #444444;
}

.tiImageLeft-border-background,
.tiImageRight-border-background,
.tiImageCenter-border-background,
.tiImageLeft-background-only,
.tiImageRight-background-only,
.tiImageCenter-background-only
{
	background: #f0f7fa;
	border: 1px solid #b4d6e4;
}

.tiImageLeft-border-only img,
.tiImageRight-border-only img,
.tiImageCenter-border-only img
{
	border: 1px solid #a3a3a3;
}

.tiImageLeft-border-background img,
.tiImageRight-border-background img,
.tiImageCenter-border-background img
{
	border: 1px solid #a3a3a3;
}

/* ---------------------------------------------
	jquery ui tabs
--------------------------------------------- */

@media projection, screen {
    .ui-tabs-hide {
        display: none;
    }
}

@media print {
    .ui-tabs-nav {
        display: none;
    }
}

.ui-tabs-nav {
    font-size: 100%;
	border-left: 1px solid #d5d5d5;
}

.ui-tabs-nav {
	font-weight: bold;
    list-style: none;
    margin: 0;
    padding: 0;
}

.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}

.ui-tabs-nav li {
    float: left;
	border-top: 1px solid #d5d5d5;
	border-right: 1px solid #d5d5d5;
    margin: 0;
    /* min-width: 84px;  be nice to Opera */
}

.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
}

.ui-tabs-nav a span {
	padding: 0 14px 0 14px;
}

.ui-tabs-nav a {
    margin: 1px 0 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #5c5c5c;
	background: #efefef;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0;
}

.ui-tabs-nav .ui-tabs-selected a {
	color: #000;
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
	background: #fff;
}

.ui-tabs-nav a span {
    height: 26px; /* IE 6 treats height as min-height */
    min-height: 26px;
    padding-top: 6px;
}

*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}

.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor */
    cursor: text;
}

.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now */
    cursor: pointer;
}

.ui-tabs-panel {
	/* overflow: auto; */
	background: #fff;
    border: 1px solid #d5d5d5;
    padding: 1em 8px;
    background: #fff;
}

.ui-tabs-loading em {
    padding: 0 0 0 20px;
    /* background: url(loading.gif) no-repeat 0 50%; */
}

/* IE specific bug fixes */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}