/******* GENERAL RESET *******/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
 tfoot, thead, tr, th, td {
border: 0pt none;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0pt;
padding: 0pt;
/*vertical-align: baseline;*/
}

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.

font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
----------------------------------------------------------*/
body
{
	background: #000B1D url(images/page-bg.jpg) repeat-x fixed;
    font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 11px;
    margin: 0px;
    padding: 0px;
    color: #696969;
}

a:link
{
    color: #034af3;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #1d60ff;
    text-decoration: none;
}
a:active
{
    color: #12eb87;
}
p {
	margin-top:1em;
}

ul {margin-left:2em}
p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

img {border:0px;}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1.2em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 94%; 
    margin-left: auto;
	margin-right: auto;
	margin-top:0px;
}

#header
{
    /*position: relative;*/
	height:86px;
    margin: 0px;
    color: #000;
    padding: 0px;
}

#header h1
{
    font-weight: bold;
    padding: 0px;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 20px !important;
}

#main
{
	clear:both;
    padding: 10px;
    background-color: #fff;
    margin-bottom: 0px;
	height:100%;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

#leftMenu {float:left; width:140px;display:block;}
#content { margin-left:160px;}


/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    border-bottom: 1px #5C87B2 solid;
    padding: 0 0 2px;
    /*position: relative;*/
    margin: 0;
    text-align: right;
}

ul#menu li
{
    display: inline;
    list-style: none;
}

ul#menu li#greeting
{
    padding: 3px 8px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2em;
    color: #fff;
}

ul#menu li a
{
    padding: 3px 8px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2em;
    background-color: #e8eef4;
    color: #034af3;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

#subMenu {clear:both; float:none;background: url('images/bg_top_nav.gif') repeat-x;
          margin: 11px 0px 0px 170px;height:26px;
          font-size: 10px;text-transform: uppercase; font-weight:bolder;overflow:hidden;}
#subMenu a {color: white; text-decoration: none; line-height: 26px;	padding: 0px 10px;}
#subMenu a.selected {color: white; text-decoration: underline; line-height: 26px;}
#subMenu a:hover { text-decoration:underline;}
#subMenu a.first {padding-left:20px;}

#dlleftmenu {background:url(images/tbl_grad.jpg)}
#dlleftmenu, #dlleftmenu dt, #dlleftmenu dd {margin:0;padding:0;font-size: 1.1em;}
/*
#dlleftmenu dt {
	margin: 0;
	padding: 0;
	font: normal "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	color: #e87b10;
}
#dlleftmenu dt {
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-left: 8px;
	padding-bottom:5px;
	line-height: 1.2em;
	border-bottom: 1px solid #F4F4F4;
}
*/
#dlleftmenu dt {
	margin: 0;
	padding: 0;
	font: normal "Trebuchet MS", "Helvetica", "Arial",  "Verdana", "sans-serif";
	color: #ffffff;
	background-color:#01ACE3;
}
#dlleftmenu dt {
	margin-top: 1.5em;
	margin-bottom: 0;
	padding-left: 8px;
	padding-bottom:4px;
	padding-top:4px;
	line-height: 1.2em;
	}
#dlleftmenu dt.first {margin-top:0px; border-top:0px}

#dlleftmenu dd  {
	border-bottom: 1px solid #F4F4F4;
	display:block;
	padding: 2px 3px 2px 8px;
	font-size: 90%;
	text-decoration: none;
	color: #555 ;
	margin:2px 0;
	min-height:13px;
}

#dlleftmenu dd a {
	display:block;
	text-decoration: none;
	color: #555 ;
}

#dlleftmenu dd a:hover, #dlleftmenu dd a:focus {
	background: #f3f3f3;
	color:#000;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

#dlleftmenu dd a.selected {
	background: #555;
	color:#ffffff;
	-moz-border-radius: 3px; -webkit-border-radius: 3px;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #FFD863;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.1em;
    font-weight: bold;
	margin:0 0 0.3em 0;
	color: #F4A700;
}
/*
fieldset {border-color: #FFD863; padding:5px;margin-bottom:0px; background-color:transparent}
fieldset legend {color: #FFD863; padding:3px; margin:0px;}
*/
textarea 
{
    min-height: 75px;
}


input , select, textarea {font-size:1em}

input[type="text"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

input[type="text"].num
{
	text-align:right;
    width: 100px;
}

input[type="text"].long
{
    width: 300px;
}

input[type="text"].short , select.short
{
    width: 100px;
}

.button3
{
	border:1px solid navy;
	color: #000;
	cursor:hand;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

label {display:inline-block;width:140px;font-weight:bold;}

label.long {width:auto}

/* TABLE
----------------------------------------------------------*/

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 2px 3px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 2px 3px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}

td a, td a:visited, td a:link {text-decoration:none}
td a:hover {text-decoration:underline}

table.tblDoplInfo {border:0px;width:100%;}
table.tblDoplInfo td {padding:0px;border:0px;}

table.olfsSluzby {border:0px solid;width:100%;margin:0px;padding:0px;position:relative;left:-5px;}
table.olfsSluzby td {border:0px;padding:0px; padding-top:0.5em;vertical-align:top;}
table.olfsSluzby td label {width:100%;margin-top:3px;}

/* MISC  
----------------------------------------------------------*/
.clear
{
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.error
{
    color:Red;
}

#menucontainer
{
	clear:both;
    margin-top:20px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    padding:10px;
    color:White;
}

#logindisplay a:link
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: white;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: white;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.req_D {background-color: #FFEECE;}
.req_CS {background-color: #E9F3FC;}

.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 2px solid #ff0000 !important;
    /* background-color: #ffeeee; */
}

/*
.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}
*/

.validation-summary-valid
{
    display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label
{
    margin: 1em 0 0 0; width:150px; display:inline-block;
}

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

/* Modal popup form */
.popupbg {
    background-color: #cccccc;
    filter: alpha(opacity=70);
    opacity: 0.7;
	
}
.popup {
    border: solid 1px #000000;
    background-color: #ffffff;
	position: absolute; left: 50%; top: 50%; margin-left: -100px; margin-top: -100px;
}
.popup .title {
    background-color: #f26631;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    padding: .2ex 1ex;
}
.popup table.form {
    border-collapse: collapse;
    margin: 5px;
}
.popup table.form th 
{
    color:#000000;
    font-weight: bold;
    text-align: left;
    padding-right: 1ex;
}

.popup a:link, .popup a:visited {color:#333333;text-decoration:none;}
.popup a:hover {color:#333333;text-decoration:underline;}

.popup .formfooter {
    width: auto;
}


.bold {font-weight:bold;}

/* Neaktivní prvek 
.disabled {
    filter: alpha(opacity=25);
    opacity: 0.25;
}
*/

.disabled {background-color:#eeeeee;}

/* MessageBoxes */
.info, .success, .warning, .error, .validation, .validation-summary-errors{
	border: 1px solid;
	margin: 10px 0px;
	padding: 15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
}

.validation-summary-errors ul{
	margin: 0px 15px;
	padding: 0px;
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
	background-image: url('/content/images/info.png');
}

.success {
	color: #4F8A10;
	background-color: #DFF2BF;
	background-image: url('/content/images/success.png');
}

.warning {
	color: #9F6000;
	background-color: #FEEFB3;
	background-image: url('/content/images/warning.png');
}

.error {
	color: #D8000C;
	background-color: #FFBABA;
	background-image: url('/content/images/error.png');
}

.validation, .validation-summary-errors {
	color: #D63301;
	background-color: #FFCCBA;
	background-image: url('/content/images/validation.png');
}


/* FIELDSET FILTER */

.filter div {margin-top:4px}


.ui-autocomplete {
	max-height: 200px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
	* we use height instead, but this forces the menu to always be this tall
	*/
* html .ui-autocomplete {
	height: 100px;
}

/* ------ MINIDETAIL ------------ */
#minidetail {margin:0px 0px 10px 0px}
#minidetail table {width:100%; font-size:11px; border:2px solid #FFD863; border-collapse: collapse;background-color: #FFD863; }
#minidetail table td 
{
  padding: 2px 3px;   
  border: solid 1px #FFD863;
}

#minidetail table th
{
  padding: 2px 3px;
  text-align: left;
  background-color:#FFD863;
  border: solid 1px #FFD863;   
  font-weight:bold;
}

#minidetail td.hr {height:1px; background-color: #eeeeee; margin:0px;padding:0px;line-height:1px}

/*  -------- ponuka detail ------ */
#detailponuky fieldset { padding:5px;margin-bottom:0px; background-color:transparent}
#detailponuky fieldset legend { padding:3px; margin:0px;}
#detailponuky table {border:0px;width:100%; font-size:11px;}
#detailponuky table th {background-color: transparent; border:0px;font-weight:bold;}
#detailponuky table td {background-color: transparent; border:0px;}

/* -----------ToolTips --------------- */
.tooltip {
  position: relative;
  display: inline-block;
  background-color: #555;
  color: #fff;
  text-align: center;
  padding: 2px 5px;
  border-radius: 6px;
}

.tooltip .tooltiptext {
  visibility: hidden;
  min-width: 160px;
  white-space:nowrap;
  background-color: #555;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -60px;
  opacity: 0;
  transition: opacity 0.3s;
}



.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}