/**
 *	The CPA Technology Advisor
 *	Website Stylesheet
 *	
 *	@created	March 9, 2007
 */

/* General Element Styles */
h1, h2, h3, h4 { margin:0; padding:0; color:#333; }
h1 { font-size:180%; }
h2 { font-size:130%; }
h3 { font-size:120%; }
img { margin:0; padding:0; border:0px none; }
body { margin:0 0 20px 0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:85%; text-align:center; }
a, a:link, a:active { color:#3366CC; }
a:visited { text-shadow:#009933; }
a:hover { color:#0099FF; }

/* Page Layout Styles */
#pageWrapper { width:988px; margin:0 auto; text-align:left; }
#pageHead { position:relative; width:988px; height:128px; background:#669aea url('images/cpaHead.jpg') no-repeat top left; }
#pageHeadLogo a { position:absolute; top:20px; left:0; display:block; width:138px; height:109px; }
#pageHeadSearch { position:absolute; right:0; bottom:0; padding:5px; font-size: 90%; background-color:#C3D2DF; border-width:1px 1px 0px 1px; border-style:solid; border-color:#333; }
#pageHeadSearch form { margin:0; }
/* navigation lists */
#pageNav { padding-bottom:26px; border-bottom:1px solid #7f7f7f; border-top:1px solid #3e577a; background-color:#b7c6cc; font-size:90%; font-weight:bold; color:#363636; border:1px solid #354e77; }
#pageNav ul { margin:0; padding:0; list-style:none; }
#pageNav ul li { display:block; float:left; height:26px; margin:0; padding:0; background-image:url('images/cpaNavItemBg.jpg'); }
#pageNav ul li:hover, #pageNav ul li.sfhover { background-position:0px -100px; color:#fff; }
#pageNav ul li a:link, #pageNav ul li a:active, #pageNav ul li a:visited { display:block; padding:7px 12px 4px 12px; border-right:1px solid #a4b1b6; text-decoration:none; color:#363636; }
#pageNav ul li:hover a, #pageNav ul li.sfhover a { color:#fff; }
#pageNav ul li.active a { background-position:0px -100px; }
/* second-level lists */
#pageNav li ul { position:absolute; left: -999em; width:12em; padding:4px 0; background-color:#265465; z-index:100; }
#pageNav li:hover ul, #pageNav li.sfhover ul { left:auto; }
#pageNav li ul li { height:auto; margin:0; padding:0; float:none; background-image:url('none'); background-color:#265465 }
#pageNav li ul li a:link, #pageNav li ul li a:active, #pageNav li ul li a:visited { padding:3px 12px; border:none; }
#pageNav li ul li a:hover { background-color:#4d7e90; }
#pageBody { clear:both; float:left; width:796px; padding:6px; }
#pageBodyTicker { padding:5px; background-color:#dfe4ed; font-size:85%; }
#pageSidebar { float:left; width:160px; padding:10px; }
#pageFoot { clear:both; padding:3px 8px; background-color:#d0d9dd; border-top:1px solid #aaa; font-size:85%; text-align:center; }
#pageFoot p { margin:5px 0; padding:0; }

/* Front Page Content Styles */
#pageBodyCol1 { float:left; width:352px; }
#pageBodyCol2 { float:right; width:426px; }
.contentBox { border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; position:relative; border-top:5px solid #ddd; padding:8px; margin:10px 0; font-size:90%; z-index:2; background:#fff url('images/bg-tabtop.jpg') no-repeat top right; }
.contentBox h2 { font-size:130%; text-transform:uppercase; }
.boxOutline { padding:2px 0; background-color:#fff; border-top:1px solid #ddd; }
.boxOutline p { margin:5px 0; padding:0; }
.alternate { background-color:#eee; }
.featureBox { width:330px; height:125px; border:1px solid #ccc; margin:10px 0 0 0; padding:10px; background-repeat:no-repeat; color:#000; text-align:right; }
.featureBox a { color:#000; }
.featureBox h2 { margin:0; padding:10px 0 0 0; font-size:150%; color:#000; text-transform:uppercase; }
.featureBox h3 { margin:0; padding:0; font-size:120%; color:#000; }
.subFeatureBox { margin:0 0 10px 0; padding:0; border:1px solid #ccc; background:#ebebeb; font-size:110%; font-weight:bold; }
.subFeatureBox hr { margin:0; padding:0; height:1px; border:1px solid #ccc; }
.subFeatureBox small { font-size:80%; font-weight:normal; }
.homeFeatures ul { list-style:none; margin:0; padding:0; }
.homeFeatures li { margin:0; padding:0; }
.homeSlideshow { position:relative; z-index:2; margin-top:15px; width:266px; float:right; }
.gregFeatures { position:relative margin-top:10px; padding:5px 0 0 5px; background-color:#ddd; }
.gregFeatures p { margin-top:0; padding-top:0; }
.gregFeatures ul { margin:0; padding:0; }
.white, .white h2, .white h3 { color:#fff; }
.white a { color:#fff; }
.currentIssue { background:#fff url('images/bg-box1.jpg') repeat-x top left; }
.currentIssue div { font-size:small; }
.currentIssue ul, .contentBoxList ul, .subFeatureBox ul { margin:10px 5px; padding:0 10px; list-style-type:square; }
.currentIssue ul li, .contentBoxList ul li, .subFeatureBox ul li { list-style-image:url('images/bullet-double.gif');padding-left:0; padding-right:0; padding-top:3px; padding-bottom:3px }
.currentIssue ul li { padding:0; }
.subFeatureBox ul { margin:10px; padding:0 10px; }
.coverimage { float:left; width:135px; text-align:center; }
.webcastPromo { background:#fff url('images/bg-webcastpromo.jpg') no-repeat top right; }
.webcastDate { float:left; padding:5px 5px 5px 0; font-size:120%; font-weight:bold; text-align:center; }
.webcastPromo p { margin:0; padding:5px 0; }
.webcastBox { margin-right:120px; }
.newswire { font-size:small; background:#fff; }
.newswire ul { margin:10px 5px; padding:0 10px; list-style-type:disc; color:#FF6600; }
.newswire ul li { padding-left:0px; }
/* fade colors */
.yellowFade { background: #fff url('images/bg-box-yellowFade.jpg') no-repeat top left; }
.greenFade { background: #fff url('images/bg-box-greenFade.jpg') no-repeat top left; }

/* Article page content styles */
#pageBodySupplement { float:right; width:300px; padding-left:10px; font-size:92%; }
#articleIntro { padding:10px 10px 0px 10px; }
#articleIntro h2 { font-size:110%; font-weight:normal; }
#articleAuthorPic { float:left; padding-right:10px; }
#articletools h3 { font-size:100%; padding:4px 8px; background-color:#dfe4ed; font-size:normal; font-weight:bold; }
#articletools ul { margin:0 10px; padding:0; list-style:none; }
#articletools ul li { margin:0; padding:6px 26px; background-repeat:no-repeat; background-position:center left; }
#articlelinks { margin-top:12px; }
#articlelinks ul li { background-image: url('images/icons/link_go.png') }
#articlebody { line-height:1.5; font-size:93%; padding:0 10px; }
.articleimage { text-align: center; padding: 0 10px; }
.imagewrapper div { margin: 8px; font-size: 90%; }

/* Other General Styles */
.center { text-align:center; }
.inside { padding:6px; }
.small { font-size: 85%; }
.alignLeft { float:left; }
.alignRight { float:right; }
.inlineIcon { vertical-align:middle; }
.iconPdf { background-image: url('images/icons/pdf.gif') }
.iconIssue { background-image: url('images/icons/book_open.png') }
.iconComment { background-image: url('images/icons/comment.png') }
.iconPrint { background-image: url('images/icons/printer.png') }
.iconEmail { background-image: url('images/icons/email.png') }
.iconReprint { background-image: url('images/icons/page_white_text.png') }

/* -- float in box hacks start here -- */
.clearfix:after {
	content : "";
	display : block;
	height : 0;
	clear : both
}
.clearfix {	display : inline-block;	}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* -- float in box hacks end here -- */



/* for fullsection pages */
#longlistpage ul li.story0,
#longlistpage ul li.story1,
#longlistpage ul li.story2,
#longlistpage ul li.story3,
#longlistpage ul li.story4 {
	padding-left : 0px;
	background-image : url('none');
}
#longlistpage ul li.story0 {
	font-size : 1.1em;
}
#longlistpage ul li.story1,
#longlistpage ul li.story2,
#longlistpage ul li.story3,
#longlistpage ul li.story4 {
	font-size : 1.0em;
}
#longlistpage ul li.story0 a,
#longlistpage ul li.story1 a,
#longlistpage ul li.story2 a,
#longlistpage ul li.story3 a,
#longlistpage ul li.story4 a {
	font-size : 1.1em;
	font-weight : bold;
}

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

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

/* article archive pages */
#articlearchivepage ul,
#articlearchivepage ul li {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}
#articlearchivepage 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 */
#publicationpage ul,
#publicationpage ul li {
	margin : 0px;
	padding : 0px;
	list-style-type : none;
}
#publicationpage ul {
	margin-bottom : 1em;
}
#publicationpage ul li {
	padding-left : 12px;
	background-image : url('/images/bullet-supp.gif');
	background-repeat : no-repeat;
	background-position : 0px 5px;
	margin-bottom : 0.5em
}

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


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

/* Digital Editions */
#digitalEdition h2 {
	margin-top:10px;
	margin-bottom: 10px;
}
#digitalEdition div.deItem {
	clear: both;
	margin-bottom: 10px;
}
#digitalEdition div.dePicture {
	width: 180px;
	float: left;
}
#digitalEdition div.deBody {
	width: 500px;
	float: left;
	font-size: 86%;
	line-height:1.2em;
}