/*******************
 * Floating Window *
 *******************/

/* floating window background */
div#floating-bg
{
    background-color:   #000;
    height:             100%;
    left:               0;
    opacity:            0.5;
    position:           fixed;
    top:                0;
    visibility:         hidden;
    width:              100%;
    z-index:            10000;
}

/* floating window */
div.floating
{
    background-color:   rgba(0, 0, 0, 0.5);
    left:               50%;
    margin-left:        -230px;
    padding:            10px;
    position:           fixed;
    top:                200px;
    visibility:         hidden;
    width:              460px;
    z-index:            20000;
}

/* close button */
div.floating div.close
{
    background:         url('../images/close.png') no-repeat top left;
    background-color:   transparent;
    height:             30px;
    left:               -10px;
    position:           absolute;
    top:                -10px;
    width:              30px;
}

div.floating div.close:active
{
    background-image:   url('../images/close-down.png');
}

/* smaller headings in the floating box */
div.floating div.box.text
{
    background-color:   #fff;
    border-color:       #fff;
}