/* FORMULARIOS                  */
/* ============================ */

.formSeparator {
    margin-top: 15px;
    border-top: 1px solid #999;
    height: 5px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.formGroup {
    border: 1px solid #CCC;
    padding: 5px;
    margin-bottom: 10px;

    -moz-border-radius: 3px;
    border-radius: 3px;
}
.formGroupTitle {
    background: url(../img/fadeEDEDED.png) 0px -3px repeat-x ;
    padding: 5px;
    font-size: 12px;
    font-weight: bold;
}
.formBigTitle {
    font-size: 20px;
    font-weight: bold;
    color: #000000;
}
.formBigTitle2 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;

}
.formEntry {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
}
.formEntryColumn {
    padding-right: 10px;
    float: left;
    box-sizing: border-box;
}
.formEntryLabel {
    font-size: 10px;
    width: 100%;
}
.formEntryLabelBig {
    font-size: 13px;
    width: 100%;
}
.formEntrySideLabel {
    font-size: 12px;
}
.formEntryText {
    padding: 2px;
    font-size: 11px;
}
.formEntryTextBold {
    padding: 2px;
    font-size: 12px;
    font-weight: bold;
}
.formEntryInput {
    border: 1px solid #888;
    background-color: #FFFFFF;
    padding: 3px;
    font-size: 12px;
    width: 95%;    
}
.formEntryInput select {
    width: 98%;
}
.formEntryInput option {
    font-size: 10px;
}
.formEntryCheckboxGroup {
    border: 1px dotted #CCC;
    padding: 5px;
    width: 90%;
}
.formFieldGroup {
    border: 1px solid #AAA; 
    background-color: #F7F7F7; 
    padding: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}
.formSubmitDiv {
    clear:both;
    border: 1px solid #999;
    padding: 10px;
    font-size: 14px;

    background: url("../img/topGlow30.png") repeat-x scroll left top #E6E6FF;

    -moz-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0 0 2px 2px #DDD;
    -webkit-box-shadow: 0 0 2px 2px #DDD;
    box-shadow: 0 0 2px 2px #DDD;
}
.formSubmitDiv input {

    padding: 3px;
    font-size: 16px;
}
.formHeader {
    clear:both;
    border: 1px solid #999;
    padding: 10px;
    font-size: 14px;

    background: url("../img/topGlow30.png") repeat-x scroll left top #efffda;

    -moz-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0 0 2px 2px #DDD;
    -webkit-box-shadow: 0 0 2px 2px #DDD;
    box-shadow: 0 0 2px 2px #DDD;
}
.formHeader2 {
    clear:both;
    border: 1px solid #999;
    padding: 10px;
    font-size: 14px;

    background: url("../img/topGlow30.png") repeat-x scroll left top #daefff;

    -moz-border-radius: 3px;
    border-radius: 3px;

    -moz-box-shadow: 0 0 2px 2px #DDD;
    -webkit-box-shadow: 0 0 2px 2px #DDD;
    box-shadow: 0 0 2px 2px #DDD;
}



/* Menu vertical                */
/* ============================ */
.verticalMenu {

    border: 1px solid #999;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 0 2px 2px #EEE;
    -webkit-box-shadow: 0 0 2px 2px #EEE;
    box-shadow: 0 0 2px 2px #EEE;    
}
.verticalMenuHeader {
    background: url(img/topGlow30.png) top left repeat-x #F3F3F3;
    color: #000082;
    text-align: center;
    border-bottom: 2px solid #CCCCCC;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11px;    
    font-weight: bold;

    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;


}
.verticalMenuEntry {
    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11px;
    /*height: 29px;*/
    vertical-align: central;
    display: block;
}
.verticalMenuEntry:hover {
    border-bottom: 2px solid #E7E71B;
    padding-bottom: 9px;
    background-color: #FAFAFA;

}
.verticalMenuEntry:last-of-type {
    border-bottom: none;    
    padding-bottom: 10px;

    -moz-border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;    
}

/* Menu Horizontal                */
/* ============================ */
.horizontalMenu {

    border: 1px solid #999;
    -moz-border-radius: 4px;
    border-radius: 4px;

    -moz-box-shadow: 0 0 2px 2px #EEE;
    -webkit-box-shadow: 0 0 2px 2px #EEE;
    box-shadow: 0 0 2px 2px #EEE;    
    
    width: 100%;
    height: 30px;
}
.horizontalMenuHeader {
    background-color: #F3F3F3;
    color: #008200;
    /*text-align: center;*/
    border-right: 2px solid #CCCCCC;
    padding: 8px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11px;    
    font-weight: bold;
    
    float: left;
    width: 100px;
    height: 14px;

    -moz-border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

}
.horizontalMenuEntry {
    border-right: 1px solid #CCCCCC;
    padding: 8px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 11px;    
    vertical-align: central;
    float: left;
    width: 100px;
    height: 14px;
    text-align: center;
}
.horizontalMenuEntry:hover {
    
    background-color: #e7fcd9;

}
/*.horizontalMenuEntry:last-of-type {
    border-right: none;    
    padding-right: 10px;

    -moz-border-top-right-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;    
    
}*/


/* RESULTADOS DE BUSQUEDA       */
/* ============================ */

.busquedaResultadoTabla {  }
.busquedaResultadoHeader {
    background-color: #65ABE7;
    color: #FFF;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
    padding: 3px;
}
.busquedaResultadoFilaPar {

}
.busquedaResultadoFilaImpar {
    background-color: #F4F4F4;
}
.busquedaResultadoCelda{
    padding: 2px;
}
.busquedaResultadoTextBold {
    font-size: 12px;
    font-weight: bold;
    color: #222;
}
.busquedaResultadoTextBoldSmall {
    font-size: 11px;
    font-weight: bold;
    color: #222;
}
.busquedaResultadoText {
    font-size: 12px;
    color: #666;
}
.busquedaResultadoTextSmall {
    color: #666;
}
.busquedaResultadoNoDisponible {
    text-decoration: line-through;
    color: #888;
}
.busquedaResultadoDisponible {
    color: #41b400;
}
.busquedaResultadoPrivado {
    color: #ff3300;
}
.busquedaResultadoNoPublico {
    color: #3300ff;
}


.busquedaSinResultados {
    padding: 20px !important;
    text-align: center;
    font-style: italic;
    font-size: 14px;
}




.submit {

    background: url(../img/topGlow20.png) top left repeat-x #E0E0E0;
    color: #111;
    border: 1px solid #888;
    font-size: 14px;
    border-radius: 5px;

    padding: 10px;
    padding-left: 15px;
    padding-right: 15px;
}
.submit:hover {
    background-color: #EEEEEE;
    cursor: pointer;
}
.cancel {
    font-size: 12px;
    margin: 5px;
}

.button {

    background: url(../img/topGlow20.png) top left repeat-x #E0E0E0;
    color: #111;
    border: 1px solid #888;
    font-size: 11px;
    border-radius: 5px;

    padding: 5px;
    padding-left: 8px;
    padding-right: 8px;
}
.button:hover {
    background-color: #EEEEEE;
    cursor: pointer;
}


/****
* INPUT: Text numerico Style 
*****/

.formEntryStepper {
    background-color: #FFFFFF;
    border: 1px solid #888888;
    font-size: 12px;
    padding: 2px;
    display: inline-block;
    vertical-align: bottom;

}
.stepperButtonsDiv {
    float: right;
}

.stepperButtonPlus {
    background: url(img/dhtmlgoodies_plus.gif) top left no-repeat;
    width: 9px;
    height: 9px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
    margin-bottom: 1px;
}
.stepperButtonMinus {
    background: url(img/dhtmlgoodies_minus.gif) top left no-repeat;
    width: 9px;
    height: 9px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;    
}

.stepperNumberInput {
    border: 0 none; 
    background: none;
    float: left;
    width: 70%;
    font-size: 12px;
    padding: 2px;
    text-align: right;
}

/****
* INPUT: Tabla de matriz Style
*****/

.dataTable{
    border-collapse:collapse;
    border-spacing: 0px;
}

.dataTable thead{
    border-bottom: 2px solid #111;
    border-top: 1px solid #111;
}

.dataTable tr{

}

.dataTable td{
    padding-left: 3px;
    padding-right: 3px;

}

.dataTable .title{
    border-bottom: 1px solid #111;
    text-align: center;

}

.dataTable th{
    border-right: 1px solid #111;
    padding-left: 3px;
    padding-right: 3px;


}

.dataTable .endFirstColumn{
    border-right: 1px solid #111;
}

.dataTable .firstColumn{
    border-left: 1px solid #111;
}

.dataTable .cell{
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    text-align: right;
}


.dataTable .data{
    background-color:#daeef3;

}

.dataTable .data:hover{
    cursor:pointer;
    background-color: #ff0;

}



.dataTable .none{
    background-color: #ffffff;
}

.dataTable .group{
    border-bottom: 1px solid #111;
    border-right: 1px solid #111;
    border-left: 1px solid #111;
    background-color: #ccffcc;
    font-weight: bold;
}

.valueData{
    text-align: right;
}

.dataTable .totales{
    font-weight: bold;

}

.dataTable .totalData{
        font-weight: bold;

}


/*****
* POP UP
*******/

.popUp {
    position: absolute;
    width: 400px;

    border: 2px solid #777;
    border-radius: 5px;

    -moz-box-shadow: 0 0 15px 4px #333;
    -webkit-box-shadow: 0 0 15px 4px #333;
    box-shadow: 0 0 15px 4px #333;
}

.popUpHeader {

    background-color: #FFF;
    font-weight: bold;
    color: #111;
    padding: 10px;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;

    border-bottom: 1px solid #777;
}
.popUpContent {
    padding: 10px;
    background-color: #F7F7F7;

    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;

}

/* TABS */
	.tabContedor { border-top: none; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid black; padding: 10px; position: relative; background-color: white}
	.tabResultado { background-color: #F7FDEE; border: 1px solid #E4F7CA; padding: 10px; position: relative }
	#tabTablaMenu { width: 100% }
	.tabNoSeleccionado { background-color: #E2E2E2; text-align: center;  border-bottom: 1px solid black; cursor: pointer; border-top: 4px solid #FFF; padding: 4px; }
	.tabNoSeleccionadoHover { background-color: #DED; text-align: center;  border-bottom: 1px solid black; border-top: 4px solid #FFF ; cursor: pointer; padding: 4px; }
	.tabSeleccionado { border-bottom: none; border-right: 1px solid black; border-top: 1px solid black; border-left: 1px solid black; text-align: center; font-weight: bold; font-style: italic; background-color: white;  padding: 4px;}
	.tabRelleno { border-bottom: 1px solid black }