/***********************************************************/
/******* GESTIONE TURNI E REPERIBILITA' - 2011 *************/
/***********************************************************/

#boxGestioneTurni
{
    clear: both;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
}

#boxGestioneTurni #BoxContenuto 
{
    background: none;
    border: none;    
}

#boxGestioneTurni #BoxContenuto TH
{
    font-weight: bold;    
}

#boxGestioneTurni #BoxContenuto TH,
#boxGestioneTurni #BoxContenuto TD
{
    padding: 5px;
    clear: both;
}

#boxGestioneTurni .datagrid
{
    border: 1px solid black;
    border-collapse: collapse;
}

#boxGestioneTurni .datagrid TD,
#boxGestioneTurni .datagrid TH
{
    border: 1px solid black;
    border-collapse: collapse;
    padding: 3px;
}

#boxGestioneTurni .datagrid .header
{
    background-color: #CCC;
    font-weight: bold;
}

#boxGestioneTurni .datagrid .item
{

}

#boxGestioneTurni .datagrid .item.alternate
{
    background-color: #E5E5E5;
}

/***********************************************************/
/******* RIASSUNTO REPERIBILITA' GIORNALIERE ***************/
/***********************************************************/

#boxGestioneTurni .dataReperibilita
{
    padding: .5em 0;
    font-size: 120%;
}

#boxGestioneTurni .cercaReperibilita
{
    background-color: #F7F7F7;
    border: 1px solid #999999;
    clear: both;
    display: block;
    float: left;
    margin-bottom: 3px;
    padding: 10px 1%;
    text-align: center;
    width: 97.8%;    
}

#boxGestioneTurni .cercaReperibilita .Titolo3
{
    font-size: 110%;
    font-weight: bold;    
}

#boxGestioneTurni .cercaReperibilita input 
{
    width: 300px;    
}

/***********************************************************/
/******* PAGINA CON CALENDARIO MENSILE *********************/
/***********************************************************/

#boxGestioneTurni #BoxContenuto .boxMedici TH
{
    font-weight: bold;
}

#boxGestioneTurni .boxMesi
{
    background: #f7f7f7;
    border: 1px solid #ebebeb;
    display: block;
    width: 97.9%;
    padding: .5em 1%;
    margin-top: 1em;
}

#boxGestioneTurni .boxMesi SPAN
{
   display: inline-block;
   width: 33%; 
}

#boxGestioneTurni .boxMesi SPAN.mesePrecedente
{
    text-align: left;
}

#boxGestioneTurni .boxMesi SPAN.meseCorrente
{
    text-align: center;
    font-size: 120%;
    font-weight: bold;
}

#boxGestioneTurni .boxMesi SPAN.meseSuccessivo
{
    text-align: right;
}

#boxGestioneTurni .tabellaTurniMensili .nuovoMedico,
#boxGestioneTurni .tabellaTurniMensili .modificaMedico
{
    display: inline-block;
    width: 10px;
    height: auto;
    margin-right: 10px;
    text-align: left;
}

#boxGestioneTurni .tabellaTurniMensili .nomeMedico
{
    display: inline-block;
}

#boxGestioneTurni .tabellaTurniMensili .tendinaMedici
{
    float: right;    
}

/***********************************************************/
/******* TABELLA FORM DI INSERIMENTO DATI ******************/
/***********************************************************/

#boxGestioneTurni TABLE.tabellaForm
{
    border: 1px solid #4D4D4D;
    clear: both;
    float: left;
    width: 99.8%;
    margin: 20px 0 10px;
    padding: 0;
}

#boxGestioneTurni TABLE.tabellaForm TR 
{
    clear: both;
    float: left;
    padding: 1%;
    width: 98%;
}

#boxGestioneTurni TABLE.tabellaForm TD
{
    text-align: center;    
}

#boxGestioneTurni TABLE.tabellaForm TD.cella1
{
    clear: both;
    float: left;
    font-weight: bold;
    height: auto;
    margin-right: 2%;
    margin-top: 2px;
    text-align: left;
    width: 45%; 
}

#boxGestioneTurni TABLE.tabellaForm TD.cella2
{
    text-align: left;    
}

#boxGestioneTurni TABLE.tabellaForm TD.cella2 SELECT
{
    float: left;
    position: relative;
    width: 99%;
}

#boxGestioneTurni TABLE.tabellaForm TD.cella2 INPUT
{
    float: left;
    position: relative;
    width: 98% !important;
}

#boxGestioneTurni TABLE.tabellaForm TD.cella3,
#boxGestioneTurni TABLE.tabellaForm TD.cella4
{
    width: 0.1%;    
}