/*
    Document   : admin - tools
    Created on : 2012-04-18, 17:34:38
    Author     : tech-prog
    Description:
        Admin tools -css for admin panel
*/

#adminTools {	height: 100px;	margin: 0 auto;	left: 0;	right: 0;	top:-70px;  position: initial;	padding: 0 0 30px 0;	z-index: 99;	background: url('../images/dynamic-top.gif') center top no-repeat;	opacity: 0.4; width: 619px; }
#adminTools .insideAdmin { margin: 0 auto; width: 619px; }

#adminTools a { font-size: 12px; color: #fff; text-align: center; opacity: 0.8; margin: 8px 22px 0 40px; float: left; }
#adminTools a:hover { text-decoration: none; opacity: 1 }
#adminTools img.expand { position: absolute; top: 49%; margin: 0 120px }

#container.admin div.handler:hover { cursor: move; }

/* Delete button */
#adminTrash {	height: 100px; bottom: 0;/*-100px;*/ display: none;	left: 0;	right: 0;  position: fixed;	z-index: 1;	background: url('../images/dynamic-recycle1.gif') center top no-repeat;	opacity: 0.4; }
#adminTrash.open { display: block; }
#adminTrash:hover {	opacity: 0.9; }
#adminTrash.onover { background: url('../images/dynamic-recycle2.gif') center top no-repeat; opacity: 0.9; }

#trashcan { display: none; margin: 0 auto; padding: 0 0 0 0; width: 128px; height: 128px;  }
#trashcan.visible { display: block; opacity: 0.7; }
#trashcan.onover { background-color: #ffdddd; opacity: 1; width: 128px; padding: 0 0 0 0; }

.minimumDelHeight { min-height: 2000px; }
div.CmsOptBox { display: block; padding: 4px 4px 4px 4px!important; opacity: 0.2; margin: -40px 0 0 0!important; position: absolute!important; border-radius: 3px; border: 1px solid #0b0b0b; background: #d9a46a; box-shadow: 0 0 10px #777; }
.CmsOptBox a, .CmsOptBox a img { width: 42px; height: 36px }
.CmsOptBox .bgt { display: block; padding: 2px 2px 2px 2px; margin: 2px 2px 2px 2px; overflow: auto; background: #fff; width: 145px; height: 42px }

.CmsOptBox a.edit { float: left; display: block; background: url('images/admin/icon-tool-edit-rolover.png') left top no-repeat;  }
.CmsOptBox div.sep { width: 8px; height: 36px; float: left; display: block; background: url('images/admin/icon-tool-sepator.gif') center center no-repeat;  }
.CmsOptBox a.delete { float: left; display: block; background: url('images/admin/icon-tool-delete-rolover.png') left top no-repeat;  }
.CmsOptBox a.line { float: left; display: block; background: url('images/admin/icon-tool-line-rolover.png') left top no-repeat;  }
.CmsOptBox a:hover { background-position: left bottom; }
.CmsOptBox:hover { opacity: 1; }
.CmsOptBox.minimizedHeight { display: none; }

.loadCenter { height: 64px; width: 64px; margin: auto auto auto auto; }
.editorStyle{	width: 800px!important;	height: 600px; }

/* Edit tool */
#factory { z-index: 2; display: block; opacity: 1;  }
#factory.ui-draggable-dragging span { display: none; }
#factory.visible { display: block; opacity: 1; }
#factory.onover { background-color: #ffdddd; opacity: 1; width: 128px; padding: 0 0 0 0; }

/* Unlock method */
div.objectTools {  height: 80px;  border: 2px dashed #eee;	overflow: hidden;	padding: 3px 3px 3px 3px;	margin: 6px 3px 3px 0px; }
div.objectTools:hover {	border: 2px dashed #777;	padding: 3px 3px 3px 3px;	margin: 6px 3px 3px 0px; }

div.objectTools.minimizedHeight { height: 0; }
div.objectTools.fadingHeight { height: 80px; }

div.objectTools a.addicon:hover {  }
div.objectTools a.editicon { clear:both; }

div.objectTools a { padding: 8px 8px 8px 8px; float: left; opacity: 0.2; }
div.objectTools a:hover { opacity: 1; }

.fadeOut { opacity: 0.4; }
.moved { opacity: 0.4; }
.fadeIn { opacity: 1!important; }

.placeholder { margin: 14px 14px 14px 14px; border: 2px dashed #888 }

.cmsElement { width: 120px; height: 120px; overflow: hidden; float: left }
.cmsElement img { width: 72px }
.cmsElement a { color: #000000; width: 100%; height: 24px; text-decoration: none; }
.systemElem img { opacity: 0.6 }
img.absSystem { position: absolute; margin: 57px 0 0 -20px!important; width: 16px; height: 16px; }

.colSet { float: left; width: 18px; height: 18px; border: 2px solid #000; cursor: pointer; }
#themePanel, div[aria-describedby=themePanel] { width: 650px !important; height: 300px !important; font-size: 1em; }
#themePanel input { width: 60px }
#themePanel label { width: 90px; padding: 0 8px 0 8px; }
.theme_list { overflow: auto; width: 100%; height: 50px; }
.mini_theme { width: 48px; float: left; }

#colors { width: 100%; }
#colors td {padding: 0px;}

.ui-dialog {
	padding: 0 !important;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(53, 50, 50, 0.98);
	-moz-box-shadow:    0px 0px 15px 0px rgba(53, 50, 50, 0.98);
	box-shadow:         0px 0px 15px 0px rgba(53, 50, 50, 0.98);
	z-index: 9;
}
.ui-dialog-content {
	padding: 0 !important;
	overflow: none !important;
}
.ui-widget-header {
	border-top-left-radius: 4px !important;
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 0px !important;
	border-bottom-left-radius: 0px !important;
	-webkit-border-top-left-radius: 4px !important;
	-webkit-border-top-right-radius: 4px !important;
	-webkit-border-bottom-right-radius: 0px !important;
	-webkit-border-bottom-left-radius: 0px !important;
	background: #ef6720 !important;
}
.ui-dialog-titlebar-close {
	display: none !important;
}

#theme_colors {
	background: #d6d6d6;
	width: 100%;
	padding: 10px;
	padding-bottom: 0;
}

#themes_options {
	margin-top: -14px;
	width: 100%;
	padding: 10px;
	padding-bottom: 0;	
	bottom: 4px;
}

input[type=button] {
	background: rgb(229,229,229) !important; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjY2NjY2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: -moz-linear-gradient(top,  rgba(229,229,229,1) 0%, rgba(204,204,204,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(229,229,229,1)), color-stop(100%,rgba(204,204,204,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(204,204,204,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(204,204,204,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(229,229,229,1) 0%,rgba(204,204,204,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(229,229,229,1) 0%,rgba(204,204,204,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc',GradientType=0 ) !important; /* IE6-8 */
	color: black !important;
	font-weight: normal !important;
	width: auto !important;
	height: 25px !important;
	padding: 5px !important;
	border: 1px solid #999999 !important;
	border-radius: 0px !important;
}
input[type=button]:active {
	background: rgb(204,204,204) !important; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NjY2NjYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+) !important;
	background: -moz-linear-gradient(top,  rgba(204,204,204,1) 0%, rgba(229,229,229,1) 100%) !important; /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(204,204,204,1)), color-stop(100%,rgba(229,229,229,1))) !important; /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(229,229,229,1) 100%) !important; /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(229,229,229,1) 100%) !important; /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(204,204,204,1) 0%,rgba(229,229,229,1) 100%) !important; /* IE10+ */
	background: linear-gradient(to bottom,  rgba(204,204,204,1) 0%,rgba(229,229,229,1) 100%) !important; /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#e5e5e5',GradientType=0 ) !important; /* IE6-8 */	
	}

#picture_bkg {
	padding-left: 10px;
	padding-right: 10px;
}

#picture_bkg select, #themes_options select {
	border: 1px solid #aaa;
	height: 25px;
	color: #555;
	padding: 1px;
	border-radius: 5px;
}

#new_col_palette {
	z-index: 99999;
	padding-left: 10px;
	position: absolute;
	width: 100%;
	bottom: 10px;
	height: 40px;
	background: rgba(0,0,0,0.5);
}

#palette_name {
	z-index: 99999;
	padding-left: 10px;
	position: absolute;
	width: 100%;
	bottom: 10px;
	height: 40px;
	background: rgba(0,0,0,0.5);
}

input[type=checkbox]{
	width: auto !important;
}