/*********************
Including file: contact_sheet.css
*********************/
/**
 * contact_sheet.css - styles to turn search results page w/lightbox into contact sheet
 *
 * @package    search
 * @author     Jon Randy
 * @copyright  (c) 2010 Lightrocket
 */
 
body {
    background:#fff;
    font-family:Arial,Helvetica,sans-serif;
    width:100%;
}
body, #page, #pageContent, #container, #sidebar, #lightbox {
    width:100%;
    margin:0;
    padding:0;
}

div#header,div#navShadow,div#resultnav,div#hangingTitle,
div#maincontent,div#border_top,div#advance_search,div#group_info,
div#assets_count,div.adv_search,div#pageContent h1,h2.ireplace,img.lightboxAsset,
div#loadingAndAssetCount,a.btnRemove,a.btnExpand,a.btnNoDownload,input.btnSelect,label.btnSelect,
div#shareLbx_form,div#email_asset_form,div#footer,div#login_dialog {
    display:none;
}

div#contactSheet_header {
    display:inline;
    font-size:1.3em;
}
div#contactSheet_lbxTitle {
    font-weight:bold;
    float:left;
    margin-left:7px;
}
div#contactSheet_brandText { float:right; }

div#lightbox_body { clear:both; }
a { display:none !important; }
img {
    width:auto !important;
    height:auto !important;
}
ul#asset {
    list-style:none outside none;
    padding:0;
}
ul#asset > li {
    display:inline-block;
    margin-top:25px;
    *display:inline;
    *float:left;
}
ul#asset > li > div { padding:8px; }
ul#asset > li > div > div > span {
    height:205px;
    width:200px;
    float:left;
    text-align:center;
}
ul#asset > li > div > div > span > span {
    position:relative;
    display:inline-block;
    top:50%;
}
ul#asset > li > div > div.lbxAsset_filename {
    clear:both;
    font-size:0.8em;
    text-align:center;
    width:200px;
}

/*********************
Including file: lightbox.css
*********************/
/**
 * lightbox.css - styles for the lightbox
 *
 * @package    lightbox
 * @author     Jon Randy
 * @copyright  (c) 2010 OnAsia
 */
ol, ul {
    list-style: none;
}
/*==== Lightbox Header ====*/
#lightbox .panelContent {
    overflow: hidden;
    position: absolute;
}
#lightbox_header * {
    outline: none;
}
#lightbox_header {
    border-bottom: none;
    margin-left: 5px;
    margin-right: 10px;
    box-sizing: border-box;
}
#lightbox .panelContent .adv_search{
    width: 100%;
    padding: 10px 0;
    position: relative;
}
#assets_count{
    width:95%;
}
#assets_count #num_assets{
    color:#2c2c2c;
}
select#lightbox_id {
    float: left;
    width: 100%;
    font-size: 12px;
    margin-bottom: 6px;
}
ul.manageLightboxOpts { margin-top: 1px; }
.manageLightboxOpts li, .manageLightboxOpts input {
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background: none repeat scroll 0 0;
    cursor: pointer;
    height: 22px;
    margin-left: 3px;
    text-align: center;
    width: 29px;
}
.manageLightboxOpts input {
    background: no-repeat center;
    border: 1px solid #aaa;
    height: 22px;
    *margin-left: -2px;
    width: 29px;
}
.manageLightboxOpts li input { background-color: #dadee3; }
.manageLightboxOpts li input:hover { background-color: #b5c1cf; }
#renameLbx {
    text-transform: uppercase;
    font-weight: bold;
    width: 33.33%;
    float: left;
    font-size: 13px;
    padding: 5px 0;
    margin: 0;
    margin-bottom: 6px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
#renameLbx_disabled {
    text-transform: uppercase;
    font-weight: bold;
    width: 33.33%;
    float: left;
    font-size: 13px;
    padding: 5px 0;
    margin: 0;
    background-color: #ddd;
    margin-bottom: 6px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
#deleteLbx {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 0;
    width: 33.33%;
    float: left;
    font-size: 13px;
    margin: 0;
    margin-bottom: 6px;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}
#deleteLbx_disabled {
    text-transform: uppercase;
    font-weight: bold;
    width: 33.33%;
    float: left;
    font-size: 13px;
    padding: 5px 0;
    margin: 0;
    background-color: #ddd;
    margin-bottom: 6px;
    border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
}
#addLbx {
    text-transform: uppercase;
    font-weight: bold;
    padding: 5px 0;
    width: 33.33%;
    font-size: 13px;
    margin-bottom: 3px;
    float: left;
    border-radius: 4px 0 0 4px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
}
.selected_lightbox_lbl {
    font-weight: bold !important;
    font-size: 12px;
}
#lightbox_header .lbx_row{
    width:100%;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    margin-bottom: 10px;
}
#lightbox_header i.expand-panel{
    font-size: 18px;
    cursor: pointer;
    margin-top: -2px;
}
#lightbox_header ul.actionLightboxOpts{
    display:flex;
    margin-top:16px
}
#lightbox_header ul.actionLightboxOpts > li.ireplace {
    padding: 0;
    margin:0;
    width: 25px;
    height: 25px;
}
#lightbox_header li.ireplace > a {
    height: 20px;
    width: 20px;
    display: block;
    padding: 5px;
    background-image: url("media/image?src=assetActionsNewGrey_small.png");
    background-size: 20px;
}
#lightbox_header ul.actionLightboxOpts > li.ireplace a:hover {
    background-image: url("media/image?src=assetActionsNewBlack_small.png");
}
#lightbox_header li.ireplace a#lbx_shareURL {
    background-image: url('media/image?src=copylink_g.png');
    background-position: -1px 2px;
}
#lightbox_header li.ireplace a#lbx_shareURL:hover {
    background-image: url('media/image?src=copylink_b.png');
}
#lightbox_header li.ireplace a#lbx_openInArchive{
    padding:3px 0 0 0;
    /* background-position: 0px 2px; */
    /* background-size: 18px; */
    /*background-image: url('media/image?src=showOpenInArchive_g.png');*/
    background-image: none;
    /* background-repeat: no-repeat; */
}
#lightbox_header li.ireplace a#lbx_openInArchive i{
    color:#868686;
    font-size:17px;
}
#lightbox_header li.ireplace a#lbx_openInArchive:hover i{
    color:#000000;
}
/*row action icons*/
#lightbox_header li.ireplace a#shareLbx { background-position: 0px 153px; }
#lightbox_header li.ireplace a#downloadLbx { background-position: 0px -22px; }
#lightbox_header li.ireplace a#slideShowLbx { background-position: 0px 134px; }
#lightbox_header li.ireplace a#printContactSheetLbx { background-position: 0px 46px; }
#lightbox_header li.ireplace a#moveAssetsLbx { background-position: 0px 23px; }
/*row slect icons*/
#lightbox_header li.ireplace a#selectAll { background-position: 0px 112px; }
#lightbox_header li.ireplace a#selectNone { background-position: 0px 90px; }
#lightbox_header li.ireplace a#selectInvert  { background-position: 0px 67px; }
div#selection_txt {
    /* margin-left: auto; */
}
div#selectLightbox {
    margin-left: auto;
}
div#selectLightbox #selectLightboxOpt{
    display: flex;
    flex-direction: column;
}
#lightbox_header ul#selectLbxAssets {
    display:flex;
}
#lightbox_header ul#selectLbxAssets > li.ireplace {
    width: 25px;
    height: 25px;
    padding: 2px;
    float: none;
}
#moveAssetOpt{
    float:right;
}
#moveAssetOpt #moveto_lightbox_id {
    margin-bottom: 7px;
    margin-top: 5px;
    width:102px;
}
#loadingAndAssetCount {
    position: relative;
}
span#lbxLoading {
    background-image:url(media/image?src=loading_mini.gif);
    background-position:0;
    background-repeat:no-repeat;
    position: absolute;
    display: block;
    width:10px;
    height:10px;
    bottom:3px;
    left: 5px;
}
li.flag_filter a label { font-weight:normal; }

/*==== Flag Selector ====*/
div#loadingAndAssetCount div {
    padding: 0 15px;
}
.assets_count {
    background:#d9d9d9 url(media/image?src=down_arrow.png) no-repeat 95% left;
    cursor:pointer;
    margin-left:1px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
}
.assets_count:hover {
    background:#bbb url(media/image?src=down_arrow_white.png) no-repeat 95% center;
    color:#fff;
    -moz-border-radius:4px 4px 0 0;
    -webkit-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
}
#assets_count.noFlags {
    background:none;
    border:none;
    cursor:default;
    padding-left:0;
    padding-right:0;
}
#assets_count.noFlags:hover { color:#888; }
ul#flags_list {
    clear:both;
    margin-left:1px;
    position:absolute;
    z-index:99;
    border-radius:0 0 4px 4px;
    -moz-border-radius:0 0 4px 4px;
    -webkit-border-radius:0 0 4px 4px;
    background:none repeat scroll 0 0 #EEEEEE;
    border:1px solid #CCCCCC;
    min-width:100px;
    left:0;
    margin-top:0;
    width:95%;
}
ul#flags_list li {
    clear: both;
    padding: 2px 5px;
    width: 100%;
}
ul#flags_list li:hover {
    background-color:#d9d9d9;
    cursor: pointer;
}
ul#flags_list li a {
    text-decoration: none;
    color: #888;
    margin-left: 8px;
}
ul#flags_list li a label { 
    cursor: pointer; 
    width: auto;
    float: none;
}
ul#flags_list li.set_selector {
    background: url("media/image?src=lightbox/set_selector.png") no-repeat scroll 0% center;
    cursor: default;
}

/*==== Lightbox Body ====*/
#lightbox_body {
    clear: both;
    width: 100%;
    min-height: 100px;
    overflow:auto;
    position:absolute;
    top: 155px;
    bottom:5px;
    border: none;
    border-top: 1px solid #d7d7d7;
}
@media all and (max-width: 767px) {
    #lightbox_body {
        clear: both;
        width: 100%;
        min-height: 100px;
        overflow:auto;
        position:absolute;
        top: 175px;
        bottom: auto;
        border: none;
        border-top: 1px solid #d7d7d7;
    }
    #lightbox .panelContent {
        overflow: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }
}
#lightbox_body ul {
    position:relative;
    list-style:none;
    padding:0;
    margin:0;
    clear:both;
}
#lightbox_body ul li {
    float:left;
    width:100%;
    padding: 10px 0;
    position:relative;
    overflow:hidden;
}
#lightbox_body img, #lightbox_body span.recall,
#noPermissionAssets img, #noPermissionAssets span.recall {
    vertical-align:middle;
    box-shadow: 0 0 5px 0  rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 0 5px 0  rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 0 5px 0  rgba(0, 0, 0, 0.3);
    background:#fff;
    padding: 5px;
    box-sizing: border-box;
    max-width: 100% !important;
    max-height: 160px !important;
    width: auto !important;
    height: auto !important;
}

#lightbox_body img.blankDL {
  width: 100% !important;
  height: 100% !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
}

#lightbox_body ul > li > div {
    text-align: center;
    width: 160px;
    margin: 0 auto;
}
#lightbox_body ul > li > div > div {
    position:relative;
}
#lightbox_body a, #lightbox_body input, #lightbox_body label {
    position:absolute;
    width:20px;
    height:20px;
    display:none;
    text-indent:-9999em;
    cursor:pointer;
}
#lightbox_body label {
    display:inline;
}
#lightbox_body li:hover a, #lightbox_body li:hover label {
    display:inline;
}
#lightbox_body li span.pointer { cursor:pointer; }
span.recall {
    color:#cacaca;
    cursor:default;
    display:block;
    font-size:13px;
    font-weight:bold;
    text-align:center;
}
#noPermissionAssets span.recall { font-size:10px; }
#lightbox_body span.recall > span {
    display:block;
    margin-top:10px; *margin-top:17px;
}
.btnRemove {
    top:2px;
    right:2px;
    background-image:url(media/image?src=lightbox/remove_lb.png);
}
.btnSelect {
    left:2px;
    bottom:2px;
}
.btnNoDownload {
    left:2px;
    bottom:22px;
}
#lightbox_body ul > li > div > div a.btnNoDownload {
    background-image:url(media/image?src=lightbox/noselect.png);
    display:inline;
}
label.checked {
    background-image:url(media/image?src=lightbox/selected.png);
}
label.unchecked {
    background-image:url(media/image?src=lightbox/unselected.png);
}


/*==== Share/Email Lightbox ====*/

div.display_asset img {
    background-color: #fff;
    border: 1px solid #a9a9a9;
    display: block;
    margin: -5px 5px 5px -5px;
    padding: 4px;
    position: relative;
}
#lbx_frm_send_email{
    width: 265px;
    float: left;
}
#shareLbx_form {
    left: 303px;
    top: 145px;
    z-index: 999999;
}

.popup div.popup_form.confirmSend{
    width: 595px !important;
}
@media all and (max-width: 768px) {
    .popup div.popup_form.confirmSend{
        width: 320px !important;
    }
}
#noPermissionAssets {
    float: left;
    cursor: default;
    margin-right: 30px;
    font-weight: bold;
    width: 235px;
}
#noPermissionAssets>div:first-child{
    overflow-x: hidden;
    overflow-y: auto;
    height: 214px;
    border: 1px solid rgb(204, 204, 204);
    padding: 5px 10px;
    margin: 7px;
    background-color: rgb(253, 253, 253);
    width: 83%;
}
#noPermissionAssets input{
    padding: 5px 20px;
    font-weight: bold;
    font-size: 10px;
}
/*==== Login Required ====*/

#loginReqd p {
    font-size: 14px;
    padding: 10px;
    margin: 0;
}