body {margin: 0; padding: 0; font-family: arial, Helvetica, sans-serif;	font-size: 70%;}
a {color: black;}

h1 {color: #627FB7;	font-size: 1.5em; margin: 0.5em 0;}
h2 {color: #627FB7; font-size: 1.3em; margin: 1em 0 0.5em 0; }
h2.first { margin-top: 0; }
h2 span { font-size: 11px; font-weight: normal; }
h3 {color: #627FB7;	font-size: 1.2em; margin: 0.5em 0;}
h4 {font-size: 1em;	margin: 1em 0;}

p {margin: 0.5em 0 }

img {border: 0;}

#header {margin: 0; padding: 0;	background-color: #627FB7; height: 75px; border-bottom: 1px solid #FFFFFF; color: white; font-weight: bold; }
#logo-web-manager {margin: 10px 0 0 10px;}
.hidden {display: none;}

#menu1 {height: 25px; color: #FFFFFF; background-color: #000000; padding: 0 10px;}
#menu1 a {line-height: 25px; color: #CCCCCC; text-decoration: none;}
#menu1 a:hover {color: #FFFFFF;}

#main {margin:0; padding:0;}
#left {width: 18%; background-color: #FBFBFB; float: left; min-height: 450px; _height: 450px;}
#right {width: 81%;	float: right;}
#in-right {width: 100%;}
.column-in {margin:0; padding: 5px 5px;}

.clear {clear:both; height:1px; font-size:1px; border:none; margin:0; padding:0;background:transparent;}

.float-left {float: left;}
.float-right {float: right;}
.align-right {text-align: right;}
.align-left {text-align: left;}
.align-center {text-align: center;}
img.absmiddle {
	vertical-align: middle;
	margin-bottom: .25em;
}

#menu a {display: block; text-decoration: none;	border-bottom: 1px solid #FFFFFF; height: 29px; line-height: 29px; color: #627FB7; background-color: #EDEDED;	padding-left: 10px;	font-weight: bold;}
#menu a:hover {background-color: #BBBBBB; color: #FFFFFF;}
		
#footer1 {height: 25px;	line-height: 25px; background-color: #000000; border-bottom: 1px solid #999999; color: #FFFFFF; font-weight: bold; }
#footer1 img { float: left; margin-right: 10px; }
#footer2 {height: 40px;	background-color: #4A4A4A; color: #FFFFFF;}
#footer2 p {font-size: 85%; margin: 0; padding: 10px 0 0 10px;}
#footer2 a {color: white; background-color: transparent; }

/**************************************/

.w800 {width: 800px;}
.w500 {width: 500px;}
.w400 {width: 400px;}
.w250 {width: 250px;}
.w200 {width: 200px;}
.w150 {width: 150px;}
.w120 {width: 120px;}
.w100 {width: 100px;}
.w85 {width: 85px;}
.w80 {width: 80px;}
.w75 {width: 75px;}
.w65 {width: 65px;}
.w60 {width: 60px;}
.w55 {width: 55px;}
.w50 {width: 50px;}
.w40 {width: 40px;}
.w20 {width: 20px;}
.h20 {height: 20px;}

table.data {background: #FFFFFF; border-collapse: collapse; margin: 0 0 4px 0; width: 100%;}
table.wAuto { width: auto; }
table.data th {background: #8C8C8C; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #CACACA; 	text-align: left; padding: 4px 5px;}
table.data th.align-right {text-align: right;}
table.data th a {color: #FFFFFF;}
table.data tr {background-color: #EEEEEE;}
table.data td {border-right: 1px solid #FFFFFF; border-bottom: 1px solid #FFFFFF; padding: 4px 5px;}
table.data tr.head td, table.data td.head {background-color: #DDD; font-weight: bold; line-height: 18px;}
table.data td.td-alert {background-color: red; color: white; font-weight: bold;}
table.data td.odpoved { background: #F2F2F2; padding: 1px 5px 1px 60px; }
table.data tr:hover td { background-color: #DDD; }
table.data td.nobr {white-space: nowrap;}
table.data td img { vertical-align: middle; }
table.data td img.info { float: right; margin-left: 5px; }
table.data label { float: none; margin-right: 10px; }
table.data tr.alert td { background: #FFDDDD; color: black; }
table.data tr.alert td a { color: black; }
table.data tr.ok td { background: #DDFFDD; color: black; }
/*table.data tr.white td { background: #f8f8f8; color: black; }*/
table.data th.align-center { text-align: center; }

#login {width: 350px; margin: auto;	padding: 60px 0;}
.login-error {padding: 5px 0; border: 1px solid #B0B0B0;	border-left: none; border-right: none; margin: 5px 0; text-align: justify;}

.alert {color: red;}
.alert a { color: red; }
.form-titulek {vertical-align: top;}
.br-line {margin: 6px 0; border-bottom: 1px solid #cecece;}

fieldset {border: 1px solid #B0B0B0; background: #FAFAFA; padding: 16px 18px; margin: 0 0 20px 0;}
legend {font-weight: bold; margin: 0; padding: 0 5px;}

label {float: left;	width: 130px; vertical-align: middle; line-height: 2.5em; }
label span { font-weight: bold; color: red; }
.form-item {line-height: 2.5em;}
.form-item input {vertical-align:middle;}
.form-item-textarea {margin-top: 5px; }
.form-item-textarea label {float: none;}
.inline, .inl { width: auto; display: inline; float: none; margin-right: 10px; }
.form-submit { text-align: right; margin-bottom: 20px; }
.form-submit input { padding: 2px 10px; }
select { padding: 1px 5px; }

#p-menu {border-bottom: 1px solid #cecece; padding: 0 0 5px 0;}

.gallery-item {float: left;	padding: 10px 10px;	background-color: #EDEDED; margin: 10px 10px 10px 0;}
#filter {float: left;}
#filter fieldset {padding: 5px;}
#filter label {width: auto; padding: 0 3px 0 8px; line-height: 1.5em;}
#filter input, #filter select {font-size: 10px;}

#submenu a {display: block;	float: left; background-color: #EDEDED;	margin-right: 1px; height: 29px; line-height: 29px;	padding: 0px 8px; color: #FF8400; font-weight: bold;	text-decoration: none;}
#submenu a:hover {background-color: #BBBBBB; color: #FFFFFF;}

#home-left {width: 48%;	float: left; border-right: 1px solid #cecece; padding-right: 20px;}
#home-right {width: 48%; float: right;}

.foto { float:left; margin: 0 10px 10px 0; padding: 10px 10px 5px 10px; background: #EEEEEE; text-align: center; }
.foto a.thmb img { border: 1px solid #000; }
.foto label { float: none; margin-right: 5px; }
.foto input { vertical-align: middle; margin-left: 5px; }
.foto input.nazev { width: 158px; font-size: 10px; margin: 0; }
.video { position: relative; }
.video span { top: 10px; left: 10px; position: absolute; background: url(video.png) no-repeat; width: 32px; height: 32px; } 

.active { background: #D1D1D1; }

div.stranky { text-align: right; margin: 5px; }
div.stranky a { padding: 0 2px; text-decoration: none; }
div.stranky a.act { font-weight: bold; }

.no-undr-line { text-decoration: none; }

#ref_to, #ref_from { width: 45%; float: left; border: 1px solid #888; padding: 5px; margin-right: 10px; }
#ref_to strong, #ref_from strong { display: block; margin-bottom: 10px; }
#ref_from span, #ref_to span { line-height: 1.8em; list-style: none; padding: 0; margin: 0; cursor:pointer; display: block; }
#ref_to.droppable-hover, #ref_from.droppable-hover { border: 1px solid red; }

.info-box { margin: 10px 0; }
.icon { vertical-align: middle; } 

#zalozky { text-align: right; height: 25px; border-bottom: 1px solid #B0B0B0; }
#zalozky a { display: block; height: 24px; line-height: 24px; float: left; padding: 0 15px; border-top: 1px solid #B0B0B0; border-right: 1px solid #B0B0B0; background: #DDD; text-decoration: none; font-weight: bold; font-size: 110%; color: #777; }
#zalozky a img { vertical-align: top; padding-top: 3px;}
#zalozky a.right { float: right; /*background: #DDDDEE; color: #77A;*/ }
#zalozky a:hover { color: black; }
#zalozky a.act { background: #FAFAFA; color: black; border-bottom: none; height: 25px; }
#zalozky a.alert { color: red; }
#zalozky a.first { border-left: 1px solid #B0B0B0; }
fieldset.zalozky { border-top: none; }  

img.tooltip { cursor:help; }
#tooltip { position: absolute; z-index: 3000; border: 1px solid #888; background-color: #FFF; padding: 3px 5px; opacity: 1; font-size: 11px; }
#tooltip h3, #tooltip div { margin: 0; font-size: 11px; }

table.soubory td.file { background: url(../ext-icons/file.png) 3px no-repeat; padding-left: 24px; }

table input { vertical-align: middle; }
table label { float: none; margin-right: 10px; line-height: 1em; }
table input.nazev { width: 150px; font-size: 10px; margin: 0; }

a.multiple-up { 
  font-size: 12px; text-decoration: none; color: #2E4C85; font-weight: bold; border: 1px solid #627FB7; padding: 5px 8px; 
  background: #A8C7FF url(icons/images_plus.png) 8px center no-repeat; float: left; padding-left: 30px;
  margin: 5px 0 10px 0;  
}

#gallery div button.gal_prev { float: left; }
#gallery div button.gal_next { float: right; }

table.mail { border-collapse: collapse; margin-bottom: 10px; }
table.mail th, table.mail td { font-size: 12px; padding: 2px 5px 2px 0; text-align: left; }

table.input {border-collapse: collapse; }
table.input th {background: #8C8C8C; color: #FFFFFF; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FAFAFA; text-align: left; padding: 4px 5px; white-space: nowrap;}
table.input th.nic, table.input td.nic { background: #FAFAFA; border-right: none; }
table.input td {background: #EEEEEE; border-right: 1px solid #FAFAFA; border-bottom: 1px solid #FFFFFF; padding: 2px 5px;white-space: nowrap;}
table.input td input.hide, table.input td span.hide { display: none; }
table.input th.align-center { text-align: center; }
table.input tr.par td { background: #DDDDDD; }
table.input tr.val td { background: #EEEEEE; }
table.input tr.val td.nic {background: #FAFAFA; border-bottom: 1px solid #FAFAFA; border-right: 1px solid #FAFAFA; }
table.input tr.alert td { background: #FFDDDD; color: black; }
table.input tr.move td { background: #CCDDFF; }
table.input td.dragHandle { cursor: move; }
table.data tr.used td, table.input tr.used td { background: #FFE8E8; }
table.data td.dragHandle { cursor: move; }
table.data tr.move td { background-color: #CCDDFF; }  

table.input td.lang div { height: 15px; margin-top: 1px;}
table.input td.small input { height: 9px; font-size: 11px; margin: 1px 0 0 0; width: 75px;}
table.input td.small label { width: 10px; padding-top: 3px; }
table.input td.small span { padding: 2px 0 0 3px; }
table.input td.small div { clear: left; }

table.pribuzne td { padding: 5px; }
table.pribuzne td select { width: 250px; }
table.pribuzne td button { padding: 0 10px 3px 10px; margin: 5px 0; }

a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(icons/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

#cboxContent, #cboxLoadedContent { background: #F8F8F8; padding: 10px; }

.tag { display: inline-block; margin: 1px 5px 1px 0; padding: 3px 5px; border-radius: 3px; background: #AA0; color: white; line-height: 1em; }
.tag-predplatne { background: #0A0; }
.tag-konec_predpl { background: #C00; }
.tag-zdroj { background: #00C; }
.tag-has_predplatne { background: #0CC; }

#tags_addTag, #tags_predplatne_addTag { line-height: 1em; height: 20px; }
#tags_addTag input, #tags_predplatne_addTag input { height: 20px; }
div.tagsinput { border: 1px solid #CCC; background: #FFF; padding:5px; width:600px; height:24px; overflow-y: auto;}
div.tagsinput span.tag { display: block; float: left; padding: 5px; text-decoration:none; margin: 1px 5px 1px 0; line-height: 1em; }
div.tagsinput span.tag a { font-weight: bold; text-decoration:none; }
div.tagsinput input { width: 80px; margin:0; font-family: helvetica, sans-serif; font-size: 13px; border:1px solid transparent; background: transparent; color: #000; outline:0;  margin-right:5px; margin-bottom:5px; }
div.tagsinput div { display:block; float: left; }
.tags_clear { clear: both; width: 100%; height: 0; }

#tags_tagsinput span.tag, #tags_tagsinput span.tag a { background: #AA0; color: white; }
#tags_predplatne_tagsinput span.tag, #tags_predplatne_tagsinput span.tag a { background: #0A0; color: white; }
#tags_has_predplatne_tagsinput span.tag, #tags_has_predplatne_tagsinput span.tag a { background: #0AA; color: white; }
#tag_source span, #tag_source_predplatne span, #tag_source_has_predplatne span  { cursor: pointer; }

fieldset.filtr .line { height: 30px; line-height: 30px; }
fieldset.filtr .line div.item { float: left; }
fieldset.filtr .line div.item input, fieldset.filtr .line div.item select { margin: 0 20px 0 5px; }

.circle { width: 12px; height: 12px; margin-right: 8px; border-radius: 100%; float: left; }
.circle-ajax { cursor: pointer; }
.circle-none { background: transparent; margin-top: 3px; }
.circle-red { background: red; }
.circle-green { background: #0a0; }

span.fa {font-size: 1.3em; margin-right: 5px; }