@import url(reset.css);

body {
	font: 0.75em/1.5 Tahoma, Verdana, Helvetica, Arial, sans-serif;
	color: #333;
	margin: 20px 2.5% 0;
}

h1, h2 { font: normal 1.5em Georgia, "Times New Roman", Times, serif; }
h1 { border-bottom: 1px solid #999; padding-bottom: 0.2em; }
h2 { margin-bottom: 1em; }

a { color: #E99D01; text-decoration: none; }
a:hover { text-decoration: underline; }

/* Container */
#header .nav {
	float: right;
	padding-top: 0.5em;
}
#header .nav a { color: #999; }
#header .nav a:hover { text-decoration: none; }
#header .nav img { margin-left: 0.5em; }

/* Footer */
#footer {
	color: #AAA;
	border-top: 1px solid #999;
	font-size: 0.9em;
	clear: both;
	padding: 0.3em 0 2em;
}

#footer span { float: right; text-align: right; }

#main { margin-top: 0.5em; }

/* Content */
#content { padding-bottom: 2em; }
#content p { margin-bottom: 1em; }

/* Galleries */
.threeColumn div {
	float: left;
	width: 33%;
}

.twoColumn {
	padding-top: 2em;
	clear: left;
}

.twoColumn div { width: 48.5%; float: left; }
.twoColumn div:first-child { padding-right: 3%; }

.galleries { margin-bottom: 1em; -moz-column-width: 20em; }
.galleries li a, .threeColumn ul li a {
	display: inline-block;
	padding-left: 18px;
	background: url(../images/icon-folder.png) no-repeat 0 3px;
}
.info { font-size: 0.75em; color: #999; }

#actions { float: right; }
#actions li { float: left; margin-left: 0.6em; }
#actions li.divider { background: url(../images/bg-divider.png) no-repeat right center; padding-right: 12px; margin-right: 12px; }

#actions li img { vertical-align: -2px; }
#actions button {
	font: 1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
	color: #E99D01;
	margin-top: -2px;
	padding-bottom: 2px;
}
#actions button:hover { background: #C00; color: #FFF; }

/* Images (Gallery) */
#images li {
	float: left;
	margin: 0 5px 5px 0;
	position: relative;
}

#images li a {
	display: block;
	text-align: center;
	width: 175px; height: 175px;
	border: 1px solid #EFEFEF;
}
#images li a:hover { border: 1px solid #CCC; }

#images li input[type=checkbox] { position: absolute; left: 0; bottom: 0; }

/* Navigation explanation */
.explanation dt { float: left; }
.explanation dd { margin-left: 30px; }

/* Gallery tree */
#warning {
	border: 1px solid #C00;
	background: #FFDFDF;
	padding: 0.2em 0.4em;
	text-align: center;
	margin-bottom: 0.6em;
}
#warning a { color: #C00; font-weight: bold; }

#galleryTree { width: 25%; float: left; }
#galleryTree li {
	padding-left: 18px;
	background: url(../images/icon-folder.png) no-repeat 0 3px;
	cursor: pointer;
}

#galleryTree ul {
	border-left: 1px dotted #CCC;
	margin-left: -11px; padding-left: 11px;
}

#galleryTree .loading { vertical-align: -4px; margin-left: 8px; }

/* Forms */
table.checks {
	border-collapse: collapse;
	margin: 0.8em 0;
}

table.checks th {
	background: #333;
	font-size: 0.9em;
	color: #FFF;
	text-align: left;
	padding: 0.1em 0.3em;
}

table.checks td {
	padding: 0.1em 0.6em 0.1em 0.3em;
	border-bottom: 1px solid #EEE;
}

table.checks td.bool { text-align: center; }

/* Pretty pretty form */
.addEditForm fieldset {
	border: 1px solid #CCC;
	padding: 0.7em;
}

.addEditForm fieldset legend {
	font: 1.3em Georgia, "Times New Roman", Times, serif;
}

.addEditForm ol li > label {
	float: left;
	width: 10em;
	font-weight: bold;
	cursor: pointer;
}

.addEditForm ol li > div { margin: 0.2em 0 0 10em; }
.addEditForm ol li > label em { font-weight: normal; color: #C00; font-style: normal; }
.addEditForm ol li { margin-bottom: 0.4em; }

.addEditForm input[type=text], .addEditForm textarea, .addEditForm select {
	font: 1em/1.3 Arial, Helvetia, sans-serif;
	border: 1px solid #999;
	color: #333;
}

.addEditForm select { border: 1px solid #999; }
.addEditForm select[disabled=disabled] { background: #EEE; }

.addEditForm input[type=text] {
	padding: 0.2em 0.1em;
	width: 20em;
}

.addEditForm textarea {
	width: 40em; height: 6em;
}

.addEditForm button {
	border: 1px solid #CCC;
	border-left-color: #EEE;
	border-top-color: #EEE;
	background: #F5F5F5;
	font: 1em Arial, Helvetica, sans-serif;
	color: #444;
	padding: 0.1em 0.2em 0.2em;
	margin-top: 1em;
	cursor: pointer;
}

.addEditForm button:hover {
	border: 1px solid #666;
	border-left-color: #BBB;
	border-top-color: #BBB;
	color: #111;
	background-color: #EFEFEF;
}

.addEditForm button img { vertical-align: -20%; }

/* swfu */
#uploadQueue { border-collapse: collapse; }
#uploadQueue th, #uploadQueue td {
	padding: 0.2em 0.5em;
}

#uploadQueue th {
	background: #333;
	font-size: 0.9em;
	font-weight: normal;
	color: #FFF;
	text-align: left;
	border: 1px solid #FFF;
}

#uploadQueue tr.alt td { background-color: #FAFAFA; }
#uploadQueue td { border: 1px solid #EEE; }
#uploadQueue td.actions img { cursor: pointer; vertical-align: middle; }

#uploadQueue td.name { background-image: url(../images/bg-progress.png); }

#uploadQueueSummary { background: #EEE; }
#uploadQueueSummary td { border-top: 2px solid #CCC; font-weight: bold; }