/**
 * @author    RocketTheme http://www.rockettheme.com
 * @copyright Copyright (C) 2007 - 2014 RocketTheme, LLC
 * @license   http://www.gnu.org/licenses/gpl-2.0.html GNU/GPLv2 only
 */
/* application styles */
@import url('buttons.css') screen;
@import url('filters.css') screen;
@import url('blocks.css') screen;
@import url('file-settings.css') screen;
@import url('file-edit.css') screen;
@import url('tags.css') screen;
@import url('popup.css') screen;
@import url('uploader.css') screen;
@import url('jobs.css') screen;
@import url('galleries.css') screen;

.clr {clear: both;}
.container-fluid #content {margin: 0 -20px;}
html, body { height: inherit;}

/* bluestork resets */
html {overflow-y: visible !important;}
body div#element-box div.m {padding: 1px;}
body#minwidth-body {margin: 0;padding: 10px;}
body input:focus, body select:focus, body textarea:focus {background-color: transparent;}
body div#toolbar {*zoom: 1;}
body div#toolbar:before, body div#toolbar:after {
	display: table;
	content: "";
}
body div#toolbar:after {
	clear: both;
}
.no-select {
   user-select: none;
   -o-user-select:none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}
body div#toolbar div {color:inherit;height:auto;padding: 0 8px 1px;height:auto;margin:5px 10px 5px 5px;float:left;}
body div#toolbar span {margin:5px auto -5px;display: block;float: none;height: 32px;width: 32px;font-family: sans-serif;}
body div#toolbar [class^="icon-"]:before, body div#toolbar [class*=" icon-"]:before {font-family: sans-serif;content: "";}
body div#toolbar a, body div#toolbar a:hover {border:0; display:inherit; float:inherit; padding:inherit; color:#868687; text-decoration:none;}
body div#toolbar a:hover {color:#555;}
body div#toolbar .button.ok a, body div#toolbar .button.ok a:hover {color: #FFFFFF;font-weight: bold;text-shadow: 0 -1px 0 #3A628D;}
body div.header {padding-top:10px;}
/*#popup input, #popup select {border: 0;}*/
#popup .container {text-align: left;width: 100%;}
#element-box, #element-box .m, #element-box .t, #element-box .b {background-color: #fff;}
#popup .success {font-weight:normal;color:inherit;}


/* toolbar */
.pagetitle.icon-48-generic {background:url(../images/rokgallery_48x48.png) 10px 10px no-repeat;padding-top:10px;height:58px}
span.icon-settings {background:url(../images/icon-32-settings.png) 50% 50% no-repeat;}
span.icon-publish {background:url(../images/icon-32-publish.png) 50% 50% no-repeat;}
span.icon-unpublish {background:url(../images/icon-32-unpublish.png) 50% 50% no-repeat;}
span.icon-tag {background:url(../images/icon-32-tags.png) 50% 50% no-repeat;}
span.icon-delete {background:url(../images/icon-32-delete.png) 50% 50% no-repeat;}
span.icon-jobs {background:url(../images/icon-32-jobs.png) 50% 50% no-repeat;}
span.icon-galleries {background:url(../images/icon-32-galleries.png) 50% 50% no-repeat;}
span.icon-upload {background:url(../images/cloud-upload.png) 50% 50% no-repeat;}

#toolbar div span {opacity:0.6;}
#toolbar div#toolbar-upload span {opacity: 0.8;}
#toolbar div:hover span {opacity: 1;}

/* generics */
body {min-width:1098px;}
.clr {display:block;}
.right {float: right;}
.left {float: left;}
#rokgallery {line-height: 1.6em;font-size: 16px;}
#rokgallery a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.toolbar .button a, .toolbar .button span, .job-actions > div, #file-edit .resize .size-slider-knob {
	outline: 0 none;
	-webkit-transition: opacity 0.3s ease-in-out;
	-moz-transition: opacity 0.3s ease-in-out;
	-o-transition: opacity 0.3s ease-in-out;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
}
#rokgallery h1, .slices-wrapper .title {margin: 0;overflow: hidden; white-space: nowrap;text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis;}
.tag, .button, .info-switcher, .push-button, #load-more {outline:0;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-o-user-select: none;-ms-user-select: none;user-select: none;}
.slices-wrapper .title {max-width:295px;}

/* header bar */
#header {padding: 0 10px;}
#header {background: #f2f2f2;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	box-shadow: inset 0 -1px 0 #ddd, inset 0 -2px 0 #fff;
	-moz-box-shadow: inset 0 -1px 0 #ddd, inset 0 -2px 0 #fff;
	-webkit-box-shadow: inset 0 -1px 0 #ddd, inset 0 -2px 0 #fff;
	zoom: 1;
}

#header {color: #555;text-shadow: 0 1px 0 #fff;font-size: 12px;}
#header span span {font-weight: bold;}
#header .right, #header .left {}
#header #uploader span {background: url(../images/cloud-upload.png) left 4px no-repeat;display:block;padding-left: 34px;margin-left: -3px;}
#header .button {float: left;}

/* scrollbar */
div.gutter {width: 4px;border-radius: 4px;background: rgba(0, 0, 0, 0.2);position:absolute;top: 10px;right: 4px;display:block;}
div.scrollbar {width: 4px;border-radius: 4px; background: #333;position: absolute;top: 5px;display: block;}
div.gutter div.scrollbar {top: 0;}
#file-settings div.gutter, #file-edit .info.edit-block .tags div.gutter {top: 5px;background: rgba(0, 0, 0, 0.2);z-index: 2;}
#file-settings div.scrollbar, #file-edit .info.edit-block .tags div.scrollbar {background: #151515;z-index: 3;}
.gallery-block .back-view .gutter {top: 0px;background: rgba(255, 255, 255, 0.2);z-index: 2;}
.gallery-block .back-view .scrollbar {background: rgba(255, 255, 255, 0.5);z-index: 3;}
#file-settings .tags.edit-block div.gutter {right: -4px;}
#file-settings .tags.edit-block div.scrollbar {right: -4px;}
#file-settings .tags.edit-block div.gutter div.scrollbar {right: 0px;}
#file-settings .info.edit-block div.gutter {top:10px;}
#file-settings .info.edit-block div.scrollbar {top:10px;}
#file-settings .info.edit-block div.gutter div.scrollbar {top:0px;}
#popup #files-form div.scrollbar, #popup #files-form div.gutter {top: 0;right: -4px;}
#popup #files-form div.gutter div.scrollbar {top: 0;right:0;}
#file-edit .edit-image div.gutter {background: #111;}
#file-edit .edit-image div.scrollbar {background: #fff;cursor:move;}
#file-edit .edit-image div.gutter.vertical {right:-10px;top:0;}
#file-edit .edit-image div.gutter.horizontal {height:4px;bottom:-10px;top: inherit;left:0;}
#file-edit .edit-image div.gutter.horizontal .scrollbar {height: 4px;}
#file-edit .info.edit-block .tags div.gutter {right: -4px;}
#file-edit .info.edit-block .tags div.scrollbar {right: -4px;}
#file-edit .info.edit-block .tags div.gutter div.scrollbar {right: 0px;}
#file-edit .info.edit-block .tags div.gutter {top: 0;}

/* load more */

#load-more {margin: 0 auto;width:300px;height:40px;line-height: 30px;text-align: center;border-radius:6px;-webkit-border-radius:6px;margin-bottom:20px;}
#load-more span {color: #999; font-size: 13px; text-transform: uppercase;text-shadow: 0 1px 0 #fff;display:block;}
#load-more span span.info {color:#bbb;font-size:9px;font-weight:bold;line-height:1em;margin-top:-6px;}
#load-more span strong {color: #777;font-weight:normal;}
#load-more.load-all {line-height:40px;}
#load-more.load-all span span.info {display:none;}
#load-more.loader span {width: 16px;height: 40px;background: url(../images/spinner-16.gif) center center no-repeat;display:block;margin: 0 auto;}
#load-more.loader span span {display: none;}

#load-more {cursor:pointer;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -4px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -4px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);background-color: #fafafa;background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));background-image:-o-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));background-image:-ms-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));background-image:-webkit-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, rgba(255, 255, 255, 0.8)), color-stop(1, rgba(255, 255, 255, 0.1)));}

#load-more:hover {background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(top, #ffffff 0%,#e5e5e5 100%);}

#load-more:active {background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); background: -o-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); background: -ms-linear-gradient(top, #e5e5e5 0%,#ffffff 100%); background: linear-gradient(top, #e5e5e5 0%,#ffffff 100%);}

#load-more.disabled, #load-more.disabled:hover, #load-more.disabled:active {cursor:default;box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -4px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset, 0 -4px 0 rgba(0, 0, 0, 0.1) inset, 0 0 10px rgba(255, 255, 255, 0.5) inset, 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 4px rgba(0, 0, 0, 0.2);background-color: #fafafa;background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1));}
#load-more.disabled span, #load-more.disabled:hover span, #load-more.disabled:active span {color:#ccc;font-style:italic}

/*
// width of popup: 450px;

#files-list {width: 340px;}
#files-list .file {width: 140px;}
*/
