/*
	$Id$
*/

/* Table of contents:
	=colourchart
	=header
	=navbar
	=footer
	
	=colours
	=fonts
	=forms
	=layout
	=admin
	
	=static pages
*/

/* =colourchart

	 Name        RGB                 Hex
	-----------|-------------------|----------
	Dark grey  | rgb(102,102,102)  | #666
	Light grey | rgb(204,204,204)  | #ccc
*/

@import url(../thickbox.css);
@import url(../fmPullDownMenu.css);
@import url(../recaptcha.css);
@import url(old-width.css);
@import url(galleria.css);

/* =header
-----------------------------------------------
*/

#header {
	margin-bottom: 0.5em;
}

form#quickSearch {
	width: 150px;
	margin: 0;
}

form#quickSearch input {
	margin: 0;
	font-size: x-small;
	padding: 2px 1px;
}

form#quickSearch #qsQuery {
	width: 70px;
}

#logo, #home #logo {
	float: left;
}

/* Don't display a colphon by default */
#colophon {
	display: none;
}

/* Display the colophon on the home page */
#home #colophon, #landing #colophon {
	display: block;
	float: right;
	height: 26px;
	margin: 12px 8px 0 0;
	width: 59px;
}

#home #colophon, #landing #colophon {
	background-image: url(../../icons/platform/colophon-large.png);
}

/* Non-IE browsers get the colophon in the standard way */
#home #colophon[href], #landing #colophon[href] {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 0;
}

#branding {
	border-top: solid 8px #000;
	margin-bottom: 2px;
	height: 72px;
}

#logo, #colophon {
	outline: 0;
	text-decoration: none;
	text-indent: -999em;
}

/* =memberbar
-----------------------------------------------
*/

#statusBar, #memberLogin {
	padding: 2px;
}

#statusBar ul, #memberLogin ul {
	float: right;
	font-size: 0.9em;
}

#statusBar ul li, #memberLogin ul li {
	padding: 4px 0;
}

#statusBar ul a, #memberLogin ul a {
	color: #000;
	float: none;
	padding: 0 3px 0 6px;
	text-decoration: none;
}

#statusBar ul li.user, #memberLogin ul li.user {
	margin-right: 3px;
}

#statusBar ul li.siteAdmin a, #statusBar ul li:first-child a,
#memberLogin ul li.siteAdmin a, #memberLogin ul li:first-child a {
	border: none;
}

#statusBar ul li:last-child a, #memberLogin ul li:last-child a {
	padding-right: 0;
}

#statusBar ul li.superUser, #statusBar ul li.admin,
#memberLogin ul li.superUser, #memberLogin ul li.admin {
		background: transparent no-repeat 100% 50% url(../../icons/platform/star.png);
	padding-right: 20px;
}

/* =navbar
-----------------------------------------------
*/

.nav li {
	display: inline;
	list-style-type: none;
	padding-right: 0;
}

.nav a {
	border-right: solid 1px #ccc;
	color: #666;
	float: left;
	padding: 0 0.5em;
	text-decoration: none;
	white-space: nowrap;
}
 
.nav li:first-child a {
	padding-left: 0;
}

.nav li:last-child a {
	border: none;
}

#footer .nav {
	float: right;
	font-size: 0.9em;
	margin: 0;
	padding: 5px 0;
}

/* Drop-down navigation */
#nav {
	clear: left;
	float: left;
	position: relative;
	width: 600px;
}

#nav, #nav ul {
	z-index: 60;
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	text-decoration: none;
	color: #000;
	padding: 0 4px;
}

#nav a:hover, #nav li ul, #nav li:hover, #nav li.sfhover {
	background: rgb(95%,95%,90%);
}

#nav li ul a:hover {
	background: rgb(85%,85%,80%);
}
	
#nav li li:hover, #nav li li.sfhover {
	background: none;
}

#nav li {
	float: left;
	border-left: solid 1px rgb(51,175,213);
	margin-left: -1px;
}

#nav li:hover, #nav li.sfhover {
	border-color: #ccc;
}

#nav li:first-child, #nav li li, #nav li li a {
	border: none;
}

#nav li li a {
	width: 9em;
}

#nav li li {
	font-weight: normal;
}

#nav li ul {
	position: absolute;
	width: 9.7em; /* this value was found by trial and error */
	left: -999em;
	border: solid 1px #ccc;
	border-top: none;
}

#nav li.navWide li a {
	width: 15em;
}

#nav li.navWide ul {
	width: 15.5em;
}

/* html:lang hides rule from safari */
html:lang(en) #nav li ul {
	/* to pull it into alignment with the main nav */
	margin-left: -1px;
}

#nav li:hover ul, #nav li.sfhover ul {
	z-index: 50;
	left: auto;
}

#subjectNav {
	float: left;
	margin-top: 4px;
}

#subjectNav ul.nav, #subjectNav h3 {
	font-family: Verdana, Tahoma, sans-serif;
	font-size: x-small;
}

#subjectNav h3 {
	padding-left: 3px;
}

#subjectNav h3.expando {
	clear: left;
	cursor: pointer;
	padding-left: 8px;
	background: transparent no-repeat 0 50% url(../../icons/platform/triangle-right.gif);
}

#subjectNav h3.collapso {
	clear: left;
	cursor: pointer;
	padding-left: 8px;
	background: transparent no-repeat 0 50% url(../../icons/platform/triangle-down.gif);
}

#subjectNav ul.nav li a:link, #subjectNav ul.nav li a:visited {
	color: #000;
	margin-left: 0;
	padding: 1px 4px;
}

/* Selected tab styles are in individual themes' css */

/* =footer
-----------------------------------------------
*/

#container {
	margin: 0;
	padding: 0;
}

#outer {
	min-height: 100%;
	position: relative;
	text-align: left; /* combat the alignment on the body */
	background-color: #fff;
	border-style: solid;
	border-color: #aaa;
	margin: 0 auto;
	padding: 0 10px;
	border-width: 0 1px;
}

#clearfooter {
	clear: both;
}

#preFooter {
	padding-bottom: 100px;
}

#footer {
	position: absolute;
	bottom: 0;
	height: 100px;
}

#footer div {
	border-top: solid 1px #eee;
	clear: both;
}

#footer .tagline {
	margin: 0;
	padding: 0;
}

/* =rss
-----------------------------------------------
*/

a.rss, ul.more li a.rss {
	background: transparent no-repeat 0 50%
		url(../../icons/platform/feed-icon-12x12.gif);
	height: 12px;
	margin: 0.3em;
	outline: 0;
	position: absolute;
	right: 2px;
	top: 6px;
	text-indent: -999em;
	width: 12px;
}

#container a.rss:hover {
	text-decoration: none;
}

ul.more li a.rss {
	right: 0;
	margin-right: 0;
}

ul#rssFeeds {
	padding: 2px 0;
	float: right;
}

ul#rssFeeds li {
	list-style: none;
	display: inline;
}

ul#rssFeeds li a {
	background: transparent no-repeat 0 50%
		url(../../icons/platform/feed-icon-12x12.gif);
	float: left;
	padding: 2px 6px 2px 14px;
	text-decoration: none;
	white-space: nowrap;
}

ul#rssFeeds li a span {
	position: absolute;
	left: -999em;
}


/* =colours
-----------------------------------------------
*/

#home div#journals p {
	margin-left: 66px;
}

#home div#journals p.nolm {
	margin-left: 0;
}

/* Force IE's "hasLayout" property, and do relatively absolute positioning */
#content h1, .panel, .boxout, dl.addComment {
	position: relative;
}

a:link, #contacts h4 {
	color: rgb(13%,34%,48%);
}

#container a:visited {
	color: rgb(18%,39%,53%);
}

#home #jnlCover {
	margin-left: 6px;
	width: 54px;
	height: 76px;
}

.boxout, dl.addComment {
	margin-bottom: 1em !important;
}

/* Override some of the above for MP style */
#container h2, #content h1, #sponsored-search h3 {
	border-top: solid 6px #000;
}

div.promo {
	background-color: rgb(255,204,203);
	border: none;
}

div.promo p a {
	color: #900;
	font-weight: bold;
}

a.signup {
	background: transparent 0 0 no-repeat url(../../icons/platform/signup.png);
	display: block;
	height: 24px;
	margin: 10px auto;
	text-indent: -999em;
	width: 122px;
}

#container div.promo h2,
#container h1.secondary {
	background-color: #c00;
	color: #fff;
}

a img, 
.panel #about p,
.panel p.pagination,
#companyList div.clearRightFix p {
	border: none;
}

p.pagination b {
	background-color: #ffc;
	border-bottom: solid 2px #cc9;
	padding: 0 2px;
}

#companyList div.clearRightFix p {
	margin-bottom: 0;
	padding: 0;
}

#container #companyList div.clearRightFix {
	padding: 0.25em 0 0.5em 0;
	margin-bottom: 0.5em; 
}

.panel #about p, #journals .thumbLeft {
	margin-left: 0;
}

#legal #content ol {
	margin-left: 3em;
}

#legal ol#lettered li {
	list-style: upper-alpha;
}

.twoRightColsFull #content #channelHome .panel {
	float: left;
}

.twoRightColsFull #content #channelHome .panel:first-child {
	margin-right: 10px;
}

.twoRightColsFull #content #channelHome a.rss {
	display: none;
}

.panel div.highlight p {
	border: none;
	margin-bottom: 0;
}

#content h1, h2, #sponsored-search h3, #sponsored-search h3 a:link,
#sponsored-search h3 a:visited {
	color: #fff;
}

#buyersguide h2 a:link, #buyersguide h2 a:visited,
#container h2.secondary a:link, #container h2.secondary a:visited {
	color: #000;		
}

#container .subSection h2 a:link, #container .subSection h2 a:visited {
	color: #000;
}

a.help {
	color: #00c !important;
	background: transparent 0 0 no-repeat url(../../icons/platform/help-16x16.png);
	padding-left: 20px;
}

.highlight {
	background: 4px 0 no-repeat url(../../icons/platform/star.png);
}

#outer #container .panel h3.highlight {
	margin-bottom: 0;
	margin-right: 0;
	padding-bottom: 0;
	padding-left: 28px;
}

#outer #container .panel h3 img {
	margin: 0 4px 4px 4px;
}

#outer #container p.highlight {
	background: none;
	margin: 0 0 0.5em 4px;
	padding: 0 0 0.5em 28px;
}

span.star {
	background: 100% 0 no-repeat url(../../icons/platform/star.png);
	padding-right: 20px;
}

#content div.coverImage {
	background-color: #fff;
	float: right;
	margin: 4px 0 0 0;
	padding: 0 0 4px 4px;
	position: relative;
	z-index: 60;
}

#productGuides img {
	float: left;
	margin: 0 6px 10px 0;
}

#productGuides p {
	clear: left;
}

#sidebarRight {
	background: #fff;
}

p.note {
	color: #666;
	font-family: Verdana, sans-serif;
	margin: -1em 0 0 0;
}

#content table {
	width: auto;
}

#content table.data {
	width: 100%;
}

table.data th, table.data td {
	border-bottom: solid 1px #ccc;
	padding: 4px 8px;
	vertical-align: top;
}

table.data blockquote {
	border-left: solid 6px #ccc;
	margin: 1em 0;
	padding: 0 1em;	
}

table.data tr.odd td {
	background-color: #eee;
}

table#enquiryList blockquote {
	width: 468px;
	overflow: auto;
}

table#enquiryList td.from, #enquiryListKey span {
	border-left: solid 8px #999;
}

table#enquiryList tr.productEnquiry td.from,
#enquiryListKey span.productEnquiry {
	border-left-color: #009;
}

table#enquiryList tr.companyEnquiry td.from,
#enquiryListKey span.companyEnquiry {
	border-left-color: #090;
}

table#enquiryList tr.spam td, #enquiryListKey span.spam {
	background-color: #fcc;
}

table#enquiryList tr.whitepaperEnquiry td.from,
#enquiryListKey span.whitepaperEnquiry {
	border-left-color: #900;
}

#enquiryListKey span {
	margin-right: 8px;
	padding: 0 4px;
}

#contact blockquote {
	padding: 4px 4px 4px 40px;
	background: #fff 0 0 no-repeat url(../../icons/platform/quote_light_blue_left.png);
}

#contact blockquote p.quoteBy {
	text-align: right;
	padding-right: 40px;
	min-height: 26px;
	background: #fff right top no-repeat url(../../icons/platform/quote_light_blue_right.png);
}

.information {
	background-color: #ffc;
	border: solid 1px #ddd;
	color: #000;
	font-weight: bold;
	padding: 0.5em;
}

.information p {
	padding: 0;
	margin: 0;
}

#content .trigger {
	background: transparent 0 50% no-repeat url(http://images.iop.org/cws/plus.gif);
	padding-left: 14px;
}

#content .triggerexpanded {
	background: transparent 0 50% no-repeat url(http://images.iop.org/cws/minus.gif);
	padding-left: 14px;
}

#content .triggerhover {
	cursor: pointer;
	background-color: rgb(95%,95%,90%);
}

div.alphaNav a:hover {
	background-color: rgb(95%,95%,90%);
}

/* =prodscomps
-----------------------------------------------
*/
.SUBMITTED span, .RELEASED span, .HIDDEN span, .REFERRED span,
.SUB span, .AOK span, .REJ span, .DEL span, .EXP span {
	font-weight: bold;
	font-size: small;
	padding: 0.2em;
	width: 8em;
	text-align: center;
	margin-right: 0.3em;
	float: right;
	border-width: 1px;
	border-style: solid;
	-moz-border-radius: 0.25em;
}

.SUBMITTED, .SUBMITTED span, .SUB, .SUB span {
	border-color: #c30;
}

.RELEASED, .RELEASED span, .AOK, .AOK span {
	border-color: #090;
}

.REFERRED, .REFERRED span, .REJ, .REJ span {
	border-color: #339;
}

.HIDDEN, .HIDDEN span, .EXP, .EXP span {
	border-color: #666;
}

.DEL, .DEL span {
	border-color: #999;
}

.SUBMITTED span, .SUB span {
	background-color: #FFF280;
	color: #c30;
}

.RELEASED span, .AOK span {
	color: #090;
	background-color: #cfc;
}

.REFERRED span, .REJ span {
	color: #006;
	background-color: #ccf;
}

.HIDDEN span, .EXP span {
	color: #333;
	background-color: #ddd;
}

.DEL span {
	color: #666;
	background-color: #eee;
}

.RELEASED, .SUBMITTED, .HIDDEN, .REFERRED, .SUB, .AOK, .REJ, .EXP, .DEL {
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

ul#rssFeeds li img {
	vertical-align: middle;
	margin-right: 4px;
}

ul.advertising li strong {
	color: rgb(18%,39%,53%);
}

ul.advertising li {
	margin: 1em 2em;
	text-indent: -2em;
}

body#contact #container form {
	margin-top: 2em;
}

/* =misc
-----------------------------------------------
*/

/* The "community web sites" tagline */
p.tagline {
	float: left;
	font-size: 0.9em;
}

p.tagline a {
	margin: 0.35em 4px 0 0;
}

#statusBar p.tagline, #memberLogin p.tagline {
	margin: 0;
	width: 350px;
}

#footer p.tagline {
	margin-top: 0.5em;
	text-align: left;
}

#home #statusBar p.tagline a, #home #memberLogin p.tagline a {
	display: none;
}

acronym, abbr {
	cursor: help;
}

.todo {
	border: solid 1px red !important;
}

img.companyLogo {
	background-color: #fff;
}

.thumbLeft {
	border: solid 1px #ccc;
}

/* =fonts
-----------------------------------------------
*/

#sidebarRight .boxout a.more {
	border-bottom: none;
}

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

#container a:hover, #container h2 a:hover, #container form a {
	text-decoration: underline;
}

.boxout em {
	text-transform: uppercase;
	font-style: normal;
}

p.note, .inlineAudio, small {
	font-size: x-small;
}

.info {
	background-color: rgb(95%,95%,90%);
	padding: 1em;
	border: solid 1px #ccc;
	margin-bottom: 1em;
}

.info p {
	margin-bottom: 0;
}

#blog .content-nav p {
	margin-bottom: 1em;
}

a.close {
	background: #ffe 4px 50% no-repeat 
		url(../../icons/platform/deep-ellum/close_16.png);
	border: solid 1px #ccc;
	color: #000 !important;
	font-weight: bold;
	float: right;
	margin-left: 1em;
	padding: 4px 6px 4px 24px;
}

a.close:hover {
	background-color: #ddc;
	text-decoration: none !important;
}

#content h1, h2, #sponsored-search h3 {
	text-transform: uppercase;
	letter-spacing: 0.05em;
}

#content h1, h2, h3, h4, p, #container li, blockquote,
#artnav small, label, dt, dd, span.txt {
	font-size: small;
}

p, ol {
	line-height: 1.5em;
}

.panel p, .boxout p {
	line-height: 1.3em;
}

.journalVol, .journalPage {
	font-style: normal;
}

.journalVol, dt, #categoryDesc p, #sidebarRight .boxout a {
	font-weight: bold;
}

em {
	font-style: normal;
	font-weight: bold;
}

p.citation em {
	font-style: italic;
	font-weight: normal;
}

em.uc {
	font-style: normal;
	font-weight: normal;
	text-transform: uppercase;
}
 
.articleBody em {
	font-style: italic;
	font-weight: normal;
}

#home #products p.note, #home #newsfeed p.note, #home .specialFeature p.note, #home #feed p.note, #subject #products p.note {
	border: none;
	color: #000;
	font-family: "Gill Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: x-small;
	margin-bottom: 0;
}

#home div#products h3, #subject div#products h3, #subject div#webcasts h3 {
	position: relative;
	padding-right: 60px;
}

#home div#products .withoutThumbnail {
	padding-right: 0;
}

div#products .withThumbnail, #subject div#webcasts .withThumbnail {
	padding-right: 60px;
}

.productList .withThumbnail {
	padding-right: 110px;
}

div#products h3 span.thumbNail, .productList .thumbNail, div#webcasts h3 span.thumbNail {
	background-color: #fff;
	background-position: 50% 50%;
	background-repeat: no-repeat; 
	border: solid 1px #ccc;
	display: block;
	/*height: 40px;*/
	position: absolute;
	right: 0;
	top: 0;
	/*width: 50px;*/
}

#home #sidebarLeft .boxout p {
	margin-bottom: 0;
}

#home #latestIssue {
	position: relative;
}

#home #latestIssue ul.more {
	bottom: 5px;
	left: 170px;
	position: absolute;
}

/* No arrows for Safari */
body#home:last-child:not(:root:root) #latestIssue ul.more li a {
	background-image: none;
}

#home #sidebarLeft #latestIssue ul.more {
	left: 158px;
}

#home #sidebarRight #latestIssue ul.more {
	clear: left;
	position: static;
}

#home #latestIssue ul.more li {
	display: block;
}

address {
	font-style: normal;
}

cite {
	font-style: normal;
	font-weight: bold;
}

#papers cite, #journals cite, .info cite {
	font-style: italic;
	font-weight: normal;
}

#membership #sidebarLeft cite {
	font-style: normal;
	font-weight: normal;
}

#advertising blockquote p {
	font-size: medium;
}

p.date {
	margin: 0;
}

p.date, span.date {
	font-size: 0.9em;
	white-space: nowrap;
	font-weight: normal;
}

#content h1.articleHeadline span.date {
	color: rgb(40%,40%,40%);
	margin-left: 0.1em;
}

div.alphaNav * {
	font-weight: bold;
	padding: 0 0.3em;
	text-align: center;
	float: left;
	width: 1em;
}

div.alphaNav .alpha0-9 {
	padding: 0 0.2em;
	width: 1.5em;
}

div.alphaNav span.separator {
	display: none;
}

li.admin a:after {
	content: " (ADMIN ONLY)";
	color: #900;
	font-size: x-small;
}

p.editLink, p.shortDescription {
	font-weight: bold;
}

ul.advertising, ul.advertising ul {
	list-style: none;
}

/* =forms
-----------------------------------------------
*/

div.as {
	display: none;
}

fieldset div select  {
	padding: 0 !important;
}

/* Add some space - too cramped otherwise */
fieldset {
	margin: 1em 0;
	padding: 0.5em;
}

/* So that IE users get a clue to click */
label {
	/* Both are required so that IE 5.x do the right thing */
	cursor: pointer;
}

/* Compact (short label) */
fieldset.compact div, .clearer {
	clear: both;
}

label em, legend em {
	background-color: #ffd;
	font-size: smaller;
}

fieldset.compact div label,
fieldset.compact div input,
fieldset.compact div select,
fieldset.compact div textarea {
	float: left;
	padding: 0.2em;
	width: 65%;
}

fieldset.compact div label {
	font-weight: normal;
	text-align: right;
	width: 30%;
	line-height: 1.75em;
}

/* Vertical / longlabel */
#content fieldset.list div label {
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 0;
}

fieldset.list div>* {
	display: block;
	padding: 0.2em;
}

/* Checkbox/radio groups */

fieldset.listLabelAfter label {
	text-align: left;
	width: 95%;
	clear: both;
	display: block;
}

fieldset.compactLabelAfter label {
	float: left;
	white-space: nowrap;
	width: auto;
}

#TB_window fieldset.compactLabelAfter label {
	white-space: normal;
}

fieldset.compactLabelAfter h3, fieldset.compactLabelAfter div {
	clear: left;
}

fieldset.compactLabelAfter div {
	float: left;
}

/* Quick searches */
form.miniForm * {
	display: block;
}

form.midiForm label {
	display: block;
}

form fieldset.compact div img {
	/* float: left; */
	width: auto;
}

body#events #content form fieldset label {
	float: left;
	width: 30%;
	text-align: right;
}

body#events #content #eventList p {
	padding-bottom: 0.75em;
	margin-top: 0.75em;
}

body#events #content p a {
	font-weight: bold;
}

#content fieldset.compact input[type="text"],
#content fieldset.compact input[type="password"],
#content fieldset.compact div select,
#content fieldset.compact textarea {
	width: 200px;
}

#content.twoCol fieldset.compact input[type="text"],
#content.twoCol fieldset.compact input[type="password"],
#content.twoCol fieldset.compact div select,
#content.twoCol fieldset.compact textarea,
#content #readerEnquiryForm fieldset textarea {
	width: 330px;
}

#content #loginForm fieldset.compact div label {
	width: 200px;
}

#content #loginForm fieldset.compact div input {
	width: 120px;
}

#container #content input.date-picker {
	width: 100px;
}

#content fieldset.compact textarea {
	height: 12em;
}

fieldset.list textarea, fieldset.list input[type="text"] {
	width: 500px;
}

fieldset.list textarea {
	height: 10em;
}

div select option {
	width: 100%;
}

#content form {
	margin: 0;
}

#content form.bland {
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

#content form fieldset {
	margin: 0;
	padding: 1em;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #ccc;
}

#content form label, form input[type="text"], form input[type="password"],
form input[type="file"], fieldset div span, #container form textarea {
	padding: 0.2em 0.4em;
	line-height: 1.5em;
	margin: 0.1em;
}

#content fieldset.compactLabelAfter label {
	padding: 0 0.4em;
}

input.simpleSearchQuery {
	width: 200px;	
}

form#buyersGuideSearch fieldset.compactLabelAfter {
	border: none;
	padding: 0;
	width: auto;
}

form#buyersGuideSearch fieldset.compactLabelAfter legend {
	font-size: small;
	font-weight: normal;
	padding-left: 6px;	
}

/* For better browsers, they get the generated content text asterisk, which doesn't barf the layout */
#content form .required:after, em.required, span.red {
	color: #f00;
	content: " *";
	font-size: large;
	font-weight: bold;
	vertical-align: -0.35em;
	line-height: 0.4em;
}

form div.multibox {
	border: solid 1px #ccc;
	height: 8em;
	overflow: auto;
	width: 300px;
}

#content form div.multibox ul, #content form div.multibox li {
	list-style: none;
	margin: 0;
	padding: 0;
}

em.required {
	content: "";
	vertical-align: middle;
}

form#eventform fieldset fieldset {
	position: relative;
	border: solid 1px red;
	margin: 0;
}

body#events #content form#eventform fieldset fieldset legend {
	font-size: small;
	position: absolute;
	left: -160px;
	top: auto;
	margin-bottom: -1em;
}

/* Ghastly hackage on the legacy events form */
body#events #content form#eventform fieldset input#nrd {
	float: left;
	margin-top: 8px;
}

body#events #content form#eventform fieldset label.checkbox {
	width: auto;
}

form select {
	line-height: 1.1em;
	margin: 0.1em;
}

input[type="text"], input[type="password"], select, textarea {
	border: solid 1px #ccc;
}

form input[type="text"]:focus, form input[type="password"]:focus, select:focus, textarea:focus {
	background-color: #ffc;
	border-color: #999;
}

#content form legend {
	margin: 0 0 0 0;
	font-weight: bold;
	padding: 0.1em 0.2em;
	font-size: medium;
}

form fieldset.actions {
	background-color: rgb(95%,95%,90%);
	padding: 0.5em auto;
	text-align: center;
}

form fieldset.actions input.primary {
	padding: 0.25em 0.5em;
	display: block;
	margin: 0 auto;
}

form fieldset.actions input.secondary {
	padding: 0.12em 0.25em;
	float: right;
}

#content form fieldset fieldset {
	margin-left: 30%;
	border: 0;
}

#content form#loginForm fieldset fieldset {
	margin: 0 0 1em 0;
	padding: 0;
}

#content form fieldset fieldset legend {
	font-weight: normal;
}

#content form fieldset fieldset select {
	width: auto;
}

label:hover {
	background-color: rgb(95%,95%,90%);
}

.inFormLink {
	margin-left: 172px;
}

#loginForm .inFormLink {
	margin: 0 0 0 214px;
}

/* Explanatory notes */
#content fieldset div span {
	clear: left;
	color: #666;
	display: block;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	margin-left: 2px;
	padding: 0.2em 0.4em;
}

/*Captcha css changes*/
#content fieldset.compact div span {
	margin-left: 68px;
	width: 100px;
}

li.topLevelCat {
	font-weight: bold;
}

li.subCat {
	font-weight: normal;
}

ul.tree {
	list-style: none;
}

ul.tree li {
	padding: 0.1em;
}

p.readonlyField {
	font-weight: bold;
}


/* =layout
-----------------------------------------------
*/

/*
	Global whitespace reset
	http://leftjustified.net/journal/2004/10/19/global-ws-reset/
	*/
* {
	margin: 0;
	padding: 0;
}

#content ul {
	padding-left: 1em;
}

#content ul li {
	padding-left: 0.5em;
}

/* commented backslash hack \*/
html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}
/* end hack */

body {
	text-align: center; /* for IE5 and IE5.5 on Windows */
	background: rgb(95%,95%,90%);
	font-family: "Gill Sans", "Trebuchet MS", Helvetica, Arial, sans-serif;
	font-size: 76%;
}

#bnnr468x60, .bnnr468x60 {
	float: right;
	height: 60px;
	margin: 6px 6px 0 0;
	padding: 0;
	width: 468px;
}

#home #bnnr468x60, #home .bnnr468x60 {
	float: none;
}

#bnnrBottom, .googleAdbar {
	margin: 8px 0;
	text-align: center;
}

#home #bnnr468x60 div, #home .bnnr468x60 div {
	height: 0;
	margin: 0;
	padding: 0;
}

/* Display the images as block-level */
#bnnr160x60 img {
	display: block;
	margin: 6px auto;
}

/* Turn off the <br>s */
#bnnr160x60 br {
	display: none;
}

.bnnr {
	margin: 10px 2px;
	width: 470px;
	height: 62px;
}

p, dd {
	margin-bottom: 1em;
}

dl.resourceList dd {
	padding-bottom: 1em;
}

dl.resourceList {
	padding-top: 1em;	
}

div.boxout p, div.panel p, dl {
	margin: 0 4px 0.5em 4px;
}

div.noStrapline, div.withStrapline {
	padding: 4px;
}

.boxout dl, .panel dl {
	margin-top: 0.5em;
}

dl.addComment {
	margin: 0 0 0 0;
	padding: 0.5em 4px;
}

.commentBody ol li, .helpTable ol li {
	margin: 0 0 0 0;
}

#content ul, ul.more, ul.arrows, .commentBody ul {
	margin: 0 4px 4px 0;
	line-height: 1.5em;
}

#container ul.list, #container ul.list ul, .commentBody ul {
	margin-left: 0;
	list-style: none;
}

#content ul.list {
	margin-bottom: 2em;
}

#container ul.list li {
	margin: 0 4px 0.4em 4px;
}

#container ul.list li, .commentBody ul li {
	padding-left: 10px;
	background: transparent 0 0.5em no-repeat url(../../icons/platform/triangle-right.gif);
}

#container ul.list li.expanded {
	background-image: url(../../icons/platform/triangle-down.gif);
}

#container .calloutPanel ul.list {
	padding-left: 0;
}

#container div.categoryTwoCol ul.list {
	float: left;
	padding: 0;
	width: 47%;
}

ol {
	margin-left: 2em;
}

ol li {
	margin: 1em 0;
}

div.assetListWrap {
	position: relative;
}

ol.assetList {
	list-style: none;
	margin-left: 0;
}

ol.assetList li {
	position: relative;
}

#assetListWrap ol.assetList li {
	border-bottom: dashed 1px #ccc;
}

form h3 {
	margin: 0;
}

.boxout h3 {
	margin: 0 4px;
}

.boxout input [type="text"], .boxout fieldset {
	margin-left: 10px;
}

#sidebarLeft form div {
	margin: 0 4px;
	padding: 0;
}

.boxout fieldset {
	border: none;
	margin: 0 10px;
}

#content h1, #twoRightCols div h2, #sidebarLeft h2, #sidebarRight h2,
#sponsored-search h3 {
	padding: 2px 2px 2px 4px;
	margin: 0 0 0.25em 0;
}

#sidebarRight .boxout h2, #sidebarRight .panel h2 {
	padding-left: 4px;
	margin-bottom: 0;
}

#sidebarRight .boxout p, #sidebarRight .panel p {
	margin-left: 4px;
	margin-bottom: 0.5em;
}

.multiBoxout p, .panel p {
	padding-bottom: 0.5em;
}

div.clearer {
	line-height: 0;
	height: 0;
	margin: 0 !important;
	padding: 0 !important;
}

#verticalSearch #outer, #verticalSearch #branding,
#verticalSearch #footer, #verticalSearch #preFooter {
	width: 1000px;
}

#verticalSearch #nav, #verticalSearch #quickSearch,
#verticalSearch #statusBar, #verticalSearch #memberLogin, #verticalSearch #footer div {
	display: none;
}

#verticalSearch #outer {
	padding-top: 10px;
}

#verticalSearch ol ol {
	list-style-type: lower-roman;
}

/* floats */
#sidebarLeft {
	width: 200px;
}

#sidebarLeft, .nav, #statusBar a, #memberLogin a, .thumbLeft, 
div#contactEmail div, div#contactPostal div {
	float: left;
}

#twoRightCols, #quickSearch, .bnnr, a#colophon, #sidebarRight {
	float: right;
}

#container ul.more, #container ul.arrows {
	list-style: none;
	padding-left: 0;
	text-align: left;
}

ul.more li, ul.arrows li, #statusBar ul a, #memberLogin ul a,
#statusBar li, #memberLogin li {
	display: inline;
}

.helpTable ul.arrows li {
	display: block !important;
	padding-left: 8px !important;
}

.more a, a.more, .arrows a, a.arrows, .visionPrizeMore {
	white-space: nowrap;
	position: relative;
	background-position: 100% 50%;
	background-repeat: no-repeat;
	background-image: url(../../icons/platform/triangle-right.gif);
	color: rgb(192,0,0) !important;
	margin-right: 8px;
	padding-right: 8px;
}

#container ul.more li, #container ul.arrows li {
	display: inline;
	padding-left: 0;
}

#twoRightCols div, #sidebarLeft div, #sidebarRight div {
	margin-bottom: 0.2em;
	padding-bottom: 0.75em;
}

#twoRightCols div#recaptcha_area, #twoRightCols #recaptcha_area div {
	margin-bottom: 0;
	padding-bottom: 0;
}

#container div.panel div {
	margin: 0;
	padding: 0;
}

div#mpu, div.mpu {
	margin: 0;
	padding: 0;
	text-align: center;
}

div#mpu a, div.mpu a {
	display: block;
	margin: 1em auto;
}

div#sidebarLeft div.rmad a img {
	margin-top: 1em;	
}

#verticalSearch #twoRightCols {
	width: 790px;
}

#container #twoRightCols.twoRightColsFull {
	width: 100%;
}

#content {
	background-color: #fff;
	margin-left: 0;
	margin-right: 170px;
}

#home #content {
	margin-left: 0;
}

#content.twoCol {
	margin-right: 0;
}

#contact #content.twoCol {
	padding-bottom: 2em;
}

#sidebarRight {
	width: 160px;
}

#sidebarRight .boxout {
	padding-bottom: 4px;
}

#sidebarRight a.more {
	padding-left: 4px;
	margin: 0;
}

div#contactEmail div {
	width: 33%;
}

div#contactPostal div {
	width: 49%;
}

.message {
	border: solid 1px #ccc;
	background-color: rgb(100%,93%,60%);
	color: #000;
	font-weight: bold;
	margin: 1em;
	padding: 1em;
	text-align: center;
}

.thumbLeft {
	margin: 2px 6px;
}

#partners img, #micrositeContainer img {
	margin: 2px 0;
}

/* centre the logo images */
.partnerSpacing {
	margin-left: 20px;	
}

/* on hold until clients decide on new secondary colour scheme
.boxed {
	border: solid 1px #d8e8ff;
	background-color: #d8e8ff;
}*/

#container #sidebarLeft .highlight,
body#home #content .highlight,
body#subject #content .highlight,
body#supplement #content .highlight {
	padding-left: 28px;
	margin: 0.5em 4px;
}

body#subject #jobsProducts, body#supplement #jobsProducts {
	background-color: #fff;
	float: right;
	border-left: solid 10px #fff;
	position: relative;
	z-index: 60;
}

body#subject #featuredJournal, body#supplement #featuredJournal {
	clear: left;
	float: left;
}

ol.assetList .highlight {
	padding-left: 0;
	margin-left: 0;
}

#content ol.assetList .highlight h3, #searchResultsList .highlight h3 {
	padding-left: 28px;
}

.clearLeftFix:after,.clearRightFix:after,.clearBothFix:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearLeftFix:after, .clearLeft {
	clear: left;
}

.clearRightFix:after, .clearRight {
	clear: right;
}

.clearBothFix:after, .clearBoth {
	clear: both;
}

.clearLeft, .clearRight, .clearBoth {
	height: 0;
	margin: 0 !important;
	padding: 0 !important;
}

/* Hides from IE-mac \*/
* html .clearLeftFix,* html .clearRightFix,* html .clearBothFix {
	height: 1%;
}
/* End hide from IE-mac */


/* =subnav
-----------------------------------------------
*/

ul.subNav {
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.subNav li {
	display: inline;
}

ul.subNav li a {
	background-color: rgb(95%,95%,90%);
	border-right: solid 1em #ccc;
	display: block;
	margin: 0.25em 0;
	padding: 0.25em;
}

ul.subNav li a:hover {
	border-bottom: none !important;
}

ul.subNav li.subNavSelected a {
	font-weight: bold;
}

ul.subNav li.subNavSelected a:hover {
	cursor: default;
}

/* Archive navigation */

li.volumeSelected span, li.volumeSelected li.subNavSelected {
	font-weight: bold;
}

/* Contacts pages  */
#contacts {
	padding: 1em 0;
}

#contacts cite {
	font-weight: normal;
	font-style: italic;
}

#content #contacts h2 {
	background-color: rgb(95%,95%,90%);
	clear: both;
	color: #000;
	border: none;
	margin-bottom: 0.75em;
}

#content #contacts h3 {
	padding: 0 0 0 4px;
	margin-top: 1em;
	border-bottom: solid 1px #ccc;
}

/* Team pics */
#contacts div.vcard {
	clear: right;
}

#contacts div.vcard p {
	margin: 0.3em 0 0 0;
}

#contacts div.vcard img.photo {
	float: right;
	margin-left: 10px;
	margin-top: 23px;
}

#contacts div.vcard h3+img.photo {
	margin-top: 4px;
}

table#artnav {
	width: 90%;
	margin: 0 auto 1em;
}

/* XXX There's a rogue br in the right hand column, so I'm switching its display off */
#sidebarRight>br {
	display: none;
}

p.editLink {
	float: right;
}

.calloutPanel p.editLink {
	float: none;
	margin: 0.25em;
}

/* =journals
-----------------------------------------------
*/

body#journals div.relatedJournal h2, body#journals div.relatedJournal ul.more, 
body#journals div.relatedJournal p {
	margin-left: 134px;
}

body#journals div.relatedJournal {
	margin-bottom: 1.5em;
}

body#journals div.relatedJournal .thumbLeft {
	margin-top: 0;
}

body#journals div.relatedJournal h2 {
	background: none;
	border: none;
	color: #000;
	padding: 0;
	margin: 0 0 0 134px; /* This shouldn't be necessary, but is */
}

/* =sponsored-search
-----------------------------------------------
*/

#sponsored-search {
	text-align: center;
}

#sponsored-search hr {
	display: none;
}

#sponsored-search h3 a {
	text-decoration: none;
}

#sponsored-search a.sst-url {
	font-size: smaller;
}

#sponsored-search p {
	border: solid 1px #ccc;
	margin-bottom: 4px;
	overflow: hidden;
	padding: 0.3em;
}

div#sponsored-search div {
	width: 160px !important;
	padding-left: 50px;
}

#sponsored-search p.sst-adv {
	background: none;
	border: none;
}

#content #sponsored-search {
	background-color: #fff;
	border-left: solid 20px #fff;
	float: right;
	padding: 0;
	width: 260px;
}

/* =buyersguide
-----------------------------------------------
*/

body#buyersguide #corporatePartnerList, 
body#buyersguide #keySupplierList {
	margin-bottom: 2em;
}

body#buyersguide #corporatePartnerList h3 {
	clear: right;
}

body#buyersguide #corporatePartnerList p {
	min-height: 50px;
}

span.head2, span.head2+br {
	display: none;
}

body#buyersguide div#content div.productImage {
	background-color: #fff;
	border: solid 1px #ccc;
	float: left;
	margin: 0 10px 10px 0;
	padding: 4px;
	text-align: center;
	max-width: 285px;
}

body#buyersguide div#content div.productImage img {
	margin-bottom: 4px;
}

#buyersguide #sidebarLeft div.admin {
	margin-bottom: 1.5em;	
}

#content div#longDescription {
	clear: left;
}

#content div#productCategoryList {
	clear: left;
	margin: 1em 0;
}

div.panel#partners a {
	width: 160px;
	height: 60px;
	display: block;
	margin: 0 0 4px 0;
	padding: 0;
}

#partners br {
	display: none;
}

#content h3 img.companyLogo {
	float: right;
	margin-left: 10px;
}

div#categorySponsor {
	text-align: center;
}

.categoryExplorer ul ul {
	display: none;
}

/* =search
-----------------------------------------------
*/

body#search div#content div.boxout p {
	margin-right: 170px;
}

body#search div#content div.boxout p img.companyLogo {
	margin-right: -170px;
}

body#search p.message {
	width: 640px;
}

#regularCompanyList h2 {
	display: none;
}

/* =admin
-----------------------------------------------
*/
#userList table {
	width: 100%;
}

#userList .headerRow {
	background-color: #ccc;
}

#userList .even {
	background-color: #ddd;
}

#userList .odd {
	background-color: #eee;
}

#userList th, #userList td {
	padding: 2px 0 2px 4px;
}

#userList td.statusCol {
	max-width: 60px;
	width: 60px;
	padding: 0 4px 0 4px;
}

#userList td.formCol {
	max-width: 160px;
	width: 160px;
}

#userList td.emailCol {
	max-width: 160px;
	width: 160px;
	overflow: hidden;
	border-right: 4px solid;
}

#userList .even td.emailCol {
	border-right-color: #ddd;
}

#userList .odd td.emailCol {
	border-right-color: #eee;
}

.future, .current, .finished, #userList .status {
	font-weight: bold;
	font-size: small;
	padding: 0.2em;
	width: 4em;
	text-align: center;
	margin-right: 0.3em;
	float: left;
	-moz-border-radius: 0.25em;
}

#userList .sysop {
	color: #03c;
	background-color: #ccf;
	border: solid 1px #03c;
}

.future, #userList .admin {
	background-color: #FFF280;
	color: #c30;
	border: solid 1px #c30;
}

.current, #userList .enabled {
	color: #090;
	background-color: #cfc;
	border: solid 1px #090;
}

.finished, #userList .suspended {
	color: #333;
	background-color: #eee;
	border: solid 1px #666;
}

#userList .disabled {
	color: #c30;
	background-color: #ffc;
	border: solid 1px #c30;
}

form.userAdmin {
	float: left !important;
	padding: 0 4px 0 0;
	margin: 0 0 0 0 !important;
}
* html form.userAdmin {
	width: 1% !important;
}

form.userAdmin .button {
	background-color: #eee;
	border: 2px #eee outset;
	padding: 1px;
	margin: 0;
	font-size: 13px;
	font-family: "MS Sans Serif", sans-serif;
	cursor: pointer;
}
* html form.userAdmin .button {
	font-size: 11px !important;
	border-width: 1px;
	padding-left: 0;
	padding-right: 0;
}

form.userAdmin .button:active {
	border-style: inset;
}

body#admin .feature {
	float: left;
	width: 33%;
	margin-right: 5%;
}

#container div.admin h2 {
	border-color: #930;
	background-color: #f90;
	color: #fff;
	cursor: pointer;
	padding-right: 20px;
}

#container div.admin h2.zoomIn {
	background: #f90 100% 50% no-repeat
		url(../../icons/platform/deep-ellum/zoom-in_16.png);
}

#container div.admin h2.zoomOut {
	background: #f90 100% 50% no-repeat
		url(../../icons/platform/deep-ellum/zoom-out_16.png);
}

div.admin #promoForm, div.admin #featureForm {
	background-color: #ff9;
	padding: 0 2px;
}

div.admin h2 {
	margin: 0;
}

#sidebarLeft div.admin {
	margin-bottom: 0;
	padding-bottom: 0;
}

#container #promoBox {
	padding: 0;
}

/* Added only for the p in vision prize snippet text*/
.visionPrizePartnershipText{
   margin-top:5px; 
}

#admin #userList form {
	margin: 0.5em 0;
}

#admin td.modifyLinks {
	display: block;
	position: relative;
}

#admin th {
	padding: 2px;
}

#admin td.modifyLinks a {
	height: 16px;
	margin-right: 2px;
	outline: 0;
	position: absolute;
	text-indent: -999em;
	top: 6px;
	width: 16px;
}

#admin td.modifyLinks a.delete {
	background: transparent 0 0 no-repeat url(../../icons/platform/delete.gif);
	left: 0;
}

#admin td.modifyLinks a.up {
	background: transparent 0 0 no-repeat url(../../icons/platform/arrow-up.gif);
	left: 18px;
}

#admin td.modifyLinks a.down {
	background: transparent 0 0 no-repeat url(../../icons/platform/arrow-down.gif);
	left: 36px;
}

#admin a.add {
	background: transparent 0 0 no-repeat url(../../icons/platform/add.gif);
	padding-left: 20px;
}

form#EditNewswireAdvanced table {
	width: 100%;
}

/* Static pages
-----------------------------------------------
*/

/* Padlocks only displayed for guest users */
body.guest a.restricted {
	background: transparent left top no-repeat
		url(http://images.iop.org/cws/padlock.gif);
	padding-left: 20px;
}

a.email, a.url {
	padding-left: 20px !important;
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-image: url(../../icons/platform/deep-ellum/mail_16.png);
}

a.url {
	background-image: url(../../icons/platform/deep-ellum/web_16.png);
}

#blog .vcard a.url, #verticalSearch a.email {
	padding-left: 0 !important;
	background: none;
}

/* =articles
-----------------------------------------------	
*/

#arthead, #content h1.articleHeadline, #content div.subSection h2,
#container h2.secondary {
	background: none;
	border-top: none;
	border-bottom: solid 0.1em rgb(85%,91%,100%);
	color: rgb(0%,0%,0%);
	font-size: medium;
	letter-spacing: normal;
	margin: 0 0 0.5em 0;
	padding: 0;
	text-transform: none;
}

#home #sidebarLeft .boxout h2, #container #content .boxout h2,
#container #content .panel h2, #home #container div.subSection h3 {
	margin-left: 0;
}

#content h1.articleHeadline, #container h2.secondary, 
#content p, #content dl, #content ol,
#home #sidebarLeft .panel h3, #content h3, #content h4 {
	padding-left: 4px;
}

#content .boxout h3, #content .panel p, #content .boxout p, 
#content .articleElement p, #content .articleElement div,
#content ol p, #content ol h3, #comments h3, #comments p {
	padding-left: 0;
}

#home #content div.subSection h2 {
	border-bottom: none;
	border-top: solid 6px #000;
	font-size: small;
	letter-spacing: 0.05em;
	padding: 2px 2px 2px 4px;
	margin-bottom: 0.25em;
	text-transform: uppercase;
}

#content .standfirst {
	font-weight: bold;
}

#container div.articleThumbnailLeft {
	float: left;
	text-align: center;
	padding: 0 1em 0 0;
}

#container div.articleThumbnailRight {
	float: right;
	text-align: center;
	padding: 0 0 0 1em;
}

#container div.inlineAudio {
	float: right;
	text-align: center;
	padding: 5px;
	margin: 0 0 0 1em;
	border: solid 1px #ccc;
}

#container div.inlineAudio div {
	margin: 0;
	padding: 0;
}

div.articleBody blockquote, body#blog div#content blockquote {
	margin: 1em 3em;
}

body#blog div#content div#comments blockquote {
	margin: 0;
}

div.articleBody blockquote.left {
	float: left;
	margin: 0 1em 0 0;
	text-align: right;
}

div.articleBody blockquote.right {
	float: right;
	margin: 0 0 0 1em;
	text-align: left;
}

div.articleBody blockquote.left,
div.articleBody blockquote.right {
	font-size: 1.3em;
	font-stretch: narrower;
	line-height: 1.5em;
	padding: 0.5em;
	position: relative;
	width: 160px;
	z-index: 70;
}

div.articleBody blockquote.left cite,
div.articleBody blockquote.right cite {
	color: #666;
	display: block;
	font-size: 0.8em;
	font-style: normal;
	line-height: 1.2em;
	margin-top: -16px;
	padding-top: 26px;
	position: relative;
	text-align: left;
	z-index: -100;
}

div.articleBody blockquote[cite]:after {
	content: "-- " attr(cite);
}

div.articleBody table {
	border: solid 1px black;
	padding: 0;
	margin: 0;
}

div.articleBody th {
	background-color: #ccc;
}

div.articleBody th, div.articleBody td {
	border: solid 1px #999;
	padding: 2px;
	margin: 0;
}

.articleElement {
	margin: 0 auto;
	text-align: left;
	width: auto;
}

.articleElement img {
	margin-bottom: 0.5em;
}

a.emailFriend {
	background: transparent 0 50% no-repeat
		url(../../icons/platform/deep-ellum/mail_16.png);
	padding-left: 20px;
}

dl.emailFriend {
	background: transparent 100% 4px no-repeat
		url(../../icons/platform/deep-ellum/mail_32.png);
	padding-right: 40px;
}

/* =comments
-----------------------------------------------	
*/

.editorComment .userName {
	background: transparent no-repeat 100% 50% url(../../icons/platform/star.png);
	padding-right: 20px;
}

.comment ul.arrows a {
	color: rgb(13%,34%,48%) !important;
}

.comment {
	background-color: rgb(95%,95%,95%);
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0 6px;
	padding: 0.5em;
	margin: 1em 0;
	position: relative;
	list-style: none;
}

.editorComment {
	background-color: rgb(100%,100%,90%);
}

.comment h3 {
	margin: 0;
}

.comment p {
	margin: 0 0 0.5em 0;
}

.comment .ord {
	color: rgb(80%,80%,80%);
	float: right;
	font-size: 150%;
}

.editorComment .ord {
	color: rgb(85%,85%,75%);
}

.comment cite, .comment .userInfo {
	border-top: solid 1px #ccc;
	left: -216px;
	margin: 0;
	padding-top: 0.5em;
	position: absolute;
	text-align: right;
	top: -1px;
	width: 210px;
}

#blog .comment cite {
	left: -200px;
	width: 194px;
}

.comment cite span, .comment .userInfo span {
	display: block;
	margin-right: 12px;
}

.comment cite span.userName, .comment .userInfo span.userName {
	display: inline;
}

.comment cite span.location, .comment .userInfo span.location {
	font-size: 0.8em;
	font-weight: normal;
}

.comment .adminInfo {
	font-size: 0.8em;
	font-weight: bold;
}

.comment .adminInfo span {
	padding: 0 0.2em;	
}

.comment blockquote.commentQuote {
	background-color: #eee;
	border: solid 1px #ccc;
	margin: 0 1.5em 1em 1.5em;
	padding: 0.25em;
	padding-bottom: 0;
}

.comment blockquote.commentQuote cite {
	border: none;
	font-weight: bold !important;
	position: static;
	top: 0;
	left: 0;
}

.comment blockquote em {
	font-style: italic;
	font-weight: normal;
}

.comment .goToComment {
	padding-left: 10px;
	height: 14px;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 4px 3px;
	background-image: url(../../icons/platform/triangle-right.gif);
}

.comment .goToComment span {
	display: none;
}

a.numberOfComments {
	font-size: x-small;
	font-weight: bold;
	white-space: nowrap;
	color: #000;
}

.thresholdLow {
	background-color: #ccf;
}

.thresholdMedium {
	background-color: #ffc;
}

.thresholdHigh {
	background-color: #fc9;
}

.thresholdExtreme {
	background-color: #f00;
	color: #fff;
}

.comment .editMessage {
	font-size: 0.8em;
	font-style: italic;
}

.comment ul.arrows {
	margin: 0;
}

.comment ul.arrows li a {
	font-size: 0.8em;
}

#comments {
	position: relative;
}

#comments ul {
	margin: 0;
	padding: 0;
}

#blog #comments ul {
	margin-left: 194px;
}

#blog div.thumbNail {
	float: left;
	margin: 0 1em 0.5em 0;
}

#blog div.thumbNail, #blog div.image {
	text-align: center;
	border: solid 1px #ccc;
	padding: 0.5em 0.5em 0.25em 0.5em;
}

#blog div.thumbNail a, #blog div.image a {
	text-decoration: none;
}

#blog div.thumbNail img {
	margin-bottom: 0.25em;
}

#blog #content h1 a {
	color: #fff;
}

#blog em {
	font-style: italic;
	font-weight: normal;
}

#blog p cite {
	font-style: italic;
} 

p#blog-description {
	font-weight: bold;
}

/*
#content p.strapline {
	border-bottom: solid 1px #ccc;
	font-weight: bold;
	padding-bottom: 15px;
}
*/

/* =search
-----------------------------------------------
*/

body#search .message {
	margin: 1em 0;
}

#searchResultsList hr {
	display: none;
}

#searchResultsList p {
	margin-bottom: 0;
	padding-bottom: 0;
}

#searchResultsList p a {
	color: black;	
}

#searchResultsList .boxout p {
	min-height: 50px;
	border: none;
}

#searchResultsList b {
	background-color: rgb(100%,100%,50%);
}

div.searchResult {
	margin-top: 0.5em;
}

div.searchResult ul.more {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

/* =jobs
-----------------------------------------------
*/

#twoRightCols div.calloutPanel {
	background-color: rgb(95%,95%,90%);
	border: solid 1px #ccc;
	float: right;
	margin-left: 1em;
	padding-bottom: 0;
	width: 180px;
}

.calloutPanel h4 {
	background-color: #666;
	color: #fff;
	padding: 0.25em;
	margin-bottom: 0.5em;
	text-transform: uppercase;
}

.calloutPanel dl {
	margin-bottom: 0;
}

.calloutPanel p {
	margin: 0 0.25em;
}

.calloutPanel .boxout {
	width: 170px;
	margin: 4px;
}

#container .withCalloutPanel {
	margin-right: 190px;
}

#readerEnquiryForm fieldset.list {
	float: left;
	width: 340px;
	margin-right: 10px;
}

#readerEnquiryForm fieldset.list textarea,
#readerEnquiryForm fieldset.list input.text,
#readerEnquiryForm fieldset.list select {
	width: 320px;
}

#readerEnquiryForm fieldset.list label {
	font-weight: normal;
	width: 323px;
}

#readerEnquiryForm fieldset.listLabelAfter,
#readerEnquiryForm fieldset.actions {
	clear: left;
}

.readerEnquiry {
	float: left;
	margin: 1em 0;
	margin-right: 10px;
	padding: 10px;
	width: 244px;
}

#content p.download {
	background: rgb(95%,95%,90%) 8px 50% no-repeat 
		url(../../icons/platform/deep-ellum/arrow-down_32.png);
	border: solid 1px #ccc;
	font-size: medium;
	margin: 0 auto;
	padding: 1em;
	padding-left: 50px;
	width: 16em;
}

#content p.download a {
	font-weight: bold;
}

/* Highlight Microformats v0.2 */
/* ------------------------------------------------------- */

/* hCards + hCalendars */
.vevent abbr {
	border: none;
	cursor: default;
	white-space: nowrap;
}

.dateRange {
	white-space: nowrap;
}

.dateRange abbr {
	white-space: normal;
}

.readerEnquiry .vcard, .readerEnquiry .vevent {
	border: solid 1px #ccc;
	border: 2px solid #e0e7b8 !important;
	padding: 5px !important;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin: 5px 0 !important;
}

.readerEnquiry span.vcard, .readerEnquiry span.vevent {
	padding: 2px 1px 2px 70px !important;
	margin: 0 2px 0 !important;
}

.readerEnquiry .vcard {
	background: #f8f8ec 98% 5px no-repeat url(../../icons/platform/vcard.gif) !important;
}

.readerEnquiry .vevent {
	background: #f8f8ec 98% 5px no-repeat url(../../icons/platform/vevent.gif) !important;
}

/* XFN */
.readerEnquiry a.n:hover:after, .readerEnquiry a.fn:hover:after {
	content: " (" attr(rel) ") ";
	color: #636958;
	padding-left: 0.3em;
}

#gallery {
	list-style: none;
	margin: 0;
	padding: 0;
}

#contactPostal .organization-name, #contactEmail .organization-name {
	display: none;
}

/* =socialbookmarks
-----------------------------------------------
*/
#socialBookmarks {
	margin-bottom: 2em;
}

#socialBookmarks a.help {
	float: right;
}

#socialBookmarks ul {
	float: left;
	margin: 0;
	padding: 0;
	width: 370px;
}

#socialBookmarks ul li {
	display: block;
	/*float: left;*/
	list-style: none;
	margin: 2px 10px 2px 0;
}

	
#socialBookmarks ul li a {
	padding-left: 20px;
	white-space: nowrap;
	background-position: 0 50%;
	background-repeat: no-repeat;	
}

#socialBookmarks a.bibsonomy {
	background-image: url(../../icons/platform/social-bookmarks/bibsonomy.png);
}

#socialBookmarks a.citeulike {
	background-image: url(../../icons/platform/social-bookmarks/citeulike.png);
}

#socialBookmarks a.delicious {
	background-image: url(../../icons/platform/social-bookmarks/delicious.png);
}

#socialBookmarks a.furl {
	background-image: url(../../icons/platform/social-bookmarks/furl-icon.gif);
}

#socialBookmarks a.magnolia {
	background-image: url(../../icons/platform/social-bookmarks/magnolia-icon.png);
}

#socialBookmarks a.digg {
	background-image: url(../../icons/platform/social-bookmarks/digg.png);
}

#socialBookmarks a.facebook {
	background-image: url(../../icons/platform/social-bookmarks/facebook.png);
}

#socialBookmarks a.twitter {
	background-image: url(../../icons/platform/social-bookmarks/twitter-icon.png);
}

/* Added missing icon for stumble upon */
#socialBookmarks a.stumbleUpon {
	background-image: url(../../icons/platform/social-bookmarks/stumble_upon.png);
}

#socialBookmarks a.addthis {
	background-image: url(../../icons/platform/social-bookmarks/button-addthis.gif);
}

/* Removed the left padding for the bookmark and share button - This is because the bookmark and share button does not have a icon to the left*/
#socialBookmarks a.addthis_button {
     padding-left: 0px;
}

#socialBookmarks ul li.addthis {
	width: 125px;
	height: 16px;
}

/* =skip
-----------------------------------------------
*/
#skipper {
	color: #fff;
	display: block;
	overflow: hidden;
	position: absolute;
	height: 2px;
	font-weight: bold;
	text-indent: -600em;
	background-color: transparent;
	z-index: 100;
	width: 380px;
}

#skipper:focus, #skipper:hover, #skipper:active {
	background-color: #333;
	height: auto;
	text-indent: 4px;
	overflow: visible;
}

/* =landing
-----------------------------------------------
*/
#landing #nav, #landing #quickSearch, #landing #statusBar ul,
#landing #memberLogin ul, #landing #footer .nav, #landing #footer #rssFeeds {
	display: none;
}

#landing #footer .navFooter {
	display: block;
}

#landing #container h1, #landing h2 {
	background-color: transparent;
	border: none;
	color: #000;
	letter-spacing: 0;
	text-transform: none;
}

#landing p.signup, p.actionCall a {
	background-color: #ffc;
	border: solid 1px #ddd;
	float: left;
	font-size: 1.5em;
	font-weight: bold;
	margin: 1em auto;
	text-align: center;
	width: 750px;
}

#landing div.primary p.signup, p.actionCall a {
	float: none;
	margin: 1em 440px 1em 20px;
	width: auto;
}

p.actionCall a {
	margin: 0;
	padding: 0.2em 1em;
}

p.actionCall {
	padding: 0.5em 0;
	text-align: center;
}

#landing h1 {
	font-size: 2.5em;
}

#landing h2 {
	font-size: 1.3em;
}

#landing p.strapline {
	border: none;
	font-size: 1.75em;
	padding-bottom: 0;
}

#landing #content img {
	border: solid 1px #ddd;
}

#landing div.primary, #landing div.secondary {
	text-align: center;
	float: left;
}

#landing img.homepage {
	float: right;
	margin-left: 20px;
}

#landing div.secondary {
	margin-right: 10px;
	width: 240px;
}

#landing div.secondary img {
	margin: 0 auto 10px auto;
}

#landing #bnnr468x60, #landing .bnnr468x60 {
	display: none;
}

#landing #footer, #landing #clearFooter {
	height: 2em;
}

#landing #outer {
	margin-bottom: -2em;
}

body#error div#content * {
	font-size: medium;
}

body#error div#content h1 {
	font-size: small;
}

body#error div#content form#quickSearch {
	width: auto;
	float: none;
	display: inline;
}

body#error div#content form#quickSearch input {
	font-size: medium;
}

body#error div#content form#quickSearch #qsQuery {
	width: auto;
}

/* --- Search category tabs --- */ 
#container #tabs {
	border-bottom: solid 1px #ccc;
	float: left;
	font-size: 93%;
	line-height: normal;
	margin-bottom: 1em;
	padding: 0;
	width: 100%;
}

#tabs ul {
	margin: 0;
	padding: 10px 10px 0 10px;
	list-style: none;
}

#tabs.smallTabs ul {
	padding: 0;
}

#tabs ul li {
	display: inline;
	margin: 0;
	padding: 0;
}

#tabs a {
	background: url("../../icons/platform/tableft.gif") no-repeat left top;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0 0 0 4px;
	text-decoration: none;
}

#tabs a span {
	float: left;
	display: block;
	background: url("../../icons/platform/tabright.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	color: #666;
}

#tabs.smallTabs a span {
	padding: 3px 9px 2px 3px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabs a span {float:none;}

/* End IE5-Mac hack */
#tabs a:hover span, #tabs li.subNavSelected a span {
	color: #000;
}

#tabs a:hover, #tabs li.subNavSelected a {
	background-position: 0% -42px;
	text-decoration: none;
}

#tabs a:hover span, #tabs li.subNavSelected a span {
	background-position: 100% -42px;
}

/* End of tabs */

#buyersguide .boxout {
	margin-bottom: 0;
	padding-bottom: 0;
}

/* #buyersguide #content h2,  */
#buyersguide h1, #buyersguide #content .standout h2 {
	background-image: none;
	background-color: #fcce42;
	color: #000;	
}


#buyersguide .companySelect li {
	display: inline;
}

#buyersguide .companySelect {
	padding: 0.5em;	
}

#buyersguide ul#links {
	padding-left: 0;	
}

#buyersguide ul#links li {
	list-style-type: none;
	margin-left: 0; 
	padding-left: 0;
	line-height: 1.5em;
}

#buyersguide #categoryList {
	margin-top: 1em;
	padding-bottom: 0.5em;
}

#buyersguide #categoryList ul {	
	 padding-left: 0;
}

#buyersguide #categoryList li {
	display: inline;
	padding-left: 0;
}

#buyersguide #categoryList li:after {
	content: " | ";
}

#buyersguide #categoryList li:last-child:after {
	content: "";
}

#buyersguide .floatBox {
	width: 50%;
	float: left;	
} 

#buyersguide h2:first {
	margin-bottom: 0; 
	padding-bottom: 0;
}

#buyersguide .alphaNav {
	padding-left: 0.25em;
}	

#buyersguide #searchBox {
	border-bottom: none;
}

#buyersguide #customerLogo {
	margin-left: 10px;
}

#buyersguide .calloutPanel .organization-name {
	font-weight: bold;
}

.crumbs span {
	font-weight: bold;
}

a#requestInfoLink {
	background: transparent 0 0 no-repeat url(../../icons/platform/requestInfo.gif);
	display: block;
	float: left;
	height: 24px;
	width: 122px;
}

a#requestInfoLink span {
	position: absolute;
	left: -999em;
}

#micrositeHeader a#requestInfoLink {
	float: right;
}

#micrositeContainer #products {
	background-color: #fff;
	display: inline; /* fix IE's double-margin float bug */
	float: right;
	padding: 20px;
	width: 200px;
}

#micrositeContainer #products.assetListWrap {
	display: block;
	float: none;
	width: auto;
}

input.fieldOk, textarea.fieldOk {
	background: transparent 99% 50% no-repeat url(../../icons/platform/tick.png);
}

input.error, textarea.error {
	background: transparent 99% 50% no-repeat url(../../icons/platform/warning.png);
}

li.needsCookie {
	background: transparent 1% 50% no-repeat url(../../icons/platform/warning.png);
}
li.needsCookie span {
	padding-left: 20px;
}

textarea.fieldOk, textarea.error {
	background-position: 99% 1%;
}

em.error {
	padding: 0 0 1em 4px;
	line-height: 2;
}

#buyersguide #microsites, #buyersguide #partners {
	margin-left: 20px;
}

#buyersguide .companyName {
	font-weight: normal;
	color: black !important;
}

#searchResultsList p.companyName {
	border-bottom: 0px;	
}

#products.panel a.companyName {
	color: black;
}

#categoryFilterLeft {
	margin-right: 10px;
}

#home ul#thumbnails li {
	display: inline;
	list-style-type: none;
}

/* =video
-----------------------------------------------
*/


#video div.videos div {
	/*border: solid 1px #fff;*/
	clear: left;
	margin: 0 0 10px 0;
	border: solid 1px #fff;
}

#video div.videos div img {
	float: left;
	margin-right: 20px;
	width: 180px;
}

#video div.videos div p, div.videos div ul li {
	margin-left: 200px;
}

a.play {
	background: transparent 0 0 no-repeat url(../../icons/platform/video/play.gif);
	float: left;
	margin-right: 10px;
	width: 49px;
	height: 18px;
}

a.play span {
	position: absolute;
	left: -999em;
}

#video div.videos div p {
	margin-left: 130px;
}

#video #home .boxout #thumbnails li {
	margin-left: 0px;
	padding-left: 0px;	
}

#video #home #thumbnails  {
	margin-left: 5px;
	padding-left: 5px;
	padding-top: 5px;
}

#video .play {
	margin-top: 5px;
}

#video div p.play {
	margin-top: 0em;
}

#video div p {
	margin-bottom: 0px;
	padding-bottom: 0.25em;
}

#video .videos h3 {
	margin-top: 1em;
}

#video .sponsor img {
		float: left;
		margin-right: 1.5em;
}

#categoryFilterLeft, #categoryFilterRight {
	float: left;
}

#reportForm fieldset div {
	width: 350px;
	float: left;
}

#reportForm fieldset div.helpText {
	border: solid 1px #ccc;	
	position: absolute;
	margin-left: 400px;
	margin-top: -2em;
}

#selectedCover a.back {
	background: 0% 50% no-repeat url(../../icons/platform/triangle-left.gif);
	color: rgb(192,0,0) !important;
	margin-left: 4px;
	padding-left: 8px;
}

/* BLOG style changes */
h4.entry-tags-header {
	float: left;
	padding-right: 1em;
}

/* Patches resulting from PW redesign code merge */

.feedEntry, .leadArticle, .secondaryArticle {
	padding-bottom: 0.5em !important;
}

.articleInfo {
	border-bottom: none !important;
	padding-bottom: 0 !important;
}

.articleInfo, .articleStrapline {
	margin-bottom: 0 !important;
}

.leadArticle img, .secondaryArticle img {
	float: left;
	padding-right: 10px;
}

.panel ul.more, .boxout ul.more {
	margin-left: 5px !important;
}

#contact div.info h2 {
	color: #000;
	background-color: transparent;
	border: none;
	text-transform: none;
	letter-spacing: normal;
}

.hitstat {
	padding-top: 0.5em;
	text-align: center;
}

.hitstat span {
	display: block;
	font-size: x-large;
	font-weight: bold;
}

.inlineVideo {
	margin: 0 0 12px 0;
}

.helpTable {
}

.helpTable td {
	border: inset 2px #ccc;
	padding: 2px;
}

/* recaptcha */
#recaptcha_area table, .recaptcha_image_cell {
	background-color: #f2f2e6 !important;
}

#recaptcha_tagline {
	display: none;
}

.recaptcha_nothad_incorrect_sol {
	width: 508px;
}

/* Cookie banner - czb - 17/08/2012 */

#cookieBanner {
    background-color: #ededed;
}

.cookies-banner {
    background: none repeat scroll 0 0 #ededed;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin: 0 auto;
    padding: 18px 11px;
    text-align: left;
    width: 760px;
}

#cookieBannerClose {
    float: right;
    position:relative;
    top:-5px;
}

/* End of cookie banner code */

/* Issue download page label change - align left */
fieldset.compact div label.downloadPgLabel {
	text-align: left;
	width: 23%;
}
/* Issue download page label change ends - align left */