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


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

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

/* Agents Links */
.agent a {color:#00949c;}
/* Left hand column links */
div#myFolder a, div#login a, div#quickLinks a, div#prevPurchase a  {
	color: black;
}

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

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

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




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

	
/* ------------------------------------------------------------------------
	Main Home Page - Now also covers all section home pages
--------------------------------------------------------------------------- */	


/* Right hand welcome box */
#home div#welcome {
	background: url(/mudpie/panels/home_welcome.gif) no-repeat;
	color: black;
	position: relative; 
	
}
/* Customisable panels - now also used on trendbook pages*/
#home div.panel {
	background: url(/mudpie/panels/home_panel.gif) no-repeat;
	color: black;
}
#home div.panel.tall {
	background: url(/mudpie/panels/home_panel_tall.gif) no-repeat;
}

/* ------------------------------------------------------------------------
	Other home pages
--------------------------------------------------------------------------- */	

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

/* Temporary stuyles to help Chris with his new layout of welcome box on homepage */
#welcome img.boxedHeaderLarge {
   float:left;
}
#welcome p {
   clear:left
}

/* 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: black; }		

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

div#quickLinks a {												
	text-decoration:none;
}		

div#quickLinks a:hover{												
	text-decoration:underline;
}			

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

/* home page promo panel heading colour */	
div.first h4, div.second h4, div.third h4 { 
	color: black;
}		
 /* Welcome box link sub definitions */
#welcome a {color:#00949c;text-weight:bold;}

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

/* these styles are now in colour_scheme_book.css */



/* Left Hand previous purchases on trend books microsites*/	
div#prevPurchase {
	/*background: black;*/
	color: black;
}		

/* Smaller panels on the microsite pages: */
div.promoButton {
	background-color: black;
	color: white;
}		

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



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

/* removed as all section pages now share the main home page styles */


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

/* removed as all section pages now share the main home page styles */


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

/* removed as all section pages now share the main home page styles */


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

/* removed as all section pages now share the main home page styles */


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

/* removed as all section pages now share the main home page styles */

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

/* removed as all section pages now share the main home page styles */


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

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

/* second level reports */
div.secondarytf, table#secondary td.s { 	
	background: url(/mudpie/panels/report_thumbs.jpg) no-repeat;
	color: black;
}	

/* third level reports (small boxes) */
div.tertiarytf, table#tertiary td.t {		
	background: url(/mudpie/panels/report_thumbs.jpg) no-repeat;
	color: black;
} 	


/* stories and images panels */
div.tfsection {								
	background: url(/mudpie/panels/main_report.jpg) no-repeat;
	color: black;
}		

div.toptf, div.tfsection, div.tfsection h4, div.tfsection h3 {
	color:#000;
}
div.toptf h2 { 
	color: white;
	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 { 
	background: url(/mudpie/panels/report_thumbs.jpg) no-repeat;
	color: black;
}	


/* ------------------------------------------------------------------------
	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: url(/mudpie/panels/sub_nav.jpg) no-repeat;
	color: black;
} 



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


table.arrowlinks a{
	background: url(/mudpie/images/misc/arrow_new.gif) no-repeat; /* arrow image used for top right pannel */
	background-position:0px 2px;		/* tweek this to get image to line up. Format: [distance from left] [distance from top] */
 	color:black; 													/* uncomment this to change link colour */
	text-decoration:none;
	padding:1px 0 0 27px;									/* tweek this to give text enought room */
	line-height: 21px;
}


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