@font-face
{
    font-family:'open_sans';
    font-weight:400;
    font-style:normal;
    src:url(../fonts/OpenSans-Regular-webfont.eot);
    src:url(../fonts/OpenSans-Regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Regular-webfont.woff) format("woff"),url(../fonts/OpenSans-Regular-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Regular-webfont.svg#open_sansregular) format("svg")
}
@font-face
{
    font-family:'open_sans';
    font-weight:600;
    font-style:normal;
    src:url(../fonts/OpenSans-Semibold-webfont.eot);
    src:url(../fonts/OpenSans-Semibold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/OpenSans-Semibold-webfont.woff) format("woff"),url(../fonts/OpenSans-Semibold-webfont.ttf) format("truetype"),url(../fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold) format("svg")
}
html,body
{
    width:100%;
    margin:0
}
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,font,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
{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent
}
body
{
    line-height:1;
    font-family:open_sans,sans-serif!important;
    height:100%
}
body.no_scroll
{
    overflow:hidden
}
.wrapper
{
    position:relative;
    min-height:100%
}
.main
{
    padding-left:5%;
    min-height:calc(100vh - 311px);
    width:-moz-calc(100% - 311px)
}
#pr_top
{
    margin-top:0
}
a,a:hover
{
    text-decoration:none;
    color:#009AE8
}
#helpdesk #header ul li.selected
{
    background-image:none!important;
    background-color:#DD1F26;
    border-radius:1em 1em 1em 1em;
    color:#fff
}
.button
{
    border:medium none;
    border-radius:7px 7px 7px 7px;
    box-shadow:0 0 1px gray;
    float:left;
    padding:.25em .5em
}
#helpdesk h1
{
    color:#000;
    font-size:2em;
    font-weight:400;
    line-height:1.2;
    margin-bottom:.5em
}
#helpdesk .template h1
{
    color:#000;
    font-size:24px;
    font-weight:400;
    line-height:1.2;
    margin-bottom:1.5em
}
.wrapper_products h1
{
    padding-left:3%;
    display:inline-block;
    width:70%
}
.inner-container h1
{
    font-weight:400;
    font-size:1.5em!important;
    color:#000;
    line-height:1.4;
    margin-bottom:1em
}
#helpdesk hr
{
    border:none;
    border-bottom:1px solid silver;
    margin-bottom:2em
}
#helpdesk .left-side
{
    width:70%;
    float:left
}
.addition
{
    width:230px
}
td.addition ul
{
    margin-left:0;
    margin-bottom:1.5em;
    display:block;
    float:left
}
td.addition ul li
{
    list-style-type:none;
    padding:.5em 0;
    color:#ACACAC;
    font-size:12px
}
td.addition h2
{
    margin-bottom:.5em;
    font-size:1.25em
}
td.addition h4,td.addition h2
{
    margin-bottom:1.2em;
    margin-top:1.2em;
    font-size:1em;
    font-weight:400;
    display:block;
    clear:both
}
td.addition hr
{
    display:none
}
.products
{
    width:90%;
    border:none;
    border-spacing:0;
    border-width:0;
    position:relative;
    z-index:100;
    margin-bottom:3em;
    float:left;
    margin-top:1.5em
}
.wrapper_products
{
    display:block;
    float:left;
    width:1015px
}
.wrapper_bowto
{
    display:block;
    float:left
}
.hd-product-col img
{
    float:left;
    width:60%;
    margin-left:0
}
#sp img
{
    margin-left:.25em
}
.hd-product-col h2
{
    margin-top:1em;
    color:#000;
    font-weight:700;
    font-size:1.2em
}
.hd-product-col p
{
    margin-top:-2em;
    margin-left:1.25em;
    float:left;
    width:100%;
    text-decoration:underline;
    font-size:.89em
}
a.hd-pr
{
    float:left;
    width:100%!important;
    border:none;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}
a.hd-pr img
{
    z-index:120
}
.product-title
{
    float:left;
    position:relative;
    z-index:100;
    text-align:center;
    margin-left:10%
}
.pt-cont
{
    padding:.25em 0 .5em;
    -webkit-border-radius:0 0 7px 7px;
    -moz-border-radius:0 0 7px 7px;
    -o-border-radius:0 0 7px 7px;
    border-radius:0 0 7px 7px
}
.pt-cont .product-title
{
    float:none;
    margin-left:0
}
.back-hover
{
    background:#fff;
    width:140px;
    height:200px;
    position:relative;
    margin-top:-180px;
    left:0;
    padding:.5em;
    -webkit-border-radius:7px;
    -moz-border-radius:7px;
    border-radius:7px;
    opacity:.1
}
a.hd-pr:hover .pt-cont span
{
    color:#0d415b
}
#mm a.hd-pr:hover .back-hover
{
    background:#009245;
    cursor:pointer
}
#prj a.hd-pr:hover .back-hover
{
    background:#0071BC;
    cursor:pointer
}
#pro a.hd-pr:hover .back-hover
{
    background:#ED1C24;
    cursor:pointer
}
#sp a.hd-pr:hover .back-hover
{
    background:gray;
    cursor:pointer
}
#howtos_container
{
    margin:2em
}
.howto
{
    margin:1em
}
.howto a
{
    width:7em;
    height:10em;
    float:left;
    border:none;
    margin-right:3em;
    margin-bottom:2em
}
.howto a div
{
    margin-right:25%;
    margin-bottom:1em
}
.howto a h3
{
    text-decoration:underline;
    font-weight:400;
    font-size:1em;
    text-align:center
}
.right-side
{
    float:right;
    width:20%
}
.hd-block
{
    float:left;
    margin-top:1em;
    border:1px solid silver;
    background:#fff;
    padding:1em 1.5em;
    border-radius:7px 0 0 7px;
    -webkit-border-radius:7px 0 0 7px;
    -moz-border-radius:7px 0 0 7px;
    border-right:none;
    width:100%
}
#webinars
{
    margin-top:5em;
    width:100%!important
}
#webinars h2
{
    color:gray;
    margin-bottom:1em
}
#webinars a
{
    background:url(/resources/images/helpdesk/hd_webinar.gif) no-repeat;
    padding-left:20px;
    height:60px;
    font-size:.89em;
    border:none;
    text-decoration:underline
}
#support h2
{
    margin-bottom:1em;
    color:gray
}
#contacts
{
    float:left;
    width:100%;
    margin-top:1em
}
#contacts a img
{
    margin-top:-3px;
    border:1px solid #fff!important;
    float:left
}
#contacts a h4
{
    text-decoration:underline;
    float:left;
    line-height:2;
    margin-left:0
}
ol,ul
{
    list-style:none;
    margin:.5em 0
}
ul.lst
{
    margin-bottom:2em
}
ul.lst li
{
    margin-bottom:.5em;
    margin-top:.5em
}
ul.lst li ul
{
    margin-left:1.5em
}
ul.pdf
{
    float:right;
    margin-right:0;
    margin-top:-30px
}
.article ul li
{
    list-style:disc;
    list-style-position:outside;
    margin-left:1em
}
ul.pdf li
{
    background:url(/resources/images/pdf.png) no-repeat scroll left top transparent;
    color:#08C;
    font-family:'LucidaGrandeRegular',"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
    font-size:.7em;
    list-style:none outside none!important;
    padding-top:3em;
    width:100px;
    margin-top:0;
    margin-bottom:10px;
    line-height:1.2em
}
.current
{
    background:#000;
    color:#fff;
    text-decoration:none!important
}
.current-back
{
    border:1px solid silver
}
.current a
{
    border:none;
    color:#fff
}
.current:hover
{
    background:gray;
    color:#fff
}
ul.lst li ul li ul
{
    display:none
}
ul.lst li ul li ul li
{
    margin-left:1.5em;
    line-height:1.2;
    margin-bottom:.5em;
    margin-top:.25em;
    padding-top:.5em;
    padding-bottom:.5em;
    padding-left:.5em
}
ul.level_2
{
    margin-left:2em;
    font-size:.89em;
    width:25em
}
a.collaps
{
    border:none;
    padding:.25em .5em
}
.rc
{
    overflow:hidden;
    float:left;
    width:15px;
    height:15px
}
.rect
{
    background:#000;
    width:7px;
    height:7px;
    float:left;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    position:relative;
    top:7px;
    left:-4px
}
.arr svg
{
    width:20px;
    height:15px;
    border:1px solid silver
}
aside
{
    float:left;
    width:25%;
    position:relative
}
aside .list
{
    margin-left:2em;
    margin-top:2em
}
div.content
{
    float:left;
    width:65%;
    background:#fff
}
article
{
    float:left;
    color:#292929;
    margin-top:2em!important;
    margin-bottom:4em
}
.article,.addition
{
    line-height:1.4em
}
.article h3
{
    margin:2em 0 1em 0
}
.article ul
{
    margin-top:.8em;
    margin-bottom:.5em
}
.template .article p,.template .article ul li,.template .article ol li
{
    font-size:.85em
}
.totop
{
    position:fixed;
    width:100%;
    height:40px;
    background:#000;
    opacity:.25
}
.totop a
{
    color:#fff;
    border:none;
    margin-left:2em;
    padding:.25em .5em;
    line-height:2
}
.totop a:hover
{
    background:gray
}
nav#categories
{
    padding-top:1.5em
}
nav#categories ul
{
    margin-bottom:.75em;
    margin-left:1.5em;
    margin-right:0
}
nav#categories ul+ul
{
    margin-top:.75em;
    padding-top:.75em;
    border-top:1px silver solid
}
nav#categories ul li
{
    margin-left:-1.5em;
    background:url(/resources/images/helpdesk/btn_round.png) no-repeat 95%;
    line-height:1em;
    padding:.25em 1.5em .5em
}
nav#categories ul li.selected
{
    background-image:url(/resources/images/helpdesk/btn_round_pushed.png);
    background-color:#eff2f4
}
nav#categories ul li:hover
{
    background-image:url(/resources/images/helpdesk/btn_round_h.png);
    cursor:pointer
}
nav#categories ul li a
{
    font-size:.89em
}
nav#categories ul li a:hover
{
    color:#093f60
}
nav#categories ul li.selected a
{
    color:#000;
    border:none
}
nav#categories ul li.selected a:hover
{
    cursor:default
}
article#by_categoy
{
    float:left;
    margin:0
}
#category_content_container
{
    float:left;
    width:70%;
    border-left:1px #E8E8ED solid
}
#category_nav
{
    width:100%;
    float:left
}
#category_nav h5,h5
{
    font-size:1em;
    font-weight:400;
    color:gray
}
img.cat_img
{
    float:left;
    width:100%
}
.cat_title
{
    margin-left:25%;
    line-height:1.2;
    margin-bottom:1em;
    height:2em;
    width:7em
}
div#left_col
{
    float:left;
    width:20%;
    padding-left:2em;
    margin-bottom:1.5em
}
div#left_col .disk-button-container
{
    margin-top:3em;
    margin-left:3em;
    margin-bottom:7em
}
div#left_col .disk-button:hover
{
    background-color:transparent
}
div#right_col
{
    float:left;
    width:60%;
    border-left:1px solid #e8e8ed;
    margin-left:0;
    padding-left:1.5em
}
ul#sections_list
{
    font-size:.75em
}
ul#sections_list li a
{
    border-bottom-style:dotted
}
ul#sections_list li a:hover
{
    background:#fefe9e
}
#category_article
{
    float:left;
    width:100%;
    margin-top:2.75em;
    background:url(/resources/images/helpdesk/line_hr.png) no-repeat top
}
.shareit
{
    float:right;
    width:8.5em;
    padding:.5em 1em 0 2em
}
.shareit a
{
    border:none;
    margin-right:.25em
}
.shareit a span
{
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border:1px solid #dfdfdf
}
.hd-main .submenu .right
{
    display:none
}
.pt-cont
{
    float:left;
    width:100%
}
.page-title
{
    margin-top:3em;
    padding-left:20px;
    border-bottom:none;
    margin-bottom:50px;
    width:75%;
    line-height:21px;
    font-size:18px;
    height:21px
}
.page-title .title_h1
{
    font-size:1em
}
#helpdesk .page-title h1
{
    font-size:18px;
    line-height:21px;
    margin-bottom:0;
    font-weight:700
}
.hd-product-col
{
    padding-bottom:30px;
    padding-top:30px;
    width:200px!important;
    text-align:center;
    display:block;
    float:left
}
.page-title .pname
{
    padding-top:.25em;
    font-weight:700;
    padding-top:0
}
.page-title span.ar
{
    position:relative;
    background-image:url(/resources/images/ar_left.png);
    width:22px;
    height:20px;
    float:left
}
span.ar.ispc
{
    background-image:none;
    width:15px;
    margin:1px 7px
}
span.ar.ispc > a
{
    color:#ababab!important;
    font-weight:700
}
span.ar a
{
    width:22px;
    display:block
}
.page-title .button
{
    position:relative;
    top:-2px
}
span.ar
{
    font-style:normal;
    color:gray;
    background:none;
    font-size:1em
}
a.bred
{
    font-size:1em;
    font-family:Helvetica,sans,Verdana,Arial;
    background-color:#0071BC;
    color:#fff
}
a.bred:hover
{
    background-color:#093c56
}
table
{
    border-collapse:collapse;
    border-spacing:0
}
.cat-table-content
{
    font:14px/20px open_sans,Helvetica,Arial,sans-serif;
    width:85%;
    display:block;
    float:left
}
.cat-table-content h1
{
    margin-bottom:.5em
}
.cat-table-content h2
{
    margin-top:2em;
    font-size:1.25em;
    font-weight:700;
    margin-bottom:1.5em
}
.cat-table-content p
{
    margin-top:.5em
}
ul.toc-items
{
    margin-top:1.5em
}
ul.toc-items li
{
    padding-left:50px;
    background:no-repeat left;
    font-weight:700;
    margin-bottom:1.5em;
    border-bottom:1px #e8e8ed solid;
    padding-bottom:.5em
}
ul.toc-items li dt
{
    font-size:.89em;
    font-weight:400
}
ul.toc-items li.req
{
    background-image:url(/resources/images/helpdesk/toc_req.png);
    list-style:none outside none
}
ul.toc-items li.id
{
    background-image:url(/resources/images/helpdesk/toc_id.png);
    list-style:none outside none
}
ul.toc-items li.mm
{
    background-image:url(/resources/images/helpdesk/toc_mm.png);
    list-style:none outside none
}
ul.toc-items li.vid
{
    background-image:url(/resources/images/helpdesk/toc_vid.png);
    list-style:none outside none
}
ul.toc-items li.man,.cat-table-content a ul li
{
    list-style:none outside none;
    border-bottom:none;
    margin-left:0;
    padding-left:0;
    margin-bottom:10px;
    margin-top:0;
    text-underline:none
}
ul.toc-items li.man a,ul.toc-items li.man a:hover
{
    text-decoration:none
}
table.main-wrapper
{
    width:61%;
    float:left;
    margin-left:9%;
    margin-top:-20px
}
table.main-wrapper.articles
{
    width:800px
}
table.main-wrapper.related-items
{
    margin-left:450px
}
.template table.main-wrapper,.article table.main-wrapper
{
    width:75%;
    float:left;
    margin-left:20px;
    margin-top:20px
}
.hd-products .template table.main-wrapper
{
    width:1200px
}
.template .pre_footer table.main-wrapper,.article .pre_footer table.main-wrapper
{
    width:100%;
    float:left;
    margin-left:20px;
    margin-top:20px
}
.template .article table.main-wrapper
{
    width:100%;
    float:left;
    margin-left:0;
    margin-top:20px
}
table.main-wrapper table
{
    width:100%!important
}
table.main-wrapper table th
{
    width:20%
}
ul.views
{
    display:inline;
    margin-left:2em
}
ul.views li
{
    display:inline;
    padding:.25em .5em
}
ul.views li.selected
{
    background:#0071BC url(/resources/images/helpdesk/hd-dark-grad.png) repeat-x;
    color:#fff;
    border-radius:.5em;
    box-shadow:inset 0 1px 2px #0d334e
}
ul.views li a
{
    border-bottom:1px dashed #0071BC;
    padding-bottom:.15em
}
ul.views li.selected a
{
    color:#fff
}
ul.views li+li
{
    margin-left:1em
}
.submit
{
    float:right;
    margin-right:2em
}
.cat-table-content hr
{
    display:none
}
.ticket-header
{
    background:#29ABE2;
    padding:1em 0
}
a.ticket-menu-item
{
    margin-left:1em;
    color:#fff;
    padding:.5em 1.5em;
    border-radius:1em
}
a.ticket-menu-item:hover
{
    background:#155671
}
span.active a.ticket-menu-item
{
    background:#155671
}
a.submit-ticket
{
    margin-top:-.3em!important;
    margin-right:2em;
    width:7.5em;
    text-align:center
}
div.ticket-list
{
    width:23em;
    float:left;
    margin-top:2em;
    margin-left:1em
}
div.ticket-list p.small
{
    margin-left:2em;
    padding-top:1em
}
span.r
{
    color:#0C5B77;
    margin-left:.25em
}
div.ticket-list ul li
{
    list-style:none;
    margin-bottom:1em;
    padding:.25em 1em;
    border-radius:1em
}
div.ticket-list ul li.selected
{
    border:1px solid gray
}
div.ticket-list ul li.selected a
{
    color:#000
}
div.ticket-list ul li a.unread
{
    font-weight:700
}
div.ticket-list time
{
    width:5em;
    float:left;
    color:gray;
    font-size:.89em;
    text-align:right;
    margin-right:1em
}
div.ticket-resp
{
    float:left;
    width:35em;
    padding-left:2em
}
div.noname
{
    width:45em
}
div.ticket-resp h3
{
    margin-left:4.5em;
    margin-top:1.25em;
    border-bottom:1px silver solid;
    padding-bottom:.5em
}
div.ticket-list h3
{
    font-size:20px;
    margin-right:1em;
    margin-top:4em;
    margin-bottom:1.25em;
    border-bottom:1px silver solid;
    padding-bottom:.5em
}
table.resp
{
    font-size:1em;
    margin-left:3em;
    margin-top:1.5em;
    border-spacing:0!important
}
table.nn
{
    width:35em
}
table.resp td:first-child
{
    color:gray;
    vertical-align:top;
    border-right:1px solid gray;
    padding-top:1em;
    width:5.5em;
    height:3em
}
table.resp td.cd
{
    color:#fff
}
img.tri
{
    float:right;
    position:relative;
    right:-1px;
    top:-1em;
    margin-left:1.5em
}
table.resp td:nth-child(2)
{
    line-height:1.4;
    padding-left:1em
}
table.resp img.cd-sign
{
    position:relative;
    top:-1.25em;
    left:2em
}
span.attach
{
    float:right;
    margin-top:.5em;
    width:100%;
    text-align:right;
    color:#0071BC;
    cursor:pointer
}
span.attach time
{
    float:left;
    font-size:.89em;
    color:gray
}
span.attach img
{
    position:relative;
    top:4px
}
span.attach a
{
    border-bottom:1px solid #0071BC;
    color:#0071BC;
    line-height:1;
    margin-left:.5em
}
span.attach a:hover
{
    color:#0F4F72;
    border-bottom-color:#0F4F72
}
tr.separator
{
    height:3em
}
input.submit-but
{
    margin-top:1em;
    background:#40758A url(/resources/images/helpdesk/ticket-but-back.png) repeat-x top;
    border:1px solid #1C343D;
    -webkit-border-radius:3px;
    -o-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    font-size:1em;
    padding:.5em 1.5em;
    color:#fff;
    text-shadow:0 -1px 0 #000
}
input.submit-but:hover
{
    cursor:pointer;
    background-color:#203B45
}
ul.ticket-type
{
    margin-left:8em;
    margin-top:1em
}
ul.ticket-type li
{
    list-style:none
}
p.welcome
{
    margin-left:9.5em;
    width:25em
}
table.reg-form
{
    margin-left:7em;
    margin-top:1em;
    border-bottom:1px solid silver;
    padding-bottom:1em
}
table.reg-form td
{
    height:3em
}
table.reg-form input,select
{
    font-size:1em;
    margin-top:.75em
}
span.star
{
    font-size:1.75em
}
.closed
{
    color:#666
}
.grad
{
    background-image:-ms-linear-gradient(top,#ECECF9 0%,white 20%);
    background-image:-moz-linear-gradient(top,#ECECF9 0%,white 20%);
    background-image:-o-linear-gradient(top,#ECECF9 0%,white 20%);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ECECF9),color-stop(.2,white));
    background-image:-webkit-linear-gradient(top,#ECECF9 0%,white 20%);
    background-image:linear-gradient(top,#ECECF9 0%,white 20%)
}
.grad-long
{
    background-image:-ms-linear-gradient(top,#ECECF9 0%,white 80%);
    background-image:-moz-linear-gradient(top,#ECECF9 0%,white 80%);
    background-image:-o-linear-gradient(top,#ECECF9 0%,white 80%);
    background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#ECECF9),color-stop(.8,white));
    background-image:-webkit-linear-gradient(top,#ECECF9 0%,white 80%);
    background-image:linear-gradient(top,#ECECF9 0%,white 80%)
}
.helpdesk-content
{
    float:left;
    width:100%;
    position:relative
}
.inner-container
{
    float:left;
    width:95%;
    margin:2em 1.7% 2em 4%
}
.left-side
{
    width:70%;
    float:left
}
.howto-block
{
    float:left;
    width:95%;
    padding:0 .5em;
    margin-bottom:1.3em;
    height:1.7em;
    text-align:left!important;
    text-decoration:none;
    font-weight:700;
    color:#009AE8!important;
    border-bottom:1px solid #e9f0f9
}
.howto-block:hover
{
    border-bottom:1px solid #e9f0f9
}
.howto-block .disk-button
{
    position:relative;
    margin:0 auto;
    float:none!important
}
.howto-block span
{
    text-align:left;
    display:block;
    font-size:.95em
}
.howto-block:hover
{
    text-decoration:none!important
}
.hd-block-container
{
    float:left;
    width:20%;
    margin-left:7%
}
.howto-container
{
    float:left;
    width:270px
}
.howto-container .title_h1
{
    padding-left:1%;
    color:#000;
    font-size:1.5em;
    margin-bottom:.5em;
    line-height:1.2em
}
.how-to-wrapper
{
    margin-top:64px!important;
    float:left!important
}
table.pdfs div.button-wraper
{
    display:block;
    width:100%;
    float:none;
    margin:1em auto;
    text-align:center
}
table.pdfs div.button-wraper a
{
    float:none;
    margin:1em auto
}
table.pdfs div.pdf-size
{
    display:block;
    width:100%;
    float:none;
    margin:1em auto;
    text-align:center;
    color:gray;
    font-size:.89em
}
table.pdfs img
{
    display:block;
    margin:1em auto
}
table.pdfs
{
    display:block;
    margin:1em auto;
    width:80%;
    float:left
}
.table_pdf
{
    display:inline-block;
    text-align:center;
    width:200px;
    margin:1em
}
table.pdfs tr td
{
    padding:0 2em
}
.ismb
{
    display:none
}
.ispc
{
    display:block
}
.is_hide
{
    display:block
}
.title_h1
{
    display:block;
    float:left
}
.columns
{
    width:350px;
    float:left
}
.col_test
{
    -moz-column-count:3;
    -moz-column-width:200px
}
.columns ul
{
    margin:0 0 0 1em;
    padding:0;
    list-style-type:none
}
ul.toc-list li
{
    font-size:.95em;
    line-height:1.3;
    margin-bottom:.25em;
    border-bottom:1px solid #E8E8ED;
    padding:1.1em 0 .9em
}
ul.toc-list li a
{
    border-left:3px solid #fff;
    padding-left:5px;
    display:block
}
ul.toc-list li.selected a
{
    color:#fff
}
a.selected
{
    padding:.1em 1em 0
}
ul.toc-list li a.selected
{
    border-left:3px solid #e8594d;
    padding-left:5px;
    color:#322E2D
}
.green
{
    background-color:#3F781C;
    color:#fff
}
.green:hover
{
    background-color:#244111;
    color:#fff
}
h2.ri
{
    border-top:1px solid gray;
    padding:1em 0 0 2.5em
}
.pre_footer h2.ri
{
    border-top:1px solid #ddd;
    padding:1em 0 0 2.5em
}
table.related-items
{
    margin:.75em 0 0 1.5em
}
.pre_footer table.related-items
{
    margin:.75em 0 0 1.5em;
    font-size:1em
}
table.related-items td
{
    padding:1em;
    width:33%
}
table.related-items h3
{
    font-size:1em;
    font-weight:400
}
table.related-items ul
{
    margin-top:.75em
}
table.related-items ul li
{
    font-size:.75em;
    margin-bottom:1.2em;
    line-height:1.2em
}
table.related-items ul li a
{
    text-decoration:underline
}
.pre_footer table.related-items ul li a
{
    text-decoration:underline;
    font-size:12px
}
.sign-up-button
{
    background:url(../resources/images/button_gradient_big.png) repeat-x scroll center bottom #0071BC;
    border-radius:0 0 .5em .5em;
    box-shadow:0 1px 2px #888;
    color:#fff;
    float:right;
    font-size:.89em;
    line-height:1.4;
    margin-right:50px;
    margin-top:-1.6em;
    padding:.5em;
    position:relative;
    text-align:center;
    text-decoration:none;
    width:7em;
    z-index:999;
    display:none
}
a.sign-up-button:hover
{
    background-color:#0071BC;
    color:#fff
}
a.sign-up-button:active
{
    background:#0071BC
}
.addition .button,.addition .button:hover
{
    border:none!important;
    border-radius:none!important;
    box-shadow:none!important;
    background:none!important;
    color:#009AE8;
    float:left;
    padding:0;
    font-weight:400;
    font-size:1em
}
.solution:hover
{
    background-color:#094A6B;
    color:#fff;
    float:none;
    font-size:.9em
}
ol.steps
{
    margin-top:.5em;
    counter-reset:step
}
ol.steps li
{
    list-style:none;
    text-indent:-4em;
    margin-left:6em;
    margin-bottom:0;
    line-height:1.5;
    font-size:.9em
}
ol.steps li p:before
{
    margin-left:3.9em;
    content:""
}
ol.steps > li:before
{
    counter-increment:step;
    content:"Step " counter(step) ".";
    margin-right:.5em;
    font-weight:400;
    color:#666
}
ol.steps ul>li:before
{
    margin:2em;
    content:""
}
ol.steps li p
{
    margin-top:.6em;
    margin-bottom:1.2em
}
ol.checkpoints
{
    margin-top:.5em;
    counter-reset:step
}
ol.checkpoints li
{
    list-style:none;
    text-indent:-7.3em;
    margin-left:10em;
    margin-bottom:0;
    line-height:1.5
}
ol.checkpoints li p:before
{
    margin-left:3.9em;
    content:""
}
ol.checkpoints li:before
{
    counter-increment:step;
    content:"Check Point " counter(step) ".";
    margin-right:.5em;
    font-weight:400;
    color:#666
}
ol.checkpoints li p
{
    margin-top:.6em;
    margin-bottom:1.2em
}
ol.no-paragraf
{
    margin-top:1.5em
}
ol.no-paragraf li
{
    margin-left:4em
}
#footer
{
    border-top:1px solid #9C9C9C
}
.helpdesk_button
{
    display:inline-block;
    background:#009ae8;
    color:#fff;
    border-radius:3px;
    text-align:center;
    text-decoration:none;
    height:38px;
    width:170px;
    font-size:12px;
    letter-spacing:1px;
    line-height:38px;
    border:1px transparent solid;
    font-family:open_sans_semibold,open_sans_regular,'Open Sans',"Helvetica Neue",Arial,sans-serif
}
.helpdesk_button:hover
{
    background:#fff;
    border:1px solid #009ae8
}
.contact
{
    min-width:500px;
    width:60%;
    clear:both;
    margin-bottom:3rem
}
.contact h2
{
    font-family:open_sans_regular,'Open Sans',Arial,Helvetica,sans-serif;
    font-size:21px;
    line-height:1;
    color:#000;
    font-weight:400;
    margin:1rem auto
}
.contact h3
{
    font-size:16px;
    line-height:20px;
    font-weight:400;
    margin:1rem auto
}
.contact .contact_wrap
{
    width:49%;
    max-width:300px;
    display:inline-block
}
.contact .num
{
    line-height:225%;
    font-size:14px;
    color:#575757
}
@media only screen and (max-width:1440px)
{
    .wrapper_products
    {
        width:65%
    }
    .products
    {
        width:100%!important;
        max-width:600px!important
    }
    table.main-wrapper.articles
    {
        width:60%
    }

}
@media only screen and (max-width:1340px)
{
    table.main-wrapper.articles
    {
        width:60%
    }
    ul.pdf
    {
        margin-bottom:-50px;
        margin-top:-50px!important
    }
    .article ul.pdf li
    {
        margin-left:1em;
        display:inline;
        width:100px;
        float:left
    }
    .article ul.pdf li + li
    {
        margin-top:0!important
    }

}
@media only screen and (max-width:1310px)
{
    .hd-products .template table.main-wrapper
    {
        width:96%;
        margin-left:2%;
        margin-right:2%
    }

}
@media only screen and (max-width:1240px)
{
    .hd-product-col
    {
        width:30%!important
    }
    .inner-container
    {
        margin-left:1%
    }
    a.hd-pr
    {
        width:90%;
        padding-left:5%;
        padding-right:5%
    }
    .pname span.word1,.pname span.word2
    {
        font-size:90%!important
    }
    table.main-wrapper img
    {
        max-width:100%!important
    }
    .columns
    {
        max-width:350px!important;
        width:30%!important;
        float:left
    }

}
@media only screen and (max-width:1200px)
{
    .wrapper_products h1
    {
        display:block;
        width:auto
    }
    .helpdesk_button,.contact
    {
        margin:1.25rem 0 1.25rem 3%
    }

}
@media only screen and (max-width:1015px)
{
    .main
    {
        margin:0;
        padding:0!important
    }

}
@media only screen and (max-width:970px)
{
    .hd-product-col
    {
        width:30%!important
    }
    .wrapper_bowto
    {
        width:35%
    }
    .template table.main-wrapper,.article table.main-wrapper
    {
        width:90%
    }
    .phelp
    {
        display:none
    }

}
@media only screen and (max-width:890px)
{
    .howto-container
    {
        width:100%
    }

}
@media only screen and (max-width:800px)
{

    .article, .addition{
        font-size: 1.3em;
    }

    .wrapper_products h1
    {
        text-align:center
    }
    .hd-product-col
    {
        width:33.33%!important
    }
    table.main-wrapper.articles
    {
        width:100%
    }
    .template table.main-wrapper,.article table.main-wrapper
    {
        width:94%
    }
    .ismb
    {
        display:block!important
    }
    .ispc
    {
        display:none!important
    }
    .is_hide
    {
        display:none
    }
    img.ismb
    {
        display:inline!important;
        margin-bottom:-5px
    }
    ul.pdf
    {
        float:none!important;
        display:block!important;
        margin-top:0!important
    }
    ul.pdf li
    {
        background:url(/resources/images/pdf.png) no-repeat scroll center top transparent!important;
        color:#08C;
        font-family:'LucidaGrandeRegular',"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
        font-size:.7em;
        list-style:none outside none!important;
        padding-top:3em;
        width:100%!important;
        text-align:center;
        margin-bottom:10px
    }
    .pname.ismb a
    {
        font-size:18px
    }
    .getstart
    {
        cursor:pointer;
        color:#009AE8;
        font-weight:700;
        padding-top:0!important
    }
    .artname a
    {
        color:#009AE8;
        font-weight:700
    }
    .getstart.selected
    {
        cursor:pointer;
        color:#322E2D
    }
    .columns
    {
        width:100%!important;
        max-width:700px!important;
        text-align:center
    }
    .columns ul
    {
        margin-left:0
    }
    .inner-container
    {
        margin:2em 0;
        width:100%
    }
    .products
    {
        width:94%!important;
        max-width:700px!important;
        margin-left:3%;
        margin-right:3%
    }
    .wrapper_products,.wrapper_bowto
    {
        width:100%
    }
    .wrapper_products
    {
        text-align:center
    }
    .howto-container
    {
        width:100%
    }
    .how-to-wrapper a
    {
        width:100%;
        float:left
    }
    .how-to-wrapper
    {
        margin-top:35px!important
    }
    .howto-block
    {
        padding:0
    }
    a.howto-block span
    {
        text-align:center!important
    }
    .pname span.word1
    {
        font-size:.9em!important
    }
    .pname span.word2
    {
        font-size:2em!important
    }
    .hide_310
    {
        display:none
    }
    a.howto-block span
    {
        text-align:center!important
    }
    .cat-table-content
    {
        width:90%;
        padding-left:20px
    }
    .cat-table-content h2
    {
        margin-top:10px;
        color:#000;
        font-size:14px;
        margin-bottom:1.5em
    }
    .cat-table-content p
    {
        font-size:.9em!important
    }
    .title_h1
    {
        display:none
    }
    .howto-container .title_h1
    {
        display:block;
        text-align:center;
        width:100%;
        padding-left:0
    }
    .page-title
    {
        text-align:center;
        width:100%;
        padding-left:0
    }
    span.ar
    {
        display:none!important
    }
    .article h1
    {
        text-align:left!important;
        font-weight:700!important
    }
    ul.toc-list li img
    {
        display:none
    }
    ul.toc-list li.selected
    {
        display:block;
        border-bottom:none!important;
        padding-top:0;
        text-align:center
    }
    ul.toc-list li.selected img
    {
        margin-bottom:-18px;
        margin-left:10px;
        display:inline
    }
    ul.toc-list li a.selected
    {
        border-left:none!important;
        padding-left:5px;
        color:#322E2D
    }
    table.main-wrapper
    {
        width:100%;
        float:left;
        margin-left:0;
        margin-top:0
    }
    td.addition
    {
        display:none;
        float:left;
        margin-left:15px
    }
    .template table.main-wrapper td
    {
        float:left
    }
    td.addition ul li + li
    {
        padding-top:0
    }
    td.addition ul li
    {
        padding:0
    }
    .article p
    {
        font-size:.9em!important
    }
    .article div:first-child
    {
        width:95%!important;
        padding-left:5%
    }
    .articles img,.article img
    {
        max-width:290px!important
    }
    ol.steps li
    {
        margin-left:5em!important;
        font-size:.9em!important
    }
    .pre_footer
    {
        padding-right:0!important
    }
    .knee
    {
        padding-left:20px
    }
    .knee-list
    {
        width:100%;
        margin-left:0
    }
    .knee-list ul li
    {
        margin-bottom:.5em
    }
    li.man
    {
        padding-right:10px
    }
    .turn_90
    {
        -moz-transform:rotate(15deg);
        -ms-transform:rotate(15deg);
        -webkit-transform:rotate(15deg);
        -o-transform:rotate(15deg);
        transform:rotate(90deg)
    }
    .table_pdf
    {
        width:39%;
        margin:1em 5%
    }
    .contact
    {
        width:95%;
        margin:3.5rem auto 2rem;
        text-align:center;
        min-width:initial;
        padding-top:1.5rem
    }
    .contact *
    {
        text-align:center
    }
    .contact .contact_wrap
    {
        width:90%
    }
    .wrapper_products h1
    {
        padding-left:0
    }

}
@media only screen and (max-width:500px)
{
    .products
    {
        width:94%;
        margin-left:3%;
        margin-right:3%
    }
    .wrapper_products,.wrapper_bowto
    {
        width:100%
    }
    .howto-container
    {
        width:96%
    }
    .how-to-wrapper a
    {
        width:100%;
        float:left
    }
    .how-to-wrapper
    {
        margin-top:35px!important
    }
    a.howto-block span
    {
        text-align:center!important
    }

}
@media only screen and (max-width:400px)
{
    .products
    {
        min-width:320px;
        width:100%!important;
        margin-left:0;
        margin-right:0
    }
    .hd-product-col
    {
        width:50%!important;
        padding:10px 0
    }
    ol.steps li
    {
        margin-left:4em!important
    }
    .table_pdf
    {
        max-width:100%;
        width:100%;
        margin:1em 0
    }

}
nobr,nobr > table>tbody>tr>th,nobr > table>tbody>tr>td
{
    position:relative;
    white-space:normal
}
nobr > table
{
    display:none
}