/* default */

div, img, span {
   margin:		           0px;
   padding:		           0px;
   border:                none;
}

.rc {
   position:              relative;
   width:	              100%;
   height:		           100%;
}

.gui-decoration {
   overflow:              hidden;
   position:              absolute;  
}


/* window */

#window-main {
   position:             absolute;
   z-index:              50;
   top:                  10%;
   left:                 15%;
   width:                70%;
   height:               90%;
   border:               solid 0px red;
} 

#window-main div.rc {
   
}

#window-header {
   position:             absolute;
   z-index:              55;
   top:                 -10px;
   right:                40px;
   height:               35px;
   width:                40%;
   padding-right:        35px;
   padding-left:         35px;
}

#window-header h2 {
   z-index:              53;
   width:                100%;
   height:               32px;
   margin:               0px;
   padding:              0px;
   padding-top:          3px;
   font-size:            16px;
   font-weight:          bold;
   color:                white;
   background-image:     url('images/window-header-middle.png');
}

#window-header a span {
   display:              none;
}

#window-minimize {
   display:              block;
   z-index:              53;
   position:             absolute;
   top:                  2px;
   right:                70px;
   width:                22px;
   height:               22px;
}

#window-close {
   display:              block;
   z-index:              53;
   position:             absolute;
   top:                  2px;
   right:                35px;
   width:                22px;
   height:               22px;
}

#window-navigation-container {
   display:              block;
   overflow:             visible;
   position:             relative;
   height:               auto;
   padding-left:         64px;
   padding-right:        45px;
   border:               dashed 0px red;
   text-align:           center;   
}

#window-navigation {
   word-spacing:         0.8em; 
   background-color:     rgb(219, 225, 238);
}

#window-navigation a {
   height:               1.5em;
   padding-top:          0.2em;
   padding-left:         0.5em;
   padding-right:        0.5em;
   word-spacing:         normal;   
   font-weight:          bold;
   text-decoration:      none;
   color:                black;
   background-color:     rgb(233, 237, 245);
}

#window-navigation a.active {
   color:                white;
   background-color:     rgb(106, 127, 176);
}


#window-subnavigation-container {
   position:             relative;
   height:               2em;
   padding-left:         64px;
   padding-right:        45px;
}

#window-subnavigation {
   height:               100%;
   text-align:           center;
   word-spacing:         1em;   
   background-color:     rgb(233, 237, 245);
}

#window-subnavigation a {
   font-size:            0.8em;
   word-spacing:         normal; 
   color:                black;
}

#window-subnavigation a:hover {
   color:                red;
}

#window-subnavigation a.subnavigation-active {
   text-decoration:      none;
}

#window-subnavigation a.subnavigation-active:hover {
   color:                black;
}

#window-content-container {
   display:              block;
   position:             relative;
   height:               60%;
   padding-left:         64px;
   padding-right:        45px;
   border:               dashed 0px blue;
}

#window-content {
   overflow:             auto;
   height:               100%;
   padding-left:         1em;
   padding-right:        1em;
   background-color:     rgb(233, 237, 245);
}

/* window decoration */

#window-minimize-icon {
   z-index:              52;
   position:             absolute;
   top:                  2px;
   right:                70px;
   width:                23px;
   height:               22px;
   background-image:   url('images/window-minimize.png');
}

#window-close-icon {
   z-index:              52;
   position:             absolute;
   top:                  2px;
   right:                35px;
   width:                22px;
   height:               22px;
   background-image:   url('images/window-close.png');
}

#window-header-left {
   z-index:             51;
   top:                 0px;
   left:                0px;
   width:               35px;
   height:              35px;
   background-image:   url('images/window-header-left.png');
}

#window-header-right {
   z-index:             51;
   top:                 0px;
   right:               0px;
   width:               35px;
   height:              35px;
   background-image:   url('images/window-header-right.png');
}

#window-top-side {
   display:              block;
   position:             relative;
   height:               45px;
   padding-left:         64px;
   padding-right:        45px;
}

#window-top-side-left {
   top:                 0px;
   left:                0px;
   width:               64px;
   height:              45px;
   background-image:    url('images/window-top-left.png');
   background-repeat:   no-repeat;
}

#window-top-side-middle {
   display:             block;  
   position:            static;
   height:              45px;
   background-image:    url('images/window-top-side.png');
   background-repeat:   repeat-x;
}

#window-top-side-right {
   top:                 0px;
   right:               0px;
   width:               45px;
   height:              45px;
   background-image:    url('images/window-top-right.png');
   background-repeat:   no-repeat;   
}

#window-navigation-left-side {
   top:                 0px;
   left:                0px;
   width:               64px;
   height:              100%;
   background-image:    url('images/window-navigation-left-side.png');
   background-repeat:   repeat-y;   
}

#window-navigation-right-side {
   top:                 0px;
   right:               0px;
   width:               45px;
   height:              100%;
   background-image:    url('images/window-navigation-right-side.png');
   background-repeat:   repeat-y;
}

#window-navigation-border {
   display:             block;
   position:            static;
   height:              0.1em;
   border-top-style:    solid;
   border-top-width:    3px;
   border-top-color:    rgb(106, 127, 176);
   background-color:    rgb(219, 225, 238);
}

#window-separator {
   display:             block;   
   position:            relative;
   height:              15px;
   padding-left:        64px;
   padding-right:       45px;
}

#window-separator-left {
   top:                 0px;
   left:                0px;
   width:               64px;
   height:              15px;
   background-image:    url('images/window-navigation-bottom-left.png');    
   background-repeat:   no-repeat;
}

#window-separator-middle {
   display:             block;
   position:            relative;
   height:              15px;
   background-image:    url('images/window-navigation-bottom-side.png');    
   background-repeat:   repeat-x;
}

#window-separator-right {
   top:                 0px;
   right:               0px;
   width:               45px;
   height:              15px;
   background-image:    url('images/window-navigation-bottom-right.png');
   background-repeat:   no-repeat;   
}

#window-subnavigation-left-side {
   top:                 0px;
   left:                0px;
   width:               64px;
   height:              100%;
   background-image:    url('images/window-left-side.png');  
   background-repeat:   repeat-y;
}

#window-subnavigation-right-side {
   top:                 0px;
   right:               0px;
   width:               45px;
   height:              100%;
   background-image:    url('images/window-right-side.png');  
   background-repeat:   repeat-y;
}

#window-content-left-side {
   top:                 0px;
   left:                0px;
   width:               64px;
   height:              100%;
   background-image:    url('images/window-left-side.png'); 
   background-repeat:   repeat-y;
}

#window-content-right-side {
   top:                 0px;
   right:               0px;
   width:               45px;
   height:              100%;
   background-image:    url('images/window-right-side.png');  
   background-repeat:   repeat-y;
}

#window-bottom-side {
   display:             block;
   position:            relative;
   height:              64px;
   padding-left:        64px;
   padding-right:       45px;
}

#window-bottom-side-left {
   top:                 0px;
   left:                0px;
   width:               64px;
   height:              64px;
   background-image:    url('images/window-bottom-left.png');
}

#window-bottom-side-middle {
   display:             block;
   position:            relative;
   height:              100%;
   background-image:    url('images/window-bottom-side.png');
   background-repeat:   repeat-x;
}

#window-bottom-side-right {
   top:                 0px;
   right:               0px;
   width:               45px;
   height:              64px;
   background-image:    url('images/window-bottom-right.png');   
}