/*barvy třídících gifů a rámečku stavového čtverce, musí být hned na začátku tohot css souboru!!! */
.selectedTagColor1 { color: #CC0000; }
.selectedTagColor2 { color: #CFD9E4; }
.selectedStatusFrameColor { color: #CFD9E4; }
.colorInputDisabled { color: #CFD9E4; }

* {-moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-box-sizing:  border-box; }

body {
  font-family: verdana;
  font-size: 12px;
  color: #000000; /* full black */
  scrollbar-base-color:#A6BAD2; scrollbar-track-color:#A6BAD2; 
  overflow-y: auto;
}

table {
  font-size: 12px;
}

input[type="button"] {
  padding: 2px 1px;
}

input[type="reset"] {
  padding: 2px 1px;
}

input[type="submit"] {
  padding: 2px 1px;
}

a {
  text-decoration: none;
  color: #0001AA;  /*full blue */
}

a:visited {
  text-decoration: none;
  color: #0001AA;
}

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

a.log {
  text-decoration: none;
  font-weight: normal;
 color: #0001AA;
}

a.log:visited {
  text-decoration: none;
  font-weight: normal;
  color: #0000FF; /* full blue */
}

a.log:hover {
  text-decoration: none;
  font-weight: normal;
  color: #FF0000; /* full red */
}

a.mm {
  text-decoration: none;
  font-weight: normal;
  color: #000000; /* full black */
}

a.mm:visited {
  text-decoration: none;
  font-weight: normal;
  color: #000000; /* full black */
}

a.mm:hover {
  text-decoration: none;
  font-weight: bold;
  color: #000000; /* full black */
}

a.rm {
  text-decoration: none;
  font-weight: normal;
  color: #FF0000; /* full red */
}

a.rm:visited {
  text-decoration: none;
  font-weight: normal;
  color: #FF0000; /* full red */
}

a.rm:hover {
  text-decoration: underline;
  font-weight: bold;
  color: #FF0000; /* full red */
}

a.sm {
  text-decoration: none;
  font-weight: normal;
  color: #000000; /* full black */
}

a.sm:visited {
  text-decoration: none;
  font-weight: normal;
  color: #000000; /* full black */
}

a.sm:hover {
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF; /* full white */
}

/* stavový panel - aktivní odkazy */

a.ms {
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF; 
}

a.ms:visited {
  text-decoration: none;
  font-weight: normal;
  color: #FFFFFF; 
}

a.ms:hover {
  text-decoration: underline;
  font-weight: normal;
  color:  #FFFFFF; 
}

.ms_number { font-weight: normal; color: #FFFF00; } /* stavový panel - barva počtu událostí*/
.ms_separator  { font-weight: normal; color: #0000FF; } /* stavový panel - barva oddělovače */

#alltheweb {
  position: relative;
  width: 100%;
}

#manadesk {
  position: relative; 
  height: 55px;
  margin-bottom: 5px;
  background-image: url('logo.gif');
  background-repeat: no-repeat;
}

#helpdesk {
  position: relative;
  height: 55px;
  margin-bottom: 5px;
  background-image: url('logo2.gif');
}

#login {
  position: relative;
  margin: 5px 0 10px 0;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 10px;

}

#logininput {
  width: 125px;
  height: 16px;
  border: 1px solid #7F9DB9; /* vychozi barva ramecku ve winXp */
  background-color: #CFD9E4; /* svetle modra (barva pozadi v content) */
  font-size: 10px;
}

#default_search_string {
  width: 125px;
  height: 16px;
  border: 1px solid #7F9DB9; /* vychozi barva ramecku ve winXp */
  background-color: #CFD9E4; /* svetle modra (barva pozadi v content) */
  font-size: 10px;  
}

#topborder {
  border-top: 1px solid #BEC4C9; /* seda */
}

.toggleon {
  position: relative;
  background-image: url('toggleon.gif');
  font-weight: bold;
}

.toggleoff {
  position: relative;

  background-image: url('toggleoff.gif');
  border-bottom: 1px solid #385D7E; /* modra okraj */

  color: #666666; /* sediva (nepristupne ousko) */
}

#toggleoff2 {
   color: #666666; /* sediva (nepristupna polozka druhe urovne) */
}

#toggleoff3 {
   color: #666666; /* sediva (nepristupna polozka druhe urovne) */
}

#toggleborder {
  position: relative;
  width: 1px;

  background-image: url('toggleborder.gif');
}

#togglein {
  position: relative;

  text-align: center;
  font-size: 12px;

  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;

  font-family: arial;
  font-size: 12px;
}

#toggleborderright {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 6;

  width: 1px;
  height: 100px;

  background-image: url('toggleborder.gif');
}

.hovermenu {
   position: absolute; 
   left: 20px; 
   top: 89px; 
   width: 100px; 
   z-index: 200; 
   visibility: hidden; 
   margin: 0; 
   padding: 0; 
   background-color: #F7A818; 
   border: 1px solid black;  
}

.hovermenuitem {
   font-family: tahoma; 
   font-size: 11px; 
   padding: 5px;    
   cursor: pointer;
   border-bottom: 1px dotted #000000; 
}

#logospace {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 6;

  width: 140px;
  height: 75px;

  background-image: url('logospace.gif');
  background-position: left bottom;
  border-left: 1px solid #385D7E; /* modra okraj */
}

#passage {
  position: absolute;
  top: 0px;
  left: 140px;
  z-index: 6;

  width: 34px;
  height: 75px;

  background-image: url('passage.gif');
  background-position: left bottom;
}

#mainline {
  position: absolute;
  top: 0px;
  z-index: 5;

  width: 100%;
  height: 75px;

  background-image: url('mainline.gif');
  background-position: left bottom;
}

#submenu {
  position: absolute;
  top: 2px;
  right: 10px;
  z-index: 7;

  height: 30px;
}

#submenucontent {
  position: relative;

  margin-left: 145px;

  text-align: right;
  font-family: tahoma;
  font-size: 11px;
}


#mana {
  position: absolute;
  top: 5px;
  left: 2px;
  z-index: 8;

  width: 140px;
  height: 54px;
	
    /*border: 1px solid #385D7E;  modra okraj */
	background: url('mana.gif') no-repeat center;
}

#infoborder {
  position: absolute;
  top: 36px;
  z-index: 5;

  width: 100%;
  height: 24px;
}

#infospace {
  position: relative;
  
  height: 18px;
  overflow: hidden;

  margin-top: 6px;
  margin-left: 100px;
  margin-right: 10px;

  text-align: right;
  font-family: tahoma;
  font-size: 11px;
}

#contentborder {
  position: absolute;
  top: 75px;
  z-index: 6;

  width: 100%;

  background-color: #CFD9E4; /* svetle modra */
  /* border-bottom: 1px solid #385D7E; modra okraj */
}

#topborderright {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 7;

  width: 1px;
  height: 100%;

  background-color: #385D7E; /* modra okraj */
}

#contentborderright {
  border-right: 1px solid #385D7E; /* modra okraj */
}

#contentborderleft {
  border-left: 1px solid #385D7E; /* modra okraj */
}

#content {
  padding-bottom: 5px;
}

#bottomspace {
  width: 100%;
  height: 10px;

  border-top: 1px solid #385D7E; /* modry okraj */
  background-color: #FFFFFF; /* full white */
}

#itemblocked {
  color: gray;
}


#itemmenublocked {
  color: #666666;
}

#itemclosed {
  color: yellow;
}

#itemerror {
  color: red;
}

#leftframebox { background-color:#A3B7D1; border: 1px solid #CFD9E4; float: left; margin: 15px 15px 0px 15px; padding:4px 8px 4px 8px; height: 30px;}
#rightframebox { background-color:#A3B7D1; border: 1px solid #CFD9E4; float: right; margin: 15px 15px 0px 15px;  padding:4px 8px 4px 8px; height: 30px; }
#newbuttonbox { background-color:#A3B7D1; border: 1px solid #CFD9E4; float: right; margin: 15px 15px 0px 0px; padding:8px 5px 8px 5px; width: 150px; text-align: center; height: 30px; }

#radiostripe { background-color:#A3B7D1; border: 1px solid #CFD9E4; margin: 15px 15px 5px 15px;  padding:3px 8px 3px 8px; text-align: left;}
#radiostripe2 { background-color:#A3B7D1; border: 1px solid #CFD9E4; margin: 15px 15px 15px 15px;  padding:3px 8px 3px 8px; text-align: center;}

.shadowframebox { background-color:#A3B7D1; border: 1px solid #CFD9E4; }
.shadowframebox-top { background-color:#A3B7D1; border-top: 1px solid #CFD9E4; }
.shadowframebox-bottom { background-color:#A3B7D1; border-bottom: 1px solid #CFD9E4; }
.shadowframebox-left { background-color:#A3B7D1; border-left: 1px solid #CFD9E4; }
.shadowframebox-right { background-color:#A3B7D1; border-right: 1px solid #CFD9E4; }

.frameline { border: 1px solid #CFD9E4; }
.frameline2 { border-bottom: 2px solid #CFD9E4; }
.frameline-top { border-top: 1px solid #CFD9E4; }
.frameline-bottom { border-bottom: 1px solid #CFD9E4; }
.frameline-left { border-left: 1px solid #CFD9E4; }
.frameline-right { border-right: 1px solid #CFD9E4; }

.FatalError { color:red; }
.FatalError A { color:red; }
.FatalError A:hover { color:red; }
.FatalError A:visited { color: red; }

/* Input box */
.InputBox {font-size:10px; background-color: #B0C1D7; margin: 8px; color: black; text-align: left; }
.InputBox INPUT, SELECT, OPTION, TEXTAREA { font-size: 10px; }
.InputBox TEXTAREA { font-family: verdana; }
.InputBox TABLE { font-size: 10px; color: black; }
.InputBox TD { border-bottom: 1px solid #CFD9E4; }
.InputBox FORM { padding: 0px; margin: 0px; }
.InputBox DIV { padding: 10px; }

.inputmandatory { background-color: #FFFFCB; }

.InputBoxHlavicka { padding: 8px; text-align: center; font-size:11px; color: black; background-color: #F8BE36; background: url(toggleon.gif) repeat-x top; border-bottom: 3px solid #C40000; width: 100%;}
.InputBoxHlavicka2 { padding: 8px; text-align: center; font-size:11px; color: black; background-color: #F8BE36; background: url(toggleon.gif) repeat-x top; border-bottom: 3px solid #C40000; }
.InputBoxPaticka {  padding: 8px; font-size:10px; color: black; background-color: #F8BE36; background: url(footer.gif) repeat-x bottom; border-top: 3px solid #C40000; }
.InputBoxNadpis {font-size:14px; border-bottom: 1px solid #CFD9E4; }

#MsgBoxWarning { position: absolute; width: 250px; padding: 10px; z-index:5; height: auto; top: -20; right: 20px; bottom: auto; left: auto; font-size:10px; background-color: #FFE700; border: 1px solid black; color: black; }

/* Vypis dat */
.DataList {font-size:10px; background-color: #B0C1D7; margin: 8px; color: black; }
.DataList INPUT, SELECT, OPTION, TEXTAREA { font-size: 10px; }
.DataList TABLE { padding: 8px; text-align: center; font-size:12px; color: black; margin: 5px;}
.DataList TABLE { font-size: 10px; color: black;}
.DataList TD { padding: 4px; border-top: 1px solid #CFD9E4; border-right: 1px solid #CFD9E4; }
.DataList TH { padding: 5px; border-right: 1px solid #CFD9E4; background-color: #A3B7D1; }
.DataListHlavicka { padding: 8px; text-align: center; font-size:11px; color: black; width: 100%; background-color: #F8BE36; background: url(toggleon.gif) repeat-x top; border-bottom: 3px solid #C40000;} /*#C40000*/
.DataListHlavicka2 { padding: 4px; text-align: left; font-size:11px; color: black; width: 100%; background-color: #F8BE36; background: url(toggleon.gif) repeat-x top; border-bottom: 3px solid #C40000;}
.DataListPaticka {  padding: 8px; font-size:10px; color: black; background: url(footer.gif) repeat-x bottom; border-top: 3px solid #C40000;}
.DataListOdd { padding: 4px; background-color: #A3B7D1; border-top: 1px solid #CFD9E4; border-right: 1px solid #CFD9E4;}

.tooltiptitle{COLOR: #FFFFFF; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-size: 8pt;}
.tooltipcontent{COLOR: #000000; TEXT-DECORATION: none; CURSOR: Default; font-family: arial; font-size: 8pt;}
#ToolTip{position:absolute; width: 100px; bottom: 15px; right: 10px; z-index:5; visibility:hidden; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid gray; border-top: 1px solid gray;}

.StatistikaList TD { text-align:center; border-bottom:0px; border-right:1px dotted #CFD9E4; border-top:1px dotted #CFD9E4; }
.StatistikaList TH { border-right:1px dotted #CFD9E4; }

/* DragAndDrop box */
.DragDropBox {background-color: white; position: absolute; z-index: 100;font-size: 75%; border: 1px solid black; padding: 0; margin: 0;}
.DragDropBoxHead {background-color: Black; color: white; cursor:move; padding:4px 4px 6px 4px;}
.DragDropBoxHead TD {color: White;}
.DragDropBoxHeadTitleName { font-size: 95%;}
.DragDropBoxHeadWindowValue { font-size: 120%;}

/* Detail osoby - Nerealizovane udalosti */
.ActiveTab {background-color:silver; cursor:auto;}
.UnactiveTab {background-color:#DADADA; cursor:pointer;}