/* help.css
 *
 * Provides classes for functionality of the help system.
 *
 * there are three classes used together to render the display output :
 *    help          The basic look
 *    helpvisible   overrides some of help to unfold the content
 *    helpIE        a hack that means nesting works useably in IE (folding 
 *                  is broken). this is caused by IE not supporting the
 *                  immediate child syntax (eg: par > child {...})
 */
 
div.help {
    padding:            3px 6px 2px 6px;
    border:             none;//1px #ccc dashed;
    border-collapse:    collapse;
    background:         #eeeeee url(../images/help-back.gif) top right no-repeat;
    font-size:          90%;
}

div.help div.help {
    border:             none;
    font-size:          100%;
    margin-left:        6px;    
    background:         none;
}

div.help h1 {
    display:            none;
}
    
div.help + div.help {
    margin-top:         6px;
}

div.help a:before {
    content:            '> ';
    font-weight:        bold;
}

div.helpvisible > a:before {
    content:            'v ';
}

div.helpIE a:before {
    content:            '* ';
}

div.help div.content a {
    margin-left:        -12px;    
}

div.help div.content {
    display:            none;
}

div.helpvisible > div.content {
    display:            block;
}

div.helpIE div.content {
    display:            block;
}