/*BASICS RULES*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background:transparent; border:0; margin:0; padding:0; vertical-align:baseline; outline:none; }
@font-face { font-family:DEJAVUSANSMONO; src:url('../../../font/DEJAVUSANSMONO.TTF'); }
body { line-height:1; width:300px; font-family:DEJAVUSANSMONO, Verdana, Geneva, sans-serif; background:transparent; color:#d2d2d2; font-size:12px; }
h1, h2, h3, h4, h5, h6 { clear:both; font-weight:normal; }
ol, ul { list-style:none; }
blockquote { quotes:none; }
blockquote:before, blockquote:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
a img { border:none; }
.clearfloat { clear:both; height:0; font-size:1px; line-height:0px; }

p img { vertical-align:middle; }
p { display:block; line-height:17px; }
h3 { font-size:18px; line-height:18px; margin-bottom:10px; font-family: 'Oswald', Arial; text-transform:uppercase; }
strong { font-family:Verdana, Geneva, sans-serif; }
input[type=text] { width:98%; height:20px; margin:2px 0; background:#838383; outline:none; color:#333; border:1px solid #838383; -moz-border-radius:10px; -webkit-border-radius:10px; -o-border-radius:10px; -ms-border-radius:10px; border-radius:10px; }
input[type=submit] { width:120px; height:32px; line-height:30px; background:#5C9AB2; color:#275e74; font-family: 'Oswald', Arial; text-transform:uppercase; border:1px solid #275e74; -moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -ms-border-radius:5px; border-radius:5px; cursor:pointer; }
a, a:hover { text-decoration:underline; color:#d2d2d2; }
.emoticon, .remove { cursor:pointer; }
.loader{ position:absolute; width:300px; height:20px; top:180px; left:0; background:url(../loader.gif) center center no-repeat; }
.time { font-size:8px; }
input[type=submit], #emoticons { display:inline-block; vertical-align:top; }

#emoticons { width:170px; height:32px; background:url(../../../img/static.png) no-repeat -322px -177px; }
.emoticon_view { width:17px; height:16px; vertical-align:middle; background:url(../../../img/static.png) no-repeat; display:inline-block; }
.info { padding-top:155px; text-align:center; color:#333; }
.info strong { text-decoration:underline; cursor:pointer; }

/* GESTION SCROLL */
.jp-container { width:300px; height:150px; position:relative; float:left; }
.jspContainer { overflow: hidden; position: relative; }
.jspPane { position: absolute; }
.jspVerticalBar { position: absolute; top: 0; right: 0; width: 14px; height: 100%; background:transparent; }
.jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 14px; background: transparent; }
.jspVerticalBar *,.jspHorizontalBar * {	margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack { background: transparent; position: relative; }
.jspDrag { background: #999; position: relative; top: 0; left: 0; cursor: pointer; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; }
.jspArrow.jspDisabled { cursor: default; background: #80808d; }
.jspVerticalBar .jspArrow { height: 16px; }
.jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background: #eeeef4; float: left; height: 100%; }
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner { margin: 0 -3px 0 0; }