/* Meyers global 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 { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block } /* HTML5 display-role reset for older browsers */
body { line-height:1 }
ol, ul { list-style:none }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none }
table { border-collapse: collapse; border-spacing: 0 }


/* Defaults */

abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help }
table { border-collapse:collapse; border-spacing:0 }
input, textarea, select { outline:none; vertical-align:middle }

html { position:relative; height:100% }
body { position:relative; height:100%; margin:0; font:16px/24px 'Open Sans',sans-serif; color:#000; -webkit-font-smoothing: subpixel-antialiased; }

a, button, input[type=submit] { -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }


/* Sphinx resets */

.headerlink { visibility:hidden; display:inline; margin-left:10px; color:#999 !important }

h1:hover .headerlink,
h2:hover .headerlink,
h3:hover .headerlink,
h4:hover .headerlink,
h5:hover .headerlink,
h6:hover .headerlink { visibility:visible }


/* container – sticky footer */

.page > .container { min-height:100%; margin-bottom:-40px }


/* header */

.page > .container > header { float:left; width:100%; z-index:100; background:#fff }
.page > .container > header > .wrapper { position:relative; width:1145px; margin:0 auto; }
.page > .container > header > .wrapper .logo { float:left; margin:15px 0 0 0; text-decoration:none; }
.page > .container > header > .wrapper .logo img { float:left; }
.page > .container > header > .wrapper .logo .text { position:relative; z-index:200; float:left; margin:12px 0 0 17px; font-size:18px; color:#999; text-decoration:none; }
.page > .container > header > .wrapper .search { position:relative; float:right; margin:18px 0 0 0 }
.page > .container > header > .wrapper .search input { width:240px; height:30px; padding-left:30px; box-sizing:border-box; border:1px solid #c8c8c8; font-family:'Open Sans',sans-serif; font-size:14px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > header > .wrapper .search:before { content:''; position:absolute; top:7px; left:8px; width:16px; height:16px; background:url(../images/icons.png) no-repeat -118px -45px }
.page > .container > header > .wrapper .search i { opacity:0; position:absolute; top:7px; left:8px; width:16px; height:16px; background:url(../images/icons.png) no-repeat -118px -65px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > header > .wrapper .search input:focus { outline:none; border-color:#141414; color:#141414; }
.page > .container > header > .wrapper .search input:focus ~ i { opacity:1 }
.page > .container > header > .wrapper .search input::-webkit-input-placeholder { color:#999 }
.page > .container > header > .wrapper .search input:-moz-placeholder { color:#999; opacity:1 }
.page > .container > header > .wrapper .search input::-moz-placeholder { color:#999; opacity:1 }
.page > .container > header > .wrapper .search input:-ms-input-placeholder { color:#999 }
.page > .container > header > .wrapper .sticky-blocks { display:none; }

.page.frontpage > .container > header > .wrapper { width:640px }
.page.frontpage > .container > header > .wrapper .logo { margin-top:65px; }
.page.frontpage > .container > header > .wrapper .logo .text { clear:left; margin:11px 0 0 0 }

.page.inner.sticky-header { padding-top:51px }
.page.inner.sticky-header > .container > header { position:fixed; top:0; height:109px; box-shadow:0 5px 0 rgba(0,0,0,.05); border-bottom:1px solid #ccc }
.page.inner.sticky-header > .container > header .sticky-blocks { display:block }
.page.inner.sticky-header > .container > header .sticky-blocks .guide-title { position:absolute; top:77px; left:0; text-indent:47px; font-size:12px; color:#141414; text-decoration:none; }
.page.inner.sticky-header > .container > header .sticky-blocks .guide-title:before { content:''; position:absolute; top:9px; left:0; width:12px; height:7px; background:url(../images/icons.png) no-repeat 0 -50px }
.page.inner.sticky-header > .container > header .sticky-blocks .guide-title:after { content:''; position:absolute; top:7px; left:30px; width:9px; height:12px; background:url(../images/icons.png) no-repeat -138px -50px }
.page.inner.sticky-header > .container > header .sticky-blocks .page-title { position:absolute; top:77px; left:403px; right:0; font-size:12px; text-align:center; color:#141414 }
.page.inner.sticky-header > .container > header .sticky-blocks .controls { position:absolute; z-index:2; top:77px; left:403px; right:0 }
.page.inner.sticky-header > .container > header .sticky-blocks .controls .prev { position:relative; float:left; padding-left:22px; font-size:12px; color:#999; text-decoration:none; }
.page.inner.sticky-header > .container > header .sticky-blocks .controls .prev:before { content:''; position:absolute; top:7px; left:0; width:11px; height:10px; background:url(../images/icons.png) no-repeat -60px -50px }
.page.inner.sticky-header > .container > header .sticky-blocks .controls .prev:after { content:''; opacity:0; position:absolute; top:7px; left:0; width:11px; height:10px; background:url(../images/icons.png) no-repeat -60px -67px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page.inner.sticky-header > .container > header .sticky-blocks .controls .prev:hover { color:#141414; }
.page.inner.sticky-header > .container > header .sticky-blocks .controls .prev:hover:after { opacity:1 }
.page.inner.sticky-header > .container > header .sticky-blocks .controls .next { position:relative; float:right; padding-right:22px; font-size:12px; color:#999; text-decoration:none; }
.page.inner.sticky-header > .container > header .sticky-blocks .controls .next:before { content:''; position:absolute; top:7px; right:0; width:11px; height:10px; background:url(../images/icons.png) no-repeat -77px -50px }
.page.inner.sticky-header > .container > header .sticky-blocks .controls .next:after { content:''; opacity:0; position:absolute; top:7px; right:0; width:11px; height:10px; background:url(../images/icons.png) no-repeat -77px -67px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page.inner.sticky-header > .container > header .sticky-blocks .controls .next:hover { color:#141414 }
.page.inner.sticky-header > .container > header .sticky-blocks .controls .next:hover:after { opacity:1 }


/* main */

.page > .container > .main { float:left; width:100%; margin-bottom:45px; background:#fff }
.page > .container > .main > .wrapper { position:relative; width:1145px; margin:0 auto; }
.page > .container > .main > .wrapper > .search-box { float:left; width:100%; margin-top:110px }
.page > .container > .main > .wrapper > .search-box form { position:relative; margin:0 auto; width:640px; }
.page > .container > .main > .wrapper > .search-box .search { float:left; width:600px; height:58px; padding:0 20px; border:1px solid #999; font:18px 'Open Sans',sans-serif; color:#141414; }
.page > .container > .main > .wrapper > .search-box .send { display:block; position:absolute; z-index:2; top:0px; right:6px; padding:0 9px 0 37px; height:59px; font:14px 'Open Sans',sans-serif; color:#999; border:none; background:transparent; cursor:pointer; }
.page > .container > .main > .wrapper > .search-box .search-icon:before { content:''; position:absolute; top:21px; right:72px; width:18px; height:18px; background:url(../images/icons.png) no-repeat -96px 0 }
.page > .container > .main > .wrapper > .search-box .search-icon:after { content:''; opacity:0; position:absolute; top:21px; right:72px; width:18px; height:18px; background:url(../images/icons.png) no-repeat -96px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .search-box .search:focus { border-color:#141414 }
.page > .container > .main > .wrapper > .search-box .search:focus + .send { color:#141414; }
.page > .container > .main > .wrapper > .search-box .search:focus ~ .search-icon:after { opacity:1 }
.page > .container > .main > .wrapper > .search-box .search:focus ~ .results { border-color:#141414 !important; }

.page > .container > .main > .wrapper > .search-box .results { display:none; opacity:0; position:absolute; z-index:2; top:59px; left:0; width:100%; padding-bottom:17px; background:#fff; border:1px solid #999; border-top:none }
.page > .container > .main > .wrapper > .search-box .results:before { content:''; position:absolute; top:0; left:18px; right:18px; height:1px; background:#999 }

.page > .container > .main > .wrapper > .search-box .results .category { float:left; clear:left; width:100%; margin:17px 0 0 40px }
.page > .container > .main > .wrapper > .search-box .results .category .title { position:relative; font-size:12px; color:#999; }
.page > .container > .main > .wrapper > .search-box .results .category .title:before { content:''; position:absolute; top:5px; left:-20px; width:10px; height:12px; background:url(../images/icons.png) no-repeat -315px 0 }
.page > .container > .main > .wrapper > .search-box .results .category .title a { display:inline-block; line-height:17px; color:#999; text-decoration:none; border-bottom:1px solid transparent }
.page > .container > .main > .wrapper > .search-box .results .category .title a:hover { color:#141414; border-color:#141414; }

.page > .container > .main > .wrapper > .search-box .results .category ul { float:left; clear:left; }
.page > .container > .main > .wrapper > .search-box .results .category ul li { display:block; float:left; clear:left; margin-top:8px }
.page > .container > .main > .wrapper > .search-box .results .category ul li a { display:inline-block; line-height:19px; font-size:14px; color:#141414; text-decoration:none; border-bottom:1px solid transparent }
.page > .container > .main > .wrapper > .search-box .results .category ul li a:hover {  border-color:#141414; }
.page > .container > .main > .wrapper > .search-box .results .category ul li a span { position:relative; }
.page > .container > .main > .wrapper > .search-box .results .category ul li a span:before { content:''; position:absolute; z-index:-1; top:0; left:-3px; right:-3px; bottom:0; background:#ffedcc }

.page > .container > .main > .wrapper > .search-box .results .more { position:relative; display:inline-block; float:left; clear:left; margin:18px 0 0 41px; font-size:12px; line-height:19px; color:#999; text-decoration:none; border-bottom:1px solid transparent }
.page > .container > .main > .wrapper > .search-box .results .more:before { content:''; position:absolute; top:9px; left:-21px; width:12px; height:3px; background:url(../images/icons.png) no-repeat -233px 0 }
.page > .container > .main > .wrapper > .search-box .results .more:after { content:''; opacity:0; position:absolute; top:9px; left:-21px; width:12px; height:3px; background:url(../images/icons.png) no-repeat -233px -7px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .search-box .results .more:hover { color:#141414; border-color:#141414; }
.page > .container > .main > .wrapper > .search-box .results .more:hover:after { opacity:1 }

.page > .container > .main > .wrapper > .search-box.suggests-active .search { border-bottom:none; }
.page > .container > .main > .wrapper > .search-box.suggests-active .results { display:block; opacity:1 }

.page.frontpage > .container > .main > .wrapper > .search-box { margin-top:60px; }

.page.search > .container > .main > .wrapper > .search-box { margin-top:40px; }
.page.search > .container > .main > .wrapper > .search-box form { margin:0 }

.page.search > .container > .main > .wrapper > .results { float:left; clear:left; width:100% }
.page.search > .container > .main > .wrapper > .results > h2 { display:none; }
.page.search > .container > .main > .wrapper > .results > p { float:left; width:100%; margin-top:36px; padding-right:100px; font-size:18px; line-height:26px; box-sizing:border-box; }
.page.search > .container > .main > .wrapper > .results > .search { float:left; clear:left; width:100%; margin:30px 0 5px 0 }
.page.search > .container > .main > .wrapper > .results > .search .title { position:relative; float:left; width:100%; font-size:14px; color:#999; text-indent:20px }
.page.search > .container > .main > .wrapper > .results > .search .title:before { content:''; position:absolute; top:5px; left:0; width:10px; height:12px; background:url(../images/icons.png) no-repeat -315px 0 }
.page.search > .container > .main > .wrapper > .results > .search .title a { display:inline-block; line-height:19px; color:#999; text-decoration:none; text-indent:0; border-bottom:1px solid transparent }
.page.search > .container > .main > .wrapper > .results > .search .title a:hover { color:#141414; border-color:#141414; }
.page.search > .container > .main > .wrapper > .results > .search li { display:block; float:left; clear:left; margin-bottom:20px }
.page.search > .container > .main > .wrapper > .results > .search li > a { font-size:18px; color:#141414; text-decoration:none; border-bottom:1px solid transparent }
.page.search > .container > .main > .wrapper > .results > .search li > a:hover { border-color:#141414; }
.page.search > .container > .main > .wrapper > .results > .search li > a span { position:relative; }
.page.search > .container > .main > .wrapper > .results > .search li > a span:before { content:''; position:absolute; z-index:-1; top:0; left:-3px; right:-3px; bottom:0; background:#ffedcc }
.page.search > .container > .main > .wrapper > .results > .search li .context { position:relative; z-index:1; margin:35px 0 20px 20px; width:640px;  }
.page.search > .container > .main > .wrapper > .results > .search li .context:before,
.page.search > .container > .main > .wrapper > .results > .search li .context:after { content:''; position:absolute; top:-14px; left:0; width:12px; height:3px; background:url(../images/icons.png) no-repeat -233px 0 }
.page.search > .container > .main > .wrapper > .results > .search li .context:after { top:auto; bottom:-18px; background-position:-233px -7px }
.page.search > .container > .main > .wrapper > .results > .search li .context .highlighted { position:relative; display:inline-block; padding:0 3px; }
.page.search > .container > .main > .wrapper > .results > .search li .context .highlighted:before { content:''; position:absolute; z-index:-1; top:0; left:0px; right:0px; bottom:0; background:#ffedcc }
.page.search > .container > .main > .wrapper > .results:empty { position:relative; min-height:200px }
.page.search > .container > .main > .wrapper > .results:empty:before { content:'We will search for your request in all our guides.'; float:left; margin-top:36px; font-size:18px }
.page.search > .container > .main > .wrapper > #search-progress { float:left; margin-top:36px; font-size:18px }
.page.search > .container > .main > .wrapper > #searchindexloader { display:none; }


/* guides */

.page > .container > .main > .wrapper > .guides-lists { display:block; clear:left; width:640px; margin:0 auto; font-size:0; text-align:center; }
.page > .container > .main > .wrapper > .guides-lists > .guides { display:inline-block; width:310px; margin-top:70px; vertical-align:top; font-size:18px; text-align:left; }
.page > .container > .main > .wrapper > .guides-lists > .guides.guides-virtuozzo { margin-right:20px }
.page > .container > .main > .wrapper > .guides-lists.one-col > .guides { width:100% }
.page > .container > .main > .wrapper > .guides-lists > .guides .title { float:left; width:100%; margin-bottom:9px; padding-bottom:20px; border-bottom:1px solid #ebebeb;  font-size:24px; font-weight:600 }
.page > .container > .main > .wrapper > .guides-lists > .guides ul { float:left; clear:left; width:100%; margin-bottom:14px }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li { position:relative; display:block; float:left; clear:left; padding:5px 35px 5px 0; white-space:nowrap; font-size:18px; }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li .guide { float:left; position:relative; padding-left:31px; text-decoration:none; white-space:nowrap }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li .guide:before { content:''; position:absolute; top:4px; left:0; width:14px; height:18px; background:url(../images/icons.png) no-repeat -138px 0 }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li .guide:after { content:''; opacity:0; z-index:2; position:absolute; top:4px; left:0; width:14px; height:18px; background:url(../images/icons.png) no-repeat -157px 0; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li .guide a { color:#141414; text-decoration:none; border-bottom:1px solid transparent; white-space:normal; }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li:hover .guide a { border-color:#ebebeb; }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li .pdf { position:relative; opacity:0; display:inline-block; top:3px; left:3px; width:40px; height:16px; font-size:11px; text-align:center; background:#C13337; text-decoration:none; }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li .pdf:before { content:''; position:absolute; top:5px; left:3px; width:9px; height:7px; background:url(../images/icons.png) no-repeat -330px 0 }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li .pdf:after { content:'PDF'; position:absolute; top:-4px; right:5px; color:#fff; text-decoration:none }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li:hover .pdf { opacity:1 }
.page > .container > .main > .wrapper > .guides-lists > .guides ul li:hover .guide:after { opacity:1 }


/* sidebar */

.page > .container > .main > .wrapper > .sidebar { float:left; width:365px; margin-top:35px; border-right:1px solid #ebebeb; box-sizing:border-box; }
.page > .container > .main > .wrapper > .sidebar > .go-back { position:relative; float:left; margin:-5px 0 0 0; padding-left:18px; font-size:14px; color:#999; text-decoration:none; }
.page > .container > .main > .wrapper > .sidebar > .go-back:before { content:''; position:absolute; top:9px; left:0; width:12px; height:7px; background:url(../images/icons.png) no-repeat 0 -50px }
.page > .container > .main > .wrapper > .sidebar > .go-back:after { content:''; opacity:0; position:absolute; top:9px; left:0; width:12px; height:7px; background:url(../images/icons.png) no-repeat 0 -60px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .sidebar > .go-back:hover { color:#141414; }
.page > .container > .main > .wrapper > .sidebar > .go-back:hover:after { opacity:1 }
.page > .container > .main > .wrapper > .sidebar > .title { position:relative; width:100%; float:left; clear:left; margin-top:15px; padding-left:30px; font-size:18px; line-height:24px; font-weight:400; color:#141414; box-sizing:border-box }
.page > .container > .main > .wrapper > .sidebar > .title:before { content:''; position:absolute; top:3px; left:0; width:14px; height:18px; background:url(../images/icons.png) no-repeat -138px 0 }
.page > .container > .main > .wrapper > .sidebar > .title a { text-decoration:none; color:#141414; }
.page > .container > .main > .wrapper > .sidebar > .version { float:left; clear:left; width:100%; margin-top:15px; color:#999; text-indent:30px; font-size:14px }
.page > .container > .main > .wrapper > .sidebar > nav { float:left; clear:left; width:100%; margin-top:19px; padding-left:30px; box-sizing:border-box; }
.page > .container > .main > .wrapper > .sidebar > nav ul { display:block; position:relative; float:left; clear:left; width:100% }
.page > .container > .main > .wrapper > .sidebar > nav ul ul { padding-left:10px; box-sizing:border-box; }
.page > .container > .main > .wrapper > .sidebar > nav ul ul:before { content:''; z-index:2; position:absolute; top:-14px; left:-18px; bottom:19px; width:2px; background:#EBEBEB }
.page > .container > .main > .wrapper > .sidebar > nav a { position:relative; z-index:3; float:left; clear:left; margin-bottom:10px; padding-right:20px; font-size:14px; line-height:20px; color:#141414; text-decoration:none; box-sizing:border-box; }
.page > .container > .main > .wrapper > .sidebar > nav a:hover { color:#000 }

.page > .container > .main > .wrapper > .sidebar > nav a.current { color:#fff; }
.page > .container > .main > .wrapper > .sidebar > nav a.current:hover { color:#fff; }

.page > .container > .main > .wrapper > .sidebar > nav a span b { font-weight:400; color:#999; }
.page > .container > .main > .wrapper > .sidebar > nav a span:after { content:''; opacity:0; position:absolute; z-index:-1; top:-2px; left:-7px; width:328px; bottom:-2px; background:#ebebeb }
.page > .container > .main > .wrapper > .sidebar > nav a.current span:after { opacity:1; background:#141414; color:#fff; }
.page > .container > .main > .wrapper > .sidebar > nav a span:hover:after { opacity:1 }
.page > .container > .main > .wrapper > .sidebar > nav > ul > li > a span:after { width:340px }
.page > .container > .main > .wrapper > .sidebar > nav > ul > li > ul > li > a span:after { width:331px }
.page > .container > .main > .wrapper > .sidebar > nav > ul > li > ul > li > ul > li > a span:after { width:320px }
.page > .container > .main > .wrapper > .sidebar > nav > ul > li > ul > li > ul > li > ul > li > a span:after { width:309px }

.page > .container > .main > .wrapper > .sidebar > nav ul ul a:before { content:''; position:absolute; top:9px; left:-26px; width:10px; height:2px; background-color:#ebebeb }
.page > .container > .main > .wrapper > .sidebar > nav ul ul li:last-child a:not(.expander):after { content:''; position:absolute; z-index:2; top:11px; left:-30px; width:5px; height:20px; background:#fff }
.page > .container > .main > .wrapper > .sidebar > nav ul ul a.expander:before { width:3px }
.page > .container > .main > .wrapper > .sidebar > nav a.expander:after { content:''; position:absolute; top:4px; left:-23px; width:12px; height:12px; background:url(../images/icons.png) no-repeat -202px 0 }
.page > .container > .main > .wrapper > .sidebar > nav a.expander.expanded:after { background-position:-217px 0 }

.page > .container > .main > .wrapper > .sidebar > nav > ul > li { position:relative; float:left; clear:left; width:100% }
.page > .container > .main > .wrapper > .sidebar .downloads { position:relative; float:left; clear:left; width:100%; margin-top:35px }
.page > .container > .main > .wrapper > .sidebar .downloads:before { content:''; position:absolute; top:-21px; left:0; height:1px; width:342px; background:#ebebeb }
.page > .container > .main > .wrapper > .sidebar .downloads a { position:relative; float:left; padding-left:50px; padding-right:10px; color:#000; text-decoration:none }
.page > .container > .main > .wrapper > .sidebar .downloads a .title { float:left; width:100%; font-size:16px; line-height:22px; color:#141414; }
.page > .container > .main > .wrapper > .sidebar .downloads a .title:hover { color:#000; }
.page > .container > .main > .wrapper > .sidebar .downloads a .info { float:left; clear:left; width:100%; margin-top:3px; font-size:14px; line-height:20px; color:#999; }
.page > .container > .main > .wrapper > .sidebar .downloads a:hover .info { color:#666; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .sidebar .downloads a:before { content:''; position:absolute; z-index:1; top:4px; left:0; width:29px; height:36px; background:url(../images/icons.png) -437px 0 }
.page > .container > .main > .wrapper > .sidebar .downloads a:after { content:''; opacity:0; z-index:1; position:absolute; z-index:2; top:4px; left:0; width:29px; height:36px; background:url(../images/icons.png) -437px -42px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .sidebar .downloads a:hover:after { opacity:1 }

.page > .container > .main > .wrapper > .content { position:relative; display:block; float:left; margin-left:40px; width:740px }
.page > .container > .main > .wrapper > .content:before { content:''; position:absolute; left:-41px; top:33px; width:2px; background:#ebebeb }
.page > .container > .main > .wrapper > .content > .controls { float:left; width:100% }
.page > .container > .main > .wrapper > .content > .controls { position:relative; float:left; width:100%; height:40px; margin-top:32px; }
.page > .container > .main > .wrapper > .content > .controls:after { content:''; position:absolute; top:38px; left:0; right:0; height:1px; background:#ebebeb; }
.page > .container > .main > .wrapper > .content > .controls.controls-bottom { margin-top:30px; }
.page > .container > .main > .wrapper > .content > .controls.controls-bottom:after { top:-15px; right:0 }
.page > .container > .main > .wrapper > .content > .controls .prev { position:relative; float:left; padding-left:22px; font-size:14px; color:#999; text-decoration:none; }
.page > .container > .main > .wrapper > .content > .controls .prev:before { content:''; position:absolute; top:6px; left:0; width:13px; height:12px; background:url(../images/icons.png) no-repeat -20px -50px }
.page > .container > .main > .wrapper > .content > .controls .prev:after { content:''; opacity:0; position:absolute; top:6px; left:0; width:13px; height:12px; background:url(../images/icons.png) no-repeat -20px -67px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .controls .prev:hover { color:#141414; }
.page > .container > .main > .wrapper > .content > .controls .prev:hover:after { opacity:1 }
.page > .container > .main > .wrapper > .content > .controls .next { position:relative; float:right; padding-right:22px; font-size:14px; color:#999; text-decoration:none; }
.page > .container > .main > .wrapper > .content > .controls .next:before { content:''; position:absolute; top:6px; right:0; width:13px; height:12px; background:url(../images/icons.png) no-repeat -40px -50px }
.page > .container > .main > .wrapper > .content > .controls .next:after { content:''; opacity:0; position:absolute; top:6px; right:0; width:13px; height:12px; background:url(../images/icons.png) no-repeat -40px -67px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .controls .next:hover { color:#141414 }
.page > .container > .main > .wrapper > .content > .controls .next:hover:after { opacity:1 }

.page > .container > .main > .wrapper > .content > .article-info { float:left; clear:left; width:100%; margin-top:30px; font-size:14px }
.page > .container > .main > .wrapper > .content > .article-info > .version { display:inline-block; float:left; margin-top:5px; line-height:14px; color:#999; border-bottom:1px dotted transparent; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .article-info > .version:hover { border-color:#999; }
.page > .container > .main > .wrapper > .content > .article-info > .options { float:right }
.page > .container > .main > .wrapper > .content > .article-info > .options a { position:relative; float:left; margin-left:55px; color:#999; text-decoration:none; }
.page > .container > .main > .wrapper > .content > .article-info > .options a.raw { display:none; }
.page > .container > .main > .wrapper > .content > .article-info > .options a.raw:before { content:''; position:absolute; top:4px; left:-27px; width:20px; height:14px; background:url(../images/icons.png) -272px 0 }
.page > .container > .main > .wrapper > .content > .article-info > .options a.raw:after { content:''; opacity:0; position:absolute; top:4px; left:-27px; width:20px; height:14px; background:url(../images/icons.png) -272px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .article-info > .options a.raw:hover { color:#141414; }
.page > .container > .main > .wrapper > .content > .article-info > .options a.raw:hover:after { opacity:1 }
.page > .container > .main > .wrapper > .content > .article-info > .options a.print:before { content:''; position:absolute; top:4px; left:-23px; width:16px; height:15px; background:url(../images/icons.png) -250px 0 }
.page > .container > .main > .wrapper > .content > .article-info > .options a.print:after { content:''; opacity:0; position:absolute; top:4px; left:-23px; width:16px; height:15px; background:url(../images/icons.png) -250px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .article-info > .options a.print:hover { color:#141414; }
.page > .container > .main > .wrapper > .content > .article-info > .options a.print:hover:after { opacity:1; }
.page > .container > .main > .wrapper > .content > .article-info > .options a.share { display:none; }
.page > .container > .main > .wrapper > .content > .article-info > .options a.share:before { content:''; position:absolute; top:2px; left:-22px; width:13px; height:16px; background:url(../images/icons.png) -297px 0 }
.page > .container > .main > .wrapper > .content > .article-info > .options a.share:after { content:''; opacity:0; position:absolute; top:2px; left:-22px; width:13px; height:16px; background:url(../images/icons.png) -297px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .article-info > .options a.share:hover { color:#141414; }
.page > .container > .main > .wrapper > .content > .article-info > .options a.share:hover:after { opacity:1 }
.page > .container > .main > .wrapper > .content > .article-info > .options a.edit { display:none; }
.page > .container > .main > .wrapper > .content > .article-info > .options a.edit:before { content:''; position:absolute; top:2px; left:-22px; width:16px; height:16px; background:url(../images/icons.png) -274px -48px }
.page > .container > .main > .wrapper > .content > .article-info > .options a.edit:after { content:''; opacity:0; position:absolute; top:2px; left:-22px; width:16px; height:16px; background:url(../images/icons.png) -250px -48px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .article-info > .options a.edit:hover { color:#141414; }
.page > .container > .main > .wrapper > .content > .article-info > .options a.edit:hover:after { opacity:1 }

.page > .container > .main > .wrapper > .content > .text { float:left; clear:left; margin:9px 0 0 0; width:100%; font-size:16px; line-height:24px; }
.page > .container > .main > .wrapper > .content > .text h1 { float:left; clear:left; width:100%; margin:13px 0; font-size:36px; font-weight:600; line-height:42px; color:#141414 }
.page > .container > .main > .wrapper > .content > .text h1 b,
.page > .container > .main > .wrapper > .content > .text h2 b,
.page > .container > .main > .wrapper > .content > .text h3 b,
.page > .container > .main > .wrapper > .content > .text h4 b,
.page > .container > .main > .wrapper > .content > .text h5 b,
.page > .container > .main > .wrapper > .content > .text h6 b { font-weight:400; color:#999; }
.page > .container > .main > .wrapper > .content > .text h2,
.page > .container > .main > .wrapper > .content > .text h3,
.page > .container > .main > .wrapper > .content > .text h5,
.page > .container > .main > .wrapper > .content > .text h4 { clear:left; margin:40px 0 20px 0; font-size:24px; font-weight:600; color:#000; }
.page > .container > .main > .wrapper > .content > .text h3 { font-size:18px }
.page > .container > .main > .wrapper > .content > .text h4 { font-size:16px }
.page > .container > .main > .wrapper > .content > .text h5 { font-size:14px }
.page > .container > .main > .wrapper > .content > .text p { margin-bottom:20px }
.page > .container > .main > .wrapper > .content > .text ul,
.page > .container > .main > .wrapper > .content > .text ol { clear:left; margin-left:40px; padding-bottom:10px }
.page > .container > .main > .wrapper > .content > .text em { font-style:italic; }
.page > .container > .main > .wrapper > .content > .text b,
.page > .container > .main > .wrapper > .content > .text strong { font-weight:600 }
.page > .container > .main > .wrapper > .content > .text li { position:relative; margin-bottom:10px }
.page > .container > .main > .wrapper > .content > .text ul > li:before { content:''; position:absolute; top:9px; left:-20px; width:10px; height:10px; background:#999; border-radius:10px }
.page > .container > .main > .wrapper > .content > .text ol { counter-reset:li }
.page > .container > .main > .wrapper > .content > .text ol[start="1"] { counter-reset: li 0 }
.page > .container > .main > .wrapper > .content > .text ol[start="2"] { counter-reset: li 1 }
.page > .container > .main > .wrapper > .content > .text ol[start="3"] { counter-reset: li 2 }
.page > .container > .main > .wrapper > .content > .text ol[start="4"] { counter-reset: li 3 }
.page > .container > .main > .wrapper > .content > .text ol[start="5"] { counter-reset: li 4 }
.page > .container > .main > .wrapper > .content > .text ol[start="6"] { counter-reset: li 5 }
.page > .container > .main > .wrapper > .content > .text ol[start="7"] { counter-reset: li 6 }
.page > .container > .main > .wrapper > .content > .text ol[start="8"] { counter-reset: li 7 }
.page > .container > .main > .wrapper > .content > .text ol[start="9"] { counter-reset: li 8 }
.page > .container > .main > .wrapper > .content > .text ol[start="10"] { counter-reset: li 9 }
.page > .container > .main > .wrapper > .content > .text ol[start="11"] { counter-reset: li 10 }
.page > .container > .main > .wrapper > .content > .text ol[start="12"] { counter-reset: li 11 }
.page > .container > .main > .wrapper > .content > .text ol[start="13"] { counter-reset: li 12 }
.page > .container > .main > .wrapper > .content > .text ol[start="14"] { counter-reset: li 13 }
.page > .container > .main > .wrapper > .content > .text ol[start="15"] { counter-reset: li 14 }
.page > .container > .main > .wrapper > .content > .text ol[start="16"] { counter-reset: li 15 }
.page > .container > .main > .wrapper > .content > .text ol > li:before { content:counter(li)'.'; counter-increment:li; position:absolute; top:1px; left:-23px; font-size:14px; color:#999; }
.page > .container > .main > .wrapper > .content > .text ul > li ul { margin-top:20px; }
.page > .container > .main > .wrapper > .content > .text mark { position:relative; padding:0 4px; background:transparent; }
.page > .container > .main > .wrapper > .content > .text mark:before { content:''; position:absolute; z-index:-1; top:0; left:0; right:0; bottom:-2px; background:#ebebeb }
.page > .container > .main > .wrapper > .content > .text a { color:#2F71C4; text-decoration:none; border-bottom:1px solid #ccdcf0 }
.page > .container > .main > .wrapper > .content > .text .pict-outer { margin-bottom:20px; }
.page > .container > .main > .wrapper > .content > .text .pict-outer .text { margin-bottom:11px; font-weight:600; color:#141414; }
.page > .container > .main > .wrapper > .content > .text table { float:left; clear:left; margin:20px 0 40px 0; font-size:14px; border:1px solid #EBEBEB; border-spacing:0; border-collapse:collapse; }
.page > .container > .main > .wrapper > .content > .text table td { border:1px solid #EBEBEB; padding:12px 19px 13px 19px; }
.page > .container > .main > .wrapper > .content > .text table th { padding:12px 19px 13px 19px; background:#EBEBEB; border:1px solid #EBEBEB; text-align:left; }
.page > .container > .main > .wrapper > .content > .text table caption { margin-bottom:9px; font-weight:600; font-size:14px; text-align:left; }
.page > .container > .main > .wrapper > .content > .text table p { margin-bottom:10px; }
.page > .container > .main > .wrapper > .content > .text table li { margin:0; }
.page > .container > .main > .wrapper > .content > .text table ul li:before { top:7px; }
.page > .container > .main > .wrapper > .content > .text table ~ * { clear:left; }
.page > .container > .main > .wrapper > .content > .text tt,
.page > .container > .main > .wrapper > .content > .text code { padding:1px 4px; background:#ebebeb; font-family:'Inconsolata',serif }
.page > .container > .main > .wrapper > .content > .text *[class^="highlight-"] { overflow-x:auto; margin-bottom:20px; padding:10px 20px; background:#f5f5f5; border:1px solid #ebebeb; font-family:'Inconsolata',serif; font-size:16px; line-height:24px; color:#000; box-sizing:border-box; }
.page > .container > .main > .wrapper > .content > .text .note { position:relative; clear:left; margin-bottom:10px; padding:45px 20px 15px 20px; background:#EBEBEB; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .text .note:before { content:''; position:absolute; top:20px; left:20px; width:16px; height:16px; background:url(../images/icons.png) no-repeat -344px 0 }
.page > .container > .main > .wrapper > .content > .text .note:after { content:'Note'; position:absolute; top:17px; left:46px; font-size:14px; color:#7C6741; }
.page > .container > .main > .wrapper > .content > .text .note:hover { background:#f0f0f0 }
.page > .container > .main > .wrapper > .content > .text .note + p { margin-top:15px; }
.page > .container > .main > .wrapper > .content > .text .admonition-title { display:none }
.page > .container > .main > .wrapper > .content > .text .align-center { display:block; margin:0 auto; max-width:100%; text-align:center; }
.page > .container > .main > .wrapper > .content > .text img.with-border { padding:20px; border:1px solid #ebebeb; }
.page > .container > .main > .wrapper > .content > .text img + * { margin-top:40px; }
.page > .container > .main > .wrapper > .content > .text .highlighted { position:relative; display:inline-block; padding:0 4px; background:#ffedcc }

.page > .container > .main > .wrapper > .content > .text .important,
.page > .container > .main > .wrapper > .content > .text .warning { position:relative; clear:left; margin-bottom:10px; padding:45px 20px 15px 20px; background:#FFEDCC; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .text .warning { background:#ffc1c5 }
.page > .container > .main > .wrapper > .content > .text .important:before,
.page > .container > .main > .wrapper > .content > .text .warning:before { content:''; position:absolute; top:20px; left:20px; width:16px; height:16px; background:url(../images/icons.png) no-repeat -363px 0 }
.page > .container > .main > .wrapper > .content > .text .important .admonition-title,
.page > .container > .main > .wrapper > .content > .text .important .title,
.page > .container > .main > .wrapper > .content > .text .warning .admonition-title,
.page > .container > .main > .wrapper > .content > .text .warning .title { display:block; position:absolute; top:17px; left:46px; font-size:14px; color:#7C6840; }
.page > .container > .main > .wrapper > .content > .text .important:hover { background:#fff2d1 }
.page > .container > .main > .wrapper > .content > .text .warning:hover { background:#ffc8cc }

.page > .container > .main > .wrapper > .content > .text div[id]:before { content:" "; display:block; clear:none; margin-top:-90px; height:90px; visibility:hidden }

.page > .container > .main > .wrapper > .content > .text .section { clear:none; }

.page > .container > .main > .wrapper > .content > .article-details { float:left; clear:left; width:100%; margin-top:15px; padding-top:20px; font-size:16px; border-top:1px solid #EBEBEB }
.page > .container > .main > .wrapper > .content > .article-details a { color:#999; text-decoration:none; }
.page > .container > .main > .wrapper > .content > .article-details .helpful { float:left }
.page > .container > .main > .wrapper > .content > .article-details .helpful .text { position:relative; margin:0 7px 0 0; padding-left:31px }
.page > .container > .main > .wrapper > .content > .article-details .helpful .amount { color:#141414; }
.page > .container > .main > .wrapper > .content > .article-details .helpful .yes { float:left; margin-right:40px }
.page > .container > .main > .wrapper > .content > .article-details .helpful .yes .text:before { content:''; position:absolute; top:2px; left:0; width:21px; height:19px; background:url(../images/icons.png) no-repeat -410px 0 }
.page > .container > .main > .wrapper > .content > .article-details .helpful .yes .text:after { content:''; opacity:0; position:absolute; top:2px; left:0; width:21px; height:19px; background:url(../images/icons.png) no-repeat -410px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .article-details .helpful .yes .text:hover { color:#141414; }
.page > .container > .main > .wrapper > .content > .article-details .helpful .yes .text:hover:after { opacity:1 }

.page > .container > .main > .wrapper > .content > .article-details .helpful .not { float:left }
.page > .container > .main > .wrapper > .content > .article-details .helpful .not .text:before { content:''; position:absolute; top:2px; left:0; width:20px; height:18px; background:url(../images/icons.png) no-repeat -383px 0 }
.page > .container > .main > .wrapper > .content > .article-details .helpful .not .text:after { content:''; opacity:0; position:absolute; top:2px; left:0; width:20px; height:18px; background:url(../images/icons.png) no-repeat -383px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .article-details .helpful .not .text:hover { color:#141414; }
.page > .container > .main > .wrapper > .content > .article-details .helpful .not .text:hover:after { opacity:1 }
.page > .container > .main > .wrapper > .content > .article-details .improve { position:relative; float:right; padding-left:29px }
.page > .container > .main > .wrapper > .content > .article-details .improve:hover { color:#141414; }
.page > .container > .main > .wrapper > .content > .article-details .improve:before { content:''; position:absolute; top:4px; left:0; width:19px; height:19px; background:url(../images/icons.png) no-repeat -472px 0 }
.page > .container > .main > .wrapper > .content > .article-details .improve:after { content:''; opacity:0; position:absolute; top:4px; left:0; width:19px; height:19px; background:url(../images/icons.png) no-repeat -472px -25px; -webkit-transition:all .2s ease; -moz-transition:all .2s ease; -o-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease }
.page > .container > .main > .wrapper > .content > .article-details .improve:hover:after { opacity:1 }


/* footer */

.page > footer { float:left; width:100%; height:40px; background:#141414; }
.page > footer > .wrapper { position:relative; width:1145px; margin:0 auto; }
.page > footer > .wrapper .logo { float:left; margin-top:10px }
.page > footer > .wrapper nav { float:right; margin:10px 25px 0 0 }
.page > footer > .wrapper nav a { display:inline-block; line-height:19px; float:left; margin-left:25px; font-size:12px; color:#999; text-decoration:none; border-bottom:1px solid transparent }
.page > footer > .wrapper nav a:hover { color:#fff; border-color:#fff; }

/* definition list */

.page > .container > .main > .wrapper > .content > .text dl { display: grid; grid-template-columns: max-content auto; margin-bottom: 15px; }
.page > .container > .main > .wrapper > .content > .text dt { grid-column-start: 1; }
.page > .container > .main > .wrapper > .content > .text dd { grid-column-start: 2; margin-bottom: 10px; margin-left: 30px; }
.page > .container > .main > .wrapper > .content > .text dd p { margin-top: 0px; font-size: 1em; }
.page > .container > .main > .wrapper > .content > .text dd ul, dd table { margin-bottom: 10px; }