/*********************************************************************************************************************
    BOXTYPE 001
*********************************************************************************************************************/

  .BoxType001
        {
            position:relative; /* this might conflict with other styles, we need it in order to properly position subclasses for this class */
            width:180px;
            height:100px;
            background-color:Green;
            font-size:0px; /* IE6 fix: fixes the bottom line in the box */
        }
        /* content */
        .BoxType001 .Content
            {
                margin:10px;
                background-color:#c0c0c0;
                font-size:12px; /* due to the IE6 font */
            }
        .BoxType001 .Corner_TL /* corner - top left */
            {
                position:absolute;
                top:0px;
                left:0px;
                width:8px;
                height:8px;
                background-image:url(../../images/boxtypes/001/top_left_mask.gif);
                background-position:left top;
                background-repeat:no-repeat;
            } 
        .BoxType001 .Corner_TR /* corner - top right */
            {
                position:absolute;
                top:0px;
                right:0px;
                width:8px;
                height:8px;
                background-image:url(../../images/boxtypes/001/top_right_mask.gif);
                background-position:left top;
                background-repeat:no-repeat;
            }     
        .BoxType001 .Corner_BL /* corner - bottom left */
            {
                position:absolute;
                bottom:0px;
                left:0px;
                width:8px;
                height:8px;
                background-image:url(../../images/boxtypes/001/bottom_left_mask.gif);
                background-position:left top;
                background-repeat:no-repeat;
            } 
        .BoxType001 .Corner_BR /* corner - bottom right */
            {
                position:absolute;
                bottom:0px;
                right:0px;
                width:8px;
                height:8px;
                background-image:url(../../images/boxtypes/001/bottom_right_mask.gif);
                background-position:left top;
                background-repeat:no-repeat;
            }        
/*********************************************************************************************************************
    UI
*********************************************************************************************************************/    
.ui-blocker
    {
        display:none;
        position:absolute;
        top:0px;
        bottom:0px;
        height:auto;
        left:0px;
        right:0px;
        width:auto;   
        background-color:#ffffff;
        /*background-image:url(../../images/ui-blocker.png);*/
    }    
    .ui-blocker .ui-loader
        {
            position:absolute;
            top:0px;
            bottom:0px;
            height:auto;
            left:0px;
            right:0px;
            width:auto;   
            background-image:url(../../images/ui-loader.gif);
            background-position:center center;
            background-repeat:no-repeat;                
        }       
.ui-close
    {
        position:absolute;
        top:5px;
        right:5px;
        padding:0.1em;
        background-color:#ffffff;
        cursor:pointer;
    }        
.ui-feedback
    {
        position:absolute;
        top:15%;
        margin-left:10%;
        margin-right:10%;
        width:50%;
        padding:2em;
        background-color:#ffffff;
        border:1px #606060 solid;
    }
    .ui-feedback h3
        {
            margin-bottom:1em;
        }