/**
 * Miolo 2 Theme
 *
 * @author Author's Jonas Guilherme Dahmer [jonas@solis.coop.br]
 * @author Another Rafael Spengler [rafaels@solis.coop.br] 
 * @author Another Vilson Cristiano Gärtner [vilson@miolo.org.br] 
 * 
 * @version $Id$
 *
 * \b Maintainers: \n
 * Mantainer Vilson Cristiano Gärtner [vilson@miolo.org.br] 
 *
 * @since 
 * This css was created 2006/09/15
 *
 * \b Organization: \n
 * SOLIS - Cooperativa de Soluções Livres \n
 * The ??? Development Team
 * 
 * \b CopyLeft: \n
 * CopyLeft (L) 2005 SOLIS - Cooperativa de Soluções Livres \n
 *
 * \b License: \n
 * Licensed under GPL (for further details read the COPYING file or http://www.gnu.org/copyleft/gpl.html )
 * 
 * \b History: \n
 * See history in repository: http://www.miolo.org.br/
 *
 */

/******************************************************************************
 * Containers
 ******************************************************************************/

body
{
    background:  #FFFFFF;
    font-family: verdana,  helvetica, arial, geneva, tahoma, sans-serif;
    font-size:   70%;
    margin:      1px;
    padding:     0px;
    color:       #000;
    width:       100%;
    text-align:  center;
    border:      0 none;
}

h1
{
    font-size:   12px;
    font-weight: bold;
    color:       #000;
    margin:      0px 0px 10px 0px;
}

h2
{
    font-size:   11px;
    font-weight: bold;
    color:       #000;
    margin:      0px 0px 0px 15px;
}

h3
{
    font-size:   11px;
    font-weight: normal;
    color:       #900;
    margin:      0px 0px 0px 35px;
    display:     inline;
}

h4
{
    font-size:   10px;
    font-weight: normal;
    color:       #000;
    margin:      0px 0px 0px 45px;
    padding:     0px;
    display:     inline;
}

fieldset
{
    font-size:   11px;
    font-weight: normal;
    margin:      0px;
    padding:     3px;
}

#m-container
{
    width:        750px;
    /*border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;*/
    margin-left:  auto;
    margin-right: auto;
    text-align:   left;
}

#m-container-top
{
    margin:        0px;
    padding:       0px;
    background:    #FFF;
    height:        60px;
    border-bottom: 2px solid #003399;
}

#m-container-top .logo
{
    float:      left;
    width:      65px;
    margin:     0px;
    padding:    0px;
    background: #FFF;
}

#m-container-top .text
{
    float:      right;
    width:      685px;
    margin:     0px;
    padding:    0px;
    background: #FFF;
    text-align: right;
}

#m-container-top .text h1
{
    font-size:   14px;
    font-weight: bold;
    color:       #40bbfb;
    margin:      0px;
}	

#m-container-top .text h2
{
    font-size:   12px;
    font-weight: bold;
    color:       #8ad6fd;
    margin:      0px;
}	

#m-container-module
{
    background:  #eee;
    padding:     2px;
    font-size:   11px;
    font-weight: bold;
    text-align:  right;
}

#m-container-topmenu
{
    background-color: highlight;
    border-bottom:    1px solid #eee;
    padding:          0px;
    position:         relative; /* posistion deve ser relative */
    z-index:          0; /* z-index deve ser menor que em mainmenuContainer */
}

#m-container-dhtmlmenu /* estilo para o mainmenuContainer -> deve ser criado */
{
    padding:          0px;
    top:              0px;
    position:         relative; /* position deve ser relative */
    z-index:          1; /* z-index deve ser maior que em contentContainer e contentFullContainer */
    background-color: highlight;
    width:            100%;
    height:           25px;
}

#m-container-menu
{
    float:      left;
    background: #FFFFFF;
    width:      150px;
    padding:    0px;
}

#m-container-content
{
    float:         left;
    width:         750px;
    height:        auto;
    text-align:    left;
    margin-left:   8px;
    margin-right:  8px;
    margin-top:    8px;
    margin-bottom: 8px;
    position:      relative; /* posistion deve ser relative */
    z-index:       0; /* z-index deve ser menor que em mainmenuContainer */
}

#m-container-content-full
{
    height:        auto;
    text-align:    left;
    margin-left:   1px;
    margin-right:  1px;
    margin-top:    3px;
    margin-bottom: 5px;
    position:      relative; /* posistion deve ser relative */
    z-index:       0; /* z-index deve ser menor que em mainmenuContainer */
}

#m-container-bottom
{
    clear:      both;
    text-align: center;
}



.currentPageNumber
{
    color:       #ff0000;
    font-weight: bold;
}

div.statistics
{
    position: absolute;
    width:    500px;
    left:     10px;
    overflow: scroll;
    height:   200px;
}

div.statistics .image
{
    text-align: right;
}

div.statistics .text
{
    background-color: #FFFFFF;
    border-top:       solid #555555 1pt;
    border-bottom:    solid #ffffff 1pt;
    border-left:      solid #555555 1pt;
    border-right:     solid #ffffff 1pt;
    vertical-align:   top;
    font-size:        10px;
    font-style:       normal;
    font-weight:      normal;
    color:            #000055;
    padding:          4pt;
}

#m-loading-message
{
    display:  none;
    top:      1.5%;
    right:    1%;
    width:    100px;
    height:   32px;
    position: absolute;
    border:   solid 1px #000000;
}

#m-loading-message-bg
{
    display:    none;
    top:        1.5%;
    right:      1%;
    width:      100px;
    height:     32px;
    background: #ddd;
    position:   absolute;
    opacity:    0.5;
    /*   IE   */
    border:     solid 1px #000000;
}

#m-loading-message-image
{
    top:         0px;
    width:       100px;
    height:      32px;
    opacity:     1.0;
    background:  url("images/loading_solis1.gif") no-repeat;
    position:    relative;
    margin-left: 0px;
    margin-top:  2px;
}

#m-loading-message-text
{
    font-size:   10px;
    top:         0px;
    width:       50px;
    opacity:     1.0;
    padding-top: 5px;
    position:    relative;
    margin-top:  3px;
    margin-left: 40px;
}