.rotaTable tr td {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;    
    border:1px solid black;
    border-collapse:collapse;
	color: black;
}

.rotaTable tr th {
    padding: 10px;
    border:1px solid black;
    border-collapse:collapse;
    text-align: center;
    font-weight: bold;
}

.servicesTable th, .servicesTable td {
	font-size: small;
}


/* Rotas */

span.rotaCell {
    display: block;
    overflow: auto;
    width: 100%;
    height: 100%;
}


#MorningRota table{
	font-size: small;
}

#MorningRota tr td, #Rota tr td {
    color: black;
    font-size: small;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    padding-bottom: 2px;    
    border:1px solid black;
    border-collapse:collapse;
    text-align: center;
}

#MorningRota tr th, #Rota tr th {
    color: black;
    font-size: small;
    padding: 5px;
    border:1px solid black;
    border-collapse:collapse;
    text-align: center;
    font-weight: bold;
}

td.rotaUnused {
    background-color: rgb(200, 200, 200);
}



/* For Who's who and members list */
#whoswho .picture, #members .picture {
    width: 100px;
}

#whoswho .picture img, #members .picture img {
    vertical-align: text-top;
    width: 100px;
}


#whoswho td, #members td, #members th {
    padding-left: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
    vertical-align: middle;
}



/*  Define the background color for all the ODD background rows  */
#members tr:nth-child(odd){ 
	background: #ffffff;
}

/*  Define the background color for all the EVEN background rows  */
#members tr:nth-child(even){
	background: #f8f8f8;
}


#whoswho h2 {
    padding-top: 20px;
	padding-bottom: 0px;	
	margin-bottom: 0px;	
}

#members .memberName {
    font-size: 120%;
    color: black;
    font-weight: bold;
}

#members .picture img {
    height: 100px;
    width: auto;
}