﻿@charset "utf-8";
/* CSS Document                        */
/* css styles for smartphones articles */

.article-purchase-login-ctrl {
	border: 1px solid #CCCCCC;
	float: none;
	margin: 5px 5px 10px 10px;
	padding: 5px;
	width: 100%;
}
.logo img {
	width:100%;
}
#abstract, div#ctl00_PlaceHolderMain_IdArticleViewer_ArticleDiv iframe#iframetoc, div.row, div.midcol, #jcp-article-layout, #pcc-article-layout, #red-blue-layout, #blue-red-layout, .page-container  {
	width:100% !important;
	display:block !important;
}
body #s4-bodyContainer {
	min-width:inherit;
	width:100%;
}
div.article-viewer-ctrl {
	padding:0px !important;
}
div#jcp-article-layout iframe#iframetoc, div#pcc-article-layout iframe#iframetoc {
	border:0px !important;
	padding:0px !important;
}
div#ctl00_PlaceHolderMain_IdArticleViewer_ArticleDiv iframe#iframetoc {
	margin-left:0px !important;
}
div#jcp-article-layout div.workspace, div#pcc-article-layout div.workspace {
	margin:0px !important;
	width:100% !important;
}
div#jcp-article-layout div.navbar, div#pcc-article-layout div.navbar {
	margin:5px 0px !important;
	border:0px !important;
	width:100% !important;
}
div.leftcol, .inner-wrap-top, .outer-wrap-top, #adManagerPlaceHolder1, #adManagerPlaceHolder2, #adManagerPlaceHolder3, #adManagerPlaceHolder4, #adManagerPlaceHolder5, #adManagerPlaceHolder6, #adManagerPlaceHolder7 {
	display:none !important;
}
.navbar {
	height:auto !important
}

div.midcol {
	padding:0px !important;
	display:block !important;
	vertical-align:inherit !important;
}

div#jcp-article-layout div.outer-wrap, div#pcc-article-layout div.outer-wrap {
	background-color:white;
	background-image:none;
	padding:0px !important;
	margin-top:0px;
	width:100%;
}
div#jcp-article-layout div.inner-wrap, div#pcc-article-layout div.inner-wrap {
	background-color:none !important;
	border:none !important;
	padding:0px !important;
}
div#jcp-article-layout div.inner-wrap-top, div#pcc-article-layout div.inner-wrap-top {
	background-color:none;
	padding:5px !important;
	width:100% !important;
}
div#jcp-article-layout div.outer-wrap-top, div#pcc-article-layout div.outer-wrap-top {
	background-color:#336699;
	padding:5px 5px 0px 5px;
	width:100%;
}
div#jcp-article-layout, div#pcc-article-layout {
	background-color:white;
	margin-top:0px !important;
	padding-top:6px;
	border-collapse:inherit !important;
}
div#jcp-article-layout div.logo,div #pcc-article-layout div.logo {
	margin:0px auto 10px !important;
	width:250px !important;
}
div.article-viewer-ctrl p.abstract-1st-para {
	border:none;
}
div#jcp-article-layout div.rightcol, div#pcc-article-layout div.rightcol {
	margin-left:10px;
	border-left:1px solid #C4BEB3;
	display:block;
}
div#jcp-article-layout div#linkbox, div#pcc-article-layout div#linkbox {
	border:none !important;
	margin-top:8px !important;
	width: 100% !important;
	visibility:hidden;
}
div#jcp-article-layout div#footer-image-map, div#pcc-article-layout div#footer-image-map {
	margin-top:0px;
}
p#copyright {
	background-color:white;
	padding:10px 20px 10px 10px;
	text-align:center;
	font-size:9px;
	background-image:none;
	font-family: Arial,Helvetica,sans-serif;
	margin:-2px 0px 10px 0px;
}
div#jcp-article-layout div.rightcol, div#pcc-article-layout div.rightcol {
	margin-left: 10px;
	border-left: 1px solid #C4BEB3;
	display: none;
}


div#jcp-article-layout div#linkbox, div#pcc-article-layout div#linkbox, #ppptag, #footer-image, #footer-image-map {
	display: none;
}

.outer-wrap, .inner-wrap {
    padding: 0px !important;
    margin: 0px !important;
    width: 100% !important;
    border:0px !important;
}

/*abstracts*/
.title, .byline {
	margin:0px 0px 15px !important;
}
.article-purchase-login-ctrl {
	float:none !important;
	width:auto !important;
	margin:10px !important;
	box-sizing:border-box !important;
}
#ctl00_PlaceHolderMain_IdArticleViewer_AbstractRichHtmlField__ControlWrapper_RichHtmlField p {
	margin:0px 5px 8px;
}
div#mobiledfp {
	display:block;
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background: #E2ECF5;
    z-index: 1000;
    text-align: center;
}

/*tocs, new*/
#toc-container {
	padding:5px;
}
#toc-container .article-title {
	margin:0px;
}
#toc-container .article-title .page, #toc-container .article-title .title {
	float:none;
}
#toc-container .article-authors {
	width:100%;
	margin-left:0px;
}
#toc-container p, #toc-container .more, #cover-podcast, #headtext {
	width:100% !important;
	float:none !important;
}
#toc-container .subhead {
	background-image:none;
}
#headtext {
	text-align:center !important;
}
#toc-container .more {
	margin-left:0px;
}
#pageimage, #podcastimg {
	display:none;
}
div#blue-red-layout div.workspace-top div.logo, div#red-blue-layout div.workspace-top div.logo {
	float:none !important;
	width:90% !important;
	padding:0px !important;
	margin:0px auto;
}
div#blue-red-layout div.workspace, div#red-blue-layout div.workspace {
	padding:0px !important;
}
.s4-workspace[style] {
	height:auto;
	width:100%
}

/*tocs, old */
.jcp-headings-col-1 {
	background-image:none !important;
}
.wp-toc-ctrl {
	margin:5px;
}
.wp-toc-ctrl p {
	width:auto !important;
}
div.wp-toc-ctrl div.toc-header {
	width:100% !important;
	background-image:none !important;
}
div.wp-toc-ctrl div.toc-volume, div.wp-toc-ctrl div.toc-number {
	width:25% !important;
	font-size:10px !important;
}
div.wp-toc-ctrl div.toc-year {
	width:50% !important;
	font-size:10px !important;
}
.wp-toc-ctrl #podcast .border, .wp-toc-ctrl #podcast #podcast-listen {
	font-size:10px !important;
}
div#exclusives {
	background-image:none !important;
	padding:0px !important;
	margin:: 0px !important;
}
div.wp-toc-ctrl .onlineofferings-subhead, div.wp-toc-ctrl .jcp-headings-col-1 {
	line-height:20px !important;
}
.mobileHide {
	display:none;
}
#podcast-pcc {
	width:100% !important;
	background-image:none !important;
}
#podcast-links, #flipbook-links {
	margin:0px auto !important;
	float:none !important;
	text-align:center;
	width:150px !important;
}
div#trendmd-suggestions {
    width: 100% !important;
}
.floatpush {
	margin-left:inherit;
}
#page #articlecontent p.borderindent {
	margin-left:0px;
}
.inlinevideo {
	width:100%;
	margin:20px 0px;
}
