/******* CAMPUSNET FILE MANAGER STYLE SHEET *********/

@import url(../../css/fonts/campusnet-icons-extra.css);
@import url(../../css/fonts/campusnet-icons.css);

html {
}

.mceToggleToolbar {
display:none !important;
}

body {
color: #000000;
font-size: 11px;
font-family: Verdana,Arial,Times New Roman;
background-color: #F0F0EE;
}

/*
div,td,th,p,li,dd,ol,ul { 
font-size: 11px;
font-family: Verdana,Arial,Times New Roman;
}
*/

h1 { font-size: 14px; font-family: Arial,Verdana,Times New Roman;}
h2 { font-size: 12px; font-family: Arial,Verdana,Times New Roman;}
h3 { font-size: 11px; font-family: Arial,VerdanaTimes New Roman;}

a {color: #000000; text-decoration: none}
a:visited{color:#000000}
a:active{color:#000000}
a:hover{text-decoration: none}

.hidden {
	display: none;
}

ul.no-bullets {
  margin: 0px;
  padding: 0px; }

ul.no-bullets li {
  list-style: none;
}

TABLE.ERROR {
	margin-top: 50px;
	background-color: #FF6666;
	border: 1px solid #000000;
	width: 300px;
}
.ERROR TH {
	text-align:center;
	padding:4px;
	border-bottom: 1px solid #000000;
}
.ERROR TD {
	text-align:center;
	padding:11px
}
#ErrorSubmit {
	background-color: #eeeeee;
	font-size: 11px;
	border: 1px solid #000000;
}

.found {background-color: #ffff00;}


/*  TOOLBAR BUTTONS  */

TABLE.Toolbar {
	position:absolute;
	top:0px;
	width: 100%;
	height:28px;
	border-left: 1px solid #999999;
	padding: 0px;
}

.Toolbar TH {
	width:20px;
	padding: 1px;
}

a.ButtonDisabled {
	pointer-events:none;
}

a.ButtonDisabled img, a.ButtonNormal img {
	width: 20px;
	height: 20px;
	cursor: default;
	margin-top: 1px;
	margin-left: 1px;
}

a.ButtonNormal img {
	border: 1px solid #F0F0EE;
}

a.ButtonNormal img:hover {
	border: 1px solid #0A246A;
	cursor: default;
	background-color: #B6BDD2;
}

a.ButtonDisabled img {
	opacity: 0.3;
	border: 1px solid #F0F0EE;
	cursor: default;
}


/******* End toolbar ********/


TABLE.Path {
	position:absolute;
	height:24px;
	top:28px;
	width:100%;
	border-collapse:collapse;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

.Path TD {
	font-weight: bold;
	padding:2px;
	white-space:nowrap;
}

.Disabled {
	color: #999999;
}

.FolderLocked {
	color: #cc0000 !important;
}

.TreeFolderLocked {
	color: #cc0000 !important;
	padding-left:18px !important;;
	background-image: url(icons/lock.gif);
	background-repeat:no-repeat;
	background-position: left center;
}

TABLE.ListHeadRow {
	position:absolute;
	height:24px;
	top:52px;
	width:100%;
	border-left: 1px solid #999999;
}


.ListHeadRow TD {
	background-color:#dddddd;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	padding-right: 2px;
}

.List {
	position:absolute;
	top:76px;
	bottom:0px;
	width:100%;
	border-left: 1px solid #999999;
	overflow-y: scroll;
}

.ListFileView {
	background-color:#ffffff;
}

.ListLocked {
	background-image: url("icons/lockbg.gif");
	background-repeat: no-repeat;
	background-position: center center;
}


.even {background-color__:#ffffff;cursor:default;}
.odd {background-color__:#ffffff;cursor:default;}
.selected {background-color:#b4d9ff !important}


.ImageViewContainer {
	float: left;
	height:148px;
	margin:5px;
	text-align:center;
	border:1px solid #eee;
	padding:4px;
}

.ImageViewContainerHover {
	border:1px solid #666;
	background-color:#ddd;
	-moz-border-radius: 4px;
	-moz-box-shadow: #999999 0px 3px 12px;
	box-shadow: #999999 0px 3px 12px;
	-webkit-box-shadow: #999999 0px 3px 12px;
}

.ImageViewItem {
	display:block;
	text-align: center;
	background-color:#ffffff;
	width:100px;
	height:100px;
	border:1px solid #999999;
	overflow:hidden;
}

.ImageViewItem .Icon {
	margin-top: 38px;
	width:24px;
	height:24px;
}

.ImageViewItem A {
	display:block;
	width:100%;
	height:100%;
	border:none;
}

.ImageViewFname {
	overflow: hidden;
	text-align: center;
	width:100px;
	height:32px;
	white-space:nowrap;
	cursor:default;
}

.FileInfoContainer {
	position:absolute;
	margin-top:5px;
}

.FileInfo {
	width:276px;
	height:150px;
	overflow-y: auto;
}

.DirInfoContainer {
	position:absolute;
	margin-top:5px;
}

.DirInfoContainer fieldset, .FileInfoContainer fieldset {padding:0px;}

.DirInfo {
	width:276px;
	height:150px;
	overflow-y: auto;
}
.DirInfo TD {
	padding:4px;
}

.Preview {
	position:absolute;
	margin-top:180px;
	width:285px;
	text-align: center;
}

.Preview fieldset {
	padding:0px;
}


TABLE.Editor {
	table-layout:fixed;
	background-color:#EEEEEE;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
}

.Editor TH {
	height:30px;
	white-space:nowrap;
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
	font-weight: normal;
	text-align: left;
	padding:2px;
}

.Editor TD {
	font-weight: normal;
	margin-top:12px:
}


.CodeEditorContainer {
	border:1px solid #999999;
	background-color: #ffffff;
	padding:0px;
}
.CodeMirror {
	font-size:14px;
	text-align:left;
	line-height: 1.10em;
}

.CodeMirror-matchingbracket {color: black; background-color: #888;}
.CodeMirror-gutter_ {background-color: #F1E9E0; border-right:2px solid #00AC08; color: #999;}
.CodeMirror-scroll_ {width:100%;height:80%;overflow:auto;background-color: #ffff00;}

TABLE.Upload {
	background-color: #eeeeee;
	border: 1px solid #999999;
	width: 380px;
	padding: 0px;
}

.Upload TH {
	background-color: #dddddd;
	border-bottom: 1px solid #999999;
	font-weight: normal;
	text-align: left;
	padding: 4px;
}

.Upload TD {
	background-color: #eeeeee;
	padding: 4px;
}

#UploadFile, #UploadData, #FilterText {
	font-size: 11px;
}


.FileName {
	display:inline;
	background-color: #fff;
	height:18px;
	border:1px solid #000000; 
	margin-left:2px;
 
}

TABLE.EditorToolbar {
	border-collapse:collapse;
	width_:100%;
	position:absolute;
	top:8px;
	left:5px;
	right:5px;
}

TABLE.EditorToolbar TD {
	white-space:nowrap;
	padding-left:3px;
	padding-right:3px;
}

#editor_file {
	width:240px;
	height:18px;
	border: 1px solid #666666;
	background-color:#eee;
	color:#333;
}

#editor_file:hover {
	border: 1px solid black;
	background-color:#fff;
} 

#editor_file:focus {
	border: 1px solid black;
	background-color:#fff;
	color:#0000cc;
} 

div.editor_button {
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-position: 4px center;
	width:45px;
	border: 1px solid #666666;
	padding:2px 4px 2px 20px;
	font-size: 12px;
	color:#333;
	cursor:default;
}

div.editor_button:hover {
	color:#000000;
	border: 1px solid black;
	background-color:#ffffff;
}

#editor_save {
	background-image: url("icons/tool_save.gif");
}
#editor_close {
	background-image: url("icons/tool_close.gif");
}
#editor_reload {
	background-image: url("icons/tool_reload.gif");
}
#editor_help {
	font-size: 16px !important;
	color: #006699;
	text-shadow: 1px 1px #999;
	cursor:default;
}


.fm-select {
	color:#333;
	border:1px solid #666666;
	padding: 1px 15px 0px 0px;
	background-color:#eee;
	background-image: url("icons/arrowdown.gif");
	background-repeat: no-repeat;
	background-position: 95% center;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

.fm-select::-ms-expand {
    display: none;
}

.fm-select:hover {
	color:#000;
	background-color:#fff;
}

#EditorLang {
	position:absolute;
	right:0;
	top:0;
	width:65px;
	background-image:none;
	background-color: transparent;
	padding: 0px 2px;
	text-indent: 0px;
	border:none;
	padding-left: 40px;
	box-sizing:border-box;
}

div.lang-wrapper {
	position:relative;
	text-align:left;
	width:65px;
	border:1px solid #666666;
	background: #eee;
	padding: 3px 4px;
	white-space: nowrap;
	box-sizing:border-box;
}

div.lang-wrapper:hover {
background: #fff;
}

label.editor_toggle {
	display:inline-block;
	font-size: 12px;
	background-color: #eeeeee;
	background-repeat: no-repeat;
	background-position: center center;
	width:20px;
	border: 1px solid #666666;
	padding:2px 0px;
	cursor:default;
}

#wrap + .editor_toggle {
	background-image: url("icons/wordwrap.gif");
}

#closewin + .editor_toggle {
	background-image: url("icons/closewin.gif");
}

input:checked + .editor_toggle {
  background-color: #fff;
  border:1px solid #000;
}

input[type=checkbox]:disabled + .editor_toggle {
  background-color: #eee;
  border:1px solid #666;
  opacity:0.4;
}


.EditorWrap {
	left:5px;
	right:5px;
	position:absolute;
	top:40px;
	bottom:10px;
	box-sizing: border-box;
	text-align:center;
}

.AreaEditor {
	width:100% !important;
	height:98%;
	margin-top:5px;
	margin-left: auto;
	margin-right: auto;
	border:none;
	overflow:auto;
	font-family: monospace;
	font-size: 13px;
	box-sizing:border-box;
	resize: none;
	text-align: left;
}

.button {
	background-color:#eeeeee;
	width:60px;
	border: 1px solid #666666;
	border-radius: 3px;
	font-size: 11px;
	font-weight:normal;
	color:black;
}

.button:hover {
	border: 1px solid black;
}


.menuItem {
	display:block;
	font-size: 12px;
	width:130px;
	text-decoration:none;
	padding:5px 5px 5px 28px;
	color:black;
	background-repeat: no-repeat;
	background-position: 4px center;
	white-space:nowrap;
	cursor:default;
}

.menuItemDisabled, .menuItemDisabled:active {
	display:block;
	font-size: 12px;
	width:130px;
	padding:5px 5px 5px 28px;
	text-decoration:none;
	color:#999999;
	background-repeat: no-repeat;
	background-position: 4px center;
	white-space:nowrap;
	cursor:default;
}


#cmenu_01 {background-image: url("icons/cmenu_open.gif")}
#cmenu_02 {background-image: url("icons/cmenu_edit.gif")}
#cmenu_03 {background-image: url("icons/cmenu_rename.gif")}
#cmenu_04 {background-image: url("icons/cmenu_copy.gif")}
#cmenu_05 {background-image: url("icons/cmenu_lock.gif")}
#cmenu_06 {background-image: url("icons/cmenu_linkurl.gif")}
#cmenu_07 {background-image: url("icons/cmenu_download.gif");border-top:1px solid #ccc}
#cmenu_08 {background-image: url("icons/cmenu_pdf.gif");border-top:1px solid #ccc}
#cmenu_09 {background-image: url("icons/cmenu_zip.gif")}
#cmenu_10 {background-image: url("icons/cmenu_unzip.gif")}
#cmenu_11 {background-image: url("icons/cmenu_trash.gif");border-top:1px solid #ccc}


.menuItem:hover{
	text-decoration:none;
	background-color:#bddbe7;
}

.menuItemDisabled:hover{
	text-decoration:none;
}

.logo {
	position:absolute;
	right:10px;
	bottom:4px;
	color: #666;
}

.logo span {
	color: #FF6633;
}

.messageHeader {
	padding:2px;
	background-color:#dddddd;
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
}

.messageHeader img {
	float:right;
	cursor:pointer;
	margin-right: 1px;
	opacity: 0.7;
}

.messageHeader img:hover {
	opacity: 1.0;
}

.messageText {
	height:120px;
	white-space: nowrap;
	overflow-x:hidden;
	overflow-y:auto;
}

.noselection {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

/******** SETTINGS ********/

table.Settings  {
	width:80%;
	margin-top:20px;
	border-top:1px solid #999;
}

table.Settings th {
	border-top:1px solid #999;
	text-align:left;
}

table.Settings span {
	font-weight:normal;
	text-decoration:underline;
	cursor:pointer;
}


/******** DIR TREE ********/

.treeHeader {
	height:28px;
	margin:0px;
}

.treeCollapse {
	white-space:nowrap;
	padding-left:22px;
	background-image: url("icons/tree_collapse.gif");
	background-repeat: no-repeat;
	background-position: left center;
	cursor:pointer;
}

.treeRefresh {
	padding-left:22px;
	background-image: url("icons/tree_refresh.gif");
	background-repeat: no-repeat;
	background-position: left center;
	cursor:pointer;
}


.treeWrapper {
	display:block;
	position:absolute;
	top:28px;
	bottom:0px;
	left:0px;
	right:0px;
	margin:0px;
	border-top: 1px solid #999999;
	overflow:auto;
	cursor:default;
}

.treeItem {
margin-left:16px;
border:none
}

.treeRootClosed {
height:20px;
background-image: url("icons/tree_frc.gif");
background-repeat: no-repeat;
background-position: left top;
}

.treeRootOpen {
height:20px;
background-image: url("icons/tree_fro.gif");
background-repeat: no-repeat;
background-position: left top;
}

.treeFolder {
height:20px;
background-image: url("icons/tree_f.gif");
background-repeat: no-repeat;
background-position: left top;
}

.treeFolderLast {
height:20px;
background-image: url("icons/tree_fl.gif");
background-repeat: no-repeat;
background-position: left top;
}

.treeFolderOpen {
height:20px;
background-image: url("icons/tree_fo.gif");
background-repeat: no-repeat;
background-position: left top;
}

.treeFolderOpenLast {
height:20px;
background-image: url("icons/tree_flo.gif");
background-repeat: no-repeat;
background-position: left top;
}

.treeFolderClosed {
height:20px;
background-image: url("icons/tree_fc.gif");
background-repeat: no-repeat;
background-position: left top;
}

.treeFolderClosedLast {
height:20px;
background-image: url("icons/tree_flc.gif");
background-repeat: no-repeat;
background-position: left top;
}

.treeFolderSpacer {
width:36px;
height:2px;
border:none;
}

.treeVerticalLine {
background-image: url("icons/tree_vline.gif");
background-repeat: no-repeat;
background-position: left 20px;
}

.treeSpinner {
width:36px;
height:20px;
background-image: url("icons/tree_loading.gif");
background-repeat: no-repeat;
background-position: left top;
}

.treeHome {
padding-left:20px !important;
background-image: url("icons/tree_home.gif");
background-repeat: no-repeat;
background-position: left center;
}

.treeTrash {
padding-left:20px !important;
background-image: url("icons/tree_trash.gif");
background-repeat: no-repeat;
background-position: left center;
}

.treeWrapper A {
display:block;
padding:1px 8px 1px 1px;
border:1px solid transparent;
text-decoration:none;
}

.treeWrapper A:hover {
border:1px solid #4681bd;
background-color: #b4d9ff;
}

.treeItemSelected {
border:1px solid #4681bd !important;
background-color: #b4d9ff;
}


/******** DRAG & DROP ********/


div.dz-drag-hover {
	border: 3px dashed #3399FF;
	background-image: url('../dropzone/drophere.png');
	background-repeat: no-repeat;
	background-position: center center;
}

div.uploadPreview {
position:absolute;
top:150px;
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
  z-index:10;
  width:400px;
	background-color: white;
	border: 1px solid #666;
}

div.dz-file-preview {
	margin:0px;
	padding:8px;
	border-bottom: 1px solid rgb(153, 153, 153);
}


div.dz-progress {
	position: relative;
	margin:4px 4px 4px 0px;
	border:1px solid #999;
	width:300px;
	padding:1px;
}

div.dz-progress-upload {
	height:12px;
	background-color: #6699FF;
}

span.dz-progress-upload-value {
	position: absolute;
	font-size: 11px;
	left: 140px;
}

a.dz-remove {
	text-decoration: underline;
}

.dz-error {
	color: #a94442;
	background-color: #f2dede;
	border: none;
}

.dz-error a {
display:none;
}

/* aggiunti OSCAR */
#WzTtDiV, #WzTtDiV #WzBoDy{width:auto !important;}
/* fine aggiunti OSCAR */

<!--[if IE]>
<style type="text/css">
/* MSIE specific rules */

* html a.ButtonNormal img, * html a.ButtonDisabled img {
	border: 0px;
}

* html a.ButtonDisabled img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}

* html a.ButtonDisabled {
	border: 1px solid #F0F0EE;
	pointer-events:none;
}

* html a.ButtonNormal {
	border: 1px solid #F0F0EE;
	cursor: default;
}

* html a.ButtonNormal:hover {
	border: 1px solid #0A246A;
	cursor: default;
	background-color: #B6BDD2;
}
</style>
<![endif]-->