/* IMGManager styles */
@import url("cropper.css");

div#CMSWindowLayer {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 15;
	position: absolute;
}
div#CMSWindow {
	position: absolute;
	left: 50%;
	top: 5px; 
}
div#CMSWindow span {
	display: block;
	float: left;
}

div#CMSWindow .top-left	 	{ background-image: url('../images/window-top-left.png'); width: 8px; height: 8px; }
div#CMSWindow .top-middle	 	{ background-image: url('../images/window-top-middle.png'); height: 8px; }
div#CMSWindow .top-right	 	{ background-image: url('../images/window-top-right.png'); width: 8px; height: 8px; }
div#CMSWindow .middle-left 	{ background-image: url('../images/window-middle-left.png'); width: 3px; }
div#CMSWindow .middle-right 	{ background-image: url('../images/window-middle-right.png'); width: 3px; }
div#CMSWindow .bottom-left 	{ background-image: url('../images/window-bottom-left.png'); width: 8px; height: 8px; }
div#CMSWindow .bottom-middle 	{ background-image: url('../images/window-bottom-middle.png'); height: 8px; }
div#CMSWindow .bottom-right 	{ background-image: url('../images/window-bottom-right.png'); width: 8px; height: 8px; }

div#CMSWindow .content {
	background-color: #fff; 	
	font-size: 12px;
	color: #000;
	text-align: center;
	font-family: Arial;
	position: relative;
}
/* custom html form elements */
.checkbox, .radio {
	width: 19px;
	height: 23px;
	margin-top: -2px;
	*margin-top: -5px;
	background-image: url(../images/checkbox.gif);
	background-repeat: no-repeat;
	display: block;
	clear: left;
	float: left;
}
select {
	visibility: hidden;
}
#select {
	display: block;
	*position: relative;
	position: static;
	border: 1px solid #ccc;
	background-image: url(../images/s_bckg.jpg);
	background-repeat: x-repeat;
	height: 22px;
	font-family: Arial;
	font-size: 11px;
	color: #666;
	cursor: pointer;
	padding-right: 5px;
	*padding-right: 0px;
}
html>body #select {
	padding-right: 5px;
}
#select #button {
	display: block;
	background-image: url(../images/s_button.gif);
	background-repeat: no-repeat;
	background-position: 100% 10px;
	padding-left: 5px;
	padding-right: 0px;
	padding-top: 4px;
	font-weight: bold;
	height: 18px;
}
#select img {
	margin-right: 10px;
	margin-top: -2px;
	margin-bottom: -2px;
	float: left;
	border: none;
}
#select #list {
	display: block;
	position: absolute;
	padding: 0px; margin: 0px;
	margin-left: -1px;
	border: 1px solid #ccc;
	background-color: #ddd;
	margin-top: 4px;
	z-index: 10;
	max-height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}
html>body * #select #list { 
   height: expression(this.scrollHeight > 139 ? "140px" : "auto");
}
#select #option, #select .disabled {
	display: block;
	clear: left;
	padding: 5px;
	color: #000;
}
#select #option:hover {
	background-color: #fff;
}
/*objects*/
div#CMSObjects {
	position: relative;
	height: 100%;
	display: block;
}
div#CMSObjectsLoad {
	width: 294px;
	height: 54px;
	background-position: 50%;
	text-align: center;
	margin-top: 12px;
	background-repeat: no-repeat;
	background-image: url(../images/ajax-loader.gif); 
	color: #333;
}
div#CMSObjectsInfo, div#CMSObjectsError {
	width: 260px;
	height: 40px;
	position: absolute;
	display: block;
	left: 50%;
	top: 5px; 
	margin-left: -149px;
	padding: 20px;
	font-size: 12px;
	color: #000;
	text-align: center;
	z-index: 1;
}
div#CMSObjectsInfo, div#CMSObjectsError {
	background-repeat: no-repeat;
	background-image: url(../images/info_frame.png);
}
table#CMSTable {
	width: 640px;
	z-index: 1;
	font-family: Arial;
	font-size: 11px;
	color: #666;
	background-image: url(../images/tableRow.jpg);
	background-position: 0 1px;
	background-repeat: x-repeat;
	padding-bottom: 4px;
}
div#CMSTable-separator {
	display: block;
	width: 640px;
	height: 5px;
	background-image: url('../images/movebox_bg.jpg');
	background-repeat: no-repeat;
	*margin-bottom: -10px;
	clear: left;
}
html>body div#CMSTable-separator {
	margin-bottom: 0px;
}
tr.CMSTableTop {
	background-image: none !important;
	color: #fff;
	height: 30px !important;
	/*background-color: #8a8888 !important;*/
}
table#CMSTable tr {
	height: 37px;
	*height: 35px;
}
table#CMSTable td {
	*background-position:expression(-this.offsetLeft); 
}
table#CMSTable td.checkboxCell {
	/*background-image: url(../images/tSeparator.jpg);
	background-repeat: no-repeat;
	background-position: 37px 2px;*/
	padding: 5px 5px 5px 10px;
	*padding: 2px 5px 0px 10px;
	width: 30px;
}
div#CMSContextMenu {
	width: auto;
	height: auto;
	display: block;
	position: absolute;
	z-index: 1;
	padding-bottom: 4px;
	padding-left: 2px;
	background-image: url('../images/contextmenu_bg.jpg');
	background-position: 0 100%;
	background-repeat: no-repeat;
	background-color: #fff;
}
div#CMSContextMenu div {
	border: 1px solid #c0bfbf;
	margin-bottom: -1px;
}
div#CMSContextMenu div table {
	padding: 5px;
}
td.tools {
	padding-right: 10px;
	width: auto;
	width: 220px;
}
a.new_tool, a.edit_tool, a.delete_tool, a.visible0_tool, a.visible1_tool, a.copy_tool, a.archive_tool, a.loupe_tool, a.mail_tool, a.pictures_tool, a.palette_tool, a.integrations_tool.allegro, a.gratka_pl_tool {
	width: 32px;
	height: 29px;
	display: block;
	float: right;
	background-position: 0 0;
}
a.position_top_tool, a.position_bottom_tool, span.position_0top_tool, span.position_0bottom_tool {
	width: 20px;
	height: 29px;
	display: block;
	float: right;
	background-position: 50%;
	background-repeat: no-repeat;
}
a.new_tool {
	background-image: url(../images/tAdd.png);
}
a.edit_tool {
	background-image: url(../images/tEdit.png);
}
a.delete_tool {
	background-image: url(../images/tDelete.png);
}
a.visible1_tool {
	background-image: url(../images/tEye-on.png);
}
a.visible0_tool {
	background-image: url(../images/tEye-off.png);
}
a.copy_tool {
	background-image: url(../images/tCopy.jpg);
	z-index: 2;
}
a.position_top_tool {
	background-image: url(../images/top.gif);
}
a.position_bottom_tool {
	background-image: url(../images/down.gif);
}
a.archive_tool {
	background-image: url(../images/tArchive.png);
}
a.loupe_tool {
	background-image: url(../images/tLoupe.png);
}
a.mail_tool {
	background-image: url(../images/tMail.png);
}
a.pictures_tool {
	background-image: url(../images/tPictures.png);
}
a.palette_tool {
	background-image: url(../images/tPalette.png);
}
a.integrations_tool.allegro {
	width: 52px;
	background-image: url(../images/tAllegro.png);
}
a.gratka_pl_tool {
	background-image: url(../images/gratka_pl.png);
}
span.position_0top_tool {
	background-image: url(../images/top-none.gif);
}
span.position_0bottom_tool {
	background-image: url(../images/down-none.gif);
}
div.request {
	margin-top: 3px;
}
div.request, div.request_buttons {
	display: block;
}
div.request_buttons {
	width: 100%;
	background-color: #999;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 5px;
}
a.confirm_button, a.cancel_button {
	display: block;
	background-repeat: no-repeat;
	background-position: 10px;
	padding-left: 30px;
	color: #fff;
}
a.confirm_button {
	float: left;
	background-image: url(../images/action_check.gif);
}
a.cancel_button {
	float: right;
	background-image: url(../images/delete.gif);
	margin-right: 10px;
}
div.editing_content {
	display: block;
	background-image: url(../images/edit_middle.jpg);
	background-repeat: y-repeat;
	width: 620px;
	padding: 10px;
}
div.editing_bottom {
	display: block;
	background-image: url(../images/edit_bottom.jpg);
	background-repeat: no-repeat;
	width: 640px;
	height: 10px;
}
ul#editing_header  {
	display: block;
	background-image: url(../images/edit_top.jpg);
	background-repeat: no-repeat;
	background-position: 0px bottom;
	width: 635px;
	height: 34px;
	padding-left: 5px;
	*margin-left: -0px;
	margin-bottom: 0px;
}
ul#editing_header li {
	background-image: url(../images/button_right.jpg);
	background-position: 100% 100%;
	height: 28px;
	float: left;
	display: block;
	margin-left: 3px;
	margin-right: 3px;
}
ul#editing_header li a {
	background-image: url(../images/button_left.jpg);
	background-repeat: no-repeat;
	background-position: 0 100%;
	height: 18px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	display: block;
	color: #777777;
	font-weight: bold;
	float: left;
}
ul#editing_header li.active {
	background-position: 100% 0;
}
ul#editing_header li.active a {
	background-position: 0 0;
	color: #fff;
}
ul#editing_header li input.deleteButton {
	font-family: Arial;
	font-size: 11px;
	height: 13px;
	width: 13px;
	color: #333;
	background-image: url('../images/movebox_delete.jpg');
	background-repeat: no-repeat;
	border: 0;
	margin-top: 9px;
	margin-right: 10px;
	cursor: pointer;
}
ul#editing_header li.active input.deleteButton {
	background-position: 0 100%;
}
div.editing_content  input, div.editing_content  textarea {
	border: 1px solid #ccc;
	width: 100%;
}
div.create_thumb {
	background-repeat: no-repeat;
	background-position: 50%;
	display: block;
	position: relative;
	margin: 0px auto;
}
div.thumb_mask {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
div.resize_thumb {
	display: block;
	position: absolute;
	border: 1px solid #666;
	filter:alpha(opacity=150);
	-moz-opacity: 1.5;
	opacity: 1.5;
	background-color: #000;
	cursor: move;
}
div.drag_resize {
	width: 26px;
	height: 26px;
	display: block;
	position: absolute;
	right: 1px;
	bottom: 1px;
	cursor: nw-resize;
	background-image: url(../images/feature_resize.png);
}
div.zoom_toolbar {
	width: 399px;
	height: 29px;
	display: block;
	position: relative;
	margin: 0px auto;
	margin-bottom: 30px;
	background-image: url(../images/zoom_toolbar.jpg);
	background-repeat: no-repeat;
	background-position: 0 5px;
	position: relative;
	cursor: default;
}
div.zoom_toolbar span.percent_status {
	display: block;
	width: 60px;
	height: 20px;
	padding-top: 7px;
	float: left;
	margin-left: 20px;
	padding-left: 10px;
	background-image: url(../images/zoom_status.jpg);
}
div.zoom_toolbar div.percent_thumb {
	width: 100px;
	height: 19px;
	display: block;
	position: relative;
	margin-left: 5px;
	float: left;
}
div.zoom_toolbar div.percent_tool {
	display: block;
	position: absolute;
	width: 9px;
	height: 19px;
	left: 100px;
	margin-top: 5px;
	background-image: url(../images/zoom_handle.jpg);
}
input.submit {
	color: #333;
	font-family: Arial;
	font-size: 11px;
	height: 25px;
	background-image: url('../images/submit.jpg');
	border: 1px solid #ccc;
	cursor: pointer;
	*padding-left: 10px;
	*padding-right: 10px;
}
input.submit[disabled="disabled"] {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
a.addButton, a.deleteButton, a.renameButton, a.paletteButton, a.archiveButton {
	float: left;
	display: block;
	font-family: Arial;
	font-size: 11px;
	height: 18px;
	background-repeat: no-repeat;
	padding-left: 20px;
	color: #333;
	text-decoration: none;
	padding-top: 2px;
	padding-right: 10px;
}
a.addButton {
	background-image: url('../images/add.jpg');
}
a.deleteButton {
	background-image: url('../images/delete.jpg');
}
a.deleteButton.nonFloat {
	float: none !important;
}
a.renameButton {
	background-image: url('../images/rename.jpg');
	margin-top: -5px;
	padding-top: 7px;
	height: 23px;
	padding-left: 35px;
}
a.paletteButton {
	background-image: url('../images/palette_icon.png');
	padding-left: 35px;
}
a.archiveButton {
	background-image: url('../images/archive.png');
}
div#MoveBox {
	display: block;
	height: 40px; 
	width: 594px;
	overflow: hidden;
	visibility: hidden;
	margin-left: 2px;
}
div#MoveBox input, input.mb-add {
	display: block;
	width: 45px;
	height: 28px;
	float: left;
	border: 0;
	margin-top: 11px;
	background: transparent;
	*margin-right: -3px;
}
div#MoveBox input.right {
	background-image: url('../images/movebox_right.jpg');
}
div#MoveBox input.left {
	background-image: url('../images/movebox_left.jpg');
}
html>body div#MoveBox input.left {
	*margin-right: 0px;
}
input.mb-add {
	background-image: url('../images/movebox_add.jpg');
	margin-left: 2px;
}
input#addCategory, input#renameCategory {
	width: 179px;
	height: 16px;
	background-image: url('../images/textBox.jpg');
	background-repeat: no-repeat;
	border: 0;
	padding-left: 10px;
	padding-right: 11px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 11px;
}
div#MoveBox div#frame {
	display: block;
	float: left;
	width: 500px;
	height: 40px; 
	overflow: hidden;
	position: relative;
	*height: 30px;
	*padding-top: 11px;
}
div.page-button {
	display: block;
	float: right;
	padding-top: 10px;
	padding-right: 20px;
	clear: right;
}
a.page-button {
	background-image: url('../images/page-button.jpg');
	background-position: 100% 100%;
	background-repeat: no-repeat;
	width: 30px;
	height: 21px;
	float: left;
	display: block;
	color: #777777;
	font-weight: bold;
	text-align: center;
	padding-top: 7px;
}
a.page-button.active {
	background-position: 100% 0;
	color: #fff;
}

/* IMGManager styles */

div.imgmanager {
	display: none;
	width: 630px;
	background-color: #fff;
	margin-left: -5px;
	background-image: url('../images/imgmanager-preview-icon.jpg');
	background-position: 15px 50%;
	background-repeat: no-repeat;
}
div.imgmanager span._top, span._bottom {
	display: block;
	width: 630;
	height: 20px;
	background-repeat: no-repeat;
}
div.imgmanager span._top {
	background-image: url('../images/imgmanager-preview-bg1.jpg');
	margin-top: 10px;
}
div.imgmanager span._bottom {
	background-image: url('../images/imgmanager-preview-bg2.jpg');
	margin-bottom: 10px;
}
div.imgmanager-preview {
	display: block;
	margin: 0px auto;
}
div#imgmanager-image {
	display: block;
	margin: 0px auto;
}