/**
 * Block lists styles
 */

/****************** Favorites *******************/
/** rp - overrider border*/
.noborder {
  border: 0;
}

.favorites > li {
  border-top: 1px dotted #999999;
  padding: 0 0 0 10px; //rp was 0 0 0 75px
  position: relative;
}
html.dark .favorites > li {
  border-top-color: #bbb;
}
html.dark .white-bg .favorites > li,
html.dark .block-content .favorites > li {
  border-top-color: #fff; //JS101315 was #999999
}
.favorites > li:first-child {
  border-top: 0;
}
/* IE class */
.favorites > li.first-child {
  border-top: 0;
}
.favorites > li:hover {
  background: url(../img/old-browsers-bg/favorites-bg.png) repeat-x;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.1)),
    to(rgba(0, 0, 0, 0))
  );
}
.favorites > li > img {
  position: absolute;
  margin-top: 1.5em;
  margin-left: -60px;
}
.favorites > li > a {
  display: block;
  padding: 1.278em 1em;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial,
    Helvetica, sans-serif;
  font-size: 1.5em;
  min-height: 1.833em;
  font-weight: bold;
  line-height: 0.833em;
  background: url(../img/favorites-border.png) no-repeat left center;
  color: #39c;
}
/* IE class */
.ie7 .favorites > li > a {
  margin-top: -0.667em;
}
html.dark .favorites > li > a {
  color: white;
}
.white-bg .favorites > li > a,
.favorites.white-bg > li > a,
html.dark .block-content .favorites > li > a,
html.dark .white-bg .favorites > li > a,
html.dark .favorites.white-bg > li > a {
  color: #39c;
}
.favorites > li > a small {
  font-size: 0.667em;
  color: #999;
  font-weight: normal;
  text-transform: none;
}
html.dark .favorites > li > a small {
  color: #344147;
}
.white-bg .favorites > li > a small,
.favorites.white-bg > li > a small,
html.dark .block-content .favorites > li > a small,
html.dark .white-bg .favorites > li > a small,
html.dark .favorites.white-bg > li > a small {
  color: #999;
}

/****************** Shortcuts *******************/
.shortcuts-list {
  padding-top: 0.5em;
}
.shortcuts-list li {
  float: left;
}
.shortcuts-list li a {
  display: block;
  width: 7em;
  padding-top: 63px;
  color: #808080;
  text-align: center;
  position: relative;
  padding-bottom: 9px;
  -moz-border-radius: 0.417em;
  -webkit-border-radius: 0.417em;
  -webkit-background-clip: padding-box;
  border-radius: 0.417em;
}
html.dark .shortcuts-list li a {
  color: white;
}
html.dark .block-content .shortcuts-list li a {
  color: #808080;
}
.dark-grey-gradient .shortcuts-list li a,
.shortcuts-list.dark-grey-gradient li a {
  color: white;
}
.shortcuts-list li a:hover {
  background: #e0e0e0;
}
html.dark .shortcuts-list li a:hover {
  background: #404040;
}
html.dark .block-content .shortcuts-list li a:hover {
  background: #e0e0e0;
}
.dark-grey-gradient .shortcuts-list li a:hover,
.shortcuts-list.dark-grey-gradient li a:hover {
  color: white;
  background: #404040;
}
/* RP-orig
            .shortcuts-list li a img {
				position: absolute;
				top: 9px;
				left: 50%;
				margin-left: -24px;
			}*/
.shortcuts-list li a img {
  position: absolute;
  top: 0px;
  left: 36%;
  margin-left: -24px;
}

/************* Mobile customization *************/
@media only screen and (max-device-width: 480px) {
  .shortcuts-list {
    padding-top: 0;
  }
  article > .shortcuts-list {
    margin-left: -0.5em;
    margin-right: -0.5em;
  }
  article > .shortcuts-list li a {
    width: 6.5em;
  }
}

/****************** Files list ******************/
.files {
  padding: 1em 0 0 1em;
}
.files > li {
  float: left;
  width: 100px;
  margin: 0 1em 1em 0;
  color: #666;
  padding-top: 74px;
  text-align: center;
}
.files > li > a {
  display: block;
  padding: 4px 5px 7px;
  line-height: 1.2em;
  height: 2.4em;
  color: #666;
  word-wrap: break-word;
  text-overflow: ellipsis;
}
html.dark .files > li > a {
  color: white;
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
html.dark .block-content .files > li > a {
  color: #666;
  -moz-text-shadow: none;
  -webkit-text-shadow: none;
  text-shadow: none;
}
.dark-grey-gradient .files > li > a,
.files.dark-grey-gradient > li > a {
  color: white;
  -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.files > li > a:hover {
  color: #333;
  background: #e0e0e0;
  -moz-border-radius: 0.333em;
  -webkit-border-radius: 0.333em;
  -webkit-background-clip: padding-box;
  border-radius: 0.333em;
}
html.dark .files > li > a:hover {
  color: white;
  background: #404040;
}
html.dark .block-content .files > li > a:hover {
  color: #333;
  background: #e0e0e0;
}
.dark-grey-gradient .files > li > a:hover,
.files.dark-grey-gradient > li > a:hover {
  color: white;
  background: #404040;
}
.files > li > a > span {
  display: block;
  margin: -78px -5px 8px;
  height: 70px;
  line-height: 70px;
}
.files > li > a > span > img {
  vertical-align: middle;
}
.files > li > a > span > img.thumb {
  border: 1px solid white;
  -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.files > li .mini-menu {
  margin-top: -0.5em;
  margin-right: -1em;
}

/***************** Blocks grid ******************/
ul.grid {
  padding: 0.75em 0 0 0.75em;
}
/* IE class */
.ie7 ul.grid {
  padding-bottom: 0.75em;
}
ul.grid > li {
  background: #cccccc url(../img/old-browsers-bg/grid-block-bg.png) repeat-x top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background: -moz-linear-gradient(top, #f5f5f5, #cccccc);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f5f5f5),
    to(#cccccc)
  );
  border: 1px solid white;
  -moz-border-radius: 0.417em;
  -webkit-border-radius: 0.417em;
  -webkit-background-clip: padding-box;
  border-radius: 0.417em;
  padding: 0.75em;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  color: #333333;
  float: left;
  width: 17em;
  position: relative;
  margin: 0 0.75em 0.75em 0;
}
ul.grid > li .grid-picto {
  margin: -0.75em 1em -0.75em -0.75em;
  padding: 0.75em 0.75em 0.75em 3.9em;
  background-repeat: no-repeat;
  background-position: 0.75em 0.75em;
  border-right: 1px solid #b3b3b3;
}
ul.grid > li .grid-picto.user {
  background-image: url(../img/icons/web-app/32/Profile.png);
}
ul.grid > li .grid-picto.computer {
  background-image: url(../img/icons/web-app/32/Loading.png);
}
ul.grid > li .grid-picto.chart {
  background-image: url(../img/icons/web-app/32/Pie-Chart.png);
}
ul.grid > li .grid-picto.print {
  background-image: url(../img/icons/web-app/32/Print.png);
}
ul.grid > li .grid-picto.warning {
  background-image: url(../img/icons/web-app/32/Warning.png);
}
ul.grid > li .grid-name {
  color: #373737;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 0.25em;
}
ul.grid > li .grid-details {
  color: #808080;
}
ul.grid > li .grid-details b {
  color: #333333;
  font-weight: normal;
}
ul.grid > li .grid-actions {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 1.7em;
  border-left: 1px solid white;
  background: #b3b3b3 url(../img/old-browsers-bg/grid-block-controls-bg.png)
    repeat-x top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background: -moz-linear-gradient(top, #f0f0f0, #b3b3b3);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f0f0f0),
    to(#b3b3b3)
  );
  -moz-border-radius: 0 0.333em 0.333em 0;
  -webkit-border-top-right-radius: 0.333em;
  -webkit-border-bottom-right-radius: 0.333em;
  border-radius: 0 0.333em 0.333em 0;
}
ul.grid > li .grid-actions li {
  border-top: 1px solid white;
  border-bottom: 1px solid #b3b3b3;
  text-align: center;
  height: 1.75em;
  line-height: 1.75em;
}
ul.grid > li .grid-actions li:first-child {
  border-top: none;
}
ul.grid > li .grid-actions li:last-child {
  border-bottom: none;
}
/* IE class */
ul.grid > li .grid-actions li.last-child {
  border-bottom: none;
}
ul.grid > li .grid-actions li img {
  margin: 0 -1px -3px 0;
}

/***************** Blocks lists *****************/
.task,
.blocks-list > li,
.mini-blocks-list > li {
  background: #e6e6e6 url(../img/old-browsers-bg/lite-grey-grad-bg.png) repeat-x
    top;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background: -moz-linear-gradient(top, #f7f7f7, #e6e6e6);
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f7f7f7),
    to(#e6e6e6)
  );
  border: 1px solid white;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
  position: relative;
  z-index: 89;
  -moz-border-radius: 0.25em;
  -webkit-border-radius: 0.25em;
  -webkit-background-clip: padding-box;
  border-radius: 0.25em;
  color: #666666;
  line-height: 1.25em;
}
.ie .task,
.ie .blocks-list > li,
.ie .mini-blocks-list > li {
  border-color: #cccccc;
}
.task {
  padding: 1.667em 1.667em 0;
  margin-bottom: 1.667em;
}
.task + .task.with-legend {
  margin-top: 2.5em;
}
.task .task-description {
  padding-bottom: 1.667em;
}
.task .floating-tags {
  margin: -0.667em -0.667em -0.667em 1.5em;
}
.task:hover {
  background: #dbe8f0;
}

.task-dialog {
  margin: 0 -1.667em;
}
.task-dialog > li {
  border-top: 1px solid #c5c39c;
  background: #ffffcd url(../img/balloon-reverse.png) no-repeat 0.667em 0.75em;
  padding: 0.75em 0.75em 0.75em 2.5em;
  margin: 0 -1px;
  color: #565340;
  position: relative;
  z-index: 89;
}
.ie .task-dialog > li {
  margin: 0;
}
.task-dialog > li:nth-child(even) {
  background-color: #f7f7df;
}
/* IE class */
.task-dialog > li.even {
  background-color: #f7f7df;
}
.task-dialog > li:last-child {
  -moz-border-radius: 0 0 0.167em 0.167em;
  -webkit-border-bottom-left-radius: 0.167em;
  -webkit-border-bottom-right-radius: 0.167em;
  border-radius: 0 0 0.167em 0.167em;
}
.task-dialog > li.auto-hide {
  display: none;
}
:hover > .task-dialog > li.auto-hide {
  display: block;
}

.task-dialog > li > strong {
  color: #353334;
}
.task-dialog > li > em {
  color: #b1b197;
}
.task-dialog .mini-menu {
  margin-right: -0.5em;
}

/************* Mobile customization *************/
@media only screen and (max-device-width: 480px) {
  .task-dialog > li.auto-hide {
    display: block;
  }
}

.blocks-list > li {
  padding: 1em 0.5em;
  margin-bottom: 0.5em;
}
.mini-blocks-list > li {
  padding: 0.25em 0.5em 0.417em;
  margin-bottom: 0.5em;
}
.blocks-list > li a,
.mini-blocks-list > li a {
  color: #666666;
}
.blocks-list > li img,
.mini-blocks-list > li img {
  margin-bottom: -4px;
}
.blocks-list > li .tags.float-right,
.mini-blocks-list > li .tags.float-right {
  margin-top: -0.417em;
  margin-bottom: -0.333em;
}
.mini-blocks-list > li .tags.float-right {
  margin-right: -0.417em;
}
/* IE class */
.ie7 .blocks-list > li .tags.float-right {
  margin-top: -0.25em;
}
/* IE class */
.ie7 .mini-blocks-list > li .tags.float-right {
  margin-top: -0.167em;
}

/****************** Icon list *******************/
.icon-list {
  margin: 0 -19px 0.833em -7px;
}
.icon-list li {
  float: left;
  background: url(../img/corner.png) no-repeat right bottom;
  padding: 7px 26px 21px 61px;
  width: 5em;
  height: 2.5em;
  margin-top: 0.75em;
  font-size: 1.5em;
  font-weight: bold;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial,
    Helvetica, sans-serif;
}
.icon-list li a {
  display: block;
  margin: -7px -26px -21px -61px;
  padding: 7px 26px 21px 61px;
  width: 5em;
  height: 2.5em;
}
html.dark .icon-list li a {
  color: white;
}
html.dark .block-content .icon-list li a {
  color: #39c;
}
.icon-list li a:hover,
html.dark .icon-list li a:hover,
html.dark .block-content .icon-list li a:hover {
  color: #33ccff;
}
.icon-list li small {
  font-size: 0.667em;
  font-weight: normal;
  text-transform: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: 20%;
}
html.dark .icon-list li small {
  color: #b0b0b0;
}
html.dark .block-content .icon-list li small {
  color: #808080;
}
.icon-list li .icon {
  display: block;
  float: left;
  width: 48px;
  height: 48px;
  margin: -3px 0 0 -54px;
  background-position: center center;
  background-repeat: no-repeat;
}

/************* Small files icon list ************/
.small-files-list li {
  padding: 0.25em 0 0 42px;
  background: url(../img/icons/finefiles/32/default.png) no-repeat;
  color: black;
  min-height: 32px;
  margin-bottom: 0.25em;
  line-height: 1.083em;
}
.small-files-list li:last-child {
  margin-bottom: 0;
}
/* IE class */
.small-files-list li.last-child {
  margin-bottom: 0;
}
.small-files-list li a {
  display: block;
  margin: -0.25em 0 0 -42px;
  padding: 0.25em 0 0 42px;
  color: black;
}
.small-files-list li a:hover {
  color: #3399cc;
}
.small-files-list li small {
  color: #999999;
}

.small-files-list.icon-html li,
.small-files-list li.icon-html {
  background-image: url(../img/icons/finefiles/32/html.png);
}
.small-files-list.icon-xml li,
.small-files-list li.icon-xml {
  background-image: url(../img/icons/finefiles/32/xml.png);
}
.small-files-list.icon-img li,
.small-files-list li.icon-img {
  background-image: url(../img/icons/finefiles/32/other_image.png);
}
.small-files-list.icon-music li,
.small-files-list li.icon-music {
  background-image: url(../img/icons/finefiles/32/other_music2.png);
}
.small-files-list.icon-movie li,
.small-files-list li.icon-movie {
  background-image: url(../img/icons/finefiles/32/mpg.png);
}
.small-files-list.icon-folder li,
.small-files-list li.icon-folder {
  background-image: url(../img/icons/finefiles/32/_Close.png);
}
.small-files-list.icon-mail li,
.small-files-list li.icon-mail {
  background-image: url(../img/icons/email.png);
}
.small-files-list.icon-comment li,
.small-files-list li.icon-comment {
  background-image: url(../img/icons/web-app/32/Comment.png);
}

/*************** Extended infos list ************/
.extended-list > li {
  border-top: 1px dotted #afafaf; /* 1px */
  padding: 0.5em; /*  1.667em;  */
  position: relative;
  z-index: 89;
}
.extended-list > li:hover {
  background: url(../img/old-browsers-bg/favorites-bg.png) repeat-y;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(rgba(0, 0, 0, 0.1)),
    to(rgba(0, 0, 0, 0))
  );
}
.extended-list > li:first-child {
  border-top: 0;
}
/* IE class */
.extended-list > li.first-child {
  border-top: 0;
}
.extended-list > li > a,
.extended-list > li > span {
  font-size: 1.25em; /* 1.5em */
  font-weight: bold;
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Sans', Arial,
    Helvetica, sans-serif;
  display: block;
  float: left;
  padding-left: 60px; /*was 5px*/ /*was 54px*/
  white-space: nowrap;
  min-height: 48px; /*orig 48px - 30px was a good min */
  position: relative;
}
html.dark .extended-list > li > a,
html.dark .extended-list > li > span {
  color: white;
}
html.dark .block-content .extended-list > li > a,
html.dark .block-content .extended-list > li > span {
  color: #39c;
}
.extended-list > li > a:hover,
html.dark .extended-list > li > a:hover,
html.dark .extended-list > li > span:hover,
html.dark .block-content .extended-list > li > a:hover,
html.dark .block-content .extended-list > li > span:hover {
  color: #33ccff;
}
.extended-list > li > a small {
  font-size: 0.667em;
  font-weight: normal;
  text-transform: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  vertical-align: 20%;
}
html.dark .extended-list > li > a small {
  color: #b0b0b0;
}
html.dark .block-content .extended-list > li > a small {
  color: #808080;
}
.extended-list > li > a .icon {
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  width: 48px;
  height: 48px;
  background-position: center center;
  background-repeat: no-repeat;
}

.extended-list .extended-options {
  float: right;
}
.extended-list .extended-options li {
  float: left;
  margin-left: 1.5em;
  line-height: 1.75em;
}
html.dark .extended-list .extended-options li {
  color: white;
}
html.dark .block-content .extended-list .extended-options li {
  color: #333;
}
.extended-list .extended-options li:first-child {
  margin-left: 0;
}
/* IE class */
.extended-list .extended-options li.first-child {
  margin-left: 0;
}

.icon-user .icon,
.icon.icon-user {
  background-image: url(../img/icons/web-app/48/Profile.png);
}
.icon-image .icon,
.icon.icon-image {
  background-image: url(../img/Next.png);
}
.icon-chart .icon,
.icon.icon-chart {
  background-image: url(../img/icons/web-app/48/Pie-Chart.png);
}
.icon-printer .icon,
.icon.icon-printer {
  background-image: url(../img/icons/web-app/48/Print.png);
}
.icon-computer .icon,
.icon.icon-computer {
  background-image: url(../img/icons/web-app/48/Loading.png);
}
.icon-article .icon,
.icon.icon-article {
  background-image: url(../img/icons/web-app/48/Modify.png);
}
.icon-comment .icon,
.icon.icon-comment {
  background-image: url(../img/icons/web-app/48/Comment.png);
}
.icon-warning .icon,
.icon.icon-warning {
  background-image: url(../img/icons/web-app/48/Warning.png);
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.shortcuts-list:after,
.files:after,
.task .task-description:after,
.blocks-list > li:after,
.mini-blocks-list > li:after,
.icon-list:after,
.extended-list li:after {
  clear: both;
  content: ' ';
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.shortcuts-list,
.files,
.task .task-description,
.blocks-list > li,
.mini-blocks-list > li,
.icon-list,
.extended-list li {
  display: inline-block;
}

* html .shortcuts-list,
* html .files,
* html .task .task-description,
* html .blocks-list > li,
* html .mini-blocks-list > li,
* html .icon-list,
* html .extended-list li {
  height: 1%;
}

.shortcuts-list,
.files,
.task .task-description,
.blocks-list > li,
.mini-blocks-list > li,
.icon-list,
.extended-list li {
  display: block;
}