@import url("/resources/css/style.css");

/* ******************************* BOK ********************************** */
div.bok {
	height: 223px;
	width: 100%;
	margin-bottom: 20px;
}

div.bokHeader {
	margin: 0px 0px 0px 6px;
	font-size: 18px;
	font-weight: bold;
	font-family: Tahoma, Arial;
	color: #4a4a4a;
	height: 27px;
}

div.bok img.header {
	margin: 20px 0px 0px 0px;
}

div.bok div.mainFrame {
	width: 330px;
	height: 154px;
	background-image: url("bok_main_frame_gradient2.gif");
	background-repeat: repeat-x;
	border-left: 1px solid #dadada;
	border-right: 1px solid #dadada;
}

div.bok div.mainFrameContent {
	padding: 0px 0px 0px 8px;
	background: #f4f4f4;
}

div.bok div.comboBox {
	height: 42px;
	padding: 5px 0px 0px 0px;
}

div.comboBox p.comboTitle {
	font-family: Tahoma, Arial;
	font-weight: bold;
	font-size: 12px;
	color: #737373;
	margin: 0px 0px 5px 0px;
}

div.bok div.comboBox select {
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #737373;
	width: 200px;
	border: 1px solid #c7c7c7;
	background: #f4f4f4;
}

div.bok div.link {
	margin: 0px 0px 0px 0px;
}

.bokLink {
	font-family: Tahoma, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #737373;
}

div.bok div.link img {
	margin: 0px 4px 0px 2px;
}

img.bokLady {
	margin-left: 220px;
	padding-top: 24px;
	position: absolute;
	z-index: 10;
}

img.bokLadyBox {
	float: right;
	padding-right: 8px;
}

/*  portlet SingleBoxLink  START    */
div.singleBoxLink {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
}

div.singleBoxContent {
	border: 1px solid #dadada;
	padding: 1px 1px 1px 1px;
}

div.singleBoxContentLink {
	background-image: url("singleBoxGradient.png");
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f8f9fb;
	padding-top: 13px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 13px;
	color: #737373;
}

div.singleBoxContentLink p {
	color: #737373;
}

div.singleBoxContentLink a {
	color: #737373;
}

div.singleBoxSpacer {
	background-color: #b2a18f;
	height: 1px;
	margin-top: 1px;
	margin-bottom: 1px;
	padding: 0px;
	overflow: hidden;
}

a.printLink {
	font-weight: bold;
	color: #747474;
}

div.printCell {
	padding: 10px 0px 3px 0px;
}

table.new_table {
	border-top: 1px solid #adbdca;
	margin-top: 15px;
	margin-bottom: 20px;
	font-size: 11px;
}

table.new_table td.boxTableTop {
	background-color: #eef2f5;
	font-weight: bold;
	color: #5c7a92;
	padding-left: 5px;
	font-size: 11px;
}

table.new_table td {
	font-size: 11px;
	padding: 3px 3px 3px 5px;
	color: #747474;
	vertical-align: top;
}

div.chmurkaBok {
	position: absolute;
	width: 169px;
	background-image: url('strzalkaChmurkiBok.gif');
	background-repeat: no-repeat;
	background-position: top right;
}

div.chmurkaBokTop {
	background-image: url("belka_szaroniebieska.gif");
	background-repeat: repeat-x;
	font-weight: bold;
	padding: 3px 0px 3px 4px;
	width: 157px;
	/* background-color: #5c7a92;*/
	border-right: 1px solid #738c9f;
	border-left: 1px solid #738c9f;
	color: white;
}

div.chmurkaBokBottom {
	padding: 3px 4px 3px 4px;
	width: 153px;
	color: #737373;
	background-color: white;
	border-left: 1px solid #738c9f;
	border-bottom: 1px solid #738c9f;
}

div.chmurkaBokTopMail {
	background-image: url("belka_szaroniebieska.gif");
	background-repeat: repeat-x;
	font-weight: bold;
	padding: 3px 3px 3px 4px;
	/* background-color: #5c7a92;*/
	height: 14px;
	width: 423px;
	border-right: 1px solid #738c9f;
}

div.topMap {
	width: 523px;
}

div.cloudTopRightMap {
	margin-top: 1px !important;
	margin-top: 2px;
	cursor: pointer;
}

div.cloudMapBottom {
	width: 531px;
	height: 529px;
}

div.chmurkaBokTopMap {
	background-image: url("belka_szaroniebieska.gif");
	background-repeat: repeat-x;
	font-weight: bold;
	padding: 3px 0px 3px 4px;
	/* background-color: #5c7a92;*/
	color: white;
	border-right: 1px solid #738c9f;
}

div.cloudMap {
	border: 1px solid #738c9f;
	border-top: 0px;
	background-color: white;
	position: absolute;
	left: 41%;
	top: 270px;
}

font.cloudBokTopMap {
	margin-right: 320px;
}

a.cloudBokTopMap {
	z-index: 542;
	text-align: right;
}

div.cloudBokBottomMap {
	width: 429px;
	height: 429px;
	margin: 1px;
}

img.cloudBokTopMap {
	margin-top: 1px;
}

div.chmurkaBokBottomMail {
	padding: 14px 4px 3px 4px;
	width: 422px;
	color: #737373;
	background-color: white;
	border-right: 1px solid #738c9f;
}

div.successBokTopMail {
	background-image: url("belka_szaroniebieska.gif");
	background-repeat: repeat-x;
	font-weight: bold;
	padding: 3px 5px 3px 4px;
	text-align: right;
	width: 416px;
	/* background-color: #5c7a92;*/
	color: white;
	border-right: 1px solid #738c9f;
}

table.new_table td.boxTableTop1 {
	background-color: #eef2f5;
	border-left: 1px solid #adbdca;
	font-weight: bold;
	color: #5c7a92;
	padding: 3px 3px 3px 5px;
	font-size: 11px;
	width: 200px;
	cursor: pointer;
}

table.new_table td.boxTableTop2 {
	background-color: #eef2f5;
	font-weight: bold;
	color: #5c7a92;
	padding: 3px 3px 3px 5px;
	font-size: 11px;
	width: 127px;
}

table.new_table td.boxTableTop3 {
	background-color: #eef2f5;
	font-weight: bold;
	color: #5c7a92;
	padding: 3px 3px 3px 5px;
	font-size: 11px;
}

table.new_table td.boxTableTopHour {
	background-color: #eef2f5;
	border-right: 1px solid #adbdca;
	font-weight: bold;
	color: #5c7a92;
	padding: 3px 3px 3px 5px;
	font-size: 11px;
	width: 148px;
}

table.new_table td.kolumna1BokTop {
	border-left: 1px solid #adbdca;
	border-bottom: 1px solid #ADBDCA;
	padding: 3px 3px 3px 5px;
	color: #747474;
	font-size: 11px;
	vertical-align: top;
	width: 179px;
}

table.new_table td.kolumna2BokTop {
	padding: 3px 3px 3px 5px;
	border-bottom: 1px solid #ADBDCA;
	color: #747474;
	font-size: 11px;
	vertical-align: top;
	width: 137px;
}

table.new_table td.kolumna3BokTop {
	padding: 3px 3px 3px 5px;
	border-bottom: 1px solid #ADBDCA;
	color: #747474;
	font-size: 11px;
	vertical-align: top;
}

table.new_table td.kolumna4BokTop {
	border-right: 1px solid #adbdca;
	border-bottom: 1px solid #ADBDCA;
	padding: 3px 3px 3px 5px;
	color: #747474;
	font-size: 11px;
	vertical-align: top;
	width: 159px;
}

table.new_table td.kolumna1BokBottom {
	border-bottom: 1px solid #adbdca;
	border-left: 1px solid #adbdca;
	padding: 3px 3px 3px 5px;
	color: #747474;
	font-size: 11px;
	vertical-align: top;
	width: 179px;
}

table.new_table td.kolumna2BokBottom {
	border-bottom: 1px solid #adbdca;
	padding: 3px 3px 3px 5px;
	color: #747474;
	font-size: 11px;
	vertical-align: top;
	width: 137px;
}

table.new_table td.kolumna3BokBottom {
	border-bottom: 1px solid #adbdca;
	padding: 3px 3px 3px 5px;
	color: #747474;
	font-size: 11px;
	vertical-align: top;
}

table.new_table td.kolumna4BokBottom {
	border-bottom: 1px solid #adbdca;
	border-right: 1px solid #adbdca;
	padding: 3px 3px 3px 5px;
	color: #747474;
	font-size: 11px;
	vertical-align: top;
	text-align: right;
	width: 159px;
}

td.bokCheck {
	color: #747474;
	font-weight: bold;
	text-align: left;
	height: 96px;
	padding-left: 100px;
	background-image: url("bok-grad-radiobutton.gif");
	background-repeat: repeat-x;
	background-position: top;
	border-right: 1px solid #e9edf0;
}

td.bokForm {
	vertical-align: top;
	padding: 6px 8px 6px 3px;
	color: #737373;
	width: 120px;
}

.sort-arrow {
	width: 7px;
	height: 4px;
}

.sort-arrow.descending {
	background-image: url("bok_arrow.gif");
	width: 7px;
	height: 4px;
}

.sort-arrow.ascending {
	background-image: url("bok_arrow_asc.gif");
	width: 7px;
	height: 4px;
}

div.indicatorForm {
	padding: 15px 5px 15px 5px;
	background-color: white;
	color: #737373;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	height: 50px;
	width: 280px;
	border: 1px solid #5b7b92;
	visibility: hidden;
	position: absolute;
	top: 300px;
	z-index: 524;
}

div.successForm {
	border: 1px solid #5b7b92;
	display: none;
	position: absolute;
	top: 300px;
	z-index: 521;
	width: 426px;
}

/* *****************    LOADER CSS    ********************* */
div.dxmlLoader {
	background-color: #ffffff;
	background-repeat: no-repeat;
	z-index: 150;
	position: absolute;
	filter: alpha(opacity =   75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}




