/* ============================================= */
/* Hlavni CSS pouzivany webem i CMS              */
/* ============================================= */

@import url(baseHtml.css);
@import url(forms.css);
@import url(fancybox.css);
@import url(main.css);
@import url(system.css);
@import url(chosen.css);

/* Pozadí výběru formátování a v editoru  ve wysiwyg editoru */
body.editor h2, body.editor h3, body.editor h4, body.editor h5, body.editor h6, body.editor p, body.editor div, body.editor ul, body.editor ol { } 
 body.editor {
  padding: 5px; 
  background: #fcfae3;
 }
  body.editor div.jquery-marker-frame { 
  background: none;
  border: dashed 1px grey
  }

/* Obecne minitridy */
.cl 			{ clear: both; }
.left 		{ float: left !important; }
.right 		{ float: right !important; }
.no-float 	{ float: none; }

.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.taj { text-align: justify !important; }

.m0 { margin: 0px !important; }
.m3 { margin: 3px !important; }
.m5 { margin: 5px !important; }
.m10 { margin: 10px !important; }
.m15 { margin: 15px !important; }
.m20 { margin: 20px !important; }

.mt0 { margin-top: 0px !important; }
.mt3 { margin-top: 3px !important; }
.mt5 { margin-top: 5px !important; }
.mt8 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb3 { margin-bottom: 3px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }

.ml0 { margin-left: 0px !important; }
.ml3 { margin-left: 3px !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml13 { margin-left: 13px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml50 { margin-left: 50px !important; }
.ml120 { margin-left: 120px !important; }

.mr0 { margin-right: 0px !important; }
.mr3 { margin-right: 3px !important; }
.mr4 { margin-right: 4px !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }

.pr0 { padding-right: 0px !important; }
.pr3 { padding-right: 3px !important; }
.pr4 { padding-right: 4px !important; }
.pr5 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }

.p0 { padding: 0px !important; }
.p3 { padding: 3px !important; }
.p5 { padding: 5px !important; }

.pt0 { padding-top: 0px !important; }
.pt2 { padding-top: 2px !important; }
.pt10 { padding-top: 10px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb7 { padding-bottom: 7px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }

.fs8 { font-size:8px; }
.fs9 { font-size:9px; }
.fs10 { font-size:10px; }
.fs11 { font-size:11px; }
.fs12 { font-size:12px; }
.fs13 { font-size:13px; }
.fs14 { font-size:14px; }
.fs15 { font-size:15px; }
.fs16 { font-size:16px; }
.fs18 { font-size:18px; }
.fs20 { font-size:20px; }
.fs22 { font-size:22px; }
.fs24 { font-size:24px; }
.fs26 { font-size:26px; }
.fs28 { font-size:28px; }

.colored-text { color: #e10000; }

.up { text-transform: uppercase }
.tdn { text-decoration: none !important; }

.visi { visibility: visible; }
.hide { visibility: hidden; }
.dn, .hidden { display: none; }

.border { border: 1px solid #836654; }
.border0 { border: none !important; }
.border2 { border: 2px solid #836654; }
.border3 { border: 3px solid #836654; }

.bt0 { border-top: 0px !important; }
.br0 { border-right: 0px !important; }
.bb0 { border-bottom: 0px !important; }
.bl0 { border-left: 0px !important; }

.hand { cursor: pointer; }

.nowrap { white-space: nowrap; }

.lh23 { line-height: 23px; }
.lh150 { line-height: 150%; }
.lh180 { line-height: 180%; }
.lh200 { line-height: 200%; }

.bold { font-weight: bold; }
.italic { font-style: italic; }
.normal { font-weight: normal !important; }

.white { color: #fff !important; }
.black { color: #000 !important; }

.h5 { height: 5px; }
.h10 { height: 10px; }
.h15 { height: 15px; }
.h20 { height: 20px; }
.h35 { height: 35px; }

.full 	{ width: 100% !important; }
.quartTo { width: 70%; }
.half 	{ width: 50%; }
.quart 	{ width: 25%; }
.auto 	{ width: auto !important; }

.w10		{ width: 10% !important; }
.w20		{ width: 20% !important; }
.w30		{ width: 30% !important; }
.w35		{ width: 35% !important; }
.w40		{ width: 40% !important; }
.w50		{ width: 50% !important; }
.w60		{ width: 60% !important; }
.w65		{ width: 65% !important; }
.w70		{ width: 70% !important; }
.w80		{ width: 80% !important; }
.w90		{ width: 90% !important; }
.w100		{ width: 100% !important; }

.w10p		{ width: 10px !important; }
.w25p		{ width: 25px !important; }
.w35p		{ width: 35px !important; }
.w130		{ width: 130px !important; }
.w250		{ width: 250px !important; }
.w330		{ width: 330px !important; }

.w98p { width: 98%; }

.vat {vertical-align:top!important;}
.vam {vertical-align:middle!important;}

.t-1 { position: relative; top: -1px; }
.t-2 { position: relative; top: -2px; }

.t1 { position: relative; top: 1px; }
.t2 { position: relative; top: 2px; }

.colored-label {
	font-weight: bold;
	line-height: 175%;
	background: #3848bf;
	color: #ffffff;
}

.relative { position: relative; }
.req { color: #e10000; }

.itemMarginTRBL	{ margin: 5px 5px 5px 5px; }
.itemMarginRB		{ margin: 0px 5px 5px 0px; }
.itemMarginTRB		{ margin: 5px 5px 5px 0px; }
.itemMarginTR		{ margin: 5px 5px 0px 0px; }
.itemMarginBL		{ margin: 0px 0px 5px 5px; }
.itemMarginTBL		{ margin: 5px 0px 5px 5px; }
.itemMarginTL		{ margin: 5px 0px 0px 5px; }

/* Tohle by tu asi byt nemelo, ale nevim, kam s tim jinam */
img.editorSelected, div.editorSelected { border: 2px dashed blue !important; }

.fileIcon {
	position: relative;
	top: 3px;
}

.fileSize {
	color: #444444;
	font-size: 9px;
	font-style: italic;
}

.ui-slider-wrapper {
	height: 18px;
  width: 60%; 
	background: #fff;
	position: relative;
	top: 4px;
	margin: 0px 0px 0px 0px;
	border: 1px solid #b0b0b0;
	background: #efefef;
	display: inline-block;
}

.ui-slider-wrapper .ui-slider {
	float: left;
	height: 18px;
	position: relative;
	width: 90%;
} 
.ui-slider-wrapper .ui-slider .ui-slider-handle {
	display: inline-block;
	width: 18px;
	height: 18px;
	position: absolute;
	margin: -1px -1px;
	background: url(../img/bgButton.png) left top repeat-x;
	border: 1px solid #444;  
	outline: none
}
.ui-message {
	margin: 0px auto 1.2em;
	padding: 7px 15px;
	position: relative;
	white-space: normal !important;
	clear: both;
}
td .ui-message {
	margin-top: 0px
}
.messages .ui-message {
	margin: 0px auto 0.2em;
	width: auto
}
.ui-message-close {
	background: transparent url(../img/message-close.png) center center no-repeat;
	display: block;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 5px;
	right: 5px;
	text-indent: -99999px
}
.ui-info {
	background: #fff url(../img/ico_success.png) 6px center no-repeat;
	padding-left: 28px;
	border: 1px solid #626641;
	color: #626641
}
.ui-error, .ui-warning {
	background: #fff url(../img/ico_error.png) 6px center no-repeat;
	padding-left: 28px;
	border: 1px solid #ac0000;
	color: #ac0000
}
.ui-success {
	background-color: #c4e6c3;
	color: #006a4c;
	border: 1px solid red
}
.ui-tabs-hide {
	display: none
}
.ui-helper-hidden-accessible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px)
}
.ui-button {
	background: #fff;
	color: #2f2a2e;
	padding: 1px 7px;
	cursor: pointer;
	border: 1px solid #000;
}
.ui-button:hover {
	background-position: right bottom;
	border-color: #fff
}
.ui-button.ui-state-active {
	border: 1px solid #d30303;
	padding: 1px 7px;
	color: #fff
}
.ico-order {
	display: inline-block;
	width: 24px;
	height: 24px;
	margin: 0px 5px;
	background: url(../img/icons_order.png) 24px 24px no-repeat;
	text-indent: -9999em;
	outline: none
}
.ico-order.view {
	background-position: left top
}
.ico-order.view:hover {
	background-position: left bottom
}
.ico-order.delete, .ico-order.cancel {
	background-position: -24px top
}
.ico-order.delete:hover, .ico-order.cancel:hover {
	background-position: -24px bottom
}
.ico-order.invoice {
	background-position: -48px top
}
.ico-order.invoice:hover {
	background-position: -48px bottom
}
.ico-order.edit {
	background-position: -96px top
}
.ico-order.edit:hover {
	background-position: -96px bottom
}
/* ***PAGER *** */
.pager {
  margin-top: 20px;
  margin-bottom: 20px;
  float: right;
}
.pager span, .pager a{
  margin: 0px 0px 0px 5px;
  font-weight: bold;
}
.pager a:hover {
  text-decoration: none;
}
.pager a.pagerFirst, .pager a.pagerPrev {
  margin: 0px 10px 0px 0px;
  text-decoration: none;
}
.pager a.pagerLast, .pager a.pagerNext {
  margin: 0px 0px 0px 10px;
  text-decoration: none;
}