/* media measurement stylez ------ *
 * 
 * alex at type3digital.com 
 * ------------------------- */

/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}/* remember to define focus styles! */:focus {outline: 0;}/* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

/* generic - titles, links etc */

body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg.jpg) #ffffff top left repeat-x;
	font-size: 11px;
	color:#344962;;
}

#container{
	width:980px;
	margin:20px auto 0 auto;
}

h1{
	font-size: 24px;
	color: #2491b5;
}

h2{
	font-size:20px;
	margin:0 0 10px 0;
	padding:0;
}

h3{
	font-size:20px;
	color:#64a538;
	margin:0 0 10px 0;
	line-height: 1.4em;
}

#sidenav-panel h2, .sidenav-panel h2 {
	margin:-47px 0 20px 0;
	color:#ffffff;
}

#twitter-panel h2 {
  	margin:-27px 0 0px 17px;
	padding:0 0 10px 0;
	color:#ffffff;
}

#case-study-panel h2{
	color:#ffffff;
	position:absolute;
	top:12px;
}

#content-left  h1{
 	font-size:36px;
 	margin:5px 0 15px 0;
 	color:#135f78;
}

#content-left h2{
	color: #0081ba;
	margin:10px 0 15px 0;
}

#inner-right h2{
	font-size:24px;
	color:#135f78;
	margin:15px 0 0 0;
}

#thought-panel h2 {
	font-size:21px;
	color:#ff7c00;
}

#inner-panels h2{
	font-size:20px;
	margin:0 0 5px 0;
}

#accredit-bottom h2, #clients-bottom h2{
	color:#0081ba;
	font-size:17px;
	margin:0 0 0 10px;
}

.align-right {
	float:right;
	margin:5px 0 15px 15px;
}

.align-left {
	float:left;
	margin:0 15px 0 0;
}

.clear{
	clear: both;
}

.clear-right{
	clear: right;
}

a{
	color:#0081ba;
}

.off {
	display:none;
}

.list li {
	list-style:disc;
	margin:0 0 0 15px;
}

.list {
	margin:0 0 20px 0;
}
/*navigation */

.login{
	background: url(../images/login-back.gif) top left no-repeat;
	color:#ffffff;
	padding:4px 0 0 0;
	text-decoration: none;
	font-size: 10px;
	width:115px;
	height:21px;
	position: absolute;
	top:10px;
	right:10px;
	text-align: center;
}

#n__1 a{
	width:163px;
	display:block;
}

#n_about_us_2 a{
	width:163px;
	display:block;
}

#n_products_and_services_3 a{
	width:162px;
	display:block;
}

#n_clients_4 a{
	width:162px;
	display:block;
}

#n_newsroom_5 a{
	width:162px;
	display:block;
}

#n_contact_us_6 a{
	width:162px;
	display:block;
}

#n_jobs a, #n_home a, #n_enq a, #n_nav a, #n_users a, #n_audit a, #n_logout a{
	width:139px;
	display:block;
}
/* header */

#header {
	background: url(../images/body-corners.jpg) #ffffff top left no-repeat;
	width: 980px;
	position: relative;
}

#logo {
	margin:12px 0 10px 35px;
	float:left;
}

#header-right{
	text-align: right;
	padding:10px 0 0 0;
	
}

.telephone{
	position: absolute;
	right:0;
	bottom:0;
}

#header h1 {
	position: absolute;
	top:40px;
	right:10px;
}

#navigation li a{
	font-size: 12px;
	color:white;
	text-align: center;
	padding:13px 0;
	text-decoration: none;
	border-right: 1px solid #50889b;
	background: url(/images/nav-bg.jpg) repeat-x;
}

#navigation li{
	float:left;
	display: block;
}

#navigation a:hover{
	color:#7fcbeb;
}

/* content */

#content{
	background: #ffffff;
	line-height: 1.5em;
}

#banner {
	position:relative;
	color:#939393;
	font-weight:bold;
}

#banner h2{
	position:absolute;
	font-size:24px;
	top:42px;
	left:55px;
	color:#FFFFFF;
	font-weight:bold;
}

#banner h3{
	position:absolute;
	font-size:24px;
	top:70px;
	left:105px;
	color:#FFFFFF;
}

#banner a{
	position:absolute;
	top:117px;
	left:75px;
	color:#62b0dd;
}

#banner strong{
	font-weight:bold;
	color:#62b0dd;
}
/* right content */

#content-right {
	float:left;
	width:220px;
	color:#1d7390;
}

#content-right strong{
	color:#135f78;
}

#quote-panel span{
	font-style: italic;
	font-size: 13px;
	display:block;
	line-height: 1.5em;
	margin:0 0 12px 0;
	padding:0;
}

#home-quote-panel{
	color:#ffffff;
	background: url(/images/generic/banner-back.jpg) top left #cb680a;
	padding:24px 20px;
	height:120px;
	width:180px;
	overflow:hidden;
	}

#home-quote-panel span{
	font-style: italic;
	font-size: 13px;
	display:block;
	line-height: 1.5em;
	margin:0 0 12px 0;
	padding:0;
}

#home-quote-panel ul li, #quote-panel ul li{
	height:120px;
	display:block;
}

#quote-panel{
	color:#ffffff;
	background: url(/images/generic/content-quote-panel.jpg) top left #73b742;
	padding:24px 20px;
	height:120px;
	overflow:hidden;
	width:180px;
}

/* left content */

#faq li {
	margin:0 0 10px 0;
}

#breadcrumbs {
	margin:0 0px 15px 0;
	font-size: 10px;
}

#breadcrumbs li{
	display: inline;
	margin:0 5px 0 0;
}

#content-left{
	float:left;
	width:760px;
}

#inner-content{
	padding:20px 20px 30px 40px;
	width:700px;
}

#inner-content p{
	color:#344962;
	margin:0 0 15px 0;
}

/* left main content structure */

#home-inner-right {
	width:290px;
	float:right;
	padding:0 20px 0 20px;
}

#home-inner-left {
	width:349px;
	float:left;
	padding:0 20px 0 0;
	border-right: 1px dashed #e2e2e2;
}

#inner-left{
	width:379px;
	float:left;
	padding:10px 20px 20px 0;
}

#inner-left-wide{
	width:429px;
	float:left;
	display:inline;
	padding:10px 20px 20px 0;
}

#inner-right{
	width:260px;
	float:left;
	padding:10px 20px 0 20px;
}

#inner-right-narrow{
	width:210px;
	float:left;
	display:inline;
	padding:10px 20px 0 20px;
}

.contact-list {
	margin:20px 60px 20px 20px;
	float:left;
}

.contact-list li{
	margin:0 0 3px 0;
	color:#3b475d;
}

/* inner right */

.list-image{
	float:left;
	margin:10px 0 70px 0;
}

#home-list {
	margin:0 0 30px 0;
	padding:20px 0 0 0;
}

#home-list li{
	clear: left;
	margin:0 0 40px 0;
}

#inner-right ul{
	margin:0 0 15px 0;
}

#inner-right ul li{
	margin:0 0 3px 0;
	color:#3b475d;
}

/* case study panel */

#case-study-panel{
	background: url(../images/generic/panel-top.jpg) top left no-repeat;
	width:213px;
	padding:40px 0 0 0;
	position:relative;
}

#case-study-panel #case-span{
	background: url(../images/generic/panel-middle.jpg) bottom no-repeat;
	display: block;
	width:180px;
	padding:0px 16px 10px 17px;
	margin:0px 5px 0 0;
}

#sidenav-panel #case-span {
	background: url(../images/generic/panel-middle.jpg) bottom no-repeat;
	display: block;
	width:180px;
	padding:0px 16px 10px 17px;
	margin:0px 5px 0 0;
}

#case-study-panel img{
	border: 1px solid #c6d7df;
	margin:15px 0 5px 0;
}

#case-study-panel p.bottom{
	height:40px;
	width:215px;
	margin:0 0 0 -1px;
	display:block;
	background: url(../images/generic/panel-bottom.gif) top left no-repeat;	
}

/* twitter panel */

#twitter_update_list li, #rss li{
	padding:10px 0 10px 0;
	background: url(../images/short-dotted.gif) top left no-repeat;
}

#twitter_update_list, #rss {
	margin:10px 0 0 0;
}

#twitter_update_list li span{
	background:none;
	display:inline;
	margin:0;
	padding:0;
	width:auto;
}

.twitter-bird{
	float:right;
}

#twitter-panel{
	background: url(../images/generic/panel-top.jpg) top left no-repeat;
	width:215px;
	margin:20px 5px 10px 0;
	padding:40px 0 0 0;
	position:relative;
}

#twitter-panel #span{
	background: url(../images/generic/panel-middle.jpg) #d5ebf2 top left no-repeat;
	display: block;
	width:180px;
	margin:0 0 0 1px;
	padding:20px 15px 0px 18px;
	overflow:hidden;
}

#twitter-panel p.bottom{
	height:40px;
	width:215px;
	display:block;
	background: url(../images/generic/panel-bottom.gif) top left no-repeat;
}

#twitter-links{
	margin:-20px 0 0 0;
	
}

#twitter-links li{
	display: inline;
	padding:0 0px 0 5px;
}

#twitter-links .first {
	border-right: 1px solid #66bde1;
	padding:0 5px 0 0;
}

#twitter-links li a{
	color:#135f78;
	font-weight:bold;
}

.panel-icon{
	float:left;
}

.panel-link {
	margin:5px 0 0 10px;
	float:left;
}

/* content pages */

#content-list li{
	padding:0 20px 20px 0;
}

#content-list li ul li{
	color:#344962;
	list-style: disc;
	margin:0 0 0 10px;
	padding:5px 10px 5px 0;
}

p.quote{
	font-style: italic;
}

.case-download{
	padding:0 0 0px;
	margin:10px 0 0px;
}

.case-download img{
	float:left;
	margin:0 0 30px 5px;
}

.case-download h5 {
	font-weight:normal;
	font-size:11px;
	padding:10px 0 10px 0;
	margin:0px 0 10px;
	background:transparent url(../images/short-dotted.gif) no-repeat scroll left bottom;
}

.download {
	float:left;
	margin:0 0px 0 0;
	width:250px;
}

.download img {
	float:left;
	margin:0 0 30px 5px;
}

.download h3{
	margin:0;
}

.download h4{
	font-size:16px;
	margin:0 0 5px 0;
}

.testimonial {
	font-size:18px;
}

/* enquiry form */
form select.invalid { background-color: #ffeeee; }
form input.invalid { background-color: #ffeeee; }
form textarea.invalid { background-color: #ffeeee; }

/* side nav */

#sidenav-panel ul li, .sidenav-panel ul li{
	padding:10px 0 10px 0;
	height:1%;
	background: url(../images/short-dotted.gif) top left no-repeat;
}

#sidenav-panel ul, .sidenav-panel ul {
	margin:10px 0 80px 0;
	height:1%;
	background: url(../images/short-dotted.gif) bottom left no-repeat;
}

.sidenav-panel .span ul.press {
	margin:10px 0 0 0;
}

.sidenav-panel .span ul.press li img {
	float:left;
	margin:0 10px 0px 0;
	width:25px;
}

.sidenav-panel .span ul.press li{
	clear:both;
	overflow: hidden;
}

.sidenav-panel .span ul.press li span{
	float:left;
	width:140px;
}

#sidenav-panel a, .sidenav-panel a{
	text-decoration:none;
}

#sidenav-panel ul li.first, .sidenav-panel ul li.first, #sidenav-panel ul.press li.first{
	}

#sidenav-panel li ul, .sidenav-panel li ul{
	margin:10px 0 0 0 ;
	padding:10px 0 0 0;
	height:1%;
	background: url(../images/short-dotted.gif) top left no-repeat;
}

#sidenav-panel li ul li, .sidenav-panel li ul li{
	padding:0px;
	margin:5px 0 5px 20px;
	background:none;
	list-style:square;
}

#sidenav-panel, .sidenav-panel {
	background: url(../images/generic/panel-top.jpg) top left no-repeat;
	width:215px;
	color:#0b6c8c;
	margin:20px 5px 10px 0;
	padding:40px 0 0 0;
	position:relative;
}

#sidenav-panel p.bottom, .sidenav-panel p.bottom{
	height:40px;
	width:215px;
	display:block;
	background: url(../images/generic/panel-bottom.gif) top left no-repeat;
}

#sidenav-panel #span, .sidenav-panel .span{
	background: url(../images/generic/panel-middle.jpg) #d5ebf2 top left no-repeat;
	display: block;
	width:180px;
	margin:0 0 0 1px;
	padding:20px 15px 0px 18px;
}

#sidenav-panel span#mini-twitter, .sidenav-panel span#mini-twitter {
	display:block;
	background:none;
	margin:0;
	padding:0;
	overflow:hidden;
}

#mini-twitter a{
	color:#6b92a5;
}

.sidenav-panel .case-download ul{
	background:none;
	margin:0;
}

.sidenav-panel .case-download li {
	list-style-type:square;
	margin:0 0 0 20px;
	padding:5px 0 0 0;
	background:none;
}

.content-twitter-icon{
	float:left;
	margin:0 10px 0 0;
}

.follow-us{
	float:left;
	margin:5px 0 0 0;
}

.twitter-link{
	float:left;
	width:120px;
	display: inline-block;
}
/* thought panel */

#thought-panel {
	position:relative;	
	margin:30px 0 0 -20px;
	width:362px;
	background: url(/images/generic/thought-top.gif) top left no-repeat;
	padding:10px 0 0 0;
}

#inner-left #thought-panel {
	margin:30px 0 0 0;
}

#thought-panel #thought-span{
	width:212px;	
	padding:5px 120px 5px 30px;
	display:block;
	background: url(/images/generic/thought-middle.gif) repeat-y;
}

.thought-bubble{
	background: url(/images/generic/thought-bubble.png); top left no-repeat;
	height:124px;
	width:130px;
	position:absolute;
	top:-15px;
	right:-15px;
}

#thought-panel ul li{
	margin:5px 0 0px 0;
}

#thought-panel p.bottom{
	background: url(/images/generic/thought-bottom.gif) bottom left no-repeat;
	display:block;
	height:20px;
	width:362px;
}

/* events */

.events {
	overflow:hidden;
	margin:0 0 20px 0;
}

#inner-content .events h6 {
	padding:0px 0 0 0;
	clear:both;
}

#inner-content .event {
	width:210px;
	float:left;
	padding:0 0px 0 0;
	margin:0px 20px 10px 0;
}

#inner-content .event small {
	color:#777777;
}

#inner-content .event a {
	color:#64A538;
}

#inner-content #eventTypes {
	font-size:10px;
	margin:0 0 15px 0;
}

#inner-content #eventTypes a {
	text-decoration:none;
}

#inner-content #eventTypes a:hover {
	text-decoration:underline;
}

#inner-content #eventTypes a.all {
	text-decoration:underline;
	color:#64A538;
}

#inner-content .conference h5,
#eventTypes .conference {
	color:#ff7c00;
}

#inner-content .webinar h5,
#eventTypes .webinar {
	color: #2c96c5;
}

#inner-content .workshop h5,
#eventTypes .workshop {
	color:#e94343;
}

#inner-content .events h5{
	font-size:10px;
	font-weight:normal;
}

#inner-content .events p{
	margin:2px 0 2px 0;
	font-size:12px;
	font-weight:bold;
}

#inner-content .events small{
	font-size:10px;
}

/* sitemap */

#sitemap ul{
	margin:5px 0 5px 10px;
}

/* bottom */

#clients-bottom{
	float:left;
	width:700px;
	margin:0 0 0 20px;
	padding:0;
}

.client-logo {
	margin:0 50px 20px 0;
}

.client-logo-last {
	margin:0 0 20px 0;
}

#accredit-bottom {
	float:left;
	width:195px;
	margin:0 0 0 40px;
}

#accredit {
	background: url(/images/generic/small-dotted.gif) top left no-repeat;
	padding:10px 0 0 0;
	height:1%;
	margin:10px 0 0 0;
}

#accredit li {
	display:inline;
	margin:0 10px 0 0;
}

#client-list{
	background: url(/images/long-dotted.gif) top left no-repeat;
	padding:20px 0 0 0;
	height:1%;
	margin:11px 0 30px 0;
}

#client-list li{
	display: inline;
	margin:0 80px 0 10px;
}

#client-list li.last{
	margin:0;
}

/* footer */

#footer {
	border-top: solid 8px #2491b5;
	padding:10px 0 0 0;
	font-size: 10px;
	color:#999999;
	margin:0 0 30px 0;
}

#footer ul{
	float:left;
}

#footer ul li{
	display: inline;
	border-right: 1px solid #999999;
	padding:0 10px 0 10px;
}

#footer ul li a{
	color:#999999;
	text-decoration: none;
}

#footer ul li a:hover{
	color:#696767;
}

#footer ul li.first{
	padding:0 10px 0 0; 
}

#footer ul li.last{
	border: none;
}

#footer p{
	float: right;
}

/* navigation dropdown */

#navigation li ul { /* second-level lists */
	position: absolute;
	z-index:100;
	left: -999em;
	display:block;
	width:162px;
	font-size: 12px;
	margin:0px 0 0 0;
	padding:0px;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#navigation li ul li{
	border: none;
	padding:0px 0 0 0;
	margin:0;
	list-style:none;	
	}

#navigation li ul li a{
	width:163px;
	height:25px;
	padding:13px 0px 0px 0px;
	margin:0;
	text-align:middle;
	border-right:none;
	display:block;
}

#navigation li ul li a:hover{
	width:163px;
}

#navigation li ul ul { /* third-and-above-level lists */
	margin: -38px 0 0 163px;
	padding:0;
}

#navigation li:hover ul ul, #innav li.sfhover ul ul {
	left: -999em;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#navigation li:hover, #navigation li.hover {
    position: static;
}

#navigation .on {
	color:#7fcbeb;
}

/* admin */

#treeNodes ul li{
	margin:10px;
}

#treeNodes ul li ul{
	margin:10px;
}

#treeNodes ul li ul{
	list-style:square;
}

#admin-content{
	padding:20px 20px 30px 40px;
}

#admin-content p{
	color:#344962;
	margin:0 0 15px 0;
}

#admin-content h1{
	margin:0 0 20px 0;
}

#admin-content tr td{
	padding:5px 10px 5px 10px;
}

#inner-content table tr td{
	padding:10px 0 10px 0;
}

#admin-content tr.header{
	background:#b6daea;
}

#admin-content table.dataGrid { width: 800px; }
#admin-content tr.row{
	background:#f2f2f3;
}

#admin-content tr.rowAlt{
	background:#e2e2e3;
}

#admin-content table{
	margin:0 0 20px 0;
}

/* inner-panel */

.inner-panel p{
	width:400px;
	float:left;
}

.inner-panel img{
	float:right;
	margin:0 0 30px 0px;
}

/* contact form */

.row .input input {
	width:260px;
	border: 1px solid #bdbdbd;
	font-family: Arial, Helvetica, sans-serif;
	padding:5px;
	margin:5px 0 10px 0;
}

.row .submit{
	margin:10px 0 30px 0;
}

.row .label {
	margin:0px 0 5px 0;
}

.row .input textarea {
	width:340px;
	padding:5px;
	border: 1px solid #bdbdbd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* Paging Control */
.paging 
{
	width: 750px;
	clear:both;
	overflow:hidden;
	height:1%;
	padding:5px 15px 5px 15px;
	margin:0;
	font-size:11px;	
	color:#000000;
	background:#ffffff;
}

.paging p {
	display:block;
}

.paging .left {
	float:left;
}

.paging .right {
	float:right;
}

.paging p a,
.paging p span {
	display:block;
	float:left;
	text-decoration:none;
}

.paging .left a,
.paging .left span {
	margin:0 10px 0 0;
}

.paging .right a,
.paging .right span {
	margin:0 0 0 8px;
}