﻿

body,td,a,div ,input, select,textarea, h1, h2, h3
{
 font-family: Segoe UI, Arial, Sans-Serif;
 color: #4f4f4f;
}
body,td,a,div ,input, select,textarea
{
    font-size: 9pt;        
}

body
{
    background-color: #ECECEC;
    margin: 0px;
}

h2
{
	margin: 6px 0px 6px 0px;
	padding: 0px;
    font-size: 27pt;
    /*line-height: 38px;*/
    font-weight: normal;
}

h3
{
	margin: 6px 0px 6px 0px;
	padding: 0px;
    font-size: 19pt;
    line-height: 26px;
    font-weight: normal;
}

h4
{
    margin: 6px 0px 6px 0px;
    padding: 0px;
    font-size: 14pt;
    font-weight: normal;    
}

h5
{
    margin: 6px 0px 6px 0px;
    padding: 0px;
    font-size: 11pt;
    font-weight: normal;    
}

input, select, textarea {
    width: 250px;
}

input, textarea
{
 border: 1px solid #999999;   
 background-color: White;
 padding: 3px 4px 3px 4px;
 margin: 0px 6px 0px 0px;
 /*vertical-align: middle;*/
}

select
{
 border: 1px solid #999999;   
 background-color: White;
 padding: 0px 0px 0px 0px;
 margin: 0px 6px 0px 0px;
 height: 23px;
 
 
}
#spanButton input
{
	margin-right: 0px;
}

.radiobutton input, .csTreeView input, .checklistbox input, .radioBox input
{
    position: relative;
    top: 1px;
    width: auto;
}

.checklistbox input
{
    position: relative;
    top: 2px;
    margin-bottom: 12px;
}

input.button
{
    border: 1px solid black;
    padding: 0px 12px 2px 12px;
    cursor: pointer;   
    font-size: 12pt;    
    margin-top: 12px;
    width: auto;
    /*height: 37px;*/
}
input.button:hover
{
    background-color: #FEE6B2;
}

table tr td
{
   padding: 4px;   
}
.ajax__calendar tr td
{
	padding: 0px;
}
table.tableFormat tr td
{
   padding: 0px;   
}

a
{
 color :#BA7D02; 
 text-decoration:none;     
}
a:hover
{
     text-decoration:underline;
}

p
{
	margin: 0px;
	padding: 0px;
}

hr
{
    border: none;   
    height: 1px;
    background-color: black;
    overflow: hidden;
}

.mainDiv
{
    background-color: Red;
    width: 960px;
    padding: 0px;
    align: center;
    margin: auto;
    
    
}
.mainDivContent
{
    background-color: White;
    width: 912px;
    min-height: 200px;
    padding: 0px 24px 0px 24px;
    float: left;
}

.zahlavi
{
    height: 60px;    
    margin-bottom: 12px;
}

h1.logo
{
    margin: 0px 24px 0px 0px;
    padding: 0px;
    float: left;
}

.menu_background
{
    background-color: Black;
    width: 697px;
    float: left;
    color: White;
}
.menu_background_text
{
    padding: 4px 24px 0px 0px;
    height: 20px;
    float: left;
    width: 673px;
    text-align: right;
    color: White;
    font-size: 8pt;
}

.menu_background_text a
{
    color: White;
    text-decoration: none;
    font-size: 8pt;
}

.menu_background_text a:hover
{
    text-decoration: underline;
}

.logoutAnchor
{
    background-image: url('img/icoLogout.png');
    background-repeat: no-repeat;
    padding-left: 18px;
    height: 14px;
    display: block;
    float: right;    
}
.menu
{
    background-color: #F0AC25;
    width: 673px;
    height: 36px;
    float: left;
    padding-right: 24px;
}


.menu a
{
	color: #4f4f4f;
    display: block;
    float: right;
    padding: 9px 12px 0px 12px;
    /*color: Black;*/
    text-decoration: none;
    height: 27px;   
    font-size: 10pt; 
}
.menu a.selected
{
    background-color: White;
}

.menu a:hover
{
    background-color: #FEE6B2;
    text-decoration: none;
}

.statmenu
{
	background-color: #E6E6E6;
	padding: 0px 24px 0px 24px;
	float: left;
	width: 864px;
}
.statmenu a
{
	color: #4f4f4f;
	float: left;	
	display: block;
	padding: 6px 12px 6px 12px;	
	text-decoration: none;
	font-size: 10pt;
}
.statmenu a:hover, .statmenu a.statMenuActive:hover
{
	background-color: #FEE6B2;
}
.statmenu a.statMenuActive
{
	background-color: #F1F1F1;
}

.fullWidth
{
	width: 912px;
	float: left;
}

.leftColumn
{
    width: 640px;
    float: left;   
}

.leftColumn50
{
    width: 450px;
    float: left;   
}

.rightColumn
{
    width: 260px;
    margin-left: 12px;
    float: left;
}

.rightColumn50
{
    width: 450px;
    margin-left: 12px;
    float: left;
}

.box
{
	padding: 12px 24px 12px 24px;
	margin-bottom: 12px;
	float: left;
}

.box h2
{
    margin: 0px 0px 0px 0px;
}

.box h3
{
    margin: 0px 0px 6px 0px;
}
.borderbox
{
    border: 1px solid #E7E7E7;    
}

.hp_topbox
{
        
}

.hp_topbox_carousel
{
    position: relative; /*leave this value alone*/
border: none;
overflow: scroll; /*leave this value alone*/
float: none;
    width: 590px;
    height: 206px;   
}

.hp_topbox_belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}
.hp_topbox_panel
{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 590px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.hp_topbox_paginate
{
  position: absolute;
  margin-top: 181px;   
}

.hp_topbox_text
{
    width: 290px;
    float: left;   
    margin-top: 24px;
}
.hp_topbox_img
{
    float: left;
    margin-left: 30px;   
}

.login_box
{
    height: 180px;
    background-color: #F0AC25;
    width: 288px;
    margin-right: 12px;
    background-image: url('img/login_bg.png');
    background-repeat: no-repeat;
    background-position: 100% 0px;
}

.login_box h2
{
    margin-bottom: 0px;
}

.login_box input
{
    border: 1px solid #F0AC25;
}


.login_box input.button
{
    color: #F0AC25;
    margin-top: 0px;
    background-color: White;
}
.login_box input.button:hover
{
  background-color: #FEE6B2;
}

.login_box a
{
    color: White;
    text-decoration: none;
    display: block;
    float: left;
    margin-right: 11px;
}
.login_box a:hover
{
    text-decoration: underline;
}

.demo_box
{
	background-color: #B3B3B3;	 
	height:	72px;
	width: 244px;
}

.demo_box a
{
    font-size: 19pt;
    line-height: 26px;
    color: #808080;	 
    background-color: White;
    display: block;
    float:left;
    padding: 2px 24px 8px 24px;
    margin-top: 4px;
    text-decoration: none;
}

.demo_box a:hover
{
    background-color: #FEE6B2;
}

.bezpecnost_box
{	
	background-color: #E6E6E6;
	width: 244px;
	height: 72px;
}

.bezpecnost_box a
{
    width: 147px;
    text-align: center;
    font-size: 19pt;
    line-height: 26px;
    color: #808080;	 
    background-color: White;
    display: block;
    float:left;
    padding: 2px 24px 8px 24px;
    margin-top: 4px;
    text-decoration: none;
}

.grey_box
{
	background-color: #E6E6E6;
}

.bezpecnost_box a:hover
{
    background-color: #FEE6B2;
}

.keywords_box
{
	width: 590px;
	background-color: #FEE6B2;
	color: #4D4D4D;
}
.keywords_box a
{
    text-decoration: none;
    color: #4D4D4D;
}
.keywords_box a.s1
{
    font-size: 19pt;   
}

.keywords_box a.s2
{
    font-size: 14pt;   
}
.keywords_box a.s3
{
    font-size: 10pt;   
}

.vlastnosti_box
{
	width: 286px;    
    margin-right: 12px;
    height: 451px;
}
.importdat_box
{
	background-color: #E6E6E6;
	width: 242px;
	height: 451px;
}


.nabizime_box
{
	/*width: 258px;	*/
	float: left;
	padding-bottom:0px;
	margin-bottom: 12px;
}


.nabizime_box_header
{
	background-color: #F0AC25;
	width: 210px;
	margin-bottom: 1px;
}

.moving_box
{
	float: left;
	width: 258px;
	margin-bottom: 1px;
}
.moving_box_content 
{
	padding: 12px 24px 12px 24px;
	margin: 0px;
}

.moving_box_content_hp
{
	
	padding-left: 12px;
	padding-right: 12px;
}
.moving_box_content_hp_content
{
	background-repeat: no-repeat;
	padding-left: 67px;	
	
}
.movingPanelHeader
{
	background-color: #F0AC25;
	padding: 6px 16px 5px 0px;
	cursor: pointer;
	color: #4D4D4D;
}
.movingPanelHeader:hover
{
    background-color: #FEE6B2;
}
.movingPanelHeader img
{
    vertical-align: bottom;
    margin-right: 6px;
}
.nabizime_box_footer
{
	background-color: #F0AC25;	
	width: 258px;
	height: 36px;
	padding: 0px;
	margin-bottom: 0px;
}


.novinky_box
{
	width: 210px;
}

.aktuality .aktualita .date
{
	font-weight: bold;
}

.whitetext
{
	color: White;
}

.greytext
{
	color: #808080;	 
}

.lightgreytext
{
	color: #B3B3B3;	 
}

.list
{
    margin: 12px 0px 12px 0px;
}

.zapati
{
 float: left;
 width: 100%;
 text-align: right;   
 padding: 24px 0px 24px 0px;
 color: Black;
}
.zapati a
{
    text-decoration: none;
    color: Black;
}
.zapati a:hover
{
    text-decoration: underline;
}

.div_helpcontrol {display: inline;}

.napsali_o_nas_box
{
    width: 864px;
}

.help 
{
	margin:12px;
}
input.defineTransactionButton
{
    border: none;
    background-color: #F0AC25;
    color: White;
    padding: 0px 12px 0px 36px;
    margin-bottom: 6px;
    cursor: pointer;   
    font-size: 14pt;
    background-image: url('img/expand.png');
    background-repeat: no-repeat;
    background-position: 0px 6px;
}


.modalwindow_inner
{
	font-size: 12px;
	border: solid 5px #CCCCCC;
	background-color: #ffffff;
	padding: 10px;
	text-align:left;
}
.modalwindow
{
	border: 1px solid #999999;
	
}
.modalwindow_scrollbox
{
	height: 200px;
	overflow: auto;
}

#flyout,#flyout2 {display: none; overflow: hidden; z-index: 2;}
#info { display: none; width: 540px; z-index: 2; /*opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);*/}
#info2 {display: none; width: 700px; z-index: 2;}

.icoClose
{
    float: right;
    cursor: pointer;
}


table.wingrid 
{
	border-bottom: #c3c3c3 1px solid;
	width: 100%;
	
}

table.wingrid td
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 7px;
	padding-top:7px;
	margin: 0px;
	color: windowtext;
	
	background-color: window;
}
table.wingrid tr.locked td a
{
	color: Black;
}
table.wingrid td a img
{
	vertical-align: middle;
}

table.wingrid tr.locked td
{		
	background-color:#F0AC25;
	height: 28px;	
	border: 0px;
	padding-bottom: 0px;
	padding-top:0px;
	
}
table.wingrid tr.alter 
{
	background-color: #f1f1f1;
}
table.wingrid tr.alter td
{
	background-color: #f1f1f1;
}

/*table.wingrid tr.year
{
	background-color: #cccccc;
}
table.wingrid tr.year td
{
	background-color: #cccccc;
	font-weight:bold;
}*/

.cell_entry, table.wingrid td.cell_entry
{
    color: Green;
}

.cell_cost, table.wingrid td.cell_cost
{
    color: Red;
}

.icobutton
{
	margin-right: 12px;
	padding-left: 36px;
	height: 22px;
	display: block;
	float: left;
	margin-bottom: 2px;
	padding-top: 7px;	
	background-repeat: no-repeat;
	background-position: 0px 4px;
	line-height: 17px;
}



.wingrid td .icobutton
{
	margin-right: 0px;
}

.hlCost
{
	background-image: url(img/icoMinus.png);	
}
.hlEntry
{
	background-image: url(img/icoPlus.png);		
}

.hlCostSummary
{
	background-image: url(img/icoMinus16.png);
	background-position: 0px 6px;
}
.hlEntrySummary
{
	background-image: url(img/icoPlus16.png);	
	background-position: 0px 6px;
}
.icograf
{
	position: relative;
	top: -2px;
}

.hlBalance
{
	background-image: url(img/icoBalance.png);	
}

.hlInnerTransaction
{
	background-image: url(img/icoInnerTransaction.png);	
}

.hlDataImport
{
	background-image: url(img/icoDataImport.png);	
}

.hlNew
{
	background-image: url(img/icoNew25.png);	
}

.hlBasket
{
	background-image: url(img/icoMultipleOperations25.png);	
}
.hlDefineTransaction
{
	background-image: url(img/icoTransactionTemplate25.png);	
}

.rightArrow
{
    padding-left: 5px;
}

.heading
{
   
    background-color: #E6E6E6;
    padding: 6px 16px 5px 0px;
	cursor: pointer;
	
}
.heading img
{
   margin-right: 12px; 
   vertical-align: bottom;
}

.prehled_stat_box
{
  width: 246px;   
  background-color: #F1F1F1;
  margin-right: 12px;
  padding-bottom: 24px;
  background-repeat: no-repeat; 
  background-position:24px 52px;
}
.prehled_stat_box p
{
	margin-left: 70px;	
}

.icobox
{
    width: 100%;
    margin-top: 12px;    
}

.icoboxMargin
{
	float: left;
	margin-bottom: 12px;	
}

.filtrDescription
{
    float: left;
    width: 100%;
    margin-bottom: 6px;
}

.clearFiltr
{
    float: right;
    margin-top: 12px;
    margin-right: 12px;
    margin-bottom: 12px;   
}

.Drop120, .dropTimeStep120
{
    margin: 12px 0px 12px 0px;
    width: 120px;
}

.tb100
{
    margin-bottom: 12px;
    width: 100px;
}

.icoSmall
{
	padding-left: 24px;	
	margin-bottom: 2px;
	background-image: url(img/smallIco.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	background-image: url(img/smallIco.gif);	
}

.icobuttontools
{
	padding-left: 36px;
	height: 22px;
	display: block;
	float: left;
	padding-top: 7px;	
	background-repeat: no-repeat;
	background-position: 0px 4px;
}

.div_basketAnchor 
{
    /*margin-left: 16px;*/
    text-align:right;
    margin-top:12px;
    float: left;
    width:100%;
}
.div_basketAnchor a
{	
	background-image: url(img/icoBasket.gif);
	background-repeat: no-repeat;
	background-position: 0px 1px;
	padding-left: 24px;	
	margin-bottom: 2px;
}

.cs1
{
	padding-right: 5px;
}
#cs input
{
	width: 12px;
	/*position: relative;
	top: 2px;
	>top: 1px;*/
	margin-right: 2px;
	
}
.cs_selected
{
	color: black;
	background-color: #ffffff;
}
#cs
{

    border: 1px solid black;
    background-color: white;
}

.helpico
{
	background-image: url(img/icoHelp.png);
	background-repeat: no-repeat;
	position: absolute;
	top :84px;
	margin-left:887px;
	width: 25px;
	height: 25px;
	display: block;
}

.floatright
{
	float: right;
}

.radiobutton label
{
	margin-right: 12px;
}

.eDate63 {
    width: 63px;
}

table.importDataTable tr td
{
	padding: 3px 0px 14px 0px;
}

.error
{
	color: Red;
}

.accordion
{ 
	
	background-color: #f1f1f1;
	
	padding: 0px;
 }

.accordionHeader
{
	background-color: #efa71a;
	color: White;
	cursor: pointer;
	background-position: 3px center;
	background-image: url(img/expand.png);
	background-repeat: no-repeat;
	padding-right: 3px;
	padding-left: 50px;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-bottom:1px;
}
.accordionHeaderSelected
{
	background-color: #efa71a;
	color: White;
	cursor: pointer;
	background-position: 3px center;
	background-image: url(img/collapse.png);
	background-repeat: no-repeat;
	padding-right: 3px;
	padding-left: 50px;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-bottom:0px;
}
.accordionContent
{
	padding:12px;
}
.defineTransactionTemplate
{
	display: inline;
}

.baloonhelp
{
    background-color: white;       
    border: 1px solid black;
    padding: 12px;
    margin-bottom: 1px;
}

.statCategoriesAmount {height:10px;margin-top:1px;}
 .statCategoriesAmount_red { background-color: red;}
 .statCategoriesAmount_green { background-color: green;}
 
 .divLoad {position: absolute; visibility: hidden; background-color: White;
            z-index: 200; left: 50%; width: 300px; margin-left: -150px; top: 200px; border: 1px solid black;
            padding: 5px;}
            
input.nomargintop
{
	margin-top: 0px;
}            

.categorySelectTextBox
{
	margin-right: 0px;
}

table.wingrid tr.year
{
	background-color: #cccccc;
}
table.wingrid tr.year td
{
	background-color: #cccccc;
	font-weight:bold;
}

.csTreeView table tr td, .categorySelectTreeView  table tr td
{
	padding: 0px 12px 0px 0px;
}


.switchcategory input
{
	height: 23px;
}
.switchcategory input {
        -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, other Gecko */
        box-sizing: border-box;         /* Opera/IE 8+ */
}

.hpImport
{
	font-weight: bold;
}
 input.buttonBlack, .login_box input.buttonBlack
{
	color: Black;
	border-color: Black;
}
