/* ----------------------------------------------- OVERLAY ------------------------------------------------- */
#wixo-overlay {
    position: fixed;
    top:0;
    left:0;
    z-index:400000;
    display:none;
    -moz-user-select:none;
    -webkit-user-select:none;
    user-select:none;
    cursor:default;
}
#wixo-overlay.bg4 {
    background: url("../img/ajax-loader-overlay.gif") no-repeat 50% 50% #000;
    opacity:0.65;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
    display:none;
}
/* ----------------------------------------------- MODAL ----------------------------------------------- */

#wixo-modal {
    width: 800px;
    background: url('../img/bg_modal.png');
    padding:6px;
    z-index: 400000;
    display:none;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    border-radius:10px;
}

/* ---------------------------------- HEADER -------------------------------------------- */
#wixo-modal-header {
    background:#e8e8e8;
    border-bottom: 1px solid #bebebe;
    -moz-border-radius:10px 10px 0 0;
    -webkit-border-radius:10px 10px 0 0;
    -o-border-radius:10px 10px 0 0;
    border-radius:10px 10px 0 0;
}
#wixo-modal-close {
    top: -7px;
    right: -7px;
    height:29px;
    width:25px;
    background:url('../img/modal_close.png') no-repeat center center transparent;
    position: absolute;
    display:block;
    z-index:10;
    cursor: pointer;
}
#wixo-modal-header h1 {
    color: #000;
    padding:5px 0px 5px 10px;
    margin:0;
    font-weight: bolder;
}
#wixo-modal-header h1.biggerHeader { padding: 14px; }

/* ---------------------------------- INSIDE MENU TOP (tab menu) -------------------------------------------- */
#wixo-inside-menu-top, .mf-modal-button-top {
    position: absolute;
    right: 15px;
    top:15px;
}
#wixo-inside-menu-top.tabmenu li {
    float: left;
    margin: 0 3px 0;
    border: 1px solid #bebebe;
    background: #f0f0f0;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    -o-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
}
#wixo-inside-menu-top a {
    text-decoration: none;
    font-weight: bold;
    color: #666;
    padding:3px 10px;
    display: inline-block;
}
#wixo-inside-menu-top a.gallery {
    padding:0;
}
#wixo-inside-menu-top li.active a, #wixo-inside-menu-top li:hover a {
    color: #00a2e8;
}
#wixo-inside-menu-top.tabmenu li.help {
    margin-left: 10px;
    background-color: transparent;
    border-color: transparent;
}
#wixo-inside-menu-top.tabmenu li.help a {
    font-weight: normal;
    background: url('../img/icon/help.png') no-repeat 10% center;
    padding: 3px 5px 3px 25px;
}
#wixo-inside-menu-top.tabmenu li.active, #wixo-inside-menu-top.tabmenu li:hover {
    border: 1px solid #bebebe;
    border-bottom: 1px solid #fff;
    background: #fff;
    color: #00a2e8;
}

/* ---------------------------------- CONTENT -------------------------------------------- */
#wixo-modal-content {
    height: inherit;
    background: #fff;
}
#wixo-modal-content > div {
    overflow: auto;
    height: 100%;
}
div.smallContent {
    height:68px !important;
}
div.mediumContent {
    height:128px !important;
}
div.biggerMediumContent { height:250px !important; }
div.bigContent {
    height:300px !important;
}
div.biggerContent {
    height:360px !important;
}
#wixo-modal-content > div> div.modalInfo {
    padding: 15px;
}
#wixo-modal-content-top{
    background:white;
    padding-bottom:10px;
    border-bottom:1px solid #bebebe;
    position:relative;
}
div.biggerMediumContent #wixo-modal-content-right { 
	height: 250px;
	overflow: auto;
}
#wixo-modal-content-right #mf-manager-loader {
    bottom: 50%;
    right: 50%;
    position: absolute; 
    display: none;
}
#wixo-modal-content-right.staticHeight {
    height:360px;
    overflow:auto;
}
#wixo-modal .mf-modal-contents-choice > div  {
  display: none;
}
#wixo-modal .mf-modal-contents-choice > div.active  {
  display: block;
}
#wixo-modal input[type="text"], #wixo-modal select, #wixo-modal textarea {
    border:1px solid #bebebe;
}
#wixo-modal input[type="text"].error {
    border-color:red;
    border-style:dashed;
    background-color:#ffffee;
}
input[type="text"]:focus {
    background-color: #FFFFEE;
    border: 1px dashed #15C0F2 !important;
}
input.error[type="text"]:focus {
    border-color: red !important;
}
#wixo-modal div.scroll {
    overflow: auto;
}

/*.wixo-modal-button {
    width:121px;
    margin:0px 10px;
    
    background-image: url('../img/submit_background_3.png');
	color: #7D7D7D;
	display:inline-block;
	font-size: 15px;
	font-weight: bold;
	height: 35px;
	line-height: 35px;
	text-decoration: none;
	text-align:center;
	cursor: pointer;
    background: url('../img/submit_background_2.gif') no-repeat;
}
.wixo-modal-button:hover {
    color:#00A2E8;
}
.wixo-modal-button > div {
	
	border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    height: 32px;
    min-width: 81px;
    padding: 0 20px;
   
}*/

.wixo-modal-button {
  	background: url("../img/mf-button-yellow-left.png") no-repeat scroll 0 0 transparent;
    color: #2382A9;
    cursor: pointer;
    display: inline-block;
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
    margin: 0 10px;
    padding-left: 10px;
	padding-top: 0;
    padding-bottom: 0;
    text-shadow: 1px 1px 0 #F1F1F1;
}

.wixo-modal-button > div, .wixo-modal-button > span {
	min-width: 85px;
 	background: url("../img/mf-button-yellow-right.png") no-repeat scroll right 0 transparent;
    display: inline-block;
    line-height: 32px;
    padding-left: 8px;
    padding-right: 20px;
	letter-spacing: 0.08em;
}
.mf-btn-gray, .wixo-modal-button#wixo-modal-footer-submit-cancel {
	color: #7D7D7D;
	background: url("../img/mf-button-silver-left.png") no-repeat scroll 0 0 transparent;
}

.mf-btn-gray > div, .wixo-modal-button#wixo-modal-footer-submit-cancel > div,
.mf-btn-gray > span, .wixo-modal-button#wixo-modal-footer-submit-cancel > span{
	background: url("../img/mf-button-silver-right.png") no-repeat scroll right 0 transparent;
}

.wixo-modal-button:hover, #wixo-modal-footer-submit-cancel.wixo-modal-button:hover{
  color: #00A2E8;
}
#wixo-modal div.action.wixo-modal-button.disabled{
  color: #808080;
  background-image: url("../img/mf-button-disabled-left.png");
  cursor: default;
}
#wixo-modal div.action.wixo-modal-button.disabled > div, #wixo-modal div.action.wixo-modal-button.disabled > span{
  background-image: url("../img/mf-button-disabled-right.png");
}

.wixo-modal-button.premium { display:none }
#wixo-modal-button-search{
    background: url('../img/search.png') no-repeat;
    display:block;
    width:73px;
    height:25px;
    text-decoration:none !important ;
    color:#7d7d7d !important;
    font-weight:bold;
    text-align:center;
    padding:3px 0px 0px 4px;
    margin:-2px 5px 0px 5px;
}

/* ---------------------------------- FOOTER -------------------------------------------- */
#wixo-modal-footer {
    clear: both;
    border-top: 1px solid #bebebe;
    background: #e8e8e8;
    text-align:center;
    padding:10px 20px 5px 20px;
	min-height: 38px;
    -moz-border-radius:0 0 10px 10px;
    -webkit-border-radius:0 0 10px 10px;
    -o-border-radius:0 0 10px 10px;
    border-radius:0 0 10px 10px;
}
/* ---------------------------------- video from url ---------------------------------- */
#wixo-modal-content-top {
    background:white;
    padding-bottom:10px;
    border-bottom:1px solid #bebebe;
    position:relative;
}
#wixo-modal-content label[for="wixo-modal-help-autostart-disabled"], #wixo-modal-content label[for="wixo-modal-drag-info-disabled"] {
    position:absolute;
    font-size:12px;
    bottom:25px;
    left:45px;
    cursor: pointer;
}
#wixo-modal-content dl {
    margin: 0;
    padding: 10px;
}
#wixo-modal-content dl > dt {
    margin-bottom: 10px;
}
#wixo-modal.fullscreen> #wixo-modal-footer {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
}
#wixo-modal-content-left {
    float: left;
    height: inherit;
    width: 190px;
}
#wixo-modal-content-right {
	float: right;
    height: inherit;
    width: 600px;
	position: relative;
}
#wixo-modal .mf-modal-contents-choice {
    padding-left: 15px;
    padding-right: 10px;
}
#wixo-modal-content-right.staticHeight {
    height:360px;
    overflow:auto;
}
#wixo-modal h2.title {
    margin-bottom:10px;
    text-align:center;
}
#wixo-modal .all-margin {
    padding:10px;
}

/* ----------------------------- video modal ------------------------- */
#wixo-modal-video-url, #wixo-modal-image-url, #wixo-modal-description-input, .modal-big-input {
    width: 420px;
    height: 24px;
    padding: 2px;
    color:#333;
}
#wixo-modal-object-preview {
    display:inline-block;
    padding: 15px;
    border: 1px solid rgb(204, 204, 204);
    min-height: 170px;
    min-width:200px;
    background:url('../img/video_preview.gif') no-repeat center center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
}
#wixo-modal-object-preview.image {
    border:0;
    padding:0;
}
#wixo-modal-object-preview.image img {
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border:1px solid #CCCCCC;
    padding:15px;
}
#wixo-modal-object-preview.video {
    width:480px;
    height:295px;
}
/*
#wixo-modal-content dl {
    padding:10px;
    margin:0;
}
#wixo-modal-content dl > dt {
    margin-bottom:10px;
}
#wixo-modal-content dl > dd {
    margin-left:15px;
}
*/
.videofromurl {
    position: relative;
    z-index: 5;
}
#wixo-modal-content .videofromurl ul {
    right: 35px;
    top: 75px;
    width: 160px;
    position: absolute;
    z-index: 10;   
}
#wixo-modal-content .videofromurl ul > li {
    display: inline-block;
    width: 73px;
    height: 75px;
    padding-bottom: 4px;
}
#wixo-modal-content .videofromurl ul > li a {
    height: 100%;
    display: block;
    background: url("../img/wixo-element-video-site-logos.png") no-repeat transparent;
}
.v-vimeo {
    background-position: -81px -3px!important;
}
.v-dailymotion {
    background-position: -4px -82px!important;
}
.v-metacafe {
    background-position: -4px -3px!important;
}
.v-youtube {
    background-position: -81px -82px!important;
}

#wixo-modal input.search {
    width:80%;
    margin:10px 0 10px 10px;
}
#wixo-modal #wixo-modal-button-search2 {
    display:block;
    float:left;
    width:16px;
    height:16px;
    border:1px solid #bebebe;
    background: url('../img/zoom.png') no-repeat;
    margin:10px 0;
}
#wixo-modal p.zoom {
    margin: 5px 0px 0px 0px;
    font-weight:bold;
    background: url('../img/zoom.png') no-repeat 10px;
    padding-left:0px;
}
#wixo-modal a.wm-select-button {
    width:110px;
    height:25px;
    line-height:25px;
    padding-left:12px;
    margin-left:0px;
    background: url('../img/button/select_background.gif') no-repeat;
}
#wixo-modal .wm-video-2 li {
    height:120px;
    margin:10px;
    border:2px solid #bebebe;
    position:relative;
}
#wixo-modal .wm-video-2 li.active, #wixo-modal .wm-video-2 li:hover {
    border:2px solid #FFB336;
}
#wixo-modal .wm-video-2 input {
    width:300px;
    height:20px;
}
#wixo-modal .wm-video-2 li div {
    padding-left:10px;
    float:left;
}
#wixo-modal .wm-video-2 strong + p {
    color:#7d7d7d;
    margin:0px 0px 10px 0px;
}
#wixo-modal .wm-video-2 p.zoom {
    margin: 35px 0px 0px 0px;
    padding-left:30px;
}
#wixo-modal .wm-video-2 li > img:first-child {
    display:block;
    width:140px;
    height:118px;
    border:1px solid gray;
    float:left;
}
#wixo-modal .wm-video-2 .logo {
    position:absolute;
    right:2px;
    top:2px;
}
#wixo-modal .logo-img {
    position:absolute;
    right:20px;
    top:20px;
}
/* ----------------------------- file upload ----------------------------- */
#wixo-modal-content-left #mf-new-dir {
    margin: 10px;
}
#wixo-modal #queuestatus {
    line-height:10px;
    margin:2px 2px;
    font-size:12px;
}
#wixo-modal #swfupload-control {
    margin:15px 5px;
    text-align:center;
}
#wixo-modal #log {
    margin:0;
    padding:0;
    text-align:center;
}
#wixo-modal #log li {
    padding:5px 0;
}
#wixo-modal #log li .progressbar {
    border:1px solid #333;
    height:5px;
    background:#f0f0f0;
}
#wixo-modal #log li .progress {
    background:#00A2E8;
    width:0%;
    height:5px;
}
#wixo-modal #log li p {
    line-height:10px;
    margin:2px 2px;
    font-size:12px;
}
#wixo-modal-content-left li {
    color:#00A2E8;
    cursor:pointer;
}
#wixo-modal-content-right.wm-files-scroll {
    height:175px;
    margin-right:-15px;
}
#wixo-modal-content-left.wm-directory-scroll {
    height:190px;
    width:100px;
}
/* ----------------------------- img list ----------------------------- */
#wixo-modal .filetree a{
    color:black;
    text-decoration:none;
    font-size:11px;
}

#wixo-modal .wm-list-img {
    overflow: auto;
}

#wixo-modal .wm-list-img li{
    position:relative;
    float:left;
    text-align:center;
    white-space:nowrap;
    background:#f8f8f8;
    border:3px solid transparent;
    cursor:pointer;
	border-radius: 4px;
}

#wixo-modal .wm-list-img li p {
    bottom: 1px;
    left: 0;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;   
}

#wixo-modal .wm-list-img.pic li {   
    font-size: 10px;
    margin:8px;
    padding-top:5px;
    width:94px;
    height:100px;}

#wixo-modal .wm-list-img li:hover {
	border:3px solid #999;
}
#wixo-modal .wm-list-img li.active  {
  	border:3px solid #3fa0e0;
}

#wixo-modal .wm-list-img img+p{
    overflow:hidden;
}
#wixo-modal .wm-list-img img{
    width:90%;
}
#wixo-modal .wm-list-img img.loading{
    background: url("../img/ajax-loader-fb.gif") no-repeat scroll 50% 50% #fff;
}
#wixo-modal .wm-list-img li>div{
    display:none;
    height:100%;
    width:inherit;
    opacity:0.3;
    background:black;
    position:absolute;
    top:-2px;
    left:-2px;
    border:2px solid black;
}
#wixo-modal .wm-list-img>li.empty{
    width:auto;
    height:auto;
    padding:20px;
    border:0;
}
#wixo-modal .wm-list-img .close_cross{
    top:4px;
    left:75px;
    width:16px;
    height:16px;
    background:url('../img/icon/cross-script.png') no-repeat;
    position:absolute;
    display:none;
    cursor:pointer;
}
#wixo-modal .wm-list-img div a{
    display:block;
    width:16px;
    height:16px;
    margin:5px;
    float:left;
    border:1px solid orange;
}
#wixo-modal .wm-list-img li:hover a.close_cross{
    display:block;
}
#wixo-modal .wm-list-img div a.icon1{
    background:url('../img/icon/wrench.png') no-repeat;
    margin:48px 0px 0px 32px;
}
#wixo-modal .wm-list-img div a.icon2{
    background:url('../img/icon/star.png') no-repeat;
    margin:48px 0px 0px 5px;
}
/* ----------------------------- treeview ----------------------------- */
.treeview, .treeview ul { 
    padding: 0;
    margin: 0;
    list-style: none;
}

.treeview ul {}

.treeview .hitarea {
    background: url(../img/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin-left: -16px;
    float: left;
    cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
    display: inline;
    float:none;
}

.treeview li { 
    margin: 0!important;
    padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
    background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../img/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../img/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../img/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../img/treeview-red.gif); } 

.treeview-black li { background-image: url(../img/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../img/treeview-black.gif); }  

.treeview-gray li { background-image: url(../img/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../img/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../img/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../img/treeview-famfamfam.gif); } 


.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file, .filetree span.folderClosed { padding: 1px 0 1px 18px; display: block; }
.filetree span.folder { background-image: url(../img/folder.gif); background-repeat: no-repeat; }
.filetree span.highlighter { background-color:#00A2E8; color:white; }
.filetree span.folderClosed { background-image: url(../img/folder-closed.gif); background-repeat: no-repeat; }
.filetree li.expandable span.folder { background-image: url(../img/folder-closed.gif); background-repeat: no-repeat; }
.filetree span.file { background: url(../img/file.gif) 0 0 no-repeat; }

/* ----------------------------- help ----------------------------- */
#wixo-modal .wixo-modal-menu{
  background:#e8e8e8 url(../img/modalm.jpg) right center repeat-y;
  overflow:hidden;
}
#wixo-modal .wixo-modal-menu ul{
  padding:0 0 0 10px;
  margin-top:5px;
}
#wixo-modal .wixo-modal-menu ul li a, #wixo-modal .wixo-modal-menu ul li span{
	border-color: transparent;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    color: #000000;
    display: block;
    padding: 5px;
    text-decoration: none;
}
#wixo-modal .wixo-modal-menu ul li img{
  vertical-align: middle;
}
#wixo-modal .wixo-modal-menu ul li a.activ, #wixo-modal .wixo-modal-menu ul li a:hover,
#wixo-modal .wixo-modal-menu ul li span.activ, #wixo-modal .wixo-modal-menu ul li span:hover{
  background:#fff;
  border:1px solid #bebebe;
  border-right:0;
}
#wixo-modal .new_window img{
  width:18px;
  vertical-align:middle;
}
#wixo-modal .modaltext ul, #wixo-modal .modaltext ol{
  padding-left:20px;
}
#wixo-modal .modaltext ul li{
  list-style-type: disc;
}
#wixo-modal .modaltext ol li{
  list-style-type: decimal;
}
#wixo-modal .wm-listMenu{
  padding-top:10px;
  padding-left:0px;
}
#wixo-modal .wm-listMenu li{
  padding:2px;
  list-style-type: none;
}
#wixo-modal .wm-listMenu li img{
  vertical-align: middle;
}

#wixo-modal .middle{
  vertical-align: middle;
}


#wixo-modal .wixo-modal-menu ul.mfm-menu-icons li span.icon {
    background-image: url("../img/modal_menu_sprite.png");
    background-position: left center;
    background-repeat: no-repeat;
    border: 0 none;
    float: left;
    height: 24px;
    margin-left: -4px;
    margin-right: 9px;
    margin-top: -4px;
    padding: 0;
    width: 24px;
}
#wixo-modal .wixo-modal-menu ul.mfm-menu-icons .mfml-url span.icon {
    background-position: -4px -11px;
}
#wixo-modal .wixo-modal-menu ul.mfm-menu-icons .mfml-subpage span.icon {
    background-position: -4px -42px;
}
#wixo-modal .wixo-modal-menu ul.mfm-menu-icons .mfml-email span.icon {
    background-position: -4px -69px;
}
.mf-col-small #wixo-modal-content-left {
    width: 170px;
}
.mf-col-small #wixo-modal-content-right {
    width: 630px;
}


/* --------------------------------  premium ---------------------------------- */

.premium-star {
    background: url("../img/premium-button.png") repeat scroll 0 0 transparent;
    display: inline-block;
    height: 28px;
    margin: 0 10px;
    width: 107px;
}

#wixo-modal #menu-template-before, #wixo-modal #menu-template-after { cursor:pointer; position: absolute; z-index:99; top: 90px; height: 250px; width: 57px; background-position: center center; background-repeat: no-repeat; }

#wixo-modal #menu-template-before { background-image:url('../img/nav-prev.png'); left:-15px; }
#wixo-modal #menu-template-after { background-image:url('../img/nav-next.png'); right:-15px; } 

/* ----------------- link modal ---------------- */

#wixo-modal .mf-modal-link .mf-link-title {
    font-size: 16px;
	font-weight: bold;
	margin: 10px 0;
	display: block;
}
#wixo-modal .mf-modal-link #mf-link-url-new-window {
    margin-left: 4px;
    margin-top: 10px;
}
#wixo-modal .mf-modal-link .mf-link-subpage {
	padding: 10px;
}
#wixo-modal .mf-modal-link .mf-link-subpage li {
	list-style: none;
}
#wixo-modal .mf-modal-link .mf-link-subpage span {
	padding: 5px 5px 5px 25px;
	display: block;
	border: 1px solid transparent;
	background: url("../img/icons_small.png") no-repeat scroll 0 -649px transparent;
	cursor: pointer;
}
#wixo-modal .mf-modal-link .mf-link-subpage li.home > span {
	background-position: 0px -600px;
}
#wixo-modal .mf-modal-link .mf-link-subpage li ul li {
    background-image: url("../img/y.png");
    background-position: 5px 7px;
    background-repeat: no-repeat;
    list-style: none outside none;
    margin-left: 5px;
    padding: 0 0 0 12px;
}
#wixo-modal .mf-modal-link .mf-link-subpage li ul li:last-child {
    background-image: url("../img/z.png");
    background-position: 6px 7px;
}
#wixo-modal .mf-modal-link .mf-link-subpage li > span:hover,
#wixo-modal .mf-modal-link .mf-link-subpage li > span.active{
	background-color: #DEDEDE;
	border: 1px solid #CECECE;
	border-radius: 5px;
}
#wixo-modal .mf-modal-link .mf-link-subpage {
	padding: 10px;
}