/* -------------------------------------------------------------- 
  
   CHARTIS RESEARCH STYLE SHEET
   By edition.co.uk
   Uses Boilerplate Screen Styles v0.5 (2007-11-19)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";


/* Page
-------------------------------------------------------------- */

body { padding: 0; background: url(../images1/bg.gif) repeat #ddd}
#page { margin: 0 auto; width: 940px; padding: 20px; background: #ECECEC}


/* Header
-------------------------------------------------------------- */

#header { margin: 0; overflow: hidden}

#logo, #loggedin, #loggedout, #searchbox, #searchtext, #searchbutton {float: left;}

#headpanel {float: right;}

#loggedin, #loggedout {
padding-left:20px; 
font-size: 11px;
line-height: 31px;
background: url(../images1/padlock.gif) no-repeat center left;
padding-right: 10px;
border-right: 1px #ccc solid;
margin-right: 9px
}

#loggedin a, #loggedout a {color: #0A134C }
#loggedin a:hover, #loggedout a:hover {color: #A00000 }

#loggedin {
background: url(../images1/padlock1.gif) no-repeat center left;
}

#searchbox {
margin-top:7px;
padding-left:16px; 
line-height: 31px;
background: url(../images1/glass.gif) no-repeat; background-position-y: center;
}

#searchbox #searchtext {
margin: 0 5px;
	width: 170px;
	height: 12px;
	border: 1px solid #444;
	padding: 2px;
	font: 11px arial,sans-serif;
}



/* Body
-------------------------------------------------------------- */

#content {margin: 20px 0 30px 0; }

#navbar { float: left; width: 150px; margin: 0 10px 0 0; font-size: 90%; }

#article { float: left; width: 520px; margin: 0 20px -10px 0; background: #fff; padding: 10px 10px 5px 10px;
	min-height:350px;
  	height:auto !important;
  	height:350px; }
  	
#sidebar { float: left; width: 220px; margin: 0 0 0 0; font-size: 90%; line-height: 1.4em;}

.strap {
	margin: 0 0 20px 0;
	width: 940px; height: 52px;
	position: relative;
	}
	
.strap span {
	width: 100%; height: 100%;
	position: absolute;
	}
	
#research .strap span, #reports .strap span {background: url(../images1/strap01.jpg);}
#services .strap span {background: url(../images1/strap02.jpg);}
#team .strap span {background: url(../images1/strap03.jpg);}
#about .strap span {background: url(../images1/strap04.jpg);}
#press .strap span {background: url(../images1/strap05.jpg);}
#contact .strap span {background: url(../images1/strap06.jpg);}
#updates .strap span {background: url(../images1/strap07.jpg);}
#subscribe .strap span {background: url(../images1/strap08.jpg);}
#sitemap .strap span {background: url(../images1/strap09.jpg);}
#search .strap span {background: url(../images1/strap10.jpg);}
#news .strap span {background: url(../images1/strap11.jpg);}

#home .strap {height: 140px; margin-bottom: 20px}
#home .strap span {background: url(../images1/straphome.jpg);}





/* Navbar
-------------------------------------------------------------- */

#navbox {margin:0; float: left; background: #dedede; padding: 1px 0}
	
#navbox li {
	margin: 0; padding: 0; border: 0;
	display: inline
	}

#navbox li a { 
	display: block;
	margin: 0 7px;
	padding: 5px 0 4px 0;
	color: #333;
	border-top: 1px solid #aaa;
	width: 127px; 
	font-weight: bold
	}
	
#navbox li#navtop a {border-top: none;}

#navbox li a:hover {color:#A00000; }

#navbox li.current a {padding-bottom: 4px}
#navbox li#current a, #navbox li.currenthome a {color: #A00000;}

#navbox li li#current1 a {font-weight: bold !important; color: #A00000 !important}
#navbox li li a, #navbox li.current li a {width: 118px; border-top:none; font-weight: normal !important; color: #333 !important; margin:3px 3px 3px 2px; padding:0; }
#navbox li li a:hover, #navbox li.current li a:hover {color:#A00000 !important}

#navbox li ul {margin-bottom: 6px; margin-top:-4px}

#updatesbox {
	margin: 15px 0 0 0;
	width: 141px; height: 42px;
	position: relative;
	float: left;
	}
	
#updatesbox span {
	width: 100%; height: 100%;
	position: absolute;
	background: url(../images1/updates.gif)
	}
	
#updatesbox a:hover span {
	background: url(../images1/updates1.gif)
	}



/* Article
-------------------------------------------------------------- */

#article {font-size: 105%; line-height: 1.5em; }
#article p {margin-bottom: 0.8em}
#article ul {margin-bottom: 0.8em}
#article li {margin-bottom: 0.5em}
#article h3 { border-bottom:1px solid #bbb; padding-bottom:2px;}

.title_extra {font-weight:normal}

.factfile { 
width: 520px;
background-color: #dedede;
border: 0;
border-collapse: collapse;
border-spacing: 0px;
font-size: 90%;
}

.factfile td { 
border-bottom: 1px #ffffff solid;
text-align: left;
vertical-align: top;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 8px;
padding-right: 6px; 
}


ul.listings {margin:0; padding:0;}

.listings li {
	margin: 0; padding: 0; border: 0;
	display: inline;
	font-size: 95%
	}

.listings li a:link, .listings li a:visited  { 
	display: block;
	padding: 4px 27px 4px 6px;
	background: #DeDeDe url(../images1/arrow1.gif) no-repeat top right;
	color: #000;
	border-top: 1px solid #fff;
	width: 485px; 
	}

.listings li a:hover {background-color: #ccc; text-decoration: none; color:#900}


#highlights {background: url(../images1/highlight.png); width: 518px; margin: 0; padding: 0;}

#highlights li {
	margin: 0; padding: 0; border: 0;
	display: inline;
	line-height: 1.4em
	}

#highlights li a:link, #highlights li a:visited { 
	display: block;
	padding: 12px 12px 12px 112px;
	color: #000;
	width: 130px; 
	float: left;
	height: 66px;
	background: url(../images1/highlight_blue2.gif) no-repeat 12px 13px ;
	border-bottom: 3px #fff solid;
	}	
	
#highlights li a:hover {text-decoration: none; color:#900; border-bottom: 3px #a00000 solid;}

#highlights li#highlight1 a {margin-right: 12px; width:128px }

#highlights { display: inline-block; }
#highlights:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #highlights { height: 1%; }
#highlights { display: block; }


ul.listings {margin:0; padding:0;}

.listings li {
	margin: 0; padding: 0; border: 0;
	display: inline;
	font-size: 95%
	}

.listings li a:link, .listings li a:visited  { 
	display: block;
	padding: 4px 27px 4px 6px;
	background: #DeDeDe url(../images1/arrow1.gif) no-repeat top right;
	color: #000;
	border-top: 1px solid #fff;
	width: 485px; 
	}

.listings li a:hover {background-color: #ccc; text-decoration: none; color:#900;}


	
	

ul.listingsmedia {margin:0; padding:0; background: #DeDeDe}

ul.listingsmedia li {
	margin: 0; padding: 0; border: 0;
	display: inline;
	font-size: 95%;
	}

ul.listingsmedia li a:link, ul.listingsmedia li a:visited  { 
	margin: 0 0 -17px 0;
	display: block;
	padding: 4px 4px 4px 160px;
	border-top: 1px solid #fff;
	width: 356px; 
	color: #000;
	height: 60px;
	}

ul.listingsmedia li a:hover {background-color: #ccc; text-decoration: none; color:#900}


ul.listingsmedia img {float: left;
border: 2px solid #fff;
	margin: 3px 6px 5px 0;
	margin-left: -155px}

ul.listingsmedia br {clear: both; margin:0; }



.clear {clear: both; line-height: 0}

.spaceabove {margin-top: 10px}



#article #download, #article #download1, #article #buy {
font-size: 97%; padding: 10px 7px 9px 41px; width: 201px; float: left; line-height: 1em; margin-top: 10px
}
	
#article #download, #article #download1 { 
background: url(../images1/download.gif) no-repeat 7px center #dedede;width: 209px; margin-right: 12px}

#article #download1 {width: 400px; background: url(../images1/download.gif) no-repeat 7px 6px #dedede;}

#article #buy{
background: url(../images1/buy.gif) no-repeat 7px center #dedede;}	



.alignleft {
	float: left;
	margin: 2px 12px 6px 0;
	}
	
.alignright {
	float: right;
	margin: 2px 0px 6px 12px;
	}



/* Home
-------------------------------------------------------------- */

#homebanner {height: 118px; margin-bottom: 20px; padding: 22px 460px 5px 25px; background: url(../images1/straphome1.jpg);}

#homebanner h1 { font-size: 16px; color: #fff; font-weight: normal; }

#homepanel {width: 498px; background: url(../images1/bg_contact.png) #dedede repeat-x; padding: 10px; margin-bottom: 5px}

#homepanel1, #homepanel2 {float: left; width: 228px; background: #fff; padding: 8px}

#homepanel1 {margin-right: 11px; width: 227px;}


#homepanel { display: inline-block; }
#homepanel:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html #homepanel { height: 1%; }
#homepanel { display: block; }


#home #sidebar .whitebox { font-size: 110%}
#homepanel h1, #sidebar h1 { border-bottom:1px solid #bbb; padding-bottom:6px; font-size: 1.3em; margin: 0 0 10px 0}

#homepanel ul, #home #sidebar .whitebox ul {font-size:0.9em; line-height: 1.4em}
#homepanel ul li, #home #sidebar .whitebox ul li {margin-bottom:4px}


#homepanel2 table {
  border-collapse: collapse;
  font-size:10px;
  width: 228px;
  margin-top: 5px;
}

#homepanel2 td {
  text-align: left;
  vertical-align: top;
  padding: 0;
  border-top: 1px #bbb solid;
}

#homepanel2 td.column2, #homepanel2 td.column2a, #homepanel2 td.column2b {text-align: right;
	}
	
.column2b {color: #900}
.column2a {color: #060}


#focusbox {
	margin: 3px 0 0 0;
	width: 227px; height: 52px;
	position: relative;
	float: left;
	}
	
#focusbox span {
	width: 100%; height: 100%;
	position: absolute;
	background: url(/images1/focus.gif)
	}
	
#focusbox a:hover span {
	background: url(/images1/focus1.gif)
	}

.verysmall {font-size: 10px; line-height: 1.1em}


/* Sidebar
-------------------------------------------------------------- */

#sidebar h3 { font-size: 1.4em; line-height: 1.25; margin-bottom: 0.4em;}
#sidebar h4 { font-size: 1.4em; line-height: 1.25; margin-bottom: 0.2em; }
#sidebar h5 { font-size: 1.15em; line-height:1.5; margin-bottom: 0.2em}
#sidebar p { margin: 0 0 0.5em 0; }
#sidebar li { margin: 0 0 0.3em 0; }
#sidebar ul, #sidebar ol { margin: 0 0 0.6em 1.25em; }

.whitebox {background: #fff; padding: 8px 8px 5px 8px; margin: 0 0 18px 0; float: left; width: 204px; }

.contactbox {background: url(../images1/bg_contact.png) #dedede repeat-x; padding: 7px 8px 2px 8px; margin: 18px 0 18px 0; float: left; width: 205px; 
font-size:90%; line-height:1.45em}

#sidebar p.credit {font-size: 90%; color: #666; margin-bottom: 15px}

#subscribebox {
	margin: 0;
	width: 221px; height: 75px;
	position: relative;
	float: left;
	}
	
#subscribebox span {
	width: 100%; height: 100%;
	position: absolute;
	background: url(../images1/subscribe.gif)
	}
	
#subscribebox a:hover span {
	background: url(../images1/subscribe1.gif)
	}
	
#download, #download1, #buy {
padding-left:35px; width: 177px
}
	
#download { margin-bottom:10px;
background: url(../images1/download.gif) no-repeat 5px center #fff;}

#download1 { margin-bottom:15px;
background: url(../images1/download.gif) no-repeat 5px 6px #fff;}

#buy{
background: url(../images1/buy.gif) no-repeat 5px center #fff;}	


/* Footer
-------------------------------------------------------------- */

#footer { 
	margin: 20px 0 0 0;
	padding: 5px 0 0 0;
	border-top: dotted 1px #666;
	width: 940px;
	text-align: left;
	font-size: 11px;
	height: 12px;
	}
	
#footer ul {margin:0}
#footer li {display: inline; padding: 0 0 0 6px; border-left:1px #aaa solid; margin: 0 4px 0 0}
#footer li.first {border:none; padding: 0}
#footer li.last {margin: 0}

#footer a:link, #footer a:visited {color: #444}
#footer a:hover {color: #A00000}
	

/* Stuff
-------------------------------------------------------------- */


#preload { height: 0; overflow: hidden; } 





#loginForm {
	width:				185px;
	padding:			10px 8px 8px 8px;
	background:			#ccc;
	border:				1px solid #666;
	position:			absolute;
	margin-left:		-195px;
	margin-top:			35px;
	z-index:			10;
	display:none;
}

#loginForm p { margin: 0 0 5px 0;}
#loginForm p label { float: left; width: 70px; margin:0; }
#loginForm p input { width: 100px;}