/**
 * Manuals page style
 *
 * @bottomBgFix
 * @manuals
 * @manual current
 */

/*@bottomBgFix*/

#bottomBg{
    display: none;
}

/*@manuals*/

.manuals{
    float: left;
}
.manuals li{
    float: left;
    padding: 10px 0 10px 40px;
    margin-right: 30px;
}
.ios{
    background: url(/static/img/apple.png) no-repeat 0 center;
}
.android{
    background: url(/static/img/android.png) no-repeat 0 center;
}
.winphone{
    background: url(/static/img/win_m.png) no-repeat 0 center;
}
.mac{
    background: url(/static/img/mac.png) no-repeat 0 center;
}
.linux{
    background: url(/static/img/linux.png) no-repeat 0 center;
}
.win{
    background: url(/static/img/win.png) no-repeat 0 center;
}
.blackberry{
    background: url(/static/img/bb.png) no-repeat 0 center;
}

/*@manual current*/

#instr_os{
    float: left;
    width: 100%;
    margin: 20px 0;
}
.instr_left{
    text-align: center;
    margin-bottom: 10px;
}
.instr_left > *{
    display: inline-block;
    vertical-align: middle;
}
.instr_right{
    text-align: left;
}
.instr_right li{
    margin: 5px 0;
}
.instr_right ol > li{
    list-style: decimal;
}
.instr_right ul > li{
    list-style: disc;
}
.instr_right ul.sub, .instr_right ol.sub{
    margin-left: 20px;
}
.imgWrap, .imgToggle{
    text-align: center;
}
.imgWrap img {
    border: 1px solid #686868;
}
.imgToggle{
     margin: 10px;
}
.hidden{
    display: none;
    padding-left: 20px;
    line-height: 16px;
    background: url(/static/img/show_img.png) no-repeat left center;
}
.visible{
    padding-left: 20px;
    line-height: 16px;
    background: url(/static/img/hide_img.png) no-repeat left center;
}
.imgToggle span{
    cursor: pointer;
}
.imgToggle span:hover{
    color: #fff;
}