@import url(/styles/navigation.css); /* navigation styles in seperate file */


body {
	padding : 0px;
	background-color : #fff;
	font-family : Tahoma, Arial, sans-serif;
	font-size : 12px;
	align : left;
}
div#accessibility {
	width : 1px;
	height : 1px;
	position : absolute;
	top : -200px;
	overflow : hidden;
}
div#container {
	width : 988px;
}
div#containernobg {
	width : 988px;
	background-color : #fff;
	background-repeat : repeat-y;
	border-bottom : 10px solid #fff;
}

div.leaderboard {
	background-color : #fff;
	padding : 5px;
	text-align : left;
	font-size : 1px;
}
div.header {
	background-color : #fff;
	background-image : url(http://www.cpata.com/v3/images/cpa_masthead.jpg);
	background-repeat : no-repeat;
	width : 988px;
	height : 128px;
	overflow : hidden;
}

div.header a span {
	display:none;

}
div.header a#hl1 {
	display : block;
	float : left;
	width : 988px;
	height : 128px;
	margin-left : 6px !important;
	margin-left : 3px;
	margin-top : 3px;
}

div.pagebody {
	float : left;	
	width : 988px;
}
div.pagebody * {
	margin-top : 0px;
}
div.pagebodymain {
	float : center;
	width : 988px;
}

div#contenttier {
	clear : both;
	width : 988px;	
	float : center;
}
div#contentmain {
	float : center;
	width : 840px;
	padding-top : 10px;
}
div#contentsupplemental {
	float : right;
	width : 165px;
	padding-bottom : 10px;
}

div.updatebar {
	background-image : url(/images/bg-whiteshadow.gif);
	background-repeat : repeat-x;
	background-position : bottom left;
	background-color : #efefef;
	font-size : 10px;
	padding-bottom : 10px;
}
div.updatebar div.updatetext {
	width : 40%;
	float : left;
	padding : 5px;
}
/* styles for the article toolbar are in articletools.css */

/* -- supplemental stuff boxes -- */
div#contentsupplemental div.supplementbox {
	margin : 10px;
	margin-bottom : 0px;
	font-size : 0.9em;
}
div#contentsupplemental div.supplementbox div.sbheading {
	padding : 4px;
	color : #fff;
	font-weight : bold;
	text-transform: capitalize;
}
div#contentsupplemental div.supplementbox div.sbbody {
	padding : 4px;
	padding-right : 8px;
	padding-top : 6px;
	background-repeat : repeat-x;
}
div#contentsupplemental div.supplementbox div.sbbody ul,
div#contentsupplemental div.supplementbox div.sbbody ul li {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}
div#contentsupplemental div.supplementbox div.sbbody ul li {
	margin-bottom : 0.5em;
	background-image : url(/images/bullet-supp.gif);
	background-repeat : no-repeat;
	background-position : 0px 5px;
	padding-left : 10px;
}
div#contentsupplemental div.supplementbox div.sbbody div.readmore {
}
div#contentsupplemental div.supplementbox div.sbbody div.readmore a {
	display : block;
	width : 100px;
	height : 17px;
	margin-right : 0px;
	margin-left : auto;
}
div#contentsupplemental div.supplementbox div.sbbody div.readmore a span {
	display : none;
}

/* for fullsection pages */
body.longlist div#contentmain ul li.story0,
body.longlist div#contentmain ul li.story1,
body.longlist div#contentmain ul li.story2,
body.longlist div#contentmain ul li.story3,
body.longlist div#contentmain ul li.story4 {
	padding-left : 0px;
	background-image : none;
	float : center;
}
body.longlist div#contentmain ul li.story0 {
	font-size : 1.1em;
}
body.longlist div#contentmain ul li.story1,
body.longlist div#contentmain ul li.story2,
body.longlist div#contentmain ul li.story3,
body.longlist div#contentmain ul li.story4 {
	font-size : 1.0em;
}
body.longlist div#contentmain ul li.story0 a,
body.longlist div#contentmain ul li.story1 a,
body.longlist div#contentmain ul li.story2 a,
body.longlist div#contentmain ul li.story3 a,
body.longlist div#contentmain ul li.story4 a {
	font-size : 1.1em;
	font-weight : bold;
}

body.fullsection div#contentmain h2.featurehead {
	background-image : url(/images/bg-whiteshadow.gif);
	background-repeat : repeat-x;
	background-position : bottom left;
	background-color : #efefef;
	padding : 4px;
	padding-bottom : 10px;
}
body.fullsection div#contentmain div.featuredreview {
	padding-bottom : 15px;
	font-size : 1.2em;
}
body.fullsection div#contentmain div.featuredreview a {
	font-size : 1.1em;
	font-weight : bold;
}
body.fullsection div#contentmain div.featuredreview img {
	float : left;
	margin-right : 10px;
}

body.fullsection div#contentmain ul,
body.fullsection div#contentmain ul li {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}
body.fullsection div#contentmain ul li {
	padding-left : 12px;
	background-image : url(/images/bullet-supp.gif);
	background-repeat : no-repeat;
	background-position : 0px 5px;
	margin-bottom : 0.5em;
}
body.fullsection div#contentmain div.groupoutlead ul li.story0,
body.fullsection div#contentmain div.groupoutlead ul li.story1,
body.fullsection div#contentmain div.groupoutlead ul li.story2,
body.fullsection div#contentmain div.groupoutlead ul li.story3,
body.fullsection div#contentmain div.groupoutlead ul li.story4 {
	padding-left : 0px;
	background-image : none;
}
body.fullsection div#contentmain div.groupoutlead ul li.story0 {
	font-size : 1.1em;
}
body.fullsection div#contentmain div.groupoutlead ul li.story1,
body.fullsection div#contentmain div.groupoutlead ul li.story2,
body.fullsection div#contentmain div.groupoutlead ul li.story3,
body.fullsection div#contentmain div.groupoutlead ul li.story4 {
	font-size : 1.0em;
}
body.fullsection div#contentmain div.groupoutlead ul li.story0 a,
body.fullsection div#contentmain div.groupoutlead ul li.story1 a,
body.fullsection div#contentmain div.groupoutlead ul li.story2 a,
body.fullsection div#contentmain div.groupoutlead ul li.story3 a,
body.fullsection div#contentmain div.groupoutlead ul li.story4 a {
	font-size : 1.1em;
	font-weight : bold;
}
body.fullsection div.morelink {
	margin-top : 25px;
}
body.fullsection div.morelink a {
	display : block;
	width : 100px;
	height : 17px;
	margin-left : auto;
	margin-right : 0px;
	overflow : hidden;
	background-image : url(/images/btn-archives.gif);
}
body.fullsection div.morelink a span {
	display : block;
	margin-top : 100px;
}
body.fullsection.div#contentmain div.groupout {
	clear : both;
	margin-top : 20px;
}
body.fullsection div.groupout div.morelink a {
	background-image : url(/images/btn-readmore-darkgrey.gif);
}
body.fullsection div#contentmain div.groupout div.goheading {
	background-color : #efefef;
	font-size : 1.2em;
	font-weight : bold;
	padding : 5px;
}
body.fullsection div#contentmain div.groupout div.gobody {
	background-image : url(/images/bg-shadewhite.gif);
	background-repeat : repeat-x;
	padding-top : 10px;
	padding-bottom : 10px;
}
body.fullsection div#contentmain div.groupout div.gobody div.groupoutlead {
	width : 65%;
	float : left;
}
body.fullsection div#contentmain div.groupout div.gobody div.groupoutlist {
	width : 30%;
	float : right;
	padding : 5px;
	background-color : #f6f6f6;
	border : 1px solid #bfbfbf;
}

/* article archive pages */
body.articlearchive div#contentmain ul,
body.articlearchive div#contentmain ul li {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}
body.articlearchive div#contentmain ul li {
	padding-left : 12px;
	background-image : url(/images/bullet-supp.gif);
	background-repeat : no-repeat;
	background-position : 0px 5px;
	margin-bottom : 0.5em;
}

/* publication section pages */
body.publication div#contentmain ul,
body.publication div#contentmain ul li {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}
body.publication div#contentmain ul {
	margin-bottom : 1em;
}
body.publication div#contentmain ul li {
	padding-left : 12px;
	background-image : url(/images/bullet-supp.gif);
	background-repeat : no-repeat;
	background-position : 0px 5px;
	margin-bottom : 0.5em;
}

/* used for review pages, but of course, identifying review pages is nearly impossible so we have to apply this to all article pages. */
body.article div.reviewitems {
}
body.article div.reviewitems dl,
body.article div.reviewitems dl dt,
body.article div.reviewitems dl dd {
	margin : 0px;
	padding : 0px;
}
body.article div.reviewitems dl {
	clear : both;
	margin-bottom : 1em;
}
body.article div.reviewitems dl dt {
	background-color : #efefef;
	background-image : url(/images/bg-shadewhite.gif);
	background-repeat : repeat-x;
	background-position : bottom left;
	padding : 5px;
	padding-bottom : 15px;
	font-weight : bold;
}
body.article div.reviewitems dl dd.ratingimage {
	width : 84px;
	height : 80px;
	float : right;
	text-align : right;
	margin-left : 5px;
}
body.article div.reviewitems dl dd.description {
	padding : 5px;
	font-size : 0.9em;
}
body.article div.reviewitems dl dd.morelink {
	clear : both;
	border-top : 8px solid #fff;
	padding : 0px;
}
body.article div.reviewitems dl dd.morelink a {
	display : block;
	width : 100px;
	height : 17px;
	overflow : hidden;
	background-image : url(/images/btn-readmore-darkgrey.gif);
	margin-left : auto;
	margin-right : 0px;
}
body.article div.reviewitems dl dd.morelink a span {
	display : block;
	margin-top : 20px;
}
body.article div.reviewitems div.leftreviewitems {
	width : 48%;
	float : left;
}
body.article div.reviewitems div.rightreviewitems {
	width : 48%;
	float : right;
}
body.article div#grading {
	clear : both;
	margin-top : 50px;
}
body.article div#grading div.heading {
	background-color : #efefef;
	background-image : url(/images/bg-shadewhite.gif);
	background-repeat : repeat-x;
	background-position : bottom left;
	padding : 5px;
	padding-bottom : 15px;
	font-weight : bold;
}
body.article div#grading ul,
body.article div#grading ul li {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}
body.article div#grading ul li {
	padding-left : 12px;
	background-image : url(/images/bullet-circle.gif);
	background-repeat : no-repeat;
	background-position : 0px 5px;
	font-size : 0.9em;
	margin-bottom : 1em;
}


/* photo and caption box */
body.article div#contentmain div.articleimage,
body.article div#contentmain div.articleimage * {
	/* this undoes the automatic margins set above */
	margin-top : 0px;
	margin-bottom : 0px;
}
body.article div#contentmain div.articleimage {
	float : right;
	clear : right;
	text-align : right;
	margin-bottom : 10px;
	margin-top : 0px;
	margin-left : 10px;
}
body.article div#contentmain div.articleimage div.imagewrapper {
	width : auto !important;
	max-width : 200px;
	width : 200px;
	text-align : center;
	padding-left : 3px;
	padding-bottom : 1px;
}
body.article div#contentmain div.articleimage div.imagewrapper .iwimg {
	text-align : center;
}
body.article div#contentmain div.articleimage div.imagewrapper .iwcredit {
	text-align : left;
	font-size : 10px;
	line-height : 1em;
	font-style : italic;
	margin-top : 5px;
	margin-left : auto;
	margin-right : auto;
	width : 200px;
}
body.article div#contentmain div.articleimage div.imagewrapper .iwcaption {
	text-align : left;
	font-size : 11px;
	margin-top : 5px;
	margin-left : auto;
	margin-right : auto;
	font-weight : bold;
	width : 200px;
}

body.article div.contributorbio {
	width : 100px;
	background-color : #E4EBF1;
	border : 1px solid #2C6090;
	float : left;
	margin-right : 5px;
}
body.article div.contributorbio img#contribimg {
	width : 100px;
}
body.article div.contributorbio div.contributorbiotext {
	padding : 4px;
	font-size : 9px;
}

/* webcasts section */
html body.webcast div#contentmain * { zoom : 100%; } /* generic IE/PC-only hack for cleaning up some weirdness */
body.webcast div#contentmain dl,
body.webcast div#contentmain dl dt,
body.webcast div#contentmain dl dd {
	margin : 0px;
	padding : 0px;
}
body.webcast div#contentmain dl {
	margin-left : 10px;
	margin-right : 35px;
	background-color : #F9F9F9;
	border : 1px solid #E9E9E9;
	margin-bottom : 0.8em;
}
body.webcast div#contentmain dl dt,
body.webcast div#contentmain dl dd {
	padding : 5px;
}
body.webcast div#contentmain dl dt {
	background-image : url(/images/bg-home-hpone-techgap.gif);
	background-repeat : repeat-x;
	background-position : bottom left;
	background-color : #E9E9E9;
	color : #666;
	font-weight : bold;
	padding-bottom : 38px;
	margin-bottom : -28px;
	font-size : 1.3em;
}
body.webcast div#contentmain dl dd.subtitle {
	font-weight : bold;
	font-size : 1.2em;
	color : #888;
}
body.webcast div#contentmain dl dd.date {
	float : left;
	font-weight : bold;
	color : #666
}
body.webcast div#contentmain dl dd.register {
	float : right;
	font-weight : bold;
}
body.webcast div#contentmain dl dd.title {
	float : right;
	font-weight : bold;
}
body.webcast div#contentmain dl dd.supplinks {
	clear : both;
	font-size : 0.9em;
	text-align : center;
}
body.webcast div#contentmain dl dd.description {
	clear : both;
}
body.webcast div#contentmain dl ul li {
	margin-bottom : 0.7em;
	list-style-type : square;
}
body.webcast div#contentmain table td,
body.webcast div#contentmain table th {
	padding : 4px;
	vertical-align : top;
}
body.webcast div#contentmain table th {
	background-color : #2C6090;
	color : #fff;
}
body.webcast div#contentmain table tr.alt {
	background-color : #efefef;
}

/* for resources section of site */
body.resources div#contentmain div.seminar {
	margin-left : 20px;
	margin-right : 20px;
	margin-top : 0px;
	margin-bottom : 10px;
	border : 1px solid #B2B2B2;
}
* html body.resources div#contentmain * { zoom : 100%; } /* damn you ie/pc! */
body.resources div#contentmain div.seminar h2 {
	background-color : #efefef;
	background-image : url(/images/bg-home-hpone-techgap.gif);
	background-repeat : repeat-x;
	background-position : bottom left;
	padding : 5px;
	padding-bottom : 38px;
	margin-bottom : -25px;
}
body.resources div#contentmain div.seminar p {
	margin-left : 10px;
	margin-right : 10px;
}
body.resources div#contentmain ul,
body.resources div#contentmain ul li {
	padding : 0px;
	margin : 0px;
	list-style-type : none;
}
body.resources div#contentmain ul li {
	background-image : url(/images/bullet-double.gif);
	background-repeat : no-repeat;
	background-position : 0px 5px;
	padding-left : 12px;
	margin-bottom : 0.8em;
}

/* 300x250 ad unit in articles */
div#boxad {
	float : right;
	clear : right;
	width : 300px;
	padding : 0px;
	margin-left : 10px;
	margin-top : 0px;
	margin-bottom : 5px;
}
	div#boxad *, div#boxad a, div#boxad a:hover {
		margin : 0px;
		padding : 0px;
		border-style : none;
	}

/* ad column */
div.ads div.adbox { margin-bottom : 5px; }

/* enewsletter form */
div.ads div.adbox div.enewshead {
	background-color : #517B99;
	color : #fff;
	font-weight : bold;
	padding : 4px;
}
div.ads div.adbox div.enewsbody {
	padding : 4px;
	padding-top : 7px;
	background-image : url(/images/bg-enewsbody.gif);
	background-repeat : repeat-x;
	background-color : #2C6090;
	color : #fff;
	font-size : 0.9em;
	line-height : 1em;
}
div.ads div.adbox div.enewsbody p strong { color : #f00; }
div.ads div.adbox div.enewsbody form {
	padding : 0px;
	margin : 0px;
}
div.ads div.adbox div.enewsbody form input#email {
	width : 105px;
	font-size : 0.9em;
}
div.ads div.adbox div.enewsbody form input#inputsubmit {
	font-size : 0.9em;
	display : block;
	margin-top : 4px;
}

div#footer {
	clear : both;
	background-color : #fff;
	padding : 15px;
	text-align : center;
	font-size : 0.8em;
}
/* basic text styles */
h1 {
	font-size : 1.5em;
	font-weight : bold;
	color : #2C6090;
}
h2 {
	font-size : 1.2em;
	font-weight : bold;
	color : #666;
}
p {
	line-height : 1.4em;
}
a img {
	border-style : none;
}
a {
	color : #2C6090;
}
a:hover {
	text-decoration : none;
}
body.article div#contentmain div#articlebody p {
	clear : left;
}
