/* GENERAL DECLARATIONS */
body{ margin: 0; font-family: "Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif; height: 100%; width: 100%; background-color: #eff8e5; }
h1, h2, h3, h4, h5, h6{ font-style: normal; font-weight: bold; padding: 0; margin: 0; }
h1{ font-size: 1.4em; font-weight: normal; }
h2{ font-size: 1.3em; }
h3{ font-size: 1.2em; }
h4{ font-size: 1.1em; }
h5{ font-size: 1em; }
h6{ font-size: 1em; font-weight: normal; }
a, a:visited{ color: #427509; text-decoration: none; }
a:hover{ text-decoration: underline; }
ul{ margin: 0; padding: 0; }
p{ margin: 15px 0; padding: 0; line-height: 20px; }
span{ margin: 0; padding: 0; }

#left-column {
    position: absolute;
    width: 200px;
    top: 0px;
    left: 0px;
    float: left;
    min-height: 400px;
}
#logo img {
    margin: 20px 33px;
}
#content-wrapper {
    background-color: #fff;
    margin-left: 200px;
    padding: 10px 20px 0;
    min-height: 810px;
    border-left: 1px solid #73b824;
    border-bottom: 1px solid #73b824;
}
#content {
    position: relative;
    width: 100%;
}
#breadcrumb {
    font-size: 12px;
    margin-bottom: 10px;
}
.warning {
    color: red;
}
/* END GENERAL DECLARATIONS */

/* TOP HEADER */
.main-header {
    width: 600px;
    background: url( '/bundles/howto/images/header.png' ) no-repeat;
    border-radius: 8px;
    padding: 3px 0 3px 55px;
    margin-bottom: 20px;
}
#search-header {
    margin-left: 200px;
    height: 40px;
    border-bottom: 1px solid #73b824;
    background: url( '/bundles/howto/images/border-gradient.png' ) no-repeat;
    background-position: left bottom;
    padding: 15px 0 0 50px;
}
#search-header input[type=text] {
    width: 200px;
}
#search-header h2 {
    display: inline;
    float: left;
    font-size: 22px;
    color: #0d3805;
}
#search-header form {
    float: right;
    margin-right: 20px;
}
#search-text {
    color: #aaa;
}
#search-text.active {
    color: #444;
}
#search_results .result {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
#search_results .file {
    margin-left: 20px;
}
.label {
    width: 80px;
    float: left;
    margin-bottom: 5px;
}
.login-form input[type=text], .login-form input[type=password] {
    width: 130px;
}
.login-form input.defaultbutton {
    font-weight: bold;
    cursor: pointer;
}
.article-content h2 {
    margin: 15px 0;
}
.article-content ul {
    padding-left: 20px;
}
/* END TOP HEADER */

/* STRUCTURE MENU */

div#contentstructure.menu {
    overflow: hidden;
}
div#contentstructure.menu li {
    line-height: 1.25em;
    font-size: 12px;
}
/* END STRUCTURE MENU */

/* ARTICLE / TAGS FULL VIEW */
.tags {
    margin-bottom: 10px;
}
.tags a, .tags a:visited {
    font-style: italic;
}
div#contentstructure.menu {
  overflow-x: auto !important;
}
#tags #tags-tree {
  width: 100%;
  overflow: auto;
  overflow-x: auto !important;
}
#tags #tags-tree ul.tags_tree_menu {
  height: 200px;
  overflow: auto;
}
#right-column {
    float: right;
    width: 340px;
}
.edit-link {
    float: right;
    margin: 0 0 20px 0
}
.toolbox {
    width: 300px;
    border-radius: 15px;
    border: 1px solid #73b824;
    margin: 0 10px 10px 20px;
    padding: 10px;
    background-color: #eff8e5;
}
#files .header, #right-column .header {
    background-color: #acd978;
    padding-left: 45px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    position: relative;
    margin-bottom: 10px;
}
#contentstructure .header{
    background-color: #acd978;
    padding-left: 45px;
    font-size: 16px;
    font-weight: bold;
    border-radius: 8px;
    position: relative;
    margin: 0 10px 15px;
}
.header > a.icon {
    margin-right: 7px;
    vertical-align: middle;
}
#files .header img {
    position: absolute;
    top: -4px;
    left: 5px;
}
#files li {
    padding-left: 30px;
    line-height: 28px;
    list-style-type: none;
}
.tagged-articles {
    margin-top: 20px;
}
.tagged-articles li {
    list-style: none;
    margin-bottom: 10px;
}
.article-title {
    font-size: 20px;
}
#last-modified .article-title {
    font-size: 16px;
    line-height: 23px;
}
pre {
    border: 1px dashed #ff8800;
    padding: 10px;
    overflow: auto;
}
/* END ARTICLE FULL VIEW */

/* SEARCH RESULTS */

.article-title .details {
    font-size: 14px;
    padding-left: 20px;
}
.article-title .details .match {
    font-style: italic;
    color: #427509;
}
h2.search-results {
    margin: 20px 0;
}
.pagenavigator {
    margin: 10px 0;
}
/* END SEARCH RESULTS */

/* SPRITES */
.icon {
    background: url( '/bundles/howto/images/sprites.png' ) no-repeat;
    height: 20px;
    text-indent:-9999px;
    border: none;
    padding: 0;
    margin-top: 3px;
    margin-right: 5px;
    display: inline-block;
}
.icon.image {
    background-position: 0 0;
    margin-left: -20px;
    width: 17px;
}
.icon.doc {
    background-position: -18px 0;
    margin-left: -20px;
    width: 17px;
}
.icon.doc-locked {
    background-position: -118px 0;
    margin-left: -20px;
    width: 17px;
}
.icon.pdf {
    background-position: -36px 0;
    margin-left: -24px;
    width: 20px;
}
.icon.file {
    background-position: -57px 0;
    margin-left: -20px;
    width: 16px;
}
.icon.attachment {
    background-position: -82px -62px;
    margin: -3px 0 0 -35px;
    width: 24px;
    height: 30px;
}
.icon.file-big {
    background-position: 0px -63px;
    margin: -3px 0 0 -35px;
    width: 24px;
    height: 30px;
}
.icon.tag {
    background-position: -50px -62px;
    margin: -3px 0 0 -35px;
    width: 30px;
    height: 30px;
}
.icon.modified {
    background-position: -106px -61px;
    margin: -2px 0 0 -35px;
    width: 30px;
    height: 30px;
}
.icon.bulb {
    background-position: -98px -92px;
    margin: -7px 0 0 -40px;
    width: 36px;
    height: 36px;
}
.icon.folder {
    background-position: -74px 0;
    width: 21px;
}
.icon.pen {
    background-position: -96px 0;
    width: 21px;
}
.icon.logo {
    background-position: 0 -21px;
    width: 40px;
    height: 40px;
    margin: -6px 0 0 -45px;
    float: left;
}
.icon.logo-tag {
    background-position: -41px -21px;
    width: 40px;
    height: 40px;
    margin: -6px 0 0 -45px;
}
.icon.logo-search {
    background-position: -82px -21px;
    width: 40px;
    height: 40px;
    margin: -6px 0 0 -45px;
}
.icon.search {
    background-position: -25px -60px;
    width: 24px;
    height: 25px;
    margin-top: -1px;
    float: none;
    cursor: pointer;
}
.icon.logout {
    background-position: 0 -94px;
    width: 20px;
    height: 24px;
    margin: 0px 10px 0 0;
}
.icon.admin {
    background-position: -21px -94px;
    width: 30px;
    height: 24px;
    margin: 0px 10px 0 0;
}
.icon.list-view {
    margin: 2px 5px 0 0;
}
/* ENDSPRITES */
.clear {
    clear: both;
}
.left {
    float: left;
}
.right {
    float: right;
}
#content_tree_menu {
    height: 645px;
    overflow: hidden;
}
#content_tree_menu:hover {
    overflow: auto;
}
.menu-border {
    height: 1px;
    background: url( '/bundles/howto/images/menu_border.png' ) no-repeat right;
}
.relative-container {
    position: relative;
}
.gradient {
    position: absolute;
    bottom: 0px;
    background: url( '/bundles/howto/images/box_gradient.png' ) repeat-x;
    width: 200px;
    height: 20px;
}

div.pp_default .pp_top,div.pp_default .pp_top .pp_middle,div.pp_default .pp_top .pp_left,div.pp_default .pp_top .pp_right,div.pp_default .pp_bottom,div.pp_default .pp_bottom .pp_left,div.pp_default .pp_bottom .pp_middle,div.pp_default .pp_bottom .pp_right{height:13px}
div.pp_default .pp_top .pp_left{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) -78px -93px no-repeat}
div.pp_default .pp_top .pp_middle{background:url(/bundles/howto/images/prettyPhoto/default/sprite_x.png) top left repeat-x}
div.pp_default .pp_top .pp_right{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) -112px -93px no-repeat}
div.pp_default .pp_content .ppt{color:#f8f8f8}
div.pp_default .pp_content_container .pp_left{background:url(/bundles/howto/images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;padding-left:13px}
div.pp_default .pp_content_container .pp_right{background:url(/bundles/howto/images/prettyPhoto/default/sprite_y.png) top right repeat-y;padding-right:13px}
div.pp_default .pp_next:hover{background:url(/bundles/howto/images/prettyPhoto/default/sprite_next.png) center right no-repeat;cursor:pointer}
div.pp_default .pp_previous:hover{background:url(/bundles/howto/images/prettyPhoto/default/sprite_prev.png) center left no-repeat;cursor:pointer}
div.pp_default .pp_expand{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_expand:hover{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;cursor:pointer}
div.pp_default .pp_contract{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;cursor:pointer;height:28px;width:28px}
div.pp_default .pp_contract:hover{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;cursor:pointer}
div.pp_default .pp_close{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;cursor:pointer;height:30px;width:30px}
div.pp_default .pp_gallery ul li a{background:url(/bundles/howto/images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;border:1px solid #aaa}
div.pp_default .pp_social{margin-top:7px}
div.pp_default .pp_gallery a.pp_arrow_previous,div.pp_default .pp_gallery a.pp_arrow_next{left:auto;position:static}
div.pp_default .pp_nav .pp_play,div.pp_default .pp_nav .pp_pause{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;height:30px;width:30px}
div.pp_default .pp_nav .pp_pause{background-position:-51px -29px}
div.pp_default a.pp_arrow_previous,div.pp_default a.pp_arrow_next{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;height:20px;margin:4px 0 0;width:20px}
div.pp_default a.pp_arrow_next{background-position:-82px -3px;left:52px}
div.pp_default .pp_content_container .pp_details{margin-top:5px}
div.pp_default .pp_nav{clear:none;height:30px;position:relative;width:110px}
div.pp_default .pp_nav .currentTextHolder{color:#999;font-family:Georgia;font-size:11px;font-style:italic;left:75px;line-height:25px;margin:0;padding:0 0 0 10px;position:absolute;top:2px}
div.pp_default .pp_close:hover,div.pp_default .pp_nav .pp_play:hover,div.pp_default .pp_nav .pp_pause:hover,div.pp_default .pp_arrow_next:hover,div.pp_default .pp_arrow_previous:hover{opacity:0.7}
div.pp_default .pp_description{font-size:11px;font-weight:700;line-height:14px;margin:5px 50px 5px 0}
div.pp_default .pp_bottom .pp_left{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) -78px -127px no-repeat}
div.pp_default .pp_bottom .pp_middle{background:url(/bundles/howto/images/prettyPhoto/default/sprite_x.png) bottom left repeat-x}
div.pp_default .pp_bottom .pp_right{background:url(/bundles/howto/images/prettyPhoto/default/sprite.png) -112px -127px no-repeat}
div.pp_default .pp_loaderIcon{background:url(/bundles/howto/images/prettyPhoto/default/loader.gif) center center no-repeat}
div.light_rounded .pp_top .pp_left{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}
div.light_rounded .pp_top .pp_right{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}
div.light_rounded .pp_next:hover{background:url(/bundles/howto/images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.light_rounded .pp_previous:hover{background:url(/bundles/howto/images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_rounded .pp_expand{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_rounded .pp_expand:hover{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_rounded .pp_contract{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_rounded .pp_contract:hover{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_rounded .pp_close{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_rounded .pp_nav .pp_play{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_nav .pp_pause{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_rounded .pp_arrow_previous{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}
div.light_rounded .pp_arrow_next{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}
div.light_rounded .pp_bottom .pp_left{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}
div.light_rounded .pp_bottom .pp_right{background:url(/bundles/howto/images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_top .pp_left{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}
div.dark_rounded .pp_top .pp_right{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}
div.dark_rounded .pp_content_container .pp_left{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}
div.dark_rounded .pp_content_container .pp_right{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}
div.dark_rounded .pp_next:hover{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_rounded .pp_previous:hover{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}
div.dark_rounded .pp_expand{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_expand:hover{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_rounded .pp_contract:hover{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_rounded .pp_close{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_rounded .pp_description{color:#fff;margin-right:85px}
div.dark_rounded .pp_nav .pp_play{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_nav .pp_pause{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_rounded .pp_arrow_previous{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}
div.dark_rounded .pp_arrow_next{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}
div.dark_rounded .pp_bottom .pp_left{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}
div.dark_rounded .pp_bottom .pp_right{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}
div.dark_rounded .pp_loaderIcon{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}
div.dark_square .pp_left,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:#000}
div.dark_square .pp_description{color:#fff;margin:0 85px 0 0}
div.dark_square .pp_loaderIcon{background:url(/bundles/howto/images/prettyPhoto/dark_square/loader.gif) center center no-repeat}
div.dark_square .pp_expand{background:url(/bundles/howto/images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.dark_square .pp_expand:hover{background:url(/bundles/howto/images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.dark_square .pp_contract{background:url(/bundles/howto/images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.dark_square .pp_contract:hover{background:url(/bundles/howto/images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.dark_square .pp_close{background:url(/bundles/howto/images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.dark_square .pp_nav{clear:none}
div.dark_square .pp_nav .pp_play{background:url(/bundles/howto/images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_nav .pp_pause{background:url(/bundles/howto/images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.dark_square .pp_arrow_previous{background:url(/bundles/howto/images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}
div.dark_square .pp_arrow_next{background:url(/bundles/howto/images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}
div.dark_square .pp_next:hover{background:url(/bundles/howto/images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}
div.dark_square .pp_previous:hover{background:url(/bundles/howto/images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.light_square .pp_expand{background:url(/bundles/howto/images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.light_square .pp_expand:hover{background:url(/bundles/howto/images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.light_square .pp_contract{background:url(/bundles/howto/images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.light_square .pp_contract:hover{background:url(/bundles/howto/images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.light_square .pp_close{background:url(/bundles/howto/images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:75px}
div.light_square .pp_nav .pp_play{background:url(/bundles/howto/images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_nav .pp_pause{background:url(/bundles/howto/images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}
div.light_square .pp_arrow_previous{background:url(/bundles/howto/images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}
div.light_square .pp_arrow_next{background:url(/bundles/howto/images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}
div.light_square .pp_next:hover{background:url(/bundles/howto/images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}
div.light_square .pp_previous:hover{background:url(/bundles/howto/images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_top .pp_left{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}
div.facebook .pp_top .pp_middle{background:url(/bundles/howto/images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}
div.facebook .pp_top .pp_right{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}
div.facebook .pp_content_container .pp_left{background:url(/bundles/howto/images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}
div.facebook .pp_content_container .pp_right{background:url(/bundles/howto/images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y}
div.facebook .pp_expand{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}
div.facebook .pp_expand:hover{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}
div.facebook .pp_contract{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}
div.facebook .pp_contract:hover{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}
div.facebook .pp_close{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer;height:22px;width:22px}
div.facebook .pp_description{margin:0 37px 0 0}
div.facebook .pp_loaderIcon{background:url(/bundles/howto/images/prettyPhoto/facebook/loader.gif) center center no-repeat}
div.facebook .pp_arrow_previous{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}
div.facebook .pp_arrow_next{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}
div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}
div.facebook .pp_nav{margin-top:0}
div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}
div.facebook .pp_nav .pp_play{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_nav .pp_pause{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}
div.facebook .pp_next:hover{background:url(/bundles/howto/images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}
div.facebook .pp_previous:hover{background:url(/bundles/howto/images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}
div.facebook .pp_bottom .pp_left{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}
div.facebook .pp_bottom .pp_middle{background:url(/bundles/howto/images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}
div.facebook .pp_bottom .pp_right{background:url(/bundles/howto/images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}
div.pp_pic_holder a:focus{outline:none}
div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}
div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}
.pp_content{height:40px;min-width:40px}
* html .pp_content{width:40px}
.pp_content_container{position:relative;text-align:left;width:100%}
.pp_content_container .pp_left{padding-left:20px}
.pp_content_container .pp_right{padding-right:20px}
.pp_content_container .pp_details{float:left;margin:10px 0 2px}
.pp_description{display:none;margin:0}
.pp_social{float:left;margin:0}
.pp_social .facebook{float:left;margin-left:5px;overflow:hidden;width:55px}
.pp_social .twitter{float:left}
.pp_nav{clear:right;float:left;margin:3px 10px 0 0}
.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}
.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}
a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}
.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}
.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}
.pp_gallery div{float:left;overflow:hidden;position:relative}
.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}
.pp_gallery ul a{border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}
.pp_gallery ul a img{border:0}
.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}
.pp_gallery li.default a{background:url(/bundles/howto/images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}
.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}
a.pp_next{background:url(/bundles/howto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}
a.pp_previous{background:url(/bundles/howto/images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}
a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}
a.pp_close{display:block;line-height:22px;position:absolute;right:0;text-indent:-10000px;top:0}
.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}
#pp_full_res{line-height:1!important}
#pp_full_res .pp_inline{text-align:left}
#pp_full_res .pp_inline p{margin:0 0 15px}
div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}
div.pp_default .pp_content,div.light_rounded .pp_content{background-color:#fff}
div.pp_default #pp_full_res .pp_inline,div.light_rounded .pp_content .ppt,div.light_rounded #pp_full_res .pp_inline,div.light_square .pp_content .ppt,div.light_square #pp_full_res .pp_inline,div.facebook .pp_content .ppt,div.facebook #pp_full_res .pp_inline{color:#000}
div.pp_default .pp_gallery ul li a:hover,div.pp_default .pp_gallery ul li.selected a,.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}
div.pp_default .pp_details,div.light_rounded .pp_details,div.dark_rounded .pp_details,div.dark_square .pp_details,div.light_square .pp_details,div.facebook .pp_details{position:relative}
div.light_rounded .pp_top .pp_middle,div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right,div.light_rounded .pp_bottom .pp_middle,div.light_square .pp_left,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content,div.facebook .pp_content{background:#fff}
div.light_rounded .pp_description,div.light_square .pp_description{margin-right:85px}
div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next,div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next,div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next,div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px!important}
div.light_rounded .pp_arrow_previous.disabled,div.dark_rounded .pp_arrow_previous.disabled,div.dark_square .pp_arrow_previous.disabled,div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}
div.light_rounded .pp_arrow_next.disabled,div.dark_rounded .pp_arrow_next.disabled,div.dark_square .pp_arrow_next.disabled,div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}
div.light_rounded .pp_loaderIcon,div.light_square .pp_loaderIcon{background:url(/bundles/howto/images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}
div.dark_rounded .pp_top .pp_middle,div.dark_rounded .pp_content,div.dark_rounded .pp_bottom .pp_middle{background:url(/bundles/howto/images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}
div.dark_rounded .currentTextHolder,div.dark_square .currentTextHolder{color:#c4c4c4}
div.dark_rounded #pp_full_res .pp_inline,div.dark_square #pp_full_res .pp_inline{color:#fff}
.pp_top,.pp_bottom{height:20px;position:relative}
* html .pp_top,* html .pp_bottom{padding:0 20px}
.pp_top .pp_left,.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}
.pp_top .pp_middle,.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}
* html .pp_top .pp_middle,* html .pp_bottom .pp_middle{left:0;position:static}
.pp_top .pp_right,.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}
.pp_fade,.pp_gallery li.default a img{display:none}
/* Left-column article tree menu (id="contentstructure") */

div#contentstructure.menu
{
    width: 100%;
    overflow: auto;
    overflow: -moz-scrollbars-horizontal;
    padding-top: 0.5em;
}

div#contentstructure.menu ul#content_tree_menu
{
    margin-top: 0;
    margin-left: 0.25em;
    padding-left: 0.5em;
}

div#contentstructure.menu ul#content_tree_menu ul
{
    margin: 0;
    padding-top: 4px;
    padding-bottom: 0;
}

div#contentstructure.menu ul#content_tree_menu ul ul
{
    margin-left: 0;
}

div#contentstructure.menu ul#content_tree_menu li
{
    list-style-type: none;
    white-space: nowrap;
}

div#contentstructure.menu ul#content_tree_menu ul li
{
    margin: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-bottom: 4px;
    background-image: url(/bundles/howto/images/bg_content_tree_li.png);
    background-repeat: no-repeat;
}

div#contentstructure.menu ul#content_tree_menu ul li.lastli
{
    background-image: url(/bundles/howto/images/bg_content_tree_li_last.gif);
    padding-bottom: 2px;
}

div#contentstructure.menu ul#content_tree_menu li img
{
    vertical-align: middle;
}

div#contentstructure.menu a.nodeicon
{
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
}

div#contentstructure.menu a.nodetext
{
    color: #315578;
    text-decoration: none;
}

div#contentstructure.menu a.nodetext:hover
{
    color: #000000;
    text-decoration: underline;
}

div#contentstructure.menu li.currentnode a.nodetext:hover
{
    text-decoration: none;
}

div#contentstructure.menu li.currentnode li a.nodetext:hover
{
    color: #000000;
    text-decoration: underline;
}

div#contentstructure.menu li span.node-name-normal
{
    font-weight: normal;
}

div#contentstructure.menu li.currentnode a.nodetext span.node-name-normal,
div#contentstructure.menu li.currentnode a.nodetext span.node-name-hidden,
div#contentstructure.menu li.currentnode a.nodetext span.node-name-hiddenbyparent
{
    font-weight: bold;
    color: #f08c00;
    background-color: transparent;
    padding: 0 0.25em 0 0.2em;
}

div#contentstructure.menu li.currentnode li a.nodetext span.node-name-normal,
div#contentstructure.menu li.currentnode li a.nodetext span.node-name-hidden,
div#contentstructure.menu li.currentnode li a.nodetext span.node-name-hiddenbyparent
{
    font-weight: normal;
    color: #315578;
    background-color: transparent;
    padding: 0;
}

div#contentstructure.menu li a.nodetext span.node-name-hidden,
div#contentstructure.menu li.currentnode li a.nodetext span.node-name-hidden
{
    font-weight: normal;
    font-style: normal;
    background-color: #e0e0c9;
    padding: 0 0.2em 0 0.2em;
}

div#contentstructure.menu li a.nodetext span.node-name-hiddenbyparent,
div#contentstructure.menu li.currentnode li a.nodetext span.node-name-hiddenbyparent
{
    font-weight: normal;
    font-style: normal;
    background-color: #eff0e4;
    padding: 0 0.2em 0 0.2em;
}

div#contentstructure.menu span.node-hidden,
div#contentstructure.menu span.node-hiddenbyparent
{
    display: none;
}

div#contentstructure.menu a.openclose,
div#contentstructure.menu span.openclose
{
    text-decoration: none;
}

div#contentstructure.menu a.openclose img,
div#contentstructure.menu span.openclose img
{
    margin: 0;
    cursor: default;
}

div#contentstructure.menu a.openclose,
div#contentstructure.menu span.openclose
{
    color: #315578;
}

div#contentstructure.menu span.openclose
{
    visibility: hidden;
}
/* CONTENTSTRUCTURE TREE MENU STYLES */

div.contentstructure
{
    overflow: visible;
    padding-top: 0.5em;
}

#tags #tags-tree.contentstructure
{
    overflow: auto;
}

div.contentstructure a {color:#0B4E7A;}
div.contentstructure a:hover {color:#E24602;}

div.contentstructure ul.content_tree_menu
{
    margin-top: 0;
    margin-left: 0.25em;
    padding-left: 0.5em;
}

div.contentstructure ul.content_tree_menu ul
{
    margin: 0;
    padding-top: 4px;
    padding-bottom: 0;
}

div.contentstructure ul.content_tree_menu ul ul
{
    margin-left: 0;
}

div.contentstructure ul.content_tree_menu li
{
    list-style-type: none;
    white-space: nowrap;
    position: relative;
    background:none;
    padding:0;
}

div.contentstructure ul.content_tree_menu ul li
{
    margin: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-bottom: 4px;
}

div.contentstructure ul.content_tree_menu ul li.lastli
{
    padding-bottom: 2px;
}

div.contentstructure ul.content_tree_menu li.disabled a,
div.contentstructure ul.content_tree_menu li.disabled a:hover,
div.contentstructure ul.content_tree_menu li.disabled a:hover span {color:silver; outline:none; cursor:default; text-decoration:none;}

div.contentstructure ul.content_tree_menu li img
{
    vertical-align: middle;
}

div.contentstructure a.nodeicon
{
    margin-left: 0;
    padding-left: 0;
    display: inline-block;
}

div.contentstructure li span.node-name-normal
{
    font-weight: normal;
}

div.contentstructure li.currentnode > a.image-text span.node-name-normal, div.contentstructure li.currentnode > a.image-text span.node-name-hidden, div.contentstructure li.currentnode > a.image-text span.node-name-hiddenbyparent /* Highlighting of current node */
{
    color: #E24602;
    padding: 0 0.25em 0 0.2em;
}

div.contentstructure li a.image-text span.node-name-hidden, div.contentstructure li.currentnode li a.image-text span.node-name-hidden
{
    font-weight: normal;
    font-style: normal;
    background-color: #ddd;
    padding: 0 0.2em 0 0.2em;
}

div.contentstructure li a.image-text span.node-name-hiddenbyparent, div.contentstructure li.currentnode li a.image-text span.node-name-hiddenbyparent
{
    font-weight: normal;
    font-style: normal;
    background-color: #eee;
    padding: 0 0.2em 0 0.2em;
}

div.contentstructure li a.image-text span.node-name-normal.disabled
{
	color:silver;
}

div.contentstructure span.node-hidden, div.contentstructure span.node-hiddenbyparent
{
    display: none;
}

a.openclose, span.openclose
{
    text-decoration: none;
}

a.openclose img, span.openclose img
{
    margin: 0;
    cursor: default;
}

div.contentstructure span.openclose
{
    visibility: hidden;
}

div.contentstructure ul.content_tree_menu ul a.openclose-open, div.contentstructure ul.content_tree_menu ul a.openclose-close, div.contentstructure ul.content_tree_menu ul a.openclose-busy, div.contentstructure ul.content_tree_menu ul a.openclose-error
{
    position: absolute;
    left: 0;
    _left: -20px; /* to fix a bug in IE 6 */
    top: 0;
    width: 16px;
    height: 16px;
    background: transparent url( '/bundles/howto/images/contentstructure-tree/content_tree-icons.png' ) no-repeat center 0px scroll;
}

div.contentstructure ul.content_tree_menu ul a.openclose-close
{
    background-position: center -16px;
}

div.contentstructure ul.content_tree_menu ul a.openclose-error
{
    background-position: center -32px;
}

div.contentstructure ul.content_tree_menu ul a.openclose-busy
{
    background-position: center -48px;
    cursor: progress;
}

div.contentstructure ul.content_tree_menu div.loaded
{
    display: block;
}

div.contentstructure ul.content_tree_menu div.hidden
{
    display: none;
}

pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/*!
  Theme: Default
  Description: Original highlight.js style
  Author: (c) Ivan Sagalaev <maniac@softwaremaniacs.org>
  Maintainer: @highlightjs/core-team
  Website: https://highlightjs.org/
  License: see project LICENSE
  Touched: 2021
*/
/*
This is left on purpose making default.css the single file that can be lifted
as-is from the repository directly without the need for a build step

Typically this "required" baseline CSS is added by `makestuff.js` during build.
*/
pre code.hljs {
  display: block;
  overflow-x: auto;
  padding: 1em
}
code.hljs {
  padding: 3px 5px
}
/* end baseline CSS */
.hljs {
  background: #F3F3F3;
  color: #444
}
/* Base color: saturation 0; */
.hljs-subst {
  /* default */
  
}
/* purposely ignored */
.hljs-formula,
.hljs-attr,
.hljs-property,
.hljs-params {
  
}
.hljs-comment {
  color: #697070
}
.hljs-tag,
.hljs-punctuation {
  color: #444a
}
.hljs-tag .hljs-name,
.hljs-tag .hljs-attr {
  color: #444
}
.hljs-keyword,
.hljs-attribute,
.hljs-selector-tag,
.hljs-meta .hljs-keyword,
.hljs-doctag,
.hljs-name {
  font-weight: bold
}
/* User color: hue: 0 */
.hljs-type,
.hljs-string,
.hljs-number,
.hljs-selector-id,
.hljs-selector-class,
.hljs-quote,
.hljs-template-tag,
.hljs-deletion {
  color: #880000
}
.hljs-title,
.hljs-section {
  color: #880000;
  font-weight: bold
}
.hljs-regexp,
.hljs-symbol,
.hljs-variable,
.hljs-template-variable,
.hljs-link,
.hljs-selector-attr,
.hljs-operator,
.hljs-selector-pseudo {
  color: #ab5656
}
/* Language color: hue: 90; */
.hljs-literal {
  color: #695
}
.hljs-built_in,
.hljs-bullet,
.hljs-code,
.hljs-addition {
  color: #397300
}
/* Meta color: hue: 200 */
.hljs-meta {
  color: #1f7199
}
.hljs-meta .hljs-string {
  color: #38a
}
/* Misc effects */
.hljs-emphasis {
  font-style: italic
}
.hljs-strong {
  font-weight: bold
}