/**
 * GLOBAL CSS FOR SKILLS FOR LEARNING
 */
/* JMcK 30/04/2018
   For some reasion this only works in IE; added local fonts for other browsers
*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,300italic,600,700);
@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: normal;
    src: local('Open Sans Regular'), local('OpenSans-Regular'), url('/fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 400;
    font-style: italic;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url('/fonts/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: normal;
    src: local('Open Sans Light'), local('OpenSans-Light'), url('/fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 300;
    font-style: italic;
    src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('/fonts/OpenSans-LightItalic.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 600;
    font-style: normal;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url('/fonts/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans';
    font-weight: 700;
    font-style: normal;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/fonts/OpenSans-Bold.ttf') format('truetype');
}

/**** FONT-FACES ****/
@font-face {
    font-family: 'FelyRegular';
    src: url('/fonts/fely-webfont.eot');
    src: url('/fonts/fely-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/fely-webfont.woff') format('woff'),
         url('/fonts/fely-webfont.ttf') format('truetype'),
         url('/fonts/fely-webfont.svg#FelyRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'FinelinerScriptRegular';
    src: url('/fonts/fineliner_script-webfont.eot');
    src: url('/fonts/fineliner_script-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/fineliner_script-webfont.woff') format('woff'),
         url('/fonts/fineliner_script-webfont.ttf') format('truetype'),
         url('/fonts/fineliner_script-webfont.svg#FinelinerScriptRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'AvenyTRegular';
    src: url('/fonts/aveny-t_regular-webfont.eot');
    src: local('Aveny T Regular'),
	     local('Aveny T'),
	     url('/fonts/aveny-t_regular-webfont.eot?#iefix') format('embedded-opentype'),
	     url('/fonts/aveny-t_regular-webfont.woff') format('woff'),
         url('/fonts/aveny-t_regular-webfont.ttf') format('truetype'),
         url('/fonts/aveny-t_regular-webfont.svg#AvenyTRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/**** Alsett clearing method ****/
.clearfix:after,
.ui-helper-clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.clearfix,
.ui-helper-clearfix {display:inline-block;}/* a fix for IE Mac */

/* The Holly hack for a bug in IE Win*/
* html .clearfix,
* html .ui-helper-clearfix {height:1%;}
.clearfix,
.ui-helper-clearfix {display:block;}
/**** end Alsett clearing method ****/

* {margin:0; padding:0;}

html {
	min-height:100%;
	padding-bottom:1px;
	font-size:100.01%;
	/**/
	background:transparent url('/images/wrapper/HtmlBgReading.jpg') no-repeat fixed left top / cover;
}

body {
	position:relative;
	min-width:1000px;
	max-width:1416px;
	/*margin-bottom:8px;*/
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-family:"Open Sans", Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom:32px;
}

h1,h2,h3,h4,h5,h6 {font-weight:600;}

a {
	color:#07c;
	text-decoration:none;
}
a:visited {
	color:#7700b3;
}
a:hover,
a:active,
a:focus {
	color:#f60;
	text-decoration:underline;
}

a img {border:none;}

img.noBorder {
	border-width:0 !important;
}
img.noShadow {
	box-shadow:none !important;
}
img.vMiddle {
	vertical-align:middle;	
}

.underline {
	text-decoration:underline;
}

/**** Help cursors for some tags ****/
abbr, acronym {cursor:help;}

/**** Icons for document links ****/
a.wordDoc {background:url('/images/icons/word_icon.gif') no-repeat;}
a.pdfDoc {background:url('/images/icons/pdf_icon.gif') no-repeat;}
a.flashDoc {background:url('/images/icons/flash_icon.gif') no-repeat;}
a.noFlash {background:none !important; padding-left:0 !important;}
a.pptDoc {background:url('/images/icons/ppt_icon.gif') no-repeat;}
a.excelDoc {background:url('/images/icons/excel_icon.gif') no-repeat;}

a.wordDoc,
a.excelDoc,
a.pptDoc,
a.flashDoc,
a.pdfDoc {
	padding-left:20px;
	padding-left:1.25rem;
	background-position:0 center;
	background-size:16px;
	background-size:1rem;
}

/*a.pdfDoc {
	background:url('/images/icons/PDF_Sprite.png') no-repeat;
	background-size:80px;
	background-size:5rem;
	background-position:-48px -32px;
	background-position:-3rem -2rem;
}*/



/**** Left/right/center images, and videos ****/
p.leftImg,
p.rightImg,
p.centerImg,
p.normalImg,
p.leftVid,
p.rightVid,
p.centerVid,
p.normalVid {
	overflow:hidden;
	margin:14px !important;
	margin:0.875rem !important;
	border:1px solid #666;
	box-shadow:0 2px 4px #888;
	clear:both;
	background:#fff;
}
p.leftVid,
p.rightVid,
p.centerVid,
p.normalVid {
	padding:8px;
	padding:0.5rem;
}
p.leftImg img,
p.rightImg img,
p.centerImg img,
p.normalImg img {
	display:block;
	border-width:0 !important;
}
p.leftImg,
p.leftVid {
	float:left;
}
p.rightImg,
p.rightVid {
	float:right;
}
p.centerImg,
p.centerVid {
	margin-left:auto !important;
	margin-right:auto !important;
	text-align:center;
}
p.leftImg img.padded,
p.rightImg img.padded,
p.centerImg img.padded,
p.normalImg img.padded {
	padding:8px;
	padding:0.5rem;
}
p.leftImg span.caption,
p.rightImg span.caption,
p.centerImg span.caption,
p.normalImg span.caption,
p.leftVid span.caption,
p.rightVid span.caption,
p.centerVid span.caption,
p.normalVid span.caption {
	display:block;
	padding:8px;
	padding:0.5rem;
	background:#fff;
	text-align:center;
}
p.leftImg span.download,
p.rightImg span.download,
p.centerImg span.download,
p.normalImg span.download,
p.leftVid span.download,
p.rightVid span.download,
p.centerVid span.download,
p.normalVid span.download {
	padding:0;
	font-size:11px;
	font-size:0.6875rem;
}
p.leftImg .download a,
p.rightImg .download a,
p.centerImg .download a,
p.normalImg .download a,
p.leftVid .download a,
p.rightVid .download a,
p.centerVid .download a,
p.normalVid .download {
	display:block;
	padding:4px;
	padding:0.25rem;
	background:#069;
	color:#fff;
}
/**** Circle images (not guaranteed with all browsers ****/
p.circleImg {
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
}

/**** Header ****/
#Header {
	overflow:visible;
	height:96px;
	height:6rem;
	background:transparent;
	color:#fff;
	position:relative;
}
#Header h1 {
	position:relative;
	float:left;
	width:268px;
	width:16.75rem;
	z-index:4;
	padding:0 20px;
	padding:0 1.25rem;
	background:#069;
	color:#fff;
	font-family:AvenyTRegular,"Open Sans",Verdana,Geneva,sans-serif;
	font-size:36px;
	font-size:2.25rem;
	font-weight:normal;
	text-align:center;
	line-height:96px;
	line-height:6rem;
	/*pointer-events:none;*/
}
#Header h1 a {
	color:#fff;
	display:block;
}
#HeaderLogo img {
	display:inline-block;
	border:0;
	border-bottom:1px solid #00334d;
}
#HeaderLinks {
	position:absolute;
	top:0px;
	right:0px;
	padding:0 8px;
	padding:0 0.5rem;
	border:1px solid #000;
	border-width:0;
	background:#000;
	color:#fff;
	font-size:12px;
	font-size:0.75rem;
	text-align:right;
	line-height:2.166667;
}
#HeaderLinks a {
	display:inline-block;
	color:#fff;
	padding:8px 12px 8px 28px;
	padding:0.5rem 0.75rem 0.5rem 1.75rem;
	background-position:4px center;
	background-position:0.25rem center;
	background-repeat:no-repeat;
	background-size:16px;
	background-size:1rem;
	color:#fff;
	line-height:24px;
	line-height:1.5rem;
}
#HeaderLinks .tour {
	background-image:url('/images/wrapper/TourIcon.png');
}
#HeaderLinks .facebook {
	background-image:url('/images/wrapper/FacebookIcon2011.png');
}
#HeaderLinks .twitter {
	background-image:url('/images/wrapper/TwitterIcon2011.png');
}
#HeaderLinks .contact {
	background-image:url('/images/wrapper/EmailIcon2011.png');
}
#skipNav {
	position:absolute;
	overflow:hidden;
	width:0;
}

/**** Top navigation bar ****/
#TopNav {
	z-index:1;
	position:relative;
	margin:-36px 0 20px 50px;
	margin:-2.25rem 0 1.25rem 3.125rem;
	padding-left:258px;
	padding-left:16.125rem;
	background:#00334d;
	color:#ccc;
	font-size:13px;
	font-size:0.8125rem;
}
#TopNav a {
	display:inline-block;
	padding:0 8px;
	padding:0 0.5rem;
	color:#fff;
	text-align:center;
	position:relative;
	line-height:48px;
	line-height:3rem;
	z-index:5;
}
#TopNav a:hover {
	text-decoration:underline;
}

/**** Section navigation ****/
#sideNav {
	float:left;
	position:relative;
	z-index:10;
	overflow:hidden;
	width:200px;
	width:12.5rem;
	margin:0 1px 0 -200px;
	margin:0 1px 0 -12.51rem; /* rem value bumped by 0.01 for rounding reasons */
	font-size:13px;
	font-size:0.8125rem;
}
#sideNav ul {
	list-style-type:none;
	overflow:hidden;
}
#sideNav ul li {
	display:block;
	width:100%;
	box-sizing:border-box;
	float:left;
	clear:left;
}
#sideNav ul li a {
	display:block;
	box-sizing:border-box;
	padding:12px 10px 12px 6px;
	padding:0.75rem 0.625rem 0.75rem 0.375rem;
	background:transparent;
	color:#fff;
	text-decoration:none;
}
#sideNav ul li a:hover {
	background:#fff;
	color:#069;
}
#sideNav ul li.selectedSection {
	border-right:1px solid #8ab8d0;
	border-right:0.0625rem solid #8ab8d0;
}
#sideNav ul li.selectedSection a {
	background:#fff;
	color:#069;
}
#sideNav ul li.selectedSection a:hover {
	background:#fff;
	text-decoration:underline;
}
#sideNav ul li.selectedSection ul li {
	background:#e6f0f5;
	color:#069;
}
#sideNav ul li.selectedSection ul li a {
	padding:6px 10px 6px 14px;
	padding:0.375rem 0.625rem 0.375rem 0.875rem;
	background:#e6f0f5;
}
#sideNav ul li.selectedSection ul li a:hover {
	text-decoration:underline;
}
#sideNav ul li.selectedSection ul li a.currentPage {
	padding-right:6px;
	padding-right:0.625rem;
	border-right:4px solid #069;
	border-right:0.25rem solid #069;
	background:#ffc;
}
#sideNav ul li.selectedSection ul li ul {
	font-size:12px;
	font-size:0.75rem;
}
#sideNav ul li.selectedSection ul li.subSection a {
	font-weight:600;
}
#sideNav ul li.selectedSection ul li.subSection ul,
#sideNav ul li.selectedSection ul li.subSection ul li {
	background:#fff;
}
#sideNav ul li.selectedSection ul li.subSection ul li a {
	padding-left:24px;
	padding-left:1,5rem;
	background-color:#fff;
	font-weight:normal;
}
#sideNav ul li.selectedSection ul li.subSection ul li a.currentPage {
	background:#ffc;
}

#sideNav h2 {
	padding:0 10px 0 16px;
	padding:0 0.625rem 0 1rem;
	color:#fff;
	font-size:16px;
	font-size:1rem;
	font-weight:600;
	line-height:2.5;
	text-shadow:1px 1px 1px #000;
}
div#SkillsTopics h2 {
	border-bottom:1px solid #002e44;
	border-bottom:0.0625rem solid #002e44;
}
div#ResourceCollections h2 {
	border-bottom:1px solid #001f2e;
	border-bottom:0.0625rem solid #001f2e;
}
div#SkillsTopics ul,
div#ResourceCollections ul {
}
div#SkillsTopics {
	padding-bottom:0px;
	background:#046;
}
div#ResourceCollections {
	background:#046;
}
div#ResourceCollections h2 {
	background:#002e44;
}
div#ResourceCollections ul {
	background:#002e44;
}
div#ResourceCollections li a {
	border-top-color:#046;
	border-bottom-color:#001f2e;
}


/*#sideNav {
	float:left;
	position:relative;
	z-index:10;
	overflow:visible;
	width:200px;
	margin:0 1px 0 -200px;
	font-size:13px;
	font-size:0.8125rem;
}
#sideNav ul {
	position:relative;
	clear:left;
	list-style-type:none;
}
#sideNav ul li {
	float:left;
	clear:left;
}
#sideNav ul li a {
	display:block;
	float:left;
	width:184px;
	padding:12px 10px 12px 6px;
	padding:0.75rem 10px 0.75rem 6px;
	background:transparent;
	color:#fff;
	text-decoration:none;
}
#sideNav ul li a:hover {
	border-color:#fff;
	background:#fff;
	color:#069;
}

#sideNav ul li.selectedSection {
	border-right:1px solid #8ab8d0;
}
#sideNav ul li.selectedSection a {
	width:183px;
	border-top-width:0;
	border-bottom-color:#c4dbe7;
	background:#fff;
	color:#069;
}
#sideNav ul li.selectedSection a:hover {
	background:#fff;
}
#sideNav ul li.selectedSection ul li {
	background:#e6f0f5;
	color:#069;
}
#sideNav ul li.selectedSection ul li a {
	width:175px;
	padding:6px 10px 6px 14px;
	padding:0.375rem 10px 0.375rem 14px;
	background:#e6f0f5;
	font-weight:normal;
}
#sideNav ul li.selectedSection ul li a:hover {
	background-image:none;
	text-decoration:underline;
}
#sideNav ul li.selectedSection ul li a.currentPage {
	padding-right:6px;
	border-right:0px solid #069;
	border-right:4px solid #069;
	background:#ffc;
}
#sideNav ul li.selectedSection ul li ul {
	font-size:12px;
	font-size:0.75rem;
}
#sideNav ul li.selectedSection ul li.subSection a {
	font-weight:600;
}
#sideNav ul li.selectedSection ul li.subSection ul,
#sideNav ul li.selectedSection ul li.subSection ul li {
	overflow:hidden;
	background:#fff;
}
#sideNav ul li.selectedSection ul li.subSection ul li a {
	width:165px;
	padding-left:24px;
	background-color:#fff;
	font-weight:normal;
}
#sideNav ul li.selectedSection ul li.subSection ul li a.currentPage {
	background:#ffc;
}
#sideNav h2 {
	padding:0 10px 0 16px;
	color:#fff;
	font-family:"Open Sans",Verdana,Geneva,sans-serif;
	font-size:16px;
	font-size:1rem;
	font-weight:600;
	line-height:2.5;
	text-shadow:1px 1px 1px #000;
}
div#SkillsTopics h2 {
	border-bottom:1px solid #002e44 !important;
}
div#ResourceCollections h2 {
	border-bottom:1px solid #001f2e !important;
}
div#SkillsTopics ul,
div#ResourceCollections ul {
	overflow:hidden;
}
div#SkillsTopics ul li.research > a:last-child {
	border-bottom-width:0;
}
div#SkillsTopics {
	padding-bottom:0px;
	background:#046;
}
div#ResourceCollections {
	background:#046;
}
div#ResourceCollections h2 {
	background:#002e44;
}
div#ResourceCollections ul {
	background:#002e44;
}
div#ResourceCollections li a {
	border-top-color:#046;
	border-bottom-color:#001f2e;
}*/

/**** Footer ****/
#footer {
	position:relative;
	clear:both;
	overflow:hidden;
	font-size:13px;
	font-size:0.8125rem;
}
#CopyrightStatement {
	margin-top:119px;
	margin-top:7.4375rem;
	padding:8px 16px 0;
	padding:0.5rem 1rem 0;
	padding-left:216px;
	padding-left:13.5rem;
	background:#004466;
	background-clip:padding-box;
	color:#fff;
	line-height:2.461538;
}
#AccessibilityStatement {
	margin-left:50px;
	margin-left:3.125rem;
	padding:0 16px 8px 166px;
	padding:0 1rem 0.5rem 10.375rem;
	background:#004466;
	color:#fff;
	line-height:2.461538;
}
#LeedsBeckettHome {
	float:left;
	width:200px;
	width:12.5rem;
	padding-top:1px;
	padding-top:0.0625rem;
	background:#002e44;
	color:#fff;
}
#LeedsBeckettHome a {
	display:block;
	margin-top:91px;
	margin-top:5.6875rem;
	text-align:center;
	z-index:2;
}
#LeedsBeckettHome a img {
	/*width:167px;
	width:10.4375rem;
	height:91px;*/
	height:5.6875rem;
}
#CopyrightStatement a,
#AccessibilityStatement a,
#LeedsBeckettHome a {
	color:#fff;
}
/**** Containers ****/
#corners {
	background:#fff;
}
#outerColumnContainer {
	z-index:0;
	border-style:solid;
	border-width:0 195px 0 200px;
	border-width:0 12.1875rem 0 12.5rem;
	border-left-color:#002e44;
	border-right-color:#fff;
}

#mainContent {
	background-image:none;
	margin:4px;
	margin:0.25rem;
	padding:4px !important;
	padding:0.25rem !important;
	background:#fff;
}
#mainContent h1 {
	padding:2px 0 4px;
	padding:0.125rem 0 0.25rem;
	border-bottom:1px dotted #069;
	color:#069;
	font-family:'Open Sans',Verdana,Geneva,sans-serif;
	font-size:24px;
	font-size:1.5rem;
	/*font-weight:normal;*/
}

/**** Column 3 Boxes ****/
#relatedContent {
	float:right;		
	width:195px;
	width:12.1875rem;
	margin: 0 -195px 0 1px;
	margin: 0 -12.1975rem 0 1px; /* rem value bumped by 0.01 for rounding reasons */
	padding-top:48px;
	padding-top:3rem;
	font-size:13px;
	font-size:0.8125rem;
}
#relatedContent p {
	margin:14px 0;
	margin:0.875rem 0;
}

#relatedContent .column3Box {
	margin:0 8px 0 0;
	margin:0 0.5rem 0 0;
	padding-bottom:8px;
	padding-bottom:0.5rem;
	background:#f6f6f6;
	background:#fff;
	/*border-bottom:1px solid #eee;*/
}
#relatedContent .column3Box h2 {
	padding:0 8px;
	padding:0 0.5rem;
	color:#fff;
	color:#023;
	font-size:15px;
	font-size:0.9375rem;
	font-weight:600;
	line-height:2.666666666666667;
	text-align:center;
}
#relatedContent .column3Box h2 a {
	/*text-decoration:underline;*/
}
#relatedContent .column3Box.assignmentCalc h2,
#relatedContent .column3Box.podcast h2,
#relatedContent .column3Box.publications h2,
#relatedContent .column3Box.purchasing h2,
#relatedContent .column3Box.quiz h2,
#relatedContent .column3Box.recorded h2,
#relatedContent .column3Box.seeAlso h2 {
	background-position:center 8px;
	background-position:center 0.5rem;
	background-repeat:no-repeat;
	background-color:transparent;
	background-size:48px;
	background-size:3rem;
}
#relatedContent .column3Box.assignmentCalc h2 {
	background-image:url('/images/global/Related_AssignmentCalc64.png');
	padding-top:50px;
	padding-top:3.125rem;
}
#relatedContent .column3Box.podcast h2 {
	background-image:url('/images/global/Related_Podcast64.png');
	padding-top:56px;
	padding-top:3.5rem;
}
#relatedContent .column3Box.publications h2 {
	background-image:url('/images/global/Related_Publications64.png');
	padding-top:44px;
	padding-top:2.75rem;
}
#relatedContent .column3Box.purchasing h2 {
	background-image:url('/images/global/Related_Purchasing64.png');
	padding-top:48px;
	padding-top:3rem;
}
#relatedContent .column3Box.quiz h2 {
	background-image:url('/images/global/Related_Quiz64.png');
	padding-top:56px;
	padding-top:3.5rem;
}
#relatedContent .column3Box.recorded h2 {
	background-image:url('/images/global/Related_Recorded64.png');
	padding-top:53px;
	padding-top:3.3125rem;
}
#relatedContent .column3Box.seeAlso h2 {
	background-image:url('/images/global/Related_SeeAlso64.png');
	padding-top:49px;
	padding-top:3.0625rem;
}
#relatedContent .column3Box p {
	margin-left:4px;
	margin-left:0.25rem;
	margin-right:4px;
	margin-right:0.25rem;
	margin:0 4px 8px;
	margin:0 0.25rem 0.5rem;

}
#relatedContent .column3Box ul {
	margin-left:24px;
	margin-left:1.5rem;
	margin-right:4px;
	margin-right:0.25rem;
	margin-left:4px;
	list-style-type:none;
}
#relatedContent .column3Box ul li {
	margin:0 0 8px;
	margin:0 0 0.5rem;
}

#relatedContent .bookLink,
#relatedContent a.flashDoc {
	display:inline-block;
	padding:0 0 0 24px;
	padding:0 0 0 1.5rem;
}
#relatedContent .bookLink {
	background:transparent url('/images/icons/LittleBookIcon_20x20.png') left top no-repeat;
	background-size:20px;
	background-size:1.25rem;
	line-height:1.538462;
}
#relatedContent a.flashDoc {
	background:transparent url('/images/icons/Flash_20x20.png') left top no-repeat;
	padding:0;
	line-height:inherit;
	background:none;
}


/**** END Column 3 Boxes ****/




/**** SFL Object controls ****/
.sflObject {
	border:1px solid #ccc;
	box-shadow:0 2px 4px #aaa;
	margin:21px 0;
	margin:1.3125rem 0;
}
.sflObject .sflObject-text {
	padding:1px 14px;
	padding:1px 0.875rem;
}
.sflObject .sflObject-image {

}
.sflObject .sflObject-image > img {
	margin:14px;
	margin:0.875rem;
	border:1px solid #ddd;
	box-shadow:0 1px 2px #ddd;
}

.sflObject .sflObjectControls {
	position:relative;
	overflow:visible;
	border-bottom:1px solid #eee;
}
.sflObject .sflObjectControls ul,
.sflObject .sflObjectControls li {
	list-style-type:none;
	margin:0;
	font-size:12px;
	font-size:0.75rem;
	line-height:2;
}
.sflObject .sflObjectControls .sflObjectControls-list ul {
	position:absolute;
	top:24px;
	top:1.5rem;
	left:0;
	z-index:50;
	background:#fff;
	background:rgba(255,255,255,0.95);
	box-shadow:2px 2px 2px #ccc;
	border:1px solid #eee;
}
.sflObject .sflObjectControls .sflObjectControls-item-top > a {
	padding-right:8px;
	padding-right:0.5rem;
	color:#666;
	text-decoration:none;
}
.sflObject .sflObjectControls .sflObjectControls-item-top > a:hover,
.sflObject .sflObjectControls .sflObjectControls-item-top > a:focus {
	color:#09f;
	text-decoration:none;			
}
.sflObject .sflObjectControls .sflObjectControls-item-top > a:hover:after,
.sflObjectControls .sflObjectControls-item-top > a:focus:after {
	content:"Object options";
	margin-left:4px;
	margin-left:0.25rem;
}
.sflObject .sflObjectControls .sflObjectControls-item-top > a img {
	width:24px;
	width:1.5rem;
	height:24px;
	height:1.5rem;
}
.sflObject .sflObjectControls .sflObjectControls-sublist .sflObjectControls-item {
	line-height:2;
}
.sflObject .sflObjectControls .sflObjectControls-item .sflObjectControls-item-link {
	display:block;
	min-height:24px;
	min-height:1.5rem;
	padding-right:8px;
	padding-right:0.5rem;
	color:#666;
	text-decoration:none;
}
.sflObject .sflObjectControls .sflObjectControls-item .sflObjectControls-item-link:before {
	content:"";
	float:left;
	width:24px;
	width:1.5rem;
	height:24px;
	height:1.5rem;
	margin:0 4px 0 0;
	margin:0 0.25rem 0 0;
	background-position:-24px;
	background-position:-1.5rem;
	background-repeat:no-repeat;
	background-size:72px;
	background-size:4.5rem;
}
.sflObject .sflObjectControls .sflObjectControls-item .sflObjectControls-item-link:hover,
.sflObject .sflObjectControls .sflObjectControls-item .sflObjectControls-item-link:focus {
	color:#09f;
}
.sflObject .sflObjectControls .sflObjectControls-item .sflObjectControls-item-link.sflObjectControls-item-disabled {
	background-color:#eee;
	color:#888;
	text-decoration:line-through;
	cursor:default;
}
.sflObject .sflObjectControls .sflObjectControls-item .sflObjectControls-item-link:hover:before,
.sflObject .sflObjectControls .sflObjectControls-item .sflObjectControls-item-link:focus:before {
	background-position:-48px;
	background-position:-3rem;
}
.sflObject .sflObjectControls .sflObjectControls-item .sflObjectControls-item-link.sflObjectControls-item-disabled:before {
	background-position:0 0;
}
.sflObject .sflObjectControls .sflObjectControls-item-togglemedia .sflObjectControls-item-link:before {
	background-image:url('/images/icons/ToggleMedia_24x24_anim.gif');
}
.sflObject .sflObjectControls .sflObjectControls-item-selecttext .sflObjectControls-item-link:before {
	background-image:url('/images/icons/SelectText_24x24_anim.gif');
}


.sflObject .sflObjectControls img {
	display:inline-block;
	vertical-align:middle;
	border:0;
}




/**** Answers ****/
.sflAnswer {
	padding:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background:inherit;
}
/**** /Answers ****/

/**** Flipper/toggle controls ****/
.sflAnswerRevealer {
	clear:both;
	cursor:pointer;
}

/**** jQuery UI Tabs plugin - Required ****/
.ui-tabs-hide {/*display:none;*/}

.sflTabWrapper {
	margin-bottom:1em;
}

.ui-tabs {
	padding:4px;
	/*border:1px solid #bfd9e5;*/
}
.ui-tabs .ui-tabs-nav {
	margin:0 !important;
	padding:0 !important;
	border-bottom:1px solid #eee;
	background:#fff;
	list-style-type:none !important;
}
.ui-tabs .ui-tabs-nav:after {
	clear:left;
}
.ui-tabs .ui-tabs-nav .ui-state-default {
	float:left;
	position:relative;
	top:0;
	margin:0 !important;
}
.ui-tabs .ui-tabs-nav .ui-state-default a {
	display:block;
	margin:4px 4px -1px 0 !important;
	margin:0.25rem 0.25rem -1px 0 !important;
	padding:0 14px;
	padding:0 0.875rem;
	border:1px solid #eee;
	outline:0px;
	background:#eee;
	color:#666;
	font-size:14px;
	font-size:0.875rem;
	/*line-height:3;*/
	text-decoration:none !important;
}
.ui-tabs .ui-tabs-nav .ui-state-hover a,
.ui-tabs .ui-tabs-nav .ui-state-focus a {
	border-color:#046;
	background:#046;
	color:#fff;
	text-decoration:underline !important;
}
.ui-tabs .ui-tabs-nav .ui-tabs-active a {
	margin-bottom:0px;
	background:#fff;
	color:#069;
	border-bottom-color:#fff;
}
.ui-tabs .ui-tabs-nav .ui-tabs-active.ui-state-hover a,
.ui-tabs .ui-tabs-nav .ui-tabs-active.ui-state-focus a {
	border-color:#eee #eee #fff;
	background:#fff;
	color:#f60;
}
.ui-tabs .ui-tabs-panel {
	border:1px solid #eee;
	border-top-width:0;
	padding:1px 14px;
	padding:1px 0.875rem;
}

/**** jQuery UI Accordion - Required ****/
.sflAccordionWrapper,
.sflMulticcordionWrapper {
	margin-bottom:1em;
}
.sflAccordionWrapper h3,
.sflAccordionWrapper h4 {
	clear:both;
}

.noMargin {
	margin: 3px 0;
}
.ui-accordion {clear:both;}
.ui-accordion .ui-accordion-header {
	position: relative;
	margin:1px 0 0 0 !important;
	border:1px solid #069;
	background:#069;
	color:#fff !important;
	font-size:13px !important;
	font-size:0.8125rem !important;
	font-weight:normal !important;
	cursor:pointer;
}
.ui-accordion .ui-accordion-header a {
	display:block;
	padding:8px 8px 8px 24px;
	color:#fff !important;
	text-decoration:none !important;
}
.ui-accordion .ui-accordion-header .ui-icon {
	position:absolute;
	left:4px;
	top:50%;
	margin-top:-8px;
}
.ui-accordion .ui-state-hover,
.ui-accordion .ui-state-focus {
	border-color:#046;
	background:#046;
}
.ui-accordion .ui-state-active {
	border-color:#e5eff5;
	background:#e5eff5;
}
.ui-accordion .ui-state-active a {
	color:#069 !important;
}
.ui-accordion .ui-accordion-content {
	display: none;
	position: relative;
	/*REMOVED 2015 summer update - probably no longer necessary////overflow: auto; /* Auto instead of hidden fixes a chrome accordion bug */
	background:#fff;
	padding:4px 1em;
}
.ui-accordion .ui-accordion-content-active {
	display:block;
	/*padding:4px 1em;*/
	border:1px solid #e5eff5;
	border-top-width:0;
}
.sflAccordionDisable {
	clear:both;
	font-size:12px !important;
	font-size:0.75rem !important;
	margin-top:0 !important;
}
.sflAccordionWrapper .sflAccordionDisable:first-child,
.sflMulticcordionWrapper .sflAccordionDisable:first-child {
	margin-bottom:0 !important;
}

/**** jQuery UI Dialogs ****/
.ui-dialog {
	z-index:100;
	position:absolute;
	background:#fff;
	box-shadow:0 2px 4px #888;
}

.ui-dialog .ui-dialog-titlebar {
	position:relative;
	border:1px solid #069;
	background:#069;
	color:#fff;
	font-size:13px;
	font-size:0.8125rem;
}

.ui-dialog .ui-dialog-titlebar .ui-button {
	display:block;
	position:absolute;
	top:50%;
	right:0;
	width:20px;
	height:20px;
	margin:-10px 4px 0 0;
	border:0;
	background:transparent;
	color:#069;
}
.ui-dialog .ui-dialog-titlebar .ui-button .ui-button-text {
	display:block;
	text-indent:-9999px;
}

.ui-dialog .ui-dialog-titlebar .ui-icon { background-image: url('/images/icons/jQueryIconSet_ffffff.png'); }
.ui-dialog .ui-dialog-titlebar .ui-state-hover .ui-icon,
.ui-dialog .ui-dialog-titlebar .ui-state-focus .ui-icon {
	background-image: url('/images/icons/jQueryIconSet_006699.png');
	background-color:#fff;	
}

.ui-dialog-title {
	font-weight:bold;
	line-height:32px;
	padding:0 8px;
}

.ui-dialog-titlebar-close {
	position:absolute;
	top:50%;
	right:8px;
	margin-top:-8px;
	display: none !important;
}

.ui-dialog-content {
	overflow:auto;
	padding:0 14px;
	padding:0 0.875rem;
}

.ui-dialog-content a {
	text-decoration:underline;
}

.ui-dialog-content h2,
.ui-dialog-content h3,
.ui-dialog-content h4,
.ui-dialog-content h5,
.ui-dialog-content h6 {
	margin:21px 0 0;
	margin:1.3125rem 0 0;
}
.ui-dialog-content h2 {
	font-size:20px;
	font-size:1.25rem;
}
.ui-dialog-content h2:first-child {
	margin-top:7px;
	margin-top:0.4375rem;
}
.ui-dialog-content h3 {
	font-size:18px;
	font-size:1.125rem;
}
.ui-dialog-content h4 {
	font-size:15px;
	font-size:0.9375rem;
}
.ui-dialog-content h5 {
	font-size:14px;
	font-size:0.875rem;
}
.ui-dialog-content h6 {
	font-size:13px;
	font-size:0.8125rem;
	color:#555;
}

.ui-dialog-content p,
.ui-dialog-content ul,
.ui-dialog-content ol,
.ui-dialog-content dl,
.ui-dialog-content table {
	font-size:14px;
	font-size:0.875rem;
	margin:14px 0;
	margin:0.875rem 0;
}

.ui-dialog-content table,
.ui-dialog-content th,
.ui-dialog-content td {border:1px #999 solid;}
.ui-dialog-content table {
	border:1px #999 solid;
	margin:21px 0;
	margin:1.3125rem 0;
	border-collapse:collapse;
	background:#fff;
}
.ui-dialog-content td,
.ui-dialog-content th {
	padding:7px;
	padding:0.4375rem;
}
.ui-dialog-content th {
	background:#eee;
}

.ui-dialog-content ul,
.ui-dialog-content ol {
	margin-left:28px;
	margin-left:1.75rem;
}
.ui-dialog-content dl dt {
	font-weight:bold;
	font-size:1.166667em;
}
.ui-dialog-content dl dd {
	margin-left:1em;
}
.ui-dialog-content ol ol {
	font-size:13px;
	font-size:0.8125rem;
	list-style-type:lower-roman;
}
.ui-dialog-content li {
	margin:7px 0;
	margin:0.4375rem 0;
}
.ui-dialog-content iframe,
.ui-dialog-content object {
	margin:14px 0;
	margin:0.875rem 0;
}

.ui-dialog-buttonpane {
	padding:4px 12px;
}
.ui-dialog-buttonpane .ui-button {
	margin:7px 0;
	margin:0.4375rem 0;
	padding:0.4375rem 0.875rem;
	border:0;
	background:#069;
	color:#fff;
	font-family:"Open Sans",Verdana,Geneva,sans-serif;
	font-size:13px;
	font-size:0.8125rem;
}
.ui-dialog-buttonpane button.ui-state-hover,
.ui-dialog-buttonpane button.ui-state-focus {
	background:#046;
}

/**** jQuery UI overlay (modal dialog backing) ****/
.ui-widget-overlay {
/*	z-index:500;
	position:absolute;
	top:0px;
	left:0px;
	background:rgb(127,127,127); *//* IE < 8 fallback *//*
	background:rgba(127,127,127,0.5);
	filter:alpha(opacity=50); *//* IE only */
}
.ui-widget-overlay {
	width:100%;
	height:100%;
	position:fixed;
	left:0;
	top:0;
	background:rgb(127,127,127); /* IE < 8 fallback */
	background:rgba(127,127,127,0.5);
	filter:alpha(opacity=50); /* IE only */
}


/**** Information boxes ****/
.questionBox,
.infoBox,
.attentionBox,
.errorBox,
.advantageBox,
.disadvantageBox {
	position:relative;
	overflow:visible;
	margin:1em 0 1em 8px;
	padding:8px;
	padding-left:32px;
	border:1px solid #888;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	line-height:1.5 !important;
	line-height:normal;
}
div.questionBox,
div.infoBox,
div.attentionBox,
div.errorBox,
div.advantageBox,
div.disadvantageBox {
	padding:0 8px 0 32px;
}
.questionBox {
	border-color:#006699;
	background:#f0f8fc;
}
.infoBox {
	border-color:#006699;
	background:#fff;
}
.attentionBox {
	border-color:#807613;
	background:#fcfbf0;
}
.errorBox {
	border-color:#660f0f;
	background:#fcf0f0;
}
.advantageBox {
	border-color:#abd998;
	background:#f3ffed;
}
.disadvantageBox {
	border-color:#d99898;
	background:#ffeded;
}
.questionBox img.icon,
.infoBox img.icon,
.attentionBox img.icon,
.errorBox img.icon,
.advantageBox img.icon,
.disadvantageBox img.icon {
	position:absolute;
	top:-8px;
	left:-8px;
	border-width:0;
}
* html img.icon {
	left:-40px !important;
}
div.questionBox p,
div.questionBox ul,
div.infoBox p,
div.infoBox ul,
div.attentionBox p,
div.attentionBox ul,
div.errorBox p,
div.errorBox ul,
div.advantageBox p,
div.advantageBox ul,
div.disadvantageBox p,
div.disadvantageBox ul {
	margin:1em 0;
}

.advantageBox ul,
.advantageBox ol,
.disadvantageBox ul,
.disadvantageBox ol {
	margin:8px 0;
	padding-left:1em;
}
.advantageBox li ul,
.advantageBox li ol,
.disadvantageBox li ul,
.disadvantageBox li ol {
	margin:2px 0;
	padding-left:1.5em;
}

.podcastBox {
	margin:21px 0;
	margin:1.3125rem 0;
}
.podcastBox .heading {
	overflow:hidden;
	padding-left:44px;
	padding-left:2.75rem;
	background:#069 url('/images/global/Related_Podcast64_White.png') no-repeat;
	background-position:4px center;
	background-position:0.25rem center;
	background-size:32px;
	background-size:2rem;
	font-size:13px;
	font-size:0.8125rem;
	font-weight:600;
}
.podcastBox .heading p,
#mainContent .podcastBox .heading > p {
	margin:0;
	color:#fff;
	font-size:13px;
	font-size:0.8125rem;
	line-height:40px;
	line-height:2.5rem;
}
.podcastBox .content {
	padding:14px;
	padding:0.875rem;
	background:#f0f8fc;
}
.podcastBox .content .duration {
	margin:0;
    padding-left:15px;
	padding-left:0.9375rem;
	background:url("/images/podcast/DurationClock.png") left center no-repeat;
	background-size:11px;
	background-size:0.6875rem;
    color:#666;
}
div.podcastBox p,
div.podcastBox ul {
	
}

/**** Tell us what you think block ****/
.tellUs {
	margin:21px 0;
	margin:1.3125rem 0;
	background:#f6f6f6;
}
.tellUs .tellUsWhat {
	padding:14px;

}
.tellUs h2,
#mainContent .tellUs h2 {
	padding:7px 46px;
	padding:0.4375rem 2.875rem;
	background:#333 url('/images/icons/talk_32x26_white.png') 7px center no-repeat;
	background-position:7px center;
	background-position:0.4375rem center;
	background-size:32px;
	background-size:2rem;
	color:#fff;
	font-size:13px;
	font-size:0.8125rem;
	font-weight:600;
	line-height:2;
}
.tellUs p {
	margin:14px 0 0;
	margin:0.875rem 0 0;
	line-height:1.714286;
}
.tellUs p:first-child {
	margin-top:0;
}

/**** Generic video wrapper ****/
.videoWrapper {
	margin:1em auto; /* Need to specify a width to centre the vid */
	padding:4px;
	background:#eee;
	text-align:center;
}

/**** Pre-formatted text - mostly for maths examples probably ****/
div.pre {
	margin:1em;
	font-family:"Courier New", Courier, monospace;
	font-size:0.875em;
}

/**** 'Back to top' type links ****/
.backToTop {/* Empty, just a reminder that this exists (goto print stylesheet) */}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url('/images/icons/jQueryIconSet_454545.png'); }
.ui-widget-content .ui-icon {background-image: url('/images/icons/jQueryIconSet_454545.png'); }
.ui-widget-header .ui-icon {background-image: url('/images/icons/jQueryIconSet_454545.png'); }
.ui-state-default .ui-icon { background-image: url('/images/icons/jQueryIconSet_ffffff.png'); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('/images/icons/jQueryIconSet_ffffff.png'); }
.ui-state-active .ui-icon {background-image: url('/images/icons/jQueryIconSet_006699.png'); }
.ui-state-highlight .ui-icon {background-image: url('/images/icons/jQueryIconSet_2e83ff.png'); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url('/images/icons/jQueryIconSet_cd0a0a.png'); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/**** Category tags ****/
a.tagAca,
a.tagGlo,
a.tagInf,
a.tagInt,
a.tagLea,
a.tagMat,
a.tagPro,
a.tagRef,
a.tagRes,
a.tag {
	display:inline-block;
	padding:0 8px;
	padding:0 0.5rem;
	background:#069;
	color:#fff;
	font-size:12px;
	font-size:0.75rem;
	line-height:1.75;
}

a.tagAca {
	border-color:#fad000;
	background:#ffe88c;
	color:#650;
}
a.tagGlo {
	border-color:#5353a6;
	background:#8f8fcc;
	color:#fff;
}
a.tagInf {
	border-color:#bdcc47;
	background:#e4f279;
	color:#5a6600;
}
a.tagInt {
	border-color:#47a7bf;
	background:#8ad3e6;
	color:#000;
}
a.tagLea {
	border-color:#05a975;
	background:#43bf98;
	color:#fff;
}
a.tagMat {
	border-color:#e50000;
	background:#e57373;
	color:#fff;
}
a.tagPro {
	border-color:#849;
	background:#b073bf;
	color:#fff;
}
a.tagRef {
	border-color:#99264b;
	background:#cc6686;
	color:#fff;
}
a.tagRes {
	border-color:#e55c00;
	background:#f2853d;
	color:#fff;
}

.columnWrapper {
	position:relative;
	overflow:auto;
}
.columnWrapper .column1,
.columnWrapper .column2 {
	width:49%;
}
.columnWrapper .column1 {
	float:left;
}
.columnWrapper .column2 {
	float:right;
}

.twoColumnText {
	-moz-column-count:2;
	-moz-column-gap:1em;
	/*-moz-column-rule:1px solid black;*/
	-webkit-column-count:2;
	-webkit-column-gap:1em;
	/*-webkit-column-rule:1px solid black;*/
}

.mobileOnly {
	display:none;
}

.noLineBreaks {
	white-space:nowrap;
}

/**** Video pickers ****/
.youTubeVideo {
	margin-bottom:1em;
	padding:8px;
}
.youTubeVideo .caption {
	text-align:right;
	margin:0.5em 0 0;
}
.videoPickerPlayer {
	display:none;
	background:#e1eef5;
}
.videoPickerPlayer .title {
	margin:0;
	padding:8px;
	background:#069;
	color:#fff;
}
.videoPicker
.videoPickerInstructions {
	margin-bottom:1em;
	padding:8px;
	background:#e1eef5;
}

/**** Cookie panel ****/
#CookieControl {
	overflow:auto;
	padding:8px;
	padding:0.5rem;
	background:#000;
	color:#fff;
	font-size:14px;
	font-size:0.875rem;
	text-align:center;
}
#CookieControl p {
	margin:0;
}
#CookieControl div.buttons {
	padding-top:8px;
	padding-top:0.5rem;
}
#CookieControl div.buttons a {
	display:inline-block;
	margin:0 0 0 8px;
	margin:0 0 0 0.5rem;
	padding:4px 8px;
	padding:0.25rem 0.5rem;
	background:#fff;
	color:#069;
	font-size:13px;
	font-size:0.8125rem;
	font-weight:600;
	text-decoration:none;
}
#CookieControl div.buttons a:hover {
	background:#deebf2;
	color:#046;
}

/**** Buttons ****/
a.buttonGrey,
button.buttonGrey {
	display:inline-block;
	cursor:pointer;
	margin:12px 0;
	padding:8px 12px;
	border:1px solid #888;
	border-color:#ccc #888 #888 #ccc;
	border-radius:3px;
	background:#eee;
	background:linear-gradient(to bottom, #fff 0%, #f8f8f8 33%, #eee 100%);
	text-align:center;
}
a.buttonGrey:hover,
a.buttonGrey:active,
button.buttonGrey:hover,
button.buttonGrey:active {
	border-color: #888 #ccc #ccc #888;
	background:#eee;
	background:linear-gradient(to top, #f8f8f8 0%, #eee 33%, #ddd 100%);
}


/**** jPlayer media player ****/
div.jp-audio * {
	margin:0;
	padding:0;
}
div.jp-audio {
	position:relative;
	background:#333;
}

div.jp-audio .jp-controls,
div.jp-audio .jp-volume-controls {
	position:absolute;
	height:32px;
	height:2rem;
}
div.jp-audio .jp-controls {
	top:0;
	left:0;
	width:64px;
	width:4rem;
	background:#0099e5;
}
div.jp-audio .jp-volume-controls {
	top:0;
	right:0;
	background:#000;
	width:128px;
	width:8rem;
}
div.jp-audio.jp-state-no-volume .jp-volume-controls {
	width:32px;
	width:2rem;
}
div.jp-audio button {
	position:absolute;
	width:32px;
	width:2rem;
	height:32px;
	height:2rem;
	margin:0;
	padding:0;
	border:0;
	background:transparent url('/images/jplayer/Icons.png') 0 0 no-repeat;
	background-size:96px;
	background-size:6rem;
	text-indent:-9999px;
	cursor:pointer;
}

div.jp-audio .jp-play {
	left:0;
	background-position:0 0;
}
div.jp-audio.jp-state-playing .jp-play {
	background-position:-32px 0;
	background-position:-2rem 0;
}
div.jp-audio .jp-stop {
	left:32px;
	left:2rem;
	background-position:-64px 0;
	background-position:-4rem 0;
}

div.jp-audio .jp-progress {
	height:32px;
	height:2rem;
	margin:0 128px 0 64px;
	margin:0 8rem 0 4rem;
}
div.jp-audio.jp-state-no-volume .jp-progress {
	margin:0 32px 0 64px;
	margin:0 2rem 0 4rem;
}
div.jp-audio .jp-seek-bar {
	width:100%;
	height:32px;
	height:2rem;
	cursor:pointer;
}
div.jp-audio .jp-play-bar {
	background:#069;
	height:100%;
}

div.jp-audio .jp-mute {
	right:96px;
	right:6rem;
	background-position:0px -32px;
	background-position:0px -2rem;
}
div.jp-audio.jp-state-muted .jp-mute {
	background-position:-32px -32px;
	background-position:-2rem -2rem;
}
div.jp-audio.jp-state-no-volume .jp-mute {
	right:0;
}
div.jp-audio .jp-volume-max {
	right:0;
	background-position:-64px -32px;
	background-position:-4rem -2rem;
}
div.jp-audio .jp-volume-bar {
	position:absolute;
	top:10px;
	top:0.625rem;
	right:40px;
	right:2.5rem;
	width:48px;
	width:3rem;
	height:12px;
	height:0.75rem;
	background:#333;
	cursor:pointer;
}
div.jp-audio .jp-volume-bar .jp-volume-bar-value {
	position:relative;
	background:#08c;
	height:100%;
}

div.jp-audio .jp-details {
	position:absolute;
	top:0;
	left:64px;
	left:4rem;
	right:128px;
	right:8rem;
	padding:0 8px;
	padding:0 0.5rem;
	color:#eee;
	color:rgba(255,255,255,0.9);
	font-size:12px;
	font-size:0.75rem;
	font-weight:600;
	line-height:32px;
	line-height:2rem;
}
div.jp-audio.jp-state-no-volume .jp-details {
	right:32px;
	right:2rem;
}
div.jp-audio .jp-title {
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;	
}

/* Large 64px base */
div.jp-audio.jp-size-large .jp-controls,
div.jp-audio.jp-size-large .jp-volume-controls {
	height:64px;
	height:4rem;
}
div.jp-audio.jp-size-large .jp-controls {
	width:128px;
	width:8rem;
}
div.jp-audio.jp-size-large .jp-volume-controls {
	width:256px;
	width:16rem;
}
div.jp-audio.jp-size-large.jp-state-no-volume .jp-volume-controls {
	width:64px;
	width:4rem;
}
div.jp-audio.jp-size-large button {
	width:64px;
	width:4rem;
	height:64px;
	height:4rem;
	background-size:192px;
	background-size:12rem;
}
div.jp-audio.jp-size-large.jp-state-playing .jp-play {
	background-position:-64px 0;
	background-position:-4rem 0;
}
div.jp-audio.jp-size-large .jp-stop {
	left:64px;
	left:4rem;
	background-position:-128px 0;
	background-position:-8rem 0;
}

div.jp-audio.jp-size-large .jp-progress {
	height:64px;
	height:4rem;
	margin:0 256px 0 128px;
	margin:0 16rem 0 8rem;
}
div.jp-audio.jp-size-large.jp-state-no-volume .jp-progress {
	margin:0 64px 0 128px;
	margin:0 4rem 0 8rem;
}
div.jp-audio.jp-size-large .jp-seek-bar {
	height:64px;
	height:4rem;
}

div.jp-audio.jp-size-large .jp-mute {
	right:192px;
	right:12rem;
	background-position:0px -64px;
	background-position:0px -4rem;
}
div.jp-audio.jp-size-large.jp-state-muted .jp-mute {
	background-position:-64px -64px;
	background-position:-4rem -4rem;
}
div.jp-audio.jp-size-large.jp-state-no-volume .jp-mute {
	right:0;
}
div.jp-audio.jp-size-large .jp-volume-max {
	background-position:-128px -64px;
	background-position:-8rem -4rem;
}

div.jp-audio.jp-size-large .jp-volume-bar {
	top:20px;
	top:1.25rem;
	right:80px;
	right:5rem;
	width:96px;
	width:6rem;
	height:24px;
	height:1.5rem;
}
div.jp-audio.jp-size-large .jp-details {
	left:128px;
	left:8rem;
	right:256px;
	right:16rem;
	padding:0 16px;
	padding:0 1rem;
	font-size:16px;
	font-size:1rem;
	line-height:64px;
	line-height:4rem;
}
div.jp-audio.jp-size-large.jp-state-no-volume .jp-details {
	right:64px;
	right:4rem;
}

/* Small 16px base */
div.jp-audio.jp-size-small .jp-controls,
div.jp-audio.jp-size-small .jp-volume-controls {
	height:16px;
	height:1rem;
}
div.jp-audio.jp-size-small .jp-controls {
	width:32px;
	width:2rem;
}
div.jp-audio.jp-size-small .jp-volume-controls {
	width:64px;
	width:4rem;
}
div.jp-audio.jp-size-small.jp-state-no-volume .jp-volume-controls {
	width:16px;
	width:1rem;
}
div.jp-audio.jp-size-small button {
	width:16px;
	width:1rem;
	height:16px;
	height:1rem;
	background-size:48px;
	background-size:3rem;
}
div.jp-audio.jp-size-small.jp-state-playing .jp-play {
	background-position:-16px 0;
	background-position:-1rem 0;
}
div.jp-audio.jp-size-small .jp-stop {
	left:16px;
	left:1rem;
	background-position:-32px 0;
	background-position:-2rem 0;
}

div.jp-audio.jp-size-small .jp-progress {
	height:16px;
	height:1rem;
	margin:0 64px 0 32px;
	margin:0 4rem 0 2rem;
}
div.jp-audio.jp-size-small.jp-state-no-volume .jp-progress {
	margin:0 16px 0 32px;
	margin:0 1rem 0 2rem;
}
div.jp-audio.jp-size-small .jp-seek-bar {
	height:16px;
	height:1rem;
}

div.jp-audio.jp-size-small .jp-mute {
	right:48px;
	right:3rem;
	background-position:0px -16px;
	background-position:0px -1rem;
}
div.jp-audio.jp-size-small.jp-state-muted .jp-mute {
	background-position:-16px -16px;
	background-position:-1rem -1rem;
}
div.jp-audio.jp-size-small.jp-state-no-volume .jp-mute {
	right:0;
}
div.jp-audio.jp-size-small .jp-volume-max {
	background-position:-32px -16px;
	background-position:-2rem -1rem;
}

div.jp-audio.jp-size-small .jp-volume-bar {
	top:5px;
	top:0.3125rem;
	right:20px;
	right:1.25rem;
	width:24px;
	width:1.5rem;
	height:6px;
	height:0.375rem;
}
div.jp-audio.jp-size-small .jp-details {
	left:32px;
	left:2rem;
	right:64px;
	right:4rem;
	padding:0 4px;
	padding:0 0.25rem;
	font-size:10px;
	font-size:0.625rem;
	line-height:16px;
	line-height:1rem;
}
div.jp-audio.jp-size-small.jp-state-no-volume .jp-details {
	right:16px;
	right:1rem;
}
.indent {
	margin-left: 10%;
}

.assessment-table td {
	vertical-align: text-top;
}
