/* -----------------------------------------------------------
	2010 Microsite template - colour (CoDE Blue)
	(c) Anglia Ruskin University 2010
----------------------------------------------------------- */

body 
{
	color: 000000;
	background: #ffffff;
}

a:link, a:visited {color: #2e3192;}


/*---------------------------------
	logo and branding
---------------------------------*/

/* This graphic sets the colour of the tray - MANUAL - ALWAYS REQUIRED */
#logo h1 a 
{
	background: url(../../medianew/images/microsites/code-branding-logo.gif) no-repeat left bottom;
}

/* This graphic sets the colour of the tray background - MANUAL - ALWAYS REQUIRED */
#header-wrapper 
{
	background: url(../../medianew/images/microsites/code-branding-header.gif) repeat-x top left;
}

/*---------------------------------
	shortlinks
---------------------------------*/

#shortlinks
{
	border-top: 5px solid #2e3192;
	background-color: #efebfa;
}

#shortlinks ul li
{
	background:url(../../medianew/images/microsites/shortlink_pipe.gif) center right no-repeat;
}

#words
{
	border: 1px solid #a5a5a5;
}

/*---------------------------------
	banner area
---------------------------------*/

#main-banner-wrapper 
{
	background: #2e3192;
	border-top: 1px solid #7345e7;
	border-bottom: 4px solid #afafaf;
}

/*---------------------------------
	standard type
---------------------------------*/

h2 {color: #2e3192;}
h4 {color: #2e3192;}


.HLRed 
{
	color: #ff0000;
}

/*---------------------------------
	navigation
---------------------------------*/

#navigation ul li
{	
	background: url(../../medianew/images/microsites/code-nav-arrow.gif) no-repeat top left;
}

#navigation li a 
{	
	border-bottom: 1px solid #d6d6d6;
}

/*---------------------------------
	common divs
---------------------------------*/

.featureText
{
	background: #efebfa;
	/* border: 2px solid #c6b4ff; */
	border: 2px solid #2e3192;
}

.fileDownload 
{
	background: #efebfa;
	border-left: 2px solid #2e3192;

}

.footnote 
{
	background: #efebfa;
	border-left: 2px solid #2e3192;
}	

/*---------------------------------
	dynamic content - news
---------------------------------*/

.smallnews img
{
	background: #ffffff;
	border-right: 1px solid #cfcfcf;	/* Gray */
	border-bottom: 1px solid #cfcfcf;
}

.newsarticle img 
{
	background: #efefef;
	border-top: 1px solid #dddddd;		/* Light gray */
	border-right: 2px solid #dddddd;
	border-bottom: 2px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#newscallout 
{
	background-color: #efefef;			/* Very light gray */
	border: 1px solid #cfcfcf;
}

/*---------------------------------
	tables
---------------------------------*/

table
{
	empty-cells: show;
	border-collapse:collapse;
	border: 2px solid #2e3192;
}

td 
{
	border-right: 1px solid #2e3192;
}

tr 
{
	border-bottom: 1px solid #2e3192;
}

td.hlrow
{
	background: #efebfa;
}

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

#main-content .tiImageLeft p.image-credit,
#main-content .tiImageLeft-border-only p.image-credit,
#main-content .tiImageLeft-background-only p.image-credit,
#main-content .tiImageLeft-border-background p.image-credit,
#main-content .tiImageRight p.image-credit,
#main-content .tiImageRight-border-only p.image-credit,
#main-content .tiImageRight-background-only p.image-credit,
#main-content .tiImageRight-border-background p.image-credit
{
	color: #666666;		/* Darkish gray */
}

#main-content .tiImageLeft-border-background,
#main-content .tiImageRight-border-background,
#main-content .tiImageCentre-border-background,
#main-content .tiImageLeft-background-only,
#main-content .tiImageRight-background-only,
#main-content .tiImageCentre-background-only
{
	background: #f0f7fa;
	border: 1px solid #2e3192;

}

#main-content .tiImageLeft-border-only img,
#main-content .tiImageRight-border-only img,
#main-content .tiImageCentre-border-only img
{
	border: 1px solid #2e3192;
}

#main-content .tiImageLeft-border-background img,
#main-content .tiImageRight-border-background img,
#main-content .tiImageCentre-border-background img
{
	border: 1px solid #2e3192;
}

/*---------------------------------
	quote colours
---------------------------------*/

.quoteText 
{
	background: #f8f0fb;
	border: 1px solid #2e3192;
}

.quoteTextMarketing 
{
	border: 1px solid #999999;
	background: transparent url('../../medianew/images/quotemarks.gif') left top no-repeat;
}

.quoteTextMarketing h5 
{
	font-weight: bold;
}

.quoteTextMarketing div 
{
	background: transparent url('../../medianew/images/quotemarksb.gif') right bottom no-repeat;
}

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

.quote,
.quote-left,
.quote-right
{
	background: #f8f0fb;
	border: 1px solid #2e3192;
}

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

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

/* ---------------------------------------------
	styles for 3-in-a-row promo boxes (html para).
--------------------------------------------- */

#promo-container {
	overflow: auto;
	margin: 25px 0 25px 0;
	padding: 0;
}

#promo-one, #promo-two, #promo-three {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #efebfa;
	border: 1px solid #c6b4ff;
	float: left;
	width: 180px;
	padding: 20px 20px 15px 20px;
	overflow: auto;
}

#promo-one, #promo-two {
	margin: 0 15px 0 0;
}

#promo-one h3, #promo-two h3, #promo-three h3 {
	margin: 0 0 10px 0;
}

#promo-one p, #promo-two p, #promo-three p {
	margin: 0 0 8px 0;
}

a#promo-one-button, a#promo-two-button, a#promo-three-button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: #c6b4ff;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	color: #4a2c93;
	display: block;
	text-transform: uppercase;
	padding: 8px;
	margin: 15px 0 0 0;
}

a:hover#promo-one-button, a:hover#promo-two-button, a:hover#promo-three-button {
	color: #fff;
	text-decoration: none;
	background: #4a2c93;
}

/*---------------------------------
	footer colours
---------------------------------*/

#footer-wrapper
{
	background: #f4f4f5;
	color: #666;
}

#footer-col-2, 
#footer-col-3, 
#footer-col-4 
{
	border-left: 1px dotted #666666;
}

/*---------------------------------
	Quote colours
---------------------------------*/
.quoteText {

	background: #efebfa;
	border: 1px solid #c6b4ff;
}

/* Marketing quotes - similar to featureText */
.quoteTextMarketing {
	border: 1px solid #c6b4ff;
}
.quoteTextMarketing h5 {
	font-weight: 100;
	color: #6666a3;
}

/* 
#flash-video-container {
	float:right;
	margin: 5px;
}*/