/************************************************
    POSITIONS (MODULES LOCATION) 
    and MAIN COMPONENT
    styling 
(THEME GENERIC)
*************************************************/

.temp-debug{
    border:solid 2px red !important;
}

/************************************************
  HEADER
************************************************/


#header{
    height: auto;
    overflow:auto;
    
}

/* 
<jdoc:include type="component" /> 
*/
.main-component{
    float:left;
    width:100%;
}


span.dbg-pos-name{
    height:1px;
    display:block;
}



/* HeaderLeft */
.header-left{
    float:left;
    width:10%;
    margin:0;
    padding:0;
    min-height: 1px;
}

/* HeaderCenter */
.header-center{
    float:left;
    width:10%;
    min-height: 1px;
    margin:0;
    padding:0;
    
}

/* HeaderRight */
.header-right{
    float: left;
    width:79%;
    min-height: 1px;
    margin:0;
    padding:0;
    text-align: right;
    
}

/* HeaderBottom */
.header-bottom{
    float: left;
     width:100%;
    margin:0;
    padding:0;
    margin-top:150px;
    
}


/************************************************
  MAIN
************************************************/

.main-top{
    float:left;
    width:100%;
    min-height: 1px;
}

.main-bottom{
    width:100%;
    min-height: 1px;
}




/* FooterBottom */
.footer-bottom{
    float: left;
    /*position:relative;*/
    width:100%;
    min-height:30px;
    margin:0;
    padding:0;
    
}