/* @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-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; } 

.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-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 { width:420px; }
.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 */