/* CSS Document */

    #box-window {
        position: absolute;
        left: 50%;
        top: 50%;
        background: #fff;
        z-index: 1001;
        text-align: left;       
        border: 3px solid #abc331;
	    -moz-border-radius: 5px;
	    -khtml-border-radius: 5px;
	    -webkit-border-radius: 5px;
	    border-radius: 5px; 
	    background: #efeee6;
    }
    
    #box-header {
        overflow: hidden;
        zoom: 1;
        background: #423b30;
    }
    
    #box-header h3 {
        font-size: 14px;
        color: #abc331;
    }   
    
    #box-image-header {
        padding: 10px 0 0 0;
        overflow: hidden;
        zoom: 1;
    }
    
    /* fixes an ie6 problem discovering the width of the header-bar */
    * html #box-image-header {
        width: expression(document.getElementById("box-image-content").offsetWidth + "px");
    }
    
    #box-back,
    #box-next,
    #box-close {
        float: right;
        margin: 6px 6px 0 4px;
        padding: 0 5px 2px 5px;
        border: 1px solid #abc331;
        cursor: pointer;
        cursor: hand;
        background: #abc431;
        font-size: 14px;
	    -moz-border-radius: 2px;
	    -khtml-border-radius: 2px;
	    -webkit-border-radius: 2px;
	    border-radius: 2px;           
    }
    
    #box-close {
        float: right;
        padding: 0 5px 2px 5px;
        border: 1px solid #abc331;
        cursor: pointer;
        cursor: hand;
        background: #abc431;
        font-size: 14px;
	    -moz-border-radius: 2px;
	    -khtml-border-radius: 2px;
	    -webkit-border-radius: 2px;
	    border-radius: 2px;       
    }
    
    #box-title {
        margin: 0 0 0 0;
        padding: 6px 3px 9px 10px
    }
    
    #box-iframe {
        width: 100%;
    }
    
    #box-content {
        clear: both;
        padding: 0 10px 0 10px;
        margin: 10px 0 10px 0;
        overflow: auto;
    }
    
    #box-content h4 {
        font-size: 11px;
        color: #f3f3f3f;
        padding: 10px 0 20px 0;
        line-height: normal;
    }    
    
    #box-image-content {
        clear: both;
        padding: 10px 30px 20px 30px;
        margin: 0;
    }
    
    #box-image-content img {
        border: 1px solid #333333;
    }
    
    #box-image-title {
        padding: 6px 0 0 0;
        text-align: center;
    }

    #box-overlay {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.5;
        filter: alpha(opacity=50);
        z-index: 1000;
        background: #000 url(../gfx/wait.gif) no-repeat 50% 50%;
    }