/* @group RESET */

/* R3S3T */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: '';
}

abbr, acronym {
  border: 0;
}

/* @end */

/* @group INTRO */

/* 1NTR0 */
body { /*background:#f2f3f4 url(images/headerptx.jpg) repeat-x;*/
  color: #424242;
  font-family: Arial, Verdana, sans-serif;
  font-size: 13px;
  line-height: 20px;
  text-shadow: 0px 1px 0px hsla(0, 0%, 100%, 0.66);
}

a {
  color: #00588f;
  cursor: pointer;
  text-decoration: none;
  outline: 0 none;
}

a.disabled {
  text-decoration: none;
  cursor: default;
  color: #888;
}

a:hover {
  text-decoration: underline;
}

a.disabled:hover {
  text-decoration: none;
}

button, input, select, textarea {
  font-family: Arial, Verdana, sans-serif;
  font-size: 12px;
  vertical-align: middle;
  outline: 0 none;
}

textarea {
  resize: none;
}

/* @end */

/* @group SHARED */

/* SH4R3D */

.opt-title-user,
.opt-title-sharing,
.opt-title-opt,
.item-expand,
.popup-close,
.box-close,
.box-actions a,
.recipient-delete,
.dash-user,
.dash-smb,
.dash-logout,
.tab-icon,
.tools a,
.detail-source,
.detail-crypted,
.detail-signed,
.detail-user,
.detail-project,
.detail-start,
.detail-recipients,
.edit-icon,
.filter-icon,
.clock-icon,
.filter-reload a,
.file-crypted,
.file-signed,
.file-source,
.file-user,
.file-project,
.file-start,
.file-end,
.ico-add-people,
.ico-clock,
.ico-delete,
.ico-forward,
.ico-add-file,
.opt-title-project,
.ico-img,
.ico-pdf,
.ico-ms,
.ico-java,
.ico-lil-next,
.ico-lil-prev,
.popup-new-close,
.opt-title-comments,
.opt-title-users,
.opt-title-msg,
.opt-popup-first-title,
.opt-popup-last-title,
.opt-popup-title-user,
.opt-popup-title-users,
.opt-popup-title-contact,
.opt-popup-title-group,
.opt-popup-title-token,
.opt-popup-title-project,
.opt-popup-title-sharing,
.opt-popup-title-opt,
.opt-popup-title-comments,
.opt-popup-title-msg,
.opt-popup-title-clock,
.opt-popup-title-add-people,
.ico-big-valid,
.img {
  background-image: url(images/icons.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding-left: 26px;
}

/* @end */

/* @group COMMON */

/* C0MM0N */

.wrap {
  margin: 0 auto;
  padding: 0 15px;
  min-width: 900px;
  max-width: 1200px;
  position: relative;
}

.left {
  float: left;
}

.right {
  float: right;
}

.cl, .cr, .cb {
  display: block !important;
  float: none !important;
  height: 0 !important;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.cb {
  clear: both;
}

/* @end */

/* @group BUTTONS */

/* BµTT0NS */
/*
Les boutons font 32px de haut et sont bleus par défaut. Ils ont une classe "btn", et à l'intérieur il y a un "btn-bkg" pour faire l'arrondi de droite.
Les "btn-input" sont pour les formulaires. Au lieu d'être un lien <a>, c'est un <span> avec <input type="submit" /> à l'intérieur.
Les "btn-20" et "btn-16" sont des classes supplémentaires pour les 2 autres hauteurs de bouton.
Les "btn-red" et "btn-grey" sont des classes supplémentaires pour les 2 autres couleurs de bouton.
Tous les boutons utilisent une seule image. Les variations de hauteur et de couleur se font par background-position.
*/
.btn {
  background: url(images/btn.png) no-repeat top left;
  color: #fff;
  display: block;
  float: left;
  font-family: Arial, Verdana, sans-serif;
  font-size: 15px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin-right: 16px;
  padding: 0 10px 0 26px;
  position: relative;
}

.btn-bkg {
  background: url(images/btn.png) no-repeat top right;
  display: block;
  height: 32px;
  position: absolute;
  right: -16px;
  top: 0;
  width: 16px;
}

.btn-input {
  padding: 0 !important;
}

.btn-input input {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 12px;
  font-weight: bold;
  height: 30px;
  line-height: 30px;
  padding: 0 10px 0 26px;
  position: relative;
}

.btn-20,
.btn-20 input {
  background-position: 0 -130px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 10px 0 26px;
}

.btn-20 .btn-bkg {
  background-position: right -130px;
  height: 20px;
}

.btn-red.btn-20,
.btn-red.btn-input {
  background-position: 0 -160px;
}

.btn-red.btn-20 .btn-bkg {
  background-position: right -160px;
}

.btn-grey.btn-20,
.btn-grey.btn-input {
  background-position: 0 -190px;
}

.btn-grey.btn-20 .btn-bkg {
  background-position: right -190px;
}

.btn-options {
  background-position: 0 -300px;
  color: #000;
  font-size: 11px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 16px;
}

.btn-options .btn-bkg {
  background-position: right -300px;
}

.btn-options .img-gears {
  float: left;
  position: relative;
  right: 3px;
  top: 3px;
}

.ext {
  color: #f60;
}

.dark {
  background: url(images/black-20.png) repeat;
  background: hsla(0, 0%, 00%, 0.2);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
}

/* @end */

/* @group CSS3 */

button {
  margin-right: 20px;
  position: relative;
}

.truebtn {
  zoom: 1;
  display: inline;
  vertical-align: baseline;
  float: left;
  margin: 0 2px;
  outline: none;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 14px/100% Arial, Verdana, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  padding: 0.5em 2em 0.55em;
  overflow: visible;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
}

.truebtn:active {
  position: relative;
  top: 1px;
}

.truebtn:disabled {
  cursor: default;
}

.truebtn-medium {
  font-size: 12px;
  padding: .4em 1.5em .42em;
  overflow: visible;
  font-weight: normal;
}

.truebtn-small {
  font-size: 11px;
  padding: .2em 1em .275em;
  overflow: visible;
  font-weight: normal;
}

/* blue */
.truebtn-blue {
  background-color: #336897;
  background: -moz-linear-gradient(top, #4f84b3 0%, #184d7c);
  background: -webkit-gradient(linear, left top, left bottom, from(#4f84b3), to(#184d7c));
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 1px solid #20335f;
  -moz-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.3), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  -webkit-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.3), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.3), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  text-shadow: 0px 1px 0px hsla(0, 0%, 00%, 1);
}

.truebtn-blue:hover {
  border: solid 1px #000;
}

.truebtn-blue:active {
  background: -moz-linear-gradient(top, #336897 0%, #184d7c);
  background: -webkit-gradient(linear, left top, left bottom, from(#336897), to(#184d7c));
  -moz-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.1), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  -webkit-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.1), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.1), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  text-shadow: 0px -1px 0px hsla(0, 0%, 00%, 1);
}

.truebtn:disabled {
  background: -webkit-gradient(linear, left top, left bottom, from(#006494), to(#006494));
  background: -moz-linear-gradient(top, #006494, #006494);
}

/* gray */
.truebtn-gray {
  background-color: #dfdfdf;
  background: -moz-linear-gradient(top, #f4f4f4 0%, #cfcfcf);
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#cfcfcf));
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 1px solid #afafaf;
  -moz-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 1), inset 0px -1px 0px hsla(0, 0%, 100%, 0.5);
  -webkit-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 1), inset 0px -1px 0px hsla(0, 0%, 100%, 0.5);
  box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 1), inset 0px -1px 0px hsla(0, 0%, 100%, 0.5);
  color: #3e3e3e;
  text-shadow: 0px 1px 0px hsla(0, 0%, 100%, 1);
}

.truebtn-gray:hover {
  border: solid 1px #898989;
}

.truebtn-gray:active {
  background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#cfcfcf));
  background: -moz-linear-gradient(top, #e1e1e1, #cfcfcf);
  text-shadow: 0px 1px 0px hsla(0, 0%, 100%, 0.5);
  -moz-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.5);
  -webkit-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.5);
  box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.5);
}

/* darkgray */
.truebtn-darkgray {
  background: -moz-linear-gradient(top, #9e9e9e 0%, #676767);
  background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#676767));
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 1px solid #4a4a4a;
  -moz-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  -webkit-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  color: #fff;
  text-shadow: 0px 1px 0px hsla(0, 0%, 00%, 1);
}

.truebtn-darkgray:hover {
  border: solid 1px #000;
}

.truebtn-darkgray:active {
  background: -moz-linear-gradient(top, #9e9e9e 0%, #676767);
  background: -webkit-gradient(linear, left top, left bottom, from(#9e9e9e), to(#676767));
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 1px solid #4a4a4a;
  -moz-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  -webkit-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.1);
  color: #fff;
  text-shadow: 0px 1px 0px hsla(0, 0%, 00%, 1);
}

span.add-file-txt {
  display: block;
  float: left;
  margin-top: 2px;
}

.unit-download .truebtn-darkgray span.ico-add-file {
  margin-top: -1px;
  padding: 0;
  margin-right: 4px;
}


/* red */
.truebtn-red {
  background-color: #ed5f5f;
  background: -moz-linear-gradient(top, #f59f9f 0%, hsla(0, 81%, 52%, 1));
  background: -webkit-gradient(linear, left top, left bottom, from(#f59f9f), to(hsla(0, 81%, 52%, 1)));
  border-radius: 20px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border: 1px solid #c53500;
  -moz-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.2);
  -webkit-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.2);
  box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.5), inset 0px -1px 0px hsla(0, 0%, 100%, 0.2);
  text-shadow: 0px 1px 0px hsla(0, 0%, 00%, 0.3);
}

.truebtn-red:hover {
  border: solid 1px #e81b1b;
}

.truebtn-red:active {
  background: -moz-linear-gradient(top, hsla(0, 80%, 65%, 1) 0%, hsla(0, 81%, 52%, 1));
  background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 80%, 65%, 1)), to(hsla(0, 81%, 52%, 1)));
  -moz-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.2), inset 0px -1px 0px hsla(0, 0%, 100%, 0.2);
  -webkit-box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.2), inset 0px -1px 0px hsla(0, 0%, 100%, 0.2);
  box-shadow: inset 0px 0px 1px hsla(0, 0%, 100%, 1), inset 0px 1px 0px hsla(0, 0%, 100%, 0.2), inset 0px -1px 0px hsla(0, 0%, 100%, 0.2);
  text-shadow: 0px -1px 0px hsla(0, 0%, 00%, 0.3);
}

.selected-list-http a.select-title-http-del, .project-table-del .img-delete {
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

/* BUTT0NS */
/*
Les boutons font 32px de haut et sont bleus par dÔøΩfaut. Ils ont une classe "btn", et ÔøΩ l'intÔøΩrieur il y a un "btn-bkg" pour faire l'arrondi de droite.
Les "btn-input" sont pour les formulaires. Au lieu d'ÔøΩtre un lien <a>, c'est un <span> avec <input type="submit" /> ÔøΩ l'intÔøΩrieur.
Les "btn-20" et "btn-16" sont des classes supplÔøΩmentaires pour les 2 autres hauteurs de bouton.
Les "btn-red" et "btn-grey" sont des classes supplÔøΩmentaires pour les 2 autres couleurs de bouton.
Tous les boutons utilisent une seule image. Les variations de hauteur et de couleur se font par background-position.
*/
.btn {
  background: url(images/btn.png) no-repeat top left;
  color: #fff;
  display: block;
  float: left;
  font-family: Arial, Verdana, sans-serif;
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  margin-right: 16px;
  padding: 0 10px 0 26px;
  position: relative;
}

.btn:hover {
  text-decoration: none;
}

.btn-bkg {
  background: url(images/btn.png) no-repeat top right;
  display: block;
  height: 32px;
  position: absolute;
  right: -16px;
  top: 0;
  width: 16px;
}

.btn-input {
  padding: 0 !important;
}

.btn-input button {
  background: none;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 15px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  padding: 0 10px 0 26px;
  position: relative;
}

.btn-20,
.btn-20 button {
  background-position: 0 -130px;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  padding: 0 10px 0 26px;
}

.btn-20 .btn-bkg {
  background-position: right -130px;
  height: 20px;
}

.btn-red.btn-20,
.btn-red.btn-input {
  background-position: 0 -160px;
}

.btn-red.btn-20 .btn-bkg {
  background-position: right -160px;
}

.btn-grey.btn-20,
.btn-grey.btn-input {
  background-position: 0 -190px;
}

.btn-grey.btn-20 .btn-bkg {
  background-position: right -190px;
}

.btn-options {
  background-position: 0 -300px;
  color: #000;
  font-size: 11px;
  font-weight: bold;
  height: 26px;
  line-height: 26px;
  padding: 0 0 0 16px;
}

.btn-options .btn-bkg {
  background-position: right -300px;
}

.btn-options .img-gears {
  float: left;
  position: relative;
  right: 3px;
  top: 3px;
}

.ext {
  color: #f60;
  margin-left: 2px;
}

a .ext:hover {
  text-decoration: none;
}

.recipients {
  padding: 5px 0;
  width: 90%;
  max-height: 80px;
  margin-top: 5px;
}

.recipients .img-users {
  height: 17px;
  margin-right: 5px;
}

.recipients .img-warning, .recipients .img-throbber, .recipients .img-users {
  float: left;
}

.recipient {
  background: url(images/recipient-trsp.png) no-repeat top left;
  color: #000;
  float: left;
  font-size: 11px;
  font-weight: normal;
  height: 17px;
  line-height: 17px;
  margin: 0px 15px 5px 0px;
  padding: 0 10px;
  position: relative;
  white-space: nowrap;
}

.recipient-err, .recipient-err .recipient-right, .recipient-warn, .recipient-warn .recipient-right {
  background-image: url(images/recipient-hi-trsp.png);
}

.recipient-err .recipient-name, .recipient-err .ext, .recipient-warn .recipient-name, .recipient-warn .ext {
  color: #CC0000;
}

.recipient-err .recipient-delete, .recipient-warn .recipient-delete {
  background-position: 0 -2055px;
}

.recipient-right {
  background: url(images/recipient-trsp.png) no-repeat top right;
  display: block;
  height: 17px;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
}

.recipient-delete {
  background-position: 0 -1130px;
  height: 17px;
  overflow: hidden;
  padding-left: 0;
  position: absolute;
  right: -10px;
  text-indent: -290486px;
  top: 0;
  width: 16px;
}

.recipient-name .ext {
  text-transform: uppercase;
}

/* DR0P SH4D0WS */
.ds-top {
  background: url(images/ds-top.png) repeat-x top left;
  height: 10px;
  left: 0;
  position: absolute;
  top: -10px;
  width: 100%;
}

.ds-right {
  background: url(images/ds-right.png) repeat-y top left;
  height: 100%;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
}

.ds-bottom {
  background: url(images/ds-bottom.png) repeat-x top left;
  bottom: -10px;
  height: 10px;
  left: 0;
  position: absolute;
  width: 100%;
}

.ds-left {
  background: url(images/ds-left.png) repeat-y top left;
  height: 100%;
  left: -10px;
  position: absolute;
  top: 0;
  width: 10px;
}

.ds-top-left {
  background: url(images/ds-top-left.png) repeat-x top left;
  height: 8px;
  left: -8px;
  position: absolute;
  top: -8px;
  width: 8px;
}

.ds-top-right {
  background: url(images/ds-top-right.png) repeat-x top left;
  height: 8px;
  position: absolute;
  right: -8px;
  top: -8px;
  width: 8px;
}

.ds-bottom-right {
  background: url(images/ds-bottom-right.png) repeat-x top left;
  bottom: -8px;
  height: 8px;
  position: absolute;
  right: -8px;
  width: 8px;
}

.ds-bottom-left {
  background: url(images/ds-bottom-left.png) repeat-x top left;
  bottom: -8px;
  height: 8px;
  left: -8px;
  position: absolute;
  width: 8px;
}

/* @end */
/* @group IMAGE */

/* 1M4G3 */
.img {
  height: 20px;
  padding-left: 0;
  width: 20px;
  vertical-align: middle;
}

.img-download-blue {
  background-position: 0 -140px;
}

.img-download-grey {
  background-position: 0 -160px;
}

.img-update {
  background-position: 0 -120px;
}

.img-ok {
  background-position: 0 -340px;
}

.img-warning {
  background-position: 0 -360px;
}

.img-magnet {
  background-position: 0 -100px;
}

.img-received {
  background-position: 0 -183px;
}

.img-clock {
  background-position: 0 -220px;
}

.img-viewed {
  background-position: 0 -1935px;
}

.img-mail {
  background-position: 0 -1040px;
  height: 17px;
  width: 25px;
}

.img-project {
  background-position: 0 -1060px;
  height: 24px;
  width: 28px;
}

.img-calendar {
  background-position: 0 -1090px;
  height: 16px;
  width: 15px;
}

.img-lock-sign-info {
  background-position: 0 -1320px;
  height: 16px;
  width: 16px;
}

.img-pwdpolicy-info {
  margin-left: 10px;
  background-position: 0 -1320px;
  height: 16px;
  width: 16px;
  cursor: help;
}

.img-signature {
  background-position: 0 -2035px;
  height: 16px;
  width: 16px;
}

.img-users {
  background-position: 0 -20px;
  width: 23px;
}

.img-ext {
  background-position: 0 -1220px;
}

.img-info {
  background-position: 0 -1320px;
  height: 15px;
  width: 15px;
  position: absolute;
  right: 0px;
  top: 12px;
  cursor: help;
}

.img-hint {
  background-position: 0 -1380px;
  height: 10px;
  width: 17px;
  margin-left: 0.2em;
  margin-right: 0.2em;
  cursor: help;
}

.img-gears {
  background-position: 0 -580px;
}

.img-delete {
  background-position: 0 -1560px;
  height: 12px;
  width: 16px;
}

.project-table-del .img-delete {
  opacity: 0.3;
}

.project-table-del .img-delete:hover {
  opacity: 1;
}

.ico-add-people {
  background-position: 0 -1166px;
}

.edit-msg span.ico-add-people {
  background-position: 0 -1160px;
  height: 22px;
  margin: 4px 5px 0px 0px;
  width: 22px;
  display: block;
  float: left;
}

.ico-delete {
  background-position: 0 -1556px;
  height: 12px;
  width: 12px;
}

.ico-forward {
  background-position: 0 -180px;
  height: 12px;
  width: 12px;
}

.edit-msg-delete span.ico-delete {
  display: block;
  float: left;
  height: 16px;
  margin: 5px 5px 0 0;
  width: 16px;
}

.delete-all-files span.ico-delete {
  display: block;
  float: left;
  height: 16px;
  margin: 0 2px 0 0;
  padding: 0;
  width: 16px;
}

.ico-add-file {
  display: block;
  float: left;
  background-position: 0 -1643px;
  height: 20px;
  width: 20px;
  padding: 0;
}

.form-add-file span.ico-add-file {
  margin-top: 0;
}

.ico-clock {
  background-position: 0 -220px;
}

.ico-ms {
  background-position: 0 -1736px;
}

.ico-pdf {
  background-position: 0 -1704px;
}

.ico-img {
  background-position: 0 -1674px;
}

.ico-java {
  background-position: 0 -1768px;
  padding-left: 20px;
  height: 26px;
}

.ico-lil-prev {
  background-position: 0 -1790px;
  height: 10px;
  width: 10px;
  display: block;
  float: left;
  margin: 14px 5px 0 0;
  padding: 0;
}

.ico-lil-next {
  background-position: 0 -1809px;
  height: 10px;
  width: 10px;
  display: block;
  float: right;
  margin: 14px 0 0 5px;
  padding: 0;
}

.suggest-validate-icon {
  position: absolute;
  top: 19px;
  right: 38px;
  cursor: pointer;
  width: 15px;
  height: 16px;
  background-image: url("images/box-add-btn.png");
}

.popup-new .suggest-validate-icon {
  position: absolute;
  top: 45px;
  right: 5px;
  background-image: url("images/box-add-btn2.png");
}

.suggest-small .suggest-validate-icon {
  right: 14px;
}

.popup-new .suggest-validate-icon-single {
  top: 10px;
}

.ico-big-valid {
  background-position: 0px -1903px;
  height: 26px;
  width: 0px;
  display: block;
  float: left;
  position: relative;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 30px;
}

/* @end */
/* @group NOTIF */

/* N0T1F
.notif,
.notif-right { background:url(images/notif.png) no-repeat top left; float:left; height:21px; line-height:19px; }
.notif { background:url(images/notif.png) no-repeat top left; font-size:11px; font-weight:bold; margin-top:5px; padding-left:38px; }
.notif-right { background-position:top right; padding-right:18px; }
	.notif-ok { background-position:0 0; color:#238c13; }
	.notif-warning { background-position:0 -30px; color:#c00; }
	.notif-warning .notif-right { background-position:right -30px; } */

.notif {
  color: #003f8a;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px; /*margin-bottom:10px;*/
  padding: 15px 35px 20px 25px;
}

.notif-overflow-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.notif-ok {
  background: url(images/notif-ok.png) no-repeat 20px 15px;
  border-color: #91c589;
  color: #238c13;
  padding-left: 45px;
}

.notif-error {
  background: url(images/notif-error.png) no-repeat 20px 15px;
  border-color: #e78888;
  color: #c00;
  padding-left: 45px;
}

.notif-warn {
  background: url(images/notif-warn.png) no-repeat 20px 15px;
  border-color: #f1a953;
  color: #cc8631;
  padding-left: 45px;
}

.otc-NotifPanelContainer {
  position: fixed;
  top: 0;
  left: 25%;
  text-align: center;
  width: 50%;
}

.otc-NotifPanel {
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  display: inline-block;
  -moz-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.1), 0 1px 0 0 rgba(0, 0, 0, 0.2);
  background-position: 15px center;
  background-repeat: no-repeat;
  background-color: #FFFFFF;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
  padding: 15px 20px 15px 50px;
  text-align: left;
  word-wrap: break-word;
}

.otc-NotifPanel-success {
  background-image: url(images/big-valid.png);
  color: #4F7A13;
}

.otc-NotifPanel-warn {
  background-image: url(images/big-error.png);
  color: #D03737;
}

.otc-NotifPanel-opti {
  background-image: url(images/big-error.png);
  color: #D03737;
  font-size: 17px;
}

.poptop {
  background: #fff;
  color: #4f7a13;
  font-weight: bold;
  font-size: 11px;
  height: 24px;
  position: absolute;
  margin: 0px -125px 0;
  left: 50%;
  line-height: 24px;
  padding: 10px 20px;
  text-align: center;
  white-space: nowrap;
  width: 250px;
  z-index: 5000;
}

.poptop {
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  -webkit-box-shadow: 0px 0px 0px 3px hsla(0, 0%, 00%, 0.1), 0px 1px 0px 0px hsla(0, 0%, 00%, 0.2);
  -moz-box-shadow: 0px 0px 0px 3px hsla(0, 0%, 00%, 0.1), 0px 1px 0px 0px hsla(0, 0%, 00%, 0.2);
  box-shadow: 0px 0px 0px 3px hsla(0, 0%, 00%, 0.1), 0px 1px 0px 0px hsla(0, 0%, 00%, 0.2);
}

.poptop p {
  height: 24px;
  line-height: 24px;
}

.poptop img {
  margin: 0px 0px 0px 15px;
  width: 26px;
  height: 24px;
  float: left;
}

.list, .popup ul {
  color: #666;
  font-size: 12px;
  font-weight: bold;
  line-height: 16px;
  margin-bottom: 10px;
}

.list li, .popup li {
  background: url(images/list.png) no-repeat 0 6px;
  padding-left: 12px;
}

/* @end */
/* @group HEADER */

/* H34D3R */

.main {
  background: #fff;
  padding-bottom: 40px;
}

.header {
  height: 140px;
  min-width: 930px;
  padding: 0 0px;
  position: relative;
}

.logo {
  display: block;
  left: 10px;
  overflow: hidden;
  position: relative;
  top: 9px;
}

.dash {
  background: url(images/dash.png) no-repeat bottom left;
  padding: 7px 0 10px 15px;
  position: absolute;
  right: 35px;
  top: 0;
}

.dash-right {
  background: url(images/dash.png) no-repeat bottom right;
  bottom: 0;
  display: block;
  height: 400px;
  position: absolute;
  right: -15px;
  width: 15px;
}

.dash-user {
  background-position: 0 0;
  color: #000644;
  float: left;
  font-size: 13px;
  margin-right: 20px;
  padding-top: 2px;
}

.dash-smb {
  background-position: 0 -20px;
  color: #000644;
  float: left;
  font-size: 13px;
  margin-right: 20px;
  padding-top: 2px;
}

.dash-logout {
  background-position: 0 -79px;
  color: #000;
  float: right;
  font-size: 12px;
  padding-left: 22px;
  padding-top: 2px;
}

.nav {
  background: url(images/nav.png) repeat-x bottom left;
  bottom: 0;
  height: 37px;
  left: 0;
  position: absolute;
  width: 100%;
}

.nav-container {
  padding: 0 0px;
}

.tabs li {
  display: inline;
}

.tabs a {
  background: url(images/tabs.png) no-repeat top left;
  color: #1b5b94;
  float: left;
  font-size: 15px;
  font-weight: bold;
  height: 34px;
  line-height: 34px;
  margin-right: 11px;
  padding: 4px 10px 0 10px;
  position: relative;
}

.tabs a:hover {
  background-position: 0 -40px;
  text-decoration: none;
}

.tabs a:hover .tab-right {
  background-position: -590px -40px;
}

.tabs .on {
  background-position: 0 -40px;
  color: #f55d00;
}

.tabs .on .tab-right {
  background-position: -590px -40px;
}

.tab-right {
  background: url(images/tabs.png) no-repeat top right;
  display: block;
  height: 37px;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
}

.tab-icon {
  background-position: 0 -403px;
  float: left;
  height: 15px;
  margin: 8px 8px 0 5px;
  padding-left: 0;
  width: 15px;
}

.tab-archives .tab-icon {
  background-position: 0 -433px;
}

.tab-new .tab-icon {
  background-position: 0 -463px;
}

.tools {
  height: 31px;
  padding-top: 6px;
}

.tools li {
  background: url(images/tools-border.png) no-repeat top right;
  float: right;
  height: 20px;
  padding: 6px 19px 5px 15px;
}

.tools .last {
  background: none;
}

.tools a {
  color: #063761;
  float: left;
  font-size: 12px;
  height: 20px;
  line-height: 20px;
  text-shadow: 0px 1px 0px hsla(0, 0%, 100%, 0.66)
}

.tools .last {
  margin-right: 9px;
}

.tools .on {
  background: #fff;
  border: solid white;
  border-width: 0 0 1px; /*padding:5px 18px 5px 14px;*/
  z-index: 2000;
}

.tool-contacts a {
  background-position: 0 -320px;
}

.tool-projects a {
  background-position: 0 -260px;
}

.tool-coins a {
  background-position: 0 -300px;
}

.tool-settings a {
  background-position: 0 -280px;
}

/* @end */
/* @group FILTERS */

/* F1LT3RS */
.filters {
  background: url(images/filters.png) repeat-x top left;
  height: 52px;
  position: relative;
  border-bottom: solid 1px hsla(0, 0%, 100%, 1);
}

.filter {
  color: #6f8eb1;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 26px;
  height: 26px;
  padding: 16px 10px 10px 10px;
}

.filter-in,
.filter-show,
.filter-regroup,
.filter-message {
  border-right: solid 1px white;
}

.filter-regroup a:first-child {
  margin-right: 15px;
}

.filter-message {
  padding-left: 20px;
  padding-right: 20px;
}

.filter-label {
  float: left;
  height: 26px;
  padding-right: 5px;
}

.filter a.filter-button {
  background: url(images/filter.png) no-repeat 0 -60px;
  color: #000;
  float: left;
  height: 26px;
  line-height: 26px;
  margin-right: 9px;
  padding-left: 9px;
  position: relative;
}

.filter-message a {
  margin-right: 20px;
}

.filter-right {
  background: url(images/filter.png) no-repeat 0 -60px;
  display: block;
  height: 26px;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
}

.filter a.filter-button:hover {
  background-position: 0 -30px;
  text-decoration: none;
}

.filter a.filter-button:hover .filter-right {
  background-position: -190px -30px;
}

.filter a.on {
  background-position: top left;
}

.filter a.on .filter-right {
  background-position: top right;
}

.filter-icon {
  background-position: 0 -100px;
  float: left;
  height: 20px;
  padding-left: 0;
  position: relative;
  right: 2px;
  top: 3px;
  width: 20px;
}

.filter-direct-message .filter-icon {
  background-position: 0 -1040px;
  height: 17px;
  top: 7px;
  width: 25px;
}

.filter-project-message .filter-icon {
  background-position: 0 -1060px;
  height: 24px;
  top: 3px;
  width: 28px;
}

.filter-reset-message .filter-icon {
  background-position: -33px -1060px;
  height: 24px;
  top: 3px;
  width: 28px;
}

.filter-reload, .filter-reloading {
  background: url(images/filter-border.png) no-repeat top right;
  float: left;
  height: 32px;
  padding: 14px 2px 6px;
}

.filter-reloading {
  background: url(images/throbber.gif) no-repeat 10px 22px;
}

.filter-reload a, .filter-reloading a {
  background-position: 0 -1000px;
  float: left;
  display: block;
  height: 32px;
  overflow: hidden;
  padding-left: 0;
  text-indent: -290486px;
  width: 32px;
}

.edit-icon {
  background-position: 0 -1610px;
  height: 26px;
  display: block;
  padding: 0;
  width: 23px;
  float: left;
}

.clock-icon {
  background-position: 0 -220px;
  float: left;
  height: 20px;
  padding-left: 0;
  position: relative;
  right: 2px;
  top: 3px;
  width: 20px;
}

.filter-reloading a {
  background-position: 0 0;
}

.filter-search {
  float: right;
  height: 26px;
  line-height: 26px;
  padding: 18px 10px 10px;
}

.search {
  background: url(images/search.png) no-repeat top left;
  height: 21px;
  line-height: 21px;
  position: relative;
  margin-right: 20px;
  width: 135px;
}

.search-text {
  border: none;
  border-color: transparent;
  color: #797979;
  font-size: 11px;
  margin-left: 22px;
  font-weight: bold;
  width: 115px;
  outline: medium none;
}

.search-icon {
  background: url("images/search-btn.png") no-repeat right top;
  height: 21px;
  position: absolute;
  right: -32px;
  top: 0;
  width: 32px;
  cursor: pointer;
}

.search-submit {
  position: absolute;
  right: 0;
  top: 0;
}

.search-right {
  background: url("images/search.png") no-repeat right top;
  height: 21px;
  position: absolute;
  right: -15px;
  top: 0;
  width: 15px;
}

.search-help {
  font-weight: normal !important;
  color: #BBBBBB !important;
}

.search-zoom {
  background: url("images/search-zoom.png") no-repeat scroll 0 0 transparent;
  height: 15px;
  width: 15px;
  left: 5px;
  position: absolute;
  top: 3px;
}


/* @end */
/* @group FILES */

/* F1L3S */


.files {
  padding-top: 0px;
  position: relative;
}

.file {
  background: #fff url(images/file-background.png) repeat-x top left;
  border-bottom: 1px solid #fff;
  border-top: 1px solid #d8e8f3;
  cursor: pointer;
  clear: both;
  height: 66px;
  padding: 0 450px 0 70px;
  position: relative;
}

.file:hover {
  background: #edf4f7 !important;
}

.files .assigned:hover {
  background: #f7efd8 !important;
}

.file .img {
  vertical-align: bottom;
}

.file-label {
  color: #797979;
  font-size: 10px;
}

.file-crypted {
  background-position: 0 -500px;
  height: 30px;
  left: 0;
  padding-left: 0;
  position: absolute;
  text-indent: -290486px;
  top: 0;
  width: 30px;
}

.file-signed {
  background-position: 0 -1966px;
  height: 30px;
  left: 39px;
  padding-left: 0;
  position: absolute;
  text-indent: -290486px;
  bottom: 0;
  width: 30px;
}

.file-source {
  background-position: 0 -602px; /* 602px car (70-66) /2 */
  border-right: 1px solid #fff;
  height: 66px;
  left: 0;
  padding-left: 0;
  position: absolute;
  text-indent: -290486px;
  top: 0;
  width: 69px;
}

.file-content {
  height: 53px;
  padding: 13px 20px 0;
}

.file-name {
  color: #000;
  font-size: 15px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.file-number {
  font-size: 13px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.file-number a {
  color: #00588f;
}

.file-number .img {
  vertical-align: bottom;
}

.file-number-status {
  font-size: 11px;
}

.file-info {
  background: url(images/file-border.png) no-repeat center left;
  color: #848c92;
  font-weight: bold;
  height: 53px;
  padding: 13px 0 0 20px;
  position: absolute;
  right: 190px;
  top: 0;
  width: 240px;
  overflow: hidden;
}

.file-user, .file-project {
  height: 20px;
  line-height: 20px;
  overflow: hidden;
  color: #424242;
  margin-top: 10px;
}

.file-user {
  background-position: 0px 0px;
  height: 20px;
  line-height: 20px;
  margin-top: 10px;
}

.file-project {
  background-position: 0 -240px;
  height: 20px;
  line-height: 20px;
}

.file-info p.file-project {
  background-position: 2px -240px;
}

.file-date {
  border-left: 1px solid #fff;
  color: #797979;
  font-size: 12px;
  font-weight: bold;
  height: 53px;
  padding: 13px 0 0 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 169px;
}

.file-start, .detail-start {
  background-position: 0 -180px;
  height: 20px;
  line-height: 20px;
}

.file-end {
  background-position: 0 -220px;
  height: 20px;
  line-height: 20px;
}

.file-end .file-day {
  color: #424242;
  text-shadow: 0px 1px 0px hsla(0, 0%, 100%, 1);
}

.edit-msg, .search-option {
  position: relative;
  border-top: 1px solid hsla(0, 0%, 80%, 1);
  padding-left: 10px;
}

.edit-msg span {
  margin: 0;
  padding: 0;
}

.edit-msg p, .edit-msg a, .search-option .date-sel {
  height: 30px;
  line-height: 30px;
  color: #333;
  display: block;
  float: left;
  font-size: 11px;
  color: #333;
  margin-right: 15px;
}

.edit-msg a {
  float: none;
  display: inline-block;
}

.edit-msg p a {
  margin: 0;
}

.edit-msg-add, .edit-msg-delete {
  text-decoration: none;
  margin-right: 15px;
}

.edit {
  cursor: pointer;
  padding-left: 100px;
}

.edit .file-source, .edit .file-crypted {
  left: 30px;
}

.edit .file-signed {
  left: 69px;
}

.file-edit {
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
  width: 30px;
  height: 66px;
}

.file-edit input {
  margin: 26px auto;
}

.file-source input {
  float: left;
  margin: 27px 28px;
}

.assigned {
  text-shadow: 0px 1px 0px hsla(0, 0%, 100%, 0.3);
}

/* Assigné à un projet/Non assigné */
.files .assigned {
  background: #fff6df !important;
  border-top-color: #ead9af;
}

.assigned .file-user {
  margin-top: 0;
}

/* Sélectionné pour édition */
.files .file-selected, .files .file-selected:hover {
  background: #dcebf6 !important;
}

/* Reçu/Envoyé */
.sent .file-source, .sent .detail-source {
  background-position: 0 -702px;
}

.sent .file-start, .sent .detail-start {
  background-position: 0 -200px;
}

.sent.assigned .file-source, .sent.assigned .detail-source {
  background-position: 0 -802px;
}

.received.assigned .file-source, .received.assigned .detail-source {
  background-position: 0 -902px;
}

/* Rien téléchargé/Partiellement téléchargé/Tout téléchargé */
.some-downloaded .file-number {
  font-weight: normal;
}

.all-downloaded .file-number {
  font-weight: normal;
}

.all-downloaded .file-number-status {
  color: #6dbb59;
  font-weight: bold;
}

/* Un seul utilisateur/Plusieurs utilisateurs */
.multi-user .file-user {
  background-position: 0 -20px;
}

/* Bientôt expiré */
.warn-expired .file-end .file-day, .warn-expired .detail-expire {
  background: #fba800;
}

.soon-expired .file-end .file-day, .soon-expired .detail-expire {
  background: #db1f1f;
}

.warn-expired .file-end .file-day {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #fff;
  padding: 1px 2px;
}

.soon-expired .file-end .file-day {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #fff;
  padding: 1px 2px;
}

.warn-expired .detail-expire, .soon-expired .detail-expire {
  color: #fff;
  text-shadow: 0px 1px 0px hsla(0, 0%, 00%, 0.2);
}

.warn-expired .detail-expire strong, .soon-expired .detail-expire strong {
  color: #fff;
  text-shadow: 0px 1px 0px hsla(0, 0%, 00%, 0.2);
}

/* Lu/Non lu */
.read .file-crypted {
  background-position: 0 -540px;
}

.read .file-signed {
  background-position: 0 -2000px;
}

.read .file-name {
  color: #848c92;
}

.read .file-number {
  font-weight: normal;
}

.read .file-number a {
  color: #424242;
}

.read .file-number a.disabled, .file-number a.disabled {
  color: #888;
  text-decoration: none;
}

.read .file-user {
  background-position: 0 0;
  font-weight: normal;
}

.read.multi-user .file-user {
  background-position: 0 -20px;
  font-weight: normal;
}

.read .file-user a {
  color: #424242;
}

.read .file-project {
  font-weight: normal;
}

.read .file-project a {
  color: #424242;
}

.read .file-project a.disabled {
  color: #888;
}

/* @end */
/* @group DETAIL */

/* D3T41L */
.detail-nav {
  background: url(images/filters.png) repeat-x top left;
  border-bottom: 1px solid #fff;
  height: 40px;
  padding-top: 12px;
  position: relative;
}

.detail-nav a {
  background: url(images/filter-border.png) no-repeat top right;
  color: #036;
  float: left;
  font-size: 11px;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
}

.detail-nav a.disabled {
  color: #AAAAAA;
  cursor: default;
  text-decoration: none;
}

.detail-nav a.disabled .ico-forward {
  background-position: 0 -975px;
}

.detail-nav .detail-nav-next,
.detail-nav .detail-nav-prev {
  background-position: top left;
  float: right;
}

.detail-nav span.ico-add-people, .detail-nav span.ico-add-file, .detail-nav span.ico-clock, .detail-nav span.ico-delete, .detail-nav span.ico-forward {
  height: 20px;
  width: 20px;
  padding: 0px 0px 0px 0px;
  margin: 9px 3px 0px 0px;
  display: block;
  float: left;
  position: relative;
}

.detail-nav span.ico-add-people {
  background-position: -37px -1190px;
  width: 25px;
}

a.detail-nav-action {
  background: none;
  padding-right: 0;
}

.detail {
  background: #fff url(images/gradient-grey-white-big.gif) repeat-x top left;
  border-top: 1px solid hsla(0, 0%, 90%, 1);;
  min-height: 200px;
  position: relative;
}

.detail-crypted {
  background-position: 0 -540px;
  height: 30px;
  left: 0;
  padding-left: 0;
  position: absolute;
  text-indent: -290486px;
  top: 0;
  width: 30px;
}

.detail-signed {
  background-position: 0 -2000px;
  height: 30px;
  left: 39px;
  padding-left: 0;
  position: absolute;
  text-indent: -290486px;
  top: 36px;
  width: 30px;
}

.detail-source {
  background-position: 0 -602px; /* 602px car (70-66) /2 */
  border-right: 1px solid #fff;
  height: 66px;
  left: 0;
  padding-left: 0;
  position: absolute;
  text-indent: -290486px;
  top: 0;
  width: 69px;
}

.detail-actions {
  float: right;
  margin-top: 10px;
}

.detail-action {
  color: #666;
  float: right;
  font-size: 10px;
  font-weight: bold;
  line-height: 26px;
  margin: 0 10px 0 0px;
}

.detail-action a {
  color: #666;
}

.detail-action a:hover {
  text-decoration: none;
}

.detail-action strong {
  color: #333;
  font-size: 12px;
}

.detail-action .img-clock {
  float: left;
  margin: 3px 0;
  height: 20px;
  width: 20px;
  display: block;
  position: relative;
  right: -25px;
}

.detail-action .img-viewed {
  float: left;
  margin: 5px 5px 0 0;
}

.detail-action .img-received {
  float: left;
  margin: 5px 5px 0 0;
}

.detail-info {
  margin-left: 70px;
}

.detail-intro {
  font-weight: bold;
  padding: 15px 20px 10px 20px;
}

.detail-intro .img {
  vertical-align: bottom;
}

.detail-name {
  color: #f55d00;
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  margin-bottom: 10px;
  word-wrap: break-word;
}

.detail-label {
  color: #797979;
  font-size: 10px;
}

.detail-user {
  background-position: 0 0;
  width: 25px;
  height: 20px;
  line-height: 20px;
}

.detail-project {
  background-position: 0 -240px;
  width: 25px;
  height: 20px;
  line-height: 20px;
}

.detail-recipients {
  background-position: 0 -20px;
  width: 25px;
  height: 20px;
  line-height: 20px;
}

.detail-recipients a {
  font-size: 11px;
}

.detail-recipients .ext {
  text-transform: none;
}

.detail-recipients .more {
  color: #666;
}

.detail-recipients-text {
  color: #00588f;
}

.detail-cols {
  margin-top: 10px;
}

.detail-col {
  float: left;
  width: 100%;
  border-top: 1px solid #D1E2EF;
  border-bottom: 1px solid #D1E2EF;
}

.detail-views {
  line-height: 16px;
  padding-bottom: 20px;
  margin-top: 10px;
}

.detail-views .img {
  vertical-align: bottom;
}

.detail-views .toggle {
  background-image: url(images/toggle_plus.png);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 5px 0 5px 30px;
}

.detail-views .toggle-expanded {
  background-image: url(images/toggle_minus.png);
}

.detail-views a {
  color: #036;
  font-size: 11px;
  font-weight: bold;
}

.detail-expire {
  padding: 7px 10px 7px 30px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

/* UNITS = la liste des fichiers à télécharger dans la page détail*/
.units {
}

.unit {
  padding: 10px 10px 15px 80px;
  position: relative;
  width: 23%;
  float: left;
}

.unit-type {
  background: url(images/docs.png) no-repeat;
  background-position: 0px 0px;
  height: 65px;
  left: 6px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  text-indent: -290486px;
  top: 14px;
  width: 65px;
}

.doc-txt .unit-type {
  background-position: -269px -275px;
}

.doc-doc .unit-type {
  background-position: 0 0;
}

.doc-xls .unit-type {
  background-position: -89px 0;
}

.doc-ppt .unit-type {
  background-position: -179px 0px;
}

.doc-pdf .unit-type {
  background-position: -269px 0px;
}

.doc-jpg .unit-type {
  background-position: 0px -95px;
}

.doc-eps .unit-type {
  background-position: -89px -95px;
}

.doc-psd .unit-type {
  background-position: -179px -95px;
}

.doc-png .unit-type {
  background-position: -269px -95px;
}

.doc-zip .unit-type {
  background-position: 0px -185px;
}

.doc-css .unit-type {
  background-position: -89px -185px;
}

.doc-html .unit-type {
  background-position: -179px -185px;
}

.doc-mp3 .unit-type {
  background-position: -269px -185px;
}

.doc-avi .unit-type {
  background-position: 0px -275px;
}

.doc-wav .unit-type {
  background-position: -89px -275px;
}

.doc-dll .unit-type {
  background-position: -179px -275px;
}

.doc-default .unit-type {
  background-position: -0px -365px;
}


.unit-name {
  color: #063;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

.unit-size {
  line-height: 20px;
  border-right: 1px solid #d1e2ef;
}

.unit-size-label {
  color: #666;
  font-size: 11px;
  font-weight: bold;
  margin-right: 3px;
}

.unit-digest {
  color: #666;
  font-size: 9px;
  opacity: 0.6;
}

.unit-digest:hover {
  opacity: 1;
}

.unit-size-last {
  border-right: none;
}

.unit-description {
  color: #000;
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
}

.unit-download {
  border-top: 1px solid #d1e2ef;
  color: #999;
  font-size: 11px;
  font-weight: bold;
  height: 40px;
  line-height: 30px;
  padding: 20px 0 10px 0;
}

.unit-download .warn {
  color: #FBA400;
  font-size: 13px;
}

.unit-download .btn {
  margin-right: 20px;
  text-shadow: 0px 1px 0px #000;
}

.unit-download-label {
  margin-left: 10px;
}

/* @end */
/* @group MESSAGE */

/* M3SS4G3 */
.message {
  border-top: 1px solid #d1e2ef;
  color: #333;
  font-size: 11px;
  font-weight: normal;
  line-height: 16px;
  padding: 16px 0px;
}

.message p {
  padding-top: 0px;
}

.message pre {
  font-family: Arial, Verdana, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/* @end */

/* @group HISTORY */

/* H1ST0R¥ */
.history table {
  width: 100%;
  font-size: 11px;
  color: #5a758a;
  font-weight: bold;
}

.history th,
.history td {
  border: 1px solid #ccc;
  font-size: 11px;
  font-weight: bold;
  padding: 2px 10px;
}

.history tr {
  height: 25px;
  background: #ebf4fb;
  padding-left: 10px;
  border: 1px solid #d1e2ef;
}

.history tr.table-title {
  background: #f1f1f1;
  border: 1px solid #cfcfcf;
}

.history tr.table-spacer {
  height: 5px;
}

.history th {
  color: #666;
  padding-left: 10px;
  text-align: center;
}

.history .history-user {
  font-weight: bold;
  padding-left: 10px;
}

.history .history-date {
  text-align: center;
  border-left-width: 0;
}

.history .history-download-status {
  padding-right: 0;
  text-align: center;
  width: 16px;
  border-right-width: 0;
}

.history .history-download {
  border-left-width: 0;
  border-right-width: 0;
  padding-right: 0;
  width: 270px;
  text-align: center;
}

.history .history-download-loop {
  border-left-width: 0;
  padding-right: 5px;
  width: 15px;
}

.history .all-downloaded {
  color: #693;
}

.history .img {
  vertical-align: bottom;
}

.history .table-title-first {
  text-align: left;
}

.history .history-date-status {
  text-align: center;
  width: 20px;
  border-right: none;
}

/*.history-help { border:2px solid #E3D1A2; clear:left; color:#6F8EB1; font-size:18px; font-style:italic; font-weight:bold; margin:30px auto; padding:20px; text-align:center; width:700px; }
*/
.content-help {
  background: #fafdfe;
  border: 2px solid #d1e2ef;
  margin: 50px auto 200px auto;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #369;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 20px 30px;
  width: 700px;
}

.page {
  font-size: 15px;
  font-weight: bold;
  margin-left: 40px;
  margin-top: 10px;
}

.page .prev-page {
  margin-right: 10px;
}

.page .next-page {
}

/* @end */

/* @group BRACKET */

/* BR4CK3T */
.bracket,
.bracket-top,
.bracket-middle,
.bracket-bottom {
  background: url(images/bracket.png);
}

.bracket {
  background-position: top left;
  background-repeat: repeat-y;
  height: 67px;
  left: -15px;
  margin: 10px 0;
  position: absolute;
  top: -1px;
  width: 15px;
}

.bracket-top,
.bracket-middle,
.bracket-bottom {
  height: 10px;
  position: absolute;
  right: 0;
  width: 15px;
}

.bracket-top {
  background-position: -20px 0;
  top: -10px;
}

.bracket-middle {
  background-position: -20px -20px;
  height: 20px;
}

.bracket-bottom {
  background-position: -20px -50px;
  bottom: -10px;
}

/* Pour calculer:68*x - 21 */
/* Exemple pour 3:68*3 - 21 = 183 */
.bracket-2 {
  height: 115px;
}

.bracket-2 .bracket-middle {
  top: 58px;
}

.bracket-3 {
  height: 183px;
}

.bracket-3 .bracket-middle {
  top: 94px;
}

/* @end */
/* @group FORM */

/* F0RM */
.form {
  background: #fff url(images/gradient-grey-white.gif) repeat-x top left;
  border-top: 1px solid hsla(0, 0%, 80%, 1);
  color: #333;
  font-size: 12px;
  font-weight: bold;
  padding: 10px 0;
}

.form-upload-token {
  background: none;
  border-top: none;
}

.form-line {
  border-bottom: 1px solid #d1e2ef;
  padding: 10px 0 10px 180px;
  position: relative;
}

.form-submit {
  padding: 10px 0 10px 180px;
  position: relative;
}

.form-label {
  color: #666;
  float: left;
  font-size: 13px;
  font-weight: bold;
  margin-left: -180px;
  padding: 0 0 0 20px;
  width: 160px;
}

.form-label .img-info {
  position: static;
}

.form-label-round {
  padding-top: 7px;
}

.form-field {
  min-width: 660px;
}

.form-field-small {
  color: #666;
  font-size: 11px;
}

.form-text, .suggest-input {
  border: 2px solid #7d9bb3;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  height: 18px;
  padding: 5px;
}

.form-text.error {
  border-color: #c00;
}

.form-field-small .form-text {
  width: 30%;
}

.form-field .form-text, .form-field .form-area {
  width: 96%;
}

.suggest-large {
  border: 2px solid #7d9bb3;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  height: 22px;
  margin-bottom: 10px;
  outline: medium none;
  padding: 3px 40px 3px 15px;
  min-width: 640px;
  margin-right: 23px;
}

.suggest-input-large {
  height: 18px;
  min-width: 620px;
  border: none;
  padding: 0;
  width: 100%;
  line-height: 18px;
  background-color: transparent;
  outline: medium none;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
}

.popup-new .suggest-input {
  border-color: #e2e2e2;
  background: #F2F2F2;
  height: 10px;
  width: 532px;
  outline: medium none;
  background: -moz-linear-gradient(top, #F2F2F2 0%, #FFFFFF 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F2F2F2), color-stop(100%, #FFFFFF));
  -webkit-box-shadow: inset 3px 0px 0px #ffffff, inset -3px 0px 0px #ffffff, inset 0px 3px 0px #ffffff, inset 0px -3px 0px #ffffff;
  -moz-box-shadow: inset 3px 0px 0px #ffffff, inset -3px 0px 0px #ffffff, inset 0px 3px 0px #ffffff, inset 0px -3px 0px #ffffff;
  box-shadow: inset 3px 0px 0px #ffffff, inset -3px 0px 0px #ffffff, inset 0px 3px 0px #ffffff, inset 0px -3px 0px #ffffff;
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
}

.popup-new .form-text, .popup-new .suggest-input {
  height: 16px;
  width: 425px;
  padding: 7px 30px 7px 10px;
}

.popup-new .suggest-input-small {
  width: 335px;
}


.form-area {
  border: 2px solid #7d9bb3;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  height: 20px;
  height: 110px;
  padding: 5px;
  min-width: 660px;
  resize: vertical;
}

.form-help {
  background: #fafdfe;
  border: 1px solid #d1e2ef;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #369;
  float: right;
  font-size: 11px;
  font-weight: bold; /*height:100px;*/
  line-height: 12px;
  width: 380px;
  text-align: justify;
  position: relative;
  right: 25px;
}

.form-help-left {
  float: left;
  width: 100px; /*height:100px;*/
  text-align: center;
}

.form-help-left ul {
}

.form-help-left li {
  display: block;
  margin: 10px 0 5px;
  line-height: 30px;
}

.form-help-left li a {
  background: url(images/form-help-unselected.png) no-repeat center;
  display: block;
  height: 30px;
  width: 67px;
  margin: 0 auto;
}

.form-help-left li a.select {
  background: url(images/form-help-selected.png) no-repeat center;
}

.form-help-left li a:hover {
  text-decoration: none;
}

.applet-http, .applet-java {
  position: relative;
}

.form-help-arrow {
  background: url(images/form-help-arrow.png) no-repeat;
  height: 10px;
  width: 5px;
  position: absolute;
  right: 0px;
  top: 10px;
}


.form-help-right {
  float: right;
  width: 249px; /*height:60px;*/
  padding: 15px;
  border-left: 1px solid #d1e2ef;
}

.form-help-right h3 {
  margin-bottom: 10px;
  font-size: 14px;
  color: #2c485e;
  line-height: 15px;
}

.form-help-right p {
  margin-top: 0px;
}

.form-help-right a {
  text-decoration: underline;
}

.form-help a,
.form-help strong {
  color: #194470;
}

.form-checkbox {
  color: #666;
  font-size: 13px;
}

.form-checkbox input {
  margin-right: 5px;
}

.form-checkbox img {
  cursor: help;
}

.form-error {
  color: #c00;
  float: right;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  margin-left: 5px;
  width: 160px;
}

.form-info {
  color: #8ba7bc;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
  margin-left: 20px;
  padding-top: 5px;
  display: block;
  float: left; /*width:500px;*/
}

.form-info strong {
  color: #4e7796;
}

.form-add-file, .form-zip {
  margin-top: 5px;
}

.form-add-file a, .form-add-file span, .form-zip span, .form-create-archive span {
  color: #115080;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  display: block;
  float: left;
}

.form-add-file-disabled {
  opacity: 0.7;
  cursor: default;
}

.form-add-file-disabled:hover {
  text-decoration: none;
}

.form-zip span {
  margin-top: 6px;
  margin-right: 20px;
}

.form-add-file a {
  margin-right: 2px;
}

.form-add-file .delete-all-files {
  margin-left: 10px;
}

.form-create-archive {
  margin-top: 5px;
}

.form-create-archive input {
  margin-right: 3px;
}

.form-zip input {
  margin-right: 2px;
}

.form-filter {
  margin-top: 12px;
}

.form-days {
  float: left;
}

.form-expire {
  color: #72797f;
  display: block;
  font-size: 10px; /*line-height:16px; height:16px; TODO*/
  margin-left: 110px; /*padding-top:3px; TODO*/
}

.form-expire strong {
  color: #333;
  font-size: 12px;
}

.form-expire .img {
  margin-left: 5px;
  vertical-align: text-bottom;
}

.form-encrypt {
  float: left;
  margin-right: 40px;
}

.form-security {
  float: left;
}

.form-security .form-label {
  margin-left: 0;
  margin-right: 20px;
  padding-top: 6px;
  width: 150px;
}

.form-security .form-text {
  width: 220px;
}

.form-security-confirm {
  margin-top: 5px;
}

.form-date, .form-expire {
  color: #72797f;
  float: left;
  font-size: 10px;
  margin-left: 10px;
}

.form-date strong, .form-expire strong {
  color: #333;
  font-size: 12px;
}

.form-date .img {
  vertical-align: text-bottom;
  margin-left: 5px;
}

.form-listbox {
  margin-right: 0.2em;
}

.form-signature {
  float: left;
  margin-right: 5px;
}

.form-signature-info, .form-filter-info {
  color: #4E7796;
  font-size: 11px;
  font-weight: bold;
  float: left;
}

.form-signature-info a, .form-filter-info a {
  color: #8BA7BC;
  cursor: help;
}

.form-signature-info a:hover, .form-filter-info a:hover {
  text-decoration: none;
}

.form-filter-info {
  line-height: 15px;
  width: 300px;
}

/* @end */
/* @group BOX */

/* B0X */
.box {
  background: #fff;
  padding: 0;
  position: absolute;
  right: 9px;
  top: 0px;
  width: 450px;
  -webkit-border-radius: 3px 0 3px 3px;
  -moz-border-radius: 3px 0 3px 3px;
  border-radius: 3px 0 3px 3px;
  -webkit-box-shadow: 0px 4px 8px hsla(0, 0%, 0%, 0.1), 0px 1px 1px hsla(0, 0%, 0%, 0.3);
  -moz-box-shadow: 0px 4px 8px hsla(0, 0%, 0%, 0.1), 0px 1px 1px hsla(0, 0%, 0%, 0.3);
  box-shadow: 0px 4px 8px hsla(0, 0%, 0%, 0.1), 0px 1px 1px hsla(0, 0%, 0%, 0.3);
}

.box-edit {
  background: #fff;
  border: solid #e3d1a2;
  border: 1px solid #e2d1a4;
  margin: 0 0 0 0px;
  padding: 20px;
  position: relative;
  width: 420px;
  z-index: 2000;
}

.box-contact, .box-chip, .box-project {
  width: 640px;
}

.box-close {
  background-position: 0 -380px;
  height: 19px;
  overflow: hidden;
  padding-left: 0;
  position: absolute;
  right: 5px;
  text-indent: -290486px;
  top: 5px;
  width: 19px;
}

.box-close:active {
  position: absolute;
  top: 6px;
}

.box-title {
  border-bottom: 1px solid #d1e2ef;
  color: #f90;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
  padding-bottom: 10px;
}

.box-line {
  padding: 5px 0;
}

.box-label {
  display: block;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  line-height: 14px;
}

.box-line-small .box-label {
  float: left;
  line-height: 20px;
  margin: 0 5px 0 0;
}

.box-text {
  border: 2px solid #d1e2ef;
  padding: 3px;
  width: 300px;
}

.box-value {
  font-weight: bold;
}

.box-text-big {
  font-size: 14px;
  font-weight: bold;
}

.box-text-align {
  float: left;
}

.box-area {
  border: 2px solid #d1e2ef;
  color: #333;
  height: 70px;
  line-height: 12px;
  padding: 8px;
  width: 440px;
}

.box-submit {
  padding-top: 20px;
}

.box-submit .btn-red {
  float: right;
}

.box-submit .btn-blue {
  margin-left: 40px;
}

.box-help {
  background: #fafdfe;
  border: 1px solid #d1e2ef;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  color: #369;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  margin: 5px 0;
  padding: 10px 20px;
}

.box-help a,
.box-help strong {
  color: #194470;
}

.box-actions {
  padding-bottom: 5px;
}

.box-contact .box-actions, .box-chip .box-actions, .box-project .box-actions {
  background-position: 0 -6px;
  margin: 0;
  padding-right: 20px;
  padding-top: 18px;
}

.box-actions a {
  color: #666;
  float: left;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  padding-left: 35px;
}

.box-actions a.box-new-contact {
  background-position: -32px -1160px;
}

.box-actions a.box-new-group {
  background-position: -32px -1190px;
  float: right;
  padding-left: 40px;
}

.box-actions a.box-new-chip {
  background-position: 0 -1250px;
}

.box-actions a.box-new-project {
  background-position: 0 -1283px;
}

.box-remaining {
  color: #000;
  font-size: 10px;
  font-weight: bold;
  height: 20px;
  line-height: 20px;
  margin-left: 5px;
}

.box-search {
  border-bottom: 1px solid #d1e2ef;
  padding: 7px 0;
  position: relative;
}

/* 	.box-contact .box-search, .box-chip .box-search, .box-project .box-search { margin:5px 20px 0; } */
.box-search-text {
  border-width: 0;
  color: #797979;
  font-weight: bold;
  font-size: 11px;
  position: relative;
  width: 100%;
}

.box-search-submit {
  position: absolute;
  right: 0;
  top: 7px;
}

.box-search-round-bg {
  border-radius: 100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border: 2px solid #E2E2E2;
  height: 22px;
  outline: none;
  padding: 0 10px 0 22px;
  position: relative;
  vertical-align: middle;
}

.box-throbber {
  position: absolute;
  right: 0;
  top: 3px;
}

/* @end */
/* @group ITEMS */

/* 1T3MS */
.items {
  height: 465px;
  overflow-x: hidden;
  overflow-y: scroll;
  padding: 0 40px 0 20px;
}

.items-tooltip {
  height: 150px;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #E3D1A2;
}

.item {
  border-bottom: 1px solid #e7e7ec;
  color: #666666;
  font-size: 11px;
  font-weight: bold;
  padding: 10px 0;
  position: relative;
}

.items-contact .item {
  padding-left: 25px;
}

.items-noscroll {
  overflow-y: hidden;
  padding-right: 20px;
}

.items .content-help {
  margin: 30px 0 0;
  width: auto;
}

.item-expand {
  background-position: -3px -143px;
  height: 15px;
  overflow: hidden;
  padding-left: 0;
  position: absolute;
  right: 0;
  text-indent: -290486px;
  top: 10px;
  width: 15px;
}

.item-icon {
  left: 0;
  position: absolute;
  top: 10px;
}

.item-identity {
  line-height: 20px;
}

.item-name {
  color: #000;
  float: left;
  font-size: 13px;
}

.item-email {
  border-left: 1px solid #b6b6b6;
  float: left;
  margin-left: 10px;
  padding-left: 10px;
}

.item-tags {
  color: #999;
  font-size: 10px;
  line-height: 12px;
}

.item-tags {
  color: #333;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  padding: 5px 0 0 0;
}

.item-tags a {
  color: #61605f;
}

.item-recipient {
  line-height: 20px;
}

.item-to {
  float: left;
}

.item-to strong {
  font-weight: bold;
}

.item-expire {
  border-left: 1px solid #b6b6b6;
  color: #666;
  float: left;
  font-size: 10px;
  margin-left: 10px;
  padding-left: 10px;
}

.item-expire strong {
  color: #333;
  font-size: 12px;
}

.item-expire .item-warn {
  color: #C49C26;
}

.item-users {
  color: #333;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  padding: 8px 0 0 25px;
  position: relative;
}

.item-extra-info {
  color: #848C92;
  font-size: 11px;
  font-weight: normal;
  line-height: 12px;
  font-style: italic;
  margin-left: 2px;
}

.item-disabled {
  color: #666666
}

.item-users .img {
  left: 0;
  position: absolute;
  top: 5px;
}

.item-title {
  color: #000;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  overflow: hidden;
  width: 515px;
}

.item-security {
  color: #f39505;
  font-size: 11px;
  font-weight: bold;
  line-height: 16px;
}

/* @end */
/* @group RESULTS */

/* R3SµLTS = les suggestions de recherche */
.suggest-popup {
  background: #fff;
  border: 1px solid #E2E2E2;
  left: 11px;
  padding: 1px;
  position: absolute;
  top: -1px;
  width: 92%;
  z-index: 2200;
  overflow-x: hidden;
  overflow-y: auto;
}

.suggest-popup-large {
  border-color: #7D9BB3;
  left: 3px;
  top: 6px;
}

.suggest-popup li {
  display: block;
  overflow: hidden;
}

.suggest-popup a {
  color: #333;
  display: block;
  font-size: 12px;
  height: 22px;
  line-height: 22px;
  padding: 0 10px;
}

/*.results a:hover { background:#eae8e8 url(images/results-hover.png) repeat-x top left; color:#000; text-decoration:none; } */

/* @end */
/* @group MENU */

/* M3Nµ = le menu qui s'affiche au survol de la flèche bleue */
.menu {
  background: #fff url(images/menu.png) repeat-x bottom left;
  border: 1px solid #85a6d0; /* -moz-box-shadow:0 0 20px #aaa; */
  display: block;
  padding: 18px 0 12px;
  position: relative;
  top: 16px;
  right: -5px;
  z-index: 2400;
  min-width: 70px;
}

.item:hover .menu {
  display: block;
}

.menu-arrow {
  background: url(images/menu-arrow.png) no-repeat top left;
  height: 39px;
  position: absolute;
  top: -22px;
  right: -1px;
  width: 63px;
  z-index: 2600;
}

.menu li {
  display: block;
}

.menu a {
  color: #333;
  display: block;
  font-size: 11px;
  font-weight: bold;
  padding: 1px 15px;
}

.menu a:hover {
  background: #eae8e8 url(images/results-hover.png) repeat-x top left;
  color: #000;
  text-decoration: none;
}

.menu a.disabled {
  color: #888;
}

.menu a.disabled:hover {
  background: transparent;
}

/* @end */

/* @group OPTIONS */

.opt-bloc-last {
  margin: 0;
}

.opt-title {
  background: url(images/popin-title-bgrptx.png) repeat-x;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  height: 40px;
  line-height: 16px;
  margin: 3px 0px 0px 0px;
  overflow: hidden;
  padding: 25px 0px 0px 20px;
}

.opt-first-title {
  height: 38px;
  background-position: left bottom;
  padding: 18px 0px 0px 20px;
}

.opt-last-title {
  height: 34px;
  background-position: top bottom;
  padding: 25px 0px 0px 20px;
}

.opt-title-user {
  background-position: 0 -2px;
  height: 16px;
  display: block;
}

.opt-title-users {
  background-position: 0 -22px;
  height: 16px;
  display: block;
}

.opt-title-project {
  background-position: 0 -243px;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  padding: 0;
  margin-right: 10px;
}

.opt-title-sharing {
  background-position: 0 -1349px;
  height: 16px;
  display: block;
}

.opt-title-opt {
  background-position: 0 -1589px;
  height: 16px;
  display: block;
}

.opt-title-comments {
  background-position: 4px -1853px;
  height: 16px;
  display: block;
}

.opt-title-msg {
  background-position: 0 -1875px;
  height: 16px;
  display: block;
}

.opt-line {
  border-bottom: 1px solid #e7e7ec;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  line-height: 24px;
  margin: 0px 20px;
  padding: 5px 0px;
  position: relative;
}

.opt-line-last {
  border-bottom-width: 0;
}

.opt-line-pwd .opt-field {
  margin-top: 0.3em
}

.opt-line-solo {
  line-height: 24px;
}

.opt-line-solo img {
  vertical-align: text-bottom;
}

.popup-new .opt-line span {
  display: block;
  float: left;
  margin: 0;
  margin-top: 5px;
}

.opt-line-error {
  color: #c00;
}

div.opt-line-table {
  padding: 0 20px;
}

.opt-label {
  color: #666;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 24px;
  width: 100px;
}

.opt-label small {
  display: block;
  font-size: 10px;
  line-height: 1px;
  margin-top: -5px;
  color: #b2b2b2;
}

.opt-field {
  color: #000;
  line-height: 24px;
  font-size: 13px;
  font-weight: bold;
}

.opt-field .opt-label {
  float: none;
  width: auto;
}

.opt-field a {
  font-weight: normal
}

.opt-text {
  border: 2px solid #7d9bb3;
  padding: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 200px;
}

.opt-checkbox, .opt-radio {
  cursor: pointer;
  margin-right: 10px;
}

.opt-checkbox {
  cursor: pointer;
  margin-right: 10px;
}

.opt-line-os .opt-checkbox {
  color: #000;
}

.opt-checkbox input, .opt-radio input {
  margin-right: 5px;
  vertical-align: text-bottom;
}

.opt-submit .btn-grey {
  margin: 0 30px 0 100px;
}

/* @end */

/* @group INFOBULLE */
.hint {
  background: #fef4d9;
  border: 1px solid #cbb67e;
  color: #895b13;
  font-size: 13px;
  font-weight: bold;
  line-height: 16px;
  padding: 20px 35px;
  position: absolute;
  right: 25px;
  top: -83px;
  width: 240px;
  z-index: 2400;
}

.hint .img-hint {
  bottom: -10px;
  left: 145px;
  position: absolute;
  z-index: 2600;
}

/* @end */

/* @group PROGRESS */
.progress {
  background: url(images/progress.png) no-repeat top left;
  z-index: 100;
  position: fixed;
  bottom: 0;
  right: 10px;
  color: #666;
  font-size: 12px;
  font-weight: bold;
  height: 31px;
  line-height: 33px;
  padding: 0 10px 0 20px;
}

.login .progress {
  bottom: 0;
  margin-top: 40px;
  position: relative;
  right: 0;
}

.progress-right {
  background: url(images/progress.png) no-repeat top right;
  height: 31px;
  position: absolute;
  right: -10px;
  top: 0;
  width: 10px;
}

.progress-message {
  color: #f90;
  float: left;
}

.progress-info {
  float: left;
}

.progress-bar {
  background: #fff;
  height: 12px;
  float: left;
  margin: 9px 10px 0;
  padding: 2px;
  position: relative;
  width: 256px;
}

.progress-percent {
  background: url(images/progress-percent.png) no-repeat top right;
  height: 12px;
  position: relative;
  width: 10%;
}

.progress-number {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  position: absolute;
  right: 5px;
  top: 0;
}

.progress-start,
.progress-middle,
.progress-end {
  height: 16px;
  position: absolute;
  top: 0;
  width: 10px;
}

.progress-start {
  background: url(images/progress-start.png) no-repeat top left;
  left: 0;
}

.progress-middle {
  background: url(images/progress-middle.png) repeat-x left;
  left: 0;
  margin: 0 10px;
  width: 240px;
}

.progress-end {
  background: url(images/progress-end.png) no-repeat top left;
  right: 0;
}

/* @end */

/* @group STORAGE */
.storage {
  clear: both;
  height: 13px;
  line-height: 13px;
  margin-top: 15px;
  padding-left: 10px;
}

.storage-total {
  color: #999;
  float: left;
  font-size: 9px;
}

.storage-remaining {
  color: #00447a;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 11px;
}

.storage-bar {
  height: 5px;
  float: left;
  margin: 0 5px;
  padding: 4px;
  position: relative;
  width: 105px;
}

.storage-percent {
  background: url(images/storage-percent.png) no-repeat top right;
  height: 5px;
  position: relative;
  width: 10%;
}

.storage-percent-warn {
  background: url(images/storage-percent-warn.png) no-repeat top right;
}

.storage-number {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  position: absolute;
  right: 5px;
  top: 0;
}

.storage-start,
.storage-middle,
.storage-end {
  height: 13px;
  position: absolute;
  top: 0;
  width: 6px;
}

.storage-start {
  background: url(images/storage-start.png) no-repeat top left;
  left: 0;
}

.storage-middle {
  background: url(images/storage-middle.png) repeat-x left;
  left: 6px;
  width: 101px;
}

.storage-end {
  background: url(images/storage-end.png) no-repeat top left;
  right: 0;
}

.storage-request {
  float: left;
  cursor: pointer;
  margin-left: 5px;
  margin-top: -2px;
  background-image: url("images/storage-request.png");
  width: 16px;
  height: 16px;
}

/* @end */

/* @group TOKEN */

/* UPLOAD TOKEN INFO OF THE ZEPHYR HEADER */
.upload-token {
  clear: both;
  margin-top: 5px;
  padding-left: 10px;
  color: #00447A;
  font-size: 11px;
}

.upload-token-expiration {
  float: left;
}

.upload-token-remaining {
  float: left;
  margin-left: 5px;
}

/* @end */

/* @group SELECTED */

.selected {
  font-weight: normal;
  margin-bottom: 10px;
}

.selected-list-http, .selected-list-java {
  position: relative;
  font-weight: bold;
  list-style-type: disc;
  margin: 0px 0px 0px 0px;
  color: #5a758a;
  text-shadow: 0px 1px 0px hsla(0, 0%, 100%, 1);
  width: 290px;
}

.selected-list-http li, .selected-list-java li {
  background: #ebf4fb;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border: solid 1px #ccd8e2;
  list-style: none;
  display: block;
  font-size: 11px;
  width: 268px;
  margin: 3px 0px;
  padding: 0px 10px 0px 10px;
  height: 30px;
  line-height: 30px;
  position: relative;
}

.selected-list-http span.ico-img, .selected-list-java span.ico-img {
  display: block;
  float: left;
  height: 20px;
  width: 20px;
  padding: 0px 0px 0px 3px;
  margin-top: 5px;
}

.selected-list-http li:first-child, .selected-list-java li:first-child {
  margin-top: 0;
}

.selected-list-http a.select-title-http-del, .selected-list-java a.select-title-http-del {
  opacity: 0.3;
  position: absolute;
  right: -26px;
  top: 0;
}

.selected-list-http a.select-title-http-del:hover, .selected-list-java a.select-title-http-del:hover {
  opacity: 1;
}

input.select-list-http-input {
  opacity: 0;
  display: block;
  position: absolute;
  height: 30px;
  z-index: 500;
  right: 0px;
}

span.select-list-http-filename, span.select-list-java-filename {
  cursor: default;
  display: block;
  position: absolute;
  left: 28px;
  overflow: hidden;
  white-space: nowrap;
  font-size: 11px;
  width: 240px;
  height: 26px;
  line-height: 26px;
  margin: 2px 0 2px 2px;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

span.select-list-java-filename {
  width: 240px;
}

span.select-list-http-action {
  background-color: #EBF4FB;
  background: url(images/select-http-choose.png) repeat-x;
  display: block;
  height: 30px;
  position: absolute;
  right: 0;
  text-align: center;
  cursor: pointer;
  display: inline;
  overflow: hidden;
  padding: 2px 0;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 1px 0 hsla(0, 0%, 100%, 1);
  width: 80px;
  height: 26px;
  line-height: 26px;
  border-left: 1px solid #CCD8E2;
  background: -moz-linear-gradient(top, #FDFDFE 0%, #EBF4FB 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FDFDFE), color-stop(100%, #EBF4FB));
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

/* Message Forward */
.forward-files .selected-list-java {
  width: 490px;
}

.forward-files .selected-list-java li {
  width: 468px;
}

.forward-files span.select-list-java-filename {
  width: 440px;
}

.forward-files .forward-files-total-size {
  margin-top: 15px;
  color: #115080;
  font-size: 11px;
}

/* @end */

/* @group POPUP */
/*P0POP*/

.popup {
  background: #fff; /*border:solid #d1e2ef;*/
  border: 1px solid #e2d1a4; /*left:50%; margin:0 0 0 -230px; padding:30px; position:absolute; top:15%;*/
  width: 400px;
  z-index: 2000;
}

.popup-auto {
  width: 700px; /* This does not work fine with IE8 standards mode:max-width:700px; */
}

.popup-close {
  background-position: 0 -380px;
  height: 19px;
  overflow: hidden;
  padding-left: 0;
  position: absolute;
  right: 5px;
  text-indent: -290486px;
  top: 5px;
  width: 19px;
}

.popup-actions .btn {
  margin-right: 26px;
}

td.project-table-title-user {
  width: 255px;
}

td.project-table-title-manager {
  width: 100px;
}

td.project-table-title-del {
  width: 70px;
}

td.project-table-title-user, td.project-table-title-manager, td.contact-table-title-name {
  color: #f55d00;
}

td.contact-table-title-name {
  width: 355px;
}

td.project-table-title-manager, td.project-table-title-del, td.project-table-manager, td.project-table-del {
  text-align: center;
}

.project-members table {
  border-collapse: separate;
}

td.project-table-user, td.project-table-manager, td.project-table-del {
  border-top: solid 1px #f3f3f3;
}

.project-members .img-users, .project-members .img-warning, .project-members .img-throbber {
  position: absolute;
  left: 160px;
  top: 10px;
}

.popup-email {
  margin-top: 6px;
}

.popup-email .img-users,
.popup-email .img-warning,
.popup-email .img-throbber {
  position: absolute;
  left: 130px;
  top: 10px;
}

.opt-popup-bloc {
  padding-bottom: 15px;
}

.opt-popup-bloc-last {
  margin: 0;
}

.opt-popup-title {
  background: url(images/popin-title-bgrptx.png) repeat-x;
  color: #333;
  font-size: 13px;
  font-weight: bold;
  height: 40px;
  line-height: 16px;
  overflow: hidden;
  padding: 25px 0px 0px 20px;
}

.opt-popup-first-title {
  height: 38px;
  background-position: left bottom;
  padding: 18px 0px 0px 20px;
}

.opt-popup-last-title {
  height: 34px;
  background-position: top bottom;
  padding: 25px 0px 0px 20px;
}

.opt-popup-title-user {
  background-position: -2px -2px;
  height: 16px;
  display: block;
}

.opt-popup-title-users {
  background-position: 0 -22px;
  height: 16px;
  display: block;
}

.opt-popup-title-project {
  background-position: 0 -241px;
  height: 16px;
  width: 16px;
  display: block;
  float: left;
  padding: 0;
  margin-right: 10px;
}

.opt-popup-title-token {
  background-position: 0 -300px;
  height: 20px;
  width: 16px;
  display: block;
  float: left;
  padding: 0;
  margin-right: 10px;
}

.opt-popup-title-contact {
  background-position: -37px -1162px;
  height: 20px;
  width: 23px;
  display: block;
  float: left;
  padding: 0;
  margin-right: 10px;
}

.opt-popup-title-group {
  background-position: -37px -1190px;
  height: 20px;
  width: 25px;
  display: block;
  float: left;
  padding: 0;
  margin-right: 10px;
}

.opt-popup-title-clock {
  background-position: 0 -222px;
  height: 18px;
  width: 18px;
  display: block;
  float: left;
  padding: 0;
  margin-right: 10px;
}

.opt-popup-title-add-people {
  background-position: -37px -1190px;
  height: 20px;
  width: 25px;
  display: block;
  float: left;
  padding: 0;
  margin-right: 10px;
}

.opt-popup-title-storage {
  background-image: url("images/storage-request.png");
  float: left;
  height: 16px;
  width: 16px;
  margin-right: 10px;
}

.opt-popup-title-sharing {
  background-position: 0 -1349px;
  height: 16px;
  display: block;
}

.opt-popup-title-opt {
  background-position: 0 -1590px;
  height: 16px;
  display: block;
}

.opt-popup-title-comments {
  background-position: 0 -1853px;
  height: 16px;
  display: block;
}

.opt-popup-title-msg {
  background-position: 0 -1875px;
  height: 16px;
  display: block;
}

.opt-popup-line {
  border-bottom: 1px solid #e7e7ec;
  color: #666;
  font-size: 11px;
  font-weight: bold;
  min-height: 20px;
  line-height: 30px;
  margin: 0px 20px;
  padding: 5px 0px;
  position: relative;
}

.opt-popup-line-solo {
  line-height: 30px;
}

.opt-popup-line-solo img {
  vertical-align: text-bottom;
}

.popup-new .opt-popup-label span {
  display: block;
  float: left;
  margin: 0;
  margin-top: 5px;
}

div.opt-popup-line-table {
  padding: 0 20px;
}

.opt-popup-line .recipients {
  line-height: 20px;
  padding: 0;
}

.opt-popup-label {
  color: #666;
  float: left;
  font-size: 11px;
  font-weight: bold;
  line-height: 30px;
  width: 100px;
}

.opt-popup-label small {
  display: block;
  font-size: 10px;
  line-height: 1px;
  margin-top: -5px;
  color: #b2b2b2;
}

.opt-popup-field {
  color: #000;
  line-height: 30px;
  font-size: 13px;
  font-weight: bold;
}

.opt-popup-spinner select {
  margin-top: 5px;
}

.opt-popup-text {
  border: 2px solid #7d9bb3;
  padding: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 200px;
}

.opt-popup-checkbox {
  cursor: pointer;
  margin-right: 10px;
}

.opt-popup-line-os .opt-popup-checkbox {
  color: #000;
}

.opt-popup-checkbox input {
  margin-right: 2px;
  vertical-align: text-bottom;
}

.opt-popup-submit .btn-grey {
  margin: 0 30px 0 100px;
}

.popup-new .opt-popup-label {
  width: 150px;
}

.popup-new {
  background: #fff;
  position: relative;
  width: 500px;
  z-index: 2000;
  border: 1px solid transparent;
  word-wrap: break-word;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 8px hsla(0, 0%, 0%, 0.1), 0px 0px 1px hsla(0, 0%, 0%, 0.3);
  -moz-box-shadow: 0px 0px 8px hsla(0, 0%, 0%, 0.1), 0px 0px 1px hsla(0, 0%, 0%, 0.3);
  box-shadow: 0px 0px 8px hsla(0, 0%, 0%, 0.1), 0px 0px 1px hsla(0, 0%, 0%, 0.3);
}

.popup-message .box-area {
  width: 360px;
}

.popup-message ul {
  font-weight: bold;
  line-height: 16px;
}

.popup-message li {
  background: url(images/list.png) no-repeat 0 6px;
  padding-left: 12px;
}

.popup-ico {
  background-image: url(images/popup-ico.png);
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 26px;
  margin-right: 10px;
  margin-top: -5px;
  width: 26px;
}

.popup-message-content {
  font-size: 12px;
  font-weight: bold;
  padding: 8px 20px;
}

.popup-success .popup-ico {
  background-position: left top;
}

.popup-success .popup-message-content {
  color: #63941E;
}

.popup-warn .popup-ico {
  background-position: 0 -33px;
}

.popup-warn .popup-message-content {
  color: #C49C26;
}

.popup-error .popup-ico {
  background-position: 0 -70px;
}

.popup-error .popup-message-content {
  color: #D03737;
}


label.opt-popup-label.opt-popup-label-fulline {
  display: block;
  float: none;
}

.popup-new-close {
  background-position: 0 -380px;
  height: 19px;
  padding-left: 0;
  position: absolute;
  right: 16px;
  text-indent: -290486px;
  top: 17px;
  width: 19px;
  z-index: 5000;
}

.popup-actions-new .btn {
  margin-right: 26px;
}

.popup-new .truebtn-blue, .popup-new .truebtn-gray {
  float: right;
}

.popup-new .truebtn-red {
  float: left;
}

.popup-new .opt-label {
  width: 150px;
}

.popup-new label.opt-label-fulline {
  width: 100%;
}

.popup-new-comments {
  font-size: 11px;
  line-height: 16px;
  font-weight: normal;
  color: #393939;
  margin-bottom: 5px;
  text-align: justify;
}

.popup-new-actions {
  margin-top: 15px;
  padding: 0 25px;
}

/* @end */

/* @group FOOTER */
/* F00T3R */
.footer {
  background: #d6e1ec;
  border-top: 1px solid #BBBBCF;
  padding: 25px 0;
  min-width: 930px;
}

.footer .wrap {
  height: 54px;
  min-width: 870px;
}

.footer-logo {
  background: url(images/footer-logo.png) no-repeat top left;
  display: block;
  height: 54px;
  overflow: hidden;
  position: absolute;
  right: 60px;
  text-indent: -290486px;
  top: 0;
  width: 342px;
}

* html .footer-logo {
  background: url(images/ie6/footer-logo.gif) no-repeat top left;
}

/* Hack for IE6 */
/* UPLOAD INFO */
.upload-info {
  text-align: center;
  margin: 0px auto;
  width: 550px;
}

.upload-info h1 {
  line-height: 16px;
  padding: 10px 20px;
  color: #FBA400;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0;
}

.upload-info .disabled {
  text-align: left;
}

.upload-info .disabled ul {
  list-style-type: disc;
  margin: 10px 40px;
}

.upload-info .cancel {
  float: left;
  line-height: 30px;
}

.upload-info .progress-message {
  float: none;
  height: 20px;
  margin-left: 10px;
}

.upload-info .img-delete {
  vertical-align: middle;
}

.upload-info .detail-intro {
  text-align: left;
  border: solid #e3d1a2;
}

.upload-info .detail-intro .detail-subject {
  overflow: hidden;
  text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
}

/* @end */

/* @group MODIF OPTeam */

.filetype-mini-archive,
.filetype-mini-executable,
.filetype-mini-generic,
.filetype-mini-image,
.filetype-mini-office,
.filetype-mini-pdf,
.filetype-mini-presentation,
.filetype-mini-script,
.filetype-mini-sound,
.filetype-mini-spreadsheet,
.filetype-mini-text,
.filetype-mini-video {
  background: url(images/filetype-mini.png) no-repeat top left;
  width: 16px;
  height: 16px;
  position: absolute;
  left: 8px;
  margin-top: 8px;
}

.filetype-mini-archive {
  background-position: 0 0;
}

.filetype-mini-executable {
  background-position: 0 -36px;
}

.filetype-mini-generic {
  background-position: 0 -72px;
}

.filetype-mini-image {
  background-position: 0 -108px;
}

.filetype-mini-office {
  background-position: 0 -144px;
}

.filetype-mini-pdf {
  background-position: 0 -180px;
}

.filetype-mini-presentation {
  background-position: 0 -216px;
}

.filetype-mini-script {
  background-position: 0 -252px;
}

.filetype-mini-sound {
  background-position: 0 -288px;
}

.filetype-mini-spreadsheet {
  background-position: 0 -324px;
}

.filetype-mini-text {
  background-position: 0 -360px;
}

.filetype-mini-video {
  background-position: 0 -396px;
}

.cursor-help {
  cursor: help;
}

/** Download encrypted file context menu **/
.item-encrypted .item-expand {
  float: left;
  margin-left: 8px;
  margin-right: 3px;
  margin-top: 7px;
  position: static;
  right: auto;
  top: auto;
}

/** ZPR Date selection box **/
.date-sel-text {
  border: 2px solid #7D9BB3;
  padding: 3px;
  height: 12px;
  width: 70px;
  margin-right: 2px;
  border-radius: 5px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.date-sel-label {
  padding-right: 2px;
}

/** Download frame **/
.downloadFrame {
  position: absolute;
  top: -1000px;
}

/** in recipient upload widget, while displaying in a tooltip a list of recipient**/
.contact-list ul {
  font-weight: normal;
  padding-left: 15px;
}

.contact-list-err {
  color: red;
}

.suggest-popup .suggest-section-image {
  float: left;
  margin-right: 0.4em;
  margin-left: 2px;
  margin-top: 2px;
}

.suggest-popup .suggest-section-title {
  color: #004483;
  font-weight: bold;
}

ul.excluded-contact {
  text-decoration: line-through;
}

.popup-new table.dates .opt-popup-label {
  display: block;
  float: none;
  line-height: 15px;
  width: auto;
}

.popup-new table.dates .opt-popup-label-big {
  font-size: 14px;
  font-weight: bold;
}

.popup-new table.dates td.dateCol {
  width: 153px;
  vertical-align: top;
}

.popup-new .box-spinner {
  line-height: 20px;
  margin: 5px auto 0;
}

.popup-new table.dates td.firstCol {
  text-align: left;
}

.popup-new table.dates td.middleCol {
  text-align: center;
}

.popup-new table.dates td.lastCol {
  text-align: right;
}

/* we commented ".results a:hover" before to make it works*/
.suggest-popup a:hover {
  text-decoration: none;
}

.suggest-popup li.suggest-selected-item {
  background: #eae8e8 url(images/results-hover.png) repeat-x top left;
  color: #000;
  text-decoration: none;
}

.suggest-popup span.matchingChars {
  color: black;
  font-weight: bold;
}

/***** Date Time Picker ******/

.datePickerBox {
  border: 1px #006494 solid;
  background: #006494;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 3px;
  position: relative;
  z-index: 600;
}

.datePickerMonthSelector td:focus {
  outline: none
}

.datePickerDays {
  width: 100%;
  background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 80%;
  text-align: center;
  padding: 4px;
  outline: none;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #006494;
  color: white;
  padding: 0px 4px 2px;
  cursor: default;
  text-shadow: 0px 1px 0px hsla(0, 0%, 00%, 0.3);
}

.datePickerDay {
  padding: 4px 7px;
  cursor: hand;
  cursor: pointer;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
}

.datePickerDayIsToday {
  background: #FFBBBB;
  border: 1px #FFBBBB solid;
}

.datePickerDayIsWeekend {
  background: #f2f7fa;
}

.datePickerDayIsFiller {
  color: #888888;
  font-weight: normal;
}

.datePickerDayIsValue {
  background: #006494;
  color: white;
}

.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
  cursor: default;
}

.datePickerDayIsHighlighted, .datePickerDayIsValueAndHighlighted {
  background: #D1E2EF;
}

.datePickerMonthSelector {
  background: #006494;
  color: white;
  width: 100%;
}

.datePickerMonthSelector tr {
  background: url(images/bgcalendar.png) 0 4px repeat-x;
  height: 25px;
}

td.datePickerMonth {
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  font-size: 80%;
  font-weight: bold;
  text-shadow: 0px 1px 0px hsla(0, 0%, 00%, 0.3);
}

.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 130%;
  line-height: 1em;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
  margin-top: -5px;
}

/******** Licenses Box override *********/
.otc-LicenseBox {
  max-height: 600px;
  overflow-y: auto;
  font-weight: normal;
  font-size: 12px;
}

.otc-LicenseBox h1 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0.4em;
}

.otc-LicenseBox h2 {
  font-size: 14px;
  font-weight: bold;
  margin-top: 0.8em;
}

.otc-LicenseBox p {
  margin-bottom: 1em;
}

.otc-LicenseBox pre {
  font-size: 12px;
}

/* @end */