/* 
    Document   : css_PSCWebApp
    Created on : 2/10/2010, 02:16:15 PM
    Author     : gomezf1
    Description:
        Purpose of the stylesheet follows.
*/

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

root { 
    display: block;
}

body
{
    margin: 0 0 0 0;
}

#Head
{
    margin-left: auto;
    margin-right:auto;
    margin-bottom: 0px;
    width: 800px;
    height: 75px;
    z-index: 1;
}

#headLogo
{
    background-image: url(../Img/Logo.png);
    margin-bottom: 0px;
    margin-top: 0px;
    width: 800px;
    height: 75px;
    float: left;
    z-index: 1001;
}

#MensajeHead
{
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
    color: #073d52;
    font-size: 8pt;
    width: 300px;
    height: 20px;
    padding-top: 20px;
    margin-left: 70px;
    z-index: 1001;
}
#SubHead
{
    background-image: url(../Img/Zoom.png);
    margin-top: 3px;
    margin-bottom: 0px;
    margin-left: auto;
    margin-right:auto;
    width: 800px;
    height: 55px;
    z-index: 1;
}

#Content
{
    margin-left: auto;
    margin-right:auto;
    width: 800px;
    height: 430px;
}

#dLogin
{
    margin:20px auto auto auto;
    border: none 0px #01527a;
    width: 700px;
    height: 300px;
}

#dOpciones
{
    background-image: url(../Img/icOption.gif);
    background-position: top;
    background-repeat: repeat-x;
    border: solid 1px #c0bebe;
    margin: 15px 10px 15px 10px;
    width: 200px;
    height: 550px;
    float: left;
}

#dOpcionesVar
{
    background-image: url(../Img/icOption.gif);
    background-position: top;
    background-repeat: repeat-x;
    border: solid 1px #c0bebe;
    margin: 15px 10px 15px 10px;
    width: 200px;
    height: 270px;
    float: left;
}

#Work
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    background-image: url(../Img/icOption.gif);
    background-position: top;
    background-repeat: repeat-x;
    border: solid 1px #c0bebe;
    margin: 15px 10px 15px 10px;
    width: 530px;
    float: left;
    padding-left: 10px;
}

.MsgDefault{
    margin-left: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight:bold;
    color:#073d52;
}

.LoginAction
{
    background-color: #073d52;
    border: none 0px #073d52;
    margin: 15px 10px 15px 10px;    
    width: 440px;
    height: 270px;
    float: left;
}

.None
{
    display:none;
}

#dCentrarOpciones
{
    font-family: Arial,Helvetica,sans-serif;
    margin-left: auto;
    margin-right: auto;
    width: 160px;    
    font-size: 7pt;
    text-align:center;
}

.Option
{
    width: 160px;
    height: 30px;
    font-weight: bold;
    color:#073d52;
    padding-top: 10px;
    margin-bottom: 5px;
    cursor:hand;
    border: solid 1px #c0bebe;
    background-image: url(../Img/icOption.gif);
    background-position: top;
    background-repeat: repeat-x;
}

.TituloOpciones
{
    width: 160px;
    height: 30px;
    font-weight: bold;
    color: #073d52;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 22px;
    font-size: 8pt;
    background-position: center center;
}

hr{
    color: white;
}

.TituloDiv
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    text-align:center;
    color: white;
    margin-top: 20px;
    font-weight: bold;
}

.TituloSub{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 7pt;
    text-align:center;
    color: white;
    margin-top: 20px;
}

#Label
{
    font-family: Arial,Helvetica,sans-serif;
    width: 130px;
    font-size: 7pt;
    text-align:right;
    float:left;
    margin-right: 20px;
    color: white;
}

.dinputText
{
    font-family: Arial,Helvetica,sans-serif;
    width: 290px;
    font-size: 7pt;
    float:left;
    text-align:left;
}

.butonAceptar
{
     font-family: Arial,Helvetica,sans-serif;
     font-size: 7pt;
     float: right;
     margin-right: 60px;
}

.Separador
{
    margin-bottom: 10px;
}

.FontInput {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
}

#msgError
{
    background-image: url(../Img/icOption.gif);
    background-repeat: repeat-x;
    background-position: top;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    border: solid 3px black;
    background-color: white;
    padding-top: 20px;
    padding-left: 20px;
    width: 350px;
    height: 110px;
    font-weight: bold;
    position: absolute;
    z-index: 1020;
    display: none;
}

.inputError
{
    border:none 0 white;    
    width: 300px;
}

.inputErrorFont{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    font-weight: bold;
}

.btnErrorCerrar{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    float: right;
    margin-right: 20px;
    margin-bottom: 5px;
}

.btnBuscar{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    margin-left: 5px;
}

#dFondo
{
    position: absolute;
    background: #000;
    z-index: 1010;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    filter:alpha(opacity=60);
    display: none;
    overflow: inherit;
}

#dFondoWait
{
    position: absolute;
    background: #000;
    z-index: 10100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    filter:alpha(opacity=60);
    display: none;
    overflow: inherit;
}

#imgWait
{
    background-image: url(../Img/ajax-wait.gif);
    background-color: white;
    margin-top: 190px;
    margin-left: auto;
    margin-right: auto;
    width: 250px;
    height: 20px;
    z-index: 10101;
    background-position: center;
    background-repeat: no-repeat;
}

#dTituloPagina
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10pt;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px;
    color:#073d52;
}


.ccFiltrosEtiqueta{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    float:left;
    width: 65px;

}

.ccFiltrosSelect{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    float:left;
    width: 210px;
    z-index:0;
}
.ccPagesSelect{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    float:left;
    width: 100px;
    z-index:0;
}

.ccGrid{
    margin-top: 20px;
    width: 800;
    height: 450px;
    overflow: auto;
}

.tableHead
{
    font-weight: bold;
    width: 510px;
    text-align: center;
}

.tableDetailsAlt
{
    background-color: #e8f2fc;
    width: 510px;
    cursor: hand;
    z-index: 1;
}

.tableDetailsItm{
    background-color: #ffffff;
    width: 510px;
    cursor: hand;
    z-index: 1;
}

.viewTableFinal
{
    border:solid 0px #c0bebe;
    width: 510px;
    z-index: 1;
}

.colHidden
{
    display: none;
}

#dAddEditPop /* formato del registro del catalogo*/
{
    background-image: url(../Img/icOption.gif);
    background-position: top;
    background-repeat: repeat-x;
    font-family: Arial,Helvetica,sans-serif;
    border: solid 3px #c0bebe;
    background-color: white;
    padding-top: 15px;
    padding-left: 20px;
    width: 400px;
    height: 380px;
    font-weight: bold;
    position: absolute;
    z-index: 1020;
    display: none;
}

#dAddEditPopT /* formato del registro de */
{
    background-image: url(../Img/icOption.gif);
    background-position: top;
    background-repeat: repeat-x;
    font-family: Arial,Helvetica,sans-serif;
    border: solid 3px #c0bebe;
    background-color: white;
    padding-top: 15px;
    padding-left: 20px;
    width: 800px;
    height: 380px;
    font-weight: bold;
    position: absolute;
    z-index: 1020;
    display: none;
}


.headAddEdit
{
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    color: #073d52;
    width:500px;
}
.headAddEditTrans
{
    font-size: 8pt;
    font-weight: bold;
    text-align: left;
    color: #073d52;
    width:1700px;

}


.headAddEditRegCat
{
    font-size: 8pt;
    font-weight: bold;
    text-align: center;
    color: #073d52;
    width:200px;

}

.subHeadAddEdit
{
    font-size: 8pt;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-weight: normal;
    color: #073d52;
    width:500px;
}
.subHeadAddEditRegCat
{
    font-size: 8pt;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    text-align: center;
    font-weight: normal;
    color: #073d52;
    width:300px;
}

#LabelAddEdit
{
    font-family: Arial,Helvetica,sans-serif;
    width: 130px;
    font-size: 7pt;
    font-weight: bold;
    text-align:right;
    float:left;
    color: #073d52;
    height: 20px;
    margin-right: 20px;
}

.dinputTextAddEdit
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px;
}

.dinputSelectAddEdit
{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 14px;
}

#LabelAddEditInfo
{
    font-family: Arial,Helvetica,sans-serif;
    width: 130px;
    font-size: 7pt;
    font-weight: bold;
    text-align:right;
    float:left;
    margin-right: 20px;
    margin-top:15px;
    color: #999999;
}

.LabelAddEditEstado
{
    font-family: Arial,Helvetica,sans-serif;
    width: 130px;
    font-size: 7pt;
    font-weight: bold;
    text-align:right;
    float:left;
    margin-right: 20px;
    margin-top:15px;
    color: #999999;
}

#LabelAddEditInfo2
{
    font-family: Arial,Helvetica,sans-serif;
    width: 130px;
    font-size: 7pt;
    font-weight: bold;
    text-align:right;
    float:left;
    margin-right: 20px;
    margin-bottom: 0px;
    color: #999999;
}

.dinputTextAddEditInfo
{
    margin-top: 10px;
    margin-bottom: 10px;
    color: #c0bebe;
}


.Textarea{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    overflow: auto;
}

.dPerfilTexto
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    font-weight:normal;
    text-align:center;
    margin-left: 20px;
    margin-right: 20px;
    width: 350px;
    height: 20px;
}
.dPerfilTextoCheck
{
    text-align:center;
    margin-left: 20px;
    margin-right: 20px;
    width: 20px;
    height: 20px;
}

#dGridViewFloat1
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    border:solid 2px Black;
    top: 200px;
    left:450px;
    width: 500px;
    z-index: 10000;
    display: none;
    position: absolute;
}

#dGridViewFloat2
{
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    border:solid 2px Black;
    position: absolute;
    top: 100px;
    left: 250px;
    z-index: 10000;
    display: none;
}

#msgError
{
    background-image: url(../Img/icOption.gif);
    background-repeat: repeat-x;
    background-position: top;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    border: solid 3px black;
    background-color: white;
    padding-top: 20px;
    padding-left: 20px;
    width: 350px;
    height: 110px;
    font-weight: bold;
    position: absolute;
    z-index: 1020;
    display: none;
}

#msgOK
{
    background-image: url(../Img/icOption.gif);
    background-repeat: repeat-x;
    background-position: top;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
    border: solid 3px black;
    background-color: white;
    padding-top: 20px;
    padding-left: 20px;
    width: 350px;
    height: 90px;
    font-weight: bold;
    position: absolute;
    z-index: 1020;
    display: none;
}