/*************************************/
/*  Demo Styles                      */
    .capt,
    .capb {
        background: url("./img/caps.gif") no-repeat;
        height:4px;
        width:100%;
        /*position:absolute;*/
        z-index:100;
        margin:0px;
        padding:0px;
    }
    .capt {
        position:absolute;
        background-position:0 -4px;
    }
    .capb {
        margin-top:-19px;
    }
    #content {
        float:left;
    }
    .drawers-wrapper {
        position: relative;
        width: 200px;
        float:left;
        margin:0 0 0 0;
    }
        .drawers {
            margin-bottom:15px;
            color:#76797c;
            font-size:11px;
            line-height: 0px;
        }
            .drawer {
                background:transparent url(img/sideboxlight_bg.gif) repeat-y scroll 0pt;
                color:#ffffff;
                font-size:12px;
                line-height:0pt;
               }
                .drawer-handle {
                    
                    background:#939393 url(img/sideaccordion.jpg) no-repeat scroll 0pt;
                    color:#ffffff;
                    cursor:default;
                    padding: 5px 0pt;
                    line-height:20px;
                    text-indent:15px;
                    font-size:14px;
                    width:100%;
                }
                    .drawer-handle.open {
                        background-color:#ffffff;
                        background-position:-200px 0pt;
                        font-weight:bold;
                        color:#ffffff;
                    }
              /* nasty, but it fixes the indent on the first one. */
                    h2.drawer-handle span {
                   }
                .drawer ul {
                    list-style: none;
                    background-color:#f8f8f8;
                    padding: 0 0 0 0;
                    padding-bottom:0pt;
                    border-left: 1px solid #dfdfdf;
                }
                .drawer li {
                    list-style: none;
                    background: url(img/bg_sidelist.jpg) no-repeat scroll 0pt;
                    border-bottom:1px solid #dfdfdf;
                    line-height:16px;
                    padding:6px 0 6px 25px;
                }

                #ax {
                    font-size:14px;
                    font-weight: bold;
                    color: #000000;
                    
                    background:#939393 url(img/sideh300.jpg) no-repeat scroll 0pt;
                    line-height:12px;
                    padding:6px 0 7px 32px;
                }

                #ax a:hover {
                    color: #ff0000;
                }

                #az {
                    font-size:14px;
                    font-weight: bold;
                    color: #000000;
                    
                    background:#939393 url(img/sideh300B.jpg) no-repeat scroll 0pt;
                    line-height:12px;
                    padding:6px 0 7px 32px;
                }

                #az a:hover {
                    color: #ff0000;
                }
                                
                    .drawer-content ul {
                        padding-top: 0px;
                    }
                    .drawer-content li a {
                        display:block;
                        overflow:hidden;
                    }
                    .alldownloads li {
                        border:0pt none;
                        line-height:18px;
                        padding:0pt;
                    }

            .drawer li a {
                color:#333333;
                text-decoration:none;
                font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
            }

            .drawer li a:hover {
                    color:#f30;
                }

            .draweropen {
                background:transparent url(img/sideboxlight_bg.gif) repeat-y scroll 0pt;
                color:#ffffff;
                font-size:12px;
                line-height:0pt;
            }

            .draweropen ul {
                    list-style: none;
                    background-color:#f8f8f8;
                    padding: 0 0 0 0;
                    padding-bottom:0pt;
                    border-left: 1px solid #dfdfdf;
                }
                .draweropen li {
                    list-style: none;
                    background: url(img/bg_sidelist.jpg) no-repeat scroll 0pt;
                    border-bottom:1px solid #dfdfdf;
                    line-height:16px;
                    padding:6px 0 6px 25px;
                }

            .draweropen li a {
                color:#333333;
                text-decoration:none;
                font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;
            }

            .draweropen li a:hover {
                    color:#f30;
                }