/* general */
/* nastaveni hodnot na nulu*/
* {
margin: 0;
padding: 0;
border: 0;
}
/*nastaveni vysky dokumentu*/
html {
height: 100%;
}
/*telo html*/
body {
height: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 75%;
color: black;
text-align: center;
background: white;
}
/*link*/
a {
color: #0a408a;
text-decoration: underline;
cursor: hand;
}
/*chovani linku*/
a:hover, a:focus {
color: #c57d54;
cursor: hand;
}

a:active {
color: yellow;
cursor: hand;
}

/*modra barva pro aktivni den*/
.blue {
color: #0a408a;
}
/*pro aktivni dny v kalendari pravidel*/
span.activeDay {
font-weight: bold;
color: #0a408a;
}

/* set divider */
hr {
  color: lightgrey;
  background-color: lightgrey;
  height: 1px;
}

/*kolize intervalu*/
p.orange {
width:auto;
color: #c57d54;
font-size: 90%;
margin: 2px 0px 4px 0px;
}

/**/
/*nadpisy modulu*/
h1 {
color: #c57d54;
font-size: 150%;
font-weight: normal;
margin-bottom: 25px;
}
/*druhy nadpis na strance*/
h2 {
font-size: 120%;
font-weight: bold;
color: #c57d54;
margin: 20px 0 10px;
}
/* text nad levym menu */
h3 {
font-size: 100%;
font-weight: bold;
color: #0a408a;
text-align: right;
margin:0 0 5px 0;
padding: 0 ;
}

p {
margin-bottom: 5px;
line-height: 150%;
font-size: 100%;
}
/*odrazkove seznamy*/
ul li {
margin-left: 30px;
line-height: 150%;
padding: 5px 0;
list-style: url("../grafika/sipka2.jpg");
}
/*seznamy bez odrazek - treba chybove hlasky*/
ul.normal li {
list-style: none;
list-style-image: none;
}
/*cislovane seznamy*/
ol li {
margin-left: 30px;
line-height: 140%;
padding-bottom: 5px;
list-style: decimal;
}
/* pomocny span nebo div na ruseni elementu dedicnych*/
.cistic {
_height: 1px;
_width: 1px;
_font-size: 1px;
_line-height: 1px;
_margin: -1px -1px 0 0;
clear: both;
}

/* set input background to none  */
input {
background: none;
}

.strong {
font-weight: bold;
}

.small {
font-size: 90%;
line-height: 140%;
}
/* upozorneni na modalnim okne smazat-skupinu*/
.warning {
font-size: 120%;
font-weight: bold;
color: #0a408a;
margin-top: 20px;
}

/***************** layout *************/
/*obal cele stranky*/
#main {
width: 965px;
height: 100%;
margin: 0 auto;
text-align: left;
position: relative;
}
/*horni lista*/
#top {
width: 720px;
height: 24px;
line-height: 24px;
padding-left: 245px;
font-size: 90%;
float: left;
position: relative;
}

#top a, #top a:visited {
font-size: 110%;
font-weight: bold;
padding-left: 15px;
color: black;
background: url("../grafika/sipka1.jpg") no-repeat center left;
cursor: hand;
text-decoration: none;
}

#top a:hover, #top a:active, #top a:focus {
color: #c57d54;
cursor: hand;
}


#top strong {
padding-right: 50px;
}
/* jazykove mutace v horni casti*/
#jazyky {
line-height: normal;
color: black;
font-weight: bold;
font-size: 85%;
text-align: center;
position: absolute;
top: 0;
left: 720px;
}

#jazyky-left {
    float: left;
    width: 8px;
    height: 24px;
    background: url("../grafika/jazyky-left.jpg") no-repeat;
}

#jazyky-middle {
    float: left;
    padding: 2px 4px 0 4px;
    height: 22px;
    background: #f5f4f4;
}

#jazyky-right {
    float: left;
    width: 8px;
    height: 24px;
    background: url("../grafika/jazyky-right.jpg") no-repeat;
}

#jazyky span {
font-size: 150%;
padding: 0 7px;
color: white;
}

#jazyky a, #jazyky a:visited {
font-weight: normal;
font-size: 100%;
padding: 0;
background: 0;
color: #0a408a;
cursor: hand;
}

#jazyky a:hover, #jazyky a:active, #jazyky a:focus {
color: #c57d54;
cursor: hand;
}
/*umisteni loga vpravo nahore*/
#logo {
width: 225px;
height: 89px;
float: left;
}

#logo a {
display: block;
}

/*** topmenu ***/

/*horni menu a jeho seznamy*/

ul#topmenu {
width: 717px;
height: 38px;
padding: 0;
margin: 34px 0 0 20px;
font-size: 100%;
line-height: 100%;
font-weight: normal;
float: left;
background: #ccc url("../grafika/topmenu.jpg") no-repeat;
}

ul#topmenu li {
height: 38px;
color: white;
margin: 0;
padding: 0;
list-style: none;
display: inline;
float: left;
}



ul#topmenu li a, ul#topmenu li a:visited {
/*min-width: 60px;
max-width: 215px;*/
height: 38px;
line-height: 38px;
color: black;
padding: 0 40px 0 15px;
text-decoration: none;
display: block; /*dulezite*/
background: url("../grafika/topmenu2.jpg") no-repeat top right;
float: left;
cursor: pointer;
}

/* nastaveni pred itemu */
ul#topmenu li.active {
  line-height: 38px;
  width: 17px;
  padding: 0 0 0 0px;
  display: block; /*dulezite*/
  background: url("../grafika/topmenu_active_start.png") no-repeat right;
}

/*nastaveni prvniho prvku v seznamu horniho menu*/

ul#topmenu li.firstModuleActive {
padding: 0 0 0 0px;
line-height: 38px;
background: url("../grafika/active_menu_item.png") repeat;
}

ul#topmenu li.firstModuleActive a, ul#topmenu li.firstModuleActive a:link, ul#topmenu li.firstModuleActive a:visited, ul#topmenu li.firstModuleActive a:active {
line-height: 38px;
color: white;
font-weight: bold;
padding: 0 40px 0 0px;
text-decoration: none;
background: transparent url("../grafika/topmenu4.jpg") no-repeat right;
cursor: hand;
}

ul#topmenu li a:hover, ul#topmenu li a:active, ul#topmenu li a:focus {
color: #c57d54;
cursor: hand;
}
/*nastaveni dalsiho prvku v seznamu horniho menu*/

ul#topmenu li.otherModuleActive {
line-height: 38px;
color: white;
/*font-weight: bold;*/
/*padding: 0 40px 0 15px;*/
background:  url("../grafika/active_menu_item.png") repeat;
}

ul#topmenu li.otherModuleActive > a,
ul#topmenu li.otherModuleActive > a:link,
ul#topmenu li.otherModuleActive > a:visited,
ul#topmenu li.otherModuleActive > a:active {
line-height: 38px;
color: white;
font-weight: bold;
background: transparent url("../grafika/topmenu4.jpg")  no-repeat right;
cursor: hand;
}

/* nastaveni absolutni pozice obrazky divciny */
#girl {
width: 129px;
height: 94px;
background: url("../grafika/girl.jpg") no-repeat;
position: absolute;
top: 0;
right: 0;
}

/**** bocni menu ****/
/* leve menu */
#left {
width: 225px;
padding: 30px 20px 0 0;
float: left;
}
/* obal leveho menu */
#obal {
width: 225px;
background: #0a408a url("../grafika/menu2.jpg") repeat-y;
}
/* obal vnitrniho leveho menu */
#inner {
width: 225px;
background: url("../grafika/menu3.jpg") no-repeat left bottom;
}
/* seznamy leveho menu */
#left ul {
width: 225px;
margin: 0;
padding: 10px 0;
font-size: 110%;
background: url("../grafika/menu1.jpg") no-repeat;
}

#left ul li {
width: 225px;
list-style: none;
margin: 0;
padding: 0;
display: block;
float: left;
}

#left ul li a, #left ul li a:visited {

padding: 8px 40px 8px 30px;
color: white;
text-decoration: none;
display: block;
cursor: hand;
}

#left ul li a:hover, #left ul li a:active, #left ul li a:focus {
color: #e3ab7b;
background: url("../grafika/sipka4.jpg") no-repeat center right;
cursor: hand;
}
/* nastaveni aktivniho prvku a jeho zvyrazneni */
#left li.selectedPage {
color: #e3ab7b;
font-weight: bold;
background: url("../grafika/sipka3.jpg") no-repeat center right;
text-decoration: none;
}
#left li.selectedPage a, #left li.selectedPage a:hover, #left li.selectedPage a:visited, #left li.selectedPage a:focus {
color: #e3ab7b;
font-weight: bold;
text-decoration: none;
background: url("../grafika/sipka3.jpg") no-repeat center right;
cursor: hand;
}

/***** zobrazuje obsah stranek *****/

#obsah {
width: 720px;
padding-top: 30px;
min-height: 400px;
_height: 400px;
padding-bottom: 30px;
float: left;
}

/*** buttony ***/


/* cerny button pridat */
a.pridat, a.pridat:hover, a.pridat:focus, a.pridat:visited, input.pridat{
width: 89px;
height: 25px;
line-height: 25px;
border: 0;
padding: 0;
font-weight: bold;
text-align: center;
color: white;
text-decoration: none;
background: black url("../grafika/add.jpg");
float: left;
cursor: hand;
}

/* cerny button pridat */
a.pridat:active{
width: 89px;
height: 25px;
line-height: 25px;
border: 0;
padding: 0;
font-weight: bold;
text-align: center;
color: #c57d54;
text-decoration: none;
background: black url("../grafika/add.jpg");
float: left;
cursor: hand;
}


/*** formulare ***/

input, textarea, select {
font-family: Verdana, Helvetica, sans-serif;
font-size: 100%;
padding: 3px;
}
/*horni fieldset priradit linku*/
form#assignForm56 select {
width: 200px;
}

form#assignForm56 fieldset,
form#confirmationFormea fieldset {
margin-bottom: 10px;
}
/*formular data a casu v prehledu hovoru*/
form#timeFilter15 {
font-size: 90%;
margin-bottom: 20px;
}
/*formular modalniho okna Upravy seznamu volajicich*/
form#addForm12c {
margin-top: 20px;
}
/* fildsety */
fieldset {
background: #f5f4f4;
border: 1px solid #afafaf;
padding: 10px 30px 10px 30px;
margin-bottom: 25px;
position: relative;
}

legend {
background: white;
color: #555;
padding: 7px 15px;
border: 1px solid #afafaf;
}

label,
.label {
font-size: 90%;
display: inline;
float: left;
}

input, select {
border: 1px solid #ccc;
background: white;
}

textarea {
width: 98%;
border: 1px solid #ccc;
}

input.checkbox {
padding: 0;
border: 0;
}

/********** tabulky ********/

table {
width: 100%;
border-collapse: collapse;
margin-bottom: 10px;
border: 1px solid #afafaf;
}
/* dava jiny odstin sede do radku, dava se jako prvni radek */
tr.even_row td {
background: #f5f4f4;
}

tr.odd_row td {
background: #e6e6e6;
}

td {
padding: 3px 5px;
border-right: 1px solid white;
}

/* dava se jako posledni bunka do tabulky */
td.last {
border-right: 1px solid #afafaf;
background: #f5f4f4;
}

td.center {
text-align: center;
vertical-align: middle;
}

td.top {
vertical-align: top;
}

.bottom {
  vertical-align: bottom;
}

th {
padding: 10px;
background: #e6e6e6;
color: #0a408a;
font-size: 100%;
font-weight: bold;
white-space: nowrap;
}
/*dava se do bunek kde neni aktivni link (trideni podle daneho sloupce) */
th.akce {
width: 150px;
}
/*dava se do bunek kde neni aktivni link (trideni podle daneho sloupce) akorat jina velikost*/
th.akce2 {
min-width: 70px;
}
/*dava se do bunek kde neni aktivni link (trideni podle daneho sloupce) akorat jina velikost */
.akce3 {
min-width: 150px;
}

tr.filtr td {
background: none;
}
/* tabulka v editaci pravidel */
table#seznam td {
vertical-align: top;
border-right: 0;
}
/* tabulka v editaci pravidel */
table#seznam td.last,
table#seznam th.last {
border-right: 1px solid #afafaf;
}
/* tabulka v editaci pravidel */
table#seznam td.center {
vertical-align: middle;
}
/* tabulka v editaci pravidel */
table#seznam td.inner td.center {
border-bottom: 2px solid #afafaf;
}
/* tabulka v editaci pravidel */
table#seznam tr.prazdny td {
border-left: 1px solid white;
border-right: 1px solid white;
border-top: 1px solid #afafaf;
border-bottom: 1px solid #afafaf;
padding: 0;
}
/* nastveni hodnot na nulu */
td.inner {
padding: 0;
}
/* nastveni hodnot na nulu */
td.inner table {
margin: 0;
border: 0;
}
/* udava tloustku okraje */
td.inner table tr {
border-left: 1px solid #afafaf;
border-right: 1px solid #afafaf;
border-top: 1px solid #afafaf;
border-bottom: 2px solid #afafaf;
}
/* udava tloustku okraje */
td.inner table th {
font-size: 75%;
border-bottom: 1px solid #afafaf;
background: #f5f4f4;
}
/* tabulka v editaci pravidel */
table#seznam td.inner table td {
background: white;
border-right: 1px solid #afafaf;
}
/* tabulka v editaci pravidel udava barvu pozadi */
tr.even_row td.inner table th {
background: #f5f4f4;
}
/* tabulka v editaci pravidel  udava barvu pozadi */
tr.odd_row td.inner table th {
background: #e6e6e6
}
/* radek s tlacitkama upravit v editaci pravidel */
tr.cara td {
border-top: 1px solid #afafaf;
border-bottom: 2px solid #afafaf;
}
/* tabulka bez ohraniceni */
table.noBorder {
  border: 0px;
}
.noborder td, .noborder th, .noborder tr {
  border: 0px;
}
/* nastaveni tabulkovych prvku pro editaci dnu */
th.days {
  width: 20px;
  border-left:1px;
  border-top:1px;
  text-align: center;
}
td.days {
  width: 20px;
  border-left:1px;
  border-bottom:1px;
  text-align: center;
}
td.submit {
  border-left:1px;
}

/*** strankovani ***/

#pagination {
font-size: 90%;
color: #666;
float: left;
font-style: normal;
}
span.page {
padding: 2px 5px;
background: #ccc;
text-decoration: none;
font-style: normal;
}
span.pageno {
text-decoration: none;
font-style: normal;
}
span.pageno a {
text-decoration: none;
font-style: normal;
cursor: hand;
}
a.page {
padding: 2px 5px;
background: #ccc;
text-decoration: none;
font-style: normal;
cursor: hand;
}
span.page em {
text-decoration: none;
font-style: normal;
}
em.page a {
padding: 2px 5px;
background: #ccc;
text-decoration: none;
font-style: normal;
cursor: hand;
}

#pagination strong {
color: white;
padding: 2px 5px;
background: #0a408a;
}



/* paticka */

#paticka {
min-width: 720px;
height: 40px;
padding-left: 0px;
line-height: 40px;
text-align: center;
font-size: 90%;
color: black;
clear: both;
}

#paticka .oddelovac {
color: #0a408a;
font-size: 160%;
padding: 0 10px;
}

/********************** OPRAVA MODALNICH OKEN ****************************/

div.wicket-modal,
div.wicket-modal div.w_top_1  {
	width: 702px !important;
	text-align: left;
}

div.wicket-mask-dark {
	opacity: 0.6 !important;
	-moz-opacity:0.6 !important;
	filter: alpha(opacity=60) !important;
	background-image: none !important;
}

div.wicket-modal div.w_blue div.w_left,
div.wicket-modal div.w_blue div.w_right,
div.wicket-modal div.w_blue div.w_top,
div.wicket-modal div.w_blue div.w_bottom,
div.wicket-modal div.w_blue div.w_topLeft,
div.wicket-modal div.w_blue div.w_topRight,
div.wicket-modal div.w_blue div.w_bottomRight,
div.wicket-modal div.w_blue div.w_bottomLeft {/*,
div.wicket-modal div.w_blue a.w_close {*/
background: none !important;
}

div.wicket-modal a.w_close {
/*display: none !important;*/
  position: relative;
  left: 660px;
}

div.wicket-modal div.w_caption {
	height: 20px !important;
        line-height: auto !important;
	background-color: none !important;
	color: #c57d54 !important;
	font-size: 150%;
	padding: 20px;
	background: url('../grafika/top.png') no-repeat !important;
}

div.wicket-modal span.w_captionText {
	height: 20px !important;
	margin: 0 !important;
	font-weight: normal !important;
	display: block;
}

div.wicket-modal div.w_content {
	width: auto !important;
	padding: 0 20px;
}

div.wicket-modal div.w_content_3 {
	border: 0 !important;
}

div.wicket-modal div.w_content,
div.wicket-modal div.w_content_2 {
	background: url('../grafika/bg.png') repeat-y !important;
	margin: 0;
}

div.wicket-modal div.w_content_1,
div.wicket-modal div.w_right_1 {
	margin: 0 !important;
}

div.wicket-modal div.w_bottom_1 {
	height: 18px;
	width: 702px;
	margin: 0;
	padding: 0;
	background: url('../grafika/bottom.png') no-repeat bottom left !important;
}
/* seznamy bez odrazek */
ul#nostyle li {
margin-left: 10px;
line-height: 150%;
padding: 5px 0;
list-style: none;
list-style-image: none;
background: none;
}
table th {
	text-align: left;
	font-size: 12px;
}
table td {
		text-align: left;
	font-size: 12px;
}

/* logovaci stranka a jeji obal kvuli pozicim*/
#obalujemelogin {
	display: block;
	width: 965px;
	height: 85%;
	position:relative;
}
/* pomocny span na pozicovani inputu a popisku */
span.roztahni {
	width:auto;
	height: 20px;
}
/*roztazeni stranky loginu*/
#obalujeme {
	width: 965px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
/* nadpis na logovaci strance - logo OptimCallu */
#login h1 {
width: 192px;
height: 57px;
color: black;
font-size: 180%;
font-weight: normal;
float: left;
padding: 0;
margin: 0;
}
/* napdis na logovaci strance - Prihlaseni */
#login h2 {
width: 360px;
height: 29px;
font-size: 150%;
color: black;
text-align: right;
margin: 0;
padding: 30px 22px 0 0;
font-weight: normal;
float: right;
}
/* obal na formular logovaci stranky */
#login {
width: 574px;
height: 208px;
position: absolute;
top: 50%;
left: 50%;
margin: -200px 0 0 -287px;
}
/* formular na logovaci strance */
#login form {
width: 573px;
height: 164px;
background: url("../grafika/login.jpg") no-repeat;
padding: 45px 0 0 74px;
float: left;
position: relative;
}
/* horni label prihlasovaciho jmena */
#login label {
width: 135px;
float: left;
font-size: 12px;
/*line-height: 10px;*/
margin: 2px 0px 2px 0px;
}
/* label na heslo */
#login label.labelpass {
width: 135px;
float: left;
font-size: 12px;
/*line-height: 10px;*/
}
/* input pro jmeno na logovaci strance */
#login input {
width: 156px;
/*height: 20px;
=height: 12px;
_height: 13px;*/
border: 0;
background: white;
}
/* input pro heslo */
#login input.inputpass {
width: 156px;
/*height: 20px;
=height: 12px;
_height: 13px;*/
border: 0;
background: none;
}
/* pomocny div na pozicovani submit buttonu */
div.naSubmit {
	width:160px;
	height: 66px;
	float: left;
}
/* Submit button */
#login input.loginSubmit {
width: 146px;
height: 33px;
font-size: 110%;
font-weight: bold;
color: white;
text-align: center;
background: #0a408a url("../grafika/prihlasit.jpg") no-repeat;
border: none;
position: relative;
margin-top: 32px;
/*margin-top: 28px;*/
cursor: hand;
}

#login input.loginSubmit:active {
width: 146px;
height: 33px;
font-size: 110%;
font-weight: bold;
color: #c57d54;
text-align: center;
background: #0a408a url("../grafika/prihlasit.jpg") no-repeat;
border: none;
position: relative;
margin-top: 32px;
/*margin-top: 28px;*/
cursor: hand;
}

/* nastylovani textu logovaciho buttonu */
#login input, #login textarea, #login select {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
padding: 3px;
background: none;
}

#sirka select {
	width:200px;
}
/* button na pridani - cerny s plusem vpravo dole */
#obalbutton {
min-width: 113px;
width: auto;
height: 30px;
line-height: 30px;
color: white;
text-decoration: none;
/*text-align:right;*/
float: right;
display: block;
}

#obalbutton a {
line-height: 30px;
text-decoration: none;
}

#obalbutton a:active {
line-height: 30px;
font-weight: bold;
color: #c57d54;
text-decoration: none;
}

#levabutton {
width: 30px;
height: 30px;
background: black url("../grafika/pridat.jpg") left top no-repeat;
float:left;
}

#stredbutton {
width: auto;
height: 30px;
line-height: 30px;
font-weight: bold;
color: white;
text-decoration: none;
background: black;
float: left;
}

#pravabutton {
width: 20px;
height: 30px;
background: url("../grafika/pridat_konec.jpg");
float: left;
}

/* object floating to the right*/
#float_right {
  float: right;
  margin-left: 10px;
}
/*------------   end object floating to the right  -------------*/

/* object floating to the right*/
#float_left {
  float: left;
  margin-right: 10px;
}
/*------------   end object floating to the right  -------------*/

/* makes space between buttons*/
.button_divider {
  margin-right: 10px;
  /*float: left;
  padding: 0px;
  margin: 0px;
  height: 22px;*/
}

/* small blue button */
#small_blue_flexibutton {
min-width: 50px;
width: auto;
height: 22px;
float: left;
display: block;
}

#small_blue_flexibutton a {
margin: 0px;
padding: 0px;
width: auto;
color: white;
text-decoration: none;
cursor: hand;
}

#small_blue_flexibutton a:active {
margin: 0px;
padding: 0px;
width: auto;
color: #c57d54;
text-decoration: none;
cursor: hand;
}

#small_blue_flexibutton_left {
width: 9px;
height: 22px;
background: url("../grafika/small_blue_button_left.png") left top no-repeat;
float:left;
}

#small_blue_flexibutton_center {
float: left;
width: auto;
height: 22px;
min-width: 40px;
line-height: 22px;
white-space: nowrap;
background-repeat: repeat-x;
text-align: center;
background: url("../grafika/small_blue_button_middle.png") repeat-x left top;
}

#small_blue_flexibutton_right {
float: left;
width: 9px;
height: 22px;
background: url("../grafika/small_blue_button_right.png") no-repeat left top;
}
/*--------------- end of small blue button ---------------------*/

/* small grey button */
#small_grey_flexibutton {
min-width: 50px;
width: auto;
height: 22px;
float: left;
display: block;
margin-right: 10px;
}
#small_grey_flexibutton a {
margin: 0px;
padding: 0px;
width: auto;
color: white;
text-decoration: none;
cursor: hand;
}

#small_grey_flexibutton a:active {
margin: 0px;
padding: 0px;
width: auto;
color: #c57d54;
text-decoration: none;
cursor: hand;
}

#small_grey_flexibutton_left {
width: 9px;
height: 22px;
background: url("../grafika/small_grey_button_left.png") left top no-repeat;
float:left;
}

#small_grey_flexibutton_center {
width: auto;
height: 22px;
min-width: 40px;
line-height: 22px;
white-space: nowrap;
background-repeat: repeat-x;
background: url("../grafika/small_grey_button_middle.png");
float: left;
text-align: center;
}

#small_grey_flexibutton_right {
width: 9px;
height: 22px;
background: url("../grafika/small_grey_button_right.png");
float: left;
}
/*--------------- end of small grey button ---------------------*/

/* small black button */
#small_black_flexibutton {
min-width: 50px;
width: auto;
height: 22px;
float: left;
display: block;

}
#small_black_flexibutton a {
margin: 0px;
padding: 0px;
width: auto;
color: white;
text-decoration: none;
cursor: hand;
}

#small_black_flexibutton a:active {
margin: 0px;
padding: 0px;
width: auto;
color: #c57d54;
text-decoration: none;
cursor: hand;
}

#small_black_flexibutton_left {
width: 9px;
height: 22px;
background: url("../grafika/small_black_button_left.png") left top no-repeat;
float:left;
}

#small_black_flexibutton_center {
width: auto;
height: 22px;
min-width: 40px;
line-height: 22px;
white-space: nowrap;
background-repeat: repeat-x;
background: url("../grafika/small_black_button_middle.png");
float: left;
text-align: center;
}

#small_black_flexibutton_right {
width: 9px;
height: 22px;
background: url("../grafika/small_black_button_right.png");
float: left;
}
/*--------------- end of small black button ---------------------*/

/* big grey button */
#big_grey_flexibutton {
min-width: 50px;
width: auto;
height: 30px;
float: left;
display: block;

}
#big_grey_flexibutton a {
margin: 0px;
padding: 0px;
width: auto;
color: white;
text-decoration: none;
cursor: hand;
}

#big_grey_flexibutton a:active {
margin: 0px;
padding: 0px;
width: auto;
color: #c57d54;
text-decoration: none;
cursor: hand;
}

#big_grey_flexibutton_left {
width: 10px;
height: 30px;
background: url("../grafika/big_grey_button_left.png") left top no-repeat;
float:left;
}

#big_grey_flexibutton_center {
width: auto;
height: 30px;
min-width: 40px;
line-height: 30px;
white-space: nowrap;
background-repeat: repeat-x;
background: url("../grafika/big_grey_button_middle.png");
float: left;
text-align: center;
font-weight: bold;
}

#big_grey_flexibutton_right {
width: 10px;
height: 30px;
background: url("../grafika/big_grey_button_right.png");
float: left;
}
/*--------------- end of big grey button ---------------------*/

/* big black button */
#big_black_flexibutton {
min-width: 50px;
width: auto;
height: 30px;
float: left;
display: block;

}

#big_black_flexibutton a {
margin: 0px;
padding: 0px;
width: auto;
color: white;
text-decoration: none;
cursor: hand;
}

#big_black_flexibutton a:active {
margin: 0px;
padding: 0px;
width: auto;
color: #c57d54;
text-decoration: none;
cursor: hand;
}

#big_black_flexibutton_left {
width: 10px;
height: 30px;
background: url("../grafika/big_black_button_left.png") left top no-repeat;
float:left;
}

#big_black_flexibutton_center {
width: auto;
height: 30px;
min-width: 40px;
line-height: 30px;
white-space: nowrap;
background-repeat: repeat-x;
background: url("../grafika/big_black_button_middle.png");
float: left;
text-align: center;
font-weight: bold;
}

#big_black_flexibutton_right {
width: 10px;
height: 30px;
background: url("../grafika/big_black_button_right.png");
float: left;
}
/*--------------- end of big black button ---------------------*/


/* aktivni jazyk */
#jazyky a.activeLanguage {
	font-weight: bold;
	color: black;
	text-decoration: none;
}
/* tabulka datumu v seznamu volani */
table#datumy {
	border: 1px solid white;
	padding:0;
}
table#datumy tr td{
	border: none;
	font-size:11px;
}

table#datumy input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	padding: 3px 3px 3px 3px;
	margin: 0;
}
table.innerDateFilter {
  border: none;
	font-size:11px;
	margin-bottom: 0px;
	padding:0;
}
/* chybova hlaska logovaci stranky */
.feedback ul li{
margin-left: 74px;
line-height: 150%;
padding: 5px 0;
padding-top: 20px;
list-style: none;
list-style-image: none;
color: red;
font-weight: bold;
background: none;
}
/* razeni dnu vedle sebe - editace pravidel */
div.dnyfloat {
	float:left;
	margin: 4px 0px 4px 0px;
}
/* bunka bez mezery */
td.nocolaps {
	border-collapse: collapse;
}

/* Formular editace Caller listu */
div.modalSimpleForm {
  line-height: 25px;
  white-space:nowrap;
}

/* posunuti potvrzovaciho linku jednoradkoveho formulare */
div.modalSimpleForm a {
  position: relative;
  left: 180px;
  bottom: 25px;
}

/* posunuti potvrzovaciho button jednoradkoveho formulare v editaci intervalu*/
div.modalSimpleForm #obalbutton {
  position: relative;
  right: 150px;
}

div.modalSimpleForm #obalbutton a {
  position: relative;
  right:0px;
  left: 0px;
  top:0px;
  bottom: 0px;
}

/* posunuti potvrzovaciho tlacitka pri uprave dnu */
.submit .upravit {
  position: relative;
  right: 200px;
}

/* add gray background to disabled form items */
input[disabled], textarea[disabled], option[disabled], optgroup[disabled], select[disabled] {
  background: #D8D8D8;
}

div.wicket-modal {
    position: absolute !important;
}

#float_right #big_black_flexibutton {
    margin-bottom: 15px;
}

/* new buttons */

.button {
    width: auto !important; /* Firefox 4 fix */
}

.button, .button * {
    display: inline-block;
    height: 22px;
    text-decoration: none;
    color: #fff;
}

.button .button-left {
    padding-left: 9px;
    background: url('../grafika/small_blue_button_left.png') no-repeat top left;
}

.button .button-right {
    padding-right: 9px;
    background: url('../grafika/small_blue_button_right.png') no-repeat top right;
}

.button:hover {
    color: #fff;
}

.button .button-center {
    background: url('../grafika/small_blue_button_middle.png') repeat-x top left;
    min-width: 32px;
    width: auto;
    text-align: center;
    white-space: nowrap;
    line-height: 22px;
}

.button.grey .button-left {
    background-image: url('../grafika/small_grey_button_left.png');
}

.button.grey .button-right {
    background-image: url('../grafika/small_grey_button_right.png');
}

.button.grey .button-center {
    background-image: url('../grafika/small_grey_button_middle.png');
}

.button.big, .button.big * {
    height: 30px;
    font-weight: bold;
}

.button.big .button-left {
    padding-left: 10px;
    background-image: url('../grafika/big_blue_button_left.png');
}

.button.big .button-right {
    padding-right: 10px;
    background-image: url('../grafika/big_blue_button_right.png');
}

.button.big .button-center {
    width: auto;
    line-height: 30px;
    background-image: url('../grafika/big_blue_button_middle.png');
}

.button.big.grey .button-left {
    background-image: url('../grafika/big_grey_button_left.png');
}

.button.big.grey .button-center {
    background-image: url('../grafika/big_grey_button_middle.png');
}

.button.big.grey .button-right {
    background-image: url('../grafika/big_grey_button_right.png');
}

.button.big.black .button-left {
    background-image: url('../grafika/big_black_button_left.png');
}

.button.big.black .button-right {
    background-image: url('../grafika/big_black_button_right.png');
}

.button.big.black .button-center {
    background-image: url('../grafika/big_black_button_middle.png');
}

/* busy indication */
#bysy_indicator {
  display: none;
  z-index: 1000;
}
#bysy_icon {
  z-index: 1500;
}

a.page, span.page {
    margin-right: 5px;
    padding-right: 1px;
}

.filtering,
.filtering-like-collapsable {
    overflow: hidden;
    height: 17px;
    margin-bottom: 15px;
}

.filtering h2,
.filtering-like-collapsable h2 {
    cursor: pointer;
    margin: 0;
}

.filtering.expanded,
.filtering-like-collapsable.expanded {
    height: auto;
    overflow: visible;
}

.filtering table,
.filtering-like-collapsable table {
    border: none;
    width: auto;
}

.filtering th,
.filtering-like-collapsable th {
    background: none;
}

.error {
    margin-bottom: 15px;
    background: #fea9a9;
    font-weight: bold;
    padding: 7px;
    border-radius: 5px;
    border: 1px solid #a40101;
    color: #7a0202;
}

.wide-labels label {
    width: 200px;
}

#bysy_background {
	background-image: url("../grafika/loader_bg.png");
}

.breakable-rows th {
	white-space: normal;
}

.nowrap {
	white-space: nowrap;
}

.user-right-class {
	width: 33%;
	float: left;
	margin-right: 7%;
}

.user-right-class-wide {
    width: 82%;
}

.user-right-class-form {
    width: 91%;
}

fieldset td:first-child {
	width: 150px;
	white-space: nowrap; /* cell will automatically widen as neccessary */
}

fieldset td.days:first-child {
	width: inherit;
}

fieldset .noBorder td {
	border: none;
}

fieldset td {
	padding-bottom: 9px;
}

.user-right-class legend, .user-right-class-wide legend,
.user-right-class-form legend {
	background: none;
	color: #444;
	font-weight: bold;
}

.warning {
    padding: 15px;
    border: 2px solid #0a408a;
    background: #eee;
    margin-bottom: 15px;
}

.contacts-name {
    position: relative;
    display: inline-block;
    font-weight: bold;
}

.contacts-name span {
    display: none;
    position: absolute;
    right: -18px;
    bottom: -20px;
    padding: 2px;
    font-weight: bold;
    border-radius: 4px;
    color: black;
    border: 2px solid grey;
    background: white;
    z-index: 10;
}

.contacts-name:hover span {
    display: block;
}

.filtering.expanded h2 span {
    display: none;
}

.filtering h2 span {
    display: inline-block;
    margin-left: 20px;
    font-size: smaller;
}

/* confirm dialog */

.dialog-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
}

.dialog-modal {
    position: absolute;
    border: 2px solid silver;
    border-radius: 10px;
    background: white;
    overflow: hidden;
}

.dialog-title {
    padding: 5px;
    text-align: left;
    background: #0a408a;
    border-radius: 9px 9px 0 0;
    color: white;
    font-weight: bold;
}

.dialog-content {
    padding: 15px;
    text-align: left;
}

.dialog-modal button {
    padding: 5px 15px;
    border-radius: 6px;
    margin: 5px 10px;
    color: white;
    background: #1e5799; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI5ODlkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIwN2NjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-8 */
}

.align-right {
    text-align: right;
}

.align-left {
    text-align: left;
}

.calendar-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url('../images/calendar.png') no-repeat;
    cursor: pointer;
    margin-left: 10px;
}

/* text statistics fix */

#text-statistics table {
    border: 1px solid #afafaf;
    width: 300px;
}

#text-statistics th {
    background: #e6e6e6;
}

#text-statistics td {
    border-right: none;
}

#text-statistics tr + tr th {
    border-bottom: 1px solid #afafaf;
}

#text-statistics tr:last-child th {
    border-top: 1px solid #afafaf;
}

.click2call label {
    font-size: 100%;
    display: block;
    float: none;
    margin-bottom: 10px;
}

.click2call label span {
    display: inline-block;
    width: 140px;
}

.click2call input[type="submit"] {
    background: #0a408a;
    color: white;
    border-radius: 8px;
    padding: 3px 8px;
}

.menu-more-container {
    position: relative;
}

#menu-more {
    display: none;
    position: absolute;
    top: 36px;
    left: -2px;
    background: #ccc url("../grafika/topmenu.jpg") repeat-y -40px 0;
    width: 175px;
    z-index: 1;
    border-left: solid 2px #e7e7e7;
    border-right: solid 2px #e7e7e7;
}

ul#topmenu #menu-more li {
    float: none;
    display: block;
    width: 100%;
}

ul#topmenu #menu-more li a {
    width: 160px;
    padding-right: 0;
}

.menu-more-container:hover #menu-more {
    display: block;
}

ul#topmenu .menu-more-container.otherModuleActive li a {
    background-image: url("../grafika/topmenu2.jpg");
}

ul#topmenu .menu-more-container.otherModuleActive li.otherModuleActive a {
    background-image: url("../grafika/topmenu4.jpg");
}

.extra-info-container .text-dump-right-align {
    text-align: right;
    padding-right: 8px;
}

.wrap-whitespace td label {
    white-space: normal;
}

.right-form-group-label {
    text-align: center;
    font-weight: bold;
}

.user-right-form-legend {
    width: 97%;
    margin-left: 30px;
}

.user-right-form-legend td:last-child {
    text-align: right;
}

.user-right-form td:last-child {
    width: 75px;
}

.datagrids-record-indexes {
    text-align: right;
}

.profile-rights-column {
    width: 49.375%;
    float: left;
}

.profile-rights-column fieldset {
    width: 71%;
}

.disabled-text {
    color: gray;
}

#voicemail-message-infos {
    display: block;
    overflow: hidden;
    height: 0;
}

#voicemail-message-reset-failed, #voicemail-message-default-already-set,
#voicemail-message-reset-successful {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
    padding: 7px;
    border-radius: 5px;
}

#voicemail-message-reset-failed, #voicemail-message-default-already-set {
    background: #fea9a9;
    border: 1px solid #a40101;
    color: #7a0202;
}

#voicemail-message-reset-successful {
    background: #cdf394;
    border: 1px solid #487900;
    color: #487900;
}

.datagrids-record-indexes + table a {
    text-decoration: none;
}

.action-link {
    display: inline-block;
    text-decoration: none;
    line-height: 1.75em;
    margin: 0 7px;
}

#paticka a {
    text-decoration: none;
}

.box-button, #obalbutton .box-button, #obalbutton .box-button:active {
    border: 2px solid #e6e6e6;
    padding: 3px 12px;
    line-height: 1.4em;
    background: #f5f4f4;
    color: #555;
    font-weight: normal;
    cursor: pointer;
}

.datagrid-records th {
    border-bottom: 1px solid #afafaf;
}

#login span.roztahni {
    font-size: 10px;
}

.warning-message {
    border: 1px solid #DAA520;
    background: #F5DEB3;
    padding: 2px 10px;
    border-radius: 5px;
    color: #7A4500;
}

.warning {
    border-color: #DAA520;
    color: #7A4500;
    background: #F5DEB3;
    border-radius: 10px;
}

#voicemail-prompt-recording-in-progress, #voicemail-prompt-management {
    overflow: hidden;
}

#voicemail-prompt-recording-in-progress {
    height: 0;
}

#voicemail-prompt-recording-in-progress p {
    text-align: center;
}

a[target="_blank"] {
    padding-right: 16px;
    background: url("../images/open-in-new-window.png") right center no-repeat;
}

.no-float {
    float: none;
}

.extra-action-form-container td {
    padding: 0;
}

.extra-action-form {
    overflow: hidden;
    height: 0;
    text-align: right;
}

.extra-action-form textarea {
    margin-bottom: 6px;
}

.extra-action-form .labels {
    text-align: left;
    padding-left: 5px;
}

.extra-action-form .labels .selected {
    border-color: #b2b2f5;
    background: #e7e7ff;
    color: #5a5aff;
}

.clear {
    clear: both;
}

.audio-player {
    text-align: left;
}

.audio-player .play, .pause, .stop {
    display: block;
    width: 24px;
    height: 24px;
    background: url("../images/player-play.png") no-repeat top left;
    cursor: pointer;
    float: left;
    margin-left: 10px;
}

.audio-player .pause {
    display: none;
    background-image: url("../images/player-pause.png");
}

.audio-player .stop {
    background-image: url("../images/player-stop-enabled.png");
}

.audio-player .stop.disabled {
    background-image: url("../images/player-stop-disabled.png");
}

.audio-player .seek,
.audio-player .play-time {
    float: left;
}

.audio-player .seek {
    width: 150px;
    height: 7px;
    margin: 8px 10px;
}

.audio-player .seek .ui-slider-handle {
    top: -6px;
    width: 10px;
}

.audio-player .play-time {
    width: 120px;
    height: 15px;
    margin-top: 5px;
}

.audio-player .play-time .current,
.audio-player .play-time .separator,
.audio-player .play-time .duration {
    float: left;
    width: 50px;
    text-align: center;
}

.audio-player .play-time .separator {
    width: 20px;
}

.audio-player .text {
    margin: 6px 10px;
    font-family: monospace;
}

.audio-player .text span {
    cursor: pointer;
}

.audio-player .text .current-word {
    font-weight: bold;
    background: #c7c2ff;
}

.extra-action-form .box-button {
    background: #fefefe;
}

.white-space-normal,
fieldset .white-space-normal,
fieldset td.white-space-normal:first-child {
    white-space: normal;
}

.white-space-nowrap {
    white-space: nowrap;
}

.top-margin {
    margin-top: 15px;
}

.wide-table,
.filtering .wide-table,
.filtering-like-collapsable .wide-table {
    width: 100%;
}

.block {
    display: block;
}

#kws-close-results {
    font-size: 60%;
    float: right;
}

.reconnectPopup {
  position: fixed;
  right: 30px;
  top: 30px;
  background: #d13b14;
  border-radius: 15px;
  padding: 9px;
  width: 160px;
  color: white;
}

.loadingInProgrressPopup {
  position: fixed;
  top: 30%;
  left: 50%;
  margin-left: -64px;
  width: 128px;
  background: rgba(0,0,0,0.2);
  padding: 51px;  
  border: 3px solid #AFAFAF;
  border-radius: 15px; 
}

.dialogFrame {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}

.dialog {
  position: fixed;
  top: 150px;
  left: 50%;
  margin-left: -225px;
  width: 350px;
  background: white;
  padding: 15px;  
  border: 3px solid #AFAFAF;
  border-radius: 15px; 
}

.dialogAtTop {
  top: 10%;
}

.dialog h2 {
  margin: 0 0 3px 0 !important;
  cursor: initial;
}

.dialog .scrollablePanel {
  overflow-y: scroll;
  max-height: 400px;
  float: left;
  width: 100%;
}

.dialog .wideDialogRow {
  width: 100%;
  padding-top: 3px;
  padding-bottom: 3px;
  min-height: 24px;
  float: left;
  overflow: hidden;
}

.dialog .wideDialogRow.separator {
  border-bottom: 1px solid #E6E6E6;
  margin-bottom: 12px;
  padding-bottom: 12px;
} 

.dialog .wideDialogRow.noHeight {
  min-height: initial;
  padding-bottom: 6px;
}

.dialog .wideDialogRow.scrollable {
  height: initial;
  max-height: 104px;
  overflow-y: scroll;
}

.dialog .wideDialogRow.scrollable.big {
  max-height: 220px;
}

/*
.dialog .wideDialogRow:nth-child(1) {
  padding-top: 0;
  border-top: 0;
}
*/

.dialog .wideDialogRow.clickableRow {
  cursor: pointer;
}

.dialog .wideDialogRow.clickableRow:hover {
  background: #EFEFEF;
}

.dialog .wideDialogRow input {
  float: left;
}

.dialog .wideDialogRow select {
  float: left;
}

.dialog .wideDialogRow textarea {
  width: 340px; 
  height: 60px;
}

.dialog .wideDialogRow .button {
  float: right;
  color: black;
  background: #E6E6E6;
  padding: 6px 9px;
  height: 14px;
  border-radius: 3px;
  margin-left: 3px;
  cursor: pointer;
  min-width: 60px;
  text-align: center;
}

.dialog .wideDialogRow .button.expandButton {
  margin-bottom: 3px;
  min-width: 20px;
}

.dialog .wideDialogRow .button.lineButton {
  float: left;
  margin-bottom: 3px;
}

.dialog .wideDialogRow .button.activeLine {
  background: #dada4b;
}

.action.playRecording {
  background: transparent url("../images/player/play.png") no-repeat scroll 5px 7px !important;
  width: 9px !important;
}

.action.activate {
  background: transparent url("../images/check.png") no-repeat scroll 1px 5px !important;
  width: 9px !important;
}

.action.deactivate {
  background: transparent url("../images/remove_shadow.png") no-repeat scroll 1px 5px !important;
  width: 9px !important;
}

.action.edit {
  background: transparent url("../images/designer_edit.png") no-repeat scroll 1px 5px !important;
  width: 9px !important;
}

.action.remove {
  background: transparent url("../images/remove.png") no-repeat scroll 1px 5px !important;
  width: 9px !important;
}

.action.markAsHandled {
  background: transparent url("../images/remove.png") no-repeat scroll 1px 5px !important;
  width: 9px !important;
}

.action.markAsHandledDisabled {
  background: transparent url("../images/remove_shadow.png") no-repeat scroll 1px 5px !important;
  width: 9px !important;
  cursor: initial !important;
}

.dialog .action. {
  margin-left: 3px;
}