/*-------------------------------------------------------------------------------
Style.css Information and Index
---------------------------------------------------------------------------------
 0. Reset | Eric Meyer v2.0 | 20110126 http://meyerweb.com/eric/tools/css/reset/
 1. Font styles
 2. Header
 3. Footer
 4. Body Background
 5. Layout Elements
 6. Content Blocks
 
 ... Browser Conditional Styles
-----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/*  0. Reset | Eric Meyer v2.0 | 20110126 http://meyerweb.com/eric/tools/css/reset/
/*---------------------------------------------------------------------------------*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
body{ font-size: 16px; } /*Base font size for em calculation*/

/*---------------------------------------------------------------------------------*/
/*  1. Font styles
/*---------------------------------------------------------------------------------*/

body{ font-family: Tahoma, Verdana, Segoe, sans-serif;  }

/*Font sizes*/
.percentage.block .title{ font-size: 5.313em; } /*85px*/
#contentContainer h1{ font-size: 1.938em; } /*31px*/
h5, .quoteBlock .quoteAuthor{ font-size: 1.400em; } /*24px*/
.percentage.block .content{ font-size: 1.250em; } /*20px*/
header h1, #contentContainer h2{ font-size: 1.188em; } /*19px*/
header.subtitle {font-size:1em;}
.quoteBlock .quoteAuthorPosition{ font-size: 1.125em; } /*18px*/
.graph.block .title, .table.block .title{ font-size: 1em; } /*16px*/
#contentContainer p.bold, #contentContainer .leaf.col p, #contentContainer h3{ font-size: 0.938em; } /*15px*/
.table.block table{ font-size: 0.875em; } /*14px*/
header nav#mainNavigation, .graph.block .meta, .table.block .meta, #financialHighlights.block table, #lightbox .close, .graph.block .source{ font-size: 0.813em; } /*13px*/
header nav#tabNavigation, #contentContainer p, ul.bulletList, .downloadAnnualLetter, .twpxft, .contactMeta, ul#siteMap li ul li{ font-size: 0.750em; } /*12px*/
footer{ font-size: 0.688em; } /*11px*/

/*Font colors*/
header a, footer, footer a, header nav#tabNavigation li a:hover, .grayText, .contactMeta .content, ul#siteMap li ul li a{ color: #898989; }
header a:hover, footer a:hover, header nav#tabNavigation li.active a, header nav#mainNavigation li.active a, .contactMeta a, footer li.active a, .col.left.fno a, ul#siteMap a:hover{ color: #165788; }
#contentContainer, .graph.block .meta, .table.block .meta, .graph.block .source{ color: #5e5f5f; }
#contentContainer p.bold, .block .title, strong, #financialHighlights.block table tbody tr td:first-child, .downloadAnnualLetter, .blackText, .contactMeta .name, #contentContainer h3, ul#siteMap a{ color: #000; }
.goldText{ color: #b59601; }
.spectraText{ color: #07645c; }
.grassText{ color: #577719; }
#lightbox .close{ color: #fff; }
header ul li a.active{color: #165788;}
/*Font weights, decorations transforms and styles*/
header a, footer a, .downloadAnnualLetter, #lightbox .close, .col a{ text-decoration: none; }
.graph.block .meta, .table.block .meta, .italic{ font-style: italic; }
#lightbox .close{ text-transform: uppercase; }

/*Font margin/line-height*/
#contentContainer p, #contentContainer h1, ul.bulletList li, h5{ margin-bottom: 10px; }
#contentContainer h2, h5.author, #contentContainer h3{ margin-bottom: 5px; }
.contactMeta{ margin-bottom: 20px; }
img.text{ margin-bottom: 5px !important; }
#contentContainer p, .percentage.block .content, ul.bulletList li, h5, table, .contactMeta{ line-height: 1.6; }
#contentContainer p, .percentage.block .content, ul.bulletList li, h5, table, .contactMeta{ letter-spacing: .2px; }
#contentContainer p.bold, .downloadAnnualLetter{ line-height: 1.5; }
h5{ letter-spacing: 0.03em; }
#lightbox .close{ letter-spacing: .2em; }
a:active{ outline: none !important; }

/*---------------------------------------------------------------------------------*/
/*  2. Header
/*---------------------------------------------------------------------------------*/
header{
	background: url('../images/headerBottomRule.png') bottom repeat-x;
	overflow-x: hidden;
	padding-bottom: 40px;
	position: relative;
}

/*Logo*/
#logo{
	background: url('../images/MosaicLogo.png') no-repeat;
	display: block;
	float: left;
	height: 59px;
	margin: 10px 0 0 20px;
	text-indent: -9999px;
	width: 129px;
}

/*Header main navigation*/
header nav#mainNavigation{
	overflow-x: hidden;
	padding-left: 180px;
	width: 100%;
}
header nav#mainNavigation ul{
	float: left;
	line-height: 1.2;
	margin-right: 20px;
	width: 163px;
}
header nav#mainNavigation ul li{ margin-bottom: 8px; }

/*Header tab navigation*/
header nav#tabNavigation{
	border-left: 1px solid #e1e1e1;
	margin-left: 17px;
	overflow-x: hidden;
	position: absolute;
	bottom: 0;
}
header nav#tabNavigation li{ float: left; }
header nav#tabNavigation li a{
	border-right: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	display: inline-block;
	padding: 9px 13px;
}
header nav#tabNavigation li.active a{ background: #fff; }

/*Social Links*/
.socialLinks{
	float: right;
	margin: 18px 15px 0 0;
}
.socialLinks li{
	float: left;
	margin-left: 7px;
}
.socialLinks li a{
	background: url('../images/socialLinks.png') no-repeat;
	display: inline-block;
	height: 21px;
	text-indent: -9999px;
	width: 21px;
}
.socialLinks li a.facebook{ background-position: 0 -44px; }
.socialLinks li a.linkedin{ background-position: 0 0; }
.socialLinks li a.twitter{ background-position: 0 -23px; }
.socialLinks li a.youtube{ background-position: 0 -65px; }

/*Report title*/
header h1{
	cursor: default;
	float: left;
	margin: 20px 0 25px 30px;
}
header h2{
	float:left;
	cursor:default;
	margin: 27px 0 3px -393px;
	font-size:.7em;
	font-style:italic;
	color:#898989;
}
/*---------------------------------------------------------------------------------*/
/*  3. Footer
/*---------------------------------------------------------------------------------*/
footer{
	background: url('../images/footerTopRule.gif') top repeat-x;
	bottom: 0;
	padding: 10px 0 10px 0px;
	position: absolute;
	overflow-x: hidden;
	width: 100%;
	font-size: 7pt;
}
footer ul li{ float: right;padding-right:14px;}
footer ul li:before{
	content: '|';
	padding: 0 7px;
}
footer ul li:first-child:before{ content: ''; }

/*---------------------------------------------------------------------------------*/
/*  4. Body Background
/*---------------------------------------------------------------------------------*/
/*body.bg{ height: 500px; }*/
		.bgwidth { width: 100%;position:fixed; }
		.bgheight { height: 100%; }

body.bg.one{
	
	background: url('../images/bg1.jpg') top center no-repeat fixed; 
	background-size:cover;
	
}
body.bg.two{
	background: url('../images/bg2.jpg') top center no-repeat fixed; 
	background-size:cover;
}
body.bg.three{
	background: url('../images/bg3.jpg') top center no-repeat fixed; 
	background-size:cover;
}
body.bg.four{
	background: url('../images/bg4.jpg') top center no-repeat fixed; 
	background-size:cover;
}
body.bg.five{
	background: url('../images/bg5.jpg') top center no-repeat fixed; 
	background-size:cover;
}
body.bg.six{
	background: url('../images/bg6.jpg') top center no-repeat fixed; 
	background-size:cover;
}
body.bg.seven{
	background: url('../images/bg7.jpg') top center no-repeat fixed; 
	background-size:cover;
	
} 
body.bg.eight{
	background: url('../images/bg8.jpg') top center no-repeat fixed; 
	background-size:cover;
	
} 
body.bg.nine{
	background: url('../images/bg9.jpg') top center no-repeat fixed; 
	background-size:cover;
	
} 
/*Skip ten because there is a width value assigned to that class*/
body.bg.eleven{
	background: url('../images/bg10.jpg') top center no-repeat fixed; 
	background-size:cover;
} 
body.bg.twelve{
	background: url('../images/bg11.jpg') top center no-repeat fixed; 
	background-size:cover;
} 
body.bg.thirteen{
	background: url('../images/bg13.jpg') top center no-repeat fixed; 
	background-size:cover;
} 
/*---------------------------------------------------------------------------------*/
/*  5. Layout Elements
/*---------------------------------------------------------------------------------*/
/*Page wrapper*/
#pageWrapper{
	background: url('../images/pageContainerBorderShadow.png') repeat-y center;
	margin: auto;
	overflow-x: hidden;
	width: 1081px;
}

/*Page container*/
#pageContainer{
	background: #fff;
	margin: 0 0 0 62px;
	float: left;

	overflow-x: hidden;
	position: relative;
	width: 970px;
}

/*Content container*/
#contentContainer{
	padding: 16px 16px 42px 16px;
	overflow-x: hidden;
}

/*Bottom page shadow*/
.bottomShadow{ 
	background: url('../images/pageContainerBottomBorderShadow.png') center bottom no-repeat;
	height: 65px;
	margin: auto;
	width: 1069px;
	background-position: -5px 0;
	margin-bottom: 100px;
}

/*Sidebar*/
section#sidebar article{ margin-bottom: 20px; }

/* Banner
/*---------------------------------------------------------------------------------*/
#banner{
	margin-bottom: 7px;
	overflow-x: hidden;
	padding-bottom: 17px;/* 5*/
}
/*Home Banner*/
#banner.home{ 
	overflow-x: visible; 
	margin-bottom: 0;
}
#banner.home img{ margin-bottom: 15px; }

/* Column layout
/*---------------------------------------------------------------------------------*/
/*Default column styles*/
.col{ 
	float: left; 
	position: relative;
}
.col.right{ 
	float: right; 
	margin-right: 0 !important; 
}

/*Column widths*/
.full{ width: 100%; }
.ssf{ width: 764px; }
.fno{ width: 591px; }
.ffe{ width: 548px; }
.fff{ width: 554px; }
.fzf{ width: 504px; }
.fzt{ width: 503px; }
.fsz{ width: 470px; }
.fsn{ width: 469px; }
.fst{ width: 463px; }
.fon{ width: 419px; }
.tsz{ width: 370px; }
.toz{ width: 310px; }
.ten{ width: 289px; }
.tns{ width: 296px; }
.tnf{ width: 296px; }
.tno{ width: 291px; }
.tse{ width: 278px; }
.ttz{ width: 230px; }
.osz{ width: 160px; }
.ofe{ width: 158px; }
.off{ width: 145px; }
.otz{ width: 130px; }
.otwz{ width: 120px; }
.oos{ width: 117px; }

/*misc*/
.col.left.fno { padding-left: 14px; }


/* Site Map
/*---------------------------------------------------------------------------------*/
ul#siteMap li{
	margin-bottom: 20px;
}
ul#siteMap li ul{ margin: 5px 0 10px; }
ul#siteMap li ul li{ margin-bottom: 5px; }

/* Leaf layout
/*---------------------------------------------------------------------------------*/
/*Default leaf styles*/
.col.leaf{
	background: url('../images/leafSprite.png') no-repeat;
	color: #fff;
	height: 97px;
	margin: 0 15px 15px 0;
	overflow: hidden;
	padding: 15px 20px 25px 15px;
}

/*Leaf background positions*/
.earth.leaf{ background-position: 0 0; }
.earth.leaf.fsn{ background-position: 0 -147px; }

.sky.leaf{ background-position: -3493px 0; }
.sky.tno{ background-position: -3493px -121px; }
.sky.oos{ background-position: -3493px -258px; }

.grass.leaf{ background-position: -606px 0;  }
.grass.leaf.fsn{ background-position: -606px -146px; }

.spectra.leaf{ background-position: -2268px 0;  }
.spectra.leaf.fsz{ background-position: -2268px -146px; }

.pumpkin.leaf{ background-position: -1742px 0;  }
.oldPumpkin.leaf{ background-position: -2877px -146px; }

.sand.leaf{ background-position: -2877px 0; }
.sand.leaf.fsn{ background-position: -2877px -445px; }

.ocean.leaf{ background-position: -2268px -300px; }

.sun.leaf{ background-position: -1213px -370px; }
.sun.leaf.fsn{ background-position: -2877px -295px; }

.dkGreen{ background-position: -1213px 0 !important; }

.dirt.leaf{ background-position: -1213px -513px; }

.home .leaf{ background-position: -1213px 0; }
.home .leaf.sky.tnf{ background-position: -1214px -148px; }
.home .leaf.pumpkin.otz{ background-position: -1557px -146px;width:141px;}
.home .leaf.grass.tnf{ background-position: -1213px -250px; }

/*Ceo Leaf*/
.ceo.leaf{
	background: url('../images/ceoBackground.jpg') no-repeat;
	margin-right: 0;
	overflow: visible;
}
.ceo.leaf img{ margin: -168px 0 0 2px; }

/*Home Leaf*/
.home .leaf.sky.tnf{ height: 46px; }
.home .leaf.grass.tnf{ height: 68px; }
.home section.ofe{ margin-left: 15px; }
.home .leaf.otz{ 
	height: 182px; 
	padding: 15px;
}

/*Misc*/
.fon img{ margin-bottom: 15px; }
.fno .contactMeta{ padding-left: 40px}
.full.col.bottom img{ margin-bottom: 0 !important;width:940px;}
.ifpxmr, .ofpxmr{ margin-right: 15px; }
.ifpxmb, .ofpxmb{ margin-bottom: 15px; }
.ofpxpr{ padding-right: 15px; }
.ctr{ text-align: center; }
.boardofDirectors .contactMeta{ margin-right: 15px; }
.prokImg{ margin: 0 15px 15px 0; }

/*---------------------------------------------------------------------------------*/
/*  6. Content Blocks
/*---------------------------------------------------------------------------------*/
/*Percentage block*/
.percentage.block .title{ width: 100%; }

/*Table block*/
.table.block thead{ color: #6D5300; }
.table.block table td{
	background: #ebe2bd;
	border-right: 4px solid #fff;
	color: #9A7D1C;
	padding: 5px;
	min-width: 70px;
}
.table.block table td:first-child{
	background: none;
	border: 0;
	color: #000;
	padding: 5px 0 5px 0;
	width: 113px;
}
.table.block table td:nth-child(2){ margin-right: 10px; }
.table.block table td:last-child{ border-right: 0; }
.table.block table thead tr td{ background: url('../images/tableTdTop.jpg') top no-repeat; }
.table.block table tbody tr td{ background: url('../images/tableTbodyTd.jpg') repeat-y; }
.table.block table tbody tr:last-child td{ background: url('../images/tableTdBottom.jpg') bottom no-repeat; }
.table.block table tbody tr:last-child td:first-child{ background: none; }

/*Financial Highlights Block*/
#financialHighlights.block {
	background: url('../images/tableMedTop.png') top no-repeat;
	margin: 20px 0;
	padding: 10px;
	position: relative;
	width: 283px;
}
#financialHighlights.block .title{ margin-bottom: 10px; }
#financialHighlights.block table thead{ color: #CF8222; }
#financialHighlights.block table thead td:first-child{ padding-left: 0; }
#financialHighlights.block table td{ padding: 5px; }
#financialHighlights.block table tfoot td{ padding: 0; }
#financialHighlights.block table tr td:last-child{ padding-left: 20px; }
#financialHighlights.block table tbody tr td:first-child{
	padding-left: 0;
	width: 150px;
}
#financialHighlights.block table tfoot{
	background: url('../images/tableMedBottom.png') bottom no-repeat;
	position: absolute;
	left: 0;
	right: 0;
}

/*Graph Block*/
.graph.block .meta, .graph.block .title, .graph.block .source{ margin-left: 10px; }
.graph.block .meta{ margin-bottom: 15px; }
.graph.block .graphContainer, .graph.block .meta{ position: relative; }
.graph.block .graphImage{ margin: 0 0 15px -54px; }
.graph.block .graphOverlay{
	background: #fff;
	height: 81%;
	position: absolute;
	width: 100%;
	
	top: 30px;
	left: 0;
	right: 0;
}

/*---------------------------------------------------------------------------------*/
/*  7. Lightbox
/*---------------------------------------------------------------------------------*/
#lightbox{
	background: url('../images/lightboxBackground.png') repeat;
	display: none;
	height: 100%;
	overflow-x: hidden;
	position: fixed;
	width: 100%;
	z-index: 99999;
	
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#lightboxContent{
	background: url('../images/lightboxContentBackground.png') no-repeat;
	height: 498px;
	margin: 137px auto 20px auto;
	padding: 10px;
	width: 865px;
}
#lightbox .close{
	margin: -30px 20px 0 0;
	float: right;
}


/*---------------------------------------------------------------------------------*/
/*  ... Misc
/*---------------------------------------------------------------------------------*/
/*Bullet list*/
ul.bulletList{
	list-style-image: url('../images/listImage.png');
	margin-left: 16px;
}

/*Download annual letter link*/
.downloadAnnualLetter{
	display: block;
	margin-bottom: 20px;
	overflow-x: hidden;
}
.downloadAnnualLetter span{ 
	display: inline-block;
	margin-top: 25px;
	width: 130px;
	margin-left: 0px;
}
.downloadAnnualLetter img{ 
	float: left; 
	margin-left: -10px;
}

.downloadAnnualLetter.lts span, .downloadAnnualLetter.lts img{ margin-left: 0 !important; }
.downloadAnnualLetter.lts span{ 
	margin-top: 25px; 
	padding-left: 7px;
}

.downloadAnnualLetter.app span, .downloadAnnualLetter.app img{ margin-left: 0 !important; }
.downloadAnnualLetter.app span{ 
	margin-top: 10px; 
	padding-left: 7px;
}


/*Superscript*/
sup{
	font-size: .83em;
	line-height: 0.5em;
	vertical-align: baseline;
	position: relative;
	top: -0.4em;
}


/*Text image*/
img.text{ 
	display: block; 
	min-height: 15px;
}

/*Vertical Gradient*/
.vertical.gradient{
	height: 100%;
	position: absolute;
	width: 1px;
	
	bottom: 0;
	right: -25px;
	top: 0;
	
	background: #ffffff; /* Old browsers*/
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2I4YjhiOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #b8b8b8 50%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#b8b8b8), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#b8b8b8 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#b8b8b8 50%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#b8b8b8 50%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#b8b8b8 50%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}

/*---------------------------------------------------------------------------------*/
/*  .. Browser fixes
/*---------------------------------------------------------------------------------*/
/*IE*/
.ie.9 .gradient{ filter: none; } /* IE9 SVG, needs conditional override of 'filter' to 'none' */
.ie body{
	height: auto !important;
}