/* FORM */



.formErrorMark { background: #fffbfb; border: 1px solid #c40100 !important; }
.formButton { background: #ccc; border: 2px solid #ddd; font-size: 12px; font-weight: bold; padding: 1px 15px; margin: 5px 5px 0 0; color: #fff; color: #000; }
.fieldError { white-space:nowrap;font-size: 10px; font-weight: bold; color: #c40100; margin: 0 0px 0 5px;}
.fieldError img { width: 12px; height: 12px; margin: 0 0px 0 5px;}


.fieldBox {
	position:relative;
	display:inline-block;
	
display:inline;
line-height:18px;

width:200px;
	
	
}

.fieldValidator {
	position:absolute;
	top:0;
	right:-5px;
}

.fieldValidatorTooltip {
	position:absolute;	
	top:-12px;
	left:20px;
	background-color:#cc0000;
	color:#fff;	
	border:1px solid #cc0000;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;	
}

.fieldValidatorMessage {
	white-space: nowrap;
	padding:3px 7px;
}

.arrow_box {
	position:relative;
	background:#e01d1d;
}
.arrow_box:after {
	right:100%;
	border:solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;	
}

.arrow_box:after {
	border-right-color:#cc0000;
	border-width:5px;
	top:50%;
	margin-top:-5px;
}


.formValidationErrorBox {
	background-color:#cc0000;
	color:#fff;
	border:1px solid #cc0000;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;	
	margin:10px 0;	
}

.formValidationErrorBoxMessage {
	padding:3px 7px;
}

.arrow_box_down {
	position: relative;
	background: #cc0000;
}

.arrow_box_down:after {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_down:after {
	border-top-color: #cc0000;
	border-width: 5px;
	left: 50%;
	margin-left: -5px;
}


span.fieldValidatorIcon {
	position: relative;
	left:3px;
	top:-1px;
	width: 12px;
	height: 12px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	background: #ffffff;
}

img.fieldValidatorIcon {
	position: absolute;
	width: 12px;
	height: 12px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	top: 0px;
	left: 0px;
}

.full th span.fieldValidatorIcon {
	background: transparent;
	display:block;

	width:100%;
	height: 1px;
	
	position: relative;
	
	left:7px;
	top:-22px;
	
	padding: 0px;
	margin: 0px;
	border: 0px;

	text-align:right;
}
.full th img.fieldValidatorIcon {
	position: relative;
	width: 12px;
	height: 12px;
	padding: 0px;
	margin: 0px;
	border: 0px;
	bottom: 20px;
	right: 20px;
}


/* $maps */

div.mapa{
	padding:5px;
	background:#ffffff;
	border:solid 1px #c3ceda;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;

}




/* $files */

.fileItem {
	width:220px;
	border:1px solid #bac5d0;
	position:relative;
	float:left;
	margin:0 12px 12px 0;
	padding:3px;
}	

	/* usuwanie */

.fileItem .fileRemoveConfirm {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background:#fff;	
	display: none;
}

.fileItem .fileRemoveConfirm > div {
	margin:2px;
}

.fileItem .fileRemoveConfirm .fileRemoveButton {	
	padding:0 10px;
	height: 16px;
	display:inline;			
	margin:0 10px 0 10px;	
}

.fileItem .fileRemoveConfirm  .fileRemoveContent {	
	width:154px;
	float:left;
	text-align:center;
	cursor:pointer;
}

.fileItem .fileRemoveConfirm .fileRemoveButtonYes {	
	background:#e80000;
	color:#fff;
	font-weight:bold;
	border:1px solid #e80000;
}

.fileItem .fileRemoveConfirm .fileRemoveButtonNo {	
	background:#eeeeee;
	border:1px solid #bdbdbd;
	color:#000;
	font-weight:bold;
}

.fileItem .fileRemoveConfirm .fileRemoveTitle {
	margin:10px 0 5px 5px;
}

.fileItem .remove {position:absolute;bottom:-7px;right:10px;}
.fileItem .edit {position:absolute;bottom:-7px;right:30px;}
.fileItem .status {position:absolute;bottom:-10px;right:48px;}

.fileItem .fileIcon {
	border:1px solid #c8d2dd;
	background:#f4f6f8 url("/_images/cms/core/fileTpl.png") no-repeat center center;
	width:62px;
	height:62px;
	float:left;	
	position:relative;
	margin:0 5px 0 0;
}

	/* uploading */
	
.fileItem.uploading {
	border:1px solid #63b030;
	background:transparent url("/_images/core/form/stripes.gif") repeat center top;
}

.fileItem.error {	
	background:transparent url("/_images/core/form/stripes.gif") repeat center top;
}

.fileUploadButton {
	margin:15px 20px;
}

.fileItem.uploading .fileProgress {	
	z-index:0;
	width:85px; 	
	height:4px;
	float:left;
	border:1px solid #c7d1dc;
	margin:4px 0 0 0;
}

.fileItem.uploading  .fileProgress > div {
	width:0; 
	height:4px; 
	background:#44a105;	
}

.uploading .uploadProcent {
	font-size:10px;
	color:#44a105;
	line-height:12px;
}

.uploading .uploadCancel {
	background:#eeeeee;
	border:1px solid #bdbdbd;
	color:#000;
	font-weight:bold;	
	display:inline;
	padding:0 5px;
	height: 16px;
	margin:0 0 0 5px;
}


.fileItem .fileInfoSize:before {content:"[";}
.fileItem .fileInfoSize:after {content:"]";}

.fileItem .fileIcon span.fileType {
	position:absolute;
	background:#666;
	color:#fff;
	top:28px;
	left:3px;
	text-transform:uppercase;
	padding:0 2px;	
}

.fileItem .fileIcon span.fileStatus {
	position:absolute;	
	color:#fff;
	top:28px;
	left:3px;	
	padding:0 2px;	
	width:22px;
	height:22px;
}

.fileIcon span.fileType.document {background-color:#036ec9;}
.fileIcon span.fileType.video {background-color:#e30000;}
.fileIcon span.fileType.image {background-color:#54ab07;}
.fileIcon span.fileType.audio {background-color:#ed9100;}
.fileIcon span.fileType.flash {background-color:#5d2087;}
.fileIcon span.fileStatus.fileRemove {background:transparent url("/_images/core/form/fileRemove.png") no-repeat center center;}
.uploading .fileIcon span.fileType {background:transparent url("/_images/core/form/fileUpload.png") no-repeat center center;width:25px;height:25px;top:22px;left:0;}

.fileInterface {
	border:1px solid #bbc5d1;
	background:#fff;
	width: 466px;
	margin:0 0 10px 0;
}

.typeButton {
	background:#fff url("/_images/core/form/buttonBg.gif") repeat-x center top;
	display:inline-block;
	height:30px;
	line-height:30px;
	text-align:center;
	padding:0 10px;
	border:1px solid #bababa;
	cursor:pointer;
}

.typeButton.disabled {
	background:#eee;
	display:inline-block;
	height:30px;
	line-height:30px;
	text-align:center;
	padding:0 10px;
	border:1px solid #bababa;
	cursor:default;	
	color:#999;
}

.fileComments {
	color:#376c95;
	display:inline-block;
	margin:0 15px 10px 15px;
}

.fileRemoveConfirm {
	border:1px solid #e80000;
}


.fileItem .fileInfo {
		height: 32px;
}

.fileItem .fileUploading {
	display:none;
}

.uploading.fileItem .fileUploading {
	display:block;
}
	
	.fileItem .fileWarningIcon {
		height:14px;
		width:14px;
		display:none;
		float:left;
		margin:0 5px 0 0;
	}
	
.fileItem .fileWarningBox {
		display: none;
		z-index: 15;
		background: white;
		padding: 5px;
		border: 1px solid #e4e4e4;
		position: absolute;
		right: 30px;
		bottom: 33px;
	}
	.fileItem .fileButtonBox {
		display: none;
	}

	.fileItem .fileType {
		display: none;
	}

	.fileItem .fileMessage > div {
		display: none;
	}

	.fileItem .negative {
		color:red;		
		float:left;
	}

	.fileItem .positive {
		color:#376C95;
		float:left;
	}

	.fileItem .fileTooltip {
		display: none;
		z-index: 15;
		background: white;
		padding: 5px;
		border: 1px solid #e4e4e4;
		position: absolute;
		right: 222px;
		bottom: 34px;
	}
	.fileItem .fileTooltip.tleft {
		right: auto;
		left: 66px;
	}
	.fileItem .fileTooltip.tbot {
		bottom: auto;
		top: 34px;
	}


/* $files end */



/* Attachments */
.attachmentsList {
	width: 100%;
	overflow: visible;
}

.attachmentContainer {
	padding: 5px 4px;
	background-color: white;
	border: 1px dotted #acb9c7;
}

.attachmentsTemplate {
	display: none;
}


/* Attachment Items */
.attachmentsFile {
	width: 350px;

	margin: 2px;
	float: left;
	text-align: left;
	padding: 4px;
	border: 1px solid #acb9c7;
	background-color:#ffffff;
	font-size: 8pt;

	position: relative;
}


.attachmentsFile .attachmentsRemoveConfirm {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background:#fff;	
	display: none;
}

.attachmentsFile .attachmentsRemoveConfirm > div {
	margin:2px;
}

.attachmentsFile .attachmentsRemoveConfirm .attachmentsRemoveButton {	
	padding:0 10px;
	height: 16px;
	display:inline;			
	margin:0 10px 0 10px;	
}

.attachmentsFile .attachmentsRemoveConfirm  .attachmentsRemoveContent {	
	width: 354px;
	float:left;
	text-align:center;
	cursor:pointer;
}

.attachmentsFile .attachmentsRemoveConfirm .attachmentsRemoveButtonYes {	
	background:#e80000;
	color:#fff;
	font-weight:bold;
	border:1px solid #e80000;
}

.attachmentsFile .attachmentsRemoveConfirm .attachmentsRemoveButtonNo {	
	background:#eeeeee;
	border:1px solid #bdbdbd;
	color:#000;
	font-weight:bold;
}

.attachmentsFile .attachmentsRemoveConfirm .attachmentsRemoveTitle {
	margin:10px 0 5px 5px;
	display: inline-block;
}


.attachmentsHelper {
/*
	list-style: none;
*/
	float: left;

	opacity: 0.3;
	filter: alpha(opacity = 30);

	background: #fff;
	overflow: hidden;

	padding: 5px;
	width: 350px;
	height: 40px;
	border: 2px dashed #aaa;
}

.attachmentsFile.attachmentsFileRemoveSelected {
	padding: 1px;
	border: 4px solid red;
}

.attachmentsFileImage {
	width: 40px;
	height: 40px;
}

.attachmentsGalleryAdd {
	display: none;
}

.attachmentsFile.file_image .attachmentsGalleryAdd {
	display: inline;
}

.attachmentsFile.file_image.attachmentsFileGallery .attachmentsGalleryAdd {
	display: none;
}

.attachmentsGalleryRemove {
	display: none;
}

/* Gallery Items */

.attachmentsGallery .attachmentsFile {
	width: 90px;
	height: 110px;
}

.attachmentsGallery .attachmentsHelper {
	width: 90px;
	height: 110px;
}

.attachmentsGallery .attachmentsFileImage {
	width: 90px;
	height: 90px;
}

.attachmentsGallery .attachmentsEdit, .attachmentsGallery .attachmentsRemove, .attachmentsGallery .attachmentsStateButton {
	display: none;
}

.attachmentsGallery .attachmentsInfo {
	display: none;
}

.attachmentsGallery .attachmentsGalleryRemove {
	display: inline;
}

.attachmentsGalleryInterface {
	display: none;
}


	.attachmentsFile .fileTooltip {
		display: none;
		z-index: 15;
		background: white;
		padding: 5px;
		border: 1px solid #e4e4e4;
		position: absolute;
		right: 222px;
		bottom: 27px;
	}
	.attachmentsFile.tshow .fileTooltip {
		display: block;
	}
	.attachmentsFile.tleft .fileTooltip {
		right: auto !important;
		left: 66px;
	}
	.attachmentsFile.tbot .fileTooltip {
		bottom: auto !important;
		top: 27px;
	}
	.attachmentsGallery .attachmentsFile .fileTooltip {
		right: 99px;
		bottom: 24px;
	}
	.attachmentsGallery .attachmentsFile.tleft .fileTooltip {
		left: 99px;
	}
	.attachmentsGallery .attachmentsFile.tbot .fileTooltip {
		top: -1px;
	}

/* SWF Upload */
.divMessage {
	background-color: #FFFF66;
	border-top: solid 4px #FF9966;
	border-bottom: solid 4px #FF9966;
	margin: 10px 25px;
	padding: 10px 15px;
	display: none;
}

.divLoadingContent {
}

.divLongLoading {
}

.divAlternateContent {

}

.uploadLoading .divLoadingContent {
	display: block;
}

.uploadLoadingLong .divLongLoading {
	display: block;
}

.uploadLoadingFailed .divAlternateContent {
	display: block;
}


.divUploadStatus {
	display: none;
}

.uploadLoaded .divUploadStatus {
	display: block;
}

.uploadButtonCancel {
	margin: 5px 0 0 8px;
	display: none;
}

.uploadLoaded .uploadButtonCancel {
	display: inline;
}






.progressWrapper {
	width: 357px;
	overflow: hidden;
}

.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
/* Message */
.message {
	margin: 1em 0;
	padding: 10px 20px;
	border: solid 1px #FFDD99;
	background-color: #FFFFCC;
	overflow: hidden;
}
/* Error */
.red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}

/* Current */
.green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}

/* Complete */
.blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}

.progressName {
	font-size: 8pt;
	font-weight: 700;
	color: #555;
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}

.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}

.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}

.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Arial;
	text-align: left;
	white-space: nowrap;
}

a.progressCancel {
	font-size: 0;
	display: block;
	height: 14px;
	width: 14px;
	background-image: url(/_images/download/cancelbutton.gif);
	background-repeat: no-repeat;
	background-position: -14px 0px;
	float: right;
}

a.progressCancel:hover {
	background-position: 0px 0px;
}


/* Attachments End */











/* Wysiwyg extra */

.jmcItemMaps, .jmcItemVideo {
	display: block;
	border:1px dotted #cc0000;
	background-position:center;
	background-repeat:no-repeat;
	background-color:#ffffcc;
}

.jmcItemMaps {
	background-image: url(/_images/core/form/wysiwyg_map.png);
}

.jmcItemVideo {
	background-image: url(/_images/core/form/wysiwyg_video.png);
}

span.mceIcon.mce_jmcmaps {
	background: url(/_images/core/form/wysiwyg_map_icon.png) no-repeat 0 0;
	background-size: contain;
}

span.mceIcon.mce_jmcvideo {
	background: url(/_images/core/form/wysiwyg_video_icon.png) no-repeat 0 0;
	background-size: contain;
}