/************ HTML/CSS Snippets ************/
/* Content block and span's */
.content-block { padding: 10px 10px 15px; clear: both; }
.content-block-vertical { padding: 0 10px; }
.content-block-horizontal { padding: 10px 0; }
/*
.content-block p { font-size: 14px; margin-bottom: 14px; }
*/
/* List */
.list { overflow: hidden; }
.list ul { margin: 0; padding: 0; list-style: none; }
.list ul li.item { list-style: none; padding: 0 0 10px; position: relative; }
.list ul li.item .avatar { float: left; clear: left; border: #fff solid 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.list ul li.item .username { float: left; padding: 10px 15px; font-family: "Helvetica Neue",Arial,sans-serif; font-size: 24px; font-weight: bold; }
.list ul li.item .text { float: left; padding: 0 15px 5px; }
.list ul li.item .cover { float: right; width: 45px; border: #fff solid 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.list ul li.item .date { font-style: italic; font-size: 10px; display: block; margin-left: 15px; float: left; }
/* List - One in each item */
.list ul li.item .item-span { display: block; overflow: hidden; }
.list ul li.item a.item-link { color: #333; border: 2px solid #fff; background: #f2f2f2; display: block; padding: 5px; overflow: hidden; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.list ul li.item a.item-link.invite { border: 2px solid #ccc; }
.list ul li.item:hover a.item-link { border-color: #09f; background: #fff; text-decoration: none; }
.list ul li.item a.delete { display: none; position: absolute; top: -10px; right: -10px; height: 30px; width: 30px; background: transparent url(/img/fancybox/fancy_closebox.png) no-repeat 0 0; }
.list ul li.item:hover a.delete { display: block; }
/* Conf size(s) */
.contentCell5 .list ul li.item .text { width: 300px; }
/* What's Happening */
#happening { }
#happening .item:hover { border-color: #09f; }
#dashboardMain .status-headline { display: none;}
/* Help */
.help { position: fixed; top: 182px; right: -23px; width: 60px; font: bold 20px/26px verdana; color: #fff; text-transform: uppercase; padding: 5px 10px; border: solid 1px #666; border-bottom: none; background-color: rgba(102, 204, 51, 0.9); -moz-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; text-shadow: -1px 1px 1px #000000; }
.help:hover { background-color: rgba(102, 204, 51, 1); color: #fff; text-decoration: none; }
/* Time stamp */
.timestamp { display: block; padding: 10px 0 0; font-size: 11px; color: #ccc; }
/* BB Quote */
.bb-quote-box { display: block; background: #f7f7f7; border: solid 1px #ccc; padding: 5px; margin: 10px 10px 0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.bb-quote-box .bb-quote-headline { display: block; font-weight: bold; }
.bb-quote-box .bb-quote { display: block; padding-top: 5px; }
.bb-quote-box .bb-quote img { max-width: 288px; }
.bb-image { display: block; padding: 10px 0; max-width: 420px; }
/* Game Session */
.game-session { overflow: hidden; }
.game-session .cover { float: left; border: #fff solid 3px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.game-session .cover:hover { border-color: #09f; }
.game-session .game-details { float: left; padding: 10px; }
.game-session .game-session-details { }
.game-session .game-session-details div { float: left; width: 150px; }
.game-session .game-session-details .game { float: none; width: auto; }
.game-session .game-session-details .game a { float: left; padding-right: 10px; }
.game-session .game { padding-bottom: 5px; font-size: 14px; font-weight: bold; width: auto; }
.game-session .details { padding-bottom: 5px; font-size: 12px; }
.game-session .players { padding-bottom: 5px; font-size: 11px; }
.game-session .gametype { padding-bottom: 5px; font-size: 11px; }
.game-session .max-players { padding-bottom: 5px; font-size: 11px; }
.game-session .where { padding-bottom: 5px; font-size: 11px; }
/* participant List */
#participantList { overflow: hidden; }
/* New Game Session */
.new-game-session .cover { float: right; border: 2px solid #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.new-game-session .form-title { width: 224px; }
.new-game-session .form-type { float: left; padding: 0 4px 0 0; }
.new-game-session .form-type select { width: 165px; }
.new-game-session .form-numb { float: left; padding: 0 4px 0 0; }
.new-game-session .form-numb select { width: 67px; }
/* Change Game Time */
.elevator-block { padding: 0; margin: 0 15px; border-top: #ccc solid 1px; border-bottom: #ccc solid 1px; }
/* Game Upcomming */
.game-upcomming { overflow: hidden; }
.game-upcomming .cover { float: left; }
.game-upcomming .game-details { float: left; padding: 10px; }
.game-upcomming .game-details .game { padding-bottom: 5px; font-size: 14px; font-weight: bold; }
.game-upcomming .game-details .details { padding-bottom: 5px; font-size: 12px; }
/* Comment Form */
.comment-form { }
.comment-form fieldset span { display: none; }
.preview-comments { padding: 10px; }
/* Link list */
.linklist { overflow: hidden; }
.linklist ul { margin: 0; }
.linklist ul li { list-style: none; padding: 5px 0; }
.linklist ul li a { font-size: 14px; }
/* Global classes */
.cover { width: 85px; }
.clear { clear: both; height: 0; overflow: hidden; }
.game-time { font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 1px #fff; padding: 0 15px; }
.status-headline { font-family: 'Helvetica Neue', Arial, sans-serif; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 1px #fff; }
.infobox { padding: 10px; border: 5px solid #D0EA8E; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #666 0 0 5px; -webkit-box-shadow: #666 0 0 5px; box-shadow: #666 0 0 5px; }
.errorbox { padding: 10px; border: 5px solid #993300; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: #666 0 0 5px; -webkit-box-shadow: #666 0 0 5px; box-shadow: #666 0 0 5px; }
/* Ajax load */
.loader { text-align: center;}
/* infiniti scroll */
#infscr-loading { z-index: 5000; position: fixed; left: 40%; bottom: 100px; width: 200px; height: 100px; padding: 10px; background: #000; opacity: 0.8; color: #FFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
/* Invite people box */
.invite-people { margin: 0 5px; padding: 0 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
/* fadein */
.fadein { background: #9cf; }
/* Token Input */
/* Example tokeninput style #1: Token vertical list*/
ul.token-input-list { height: auto !important; float: left; height: 1%; overflow: hidden; margin: 0; padding: 0; z-index: 999; cursor: text; }
ul.token-input-list li { list-style-type: none; }
ul.token-input-list li input { width: 275px; }
li.token-input-token { height: auto !important; height: 1%; overflow: hidden; margin: 0 0 5px; padding: 3px 5px; background-color: #09f; color: #fff; cursor: default; display: block; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
li.token-input-token p { float: left; padding: 0; margin: 0; color: #fff; font-size: 13px; }
li.token-input-token span { float: right; color: #fff; cursor: pointer; font-weight: bold; }
div.token-input-dropdown { /*position: absolute;*/ margin-top: 32px; width: 368px; background-color: #fff; overflow: hidden; border: 1px solid #ccc; cursor: default; font-size: 16px; z-index: 1; }
div.token-input-dropdown p { margin: 0; padding: 5px; color: #777; }
div.token-input-dropdown ul { margin: 0; padding: 0; }
div.token-input-dropdown ul li { padding: 3px; list-style-type: none; background-color: #fff; }
div.token-input-dropdown ul li em { font-weight: bold; font-style: normal; }
div.token-input-dropdown ul li.token-input-selected-dropdown-item { background-color: #09f; color: #fff; }
/*
li.token-input-selected-token { background-color: #08844e; color: #fff; }
li.token-input-selected-token span { color: #bbb; }
div.token-input-dropdown ul li.token-input-dropdown-item { background-color: #fafafa; }
div.token-input-dropdown ul li.token-input-dropdown-item2 { background-color: #fff; }
*/
/* Autocomplete */
.ac_results { background: #fff; border: 10px solid blue; }
.ac_results .ac_over { background: #000; color: #fff; }