@import "functions.css"; 
@import "tree.css"; 
@import "datePicker.css";
@import "settings.css";

/* 	Obecne nastavení elementu, jejich vychozi hodnoty */
* {     
	font-family: verdana; 
	font-size: 10px;
	color:#145470;
}
body { 
    background-color: #FFFFFF;
	padding: 2px; /* OPERA */
	margin: 2px; /* IE */
}
table { 
	border-collapse: collapse;
}
td { 
	vertical-align: top;
}
a {
	color: #00007E;
    text-decoration: none;
    font-weight: bold;
}
a:hover {
    color: #AEAECC;
    text-decoration: underline;
}
img {
	border: 0px; margin: 0px;
}
form  { margin: 0px;
}
input, select, textarea { 
	background-color: #EEEEEE;
}

/* hlavicka, ktera je na vsech strankach zakladniho okna */
#header {
	width:100%;
	height: 81px;
	position:relative;
	top:0px;
	background-image: url(../images/decorators/headerBg.png);
	background-repeat: repeat-x;
}
.headerLeft  {
	width: 240px;
	height: 81px;
	position: absolute;
	left: 0px;
	top: 0px;
	background-image: url(../images/decorators/headerLeft.png);
	background-repeat: no-repeat;
}
.headerRight {
	width: 23px;
	height: 81px;
	position: absolute;
	right: 0px;
	top: 0px;
	background-image: url(../images/decorators/headerRight.png);
	background-repeat: no-repeat;
	background-position:  right;
}
.headerLogo {
	position: absolute;
	left: 40px;
	top: 18px;
}
.headerName {
	width:300px;
	position: absolute;
	right: 250px;
	top: 46px;
	font-family: Arial, Helvetica;
	font-size:18px;
	font-weight: bold;
	color: #C5D9E1;
	text-align:right;
}
/* hlavicka - jmeno prihlaseneho uzivatele a obecna ovladaci tlacitka */
#userSpace {
	width:250px;
	position: absolute;
	right: 0px;
	top: 46px;
	z-index:1;
	font-size:11px;
	font-weight: bold;
	color: #84bdd5;
	text-align: right;
	padding-right:20px;
}
#userSpace img{
	vertical-align: middle;
}

/* zaznam historie cesty tam strankami s moznosti se dostat rychle zpatky */
#navigation  {  
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
#navigationLeft  {  
}
#navigationRight  {  
}
/* finta - neco jako placeholder (?)*/
#navigation span { 
	float:right;
	width:0px;
}

.navigationArea  {
	padding-top: 8px;
	padding-left: 10px;
	padding-bottom: 8px;
	padding-right: 10px;
	background-color: #FFFFFF;
}
.navigationText, .navigationText a  {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	font-size:11px;
	font-weight: bold;
	color: #f58735;
	text-align:left;
}
.navigationText a { 
	color: #848484;
}
.navigationText a:hover{ 
	color: #464646;
}

/* all function buttons'll be placed here (new,save,edit ...), also search field*/
#menu { 
	padding-top: 0px;
	padding-left: 5px;
	padding-bottom: 0px;
	padding-right: 15px;
	background-image: url(../images/decorators/menuTopBg.jpg);
	background-repeat: repeat;
}
#menu img   {
    margin: 0px 0px 0px 0px;
	vertical-align:top;
}
#menu form {
	color: #FFFFFF;
	float: right;
	padding-top: 12px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
}
#menu form *{
	vertical-align: middle;
}
#menu span {
	white-space: nowrap;
}
#menu form button  {
	border:0px;
	width: 55px;
	height:18px;
	background-image: url(../images/decorators/menuTopSearchBg.jpg);
	background-repeat: no-repeat;
	cursor: pointer;
	vertical-align:middle;	
	color:#DFE6EC;
	text-align:center;
	font-weight : bold;
	padding-bottom : 2px;
}

/* hlavni blok, ktery drzi tabulku, business funkce*/
#main {
	position:relative;
	top:0px;
	left:0px;
	background-color: #d2e1e7;
	padding-top: 5px;
	border-bottom: 1px solid #000000;
}

/* zalozky nad tabulkou */
#tabs { 
	white-space: nowrap;
	position: absolute;
	overflow: hidden;
}
#tabs img {	
	margin: 0px;
	position: relative;
	vertical-align: bottom;
	width:13px;
	height:21px;
}
#tabsSpacer	{
	height: 21px;
}
#tabs img .tabsSeparator {
	width:20px;
}
#tabs * {
  	padding: 0px;
  	height: 21px;
	font-size: 11px;
	font-weight: bold;
	border:  0px;
	background-repeat: repeat-x;
}
#tabs .tables button  {
  background-image: url(../images/decorators/tabs/tablesBg.gif);
	color: #B9D2DC;
}
#tabs * button.passive {
  cursor: pointer;
}
#tabs .tables button.active , #tabs .tables button.active-d {
	background-image: url(../images/decorators/tabs/tablesBgBright.gif);
	background-repeat: repeat-x;
	color: #EDF8FC;
}
#tabs .tables button.active-d , #tabs .tables button.passive-d{
  color: #B5B5B5;
}
#tabs .forms button  {
	background-image: url(../images/decorators/tabs/formsBg.gif);
	color: #886811;
}
#tabs .forms button.active , #tabs .forms button.active-d {
	background-image: url(../images/decorators/tabs/formsBgBright.gif);
	color: #644800;;
}
#tabs .forms button.active-d , #tabs .forms button.passive-d{
	color: #B5B5B5;
}
#tabs .previews button  {
	background-image: url(../images/decorators/tabs/previewsBg.gif);
	color: #F3B27C;
}
#tabs .previews button.active , #tabs .previews button.active-d {
	background-image: url(../images/decorators/tabs/previewsBgBright.gif);
	color: #FFFFE7;
}
#tabs .previews button.active-d , #tabs .previews button.passive-d{
	color: #B5B5B5;
}

/* tabulka nebo formular */
#desktop    {
	border: 1px solid #4B4391;
    overflow: auto;
}
#desktop tr:hover * {
}

/* cara pod tabs */
#desktop.tables{
	border-top: 4px solid #5397B7;
}		
#desktop.forms, #main *.forms{
	border-top: 4px solid #D89E00;
}		
#desktop.previews, #main *.previews{
	border-top: 4px solid #E6883C;
}		

/* informace pod tabulkou a formularem (trideni, filtr)*/
#mainFooter {
	text-align: right;
	vertical-align: top;
}
#mainFooter span{
    margin-left: 2px;
}

/* pruh nad patickou */
#info {
    border-top: 0px solid;
    padding: 2px 2px 0px 2px;
}

/* paticka vsech stranek hlavniho okna */
#footer {
    height: 26px;
	border-top: 0px solid;
    background-image: url(../images/decorators/footerBg.gif);
	background-repeat: repeat-x;
}
#footer img {
	vertical-align: text-bottom;
}
#footer .license {
	float:left;
	text-align: left;
	font-weight: bold;
	color: #f58735;
	font-size: 10px;
	padding-top: 5px;
	padding-left: 10px;
}
#footer .logo {
	float:right;
	padding-top: 5px;
	padding-right: 10px;
}


/*table.dataForm 		{
    width: 100%;	
	border: 1px solid #FFFFFF;
}*/
/* policka hlavniho formulare desku a ruzne vlastnosti formulare */
input.view, select.view, textarea.view {
	background-color: #d2e1e7;
}
input.viewReference {
	background-color: #d2e1e7;
}
input.editReference {
	background-color: pink;
}
input.reference { 
	background-color: pink;
}
.deskFormBorder {
	border: 1px solid #AEAECC;
}	
.deskFormBorderTitle {
	font-size: 11px;
	font-style: italic;
}	
.inputError {
	border: 1px solid red;
	color: red;
}	
table.repeatedTable 		{
	border: 1px solid #AEAECC;
}
table.compositeTable 		{
	border: 1px solid #AEAECC;
}

/* hlavni tabulka desku */
table.dataTable 		{
    width: 100%;	
	border: 1px solid #FFFFFF;
}
table.dataTable th img { 
	vertical-align: middle; 
}
table.dataTable th, table.dataTable th  * {
	color: #FFFFFF;
	background-color: #999999;
	font-size: 11px;
	font-weight: bold;
}
table.dataTable td, table.dataTable th 		{
	border: 1px solid #FFFFFF;
}
table.dataTable a:hover {     
	color:#0B3649;
}
table.dataTable th a:hover {     
	color:#000000;
}
/* zakladni radek */
tr.format1 *   { /* zakladni */
	color: #145470;
	background-color: #cedee5;
}
/* lichy radek */
tr.format2 * {
	color: #145470;
	background-color: #b9d0da;
}
/* vybrany radek */
tr.format3 * {
	background-color: #9DAEB6;
	color:#0B3649;
}
tr.format3 a:hover {
    color: #DEEEF5;
}
table td.format1 {
	border: 0px;
	text-align: center;
	vertical-align: middle;
	width: 40px;
}
/* crossroads */
#crossroadsPane  {
    margin: 30px 30px 30px 30px;
    text-align: center;
}
#crossroadsPaneTable  {
	margin: 0 auto;
}
#crossroadsPaneText  {
	text-align: left;
    padding: 0px 0px 0px 10px;
}
#crossroadsPaneTips  {
	padding: 20px 0px 0px 0px;
	margin: 0 auto;
	text-align: left;
}

/* chybove zpravy, zpravy */
.messages {
	color: navy;
    font-weight: bold;
}
.exceptionMessagesBody {
	color: pink;
}
.exceptionMessagesTitle {
	color: red;
    font-weight: bold;
}