/*
    Document   : indicadores
    Created on : 22/10/2010, 12:10:20 PM
    Author     : DSILVA
    Description:
        Purpose of the stylesheet follows.
*/

/*
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root {
    display: block;
}
.ui-widget{
    font-size: 0.8em;
}
div.input-line label{
    display: block;
    float: left;
    width: 150px;
}
table.indicadores-view{
    background: Silver;
    width: 100%;
    border: 1px solid Silver;
    font-family:  Arial, Helvetica,sans-serif;
}
table.indicadores-view tbody{
    background: White;
}
table.indicadores-view tbody tr{
    border-bottom: 1px solid Silver;
}
table.indicadores-view tbody tr td{
    padding: 5px 15px;
}

table.indicadores-view tbody tr td.seccion{

    color: #333333;
    padding-top: 18px;
    padding-bottom:  7px;
}
table.indicadores-view tbody tr td.seccion span.nombre_seccion{
    font-size: 12pt;
    font-weight: bold;
}

table.indicadores-view tbody tr td.cuadro a{
    color: #333333;
    text-decoration: none;
}
table.indicadores-view  tbody tr td.cuadro a:hover{
    text-decoration: underline;
}
h1.indicador_titulo{
    font-family:  Calibri, Arial, Helvetica,sans-serif;
    font-size: 22pt;
    font-weight: normal;
    margin: 0 0 0.4em 17px;
}
div.indicador_descripcion{
    font-family:    Arial, Helvetica,sans-serif;
    font-size: 9pt;
    float:left;
    width: 55%;
    margin: 0 10px 30px 17px;
    text-align: justify;
}
div.clear{
    clear: both;
}
.indicadores-view tr.categoria td span{
    font-family:   Arial, Helvetica,sans-serif;
    font-size: 8pt;
    text-transform: uppercase;
    color:gray;
}
.indicadores-view tr td.cuadro a{
    font-family:   Arial, Helvetica,sans-serif;
    font-size: 9pt;
    text-decoration: none;
}
.indicadores-view tr td.cuadro a:hover{
    text-decoration: underline;
}
.indicadores-view tr.categoria td:first-child/*,.indicadores-view tr.cuadro td:first-child*/{
    /*border-right:  1px solid Silver;*/
    width: 30%;
}

#cuadro_indicador h1{
    font-family:  Calibri, Arial, Helvetica,sans-serif;
    font-size: 22pt;
    margin: 0 0 0 17px;
    font-weight: normal;
    width: 60%;
    display: block;
    line-height: 32px;
}
#cuadro_indicador h2{
    font-family:  Arial, Helvetica,sans-serif;
    font-size: 9pt;
    margin: 0.8em 0 0 17px;
    font-weight: normal;
    width: 60%;
    display: block;
}
#cuadro_indicador h3{
    font-family:    Arial, Helvetica,sans-serif;
    font-size: 8pt;
    margin: 0.8em 0 0 17px;
    color:gray;
    font-weight: normal;
    width: 60%;
    display: block;
}
#indicadores {
    display: block;
    width: 240px;
    height: 400px;
    overflow: auto;
    margin-top: 2px;

}
#indicadores ul{
    padding-left:0px;
    list-style: none;
    margin: 0;
}
#indicadores ul li{
    padding:10px;
    /*height:50px;*/
    /*background: #E6EBE2;*/
    background: #D8D8D8;
    margin-bottom: 1px;
    line-height:15px;
    /*-moz-box-shadow: inset 2px 2px 5px #989A94;
    -webkit-box-shadow: inset 2px 2px 5px #989A94;
    box-shadow: inset 2px 2px 5px #989A94; */

}
#indicadores ul li.selected{
    /*background: #989A94;*/
    background: #969696;

}
#indicadores ul li a{
    text-decoration: none;
    color: #5B677D;
    font-family:  Arial, Helvetica,sans-serif;
    font-size: 9pt;
}
#indicadores ul li.selected a{
    color:white;
}
#indicadores ul li a:hover{

    text-decoration: underline;
}

#opciones_indicadores{
    width: 240px;
    float:left;


}
#opciones_indicadores .opciones{
    background: #D8D8D8;
    padding: 8px 10px 10px 3px;
    -moz-border-radius:4px;
    moz-border-radius:4px;
}
#opciones_indicadores h2{
    font-size: 10pt;
    padding: 0 10px 6px 7px;
    margin: 0;
    width: 100%;
    font-family:  Arial, Helvetica,sans-serif;
    font-weight: bold;
}
#cbo_indicadores{
    padding: 2px 5px;
}
#contenido{
    max-width: 800px;
}
table.body_indicadores tr td.indicadores{
    vertical-align: top;
    padding: 9px;
}
table.body_indicadores tr td.indicadores:first-child{
    border-right:1px solid #D8D8D8;
    width: 240px;
}
table.body_indicadores tr td.indicadores:last-child{
    max-width: 625px;
    overflow: auto;
}
table.body_indicadores{
    border: 1px solid #D8D8D8;
    border-bottom: none;
    width: 100%;
}

#cuadros ul{
    margin: 0;
    float: right;
    list-style: none;
    display: inline;
    padding: 0;
}

#cuadros ul li a{
    text-decoration: none;
    color:#5B677D;
}
#cuadros ul li a:hover{
    text-decoration: underline;
    color:#5B677D;
}
#cuadros ul li{
    float:left;
    width:100px;
    margin: 0 1px 0 0;
    padding: 5px 10px;
    text-align: center;
    background: silver;
    font-family:  Arial, Helvetica,sans-serif;
    font-size: 8pt;
    text-transform: uppercase;

}
#cuadros ul li#cuadro.selected{
    background:  #DBE5F1;
}
#cuadros ul li#error.selected{
    background:  #E5E0EC;
}

#body_indicador{
    position: relative;
    top:0;

}