html, body {
	margin: 0; padding: 0; border: none;
	background: #ffffff;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-weight : normal;
	font-size: 0.9em;
  scrollbar-3dlight-color : #999999;
  scrollbar-arrow-color : #999999;
  scrollbar-base-color : #666666;
  scrollbar-darkshadow-color : Black;
  scrollbar-face-color : #666666;
  scrollbar-highlight-color : #999999;
  scrollbar-shadow-color : #999999;
  scrollbar-track-color : #8B8B8B;
}
#logohelp {
  width: 100%;
  height: 197px;
  text-align: center; 
  margin-top: 10em; 
  background-image: url('../img/logo_hd.jpg');
  background-repeat: no-repeat;
  background-position: center center;}

#logoevi {
  width: 100%;
  height: 150px;
  text-align: center; 
  margin-top: 10em; 
  background-image: url('../img/logo_evi.jpg');
  background-repeat: no-repeat;
  background-position: center center;}


img {vertical-align: middle; border: none;}
td {vertical-align: top;}
table {	font-size: 1em; padding: 0px; margin: 0px; border: none;}

#FrameTop {
	position: absolute;
	top: 0;
	left: 0;
	background: #EFEBDE;
	width: 100%;
	height: 12%;
	bottom: 88%;
	right: 0;
}

#FrameLeft {
	position: absolute;
	top: 12%;
	left: 0;
	width: 1%;
	height: 88%;
	bottom: 0;
	right: 99%;
	background: #EFEBDE;
}

#FrameContent {
	position: absolute;
	top: 12%;
	left: 1%;
	width: 99%;
	height: 88%;
	bottom: 0;
	right: 0;
	overflow: auto;	
	background: #ffffff;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	padding: 0;
	z-index: 0;
	_z-index: -100;
/*	
  background: #ffffff url(../img/bg.gif) repeat-x;
  background-attachment: fixed;
*/
}

#FrameContentPopup {
	background: #ffffff;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	padding: 0;
	width: 100%;
	height: 100%;
}
#FrameContentFrame {
	position: absolute;
	top: 12%;
	left: 1%;
	width: 99%;
	height: 88%;
	bottom: 0;
	right: 0;
	overflow: auto;	
	background: #ffffff;
	border: none;
	border-left: 1px solid silver;
	border-top: 1px solid silver;
	padding: 0px;
	margin: 0px;
	z-index: 0;
	_z-index: -100;
}

h1, h2, h3, h4, h5 {color: #0066cc;}

h1 img {
  border: none;
  margin-right: 0.8em;
}

h1 span {color: orange;}

#title {font-size : 1.5em; margin-left: 1%; margin-top: 0.6em;}

#meta {
  position: absolute;
	top: 0;
	right: 0;
	padding: 1em;
	height: 100%;
	font-size: 0.8em;
}

#meta #user {
  background-image: url("../img/suser.gif"); 
  background-repeat: no-repeat; 
  padding-left: 18px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  vertical-align: middle;
}
#meta #user a {color: gray;}

#meta #useractive {
  background-image: url("../img/suser.gif"); 
  background-repeat: no-repeat; 
  padding-left: 18px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  vertical-align: middle;
  font-weight: bold;
}

#meta .zastup {
  background-image: url("../img/s_user.gif"); 
  background-repeat: no-repeat; 
  padding-left: 18px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  vertical-align: middle;
}

#meta .zastup a {color: gray;}
#meta .zastupactive {
  background-image: url("../img/s_user.gif"); 
  background-repeat: no-repeat; 
  padding-left: 18px; 
  padding-top: 2px; 
  padding-bottom: 2px; 
  vertical-align: middle;
  font-weight: bold;
}

#myMenuAPL {
  position: absolute;
	top: 60%;
	left: 1%;
	width: 98%;
	z-index: 100;
}

/* login form*/
#loginform {
  text-align: center;
  position: relative; 
  margin: 1em;
}

#loginform h1 {
  text-align: left;
  padding-left: 40px;
  background-image: url("../img/password32.gif");
  background-repeat: no-repeat;
}
#loginform input {
  width: 7em;
}

#loginform table {
  width: 100%;
  background-color: #dee3e7;
  border: 1px solid gray;
  border-bottom: 2px solid gray;
  border-right: 2px solid gray;
  width: 14em;
  position: relative; 
  text-align: left; 
  margin: auto;
}

h1 {
	font-weight: bold; 
  font-size: 1.3em; 
  height: 32px;
  vertical-align: bottom;
}

h2 {
	font-weight: bold; 
  font-size: 1.1em; 
}

h3 {
	font-weight: bold; 
  font-size: 1em; 
}

a {color: #0056E8; cursor: pointer;}
a:hover {color: #7B97E1; text-decoration: none;}
/* 006600  33CC33 */
.journalok {
  color: #00b266; 
  border: 1px solid #B1ECD3;
  margin: 1em;
  padding: 0.0em 0.0em 0.0em 20px;
  background: #D7F5E8 url("../img/s_messageboard.gif") no-repeat;
}

.journalko {
  color: #ff3300; 
  border: 1px solid #FF9980;
  margin: 1em;
  padding: 0.0em 0.0em 0.0em 20px;
  background: #FFE6DF url("../img/s_messageboard.gif") no-repeat;
}

/* tabulkovy vypis*/

.tbl {
  font-size: 85%;
  color: #006699;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse; border: 1px solid #7DA1D2;
}

.tbl td {
  color: #006699;
  border: 1px solid #7DA1D2;
  margin: 0px;
  padding: 2px;
  vertical-align: middle;
}
.tbl th {
  background: #78ABDE url(../img/bg_blue.gif) repeat-x;
  margin: 0px;
  padding: 4px;
  color: white;
  font-weight: bold;
  border: 1px solid #7DA1D2;
}

.tbl th a {color: white;}
.tbl th a:hover {color: black;}
/* #D1E2FA */

.tbl td img {
  border: none;
  vertical-align: middle;
  margin-right: 0.3em;
}

fieldset .tbl td {
  color: #006699;
  border: 1px solid #7DA1D2;
  background-color: white;
  margin: 0px;
  padding: 2px;
  vertical-align: middle;
}

/* vypis bez okraju*/
.tblnoborder {
  font-size: 85%;
  color: #006699;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-collapse: collapse; border: none;
}

.tblnoborder td {
  color: #006699;
  border: none;
  margin: 0px;
  padding: 2px;
}
.tblnoborder th {
  background: #D1E2FA;
  margin: 0px;
  padding: 4px;
  color: black;
  font-weight: bold;
  border: 1px solid #7DA1D2;
}

/* form definition*/

form {
  margin: 0;
  padding: 0;
}

* html fieldset {
	background: #f0f5f8 url(../img/bg_corner.gif) no-repeat;
	position: relative;
	padding-top: 2.5em;
	padding: 1em;
}

* html legend {
	position: absolute;
	top: -0.6em;
	left: 0;
	font-weight: bold;
	color: #ABCCE3;
} 

fieldset {
  margin-bottom: 1em;
  padding: 1em;
  margin-top: 1em;
	background: #f0f5f8 url(../img/bg_corner.gif) no-repeat;
  border: 1px solid #d7e7f2;
}

legend {
  color: #006699;
	font-weight: bold;
	color: #ABCCE3;
}

caption {color: #006699; font-size: 1.1em; text-align: left;}

textarea, button, select, input {
  border: 1px solid #7F9DB9;
  
}
/*
background: #F4F7FC;
*/
input {

}

button {
  background : #FFCCCC;
  border: 1px solid red;
  padding: 0px;
  cursor: pointer;
  background: #FFCCCC url(../img/bg_red.gif) repeat-x;
}
button.image {
  background : transparent;
  border : none;
  cursor : pointer;
}

button img {
  vertical-align: middle;
  margin-right: 0.5em;
}

button.ok {
  background : #D5ECBC;
  border: 1px solid green;
  padding: 0px;
  background: #D5ECBC url(../img/bg_green.gif) repeat-x;
}

.helpdeskbutton {
  background : #D5ECBC;
  border: 1px solid green;
  padding: 0px;
  background: #D5ECBC url(../img/s_on.gif) no-repeat;
  text-align: left;
  padding-left: 1.6em; 
  padding-right: 0.3em;
  background-position: 2px center;
  cursor: pointer;
  font-family: monospace;
}

.helpdeskparlabel {
  color: silver;
}

.solid {color: orange;}

textarea {
  height: 100px; 
  width: 100%;
}

label {color: #000000;}

.radio {border: none; background: transparent;}


#problem_detail div {
  width: 100%; 
  padding: 2px;
  text-align: justify;
  margin-bottom: 1em;
  border: 1px solid #7F9DB9;
  background: #F4F7FC;
}

.unittree {
  padding-left: 20px;
  background: url("../img/s_user.gif") no-repeat;
}
.unittreegray {
  padding-left: 20px;
  background: url("../img/s_escalated.gif") no-repeat;
  color: silver;
}

#checkline{
  margin: 0px;
  padding: 0px;
}

#checkline li{
  display: inline;
  margin-right: 1em;
}

#checkline li input {
  border: none;
  vertical-align: middle;
}

#submenu {
  margin: 0px;
  padding: 0px;
}

#submenu li{
  display: inline;
  padding: 0.3em;
  border: 1px solid red;
}

.formdate {
  display: inline;
  margin-right: 0.2em;
}
.formdate input {
  width: 5em;
  margin-right: 0.2em;
  border: 1px solid orange;
}

.formdate img {
  cursor: pointer;
}

.vypis {
  margin: 0px;
}

.vypis li {
  list-style-type: none; 
  margin: 0.2em;
}

.vypis li img {
  margin-right: 0.3em;
}

/* UL TREE*/
      .tree {font-size: 80%;}
      .tree ul li img { border: 0;}
      .tree ul li span {margin-left: 0.4em; color: #7F9DB9; font-weight: normal;}
      .tree ul li {
        padding-left: 2px;
        vertical-align: middle;
      }
      .tree ul {
       margin: 0 0 0 10px; 
       padding: 0px 0px 0px 6px;
      }
      .tree ul.treefolder {
        list-style-image: url('../img/folder.gif');
        font-weight: bold;
      }
      .tree ul.treefolder li a {text-decoration: none; color: #006699;}
      .tree ul.treefile {
        list-style-image: url('../img/s_priloha.gif');
        font-weight: normal;
      }
      .tree ul.treefile li a:hover {color: darkblue;}

      .tree ul.treefolder li span a {color: #7F9DB9;}
      .tree ul.treefolder li span a:hover {color: orange;}
      .tree ul.treefile li span a {color: orange;}
      .tree ul.treefile li span a:hover {color: #7F9DB9;}
        
.rozvadec {margin-bottom: 0px; margin-top: 0px;}
.rozvadec li {
  vertical-align: middle;
  padding-left: 0.2em;
  list-style-type: none; 
  list-style-image: url('../img/s_workflow_step.gif');
}

.rozvadec li span { font-weight: bold;}

.predatmisto  {margin: 0px;}
.predatmisto li {
  vertical-align: middle;
  list-style-type: none; 
}

.predatmisto li input {border: none;}

.vertlined td {border-bottom: 1px solid #e1e4e7;}

.notice {
  font-size: 80%;
  color: red;
}

.condition {
  font-size: 80%;
  margin-bottom: 0px; 
  margin-top: 0px;
  margin-left: 2em;
  padding: 0px;
  vertical-align: middle;
}
.condition li {
  margin: 0px;
  padding: 0px;
  color: orange;
  vertical-align: middle;
  list-style-type: none; 
  list-style-image: url('../img/s_bullet.gif');
}

.midd{
  display: block;
  position: relative;
  vertical-align: middle; 
  height: 100%; 
  width: 100%; 
  line-height: 100%;
}

.cond {
  height: 100%; 
  vertical-align: middle; 
  float: left; 
  clear: both; 
  margin: 0px; 
  width: 100%; 
  border:  1px solid #b1d3ec; 
  border-width: 1px 1px 0px 1px; 
  background: #ebf4f4;
}

.condoff {
  border-top: 1px solid red; 
  border-bottom: 1px solid red;
}

.condon {
  border: 1px solid #ffd9bf; 
  border-width: 1px 0px 0px 0px; 
  border-style: dashed;
}

#incidentnew fieldset label{
  margin-top: 0.5em;
  display: block;
  color: #285577;
  text-align: left;
}
  
.stretch {
  width: 100%;
}



a:hover.linkactual
{
  color: #336666;
  text-decoration: underline;
}

a.linkactual
{
  color: #336666;
  text-decoration: none;
}

a:hover.linknoactual
{
  color: #D3D3D3;
  text-decoration: underline;
}

a.linknoactual
{
  color: #D3D3D3;
  text-decoration: none;
}

#firmadd {
  background: #B8DFF7;
  padding: 0.5em;
}

#firmadd label {
  color: black;
  width: 4em;
}

#skoleniadd {
  background: #B8DFF7;
  padding: 0.5em;
}

#skoleniadd label {
  color: black;
  width: 4em;
}

#dat_cesty {
  border: 1px solid orange;
}
/*div, span, ul {border: 1px solid orange;}*/
/*============================*/
/*
INPUT {
	BORDER-LEFT-COLOR: #000000; 
  BORDER-BOTTOM-COLOR: #000000; 
  FONT: 11px Verdana, Arial, Helvetica, sans-serif; 
  COLOR: #000000; 
  BORDER-TOP-COLOR: #000000; 
  BORDER-RIGHT-COLOR: #000000
  border: 1px solid #000000;
}

INPUT {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: =
1px; BORDER-RIGHT-WIDTH: 1px
}

TEXTAREA {
	BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; FONT: 11px =
Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; BORDER-TOP-COLOR: =
#000000; BORDER-RIGHT-COLOR: #000000
}
SELECT {
	BORDER-LEFT-COLOR: #000000; BORDER-BOTTOM-COLOR: #000000; FONT: 11px =
Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; BORDER-TOP-COLOR: =
#000000; BORDER-RIGHT-COLOR: #000000
}

TEXTAREA {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: =
1px; BORDER-RIGHT-WIDTH: 1px
}
SELECT {
	BORDER-TOP-WIDTH: 1px; BORDER-LEFT-WIDTH: 1px; BORDER-BOTTOM-WIDTH: =
1px; BORDER-RIGHT-WIDTH: 1px
}
*/