You are here

asset-widget.css in Asset 7

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
  background: red;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.jspVerticalBar *,
.jspHorizontalBar * {
  margin: 0;
  padding: 0;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  background: #333333;
  position: relative;
}

.jspDrag {
  background: #5fbfd6;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow {
  height: 16px;
}

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0;
}

/* Selectmenu
----------------------------------*/
.ui-selectmenu {
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  display: block;
  display: inline-block;
  position: relative;
  height: 2.2em;
  vertical-align: middle;
  text-decoration: none;
  overflow: hidden;
  zoom: 1;
}

.ui-selectmenu-icon {
  position: absolute;
  right: 6px;
  margin-top: -8px;
  top: 50%;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  display: none;
  z-index: 1005;
}

/* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

.ui-selectmenu-open {
  display: block;
}

.ui-selectmenu-menu-popup {
  margin-top: -1px;
}

.ui-selectmenu-menu li {
  padding: 0;
  margin: 0;
  display: block;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
  font-weight: normal !important;
}

.ui-selectmenu-menu li a, .ui-selectmenu-status {
  line-height: 1.4em;
  display: block;
  padding: .405em 2.1em .405em 1em;
  outline: none;
  text-decoration: none;
}

.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
  cursor: default;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
  padding-left: 20px;
  position: relative;
  margin-left: 5px;
}

.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
  position: absolute;
  top: 1em;
  margin-top: -8px;
  left: 0;
}

.ui-selectmenu-status {
  line-height: 1.4em;
}

.ui-selectmenu-menu li span, .ui-selectmenu-status span {
  display: block;
  margin-bottom: .2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
  font-weight: bold;
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
  opacity: .8;
}

/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {
  font-size: 1em;
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  line-height: 1.4em;
  display: block;
  padding: .6em .5em 0;
  font-weight: bold;
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
  margin: 0;
  padding: 0;
}

/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li {
  border-color: pink;
  filter: chroma(color=pink);
  width: 100%;
}

* html .ui-selectmenu-menu li a {
  position: relative;
}

/* IE7 workaround (opacity disabled) */
* + html .ui-state-disabled, * + html .ui-state-disabled a {
  color: silver;
}

/*--Assets custom styles--*/
.ui-selectmenu-menu-assets {
  z-index: 205 !important;
  background: #f4efe7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 3px 7px #b5b5b5;
  -moz-box-shadow: 0 3px 7px #b5b5b5;
  box-shadow: 0 3px 7px #b5b5b5;
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
}
.ui-selectmenu-menu-assets:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.ui-selectmenu-menu-assets ul {
  max-height: 200px;
  background: none;
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
}
.ui-selectmenu-menu-assets ul li {
  cursor: pointer;
  padding: 4px 8px;
  font-weight: normal;
  font-size: 11px;
  line-height: 14px;
  color: #928c87;
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
}
.ui-selectmenu-menu-assets ul li a {
  padding: 0;
  color: #928c87;
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
}
.ui-selectmenu-menu-assets ul li.ui-state-hover {
  background: #fff;
}
.ui-selectmenu-menu-assets ul li.ui-corner-bottom {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}

.assets-module .ui-selectmenu {
  display: block;
  background: url('../images/sprite-a.png') no-repeat -998px -834px;
  padding: 0 0 0 2px;
  cursor: pointer;
  width: 271px !important;
  height: 36px !important;
}
.assets-module .ui-selectmenu span {
  display: block;
  width: 216px !important;
  padding: 1px 49px 1px 6px;
  height: 34px;
  line-height: 34px;
  color: #928c87;
  font-size: 12px;
  background: url('../images/sprite-a.png') no-repeat 100% -873px;
}
.assets-module .ui-selectmenu .ui-selectmenu-icon {
  display: none;
}
.assets-module .ui-selectmenu.ui-state-hover span, .assets-module .ui-selectmenu.ui-state-active span {
  background: url('../images/sprite-a.png') no-repeat 100% -794px;
}

/*--Assets bar styles--*/
.assets-module {
  position: fixed;
  right: -435px;
  top: 125px;
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  font-size: 12px;
  line-height: 14px;
  z-index: 20000;
}
.assets-module * {
  outline: 0;
}
.assets-module ul {
  margin: 0;
  padding: 0;
}
.assets-module ul li {
  list-style: none;
  list-style-image: none;
}
.assets-module a {
  text-decoration: none;
  color: #6e6662;
  outline: none;
  ie-dummy: expression(this.hideFocus=true);
}
.assets-module a:hover {
  text-decoration: none;
  color: #c16f4c;
}
.assets-module .ico {
  display: block;
  width: 5px;
  height: 5px;
  position: absolute;
  left: 0;
  top: 0;
  overflow: hidden;
}
.assets-module .separator {
  display: block;
  background: url('../images/bgs/bg_separator_a_grey.png') center 0 no-repeat;
  height: 2px;
  width: 282px;
  overflow: hidden;
  clear: both;
  margin: 0 auto;
}
.assets-module .button {
  *zoom: 1;
  display: block;
  float: left;
  overflow: hidden;
}
.assets-module .button:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .button a {
  display: block;
  height: 26px;
  line-height: 24px;
  font-size: 11px;
}
.assets-module .button-ico a {
  padding: 0 0 0 33px;
  position: relative;
}
.assets-module .button-ico a .ico {
  width: 17px;
  height: 15px;
  left: 9px;
  top: 5px;
}
.assets-module .button-b a {
  background: url('../images/sprite-a.png') no-repeat -994px -921px;
  padding: 0 0 0 6px;
  display: block;
  height: 38px;
}
.assets-module .button-b a span {
  display: block;
  height: 38px;
  line-height: 36px;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  background: url('../images/sprite-a.png') no-repeat 100% -962px;
  padding: 0 12px 0 6px;
  text-align: center;
  text-shadow: #f1f1f1 1px 1px 0;
}
.assets-module .button-notext {
  width: 35px;
  height: 26px;
  background: url('../images/sprite-a.png') -483px -43px no-repeat;
}
.assets-module .button-notext a {
  padding: 0;
}
.assets-module .button-notext a .ico {
  background: url('../images/sprite-a.png') -329px -70px no-repeat;
  width: 16px;
  height: 17px;
  left: 10px;
  top: 4px;
}
.assets-module .button-notext:hover .ico {
  background: url('../images/sprite-a.png') -329px -89px no-repeat;
}
.assets-module .buttons {
  *zoom: 1;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.assets-module .buttons:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .buttons-2 {
  width: 210px;
  background: url('../images/sprite-a.png') no-repeat -369px -11px;
}
.assets-module .buttons-2 .button {
  width: 105px;
}
.assets-module .buttons-2 .button-save a .ico {
  background: url('../images/sprite-a.png') -182px -70px no-repeat;
}
.assets-module .buttons-2 .button-save a:hover .ico {
  background: url('../images/sprite-a.png') -182px -92px no-repeat;
}
.assets-module .buttons-2 .button-save a .ico-load {
  background: url('../images/content/loader-c.gif') 0 0 no-repeat;
  display: none;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 9px;
  top: 4px;
}
.assets-module .buttons-2 .button-save a .text-a {
  display: block;
}
.assets-module .buttons-2 .button-save a .text-b {
  display: none;
}
.assets-module .buttons-2 .button-save.saved a .text-a {
  display: none;
}
.assets-module .buttons-2 .button-save.saved a .text-b {
  display: block;
}
.assets-module .buttons-2 .button-save.saved a:hover {
  color: #6e6662;
  cursor: default;
}
.assets-module .buttons-2 .button-save.saved a .ico,
.assets-module .buttons-2 .button-save.saved a:hover .ico {
  background: url('../images/sprite-a.png') -266px -70px no-repeat;
  top: 4px;
}
.assets-module .buttons-2 .button-modifier a .ico {
  background: url('../images/sprite-a.png') -212px -70px no-repeat;
  top: 4px;
}
.assets-module .buttons-2 .button-modifier a:hover .ico {
  background: url('../images/sprite-a.png') -212px -92px no-repeat;
}
.assets-module .buttons-2 .button-afficher a .ico {
  background: url('../images/sprite-a.png') -240px -70px no-repeat;
  top: 4px;
}
.assets-module .buttons-2 .button-afficher a:hover .ico {
  background: url('../images/sprite-a.png') -240px -91px no-repeat;
}
.assets-module .buttons-2.button-single {
  background: url('../images/sprite-a.png') -369px -43px no-repeat;
  width: 106px;
}
.assets-module .tooltip {
  position: absolute;
  z-index: 999;
  padding: 0 16px 0 0;
  font-size: 11px;
  color: #6e6662;
  display: none;
}
.assets-module .tooltip .tooltip-inner {
  padding: 11px 11px 9px 12px;
  background: #faf7f4;
  float: right;
  border-right: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 3px 25px #b5b5b5;
  -moz-box-shadow: 0 3px 25px #b5b5b5;
  box-shadow: 0 3px 25px #b5b5b5;
  position: relative;
}
.assets-module .tooltip .tooltip-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .tooltip .tooltip-inner .tooltip-title {
  font-size: 14px;
  font-weight: bold;
  padding: 0 0 10px;
  color: #35322f;
}
.assets-module .tooltip .tooltip-inner .video {
  padding: 2px;
  background: #fff;
  margin: 0 0 5px 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  float: left;
  *zoom: 1;
}
.assets-module .tooltip .tooltip-inner .video:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .tooltip .tooltip-inner .title {
  clear: both;
  font-weight: bold;
  padding: 3px 0 5px;
  color: #35322f;
}
.assets-module .tooltip .tooltip-inner .descrip {
  padding: 0 0 5px;
}
.assets-module .tooltip .tooltip-inner .close {
  float: right;
  margin: 5px 0 0;
}
.assets-module .tooltip .tooltip-inner .pointer {
  display: block;
  position: absolute;
  background: url('../images/sprite-a.png') no-repeat -197px -187px;
  width: 17px;
  height: 30px;
  right: -16px;
  top: 25px;
  z-index: 100;
}
.assets-module .tooltip-show {
  display: block;
}
.assets-module .tooltip-show-below .tooltip-inner .pointer {
  top: auto;
  bottom: 30px;
}
.assets-module .tooltip-tags .tooltip-inner {
  width: 150px;
}
.assets-module .tooltip-tags .tooltip-inner ul {
  *zoom: 1;
  padding: 0 0 7px;
}
.assets-module .tooltip-tags .tooltip-inner ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .tooltip-tags .tooltip-inner ul li {
  display: block;
  float: left;
  padding: 0 10px 3px 0;
}
.assets-module .tooltip-tags .tooltip-inner ul li a {
  font-weight: bold;
  font-size: 11px;
  color: #6e6662;
}
.assets-module .tooltip-tags .tooltip-inner ul li a:hover {
  color: #c16f4c;
}
.assets-module .assets-module-inner {
  position: relative;
  display: block;
  width: 479px;
  *zoom: 1;
}
.assets-module .assets-module-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .show-control-wrap {
  display: block;
  width: 46px;
  position: relative;
  float: left;
  top: 3px;
}
.assets-module .assets-module-inner .show-control-wrap .top {
  display: block;
  height: 500px;
  width: 11px;
  position: relative;
  left: 35px;
  background: url('../images/bgs/bg_show_control.png') no-repeat 0 0;
}
.assets-module .assets-module-inner .show-control-wrap .bottom {
  display: block;
  height: 6px;
  width: 11px;
  position: relative;
  left: 35px;
  background: url('../images/bgs/bg_show_control.png') no-repeat 100% 0;
}
.assets-module .assets-module-inner .show-control-wrap .show-control {
  display: block;
  width: 46px;
  height: 80px;
  cursor: pointer;
  position: absolute;
  top: 23px;
  left: 0;
  background: url('../images/sprite-a.png') no-repeat -14px -346px;
}
.assets-module .assets-module-inner .show-control-wrap .show-control:hover {
  background: url('../images/sprite-a.png') no-repeat -65px -346px;
}
.assets-module .assets-module-inner .show-control-wrap .show-control.active {
  background: url('../images/sprite-a.png') no-repeat -114px -364px;
}
.assets-module .assets-module-inner .show-control-wrap .show-control.active:hover {
  background: url('../images/sprite-a.png') no-repeat -165px -364px;
}
.assets-module .assets-module-inner .assets-content {
  display: block;
  min-height: 400px;
  position: relative;
  top: 1px;
  float: left;
  *zoom: 1;
}
.assets-module .assets-module-inner .assets-content:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-links {
  width: 58px;
  height: auto;
  position: relative;
  float: left;
  top: 3px;
  left: -12px;
  margin: 0 -12px 0 0;
  background: #f5f2ee;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  -ms-border-radius: 3px 3px;
  -o-border-radius: 3px 3px;
  border-radius: 3px 3px;
  -webkit-box-shadow: 1px 2px 3px #b5b5b5;
  -moz-box-shadow: 1px 2px 3px #b5b5b5;
  box-shadow: 1px 2px 3px #b5b5b5;
}
.assets-module .assets-module-inner .assets-content .tab-links .mask {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  background: url('../images/spacer.gif') 0 0 repeat;
  width: 100%;
  height: 100%;
}
.assets-module .assets-module-inner .assets-content .tab-links ul {
  *zoom: 1;
}
.assets-module .assets-module-inner .assets-content .tab-links ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li {
  display: block;
  width: 59px;
  height: 56px;
  float: left;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a {
  display: block;
  width: 59px;
  height: 56px;
  position: relative;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a span {
  width: 40px;
  height: 42px;
  background: #fff;
  left: 10px;
  top: 7px;
  cursor: pointer;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a:hover,
.assets-module .assets-module-inner .assets-content .tab-links ul li a.active {
  -webkit-box-shadow: 4px 5px 20px #aaaaaa, 4px -5px 20px #aaaaaa;
  -moz-box-shadow: 4px 5px 20px #aaaaaa, 4px -5px 20px #aaaaaa;
  box-shadow: 4px 5px 20px #aaaaaa, 4px -5px 20px #aaaaaa;
  background: url('../images/sprite-a.png') no-repeat -67px 0;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.audio-tab span.ico {
  background: url('../images/sprite-a.png') no-repeat -75px -56px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.audio-tab:hover span.ico,
.assets-module .assets-module-inner .assets-content .tab-links ul li a.audio-tab.active span.ico {
  background: url('../images/sprite-a.png') no-repeat -123px -57px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.video-tab span.ico {
  background: url('../images/sprite-a.png') no-repeat -75px -93px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.video-tab:hover span.ico,
.assets-module .assets-module-inner .assets-content .tab-links ul li a.video-tab.active span.ico {
  background: url('../images/sprite-a.png') no-repeat -122px -93px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.image-tab span.ico {
  background: url('../images/sprite-a.png') no-repeat -74px -131px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.image-tab:hover span.ico,
.assets-module .assets-module-inner .assets-content .tab-links ul li a.image-tab.active span.ico {
  background: url('../images/sprite-a.png') no-repeat -122px -131px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.search-tab span.ico {
  background: url('../images/sprite-a.png') no-repeat -74px -172px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.search-tab:hover span.ico,
.assets-module .assets-module-inner .assets-content .tab-links ul li a.search-tab.active span.ico {
  background: url('../images/sprite-a.png') no-repeat -121px -172px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.bookmark-tab span.ico {
  background: url('../images/sprite-a.png') no-repeat -75px -207px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.bookmark-tab:hover span.ico,
.assets-module .assets-module-inner .assets-content .tab-links ul li a.bookmark-tab.active span.ico {
  background: url('../images/sprite-a.png') no-repeat -121px -207px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.results-tab span.ico {
  background: url('../images/sprite-a.png') no-repeat -76px -299px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.results-tab:hover span.ico,
.assets-module .assets-module-inner .assets-content .tab-links ul li a.results-tab.active span.ico {
  background: url('../images/sprite-a.png') no-repeat -121px -300px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.document-tab span.ico {
  background: url('../images/sprite-a.png') no-repeat -75px -254px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.document-tab:hover span.ico,
.assets-module .assets-module-inner .assets-content .tab-links ul li a.document-tab.active span.ico {
  background: url('../images/sprite-a.png') no-repeat -123px -255px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.gallery-tab span.ico {
  background: url('../images/sprite-a.png') no-repeat -237px -121px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.gallery-tab:hover span.ico,
.assets-module .assets-module-inner .assets-content .tab-links ul li a.gallery-tab.active span.ico {
  background: url('../images/sprite-a.png') no-repeat -238px -167px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.free_html-tab span.ico {
  background: url('../images/sprite-a.png') no-repeat -292px -120px;
}
.assets-module .assets-module-inner .assets-content .tab-links ul li a.free_html-tab:hover span.ico,
.assets-module .assets-module-inner .assets-content .tab-links ul li a.free_html-tab.active span.ico {
  background: url('../images/sprite-a.png') no-repeat -292px -166px;
}
.assets-module .assets-module-inner .assets-content .tab-contents {
  width: 386px;
  float: left;
  position: relative;
  left: -3px;
  top: 2px;
  z-index: 5;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top {
  position: absolute;
  z-index: 3;
  background: url('../images/sprite-a.png') no-repeat 4px -985px;
  width: 383px;
  height: 98px;
  display: block;
  color: #fff;
  margin: 0;
  padding: 12px 0 0 3px;
  top: -11px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .top {
  width: 379px;
  height: 4px;
  background: url('../images/bgs/bg_filters_a.png') no-repeat -391px 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid {
  width: 349px;
  padding: 11px 15px;
  min-height: 15px;
  height: 65px;
  background: url('../images/bgs/bg_filters_a.png') repeat-y 0 0;
  position: relative;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a {
  max-width: 315px;
  max-height: 30px;
  float: left;
  left: 15px;
  bottom: 50px;
  position: absolute;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a .inner {
  position: relative;
  max-width: 285px;
  max-height: 30px;
  padding: 0 10px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a .inner.hover .tooltip {
  display: block !important;
  left: -271px;
  top: -32px;
  width: 254px;
  padding: 0 40px 0 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul {
  *zoom: 1;
  max-width: 285px;
  max-height: 30px;
  overflow: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul li {
  float: left;
  display: block;
  padding: 0 12px 0 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul li a {
  font-weight: bold;
  font-size: 11px;
  color: #6e6662;
  cursor: default;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul li a:hover {
  text-decoration: none;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul li.last {
  padding: 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a:hover {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch {
  position: absolute;
  right: 21px;
  bottom: 11px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul {
  *zoom: 1;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li {
  float: left;
  display: block;
  padding: 0 6px 0 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li a {
  display: block;
  position: relative;
  width: 34px;
  height: 31px;
  padding: 0;
  font-size: 11px;
  color: #6e6662;
  text-align: center;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li a .ico {
  width: 34px;
  height: 31px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li a:hover,
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li a.active {
  text-decoration: none;
  color: #c16f4c;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li.last {
  padding: 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x5 a .ico {
  background: url('../images/sprite-a.png') -407px -82px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x5 a:hover .ico,
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x5 a.active .ico {
  background: url('../images/sprite-a.png') -407px -119px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x3 a .ico {
  background: url('../images/sprite-a.png') -368px -82px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x3 a:hover .ico,
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x3 a.active .ico {
  background: url('../images/sprite-a.png') -368px -119px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .buttons-2 {
  position: absolute;
  left: 15px;
  bottom: 13px;
  top: auto;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .bottom {
  width: 379px;
  height: 7px;
  background: url('../images/bgs/bg_filters_a.png') no-repeat -391px 100%;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top.tab-contents-noparam .mid {
  height: 31px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top.tab-contents-noparam .mid .view-switch {
  bottom: 19px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top.tab-contents-noparam .mid .buttons-2 {
  bottom: 21px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top-empty {
  margin: 0;
  height: 0;
  overflow: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom {
  position: relative;
  z-index: 4;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .top {
  width: 386px;
  height: 4px;
  overflow: hidden;
  background: url('../images/bgs/bg_widget_a.png') no-repeat -388px 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid {
  width: 360px;
  padding: 6px 0 10px 20px;
  height: 540px;
  background: url('../images/bgs/bg_widget_a.png') repeat 0 0;
  font-size: 11px;
  color: #6e6662;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab {
  display: block;
  position: absolute;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .separator {
  float: left;
  margin: 0 0 3px 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .items-wrap {
  clear: both;
  margin: 0 0 10px;
  min-height: 0;
  height: 483px;
  width: 352px;
  overflow: auto;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item {
  *zoom: 1;
  position: relative;
  width: 327px;
  clear: both;
  padding: 0 0 26px;
  margin: 0 0 14px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item .buttons {
  top: auto;
  bottom: 0;
  right: auto;
  left: 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner {
  *zoom: 1;
  background: #fff;
  border-top: 1px solid #d1d0cf;
  border-bottom: 1px solid #d1d0cf;
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
  padding: 8px 13px;
  height: 110px;
  overflow: hidden;
  cursor: move;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic {
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  -ms-border-radius: 3px 3px;
  -o-border-radius: 3px 3px;
  border-radius: 3px 3px;
  border-top: 1px solid #cabeba;
  border-left: 1px solid #cabeba;
  background: #dacdc9;
  float: left;
  padding: 4px 5px 5px 4px;
  width: 100px;
  height: 100px;
  margin: 0 14px 0 0;
  cursor: pointer;
  position: relative;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic img {
  display: block;
  width: 100%;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  -ms-border-radius: 3px 3px;
  -o-border-radius: 3px 3px;
  border-radius: 3px 3px;
  -webkit-box-shadow: 1px 2px 3px #b5b5b5;
  -moz-box-shadow: 1px 2px 3px #b5b5b5;
  box-shadow: 1px 2px 3px #b5b5b5;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic .placeholder {
  display: block;
  width: 100%;
  height: 100%;
  background: #dacdc9;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  -ms-border-radius: 3px 3px;
  -o-border-radius: 3px 3px;
  border-radius: 3px 3px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic .ico {
  display: block;
  position: absolute;
  left: 32px;
  top: 33px;
  width: 43px;
  height: 41px;
  background: url('../images/sprite-a.png') -477px -278px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic.image .ico {
  left: 32px;
  top: 33px;
  width: 43px;
  height: 41px;
  background: url('../images/sprite-a.png') -180px -278px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic.video .ico {
  left: 32px;
  top: 33px;
  width: 43px;
  height: 41px;
  background: url('../images/sprite-a.png') -238px -278px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic.free_html .ico {
  background: url('../images/sprite-a.png') no-repeat -299px -278px;
  left: 32px;
  top: 33px;
  width: 43px;
  height: 41px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic.gallery .ico {
  background: url('../images/sprite-a.png') no-repeat -360px -278px;
  left: 32px;
  top: 33px;
  width: 43px;
  height: 41px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic.document .ico {
  background: url('../images/sprite-a.png') no-repeat -418px -278px;
  left: 32px;
  top: 33px;
  width: 43px;
  height: 41px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .title {
  color: #6e6662;
  font-weight: bold;
  padding: 0 0 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 11px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .descrip {
  padding: 0 0 5px;
  max-height: 53px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .size {
  max-height: 14px;
  text-overflow: ellipsis;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .size strong {
  font-weight: bold;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .sizes {
  display: block;
  position: relative;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .low {
  display: inline-block;
  width: 7px;
  height: 8px;
  background: url('../images/sprite-a.png') no-repeat -54px -499px;
  position: relative;
  top: 4px;
  cursor: pointer;
  margin: 0 3px 0 0;
  float: left;
  z-index: 100;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .low:hover {
  background: url('../images/sprite-a.png') no-repeat -70px -499px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .high {
  display: inline-block;
  width: 7px;
  height: 8px;
  background: url('../images/sprite-a.png') no-repeat -54px -486px;
  position: relative;
  top: 4px;
  cursor: pointer;
  margin: 0 0 0 2px;
  float: left;
  z-index: 100;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .high:hover {
  background: url('../images/sprite-a.png') no-repeat -70px -486px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item.match-audio,
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item.match-free_html,
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item.match-document {
  /*
  .pic{
  	cursor: default;
  }
  */
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item.blurred .buttons {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner.blurred {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner.ui-draggable-dragging {
  background: #F5F5F5;
  border: 1px solid #e2dfdd;
  width: 307px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container {
  text-shadow: #f1f1f1 1px 1px 0;
  width: 327px;
  padding: 15px 0 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul li {
  display: inline-block;
  *zoom: 1;
  margin: 0;
  padding: 0;
  line-height: 22px;
  text-align: center;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul li a {
  display: inline-block;
  *zoom: 1;
  min-width: 15px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul li span {
  display: inline-block;
  *zoom: 1;
  min-width: 15px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-current {
  font-size: 15px;
  font-weight: bold;
  position: relative;
  top: 1px;
  min-width: 15px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-previous {
  padding: 0 15px 0 5px;
  position: relative;
  top: -13px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-previous a {
  display: block;
  width: 24px;
  height: 22px;
  background: url('../images/sprite-a.png') -47px -456px no-repeat;
  text-indent: -9999px;
  line-height: 0;
  font-size: 0;
  color: transparent;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-previous a:hover {
  background: url('../images/sprite-a.png') -73px -456px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-next {
  padding: 0 5px 0 15px;
  position: relative;
  top: -13px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-next a {
  display: block;
  width: 24px;
  height: 22px;
  background: url('../images/sprite-a.png') -47px -432px no-repeat;
  text-indent: -9999px;
  line-height: 0;
  font-size: 0;
  color: transparent;
  display: block;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-next a:hover {
  background: url('../images/sprite-a.png') -73px -432px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar {
  width: 16px;
  background: url('../images/bgs/bg_scroll.png') 4px 0 no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack {
  width: 16px;
  background: none;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag {
  background: none;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragTop {
  display: block;
  width: 16px;
  height: 50%;
  background: url('../images/bgs/bg_scroll.png') -14px 0 no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragBottom {
  display: block;
  width: 16px;
  height: 50%;
  background: url('../images/bgs/bg_scroll.png') -14px 100% no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover,
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive {
  background: none;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragTop,
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragTop {
  background: url('../images/bgs/bg_scroll.png') -36px 0 no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragBottom,
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragBottom {
  background: url('../images/bgs/bg_scroll.png') -36px 100% no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspHorizontalBar {
  display: none;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap {
  width: 339px;
  margin: 0 auto;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .top {
  background: url('../images/bgs/bg_search.png') 100% 0;
  height: 4px;
  width: 339px;
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00e1dedc,endColorstr=#00e1dedc);
  /* IE6 & 7 */
  zoom: 1;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid {
  padding: 12px 20px 12px 20px;
  background: url('../images/bgs/bg_search.png') 0 0 repeat-y;
  width: 299px;
  height: auto;
  min-height: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00e1dedc,endColorstr=#00e1dedc);
  /* IE6 & 7 */
  zoom: 1;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .mid-inner {
  *zoom: 1;
  height: 486px;
  width: 322px;
  overflow: auto;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .mid-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item {
  margin: 0 0 20px;
  position: relative;
  *zoom: 1;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item table {
  border: none;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item table th {
  border: none;
  background: none;
  padding: 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item label {
  line-height: 14px;
  font-size: 11px;
  padding: 0 0 7px;
  text-shadow: #f1f1f1 1px 1px 0;
  max-width: 273px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .form-text-wrap-a {
  background: url('../images/sprite-a.png') no-repeat -998px -711px;
  padding: 0 0 0 2px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .form-text-wrap-b {
  background: url('../images/sprite-a.png') no-repeat 100% -749px;
  padding: 0 6px 0 4px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .form-text {
  background: none;
  border: 1px solid #a8a8a8;
  height: 34px;
  line-height: 34px;
  color: #928c87;
  font-size: 12px;
  padding: 0 7px;
  margin: 0;
  width: 257px;
  max-width: 257px;
  background: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: inset 2px 3px 7px -6px #777777;
  -moz-box-shadow: inset 2px 3px 7px -6px #777777;
  box-shadow: inset 2px 3px 7px -6px #777777;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #eaeaea));
  background-image: -webkit-linear-gradient(#f5f5f5, #eaeaea);
  background-image: -moz-linear-gradient(#f5f5f5, #eaeaea);
  background-image: -o-linear-gradient(#f5f5f5, #eaeaea);
  background-image: linear-gradient(#f5f5f5, #eaeaea);
  float: left;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .input-tooltip {
  position: absolute;
  display: none;
  padding: 10px 0 0;
  top: 100%;
  left: 0;
  max-width: 273px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .input-tooltip .input-tooltip-inner {
  position: relative;
  padding: 11px 11px 9px 12px;
  background: #f4efe7;
  border-right: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 3px 7px #b5b5b5;
  -moz-box-shadow: 0 3px 7px #b5b5b5;
  box-shadow: 0 3px 7px #b5b5b5;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .input-tooltip .input-tooltip-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .input-tooltip .input-tooltip-inner .pointer {
  display: block;
  position: absolute;
  top: -10px;
  left: 20px;
  width: 11px;
  height: 10px;
  background: url('../images/sprite-a.png') no-repeat -197px -226px;
  z-index: 100;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .form-text.throbbing {
  background: #777777 url('../images/content/loader-b.gif') no-repeat 241px center;
  color: #fff;
  width: 225px;
  padding: 0 39px 0 7px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item #autocomplete {
  margin: 36px 0 0 !important;
  border: 1px solid #a8a8a8;
  border-top: none;
  width: 271px !important;
  left: 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item #autocomplete ul {
  padding: 0;
  background: #f4efe7;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item #autocomplete ul li {
  padding: 6px 7px;
  background: #f4efe7;
  color: #928c87;
  font-size: 12px;
  line-height: 14px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item #autocomplete ul li strong {
  font-weight: bold;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item #autocomplete ul li.selected {
  background: #777;
  color: #fff;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item-tooltipped {
  z-index: 150;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-select select {
  width: 273px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect select.form-select {
  padding: 0;
  width: 271px;
  border: 1px solid #a8a8a8;
  background: #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  -ms-border-radius: 1px;
  -o-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: inset 2px 3px 7px -6px #777777;
  -moz-box-shadow: inset 2px 3px 7px -6px #777777;
  box-shadow: inset 2px 3px 7px -6px #777777;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #eaeaea));
  background-image: -webkit-linear-gradient(#f5f5f5, #eaeaea);
  background-image: -moz-linear-gradient(#f5f5f5, #eaeaea);
  background-image: -o-linear-gradient(#f5f5f5, #eaeaea);
  background-image: linear-gradient(#f5f5f5, #eaeaea);
  color: #928c87;
  font-size: 12px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect select.form-select option {
  padding: 3px 7px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelect {
  display: block;
  background: url('../images/sprite-a.png') no-repeat -998px -834px;
  padding: 0 0 0 2px;
  cursor: pointer;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelect span {
  display: block;
  overflow: hidden;
  padding: 1px 45px 1px 6px;
  width: 220px !important;
  height: 34px;
  line-height: 34px;
  color: #928c87;
  font-size: 12px;
  background: url('../images/sprite-a.png') no-repeat 100% -873px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelect.active span,
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelect.hover span {
  background: url('../images/sprite-a.png') no-repeat 100% -794px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions {
  background: #f4efe7;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 3px 7px #b5b5b5;
  -moz-box-shadow: 0 3px 7px #b5b5b5;
  box-shadow: 0 3px 7px #b5b5b5;
  width: 273px !important;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label {
  cursor: pointer;
  padding: 4px 8px;
  font-weight: normal;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label input {
  margin: 0;
  position: fixed;
  border: none;
  display: block;
  height: 0;
  left: -1000px;
  opacity: 0;
  overflow: hidden;
  position: fixed;
  top: -1000px;
  width: 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label.hover,
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label.checked {
  background: #fff;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label.selectAll {
  -webkit-border-radius: 3px 3px 0 0;
  -moz-border-radius: 3px 3px 0 0;
  -ms-border-radius: 3px 3px 0 0;
  -o-border-radius: 3px 3px 0 0;
  border-radius: 3px 3px 0 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label.last {
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  -ms-border-radius: 0 0 3px 3px;
  -o-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check {
  display: block;
  *zoom: 1;
  padding: 0 0 10px;
  width: 273px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check input {
  width: 13px;
  height: 13px;
  margin-top: 2px;
  padding: 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check .jquery-checkbox {
  display: block;
  width: 24px;
  height: 22px;
  float: left;
  margin: -1px 9px 0 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check .jquery-checkbox img {
  display: block;
  width: 24px;
  height: 22px;
  overflow: hidden;
  background: url('../images/sprite-a.png') no-repeat -203px -456px;
  cursor: pointer;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check .jquery-checkbox-checked img {
  width: 24px;
  height: 22px;
  background: url('../images/sprite-a.png') no-repeat -167px -456px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check a {
  text-decoration: underline;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check a:hover {
  text-decoration: none;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check .text {
  display: block;
  float: right;
  padding: 2px 0 0;
  width: 240px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .radio .jquery-checkbox {
  width: 21px;
  height: 20px;
  margin: -1px 9px 0 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .radio .jquery-checkbox img {
  background: url('../images/sprite-a.png') no-repeat -134px -455px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .radio .jquery-checkbox-checked img {
  background: url('../images/sprite-a.png') no-repeat -109px -455px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check.last {
  padding: 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .jspVerticalBar {
  right: 19px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .bottom {
  background: url('../images/bgs/bg_search.png') 100% -4px;
  height: 5px;
  width: 339px;
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  /* IE8 */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00e1dedc,endColorstr=#00e1dedc);
  /* IE6 & 7 */
  zoom: 1;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .items-wrap {
  margin: 0 0 8px;
  height: 485px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item {
  margin: 0 0 1px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner {
  padding: 4px 5px;
  height: 60px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic {
  width: 50px;
  height: 50px;
  margin: 0 10px 0 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic .ico {
  left: 21px;
  top: 22px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.video .ico {
  background: url('../images/sprite-a.png') no-repeat -241px -281px;
  height: 36px;
  left: 11px;
  top: 12px;
  width: 37px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.image .ico {
  background: url('../images/sprite-a.png') no-repeat -183px -281px;
  height: 36px;
  left: 11px;
  top: 12px;
  width: 36px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.audio .ico {
  background: url('../images/sprite-a.png') no-repeat -480px -280px;
  height: 36px;
  left: 11px;
  top: 12px;
  width: 36px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.free_html .ico {
  background: url('../images/sprite-a.png') no-repeat -302px -281px;
  height: 36px;
  left: 11px;
  top: 12px;
  width: 36px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.gallery .ico {
  background: url('../images/sprite-a.png') no-repeat -364px -281px;
  height: 36px;
  left: 11px;
  top: 12px;
  width: 36px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.document .ico {
  background: url('../images/sprite-a.png') no-repeat -421px -280px;
  height: 36px;
  left: 11px;
  top: 12px;
  width: 36px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .title {
  font-weight: bold;
  padding: 0 0 2px;
  max-height: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .descrip {
  padding: 0 0 3px;
  max-height: 27px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .hidden {
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .audio-tab .item .item-inner {
  height: 110px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .audio-tab.view-x5 .item .item-inner {
  height: 60px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .search-tab {
  width: 351px;
  padding: 6px 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .search-tab .item-multiselect {
  *z-index: 10;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .search-tab .button-afficher {
  position: relative;
  left: 50%;
  margin: 0 0 0 -104px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .search-tab .button-afficher a span {
  width: 160px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit {
  display: block;
  float: left;
  position: relative;
  height: 26px;
  *zoom: 1;
  padding: 0 0 0 35px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit .button-notext {
  position: absolute;
  left: 0;
  top: 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit .edit {
  max-width: 278px;
  min-width: 160px;
  height: 24px;
  line-height: 25px;
  overflow: hidden;
  color: #35322f;
  font-weight: bold;
  font-size: 12px;
  padding: 0 8px;
  background: #e9e8e8;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  -ms-border-radius: 0 3px 3px 0;
  -o-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
  -webkit-box-shadow: 0px 1px 0px white;
  -moz-box-shadow: 0px 1px 0px white;
  box-shadow: 0px 1px 0px white;
  border-bottom: 1px solid #d5d3cf;
  text-overflow: ellipsis;
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  text-shadow: #f1f1f1 1px 1px 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit .edit form {
  margin: 0;
  padding: 0;
  height: 24px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit .edit form input {
  border: none;
  background: none;
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  color: #f0ebe5;
  font-weight: bold;
  font-size: 12px;
  padding: 0;
  height: 24px;
  line-height: 25px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit .edit.editing {
  background: #777;
  cursor: default;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit:hover {
  cursor: pointer;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit:hover .button-notext a .ico {
  background: url('../images/sprite-a.png') -329px -89px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .item-inner {
  clear: both;
  height: auto;
  cursor: auto;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .item-inner .title {
  font-weight: normal;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .item-inner .title strong {
  font-weight: bold;
  display: block;
  margin: 0 0 3px 0;
  font-size: 12px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .item-inner .full-text {
  display: none;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 {
  width: 100%;
  background: none;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-eye {
  width: 35px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-eye a .ico {
  background: url('../images/sprite-a.png') -294px -71px no-repeat;
  width: 18px;
  left: 9px;
  top: 5px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-eye a:hover .ico {
  background: url('../images/sprite-a.png') -294px -90px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-afficher {
  float: right;
  background: url('../images/sprite-a.png') -369px -43px no-repeat;
  width: 106px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-arrow {
  float: right;
  width: 37px;
  background: url('../images/sprite-a.png') -481px -43px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-arrow a .ico {
  background: url('../images/sprite-a.png') -461px -107px no-repeat;
  width: 15px;
  height: 7px;
  top: 9px;
  left: 13px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-arrow a:hover .ico {
  background: url('../images/sprite-a.png') -461px -86px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch {
  float: left;
  background: url('../images/sprite-a.png') -589px -12px no-repeat;
  width: 115px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch a .ico {
  background: url('../images/sprite-a.png') -240px -70px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch a .ico:hover {
  background: url('../images/sprite-a.png') -240px -91px no-repeat;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch a:hover {
  color: #c06f4c;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch ul li {
  float: left;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch ul li a {
  text-align: center;
  font-size: 10px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch ul .ico-box {
  width: 28px;
  background: url('../images/bgs/divider.png') right center no-repeat;
  padding: 0 5px 0 0;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch ul .text-box {
  width: 74px;
  text-align: center;
  font-weight: bold;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results {
  padding: 40px 0;
  width: 352px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .input-tooltip {
  position: relative;
  padding: 10px 0 0;
  top: 0;
  margin: 0 auto 50px;
  max-width: 273px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .input-tooltip .input-tooltip-inner {
  position: relative;
  padding: 16px 11px 14px 12px;
  background: #f4efe7;
  border-right: 1px solid #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 3px 7px #b5b5b5;
  -moz-box-shadow: 0 3px 7px #b5b5b5;
  box-shadow: 0 3px 7px #b5b5b5;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .input-tooltip .input-tooltip-inner:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
  visibility: hidden;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .input-tooltip .input-tooltip-inner .pointer {
  display: block;
  position: absolute;
  top: -10px;
  left: 50%;
  margin: 0 0 0 -5px;
  width: 11px;
  height: 10px;
  background: url('../images/sprite-a.png') no-repeat -197px -226px;
  z-index: 100;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .button-back {
  position: relative;
  left: 50%;
  margin: 0 0 0 -97px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .button-back a span {
  width: 170px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .bottom {
  width: 386px;
  height: 6px;
  overflow: hidden;
  background: url('../images/bgs/bg_widget_a.png') no-repeat -388px 100%;
}
.assets-module .assets-module-inner .loading {
  width: 64px;
  height: 64px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -52px 0 0 -52px;
  padding: 20px;
  background: #e1dedc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.assets-module .assets-module-inner .active-tooltip-container .tooltip .masked {
  background-color: #e1dedc;
}
.assets-module .assets-module-inner .show-control-wrap .top {
  min-height: 333px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid {
  min-height: 311px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .items-wrap {
  min-height: 255px;
}
.assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .mid-inner {
  min-height: 268px;
}

/*--end assets bar styles--*/
/*--Assets processed form styles--*/
.match-field {
  border-width: 1px;
}

.field-refuse {
  border: 1px solid #ff6666;
  -webkit-box-shadow: 0 0 15px #ff6666;
  -moz-box-shadow: 0 0 15px #ff6666;
  box-shadow: 0 0 15px #ff6666;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;
}

.field-accept {
  border: 1px solid #99cc99;
  -webkit-box-shadow: 0 0 15px #99cc99;
  -moz-box-shadow: 0 0 15px #99cc99;
  box-shadow: 0 0 15px #99cc99;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*--end assets processed form styles--*/
/*sizes*/
.sizes strong {
  float: left;
  margin: 0 5px 0 0;
}
.sizes ul {
  float: left;
}
.sizes ul li {
  display: none;
}
.sizes ul li.active {
  display: inline;
  float: left;
  margin: 0 0 0 3px;
}

/*frame-page-wrapper*/
.frame-page-wrapper .form-item table, .frame-page-wrapper .form-item th {
  border: none;
}
.frame-page-wrapper .form-item label {
  text-transform: none;
}
.frame-page-wrapper .form-item table {
  margin: 0 0 0 1px;
}
.frame-page-wrapper .form-item table tr.even, .frame-page-wrapper .form-item table tr.odd {
  border: 1px solid #A8A8A8;
  background: #fefef8;
}
.frame-page-wrapper .form-item .form-textarea {
  height: 130px;
  padding: 7px;
  line-height: 16px;
}

/*editor*/
.asset.editor {
  margin: 10px 0;
  padding: 5px 10px;
  background: #F4F1ED;
  box-shadow: 0 0 15px #e1dede inset;
}

.asset.editor.selected {
  background: #FDFDEE;
  box-shadow: 0 0 15px #e1dede inset;
}

.asset.editor.selected:hover {
  background: #F3E1DB;
  box-shadow: 0 0 15px #D7C9C4 inset;
}

.asset.editor .content {
  padding: 5px 0;
}

/*tooltip-inner*/
.tooltip-inner .jspScrollable .jspVerticalBar {
  width: 8px;
  background: #faf7f4;
  padding: 0 1px 0 11px;
}
.tooltip-inner .jspScrollable .jspVerticalBar .pointer {
  backround: none;
}
.tooltip-inner .jspScrollable .jspVerticalBar .jspTrack {
  width: 10px;
  background: url('../images/bgs/track-y.png') 3px 0 repeat-y;
}
.tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag {
  background: none;
}
.tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragTop {
  display: block;
  width: 8px;
  height: 50%;
  background: url('../images/bgs/bg_scroll-a.png') -28px 0 no-repeat;
}
.tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragBottom {
  display: block;
  width: 8px;
  height: 50%;
  background: url('../images/bgs/bg_scroll-a.png') -28px 100% no-repeat;
}
.tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover,
.tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive {
  background: none;
}
.tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragTop,
.tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragTop {
  background: url('../images/bgs/bg_scroll-a.png') -44px 0 no-repeat;
}
.tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragBottom,
.tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragBottom {
  background: url('../images/bgs/bg_scroll-a.png') -44px 100% no-repeat;
}
.tooltip-inner .jspScrollable .jspHorizontalBar {
  width: 100%;
  background: #faf7f4;
  padding: 10px 0 0;
  bottom: -5px;
}
.tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack {
  width: 100%;
  background: url('../images/bgs/track-x.png') 0 3px repeat-x;
}
.tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag {
  background: none;
}
.tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag .jspDragLeft {
  display: block;
  height: 8px;
  width: 50%;
  background: url('../images/bgs/bg_scroll-b.png') 0 -28px no-repeat;
  float: left;
}
.tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag .jspDragRight {
  display: block;
  height: 8px;
  width: 50%;
  background: url('../images/bgs/bg_scroll-b.png') 100% -28px no-repeat;
  float: right;
}
.tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover,
.tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive {
  background: none;
}
.tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover .jspDragLeft,
.tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive .jspDragLeft {
  background: url('../images/bgs/bg_scroll-b.png') 0 -44px no-repeat;
}
.tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover .jspDragRight,
.tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive .jspDragRight {
  background: url('../images/bgs/bg_scroll-b.png') 100% -44px no-repeat;
}
.tooltip-inner .tooltip-scroll {
  height: 395px;
  width: 450px;
}

.asset-wrapper {
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
}
.asset-wrapper .content .field-items {
  font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
}
.asset-wrapper .content .field-items .field-item {
  padding: 10px 0 5px 0;
}

File

modules/asset_widget/css/asset-widget.css
View source
  1. /*
  2. * CSS Styles that are needed by jScrollPane for it to operate correctly.
  3. *
  4. * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
  5. * may not operate correctly without them.
  6. */
  7. .jspContainer {
  8. overflow: hidden;
  9. position: relative;
  10. }
  11. .jspPane {
  12. position: absolute;
  13. }
  14. .jspVerticalBar {
  15. position: absolute;
  16. top: 0;
  17. right: 0;
  18. width: 4px;
  19. height: 100%;
  20. background: red;
  21. }
  22. .jspHorizontalBar {
  23. position: absolute;
  24. bottom: 0;
  25. left: 0;
  26. width: 100%;
  27. height: 16px;
  28. background: red;
  29. }
  30. .jspVerticalBar *,
  31. .jspHorizontalBar * {
  32. margin: 0;
  33. padding: 0;
  34. }
  35. .jspCap {
  36. display: none;
  37. }
  38. .jspHorizontalBar .jspCap {
  39. float: left;
  40. }
  41. .jspTrack {
  42. background: #333333;
  43. position: relative;
  44. }
  45. .jspDrag {
  46. background: #5fbfd6;
  47. position: relative;
  48. top: 0;
  49. left: 0;
  50. cursor: pointer;
  51. }
  52. .jspHorizontalBar .jspTrack,
  53. .jspHorizontalBar .jspDrag {
  54. float: left;
  55. height: 100%;
  56. }
  57. .jspArrow {
  58. background: #50506d;
  59. text-indent: -20000px;
  60. display: block;
  61. cursor: pointer;
  62. }
  63. .jspArrow.jspDisabled {
  64. cursor: default;
  65. background: #80808d;
  66. }
  67. .jspVerticalBar .jspArrow {
  68. height: 16px;
  69. }
  70. .jspHorizontalBar .jspArrow {
  71. width: 16px;
  72. float: left;
  73. height: 100%;
  74. }
  75. .jspVerticalBar .jspArrow:focus {
  76. outline: none;
  77. }
  78. .jspCorner {
  79. background: #eeeef4;
  80. float: left;
  81. height: 100%;
  82. }
  83. /* Yuk! CSS Hack for IE6 3 pixel bug :( */
  84. * html .jspCorner {
  85. margin: 0 -3px 0 0;
  86. }
  87. /* Selectmenu
  88. ----------------------------------*/
  89. .ui-selectmenu {
  90. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  91. display: block;
  92. display: inline-block;
  93. position: relative;
  94. height: 2.2em;
  95. vertical-align: middle;
  96. text-decoration: none;
  97. overflow: hidden;
  98. zoom: 1;
  99. }
  100. .ui-selectmenu-icon {
  101. position: absolute;
  102. right: 6px;
  103. margin-top: -8px;
  104. top: 50%;
  105. }
  106. .ui-selectmenu-menu {
  107. padding: 0;
  108. margin: 0;
  109. position: absolute;
  110. top: 0;
  111. display: none;
  112. z-index: 1005;
  113. }
  114. /* z-index: 1005 to make selectmenu work with dialog */
  115. .ui-selectmenu-menu ul {
  116. padding: 0;
  117. margin: 0;
  118. list-style: none;
  119. position: relative;
  120. overflow: auto;
  121. overflow-y: auto;
  122. overflow-x: hidden;
  123. }
  124. .ui-selectmenu-open {
  125. display: block;
  126. }
  127. .ui-selectmenu-menu-popup {
  128. margin-top: -1px;
  129. }
  130. .ui-selectmenu-menu li {
  131. padding: 0;
  132. margin: 0;
  133. display: block;
  134. border-top: 1px dotted transparent;
  135. border-bottom: 1px dotted transparent;
  136. border-right-width: 0 !important;
  137. border-left-width: 0 !important;
  138. font-weight: normal !important;
  139. }
  140. .ui-selectmenu-menu li a, .ui-selectmenu-status {
  141. line-height: 1.4em;
  142. display: block;
  143. padding: .405em 2.1em .405em 1em;
  144. outline: none;
  145. text-decoration: none;
  146. }
  147. .ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
  148. cursor: default;
  149. }
  150. .ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
  151. .ui-selectmenu-hasIcon .ui-selectmenu-status {
  152. padding-left: 20px;
  153. position: relative;
  154. margin-left: 5px;
  155. }
  156. .ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
  157. position: absolute;
  158. top: 1em;
  159. margin-top: -8px;
  160. left: 0;
  161. }
  162. .ui-selectmenu-status {
  163. line-height: 1.4em;
  164. }
  165. .ui-selectmenu-menu li span, .ui-selectmenu-status span {
  166. display: block;
  167. margin-bottom: .2em;
  168. }
  169. .ui-selectmenu-menu li .ui-selectmenu-item-header {
  170. font-weight: bold;
  171. }
  172. .ui-selectmenu-menu li .ui-selectmenu-item-footer {
  173. opacity: .8;
  174. }
  175. /* for optgroups */
  176. .ui-selectmenu-menu .ui-selectmenu-group {
  177. font-size: 1em;
  178. }
  179. .ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  180. line-height: 1.4em;
  181. display: block;
  182. padding: .6em .5em 0;
  183. font-weight: bold;
  184. }
  185. .ui-selectmenu-menu .ui-selectmenu-group ul {
  186. margin: 0;
  187. padding: 0;
  188. }
  189. /* IE6 workaround (dotted transparent borders) */
  190. * html .ui-selectmenu-menu li {
  191. border-color: pink;
  192. filter: chroma(color=pink);
  193. width: 100%;
  194. }
  195. * html .ui-selectmenu-menu li a {
  196. position: relative;
  197. }
  198. /* IE7 workaround (opacity disabled) */
  199. * + html .ui-state-disabled, * + html .ui-state-disabled a {
  200. color: silver;
  201. }
  202. /*--Assets custom styles--*/
  203. .ui-selectmenu-menu-assets {
  204. z-index: 205 !important;
  205. background: #f4efe7;
  206. -webkit-border-radius: 3px;
  207. -moz-border-radius: 3px;
  208. -ms-border-radius: 3px;
  209. -o-border-radius: 3px;
  210. border-radius: 3px;
  211. *zoom: 1;
  212. -webkit-box-shadow: 0 3px 7px #b5b5b5;
  213. -moz-box-shadow: 0 3px 7px #b5b5b5;
  214. box-shadow: 0 3px 7px #b5b5b5;
  215. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  216. }
  217. .ui-selectmenu-menu-assets:after {
  218. content: "\0020";
  219. display: block;
  220. height: 0;
  221. clear: both;
  222. overflow: hidden;
  223. visibility: hidden;
  224. }
  225. .ui-selectmenu-menu-assets ul {
  226. max-height: 200px;
  227. background: none;
  228. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  229. }
  230. .ui-selectmenu-menu-assets ul li {
  231. cursor: pointer;
  232. padding: 4px 8px;
  233. font-weight: normal;
  234. font-size: 11px;
  235. line-height: 14px;
  236. color: #928c87;
  237. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  238. }
  239. .ui-selectmenu-menu-assets ul li a {
  240. padding: 0;
  241. color: #928c87;
  242. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  243. }
  244. .ui-selectmenu-menu-assets ul li.ui-state-hover {
  245. background: #fff;
  246. }
  247. .ui-selectmenu-menu-assets ul li.ui-corner-bottom {
  248. -webkit-border-radius: 0 0 3px 3px;
  249. -moz-border-radius: 0 0 3px 3px;
  250. -ms-border-radius: 0 0 3px 3px;
  251. -o-border-radius: 0 0 3px 3px;
  252. border-radius: 0 0 3px 3px;
  253. }
  254. .assets-module .ui-selectmenu {
  255. display: block;
  256. background: url('../images/sprite-a.png') no-repeat -998px -834px;
  257. padding: 0 0 0 2px;
  258. cursor: pointer;
  259. width: 271px !important;
  260. height: 36px !important;
  261. }
  262. .assets-module .ui-selectmenu span {
  263. display: block;
  264. width: 216px !important;
  265. padding: 1px 49px 1px 6px;
  266. height: 34px;
  267. line-height: 34px;
  268. color: #928c87;
  269. font-size: 12px;
  270. background: url('../images/sprite-a.png') no-repeat 100% -873px;
  271. }
  272. .assets-module .ui-selectmenu .ui-selectmenu-icon {
  273. display: none;
  274. }
  275. .assets-module .ui-selectmenu.ui-state-hover span, .assets-module .ui-selectmenu.ui-state-active span {
  276. background: url('../images/sprite-a.png') no-repeat 100% -794px;
  277. }
  278. /*--Assets bar styles--*/
  279. .assets-module {
  280. position: fixed;
  281. right: -435px;
  282. top: 125px;
  283. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  284. font-size: 12px;
  285. line-height: 14px;
  286. z-index: 20000;
  287. }
  288. .assets-module * {
  289. outline: 0;
  290. }
  291. .assets-module ul {
  292. margin: 0;
  293. padding: 0;
  294. }
  295. .assets-module ul li {
  296. list-style: none;
  297. list-style-image: none;
  298. }
  299. .assets-module a {
  300. text-decoration: none;
  301. color: #6e6662;
  302. outline: none;
  303. ie-dummy: expression(this.hideFocus=true);
  304. }
  305. .assets-module a:hover {
  306. text-decoration: none;
  307. color: #c16f4c;
  308. }
  309. .assets-module .ico {
  310. display: block;
  311. width: 5px;
  312. height: 5px;
  313. position: absolute;
  314. left: 0;
  315. top: 0;
  316. overflow: hidden;
  317. }
  318. .assets-module .separator {
  319. display: block;
  320. background: url('../images/bgs/bg_separator_a_grey.png') center 0 no-repeat;
  321. height: 2px;
  322. width: 282px;
  323. overflow: hidden;
  324. clear: both;
  325. margin: 0 auto;
  326. }
  327. .assets-module .button {
  328. *zoom: 1;
  329. display: block;
  330. float: left;
  331. overflow: hidden;
  332. }
  333. .assets-module .button:after {
  334. content: "\0020";
  335. display: block;
  336. height: 0;
  337. clear: both;
  338. overflow: hidden;
  339. visibility: hidden;
  340. }
  341. .assets-module .button a {
  342. display: block;
  343. height: 26px;
  344. line-height: 24px;
  345. font-size: 11px;
  346. }
  347. .assets-module .button-ico a {
  348. padding: 0 0 0 33px;
  349. position: relative;
  350. }
  351. .assets-module .button-ico a .ico {
  352. width: 17px;
  353. height: 15px;
  354. left: 9px;
  355. top: 5px;
  356. }
  357. .assets-module .button-b a {
  358. background: url('../images/sprite-a.png') no-repeat -994px -921px;
  359. padding: 0 0 0 6px;
  360. display: block;
  361. height: 38px;
  362. }
  363. .assets-module .button-b a span {
  364. display: block;
  365. height: 38px;
  366. line-height: 36px;
  367. font-size: 12px;
  368. font-weight: bold;
  369. text-transform: uppercase;
  370. background: url('../images/sprite-a.png') no-repeat 100% -962px;
  371. padding: 0 12px 0 6px;
  372. text-align: center;
  373. text-shadow: #f1f1f1 1px 1px 0;
  374. }
  375. .assets-module .button-notext {
  376. width: 35px;
  377. height: 26px;
  378. background: url('../images/sprite-a.png') -483px -43px no-repeat;
  379. }
  380. .assets-module .button-notext a {
  381. padding: 0;
  382. }
  383. .assets-module .button-notext a .ico {
  384. background: url('../images/sprite-a.png') -329px -70px no-repeat;
  385. width: 16px;
  386. height: 17px;
  387. left: 10px;
  388. top: 4px;
  389. }
  390. .assets-module .button-notext:hover .ico {
  391. background: url('../images/sprite-a.png') -329px -89px no-repeat;
  392. }
  393. .assets-module .buttons {
  394. *zoom: 1;
  395. display: block;
  396. position: absolute;
  397. right: 0;
  398. top: 0;
  399. }
  400. .assets-module .buttons:after {
  401. content: "\0020";
  402. display: block;
  403. height: 0;
  404. clear: both;
  405. overflow: hidden;
  406. visibility: hidden;
  407. }
  408. .assets-module .buttons-2 {
  409. width: 210px;
  410. background: url('../images/sprite-a.png') no-repeat -369px -11px;
  411. }
  412. .assets-module .buttons-2 .button {
  413. width: 105px;
  414. }
  415. .assets-module .buttons-2 .button-save a .ico {
  416. background: url('../images/sprite-a.png') -182px -70px no-repeat;
  417. }
  418. .assets-module .buttons-2 .button-save a:hover .ico {
  419. background: url('../images/sprite-a.png') -182px -92px no-repeat;
  420. }
  421. .assets-module .buttons-2 .button-save a .ico-load {
  422. background: url('../images/content/loader-c.gif') 0 0 no-repeat;
  423. display: none;
  424. width: 15px;
  425. height: 15px;
  426. position: absolute;
  427. left: 9px;
  428. top: 4px;
  429. }
  430. .assets-module .buttons-2 .button-save a .text-a {
  431. display: block;
  432. }
  433. .assets-module .buttons-2 .button-save a .text-b {
  434. display: none;
  435. }
  436. .assets-module .buttons-2 .button-save.saved a .text-a {
  437. display: none;
  438. }
  439. .assets-module .buttons-2 .button-save.saved a .text-b {
  440. display: block;
  441. }
  442. .assets-module .buttons-2 .button-save.saved a:hover {
  443. color: #6e6662;
  444. cursor: default;
  445. }
  446. .assets-module .buttons-2 .button-save.saved a .ico,
  447. .assets-module .buttons-2 .button-save.saved a:hover .ico {
  448. background: url('../images/sprite-a.png') -266px -70px no-repeat;
  449. top: 4px;
  450. }
  451. .assets-module .buttons-2 .button-modifier a .ico {
  452. background: url('../images/sprite-a.png') -212px -70px no-repeat;
  453. top: 4px;
  454. }
  455. .assets-module .buttons-2 .button-modifier a:hover .ico {
  456. background: url('../images/sprite-a.png') -212px -92px no-repeat;
  457. }
  458. .assets-module .buttons-2 .button-afficher a .ico {
  459. background: url('../images/sprite-a.png') -240px -70px no-repeat;
  460. top: 4px;
  461. }
  462. .assets-module .buttons-2 .button-afficher a:hover .ico {
  463. background: url('../images/sprite-a.png') -240px -91px no-repeat;
  464. }
  465. .assets-module .buttons-2.button-single {
  466. background: url('../images/sprite-a.png') -369px -43px no-repeat;
  467. width: 106px;
  468. }
  469. .assets-module .tooltip {
  470. position: absolute;
  471. z-index: 999;
  472. padding: 0 16px 0 0;
  473. font-size: 11px;
  474. color: #6e6662;
  475. display: none;
  476. }
  477. .assets-module .tooltip .tooltip-inner {
  478. padding: 11px 11px 9px 12px;
  479. background: #faf7f4;
  480. float: right;
  481. border-right: 1px solid #fff;
  482. -webkit-border-radius: 3px;
  483. -moz-border-radius: 3px;
  484. -ms-border-radius: 3px;
  485. -o-border-radius: 3px;
  486. border-radius: 3px;
  487. *zoom: 1;
  488. -webkit-box-shadow: 0 3px 25px #b5b5b5;
  489. -moz-box-shadow: 0 3px 25px #b5b5b5;
  490. box-shadow: 0 3px 25px #b5b5b5;
  491. position: relative;
  492. }
  493. .assets-module .tooltip .tooltip-inner:after {
  494. content: "\0020";
  495. display: block;
  496. height: 0;
  497. clear: both;
  498. overflow: hidden;
  499. visibility: hidden;
  500. }
  501. .assets-module .tooltip .tooltip-inner .tooltip-title {
  502. font-size: 14px;
  503. font-weight: bold;
  504. padding: 0 0 10px;
  505. color: #35322f;
  506. }
  507. .assets-module .tooltip .tooltip-inner .video {
  508. padding: 2px;
  509. background: #fff;
  510. margin: 0 0 5px 0;
  511. -webkit-border-radius: 3px;
  512. -moz-border-radius: 3px;
  513. -ms-border-radius: 3px;
  514. -o-border-radius: 3px;
  515. border-radius: 3px;
  516. float: left;
  517. *zoom: 1;
  518. }
  519. .assets-module .tooltip .tooltip-inner .video:after {
  520. content: "\0020";
  521. display: block;
  522. height: 0;
  523. clear: both;
  524. overflow: hidden;
  525. visibility: hidden;
  526. }
  527. .assets-module .tooltip .tooltip-inner .title {
  528. clear: both;
  529. font-weight: bold;
  530. padding: 3px 0 5px;
  531. color: #35322f;
  532. }
  533. .assets-module .tooltip .tooltip-inner .descrip {
  534. padding: 0 0 5px;
  535. }
  536. .assets-module .tooltip .tooltip-inner .close {
  537. float: right;
  538. margin: 5px 0 0;
  539. }
  540. .assets-module .tooltip .tooltip-inner .pointer {
  541. display: block;
  542. position: absolute;
  543. background: url('../images/sprite-a.png') no-repeat -197px -187px;
  544. width: 17px;
  545. height: 30px;
  546. right: -16px;
  547. top: 25px;
  548. z-index: 100;
  549. }
  550. .assets-module .tooltip-show {
  551. display: block;
  552. }
  553. .assets-module .tooltip-show-below .tooltip-inner .pointer {
  554. top: auto;
  555. bottom: 30px;
  556. }
  557. .assets-module .tooltip-tags .tooltip-inner {
  558. width: 150px;
  559. }
  560. .assets-module .tooltip-tags .tooltip-inner ul {
  561. *zoom: 1;
  562. padding: 0 0 7px;
  563. }
  564. .assets-module .tooltip-tags .tooltip-inner ul:after {
  565. content: "\0020";
  566. display: block;
  567. height: 0;
  568. clear: both;
  569. overflow: hidden;
  570. visibility: hidden;
  571. }
  572. .assets-module .tooltip-tags .tooltip-inner ul li {
  573. display: block;
  574. float: left;
  575. padding: 0 10px 3px 0;
  576. }
  577. .assets-module .tooltip-tags .tooltip-inner ul li a {
  578. font-weight: bold;
  579. font-size: 11px;
  580. color: #6e6662;
  581. }
  582. .assets-module .tooltip-tags .tooltip-inner ul li a:hover {
  583. color: #c16f4c;
  584. }
  585. .assets-module .assets-module-inner {
  586. position: relative;
  587. display: block;
  588. width: 479px;
  589. *zoom: 1;
  590. }
  591. .assets-module .assets-module-inner:after {
  592. content: "\0020";
  593. display: block;
  594. height: 0;
  595. clear: both;
  596. overflow: hidden;
  597. visibility: hidden;
  598. }
  599. .assets-module .assets-module-inner .show-control-wrap {
  600. display: block;
  601. width: 46px;
  602. position: relative;
  603. float: left;
  604. top: 3px;
  605. }
  606. .assets-module .assets-module-inner .show-control-wrap .top {
  607. display: block;
  608. height: 500px;
  609. width: 11px;
  610. position: relative;
  611. left: 35px;
  612. background: url('../images/bgs/bg_show_control.png') no-repeat 0 0;
  613. }
  614. .assets-module .assets-module-inner .show-control-wrap .bottom {
  615. display: block;
  616. height: 6px;
  617. width: 11px;
  618. position: relative;
  619. left: 35px;
  620. background: url('../images/bgs/bg_show_control.png') no-repeat 100% 0;
  621. }
  622. .assets-module .assets-module-inner .show-control-wrap .show-control {
  623. display: block;
  624. width: 46px;
  625. height: 80px;
  626. cursor: pointer;
  627. position: absolute;
  628. top: 23px;
  629. left: 0;
  630. background: url('../images/sprite-a.png') no-repeat -14px -346px;
  631. }
  632. .assets-module .assets-module-inner .show-control-wrap .show-control:hover {
  633. background: url('../images/sprite-a.png') no-repeat -65px -346px;
  634. }
  635. .assets-module .assets-module-inner .show-control-wrap .show-control.active {
  636. background: url('../images/sprite-a.png') no-repeat -114px -364px;
  637. }
  638. .assets-module .assets-module-inner .show-control-wrap .show-control.active:hover {
  639. background: url('../images/sprite-a.png') no-repeat -165px -364px;
  640. }
  641. .assets-module .assets-module-inner .assets-content {
  642. display: block;
  643. min-height: 400px;
  644. position: relative;
  645. top: 1px;
  646. float: left;
  647. *zoom: 1;
  648. }
  649. .assets-module .assets-module-inner .assets-content:after {
  650. content: "\0020";
  651. display: block;
  652. height: 0;
  653. clear: both;
  654. overflow: hidden;
  655. visibility: hidden;
  656. }
  657. .assets-module .assets-module-inner .assets-content .tab-links {
  658. width: 58px;
  659. height: auto;
  660. position: relative;
  661. float: left;
  662. top: 3px;
  663. left: -12px;
  664. margin: 0 -12px 0 0;
  665. background: #f5f2ee;
  666. border-right: 1px solid #fff;
  667. border-top: 1px solid #fff;
  668. -webkit-border-radius: 3px 3px;
  669. -moz-border-radius: 3px 3px;
  670. -ms-border-radius: 3px 3px;
  671. -o-border-radius: 3px 3px;
  672. border-radius: 3px 3px;
  673. -webkit-box-shadow: 1px 2px 3px #b5b5b5;
  674. -moz-box-shadow: 1px 2px 3px #b5b5b5;
  675. box-shadow: 1px 2px 3px #b5b5b5;
  676. }
  677. .assets-module .assets-module-inner .assets-content .tab-links .mask {
  678. display: none;
  679. position: absolute;
  680. left: 0;
  681. top: 0;
  682. background: url('../images/spacer.gif') 0 0 repeat;
  683. width: 100%;
  684. height: 100%;
  685. }
  686. .assets-module .assets-module-inner .assets-content .tab-links ul {
  687. *zoom: 1;
  688. }
  689. .assets-module .assets-module-inner .assets-content .tab-links ul:after {
  690. content: "\0020";
  691. display: block;
  692. height: 0;
  693. clear: both;
  694. overflow: hidden;
  695. visibility: hidden;
  696. }
  697. .assets-module .assets-module-inner .assets-content .tab-links ul li {
  698. display: block;
  699. width: 59px;
  700. height: 56px;
  701. float: left;
  702. }
  703. .assets-module .assets-module-inner .assets-content .tab-links ul li a {
  704. display: block;
  705. width: 59px;
  706. height: 56px;
  707. position: relative;
  708. }
  709. .assets-module .assets-module-inner .assets-content .tab-links ul li a span {
  710. width: 40px;
  711. height: 42px;
  712. background: #fff;
  713. left: 10px;
  714. top: 7px;
  715. cursor: pointer;
  716. }
  717. .assets-module .assets-module-inner .assets-content .tab-links ul li a:hover,
  718. .assets-module .assets-module-inner .assets-content .tab-links ul li a.active {
  719. -webkit-box-shadow: 4px 5px 20px #aaaaaa, 4px -5px 20px #aaaaaa;
  720. -moz-box-shadow: 4px 5px 20px #aaaaaa, 4px -5px 20px #aaaaaa;
  721. box-shadow: 4px 5px 20px #aaaaaa, 4px -5px 20px #aaaaaa;
  722. background: url('../images/sprite-a.png') no-repeat -67px 0;
  723. }
  724. .assets-module .assets-module-inner .assets-content .tab-links ul li a.audio-tab span.ico {
  725. background: url('../images/sprite-a.png') no-repeat -75px -56px;
  726. }
  727. .assets-module .assets-module-inner .assets-content .tab-links ul li a.audio-tab:hover span.ico,
  728. .assets-module .assets-module-inner .assets-content .tab-links ul li a.audio-tab.active span.ico {
  729. background: url('../images/sprite-a.png') no-repeat -123px -57px;
  730. }
  731. .assets-module .assets-module-inner .assets-content .tab-links ul li a.video-tab span.ico {
  732. background: url('../images/sprite-a.png') no-repeat -75px -93px;
  733. }
  734. .assets-module .assets-module-inner .assets-content .tab-links ul li a.video-tab:hover span.ico,
  735. .assets-module .assets-module-inner .assets-content .tab-links ul li a.video-tab.active span.ico {
  736. background: url('../images/sprite-a.png') no-repeat -122px -93px;
  737. }
  738. .assets-module .assets-module-inner .assets-content .tab-links ul li a.image-tab span.ico {
  739. background: url('../images/sprite-a.png') no-repeat -74px -131px;
  740. }
  741. .assets-module .assets-module-inner .assets-content .tab-links ul li a.image-tab:hover span.ico,
  742. .assets-module .assets-module-inner .assets-content .tab-links ul li a.image-tab.active span.ico {
  743. background: url('../images/sprite-a.png') no-repeat -122px -131px;
  744. }
  745. .assets-module .assets-module-inner .assets-content .tab-links ul li a.search-tab span.ico {
  746. background: url('../images/sprite-a.png') no-repeat -74px -172px;
  747. }
  748. .assets-module .assets-module-inner .assets-content .tab-links ul li a.search-tab:hover span.ico,
  749. .assets-module .assets-module-inner .assets-content .tab-links ul li a.search-tab.active span.ico {
  750. background: url('../images/sprite-a.png') no-repeat -121px -172px;
  751. }
  752. .assets-module .assets-module-inner .assets-content .tab-links ul li a.bookmark-tab span.ico {
  753. background: url('../images/sprite-a.png') no-repeat -75px -207px;
  754. }
  755. .assets-module .assets-module-inner .assets-content .tab-links ul li a.bookmark-tab:hover span.ico,
  756. .assets-module .assets-module-inner .assets-content .tab-links ul li a.bookmark-tab.active span.ico {
  757. background: url('../images/sprite-a.png') no-repeat -121px -207px;
  758. }
  759. .assets-module .assets-module-inner .assets-content .tab-links ul li a.results-tab span.ico {
  760. background: url('../images/sprite-a.png') no-repeat -76px -299px;
  761. }
  762. .assets-module .assets-module-inner .assets-content .tab-links ul li a.results-tab:hover span.ico,
  763. .assets-module .assets-module-inner .assets-content .tab-links ul li a.results-tab.active span.ico {
  764. background: url('../images/sprite-a.png') no-repeat -121px -300px;
  765. }
  766. .assets-module .assets-module-inner .assets-content .tab-links ul li a.document-tab span.ico {
  767. background: url('../images/sprite-a.png') no-repeat -75px -254px;
  768. }
  769. .assets-module .assets-module-inner .assets-content .tab-links ul li a.document-tab:hover span.ico,
  770. .assets-module .assets-module-inner .assets-content .tab-links ul li a.document-tab.active span.ico {
  771. background: url('../images/sprite-a.png') no-repeat -123px -255px;
  772. }
  773. .assets-module .assets-module-inner .assets-content .tab-links ul li a.gallery-tab span.ico {
  774. background: url('../images/sprite-a.png') no-repeat -237px -121px;
  775. }
  776. .assets-module .assets-module-inner .assets-content .tab-links ul li a.gallery-tab:hover span.ico,
  777. .assets-module .assets-module-inner .assets-content .tab-links ul li a.gallery-tab.active span.ico {
  778. background: url('../images/sprite-a.png') no-repeat -238px -167px;
  779. }
  780. .assets-module .assets-module-inner .assets-content .tab-links ul li a.free_html-tab span.ico {
  781. background: url('../images/sprite-a.png') no-repeat -292px -120px;
  782. }
  783. .assets-module .assets-module-inner .assets-content .tab-links ul li a.free_html-tab:hover span.ico,
  784. .assets-module .assets-module-inner .assets-content .tab-links ul li a.free_html-tab.active span.ico {
  785. background: url('../images/sprite-a.png') no-repeat -292px -166px;
  786. }
  787. .assets-module .assets-module-inner .assets-content .tab-contents {
  788. width: 386px;
  789. float: left;
  790. position: relative;
  791. left: -3px;
  792. top: 2px;
  793. z-index: 5;
  794. }
  795. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top {
  796. position: absolute;
  797. z-index: 3;
  798. background: url('../images/sprite-a.png') no-repeat 4px -985px;
  799. width: 383px;
  800. height: 98px;
  801. display: block;
  802. color: #fff;
  803. margin: 0;
  804. padding: 12px 0 0 3px;
  805. top: -11px;
  806. }
  807. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .top {
  808. width: 379px;
  809. height: 4px;
  810. background: url('../images/bgs/bg_filters_a.png') no-repeat -391px 0;
  811. }
  812. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid {
  813. width: 349px;
  814. padding: 11px 15px;
  815. min-height: 15px;
  816. height: 65px;
  817. background: url('../images/bgs/bg_filters_a.png') repeat-y 0 0;
  818. position: relative;
  819. }
  820. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a {
  821. max-width: 315px;
  822. max-height: 30px;
  823. float: left;
  824. left: 15px;
  825. bottom: 50px;
  826. position: absolute;
  827. }
  828. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a .inner {
  829. position: relative;
  830. max-width: 285px;
  831. max-height: 30px;
  832. padding: 0 10px;
  833. }
  834. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a .inner.hover .tooltip {
  835. display: block !important;
  836. left: -271px;
  837. top: -32px;
  838. width: 254px;
  839. padding: 0 40px 0 0;
  840. }
  841. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul {
  842. *zoom: 1;
  843. max-width: 285px;
  844. max-height: 30px;
  845. overflow: hidden;
  846. }
  847. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul:after {
  848. content: "\0020";
  849. display: block;
  850. height: 0;
  851. clear: both;
  852. overflow: hidden;
  853. visibility: hidden;
  854. }
  855. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul li {
  856. float: left;
  857. display: block;
  858. padding: 0 12px 0 0;
  859. }
  860. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul li a {
  861. font-weight: bold;
  862. font-size: 11px;
  863. color: #6e6662;
  864. cursor: default;
  865. }
  866. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul li a:hover {
  867. text-decoration: none;
  868. }
  869. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a ul li.last {
  870. padding: 0;
  871. }
  872. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .links-a:hover {
  873. background: #fff;
  874. -webkit-border-radius: 3px;
  875. -moz-border-radius: 3px;
  876. -ms-border-radius: 3px;
  877. -o-border-radius: 3px;
  878. border-radius: 3px;
  879. }
  880. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch {
  881. position: absolute;
  882. right: 21px;
  883. bottom: 11px;
  884. }
  885. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul {
  886. *zoom: 1;
  887. }
  888. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul:after {
  889. content: "\0020";
  890. display: block;
  891. height: 0;
  892. clear: both;
  893. overflow: hidden;
  894. visibility: hidden;
  895. }
  896. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li {
  897. float: left;
  898. display: block;
  899. padding: 0 6px 0 0;
  900. }
  901. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li a {
  902. display: block;
  903. position: relative;
  904. width: 34px;
  905. height: 31px;
  906. padding: 0;
  907. font-size: 11px;
  908. color: #6e6662;
  909. text-align: center;
  910. }
  911. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li a .ico {
  912. width: 34px;
  913. height: 31px;
  914. }
  915. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li a:hover,
  916. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li a.active {
  917. text-decoration: none;
  918. color: #c16f4c;
  919. }
  920. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul li.last {
  921. padding: 0;
  922. }
  923. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x5 a .ico {
  924. background: url('../images/sprite-a.png') -407px -82px no-repeat;
  925. }
  926. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x5 a:hover .ico,
  927. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x5 a.active .ico {
  928. background: url('../images/sprite-a.png') -407px -119px no-repeat;
  929. }
  930. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x3 a .ico {
  931. background: url('../images/sprite-a.png') -368px -82px no-repeat;
  932. }
  933. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x3 a:hover .ico,
  934. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .view-switch ul .x3 a.active .ico {
  935. background: url('../images/sprite-a.png') -368px -119px no-repeat;
  936. }
  937. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .mid .buttons-2 {
  938. position: absolute;
  939. left: 15px;
  940. bottom: 13px;
  941. top: auto;
  942. }
  943. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top .bottom {
  944. width: 379px;
  945. height: 7px;
  946. background: url('../images/bgs/bg_filters_a.png') no-repeat -391px 100%;
  947. }
  948. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top.tab-contents-noparam .mid {
  949. height: 31px;
  950. }
  951. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top.tab-contents-noparam .mid .view-switch {
  952. bottom: 19px;
  953. }
  954. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top.tab-contents-noparam .mid .buttons-2 {
  955. bottom: 21px;
  956. }
  957. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-top-empty {
  958. margin: 0;
  959. height: 0;
  960. overflow: hidden;
  961. }
  962. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom {
  963. position: relative;
  964. z-index: 4;
  965. }
  966. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .top {
  967. width: 386px;
  968. height: 4px;
  969. overflow: hidden;
  970. background: url('../images/bgs/bg_widget_a.png') no-repeat -388px 0;
  971. }
  972. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid {
  973. width: 360px;
  974. padding: 6px 0 10px 20px;
  975. height: 540px;
  976. background: url('../images/bgs/bg_widget_a.png') repeat 0 0;
  977. font-size: 11px;
  978. color: #6e6662;
  979. }
  980. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab {
  981. display: block;
  982. position: absolute;
  983. }
  984. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .separator {
  985. float: left;
  986. margin: 0 0 3px 0;
  987. }
  988. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .items-wrap {
  989. clear: both;
  990. margin: 0 0 10px;
  991. min-height: 0;
  992. height: 483px;
  993. width: 352px;
  994. overflow: auto;
  995. }
  996. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item {
  997. *zoom: 1;
  998. position: relative;
  999. width: 327px;
  1000. clear: both;
  1001. padding: 0 0 26px;
  1002. margin: 0 0 14px;
  1003. }
  1004. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item:after {
  1005. content: "\0020";
  1006. display: block;
  1007. height: 0;
  1008. clear: both;
  1009. overflow: hidden;
  1010. visibility: hidden;
  1011. }
  1012. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item .buttons {
  1013. top: auto;
  1014. bottom: 0;
  1015. right: auto;
  1016. left: 0;
  1017. }
  1018. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner {
  1019. *zoom: 1;
  1020. background: #fff;
  1021. border-top: 1px solid #d1d0cf;
  1022. border-bottom: 1px solid #d1d0cf;
  1023. -webkit-border-radius: 3px 3px 0 0;
  1024. -moz-border-radius: 3px 3px 0 0;
  1025. -ms-border-radius: 3px 3px 0 0;
  1026. -o-border-radius: 3px 3px 0 0;
  1027. border-radius: 3px 3px 0 0;
  1028. padding: 8px 13px;
  1029. height: 110px;
  1030. overflow: hidden;
  1031. cursor: move;
  1032. }
  1033. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner:after {
  1034. content: "\0020";
  1035. display: block;
  1036. height: 0;
  1037. clear: both;
  1038. overflow: hidden;
  1039. visibility: hidden;
  1040. }
  1041. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic {
  1042. -webkit-border-radius: 3px 3px;
  1043. -moz-border-radius: 3px 3px;
  1044. -ms-border-radius: 3px 3px;
  1045. -o-border-radius: 3px 3px;
  1046. border-radius: 3px 3px;
  1047. border-top: 1px solid #cabeba;
  1048. border-left: 1px solid #cabeba;
  1049. background: #dacdc9;
  1050. float: left;
  1051. padding: 4px 5px 5px 4px;
  1052. width: 100px;
  1053. height: 100px;
  1054. margin: 0 14px 0 0;
  1055. cursor: pointer;
  1056. position: relative;
  1057. }
  1058. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic img {
  1059. display: block;
  1060. width: 100%;
  1061. -webkit-border-radius: 3px 3px;
  1062. -moz-border-radius: 3px 3px;
  1063. -ms-border-radius: 3px 3px;
  1064. -o-border-radius: 3px 3px;
  1065. border-radius: 3px 3px;
  1066. -webkit-box-shadow: 1px 2px 3px #b5b5b5;
  1067. -moz-box-shadow: 1px 2px 3px #b5b5b5;
  1068. box-shadow: 1px 2px 3px #b5b5b5;
  1069. }
  1070. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic .placeholder {
  1071. display: block;
  1072. width: 100%;
  1073. height: 100%;
  1074. background: #dacdc9;
  1075. -webkit-border-radius: 3px 3px;
  1076. -moz-border-radius: 3px 3px;
  1077. -ms-border-radius: 3px 3px;
  1078. -o-border-radius: 3px 3px;
  1079. border-radius: 3px 3px;
  1080. }
  1081. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic .ico {
  1082. display: block;
  1083. position: absolute;
  1084. left: 32px;
  1085. top: 33px;
  1086. width: 43px;
  1087. height: 41px;
  1088. background: url('../images/sprite-a.png') -477px -278px no-repeat;
  1089. }
  1090. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic.image .ico {
  1091. left: 32px;
  1092. top: 33px;
  1093. width: 43px;
  1094. height: 41px;
  1095. background: url('../images/sprite-a.png') -180px -278px no-repeat;
  1096. }
  1097. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic.video .ico {
  1098. left: 32px;
  1099. top: 33px;
  1100. width: 43px;
  1101. height: 41px;
  1102. background: url('../images/sprite-a.png') -238px -278px no-repeat;
  1103. }
  1104. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic.free_html .ico {
  1105. background: url('../images/sprite-a.png') no-repeat -299px -278px;
  1106. left: 32px;
  1107. top: 33px;
  1108. width: 43px;
  1109. height: 41px;
  1110. }
  1111. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic.gallery .ico {
  1112. background: url('../images/sprite-a.png') no-repeat -360px -278px;
  1113. left: 32px;
  1114. top: 33px;
  1115. width: 43px;
  1116. height: 41px;
  1117. }
  1118. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .pic.document .ico {
  1119. background: url('../images/sprite-a.png') no-repeat -418px -278px;
  1120. left: 32px;
  1121. top: 33px;
  1122. width: 43px;
  1123. height: 41px;
  1124. }
  1125. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .title {
  1126. color: #6e6662;
  1127. font-weight: bold;
  1128. padding: 0 0 11px;
  1129. overflow: hidden;
  1130. text-overflow: ellipsis;
  1131. font-size: 11px;
  1132. }
  1133. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .descrip {
  1134. padding: 0 0 5px;
  1135. max-height: 53px;
  1136. overflow: hidden;
  1137. text-overflow: ellipsis;
  1138. }
  1139. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .size {
  1140. max-height: 14px;
  1141. text-overflow: ellipsis;
  1142. }
  1143. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .size strong {
  1144. font-weight: bold;
  1145. }
  1146. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .sizes {
  1147. display: block;
  1148. position: relative;
  1149. }
  1150. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .low {
  1151. display: inline-block;
  1152. width: 7px;
  1153. height: 8px;
  1154. background: url('../images/sprite-a.png') no-repeat -54px -499px;
  1155. position: relative;
  1156. top: 4px;
  1157. cursor: pointer;
  1158. margin: 0 3px 0 0;
  1159. float: left;
  1160. z-index: 100;
  1161. }
  1162. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .low:hover {
  1163. background: url('../images/sprite-a.png') no-repeat -70px -499px;
  1164. }
  1165. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .high {
  1166. display: inline-block;
  1167. width: 7px;
  1168. height: 8px;
  1169. background: url('../images/sprite-a.png') no-repeat -54px -486px;
  1170. position: relative;
  1171. top: 4px;
  1172. cursor: pointer;
  1173. margin: 0 0 0 2px;
  1174. float: left;
  1175. z-index: 100;
  1176. }
  1177. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner .high:hover {
  1178. background: url('../images/sprite-a.png') no-repeat -70px -486px;
  1179. }
  1180. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item.match-audio,
  1181. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item.match-free_html,
  1182. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item.match-document {
  1183. /*
  1184. .pic{
  1185. cursor: default;
  1186. }
  1187. */
  1188. }
  1189. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item.blurred .buttons {
  1190. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  1191. opacity: 0.5;
  1192. }
  1193. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner.blurred {
  1194. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  1195. opacity: 0.5;
  1196. }
  1197. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .item-inner.ui-draggable-dragging {
  1198. background: #F5F5F5;
  1199. border: 1px solid #e2dfdd;
  1200. width: 307px;
  1201. }
  1202. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container {
  1203. text-shadow: #f1f1f1 1px 1px 0;
  1204. width: 327px;
  1205. padding: 15px 0 0;
  1206. }
  1207. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul li {
  1208. display: inline-block;
  1209. *zoom: 1;
  1210. margin: 0;
  1211. padding: 0;
  1212. line-height: 22px;
  1213. text-align: center;
  1214. }
  1215. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul li a {
  1216. display: inline-block;
  1217. *zoom: 1;
  1218. min-width: 15px;
  1219. }
  1220. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul li span {
  1221. display: inline-block;
  1222. *zoom: 1;
  1223. min-width: 15px;
  1224. }
  1225. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-current {
  1226. font-size: 15px;
  1227. font-weight: bold;
  1228. position: relative;
  1229. top: 1px;
  1230. min-width: 15px;
  1231. }
  1232. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-previous {
  1233. padding: 0 15px 0 5px;
  1234. position: relative;
  1235. top: -13px;
  1236. }
  1237. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-previous a {
  1238. display: block;
  1239. width: 24px;
  1240. height: 22px;
  1241. background: url('../images/sprite-a.png') -47px -456px no-repeat;
  1242. text-indent: -9999px;
  1243. line-height: 0;
  1244. font-size: 0;
  1245. color: transparent;
  1246. }
  1247. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-previous a:hover {
  1248. background: url('../images/sprite-a.png') -73px -456px no-repeat;
  1249. }
  1250. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-next {
  1251. padding: 0 5px 0 15px;
  1252. position: relative;
  1253. top: -13px;
  1254. }
  1255. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-next a {
  1256. display: block;
  1257. width: 24px;
  1258. height: 22px;
  1259. background: url('../images/sprite-a.png') -47px -432px no-repeat;
  1260. text-indent: -9999px;
  1261. line-height: 0;
  1262. font-size: 0;
  1263. color: transparent;
  1264. display: block;
  1265. }
  1266. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .pager-container ul .pager-next a:hover {
  1267. background: url('../images/sprite-a.png') -73px -432px no-repeat;
  1268. }
  1269. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar {
  1270. width: 16px;
  1271. background: url('../images/bgs/bg_scroll.png') 4px 0 no-repeat;
  1272. }
  1273. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack {
  1274. width: 16px;
  1275. background: none;
  1276. }
  1277. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag {
  1278. background: none;
  1279. }
  1280. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragTop {
  1281. display: block;
  1282. width: 16px;
  1283. height: 50%;
  1284. background: url('../images/bgs/bg_scroll.png') -14px 0 no-repeat;
  1285. }
  1286. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragBottom {
  1287. display: block;
  1288. width: 16px;
  1289. height: 50%;
  1290. background: url('../images/bgs/bg_scroll.png') -14px 100% no-repeat;
  1291. }
  1292. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover,
  1293. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive {
  1294. background: none;
  1295. }
  1296. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragTop,
  1297. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragTop {
  1298. background: url('../images/bgs/bg_scroll.png') -36px 0 no-repeat;
  1299. }
  1300. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragBottom,
  1301. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragBottom {
  1302. background: url('../images/bgs/bg_scroll.png') -36px 100% no-repeat;
  1303. }
  1304. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .jspScrollable .jspHorizontalBar {
  1305. display: none;
  1306. }
  1307. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap {
  1308. width: 339px;
  1309. margin: 0 auto;
  1310. }
  1311. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .top {
  1312. background: url('../images/bgs/bg_search.png') 100% 0;
  1313. height: 4px;
  1314. width: 339px;
  1315. overflow: hidden;
  1316. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  1317. /* IE8 */
  1318. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00e1dedc,endColorstr=#00e1dedc);
  1319. /* IE6 & 7 */
  1320. zoom: 1;
  1321. }
  1322. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid {
  1323. padding: 12px 20px 12px 20px;
  1324. background: url('../images/bgs/bg_search.png') 0 0 repeat-y;
  1325. width: 299px;
  1326. height: auto;
  1327. min-height: 0;
  1328. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  1329. /* IE8 */
  1330. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00e1dedc,endColorstr=#00e1dedc);
  1331. /* IE6 & 7 */
  1332. zoom: 1;
  1333. }
  1334. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .mid-inner {
  1335. *zoom: 1;
  1336. height: 486px;
  1337. width: 322px;
  1338. overflow: auto;
  1339. }
  1340. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .mid-inner:after {
  1341. content: "\0020";
  1342. display: block;
  1343. height: 0;
  1344. clear: both;
  1345. overflow: hidden;
  1346. visibility: hidden;
  1347. }
  1348. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item {
  1349. margin: 0 0 20px;
  1350. position: relative;
  1351. *zoom: 1;
  1352. }
  1353. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item:after {
  1354. content: "\0020";
  1355. display: block;
  1356. height: 0;
  1357. clear: both;
  1358. overflow: hidden;
  1359. visibility: hidden;
  1360. }
  1361. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item table {
  1362. border: none;
  1363. }
  1364. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item table th {
  1365. border: none;
  1366. background: none;
  1367. padding: 0;
  1368. }
  1369. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item label {
  1370. line-height: 14px;
  1371. font-size: 11px;
  1372. padding: 0 0 7px;
  1373. text-shadow: #f1f1f1 1px 1px 0;
  1374. max-width: 273px;
  1375. }
  1376. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .form-text-wrap-a {
  1377. background: url('../images/sprite-a.png') no-repeat -998px -711px;
  1378. padding: 0 0 0 2px;
  1379. }
  1380. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .form-text-wrap-b {
  1381. background: url('../images/sprite-a.png') no-repeat 100% -749px;
  1382. padding: 0 6px 0 4px;
  1383. }
  1384. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .form-text {
  1385. background: none;
  1386. border: 1px solid #a8a8a8;
  1387. height: 34px;
  1388. line-height: 34px;
  1389. color: #928c87;
  1390. font-size: 12px;
  1391. padding: 0 7px;
  1392. margin: 0;
  1393. width: 257px;
  1394. max-width: 257px;
  1395. background: #f5f5f5;
  1396. -webkit-border-radius: 1px;
  1397. -moz-border-radius: 1px;
  1398. -ms-border-radius: 1px;
  1399. -o-border-radius: 1px;
  1400. border-radius: 1px;
  1401. -webkit-box-shadow: inset 2px 3px 7px -6px #777777;
  1402. -moz-box-shadow: inset 2px 3px 7px -6px #777777;
  1403. box-shadow: inset 2px 3px 7px -6px #777777;
  1404. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #eaeaea));
  1405. background-image: -webkit-linear-gradient(#f5f5f5, #eaeaea);
  1406. background-image: -moz-linear-gradient(#f5f5f5, #eaeaea);
  1407. background-image: -o-linear-gradient(#f5f5f5, #eaeaea);
  1408. background-image: linear-gradient(#f5f5f5, #eaeaea);
  1409. float: left;
  1410. }
  1411. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .input-tooltip {
  1412. position: absolute;
  1413. display: none;
  1414. padding: 10px 0 0;
  1415. top: 100%;
  1416. left: 0;
  1417. max-width: 273px;
  1418. }
  1419. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .input-tooltip .input-tooltip-inner {
  1420. position: relative;
  1421. padding: 11px 11px 9px 12px;
  1422. background: #f4efe7;
  1423. border-right: 1px solid #fff;
  1424. -webkit-border-radius: 3px;
  1425. -moz-border-radius: 3px;
  1426. -ms-border-radius: 3px;
  1427. -o-border-radius: 3px;
  1428. border-radius: 3px;
  1429. *zoom: 1;
  1430. -webkit-box-shadow: 0 3px 7px #b5b5b5;
  1431. -moz-box-shadow: 0 3px 7px #b5b5b5;
  1432. box-shadow: 0 3px 7px #b5b5b5;
  1433. }
  1434. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .input-tooltip .input-tooltip-inner:after {
  1435. content: "\0020";
  1436. display: block;
  1437. height: 0;
  1438. clear: both;
  1439. overflow: hidden;
  1440. visibility: hidden;
  1441. }
  1442. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .input-tooltip .input-tooltip-inner .pointer {
  1443. display: block;
  1444. position: absolute;
  1445. top: -10px;
  1446. left: 20px;
  1447. width: 11px;
  1448. height: 10px;
  1449. background: url('../images/sprite-a.png') no-repeat -197px -226px;
  1450. z-index: 100;
  1451. }
  1452. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item .form-text.throbbing {
  1453. background: #777777 url('../images/content/loader-b.gif') no-repeat 241px center;
  1454. color: #fff;
  1455. width: 225px;
  1456. padding: 0 39px 0 7px;
  1457. }
  1458. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item #autocomplete {
  1459. margin: 36px 0 0 !important;
  1460. border: 1px solid #a8a8a8;
  1461. border-top: none;
  1462. width: 271px !important;
  1463. left: 0;
  1464. }
  1465. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item #autocomplete ul {
  1466. padding: 0;
  1467. background: #f4efe7;
  1468. }
  1469. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item #autocomplete ul li {
  1470. padding: 6px 7px;
  1471. background: #f4efe7;
  1472. color: #928c87;
  1473. font-size: 12px;
  1474. line-height: 14px;
  1475. }
  1476. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item #autocomplete ul li strong {
  1477. font-weight: bold;
  1478. }
  1479. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item #autocomplete ul li.selected {
  1480. background: #777;
  1481. color: #fff;
  1482. }
  1483. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .form-item-tooltipped {
  1484. z-index: 150;
  1485. }
  1486. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-select select {
  1487. width: 273px;
  1488. }
  1489. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect select.form-select {
  1490. padding: 0;
  1491. width: 271px;
  1492. border: 1px solid #a8a8a8;
  1493. background: #f5f5f5;
  1494. -webkit-border-radius: 1px;
  1495. -moz-border-radius: 1px;
  1496. -ms-border-radius: 1px;
  1497. -o-border-radius: 1px;
  1498. border-radius: 1px;
  1499. -webkit-box-shadow: inset 2px 3px 7px -6px #777777;
  1500. -moz-box-shadow: inset 2px 3px 7px -6px #777777;
  1501. box-shadow: inset 2px 3px 7px -6px #777777;
  1502. background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5f5f5), color-stop(100%, #eaeaea));
  1503. background-image: -webkit-linear-gradient(#f5f5f5, #eaeaea);
  1504. background-image: -moz-linear-gradient(#f5f5f5, #eaeaea);
  1505. background-image: -o-linear-gradient(#f5f5f5, #eaeaea);
  1506. background-image: linear-gradient(#f5f5f5, #eaeaea);
  1507. color: #928c87;
  1508. font-size: 12px;
  1509. }
  1510. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect select.form-select option {
  1511. padding: 3px 7px;
  1512. }
  1513. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelect {
  1514. display: block;
  1515. background: url('../images/sprite-a.png') no-repeat -998px -834px;
  1516. padding: 0 0 0 2px;
  1517. cursor: pointer;
  1518. }
  1519. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelect span {
  1520. display: block;
  1521. overflow: hidden;
  1522. padding: 1px 45px 1px 6px;
  1523. width: 220px !important;
  1524. height: 34px;
  1525. line-height: 34px;
  1526. color: #928c87;
  1527. font-size: 12px;
  1528. background: url('../images/sprite-a.png') no-repeat 100% -873px;
  1529. }
  1530. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelect.active span,
  1531. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelect.hover span {
  1532. background: url('../images/sprite-a.png') no-repeat 100% -794px;
  1533. }
  1534. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions {
  1535. background: #f4efe7;
  1536. -webkit-border-radius: 3px;
  1537. -moz-border-radius: 3px;
  1538. -ms-border-radius: 3px;
  1539. -o-border-radius: 3px;
  1540. border-radius: 3px;
  1541. *zoom: 1;
  1542. -webkit-box-shadow: 0 3px 7px #b5b5b5;
  1543. -moz-box-shadow: 0 3px 7px #b5b5b5;
  1544. box-shadow: 0 3px 7px #b5b5b5;
  1545. width: 273px !important;
  1546. }
  1547. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions:after {
  1548. content: "\0020";
  1549. display: block;
  1550. height: 0;
  1551. clear: both;
  1552. overflow: hidden;
  1553. visibility: hidden;
  1554. }
  1555. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label {
  1556. cursor: pointer;
  1557. padding: 4px 8px;
  1558. font-weight: normal;
  1559. }
  1560. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label input {
  1561. margin: 0;
  1562. position: fixed;
  1563. border: none;
  1564. display: block;
  1565. height: 0;
  1566. left: -1000px;
  1567. opacity: 0;
  1568. overflow: hidden;
  1569. position: fixed;
  1570. top: -1000px;
  1571. width: 0;
  1572. }
  1573. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label.hover,
  1574. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label.checked {
  1575. background: #fff;
  1576. }
  1577. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label.selectAll {
  1578. -webkit-border-radius: 3px 3px 0 0;
  1579. -moz-border-radius: 3px 3px 0 0;
  1580. -ms-border-radius: 3px 3px 0 0;
  1581. -o-border-radius: 3px 3px 0 0;
  1582. border-radius: 3px 3px 0 0;
  1583. }
  1584. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .item-multiselect .multiSelectOptions label.last {
  1585. -webkit-border-radius: 0 0 3px 3px;
  1586. -moz-border-radius: 0 0 3px 3px;
  1587. -ms-border-radius: 0 0 3px 3px;
  1588. -o-border-radius: 0 0 3px 3px;
  1589. border-radius: 0 0 3px 3px;
  1590. }
  1591. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check {
  1592. display: block;
  1593. *zoom: 1;
  1594. padding: 0 0 10px;
  1595. width: 273px;
  1596. }
  1597. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check:after {
  1598. content: "\0020";
  1599. display: block;
  1600. height: 0;
  1601. clear: both;
  1602. overflow: hidden;
  1603. visibility: hidden;
  1604. }
  1605. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check input {
  1606. width: 13px;
  1607. height: 13px;
  1608. margin-top: 2px;
  1609. padding: 0;
  1610. }
  1611. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check .jquery-checkbox {
  1612. display: block;
  1613. width: 24px;
  1614. height: 22px;
  1615. float: left;
  1616. margin: -1px 9px 0 0;
  1617. }
  1618. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check .jquery-checkbox img {
  1619. display: block;
  1620. width: 24px;
  1621. height: 22px;
  1622. overflow: hidden;
  1623. background: url('../images/sprite-a.png') no-repeat -203px -456px;
  1624. cursor: pointer;
  1625. }
  1626. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check .jquery-checkbox-checked img {
  1627. width: 24px;
  1628. height: 22px;
  1629. background: url('../images/sprite-a.png') no-repeat -167px -456px;
  1630. }
  1631. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check a {
  1632. text-decoration: underline;
  1633. }
  1634. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check a:hover {
  1635. text-decoration: none;
  1636. }
  1637. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check .text {
  1638. display: block;
  1639. float: right;
  1640. padding: 2px 0 0;
  1641. width: 240px;
  1642. }
  1643. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .radio .jquery-checkbox {
  1644. width: 21px;
  1645. height: 20px;
  1646. margin: -1px 9px 0 0;
  1647. }
  1648. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .radio .jquery-checkbox img {
  1649. background: url('../images/sprite-a.png') no-repeat -134px -455px;
  1650. }
  1651. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .radio .jquery-checkbox-checked img {
  1652. background: url('../images/sprite-a.png') no-repeat -109px -455px;
  1653. }
  1654. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .check.last {
  1655. padding: 0;
  1656. }
  1657. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .jspVerticalBar {
  1658. right: 19px;
  1659. }
  1660. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .bottom {
  1661. background: url('../images/bgs/bg_search.png') 100% -4px;
  1662. height: 5px;
  1663. width: 339px;
  1664. overflow: hidden;
  1665. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
  1666. /* IE8 */
  1667. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00e1dedc,endColorstr=#00e1dedc);
  1668. /* IE6 & 7 */
  1669. zoom: 1;
  1670. }
  1671. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .items-wrap {
  1672. margin: 0 0 8px;
  1673. height: 485px;
  1674. }
  1675. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item {
  1676. margin: 0 0 1px;
  1677. }
  1678. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner {
  1679. padding: 4px 5px;
  1680. height: 60px;
  1681. }
  1682. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic {
  1683. width: 50px;
  1684. height: 50px;
  1685. margin: 0 10px 0 0;
  1686. }
  1687. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic .ico {
  1688. left: 21px;
  1689. top: 22px;
  1690. }
  1691. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.video .ico {
  1692. background: url('../images/sprite-a.png') no-repeat -241px -281px;
  1693. height: 36px;
  1694. left: 11px;
  1695. top: 12px;
  1696. width: 37px;
  1697. }
  1698. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.image .ico {
  1699. background: url('../images/sprite-a.png') no-repeat -183px -281px;
  1700. height: 36px;
  1701. left: 11px;
  1702. top: 12px;
  1703. width: 36px;
  1704. }
  1705. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.audio .ico {
  1706. background: url('../images/sprite-a.png') no-repeat -480px -280px;
  1707. height: 36px;
  1708. left: 11px;
  1709. top: 12px;
  1710. width: 36px;
  1711. }
  1712. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.free_html .ico {
  1713. background: url('../images/sprite-a.png') no-repeat -302px -281px;
  1714. height: 36px;
  1715. left: 11px;
  1716. top: 12px;
  1717. width: 36px;
  1718. }
  1719. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.gallery .ico {
  1720. background: url('../images/sprite-a.png') no-repeat -364px -281px;
  1721. height: 36px;
  1722. left: 11px;
  1723. top: 12px;
  1724. width: 36px;
  1725. }
  1726. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .pic.document .ico {
  1727. background: url('../images/sprite-a.png') no-repeat -421px -280px;
  1728. height: 36px;
  1729. left: 11px;
  1730. top: 12px;
  1731. width: 36px;
  1732. }
  1733. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .title {
  1734. font-weight: bold;
  1735. padding: 0 0 2px;
  1736. max-height: 14px;
  1737. overflow: hidden;
  1738. text-overflow: ellipsis;
  1739. }
  1740. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .view-x5 .item-inner .descrip {
  1741. padding: 0 0 3px;
  1742. max-height: 27px;
  1743. overflow: hidden;
  1744. text-overflow: ellipsis;
  1745. }
  1746. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .hidden {
  1747. visibility: hidden;
  1748. }
  1749. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .audio-tab .item .item-inner {
  1750. height: 110px;
  1751. }
  1752. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .audio-tab.view-x5 .item .item-inner {
  1753. height: 60px;
  1754. }
  1755. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .search-tab {
  1756. width: 351px;
  1757. padding: 6px 0;
  1758. }
  1759. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .search-tab .item-multiselect {
  1760. *z-index: 10;
  1761. }
  1762. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .search-tab .button-afficher {
  1763. position: relative;
  1764. left: 50%;
  1765. margin: 0 0 0 -104px;
  1766. }
  1767. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .search-tab .button-afficher a span {
  1768. width: 160px;
  1769. }
  1770. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit {
  1771. display: block;
  1772. float: left;
  1773. position: relative;
  1774. height: 26px;
  1775. *zoom: 1;
  1776. padding: 0 0 0 35px;
  1777. }
  1778. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit:after {
  1779. content: "\0020";
  1780. display: block;
  1781. height: 0;
  1782. clear: both;
  1783. overflow: hidden;
  1784. visibility: hidden;
  1785. }
  1786. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit .button-notext {
  1787. position: absolute;
  1788. left: 0;
  1789. top: 0;
  1790. }
  1791. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit .edit {
  1792. max-width: 278px;
  1793. min-width: 160px;
  1794. height: 24px;
  1795. line-height: 25px;
  1796. overflow: hidden;
  1797. color: #35322f;
  1798. font-weight: bold;
  1799. font-size: 12px;
  1800. padding: 0 8px;
  1801. background: #e9e8e8;
  1802. -webkit-border-radius: 0 3px 3px 0;
  1803. -moz-border-radius: 0 3px 3px 0;
  1804. -ms-border-radius: 0 3px 3px 0;
  1805. -o-border-radius: 0 3px 3px 0;
  1806. border-radius: 0 3px 3px 0;
  1807. -webkit-box-shadow: 0px 1px 0px white;
  1808. -moz-box-shadow: 0px 1px 0px white;
  1809. box-shadow: 0px 1px 0px white;
  1810. border-bottom: 1px solid #d5d3cf;
  1811. text-overflow: ellipsis;
  1812. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  1813. text-shadow: #f1f1f1 1px 1px 0;
  1814. }
  1815. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit .edit form {
  1816. margin: 0;
  1817. padding: 0;
  1818. height: 24px;
  1819. }
  1820. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit .edit form input {
  1821. border: none;
  1822. background: none;
  1823. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  1824. color: #f0ebe5;
  1825. font-weight: bold;
  1826. font-size: 12px;
  1827. padding: 0;
  1828. height: 24px;
  1829. line-height: 25px;
  1830. }
  1831. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit .edit.editing {
  1832. background: #777;
  1833. cursor: default;
  1834. }
  1835. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit:hover {
  1836. cursor: pointer;
  1837. }
  1838. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .search-edit:hover .button-notext a .ico {
  1839. background: url('../images/sprite-a.png') -329px -89px no-repeat;
  1840. }
  1841. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .item-inner {
  1842. clear: both;
  1843. height: auto;
  1844. cursor: auto;
  1845. }
  1846. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .item-inner .title {
  1847. font-weight: normal;
  1848. }
  1849. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .item-inner .title strong {
  1850. font-weight: bold;
  1851. display: block;
  1852. margin: 0 0 3px 0;
  1853. font-size: 12px;
  1854. }
  1855. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .item-inner .full-text {
  1856. display: none;
  1857. }
  1858. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 {
  1859. width: 100%;
  1860. background: none;
  1861. }
  1862. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-eye {
  1863. width: 35px;
  1864. }
  1865. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-eye a .ico {
  1866. background: url('../images/sprite-a.png') -294px -71px no-repeat;
  1867. width: 18px;
  1868. left: 9px;
  1869. top: 5px;
  1870. }
  1871. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-eye a:hover .ico {
  1872. background: url('../images/sprite-a.png') -294px -90px no-repeat;
  1873. }
  1874. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-afficher {
  1875. float: right;
  1876. background: url('../images/sprite-a.png') -369px -43px no-repeat;
  1877. width: 106px;
  1878. }
  1879. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-arrow {
  1880. float: right;
  1881. width: 37px;
  1882. background: url('../images/sprite-a.png') -481px -43px no-repeat;
  1883. }
  1884. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-arrow a .ico {
  1885. background: url('../images/sprite-a.png') -461px -107px no-repeat;
  1886. width: 15px;
  1887. height: 7px;
  1888. top: 9px;
  1889. left: 13px;
  1890. }
  1891. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-arrow a:hover .ico {
  1892. background: url('../images/sprite-a.png') -461px -86px no-repeat;
  1893. }
  1894. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch {
  1895. float: left;
  1896. background: url('../images/sprite-a.png') -589px -12px no-repeat;
  1897. width: 115px;
  1898. }
  1899. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch a .ico {
  1900. background: url('../images/sprite-a.png') -240px -70px no-repeat;
  1901. }
  1902. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch a .ico:hover {
  1903. background: url('../images/sprite-a.png') -240px -91px no-repeat;
  1904. }
  1905. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch a:hover {
  1906. color: #c06f4c;
  1907. }
  1908. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch ul li {
  1909. float: left;
  1910. }
  1911. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch ul li a {
  1912. text-align: center;
  1913. font-size: 10px;
  1914. }
  1915. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch ul .ico-box {
  1916. width: 28px;
  1917. background: url('../images/bgs/divider.png') right center no-repeat;
  1918. padding: 0 5px 0 0;
  1919. }
  1920. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .bookmark-tab .items-wrap .item .buttons-2 .button-launch ul .text-box {
  1921. width: 74px;
  1922. text-align: center;
  1923. font-weight: bold;
  1924. }
  1925. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results {
  1926. padding: 40px 0;
  1927. width: 352px;
  1928. }
  1929. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .input-tooltip {
  1930. position: relative;
  1931. padding: 10px 0 0;
  1932. top: 0;
  1933. margin: 0 auto 50px;
  1934. max-width: 273px;
  1935. }
  1936. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .input-tooltip .input-tooltip-inner {
  1937. position: relative;
  1938. padding: 16px 11px 14px 12px;
  1939. background: #f4efe7;
  1940. border-right: 1px solid #fff;
  1941. -webkit-border-radius: 3px;
  1942. -moz-border-radius: 3px;
  1943. -ms-border-radius: 3px;
  1944. -o-border-radius: 3px;
  1945. border-radius: 3px;
  1946. *zoom: 1;
  1947. -webkit-box-shadow: 0 3px 7px #b5b5b5;
  1948. -moz-box-shadow: 0 3px 7px #b5b5b5;
  1949. box-shadow: 0 3px 7px #b5b5b5;
  1950. font-size: 14px;
  1951. font-weight: bold;
  1952. text-align: center;
  1953. }
  1954. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .input-tooltip .input-tooltip-inner:after {
  1955. content: "\0020";
  1956. display: block;
  1957. height: 0;
  1958. clear: both;
  1959. overflow: hidden;
  1960. visibility: hidden;
  1961. }
  1962. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .input-tooltip .input-tooltip-inner .pointer {
  1963. display: block;
  1964. position: absolute;
  1965. top: -10px;
  1966. left: 50%;
  1967. margin: 0 0 0 -5px;
  1968. width: 11px;
  1969. height: 10px;
  1970. background: url('../images/sprite-a.png') no-repeat -197px -226px;
  1971. z-index: 100;
  1972. }
  1973. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .button-back {
  1974. position: relative;
  1975. left: 50%;
  1976. margin: 0 0 0 -97px;
  1977. }
  1978. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .no-results .button-back a span {
  1979. width: 170px;
  1980. }
  1981. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .bottom {
  1982. width: 386px;
  1983. height: 6px;
  1984. overflow: hidden;
  1985. background: url('../images/bgs/bg_widget_a.png') no-repeat -388px 100%;
  1986. }
  1987. .assets-module .assets-module-inner .loading {
  1988. width: 64px;
  1989. height: 64px;
  1990. position: absolute;
  1991. left: 50%;
  1992. top: 50%;
  1993. margin: -52px 0 0 -52px;
  1994. padding: 20px;
  1995. background: #e1dedc;
  1996. -webkit-border-radius: 5px;
  1997. -moz-border-radius: 5px;
  1998. -ms-border-radius: 5px;
  1999. -o-border-radius: 5px;
  2000. border-radius: 5px;
  2001. }
  2002. .assets-module .assets-module-inner .active-tooltip-container .tooltip .masked {
  2003. background-color: #e1dedc;
  2004. }
  2005. .assets-module .assets-module-inner .show-control-wrap .top {
  2006. min-height: 333px;
  2007. }
  2008. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid {
  2009. min-height: 311px;
  2010. }
  2011. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .items-wrap {
  2012. min-height: 255px;
  2013. }
  2014. .assets-module .assets-module-inner .assets-content .tab-contents .tab-contents-bottom .mid .tab .form-wrap .mid .mid-inner {
  2015. min-height: 268px;
  2016. }
  2017. /*--end assets bar styles--*/
  2018. /*--Assets processed form styles--*/
  2019. .match-field {
  2020. border-width: 1px;
  2021. }
  2022. .field-refuse {
  2023. border: 1px solid #ff6666;
  2024. -webkit-box-shadow: 0 0 15px #ff6666;
  2025. -moz-box-shadow: 0 0 15px #ff6666;
  2026. box-shadow: 0 0 15px #ff6666;
  2027. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  2028. opacity: 0.2;
  2029. }
  2030. .field-accept {
  2031. border: 1px solid #99cc99;
  2032. -webkit-box-shadow: 0 0 15px #99cc99;
  2033. -moz-box-shadow: 0 0 15px #99cc99;
  2034. box-shadow: 0 0 15px #99cc99;
  2035. filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  2036. opacity: 1;
  2037. }
  2038. /*--end assets processed form styles--*/
  2039. /*sizes*/
  2040. .sizes strong {
  2041. float: left;
  2042. margin: 0 5px 0 0;
  2043. }
  2044. .sizes ul {
  2045. float: left;
  2046. }
  2047. .sizes ul li {
  2048. display: none;
  2049. }
  2050. .sizes ul li.active {
  2051. display: inline;
  2052. float: left;
  2053. margin: 0 0 0 3px;
  2054. }
  2055. /*frame-page-wrapper*/
  2056. .frame-page-wrapper .form-item table, .frame-page-wrapper .form-item th {
  2057. border: none;
  2058. }
  2059. .frame-page-wrapper .form-item label {
  2060. text-transform: none;
  2061. }
  2062. .frame-page-wrapper .form-item table {
  2063. margin: 0 0 0 1px;
  2064. }
  2065. .frame-page-wrapper .form-item table tr.even, .frame-page-wrapper .form-item table tr.odd {
  2066. border: 1px solid #A8A8A8;
  2067. background: #fefef8;
  2068. }
  2069. .frame-page-wrapper .form-item .form-textarea {
  2070. height: 130px;
  2071. padding: 7px;
  2072. line-height: 16px;
  2073. }
  2074. /*editor*/
  2075. .asset.editor {
  2076. margin: 10px 0;
  2077. padding: 5px 10px;
  2078. background: #F4F1ED;
  2079. box-shadow: 0 0 15px #e1dede inset;
  2080. }
  2081. .asset.editor.selected {
  2082. background: #FDFDEE;
  2083. box-shadow: 0 0 15px #e1dede inset;
  2084. }
  2085. .asset.editor.selected:hover {
  2086. background: #F3E1DB;
  2087. box-shadow: 0 0 15px #D7C9C4 inset;
  2088. }
  2089. .asset.editor .content {
  2090. padding: 5px 0;
  2091. }
  2092. /*tooltip-inner*/
  2093. .tooltip-inner .jspScrollable .jspVerticalBar {
  2094. width: 8px;
  2095. background: #faf7f4;
  2096. padding: 0 1px 0 11px;
  2097. }
  2098. .tooltip-inner .jspScrollable .jspVerticalBar .pointer {
  2099. backround: none;
  2100. }
  2101. .tooltip-inner .jspScrollable .jspVerticalBar .jspTrack {
  2102. width: 10px;
  2103. background: url('../images/bgs/track-y.png') 3px 0 repeat-y;
  2104. }
  2105. .tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag {
  2106. background: none;
  2107. }
  2108. .tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragTop {
  2109. display: block;
  2110. width: 8px;
  2111. height: 50%;
  2112. background: url('../images/bgs/bg_scroll-a.png') -28px 0 no-repeat;
  2113. }
  2114. .tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag .jspDragBottom {
  2115. display: block;
  2116. width: 8px;
  2117. height: 50%;
  2118. background: url('../images/bgs/bg_scroll-a.png') -28px 100% no-repeat;
  2119. }
  2120. .tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover,
  2121. .tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive {
  2122. background: none;
  2123. }
  2124. .tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragTop,
  2125. .tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragTop {
  2126. background: url('../images/bgs/bg_scroll-a.png') -44px 0 no-repeat;
  2127. }
  2128. .tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspHover .jspDragBottom,
  2129. .tooltip-inner .jspScrollable .jspVerticalBar .jspTrack .jspDrag.jspActive .jspDragBottom {
  2130. background: url('../images/bgs/bg_scroll-a.png') -44px 100% no-repeat;
  2131. }
  2132. .tooltip-inner .jspScrollable .jspHorizontalBar {
  2133. width: 100%;
  2134. background: #faf7f4;
  2135. padding: 10px 0 0;
  2136. bottom: -5px;
  2137. }
  2138. .tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack {
  2139. width: 100%;
  2140. background: url('../images/bgs/track-x.png') 0 3px repeat-x;
  2141. }
  2142. .tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag {
  2143. background: none;
  2144. }
  2145. .tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag .jspDragLeft {
  2146. display: block;
  2147. height: 8px;
  2148. width: 50%;
  2149. background: url('../images/bgs/bg_scroll-b.png') 0 -28px no-repeat;
  2150. float: left;
  2151. }
  2152. .tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag .jspDragRight {
  2153. display: block;
  2154. height: 8px;
  2155. width: 50%;
  2156. background: url('../images/bgs/bg_scroll-b.png') 100% -28px no-repeat;
  2157. float: right;
  2158. }
  2159. .tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover,
  2160. .tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive {
  2161. background: none;
  2162. }
  2163. .tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover .jspDragLeft,
  2164. .tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive .jspDragLeft {
  2165. background: url('../images/bgs/bg_scroll-b.png') 0 -44px no-repeat;
  2166. }
  2167. .tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspHover .jspDragRight,
  2168. .tooltip-inner .jspScrollable .jspHorizontalBar .jspTrack .jspDrag.jspActive .jspDragRight {
  2169. background: url('../images/bgs/bg_scroll-b.png') 100% -44px no-repeat;
  2170. }
  2171. .tooltip-inner .tooltip-scroll {
  2172. height: 395px;
  2173. width: 450px;
  2174. }
  2175. .asset-wrapper {
  2176. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  2177. }
  2178. .asset-wrapper .content .field-items {
  2179. font-family: Helvetica, Arial, sans-serif, Garuda, FreeSans;
  2180. }
  2181. .asset-wrapper .content .field-items .field-item {
  2182. padding: 10px 0 5px 0;
  2183. }