body {
	background-color:#ffffff;
	margin:0px;
    color: black;
}
body, .dxeBase /*, .dxeEditArea */
{
    font-size:10pt;
}
body, input, select, textarea, th, td, .new/*, .dxeBase, .dxeEditArea*/ {
	font-family: Tahoma, Verdana, "Geneva CE", lucida, sans-serif; 
}

.dxeBase input, .dxe input
{
	border: 0px;
}

a, a:hover, a:visited, .dxgvSelectedRow td a, .dxgvSelectedRow td a:visited, .defaultGrid .dxgvDataRow td a, .defaultGrid .dxgvDataRow td a:visited, a.dxeHyperlink, a.dxeHyperlink:visited, .dxgvSelectedRow td a:visited, .defaultGrid .dxgvDataRow td a:visited, a.dxeHyperlink:visited
{
	color:#336078;
	font-weight:bold;
	cursor:pointer;
}
a:hover,.defaultGrid, .dxgvSelectedRow td a:hover, .defaultGrid .dxgvDataRow td a:hover, a.dxeHyperlink:hover
{
	color:#000;
	font-weight:bold;
	cursor:pointer;
}
h1 
{
  font-size:22px;
    color:#00204E;
    padding-bottom:1px;
    padding-left:25px;
    border-bottom:1px solid #00204E; 
    padding-top:0px;
    font-weight:bold;
    text-transform:uppercase; 
}
h2 {
    font-size:18px;
    font-weight:normal;
    color:black;
}
h3 {
    font-size:10pt;
    color:black;
    font-weight:bold;    
}
td, th
{
	padding:0;
}
fieldset 
{
	border:1px #98b2c1 solid;
	padding:5px;
	-moz-border-radius: 10px;	
}
fieldset legend
{
	font-weight:bold;
}
a>img
{
	border:0px;
}
#ChromeHack
{
	font-size: 1px;
	height: 5px;
	margin: 0px;
	padding: 0px;
}
#Logo
{
	width:25%;
	float:left;
	text-align:left;
}
#Logo h1
{
	font-size:24px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	padding:0;
	margin:0;
	text-transform:none;
	border:none;
}
#UserInfo
{	
	font-size:12px;
	font-weight:bold;
	color:#d5e0e7;
}
#RightSpan
{
	color: Silver;
	font-size: 100%;
	text-align:right;
	width:25%;
	float:right;
}

#MainMenu
{
	font-size: 20pt;
}
#MainMenu a, #MainMenu a:visited
{
	padding:0.2em;
}
#MainMenu a:hover
{
	padding:0.2em;
}
#MainContent
{
	padding: 0em 0.5em 0em 0.5em;
	margin-top:-0.3em;
}
#HeaderPanel
{
	padding: 0.5em 0.5em 0em 0.5em;
	margin-bottom: -0.4em;
}
#WebConsoleEnvelope
{
	padding: 0em 0.5em 0em 0.5em;
}
.WebConsole
{
	margin: 0.5em 0em 0.5em 0em;
	width:99.8%;
	text-align:left;
}
#listPanel, #filterPanel
{
}
.menuItem
{
	margin:0;
}
.dxmSubMenuItem, .dxmSubMenuItemWithImage 
{
	text-align:left;
}
.mainMenu
{
	margin:0;
}
.fillCell
{
	margin:0;
	width:100%;
	background:none;
}
/* */
.nonVisible
{
	display:none;
}
.gridAsCombo
{

}
.fillCell
{

}
/* */
.gridAsCombo
{
	height:180px;
	overflow:auto;
	border:1px #000 solid;
	background:#fff;	
}
.gridAsCombo .dxgvControl
{
	width:100%;
}

td.dxgv img
{
	background-color: Transparent;
}

/* The style for pivot grid's total rows or columns should be defined manally (and applied via CustomCellStyle event handler)
   since currently used version of ASPxPivotGrid renders the dxpgGrandTotalCell class to any cell within the pivot grid */

td.pivotgridTotal
{
	background-color: #dadada;	/* something between common cell background (e2e2e2) and field label background (c9c9c9) */
}
td.pivotgridGrandTotal
{
	background-color: #c3c3c3;	/* a little bit lighter than grand total field label background (bdbdbd) */ 
}

.dxgvFooter
{
	background-color: #98b2c1 !important;
	white-space: nowrap !important;
}
.dxgvFooter td.dxgv
{
	padding: 5px 6px 6px 6px !important;
}
.dxgvSelectedRow td a, .dxgvSelectedRow td a:visited
{
	color:#fff !important;
	font-weight:bold !important;
}
.dxgvSelectedRow, .dxgvFocusedRow td, .dxgvSelectedRow td
{
	background-color: #4584a4 !important;
    color: #fff !important;
}
.dxgvHeader, .dxgvHeader td
{
	background: #5987a1 !important;
	color:#fff !important;
	font-weight:bold !important;
}
.dxgvDataRow, .dxgvDataRow td
{
	background:#fff !important;	
}
.dxgvDataRowAlt, .dxgvDataRowAlt td 
{
	background: #e1e9ed !important;
}
.dxmMenuItemWithImage, .dxmMenu
{
	margin:0 !important;
}
.HideBlock
{
	display:none;
}
.mainMenu a, .mainMenu a:visited
{
	font-size:12px !important;
	font-weight:bold !important;
	color:#000;
}
.infoBox
{
	border: 1px dashed green;
	background-color: #fffccc;
	color: Black;
	padding: 1em;
	width: 98%;
}

table.dxgvTable > caption,
table.dxpgMainTable > caption
{
	border: 1px dashed green;
	background-color: #fffccc;
	color: Black;
	padding: 6px;
	font-size: small;
}

.alertBox
{
	border: dotted 4px red;
	background-color: #fffccc;
	color: Black;
	padding: 1em;
	width:98%;
}

.alertBox h1, 
.alertBox h2,
.alertBox h3,
.alertBox h4,
.alertBox h5
{
	color: Red;
}
input, textarea, select 
{
	border: 1px solid #5987A1; 
	color: #333333; 
}
/* since RadioButton text is rendered as label, we need to override default label formatting */
label.radio, .radio label
{
	font-weight:normal !important;
}
.smallMemo .dxeMemoEditArea
{
	font-size:8pt;
	vertical-align: top;
}
.controlError
{
	border: 1px red solid !important;
	color:Red;
}
.dxeErrorCell table td img
{
	display:none;	
}
.dxeErrorCell table td
{
	color:Red;
	font-weight:bold;
}
.metadataButtonContainer
{
	float:right;
	cursor:pointer;
}
.detailFormHeader
{
	font-weight:bold;
}
.center
{
	margin: 0 auto;
	width:800px;	
}

/* --- searchForm and detailForm ---*/
/* use for layout of tables used for classic forms */
.searchForm label, .detailForm label, table.searchForm th, table.detailForm th
{
	font-weight:bold;
}
table.searchForm td, table.detailForm td, table.searchForm th, table.detailForm th
{
	text-align:left;
	padding: 2px;
}
td.embed, table.searchForm td.embed, table.detailForm td.embed
{
	vertical-align:top;
	padding: 0px;
}
table.searchForm td td, table.detailForm td td
{
	padding: 0px;
}
/* used as separator among form columns, optional info icon can be placed here */
td.separator
{
	width:25px;
}
/* --- searchForm and detailForm - END ---*/

span.rightAlign
{
	text-align:right !important;	
}

/* tabPages */
.tabPage
{
	background:#98b1c1;white-space: nowrap;
	padding: 5px 10px 0 10px;
	height:20px;
	font-family:Tahoma, Verdana;
	font-size:12px;
	font-weight:bold;
}
.activePage
{
	background:#e1e9ee;
}
.tabPageContent table, .tabPageContent 
{
	margin:0% auto;
	background:#e1e9ee;
}
.dxtcLite > div.tabPageContent
{
	background:#e1e9ee;
}
.tabPageContent table table
{
	margin:0;
}
.tabPageContent
{
	background:#e1e9ee;
	padding:20px;
	margin:0% auto;
	text-align:center !important;
}
.tabPageTitle td
{
	border-top:1px #fff solid;	
}
.tabPageTitle td div span { font-weight: bold; }
/* tabPages - end */

/* Info icon */
.infoButtonContainer
{
	width:20px;
}
.infoButtonBtn, .infoButtonBtn:hover
{
	background-image: url('/images/icons/tooltip.gif');
	width:19px;
	height:19px;
	display:block;
	cursor:pointer;
}
.infoButtonBtn:hover
{
	background-image: url('/images/icons/tooltip_ovr.gif');
}
/* Info icon - end */
/* PopUp */
.popUpHeader
{
	background: #98b2c1 !important;
}
.metadataHeader table td table td, .metadataContent table td
{
	font-size:11px;	
	color:#000;
}
.popUpHeader table td, .roundPanelHeader table td, .metadataHeader table td, .roundPanelHeader > div, .dxrpControl td.roundPanelHeader
{
	font-family: Tahoma, Verdana;
	font-size:16px;
	color:#fff;
	font-weight:bolder;
}
.popUpFooter
{
	background: #e1e9ee;
	border-top: 1px #98b2c1 solid;
}
.popUpContent, .roundPanelContent
{
	background:#D5E0E7;
}
/* PopUp - end */
/* RoundPanel */
.roundPanel
{
	margin-bottom:10px;
}

/* RoundPanel - end */
.operationsPanelContainer, .filterFormBaseButonsPanelContainer
{
	position:relative;
	top:-14px;	
	border-top:1px #98b2c1 solid;
}
.filterFormBaseButonsPanelContainer
{
	top:-15px;	
}
.filterFormOperaitionsRow
{
	height:40px;
	margin:0;
	margin-bottom:10px;
	padding-top:15px;
	background:#e1e9ee;
	border-bottom:1px #98b2c1 solid;
}

.filterFormBaseButonsPanelContainer td
{
	background-color: #e1e9ee;
}

.filterFormListPanel img
{
	background-color: #d5e0e8;
}

.buttonsRow TD
{
	padding-left:4px;
	padding-right:4px;
}
.buttonsRow TD TD
{
	padding-left:0px;
	padding-right:0px;
}
/* DateIntervalPicker */
.dateLess span, .dateMore span
{
	visibility:hidden;	
}
.dateLess, .dateLess:hover, .dateMore, .dateMore:hover
{
	display:block;
    padding: 0 5px 0 5px;
	width:20px;
	height:11px;
	background: url('/images/templates/arr2_left.gif');
	background-repeat:no-repeat;
	background-position: center;
	text-decoration:none;
}
.dateMore
{
	background: url('/images/templates/arr2_right.gif');
	background-repeat:no-repeat;
	background-position: center;	
}
.dateMore:hover
{
	background: url('/images/templates/arr2_right_ovr.gif');
	background-repeat:no-repeat;
	background-position: center;	
}
.dateLess:hover
{
	background: url('/images/templates/arr2_left_ovr.gif');
	background-repeat:no-repeat;
	background-position: center;
}
.dateLink
{
	font-size: 12px;
}

#datePickerTable td
{
	vertical-align:top;
}
#datePickerTable td td
{
	vertical-align: middle;
}

#dateFromToTable td
{
	padding: 2px;
}
#dateFromToTable td td
{
	padding: 0px;
}
table.dateIntervalArrows td td
{
	width:40px;
	text-align:center;
}
/* DateIntervalPicker end */

/* drop down */
/* JKA 10187 - zruseni stylovani - tlacitko DropDownu - ukazovalo se uzke
.dxeButtonEditButton
{
	background: #5987A1 !important;
	background-image: url('/images/templates/lbox.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;				
}
.dxeButtonEditButtonHover
{
	background:#67B0C4 !important;
	background-image: url('/images/templates/lbox_ovr.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;	
}
.dxeButtonEditButton[disabled]
{
	background:#888B8D !important;
	background-image: url('/images/templates/lbox_dis.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;		
}
.dxeButtonEditButton img
{
	display:none;
}
*/
/* drop down - end */
/* spinedit */
/* JKA 10187 - zruseni stylovani - tlacitko IncreaseDecrease - prekryvali se osklive
.dxeSpinIncButton
{
	background: #5987A1 !important;
	background-image: url('/images/templates/lbox_up.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;				
}
.dxeSpinIncButtonHover
{
	background:#67B0C4 !important;
	background-image: url('/images/templates/lbox_up_ovr.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;	
}
.dxeSpinIncButton[disabled]
{
	background:#888B8D !important;
	background-image: url('/images/templates/lbox_up_dis.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;		
}
.dxeSpinDecButton
{
	background: #5987A1 !important;
	background-image: url('/images/templates/lbox.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;				
}
.dxeSpinDecButtonHover
{
	background:#67B0C4 !important;
	background-image: url('/images/templates/lbox_ovr.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;	
}
.dxeSpinDecButton[disabled]
{
	background:#888B8D !important;
	background-image: url('/images/templates/lbox_dis.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;		
}
.dxeSpinIncButton img
{
	display:none;
}
*/
/* spinedit - end */
/* button */
.dxbButton, .dxeCalendarButton
{
	border:1px #4584a4 solid !important;	
}
.dxeCalendarButton
{
	background:#4584a4 !important;
	background-image: url('/images/templates/lbox.gif') !important;
	background-repeat:no-repeat !important;
	background-position: center !important;	
	color:#eee !important;
	font-weight:bold !important;
	padding:0 !important;
}

.dxeCalendarFastNavMonth
{
	text-align:center !important;
	margin: 2px !important;
	padding: 2px !important;
}

.dxeCalendarFastNavYear
{
	text-align:center !important;
	margin: 5px !important;
	padding: 5px !important;
}

td.dxbButton
{
	padding:1px !important;
}
.dxbButton .dxb, .dxeCalendarButton .dxbebt, .dxeCalendarButton .dxbebt td.dx
{
	border:1px #eee solid !important;
	background:#4584a4 !important;
	color:#eee !important;
	font-weight:bold !important;
}
.dxeCalendarButton .dxbebt td.dx{
	padding:3px 5px 3px 5px !important;
	border:2px #eee solid !important;
}
.dxeCalendarButton .dxbebt
{
	border:none !important;
}
.dxbButton:hover
{
	border: 1px #000 solid !important;	
}
.dxbDisabled .dxb, .dxbDisabled td.dxb
{	
	border:1px grey solid !important;
	background: grey !important;
}

td.dxbDisabled div.dxb
{
	background-color: Gray !important;
}
/* button - end */


.dxeButtonEdit, .dxeTextBox, .dxeMemo, .dxeEditArea 
{
	border: 1px solid #5987A1; 
}
.dxeTextBox[disabled],.dxeButtonEdit[disabled],.dxeTextBox .dxic[disabled]
{
	border: 1px #888B8D solid !important;
}
.toolTip
{
	width:100px;
	background:#f2f2f2;
	border: 1px #5987A1 solid;
	padding:5px;
	visibility:hidden;
	position:absolute;
	font-size:smaller;
	z-index:100;
}
.warningRow td
{
	background:#cf9a90 !important;
}
.inactiveRow td
{
	font-style:italic !important;
	color:gray !important;
}
.wrongCell
{
	color:Red !important;
}
.warningCell
{
	background-color: #fffccc;
	padding: 2px;
}
/* backgroundy pro jednotlive filter formy */
div.timesheetsBackground
{
	background-image: url('/images/backgrounds/Timesheets.jpg');
	background-position: left top;
	background-repeat: no-repeat;	
}
div.invoicesBackground
{
	background-image: url('/images/backgrounds/Invoices.jpg');
	background-position: left top;
	background-repeat: no-repeat;	
}
div.marketingBackground
{
	background-image: url('/images/backgrounds/Marketing.jpg');
	background-position: left top;
	background-repeat: no-repeat;	
}
div.reportsBackground
{
	background-image: url('/images/backgrounds/Reports.jpg');
	background-position: left top;
	background-repeat: no-repeat;	
}
div.adminBackground
{
	background-image: url('/images/backgrounds/Admin.jpg');
	background-position: left top;
	background-repeat: no-repeat;	
}
/* backgrounds - end */
.saveSummary
{
	margin-bottom:5px;	
}
.gridImageLink img
{
	border: none;
}
.gridImageLink
{
	text-align:center;
}
/* calendar */
.dxeCalendar
{ 
	width: 250px;
	height: 200px;
    border: solid 1px #98b2c1;
    background-color: #fff;
    color: #000;
    font-weight: normal;
    cursor: default;
}

.dxeCalendarDayHeader
{
	text-align: center !important;
	border-bottom: solid 1px #98b2c1;
}

.dxeCalendarDay
{
	text-align: center !important;
	padding: 1px !important;
}

.dxeCalendarHeader
{
    background-color: #98b2c1;
    border: solid 1px #98b2c1;
}
.dxeCalendarFooter 
{
    background-color: #98b2c1;
    border-top: solid 1px #98b2c1;
}

.disabledTab td 
{
	color: Gray;
}

/* calendar - end */
/* reports */
#reportArea
{
	background-color: White;
	border: Dotted 1px black;
}
.reportViewer
{
	text-align: left;
}

.reportViewerToolbar img
{
	background-color: #f0f0f0;
}

.noReportPanel
{	
	padding:1em;
}
/* reports end */

/* login */
table.login
{
	margin-top:150px;
	width:100%;
}
.login td table
{
	background-color: #d5e0e7;
}
table.login td td
{
	padding: 5px;
	vertical-align: middle;
}
.login input
{
	padding: 3px;
	margin: 0px;
}
.login .title 
{
	background: #98b2c1;	
	color:#fff;
	font-weight:bold;	
	padding-top: 5px;
	padding-bottom: 5px;
}
/* login end */
.dxeLoadingPanel
{
	text-align:center !important;
}
.dxeLoadingDiv
{
	text-align:center !important;
}
.dxeLoadingPanel td.dx
{
	text-align: center !important;
}
/* IE Speciality */
/* IE Speciality - End */

.dxmSubMenu a, .dxmSubMenu a:visited
{
	color: Black;
}

div.linkbar
{
	margin-bottom: 10px;
}

div.linkbutton
{
	background-color: White; 
	border: solid 1px #4584a4;	
}

div.linkbutton:hover
{
	border-color: Black;	
}

div.linkbutton a
{
	font-size: 9pt;
	color: #EEEEEE;
	background-position: top right;
	background-repeat: no-repeat;
	background-image: url(../Images/Icons/arrow.gif);
	display: block;
	margin: 1px;
	padding-top: 3px;
	padding-bottom: 4px;
	padding-left: 5px;
	padding-right: 10px;
	background-color: #4584a4;
	border: solid 1px #eeeeee;
	text-decoration: none;	
}

div.linkbutton a:hover
{
	background-image: url(../Images/Icons/arrow.gif);
	color: Black;
}

.dxgvTable input
{
	border: 0px;
}

.floatLeft
{
	float:left;
}

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

.arrows img
{
	border: 0px;
}

.clear
{
	clear:both;
}

/* Fix DevExpres renderinf dx:Label: <label> -> <span> */
table > tbody > tr > th .dxeBase { font-weight: bold; }

.dxgvTable { font-weight: normal; }