.close-btn{
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;    
	background-color: rgba(255, 0, 0, 0.9);
    padding: 5px 10px;
    font-weight: bold;
    color: #fff;
}
li.image_gallery{
	position:relative;
	background:url(../img/ajax-loader.gif) center center no-repeat rgba(255,255,255,0.15);
}
li.image_gallery img{
	width:100%;
	height:100%;
	pointer-events:none;
}
.album_thumbnail{
	width: 220px;
	height: 220px;	
	background-size:cover;
	background-position:center;
}
.album_thumbnail img{
	width:100%;
	height:100%;
	pointer-events:none;
}

.sortable{
	margin: auto 0;
	padding: 0;
	width: 100%;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sortable.grid {
	overflow: hidden;
}
.sortable li{
	list-style: none;
	border: 1px solid #CCC;
	background: #F6F6F6;
	color: #1C94C4;
	margin: 5px;
	padding: 5px;
	height: 22px;
}
.sortable.grid li {
	float: left;
	width: 220px;
	height: 220px;
	text-align: center;
	background-size:cover;
	background-position:center;
	background-repeat:none;
}
.sortable.grid li textarea{
	position:absolute !important;
	bottom:20px !important;
	left:10px !important;
	right:10px !important;
	width:calc(100%- 20px) !important;
	height:70px !important;
	margin:auto;
	display:block;
}
.sortable.grid li textarea.extended{
	height:90px !important;

}
li.sortable-placeholder {
	border: 1px dashed #CCC;
	background: none;
}
.form-item{
	margin:30px 0;
	display:block;
}

.edit-item{
	cursor:pointer;
	color: #0073aa;
}

#image_gallery_form input[type="text"],#image_gallery_form textarea{
	width:50%;
	max-width:450px;
	margin:10px 0;
	padding:5px;
	display:block;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
#image_gallery_form .uploader textarea{
	font-size:0.8em;
}
.link{
	position:absolute;
	bottom: 25px;
    width: calc(100%- 20px) !important;    
	left:10px !important;
	right:10px !important;
}
.url{	
	font-size:0.8em;
	position:absolute;
	margin:0 !important;
	padding:2px !important;
	height:20px;
	width: 100% !important;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.image_gallery .counter{
	position:absolute;
	bottom: 99px;
	right:10px;
	color:#fff;
	font-size:0.7em;
	text-align:right;
	text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);
}
#thumbnail_selector_button,#library_selector_button{
	width:150px !important;
	padding:10px !important;
	-moz-box-sizing:border-box !important;
	box-sizing:border-box !important;
	display:block;
	margin:10px 0 20px 0 !important;
}

table.album-table td {
    vertical-align: middle !important;
}
table.album-table td img.attachment-gallery-image{
	max-width:100px;
	height:auto;
}
div.success{
	border: 1px solid #1DC31A;
    color: #1DC31A;
    padding: 10px;
    margin: 20px 0;
    background-color: #F9F9F9;
    font-weight: bold;
}
div.error{
	border: 1px solid red;
    color: red;
    padding: 10px;
    margin: 20px 0;
    background-color: #F9F9F9;
    font-weight: bold;
}

table.album-table{
	width:100%;
	padding:0px;
	margin:0px;
}
table.album-table tr td{
	padding:10px;
	width:20%;
}

.thumbtd{
	width:10%;
}
.thumbtd img{
	max-width:100%;height:auto;
}
.optionstd{
	width:30%;
}
.uploader{
	display:none;
}
.button-danger{
	color:#fff !important;
	background: #CD0000 !important;
    border-color: #D87E7E !important;
        webkit-box-shadow: 10px 10px 5px 0px rgba(152, 0, 0, 0.75) !important;
    -moz-box-shadow: 10px 10px 5px 0px rgba(152, 0, 0, 0.75) !important;
    box-shadow: 0px 0px 0px 0px rgba(152, 0, 0, 0.75) !important;
}
.button-danger:hover{
	background: #A90000 !important;
}

ul.list-style li{	
	margin-left:20px;
	list-style: circle;
}

p.code{
	padding:10px;
	background:#fff;
	display:block;
}

.accordion{
	cursor:pointer;
	padding:10px;
	background-color:#ccc;
}
.accordion-data{
	display:none;
	width:100% !important;
}

@font-face {
	font-family:'Font-Awesome';
	src:url('../fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome-webfont.woff') format('woff'),
		url('../fonts/fontawesome-webfont.ttf') format('truetype'),
		url('../fonts/fontawesome-webfont.svg#Font-Awesome') format('svg');
    font-weight:normal;
    font-style:normal;
}
span.fa{
	font-family: 'Font-Awesome'; 
	margin-left:5px;
}

.nf-content input[type=text],.nf-content input[type=number],.nf-content #albums, .nf-content select, .nf-content textarea{
	min-width:300px;
	padding:5px;
}
.nf-content .field{
	margin:5px;
}
.nf-content #albums{
	margin-left: 10px !important;
}
.clear{
	clear:both;
	display:block;
}
#slideshow-shortcode-generator, #album-display-shortcode-generator, #album-shortcode-generator{
	margin:20px 0 !important;
}

.question{
	white-space:nowrap;
	padding-top:40px;
}
.questionmark{
	display:inline-block;
	white-space:normal;
	width:60px;
	height:50px;
	vertical-align:bottom;
	background:url(../img/questionmark.png) left center no-repeat transparent;
}
.questiontext{
	display:inline-block;	
	white-space:normal;
	vertical-align:top;
}
.dashed{
	margin:20px 0 20px 0;
	height:1px;
	width:95%;
	border-bottom:dashed 1px #999;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.main-div{
	display:inline-block;
	width:70%;
	padding-right:20px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:top;
}
.help-div{
	margin-top:30px;
	display:inline-block;
	width:29.5%;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:top;
}
.box{
	border:1px solid #000;
	padding:10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	vertical-align:top;
	background-color:#fff;
}

.box h2{
	margin:0 auto;
	padding:20px;
	background-color:#000;
	color:#fff;
	font-weight:bold;
}
.box ul li{
	list-style-type: disc;
	margin-left:40px !important;
}
.red{
	color: #ea2121 !important;
}
.center{
	text-align:center;
	margin:20px auto;
}
a.buybutton{
	text-align:center;
	border:1px solid #055e03;
	padding:10px 25px;
	background-color: #04a600;
	color:#fff;
	font-weight:bold;
	margin:20px auto;
	text-decoration:none;
}
a.rawbutton{
	border:1px solid #dfaf5c;
	background-color: #dfaf5c;	
	color:#000;
}
.url{
	min-width: 210px !important;
}