/* Definições das janelas ------------------------------------------------------------------------------------------- */
    .window {
        background-color: blue;
        background-color: hsla(225,50%,50%,.9);
        border: 1px solid black;
        border-radius: 5px;
        position: absolute;
        width: 400px;
        height: 300px;
        box-shadow: rgba(0, 0, 0, 0.3) 2px 2px;
    }
    .maximized {
        box-shadow: none;
    }
    .window div[id$=header], header {
        margin-left: auto;
        margin-right: auto;
        width: 394px;
        height: 26px;
    }

    .window div[id$=cmdArea] > div,  .window section[id$=cmdArea] > div {
        float: right;
        cursor: pointer;
        height: 16px;
        width: 25px;
        background-repeat:no-repeat;
        background-position:center;
        background-color:#ddd;

    }
    .window div[id$=cmdArea], .window section[id$=cmdArea] {
        position: absolute;
        right: 3px;
        top: 0px;
   }
    .window div[id$=cmdArea] > div:hover, .window section[id$=cmdArea] > div:hover {
        background-color:#eee;
    }
    .window div[id$=cmdArea] > div[id$=close], .window section[id$=cmdArea] > div[id$=close] {
        background-image:url('images/close.png');
        border-bottom-right-radius:2px; 
        border-bottom-left-radius:2px;
    }
    .window div[id$=cmdArea] > div[id$=close]:hover, .window section[id$=cmdArea] > div[id$=close]:hover {
        background-image:url('images/close_hover.png');    
    }
    .window div[id$=cmdArea] > div[id$=minimize], .window section[id$=cmdArea] > div[id$=minimize] {
        background-image:url('images/minimize.png');
        border-bottom-left-radius:2px;   
    }
    .window div[id$=cmdArea] > div[id$=minimize]:hover, .window section[id$=cmdArea] > div[id$=minimize]:hover {
        background-image:url('images/minimize_hover.png');
    }
    .window div[id$=cmdArea] > div[id$=maximize], .window section[id$=cmdArea] > div[id$=maximize] {
        background-image:url('images/maximize.png');
    }
    .window div[id$=cmdArea] > div[id$=maximize]:hover, .window section[id$=cmdArea] > div[id$=maximize]:hover {
        background-image:url('images/maximize_hover.png');
    }
    .minimized div[id$=cmdArea] > div[id$=minimize], .minimized section[id$=cmdArea] > div[id$=minimize] {
        background-image:url('images/restore.png');
    }
    .minimized div[id$=cmdArea] > div[id$=minimize]:hover, .minimized section[id$=cmdArea] > div[id$=minimize]:hover {
        background-image:url('images/restore_hover.png');
    }
    .maximized div[id$=cmdArea] > div[id$=maximize], .maximized section[id$=cmdArea] > div[id$=maximize] {
        background-image:url('images/restore.png');
    }
    .maximized div[id$=cmdArea] > div[id$=maximize]:hover, .maximized section[id$=cmdArea] > div[id$=maximize]:hover {
        background-image:url('images/restore_hover.png');
    }
    .window div[id$=displayArea], .window section[id$=displayArea] 
    {
        width: 394px;
        height: 270px;
        background-color: white;
        margin-left: auto;
        margin-right: auto;
        border: 1px solid black;
        border-radius: 5px;
    }
    .window div[id$=draggArea], .window section[id$=draggArea] 
    {
        height: 24px;
        float: left;
        width: 328px;
    }
    .window span[id$=titleArea], .window section[id$=titleArea] 
    {
        float: left;
        padding-left: 5px;
        padding-top: 3px;
        color: white;
        font-weight: bold;
        font-style:italic;
        font-family:Arial;
        font-size:10pt;
        padding-top:5px;
    }