div.content a {
	border-bottom-color: #461478;
}

#header {
	background-color: #5e2e92;
	background-image: url(/view/rj/nprot/images/journal_header.jpg);
}
#quick-nav {
	background-color: #5e2e92;
	background-image: url(/view/nchem/images/bg_quick_nav.gif);
}
#toc .focus-title {
	background: url(/view/nphoton/images/heading_gradients.jpg) no-repeat right top;
	zoom: 1;
}

#leaderboard ul.user-services a.my-account {
	background-image: url(/view/images/purple/icon_account.gif);
}
#leaderboard ul.user-services a.submit-manuscript {
	background-image: url(/view/images/purple/icon_submit.gif);
}
#leaderboard ul.user-services a.register {
	background-image: url(/view/images/purple/icon_register.gif);
}
#leaderboard ul.user-services a.subscribe {
	background-image: url(/view/images/purple/icon_subscribe.gif);
}
body.ie6 #header ul.user-services a {
	background-image: url(/view/nphoton/images/bg_register_list.gif);
}
body.ie6 #header ul.user-services a:hover {
	background-image: url(/view/nphoton/images/bg_register_list_hover.gif);
}
body.ie6 #header form.search-form {
	background-image: url(/view/nphoton/images/bg_search.gif);
}

#content {
	max-width: 636px;
}
.one-col #content {
	max-width: 100%; 
}

/* ----------------------------------------------------------------------- */
/* Materials Section */
/* ----------------------------------------------------------------------- */

#materials ul {
	margin: 0 0 10px 20px;
	
}

#materials li {
	list-style: disc;
}

#materials li.matSection {
	list-style: none;
}

#materials h2 {
	margin: 0 0 10px 0;
}


#materials h3 {
	margin: 0 0 0 0;
}

#materials span.item {
	font-weight: bold;
}

#materials p {
	margin: 0 0 1em 0;
}

/* ----------------------------------------------------------------------- */
/* Procedures Section */
/* ----------------------------------------------------------------------- */

#procedure ol {
	margin: 0 0 10px 30px;
}

body.ie6 #procedure ol,
body.ie7 #procedure ol {
	margin-left: 40px;
}

#procedure ol ol,
#procedure ol ol ol,
#procedure ul {
	margin: 5px 0 10px 20px;
}

#procedure ol.steps li {
	list-style: decimal;
}
#procedure ol.sub-steps li {
	list-style: upper-alpha;
}

#procedure ol.sub-sub-steps li {
	list-style: lower-roman;
}

#procedure ul.tiny li{
	list-style: circle;
}

#procedure div.table ul,
#materials div.table ul,
#procedure div.box-element ul,
#materials div.box-element ul,
#procedure div.figure ul,
#materials div.figure ul {
	margin: 0;
}

#procedure div.table li,
#materials div.table li,
#procedure div.box-element li,
#materials div.box-element li,
#procedure div.figure li,
#materials div.figure li {
	list-style: none;
}

#procedure h2 {
	margin: 0 0 10px 0;
}

#procedure h2 a.sub-title {
	border-bottom: 0;
	font-weight: bold;
}

#procedure .expanded h2 a.sub-title {
	background: url(/view/images/collapse.gif) no-repeat scroll 0 50% transparent;
	padding-left: 20px;
	
}
#procedure .collapsed h2 a.sub-title {
	background: url(/view/images/expand.gif) no-repeat scroll 0 50% transparent;
	padding-left: 20px;
	
}


#procedure h3 {
	margin: 0 0 5px 0;

}
#procedure .sub-section div.content {
	border-top: none;
}

#procedure .step-range {
	color: #444;
	width: 10em;
}

#procedure p {
	margin: 0 0 1em 0;
}

#procedure p.sub {
	margin: 0 0 1em 20px;
}

#procedure .item-content img.fig,
#materials .item-content img.fig {
	width: 100% !important;
	height: auto !important;
}

/*#procedure .pause span, #procedure .critical span, #procedure .criticalStep span, #procedure .caution span, #procedure .timing span, 
#materials .pause span, #materials .critical span, #materials .caution span, #materials .timing span,
.box-element .pause span, .box-element .critical span, .box-element .criticalStep span, .box-element .caution span,
.box-element .timing span  {*/
#procedure span.label,
#materials span.label,
.box-element span.label {
	font-weight: bold;
	padding: 0 0 0 20px;
	position: absolute;
	left: 2px;
}
#procedure .pause span.label,
#materials .pause span.label,
.box-element .pause span.label  {
	background: url(/view/rj/nprot/images/icons/pause_point_small.gif) no-repeat scroll 0 50% transparent;
	color: #f00;
}
#procedure .critical span.label,
#materials .critical span.label,
#procedure .criticalStep span.label,
.box-element .criticalStep span.label,
.box-element .critical span.label {
	background: url(/view/rj/nprot/images/icons/critical_step_small.gif) no-repeat scroll 0 50% transparent;
	color: #f00;
}
#procedure .caution span.label,
#materials .caution span.label,
.box-element .caution span.label {
	background: url(/view/rj/nprot/images/icons/caution_small.gif) no-repeat scroll 0 50% transparent;
	color: #f00;
}
#procedure .timing span.label,
#materials .timing span.label,
.box-element .timing span.label {
	background: url(/view/rj/nprot/images/icons/timing_small.gif) no-repeat scroll 0 50% transparent;
	position: static;
}

#procedure .timing,
#materials .timing,
.box-element .timing {
	text-align: right;
	font-weight: bold;
}

#procedure .critical,
#procedure .criticalStep,
#materials .critical,
#procedure .caution,
#materials .caution,
.box-element .critical,
.box-element .criticalStep,
.box-element .caution,
#procedure .pause {
	border: 1px dashed #ccc;
	padding: 5px;
}

#procedure .critical,
#procedure .criticalStep,
#materials .critical,
.box-element .critical,
.box-element .criticalStep,
#procedure .pause {
	background: #fafafa;
}

#procedure .caution,
#materials .caution,
.box-element .caution {
	margin-left: 60px;
}

/* body added to increase specificity due to build script bug */
body #procedure span.content,
body #materials span.content,
body .box-element span.content {
	font-weight: normal;
	padding: 0;
	color: #333;
	display: block;
	background: none;
	padding-left: 6em;
	position: relative;
}

#procedure .criticalStep span.content,
#procedure .pause span.content {
	padding: 0 1em 0 8em;
}

#procedure p.troubleshooting a,
#materials p.troubleshooting a,
.box-element p.troubleshooting a {
	background: url(/view/rj/nprot/images/icons/troubleshooting_small.gif) no-repeat scroll 0 50% transparent;
	padding: 0 0 0 20px;
	border: 0;
	font-weight: bold;
	text-decoration: underline;
}

#procedure a.toggleAll {
	background: url(/view/images/expand.gif) no-repeat scroll 0 50% transparent;
	padding-left: 20px;
	border: 0;
	margin-bottom: 10px;
	display: block;
	font-weight: bold;
}

#procedure span.toggleAll a.expanded {
	background: url(/view/images/collapse.gif) no-repeat scroll 0 50% transparent;
}

#timing div.box-element,
#timing div.figure {
	margin-top: 20px;
}

.protocolexchange-latest h1.module-heading span {
	background: url(/view/rj/nprot/images/header_protocolexchange.png) no-repeat 0 0;
	height: 24px;
	width: 159px;
}