.staffbox
{
    border: 1px solid #FEE;
    background-color: #efefef;
    padding: 10px;
}

#article
{
    font-size: medium;
    font-family: arial;
}

#article_nav
{
    width: 980px;
    position: relative;
    height: 45px;
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#article_nav .tsd_search
{
    position: absolute;
    width: 315px;
    left: 15px;
}

#article_nav .tsd_search input[type="submit"]
{
  max-width: 100px;
}

#article_nav .tsd_categories
{
    position: absolute;
    width: 315px;
    left: 340px;
}

#article_nav .tsd_products
{
    position: absolute;
    width: 315px;
    left: 680px;
}

#article_nav input[type="text"]
{
    width: 60%;
}

#article_nav label
{
    padding-left: 20px;
    line-height: 16px;
    display: block;
    margin-bottom: 5px;
}

#article_nav label[for="tsd_search"]
{
    background: url('/static/lib/images/tsd/search.gif') no-repeat left top;
}

#article_nav label[for="tsd_categories"]
{
    background: url('/static/lib/images/tsd/folder.gif') no-repeat left top;
}

#article_nav label[for="tsd_products"]
{
    background: url('/static/lib/images/tsd/product.gif') no-repeat left top;
}

#tsd_nav
{
    margin: 10px;
}

#tsd_nav a
{
    font-weight: bold;
}

#article_nav select
{
    width: 75%;
}

.article_categories
{
    border: 1px dashed #ccc;
    background-color: #EFEFEF;
    font-family: verdana;
    font-size: 11px;
    padding: 10px;
    margin: 0 0 5px 0;
}

.article_categories ul
{
    margin: 0;
    padding: 0;
}

.article_categories ul li
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.article_products
{
    padding: 10px;
    margin: 0 0 5px 0;
    border: 1px dashed #ddd;
    font-family: verdana;
    font-size: 12px;
}

.article_products p
{
    margin: 0;
    padding: 0 0 5px 0;
}

.article_products a
{
}

.article_header
{
    margin: 0 10px;
}

.article_header p
{
    font-family: verdana;
    font-size: 12px;
}

.article_header p a
{
    padding-bottom: 10px;
}

.article_header p a.print
{
    cursor: pointer;
    padding-left: 20px;
    line-height: 20px;
    background: url('/static/lib/images/tsd/print.gif') no-repeat left top;
}

#article
{
    margin: 0 10px;
}

#attachments h2,
#feedback h2
#related_articles h2,
{
    margin: 10px 0;
}

#article_bottom
{
    margin: 0 10px;
    border-top: 1px solid #ccc;
}

#article_bottom #attachments
{
    float: left;
    clear: left;
    width: 50%;
}

#article_bottom #related_articles
{
    float: left;
    clear: right;
    width: 50%;
}

#feedback
{
    border-top: 1px solid #ccc;
}

#feedback .left
{
    float: left;
    width: 315px;
}

#feedback .right
{
    margin-left: 20px;
    width: 315px;
    float: left;
}

#feedback ul.errorlist
{
    clear: both;
    margin: 5px 0 5px 0;
    padding: 10px 0 0 0;
}

#feedback ul.errorlist li
{
    margin: 0;
    padding: 0;
    list-style-type: none;
    color: red;
    font-weight: bold;
}

#feedback form.form p
{
    margin: 0 0 10px 0;
}

#feedback form.form .fieldrow
{
    margin-top: 5px;
}

#feedback form.form .fieldrow p
{
    margin: 0 0 0 0px;
    clear: left;
}

#feedback form.form textarea
{
    width: 100%;
}

#feedback form.form .fieldrow
{
    clear: both;
}

#feedback form.form .fieldrow label
{
    display: block;
    font-weight: bold;
    width: 140px;
    clear: left;
    float: left;
}

#feedback form.form .fieldrow input[type="text"],
#feedback form.form .fieldrow select
{
    display: block;
    width: 175px;
    clear: right;
    float: left;

     box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

#feedback form.form input[type="submit"]
{
    margin: 10px 0;
    color: red;
    font-weight: bold;
    float: right;
}

.tree_header
{
    margin: 0 10px;
    border-bottom: 1px solid #ccc;
}

.tree_header h1 a
{
    color: black;
}

.tree_header h1
{
    margin-bottom: 10px;
}

.tree_header p
{
    font-weight: bold;
    margin: 0 0 10px 0;
}



#tree_subcategories
{
    margin: 0 10px 10px 10px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 10px 0;
}

#tree_subcategories ul
{
    margin: 0;
    padding: 0;
}

#tree_subcategories ul li
{
    display: block;
    padding-left: 20px;
    float: left;
    width: 306px;
    line-height: 18px;
    font-size: 12px;
    list-style-type: none;
    background: url('/static/lib/images/tsd/folder.gif') no-repeat left top;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#tree_articles
{
    margin: 10px 10px 0 10px;
}

#tree_articles h2
{
    margin: 0 0 10px 0;
    clear: left;
}

#tree_articles .result
{
    margin-bottom: 20px;
}

#tree_articles .result a.title
{
    clear: left;
    display: block;
    height: 16px;
    font-weight: bold;
    list-style-type: none;
    padding-left: 20px;
    background: url('/static/lib/images/tsd/article.gif') no-repeat left top;
}

#tree_articles .result a.title strong
{
    color: black;
}

#tree_articles .result p
{
    margin: 5px 0;
}

#tree_articles .result div.thumbnail
{
    margin: 0 10px 0 0;
    float: left;
    clear: left;
}

#tree_articles .result div.thumbnail a
{
    display: block;
    clear: both;
}

#tree_articles .result div.thumbnail img
{
    display: block;
}

div.product_header
{

}

div.product_header h1
{
    margin-bottom: 5px;
}

div.product_sidebar
{
  width: 300px;
  float:right;
  margin: 0 0 10px 10px;
}

div.product_sidebar h2.title
{
  font-family: georgia;
  font-weight: normal;
  margin: 15px 0 0 0;
  width: 100%;
  text-align: center;
  display: block;
  font-size: 1.5em;
  /* text-transform: uppercase; */
  color: #363636;
}


div.product_sidebar a
{
  display: block;
  border-bottom: 1px solid #CCCCCC;
  padding: 5px 0 5px 0;
  font-size: 12px;
}

div.product_sidebar div.section
{
}

div.product_sidebar div.section h3.section_title
{
  font-weight: bold;
  display: block;
  border-bottom: 1px solid #CCCCCC;
  padding: 20px 0 5px 0;
  margin: 0;
  font-size: 14px;
}

div.product_sidebar div.section ul
{
  margin: 0;
  padding: 0;
}

div.product_sidebar div.section ul li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div.product_photo
{
    float: left;
    width: 100px;
    border: 1px solid #ccc;
    margin: 0 10px 10px 0;
}

div.product_photo img
{
    display: block;
}

div#glossary
{

}

div #glossary div.alphalist a:hover,
div #glossary div.alphalist a.current
{
    background-color: #ddd;
}

div #glossary div.alphalist
{
    text-align: center;
}

div #glossary div.alphalist a
{
    font-size: 13px;
    background-color: #f7f7f7;
    border: 1px solid #ccc;
    color: #333;
    margin-right: 3px;
    padding: 3px 8px;
}

div#glossary h2
{
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

div#glossary table
{
    margin: 0 10px;
    vertical-align: top;
    text-align: left;
}

div#glossary table tbody tr.even td
{
    background-color: #eee;
}

div#glossary table tbody tr td
{
    padding-bottom: 10px;
}

div#glossary table thead tr th
{
    font-weight: bold;
    font-size: 1.25em;
}

div#glossary table tbody tr td:first-child
{
    font-size: 120%;
    padding-right: 20px;
    min-width: 175px;
}

div#glossary td
{
    vertical-align: top;
    line-height: 1.75em;
}


#tsd_home
{
    margin: 0 10px 10px 10px;
}

#tsd_home .left
{
    width: 60%;
    float: left;
}

#tsd_home .right
{
    width: 39%;
    float: right;
}

#tsd_home .left  h2,
#tsd_home .right h2{
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;

}

@media screen and (max-device-width: 480px){
    .jstree{
        -webkit-text-size-adjust: none;
    }
}


.jstree ul li
{
    line-height: 20px;
}

.jstree ul li[rel="article"] a ins
{
    background: url("/static/lib/images/tsd/article.gif") no-repeat scroll left top transparent !important;
}

.jstree ul li[rel="product"] a ins
{
    background: url("/static/lib/images/tsd/product.gif") no-repeat scroll left top transparent !important;
}

.jstree ul li a
{
    font-size: 12px !important;
    margin-right: 50px;
    white-space: normal;
}

.jstree ul li[rel="product"] > a:hover,
.jstree ul li[rel="article"] > a:hover
{
    background-color: #DDFFDD;
}

.jstree ul li[rel="category"] > a:hover
{
    background-color: #FFFFDD;
}

.jstree ins
{
    display: block !important;
    float: left !important;
}

.jstree a
{
    height: auto !important;
}