/* 
    Document   : comun
    Created on : 23-oct-2009, 9:56:04
    Author     : nando
    Description:
        Purpose of the stylesheet follows.
*/

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

.reserva-instalacion form {
    overflow: hidden;
}
.reserva-instalacion #dias {
    overflow: hidden;
}
    .reserva-instalacion #dias h2 {
        background: #818181;
        color: #fff;
        font-size: 110%;
        display: block;
        text-align: center;
        margin: 0;
        padding: 4px;
    }
    .reserva-instalacion .dia {
        width: 150px;
        float: left;
        border: 1px solid #818181;
        margin: 2px;
    }

    .reserva-instalacion .horas .ui-selecting { background: #CCC; }
    .reserva-instalacion .horas .ui-selected { background: #999; color: white; }
    .reserva-instalacion .horas { list-style-type: none; margin: 0; padding: 0; display: block;}
    .reserva-instalacion .horas li { cursor: pointer; position: relative; overflow: hidden; margin: 3px; padding: 0.4em; font-size: 70%; display: block; height: 18px; border: 1px solid #CCC;}
    .reserva-instalacion .horas li.limpiar { text-align: center; background: #EEE !important; font-size: 130%; }
    .reserva-instalacion .horas li.reservado { background: #FFCCCC !important; }
    .reserva-instalacion .horas li.solicitado { background: #FFFFCC !important; }
    .reserva-instalacion .horas li.reservado.ui-selected,
    .reserva-instalacion .horas li.solicitado.ui-selected  { background: #F39814 !important; color: #000 !important; }
    .reserva-instalacion .horas li .horainicio { position: absolute; top: 1px; left: 1px; font-weight: bold;}
    .reserva-instalacion .horas li .usuario { position: absolute; top: 1px; right: 1px;}
    .reserva-instalacion .horas li .asunto { position: absolute; top: 12px; left: 1px; }

    .reserva-instalacion div.linea {
        width:100% !important;
    }
    .reserva-instalacion div.linea label {
        width:100px !important;
        float: left;
        margin-right: 3px;
    }
    #logoutForm fieldset,
    #loginForm fieldset {
        border: none;
    }
    .reserva-instalacion fieldset {
        width: 310px;
        margin: 2px;
        float: left;
        border: 1px solid #999;
        padding: 0.5em;
    }
    .reserva-instalacion fieldset fieldset {
        width: 280px;
    }

    body.reserva-instalacion form select,
    body.reserva-instalacion form input {
        border:1px solid #B0B0B0;
        font-family:Arial,Verdana,Tahoma,Sans-Serif;
        width:180px;
    }

    body.reserva-instalacion form input.boton {
        background:#DCDCDC url(../img/estructura/flechaboton2.png) no-repeat scroll 10px 5px;
        color:#4D4D4D;
        display:inline;
        margin:0 0 2px 100px;
        padding:0 2px 0 25px;
        text-decoration:none !important;
        width:180px;
        text-align: left;

    }


/* private */

body.private {
    background: #fff;
}

body.private #contenedorPrincipal{
  width: 99%;
  margin: 10px ;
}
body.private #contenido,
body.private #desarrollocuerpo,
body.private #cuerpo{
width: inherit;
padding:0;
}
body.private table#dias{
    width: 100%;
    border-spacing: 4px;
    border-collapse: collapse;
    empty-cells: show;
}
body.private table#dias th {
    border: none !important;
}
body.private table#dias td {
    border: 1px solid #666;
}
body.private table#dias tr td {
    background: #CCFFCC;
    color: #000000;
}
body.private table#dias tr.solicitado td {
    background: #FFFFCC;
}
body.private table#dias tr.reservado td {
    background: #FFCCCC;
}