/* This style sheet contains styles used on the Acoustic Sausage sitemanager pages. */

/* GENERAL ELEMENTS */
body {
	background-color: #f5f5f5;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center; /* IE5 hack */
}

#wrapper {
	margin: 0 auto;
	width: 720px;
	text-align: left;
	border: 1px solid #000;
}

#body {
	border-top: 3px solid #c93;
	background: #fff;
	height: 350px;
}

h1 {
	color: #900;
	font-size: 14px;
	margin: 0;
	padding: 0;
	letter-spacing: 0.08em;
}

ul {
	margin: 0;
	padding: 0;
}

li {
	list-style: none;
}

.heading {
	margin-bottom: 3px;
}

/* GENERAL LINKS */
a:link {
	color: #036;
}

a:visited {
	color: #036;
}

a:hover {
	color: #39f;
}

/* GENERAL FORM ELEMENTS */
form {
	margin: 0;
	padding: 0;
}

label {
	color: #666;
	letter-spacing: 0.08em;
}

.textbox {
	border: 1px solid #ccc;
	width: 250px;
}

.textarea {
	border: 1px solid #ccc;
	width: 250px;
}

.submit {
	border: 1px solid #000;
	background-color: #630;
	color: #fff;
	cursor: hand;
}

.required {
	color: #900;
}

/* GENERAL TABLE PROPERTIES */
.tabular th {
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background: #c90;
	color: #600;
	text-align: left;
	letter-spacing: .08em;
}

.tabular td {
	border-bottom: 1px solid #ccc;
	color: #666;
}

.tabular th a:link {
	color: #600;
}

.tabular th a:visited {
	color: #600;
}

.tabular th a:hoveer {
	color: #900;
}


.greyed {
	color: #ccc;
	text-align: center;
}

/* NORESULTS */
.noresults {
	color: #666;
	font-style: italic;
}

/* UPLOAD ANIMATION */
#uploadanimation {
	display: none;
}

#uploadingfile {
	display: none;
}

#attachfile {
	display: inline;
}

/* INSTRUCTION */
.instruction {
	color: #000;
	line-height: 1.5em;
}

/* ICON */
.icon {
	margin-right: 3px;
}

/* ERROR */
.error {
	color: #900;
	margin-top: 5px;
	margin-bottom: 5px;
}

.error ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.error li {
	background-image: url(../images/template-icon-error.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	line-height: 20px;
	margin: 0;
	padding-left: 20px;
}

/* CONFIRMATION */
.confirmation {
	background-image: url(../images/template-icon-confirmation.gif);
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #360;
	line-height: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 20px;
}

/* FOOTER */
#footer {
	background-color: #000;
	color: #fff;
}