@charset "UTF-8";
/* 	support.code42 : MindTouch customization  	Root SASS file for MindTouch restyle.   	authors 	tom.rogers@code42.com (2013-09) */
/* config & mixins */
/* 	support.code42 : MindTouch customization  	Sitewide configuration and mixin definitions   	authors 	tom.rogers@code42.com (2013-09) 	elias@code42.com (2014-01) */
/* === Audible === */
/* styling for elements that must have text content for WCAG, but which should not be visible */
/* === END Audible === */
/* base styles */
/* 	support.code42 : MindTouch customization  	Legacy code; everything here should find a new home   	authors 	tom.rogers@code42.com (2013-09) */
/* === BEGIN web fonts definitions === */
@font-face { font-family: 'TabacSlab'; src: url("//support.code42.com/@api/deki/files/1884/Tabac_Slab_Regular.eot"); src: url("//support.code42.com/@api/deki/files/1884/Tabac_Slab_Regular.eot?#iefix") format("embedded-opentype"), url("//support.code42.com/@api/deki/files/1884/Tabac_Slab_Regular.woff") format("woff"), local("☺"); font-weight: bold; font-style: normal; }
/* === END web fonts definitions === */
/* === BEGIN code from James === */
.dropdown .contentid { display: inline; }

/* Displays conditional text in blue background */
.mt-style-conditional { background-color: #b4ebff; }

/* === BEGIN code from James === */
/* Disable New Article buttons */
.new-kb { display: none !important; }

.mt-idf-guide-overview .action { display: none !important; }

/**/
/* Tips from support */
.support-tips { background-color: #BCF5A9; }

/* Alert Box */
.alert-box { background-color: #F5A9A9; }

/* FAQ Title (in-article FAQs) */
.faq-title { font-size: 110%; font-weight: bold; }

/* === BEGIN overriding Mindtouch native styling === */
#topic a.external { background: none; padding-right: 0; }

/* === END overriding Mindtouch native styling === */
/* === BEGIN wrapper customization === */
body { background: #fff; font-family: 'proxima-nova'; font-size: 14px; font-weight: 300; line-height: 1.5; color: #434951; }

/* -- Headings -- */
h1, h2, h3, h4, h5, h6 { font-family: 'proxima-nova'; font-weight: 500; letter-spacing: 0; }

h1 { font-size: 28px; font-weight: 300; text-transform: uppercase; color: #fe5000; }

h2 { font-size: 24px; margin: 31px 0 12px; }

h3 { font-size: 20px; }

h4 { font-size: 16px; }

h5 { font-size: 14px; }

h6 { font-size: 14px; color: #696e74; font-weight: bold; }

/**/
/* -- Basic content -- */
a { color: #2f89cc; text-decoration: underline; }

a:hover, a:focus { color: #fe5000; }

/* shut off native HTTPS treatment */
#topic a.link-https { background-image: none; padding-right: 0; }

/**/
strong { font-weight: 600; }

em { font-weight: 300; }
em strong { font-weight: 600; }

p { font-size: 14px; font-weight: 300; line-height: 22px; margin: 0 0 23px; }

ul, ol { margin-bottom: 23px; }

li { margin-bottom: 1px; }
li:before { font-weight: 600; }

table { border-color: #e0e3e4; /* Make font heavier for paragraphs within tables - RS */ }
table p { margin-bottom: 0; font-weight: normal; }

/**/
/* hide built-in logo */
.mt-logo { display: none; }

#page-top { border: 0; }

.audible { /* hide contents of element, but not element itself */ position: absolute !important; height: 1px; width: 1px; overflow: hidden; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }

.audible-content { /* hide element and contents */ border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* -- basic page layout : remove unneeded sections, restyle high-level containers -- */
/* pages should be 1024 wide, centered regardless of display size */
/* note that there's a lot of border-removal; stock MT puts borders on everything */
.mt-wrapper { width: auto; z-index: 1000; }

.mt-content { float: none; width: auto; margin: 0 auto; border: none; }

.mt-content-container { width: 1024px; position: relative; margin: 0 auto; padding: 0 25px; border: none; }

#pageText { padding: 0; }

/**/
/* fix mt-user-nav */
.mt-user-nav { float: none; width: auto; height: 25px; overflow: visible; position: relative; }
.mt-user-nav .mt-login-links { float: none; }

/**/
/* fix quick login form */
.mt-user-nav form { float: none; position: absolute; top: 20px; right: 0; z-index: 1000; }

/**/
/* -- END basic page layout -- */
/* apply same width+centering to page titles generally */
h1.first { width: 1024px; margin: 84px auto 30px; }

/**/
/* turn off "widget" (comments & attachments) for regular users */
.widget { display: none; }

/* === END wrapper customization === */
/* === BEGIN custom header === */
#c42-header { display: block; width: auto; height: 64px; z-index: 1; position: relative; padding: 1px 0 0; color: #ffffff; }
#c42-header a { color: #ffffff; }

/* masthead logo */
#c42-header #c42-logo { display: block; width: 140px; height: 32px; position: absolute; left: 25px; top: 4px; }

/* hide stuff in header that's only for the homepage */
#c42-home-head { display: none; }

#c42-home-extra { display: none; }

/* === END custom header === */
/* === BEGIN custom footer === */
/* modify built-in footer */
.mt-foot { position: relative; width: 1024px; height: 0; overflow: visible; margin: 70px auto 0; padding: 0; /* shut off default copyright display */ /**/ /* position built-in poweredBy item so it appears in our custom footer */ /**/ }
.mt-foot .mt-site-info { display: none; }
.mt-foot .poweredBy { position: absolute; right: 0; top: 17px; font-family: 'proxima-nova'; font-size: 12px; }
.mt-foot .poweredBy a { color: #859297; text-decoration: none; }

#c42-footer { width: 1024px; margin: 70px auto 0; padding: 16px 0 100px 0; border-top: 1px solid #dfe3e4; font-size: 12px; color: #859297; }
#c42-footer .c42-social { display: block; margin: 0; padding: 0; list-style: none; font-family: FontAwesome; font-size: 16px; }
#c42-footer .c42-social li { display: inline-block; margin: 0; padding: 0; }
#c42-footer .c42-social a { display: block; clear: none; margin: 0 2px; padding: 4px 8px; color: #859297; text-decoration: none; }
#c42-footer .c42-social a:hover, #c42-footer .c42-social a:focus { color: #435060; }

/* === END custom footer === */
/* === BEGIN Logotypes === */
.c42-logotype { display: block; height: 37px; /* hide interior text */ font-size: 0; line-height: 0; overflow: hidden; text-indent: -9999px; /**/ background-color: transparent; background-repeat: no-repeat; background-position: center center; }
.c42-logotype.crashplan { width: 385px; background-image: url(/@api/deki/files/444/crashplan_logotype.png); }
.c42-logotype.shareplan { width: 381px; background-image: url(/@api/deki/files/445/shareplan_logotype.png); }
.c42-logotype.administrators { width: 566px; background-image: url(/@api/deki/files/443/administrators_logotype.png); }

/* === END Logotypes === */
/* === BEGIN LiveChat wrapping === */
#livechat-full { width: 438px !important; height: 620px !important; }

#livechat-compact-container { width: 100% !important; }
#livechat-compact-container iframe { position: absolute !important; right: 0 !important; left: auto !important; width: 275px !important; height: 100% !important; }

#livechat-compact-view #content { background: red !important; }

/* === END LiveChat wrapping === */
/* Reduce margin at the end of an ordered list when using an ol from the content library and a first step outside the content library (WEB-2334) */
.content-library + p + ol { margin-top: -23px; }

/* For lists that need titles but not header elements (WEB-2391) */
.list-title { font-size: 110%; font-weight: bold; }

/* CREATE-2729: Fix large gaps between paragraphs and lists. */
#pageText p + ul, #pageText p + ol { margin-top: -16px; }
#pageText table p + ul, #pageText table p + ol { margin-top: .25em; }

/* not sure how to describe this set */
/* 	support.code42 : MindTouch customization  	Implements styling for our custom mt-site-nav overlay 	Includes: home button, "Contact Us", tickets, chat, phone   	authors 	tom.rogers@code42.com (2013-09) */
/* -- BEGIN Sitenav extra -- */
/* layout & general styling for entire sitenav-extra set */
#c42-sitenav-extra { display: block; clear: both; width: 1024px; margin: 0 auto; padding: 0 25px; color: #fff; text-align: right; /* position all items on right end of bar */ }

.c42-sitenav-item { display: inline-block; height: 47px; position: relative; top: 64px; margin: 0; padding: 0; font-size: 0; text-align: center; line-height: 47px; vertical-align: top; /* allow some items to sit on the left side of the nav bar */ /**/ }
.c42-sitenav-item.c42-left { float: left; }
.c42-sitenav-item a { display: block; padding: 0 13px; /* for text-based nav items */ font-family: 'proxima-nova'; font-size: 14px; color: #fff; text-decoration: none; /**/ /* for icon-font nav items */ /**/ /* for image-based nav items */ /**/ }
.c42-sitenav-item a span { font-family: FontAwesome; font-size: 27px; }
.c42-sitenav-item a img { display: inline-block; font-size: 0; line-height: 47px; }
.c42-sitenav-item a:hover, .c42-sitenav-item a:focus { color: #fff; background-color: #3a3f49; }

/* -- END Sitenav extra -- */
/* page layouts (one page type per sheet) */
/* 	support.code42 : Mindtouch customization  	Implements customized page-level layout for site homepage   	authors 	tom.rogers@code42.com (2013-09) 	elias@code42.com (2014-01) */
.page-home { /* make page full-width and bump down to account for search bar */ /**/ /* eliminate tray & widget */ /**/ /* Hide default title */ /**/ /* === BEGIN hiding and revealing global items for homepage hone === */ /* -- BEGIN custom header items -- */ /* native */ /* hide regular sitenav extra */ /* -- END custom header items -- */ /* -- BEGIN other items -- */ /* disable native breadcrumbs */ /* -- END other items -- */ /* -- BEGIN special top links -- */ /* -- END special top links -- */ /* -- BEGIN Search form -- */ /* head stripe */ /**/ /* -- END Search form -- */ /* === END hiding and revealing global items for homepage hone === */ /* === BEGIN page layout === */ /* push entire page contents down, because of fancy strip */ /**/ /* === END page layout === */ }
.page-home #page-top { padding-top: 310px; width: auto; }
.page-home #tray, .page-home .widget, .page-home .widget *, .page-home .mt-pagination { display: none; }
.page-home #title { display: none; }
.page-home .mt-site-nav { display: none; }
.page-home #c42-sitenav-extra { display: none; }
.page-home .dw-hierarchy { display: none; }
.page-home #c42-home-extra { display: block; clear: both; height: 0; overflow: visible; position: relative; margin: 0 auto; padding: 0; list-style: none; font-family: 'proxima-nova'; font-size: 16px; font-weight: 300; text-align: right; text-transform: uppercase; }
.page-home #c42-home-extra li { display: inline-block; position: relative; top: 6px; margin: 0 10px 0 8px; padding: 0; }
.page-home #c42-home-extra a { display: block; margin: 0; padding: 3px 16px 1px; color: #434951; text-decoration: none; letter-spacing: 2px; }
.page-home #c42-home-extra a:hover, .page-home #c42-home-extra a:focus { color: #fe5000; }
.page-home #c42-home-extra strong a { border-radius: 3px; font-weight: 300; color: #fff; background: #fe5000; letter-spacing: 0; }
.page-home #c42-home-extra strong a:hover, .page-home #c42-home-extra strong a:focus { color: #fff; background: #af0202; }
.page-home #c42-home-head { display: block; height: 310px; overflow: visible; min-width: 1024px; margin: 64px 0 0; background: #101f31 url("/@api/deki/files/7009/support-site-banner-background.jpg") no-repeat center 0; /* BEGIN suggest-as-you-type stuff */ /* END suggest-as-you-type */ }
.page-home #c42-home-head h1 { margin: 0 auto 13px; padding-top: 42px; font-family: 'TabacSlab'; font-size: 90px; color: #fff; text-align: center; text-transform: none; }
.page-home #c42-home-head form { display: block; width: 696px; height: 56px; position: relative; margin: 0 auto; padding: 0; }
.page-home #c42-home-head form #search-product { display: block; width: 643px; height: 20px; position: absolute; top: 0; left: 0; margin: 0; padding: 20px 24px 16px; border: none; border-radius: 3px; font-family: 'proxima-nova'; font-size: 16px; color: #6c747c; text-transform: none; letter-spacing: 2px; }
.page-home #c42-home-head form #search-product:focus { box-shadow: none; }
.page-home #c42-home-head form #search-product-button { display: block; width: 80px; height: 56px; float: none; position: absolute; top: 0; right: 0; margin: 0; padding: 0; background: transparent; }
.page-home #c42-home-head form .topic-search-button-back { display: block; width: 80px; height: 56px; position: absolute; top: 0; right: 0; margin: 0; padding: 0; border: 0; border-radius: 3px; font-family: FontAwesome; font-size: 33px; font-weight: 300; color: #fff; text-align: center; line-height: 56px; background: #fe5000; }
.page-home #c42-home-head .fieldsuggest { display: none; width: 696px; margin: 0 auto; padding: 24px 0 0; background: transparent url(/@api/deki/files/654/home-search-fieldsuggest-arrow.png) 30px 6px no-repeat; }
.page-home #c42-home-head .fieldsuggest.fs-state-results { display: block; }
.page-home #c42-home-head .fieldsuggest h2 { display: block; clear: both; margin: 0 0 10px; font-size: 16px; font-weight: 600; color: #6c747c; text-align: left; }
.page-home #c42-home-head .fieldsuggest-results-list { clear: both; display: block; list-style: none; margin: 0; padding: 7px 0 1px; }
.page-home #c42-home-head .fieldsuggest-results-list li { margin: 2px 0 18px; padding: 0; }
.page-home #c42-home-head .fieldsuggest-results-list a { text-decoration: none; }
.page-home #c42-home-head .fieldsuggest-results-list a:hover .fieldsuggest-result-title { color: #fe5000; }
.page-home #c42-home-head .fieldsuggest-results-list .fs-result-current { background: #dfe2e4; }
.page-home #c42-home-head .fieldsuggest-results-list p { margin: 0; }
.page-home #c42-home-head .fieldsuggest-results { background: #FFF; border: 1px solid #e0e3e4; border-radius: 3px; padding: 30px 31px; }
.page-home #c42-home-head .fieldsuggest-result-title { color: #434951; display: block; font-weight: bold; margin: 0 0 5px; }
.page-home #c42-home-head .fieldsuggest-result-preview { color: #434951; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.page-home #c42-home-head .fieldsuggest-result-path { color: #7d8187; }
.page-home #c42-home-head .fieldsuggest-more-link { color: #434951; font-weight: bold; text-decoration: none; }
.page-home #c42-home-head .fieldsuggest-more-link:hover { color: #fe5000; }
.page-home #pageText { padding: 21px 0 0; }
.page-home .c42-feature-trio a { color: #434951; }
.page-home .c42-feature-trio a:hover, .page-home .c42-feature-trio a:focus { color: #fe5000; }
.page-home h2 { margin: 32px auto 38px; font-size: 28px; font-weight: 300; color: #fe5000; text-transform: uppercase; letter-spacing: 3px; text-align: center; }
.page-home .c42-browse-help { width: 698px; list-style: none; margin: 0 auto; padding: 0; }
.page-home .c42-browse-help li { border-bottom: 1px solid #e0e3e4; }
.page-home .c42-browse-help a { display: block; padding: 8px 0 9px; color: #434951; text-decoration: none; }
.page-home .c42-browse-help a:hover, .page-home .c42-browse-help a:focus { color: #fe5000; }
.page-home .c42-feature-trio { margin-top: 56px; margin-bottom: 55px; }
.page-home h3 { margin: 77px auto 28px; font-size: 18px; color: #fe5000; text-align: center; letter-spacing: 2px; text-transform: uppercase; }
.page-home .c42-feature-trio.c42-small { margin-top: 45px; }

/* 	support.code42 : Mindtouch customization  	Implements customized page-level layout for product homepages   	authors 	tom.rogers@code42.com (2013-09) */
.topic-category { /* hide title, since we're using logotype images */ /**/ /* make page full-width */ /**/ /* replace top-level title with image of logotype */ /* -- style search form -- */ /* text box */ /* layout-specific positioning of sub-guides widget */ /* layout-specific positioning of knowledgbase widget */ /* hide "tray" (right-hand sidebar with social icons, publish date, search box, etc.) */ /* hide pagination controls */ /* hide attachments & comments area; has inline display:block, so work around that */ }
.topic-category #title { display: none; }
.topic-category #page-top { width: auto; }
.topic-category h1 { margin: 89px auto 50px; }
.topic-category h1.first { text-align: center; margin: 0; }
.topic-category form.topic-search { position: relative; display: block; width: 666px; height: 40px; margin: 52px auto 0; }
.topic-category form.topic-search #search-product { display: block; width: 566px; height: 40px; margin: 0; padding: 0 80px 0 20px; border: 1px solid #E0E3E4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-family: 'proxima-nova', sans-serif; font-size: 16px; letter-spacing: 3px; color: #6C747C; }
.topic-category form.topic-search #search-product:focus { box-shadow: none; }
.topic-category form.topic-search .topic-search-button-back, .topic-category form.topic-search #search-product-button { /* actual form submit button : invisible overlay on top of orange rect */ position: absolute; top: 0; right: -2px; margin: 0; padding: 0; display: block; width: 60px; height: 42px; }
.topic-category form.topic-search .topic-search-button-back { background-color: #fe5000; color: #fff; font-family: FontAwesome; font-size: 24px; text-align: center; line-height: 42px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.topic-category form.topic-search #search-product-button { background: transparent; }
.topic-category .sub-guides-container { float: left; clear: none; width: 310px; overflow: visible; }
.topic-category #mindtouch-kb { float: right; clear: none; width: auto; }
.topic-category #mindtouch-kb .add-kb-visitor { float: none; width: auto; padding: 10px 13px; }
.topic-category #tray { display: none; }
.topic-category ul.mt-pagination { display: none; }
.topic-category .widget { margin: 0; height: 0; min-height: 0; border: 0; }
.topic-category .widget * { display: none; }

/* 	support.code42 : Mindtouch customization 	 	Implements layout for how-to articles (body.howto) 	 	 	authors 	tom.rogers@code42.com (2013-09) */
#page-top { width: 696px; }

.mt-pagination { width: 696px; }

/* 	support.code42 : Mindtouch customization  	Implements layout for search-results page   	authors 	tom.rogers@code42.com (2013-09) */
.special-search { /* turn regular title back on */ /* Search Bread Crumb */ /* Need to use this id-selector to trump native rules (which all use it) */ }
.special-search h1#title { display: block; margin: 83px 0 15px; }
.special-search .mt-search-breadcrumb-container { background: transparent; border: none; display: block; margin: 0 0 20px; padding: 0; }
.special-search .mt-search-breadcrumb-container .mt-filter-breadcrumb-label, .special-search .mt-search-breadcrumb-container a.mt-filter-breadcrumb, .special-search .mt-search-breadcrumb-container ul.mt-search-breadcrumb { font-size: 12px; }
.special-search .mt-search-breadcrumb-container .mt-filter-breadcrumb-label { color: #434951; font-weight: normal; margin-right: 1em; }
.special-search .mt-search-breadcrumb-container a.mt-filter-breadcrumb, .special-search .mt-search-breadcrumb-container ul.mt-search-breadcrumb { color: #2f89cc; }
.special-search .mt-search-breadcrumb-container ul.mt-search-breadcrumb { margin: 0; }
.special-search .mt-search-breadcrumb-container a.mt-filter-breadcrumb:hover { color: #fe5000; }
.special-search #SpecialSearch { /* remove obnoxious clearing div from search results form */ /* -- BEGIN search form -- */ /* -- END search form -- */ /* -- BEGIN advanced search form -- */ /* -- END advanced search form -- */ /* -- BEGIN search results -- */ /* -- END search results -- */ }
.special-search #SpecialSearch .deki-search-form .clear { display: none; }
.special-search #SpecialSearch .deki-search-form { /* text box */ /**/ /* search button */ /* filter controls */ /**/ }
.special-search #SpecialSearch .deki-search-form .feedback { display: none; }
.special-search #SpecialSearch .deki-search-form form { display: block; margin: 0; padding: 0; position: relative; }
.special-search #SpecialSearch .deki-search-form #text-search { display: block; width: 580px; height: 21px; margin: 0; padding: 9px 21px 10px; border: 1px solid #e0e3e4; border-radius: 3px; }
.special-search #SpecialSearch .deki-search-form #mt-search-form-submit { display: block; width: 59px; height: 42px; position: absolute; top: 0; right: 0; margin: 0; padding: 0; border: none; border-radius: 3px; color: #fff; background: #fe5000; text-shadow: none; }
.special-search #SpecialSearch .deki-search-form .filters { display: block; clear: none; float: none; margin: 71px 0 0; padding: 0; border: 0; background: transparent; font-family: 'proxima-nova'; font-size: 14px; font-weight: 300; color: #434951; }
.special-search #SpecialSearch .deki-search-form .filters .sort { display: inline-block; margin: 0 28px 0 0; font-family: 'proxima-nova'; font-size: 14px; font-weight: 300; color: #434951; text-transform: uppercase; }
.special-search #SpecialSearch .deki-search-form .filters ul.sortby li { display: inline-block; margin: 0 43px 0 0; padding: 0; background: transparent; }
.special-search #SpecialSearch .deki-search-form .filters ul.sortby li.sort-asc a, .special-search #SpecialSearch .deki-search-form .filters ul.sortby li.sort-desc a { font-weight: 300; border-bottom: 3px solid #eb4431; }
.special-search #SpecialSearch .deki-search-form .filters a { color: #434951 !important; display: inline-block; font-weight: 300; margin: 0; padding: 9px 0 3px; text-decoration: none !important; text-transform: uppercase; }
.special-search #SpecialSearch .deki-advanced-search-form { background: #EEF0F1; padding: 20px 0 20px 20px; }
.special-search #SpecialSearch .deki-advanced-search-form form h3 { color: #434951; font-size: 14px; border-bottom: 0; margin: 20px 0 11px; padding-bottom: 0; text-transform: uppercase; }
.special-search #SpecialSearch .deki-advanced-search-form form h3:first-of-type { margin-top: 0; }
.special-search #SpecialSearch .deki-advanced-search-form form label { font-size: 12px; }
.special-search #SpecialSearch .deki-advanced-search-form form input[type="text"] { border: 1px solid #E0E3E4; border-radius: 3px; width: 147px; }
.special-search #SpecialSearch .deki-advanced-search-form form input[type="submit"] { border: none; box-shadow: 0 3px 0 0 #cc3500; background: #fe5000; color: #FFF; font-size: 12px; font-weight: normal; letter-spacing: 0.15em; line-height: 24px; margin-top: 20px; padding: 0 20px; text-shadow: none; text-transform: uppercase; }
.special-search #SpecialSearch .deki-advanced-search-form form select { width: 149px; position: relative; top: 2px; }
.special-search #SpecialSearch .deki-advanced-search-form .field { margin-bottom: 0; min-width: 0; width: 164px; }
.special-search #SpecialSearch .results-heading { position: relative; top: -84px; float: none; overflow: visible; margin: 0; padding: 0; }
.special-search #SpecialSearch .results-heading .right-links { display: none; }
.special-search #SpecialSearch .results { margin-top: 34px; padding: 0; }
.special-search #SpecialSearch .results .result { margin-bottom: 19px; }
.special-search #SpecialSearch .results .title { margin: 0; font-size: 18px; font-weight: 600; }
.special-search #SpecialSearch .results .title a { color: #434951; }
.special-search #SpecialSearch .results .title a:hover, .special-search #SpecialSearch .results .title a:focus { color: #fe5000; }
.special-search #SpecialSearch .results .meta { margin: 0 0 15px; font-size: 14px; color: #434951; }
.special-search #SpecialSearch .results .preview { line-height: 22px; color: #434951; }
.special-search #SpecialSearch .results .url { color: #7d8187; }

/* 	support.code42 : Mindtouch customization  	Implements basic layout changes to make reports readible (admins only)   	authors 	josh.jabas@code42.com (2014-02) */
.special-reports { /* make page full-width */ /**/ /* hide "tray" (right-hand sidebar with social icons, publish date, search box, etc.) */ }
.special-reports #page-top { width: auto; }
.special-reports #tray { display: none; }

/* 	support.code42 : Mindtouch customization  	Implements basic layout and style changes to the special user login page   	authors 	josh.jabas@code42.com (2014-03) */
.special-userlogin { /* make body slightly wider so captcha is not cut off */ /**/ /* hide "tray" (right-hand sidebar with social icons, publish date, search box, etc.) */ /**/ /* add some basic styling to the right side account description */ /**/ /* add some basic styling back to the forms on each tab */ }
.special-userlogin #page-top { width: 746px; }
.special-userlogin #tray { display: none; }
.special-userlogin .mt-login-skin-template { background: #fff; font-family: 'proxima-nova'; font-size: 14px; font-weight: 300; line-height: 1.5; color: #434951; }
.special-userlogin .user-login, .special-userlogin .user-registration, .special-userlogin .user-password-reminder { background: #fff; font-family: 'proxima-nova'; font-weight: 300; line-height: 1.5; color: #434951; }
.special-userlogin .user-login .field label, .special-userlogin .user-registration .field label, .special-userlogin .user-password-reminder .field label { width: 210px; }
.special-userlogin .user-login .input-text, .special-userlogin .user-login .input-password, .special-userlogin .user-registration .input-text, .special-userlogin .user-registration .input-password, .special-userlogin .user-password-reminder .input-text, .special-userlogin .user-password-reminder .input-password { padding: 3px 4px; font-family: 'proxima-nova'; }
.special-userlogin .user-login .input-text:focus, .special-userlogin .user-login .input-password:focus, .special-userlogin .user-registration .input-text:focus, .special-userlogin .user-registration .input-password:focus, .special-userlogin .user-password-reminder .input-text:focus, .special-userlogin .user-password-reminder .input-password:focus { box-shadow: none; }

/* restyling native MindTouch widgets */
/* 	support.code42 : Mindtouch customization  	Implements customization of stock Mindtouch widgets (e.g. "Sub Guides", "Knowledge Base")   	authors 	tom.rogers@code42.com (2013-09) */
/* 	support.code42 : Mindtouch customization  	Restyles the login links & form at the top of every page  	authors 	tom.rogers@code42.com (2013-09) */
.mt-header { overflow: visible; }

.mt-user-nav { position: relative; margin: 0; padding: 0; font-family: 'proxima-nova'; font-weight: 300; font-size: 12px; }
.mt-user-nav .mt-login-links { width: 100%; margin: 0; padding: 0; position: absolute; top: 0; right: 29px; z-index: 1000; }
.mt-user-nav .mt-login-links a { display: inline-block; padding: 10px 0 7px; color: #6c747c; }
.mt-user-nav .mt-login-links a:hover, .mt-user-nav .mt-login-links a:focus { outline: none; color: #434951; }
.mt-user-nav .mt-login-links .dropdown { margin: -9px 0 0 0; padding: 0 5px; right: 66px; }
.mt-user-nav .mt-login-links .dropdown li { border-right: none; }
.mt-user-nav .mt-login-links .dropdown a { display: block !important; }
.mt-user-nav #quick-login { position: absolute; top: 0; right: 0; z-index: 500; width: 406px; height: 90px; background: #eef0f1; border: 0 solid #e0e3e4; border-left-width: 1px; }
.mt-user-nav #quick-login .row { margin: 43px 0 0 30px; }
.mt-user-nav #quick-login .col { float: none; margin-right: 18px; }
.mt-user-nav #quick-login input, .mt-user-nav #quick-login input[type=text], .mt-user-nav #quick-login input[type=password] { width: 93px; padding: 3px 3px 4px; border: 1px solid #e0e3e4; font-family: 'proxima-nova'; font-size: 14px; color: #a5a8ac; }
.mt-user-nav #quick-login input:focus, .mt-user-nav #quick-login input[type=text]:focus, .mt-user-nav #quick-login input[type=password]:focus { box-shadow: none; }
.mt-user-nav #quick-login input.btn { width: 99px; height: auto; padding: 4px 3px 2px; border: 1px solid #fe5000; background: #fe5000; box-shadow: 0 3px 0 0 #cc3500; color: #fff; font-weight: 500; font-size: 13px; letter-spacing: 0.15em; text-transform: uppercase; text-shadow: none; }
.mt-user-nav #quick-login input.btn:focus { outline: 1px dotted #000; }

/* 	support.code42 : Mindtouch customization  	Restyles the horizontal "site nav" strip across the top of all pages 	Also, native breadcrumbs (.dw-hierarchy)  	authors 	tom.rogers@code42.com (2013-09) */
.mt-site-nav { width: auto; height: 47px; margin: 0; padding: 0; border-radius: 0; border: none; background: #435060; font-family: 'Proxima'; font-weight: normal; color: #fff; /* use UL as a 1024-wide, centered bar for positioning reference */ /* completely hide native home button, because we want to use icon font (see #c42-sitenav-extra) */ /**/ /* remove "divider" */ /* -- BEGIN restyle custom select -- */ /* -- END restyle custom select -- */ /* hide "single nav" items */ }
.mt-site-nav > ul { display: block; float: none; left: 54px; width: 1024px; height: 47px; margin: 0 auto; padding: 0 25px; position: relative; text-align: left; /* make all LIs line up horizontally, full bar height */ }
.mt-site-nav > ul > li { display: inline-block; float: none; height: 47px; max-width: 250px; }
.mt-site-nav .c42-wide-nav > li { max-width: 135px; }
.mt-site-nav .home { display: none; }
.mt-site-nav .divider { background: inherit; padding: 0; }
.mt-site-nav .quick-more { display: block; float: none; height: auto; max-width: none; margin: 0; padding: 0 13px; border: 0; border-radius: 0; background: none; box-shadow: none; font-family: 'proxima-nova'; font-size: 14px; font-weight: normal; color: #fff; line-height: 47px; /* -- BEGIN dropdown menu proper -- */ /* -- END dropdown menu proper -- */ }
.mt-site-nav .quick-more.product-menu { font-weight: 600; }
.mt-site-nav .quick-more .drop-link { max-width: none; color: #fff; background: transparent url(/@api/deki/files/459/quickmore-arrow.png) right 14px no-repeat; }
.mt-site-nav .quick-more:hover, .mt-site-nav .quick-more:focus { background: #3a3f49; color: #fff; }
.mt-site-nav .quick-more .dropdown { width: auto; max-width: none; margin: 0 0 0 -15px; padding: 2px 0 11px; border: 0; border-radius: 0; font-family: 'proxima-nova'; font-size: 14px; font-weight: normal; color: #434951; }
.mt-site-nav .quick-more .dropdown li { padding: 0; max-width: none; font-size: inherit; }
.mt-site-nav .quick-more .dropdown a { padding: 6px 18px 4px; font-size: inherit; line-height: 1.3; text-decoration: none; }
.mt-site-nav .quick-more .dropdown a:hover, .mt-site-nav .quick-more .dropdown a:focus { color: inherit; background: #eef0f1; }
.mt-site-nav .mt-single-nav { display: none; }

/* === BEGIN Auto-generated breadcrumbs === */
.dw-hierarchy { display: block; font-weight: normal; font-size: 12px; float: none; color: #696e74; overflow: hidden; position: relative; text-overflow: ellipsis; top: 11px; white-space: nowrap; width: 750px; }
.dw-hierarchy a { color: #696e74; text-decoration: none; }
.dw-hierarchy a:hover, .dw-hierarchy a:focus { color: #fe5000; }

/* === END Auto-generated breadcrumbs === */
/* 	support.code42 : Mindtouch customization 	 	Implements customization of stock Mindtouch "sub-guides" widget 	 	 	authors 	tom.rogers@code42.com (2013-09) */
.sub-guides-container { /* for dev */ /*background: transparent url(/@api/deki/files/426/subguides.gif) -18px -14px no-repeat;*/ /**/ /* re-arrange layout of title + admin ui so content height is natural */ /**/ /* "add sub guides" control */ /**/ }
.sub-guides-container .sub-guides-title { margin: 0 0 32px; font-family: 'proxima-nova'; font-size: 14px; line-height: 21px; font-weight: 300; text-transform: uppercase; }
.sub-guides-container .sub-guides { float: none; margin: 20px 0; width: auto; padding-top: 4px; }
.sub-guides-container dd { margin-left: 52px; }
.sub-guides-container .title { width: auto; font-family: 'proxima-nova'; font-weight: normal; font-size: 14px; }
.sub-guides-container .title a { text-decoration: none; }
.sub-guides-container .title a:hover, .sub-guides-container .title a:focus { color: #fe5000; }
.sub-guides-container .sub-guides .title a { float: none; }
.sub-guides-container .sub-guides .title .guide-picker { float: right; position: relative; top: -24px; }
.sub-guides-container .sub-guides .sub-guides-recommended-links { display: none; }
.sub-guides-container .add-sub-guides { float: none; width: auto; }
.sub-guides-container .add-sub-guides a { margin-top: 0; }

/* custom icons for guides */
.sub-guides-container .sub-guides dt, .mt-guide-icon-picker .mt-icon-picker-icon { background: transparent url(/@api/deki/files/423/sub-guides-icons-sprite.png) no-repeat; }

.sub-guides dt.admin-guide, .mt-guide-icon-picker .admin-guide { background-position: -18px -12px; }

/* wrench */
.sub-guides dt.user-guide, .mt-guide-icon-picker .user-guide { background-position: -198px -12px; }

/* person + ! */
.sub-guides dt.started-guide, .mt-guide-icon-picker .started-guide { background-position: -138px -12px; }

/* chalkboard */
.sub-guides dt.knowledge-base, .mt-guide-icon-picker .knowledge-base { background-position: -78px -12px; }

/* books */
/**/
/* 	support.code42 : Mindtouch customization  	Implements customization of stock Mindtouch "control nav" widget 	mt-control-nav appears in knowledge-base widgets, and "idf" widgets   	authors 	tom.rogers@code42.com (2013-09) */
body .mt-control-nav { height: auto; margin: 0; padding: 0; border: none; background: none; font-family: 'proxima-nova'; font-size: 14px; font-weight: 400; text-transform: uppercase; }
body .mt-control-nav li { float: none; height: auto; margin: 0 49px 0 0; padding: 0; border: none; background: none; }
body .mt-control-nav li.active { box-shadow: none; border-radius: 0; border: 0; border-bottom: 3px solid #fe5000; background: none; }
body .mt-control-nav li a:link { padding: 0 1px 5px; font-weight: 300; color: #434951; }
body .mt-control-nav li a:hover, body .mt-control-nav li a:focus { color: #fe5000; }
body .mt-control-nav li .arrow, body .mt-control-nav li.active .arrow { display: none; }
body .mt-control-nav .count { display: none; }

/* 	support.code42 : Mindtouch customization 	 	Implements customization of stock Mindtouch "knowledge base" widget 	 	 	authors 	tom.rogers@code42.com (2013-09) */
#mindtouch-kb { margin: 0; font-family: 'proxima-nova'; font-size: 14px; /* remove parenthesized datapoint info */ /* adjust column formatting */ }
#mindtouch-kb .mindtouch-content { clear: none; width: 668px; padding: 0; border: none; }
#mindtouch-kb h3 { margin: 0; padding: 9px 0 8px; border-bottom: 1px solid #e0e3e4; font-family: 'proxima-nova'; font-size: 14px; font-weight: 600; color: #434951; line-height: 1.5; }
#mindtouch-kb h3 .count { display: none; }
#mindtouch-kb .left, #mindtouch-kb .right { width: 310px; margin: 24px 0 28px; }
#mindtouch-kb .left ul, #mindtouch-kb .right ul { margin: 0; padding: 0; }
#mindtouch-kb .left li, #mindtouch-kb .right li { margin: 0; border-bottom: 1px solid #e0e3e4; }
#mindtouch-kb .left a, #mindtouch-kb .left li.showAll, #mindtouch-kb .left li.hideAll, #mindtouch-kb .right a, #mindtouch-kb .right li.showAll, #mindtouch-kb .right li.hideAll { display: block; padding: 14px 0 11px; color: #434951; font-weight: 300; }
#mindtouch-kb .left a:link, #mindtouch-kb .right a:link { text-decoration: none; }
#mindtouch-kb .left a:hover, #mindtouch-kb .left a:focus, #mindtouch-kb .right a:hover, #mindtouch-kb .right a:focus { color: #fe5000; }
#mindtouch-kb .left { margin-right: 44px; }
#mindtouch-kb .half { float: left; margin-left: 0; margin-right: 6%; width: 44%; }
#mindtouch-kb a { white-space: normal; }

/* special treatment for KBs after H2s */
h2 + #mindtouch-kb { margin-top: 20px; }

/* 	support.code42 : Mindtouch customization  	Implements custom layout & formatting for "mindtouch collections"   	authors 	tom.rogers@code42.com (2013-09) 	elias@code42.com (2014-01) */
.mindtouch-collection { clear: none; margin: 0; border: none; font-family: 'proxima-nova'; font-size: 14px; }

.idf .mt-control-block-content:before { display: none; }
.idf .admin-action { display: none; }
.idf .user-guide-contents { margin: 0 20px 0 0; }
.idf .mt-guide-column { margin-top: 0; /* Override negative top margin to prevent text being cut off (WEB-2228) */ }

/* 	support.code42 : Mindtouch customization  	Implements customization of stock Mindtouch table-of-contents   	authors 	tom.rogers@code42.com (2013-09) */
#pageToc { clear: right; width: 197px; margin: 2px 0 40px 60px; padding: 10px 18px 15px; border-color: #e0e5e7; border-radius: 3px; color: #434951; }
#pageToc h5 { margin: 4px 0 5px; font-family: inherit; font-size: inherit; font-weight: 600; color: inherit; text-transform: uppercase; }
#pageToc a { color: #434951; text-decoration: none; }
#pageToc a:hover, #pageToc a:focus { color: #fe5000; }
#pageToc li span { font-weight: 600; }

#pageToc li { cursor: pointer; padding-left: 10px; position: relative; }
#pageToc li:before { background-color: #434951; content: ""; left: 2px; height: 4px; position: absolute; top: 8px; width: 4px; }
#pageToc li.toggle:before, #pageToc li.expanded:before { background-color: transparent; height: 0; width: 0; }
#pageToc li.toggle:before { border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #434951; left: 2px; top: 6px; }
#pageToc li.expanded:before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #434951; left: 0; top: 8px; }
#pageToc li > span { display: none; }
#pageToc li ol { padding-left: .5em !important; }

/* 	support.code42 : Mindtouch customization  	Implements customization of stock Mindtouch tray (div#tray)   	authors 	tom.rogers@code42.com (2013-09) */
#tray { position: absolute; right: 25px; width: 190px; overflow: visible; margin: 0; padding: 18px 22px; border-radius: 2px; background: #eef0f1; font-family: 'proxima-nova'; font-size: 14px; font-weight: 300; text-transform: uppercase; /* Last Modified */ /**/ /* Page Rating */ /* hide native section title for this one */ /**/ /**/ /* Related Articles */ /**/ /* -- BEGIN search form -- */ /* -- END search form -- */ }
#tray h2, #tray .updated-label, #tray #deki-page-rating-score { font-family: 'proxima-nova'; font-size: 14px; font-weight: 600; color: #434951; }
#tray .trayframe { width: auto; margin: 0; padding: 0; border: 0; }
#tray .traybody { width: auto !important; min-height: none; max-height: none; overflow: visible; border: 0; border-radius: 0; background: transparent; box-shadow: none; }
#tray .traybody h4 { font-family: 'proxima-nova'; font-weight: 600; }
#tray .mt-tray-header { width: auto !important; height: auto; border: 0; padding: 0; background: transparent; box-shadow: none; }
#tray .section { margin: 0 0 31px; padding: 0; border: none; }
#tray .section h2 { margin: 0 0 10px; }
#tray #page-version-tags { margin: 0 0 25px; border: none; overflow: visible; }
#tray #page-version-tags .modified a { text-decoration: none; text-transform: none; }
#tray #feedback h2 { display: none; }
#tray #deki-page-rating-bar .deki-page-rating-buttons a { border: none; background: transparent; font-family: FontAwesome; font-size: 20px; font-weight: 300; text-transform: none; }
#tray #deki-page-rating-bar .description { padding: 0; background: none; font-family: 'proxima-nova'; font-size: 14px; color: inherit; }
#tray #deki-page-rating-bar .deki-page-rating-up:before, #tray #deki-page-rating-bar .deki-page-rating-down:before { display: inline-block; margin-right: 9px; }
#tray #deki-page-rating-bar .deki-page-rating-down { margin-left: 0; }
#tray #deki-page-rating-bar .deki-page-rating-up:before { content: '\f00c'; color: #7ab700; }
#tray #deki-page-rating-bar .deki-page-rating-down:before { content: '\f00d'; color: #d10000; }
#tray .mt-related-pages { text-transform: none; }
#tray .mt-site-search { float: none; }
#tray .mt-site-search form { position: relative; }
#tray .mt-site-search form .search-field { width: 149px; height: 23px; padding: 1px 5px 0 32px; border-color: #dfe3e4; font-family: 'proxima-nova'; font-size: 12px; font-weight: 300; line-height: 1; text-transform: none; }
#tray .mt-site-search form .search-field:focus { border-color: #dfe3e4; box-shadow: none; }
#tray .mt-site-search form .search-button { display: block; float: none; width: 30px; height: 24px; position: absolute; left: 1px; top: 2px; margin: 0; background: transparent url(/@api/deki/files/488/tray-search-sprite.png) center 4px no-repeat; }
#tray .mt-site-search form .search-button:hover, #tray .mt-site-search form .search-button:focus { background-position: center -28px; }

/* 	support.code42 : MindTouch customization 	 	Legacy code; everything here should find a new home 	 	 	authors 	tom.rogers@code42.com (2013-09) */
.mt-pagination { display: block; margin: 40px 0 20px; padding: 17px 0 0; }
.mt-pagination li { display: inline-block; margin: 0; }
.mt-pagination a { display: block; clear: none; text-decoration: none; }
.mt-pagination .prev, .mt-pagination .next { margin: 0; }
.mt-pagination .prev { padding: 0px 13px 3px 23px; background: transparent url(/@api/deki/files/500/pagination-sprite.png) -11px -15px no-repeat; }
.mt-pagination .prev:hover, .mt-pagination .prev:focus { background-position: -11px -65px; }
.mt-pagination .next { padding: 0px 23px 3px 17px; background: transparent url(/@api/deki/files/500/pagination-sprite.png) 39px -115px no-repeat; }
.mt-pagination .next:hover, .mt-pagination .next:focus { background-position: 39px -165px; }

/* Guide Contents */
#guide-guide-content { margin-top: 31px; padding: 0; }

.user-guide-contents .mt-idf-topic-item { border-bottom: none; font-size: 14px; font-weight: bold; padding: 0; }
.user-guide-contents .mt-idf-topic-item a:hover { color: #fe5000; }
.user-guide-contents .topic-description { margin-left: 0; }
.user-guide-contents .collapsed, .user-guide-contents .expanded { background-position: 0 center; padding-left: 1em; }

/* How To and Reference */
.guide-content { padding-left: 0; padding-right: 0; }
.guide-content a { color: #434951; text-decoration: none; }
.guide-content a:focus { color: #fe5000; }
.guide-content .mt-control-pagelist .subtitle { margin-left: 0; }
.guide-content .mt-control-pagelist, .guide-content .mt-control-list dt { font-size: 14px; }
.guide-content .mt-control-list { padding: 0; }
.guide-content .mt-control-list dl { margin: 0; }
.guide-content .mt-control-list dd { padding-bottom: 1.5em; }

/* our own microformats and patterns */
/* 	support.code42 : Mindtouch customization  	Implements all custom reusable design elements   	authors 	tom.rogers@code42.com (2013-09) 	elias@code42.com (2014-01) */
/* 	support.code42 : Mindtouch customization  	Styles for custom alerts widget   	authors 	elias@code42.com (2014-01) */
#c42-alerts { width: 1024px; }

.c42-alert { background-position: 20px center; background-repeat: no-repeat; margin: 0 auto 1px; position: relative; }

.c42-alert-content { margin: 0; }

.c42-alert-link { color: #434951; position: absolute; right: 28px; /*text-decoration: none;
&:hover {
	color: #4483aa;
}*/ }

.topic-category .c42-alert { width: 447px; padding: 8px 130px 8px 85px; }
.topic-category .c42-alert-link { top: 8px; }
.topic-category .c42-alert { border: 1px solid #e0e3e4; -webkit-border-radius: 3px; border-radius: 3px; margin-top: 25px; }

.page-home .c42-alert { width: 477px; padding: 20px 130px 20px 85px; }
.page-home .c42-alert-link { top: 20px; }
.page-home #c42-alerts { position: absolute; top: 310px; }
.page-home .c42-alert { background-color: #EEF0F1; border-left: 1px solid #e0e3e4; border-right: 1px solid #e0e3e4; }
.page-home .c42-alert:last-child { border-bottom: 1px solid #e0e3e4; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; }

/* 	support.code42 : Mindtouch customization  	Styles for documentation version selector widget  	authors 	elias@code42.com (2014-02) */
.c42-version-selector { position: absolute; right: 25px; top: 5px; width: 237px; }
.c42-version-selector .edd-dropdown { float: right; width: 70%; }
.c42-version-selector label { font-size: 14px; line-height: 2.2; }
.c42-version-selector.disabled .edd-dropdown { width: 15%; }
.c42-version-selector.disabled .edd-dropdown .selected { padding-right: 0; }
.c42-version-selector.disabled label { display: inline-block; text-align: right; width: 80%; }

/* Easy Drop Down Plugin Styles */
.edd-dropdown { background: #eef0f1; -webkit-border-radius: 3px; border-radius: 3px; cursor: pointer; position: relative; -webkit-user-select: none; -moz-user-select: none; user-select: none; /* Carat */ /* Base/Old Select Element (Hidden) */ /* .focus class is also added on hover */ }
.edd-dropdown .selected::after, .edd-dropdown.scrollable div::after { -webkit-pointer-events: none; -moz-pointer-events: none; -ms-pointer-events: none; pointer-events: none; }
.edd-dropdown:hover { background: #dfe2e4; }
.edd-dropdown.open { background: #435060; z-index: 2; }
.edd-dropdown ul { height: 100%; left: 0; list-style: none; margin: 0; overflow: hidden; padding: 0; position: absolute; top: 4px; width: 100%; }
.edd-dropdown.scrollable.open ul { overflow-y: auto; }
.edd-dropdown div { border: 1px solid #eef0f1; border-top: none; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; background: #FFF; height: 0; left: -1px; right: -1px; margin-top: -1px; padding: 4px 0 6px; position: absolute; top: 100%; overflow: hidden; opacity: 0; }
.edd-dropdown.open div { opacity: 1; z-index: 2; }
.edd-dropdown .carat { border: 5px solid transparent; border-top: 5px solid #696e74; margin-top: -3px; position: absolute; right: 12px; top: 50%; }
.edd-dropdown.open .carat { border-top-color: #FFF; }
.edd-dropdown select { position: absolute; left: 0; top: 0; }
.edd-dropdown .old { position: absolute; left: 0; top: 0; height: 0; width: 0; overflow: hidden; }
.edd-dropdown.touch select { width: 100%; height: 100%; opacity: 0; }
.edd-dropdown.touch .old { width: 100%; height: 100%; }
.edd-dropdown .selected, .edd-dropdown li { color: #333; /* variables from navigation */ display: block; font-size: 14px; /* variables from navigation */ font-weight: normal; /* variables from navigation */ line-height: 1.3; /* variables from navigation */ overflow: hidden; padding: 6px 12px 4px 10px; white-space: nowrap; }
.edd-dropdown.open .selected { color: #FFF; }
.edd-dropdown li.focus { background: #eef0f1; }
.edd-dropdown li.active { font-weight: bold; }
.edd-dropdown.disabled { background: none; text-align: right; }
.edd-dropdown.disabled .carat { display: none; }

/* === BEGIN "Feature" treatment === */
/* -- BEGIN individual "Feature" item -- */
.c42-feature-item { display: inline-block; border: none; font-family: 'proxima-nova', sans-serif; font-size: 20px; color: #434951; text-decoration: none; text-align: center; line-height: 1; text-transform: uppercase; letter-spacing: 2px; /* hover effects */ /**/ }
.c42-feature-item .c42-feature-hero { display: block; clear: both; width: 225px; height: 225px; margin: 0 auto; background-color: #eef0f1; background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 112px; -moz-border-radius: 112px; border-radius: 112px; }
.c42-feature-item .c42-feature-name { display: block; clear: both; margin: 21px auto 20px; }
.c42-feature-item:hover, .c42-feature-item:focus { color: #fe5000; }
.c42-feature-item:hover .c42-feature-hero, .c42-feature-item:focus .c42-feature-hero { background-color: #dfe2e4; }

/* override for MT's inescapable "new" class */
a.c42-feature-item.new { /*border: none;
color: #434951;*/ }

/**/
/* -- END individual "Feature" item -- */
/* -- BEGIN combinations of "Feature" items -- */
/* "Trio" -- three side by side */
.c42-feature-trio { margin: 70px auto 120px; text-align: center; }

.c42-feature-trio .c42-feature-item { margin: 0 35px; }

/* "Small" -- smaller version */
.c42-feature-trio.c42-small .c42-feature-item { margin: 0 18px; letter-spacing: 0; }
.c42-feature-trio.c42-small .c42-feature-item .c42-feature-hero { width: 84px; height: 84px; background-color: #435060; -webkit-border-radius: 42px; -moz-border-radius: 42px; border-radius: 42px; }
.c42-feature-trio.c42-small .c42-feature-item:hover .c42-feature-hero, .c42-feature-trio.c42-small .c42-feature-item:focus .c42-feature-hero { background-color: #dfe2e4; }
.c42-feature-trio.c42-small .c42-feature-item .c42-feature-name { margin-top: 10px; font-size: 14px; text-transform: none; }

/* -- END combinations of "Feature" items -- */
/* === END "Feature" treatment === */
/* === BEGIN "Support Tips" and "Alert Box" treatment === */
.support-tips, .alert-box { overflow: hidden; padding: 20px 27px; background-color: #eef0f1; border-radius: 3px; }
.support-tips:before, .alert-box:before { float: left; margin: 3px 20px 12px 0; }

.support-tips:before { content: url(/@api/deki/files/590/icon-supporttips.png); }

.alert-box:before { content: url(/@api/deki/files/1228/icon-alert-large.png); margin-bottom: 24px; }

/* === END "Support Tips" and "Alert Box" treatment === */
/* === BEGIN Alert1 === */
.c42-alert1 h2 { text-align: center; }

/* === END Alert1 === */
/* === BEGIN AppliesTo === */
.c42-appliesto { float: right; width: 199px; margin: 0 0 18px 60px; padding: 14px 18px 7px; background: #eef0f1; }
.c42-appliesto .c42-appliesto-header { margin: 4px 0 5px; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.c42-appliesto ul { list-style: none; padding: 0; }

/* === END AppliesTo === */
/* 	support.code42 : MindTouch customization 	 	Styles for Ticket form 	 	 	authors 	tom.rogers@code42.com (2013-09) */
/* === BEGIN main ticket form === */
.c42-ticket-form { display: block; float: left; clear: none; width: 480px; height: auto; margin: 0; padding: 0; }
.c42-ticket-form input, .c42-ticket-form label, .c42-ticket-form select, .c42-ticket-form textarea { display: block; clear: both; }
.c42-ticket-form input, .c42-ticket-form textarea { width: 435px; height: 20px; margin: 2px 0 14px; padding: 12px 17px 8px; border: 1px solid #e0e3e4; border-radius: 3px; font-family: 'proxima-nova'; font-size: 14px; font-weight: 300; line-height: 20px; }
.c42-ticket-form input[name=subject] { font-weight: 600; }
.c42-ticket-form input[type=submit] { width: auto; }
.c42-ticket-form textarea { resize: vertical; }

/* === END main ticket form === */
/* === BEGIN ticket suggestion area === */
.c42-ticket-extra { display: block; float: left; clear: none; width: 500px; margin: 0 0 0 33px; padding: 0; }
.c42-ticket-extra h2 { margin-top: 0; }

/* === END ticket suggestion area === */
/* move this into fieldsuggest.scss */
.fieldsuggest-link { display: none; }

/* 	support.code42 : Mindtouch customization 	 	Implements all custom styling for FieldSuggest widget 	 	 	authors 	tom.rogers@code42.com (2013-10) */
/* === BEGIN States === */
/* -- State: Default -- */
.fieldsuggest.fs-state-default .fieldsuggest-default { display: block; }
.fieldsuggest.fs-state-default .fieldsuggest-results, .fieldsuggest.fs-state-default .fieldsuggest-noresults, .fieldsuggest.fs-state-default .fieldsuggest-error { display: none; }

/**/
/* -- State: Results -- */
.fieldsuggest.fs-state-results .fieldsuggest-results { display: block; }
.fieldsuggest.fs-state-results .fieldsuggest-default, .fieldsuggest.fs-state-results .fieldsuggest-noresults, .fieldsuggest.fs-state-results .fieldsuggest-error { display: none; }

/**/
/* -- State: No-Results -- */
.fieldsuggest.fs-state-noresults .fieldsuggest-noresults { display: block; }
.fieldsuggest.fs-state-noresults .fieldsuggest-default, .fieldsuggest.fs-state-noresults .fieldsuggest-results, .fieldsuggest.fs-state-noresults .fieldsuggest-error { display: none; }

/**/
/* -- State: Error -- */
.fieldsuggest.fs-state-error .fieldsuggest-error { display: block; }
.fieldsuggest.fs-state-error .fieldsuggest-default, .fieldsuggest.fs-state-error .fieldsuggest-results, .fieldsuggest.fs-state-error .fieldsuggest-noresults { display: none; }

/**/
/* === END States === */
/* 	support.code42 : MindTouch customization  	Sitewide configuration and mixin definitions   	authors 	tom.rogers@code42.com (2013-09) 	elias@code42.com (2014-01) */
/* === Audible === */
/* styling for elements that must have text content for WCAG, but which should not be visible */
/* === END Audible === */
#SpecialSitemap ul { padding-left: 0; }
#SpecialSitemap li { cursor: pointer; list-style-type: none; list-style-position: inside; padding-left: 2em; position: relative; }
#SpecialSitemap li:before { background-color: #434951; content: ""; left: 8px; height: 5px; position: absolute; top: 8px; width: 5px; }
#SpecialSitemap li.toggle:before, #SpecialSitemap li.expanded:before { background-color: transparent; left: 8px; height: 0; width: 0; }
#SpecialSitemap li.toggle:before { border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid #434951; top: 5px; }
#SpecialSitemap li.expanded:before { border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #434951; }
