#main.SPAR {
    width: 680px;
}

/* tbody interposed in this selector to work around 
 * Safari bug: viz., matching of thead by tr selector
 */
.listing tbody tr:hover {
	background-color: #afc7a1;		
}

.controls {
    margin-top: 10px;
    margin-bottom: 10px;
}

/*************************************
 * "section" styling...
 */

.section {
    margin-top: 2.0em;
	border: 1px solid #666666;
}

/*
.section > * {
  padding: 0.4em;
}
*/
.section h1,
.section .buttonbar
{
    padding: 0.4em;
}

.section h1,
.section thead {
	color: #377215;
    background-color: white;
	border-bottom: 1px solid #666666;
}

.section h1 {
    margin: 0;
    font-size: 11px;
    text-transform: none;
}

.section {
	background-color: #D0DCD0;
}

.section .content * {
	margin: 0.4em;
}
.section .content table {
	margin: 0;
}

.section .buttonbar {
    clear: both;
	background-color: #cccccc;
	border-top: 1px solid #666666;
}

.section table.listing {
    width: 100%;
	border: none;
}

.section.left {
    float: left;
    width: 440px;
}

.section.right {
    width: 200px;
}

/*********/

#upload-widgets {
    float: left;
    width: 450px;
}

#upload-instructions {
}