﻿
.textBox {
	border-style: solid;
	border-width: 1px;
	border-color: #89bdd9;
	background-color: #ffffff;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	font-weight: normal;
	color: #121010;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	padding-left: 2px;
}

.textBox-thin {
	border-style: solid;
	border-width: 1px;
	border-color: #89bdd9;
	background-color: #ffffff;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 9pt;
	font-weight: normal;
	color: #121010;
	height: 15px;
	line-height: 15px;
	vertical-align: middle;
	padding-left: 2px;
}

.textBox-small {
	border-style: solid;
	border-width: 1px;
	border-color: #89bdd9;
	background-color: #ffffff;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	font-weight: normal;
	color: #121010;
	height: 18px;
	line-height: 18px;
	vertical-align: middle;
	padding-left: 2px;
}

.radioButtonList {
	font-size: 8pt;
	font-weight: normal;
	line-height: 25px;
	height: 25px;
	vertical-align: middle;
	padding: 0px;
}

	.radioButtonList label {
		vertical-align: middle;
		margin: 0px 10px 0px 0px;
	}

	.radioButtonList input[type=radio] {
		margin: 0px 5px 0px 0px;
		vertical-align: middle;
	}

.checkBoxList {
	font-size: 8pt;
	font-weight: normal;
	line-height: 25px;
	height: 25px;
	vertical-align: middle;
	padding: 0px;
}

	.checkBoxList label {
		vertical-align: middle;
		margin: 0px 10px 0px 0px;
	}

	.checkBoxList input[type=checkbox] {
		margin: 0px 5px 0px 0px;
		vertical-align: middle;
	}

.RBL {
	border-color: #767676;
	border-style: solid;
	border-width: 1px;
}

.comboBox {
	border-style: solid;
	border-width: 1px;
	border-color: #89bdd9;
	background-color: #ffffff;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 10pt;
	color: #121010;
	margin-left: 0px;
}

.gridView .comboBox {
	border-color: #000000;
}

.gridView td.buttons input[type=image]:not(:last-child) {
	margin-right: 5px;
}

.gridCheck {
	width: 25px;
}

.validator {
	color: #cd0a0a;
}

/************/
/* Tlacitka */
/************/

.button {
	color: #000000;
}

.button-image {
	color: #ffffff;
	border-style: solid;
	border-color: #767676;
	border-width: 1px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #3e3e3e;
	padding-left: 30px;
	padding-right: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 27px;
	line-height: 25px;
	vertical-align: middle;
	text-align: left;
	font-size: 9pt;
	cursor: pointer;
}

.button-image-small {
	color: #ffffff;
	border-style: solid;
	border-color: #767676;
	border-width: 1px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #3e3e3e;
	padding-left: 20px;
	padding-right: 6px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 20px;
	line-height: 18px;
	vertical-align: middle;
	text-align: left;
	font-size: 9pt;
	cursor: pointer;
}

.button-image-thin {
	width: 100px;
	color: #ffffff;
	border-style: solid;
	border-color: #767676;
	border-width: 1px;
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #3e3e3e;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	text-align: left;
	font-size: 9pt;
	cursor: pointer;
}

.button-filter {
	background-image: url('icons/btn-search.gif');
}

.button-filter-cancel {
	background-image: url('icons/btn-cancel.gif');
}

.button-mobile-duplicity {
	background-image: url('icons/btn-mobile-duplicity.gif');
}

.button-generate {
	background-image: url('icons/btn-generate.png');
}

.button-generate-small {
	background-image: url('icons/btn-generate-small.png');
	color: #D9EEFD;
}

.button-regenerate {
	background-image: url('icons/btn-regenerate.png');
}

.button-regenerate-small {
	background-image: url('icons/btn-regenerate-small.png');
	color: #fbbcb9;
}

.button-dispatch {
	background-image: url('icons/btn-dispatch.gif');
}

.button-save {
	background-image: url('icons/btn-save.gif');
}

.button-add {
	background-image: url('icons/add.gif');
	background-position: 3px center;
}

.button-do {
	background-image: url('icons/arrows.gif');
	background-position: 3px center;
}

.button-new {
	background-image: url('icons/add.gif');
	background-position: 3px center;
}

.button-pay {
	background-image: url('icons/payment.gif');
	background-position: 3px center;
}

.button-print {
	background-image: url('icons/print.gif');
	background-position: 3px center;
}

.button-accept {
	background-image: url('icons/accept.gif');
	background-position: 3px center;
}

.msgDetButton {
	display: inline-block !important;
	color: #ffffff !important;
	font-size: 8pt !important;
	font-weight: normal !important;
	text-decoration: none !important;
	border: solid 1px #ffffff !important;
	background: #3e3e3e !important;
	margin: 0px !important;
	padding: 5px 10px !important;
}

	.msgDetButton:hover {
		text-decoration: underline !important;
	}

.btn-sel {
	color: #0066FF;
}

/*******************************/
/* Tlacitko v hlavicce stranky */
/*******************************/

.headerButtonWrap {
	display: inline-block;
	background-color: Transparent;
	border: none;
	margin: 0px;
	margin-right: 2px;
	padding: 0px;
	height: 40px;
	line-height: 40px;
	vertical-align: bottom;
	color: #e7e7e7;
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 8pt;
	text-align: left;
}

	.headerButtonWrap a {
		color: #d8d8d8;
		text-decoration: none;
	}

		.headerButtonWrap a:hover {
			color: #ffffff; /* 4bc2ff */
			text-decoration: underline;
		}

.headerButton {
	background-color: #484848;
	border: none;
	border-left: solid 1px #767676;
	border-right: solid 1px #767676;
	border-top: solid 1px #767676;
	margin: 16px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	height: 23px;
	line-height: 22px;
	vertical-align: middle;
}

.headerButton-accept {
	background-image: url('icons/accept.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-add {
	background-image: url('icons/add.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-cancel {
	background-image: url('icons/cancel.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-close {
	background-image: url('icons/close.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-copy {
	background-image: url('icons/copy.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-delete {
	background-image: url('icons/delete.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-edit {
	background-image: url('icons/edit.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-email {
	background-image: url('icons/email.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-excel {
	background-image: url('icons/excel.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-help {
	background-image: url('icons/help.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-invalidate {
	background-image: url('icons/invalidate.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-lock {
	background-image: url('icons/lock.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-new {
	background-image: url('icons/new.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-notifypayment {
	background-image: url('icons/notifypayment.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-notifypaid {
	background-image: url('icons/notifypaid.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-payment {
	background-image: url('icons/payment.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-print {
	background-image: url('icons/print.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-refresh {
	background-image: url('icons/refresh.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-refreshmoney {
	background-image: url('icons/refreshmoney.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-remove {
	background-image: url('icons/remove.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-save {
	background-image: url('icons/save.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-saveclose {
	background-image: url('icons/saveclose.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-table {
	background-image: url('icons/table.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-unlock {
	background-image: url('icons/unlock.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-user {
	background-image: url('icons/user.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-key {
	background-image: url('icons/key.gif');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-publish {
	background-image: url('icons/publish.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-dispublish {
	background-image: url('icons/dispublish.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-online {
	background-image: url('icons/online.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButton-offline {
	background-image: url('icons/offline.png');
	background-repeat: no-repeat;
	background-position: 7px center;
	padding-left: 33px;
}

.headerButtonSepar {
	display: inline-block;
	background-color: Transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	height: 40px;
	line-height: 40px;
	width: 10px;
}

/*************/
/* GRID VIEW */
/*************/

.gridView {
	color: #c3d5e1 !important;
	margin: 0px !important;
	padding: 0px !important;
	border-collapse: collapse !important;
	border-style: solid !important;
	border-width: 1px !important;
	border-color: #49616e !important;
	width: 100% !important;
	padding: 2px 5px !important;
	line-height: normal !important;
}

	.gridView th {
		padding: 5px;
		border: none;
		font-weight: bold;
	}

	.gridView td {
		padding: 3px 5px;
		border: none;
	}

		.gridView td.nowrap {
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

.gridViewHeader {
	background-color: #344047 !important;
	border: none !important;
	border-bottom: solid 1px #49616e !important;
	font-size: 8pt !important;
}

	.gridViewHeader a {
		color: #c3d5e1 !important;
		text-decoration: none !important;
	}

	.gridViewHeader th.group {
		border-right: solid 1px #49616e !important;
		text-align: center;
		font-weight: bold;
	}

	.gridViewHeader a:hover {
		color: #c3d5e1 !important;
		text-decoration: underline !important;
	}

.gridViewRow {
	background-color: #46545d !important;
	border: none !important;
	font-size: 8pt !important;
}

.gridViewRowBorder TD {
	background-color: #46545d !important;
	border: solid 1px #49616E;
	font-size: 8pt !important;
}

.gridViewRow a {
	color: #a9e0ff !important;
	text-decoration: none !important;
}

	.gridViewRow a:hover {
		color: #ffffff !important;
		text-decoration: underline !important;
	}

.gridViewAltRow {
	background-color: #55636c !important;
	border: none !important;
	font-size: 8pt !important;
}

.gridViewAltRowBorder TD {
	background-color: #55636c !important;
	border: solid 1px #49616E;
	font-size: 8pt !important;
}

.gridViewAltRow a {
	color: #a9e0ff !important;
	text-decoration: none !important;
}

	.gridViewAltRow a:hover {
		color: #ffffff !important;
		text-decoration: underline !important;
	}

.gridViewSelRow {
	background-color: #abcbdf !important;
	color: #003d5d !important;
	border: none !important;
	font-size: 8pt !important;
}

	.gridViewSelRow a {
		color: #003d5d !important;
		text-decoration: none !important;
	}

		.gridViewSelRow a:hover {
			color: #003d5d !important;
			text-decoration: underline !important;
		}

	.gridViewSelRow .negativeAmount {
		color: #800000;
	}

.gridViewHLRow {
	background-color: #51773f !important;
	color: #9dff6c !important;
	border: none !important;
	font-size: 8pt !important;
}

	.gridViewHLRow a {
		color: #9dff6c !important;
		text-decoration: none !important;
	}

		.gridViewHLRow a:hover {
			color: #9dff6c !important;
			text-decoration: underline !important;
		}

	.gridViewHLRow .negativeAmount {
		color: #800000;
	}

.gridViewFooter {
	background-color: #39464e !important;
	border: none !important;
	font-size: 8pt !important;
}

.gridViewPager {
	color: #5ec5ff !important;
	background-color: #39464e !important;
	border: none !important;
	font-size: 15pt !important;
}

	.gridViewPager a {
		color: #c3d5e1 !important;
		text-decoration: underline !important;
		font-size: 8pt !important;
	}

		.gridViewPager a:hover {
			color: #a9e0ff !important;
			text-decoration: underline !important;
			font-size: 8pt !important;
		}

.gridViewPagerSmall {
	color: #5ec5ff !important;
	background-color: #39464e !important;
	border: none !important;
	font-size: 10pt !important;
	font-weight: bold !important;
}

	.gridViewPagerSmall a {
		color: #c3d5e1 !important;
		text-decoration: underline !important;
		font-size: 8pt !important;
		font-weight: normal !important;
	}

		.gridViewPagerSmall a:hover {
			color: #a9e0ff !important;
			text-decoration: underline !important;
			font-size: 8pt !important;
			font-weight: normal !important;
		}

.gridViewHLRed {
	background-color: #FF99CC !important;
	color: #000000 !important;
}

	.gridViewHLRed a {
		color: #000000 !important;
		text-decoration: none !important;
	}

.gridViewHLGreen {
	background-color: #51773f !important;
	color: #9dff6c !important;
}

	.gridViewHLGreen a {
		color: #9dff6c !important;
		text-decoration: none !important;
	}

.gridViewHLOrange {
	background-color: #D69E3E !important;
	color: #000000 !important;
}

	.gridViewHLOrange a {
		color: #000000 !important;
		text-decoration: none !important;
	}

.gridViewHLStorno {
	background-color: #FF99CC !important;
	color: #000000 !important;
	text-decoration: line-through !important;
}

	.gridViewHLStorno a {
		text-decoration: none !important;
		color: #000000 !important;
	}

		.gridViewHLRed a:hover, .gridViewHLGreen a:hover, .gridViewHLOrange a:hover, .gridViewHLStorno a:hover {
			text-decoration: underline !important;
			color: #000000 !important;
		}

.gridViewHLRedAlt {
	background-color: #FDC5E1;
	color: #000000;
}

.gridViewEditButton {
	display: inline-block;
	background-image: url('icons/edit.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0px 3px;
}

.gridViewUpdateButton {
	display: inline-block;
	background-image: url('icons/save.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0px 3px;
}

.gridViewCancelButton {
	display: inline-block;
	background-image: url('icons/cancel.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0px 3px;
}

.gridViewInvalidateButton {
	display: inline-block;
	background-image: url('icons/invalidate.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0px 3px;
}

.gridViewDeleteButton {
	display: inline-block;
	background-image: url('icons/delete.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	padding: 0px 3px;
}

.norecord {
	font-size: 8pt;
	font-style: italic;
	color: #FF6000;
}

.nodata {
	font-size: 8pt;
	font-style: italic;
	color: #e7f6ff;
}

/*********************/
/* Indikator prubehu */
/*********************/
.progressIndicator {
	position: absolute;
	z-index: 10000000;
	display: none;
	background-image: url('layout/progress-indicator-ajax.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 45px;
	height: 45px;
}

/**********************/
/* Generovani permice */
/**********************/

.stgen-body {
	color: #c3d5e1;
	background-color: transparent;
	background-image: none;
	margin: 0px;
	padding: 0px;
}

.stgen-progress {
	display: inline-block;
	font-size: 9px;
	color: #000000;
	width: 120px;
	height: 15px;
	line-height: 17px;
	border: 1px solid #000000;
	background-color: #ffffff;
	padding: 0px;
	margin: 0px;
	text-align: left;
}

.stgen-progress-value {
	position: relative;
	left: 0px;
	top: 0px;
	height: 15px;
	line-height: 15px;
	border-width: 0px;
	background-color: #FF66FF;
	padding: 0px;
	margin: 0px;
	white-space: nowrap;
}

.stgen-progress-num {
	color: #c3d5e1;
	font-size: 10px;
}

/*************/
/* Team grid */
/*************/

.teamgrid {
	font-size: 8pt;
	border-width: 0px;
	white-space: nowrap;
}

	.teamgrid .grid {
		border-collapse: collapse;
		border-width: 0px;
	}

		.teamgrid .grid td {
			padding-bottom: 3px;
		}

	.teamgrid .list {
		border-width: 0px;
		margin-top: 10px;
		padding: 5px 0px;
	}

	.teamgrid .pos {
		display: inline-block;
		text-align: center;
		color: #C3D5DD;
		border: 1px solid #A3B5BD;
		border-radius: 5px;
		background-color: #3C454D;
		margin: 0px;
		margin-right: 5px;
		padding: 3px 5px;
		width: 20px;
		overflow: hidden;
	}

	.teamgrid .reg {
		display: inline-block;
		text-align: left;
		text-overflow: ellipsis;
		color: #C3D5DD;
		border: 1px solid #A3B5BD;
		border-radius: 5px;
		background-color: #3C454D;
		margin: 0px;
		margin-right: 5px;
		padding: 3px 5px;
		width: 100px;
		overflow: hidden;
		cursor: move;
	}

	.teamgrid .reg-over {
		display: inline-block;
		text-align: left;
		text-overflow: ellipsis;
		color: #C3D5DD;
		border: 1px dashed #BCD605;
		border-radius: 5px;
		background-color: #3C454D;
		margin: 0px;
		margin-right: 5px;
		padding: 3px 5px;
		width: 100px;
		overflow: hidden;
		cursor: move;
	}

	.teamgrid .reg-drag {
		display: inline-block;
		text-align: left;
		text-overflow: ellipsis;
		color: #C3D5DD;
		border: 1px solid #A3B5BD;
		border-radius: 5px;
		background-color: #3C454D;
		margin: 0px;
		margin-right: 5px;
		padding: 3px 5px;
		min-width: 50px;
		width: 100px;
		overflow: hidden;
		opacity: 0.4;
	}

	.teamgrid .slot {
		display: inline-block;
		text-align: center;
		text-overflow: ellipsis;
		text-transform: uppercase;
		font-size: 7pt;
		color: #8597A2;
		border: 1px dashed #8597A2;
		border-radius: 5px;
		background-color: transparent;
		margin: 0px;
		margin-right: 5px;
		padding: 3px 5px;
		width: 100px;
		overflow: hidden;
	}

	.teamgrid .slot-over {
		display: inline-block;
		text-align: center;
		text-overflow: ellipsis;
		color: #BCD605;
		border: 1px dashed #BCD605;
		border-radius: 5px;
		background-color: transparent;
		margin: 0px;
		margin-right: 5px;
		padding: 3px 5px;
		width: 100px;
		overflow: hidden;
	}
