/* style globalne */
body  {margin: 0; padding: 0; text-align: center; /*background-color: #8a0000;*/}
body, p, a, td, input, textarea, select  {color: #3b3a3a; font: normal 11px Tahoma, Verdana, Arial, Helvetica, sans-serif;}

/* sticky footer */
html, body {height: 100%;}
.mainForm {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto; width: 1100px; padding: 0; text-align: left; background-color: #ffffff;  border: solid 1px #8a0000; border-width: 0 1px; overflow: hidden;}
/* /sticky footer */

img {border: none;}
a {text-decoration: none; cursor: pointer; color: #ba0304;}
a:hover {text-decoration: underline; cursor: pointer;}
a:focus {-moz-outline: none;} /*likwiduje kropkowany border pojawiajacy sie przy kliknieciu w linka pod FF */
input:focus {-moz-outline: none;} /*likwiduje kropkowany border pojawiajacy sie przy kliknieciu w button pod FF */

.gfx * {display: none;}
.noFloat {clear: both; float: none !important; width: 100%; height: 0px; line-height: 0; font-size: 0;}
.clear {clear: both; float: left; width: 100%; height: 0px; line-height: 0; font-size: 0;}
.hr {clear: both; float: left; width: 100%; height: 1px; line-height: 0 !important; font-size: 0 !important; background-color: #d1dcd4; margin: 10px 0;}

div {margin: 0; padding: 0;}
ul, ul li {list-style-type: none; padding: 0; margin: 0;}

input.text,
textarea.text,
select.text,
iframe.iframe {border: solid 1px #cccccc; background-color: #FFFFFF; color: #3b3b3b; width: 255px; padding: 3px 15px 3px 15px;}
/* iframe.materialTextTypeViewCode {border: solid 1px #cccccc; background-color: #FFFFFF; color: #3b3b3b; width: 255px; padding: 3px 15px 3px 15px; height: 50px} */
select.text {width: 287px; padding: 0px 0 0px 15px;}
select.text option {width: 255px; padding: 2px 0 2px 15px;}
textarea.text {height: 105px; width: 270px; padding-right: 0;}

input.text:disabled,
textarea.text:disabled,
select.text:disabled,
input.disabled,
textarea.disabled,
select.disabled {background-color: #F0F0F0 !important;}


.oneColumn {clear: both; float: left; width: 100%;}
.oneColumnWithPadding {clear: both; float: left; width: 100%; padding: 10px 0;}
.oneColumnWithTopPadding {clear: both; float: left; width: 100%; padding: 10px 0 0 0;}
.oneColumnWithBottomPadding {clear: both; float: left; width: 100%; padding: 0 0 10px 0;}
.twoEqColumns {clear: both; float: left; width: 100%;}
.twoEqColumns .firstCol {clear: both; float: left; width: 48%; margin-right: 4%;}
.twoEqColumns .secondCol {clear: none; float: left; width: 48%;}


.block100 {display: block; width: 100px; float: left;}

.top5 {padding-top: 5px;}
.top30 {padding-top: 30px !important;}

.floatLeft {float: left;}
.fontBold {font-weight: bold;}
.errTxt {color: #ff0000;}
.redTxt {color: #ba0304;}

.contentTable {width: 100%; clear: both; border-collapse: collapse; margin-bottom: 25px;}
.contentTable td,
.contentTable th {padding: 5px 10px; border: 1px solid #CCCCCC;}
.contentTable tr.hdRow td,
.contentTable tr.hdRow th {font-weight: bold; color: #ffffff; background-color: #000000;}

/* /style globalne */

/* glowny layout strony */
#mainContainer {width: 1100px; margin: 0; padding: 0; text-align: left; background-color: #ffffff; float: left;}
#mainContainer #pageHeader {width: 100%; clear: both; float: left;}
#mainContainer #pageHeader #mainMenuBar {width: 1000px; padding: 0 50px; background-color: #8a0000; float: left;}
#mainContainer #pageHeader #mainMenuBar #mainMenu {float: left; padding: 22px 0 15px 0; width: 790px;}
#mainContainer #pageHeader #mainMenuBar #mainMenu a {display: block; float: left; margin: 0 4px 0 0;}
#mainContainer #pageHeader #mainMenuBar #logo {float: left; padding: 0; margin: 0; height: 100%; overflow: hidden;}

#mainContainer #pageHeader #messageBox {width: 1050px; clear: both; padding: 15px 0 1px 50px; float: left;}
#mainContainer #pageHeader #messageBox .messageBar {width: 100%; clear: both; float: left;  margin: 0; color: #ff0000; font-weight: bold; font-size: 12px;}
#mainContainer #pageHeader #messageBox .messageBar .top {background: transparent url('../_img/bckgPageTitleBar.gif') no-repeat 0 0; font-size: 0; line-height: 0; height: 5px; clear: both; float: left; width: 100%;}
#mainContainer #pageHeader #messageBox .messageBar .middle {width: 1020px; padding: 0 15px 0 15px; clear: both; float: left; background-color: #262626;} 
#mainContainer #pageHeader #messageBox .messageBar .bottom {background: transparent url('../_img/bckgPageTitleBar.gif') no-repeat 0 100%; font-size: 0; line-height: 0; height: 5px; clear: both; float: left; width: 100%;}
#mainContainer #pageHeader #messageBox .messageBar ul {width: 1020px; padding: 0 15px 0 15px; clear: both; float: left;}
#mainContainer #pageHeader #messageBox .messageBar .information {color: #ffffff;}
#mainContainer #pageHeader #messageBox .messageBar .error {}
#mainContainer #pageHeader #messageBox .messageBar .warning {color: #fedd00;}


#mainContainer #pageContent {width: 1050px; clear: both; padding: 0 0 15px 50px; float: left;}

#mainContainer #pageContent .pageTitleBar {width: 900px; clear: both; float: left; background: transparent url('../_img/bckgPageTitleBar.gif') no-repeat 0 0; padding: 2px 135px 0 15px; height: 33px; margin: 0 0 15px 0; overflow: hidden;}
#mainContainer #pageContent .pageTitleBar .pageTitle {margin: 0; padding: 0; font-weight: normal; color: #ffffff; font-size: 18px; width: 795px; overflow: hidden; float: left;}
#mainContainer #pageContent .pageTitleBar .stepCount {float: left; background-color: #8a0000; padding: 0 15px; margin: 0; height: 100%; font-weight: normal; color: #ffffff; font-size: 18px; overflow: hidden; clear: none;}

#mainContainer #pageContent .pageContentBox {width: 1030px; clear: both; float: left; padding: 0 0 0 20px; margin: 0;}

#mainContainer #pageContent .contentHD {font-size: 15px; line-height: 24px; font-weight: bold; margin: 0 0 15px 0; padding: 0; border-bottom: dotted 1px #7f7f7f; width: 100%;}

#mainContainer #pageContent .pageButtons {width: 100%; clear: both; float: left; margin: 15px 0; padding: 5px 0; border: dotted 1px #7f7f7f; border-width: 1px 0;}
/* /glowny layout strony */

/* gorne submenu */
.subMenuPanel {width: 1000px; padding: 4px 50px 8px 50px; margin: 0; float: left; clear: both; background-color: #f2f2f2; border-top: solid 1px #ffffff;}
.subMenuPanel a {float: left; color: #a20606; font-weight: bold; background: transparent url('../_img/bckgBulletRed.gif') no-repeat 100% 5px; padding: 0 10px 0 0; margin: 0 25px 0 0; display: block;}
.subMenuPanel a.activeSub {color: #000000; background-image: url('../_img/bckgBulletBlack.gif');}
/* /gorne submenu */

/* trzeci poziom menu */
#pageContent .subMenuPanel {width: 950px;}
/* /trzeci poziom menu */

/* belka uzytkownika */
#userInfoBar {width: 1000px; padding: 5px 50px; clear: both; float: left;}
#userInfoBar .info {width: 940px; clear: both; float: left;}
#userInfoBar .userLabel {font-weight: bold;}
#userInfoBar .userName {padding: 0 20px 0 0;}
#userInfoBar a {font-weight: bold;}
#userInfoBar .editProfileLink {}
#userInfoBar .logOutLink {display: block; float: right;}
/* /belka uzytkownika */


/* belka buttonow przy gridzie */
.gridMenuButtonOn {display: block; float: left; height: 27px; padding: 0 42px 0 0;  background: transparent url('../_img/bckgGridMenuButtonOnRight.gif') no-repeat 100% 0; margin: 0 5px 0 0; color: #ffffff;}
.gridMenuButtonOn span {display: block; float: left; height: 20px; padding: 7px 0 0 15px; color: #ffffff; font-weight: bold; background: transparent url('../_img/bckgGridMenuButtonOnLeft.gif') no-repeat 0 0;} 
.gridMenuButtonOff {display: block; float: left; height: 27px;  padding: 0 42px 0 0; background: transparent url('../_img/bckgGridMenuButtonOffRight.gif') no-repeat 100% 0; margin: 0 5px 0 0; color: #ffffff;}
.gridMenuButtonOff span {display: block; float: left; height: 20px; padding: 7px 0 0 15px; color: #ffffff; font-weight: bold; background: transparent url('../_img/bckgGridMenuButtonOffLeft.gif') no-repeat 0 0;}
.gridMenuButtonOnToExpand {background-image: url('../_img/bckgGridMenuButtonOnToExpandRight.gif');}
.gridMenuButtonOffToExpand {background-image: url('../_img/bckgGridMenuButtonOffToExpandRight.gif');}
/* /belka buttonow przy gridzie */

/* buttony rozwijane */
.buttonsGroup {float: left; position: relative; overflow: visible; z-index: 100000;}
.buttonsGroup .addButtons {position: absolute; top: 28px; left: 0; z-index: 100000;}
* HTML .buttonsGroup .addButtons {width: 240px;}
*+ HTML .buttonsGroup .addButtons {width: 240px;}
.buttonsGroup .addButtons * {white-space: nowrap; width: auto;}
.buttonsGroup .addButtons .oneColumn {width: 100%;}
.buttonsGroup .addButtons .gridMenuButtonOn,
.buttonsGroup .addButtons .gridMenuButtonOff {clear: both; position: static; margin-bottom: 1px; width: 100%; padding-right: 21px;}
.buttonsGroup .addButtons .gridMenuButtonOn {background-image: url('../_img/bckgGridMenuButtonOnExpandedRight.gif');}
.buttonsGroup .addButtons .gridMenuButtonOn span {font-weight: normal; background-image: url('../_img/bckgGridMenuButtonOnExpandedLeft.gif');}
.buttonsGroup .addButtons .gridMenuButtonOff {background-image: url('../_img/bckgGridMenuButtonOffExpandedRight.gif');}
.buttonsGroup .addButtons .gridMenuButtonOff span {font-weight: normal; background-image: url('../_img/bckgGridMenuButtonOffExpandedLeft.gif');}
/* /buttony rozwijane */

/* nizsze buttony */
.gridMenuButtonOnSmall {display: block; float: left; height: 21px; padding: 0 0 0 10px; background: transparent url('../_img/bckgGridMenuButtonOnSmallLeft.gif') no-repeat 0 0; margin: 0; color: #ffffff;}
.gridMenuButtonOnSmall span {display: block; float: left; height: 18px; padding: 3px 20px 0 0; color: #ffffff; font-weight: bold; background: transparent url('../_img/bckgGridMenuButtonOnSmallRight.gif') no-repeat 100% 0;} 
/* /nizsze buttony */

/* maly button o stalej szerokosci */
.buttonSmall {display: block; float: left; height: 14px; width: 26px; text-align: center; background: transparent url('../_img/bckgButtonSmall.gif') no-repeat 0 0; margin: 0; color: #ffffff; font-weight: bold;}
.buttonSmall:hover {text-decoration: none;}
/* maly button o stalej szerokosci */

/* button na formularzu rejestracji */
.btnForm {display: block; width: 103px; height: 20px; padding: 11px 25px 0 16px; background: transparent url('../_img/bckgBtnForm.gif') no-repeat 0 0;}
.btnForm span {color: #ffffff; font: bold 11px Arial, Tahoma, Verdana, Helvetica, sans-serif;}
/* /button na formularzu rejestracji */

/* pager nad/pod gridem */
.gridPager {width: 990px; clear: both; float: left; background-color: #f3f3f3; border: solid 1px #cccccc; padding: 7px 15px;}
.gridPager .nextPrev {width: 110px; padding: 5px 40px; float: left; clear: none;}
.gridPager .nextPrev a {color: #790808; font-weight: bold;}
.gridPager .nextPrev .mark img {padding: 0 5px; margin: 0 0 -1px 0;}
.gridPager .pageInfo {float: left; width: 500px; text-align: center; vertical-align: middle; padding: 0 0 0 105px;}
/*.gridPager .pageInfo .pageInfoCenter {text-align: center; margin: 0 auto;}*/
.gridPager .pageInfo .gridMenuButtonOnSmall {margin: 0 10px 0 5px;}
.gridPager .pageInfo .simpleText {padding: 0 2px; line-height: 20px; float: left; padding-top: 0px;}
.gridPager .pageInfo .page {float: left; width: 130px;}
.gridPager .pageInfo .results {float: left; border-left: solid 1px #cccccc; padding: 0 0 0 5px; width: 220px;}
.gridPager .pageInfo input.text {padding-left: 3px; padding-right: 3px; width: 30px; text-align: center; float: left; margin: 0 2px;}
.gridPager .pageInfo select.text {padding-left: 3px; padding-right: 0; width: 50px; text-align: left; margin: 0 2px; float: left;}
.gridPager .pageInfo select.text option {padding-left: 3px; padding-right: 0; width: 25px; text-align: left;}
/* /pager nad/pod gridem */

/* formularz edycji */
.editForm {width: 100%; clear: both; float: left; margin: 0 0 15px 0; padding: 0;}
.editForm .chbList {padding: 0 0 0 95px; clear: both;}
.editForm .oneLine {width: 100%; clear: both; float: left; margin: 0 0 5px 0; padding: 0;}
.editForm .oneLine .key {width: 275px; text-align: right; font-weight: bold; float: left; padding: 0 22px 0 0; margin: 0; line-height: 20px;}
.editForm .oneLine .val {width: 300px; float: left; clear: none; line-height: 20px;}
.editForm .oneLine .valLong {width: 650px; float: left; clear: none; line-height: 20px;}
.editForm .oneLine .val .grayLabel, 
.editForm .oneLine .valLong .grayLabel {display: block; width: 257px; height: 100%; padding: 0 15px; background-color: #f0f0f0; overflow: hidden;}
.editForm .oneLine .valLong textarea.text {width: 600px; height: 400px;}
.editForm .oneLine .valLong textarea.materialTextTypeCodeHtml {width: 600px; height: 100px;}
.editForm .oneLine .valLong iframe.iframe {padding: 0; margin: 0; width: 615px; height: 400px;}
.editForm .oneLine .valLong iframe.materialTextTypeViewCode {padding: 0; margin: 0; width: 615px; height: 50px;}
.editForm .oneLine .numberWithPrefix input.text {width: 170px; float: left;}
.editForm .oneLine .numberWithPrefix select.text {width: 80px; margin-right: 5px; float: left;}
.editForm .oneLine .numberWithPrefix select.text option {width: 40px;}
.editForm .oneLine .dateWithCalendar .text {width: 70px; float: left; margin-right: 10px;}
.editForm .oneLine .textWithDrop input.text {width: 170px; float: left; margin-right: 5px;}
.editForm .oneLine .textWithDrop select.text {width: 80px;  float: left;}
.editForm .oneLine .textWithDrop select.text option {width: 40px;}
.editForm .oneLine .allTxtboxShort input.text {width: 40px; text-align: center;}
.editForm .oneLine .oneButton {clear: both; width: 585px; float: left;}
.editForm .oneLine .oneButton a {float: right; margin: 0 0 0 5px;} 
/* /formularz edycji */

/* naglowek historii aktywnosci */
.showHistoryBar,
.hideHistoryBar {width: 952px; padding: 10px 35px; font-weight: bold; color: #3b3a3a; font-size: 11px; margin: 0 0 15px 0; clear: both; float: left; background: transparent url('../_img/bckgShowHistoryBar.gif') no-repeat 0 0; cursor: pointer;}
.hideHistoryBar {background-image: url('../_img/bckgHideHistoryBar.gif');}
/* /naglowek historii aktywnosci */

/* dymek informacyjny */
.assign_statuses,
.status_bar,
.restOfGroups {position: absolute; background-color: #ffffff; border: solid 1px #d9d9d9 !important; padding: 10px !important; line-height: 20px;}
/* /dymek informacyjny */

/* komunikat na stronie bledu */
.errorPageInfo {width: 450px; font-size: 14px; line-height: 20px;}
/* /komunikat na stronie bledu */

.fakeFlexigridTable {width: 100% !important; margin-bottom: 0 !important;}



#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	opacity: 0.85;
	width: 300px;
}
#tooltip h3, #tooltip div { margin: 0; }

.helpEntry, .menuHelpEntry
{
	display: none;
}

/* strony glowne dzialow */
#mainPageLayout {}
#mainPageLayout #mainPageSideLeft {float: left; width: 180px; padding: 10px 20px 20px 0; border-right: dotted 1px #7f7f7f;}
#mainPageLayout #mainPageContentWide {float: left; padding: 10px 35px 20px 35px; width: 759px;}
#mainPageLayout #mainPageContentThin {float: left; padding: 10px 35px 20px 35px; width: 460px;}
#mainPageLayout #mainPageSideRight {float: left; width: 245px; padding: 10px 34px 20px 19px; border-left: dotted 1px #7f7f7f;}

#mainPageLayout .sectionTitle {font-size: 11px; font-weight: bold; padding: 0 0 6px 0; margin: 0; width: 100%; clear: both;}
#mainPageLayout .sectionContent {font-size: 11px; padding: 0 0 15px 0; width: 100%; clear: both; line-height: 140%;}
#mainPageLayout .sectionContent .oneLine {padding: 0 0 4px 0; width: 100%; clear: both;}
#mainPageLayout .sectionContent .logoImg, 
#mainPageLayout .sectionContent .programName {width: 100%; overflow: hidden; margin: 0 0 4px; padding: 0;}
#mainPageLayout .sectionContent .logoImg {width: 243px; border: solid 1px #d9d9d9; text-align: center;}
#mainPageLayout .linkMore {background: transparent url('../_img/bckgBulletRed.gif') no-repeat 0 5px; padding: 0 0 0 8px;}
/* /strony glowne dzialow */

/* lista alertow */
.alertList .showHistoryBar,
.alertList .hideHistoryBar {margin: 0;}
.alertList .showHistoryBar .buttonShow,
.alertList .hideHistoryBar .buttonShow {width: 20px; height: 20px; float: left; margin: -5px 5px 0 -30px; font-size: 0; line-height: 0;}
.alertList .showHistoryBar .info,
.alertList .hideHistoryBar .info {float: left; width: 950px;}
.alertList .alertBox {width: 990px; padding: 10px 20px 20px 20px; clear: both;}
.alertList .alertBox .oneLine {width: 100%; clear: both; padding: 0 0 5px 0;}
/* /lista alertow */

.creationViewFrame {padding: 3px 15px 3px 15px; border: solid 1px #cccccc; background-color: #FFFFFF; color: #3b3b3b; width: 600px; height: 300px;}

.reportsExportWarning{padding-bottom: 25px; clear: both; width: 100%; overflow: hidden;}