/* -------------------------------------------------------------------------------------------

 * Filename: 		home.css
 * Description: 	Styles for homepage
 * Version: 		1.0.0 (2009-09-01)
 * Website: 		http://www.roycefunds.com
 * Author:			Christian, Kristen and Charlene

== STRUCTURE ==================================================================================


---------------------------------------------------------------------------------------------*/

#contentwrapper { 
	float: left; 
	width: 100%; 
}
#contentcolumn { 
	margin: 0 225px 0 210px; 
	/*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/ 
}
#leftcol { 
	float:left; width:45%;padding:0 10px 0 10px;
}
#rightcol { 
	float:right; width:45%;padding:0 10px 0 10px;
}

/* eWord */
div.ewordform { 
	padding-bottom: 5px; 
}

/* Variations on Global Styles */
h2.section { 
	padding-bottom: 5px; 
}

/* Homepage Highlight */
div.highlight {	
	background-color:#e1ecf3;
	padding-left:15px;
	padding-top:15px;
	padding-right:5px;
	padding-bottom:15px;
}

.highlight ul {	
	padding-right: 15px; 
	padding-left: 15px; 
	list-style-image: url('../images/icons/go.gif'); 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}

.highlight h3 {
	padding-right: 15px;
}

img.highlight {
	padding-bottom: 10px;
}

.body-leftnavstyle-homepage {
	margin-bottom:5px;
}

/*	Cool Menu Styles */

#navigation-section {
	width:920px; 
	height:215px; 
	background: #DBE9F1;
}

#navigation-menu {
	width:207px;
	float:left;
}

table.menu a {
	width:200px;
	display: block;
}

.menu td {
	height:35px;
	border-bottom:1px solid #ffffff;
	
}

div.menu a {
	color:#2d699b;
	background: #B7D3E3;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
	font-family: Tahoma, verdana, sans-serif;
	height:27px;
	padding-top:8px;
	padding-left:8px;
}

div.menu a:link {
	color:#2d699b;
	background: #B7D3E3; 
}

div.menu a:active { 
	color: #000000;
	background: #B7D3E3; 
}

div.menu a:visited {
	color:#2d699b;
	background: #B7D3E3; 
}

div.menu a:hover {
	color:#2d699b;
	background: #DBE9F1; 
}


#tabledescription { 
	height:215px; 
	float:right; 
	background-color:#DBE9F1; 
	width:77%;
	/* width: 76% ; IE 6*/
	filter:alpha(opacity=0); 
	-moz-opacity:0;
}

.toggle_container {
	border-top: 1px solid #d6d6d6;
	background: #f0f0f0;
	overflow: hidden;
	width: 500px;
	clear: both;
	z-index:250;
}

/* FP Resource Center Styles */

#resource-header {
	width:920px; 
	height:49px; 
	background-color:#96B43C;
}	


#resource-header-title {
	float:left; 
	color:#ffffff; 
	font-size:22px; 
	font-family:Georgia, 'Times New Roman', Times, serif;
	padding:12px 0 0 10px;
}

#resource-header-options {
	float:right; 
	padding-right:10px; 
	padding-top:13px; 
	font-size:11px;
}

#text-white {
	color:#ffffff;
}

div.fpcontent {
	margin:5px 5px 5px 0; 
	height:203px; 
	overflow:auto;
}

div.fpcontent-item {
	height:89px; 
	float:top;
	padding-left:10px;
}

div.fpvid-item {
	height:100px; 
	float:top;
	padding-left:10px;
}

div.fpcontent-item-video {
	float:left; 
	width:23%;
}

#fpcontent-item-img {
	margin-top:10px;
	width:108px;
	height:61px;
	border:#d1d1d1 1px solid;
}

.fp-td-image {
	padding-left:10px;padding-right:5px;padding-bottom:5px;
	vertical-align:top;
	width:23%;
}

.fp-td-info {
	padding-left:5px;padding-right:5px;
	vertical-align:top;
	width:73%;
}

div.fpcontent-item-info {
	float:right; 
	width:73%;
	padding-left:5px;
	padding-right:5px;
}
#fpcontent-item-no {
	font-size:24px;
	float:left;
	margin:8px 6px 50px 0;
}
#fpcontent-item-info-tag {
	margin-top:6px;
	line-height:16px;
}
a.fpcontent-link {
	font-weight:bold;
}

.royce-contact-section {
	border-left:1px solid gray;
	padding:8px;
}

.royce-info-header {
	margin: 0; 
	padding: 0 0 5px 0; 
	font-weight: 400; 
	color: #1f3363; 
	font-family: 'georgia', 'times', 'serif'; 
	font-size: 16px; 
}

.royce-contact {
	float:left;
	margin:0 10px 0 5px;
	width:60px;
	height:75px;
}

.royce-contact-small {
	float:left;
	margin:0 8px 0 5px;
	width:60px;
	height:55px;
	
}

.royce-contact-info {
	font-size:11px;
	line-height:14px;
	height:57px;
}

#news-and-updated {
	display:none;
}

#research-and-insights {
	display:none;
}

#videos-and-events {
	display:none;
}

#tools-content {
	display:none;
}

#literature-content {
	display:none;
}

#tracked-funds {
	display:none;
}

#news-update-block {
	margin-top:5px;
	width:200px;
}
#news-update-block p {
	line-height:16px;
}

#account-login-section {
	display:none;
}

#fp-login-section {
	display:none;
}

#compare-funds-section {
	display:none;
}

#fund-guide-section {
	display:none;
}

.home-fp-content {
	padding:10px; 
	width:686px;
	overflow:auto;
	height:190px;
}

#tab-box {
	height:35px;
	background-color:#ffffff;
}

#news-and-updates {
	display:none;
}
#news-and-updates2 {
	display:none;
}
/* FP Home Data */

.datamainhead {
	text-align:center;
}

.dataheader {
	text-align:center;
	font-weight:bold;
	font-size:10px;
}

.dataname {
	padding:5px;
	font-size:11px;
	width:150px;
}

.data {
	text-align:center;
	font-size:11px;
}

.alt {
	background-color:#ffffff;
}

.style1 {
	border-right:1px solid #203580;
}

.style2 {
	border-right:1px solid #203580;
	border-bottom:1px solid #203580;
}

.style3 {
	border-right:1px solid lightgray;
}

.style4 {
	border-bottom:1px solid #203580;
}

.left {
	text-align:left;
}





.picture-slides-thumbnails {
	list-style: none;
	overflow: hidden;
}

.picture-slides-thumbnails li {
	float:left;
	width:30px;
	height:24px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	background: url('/images/corners/tab_f2.gif') right top no-repeat;
	margin-right:2px;
	font-family:Verdana, Arial, Helvetica, sans-serif;

}

.picture-slides-thumbnails font {

}

.picture-slides-thumbnails a {
	text-decoration:none;
		color:#96b43c;
}

.picture-slides-selected-thumbnail div { 
	color:#ffffff; 
	background: url(/images/corners/tab.gif) no-repeat right top; 
	width:30px; 
	height:24px;
}
.picture-slides-image {
	border-bottom:5px solid #96b43c;
        height:208px;
}

.picture-slides-controls {
	position:relative;
	left:350px;
	padding:0;
	margin:0; 
	top:-29px;
	width:200px;

}

.picture-slides-image-text {
	position:relative;
	top:-25px;
	padding:0;
	width:490px;
	margin-bottom:-20px;
}


.content-title {
	padding: 8px 10px 3px 10px;
	font-size: 20px; 
	font-weight: 800; 
	font-family: 'verdana', 'arial', 'sans-serif';
	color: #1f3363; 
	width:470px;
	line-height:18pt;
}

.content-column {
	width:470px;
	padding:0px 10px 0 10px;
	

}

.slide-control {
	position:relative;
	top:2px;
}

#compare-guide-title {
	line-height:12pt;
}

div#tracked-funds-disclosure {
	padding:10px 0 0 0;
	height:195px;
	overflow:auto;
	font-size:10px;
	line-height:10px;
	color:#8b816b;
}

div#tracked-funds-disclosure b {
	color:#000000;
}

div#tracked-funds-disclosure p {
	padding-top:5px;
}

.disclosure {
	line-height:1.1;
	width:98%;
	font-size:11px;
}

#idprogresshome {
	position: fixed; 
	border: 0px; 
	z-index: 100; 
	left:510px; 
	top:250px; 
	visibility:hidden;
	display:none;
}


.lit-item-left {
	float:left;
	width:210px;
	padding:10px;
}
.lit-item-right {
	float:right;
	width:210px;
	padding:10px;
}

.lit-item-image {
	float:left;
	margin-right:5px;
}

.lit-item-section {
	height:167px;
}

#lit-item-title {
	line-height:10pt;
}

#lit-item-img {
	margin:5px 5px 0 0;
	height:100px;
	width:75px;
	border:#d1d1d1 1px solid;
}

.lit-item-info {
	line-height:12pt;
	margin-top:5px;
}

.fund-guide-img {
    float:left; 
    margin:0 8px 0px 4px;
}

#build-tracked-funds-info {
	position:relative;
	text-align:center;
	height:200px;
}

#tracked-funds-title {
	font-size:14px;
	font-weight:bold;
}

div.section h3 {
	padding:5px 0 2px 0;
	line-height:11pt;
}

/*this code below is for chrome*/

@media screen and (-webkit-min-device-pixel-ratio:0)
{
 	.picture-slides-controls {

	}
	
	
}
