@charset "utf-8";
/* CSS Document */

/* ---- 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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, textarea, select, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    background:none repeat scroll 0 0 transparent; font-size:100%; margin:0; outline:0 none; padding:0; vertical-align:baseline; 
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; }
table                                           { border-spacing:0; }
body                                { font-size: 62.5%; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/******************** Typography ***********************/
body                                { font-family: Raleway, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color: #404040; font-size: 1em; }
h1, h2, h3, h4, h5, h6              { color: #00708d; margin: 0 0 0.4em 0; font-family: Raleway; }
h1                                  { font-size: 2em; }
h2                                  { font-size: 1.75em; }
h3                                  { font-size: 1.4em; }
h4                                  { font-size: 1.3em; }
h5                                  { font-size: 1.1em; }
h6                                  { font-size: 1.1em; }
ol, ul                              { list-style:none outside none; }
textarea                            { font-family:inherit; overflow:auto; resize:none; vertical-align:top; min-height:80px; }
a                                   { color:#f78b1f; text-decoration:underline; }
a:hover                             { color:#888; text-decoration:none; }
a:focus                             { outline:0 none; text-decoration:none; }
a img                               { border:none; }
img                                 { display:inline-block; border:none; }
hr                                  { background: #ccc; color: #ccc; clear: both; float: none; width: 100%; height: .05em; margin: 0.5em 0; border: none; }
p                                   { margin:1em 0; line-height:1.7em; }

.footnote { font-size: 11px; font-style: italic; }
.highlight { color: #913335; background: #ffc; font-family:"Source Code Pro", "Courier New", Courier, monospace; }
p, blockquote { margin: 0 0 1.5em 0; line-height: 1.7em; }
blockquote { font-style: italic; margin-left: 1.5em; margin-right: 5em; font-family: Raleway, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif; color: #666; }

/******************** general ***********************/
/* skip Nav */
.skipNav                                         { float:left; font-size:0.8em; padding-top:5px; }
.skipNav a, .skipNav a:hover, .skipNav a:visited { color:#888; height:1px; left:-10000px; overflow:hidden; position:absolute; width:1px; }
.skipNav a:focus, .skipNav a:active              { height:auto; left:0; position:static; width:auto; }

.asterisk                           { padding-left:5px; color:red; font-size:1.25em; }
.notVisible, .hide                  { display:none; }
.padded                             { padding:10px 20px; }
a.moreLink                          { padding-right: 15px; background: url("/Style Library/MSF/images/arrowRight_orange.png") no-repeat right center; color:#f78b1f; font-weight:500; }
hr.space                            { background: #fff; color: #fff; }
hr.shadow                           { background: #fff;	color: #fff; height: 12px; border: 0; box-shadow: inset 0 12px 12px -12px rgba(64, 64, 64, 0.5); }

.box                                { border:solid 1px #2089a7; padding:10px; }
.headerRow                          { width:100%; }
.whiteBox                           { background-color:#fff; margin-bottom:15px; }
.whiteBoxContent                    { padding:20px 37px; margin:-10px 0 0; }
.slant                              { position: relative; display: inline-block; padding: 1em 5em 1em 1em; overflow: hidden; color: #fff; z-index:10; }
.slant h2                           { color:#fff; margin:0; }
.slant:after                        { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #01627e; -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0; -webkit-transform: skew(-45deg); -ms-transform: skew(-45deg); transform: skew(-45deg); z-index: -1; }
.slant a.moreLink                   { color:#fff; }
.content                            { line-height:1.7em; padding-top:20px; }
.content ul li, .listing ul li      { list-style-type:disc; }
.content ol li, .listing ol li      { list-style-type:decimal; padding-left:10px; } 
.content ul, .content ol, .listing ul, .listing ol    
                                    { margin: 1.0em 0 0 1.5em; }
.content ul li, .content ol li, .listing ul li, .listing ol li
                                    { margin: 0 0 1.0em 0; }
.listing ul li ul                   { margin: 1em 1.2em 3em 1.2em; }
.content a                          { color:#f78b1f; }
.content a:hover                    { color:#888; }
.show-hide-block                    { overflow-wrap:break-word; }

ul.linkList li	                    { padding:9px 0 8px 20px; background: url("/Style Library/MSF/images/arrowRight_orange.png") no-repeat left center; }
.whiteBoxContent .linkList li a     { color:#404040; }
.viewAll                            { padding:20px 36px 0 0; }
.viewAll a                          { font-weight:500; }

.backtotop                          { display: block; text-align: right; margin: 2em 1em 2em 0; padding: 8px 25px 5px 15px; background: transparent url("/Style Library/MSF/images/backtotop.gif") no-repeat center right; font-weight: bold; }

/******************** sub page ***********************/
ul.sideNav              { margin: 46px 0 0 10px; padding: 0 0 0 0; border-top: 1px solid #ccc; }
ul.sideNav li           { list-style-type: none; margin: 0 0 0 0; padding: 18px 20px 18px 0; display: block; border-bottom: 1px solid #ccc; background: url("/Style Library/MSF/images/arrowRight_orange.png") no-repeat right center; }
ul.sideNav li a         { color: #4c5252; font-size: 1.125em; }
.preFooterNav ul li a   { color: #4c5252; }
ul.sideNav li.active    { color: #aaa; background: url("/Style Library/MSF/images/arrowRight_grey.png") no-repeat right center; }
ul.sideNav li.active a  { color: #aaa; }
.parentLink             { color: #fff; background-color:#aaa; display: block; padding:10px; }
.parentLink a           { color: #fff; }

ul.imageList li             { list-style:none; }
ul.imageList li .itemRow, .itemRow    { width:100%; }
ul.imageList li .thumbnail img  { float:left; width:100px; }
ul.imageList li .info       { float:left; width:75%; padding:10px; }
.childListSynopsis          { padding:10px 0 20px; }

.preFooterNav               { width:100%; margin-bottom:20px; }
.preFooterNav h4            { color:#f78b1f; text-transform:uppercase; font-size:0.875em; margin-bottom:30px; }
.preFooterNav div           { float:left; width:23%; padding:0 10px; }
.preFooterNav ul li         { list-style-type: none; margin: 0 0 0 0; border-bottom: 1px solid #ccc; font-size:0.75em; padding:8px 0; }

.datatable 						{ margin: 0 0 1.5em 0; border-left: 1px solid #eee; border-top: 1px solid #ddd; }
.datatable td, .datatable th 	{ padding: 2% 15px; border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; background: #f5f5f5; color:#01627e; }
.datatable th 					{ font-weight: bold; background: #01627e; color: #fff; }
.datatable td.vertical 			{ font-weight: bold; background: #fff; color: #666; }
.datatable th.table_caption 	{ background: #fff; color: #3c3f3f; text-transform: uppercase; padding: 0.5em 1em; }
.datatable th.pre 				{ background: #e7790c; }
.datatable th.current 			{ background: #f78b1f; }
.datatable td.pre 				{ background: #e8e8e8; }

ul.orangearrow                  { margin:20px; }
ul.orangearrow li               { list-style-type: none; margin:0; padding: 0 0 0 20px; background: url("/Style Library/MSF/images/arrowRight_orange.png") no-repeat left center; margin:10px 0; }
.darktext a                     { color:#404040 !important; }