/* ========================================================================== */
/* COLOUR SCHEME                                                              */
/* ========================================================================== */
/* 
	Use this stylesheet for customizing the background colours of certain panels 
	throughout the site.
	
	========================================================================== */


/* ======================================================================== 
	Global Styles                                                           
	======================================================================== */

/* coloured strip under the navbar */
#subNavbar {
	background-color: #BD197A;
}	

/* General links */
a {
	color: #BD197A;
	color:#666666;
	} 


/* Left hand column links */
div#folder a, div#login a, div#quickLinks a, div#prevPurchase a  {
	color: black;
}

/* Login box on almost every page */
div#login {
	background: url(/mudpie/panels/trend_login.jpg) no-repeat;
	color: black;
}	

/* Different color for when the user is logged in */
div#leftCol div.loggedIn {
	background: url(/mudpie/panels/trend_login.jpg) no-repeat;
	color: black;
}

/* Folder and Basket panel (also on nearly every page) */	
div#folder h3 {
	color: white;
	background: #000000;		/* background colour of the heading strips */
}		
div#folder {
		background: url(/mudpie/panels/trend_lightbox.jpg) no-repeat;
	color: black;		/* background colour of the text */
}		




/* ======================================================================== 
	Home pages                                                             
=========================================================================== */

/* ------------------------------------------------------------------------
	Browse all books page
--------------------------------------------------------------------------- */	
ul.books li {
	background: url(/mudpie/panels/home_panel.gif) no-repeat;
	color: black;
}

	
/* ------------------------------------------------------------------------
	Main Home Page
--------------------------------------------------------------------------- */	

/* Right hand welcome box */
div#welcome {
	background: #eee !important;
	color: black;
}

div#techSupport {
	background: url(/mudpie/panels/news.jpg) no-repeat;
	color: black;
}
/* Latest news panel on homepage */
div#news {														
background: url(/mudpie/panels/news.jpg) no-repeat;
	color: black;
}					

/* Headings/links in latest news panel */
div#news h4, div#news h4 a { color: white; }		

/* Left Hand Quick Links panel on home page  */	
div#quickLinks {												
	color: black;
	background: white;
}	

/* The three middle panels under the main image on the homepage */	
div.first {
	background: black;
	color: white;
}	
div.second {
	background: #000000;
	color: #ffffff;
}
div.third {
	background: #000000;
	color: #ffffff;
}

/* home page promo panel heading colour */	
div.first h4, div.second h4, div.third h4 { 
	color: #ffffff;
}		



/* ------------------------------------------------------------------------
	Mudpie Books Home Page
--------------------------------------------------------------------------- */

div#bookPanel {
	background: url(/mudpie/panels/welcome.jpg) no-repeat;
	color: black;
}

/* The three middle panels under the main image on the homepage */	
div.bookHome div.first  {
	background: url(/mudpie/panels/panels.jpg) no-repeat;
	color: black;
}	
div.bookHome div.second {
	background: url(/mudpie/panels/panels.jpg) no-repeat;
	color: black;
}
div.bookHome div.third {
	background: url(/mudpie/panels/panels.jpg) no-repeat;
	color: black;
}

/* bookHome home page promo panel heading colour */	
div.bookHome div.first h4, div.bookHome div.second h4, div.bookHome div.third h4  {
	color: black;
}

/* Left Hand previous purchases on trend books microsites*/	
div#prevPurchase {
	background: url(/mudpie/panels/trend_lightbox.jpg) no-repeat;
	color: black;
}			

/* Smaller panels on the microsite pages: */
div.promoButton {
	background: url(/mudpie/panels/welcome.jpg) no-repeat;
	color: black;
}		

div#subscribe {
	background-color: black;
	color: white;
}



/* ------------------------------------------------------------------------
	Trends Home Page
--------------------------------------------------------------------------- */

/* The three middle panels under the main image on the homepage */	
div.trends div.first  {
	background: black;
	color: white;
}	
div.trends div.second {
	background: #000000;
	color: white;
}
div.trends div.third {
	background: #000000;
	color: white;
}

/* Trends home page promo panel heading colour */	
div.trends div.first h4, div.trends div.second h4, div.trends div.third h4  {
	color: white;
}

/* Right hand boxes on the trends home page */
#home div.trends div#welcomeRep {
	background: black;
	color: white;
}
#home div.trends div#recentRep {
	background: black;
	color: white;
}



/* ------------------------------------------------------------------------
	Trade Fairs home page
--------------------------------------------------------------------------- */

/* The three middle panels under the main image on the trade fairs homepage */	
div.trade div.first  {
	background: black;
	color: white;
}	
div.trade div.second {
	background: #000000;
	color: white;
}
div.trade div.third {
	background: #000000;
	color: white;
}

/* Trade Fairs home page promo panel heading colour */	
div.trade div.first h4, div.trade div.second h4, div.trade div.third h4  {
	color: white;
}

/* Right hand boxes on the trade fairs home page */
#home div.trade div#welcomeRep {
	background: black;
	color: white;
}
#home div.trade div#recentRep {
	background: black;
	color: white;
}



/* ------------------------------------------------------------------------
	Retail home page
--------------------------------------------------------------------------- */

/* The three middle panels under the main image on the resources homepage */	
div.retail div.first  {
	background: black;
	color: white;
}	
div.retail div.second {
	background: #000000
	color: white;
}
div.retail div.third {
	background: #000000;
	color: white;
}

/* retail home page promo panel heading colour */	
div.retail div.first h4, div.retail div.second h4, div.retail div.third h4  {
	color: white;
}

/* Right hand boxes on the retail home page */
#home div.retail div#welcomeRep {
	background: black;
	color: white;
}
#home div.retail div#recentRep {
	background: black;
	color: white;
}



/* ------------------------------------------------------------------------
	Runway home page
--------------------------------------------------------------------------- */

/* The three middle panels under the main image on the runway homepage */	
div.runway div.first  {
	background: black;
	color: white;
}	
div.runway div.second {
	background: #000000;
	color: white;
}
div.runway div.third {
	background: #000000;
	color: white;
}

/* Runway home page promo panel heading colour */	
div.runway div.first h4, div.runway div.second h4, div.runway div.third h4  {
	color: white;
}

/* Right hand boxes on the runway home page */

#home div.runway div#welcomeRep {
	background: black;
	color: white;
}
#home div.runway div#recentRep {
	background: black;
	color: white;
}


/* ------------------------------------------------------------------------
	Culture home page 
--------------------------------------------------------------------------- */

/* The three middle panels under the main image on the culture homepage */	
div.culture div.first  {
	background: black;
	color: white;
}	
div.culture div.second {
	background: #000000;
	color: white;
}
div.culture div.third {
	background: #000000;
	color: white;
}

/* Culture home page promo panel heading colour */	
div.culture div.first h4, div.culture div.second h4, div.culture div.third h4  {
	color: white;
}

/* Right hand boxes on the culture home page */
#home div.culture div#welcomeRep {
	background: black;
	color: white;
}
#home div.culture div#recentRep {
	background: black;
	color: white;
}



/* ------------------------------------------------------------------------
	Resources home page
--------------------------------------------------------------------------- */

/* The three middle panels under the main image on the resources homepage */	
div.resources div.first  {
	background: black none left top;
	color: white;
}	
div.resources div.second {
	background: #000000 none no-repeat left top;
	color: white;
}
div.resources div.third {
	background: #000000 no-repeat left top none;
	color: white;
}

/* resources home page promo panel heading colour */	
div.resources div.first h4, div.resources div.second h4, div.resources div.third h4  {
	color: white;
}

/* Right hand boxes on the resources home page */
#home div.resources div#welcomeRep {
	background: black none top left no-repeat;
	color: white;
}
#home div.resources div#recentRep {
	background: black none top left no-repeat;
	color: white;
}


/* ======================================================================== 
	Reports sub pages                                                             
=========================================================================== */

/* top level report just has a grey outline */

/* second level reports */
div.secondarytf, table#secondary td.s { 	
	background: black;
	color: white;
}	

/* third level reports (small boxes) */
div.tertiarytf, table#tertiary td.t {		
	background: black;
	color: white;
} 	


/* stories and images panels */
div.tfsection {								
	background: black;
	color: white;
}		

div.toptf h2 { 
	color: red;
	background: black;
}		


/* top level report heading colour */
div.tfsection h2 {color:#fff;}   

/* second level reports heading colour */
div.secondarytf h3, 
table#secondary td.s h3 { 
	color: white;
	background: black none;
}	


/* ------------------------------------------------------------------------
	city stories
--------------------------------------------------------------------------- */
div.zero, td.zero {									/* first story panel for city stories */
	background: black;
	color: #ffffff;
}				

div.one, td.one {									/* second story panel for city stories */
	background: #323232;
	color: white;
}				

div.two, td.two {									/* third story panel for city stories */
	background: #656565;
	color: white;
}				


/* ------------------------------------------------------------------------
	Report sub-categories panels
--------------------------------------------------------------------------- */
ul#sub-categories li {			
	background: #eee;
	color: black;
} 



/* ------------------------------------------------------------------------
	Miscellaneous panels
--------------------------------------------------------------------------- */
div.formWrap { 
	background-color: black;
	color: #ffffff;
}		/* a number of forms have this bg colour applied */

div.formWrap h2, div.formWrap h3, div.formWrap h4 {color:#fff;}
div.formWrap label, div.formWrap th, div.formWrap span.required { color:#fff;}

table.arrowlinks a{
	background: url(/mudpie/images/misc/arrow_small.gif) no-repeat; /* arrow image used for top right pannel */
	background-position:0px 50%;									/* tweek this to get image to line up. Format: [distance from left] [distance from top] */
 	padding-left:36px;												/* tweek this to give text enought room */
}

table.arrowlinks a{
	color:#fff; 													/* uncomment this to change link colour */
	text-decoration:none;
	font-family: arial;
}  

table a:hover{
	text-decoration:underline;
}