table.cells
{
    border-color: #999;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

td.cell
{
    border-color: #999;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    text-align: center;
    font-size: .9em;
    }
    
.c175 {
    width: 1.8em;
    height: 1.8em;
    }
    
.c300 {
    width: 3em;
    height: 1.8em;
    }
    
.c450 {
    width: 4.5em;
    height: 1.8em;
    }
    
.header {
    font-size: .8em;
    height: 1.4em;
    }   

.black {
	background-color: #111;
	color: #fff;
	}
    
.grey4 {
	background-color: #444;
	color: #fff;
	}
    
.grey6 {
	background-color: #666;
	color: #000;
	}
    
.grey8 {
	background-color: #888;
	color: #000;
	}
    
.greya {
	background-color: #aaa;
	color: #000;
	}
 
.greyc {
	background-color: #ccc;
	color: #000;
	}
 
.greyd {
	background-color: #ddd;
	color: #000;
	} 
    
.greye {
	background-color: #eee;
	color: #000;
	}
    
.white {
	background-color: #fff;
	color: #222;
	}

.purple {
	background-color: #cc00cc;
	color: #fff;
	}
	
.blue {
	background-color: #0070c0;
	color: #fff;
	}

.green {
	background-color: #00b050;
	color: #fff;
	}
	
.yellow {
	background-color: #ff0;
	color: #222;
	}
	
.orange {
	background-color: #ffc000;
	color: #222;
	}
	
.red {
	background-color: #f00;
	color: #222;
	}
	
.notered {
    font-weight: bold;
    color: #f33;
    background-color: #fcc;
    }

.noteblue {
    color: #03c;
    background-color: #def;
    }
    
#footer-container {
    margin-top: 2em;
    margin-bottom: 2em;
    font-size: 0.9em;
    text-transform: uppercase;
    color: #999;
    }