/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,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,em,strong,th,var{font-style:normal;font-weight:normal;}li{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;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{font-size:100%;}legend{color:#000;}

/* --- GLOBAL - START --- */
html, body { border:0; margin:0; padding:0; background: #111; color: #000; height: 100%; }	
body { font:90%/1.25 'century gothic', arial, helvetica, sans-serif;}
/* --- GLOBAL - END --- */	

h1#logo { position: absolute; top: 0; right: 1em; background: #111; z-index: 100; margin: 0; padding: 1em; font: bold 1.2em Helvetica, Arial, sans-serif; border-right: 1px solid #000; border-bottom: 1px solid #000; }
h1#logo a { color: #fff; text-decoration: none; }

.input-area { height: 61px; width: 100%; background: url('gfx/input-area-bg.png') repeat-x; display: block; position: absolute; bottom: 0; }
.input-area .right-bg { background: url('gfx/input-area-right.png') no-repeat top right; display: block; }
.input-area .left-bg { background: url('gfx/input-area-left.png') no-repeat; display: block; }
.input-area .content { padding: 11px 20px 0 20px; display: block; height: 50px; }
.input-area .content input { border: none; height: 30px; background: none; width: 100%; font: 20px Arial; padding: 8px 0 0 0; }
.input-area .content input.empty { color: #aaa; }


/* Messages */
.messages { display: block;  width: 100%; position: absolute; bottom: 0; padding-bottom: 61px; }
.messages .message { border-top: 1px solid #111; padding: 10px; position: relative; overflow:hidden; background: #222; }
.messages .message .icon { background: url('gfx/bg_icon.gif') repeat-x; float: left; width: 80px; height: 30px; padding: 5px; position: relative;}
.messages .message .icon .time { float: left; color: #fff; width: 45px; text-align: center; font: bold 13px/30px Helvetica, Arial, sans-serif; }
.messages .message .icon .thumbnail { float: right; position: relative; }
.messages .message .icon .thumbnail img { float: left; }
.messages .message .author { float: left; line-height: 40px; font: bold 15px/40px Helvetica, Arial, sans-serif; width: 160px; text-align: right; padding: 0 10px 0 0; }
.messages .message .body { padding: 10px 0 0 10px; left: 200px; color: #fff; }
.messages .message .body a { text-decoration: none; }
.message.colour-0 .body a { color: #fff; }
.message.colour-1 .body a { color: #E86E1C; }
.message.colour-2 .body a { color: #D41E45; }
.message.colour-3 .body a { color: #fc0; }
.message.colour-4 .body a { color: #3cf; }
.message.colour-5 .body a { color: #b5ac01; }
.message.colour-6 .body a { color: #1B1521; }

/* Corners */
.corner { width: 1px; height: 1px; display: block; position: absolute; }
.icon .corner { background: #222; }
.icon .thumbnail .corner { background: #191919; }
.corner.tr { top: 0; right: 0; }
.corner.br { bottom: 0; right: 0; }
.corner.bl { bottom: 0; left: 0; }
.corner.tl { top: 0; left: 0; }

#signup { width: 400px; background: #e0f4f8 url('gfx/icon.png') center 10px no-repeat; padding: 94px 20px 20px 20px; }
#signup .inputwrapper { float: left; background: #d7ebef; padding: 5px; margin: 0 0 15px; width: 390px; }
#signup .inputwrapper span { font: bold 0.9em Helvetica, Arial, sans-serif; padding: 5px 0 0 0; }
#signup label,
#signup legend { font: bold 0.9em Helvetica, Arial, sans-serif; color: #07a; padding: 0 0 0 5px; }
#signup input { float: left; margin: 0; clear: both; border: 1px solid #a5c2c8; padding: 5px 4px 4px; font: bold 1.2em Helvetica, Arial, sans-serif; width: 380px; }
#signup a { color: #777; }
#signup .colourWrapper { border: 1px solid #a5c2c8; padding: 5px 10px; }
#signup p { clear: both; display: block; }
#signup .inputwrapper.colours { padding-bottom: 0; }
#signup .colour { width: 14px; height: 14px; float: left; display: block; margin: 3px 5px 5px 3px; cursor: pointer; }
#signup .colour.active { padding: 3px; margin: 0 5px 5px 0; }
#signup .colour-1 { background: #E86E1C; }
#signup .colour-2 { background: #D41E45; }
#signup .colour-3 { background: #fc0; }
#signup .colour-4 { background: #3cf; }
#signup .colour-5 { background: #b5ac01; }
#signup .colour-6 { background: #1B1521; }
#signup .buttonLogin { cursor: pointer; }

/* User list */
.userList { position: absolute; top: 0; background: #000; color: #fff; width: 100%; font: bold 10px Helvetica, Arial, sans-serif; z-index: 99;}
.userList .content { padding: 10px; }
.online { color: #4b4155; margin-right: 10px; }

/* Colours! */
.colour-0 { color: #fff; }
.colour-1 { color: #E86E1C; }
.colour-2 { color: #D41E45; }
.colour-3 { color: #fc0; }
.colour-4 { color: #3cf; }
.colour-5 { color: #b5ac01; }
.colour-6 { color: #1B1521; }

#facebox .b {
  background:url(gfx/b.png);
}

#facebox .tl {
  background:url(gfx/tl.png);
}

#facebox .tr {
  background:url(gfx/tr.png);
}

#facebox .bl {
  background:url(gfx/bl.png);
}

#facebox .br {
  background:url(gfx/br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #e0f4f8;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
  background: #000;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}