@charset "utf-8";
/* =body */
body {
	font: 80%/1.4em Arial, Helvetica, sans-serif;
	color: #222222;
}
h1 {
	font-size: 200%;
}
h2 {
	font-size: 150%;
}
h3 {
	margin: .7em 0;
}
#content h3 {
	margin: .7em 15px;
}
#content h4 {
	padding: .7em 15px 0;
}
.detail #content h4 {
	border-top: 1px solid #CCCCCC;
}
/* =acronym */
acronym {
	font-variant: inherit;
}
/* =a */
a:link {
	color: #222222;
}
a:visited {
	color: #666666;
}
a:hover {
	color: #666666;
}
a:active {
	color: #FF0000;
}
#nav a:link,#nav a:visited {
	text-decoration: none;
}
#nav a:hover,#nav a:active {
	text-decoration: underline;
}
/* =dd */
dd {
	margin: .7em 0;
}
#content dd {
	margin: .7em 15px;
}
/* =dt */
#content dt {
	float: left;
	margin: 0 .5em 0 15px;
	font-weight: bold;
}
/* =fieldset */
form fieldset {
	border: 1px solid #FFC49B;
	margin: .7em 15px;
}
label {
	float: left;
	width: 156px;
}
.select label {
	float: none;
}
/* =input */
input {
	width: 156px;
}
.select input {
	width: auto;
}
input#submit {
	width: auto;
}
/* =legend */
legend {
	font-weight: bold;
	color: #222222;
	padding: 0 15px;
	margin: 0 15px;
}
/* =li */
li {
	padding: 0 0 0 18px;
}
ol li {
	list-style: decimal inside;
	text-indent: -18px;
}
ul li {
	list-style: none;
	background: transparent url(../images/site/li.gif) 3px .5em no-repeat;
}
#nav li {
	padding: 0 0 0 15px;
	background-position: 5px .5em;
	position: relative; /* triggers hasLayout so the background shows in IE */
}
.list #content li {
	overflow: hidden;
	background: none;
	padding: 0;
	border-top: 1px solid #CCCCCC;
}
.detail #content li {
	float: left;
	width: 170px;
	height: 223px;
	padding: 0;
}
/* when IE6 dies, do this with a first-child selector or some such */
.list #content li.p1 {
	border-top: 0px solid #FFFFFF;
}
/* =ol */
ol {
	margin: .7em 0 .7em 0 2px;
}
#content ol {
	margin: .7em 15px .7em 17px;
}
/* =p */
p {
	margin: .7em 0;
}
#content p {
	margin: .7em 15px;
}
form p {
	overflow: hidden;
}
/* =strong */
strong {
	font-weight: bold;
}
/* =textarea */
textarea {
	width: 303px;
}
/* =ul */
ul {
	margin: .7em 0 .7em 0 2px;
}
#content ul {
	margin: .7em 15px .7em 17px;
}
.list #content ul {
	margin: 0;
}
.detail #content ul {
	margin: .7em 0 .7em 17px;
}
/* =alert */
.alert {
	color: #FF6600;
}
/* =site-info */
#site-info {
	text-align: right;
}
/* IE fixes */
* html th, * html td {
	font-family: 80%/140% Arial, Helvetica, sans-serif;
}
table {
	border-collapse: collapse;
	margin: 15px;
}
td {
	vertical-align: top;
	border: 1px solid #E5E5E5;
	padding: 2px 4px;
}
th {
	background: #F5F5F5;
	padding: 2px 4px;
	border: 1px solid #E5E5E5;
	vertical-align: top;
}
/* Extra stuff: find a more sensible place to put it */
#content td p,#content td img {
	margin: 0;
}
#images-chooser {

	width: 300px;

	height: 400px;

	margin: 0 auto;

	position: relative;

}

#images-chooser img {

	border: 5px solid #EEEEEE;

	margin: 0;

	display: block;

	float: none;

}

#images-chooser img.selected {

	border: 5px solid #FF0000;

}

#images-source {

	width: 80px;

	position: absolute;

	left: 0;

	height: 400px;

	border: 1px solid #FFC49B;

	overflow: auto;

	text-align: left;

}

#images-destination {

	width: 80px;

	position: absolute;

	left: 220px;

	height: 400px;

	border: 1px solid #FFC49B;

	overflow: auto;

	text-align: left;

}

#images-controls {

	text-align: center;

}

#images-controls {

	position: absolute;

	width: 120px;

	left: 90px;

}

#images-controls label {

	display: none;

}

#images-controls input {

	float: none;

	width: 40px;

}
form .list-images input {

	width: auto;

	float: left;

	margin: 0;

	padding: 0;

}

form .list-images label {

	width: auto;

	float: left;

	margin: 0;

	padding: 0;

}

form ul.list-images {

	width: 100%;

	overflow: hidden;

}

form .list-images li {

	float: left;

	height: 77px;

	background: none;

	margin: 0 12px 0 0;

	padding: 0;

}

#pageContent form .list-images img {

	float: none;

	display: inline;

	margin: 0;

	padding: 0;

}