/*********************************************************************************************************************
    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;
            }