body, th, td {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 11pt;
}

h1, h2 {
  font-family: 'Tinos', serif;
}



body {
  padding:0;
  margin:0;
  text-align:center;
  background:#E9EAEB;
  color:#222;
}

img {
  border:none;
}

a {
  color:#3333FF;
  text-decoration: none;
}

p {
  margin-top:2px;
  text-align: justify;
}

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

.containerW {
  margin:0px auto;
  text-align: left;
  word-wrap: break-word;
}

.mainHeader {
  background:#fff;
}

.mainHeader .logo {
  float:left;
  margin:5px 10px 5px 40px;
}

.grayLine {
  height:1px;
  background:#B2B5B5;
  padding:0;
  margin:0;
}

.rtblock {
  float:right;
  margin:5px 15px 0 0;
  font-size:10pt;
  font-weight: bold;
}

.rtblock .user a {
  background-color: #58585A;
  padding:2px 10px;
  border:none;
  color:white;
}

.rtblock .user a.light {
  background-color: #B2B5B5;
}

.rtblock .basket {
  text-align: right;
  margin-top:15px;
}

.rtblock .basket {
  color: #B2B5B5}

.rtblock .basket a {
  color: #58585A}

.mainNavigator {
  background:#F4F5F5;
}

.mainMenu {
  margin:0;
  padding:0;
}

.mainMenu li {
  margin: 0 ; 
  height:50px;
  padding: 2px 00px; 
  border-right:1px solid #B2B5B5;
  list-style: none;
  float:left;
}

.mainMenu div {
  padding:15px 20px 0px 20px;
  white-space:nowrap;
}

.mainMenu li ul li div {
  padding:5px 20px 0px 20px;
}

.mainMenu li ul {
  transition: display 0.5s;
  width:150px;
  margin:52px 0 0px 0;
  padding:0;
  position:absolute;
  border-left:1px solid #B2B5B5;
  border-right:1px solid #B2B5B5;
  border-top:1px solid #B2B5B5;
  background:#D4D4D4;
  display:none;
}

.mainMenu li ul li ul {
  margin:5px 0 0 145px;
  padding:0;
  position:absolute;
  border-left:1px solid #B2B5B5;
  border-right:1px solid #B2B5B5;
  border-top:1px solid #B2B5B5;
  background:#D4D4D4;
  display:none;
}

.mainMenu li:hover {
  background:white;
}

.mainMenu li:hover > ul {
  display:block;
  z-index:20;
}

.mainMenu li ul li:hover > ul {
  display:block;
  z-index:40;
}

.mainMenu li ul li {
  float: none; 
  height:30px;
  border-bottom:1px solid #B2B5B5;
}

.mainMenu a {
  color:#222;
}

.mainMenu a:hover {
  color:#EA492D;
}

.mainMenu li ul li a:hover {
  color:#FF8061;
}

.mainMenu li.active {
  background:white;
}

.mainMenu li.active a {
  color:#FF8000;
}

.mainMenu li.inactive a {
  color:#222;
}

.mainContents {
  margin:10px 0 0 0;
  background:white;
}

.mainFooter {
  background:#58585A;
}

.mainFooterPad, .mainContentPad, .mainNavigatorPad, .mainHeaderPad {
  padding:10px 30px;
}

.absFooter {
  background:white;
  padding:2px 10px;
}

.absFooter a, .absFooter, .absFooter a:hover {
  color:#58585A;
  font-weight:bold;
}

.mainHeader .slogan {
  float:left;
  margin:00px 0 0 20px;
  font-size:20pt;
}

.mainContentPad {
  padding:10px 50px;
}

.staticPageContents {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom: 1px solid #B2B5B5;
}

/* TABULKY */

.table {
  border-collapse:collapse;
}

.table th, .table td {
  border: 1px solid #B2B5B5;
}

.table th {
  background:#D9D9DB;
  color:#222;
  margin:0;
  padding:5px;
}

.table td {
  /*background:#FFF;*/
  color::#222;
  margin:0;
  padding:5px;
}

/* TABULKY KONEC */

.adminButton {
  display:inline;
  border:1px solid #B2B5B5;
  padding:3px;
  cursor:pointer;
  color:#222;
  text-decoration:none;
}

.adminButton0 {
  background: #D9D9DB;
}

.adminButton1, .table td.adminButton1 {
  background:#B5E971;
}

.adminButton2, .table td.adminButton2 {
  background:#FF8276;
}

.shimselect {
  padding:3px 25px 3px 3px;
  border:1px solid #B2B5B5;
  background:url(../slices/shimDown.png) center right no-repeat;
}

.blockPopup {
	position:absolute;
	top:0px;
	left:0px;
	background:white;
	border:2px solid #B2B5B5;
	width:500px;
	z-index:250;
	display:none;
}

.blockPopupInner {
	padding:3px 20px 20px 20px;
}

.blockPopupInnerTop {
	height:17px;
	text-align: right;
	padding:2px 2px 0px 0px;
}

.clickable {
  cursor: pointer;
}

.grayBg {
	position:absolute;
	top:0px;
	left:0px;
	background:url(../slices/grayBg.png);
	width:50px;
	height:50px;
	z-index:240;
	display:none;
}

#dialog-form, #dialog-form2, #cut-dialog-form {
  display:none;
}

.adminMainNavi {
  margin:0;
  padding:0;
}

.adminMainNavi li {
  margin: 0 ; 
  height:20px;
  padding: 2px 00px; 
  border:1px solid #B2B5B5;
  background: url(../slices/buttonBg.png) top left repeat-x;
  list-style: none;
  float:left;
}

.adminMainNavi span {
  padding:0px 20px;
}

.adminMainNavi li ul {
  margin:21px 0 0px 0;
  padding:0;
  position:absolute;
  border:none;
  background:none;
  display:none;
}

.adminMainNavi li:hover > ul {
  display:block;
  z-index:20;
}

.adminMainNavi li ul li {
  float: none; 
}

.clear {
  clear:both;
}

.clear10 {
  clear:both;
  height:10px;
}

.shimselect {
  padding:3px 25px 3px 3px;
  border:1px solid #B2B5B5;
  background:url(../slices/shimDown.png) center right no-repeat;
}

.fullwidth {
  width:auto;
}

/* Admin navigátor */

.adminNavigator {
  padding-bottom:10px;
  margin-bottom:10px;
  border-bottom:1px solid #B2B5B5;
}

.adminTableList {
}

.adminTableList tr {
  transition: background 0.5s;
}

.adminTableList tr:hover {
  /*background:#FFFFA3*/
}

.adminTableList tr.historie1 {
  opacity:0.4;
}

.longInp {
  width:500px;
}

.mediInp {
  width:300px;
}

.shortInp {
  width:100px;
}

.shorterInp {
  width:70px;
}

.shortestInp {
  width:50px;
}

.shortest2Inp {
  width:30px;
}

.lowInp {
  height:100px;
}

.highInp {
  height:300px;
}

.bigSize {
  font-size:15px;
  font-weight:bold;
}

.hidden {
  display:none;
}

.loadFrame, .loadBFrame {
  border:none;
  width:600px;
  height:130px;
}

body.tleftNopad {
  text-align:left;
  padding:0;
  margin:0;
}

body.tleftNopad form {
  margin:5px 0 0 0;
  padding:5px 0 0 0;
  border-top:1px solid #B2B5B5;
}

body.tleftNopad .impLft {
  float:left;
  width:350px;
}

.adminImgPrev {
  float:left;
  width:255px;
  text-align: left;
  height:110px;
  border:1px solid #B2B5B5;
  margin:0 5px 5px 0;
  padding:5px;
}

.adminImgPrev2 {
  float:left;
  width:150px;
  text-align: left;
  height:120px;
  border:1px solid #B2B5B5;
  margin:0 5px 5px 0;
  padding:5px;
}

.button, .button_delete {
  padding:3px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
  border:1px solid #AAA;
  cursor:pointer;
  background: rgba(226,226,226,1);
  background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 31%, rgba(209,209,209,1) 90%, rgba(219,219,219,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(31%, rgba(254,254,254,1)), color-stop(90%, rgba(209,209,209,1)), color-stop(100%, rgba(219,219,219,1)));
  background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 31%, rgba(209,209,209,1) 90%, rgba(219,219,219,1) 100%);
  background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 31%, rgba(209,209,209,1) 90%, rgba(219,219,219,1) 100%);
  background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 31%, rgba(209,209,209,1) 90%, rgba(219,219,219,1) 100%);
  background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 31%, rgba(209,209,209,1) 90%, rgba(219,219,219,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dbdbdb', GradientType=0 );
  color:black;
}

.button_delete {
  background: url(../slices/adminDelete.png)rgba(226,226,226,1);
  background: url(../slices/adminDelete.png) -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 31%, rgba(209,209,209,1) 90%, rgba(219,219,219,1) 100%);
  background: url(../slices/adminDelete.png) -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(31%, rgba(254,254,254,1)), color-stop(90%, rgba(209,209,209,1)), color -stop(100%, rgba(219,219,219,1)));
  background: url(../slices/adminDelete.png) -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 31%, rgba(209,209,209,1) 90%, rgba(219,219,219,1) 100%);
  background: url(../slices/adminDelete.png) -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 31%, rgba(209,209,209,1) 90%, rgba(219,219,219,1) 100%);
  background: url(../slices/adminDelete.png) -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 31%, rgba(209,209,209,1) 90%, rgba(219,219,219,1) 100%);
  background: url(../slices/adminDelete.png) linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(254,254,254,1) 31%, rgba(209,209,209,1) 90%, rgba(219,219,219,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dbdbdb', GradientType=0 );
}

.button_delete:hover {
  background: url(../slices/adminDelete.png) rgba(226,226,226,1);
  background: url(../slices/adminDelete.png) -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 17%, rgba(254,254,254,1) 89%, rgba(219,219,219,1) 100%);
  background: url(../slices/adminDelete.png) -webkit-gradient(left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(17%, rgba(209,209,209,1)), color-stop(89%, rgba(254,254,254,1)), color-stop(100%, rgba(219,219,219,1)));
  background: url(../slices/adminDelete.png) -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 17%, rgba(254,254,254,1) 89%, rgba(219,219,219,1) 100%);
  background: url(../slices/adminDelete.png) -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 17%, rgba(254,254,254,1) 89%, rgba(219,219,219,1) 100%);
  background: url(../slices/adminDelete.png) -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 17%, rgba(254,254,254,1) 89%, rgba(219,219,219,1) 100%);
  background: url(../slices/adminDelete.png) linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(209,209,209,1) 17%, rgba(254,254,254,1) 89%, rgba(219,219,219,1) 100%);
  filter: url(../slices/adminDelete.png) progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#dbdbdb', GradientType=0 );
  color:black;
  text-decoration:none;
}

.button_delete, .button_delete:hover {
  width:15px;
  background-position:center center;
  background-repeat:no-repeat;
}

#attrs span.editable {
  padding:1px 10px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
  border:1px solid #AAA;
  cursor:pointer;
  margin-right:5px;
}

.adminShopImg .adminImgPrev {
  height:120px;
}

.aipSmaller {
  width:210px;
}

.adminImgPrev img, .adminImgPrev2 img {
  float:left;
  margin-right:5px
}

.shopDetail input[type="text"] {
  background:white;
  border:1px solid #B2B5B5;
  text-align: center;
}

input[type="text"], input[type="password"], select, textarea {
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,242,245,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(245,242,245,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,242,245,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,242,245,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,242,245,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,242,245,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f2f5', GradientType=0 );
  border:1px solid #B2B5B5;
  border-radius:3px;
  padding-left:3px;
}


.admininput, .admin select, .adminImgPrev input, .adminImgPrev select {
  background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,242,245,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(245,242,245,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,242,245,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,242,245,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(245,242,245,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(245,242,245,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f2f5', GradientType=0 );
  border:1px solid #B2B5B5;
  border-radius:3px;
  padding-left:3px auto;
}

input[type="text"].badValue, input[type="password"].badValue, select.badValue, textarea.badValue {
  background: rgba(255,255,255,1) url(../slices/badValue.png) right center no-repeat;
}

.adminImgPrev {
  background:url(../slices/vertgray.png) top left repeat-x;
}

.adminImgPrev, .adminImgPrev input, .adminImgPrev select, .adminImgPrev option {
  font-size:9px;
  margin-bottom:5px;
}

.adminImgPrev2 {
  font-size:11px;
}

.fright {
  float:left;
}

.staticPage {
  margin-bottom:10px;
  padding-bottom:10px;
  border-bottom: 1px solid #B2B5B5;
}

.staticLeftImages {
  float:left;
  width:280px;
  text-align:left;
} 

.staticRightImages {
  float:right;
  width:110px;
  text-align:center;
} 

.staticBottomImages {
}

.staticBottomImages .block {
  float:left;
  text-align:center;
  margin:0 0 5px 5px;
}

.staticBottomImages .description {
  text-align: center;
  clear:both;
  font-size:10px;
}

.staticPageProduct, .shopPageProduct {
  border-bottom:1px solid #B2B5B5;
  margin-bottom:15px;
}

.shopPageProduct button {
  float:right;
  margin-bottom:20px;
}

.contentsStaticContentsWithGal {
  float:left;
  width:635px;
}

/* Admin navigátor KONEC */


/****************************/
/********* SLIDESHOW ********/

.slideshow {
}

/****************************/
/********* SLIDESHOW konec **/



.hilight {
  color:#FF8000;
}

.absmiddle {
  vertical-align:middle;
}

.fullwidth {
  width:100%;
}

.blind {
  
}

.vertWarn {
  background:url(../slices/vertWarn.png) top left no-repeat;
  color:black;
  padding:5px;
}

.toTranslateLink {
  font-weight: bold;
  color:red;
}

.error {
	background-color: #FAE9E9;
	background-image: url(../slices/warning.gif);
	background-position: 10px 10px;
	background-repeat: no-repeat;
	border: 2px #E05D5D solid;
	padding: 10px 10px 10px 50px;
	margin: 10px;
}

.fleft, .fl {
  float:left;
}

.fright, .fr {
  float:right;
}

.tleft {
  text-align:left;
}

.tright {
  text-align:right;
}

.tcenter {
  text-align:center;
}

.tjustify {
  text-align:justify;
}

.whiteA a {
  color:white;
}

/***************************************/
/************** HEADINGS ***************/

h1 {
  font-size: 16pt;
  font-weight:normal;
  border-bottom:1px dashed #B2B5B5; 
  padding-bottom:10px;
}

.slogan h1 {
  font-family: 'Open Sans Condensed', sans-serif;
  margin:0;
  font-size:12pt;
  padding:0;
  border:none;
}

h2 {
  font-size: 14pt;
  font-weight:normal;
  color:#FF8000;
}

h3 {
  font-size: 12pt;
  font-weight:normal;
}

h4 {
  padding-left:5px;
  border-top:1px dashed #D9D9DB;
  margin-bottom:5px; 
}

/*********************** SHOP PREVIEW *************************/
/**************************************************************/

.shopPreview {
  float:left;
  background:#F4F5F5;
  margin:0 10px 10px 0;
  padding:15px;
  width:270px;
}

.listCnt2 {
  margin-right:0;
}

.shopPreview .spTitle {
  background-color: #58585A;
  padding:2px 10px;
}

.shopPreview .spCont {
  margin:5px 0;
  height:65px;
  overflow:hidden;
}

a.submitButton {
  display:block;
}

input[type="submit"], .shopPreview .spButton, a.submitButton {
  background-color: #58585A;
  width:100px;
  padding:2px;
  border:none;
  color:white;
  cursor: pointer;
}

.admin {
  margin-bottom:50px;
}

.admin input[type="submit"], a.submitButton {
  padding:5px 15px;
  margin-top:5px;
  font-size:20px;
  text-transform:uppercase;
  width:auto;
  background:#FF9900;
  color:black;
  border-radius:5px;
  border:1px solid white;
  position:fixed;
  bottom:8px;
  left:8px;
  box-shadow: 0px 0px 10px #000; 
  opacity:0.2;
}

.shadowDialog {
  box-shadow: 0px 0px 10px #000; 
  background:white;
  border:1px solid #ddd;
  box-shadow:0 0 15px #aaa;
  border-radius:5px;
}

.admin input[type="submit"].active, a.submitButton.active {
  opacity:0.8;
}

.admin input[type="submit"]:hover, a.submitButton:hover {
  background:#FF9900;
  opacity:1;
}

input[type="button"] {
  background-color: #D9D9DB;
  width:100px;
  padding:2px;
  border:none;
  color:#58585A;
  cursor: pointer;
}

.shopPreview h2 {
  display:inline;
  font-family: 'Open Sans Condensed', sans-serif;
  color:white;
}

.shopPreview h2 a {
  color:white;
} 

.shopPreview h2 .smaller {
  font-size:12pt;
}

.shopPreview h2 a:hover {
  color:white;
  text-decoration: underline;
} 


/******************** SHOP PREVIEW KONEC **********************/
/**************************************************************/

/******************** SHOP DETAIL *****************************/
/**************************************************************/

.shopDetailIn {
  background:url(../slices/detailBg.png) top left repeat-y;
}

.shopDetail .photoFrame {
  float:left;
  width:380px;
}

.shopDetail .contentsFrame {
  float:left;
  width:538px;
}

.shopDetail .contentsFrame .inner {
  padding:30px;
}

.shopDetail .anotace {
  font-weight:bold;
  font-size:11pt;
}

.shopDetail .popis {
  margin-bottom:20px;
}

.shopDetail td, .shopDetail th {
  text-align: left;
  vertical-align: top;
}

.prodLogo {
  float:right;
}

.shopDetail h1 {
  padding-bottom:35px;
}

.shopDetail .kodSet {
  margin:0 0 10px 0;
  padding-bottom:0px;
  border-bottom: 1px solid #FF8000;
  font-weight:normal;
}

.kodSet a {
  color:#FF8000;
  text-decoration: none;
  border-top:1px solid #FF8000;
  border-left:1px solid #FF8000;
  border-right:1px solid #FF8000;
  padding:0 5px;
  background:white;
  color:#FF8000;
}

.kodSet a.active {
  font-weight:bold;
  background:#FF8000;
  color:white;
}

.kodSet a:hover {
  background:#FF8000;
  color:white;
}

.kodSet span {
  margin:0px 10px;
}

.cena {
  color:#FF8000;
  font-size:16pt;
}

.cena .oldPrice {
  font-size:12pt;
  color:#555;
  padding:0 10px;
  margin-right:15px;
  background:url(../slices/oldPrice.png) center center no-repeat;
}

.likes {
  margin:15px 0 0 0;
  float:right;
}

/******************** SHOP DETAIL KONEC **********************/
/**************************************************************/


tr.trover {
}

tr.trover:hover td {
  background:#FFFF66 !important;
}

.overBlock  {
  position:absolute;
  z-index:20;
  margin-top:0;
  margin-left:0;
}

.staticBottomImages .overBlock {
  background:url(../slices/overThumb.png) top left no-repeat;
  width:100px;
  height:100px;
}

.staticBottomImages .block {
  border:1px solid #B2B5B5; 
}

.color {
  margin: 0 0px 5px 5px; 
  border:1px solid #B2B5B5;
  float:left;
  text-align: center;
  padding:5px 10px;
  background:white;
}

.btmLogo {
  float:left;
  margin:20px;
}

.nomargin {
  margin:0;
}

.objpart {
  margin-left:20px;
  padding-left:20px;
  border-left:1px solid #ddd;
}

.orderState0 td {
  background:white;
}

.orderState1 td {
  background:#FF6600;
}

.orderState2 td {
  background:#FF9933;
}

.orderState3 td {
  background:#CCCC66;
}

.orderState4 td {
  background:#99CC66;
}

.orderState5 td {
  color:#BBB;
}



/*****************************************/
/************** GALERIE  *****************/



/*****************************************/
/************** GALERIE konec ************/

.dealerTable td {
  padding:0 10px 3px 0;
}

.framed {
  padding:2px;
  border:1px solid red;
}

.exportItem {
  float:left;
  width:150px;
}

.shimButton {
  background:#eee;
  color:#555;
  border:1px outset #555;
  cursor:pointer;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  margin-top:10px;
  padding:3px 10px;  
}

.shimButton:hover {
  color:#000;
  border:1px inset #555;
}

.googleMap {
  display:none;
  position:absolute;
  width:600px;
}

.googleMap .map {
  margin:5px 5px;
  width:590px;
  height:400px;
}

.shadowFrame {
  border:1px solid black;
  box-shadow: 0 0 10px #9ecaed;
  background:white;
  border-radius:3px;
  margin-top:25px;
  z-index:10000;
}

.shadowFrame .close {
  background:#AAA;
  border-bottom:#888;
  color:white;
  font-weight:bold;
  text-align:right;
  padding:3px;
}

body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

ul.sortable, ul.sortable li {
  list-style:none;
}

ul.sortable {
  margin-left:0;
  padding-left:0;
}

ul.sortable li {
  background:#eee;
  color:#444;
  border:1px solid #AAA;
  border-radius:5px;
  width:95%px;
  margin-bottom:5px;
  padding:10px;
}

ul.sortable li.historie1 {
  opacity:0.4;
}

ul.sortable li.placeholder {
  position: relative;
  /** More li styles **/
}
ul.sortable li.placeholder:before {
  position: absolute;
  /** Define arrowhead **/
}

#qf {
  width:100px;
}

.framed {
  padding:5px;
  border:2px solid #999;
  border-radius:5px; 
}

.mr {
  margin-right:10px;
}

.weighted { 
}

.w100 {
  width:100%;
}

a.remove {
  color:red;
  font-weight:bold;
  cursor:pointer;
}

.rmid {
  float:right;
  margin-right:10xp;
}

.adminDelete {
  position:absolute;
  margin-left:-8px;
  margin-top:-8px;
  cursor:pointer;
}

.adminDelete img {
  width:10px;
  height:10px;
}

.stationActions {
  float:right;
  margin-top:0px;
  margin-right:0px;
}

.stationActions input {
  border-radius:3px;
}

.sttChPrice {
  width:50px;
  margin-right:15px;  
}

.sttChTime {
  width:50px;
  margin-right:5px;  
}

.stFillUp, .stFillDown {
  position:absolute;
  margin-left:125px;  
  width:13px;
  height:8px;
  cursor:pointer;
}

.stFillUp {
  margin-top:1px;
  background:url(/slices/fillUp.png) top left no-repeat;
}

.stFillDown {
  margin-top:10px;
  background:url(/slices/fillDown.png) top left no-repeat;
}

.stFillUp:hover {
  background-image:url(/slices/fillUpAct.png);
}

.stFillDown:hover {
  background-image:url(/slices/fillDownAct.png);
}

.trace {
  border:2px solid red;
  background:#FFF7DB;
  padding:10px;
}


ul.checkTreeGroup {
  list-style: none;
  padding-left:0;
  padding-left:0px;
}

ul.checkTreeGroup li ul {
  display:none;
  list-style:none;
  padding-left:50px;
}

ul.checkTreeGroup li span {
  display:block;
  height:30px;
  line-height:30px;
  margin:0;
  padding:0;
}

ul.checkTreeGroup img {
  cursor:pointer;
  vertical-align:top;
}

ul.checkTreeGroup li,
ul.checkTreeGroup li ul,
ul.checkTreeGroup li ul li {
  margin-top:0;
  margin-bottom:0;
  padding-top:0;
  padding-bottom:0;
}

#stationsAdd li span {
  max-width:90%;
  overflow:hidden;
}

#traceStations li span {
  max-width:50%;
  overflow:hidden;
}

.termState0 {box-shadow: 0px 0px 4px red inset;}
.termState1 {background:#FFFFBB;box-shadow: 0px 0px 4px #eee inset;}
.termState2 {background:#FFFF77}
.termState3 {background:#FFFF22}
.termState4 {background:#CCFF66}
.termState5 {background:#EDEDBA}
.termState6 {background:#e8e8e8; opacity:0.4;}
.valueNoUsed {opacity:0.7;}

.wait {
  width:200px;
  height:60px;  
  text-align:center;
  margin:20px auto;
  background:url(../images/wait.gif) 20px center no-repeat;
  padding-left:40px;
  padding-right:20px;
  border:1px solid #646464;
  border-radius:10px;
  line-height:60px;
}

.busBlk {
  display:inline-block;
  margin-right:5px;
  padding:2px 3px;
  border-radius:5px;
  background:#eee;
  border:1px solid #aaa;
  cursor:pointer;
}

.busBlk:hover {
  border:1px solid red;
}

.busBlk.selected {
  background:#99FF99;
}
#travellersList td.trColor, 
#travellersList th.trColor {
  padding:0;
}

#travellersList .trLine0 td {
  background:#ffffff;
}

#travellersList .trLine1 td {
  background:#ffffaa;
}

#travellersList{
  width:100%;
}

#travellersList input {
  width:100px;
}

#travellersList input.short,
#travellersList .searches {
  width:50px;
}

#travellersList .updated td {
  background:#FF9900;
}

#travellersList .toDelete td {
  background:#FF5500;
}

#travellersList #Autobus {
  width:100px;
}

#travellersList #Zast1, 
#travellersList #Zast2,
#travellersList #Zast21, 
#travellersList #Zast22 {
  width:150px;
}

#travellersList #Sedadlo {
  width:30px;
}

#travellersList #CP {
  width:40px;
}

#travellersList .coTravLine.last td {
  border-bottom:20px solid white;
}

#sandBox span.seat {
  display:block;
  height:24px;
  list-style:none;
  margin:5px 10px;
  padding:2px 5px 2px 30px;
  background:url(../images/sedadlo-sandBox.png) 5px center no-repeat;
  border-radius:2px;
  cursor:pointer;
}

#sandBox span.seatToSandbox {
  width:100px;
  background:url(../images/sedadloToSandBox.png) 5px center no-repeat;
}

.trGroupOver {
  position:relative;
  box-shadow: 0px 0px 20px #F00,
  inset 0px 0px 20px #F00;
}

.trGroupOver.seatCest {
  box-shadow: 0px 0px 20px #AA0,
  inset 0px 0px 20px #F00;
}

.seatBlinkOn {
  box-shadow: inset 0px 0px 20px #FF0000;
  font-weight:normal;
  color:white;
}

.saveWarning {
  position:absolute;
  margin-left:-20px;
  width:20px;
  height:20px;
  background:red;
  border-radius:10px;
  box-shadow:0px 0px 10px #000; 
}

#trSelSmer {
  position:absolute;
  display:block;
  box-shadow: 0px 0px 20px #000;
  cursor:pointer;
}

#trSelSmer option:hover {
  background:#e8e8e8;
}

.concurrent {
  position:fixed;
  right:0;
  bottom:0;
  opacity:0.75;
  padding:0.5em;
  background:red;
  color:white;
  font-weight:bold;
  visibility:hidden;
}

.concurrent.active {
  visibility:visible;
}