/* ***********************************************************
	BBC CREATIVE FUTURES - USER-SELECTABLE STYLESHEET
**************************************************************/

/* General  ================================================*/

.paragraphText {
 color:#666666;
 display:block;
 font-size:60%;
 margin:0 0 12px 0;
 }

.floatRight {
 float:right;
 margin:0 0 15px 15px;
 }

.floatLeft {
 float:left;
 margin:0 15px 15px 0;
 }


/* Large headings ===========================================*/

.headingLargeDarkBlue {
 color:#1B4164;
 display:block;
 font-size:100%; 
 font-weight:bold;
 margin:0 0 15px 0;
 }

.headingLargeLightBlue {
 color:#00959F;
 display:block;
 font-size:100%; 
 font-weight:bold;
 margin:0 0 15px 0;
 }

.headingLargeLightGreen {
 color:#82BD4C;
 display:block;
 font-size:100%; 
 font-weight:bold;
 margin:0 0 15px 0;
}

.headingLargeDarkGreen {
 color:#338437;
 display:block;
 font-size:100%; 
 font-weight:bold;
 margin:0 0 15px 0;
}

.headingLargeGrey {
 color:#666666;
 display:block;
 font-size:100%; 
 font-weight:bold;
 margin:0 0 15px 0;
}

.getCreativeHeading {
 background:silver;
 color:#FFFFFF;
 display:block;
 font-size:100%; 
 font-weight:bold;
 margin:0 0 15px 0;
}


/* Medium headings ===========================================*/


.headingMediumDarkBlue {
 color:#1B4164;
 display:block;
 font-size:80%;
 font-weight:bold;
 margin:0 0 15px 0;
 }

.headingMediumLightBlue {
 color:#00959F;
 display:block;
 font-size:80%;
 font-weight:bold;
 margin:0 0 15px 0;
 }

.headingMediumLightGreen {
 color:#82BD4C;
 display:block;
 font-size:80%;
 font-weight:bold;
 margin:0 0 15px 0;
 }

.headingMediumDarkGreen {
 color:#338437;
 display:block;
 font-size:80%;
 font-weight:bold;
 margin:0 0 15px 0;
 }

.headingMediumGrey {
 color:#666666;
 display:block;
 font-size:80%;
 font-weight:bold;
 margin:0 0 15px 0;
 }



/* Small headings ===========================================*/


.headingSmallDarkBlue {
 color:#1B4164;
 display:block;
 font-size:70%;
 font-weight:bold;
 margin:0 0 10px 0;
 }

.headingSmallLightBlue {
 color:#00959F;
 display:block;
 font-size:70%;
 font-weight:bold;
 margin:0 0 10px 0;
 }

.headingSmallLightGreen {
 color:#82BD4C;
 display:block;
 font-size:70%;
 font-weight:bold;
 margin:0 0 10px 0;
 }

.headingSmallDarkGreen {
 color:#338437;
 display:block;
 font-size:70%;
 font-weight:bold;
 margin:0 0 10px 0;
 }

.headingSmallGrey {
 color:#666666;
 display:block;
 font-size:70%;
 font-weight:bold;
 margin:0 0 10px 0;
 }



/* Links  ==============================================*/

.hubBoxLink {
 color:#E41B5B;
 font-size:55%;
 display:block;
 font-weight:bold;
 }
 
.relatedLink {
 background:url("https://static.files.bbci.co.uk/webarchive/asset/e5211d80665115e3208d38c06941a15e1e5fb0a04039fad3f63c0d62ecfe5ecd.gif") no-repeat;
 background-position:0 2px;
 display:block; 
 font-size:60%;
 font-weight:bold;
 padding:0 0 0 12px;
 }

.pinkArrowLink {
 background:url("https://static.files.bbci.co.uk/webarchive/asset/e5211d80665115e3208d38c06941a15e1e5fb0a04039fad3f63c0d62ecfe5ecd.gif") no-repeat;
 background-position:0 2px;
 font-size:11px;
 font-weight:bold;
 padding:0 0 0 12px;
 }

.greyLink {
 color:#666666;
 font-size:60%;
 font-weight:bold;
 }

.redLink {
 color:#FF0000;
 font-size:11px;
 font-weight:bold;
 }

.lightGreenLink {
 color:#82BD4C;
 font-size:60%;
 font-weight:bold;
 }

.magentaLink {
 color:#E41B5B;
 font-size:55%;
 font-weight:bold;
 }
 
 .blueLink {
 color: #3366FF;
 
 }

.downloadLinkOrange {
 background:url("https://www.bbc.co.uk/staticarchive/31f2894f12cac8dea082c12dbe622d39d168ef47.gif") no-repeat;
 background-position:0 2px;
 color:#000000;
 margin:0 0 0 3px;
 padding:0 0 0 10px;
 }

.headingMediumGreenLink {
 background:url("https://www.bbc.co.uk/staticarchive/31f2894f12cac8dea082c12dbe622d39d168ef47.gif") no-repeat;
 background-position:0 4px;
 color:#82BD4C;
 display:block;
 font-size:80%;
 font-weight:bold;
 margin:0 0 15px 0;
 padding:0 0 0 10px;
 }



/* Quotation box  ==============================================*/


.quoted {
 background:url("https://static.files.bbci.co.uk/webarchive/asset/9fa6a4907649c334a13a1af15ba4b181aa81dd8da6c3029ca7dfcde156aa9027.gif") top left no-repeat;
 color:#67665A;
 display:block;
 font-size:60%;
 margin:0 0 10px 0;
 padding:0 0 0 14px;
 }

.quotation {
 color:#00959F;
 display:block;
 font-size:70%;
 font-style:normal;
 padding:0 0 0 14px;
 }

.quotationLink {
 color:#FF0000;
 display:block;
 font-size:60%;
 padding:0 0 0 14px;
 }








.showcaseContent {
 color:#67665A;
 display:block;
 font-size:60%;
 }



/* Hub floating boxes  ==============================================*/


.hubHeading { 
 color:#666666;
 display:block;
 font-size:80%;
 font-weight:bold; 
 margin:0 0 12px 0;
 }

.hubBoxHeading {
 color:#636252;
 font-size:12px;
 font-weight:bold;
}

.hubBoxContent {
 color:#636252;
 font-size:55%;
 margin:5px 0 5px 0;
 }



/* Home floating boxes  ==============================================*/


.homeBoxAHeading {
	background:#007A81;
	color:#F3F8E6;
	font-size:12px;
	font-weight:bold;
	line-height: 130%;
	margin-bottom: 4px;
 }

.homeBoxBHeading {
	background:#55B47B;
	color:#F3F8E6;
	font-size:12px;
	font-weight:bold;
	line-height: 130%;
	margin-bottom: 4px;
 } 

.homeBoxAContent {
 background:#007A81;
 color:#FFFFFF;
 font-size:10px;
 margin:5px 0 5px 0;
 }

.homeBoxBContent {
 background:#55B47B;
 color:#FFFFFF;
 font-size:10px;
 margin:5px 0 5px 0;
 }

.homeBoxCContent {
 color:#FFFFFF;
 font-size:10px;
 margin:5px 0 5px 0;
 }

.homeBoxALink {
 background:#007A81 url("https://static.files.bbci.co.uk/webarchive/asset/e5211d80665115e3208d38c06941a15e1e5fb0a04039fad3f63c0d62ecfe5ecd.gif") no-repeat;
 background-position:0 2px;
 color:#FFFFFF;
 font-weight:bold;
 padding:0 0 0 10px;
 }

.homeBoxBLink {
 background:#55B47B url("https://static.files.bbci.co.uk/webarchive/asset/e5211d80665115e3208d38c06941a15e1e5fb0a04039fad3f63c0d62ecfe5ecd.gif") no-repeat;
 background-position:0 2px;
 color:#FFFFFF;
 font-weight:bold;
 padding:0 0 0 10px;
 }

.creativeController {
 background:#799E9D;
 border:1px solid #1C7171;
 color:#FFFFFF;
 display:block;
 font-size:60%;
 font-weight:bold;
 padding:5px;
 margin:0 9px 0 0;
 }

.creativeControllerLink {
 color:#000000;
 font-weight:bold;
 text-decoration:underline;
 }






.detail {
 border-top:1px dotted #666666;
 border-bottom:1px dotted #666666;
 color:#000000 !important;
 padding:5px 0 5px 0;
 }

li {
	list-style-type: square;
	margin-left: 15px;
}