/* 
Main CSS for Mediatrack Website
Author: D Simpson (Mediatrack 2005)
copyright Mediatrack plc
*/

html, body{ 
 	margin:0; 
 	padding:0;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	font-size:11px;
	background:#8E97DA url(../images/layout/bg.gif) repeat-x 0 0 ;
	text-align:center;
} 

/* Helper Styles */

* {
	padding:0;
	margin:0;
}

.hide {
	display:none;
}

.clear {
	clear:both;
}

.padding 
{
	padding:0 10px;
}

/* Layout Styles */

#wrapper{ 
 	width:975px; 
 	text-align:left; 
 	min-width: 500px;
	margin-left:auto; 
 	margin-right:auto; 
	background:#fff;
}

#header{ 
	margin-top:0px;
	padding-top:0px;
 	width:975px;
	height:85px;
	background: url(../images/layout/mediatrack-logo-wide.gif) 0 0 no-repeat; 
} 

.mainCol 
{
	float:left;
	background-color:#fff;
    width:600px;
}
.sideCol 
{
	width:351px;
	background:#fff;
	margin-left:600px;
}
#footer 
{
	border-top:1px dotted #ccc;
	margin-top:10px;
	padding:10px;
	background:#fff;
	height:100px;
}
/* Home Page Layout */

#clientQuotes {
	display:block;
	width:554px;
	height:134px;
	margin-top:10px;
}
#agency {
	float:left;
	display:block;
	width:263px;
	height:85px;
	background:#fff url(../images/layout/bg-agency.gif) no-repeat 0 0;
	margin-right:6px;
}
#government {
	float:left;
	display:block;
	width:284px;
	height:85px;
	background:#fff url(../images/layout/bg-government.gif) no-repeat 0 0;
}
#inhouse {
	float:left;
	display:block;
	width:263px;
	height:88px;
	background:#fff url(../images/layout/bg-inhouse.gif) no-repeat 0 0;
	margin-right:6px;
}
#ngo {
	float:left;
	display:block;
	width:284px;
	height:88px;
	background:#fff url(../images/layout/bg-ngo.gif) no-repeat 0 0;
}
#buttons {
	margin-top:10px;
	margin-bottom:10px;
}
#buttons p {
	color:#fff;
}

.buttonPadding {
	padding:10px 8px 8px 8px;
}


#footerText {
	float:left;
	width:700px;
	height:75px;
	margin-top:10px;
}
#amecLogo {
    float:left;
    display:block;
    width:153px;
    height:53px;
    margin-left:68px;
    margin-top:5px;
}
#amecLogo img {
	border:none;
}
/* Next set of styles can be deleted. G Moyle 11/01/2007 */

#quotesSection 
{
	float:left;
	width:250px;
	margin-right:10px;
	border-right:1px dotted #ccc;
	padding:0 15px 0 0;
}
#newsSection 
{
	width:250px;
	float:left;
	padding:0 0 0 10px;
}
#mainImage 
{
	margin-bottom:5px;
}
#presentation 
{
	margin-bottom:5px;
}
#callMediatrack 
{	
	background-color:#FAFAE7;
	border-top:1px solid #DCDCB4;
	padding:6px 3px;
	margin:10px 0;
}

#thisSectionInBrief 
{
	background-color:#FAFAE7;
	border-top:1px solid #DCDCB4;
	padding:6px 3px;
	margin:10px 0;
}
/* End Delete. G Moyle 11/01/2007 */


/* Miscillaneous layout */

.floatLeft {
	
	float:left;
	
}


/* Navigation Styles */

#nav {
	background:#CBCFE8 url(../images/nav/nav_bg_sm.gif) repeat-x;
	width:975px;
	height:26px;
	margin-bottom:10px;
}
.navval 
{
	background:#CBCFE8 url(../images/nav/nav_bg_sm.gif) repeat-x;
	width:939px;
	height:26px;
	margin-bottom:10px;
}

#nav ul li {
 	list-style-type: none;
	float: left;
}
#nav span {
 	display:none;
}
#nav li#home a:link, #nav li#home a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 58px;
	height:26px;
	background:#CBCFE8 url("../images/nav/home.gif") no-repeat;
}
#nav li#home a:hover, body#homeSection #nav li#home a:link, body#homeSection #nav li#home a:visited {
	text-decoration: none;
	background-position: 0 -26px;
}
#nav li#mediaEvaluation a:link, #nav li#mediaEvaluation a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 131px;
	height:26px;
	background:#CBCFE8 url("../images/nav/media-evaluation.gif") no-repeat;
}
#nav li#mediaEvaluation a:hover, body#mediaEvaluationSection #nav li#mediaEvaluation a:link, body#mediaEvaluationSection #nav li#mediaEvaluation a:visited {
	text-decoration: none;
	background-position: 0 -26px;
}
/*
#nav li#whomToSelect a:link, #nav li#whomToSelect a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 120px;
	height:26px;
	background:#CBCFE8 url("../images/nav/whom-to-select.gif") no-repeat;
}
#nav li#whomToSelect a:hover, body#whomToSelectSection #nav li#whomToSelect a:link, body#whomToSelectSection #nav li#whomToSelect a:visited {
	text-decoration: none;
	background-position: 0 -26px;
}
*/
#nav li#whomToSelect a:link, #nav li#whomToSelect a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 180px;
	height:26px;
	background:#CBCFE8 url("../images/nav/why-choose-mediatrack.gif") no-repeat;
}
#nav li#whomToSelect a:hover, body#whomToSelectSection #nav li#whomToSelect a:link, body#whomToSelectSection #nav li#whomToSelect a:visited {
	text-decoration: none;
	background-position: 0 -26px;
}
#nav li#aboutUs a:link, #nav li#aboutUs a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 77px;
	height:26px;
	background:#CBCFE8 url("../images/nav/about.gif") no-repeat;
}
#nav li#aboutUs a:hover, body#aboutUsSection #nav li#aboutUs a:link, body#aboutUsSection #nav li#aboutUs a:visited {
	text-decoration: none;
	background-position: 0 -26px;
}
#nav li#services a:link, #nav li#services a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 77px;
	height:26px;
	background:#CBCFE8 url("../images/nav/services.gif") no-repeat;
}
#nav li#services a:hover, body#servicesSection #nav li#services a:link, body#servicesSection #nav li#services a:visited {
	text-decoration: none;
	background-position: 0 -26px;
}
#nav li#blog a:link, #nav li#blog a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 58px;
	height:26px;
	background:#CBCFE8 url("../images/nav/blog.gif") no-repeat;
}
#nav li#blog a:hover, body#blogSection #nav li#blog a:link, body#blogSection #nav li#blog a:visited {
	text-decoration: none;
	background-position: 0 -26px;
}
#nav li#clients a:link, #nav li#clients a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 64px;
	height:26px;
	background:#CBCFE8 url("../images/nav/clients.gif") no-repeat;
}
#nav li#clients a:hover, body#clientsSection #nav li#clients a:link, body#clientsSection #nav li#clients a:visited {
	text-decoration: none;
	background-position: 0 -26px;
}
#nav li#contactUs a:link, #nav li#contactUs a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 90px;
	height:26px;
	background:#CBCFE8 url("../images/nav/contact-us.gif") no-repeat;
}
#nav li#contactUs a:hover, body#contactUsSection #nav li#contactUs a:link, body#contactUsSection #nav li#contactUs a:visited {
	text-decoration: none;
	background-position: 0 -26px;
}
#nav li#clientArea a:link, #nav li#clientArea a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 91px;
	height:26px;
	background:#CBCFE8 url("../images/nav/client-area.gif") no-repeat;
}
#nav li#clientArea a:hover, body#clientAreaSection #nav li#clientArea a:link, body#clientAreaSection #nav li#clientArea a:visited {
	text-decoration: none;
	background-position: 0 -26px;
}

#nav li#spanish a:link, #nav li#spanish a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 34px;
	height:26px;
	background:#CBCFE8 url("../images/nav/nav-spanish.gif") no-repeat;
	
/* For IE */
	margin-left:5px;
}
/* For other browsers */

html>body #nav li#spanish a:link, html>body #nav li#spanish a:visited {

	margin-left:10px;

}

#nav li#german a:link, #nav li#german a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 34px;
	height:26px;
	background:#CBCFE8 url("../images/nav/nav-german.gif") no-repeat;
	
}

#nav li#french a:link, #nav li#french a:visited {
	float: left;
	text-decoration: none;
	display: block;
	width: 34px;
	height:26px;
	background:#CBCFE8 url("../images/nav/nav-french.gif") no-repeat;
	
}



/* Typography */

h1, h2,h3, h4, h5, h6, strong
{
	color:#2C3467;	
}
.mainCol h2  {
	font-size:18px;
	font-style:italic;
	margin-bottom:10px;
	color:#ff6600;
	border-bottom:1px solid #DCDCB4;
	padding:10px 0;
	text-align:left;
}
.mainCol h2.title-home {
	font-size:18px;
	font-style:italic;
	margin-bottom:10px;
	color:#ff6600;
	border-bottom:1px solid #DCDCB4;
	padding:10px 0;
	text-align:left;
}
.mainCol h3 
{
	font-size:18px;
	font-style:italic;
	margin-bottom:10px;
	color:#ff6600;
	border-bottom:1px solid #DCDCB4;
	padding:10px 0;
	text-align:left;
}

.mainCol h3.meettheteam 
{
	font-size:14px;
	margin-bottom:5px;
	color:#2C3467;
	padding:5px 0;
	text-align:left;
	font-weight:bold;
	border:none;
	font-style:normal;
}

.sideCol h4 
{
	font-size:11px;
	margin-bottom:5px;
}		
p 
{
	font-size:12px;	
	line-height:22px;
	margin-bottom:5px;	
	color:#2C3467;
}
#agency p, #government p, #inhouse p, #ngo p {
	font-size:12px;	
	line-height:20px;
	margin-bottom:3px;	
	color:#fff;
}
blockquote 
{	
	font-style:italic;
	font-size:12px;	
	line-height:20px;
	margin:10px 30px;	
	color:#2C3467;
}
#footer p 
{
	font-size:11px;	
	line-height:20px;
	margin-bottom:5px;	
	color:#2C3467;
}
blockquote 
{	
	font-style:italic;
	font-size:12px;	
	line-height:20px;
	margin:10px 30px;	
	color:#2C3467;
}
.quoteSource {
	display:block;
	font-weight:bold;
}

#callMediatrack h3, #thisSectionInBrief h4
{
	color:#f60;
	font-size:12px;
}
#callMediatrack p, #thisSectionInBrief p
{
	color:#2C3467;
	font-size:12px;
}
/* For the blog */
.sideCol #callMediatrack h3
{
	margin-bottom:5px;
}

/* Link Styles */
.mainCol a:link, .mainCol a:visited 
{
	text-decoration:underline;
	color:#2C3467;
}
.mainCol a:hover 
{
	text-decoration:underline;
	color:#2C3467;
	background-color:#F5F5FA;
}
#buttons a:link, #buttons a:visited {
	color:#fff;
	text-decoration:none;
}
#buttons a:hover {
	color:#fff;
	text-decoration:underline;
	background:none;
}
.sideCol a:link, .sideCol a:visited 
{
	text-decoration:underline;
	color:#2C3467;
}
.sideCol a:hover 
{
	text-decoration:underline;
	color:#2C3467;
	background-color:#F5F5FA;
}
#footer a:link, #footer a:visited 
{
	text-decoration:underline;
	color:#2C3467;
}
#footer a:hover 
{
	text-decoration:underline;
	color:#2C3467;
	background-color:#F5F5FA;
}
/* Cloud style */
#cloudy {
overflow: auto;
height: 150px;
width: 340px;
}

#cloudy a:link, #cloudy a:visited
{
	text-decoration:none;
}

.clouditem1
{
	font-size: 8px;
	text-decoration: none;
	color: #2C3467;
	background-color: #FFFFFF;
	font-family: Arial;
}
.clouditem2
{ 
	font-size: 10px;
	text-decoration: none;
	color: #2C3467;
	background-color: #FFFFFF;
	font-family: Arial;

}
.clouditem3
{ 
	font-size: 12px;
	text-decoration: none;
	color: #2C3467;
	background-color: #FFFFFF;
	font-family: Arial;

}
.clouditem4
{ 
	font-size: 14px;
	text-decoration: none;
	color: #2C3467;
	background-color: #FFFFFF;
	font-family: Arial;
}
.clouditem5
{ 
	font-size: 16px;
	text-decoration: none;
	color: #2C3467;
	background-color: #FFFFFF;
	font-family: Arial;

}
.clouditem6
{
	font-size: 18px;
	text-decoration: none;
	color: #2C3467;
	background-color: #FFFFFF;
	font-family: Arial;
}
.clouditem7
{ 
	font-size: 20px;
	text-decoration: none;
	color: #2C3467;
	background-color: #FFFFFF;
	font-family: Arial;
}


/* List Styles */

.bulletedList
 {
	margin-left: 0;
	margin-top:5px;
	padding-left: 0;
	list-style: none;
}

.bulletedList li
{
	padding-left: 25px;
	background-image: url(../images/layout/b01.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	margin-bottom:5px;
	color:#2C3467;
	font-size:12px;
	line-height:20px;
}

.floatLeft ul
{
	float:left;
	margin:0 0 20px 0;
	padding-left: 0;
	list-style: none;	
}

.floatLeft li
{
	padding-left: 25px;
	background-image: url(../images/layout/b01.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	margin-bottom:5px;
	color:#2C3467;
	font-size:12px;
	line-height:20px;
}

/* Error Styles */
/* ***************************************************************************************** */
#textError {
	font-size:11px;
	width:410px;
	color:#F00;
	background-color:#ffc;
	/*border:1px dotted #ccc;*/
	
}
#textError p{
	font-size:11px;
	color:#F00;
	margin:5px;
}
#textError ul 
{
	margin:5px;
}
#textError ul li{
	color:#F00;
	line-height:16px;
	list-style-type: disc; 
	list-style-position: inside;
	list:url('../images/blltLi2.gif')

}
#textError a:link, #textError a:visited {
	font-size:11px;
  	color:#f00;
  	text-decoration:none;
	font-size:11px;
}
#textError a:visited {
  	font-size:11px;
	color:#f00;
  	border-color:#f00;
	font-size:11px;
}
#textError a:hover {
  	font-size:11px;
	color:#f00;
  	border-bottom:1px solid #f00;
	font-size:11px;
}

#ThankYouMessage 
{
	font-size:12px;
	color:#F00;

}
/* Styles for all Forms */
/* ***************************************************************************************** */
fieldset 
{
	border:none;
}
legend 
{
	display:none;
}

label 
{
	margin-bottom: 1px;
	font-weight: bold;
	font-size: 12px;
	color: #2C3467;
}
.frmInput
{
	display: block;
	width: 400px;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #2C3467;
	background-color: #F5F5FA;
	border: 2px solid #F5F5FA;
	padding:4px;
	border-bottom:2px solid #CBCFE8;
}
.frmDropdown 
{
	display: block;
	width: 200px;
	font-family: verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #2C3467;
	background-color: #F5F5FA;
}
.submit
{
	float:left;
	display: block;
	font-size: 12px;
	font-weight:bold;
	width: 125px;
	color: #2C3467;
	background-color: #F5F5FA;
	border: 2px double #CBCFE8;
	padding:4px;
	margin:10px 5px 10px 0;
}
.checkbox
{
	padding:5px 0px;
}
#lowerForm 
{
	clear:both;
}
/* Styles for tables on Accessability Statement and client area */
/* ***************************************************************************************** */

#tableAccesskeys {
	width:60%;
}
#tableAccesskeys caption {
	display:none;
}
#tableAccesskeys th {
	color:#2C3467;
	text-align:left;
	padding:4px;
	font-weight:bold;
}
#tableAccesskeys td {
	color:#2C3467;
	text-align:left;
	padding:4px;
	border-bottom: 1px solid #ccc;
}
#clientTable caption{
	visibility:hidden;	
}
#clientTable {
	width:90%;
	font-size:11px;
	color:#2C3467;
	background-color:#F5F5FA;
	/*border:1px solid #cccccc;*/
	text-align:left;
}
#clientTable td {
	border-bottom:1px solid #CBCFE8;
	border-right:1px solid #CBCFE8;
	padding:4px
	}
#clientTable th {
	border-bottom:1px solid #CBCFE8;
	border-right:1px solid #CBCFE8;
	padding:4px
	}
	.imgCaseStudyLogos {
		float:right;
		padding:3px;
		border:1px solid #ccc;
		margin-left:10px;
		margin-bottom:10px;
}
.clearCaseStudy {
	clear:both;
	border:1px solid #ccc;
	margin:20px 0;
}
.tableheader 
{
	background-color:#4A3C8C;
	color:#FFFFFF;
	font-weight:bold;
	height:45;
}
.tablenormal
{
	background-color:#FFFFFF;
	height:45;
}
.tablealternate {
 background-color:#F5F5FA;
 height:45;
}

/* Meet the team table */

#tblTeam {
	width:90%;
	/* border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc; */
}

#tblTeam th {
	color:#2C3467;
	text-align:left;
	padding:4px;
	font-weight:bold;
}
#tblTeam td {
	color:#2C3467;
	text-align:left;
	padding:4px;
	border-bottom: 1px solid #ccc;
}

.photos {
	border:4px solid #ccc;
}

/* Meet the team profiles */

#photo-large {
	display:block;
	float:right;
	width:240px;
	background-color:#2C3467;
	margin:0 10px 10px 10px;
	padding:10px;
	text-align:center;
}
#photo-large p, #photo-large strong {
	color:#fff;
}
.photos-large {
	border:4px solid #fff;
	margin:10px;
}
.mainCol #photo-large a:link, .mainCol #photo-large a:visited {
	color:#fff;
}
.mainCol #photo-large a:hover {
	color:#fff;
	background-color:#2C3467;
	text-decoration:underline;
}

/* *****************************************************************************************

New Blogger Styles
Added 25/01/2007

***************************************************************************************** */

.paddingContent {
	padding:20px 40px 20px 20px;
}

.date-header {
	font-size:12px;
	font-style:italic;
	text-align:center;
	margin-bottom:10px;
	
}

h3.post-title {
	font-size:18px;
	font-style:italic;
	margin-bottom:10px;	
	color:#ff6600;
	border-bottom:1px solid #DCDCB4;
	padding:10px 0;
	text-align:left;
}

#powered-by img {
	border:none;
}

.post-body {
	font-size:12px;	
	line-height:22px;
	margin-bottom:0px;	
	color:#2C3467;

}

.post-footer {
	background-color:#2C3467;
	border-top:1px solid #DCDCB4;
	border-bottom:1px solid #DCDCB4;
	padding:10px;
	margin-top:20px;
	height:90px;
}

.blog-footer-info {
	float:left;
	width:420px;
	height:40px;
	background-color:#2C3467;
	margin:10px 0px 10px 10px;
	
}

.blog-footer-info p, .blog-footer-info em {
	color:#fff;
}

.post-footer a:link, .post-footer a:visited {
	color:#fff;
	background-color:#2C3467;
}

.post-footer a:hover {
	color:#fff;
	background-color:#2C3467;
}

.post-footer a {
	color:#fff;
}

.blog-photo {
	float:left;
	display:block;
	width:80px;
	height:80px;
	background:#fff url(../images/layout/blog-photo-dave.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	margin-bottom:20px;
	margin-left:60px;
}

.blog-photo-NickGrant a {
	float:left;
	display:block;
	width:80px;
	height:80px;
	background:#fff url(../images/layout/blog-photo-nick.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	margin-bottom:20px;
}

.blog-photo-HowardDavies a {
	float:left;
	display:block;
	width:80px;
	height:80px;
	background:#fff url(../images/layout/blog-photo-howard.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	margin-bottom:20px;
}

.blog-photo-DaveSimpson a {
	float:left;
	display:block;
	width:80px;
	height:80px;
	background:#fff url(../images/layout/blog-photo-dave.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	margin-bottom:20px;
}

.blog-photo-JanetRaeburn a {
	float:left;
	display:block;
	width:80px;
	height:80px;
	background:#fff url(../images/layout/blog-photo-janet.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	margin-bottom:20px;
}

.blog-photo-KarenHarper a {
	float:left;
	display:block;
	width:80px;
	height:80px;
	background:#fff url(../images/layout/blog-photo-karen.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	margin-bottom:20px;
}

.blog-photo-MikeMatthews a {
	float:left;
	display:block;
	width:80px;
	height:80px;
	background:#fff url(../images/layout/blog-photo-mike.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	margin-bottom:20px;
}

.blog-photo-JenniMitchell a {
	float:left;
	display:block;
	width:80px;
	height:80px;
	background:#fff url(../images/layout/blog-photo-jenni.jpg) 0 0 no-repeat;
	border:4px solid #fff;
	margin-bottom:20px;
}

.blog-photo-NickGrant span, 
.blog-photo-HowardDavies span, 
.blog-photo-DaveSimpson span,
.blog-photo-JanetRaeburn span, 
.blog-photo-KarenHarper span,
.blog-photo-JenniMitchell span,
.blog-photo-MikeMatthews span {
	display:none;
}

/* For the blog */
#sideCol #callMediatrack h3
{
	line-height:18px;
}

/* *****************************************************************************************

New Dashboard Styles
Added 25/01/2007

***************************************************************************************** */

#dashDiv01 {
	
	margin:10px 0 5px 0;
}

#dashDiv01 table {
	width:580px;
}

#dashDiv01 table td,
#dashDiv01 table th,
#dashDiv02 table td,
#dashDiv02 table th,
#dashDiv03 table td,
#dashDiv03 table th {
	padding:5px;
}

#dashDiv02 {
	
	float:left;
	margin-right:18px;
}

#dashDiv02 table {
	width:300px;
}

#dashDiv03 {
	
	float:left;
}

#dashDiv03 img {
	border:1px solid #ccc;
	padding:5px;
}

.dashheadrow {
	font-size:11px;	
	line-height:18px;
	background-color:#4a3c8c;
	color:#fff;
}

.dashalternate {
	font-size:11px;	
	line-height:18px;
	background-color:#eee;
	color:#666;
}

.dashnormal {
	font-size:11px;	
	line-height:18px;
	background-color:#fff;
	color:#666;
}