/* uvodni styly */

*                             { padding: 0; margin: 0; }
body                          { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 12px; background: #fff url(images/body_bg.gif); color: #333; margin-top: 6px; margin-bottom: 6px; }
input, select, textarea       { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 11px; padding: 1px; }

/* hlavni stranka */

#devel-right				  {
	position: fixed;
	top: 90px;
	text-align: left;
	font-size: 10px;
	background: #FFF none repeat scroll 0% 0%;
	right: 6px;
	border: 1px solid #EAEAEA;
	padding: 5px;
}
#devel-right a {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#devel-right a:hover {
	color: #F90;
	text-decoration: underline;
}
#devel-right strong {
	font-size: 120%;
	color: #F90;
}

@media (max-width: 1100px) {
	#devel-right				  {display: none;}
}

#page_wrap                    { position: relative;	text-align: center;}
#page                         { width: 992px; padding-left: 2px; padding-bottom: 2px; margin: 0 auto; background-color: #fff; border: 1px solid #EAEAEA; text-align: left;}

/* horni menu a nadpis stranky */

#top                          { width: 990px; height: 80px; color: #fff; background: url(images/header_body.gif) repeat-x; position: relative; }
#top h1                       { text-indent: -5000px; width: 160px; height: 80px; float: left; background: url(images/header_left.gif) no-repeat left top; }
#top a:link, #top a:visited   { color: #fff; text-decoration: none; }
#top a:hover                  { color: #fff; text-decoration: underline; }
#top_pos                      { width: 800px; height: 80px; float: right; padding-right: 20px; font-size: 10px; text-align: right; background: url(images/header_right.gif) no-repeat right top; }
#top_body                     { position: relative; top: 52px; }           
#top_news                     { position: absolute; top: 12px; font-weight: bold; left: 140px; font-size: 10px; width: auto; text-align: center; }
#top_news p                   { margin-bottom: 5px; height: 28px; overflow: hidden; }
#top_news p.last              { width: 400px; }

#infobox                      { width: 990px; height: 31px; font-size: 10px; line-height: 31px; color: #fff; background: url(images/infobox_body.gif) repeat-x; }
#infobox p                    { width: auto; height: 31px;  padding-right: 20px; text-align: right; float: right; background: url(images/infobox_right.gif) no-repeat right top; }
#infobox span                 { height: 31px; padding-left: 20px; line-height: 30px; text-align: left; float: left; background: url(images/infobox_left.gif) no-repeat left top; }
#infobox span a:link, 
#infobox span a:visited       { text-decoration: underline; color: #fff; }
#infobox i                    { font-style: normal; color: #cbe7f8; }
#infobox form                 { margin: 0px; padding: 0px; float: right; }
#infobox select               { margin-top: 5px; font-size: 10px; }

/* navigace */

#navigation                   { width: auto; height: 22px; list-style-type: none; display: inline; font-size: 10px; font-weight: bold; }
#navigation ul                { margin: 0; padding: 0 15px; text-align: left; line-height: 22px; }
#navigation li                { display: inline; padding: 0; margin: 0; }
#navigation li:after          { content: " "; }
#navigation a:link,
#navigation a:visited         { color: #333; text-decoration: none; padding-right: 10px; }
#navigation a:hover           { color: #f90; text-decoration: underline; }
#navigation a:visited.selected,
#navigation a:visited.hover   { color: #f90; text-decoration: underline; }
#navigation a                 { background: no-repeat 0 1px; padding: 6px 0 6px 25px; }
#navigation .nav_big          { height:42px; border-right:1px solid #ccc; }
#navigation .nav_big ul       { padding-left:2px; }
#navigation .nav_big li a     { padding:0; /*display:block; width: 42px; height:42px; background: transparent url(images/nav_big_icons.png) no-repeat 43px 43px; */ }
#navigation .nav_big li       { padding-right:5px; }
#navigation .nav_big.icon_1x  { width:68px; }
#navigation .nav_big.icon_2x  { width:115px; }
#navigation .nav_big.icon_3x  { width:163px; }
#navigation .nav_big.icon_4x  { width:213px; }

/*#navigation .a1               { background: url(images/uvod.gif) no-repeat 0 1px; padding: 6px 0 6px 25px; }*/ /* uvodni stranka */
/*#navigation .a2               { background: url(images/stranky.gif) no-repeat 0 2px; padding: 6px 0 6px 25px; }*/ /* staticke stranky */
/*#navigation .a3               { background: url(images/katalog.gif) no-repeat 0 1px; padding: 6px 0 6px 25px; }*/ /* katalog */
/*#navigation .a4               { background: url(images/galerie.gif) no-repeat 0 1px; padding: 6px 0 6px 25px; }*/ /* galerie */
/*#navigation .a5               { background: url(images/faq.gif) no-repeat 0 -1px; padding: 6px 0 6px 25px; }*/ /* FAQ */
/*#navigation .a6               { background: url(images/sablony.gif) no-repeat 0 1px; padding: 6px 0 6px 29px; }*/ /* sablony */
/*#navigation .a7               { background: url(images/uzivatele.gif) no-repeat 0 1px; padding: 6px 0 6px 18px; }*/ /* uzivatele */
/*#navigation .a8               { background: url(images/objednavky.gif) no-repeat 0 2px; padding: 6px 0 6px 24px; }*/ /* objednavky */
/*#navigation .a9               { background: url(images/formulare.gif) no-repeat 0 1px; padding: 6px 0 6px 28px; }*/ /* formulare */
/*#navigation .a10              { background: url(images/aktuality.gif) no-repeat 0 -1px; padding: 6px 0 6px 27px; }*/ /* aktuality */
/*#navigation .a11              { background: url(images/jazyk.gif) no-repeat 0 3px; padding: 6px 0 6px 24px; }*/ /* jazyky */
/*#navigation .a12              { background: url(images/jazyk.gif) no-repeat 0 3px; padding: 6px 0 6px 24px; }*/ /* preklady */ 

/* telo */

#content                      { text-align: left; /*position: relative;*/ width: 990px; overflow: hidden; }

/* levy sloupec */

#left                         { float: left; width: 24%; background-color: #EAEAEA; }
#left .hd .c, #left .ft .c    { font-size: 1px; height: 7px; }
#left .hd                     { background: transparent url(images/tl.gif) no-repeat 0 0; }
#left .hd .c                  { background: transparent url(images/tr.gif) no-repeat right 0; }
#left .bd                     { background: transparent url(images/bl.gif) repeat-y 0 0; }
#left .bd .c                  { background: transparent url(images/br.gif) repeat-y right 0; }
#left .ft                     { background: transparent url(images/fl.gif) no-repeat 0 0; }
#left .ft .c                  { background: transparent url(images/fr.gif) no-repeat right 0; }
#left .left_body              { padding: 10px 15px; overflow: hidden; text-overflow: ellipsis; width: 203px;}

.full_width #left			  { width:0px }
/* pravy sloupec */

#right                        { float: left; width: 76%; }
.full_width #right 			  { width:100% }

/* menu v pravem sloupci */

#header                       { width: auto; font-size: 10px; text-align: right; padding: 0 0 7px 0; margin: 0 20px 0 10px; border-bottom: 1px solid #EAEAEA; }
#header h2                    { color: #f90; font-size: 20px; font-weight: bold; }
#header a                     { text-decoration: underline; }
#header a:link,
#header a:visited             { color: #7BBCDD; }
#header a:hover               { color: #f90; }

#header a.self                { color: #f90; }

/* menu */

#menu                         { width: auto; list-style-type: none; display: inline; font-size: 10px; font-weight: bold; }
#menu ul                      { margin: 0 20px 0 10px; padding: 0 15px; text-align: left; line-height: 31px; background: url(images/body_bg.gif) repeat ; border-bottom: 1px solid #EAEAEA; }
#menu li                      { display: inline; padding: 0; margin: 0; white-space: nowrap; }
#menu a:link, #menu a:visited { color: #333; text-decoration: none; padding-right: 10px; }
#menu a:hover                 { color: #f90; text-decoration: underline; }
#menu a                       { padding: 6px 0 6px 20px; }
/*#menu .a1                     { background: url(images/ico_new_item.gif) no-repeat 0 4px; padding: 6px 0 6px 20px; }*/ /* novy clanek */
/*#menu .a2                     { background: url(images/ico_new_ctg.gif) no-repeat 0 3px; padding: 6px 0 6px 20px; }*/ /* nova kategorie */
#menu a.selected {
  text-decoration: underline;
  color: #FF9900;
}
#menu li.separator {
  border-left: solid 2px #EAEAEA;
  padding-left: 10px;
}

/* textova cast */

#text                         { width: auto; font-size: 12px; text-align: justify; padding: 10px; margin: 0 20px 10px 10px; }
#text a                       { color: #333; padding-right: 9px; background: url("images/link-out.gif") right top no-repeat; }
#text ul, #text ol            { padding-left: 30px; padding-bottom: 10px; padding-top: 10px; }
#text a[href^='mailto:']      { padding-right:10px; background-image: url("images/link-mail.gif"); }
#text a:hover                 { color: #f90; }
#text p                       { text-indent: 30px; padding-bottom: 10px; }

/* box */

.box                          { background-color: #FFFFCA; margin-bottom: 10px; min-height: 68px; _height: 68px; }
.box a                        { background-image: none; padding-right: 0; }
.box .hd .c, .box .ft .c      { font-size: 1px; height: 5px; }
.box .hd                      { background: transparent url(images/box_tl.gif) no-repeat 0 0; }
.box .hd .c                   { background: transparent url(images/box_tr.gif) no-repeat right 0; }
.box .ft                      { background: transparent url(images/box_fl.gif) no-repeat 0 0; }
.box .ft .c                   { background: transparent url(images/box_fr.gif) no-repeat right 0; }
.box .box_body                { margin: 15px; text-align: justify; }
.box img                      { position: relative; top: -15px; left: 0; float: left; margin-right: 10px; z-index: 1; border: none; }

/* tabulky */

table.list                         { margin-bottom: 10px;  font-size: 10px;	background-color: #E7E7E7; color: #999; width:100%; }
table.list caption                 { margin-top: 10px; font-weight: bold; background: #7BBCDD; border-bottom: 2px solid #1975d7; color: #FFF; padding: 5px; font-size: 10px; }
table.list td, table.list th       { padding-left: 4px; padding-right: 4px; }
table.list thead th                { padding-top: 2px; padding-bottom: 2px; text-align: center; background: #F5F5F5; color: #333; border: 1px solid #FFF; }
table.list thead a:link,
table.list thead a:visited         { background: none; padding: 0; font-weight: bold; text-decoration: underline; color: #333; }
table.list thead a:focus,
table.list thead a:hover           { color: #f90; }
table.list tbody th                { font-weight: bold; }
table.list tbody tr                { background-color: #FFF; text-align:left; }
table.list tbody tr.odd            { background: #f9f9f9; border-top: 1px solid #FFF; }

table.list tbody th                { color: #96D030;	background: url(images/person.gif) no-repeat 4px 8px #FFF;	padding: 0px 4px 0px 20px; }
table.list tbody th.sub            { color: #96D030;	background: url(images/person_sub.gif) no-repeat 16px 8px #FFF;	padding: 0px 4px 0px 32px; }
table.list tbody tr.odd th         { background: url(images/person.gif) no-repeat 4px 8px #f9f9f9; }
table.list tbody tr.odd th.sub     { background: url(images/person_sub.gif) no-repeat 16px 8px #f9f9f9; }

table.list tbody th a:link,
table.list tbody th a:visited      { color: #96D030;	/*background: url(images/layout.gif) no-repeat;	padding: 3px 0px 0px 20px; */ padding: 3px 0px 0px 0px; }
table.list tbody th a:hover        { color: #F90; }
table.list tbody tr td             { height: 30px; background: #FFF; border: 1px solid #FFF; }
table.list tbody tr th             { border: 1px solid #FFF; }
table.list tbody tr.odd td         { background: #f9f9f9;	border-top: 1px solid #FFF; }
table.list tbody tr:hover td,
table.list tbody tr:hover th       { background-color: #EFEFEF; }
table.list tbody td                { color: #333; }
table.list td a:link, 
table.list td a:visited            { color: #7BBCDD; padding: 0; background: none; }
table.list td a:hover              { color: #F90; }
table.list td img                  { border: 0; }
table.list tfoot th,
table.list tfoot td                { background-color: #F5F5F5; padding: 2px;	text-align: center; font-size: 9px;	border: none; border-bottom: 3px solid #CCC; /*border-top: 1px solid #DFDFDF; */ }
table.list tfoot select            { border: 1px solid #B3B9C3; margin: 0px; padding: 0px; text-align: center; float: left; width: 40px; }
table.list tfoot div.prev          { width: 16px; height: 15px; float: left; margin-right: 5px; margin-top: 1px; }
table.list tfoot div.succ          { width: 16px; height: 15px; float: left; margin-left: 5px; margin-top: 1px; }
table.list tfoot div.paging        { width: 135px;*width:245px; margin: auto;float:left;margin-left:10px;}
table.list tfoot div.paging.pm     { width: auto; float: left; }
table.list tfoot div.mass		   { float: right; font-weight: bold; }
table.list tfoot div.mass select   { float: none; width: auto; text-align: left; font-weight: bold; font-weight: normal; }
table.list tfoot div.mass	input  { color: #999; background: #F5F5F5; border: #B3B9C3 1px solid; padding: 0px; font-size: 1em; font-weight: normal; }

table.form			               { border-spacing:0px; width:100%; }
table.form>tbody>tr:hover          { background-color:#dcf3ff; }
table.form>tbody>tr>td			   { border:1px solid #fcfcfe; margin:0px; padding:2px}
table.form>tbody>tr>td.first_coll  { border-right:0px; padding:2px; width:12%; }
table.form>tbody>tr>td.second_coll { border-right:0px; border-left:0px; padding:2px; vertical-align:middle; width:6%;}
table.form>tbody>tr>td.third_coll  { border-left:0px; padding:2px 0px 2px 3px; width:82%;}
table.form>tbody>tr>td.third_coll label  { text-align:left; }
table.form>tbody>tr:hover>td.first_coll  { border-color:#7bbcdd;}
table.form>tbody>tr:hover>td.second_coll { border-color:#7bbcdd;}
table.form>tbody>tr:hover>td.third_coll  { border-color:#7bbcdd;}
table.form>tbody>tr>td.first_coll.expanded  { width:17%; }
table.form .full_width				{ width:580px; }
table.form iframe.loading			{ background: transparent url('images/ajax-loader.gif') no-repeat center 100px; }
table.form .third_coll label		{ display:inline; text-align: left; }
table.form tr .img_preview {
max-height: 120px;
max-width: 300px;
border: 1px solid rgb(226, 226, 226);
padding: 10px;
background-color: white;
background: url(/images/body_bg.gif);
border-radius: 4px;
margin-bottom:5px;
display: block;
}
table.form tr .img_preview.empty {display: none;}

table.form tr:hover .img_preview {
border:none;
background:none;
padding: 11px;
}

table.form .third_coll code {
  background: #fff;
  padding: 4px;
  border-radius: 4px;
  border: 1px solid #aaa;
  margin: 2px 0px;
  box-shadow: 0px 0px 2px #aaa inset;
  display: inline-block;
}


/* zobrazeni */

/* #text .zobrazeni                    { width: 71%; overflow: hidden; position: absolute; z-index: 0; } */
#text .zobrazeni                    { width: 100%; overflow: hidden; }
#text .zobrazeniL                   { float: left; width: 50%; }
#text .polozka                      { padding-right: 20px; padding-bottom: 20px; }
#text .polozka p                    { text-indent: 0;  padding: 0; }
#text .polozka img                  { float: left; padding-right: 8px; border: none; }
#text .polozka h3                   { color: #7BBCDD; font-weight: bold; padding-bottom: 5px; font-size: 12px; }
#text .polozka h3 a:link,
#text .polozka h3 a:visited         { color: #7BBCDD; text-decoration: underline; background-image: none; padding-right: 0;  }
#text .polozka h3 a:hover           { color: #f90; background-image: none; padding-right: 0;  }
       

/* paticka */

#footer                       { width: 990px; height: 31px; font-size: 10px; color: #fff; background: url(images/infobox_body.gif) repeat-x; }
#footer p                     { width: auto; height: 31px; padding-right: 20px; padding-top: 9px; text-align: right;  float: right; background: url(images/infobox_right.gif) no-repeat right top; }
#footer span                  { width: auto; height: 31px; padding-left: 20px; padding-top: 9px; text-align: left; float: left; background: url(images/infobox_left.gif) no-repeat left top; }
#footer p a:link, 
#footer p a:visited           { color: #fff; text-decoration: none; }
#footer p a:hover             { text-decoration: underline; }
#footer span a:link, 
#footer span a:visited,
#footer span a:hover          { color: #fff; text-decoration: underline; }

/* menu left */

div.menuTitle                             { font-weight: bold; /*border-bottom: solid 1px #999;*/ font-size: 11px; padding-bottom: 0px; }
/*
ul.menuItems                              { list-style-type: none; margin-top: 5px; margin-left: 0; padding-left: 0px; font-size: 10px; font-weight: bold; }
ul.menuItems li                           { padding-bottom: 3px; }
ul.menuItems a:link, .menuItems a:visited { color: #333; text-decoration: none; }
ul.menuItems a:hover                      { color: #f90; text-decoration: underline; }
*/
.project_link img {
    position:relative; top:2px; left:8px; border:0px;
}
.project_link img.not_live_project_icon {
    position:relative; top:2px; left:4px; border:0px; width:14px; height:14px;
}
.project_link img.shutdown_project_icon {
    position:relative; top:5px; left:2px; border:0px;
}


/* whisperer */

div.whisperer {background-color:#EFEFEF; border:1px solid #777; padding:3px;}
div.whisperer a {color:#222; padding:2px;}
div.whisperer a:hover {background-color:#555; color:#FFF;}

.textBox{
  padding-top: 15px;
  padding-right: 20px;
  padding-left: 10px;
  padding-bottom: 10px;
  background: #FCFCFE;
  overflow: auto;
}

.form { margin-bottom: 50px; }
#floating_buttons {
	padding: 10px 10px;
	background-color: #7BBCDD;
	/*border: 1px solid #64b0d7;*/
	position: absolute;
	width: 679px;
	margin: 0 10px;
	text-align: center;
	opacity: 0.7; -moz-opacity: .7; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: -webkit-gradient(linear, 0 0, 0 30, from(#7BBCDD), to(#b4d7e8)); 
	background:-moz-linear-gradient(top, #7BBCDD, #b4d7e8);
	-moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s;
	
}

#floating_buttons:hover {
	opacity: 1.0; -moz-opacity: 1.0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

div.treeBox{
  padding-top: 5px;
  font-size: 11px;
  margin-left: -8px;
}

.left_body a {
 	color: #333;
	text-decoration: none;
}

.left_body a:hover {
	color: #f90;
	text-decoration: underline;
}

#text .box a.infobox{
  background: none;
  color: #333;
  padding-right: 0px;
}

#text .box a.infobox:link, #text .box a.infobox:visited {
  text-decoration: none;
}

#text .box a.infobox:hover, #text .box a.infobox:focus {
  text-decoration: underline;
}

input.buttonBase {
  background: url(images/button_all.gif);
  border: none;
  width: 112px;
  height: 18px;
  text-transform: lowercase;
  cursor: hand;
}

input.buttonBase:hover, input.buttonBase:focus,
input.over {
  background-position: 0px 18px;
}

a.buttonPicker {
    border-radius: 0px 4px 4px 0px;
    padding: 1px 6px;
    display: inline-block;
    color: #222;
    text-shadow: 0px 0px 0px #333;
    background-color: #ddf;
    border: 1px #aaa solid;
    text-transform: lowercase;
    font-weight: 400;
    text-decoration: none;
    font-size: 11px;
    transition: all 0.2s ease 0s;
    margin-left: -1px;
    line-height:19px;
}
a.buttonPicker:hover{
    background-color: #ccf;
}
input.img_text {
    border-radius: 4px 0px 0px 4px;
    padding-left:4px !important;
    height: 19px;
    border: 1px #aaa solid;
}


.clear {
	font-size: 0px;
	line-height: 0px;
	height: 0;
	margin: 0;
	padding: 0;
	border: none;
	float: none;
	clear: both;
}

/* ==== anketa - vysledky ==== */
.contest {
	border: 1px solid #EAEAEA;
	padding: 10px;
	margin: 10px;
	width: 300px;
}

.contest-name {
	font-weight: bold;
	margin-bottom: 10px;
}

.question {
	clear: both;
	margin-bottom: 10px;
}

.question-text {
	margin-bottom: 5px;
	font-style: italic;
	/*background: #EAEAEA;*/
	padding: 2px;
}

.answer {
	line-height: 1.5em;
	clear: both;
	margin-bottom: 1px;
}
.answer-text {
	margin-left: 10px;
	float: left;
}
.answer-hits {
	margin-right: 5px;
	float: right;
}

.answer-graph {
	background: #7BBCDD;
	height: 1.5em;
}

.contest-results label {
	padding: 2px;
}

.contest-results .question-text {
	background: #EAEAEA;
}

.contest-results input,
.contest-results textarea {
	background: #fff;
	border: 1px solid #7BBCDD;
	color: darkblue;
	padding: 1px;
	margin: 2px;
}

.contest-results textarea {
	width: 270px;
}

.info {
	border: 1px solid #EAEAEA;
	padding: 10px;
	margin: 10px;
	width: 300px;
}

.info2 {
	border: 1px solid #EAEAEA; /* #C0C0C0 */
	margin-top: 10px;
	padding-left: 38px;
	font-weight: bold;
	font-size: 0.8em;
	height: 18px;
	line-height: 18px;
	color: #4D4D4D;
	background: url(images/info-small.gif) no-repeat 14px 1px #F9F9F9; /* #FFFCC5 */
}



.discussion-message {
	margin: 0;
	padding: 0;
	border: 1px solid #AFD1ED;
	background: #EDF7FA;
	padding: 5px;
	margin-bottom: 10px;
	width: 500px;
}

.discussion-message .date {
	color: #C40009;
}

.discussion-message .author {
	color: #910005;
}

.discussion-message .title {
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 2px;
	color: #000;
}

.discussion-message-actions {
	float: right;
	margin-left: 20px;
}

.fatal_error {
	font-family: Verdana, "Geneva CE", lucida, sans-serif; 
	font-size: 12px; 
	background: #fff url(images/body_bg.gif); 
	color: #333; 
	margin-top: 6px; 
	margin-bottom: 6px; 
	padding-top: 150px;
	text-align: center;
}

.fatal_error h1 { 
	color: #FF9900;
}

.fatal_error p { 
	width: 500px;
	margin: 50px auto;
	padding: 15px 30px;
	background: #ffffff;
	border: 1px solid #888888;
}

.filter {
	margin: 10px 10px 0 10px;
}

.filter form {
	display: inline;
}

.filter .item {
	display: block;
	float: left;
}

.filter .item label {
	margin: 1px 3px 1px 15px;
	display: block;
	float: left;
	width: 65px;
	text-align: right;
}


.filter .item input, .filter .item select {
	margin: 1px 3px;
	display: block;
	float: left;
	width: 130px;
}

.filter br {
	clear: both;
}

ul.sort_container {
	width:600px;
	overflow:auto;
/*	margin-bottom:20px;*/
	background-color:#fff;
}

ul.sort_container li span.sort_id, #sort_container span.sort_id {
	display:none;
}

ul.sort_container li {
	list-style-type: none;
	min-height: 16px;
	line-height: 16px;
	padding: 3px 6px 3px 15px;
	border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
	border: 1px solid #DDD;
	margin: 2px;
	background-color: #EEE;
	background: transparent url(./images/up-down-arrow.png) no-repeat left center;
	cursor: move;
}

ul.sort_container li img {
	padding-right: 3px;
}

ul.sort_container li:hover {
	background-color:#EEE;
}


ul.sort_container .placeholder {
	border: 1px solid #FF5E5E;
	background-color: #FFFFB7;
	background-image: none;
}

a.sortRevertRedoActive{
	color:green;
	cursor:pointer;
}

a.sortRevertRedoInactive{
	color:#555;
	cursor:default;
}

div.sort_navigation{
	background-color:#fff;
	margin-bottom:20px;
}

/* Varianty produktu - ShopCatalog - seznam variant produktu*/
table.searchTable {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;
	font-size:12px;
}

table.searchTable th, table.searchTable td {
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
	padding:3px;
}

table.searchTable tbody tr:hover td { background-color: #FFFFCC; }

table.searchTable tr {
	background-color: #FFFFFF;
}


table.searchTable th {
	background-color: #99CCCC;
}

table.searchTable img {
	border:none;
	padding:2px;
}

img.question_mark {
	display:inline;
	cursor:help;
	width:16px;
	height:16px;	
	float:right;
	margin-left:4px;
	margin-right:3px;
}

#info_hint_div {position:absolute;width: 250px;background:transparent url(./images/info_hint-top.png) no-repeat right top;display:none;}
/*#info_hint_div .bottom {width:100%;height:3px;background:transparent url(./images/info_hint-bottom.png) no-repeat right bottom;}*/
#info_hint_div .con {
    padding: 10px 10px 10px 10px;
    font-weight: bold;
    color: #63B0D0;
    background: #f9f9f9;
    border: 1px solid #cccccc;
    margin-right: 14px;
    border-right: none;
}

/****** OBJECT TREE SELECTOR ******/
div.objectSelector { padding-bottom:15px; border:3px solid #aaa; background-color:#dcf3ff; position:absolute; left:200px; top:250px; text-align:center; width:480px; }
div.objectSelector .tree_window { width:450px; height:270px; overflow: auto; border:1px solid #aaa; background-color:#fff; margin-bottom:5px; text-align:left; margin:15px; }
div.objectSelector .title_bar { width:480px; padding-bottom: 1px; margin-bottom: 5px; text-align: right; height: 20px; background-color: #7bbcdd; cursor: move; }
div.objectSelector .frameClass { border: 1px dotted #999; }
input.buttonBase.selector { margin: 5px 400px 5px 5px; }

/****** OBJECT UI TREE SELECTOR ******/
div.UIobjectSelector .tree_window { width:475px; height:270px; overflow: auto; /*border:1px solid #aaa;*/
				background-color: #eee; border-radius: 5px;
				text-align:left; margin:7px 0px 5px 0px;  }
div.UIobjectSelector .tree_window li { background-color: #eee !important;  }
div.UIobjectSelector .frameClass { border: 1px dotted #999; }

/****** SEARCH ******/
div.slider {  }
div.slider.sub { width:200px; }
div.page_limit_select { float:left; line-height:17px; margin-left:5px;}


/****** MODULE MANAGER ******/
div.module_manager table { border-spacing: 0px; width:100%; }
div.module_manager table thead tr td { background-color:#459fe0; color:#fff; height:3; font-weight:bold; text-align:center; font-size:19px; border: 1px solid #72c4ff;}
div.module_manager table tbody tr td { padding:2px 5px; border:1px solid white;}
div.module_manager table tbody tr.standard_module td { background-color:#E2FFD8; height:25px; }
div.module_manager table tbody tr.custom_module   td { background-color:	#FFFACD; height:25px; }
div.module_manager table tbody tr.standard_module:hover td { background-color:#c1efb1; }
div.module_manager table tbody tr.custom_module:hover   td { background-color: #f2e9a4; }
div.module_manager table tbody tr.standard_module.label_row td { background-color:#B7FFA1; font-weight:bold; text-transform: uppercase; padding:4px; border: none; }
div.module_manager table tbody tr.custom_module.label_row   td { background-color:#FFF1AC; font-weight:bold; text-transform: uppercase; padding:4px; border: none; }
div.module_manager table tbody a.install_button,
div.module_manager table tbody a.enable_button,
div.module_manager table tbody a.disable_button { display:block; padding:5px; border:1px solid #4D8BFF; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#000; text-decoration:none; }
div.module_manager table tbody a.install_button.not_installed { background-color:#5AAEE8; }
div.module_manager table tbody a.install_button.installed { background-color:#CCC; color:#777; border-color:#999; }
div.module_manager table tbody a.enable_button { background-color:#58F364; }
div.module_manager table tbody a.disable_button { background-color:#FF6D60; }
div.module_manager table tbody tr:hover { background-color:	#D0EBFF; }


/****** NOTIFICATIONS *******/
div.messages { width:auto; padding:6px 25px 6px 10px; margin:5px 20px 8px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border:1px solid #000; position:relative; }
div.messages.error_msg { border-color:#FF3F49; background-color:#FFB0B5; }
div.messages.notif_msg { border-color:#97D840; background-color:#D8F2B8; }
div.messages.info_msg { border-color:#F7EF28; background-color:#FDFDA3; }
div.messages a.close_button { display:block; width:13px; height:13px; text-decoration:none; background:#fff url(./images/x_sign_13x13.png) no-repeat right top; border-radius:4px; -moz-border-radius:3px; -webkit-border-radius:3px; border:1px solid #aaa; position:absolute; right:6px; top:6px; }


/****** ADMIN PROJECT ******/
span.new_project_module_selector fieldset { padding: 10px; margin: 20px 0; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: 2px solid #CCC;}
span.new_project_module_selector fieldset legend { font-size: 15px; text-transform: uppercase; font-weight:bold; padding:0px 10px;}
span.new_project_module_selector fieldset input { margin: 0px 2px;}
span.new_project_module_selector fieldset input.button_predefined { padding: 7px 12px; margin:4px; font-size:12px; }
span.new_project_module_selector fieldset#OCW a { display: block; height: 250px; float: left; padding: 5px 8px 5px 0; }
    



/****** NEWS AFTER LOGIN *******/
div.xred_news #dialog_box { max-height: 350px; overflow: auto; }
div.xred_news h2 { margin-top: 15px; margin-bottom: 10px; color: #7ABAE8; }
div.xred_news h3.title { color:#F90; padding-right:10px;font-size:15px; padding-bottom: 5px; }
div.xred_news span.date { font-size: 10px; color:#000; font-weight: normal; }
div.xred_news p.text { margin-bottom:10px; text-align: justify; }
div.xred_news div.line { border-top: 1px dashed #A6C9E2; margin-bottom: 10px; }
div.xred_news ul li { margin-left:15px; }

/****** BUTTON PRO NACTENI DAT DO FORMU *******/
#selector_button_preload_data { background: url(../images/blue-buttons-2.png) no-repeat 0px 0px; height: 28px; color: white; font-size: 12px; cursor: pointer; font-weight:bold; margin:0;}
#selector_button_preload_data:hover { background-position: 0px -28px; }


.shopOrder { margin-bottom: 50px; }
.shopOrder .top_buttons { padding: 5px; }
.shopOrder .top_buttons, .shopOrder form fieldset  { border: 1px solid #EAEAEA; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-bottom: 10px; background-color:#EAEAEA; background: -webkit-gradient(linear, 0 0, 0 100, from(#EAEAEA), to(#f5f5f5)); background:-moz-linear-gradient(top, #EAEAEA, #f5f5f5); }
.shopOrder .top_buttons a img { padding:6px; }
.shopOrder .top_buttons a:hover img { background-color: #dfdfdf}
.shopOrder form select { width:200px; }
.shopOrder form label { color:#555; font-weight:bold; }
.shopOrder form fieldset { color: #4D4D4D; padding:10px; overflow:hidden; }
.shopOrder form fieldset legend { cursor:pointer; font-weight:bold; font-size:15px; color:#7BBCDD; position:relative; top:-20px; padding-top:20px;}
/*.shopOrder form fieldset legend:hover { background-color: #dfdfdf;}*/
.shopOrder form fieldset input, .shopOrder form fieldset select { margin-bottom:10px; }
.shopOrder form input.text { width:180px;}
.shopOrder form input.text.price { width:150px; text-align:right;}
.shopOrder form input.text.price.total { font-size: 20px; line-height: 20px; height: 25px; }
.shopOrder form div.form_item { display:inline-block; width: 200px; padding:0 10px 0 0; vertical-align: top; }
.shopOrder form div.form_order_item { width: 695px; padding:0 5px 0 0; }
.shopOrder form div.form_order_item span { display: inline-block; padding:3px 5px; line-height: 20px; vertical-align: top;}
.shopOrder form div.form_order_item span.del { width:18px; padding:1px 0 0 0; vertical-align: top;}
.shopOrder form div.form_order_item span.name { width:312px; }
.shopOrder form div.form_order_item span.count { width:42px; text-align:right; }
.shopOrder form div.form_order_item span.count input { height:15px; width:19px; margin:0; }
.shopOrder form div.form_order_item span.price { width:90px; text-align:right; }
.shopOrder form #ord_item_ span.price, .shopOrder form #ord_item_ span.price_total { font-weight:bold; }
.shopOrder form div.form_order_item span.price_total { width:90px; text-align:right; }
.shopOrder form div.form_order_item span.product_variation {line-height: 0px;font-size: 9px;padding: 0px;vertical-align: top;}  
.shopOrder form div.form_order_item span.product_code {font-size: 9px;padding: 0px;line-height: 10px;}
.shopOrder form div.form_order_item a.product_weblink {font-size: 9px;padding: 0px;line-height: 10px;vertical-align: top;}
.shopOrder form div.states_history { padding-bottom:10px; display: inline-block; vertical-align: top;}
.shopOrder #order_items button { padding:3px 20px; margin:4px;}
.shopOrder form a { color:#F90; }
.shopOrder form .additional_info .form_item { width: 330px; }
.shopOrder form .additional_info .form_item input { width: 300px; }
.shopOrder form .additional_info .form_item textarea { width: 330px; height:45px; }
.shopOrder form div.form_item.user_id img { float: right; margin-right: 15px; }


/*OTHERS*/
.tacenter { text-align: center;}
.selector_handle { float:right; padding: 3px 0px; cursor:move;}
/* new buttons */
	.blue_b_1, .blue_b_2, .blue_b_3, .blue_b_4, .blue_b_5, .blue_b_6, .blue_b_7{
		border:none;
		background-image: url("images/blue_buttons.png");
		color:#fff;
		cursor: pointer;
	}

	.blue_b_1{
		background-position: 0px 0px;
		width: 100px;
		height: 20px;
	}
	
	.blue_b_1:hover{
		background-position: 200px 0px;
	}
	
	.blue_b_2{
		background-position: 0px -41px;
		width: 120px;
		height: 22px;
	}
	
	.blue_b_2:hover{
		background-position: 200px -41px;
	}

	.blue_b_3{
		background-position: 0px -84px;
		width: 120px;
		height: 28px;
	}
	
	.blue_b_3:hover{
		background-position: 200px -84px;
	}

	.blue_b_4{
		background-position: 0px -133px;
		width: 160px;
		height: 28px;
		font-weight: bold;
	}
	
	.blue_b_4:hover{
		background-position: 200px -133px;
	}
	
	.blue_b_5{
		background-position: 0px -182px;
		width: 160px;
		height: 32px;
		font-weight: bold;
	}
	
	.blue_b_5:hover{
		background-position: 200px -182px;
	}
	
	
	.blue_b_6{
		background-position: 0px 32px;
		width: 200px;
		height: 32px;
	}
	
	.blue_b_6:hover{
		background-position: 200px 32px;
	}
	
	.blue_b_7{
		background-position: -100px 0px;
		width: 20px;
		height: 20px;
	}
	
	.blue_b_7:hover{
		background-position: -341px 0px;
	}
	
	.orange_b_1, .orange_b_2, .orange_b_3, .orange_b_4, .orange_b_5, .orange_b_6{
		border:none;
		background-image: url("images/orange_buttons.png");
		color:#fff;
		cursor: pointer;
	}

	.orange_b_1{
		background-position: 0px 0px;
		width: 100px;
		height: 20px;
	}
	
	.orange_b_1:hover{
		background-position: 200px 0px;
	}
	
	.orange_b_2{
		background-position: 0px -41px;
		width: 120px;
		height: 22px;
	}
	
	.orange_b_2:hover{
		background-position: 200px -41px;
	}

	.orange_b_3{
		background-position: 0px -84px;
		width: 120px;
		height: 28px;
	}
	
	.orange_b_3:hover{
		background-position: 200px -84px;
	}

	.orange_b_4{
		background-position: 0px -133px;
		width: 160px;
		height: 28px;
		font-weight: bold;
	}
	
	.orange_b_4:hover{
		background-position: 200px -133px;
	}
	
	.orange_b_5{
		background-position: 0px -182px;
		width: 160px;
		height: 32px;
		font-weight: bold;
	}
	
	.orange_b_5:hover{
		background-position: 200px -182px;
	}
	
	.orange_b_6{
		background-position: 0px 32px;
		width: 200px;
		height: 32px;
	}
	
	.orange_b_6:hover{
		background-position: 200px 32px;
	}
	
	.orange_b_7{
		background-position: -100px 0px;
		width: 20px;
		height: 20px;
	}
	
	.orange_b_7:hover{
		background-position: -341px 0px;
	}
/* end new buttons*/	


input.short,
select.short { width: 150px; }
input.shorter,
select.shorter { width: 100px; }
input.text.short2 { width:100px;}

.form_field_months label {
	width: 70px;
	display: inline-block !important;
}

.trnsl {
	background: yellow !important;
}

#helpPage{margin-bottom: 80px}
#helpPage h3{text-align: center; color: #7BBCDD; font-size: 200%; text-transform: uppercase; margin: 1.5em auto;}
#helpPage p.helpNavLabel{text-align: center; color: #7BBCDD; font-size: 150%;margin: 5em auto 1.5em;}
#helpPage .helpNav{text-align: center}
#helpPage .helpNav ul{display: inline-block; list-style: none outside none;text-align:left;}
#helpPage .helpNav ul li{line-height: 25px;}
#helpPage .helpNav a { color: #333; text-decoration: none; background: url(/images/uvod.gif) no-repeat 0 1px; padding: 6px 0 6px 25px; font-weight: bold; background-position: 0% 50%; font-size: 110%}
#helpPage .helpNav a:hover { color: #f90; text-decoration: underline; }


/*multiselect CSS*/
.ui-multiselect { padding:2px 0 2px 4px; text-align:left }
.ui-multiselect span.ui-icon { float:right }
.ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; }
.ui-multiselect-single .ui-multiselect-checkboxes label { padding:5px !important }

.ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px }
.ui-multiselect-header ul { font-size:0.9em }
.ui-multiselect-header ul li { float:left; padding:0 10px 0 0 }
.ui-multiselect-header a { text-decoration:none }
.ui-multiselect-header a:hover { text-decoration:underline }
.ui-multiselect-header span.ui-icon { float:left }
.ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 }

.ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left }
.ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll }
.ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px }
.ui-multiselect-checkboxes label input { position:relative; top:1px; margin-right: 3px; }
.ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid }
.ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none }
/* remove label borders in IE6 because IE6 does not support transparency */
* html .ui-multiselect-checkboxes label { border:none }
.ui-multiselect-hasfilter ul { position:relative; top:2px }
.ui-multiselect-filter { float:left; margin-right:10px; font-size:11px }
.ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; }

.hidden-checkbox { display:none;}
.mass-actions-button { line-height:17px; cursor: pointer;}

hr.form_field_separator {
width: 700px;
position: absolute;
right: 10px;
border-width: 0px;
height: 1px;
background: #888;
}
div.tabbertab {position:relative}


a.xred_power_button {
    font-size: 28px;
    line-height: 60px;
    text-decoration: none;
    transition: all 0.5s ease 0s;
    display: block;
}
a.xred_power_button.xred_shutdown {color: #c00}
a.xred_power_button.xred_startup{color: #080}
a.xred_power_button.xred_resetcache{color: #daa520}
a.xred_power_button img {
    height: 60px;
    margin-right: 10px;
    vertical-align: middle;
    transition: all 0.5s ease 0s;
    filter: grayscale(30%);
}
a:hover.xred_power_button.xred_shutdown {color: #f00}
a:hover.xred_power_button.xred_startup{color: #0a0}
a:hover.xred_power_button.xred_resetcache{color: #fab530}
a:hover.xred_power_button img {filter: none;}


/* TREE */
.jstree-hovered {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
    position: absolute !important;
}
.jstree-clicked, .jstree-context {
    background: #f90 !important;
    color: white !important;
}
.jstree-node.type-hidden > a, .jstree-node.type-inactive > a  {
    color: #666 !important;
}
.jstree-node.type-hidden > a > i,.jstree-node.type-inactive > a > i {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'jstree-grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#jstree-grayscale") !important;;
    filter: gray !important;;
    -webkit-filter: grayscale(100%) !important;
}
.jstree-node.type-inactive > a {
    /*color: red !important;*/
    text-decoration: line-through !important;
}
.jstree-node.type-inactive > i {
    /*filter: hue-rotate(-55deg) saturate(5) !important;*/
}
.jstree-node.type-mobile-root > a {
    color: red !important;
}
.jstree-node.type-mobile-root > a > i {
    filter: hue-rotate(-55deg) saturate(5) !important;
}
.jstree-contextmenu.vakata-context {
    font-size: 83.333%;
}

/* /TREE */