body {

	margin: 8px 0 0 0;

	background: #ccc;

}

* {

	font-family: Arial, Sans-Serif;

}

fieldset.input label {

	margin: .1em 0 .2em;

	float: left;

	clear: both;

}

fieldset.input label.hint {

	position: relative;

	border-bottom: 1px dashed black;

}

fieldset.input label.hint span {

	display: none;

}

fieldset.input label.hint:hover span {

	display: block;

	position: absolute;

	top: 100%;

	width: 20em;

	text-decoration: none !important;

	border: 1px solid black;

	background: #ff9;

	color: black;

	padding: 2px;

	font-size: smaller;

	z-index: 100;

}

fieldset.input input {

	float: left;

	margin: .1em;

}

fieldset.input input.button {

	float: none;

}

table.output {

	border-collapse: collapse;

	border: 1px solid black;

}

table.output th {

	padding: 3px;

	color: white;

	background: grey;

	border: 1px solid black;

}

table.output td {

	padding: 3px;

	border: 1px solid black;

	text-align: center;

}

table.output td.titlecol {

	text-align: left;

}



#adminLogin fieldset {

	width: 16em;

	padding: .5em;

}

#adminLogin label {

	width: 7em;

}

#adminLogin input {

	width: 8em;

}

#adminLogin fieldset input.button {

	width: 5em;

	margin: .5em 5em;

}



#comicConfig input, #comicConfig textarea, #comicConfig select {

	float: right;

	width: 18em;

}

#comicConfig input.button {

	float: none;

	width: auto;

}

#comicConfig label {

	width: 6em;

}

#comicConfig fieldset {

	width: 25em;

}

#comicConfig input.check {

	margin: .3em .1em;

}

#comicConfig fieldset#fauth, #comicConfig fieldset#fprev {

	width: 18em;

}

#comicConfig fieldset#fauth input, #comicConfig fieldset#fauth label {

	width: auto;

}

#comicConfig fieldset#fprev label {

	width: 8em;

}

#comicConfig fieldset#fprev input, #comicConfig fieldset#fprev select {

	width: 9em;

}

#comicConfig fieldset#fhtml {

	width: 30em;

}

#comicConfig fieldset#fhtml label {

	width: 10em;

}

#addComic fieldset {

	width: 34em;

	padding: .5em;

	margin: .5em;

}

#addComic fieldset label {

	width: 6em;

}

#addComic fieldset legend label {

	width: auto;

}

#addComic fieldset input {

	width: 27em;

}

#addComic fieldset textarea {

	width: 33em;

}

#addComic input.button {

	display: block;

}

#addComment {
	width: 20em;
	margin: 1em auto;
}

#addComment input {
	float: right;
}

#addComment textarea {
	margin: .2em auto;
	text-align: left;
    clear: right;
}

#addComment input.button, #addComment a {
	float: none;
	display: block;
	width: 10em;
	text-align: center;
	margin: .3em auto;
}
#comments {
	margin: 4px 0 1em 0;
	background: white;
	color: black;
	text-align: left;
	width: 760px;
	overflow: auto;
}
#comments hr {
	height: 0;
	width: 95%;
	border-top: 1px solid #2d4d54;
}
.comment {
	margin: 0;
	padding: 1em;
}
.comment a {
	color: #30515A;
	font: bold 10pt Arial, sans-serif;
	text-decoration: none;
}
.comment p {
	margin-left: 1em;
	font: 11pt Arial, sans-serif;
}
.comment .commDate, .comment .adminExtra {
	display: block;
	font: 10px verdana, sans-serif;
	color: #444;
}
.comment .adminExtra a {
	font: 10px verdana, sans-serif;
	color: red;
}