#sortable { list-style-type: none; margin: 0; padding: 0; width: 230px; margin-left:9px;height:1764px;}
#sortable li { margin: 5px 10px 5px 0;  float: left; width: 100px; height: 100px; font-size: 75px; text-align: left; 
	background-position: center top;
	    background-repeat: no-repeat;
	    background-size: cover;
	border:none;
}



#sortable li span {
	color:#ffffff;
	text-decoration:underline;
	cursor:pointer;
	}
	
#sortable li div.controll_items{
	height:100%;
	position:relative;
}

.lightbox .content a{
	text-decoration:underline;
}
	
.lightbox .movie_link_container{
	background: rgba(0, 0, 0, 0) url("../img/video-js.png") repeat scroll -100px 0;
	    display: block;
	    height: 42px;
	    left: 50%;
	    margin: -20px 0 0 -15px;
	    position: absolute;
	    top: 50%;
	    width: 35px;
}


	
#sortable li div.controll_items_head{
position:absolute;
bottom:0;
padding:3px;
background-color: rgba(0, 0, 0, 0.4);
width:100%;
font-size:10px;
line-height:16px;
}
#c201 .mCSB_container{
	
	margin-right: 25px;
}

#lightbox_content_title{
	border:none;
	height:26px;
	padding-left: 10px;
	width:240px;
}

#sortable li div.frame{
	border:2px solid #eb437e;
	height:96px;
}

#sortable li div.frame div.controll_items_head {
	width:90px;
}

	
#sortable li div.closer{
	background-color:#000000;
	right: 0;
    top: 0px;
 font-size:10px;
line-height: 10px;
width:6px;
padding:3px;
}
	
.draggable { width: 250px; height: 250px; 
	z-index:1;
	overflow:hidden;
	display: inline-block; 
	background-color: #FFFFFF;  
	position: relative;
	border: 1px solid #7e7e7e;
	}
.content{overflow:auto;height:100%;width:100%;padding-right:10px;}
#droppable{ float:left;}

#contentselctor{
	width:100%;
	bottom:-108px;
	height:85px;
	background-color:#fbdae5;
	position:fixed;
	padding-top:8px;
	z-index: 214748362;
	color:#ebe7e8;
	}
#contentselctor div{
	color:#ebe7e8;
	color:#535353;	
}
.ui-resizable-se {
    bottom: 0px;
}

.clearit{
	clear:both;
	}
	
#main{
	
}


#lightbox .csc-default {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 10px;
    max-width: 780px;
  overflow: hidden;
height:850px;
}
#lightbox #main-content .csc-default {
    margin-bottom: 10px;
    margin-left: 5px;
    margin-top: 10px;
    max-width: 2080px;
  overflow: hidden;
max-height:1250px;
}


#lightbox #result .csc-default {
height:1px;	
}

#lb_info img{
	float:left;
	margin-left:5px;
}

#lb_info h2 {
    font-size: 16px;
    font-weight: 700;
    margin: 5px 0 0;
    padding: 0;
}

#lb_info {
margin-bottom:25px;
padding-bottom:5px;
border-bottom:1px solid #ebebeb;
color:#ebebeb;
width:240px;
}

#lb_info_right{
	float:left;
	margin-left:5px;
	color:#ebebeb;
}

body#lightbox{
background: none repeat scroll 0 0 #a1a1a1;
	
}


body#lightbox.ex{	background-color:#616161;

	}

#lightbox.ex #result h2{
	 color: #f2407c;
		font-size:30px;
		border-bottom:1px solid #898788;
		line-height:36px;
		font-weight:normal;
		}


#lightbox.ex #result h3{
font-size:24px;	
	font-weight:normal;
	margin-top:8px;
}

#lightbox.ex #result{
	padding:10px;

}


.einfo	{color:#e8e8e8;}




#lightbox.ex #result .author,#lightbox.ex #result img{
	float:left;
}

#lightbox.ex #result .author{
	margin-left:8px;
}

#controll{
	 
	width:245px;
	float:left;
	margin-left:0px;
	}
	
	.progress:before, .progress:after,.progress-bar:before ,.progress-bar:after {
	    box-sizing: border-box;
	}


	fileinput-button:before, fileinput-button:after {
	    box-sizing: border-box;
	}
	.fileinput-button input {
	    cursor: pointer;
	    direction: ltr;
	    font-size: 20px;
	    margin: 0;
	    opacity: 0;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	input[type="file"] {
	    display: block;
	}
	.progress {
	    background-color: #f5f5f5;
	    border-radius: 4px;
	    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	    height: 20px;
	    margin-bottom: 20px;
	    overflow: hidden;
	}
	
	.progress-bar-success {
	    background-color: #5cb85c;
	}
	.progress-bar {
	    background-color: #428bca;
	    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
	    color: #fff;
	    float: left;
	    font-size: 12px;
	    height: 100%;
	    line-height: 20px;
	    text-align: center;
	    transition: width 0.6s ease 0s;
	    width: 0;
	}
	
	#controll_e{
	
		width:250px;
		float:left;
		margin-left:0px;
		}
	
	#main-content{ ;min-height:1000px;
		height:auto;
		margin-left:250px;
		margin-right:0;
	background-color:#535353;
		padding-top:0px;
		position:relative;
		}	
			
#slider{
	width:370px;
	float:left;
	}



.controll_items_head{
	font-size:14px;
	}
	
.ui-state-default{
	overflow: hidden;
	}
	
#menu{ 
	height:65px;
	width:250px;
	background-color:#ffffff;
	float:left;
	}
	
.content{
	background-position: center top;
  	background-repeat: no-repeat;
  	background-size: cover;
	padding-right:0px;
	padding-bottom:5px;
	height:calc(100% - 55px);
	padding:5px;
	width:calc(100% - 10px);
}


.content img,.contenti img{
	width:100%;
	height:100%;
	height:auto;
/*	min-width:100%; min-height:100%; width:auto; height:auto*/
}

#selectable_content{
	margin-left:10px;
}
.preview_docs,.preview_edocs,.preview_vid{
	background-position: center top;
  	background-repeat: no-repeat;
	background-size: cover;
	margin-right:5px;
	float:left;
	width:50px;
	height:50px;
	cursor:pointer;
	text-align: center;
}
#preview_edocsul{
	 list-style-type: none;
}
.preview_edocsli{
float:left;
}

#desktop_title{
	z-index:9;
	margin-left:250px;
	top:6px;
	background-color:#a1a1a1;
  	height: 65px;
	padding-left:20px;
	 min-width: 1000px;
}

#result h2{
	font-size: 18px;
}

#desktop_title_e{
	z-index:9;
	margin-left:250px;
	top:6px;
	background-color:#ffffff;
  	height: 72px;
	padding-left:20px;
}

.ex-long-text ul, .ex-long-text ol {
	color:#ffffff;
}

.lightbox #controll_e #result{
	margin-top:27px;
	padding-right:10px;
}

.lightbox .bodytext-two-col p{
	line-height:18px;
}


.lightbox  .nodrag .title{
	padding-top:4px;
	line-height:16px;
	color:#333333;
	text-decoration:underline;
	cursor: pointer;
}

#desktop_title span{
	float:left;
}
div.draggable .ui-resizable-se {
    background-color: #FFFFFF;
    bottom: 0;
    cursor: se-resize;
    height: 20px;
    right: 0px;
    width: 19px;

}

div.nodraggable{

	z-index:1;
	overflow:hidden;
	display: inline-block; 
	background-color: #FFFFFF;  
	position: relative;
	border: 1px solid #7e7e7e;
	background-color: #FFFFFF;
    bottom: 0;
     height: 20px;
    right: 0px;
  	width: 250px; height: 250px; 
}


.ui-icon-gripsmall-diagonal-se {
    background-position: -63px -224px;
}

.drag{cursor:pointer;
	overflow:hidden;
	height:45px;
	padding-left:5px;
	width:auto;
color:#e0e0e0;
	background-color:#949293;
	}
.drag .title{
color:#e0e0e0;
float:left;	
width:calc(100% - 15px);;
}


.draggable ul.keys{
	margin-top:0px;
}



.nodrag{
		overflow:hidden;
		height:45px;
		padding-left:5px;
		width:auto;
	color:#e0e0e0;
		background-color:#949293;
		
}

.closer{
 	right: 5px;
    top: 1px;
	width:9px;
	position:absolute;
	cursor:pointer;
	color:#e0e0e0;
	font-size:16px;
}


#lightboxmenu{
	right:10px;
	/*top:80px;*/
	z-index:99998;
	cursor:pointer;
	position:absolute;
	background-color: #ffffff;	
	color:#E93B7D;
	padding:0px 8px 0px 8px
}

.textright{
	width:100%;
	text-align:right;
}


#c201{
	width:750px;
}



.save_desktop{
	float:right;
	padding-left:10px;
	background-color: #c1c1c1;	
}

#save_lightbox_div{
	display:block;

	float:left;
    min-width: 250px;
    padding: 10px;
    
  
/*	background-color: #FFFFFF;
	top: 20px;
    z-index: 999999;
	position: absolute;
	    margin-left: 460px;
	border:  1px solid #c1c1c1;
	*/
}

input.lb_submit{
	border:none;
	background-color:#ffffff;

		color:#E93B7D;
		height: 26px;
	    margin-left: 1px;
}
#exhibition_edit{
margin-left:10px;
}

.load_desktop,.load_ex{
	margin-top:10px;
	display:block;
	background: url(../img/lb_arrow_down.png) no-repeat scroll right top rgba(0, 0, 0, 0);
	background-color:#ffffff;
	float:left;
    width: 250px;
   	color:#E93B7D;
	padding:0px 8px 0px 8px;
	height:26px;
}


.scrollbars{
	
	height:764px;
}
#archiveback{
	margin-top:32px;
	display:block;
	background: url(../img/lb_arrow_left.png) no-repeat scroll left 3px rgba(0, 0, 0, 0);
	background-color:#ffffff;
	float:right;
   	color:#f2407c;
	padding:0px 5px 0px 20px;
	margin-right:8px;	
		border:1px solid #cacaca;
}

#archiveback a{
	color:#f2407c;
}

.load_desktop_up,.load_ex_up{
		background: url(../img/lb_arrow_up.png) no-repeat scroll right top rgba(0, 0, 0, 0);
		margin-top:10px;
		display:block;
		background-color:#ffffff;
		float:left;
	    width: 250px;
	   	color:#E93B7D;
		padding:0 8px 0px 8px;
			height:26px;
}

#metashow {
   /* position: absolute;*/
    top: 75px;
    z-index: 99999999;
}

#exhibition_add_helper {
    background-color: #ffffff;
    color: #e93b7d;
    display: block;
    float: left;
    height: 26px;
    margin-top: 10px;
    padding: 0 8px;
    width: 120px;
	margin-left:20px;
}

#exhibition_add_helper a{
color: #e93b7d;	
}

#exhibition_save{
		margin-top:10px;
	float:right;
	margin-right:10px;
	cursor:pointer;
	background-color: #ffffff;	
	color:#E93B7D;
	padding:0px 8px 0px 8px
}

.contentselctor_close{
	float:right;
	margin-right:10px;
}
.contentselctor_close a{
color:#535353;
	font-size:16px;
}

#saved_desktops_loader .closer{
	display:none;
}


.sortable-item {
    background-color: #fff;
    border: 1px solid #000;
    cursor: move;
    
    font-weight: bold;
    margin-bottom: 5px;
    padding: 10px 0;
    text-align: center;
}




#sortcolumncontainer{
	top:0;
	clear:both;
}

#sortcolumncontainer div.first .sortable-list{
 list-style:none;	
}


.placeholder {
    background-color: #ea8cb0;
    border: 1px dashed #666;
    height: 58px;
 list-style: none;
    margin-bottom: 5px;
}

.sortable-list {
    background-color: #e93b7d;
    list-style: decimal;
    margin: 0;
    min-height: 60px;
    padding: 10px;
}

#add_exhibition_form .closer {
    background-color: #333333;
    color: #ffffff;
    padding-left: 3px;
    padding-right: 3px;
    right: 1px;
}

#saved_desktops_loader{
	position:absolute;
	display:none;
	margin-left:535px;
	top:65px;
	background-color:#ffffff;
	min-width:247px;
	padding:10px;
	z-index:99999;
}

#add_exhibition_form{
	position:absolute;
	display:none;
	margin-left:285px;
	top:85px;
	background-color:#ffffff;
	min-width:547px;
	padding:10px;
	z-index:999999;
	border:1px solid #999999;
	z-index:999999999;
}


#saved_ex_loader {
    background-color: #ffffff;
    display: none;
    margin-left: 811px;
    min-width: 247px;
    padding: 10px;
    position: absolute;
    top: 65px;
    z-index: 99999;
}


#exhibition_save_loader{
	position:fixed;
	margin-left:460px;
	top:20px;
	background-color:#c1c1c1;
	min-width:450px;
	min-height:300px;
	padding:10px;
		z-index: 214748364;
	display:none;
}

#exhibition_save_loader_form{
	float:left;
	width:200px;
	height:280px;	
	background-color:#ffffff;
}

#exhibition_save_loader_set{
	float:left;
	width:600px;
	height:263px;	
	background-color:#ffffff;
}
#exhibition_save_loader_images{
	margin-top:10px;
}

.edrop_set {
		float:left;
	border:1px solid #333333;
	background-position: center top;
	    background-repeat: no-repeat;
	    background-size: cover;
	margin:2px;
}	

#exhibition_save_loader_set1{
	width:100px;
	height:150px;	
}


.exhibition_save-highlight {
	border: 1px solid #fcefa1;
}

#exhibition_save_loader_set2{
	width:200px;
	height:150px;	
}

	#exhibition_save_loader_set3{
		width:100px;
		height:100px;	
		}
	#exhibition_save_loader_set4{
		width:100px;
		height:150px;	
			}
	#exhibition_save_loader_set5{
		width:518px;
		height:100px;	
			}

#cboxOverlay{
	    z-index: 99998;
}
.db #cboxOverlay {
    z-index: 99;
}


ul.selectboxul{

}

#saved_desktops_loader a,#saved_ex_loader a{
	text-decoration:underline;
	float:left;
}


 #saved_ex_loader a.view {
    text-decoration: underline;
float:none;
}

#saved_desktops_loader form{
	float:left;
}

.pdf-upload-container{
	width:250px;
	float:right;
	border:2px solid #eb437e;
	padding:5px;
}

#save_exhibition_add a{
color:#ffffff;	
}
#save_exhibition_add{
	background-color: #333333;
  color: #ffffff;
  cursor: pointer;
  margin-left: 0px;
  padding-left: 3px;
  padding-right: 3px;
}

#videoplayer{
	padding:0;
    margin:0;
	z-index:9999999999; 
	position:fixed; 
	top:50px; 
	left:500px; 
	width:644px;
	height:450px;
	background-color:#ffffff;

}
#videoplayer iframe{
	margin-top:23px;
	overflow:hidden;
}


#exhibition_text{
	width:195px;
}

body{
   margin-left: 0;	
}

.short_text	{
	color:#e8e8e8;
margin-top:10px;
height:500px;	
	}


	.short_text div 	{
		color:#e8e8e8;
	}