/* $Id: skin.css 123 2008-06-03 07:11:48Z jarda $ */

body, input, textarea {font: small Arial, sans-serif; text-align: left;}
body, h1, h2, h3, h4, h5, h6, p, pre, ul, ol, li, form, fieldset, table, tr, th, td {margin: 0; padding: 0;}
h1, h2, h3, h4, h5, h6, strong {font-weight: bold;}
em {font-style: italic;}
img {border: none;}
a {color: #000000;}

#head {margin: 20px auto; padding-right: 50px; width: 750px; text-align: right;}

#body {margin: 20px auto; width: 800px;}
h1 {margin-bottom: 10px;}
#foot {margin-top: 10px;}

/* nápověda */
.help {}
.help p {margin: 10px 0;}
.help ol {padding-left: 25px;}

/* formulář */
form {margin: 10px 0 20px 0;}
form div {margin-bottom: 10px;}
label {font-weight: bold;}
textarea {width: 95%; height: 300px; border: solid 1px #999999;}
input#fragment-count, input#fragment-words {width: 2ex; padding: 2px; text-align: right;}
input#fragment-count {width: 3ex;}
input#file {width: 95%;}
input.button, a.button {
	display: block;
	min-width: 70px;
	width: auto;
	*width: 120px; /* IE7 */
	padding: 1px 15px;
	_padding: 0 15px; /* IE6 */
	border: solid 1px #999999;
	background-color: #f5f5f5;
	color: #000000;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}
input.button {*padding: 0 15px; /* IE7 */}
iframe {display: none;}

#error {display: none; margin: 10px 0; color: #ff0000;}

/* výsledky hledání */
#result {display: none; margin: 20px 0 10px 0;}
#result table {table-layout: fixed; border-collapse: collapse; border: solid 1px #999999; width: 95%;}
#result table thead {border-bottom: solid 1px #999999; background-color: #f5f5f5;}
#result table th {text-align: left; padding: 4px;}
#result table .count {width: 3em;}
#result table .db {width: 5em;}
#result table td {overflow: hidden; padding: 2px 4px; white-space: nowrap; vertical-align: top;}
#result table td div {overflow: hidden; width: 100%; white-space: nowrap;}
#result table td div img {margin-left: 2px; vertical-align: bottom; cursor: pointer;}
#result table td.count {text-align: right;}
#result table td.db {text-align: center;}

#result-message {display: none; margin: 20px 0 10px 0;}
#result-help {display: none; padding-bottom: 10px; border-bottom: solid 1px #999999;}

/* stav nahrávání */
#progressbar {display: none; margin-top: 5px; width: 95%; height: 20px; border: solid 1px #999999;}
#progressbar span {position: relative; display: block; height: 100%; width: 0; background-color: #95d211;}

/* detail výsledku */
#detail {margin: 10px 0;}
#detail .equal {background-color: #b3d9ff;}
#detail .fragment {background-color: #ffff80;}

/* přihlášení */
#login {margin-top: 40px;}
#login table {margin: 0 auto; width: 400px;}
#login input.text {padding: 2px;}
#login input.button {margin-top: 10px; width: 90px;}

/* seznam uživatelů */
#list {width: 95%;}
#list a.button {width: 70px;}
#list table {margin-top: 10px; width: 100%; border-collapse: collapse; border: solid 1px #c6886b;}
#list thead {border-bottom: solid 1px #999999; background: #f5f5f5;}
#list th {padding: 4px 4px;}
#list td {padding: 2px 4px 2px 6px;}
#list td.action {padding-left: 4px; width: 60px; text-align: center;}

/* přidávání/úprava uživatelů */
#edit {width: 95%;}
#edit table {width: 50%;}
#edit th, #edit td {padding: 1px 2px;}
#edit input.text {padding: 2px;}
#edit input.button {float: left; margin-top: 10px; margin-right: 5px;}