@charset "UTF-8";
a { outline: none; }

/*************  clearfix  **********************/

.clearfix:after {
  content: ".";
  display: block;
  font-size:0;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: block; }

.rounded-2 { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.rounded-3 { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.rounded-4 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.rounded-5 { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.rounded-6 { -moz-border-radius: 6px; -webkit-border-radius: 5px; border-radius: 6px; }
.rounded-7 { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }
.rounded-left-3 { -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
.rounded-bottom-7 { -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius: 7px;-webkit-border-bottom-right-radius: 7px; border-bottom-left-radius: 7px; border-bottom-right-radius: 7px;}	


.ui-widget { font-size:.9em;}
.ui-dialog .ui-dialog-buttonpane button { padding: .1em .6em .2em .6em; }


/* colorpicker "button" */
.el-colorpicker {
	width  : 16px;
	height : 16px;
	border:1px solid #ccc;
	position:relative;
	cursor:default;
}

/* colors palette */
.el-palette {
	width: 182px;
	border:1px solid #ccc;
	background:#fff;
	padding:3px 2px 3px 3px;
	z-index:99000; /* fight with ui.dialog 0_o */
	position:absolute;
	top:16px;
	left:0;
}

/* color cell in palette */
.el-palette .color {
	float:left;
	width:14px;
	height:14px;
	line-height:1px;
	border-top: 1px solid #eee;
	border-left:1px solid #eee;
}

/* side below color cells */
.el-palette .panel {
	border-top:1px solid #ccc;
	margin-top:7px;
	padding:5px 3px 5px 3px;
}

/* "window" with selected color */
.el-palette .panel .preview {
	float:right;
	width:18px;
	height:18px;
	border:1px solid #ccc;
}

/* color value text field */
.el-palette .panel input {
	border:1px solid #ccc;
}

/* dialog container */
.ui-widget .el-dialogform {
	padding:5px 3px;

}

.ui-widget .el-dialogform-rtl {
	direction: rtl;
}

.ui-widget .el-dialogform-rtl .ui-tabs-nav li {
	float:right;
}

.el-dialogform div.tab:hover { background:transparent; }
.ui-dialog .ui-dialog-title, .ui-dialog .ui-dialog-content {
	font-size:.9em;
}

/* tabs nav */
.ui-tabs .ui-tabs-nav li a {
	padding:.2em .7em;
}

/* tab container */
.el-dialogform .tab {
	padding:5px 0 12px 0;
	border:none;
}
/* line separator */
.el-dialogform .separator {
	border-top:1px solid #ccc;
	margin: 5px 2px;
}

/* table in dialog or in tab */
.el-dialogform table {
	width:100%;
	border: none;
}

.el-dialogform  table td {
	padding: 2px;
}

.el-dialogform input, .el-dialogform textarea {
	border:1px solid #ccc;
}

.el-dialogform select {
	padding:0;
/*	font-size:11px;*/
}

.el-dialogform .spinner {
	background:url(../bundles/studio-42/elrte/src/ellib/images/loading.gif) 50% 50% no-repeat;
	text-align:center;
	width:150px;
	height:50px;
	margin:10px auto;
	padding-top:33px;
	font-weight:bold;
}
.el-dialogform-error {
	background: #fee; color:#ff0000; border: 2px #844 solid; padding: 10px; margin-bottom: 1em 0;
	
}
.el-dialogform-message {
	background: #efe; color: #040; border: 2px #484 solid; padding: 10px; margin-bottom: 1em 0;
}


.el-dialogform  table td .el-borderselect table {
	width:auto;
}

.el-dialogform  table td .el-borderselect table td {
	padding-left :0;
	padding-right:2px;
}

.el-paddinginput {
	display: block;
	white-space: nowrap;
}
.el-paddinginput input {
	margin :0 1px 0 0;
	border:1px solid #ccc;
}
.el-paddinginput select {
	padding:0;
}
/* container for elselect */
.el-select {
	height:17px;
	width : 110px;
	border:1px solid #ccc;
	cursor: default;
	position:relative;
}
.el-select.hover {
	background-color:#eee;
}

/* selected element */
.el-select label {
	height:17px;
	line-height:17px;
/*	font-size:.92em;*/
	padding: 0 5px;
	margin: 0 12px 0 0;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	background: #fff;
	border-right:1px solid #ccc;
}
/* drop-down list */
.el-select .list {
	border:1px solid #ccc;
	display:block;
	position:absolute;
	overflow:auto;
	background:#fff;
	z-index:1000;
/*	height:1610px*/
}
/* drop-down list item */
.el-select .list div {
	position:relative;
	padding:3px 25px 3px 7px;
	border-bottom:1px solid #eee;
}
/* drop-down list item hovered */
.el-select .list .hover {
	background:#efefef;
}
/* drop-down list item selected */
.el-select .list .active {
	background-color:#c3dbef;
}
/* any elements in drop-down list item */
.el-select .list div * {
	padding:0;
	margin:0;
	border:none;
	white-space:nowrap;
	display:block;
}

/*  контейнер */
.el-rte { 
	font-family: Trebuchet MS, Verdana, Geneva,sans-serif;
	overflow:hidden;
/*	border:1px solid #aaa;*/
}
.el-rte.el-fullscreen {
	position:absolute;
	width:99%;
/*	height:100%;*/
	top:0;
	left:0;
	margin:0;
	z-index:10;
}

.elrte-swf-placeholder {
	width:1px;
	background: url('../../vendor/studio-42/elrte/src/elrte/images/swf.png') 0 0 no-repeat;	
}

/* style to detect images url */
/*.el-rte */
.elrtetesturl { color:red; background-image:url(../bundles/studio-42/elrte/src/elrte/images/pixel.gif);}

/* панель инструментов */
.el-rte .toolbar {  background-color:#eee; padding:3px 7px 2px 7px; border:1px solid #ccc; white-space:normal; }

.el-rte-rtl .toolbar { direction: rtl; }

/* панель кнопок */
.el-rte .toolbar ul {
	position:relative;
	display:inline-block; 
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
	margin:0;
	list-style:none;
	padding:0 2px 0 5px;
	background: url('../bundles/studio-42/elrte/src/elrte/images/elrte-toolbar.png') -934px -2px no-repeat;	
}
/* первая панель кнопок */
.el-rte .toolbar ul.first {
	background:transparent;
	padding-left:0;
}
/* кнопка */
.el-rte .toolbar ul li {
	display:inline-block; 
	display: -moz-inline-stack;
    display: inline-block;
	height:22px; 
	width:22px;
    vertical-align: top;
    zoom: 1;
    *display: inline;
	margin:1px 1px;
	padding:0; /* Joomla 1.6 compat */
	background:url('../bundles/studio-42/elrte/src/elrte/images/elrte-toolbar.png') no-repeat; 
	border:1px solid #ccc;	
	z-index:100;

}
/* активная и подсвеченная и неактивная кнопка */
.el-rte .toolbar ul li.hover    { border:1px solid #54b9bf; }
.el-rte .toolbar ul li.active   { background-color:#c3dbef; border:1px solid #fff; }
.el-rte .toolbar ul li.disabled { opacity:alpha(0.3); opacity: 0.3; filter:Alpha(Opacity=30);}
/*  кнопки  */
.el-rte .toolbar ul li.about               {background-position:-829px -5px;}
.el-rte .toolbar ul li.save                {background-position:-30px -2px;}
.el-rte .toolbar ul li.new                 {background-position:-55px -2px}
.el-rte .toolbar ul li.copy                {background-position:-78px -2px}
.el-rte .toolbar ul li.css                 {background-position:-801px -5px}
.el-rte .toolbar ul li.cut                 {background-position:-104px -2px}
.el-rte .toolbar ul li.paste               {background-position:-128px -2px}
.el-rte .toolbar ul li.pastetext           {background-position:-534px -2px}
.el-rte .toolbar ul li.pasteformattext     {background-position:-154px -2px}
.el-rte .toolbar ul li.removeformat        {background-position:-180px -2px}
.el-rte .toolbar ul li.docstructure        {background-position:-712px -4px}  
.el-rte .toolbar ul li.undo                {background-position:-205px -2px}
.el-rte .toolbar ul li.redo                {background-position:-230px -2px}
.el-rte .toolbar ul li.bold                {background-position:-252px -2px; }
.el-rte .toolbar ul li.italic              {background-position:-270px -2px;}
.el-rte .toolbar ul li.underline           {background-position:-290px -2px; }
.el-rte .toolbar ul li.strikethrough       {background-position:-149px -29px}
.el-rte .toolbar ul li.subscript           {background-position:-54px -29px}
.el-rte .toolbar ul li.superscript         {background-position:-76px -29px}
.el-rte .toolbar ul li.justifyleft         {background-position:-311px -2px}
.el-rte .toolbar ul li.justifycenter       {background-position:-335px -2px}
.el-rte .toolbar ul li.justifyright        {background-position:-360px -2px}
.el-rte .toolbar ul li.justifyfull         {background-position:-174px -29px}
.el-rte .toolbar ul li.insertunorderedlist {background-position:-100px -29px}
.el-rte .toolbar ul li.insertorderedlist   {background-position:-124px -29px}
.el-rte .toolbar ul li.outdent             {background-position:-6px   -29px}
.el-rte .toolbar ul li.indent              {background-position:-32px  -29px}
.el-rte .toolbar ul li.blockquote          {background-position:-220px -30px}
.el-rte .toolbar ul li.div                 {background-position:-655px -29px}
.el-rte .toolbar ul li.stopfloat           {background-position:-771px -5px}  
.el-rte .toolbar ul li.nbsp                {background-position:-580px -2px} 
.el-rte .toolbar ul li.forecolor           {background-position:-372px -30px}
.el-rte .toolbar ul li.hilitecolor         {background-position:-395px -30px}
.el-rte .toolbar ul li.link                {background-position:-244px -29px}
.el-rte .toolbar ul li.unlink              {background-position:-270px -29px}
.el-rte .toolbar ul li.anchor              {background-position:-296px -30px} 
.el-rte .toolbar ul li.image               {background-position:-384px -2px}
.el-rte .toolbar ul li.flash               {background-position:-410px -2px}
.el-rte .toolbar ul li.file                {background-position:-436px -3px}
.el-rte .toolbar ul li.table               {background-position:-421px -30px}
.el-rte .toolbar ul li.tableprops          {background-position:-602px -29px}
.el-rte .toolbar ul li.tbcellprops         {background-position:-806px -27px}
.el-rte .toolbar ul li.tablerm             {background-position:-461px -2px}
.el-rte .toolbar ul li.tbrowbefore         {background-position:-683px -4px}
.el-rte .toolbar ul li.tbrowafter          {background-position:-654px -4px}
.el-rte .toolbar ul li.tbrowrm             {background-position:-500px -30px}
.el-rte .toolbar ul li.tbcolbefore         {background-position:-741px -27px}
.el-rte .toolbar ul li.tbcolafter          {background-position:-772px -27px}
.el-rte .toolbar ul li.tbcolrm             {background-position:-526px -30px}
.el-rte .toolbar ul li.tbcellsmerge        {background-position:-552px -30px}
.el-rte .toolbar ul li.tbcellsplit         {background-position:-629px -29px}
.el-rte .toolbar ul li.smiley              {background-position:-322px -29px}
.el-rte .toolbar ul li.spec-text           {background-position:-487px -2px}
.el-rte .toolbar ul li.print               {background-position:-509px -2px}
.el-rte .toolbar ul li.horizontalrule      {background-position:-199px -29px}
.el-rte .toolbar ul li.fullscreen          {background-position:-348px -30px}  
.el-rte .toolbar ul li.elfinder            {background-position:-436px -2px}
.el-rte .toolbar ul li.ltr                 {background-position:-855px -27px}  
.el-rte .toolbar ul li.rtl                 {background-position:-855px -3px} 
.el-rte .toolbar ul li.pagebreak           {background-position:-711px -28px}  


/* рабочая зона (обертка над iframe) */
.el-rte .workzone { border:1px solid #eee; border-top:0; height:400px; overflow:hidden; }
.el-rte.small .workzone { min-height:250px; }

/* source code */
.el-rte textarea  { width:100%; height:100%; border:0; zoom:1; padding:0; outline:none; }
.el-rte.small textarea  { min-height:250px;}
/* редактор */
.el-rte iframe    { 
	width: 100%; 
	height:400px; 
	display:block;
	outline:none; 
	border:0 solid; 
	padding:0; 
	margin:0;
	background:#fff; 

}
.el-rte.small iframe  { min-height:250px;}

/* панель статуса (путь) */
.el-rte .statusbar {
	height: 21px;
	padding: 0 9px;
	font: 11px/21px 'monaco', 'andale mono', 'lucida console', monospace;
	background-color:#eee;
	border-top:1px solid #ccc;	
	border-top:0;
}

.el-rte-rtl .statusbar {
	direction:rtl;
/*	text-align:right;*/
}

/* табы */
.el-rte .tabsbar { display: block;  }
.el-rte .tabsbar .tab {
	float:left;  
	margin-right:2px; 
	padding: 6px 17px;
	font-size: .82em; 
	font-weight:bold;
	color:#777;
	text-align:center;  
	border:1px solid #eee;
	border-top:0;
	background: #fff;
	cursor: default;
}
.el-rte .tabsbar div.active { background: #eee; color:#444; }
.el-rte-rtl .tabsbar .tab  { float:right; }

/* выпадающие меню */
/* container for elselect */
.el-rte .toolbar ul li.el-select {
	height:22px;
	width : 120px;
	border:1px solid #ccc;
	font-size:.82em;
	cursor: default;
	background-position:-475px -30px;
}

.el-rte .toolbar ul li.el-select.hover {
	background-color:#fefefe;
}

.el-rte .toolbar ul li.el-select label {
	height:19px;
	padding: 3px 5px 0 5px;
	float:none; /* Joomla 1.6 compat */
	width:96px; /* Joomla 1.6 compat */
}

/* textarea & iframe в диплогах вставки текста */
.el-rte-paste-input {
	width : 99%;
	height: 250px;
	border: 1px solid #ccc;
	padding:0;
	margin:0;
	outline:none;
}
/* индикатор выбраного цвета на кнопке */
.el-rte .toolbar ul li div.color-indicator {
	width:18px;
	height:4px;
	margin:16px 0 2px 2px;
	background-color: #000;
}
.el-rte-rtl .toolbar ul li div.color-indicator {
	margin:16px 2px 2px 0;
}
.el-rte .toolbar .panel-format { z-index: 10; }

/* colors palette */
.el-palette { top:20px; }

.el-dialogform, .el-dialogform td       { font-size:.9em; }
.el-dialogform select                   { font-size:.9em;}
.ui-dialog .ui-dialog-buttonpane        { padding: .4em, 1em;}
.ui-dialog .ui-dialog-buttonpane button { margin: .3em .4em .1em 0; font-size:.9em;}
.ui-dialog .ui-dialog-titlebar          { padding: .3em 1em .3em;   }
/*.ui-dialog-buttonset { padding:0; background-color:#333;}*/
/* диалоговые окна */
.el-dialogform label       { display:block; }
.el-dialogform label input { margin-right:2px; }
.el-dialogform iframe.el-rte-preview {
	width : 100%;
	height : 235px;
	margin:0;
	padding:0;
	outline:none;
	border:0;
}
.el-dialogform fieldset {
	border:1px solid #ccc;
	padding : 0;
}
.el-dialogform fieldset legend {
	font-size:.9em;
	padding: .1em .5em;
	margin: 0 0 5px 1em;
	border:1px solid #ccc;
	background-color: #eee;
}
.el-dialogform p  { padding:.2em .3em;}
.el-dialogform h3 { color:#555; padding:1.2em 0 0 0; margin:0; font-size:1.2em; }
.el-dialogform h4 { color:#555;font-size:1em; padding:0; margin: 3px 9px; }

.elrte-logo { 
	width:48px; 
	height:46px;
	float:left; 
	margin:.5em 1em;
	background:url('../bundles/studio-42/elrte/src/elrte/images/elrte-toolbar.png') -880px -7px no-repeat;
}
.elrte-ver  { font-size:.9em; padding-left:.7em; }
.elrte-copy { font-size:.9em; padding-left:.3em; }
table.elrte-authors    { margin-bottom:1em; }
table.elrte-authors td { border-bottom:1px solid #eee; }

/* widgets */
.el-borderselect {}
.el-borderselect table      {  margin:0; }
.el-borderselect table td   { padding : 0 2px 0 0; vertical-align:middle; }
.el-borderselect input      { margin:0;  border:1px solid #ccc; }

.el-paddinginput        { display: block; white-space: nowrap; }
.el-paddinginput input  { margin :0 1px 0 0; border:1px solid #ccc; }
.el-paddinginput select { padding:0; }

.el-rte-smiley { margin:5px; }

.elrte-image-src-fm .ui-state-default {
	float:right;
}
.el-dialogform-rtl .elrte-image-src-fm .ui-state-default { float:left;}

.elrte-image-preview {
	font-size:.7em;
	overflow:auto;
	height:240px;
	width:480px;
}



/* file manager window */

.el-finder {
	width:100%; 
	min-width:400px;
	border:1px solid #ccc;
	background-color:#eee;
	font:12px trebuchet ms,lucida grande,verdana,sans-serif;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

.el-finder-undocked {
	position:absolute;
	min-width:400px;
	border:1px solid #ccc;
	padding:5px;
}

/* error messages */
.el-finder-err {
	padding: 15px;
	text-align:center;
	background: #fee; 
	color: #cc0509; 
	border: 2px #844 solid;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
}

/* disabled */
.el-finder-disabled .el-finder-toolbar li,
.el-finder-disabled .el-finder-nav,
.el-finder-disabled .el-finder-cwd { 
	opacity:0.35; filter:Alpha(Opacity=35);
}

.el-finder .el-finder-droppable {
	background-color:#99ccff;
}
.el-finder .ui-selected {
	background-color:#ccc;
/*	background-color:#c5e4f9;*/
}

.el-finder input {
	margin:0;
	padding:0;
	outline:none;
	border:1px solid #ccc;
}

/************************************/
/*             toolbar              */
/************************************/         

.el-finder-toolbar ul {
	padding:5px 7px;
	margin:0;
	list-style:none;
}

.el-finder-toolbar ul li {
	display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
	vertical-align: top;
	height:22px; 
	width:23px;
	margin:0 2px;
	padding:0;
	background:url('../bundles/studio-42/elfinder/src/images/toolbar.png') no-repeat; 
	border:1px solid #ccc;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
}
.el-finder-toolbar ul li.delim { 
	border:none;
	width:3px;
	background-position: 1px -610px;
}

.el-finder-toolbar ul li.el-finder-tb-hover {
	border:1px solid #fff;
	background-color:#ccc;
}

.el-finder-toolbar ul li.disabled { opacity:0.35; filter:Alpha(Opacity=35); }

.el-finder-toolbar ul li.back       { background-position: 3px -171px; }
.el-finder-toolbar ul li.reload     { background-position: 3px -192px; }
.el-finder-toolbar ul li.select     { background-position: 3px -214px; }
.el-finder-toolbar ul li.open       { background-position: 4px -235px; }
.el-finder-toolbar ul li.mkdir      { background-position: 4px -258px; }
.el-finder-toolbar ul li.mkfile     { background-position: 4px -280px; }
.el-finder-toolbar ul li.upload     { background-position: 3px -305px; }
.el-finder-toolbar ul li.rm         { background-position: 3px -330px; }
.el-finder-toolbar ul li.copy       { background-position: 3px -356px; }
.el-finder-toolbar ul li.paste      { background-position: 3px -381px; }
.el-finder-toolbar ul li.rename     { background-position: 3px -407px; }
.el-finder-toolbar ul li.edit       { background-position: 4px -435px; }
.el-finder-toolbar ul li.info       { background-position: 3px -462px; }
.el-finder-toolbar ul li.help       { background-position: 3px -487px; }
.el-finder-toolbar ul li.icons      { background-position: 3px -537px; }
.el-finder-toolbar ul li.list       { background-position: 3px -557px; }
.el-finder-toolbar ul li.uncompress { background-position: 3px -583px; }
.el-finder-toolbar ul li.resize     { background-position: 3px -656px; }
.el-finder-toolbar ul li.quicklook  { background-position: 3px -726px; }

.el-finder-dock-button {
	width:19px;
	height:19px;
	float:right;
	margin: 2px;
	border:1px solid #ccc;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	background:url('../bundles/studio-42/elfinder/src/images/toolbar.png') 2px -705px no-repeat; 
}

.ui-dialog .el-finder-dock-button {
	background-position:2px -681px;
}

.el-finder-dock-button-hover {
	background-color:#ccc;
	border:1px solid #fff;
}

/**********************************************************/
/*  workzone, container for navigation and current folder */
/**********************************************************/

.el-finder-workzone {
	background-color:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	position:relative;
}

.el-finder-spinner {
	position:absolute;
	top:37%;
	left:37%;
	width:250px;
	height:50px;
	background:transparent url(../bundles/studio-42/elfinder/src/images/spinner.gif) 50% 50% no-repeat;
	display:none;
}

/* error in workzone */
.el-finder-workzone p.el-finder-err {
	display:none;
	position:absolute;
	left:37%;
	top:20px;
}

/* navigation and current directory */
.el-finder-nav, .el-finder-cwd {
	height:350px;
	overflow:auto;
	padding:3px 1px;
}

/************************************/
/*             navigation           */
/************************************/

.el-finder-nav {
	float:left;
	width : 200px;
	background:#fff;
}

.el-finder-nav .ui-resizable-e {
	right:0;
}

/* folders tree */
.el-finder-nav ul {
	list-style:none;
	margin:0;
	padding:0;
}

.el-finder-nav ul li {
	clear:both;
}

ul.el-finder-tree, ul.el-finder-places {
	margin-bottom:1em;
}

.el-finder-nav ul li ul {
	margin-left:12px;
}

.el-finder-nav ul div {
	width:12px;
	height:20px;
	float:left;
	margin-right:23px;
}

.el-finder-nav  a, .el-finder-nav  div.collapsed {
	background-image:url(../bundles/studio-42/elfinder/src/images/toolbar.png);
	background-repeat:no-repeat;
}
.el-finder-nav  div.collapsed {
	background-position: -1px 7px;
}
.el-finder-nav div.expanded {
	background-position: -1px -9px;
}

.el-finder-nav a {
	display: block;
	white-space:nowrap;
	line-height:20px;
	color:#444;
	cursor:default;
	text-decoration:none;
	outline:none;
	border-radius:3px; 
	-moz-border-radius:3px; 
	-webkit-border-radius:3px;
	background-position: 15px -56px;
}

.el-finder-nav a.dropbox {
	background-position: 15px -80px; 
}
.el-finder-nav a.readonly {
	background-position: 15px -104px; 
}
.el-finder-nav a.noaccess {
	background-position: 15px -750px; 
}

.el-finder-nav a.selected {
/*	background-color:#ccc;*/
	background-color:#c5e4f9;
	background-position: 15px -128px;
}

.el-finder-nav a.el-finder-tree-root { 
	background-position: 15px -30px; 
	font-weight:bold;
}

.el-finder-nav a.el-finder-places-root {
	background-position: 15px -152px; 
	font-weight:bold;
}

.el-finder-nav ul.el-finder-tree .el-finder-droppable {
	background-position: 15px -237px; 
}


/***********************************/
/*     current working directory    */
/************************************/

.el-finder-cwd {
	border-left:1px solid #ccc;
	padding:3px;
}

/********** view: icons  ************/
.el-finder-cwd div {
	width: 81px;
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: top;
	zoom: 1;
	*display: inline;
	margin:0 3px 3px 0;
	padding:1px 0;
	text-align:center;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	color:#000;
	background-color:transparent;
}


.el-finder-cwd p, 
.el-finder-ql p {
	width:48px;
	height:48px;
	margin:1px auto;
	padding:0;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	background: url('../bundles/studio-42/elfinder/src/images/icons-big.png') -1px 1px no-repeat;
}

/* mimetypes */

.directory p { background-position:  0     -50px; }
.application p,.x-java p { background-position: -1px  -150px; }
.audio p { background-position: -1px -300px; }
.image p { background-position: -1px -250px;  }
.text p, .x-empty p { background-position: -1px  -200px; }
.video p  { background-position: -1px -350px; }
.vnd-adobe-photoshop p, .postscript p    { background-position: 0 -250px; }
/* texts */
.rtf p, .rtfd p { background-position: 0 -400px; }
.html p { background-position: 0 -550px; }
.css p { background-position: 0 -600px; }
.javascript p, .x-javascript p  { background-position: 0 -650px; }
.x-perl p { background-position: 0 -700px; }
.x-python p { background-position: 0 -750px; }
.x-ruby p { background-position: 0 -800px; }
.x-sh p, .x-shellscript p { background-position: 0 -850px; }
.x-c p, .x-java-source p { background-position: 0 -900px; }
.x-php p  { background-position: 0 -950px; }
.xml p           { background-position: 0 -1000px; }
/* applications */
.vnd-ms-office p, 
.msword p, 
.vnd-ms-word p, 
.vnd-oasis-opendocument-text p,
.ms-excel p,
.vnd-ms-excel p,
.vnd-oasis-opendocument-spreadsheet p,
.vnd-ms-powerpoint p,
.vnd-oasis-opendocument-presentation p { background-position: 0 -500px; }
.pdf p { background-position: 0 -450px; }
.x-shockwave-flash p { background-position: 0 -1250px; }
/* archives */
.zip p, .x-7z-compressed p { background-position: 0 -1050px; }
.x-gzip p, .x-tar p  { background-position: 0 -1100px; }
.x-bzip p, .x-bzip2 p { background-position: 0 -1150px; }
.x-rar p, .x-rar-compressed p { background-position: 0 -1200px; }


.el-finder-cwd div.el-finder-droppable p {
	background-position: 0 -98px;
}

.el-finder-cwd label {
	display:block;
	font-size:11px;
	line-height:13px;
	padding:0 1px;
	margin:0;
	height:25px;
	overflow:hidden;
	cursor:default;
}

.el-finder-cwd div input { 
	background:#fff; 
	color:#000;
	width:81px;
	margin-left:-2px; 
	outline:none; 
	border:1px solid #ccc;
	text-align:center;
}

.el-finder-cwd div em {
	float:left;
	margin-top:-40px;
	margin-left:9px;
	width:15px;
	height:16px;
	background:url(../bundles/studio-42/elfinder/src/images/icons-big.png) -17px -1310px no-repeat;
}

.el-finder-cwd div em.dropbox {
	float:right;
	margin-right:9px;
	background-position: 0 -1308px;
}
.el-finder-cwd div em.noread {
	float:right;
	margin-right:9px;
	background-position: 0 -1310px;
}
.el-finder-cwd div em.readonly {
	float:right;
	margin-right:9px;
	background-position: -34px -1306px;
}

.el-finder-cwd div em.noaccess {
	float:right;
	margin-right:9px;
	background-position: 0 -1430px;
}

/********** view: list  ************/

.el-finder-cwd table {
	width:100%;
/*	*width:99%;*/
	border-collapse: collapse;	
	border-spacing: 0;
	border:1px solid #ccc;
	border-top:0 solid;
	border-left:0 solid;
	margin:-3px -3px;
}

.el-finder-cwd table tr {
	background:transparent;
}

.el-finder-cwd table tr.el-finder-row-odd {
	background-color:#eee;
}

.el-finder-cwd table tr.ui-selected {
	background-color:#ccc;
}

.el-finder-cwd table th,
.el-finder-cwd table td {
	padding:3px 5px;
	border-left:1px solid #ccc;
	cursor:default;
	white-space:nowrap;
	color:#000;
	
}

.el-finder-cwd table th {
	text-align:left;
	background:#fbf9ee;
	font-size:.86em;
}

.el-finder-cwd table td.icon {
	width:24px;
}

.el-finder-cwd table  p {
	width:24px;
	height:16px;
	margin:0;
	padding:0;
	background:url(../bundles/studio-42/elfinder/src/images/icons-small.png) 4px 0 no-repeat;
}

.el-finder-cwd table .size {
	text-align:right;
}

tr.directory   p { background-position:4px  -16px; }
tr.text        p { background-position:5px  -34px; }
tr.image       p { background-position:4px  -51px; }
tr.audio       p { background-position:4px  -70px; }
tr.video       p { background-position:5px  -89px; }
tr.application p { background-position:4px -108px; }
/* text */
tr.html          p  { background-position:5px  -188px; }
tr.javascript    p,
tr.x-javascript  p,
tr.css   		 p,
tr.x-sql   		 p,
tr.xml   		 p,
tr.x-python   	 p,
tr.x-java-source p,
tr.x-perl        p,
tr.x-ruby        p  { background-position:5px  -228px; }
tr.x-php         p  { background-position:5px  -247px; }
tr.x-c           p  { background-position:5px  -208px; }
tr.x-shellscript p, 
tr.x-sh          p  { background-position:5px  -168px; }
tr.rtf p, tr.rtfd p { background-position:5px  -148px; }
/* application */
tr.x-shockwave-flash p { background-position:4px  -266px; }
tr.pdf               p { background-position:4px  -285px; }
tr.vnd-ms-office     p { background-position:4px  -325px; }
tr.msword p,
tr.vnd-oasis-opendocument-text  p,
tr.vnd-ms-word p { background-position:4px -346px; }
tr.vnd-ms-excel p,
tr.ms-excel p,
tr.vnd-oasis-opendocument-spreadsheet { background-position:4px -365px; }
tr.vnd-ms-powerpoint p,
tr.vnd-oasis-opendocument-presentation { background-position:4px -385px; }
/* archives */
tr.x-tar   p,
tr.x-gzip  p,
tr.x-bzip  p,
tr.x-bzip2 p,
tr.zip     p,
tr.x-rar   p,
tr.x-rar-compressed p,
tr.x-7z-compressed  p { background-position:4px -305px; }

tr.el-finder-droppable td.icon  p { background-position:5px -450px; }

.el-finder-cwd table td p em {
	float:left;
	width:10px;
	height:12px;
	margin-top:5px;
	background:url(../bundles/studio-42/elfinder/src/images/icons-small.png) 0px -405px no-repeat;
}

.el-finder-cwd table p em.readonly { background-position:0px -433px; }
.el-finder-cwd table p em.dropbox  { background-position:0px -418px; }
.el-finder-cwd table p em.noread, 
.el-finder-cwd table p em.noaccess { background-position:0px -470px; }

/************************************/
/*              statusbar           */
/************************************/

.el-finder-statusbar {
	height:20px;
}

.el-finder-stat,
.el-finder-path,
.el-finder-sel {
	padding:3px 9px 1px 9px;
	font-size:11px;
	color:#555;
}
/* current directory path */
.el-finder-path {
	float:left;
}
/* number folders/files in current directory and size */
.el-finder-stat {
	float:right;
}
/* info about selected files */
.el-finder-sel {
	text-align:center;
}

/************************************/
/*           dialog window          */
/************************************/
.el-finder-dialog {
	font-size:.84em;
}
.el-finder-dialog form p, .el-finder-dialog .ui-tabs p {
	margin:.5em;
}
.el-finder-dialog .ui-dialog-titlebar { 
	padding: .2em .1em .1em .8em; 
}
.el-finder-dialog .ui-dialog-buttonpane {
	padding: .1em 1em .1em .4em; 
	font-size:.9em;
}
.el-finder-dialog .ui-dialog-content {
	padding:5px;
}

.el-finder-dialog hr {
	border:0;
	border-bottom: 1px #ccc solid;
	clear:both
}
.el-finder-dialog ul {
	margin-top:0;
}

.el-finder-dialog kbd { font-size:1.2em;}
.el-finder-dialog a { outline: none;}

.el-finder-dialog textarea { 
	width:98.9%;
	height:400px;
	outline:none;
	border:1px solid #ccc;
	font-family: "Monaco", "Andale Mono", "Lucida Console", monospace;
}

.ui-state-error {
	margin: 5px 0; 
	padding:.5em;
	clear:both;
}

.el-finder-dialog .ui-state-error .ui-icon {
	float: left; 
	margin-right: .3em;
}

.el-finder-add-field {
	cursor:pointer;
}

.el-finder-add-field span {
	float:left;
	margin-right:.7em;
}

.el-finder-dialog table {
	width : 100%;
}

.el-finder-dialog table td {
	padding:2px 5px;

}

.el-finder-dialog .ui-tabs { 
	font-size:.98em;
}

.el-finder-dialog .ui-tabs div {
	padding:0 .5em;
}
.el-finder-dialog .ui-tabs-nav li a {
	padding:.2em 1em;
}

/************************************/
/*            contextmenu           */
/************************************/

.el-finder-contextmenu { 
	position:absolute;
	width:200px;
	background:#fff; 
	color:#000;
	cursor:default; 
	border:1px solid #ccc;  
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
	padding:5px 0;
	
}

.el-finder-contextmenu div { 
	position:relative;
	display:block;
	margin:0;
	padding:4px 29px 4px 29px;
	white-space:nowrap;
	font:12px trebuchet ms,lucida grande,verdana,sans-serif;
	background:url('../bundles/studio-42/elfinder/src/images/toolbar.png') 0 0 no-repeat;
}

.el-finder-contextmenu  span {
	float:right;
	width:9px;
	height:18px;
	margin-right:-27px;
	background:url(../bundles/studio-42/elfinder/src/images/toolbar.png) -4px 5px no-repeat;
}

.el-finder-contextmenu  div.el-finder-contextmenu-sub {
	position:absolute;
	top:0;
	display:none;
	margin:0;
	padding:5px 0;
	background:#fff; 
	border:1px solid #ccc;  
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}


.el-finder-contextmenu div.reload     { background-position: 5px -192px; }
.el-finder-contextmenu div.select     { background-position: 5px -214px; }
.el-finder-contextmenu div.open       { background-position: 6px -235px; }
.el-finder-contextmenu div.mkdir      { background-position: 6px -258px; }
.el-finder-contextmenu div.mkfile     { background-position: 6px -280px; }
.el-finder-contextmenu div.upload     { background-position: 5px -305px; }
.el-finder-contextmenu div.rm         { background-position: 5px -330px; }
.el-finder-contextmenu div.copy       { background-position: 5px -356px; }
.el-finder-contextmenu div.cut        { background-position: 5px -631px; }
.el-finder-contextmenu div.duplicate  { background-position: 5px -356px; }
.el-finder-contextmenu div.paste      { background-position: 5px -381px; }
.el-finder-contextmenu div.rename     { background-position: 5px -407px; }
.el-finder-contextmenu div.edit       { background-position: 6px -435px; }
.el-finder-contextmenu div.info       { background-position: 5px -462px; }
.el-finder-contextmenu div.help       { background-position: 5px -487px; }
.el-finder-contextmenu div.icons      { background-position: 5px -537px; }
.el-finder-contextmenu div.list       { background-position: 5px -557px; }
.el-finder-contextmenu div.archive    { background-position: 5px -583px; }
.el-finder-contextmenu div.extract    { background-position: 5px -583px; }
.el-finder-contextmenu div.resize     { background-position: 5px -655px; }
.el-finder-contextmenu div.quicklook  { background-position: 5px -727px; }

.el-finder-contextmenu div.delim { 
	margin:0; 
	padding:0; 
	height:1px; 
	border-top:1px solid #eee; 
	background:transparent; 
	display:block;
}
.el-finder-contextmenu div.hover { background-color:#99ccff; }

.el-finder-places {
	margin-top:.5em;
}


.el-finder-drag-helper {
	padding:0;
	cursor:move;
	zoom:1;
}

.el-finder-drag-helper div {
	border:0 solid;
	margin-left:-57px;
	
}

.el-finder-drag-copy {
	background:url('../bundles/studio-42/elfinder/src/images/toolbar.png') 0 -771px no-repeat;
}

.el-finder-drag-helper label { 
	border:1px solid #ccc; 
	background-color:#eee;
	border-radius:5px; 
	-moz-border-radius:5px; 
	-webkit-border-radius:5px;
}


/************************************/
/*             QuickLook            */
/************************************/

.el-finder-ql {
	position:absolute;
	width:420px;
	height:auto;
	padding:12px 9px;
	text-align:center;
	border-radius:9px; 
	-moz-border-radius:9px; 
	-webkit-border-radius:9px;
	background:url(../bundles/studio-42/elfinder/src/images/ql.png);
	overflow: inherit !important;
}

.el-finder-ql.directory p { background-position:  0     -50px; }

/* toolbar */
.el-finder-ql div.el-finder-ql-drag-handle {
	height:18px;
	font-size:14px;
	background-color:#777;
	margin:-12px -9px 12px -9px;
	padding:3px 0 0 19px;
	opacity:.8;
	text-align:center;
	white-space: nowrap;
	overflow:hidden;
	-moz-border-radius-topleft:9px; 
	-moz-border-radius-topright:9px; 
	-webkit-border-top-left-radius: 9px;
	-webkit-border-top-right-radius: 9px; 
	border-top-left-radius: 9px; 
	border-top-right-radius: 9px;
}
/* close button */
.el-finder-ql div.el-finder-ql-drag-handle span {
	float:left;
	margin:0 19px 0 -15px;
}
/* title in tolbar */
.el-finder-ql div.el-finder-ql-drag-handle strong {
	line-height:18px;
	margin-left:-17px;
	color:#fff;
}

.el-finder-ql div.el-finder-ql-media {
	width:100%;
	padding:0;
}

.el-finder-ql div.el-finder-ql-content {
	width:100%;
	font:.82em/1.3em trebuchet ms,lucida grande,verdana,sans-serif;
	padding:5px 0;
	overflow:hidden;
}

.el-finder-ql div.el-finder-ql-content span,
.el-finder-ql div.el-finder-ql-content a {
	display:block;
	color: #fff;
}

/* text files preview */
.el-finder-ql iframe {
	background:#fff;
	width:100%;
	height:315px;
	padding:0;
	margin:0;
	border:none;
	outline:none;
}


/* images preview */
.el-finder-ql img {
	margin:0 auto;
	border:1px solid #fff;
}

/* button help */
.el-finder-help-std {
	background: url(../bundles/studio-42/elfinder/src/images/icons-big.png) 0 -1380px no-repeat;
	width:48px;
	height:48px;
	float:right;
}

.el-finder-logo {
	background: url(../bundles/studio-42/elfinder/src/images/icons-big.png) 0 -1329px no-repeat;
	width:48px;
	height:48px;
	float:left;
}

.el-finder-ql .ui-resizable-e, .el-finder-ql .ui-resizable-s { background:transparent !important;}