/* -------------------------------------------------------------------------------------------

 * Filename: 		commentary.css
 * Description: 	News and commentary CSS for article pages.
 * Version: 		1.0.0 (2009-09-01)
 * Website: 		http://www.roycefunds.com
 * Author:			Christian, Kristen and Charlene

== STRUCTURE ==================================================================================

---------------------------------------------------------------------------------------------*/

div.textsizeicons {
	float:right;
	border:#676767 1px solid;
	height:18px;
	margin:2px 0 0;
	padding:0;
}

div.contents2-innerwrapper {
	width:670px;
	margin:0px;
	padding:0px;
}

div.spotlight {
	border-top:#676767 4px double;
	border-bottom:#676767 4px double;
	background:#dfe8c4;
	float:right;
	margin-bottom:10px;
	margin-left:15px;
	width:275px;
}

div.spotlight h2 {
	padding:10px 20px 0;
}

div.spotlight p {
	padding:10px 20px;
}

div.spotlightimage {
	border-top:#676767 3px double;
	float:right;
	margin-bottom:10px;
	margin-left:15px;
	width:275px;
	border-bottom:#676767 3px double;
	padding: 3px 0 3px 0;
}

div.spotlightintro {
	padding-left:20px;
	padding-top:20px;
}	

div.contents2-innerwrapper li {
	padding-bottom:5px;
	background-position:0 .4em;
	padding-left:.8em;
	background-image:url('../images/designelements/bullet.gif');
	background-repeat:no-repeat;
}

div.bottompagination {
	float:right;
	border:#676767 3px double;
	padding:4px 15px;
}

div.textsize {
	clear:none;
	font-size:10px;
	float:right;
	width:100px;
	color:#676767;
	line-height:10px;
	text-align:right;
	margin:0;
	padding:0 20px 0 0;
}

div.contents1-header {
	width:670px;
	padding:0;
}

div.contents1-innerwrapper {
	padding:10px 0 20px;
}

div.intro {
	width:550px;
	color:#676767;
	padding-top:10px;
}

div.intro-top {
	width:550px;
	height:4px;
	background:url('../images/designelements/intro-top.gif');
	margin:0;
}

div.intro-bottom {
	width:550px;
	height:4px;
	background:url('../images/designelements/intro-bottom.gif');
	margin:0;
}

div.intro-middle-outerwrapper {
	background:url('../images/designelements/intro-middle.gif');
	width:550px;
}

div.intro-middle-innerwrapper {
	padding:15px 25px;
}

div.mainimage {
	border-top:#676767 4px double;
	margin-top:10px;
	margin-bottom:5px;
	width:550px;
	border-bottom:#676767 4px double;
	padding: 3px 0 3px 0;
}

div.mainimage P {
	font-size:11px;
	line-height:12px;
	padding:5px;
}



col.ira1 {
	border-left:#d1d1d1 1px solid;
	width:20%;
}

col.share1 {
	border-left:#d1d1d1 1px solid;
	width:50%;
}

col.share2 {
	width:35%;
}

col.share3 {
	width:15%;
}

.dockclass {
	position:relative;
}

div.toppagination-outerwrapper,div.contents1-outerwrapper {
	width:670px;
}

.contents2-innerwrapper p,.contents2-innerwrapper ul {
	padding:0 10px 20px 0;
}

div.contents2-innerwrapper h1,div.contents2-innerwrapper h2,div.contents2-innerwrapper h3,div.contents2-innerwrapper h4 {
	padding-right:10px;
}

div.spotlight h4,div.spotlight h3,div.spotlight h5,div.spotlight h6 {
	padding:10px 20px;
}

div.spotlightimage P,div.spotlightimage h2,div.spotlightimage h3,div.spotlightimage h4,div.spotlightimage h5,div.spotlightimage h6 {
	padding:5px;
}

div.spotlight ul,div.spotlightimage ul {
	list-style-type:none;
	margin:0 0 20px;
	padding:0;
}

div.spotlight li,div.spotlightimage li {
	background-position:0 .4em;
	background-image:url('../images/designelements/bullet.gif');
	background-repeat:no-repeat;
	margin:0 0 0 20px;
	padding: 0 0 0 .8em;
}

ul.arrowlist-spotlight {
	list-style-type:none;
	
}

ul.arrowlist-spotlight li {
	list-style-type:none;
	background-image:url('../images/icons/go.gif');
	padding-left:15px;
	padding-right:10px;
}


table.leftnavstyle ul {
	list-style-type:none;
	margin:0;
	padding:0;
}

table.leftnavstyle li {
	background-position:0 .4em;
	padding-left:.8em;
	background-image:url('../images/designelements/bullet.gif');
	background-repeat:no-repeat;
}

col.ira2,col.ira3 {
	width:40%;
}

@media Print {
	div.contents2-innerwrapper-people {
		padding: 0 10px 25px 0;
	}
	
	div.spotlightimage {
		border-top:#676767 4px double;
		border-bottom:#676767 4px double;
	}
	div.contents1-header {
		padding:0px;
	}
	div.contents1-innerwrapper {
		padding:10px 0 20px 0px;
	}
	
	div.intro {
		font-size:14px;
		font-style:italic;
	}

}