<!--
/*znaczniki globalne */
/* styl cielska bestii rogatej */
BODY {        font-family:  Arial, Verdana, Arial Narrow, Helvetica;
        font-size: 8pt;
        background-color : #FFFFDD;
 }

 TD{
    font-family:    Arial, Verdana, Arial Narrow, Helvetica;
    font-size: 8pt;
}

img {
   border: solid #eeeeee 0px;
}
A:LINK {
        text-decoration:     underline;
        color: Black;
}
A:VISITED{
        text-decoration:     underline;
        color: Black;
}
A:ACTIVE{
        text-decoration:     underline;
        color: Black;
}
A:HOVER {
        text-decoration:     underline;
        color: Red;
}
input, textarea, select, options{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

/*znaczniki globalne - klasy*/
/*komunikat o błędzie*/
.errorText{ color: Red;  font-weight : bold; }
/*komunikat do użytkownika*/
.infoText{ color: Green;  font-weight : bold; }
/*tytuł sekcji - panela*/
.panelTitle{color: Black;}

/*okno logowania - formularz wyświetlany przy logowaniu*/
.loginForm{
    font-size: 10pt;
}
.loginForm .classForm{}
.loginForm .classTable{}
.loginForm .classTD{ font-weight : bold;}
.loginForm .classInput{}
.loginForm .classButton{}
.loginForm .classA{color: Red;}

/*Panel użytkownika - podaje kto jest zalogowany + opcja wylogowania*/
.loginInfo{
    font-size: 12pt;
}
.loginInfo .classTable{width : 100%;}
.loginInfo .classTD{}
.loginInfo .userLogin{font-weight: bold; color: Red;}
.loginInfo .currDate{text-align: right; font-weight: normal;}
.loginInfo .classA{}

/*--------------------------------------------------------------------------------------------------------------*/
/*menu wyboru widoku*/
/* można definiować osobno w zasięgu: .browsePanel, .viweCard, .editCard, .newCard*/
.menuViews {
        font-family:  Verdana, Arial, Arial Narrow, Helvetica;
        font-size: 8pt;
        background-color : Navy;
}
.menuViews .classTable {width : 100%;}
.menuViews .classTR {}
.menuViews .classTD {    font-weight : bold;        text-align : center;}
.menuViews .classA:LINK {    text-decoration: none;    color: #EEEEEE;}
.menuViews .classA:VISITED{text-decoration:     none;    color: #EEEEEE;}
.menuViews .classA:ACTIVE{ text-decoration:     none;    color: #EEEEEE;}
.menuViews .classA:HOVER {    text-decoration:     underline;    color: White;}

/*menu wyboru zakładki + opcje dodatkowe(dodaj rekord)*/
.menuAction {
    font-family:  Verdana, Arial, Arial Narrow, Helvetica;
        font-size: 8pt;
        background-color : Navy;
}
.menuAction .classTable {width : 50%; background-color : Navy;}
.menuAction .classTR {;}
.menuAction .classTD {    font-weight : bold;        text-align : center;  }
.menuAction .classA:LINK {    text-decoration:     none;    color: #EEEEEE;}
.menuAction .classA:VISITED{text-decoration:     none;    color: #EEEEEE;}
.menuAction .classA:ACTIVE{ text-decoration:     none;    color: #EEEEEE;}
.menuAction .classA:HOVER {    text-decoration:     underline;    color: White;}

/*--------------------------------------------------------------------------------------------------------------*/
/*panel przeglądarki tabeli*/
.browserPanel{}
/*tytuł - nazwa tabeli*/
.browserPanel .panelTitle{color: Black; font-weight : bold;}
.browserPanel .counter {}
.browserPanel .counterNarrow {color: Red; font-weight : bold;}
.browserPanel .classForm {}
.browserPanel .paramsHead {}
.browserPanel .paramsHead .classButton {}

.grid {}
.grid .classTable {
    background-color : #CCCCCC;
	width: 49%;
	height: 1px;
}
/*obejmuje linię tytułów kolum i panel filtrów*/
.grid .header {}
/*obejmuje kolumny akcji: podgląd, edycja, check.... ) z lewej strony*/
.grid .leftOptions {}
.grid .leftOptions .classA {}
.grid .leftOptions .classImg {    border : 0px;}
/*obejmuje kolumny akcji: podgląd, edycja.... ) z prawej strony*/
.grid .rightOptions {}
.grid .rightOptions .classA {}
.grid .rightOptions .classImg {    border : 0px;}

/*wiersz - tytuły kolumn
orginalne - stare
.grid .header .titlesTR, 
pbr
.grid table tr .colTitleTD, 
*/
.grid .titlesTR td {
        font-family:  Verdana, Arial, Arial Narrow, Helvetica;
        font-weight : bold;
        font-size: 8pt;
        color: #EEEEEE;
        background-color : Navy;
}
.grid .header .titlesTR .viewTD {}
.grid .header .titlesTR .editTD {}
.grid .header .titlesTR .deleteTD {}
.grid .header .titlesTR .checkTD {}
/*
.grid .header .titlesTR .colTitleTD{text-align : center;}
*/
.grid table tr .colTitleTD {text-align : center; background-color : Navy;}

.grid .header .titlesTR .colTitleTD .classA:LINK,
.grid table tr .colTitleTD .classA:LINK {
text-decoration:     none;    color: #EEEEEE;}

.grid .header .titlesTR .colTitleTD .classA:VISITED,
.grid table tr .colTitleTD .classA:VISITED {
text-decoration:     none;    color: #EEEEEE;}

.grid .header .titlesTR .colTitleTD .classA:ACTIVE,
.grid table tr .colTitleTD .classA:ACTIVE { 
text-decoration:     none;    color: #EEEEEE;}

.grid .header .titlesTR .colTitleTD .classA:HOVER,
.grid table tr .colTitleTD .classA:HOVER { 
text-decoration:     underline;    color: White;}

/*.classTable .header .titlesTR .colTitleTD*/

/*wiersz - filtry*/
/*.classInput {width: 50px;} */
.grid .header .filterTR, 
.grid table .filterTR td, 
.grid table .filterTR td .classTable, 
.grid table .filterTR 
{ font-family:  Verdana, Arial, Arial Narrow, Helvetica;
        font-size: 8pt;
        color: #EEEEEE;
        background-color : #eeeeaa;
}
.grid .header .filterTR .viewTD {}
.grid .header .filterTR .editTD {}
.grid .header .filterTR .deleteTD {}
.grid .header .filterTR .checkTD {}
.grid .header .filterTR .colTitleTD{color: Red;}
.grid .filterTR .colTitleTD .classInput {width: 50px;}
.grid .header .filterTR .colTitleTD .classSelect {}
.grid .header .filterTR .colTitleTD .classOption {}
/* kolor elementow w polu zawezen */
.grid table .filterTR td .classTable tr td {color: #000000;}

/*wiersze - rekordy*/
.grid .records {color: Black;}
/*wiersze - rekordy - nieparzysta linia danych
.grid .records .lineOTR, 
*/
.grid table .lineOTR
 {background-color : #F5F5F5;  vertical-align : top;}
/* dla np: opery zeby dzialalo */
.grid .classTable .records .lineOTR {background : #F5F5F5;}
.grid .records .lineOTR .viewTD {}
.grid .records .lineOTR .editTD {}
.grid .records .lineOTR .deleteTD {}
.grid .records .lineOTR .checkTD {}
.grid .records .lineOTR .dataTD{ padding: 4px; }
.grid .records .lineOTR .classCheck {}


 /*wiersze - rekordy - parzysta linia danych*/
.grid .records .linePTR, .grid table .linePTR
 {background-color : White;  vertical-align : top;    }
.grid .classTable .records .linePTR {background : White;}
.grid .records .linePTR .viewTD {}
.grid .records .linePTR .editTD {}
.grid .records .linePTR .deleteTD {}
.grid .records .linePTR .checkTD {}
.grid .records .linePTR .dataTD{padding: 4px;}
.grid .records .linePTR .classCheck {}

/*wiersze - rekordy - automatycznie dodawane linki*/
.grid .records .dataTD .classHref:LINK {    text-decoration:     underline;    color: Black;}
.grid .records .dataTD .classHref:VISITED {    text-decoration:     underline;    color: Black;}
.grid .records .dataTD .classHref:ACTIVE {    text-decoration:     underline;    color: Black;}
.grid .records .dataTD .classHref:HOVER {    text-decoration:     underline;    color: #FF1493;}

.grid .records .dataTD .classMailto:LINK {    text-decoration:     underline;    color: Black;}
.grid .records .dataTD .classMailto:VISITED {    text-decoration:     underline;    color: Black;}
.grid .records .dataTD .classMailto:ACTIVE {    text-decoration:     underline;    color: Black;}
.grid .records .dataTD .classMailto:HOVER {    text-decoration:     underline;    color: #FF1493;}


/*wiersz - podsumowania*/
/* .grid .summary {color: Black; } */
.grid .summary .line0 {background-color: Black; color: White; font-weight: Bold; }
.grid .summary .line1 {background-color: #ABBDFC; color: Black;}
.grid .summary .line2 {background-color: #EEEEEE; color: Black;}
.grid .summary .line0 .classA:LINK {    text-decoration: none;    color: #EEEEEE;}
.grid .summary .line0 .classA:VISITED{text-decoration:     none;    color: #EEEEEE;}
.grid .summary .line0 .classA:ACTIVE{ text-decoration:     none;    color: #EEEEEE;}
.grid .summary .line0 .classA:HOVER {    text-decoration:     underline;    color: White;}
.grid .summary .line0 .classImg {    border : 0px;}


/*panel opcji dodatkowych - stopka browsera*/
.browserPanel .panelFoot{color: Black; }
.browserPanel .panelFoot .classButton {}
.browserPanel .panelFoot .actionSpec {}
.browserPanel .panelFoot .actionSpec .classSelect {}
.browserPanel .panelFoot .actionSpec .classOption {}

/*--------------------------------------------------------------------------------------------------------------*/
/*karta - panel do podglądu, edycji i dodawania rekordów*/
.card{}
.card .classHref:LINK {    text-decoration:     underline;    color: Black;}
.card .classHref:VISITED {    text-decoration:     underline;    color: Black;}
.card .classHref:ACTIVE {    text-decoration:     underline;    color: Black;}
.card .classHref:HOVER {    text-decoration:     underline;    color: #32CD32;}

.card .classMailto:LINK {    text-decoration:     underline;    color: Black;}
.card .classMailto:VISITED {    text-decoration:     underline;    color: Black;}
.card .classMailto:ACTIVE {    text-decoration:     underline;    color: Black;}
.card .classMailto:HOVER {    text-decoration:     underline;    color: #32CD32;}

/*--------------------------------------------------------------------------------------------------------------*/
/* panel karty do podglądu*/
.viewCard{}
.viewCard .panelTitle{color: Black; font-weight : bold;}
.viewCard .classTable{}
/*wiersze - pola rekordu - niezależnie od linii */
.viewCard .nameFieldTD{text-align : right;}
.viewCard .valueFieldTD{font-weight : bold;}

/*wiersze - pola rekordu - nieparzysta linia danych*/
.viewCard .lineOTR{    background-color : #DDDDDD; }
.viewCard .lineOTR .nameFieldTD{}
.viewCard .lineOTR .valueFieldTD{}
/*wiersze - pola rekordu - parzysta linia danych*/
.viewCard .linePTR{    background-color : #EEEEEE;}
.viewCard .linePTR .nameFieldTD{}
.viewCard .linePTR .valueFieldTD{}

/*--------------------------------------------------------------------------------------------------------------*/
/* panel karty do edycji*/
.editCard{}

/*--------------------------------------------------------------------------------------------------------------*/
/* panel karty do wpisania nowego rekordu*/
.newCard{}

/*definicje wspólne dla .editCard .newCard*/
.card .panelTitle{color: Black; font-weight : bold;}
.card .classForm{}
.card .cardButtons{}
.card .cardButtons .classButton{}
/* gd zmieniłem z 20 % na 40 */
.card .classTable{width: 40%;}
/*wiersze - pola rekordu - niezależnie od linii */
.card .nameFieldTD{text-align : right;}
.card .valueFieldTD{font-weight : normal;}

/*wiersze - pola rekordu - nieparzysta linia danych*/
.card .lineOTR{    background-color : #DDDDDD; }
.card .lineOTR .nameFieldTD{padding: 3px;}
.card .lineOTR .valueFieldTD{padding: 3px;}
/*wiersze - pola rekordu - parzysta linia danych*/
.card .linePTR{    background-color : #EEEEEE;}
.card .linePTR .nameFieldTD{padding: 3px;}
.card .linePTR .valueFieldTD{padding: 3px;}
/*kotrolki na kartach */
.card .classInput{}
.card .classSelect{}
.card .classOption{}
.card .classTextArea{}

/*--------------------------------------------------------------------------------------------------------------*/
/*stopka*/
.footer{color : #828282; }
.footer .quotationPanel{}
.footer .quotationPanel .classHR{}
.footer .quotationPanel .panelTitle{ font-weight : bold;}
.footer .quotationPanel .quotText{font-size: 10px}
.footer .quotationPanel .quotAuthor{font-size: 10px; font-style: italic}
.footer .moebiusVer{}
.footer .moebiusCopy {}

/* pasek stronicowania i dla wybranego elementu */
.navbar   {font-size: 9pt; font-weight: bold;}
.navbarch {font-size: 9pt; font-weight: bold; color: #ff0000;}

  	.hoverTable{
		width:100%; 
		border-collapse:collapse; 
	}
	.hoverTable td{ 
		padding:7px; border:#4e95f4 1px solid;
	}
	/* Define the default color for all the table rows */
	.hoverTable tr{
		/*background: #b8d1f3;*/
	}
	/* Define the hover highlight color for the table row */
    .hoverTable tr:hover {
          background-color: #ffff99;
    }



-->