Tasty extension style

extensions.css

/* colors
Amber #da6d2e
RedDark #730000
GreenLight #5cb200
GreenDark e3ecdfe3ecdf; #437638
GrayLight #e3ecdf; #bcbdb8
GrayDark #959595;
Warning #9a972d; #dcd85c
Info #3e8aa4
*/

div#extensions{
	position: fixed;
	bottom: 0;
	right: 0;
	height: 400px;
	width: 130px;
	background-color: black;
	border: 2px gold solid;
	font-size: 12px;
	z-index: 65535;
	color: white;
	padding: 10px;
}

div#extensions h1{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #e3ecdf;
	text-decoration: underline;
}

div#extensions h2{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #e3ecdf;
	text-decoration: none;
	padding: 10px 0 10px;
}

div#extensions input{
	position: relative;
	margin: 6px 5px 6px 0px;
}

div#extensions table {
    border-collapse: collapse;
    width: 100%;
	margin: 20px -12px;
}

div#extensions td, 
div#extensions th {
    border: 1px dashed #666;
    text-align: left;
    padding: 6px 4px;
}


div#extensions td.red{
	color: red;
	font-weight: bold;
}

div#extensions td.green{
	color: #5cb200;
	font-weight: bold;
}

div#extensions div#clear{
	margin: 10px;
}