/**
 * @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
 */
html {overflow: auto !important;}
p {margin: 3px 0 !important;}
.left {float:left;}
.right {float:right;}
div#rokgallerypicker .contentpane {font-size: 13px;line-height: 1.5em;margin:0;padding:0;background:#fff;}
div#rokgallerypicker .galleries-header, div#rokgallerypicker .galleries-inputs {padding: 10px;background:#fff;}
.clr {display:block;clear:both;}
body {padding: 0 !important;}
body  input, body  select, body  select:focus {background:#fff!important;font-size:9px;color:#666;float: left;margin-right: 5px;}
optgroup option {padding-left:10px;}
.error {margin: 10px;color: #981818;}
body td, body th {font-size:12px;}
div#rokgallerypicker tr, div#rokgallerypicker td {border: none;}

div#rokgallerypicker select {line-height: 1em;height: auto;width: auto;}
/* buttons */
div#rokgallerypicker .button {float: left;font-size:12px;height:25px;border-radius:4px;-webkit-border-radius:4px;color:#444;text-shadow: 0 1px 0 #fff;border: 1px solid #aaa;background:#ccc;margin:5px 5px 0 0;box-shadow:0 1px 0px #fff;-webkit-box-shadow:0 1px 0px #fff;-moz-box-shadow:0 1px 0px #fff;}
div#rokgallerypicker .button:hover {background:#bbb;}
div#rokgallerypicker .button.back-button span.back-icon {float: left;height:16px;background:url(../../assets/images/go-back-arrow.png) -3px -1px no-repeat;padding-right:16px;}
div#rokgallerypicker button.ok {border-color: #5d95c4;color:#fff;background-color:#78c2fe;text-shadow:0 -1px 0 #273e52;}
div#rokgallerypicker button.ok:hover {background-color:#5e9de2;border-color:#4a7db3;}

div#rokgallerypicker #gallerypicker-header {padding: 5px;/*background: #eee;border-bottom: 1px solid #ddd;*/}
div#rokgallerypicker .gallerypicker-tabs-wrapper {background: url(../../assets/images/picker-toolbar-bg.jpg) repeat-x;height:35px;border:1px solid #7f7f7f;box-shadow:0 1px 0 #fff;-webkit-box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;line-height:35px;}
div#rokgallerypicker #gallerypicker-header ul {line-height: 35px;}
div#rokgallerypicker #gallerypicker-header li {background:none;padding:0;margin:0;border:0;box-shadow:none;-webkit-box-shadow:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;line-height: 35px;}
div#rokgallerypicker #gallerypicker-header li:first-child {border-radius:3px 0 0 3px;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;}
div#rokgallerypicker #gallerypicker-header li {padding: 0 20px;text-align:center;border-right: 1px solid #acacac;font-size:12px;font-family: "Lucida Grande", "Helvetica", sans-serif;font-weight:bold;color:#6f7e8b;text-shadow: 0 1px 0 #fff;text-transform:uppercase;}
div#rokgallerypicker #gallerypicker-header li.active {background: url(../../assets/images/picker-active-bg.jpg) repeat-x;color:#fafafa;text-shadow: 0 1px 0 #242424;}

div#rokgallerypicker .instructions {background: #f4e1bd;color: #d3620f;text-shadow: 0 1px 0 #fff; width: 100%; padding: 4px 8px;margin: 0 -8px 5px;display:none;}

div#rokgallerypicker #panels {position: relative;}
div#rokgallerypicker .panel {position:absolute;top:0;left:0;bottom:0;right:0;margin: 0 8px;display:none;}
div#rokgallerypicker .filelist {display:block;}

div#rokgallerypicker .empty-gallery {width:119px;height:66px;background:url(../../assets/images/empty-gallery-picker.png) no-repeat;margin:-10px -10px -6px;float:left;}

div#rokgallerypicker ul {list-style:none;margin:0;padding:0;}
div#rokgallerypicker ul li {margin: 10px 5px;padding: 4px;}
div#rokgallerypicker li {float:left;text-align:center;margin: 10px 5px;padding: 4px;cursor:pointer;border: 1px solid #bbb;border-radius: 4px;-webkit-border-radius:4px;box-shadow:0 0 3px #bbb;-webkit-box-shadow:0 0 3px #bbb;background:#fff;position:relative;}
div#rokgallerypicker li.slice {cursor:default;}
div#rokgallerypicker li .wrapper {position:relative;}
div#rokgallerypicker li.gallery {word-wrap:break-word;max-width:140px;}
div#rokgallerypicker li.gallery .wrapper {margin: 10px 10px 15px;min-height:50px;}

div#rokgallerypicker li.total-slices-0 {cursor: default;}

div#rokgallerypicker div.gallery-title {background: #f7f7f7;border-top: 1px solid #eaeaea;margin:0 -4px -4px;border-radius: 0 0 4px 4px;-webkit-border-radius:0 0 4px 4px;color:#999;text-shadow: 0 1px 0 #fff;padding:2px;}

div#rokgallerypicker #gallerypicker-gallerylist img {float: left;position:relative;}
div#rokgallerypicker #gallerypicker-gallerylist .slice img {float:none;}

div#rokgallerypicker #gallerypicker-gallerylist .img-1 {z-index:1;}
div#rokgallerypicker #gallerypicker-gallerylist .img-2 {z-index:2;}
div#rokgallerypicker #gallerypicker-gallerylist .img-3 {z-index:3;}

div#rokgallerypicker #gallerypicker-gallerylist .img-1 {margin:0;}
div#rokgallerypicker #gallerypicker-gallerylist .img-2.img-tot-3 {margin:0 -20px;}

div#rokgallerypicker #gallerypicker-gallerylist .img-1.img-tot-3 {-moz-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);-o-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);}
div#rokgallerypicker #gallerypicker-gallerylist .img-2.img-tot-3 {margin-top: -10px;}
div#rokgallerypicker #gallerypicker-gallerylist .img-3.img-tot-3 {-moz-transform: rotate(20deg);-webkit-transform: rotate(20deg);-o-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);}

div#rokgallerypicker #gallerypicker-gallerylist .img-1.img-tot-2 {-moz-transform: rotate(-20deg);-webkit-transform: rotate(-20deg);-o-transform: rotate(-20deg);-ms-transform: rotate(-20deg);transform: rotate(-20deg);}
div#rokgallerypicker #gallerypicker-gallerylist .img-2.img-tot-2 {margin-left: -20px;-moz-transform: rotate(20deg);-webkit-transform: rotate(20deg);-o-transform: rotate(20deg);-ms-transform: rotate(20deg);transform: rotate(20deg);}

div#rokgallerypicker #gallerypicker-gallerylist .img-1.img-tot-1 {margin-top: -5px;}


.panel .info {margin: 4px 4px 0;color:#bbb;font-size:11px;}
.panel .info span {color:#999; line-height: 20px;}
.panel .info .right {margin-top:2px;}
.jinsert_action {width:16px;height:16px;background:url(../../assets/images/jinsert.png) 0 0 no-repeat;float:right;display:block;cursor:pointer;}
.panel.loader {height:350px;background:url(../../assets/images/spinner-32.gif) center center no-repeat;}

.jinsert_action {width:16px;height:16px;background:url(../../assets/images/jinsert.png) 50% 50% no-repeat;float:right;display:block;cursor:pointer;margin-top: -1px;padding: 0 3px;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.jinsert_action {background-color: #f9f9f9;border: 1px solid #ddd;}

/* backup of older badge
.badge-count {position:absolute;bottom: -10px;left:0;right:0;margin: 0 auto;max-width: 40px;}
.badge-count {color:#9a6835;text-shadow: 0 1px 0 #fff;font-size:11px;width: 30px;z-index:5;-box-shadow:1px 1px 0 #CE932B inset, -1px -1px 0 #CE932B inset;-webkit-box-shadow:1px 1px 0 #CE932B inset, -1px -1px 0 #CE932B inset;-moz-box-shadow:1px 1px 0 #CE932B inset, -1px -1px 0 #CE932B inset;}
.badge-count {border-radius: 5px 0 5px 0;-moz-border-radius:5px 0 5px 0;-webkit-border-radius:5px 0 5px 0;}
.badge-count {background: #fde492;
background: -moz-linear-gradient(top, #fde492 0%, #fdbd4f 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fde492), color-stop(100%,#fdbd4f));
background: -webkit-linear-gradient(top, #fde492 0%,#fdbd4f 100%);
background: -o-linear-gradient(top, #fde492 0%,#fdbd4f 100%);
background: -ms-linear-gradient(top, #fde492 0%,#fdbd4f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fde492', endColorstr='#fdbd4f',GradientType=0 );
background: linear-gradient(top, #fde492 0%,#fdbd4f 100%);}
*/
.badge-count {position:absolute;top: -8px;right:-8px;min-width: 20px;}
.badge-count span {display: block;margin: 0 5px;line-height: 20px;}
.badge-count {color:#fff;text-shadow: 0 -1px 0 #c90613;font-size:11px;z-index:5;-box-shadow:0 2px 0 #fff inset, 0 -2px 0 #fff inset, 2px 0 0 #fff inset, -2px 0 0 #fff inset, 0 0 5px #999;-webkit-box-shadow:0 2px 0 #fff inset, 0 -2px 0 #fff inset, 2px 0 0 #fff inset, -2px 0 0 #fff inset, 0 0 5px #999;-moz-box-shadow:0 2px 0 #fff inset, 0 -2px 0 #fff inset, 2px 0 0 #fff inset, -2px 0 0 #fff inset, 0 0 5px #999;}
.badge-count {border-radius: 20px;-moz-border-radius:20px;-webkit-border-radius:20px;}

li.gallery .badge-count {top: inherit;bottom:-10px;left:0;right:0;margin: 0 auto;max-width:30px;}

.badge-count {background: #f08186;
background: -moz-linear-gradient(top, #f08186 20%, #c90613 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#f08186), color-stop(100%,#c90613));
background: -webkit-linear-gradient(top, #f08186 20%,#c90613 100%);
background: -o-linear-gradient(top, #f08186 20%,#c90613 100%);
background: -ms-linear-gradient(top, #f08186 20%,#c90613 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f08186', endColorstr='#c90613',GradientType=0 );
background: linear-gradient(top, #f08186 20%,#c90613 100%);}

/* load more */

#load-more {margin: 20px auto;width:200px;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(../../assets/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}
