/* Default container class for image slider pro content item */

.success {
	background-color:Green;	
}

.failure {
	background-color:Red;	
}

.navigation {
	width: 250px;
	height: 250px;
	position:absolute;
	z-index:9900;
}

.back {
	width:48px;
	float:left;
	position:relative;
	left:0px;
}

#backs_sub {
	position:absolute;
	width: 36px;
	height: 36px;
	top:50%;
	margin-top: -18px;
	background-image:url('/Modules/ImageSlideshow/images/navigation.png');
	background-repeat:no-repeat;
	background-position: left top;
	left: -36px;
}

#helpbox_top {
	z-index:9999;
}

#helpbox_content {
	z-index:9999;
}

.next {
	width:48px;
	float:left;
	position:relative;
	right:0px;
}

#nexts_sub {
	position:absolute;
	width: 36px;
	height: 36px;
	top:50%;
	margin-top: -18px;
	background-image:url('/Modules/ImageSlideshow/images/navigation.png');
	background-repeat:no-repeat;
	background-position: right top;
	right: -36px;
}

#pauses_sub {
	position:absolute;
	width: 36px;
	height: 36px;
	left:0px;
	margin-top: -18px;
	background-image:url('/Modules/ImageSlideshow/images/navigation2.png');
	background-repeat:no-repeat;
	background-position: left top;
	bottom: -36px;
}

.holder {
	width:250px;
	height:250px;
	position: relative;
	background: no-repeat;
}

.mb_adminWindow .holder {
	background-size: cover !important;
}

.holder p {
	margin: 0;
	position: absolute;
	left: 3%;
	bottom: 10%;
	color: #fff;
	line-height: 1;
}

/* Hide elements in wysiwyg and public view */
.slideshow_container > #left_library,
.slideshow_container > #slide_links {
	display: none;
}

#left_library,
#archiver,
#edit_image {
	position: relative;
	box-sizing: border-box;
	width: auto;
	/*height: 120px;*/
	border: 1px solid #E9EBEF;
	border-radius: 2px;
	padding: 0 0 10px 10px;
}

#left_library {
	min-height: 50px;
}

#left_library.ui-state-hover {
	border: 2px dashed #E9EBEF;
}

#left_library.ui-state-active {
	border-color: #c5ccd0;
}

#left_library.ui-state-hover:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 0;
	opacity: .7;
}

#left_library.ui-state-hover:after {
	content: "\e07b";
	font-family: 'simple-line-icons';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 140%;
}

#left_library.ui-state-active:after {
	content: "\e095";
}

#archiver {
	min-height: 50px;
	border-style: solid;
}

#left_library img,
#archiver img {
	margin: 10px 10px 0 0;
	cursor: pointer;
}

#left_library img.active,
#left_library img:hover,
#archiver img.active,
#archiver img:hover {
	border: 1px solid #394146;
}

#edit_image {
	display: none;
	border-top: 0px;
	border-style: solid;
	border-radius: 0;
}

#edit_image {
	padding: 30px 10px 10px 10px;
}

#right_library {
	padding: 10px;
}

.placeholder {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #E9EBEF;
	border: none;
}

.mb_buttonUpload {
	display: block;
}

#edit_image_holder,
#edit_image_text {
	display: inline-block;
	vertical-align: top;
}

#edit_image_holder {
	width: 20%;
	max-width: 250px;
}

#edit_image_holder img {
	max-width: 100%;
}

#edit_image_text {
	width: 80%;
	padding-left: 20px;
}

#edit_image_text .mb_buttonDelete {
	float: right;
}

.speedControl #amount {
	font-size: inherit;
    font-family: inherit;
    color: inherit;
    border: none;
    width: 20px;
    text-align: center;
    pointer-events: none;
}

.speedControl #slider {
	display: inline-block;
	vertical-align: middle;
	position: relative;
    width: 200px;
    padding: 6px;
    margin-left: 10px;
    border: 1px solid #c5ccd0;
    border-radius: 50em;
    background: #fff;
}

.speedControl #slider .ui-slider-handle {
	position: absolute;
    width: 10px;
    padding: 10px;
    background: #fff;
    margin-left: -10px;
    top: -5px;
    border-radius: 100%;
    border: 1px solid #c5ccd0;
}

.speedControl #amount:focus,
.speedControl #slider .ui-slider-handle:focus {
	outline: none;
}

.speedControl #slider .ui-slider-range {
	position: absolute;
	top: 0;
	left: 0;
	border-top-left-radius: 50em;
	border-bottom-left-radius: 50em;
	height: 99%;
	background: #e2e8eb;
}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 60%; }

#sortable li { margin: 0 5px 5px 5px; padding: 5px; font-size: 1.2em; height: 1.5em; }

html>body #sortable li { height: 1.5em; line-height: 1.2em; }

.ui-state-highlight { height: 1.5em; line-height: 1.2em; }

.Nobile {
	font-family:'Nobile', arial, serif !important;	
}

.DroidSerif {
	font-family:'Droid Serif', arial, serif !important;
}

.YanoneKaffeesatz {
	font-family:'Yanone Kaffeesatz', arial, serif !important;
}

.ReenieBeanie {
	font-family:'Reenie Beanie' !important;	
}

.Tangerine {
	font-family:'tangerine', arial, serif !important;		
}

.Philosopher {
	font-family:'Philosopher', arial, serif !important;
}

.fs26 {
	font-size: 26px !important;	
}

.fs28 {
	font-size: 28px !important;	
}

.fs30 {
	font-size: 30px !important;	
}

.fs32 {
	font-size: 32px !important;	
}

.fs34 {
	font-size: 34px !important;	
}

.fs36 {
	font-size: 36px !important;	
}

.fs38 {
	font-size: 38px !important;	
}

.fs40 {
	font-size: 40px !important;	
}

.fs42 {
	font-size: 42px !important;	
}

.fs44 {
	font-size: 44px !important;	
}

.fs46 {
	font-size: 46px !important;	
}

.fs48 {
	font-size: 48px !important;	
}

.fs50 {
	font-size: 50px !important;	
}

.fs52 {
	font-size: 52px !important;	
}

.fs54 {
	font-size: 54px !important;	
}

.fs56 {
	font-size: 56px !important;	
}

.fs58 {
	font-size: 58px !important;	
}

.fs60 {
	font-size: 60px !important;	
}

.fs62 {
	font-size: 62px !important;	
}

.fs64 {
	font-size: 64px !important;	
}

.fs66 {
	font-size: 66px !important;	
}

.fs68 {
	font-size: 68px !important;	
}

.fs70 {
	font-size: 70px !important;	
}

.fs72 {
	font-size: 72px !important;	
}

.fs74 {
	font-size: 74px !important;	
}

.fs76 {
	font-size: 76px !important;	
}

.fs78 {
	font-size: 78px !important;	
}

.fs80 {
	font-size: 80px !important;	
}

.fs82 {
	font-size: 82px !important;	
}

.fs84 {
	font-size: 84px !important;	
}

.fs86 {
	font-size: 86px !important;	
}

.fs88 {
	font-size: 88px !important;	
}