body { background:#444; color:#000;}
h1 { font:23px Trebuchet MS, Arial, sans-serif;}
h2 { font-family: Trebuchet MS, Arial, sans-serif;}

/* links */
a:hover, a:active { color:#f00 !important }
/* user */
a.g-user:link, a.g-user:visited { color:#090 !important; }
a.g-user:hover, a.g-user:active { color:#f00 !important; }
a.g-user2:link, a.g-user2:visited { color:#9b9 !important; }
a.g-user2:hover, a.g-user2:active { color:#f99 !important; }
a.g-user, a.g-user2 { white-space:nowrap; }

/* layouts and global helpers */
.l-field { width:100%;}    
.l-field .l { width:70%;}
.l-field .r { width:30%;}


/* header */
.b-game-header { background:#fff; padding:5px 5px 0;}
.b-game-header .signup-text { color:#666; font-size:80%; padding: 5px 0;}
.b-game-header .user { width:20%; }
.b-game-header .user .pic  { float:left; margin:0 5px; border:1px solid #ccc;}
.b-game-header .user .pic img { display:block; margin:1px;}
.b-game-header .user .name    { margin: 3px 0; font-size:90%;}
.b-game-header .user .score   { margin: 3px 0; font-size:80%;}
.b-game-header .user .xp      { color: #999;}
.b-game-header .session-quests { width:50%; }
.b-game-header .session-activities { width:50%; }
.b-game-header .title { white-space:nowrap;}
.b-game-header .title .tt      { font-size:130%; padding:5px 0 0;}
.b-game-header .title .tt a:link, .b-game-header .title .tt a:visited { color:#000;}
.b-game-header .title .dt   { font-size:80%; margin:2px 0; color:#999;}
/* footer */
.b-game-footer { border-top:1px dotted #999; padding: 10px; margin: 30px 0px 50px; color:#999; font-size:80%; line-height:1.5em;}
.b-game-footer a:link, .b-game-footer a:visited { color:#99f;}

/* color flavor */
.strike { background-repeat:no-repeat; margin: -10px 0 -5px -20px; height:24px; }
.strike-green { background-image:url(/static/images/colors/strike-green.png); }
.strike-yellow { background-image:url(/static/images/colors/strike-yellow.png); }
.strike-red { background-image:url(/static/images/colors/strike-red.png); }
.strike-magenta { background-image:url(/static/images/colors/strike-magenta.png); }
.strike-blue { background-image:url(/static/images/colors/strike-blue.png); }
.mark { background-repeat:none; background-position:0 0; margin:5px 5px 0 0; width:25px; height: 21px; float:left; }
.mark-green { background-image:url(/static/images/colors/mark-green.png);}  
.mark-yellow { background-image:url(/static/images/colors/mark-yellow.png);}  
.mark-red { background-image:url(/static/images/colors/mark-red.png);}  


/* error/success notification */
.b-messages { margin: 10px 10%;}

/* global content wrappers */
.b-contents .flow { margin: 10px 10%;}

/* add form */
.b-add-form { padding: 10px; background:#fff;}
.b-add-form h2 { clear:inherit; color:#000; font-size:17px; padding:0; margin:0 0 10px;  }
.b-add-form b { font-weight:normal; color:#99f }
.b-add-form .register { margin: 0 20px;}
.b-add-form .register .text { font-size:90%; line-height:1.4em;}
.b-add-form .help  { font-size:80%; line-height:1.4em; color:#666; margin:5px 0 10px; }
.b-add-form .title,
.b-add-form .comment,
.b-add-form .text { margin:3px;}
.b-add-form .tags { margin:3px; font-size:13px; color:#999;}
.b-add-form .title input   { float:left; padding:2px; margin:0 5px 0 0; border:1px inset #ccc; width:320px; font-size:15px; }
.b-add-form .comment textarea,
.b-add-form .text textarea { float:left; padding:2px; margin:0 5px 0 0; border:1px inset #ccc; width:320px;}
.b-add-form .card { width:460px; margin:5px 0; background:#f5f5f5; border: 1px solid #ccc; padding:1px; float:left;}
.b-add-form .card-author  { color:#999; padding:0px 3px 0; font:11px Arial, sans-serif; float:right; }
.b-add-form .card-type    { padding:1px 3px 0; margin:0px 0 5px 0px; font:11px Monaco, Verdana, Arial, sans-serif; background:#ddf;color:#66a; float:left; }
.b-add-form .desc { padding:5px 0 0; font-size:13px; color:#999;}

.b-add-form .tag-list { margin-left:0; margin-top:5px;}
.b-add-form .tag-list div { cursor:pointer; cursor:hand; color:#fff; margin:1px 1px 5px; padding: 2px 4px; float:left; }
.b-add-form .tag-list .s { font-size:16px; font-weight:bold; padding: 4px 6px; margin-top:-2px; margin-bottom:1px; }
.b-add-form .custom-tag { display:none;}

.b-add-form .links h2 { color:#999;}
.b-add-form .links { color:#999;}
.b-add-form .links input { color:#999;}
.b-add-form .submit { margin:10px 0; color:#999; font-size:13px;}
.b-add-form .progress { margin:10px 0; display:none; }

.b-add-form .type-selector { margin-left:35px;}
.b-add-form .type-selector h2 { color:#999; margin-bottom:10px;}
.b-add-form .type-selector .one { font-size:90%; padding:7px 5px 7px 10px; margin-left:-5px; margin-top:-2px;}
.b-add-form .type-selector .sel { background-repeat:no-repeat; background-image:url(/static/images/colors/select-yellow.png); }
.b-add-form .type-selector .sel a { text-decoration:none !important; color:#000 !important;}
.b-add-form .type-selector a b { color:inherit;}

.b-add-form-in-reply .b-card .links { display:none;}


/* game field defaults */
.b-field h2 { clear:inherit; color:#999; font-size:17px; padding:0; margin: 15px 5px 0px;  }
.b-field h2.top { margin:0 5px 5px; }
.b-field h2 b { font-weight:normal; color:#bbe;}
.b-field h2 small { font-weight:normal; font:12px Arial, sans-serif; }
.b-field .more { color:#999; font-size:13px; padding:0; margin: 0px 5px  }
.b-field .more a { text-decoration:none; border-bottom: 1px dotted red;}
.b-field a:link, .b-field a:visited { color:#99f; border-color:#99f;} 
.b-field a:hover, .b-field a:active { color:#f99 !important; border-color:#f99;} 

/* game field blocks */
.b-meta-contents { display:none; background:#fff; padding:10px 10px 10px 10px; }
.b-meta-contents .hide { padding:10px 0 0; color:#ccc;}
.b-meta-contents .hide a { font-size:80%; text-decoration:none; border-bottom:1px dotted red;}
.b-meta-contents .hide a:link,.b-meta-contents .hide a:visited  { color:#99f; border-color:#99f;} 
.b-meta-contents .hide a:hover,.b-meta-contents .hide a:active  { color:#f99 !important; border-color:#f99;} 
.b-field .contents { padding-right:10px;}
.b-field .leftmost { padding-left:5px;}
.b-field .similar { display:none;}
.b-field .collapse { font-size:13px; text-decoration:none; border-bottom: 1px dotted red; }
.b-field .collapsed { display:none; position:absolute; right:0; font-size:14px; background:#444; color:#999; padding:2px 10px 10px }
.b-field .progress { margin: 10px;}
.b-field .add-other { color:#999; margin:10px 0 -5px; padding: 0 5px; font-size:13px }
.b-field .add-other b { font-weight:normal; }
.b-field .add-other div { margin:5px;}

.b-topcards { margin: 0 10px }    
.b-topcards .topcards-text { font-size:80%; line-height:1.4em; margin:5px; color:#999 }
.b-topcards .topcards-one { float:left; }
.b-topcards .topcards-count { color:#999; margin: 7px 0 0; width:2em; text-align:right; font-size:15px; position:absolute }
.b-topcards .topcards-card { float:left; padding-left:2em; padding-right:1.5em }


/* game activity threads */
.b-activity-page { padding: 10px 20px; }
.b-activity-page h2 { color:#999;}
.b-activity-page .pager { color:#999; font-size:90%; margin: 20px 0 ;}

.b-activity-event { margin: 0 0 1em 0;}
.b-activity-event .activity-children { margin:2em 0 0 -5px; font-size:80%; color:#999;}
.b-activity-event .activity-comments { margin-top:1em;}
.b-activity-event .activity-title    { color:#99f; margin:0 5px;}
.b-activity-event .activity-author   { position:absolute; margin:8px 0px 0 262px; color:#666;}
.b-activity-event .activity-children .b-card-children-count {display:none;}
.b-activity-event .activity-text    { margin:0 5px;}
.b-activity-event .activity-comments ul { margin:0; padding:0 0 0 2em;}
.b-activity-event .activity-comments li { margin:.5em 0}
.b-activity-event .activity-children a.g-user:link, 
.b-activity-event .activity-children  a.g-user:visited { color:#686 !important; }
.b-activity-event .activity-children  a.g-user:hover, 
.b-activity-event .activity-children  a.g-user:active { color:#fcc !important; }


/* achievement cards */
.l-person-rating { float:left; margin:10px 10px 10px 0; }
.l-person-rating .l-rating { width:50px; }
.l-person-rating .r-rating { width:150px; height:50px; overflow:hidden; padding-left:5px;}
.b-achievements-rating .pic  { float:left; margin:0 5px; border:1px solid #999;}
.b-achievements-rating .pic img { display:block; margin:1px;}
.b-achievements-rating .rank { margin:2px 0; font-size:80%; color:#999;}
.b-achievements-rating .name { margin:2px 0; font-size:90%; }
.b-achievements-rating .state-rank { margin:2px 0 0; font: 70% Verdana, Arial, sans-serif; color:#999;}

/* comments */
.b-comments h2 { margin-top:0; padding:0; margin:0}
.b-comments { margin-left:10px; border-left: 1px dotted #999; padding:0px 5px 20px 5px;}
.b-comments .help { font-size:80%; color:#999; margin-left:5px;}
.b-comments .help p { padding:0; margin: 5px 0;}

.b-comments .discussion-title { padding-top:15px;}
.b-comments .comment { margin: 5px 0 15px 5px}
.b-comments .comment .type  { font-size:14px; font-weight:bold; clear:left; color:#444; margin: 0 5px -1px 0; padding:0 5px; float:left; }
.b-comments .comment .type-positive  { background:#6e6; }
.b-comments .comment .type-negative  { background:#f99; }
.b-comments .comment .type-question  { background:#99f; }
.b-comments .comment .body  { font-size:13px; color:#999; margin:5px 0; }
.b-comments .comment .reply { padding-left:1em }
.b-comments .comment .answer  { font-size:80%; margin:5px 0;  }
.b-comments .comment .answer a:link, 
.b-comments .comment .answer a:visited { color:#99f; }
.b-comments .comment .answer-form { display:none; font-size:80%; color:#999; }
.b-comments .comment .answer-form .area,
.b-comments .comment .answer-form .input { display:block; width:95%;}
.b-comments .comment .answer-form .area { display:none; }
.b-comments a.g-user:link, .b-comments a.g-user:visited { color:#686 !important; }
.b-comments a.g-user:hover, .b-comments a.g-user:active { color:#fcc !important; }

.b-comments .add { margin: 5px 5px 10px;}
.b-comments .add a:link, 
.b-comments .add a:visited { color:#99f; }


/* children subtrees */
.b-card-children {}    
.b-card-children .children-link      { font-size:13px; line-height:14px; color:#666; margin-top:10px;}
.b-card-children .children-link .big { font-size:17px; line-height:18px;}
.b-card-children .children { margin-left:-5px; margin-bottom:10px;}
.b-card-children .children .children-link { margin-left:5px; margin-top:5px; margin-bottom:10px}
.b-card-children-title .children-right { border:1px solid blue; display:none; }
.b-card-children-count { color:#999; font-size:13px; padding:8px 0 0;}
.b-card-children .b-card-children-count { display:none; }
.b-card-children-title .b-card-children-count { display:block; }

/* card designs */
.b-card-highlight { margin: 2px !important; border: 4px solid #9f9 !important; }
.b-card-hidden { cursor:default !important; }
.b-card-hidden .title { color:#fff !important; }
.b-card-hidden .type { color:#fff !important; }
.b-card-normal-arrow 
{ 
    background-repeat:no-repeat; background-image:url("/static/images/arrow.png"); 
    background-position: right 40px;
    padding-right:5px;
}
.b-card-tiny-arrow 
{ 
    background-repeat:no-repeat; background-image:url("/static/images/arrow.png"); 
    background-position: right 30px;
    padding-right:5px;
}

/* УКРАШАТЕЛЬСТВА КАРТ */
.b-card .b { background:#fff !important;}
.b-card { margin: 2px; position: relative; }
.b-card .shadow-l { position: relative; padding: 4px; background: url("/static/images/shadows/l-bg-l.gif") repeat-y 0 0; }
.b-card .shadow-r { position: relative; background: url("/static/images/shadows/l-bg-r.gif") repeat-y 100% 0;  }
.b-card .shadow-t { position: relative; background: url("/static/images/shadows/l-bg-t.gif") repeat-x 0 0;  }
.b-card .shadow-b { position: relative; background: url("/static/images/shadows/l-bg-b.gif") repeat-x 0 100%;  }
.b-card .shadow-tl { top: 0; left: 0; background: url("/static/images/shadows/l-bg-tl.png"); }
.b-card .shadow-tr { top: 0; right: 0; background: url("/static/images/shadows/l-bg-tr.png"); _right: expression(this.parentNode.offsetWidth % 2? "-1px" : "0"); }
.b-card .shadow-bl { bottom: 0; left: 0; background: url("/static/images/shadows/l-bg-bl.png"); _bottom: expression(this.parentNode.offsetHeight % 2? "-1px" : "0"); }
.b-card .shadow-br { bottom: 0; right: 0; background: url("/static/images/shadows/l-bg-br.png"); _right: expression(this.parentNode.offsetWidth % 2? "-1px" : "0"); _bottom: expression(this.parentNode.offsetHeight % 2? "-1px" : "0"); }

.b-field .b-card .shadow-l { position: relative; padding: 4px; background: url("/static/images/shadows/d-bg-l.gif") repeat-y 0 0; }
.b-field .b-card .shadow-r { position: relative; background: url("/static/images/shadows/d-bg-r.gif") repeat-y 100% 0;  }
.b-field .b-card .shadow-t { position: relative; background: url("/static/images/shadows/d-bg-t.gif") repeat-x 0 0;  }
.b-field .b-card .shadow-b { position: relative; background: url("/static/images/shadows/d-bg-b.gif") repeat-x 0 100%;  }
.b-field .b-card .shadow-tl { top: 0; left: 0; background: url("/static/images/shadows/d-bg-tl.png"); }
.b-field .b-card .shadow-tr { top: 0; right: 0; background: url("/static/images/shadows/d-bg-tr.png"); _right: expression(this.parentNode.offsetWidth % 2? "-1px" : "0"); }
.b-field .b-card .shadow-bl { bottom: 0; left: 0; background: url("/static/images/shadows/d-bg-bl.png"); _bottom: expression(this.parentNode.offsetHeight % 2? "-1px" : "0"); }
.b-field .b-card .shadow-br { bottom: 0; right: 0; background: url("/static/images/shadows/d-bg-br.png"); _right: expression(this.parentNode.offsetWidth % 2? "-1px" : "0"); _bottom: expression(this.parentNode.offsetHeight % 2? "-1px" : "0"); }
.b-card .shadow-tl,
.b-card .shadow-tr,
.b-card .shadow-bl,
.b-card .shadow-br { width: 6px; height: 6px; overflow: hidden; position: absolute; z-index: 10; }

.b-card .shadow-tl,
.b-card .shadow-tr,
.b-card .shadow-bl,
.b-card .shadow-br { width: 6px; height: 6px; overflow: hidden; position: absolute; z-index: 10; }


.b-card .wrapper { background: #fff; overflow: hidden; width: 100%; }
.b-card .head { cursor:pointer; cursor:hand; overflow: hidden; background: #41ffff url("/static/images/shadows/gr-marine.png" ) repeat-x 0 0; border-color: #ccc !important; }
.b-card .head-blue  { background: #8ba3ff url("/static/images/shadows/gr-blue.png" ) repeat-x 0 0; border-color: #7691f7 !important; }
.b-card .head-green { background: #7dc854 url("/static/images/shadows/gr-green.png") repeat-x 0 0; border-color: #64be34 !important; }
.b-card .head-custom  { background: #a5a5a5 url("/static/images/shadows/gr-gray.png" ) repeat-x 0 0; border-color: #ccc !important; }
.b-card .head-gray  { background: #a5a5a5 url("/static/images/shadows/gr-gray.png" ) repeat-x 0 0; border-color: #ccc !important; }
.b-card .head-red { background: #ec8686 url("/static/images/shadows/gr-red.png"  ) repeat-x 0 0; border-color: #db7575 !important; }
.b-card .head-orange { background: #ec8686 url("/static/images/shadows/gr-orange.png"  ) repeat-x 0 0; border-color: #ffb535 !important; }
.b-card .head-violet { background: #ec8686 url("/static/images/shadows/gr-violet.png"  ) repeat-x 0 0; border-color: #c335ff !important; }
.b-card .head-marine { background: #ec8686 url("/static/images/shadows/gr-marine.png"  ) repeat-x 0 0; border-color: #41ffff !important; }
.b-card .head-yellow { background: #ec8686 url("/static/images/shadows/gr-yellow.png"  ) repeat-x 0 0; border-color: #ffed35 !important; }
.b-card .head-brown { background: #ec8686 url("/static/images/shadows/gr-brown.png"  ) repeat-x 0 0; border-color: #ffbc34 !important; }
.b-card .head-purple { background: #ec8686 url("/static/images/shadows/gr-purple.png"  ) repeat-x 0 0; border-color: #ff34c6 !important; }

.b-card .head a:link, .b-card .head a:visited  { color:#fff !important; }
.b-card .head a:hover, .b-card .head a:active  { color:#444 !important; }

.b-card-title .head { float: left; margin-right: 5px; }

/* КОНЕЦ УКРАШАТЕЛЬСТВА КАРТ */

.b-card-tiny    { width:123px; cursor:pointer; cursor:hand;}
.b-card-tiny .b { overflow:hidden; height:65px; }
.b-card-tiny .head { height: 17px; border-bottom: 1px solid; }
.b-card-tiny .type  { padding:1px 5px 0; font: bold 12px/17px Verdana, Arial, sans-serif; color: #fff; }
.b-card-tiny .title { font-size:13px; padding: 5px;  }

.b-card-normal    { width: 280px; }
.b-card-normal .b { background:#fff; overflow: hidden; height: 130px; }
.b-card-normal .head { height: 17px; border-bottom: 1px solid; }
.b-card-normal .type    { cursor: pointer; cursor: hand; padding: 1px 5px 0; font: bold 12px/17px Verdana, Arial, sans-serif; color: #fff; float: left; }
.b-card-normal .author  { color: #666; padding: 1px 5px 0; font: 11px/17px Arial, sans-serif; float: right; }
.b-card-normal .title { clear:left; font-size:15px; color:#000; font-weight:bold; padding: 5px 5px 0;  }
.b-card-normal .text  { clear:left; font-size:13px; color:#666; padding:5px;  }
.b-card-normal .links { color:#aaa; background:#fff; font-size:13px; padding: 2px 5px 5px; }
.b-card-normal .focus { float:right; padding-top:0px; }
.b-card-normal a.add { text-decoration:none; border-bottom: 1px dotted #00f;}
.b-card-normal .focus a { text-decoration:none; border-bottom: 1px dotted #aaa;}
.b-card-normal .focus a:link, .b-card-normal .focus a:visited { color:#aaa; border-color:#aaa; }
.b-card-normal .rating { float:right; font:12px Verdana, Arial, sans-serif; color:#999; padding:0 2px 2px;}

.b-card-big    { width:330px; }
.b-card-big .b { background:#fff; overflow: hidden; height: 190px; }
.b-card-normal .head { height: 17px; border-bottom: 1px solid; }
.b-card-big .type    { padding: 1px 5px 0; font: bold 12px/17px Verdana, Arial, sans-serif; color: #fff; float: left; }
.b-card-big .author  { color: #666; padding: 1px 5px 0; font: 12px/17px Verdana, Arial, sans-serif; float: right; }
.b-card-big .title { clear:left; font-size:15px; color:#000; font-weight:bold; padding:5px 5px 0;  }
.b-card-big .text  { clear:left; font-size:15px; color:#666; padding:5px 5px 5px;  }
.b-card-big .links { color:#aaa; background:#fff; font-size:13px; padding: 2px 5px 5px; }
.b-card-big .permalink { float:right; padding-top:5px; }
.b-card-big .permalink a:link, .b-card-big .permalink a:visited { font-size:11px; color:#aaa; }
.b-card-big a.add { text-decoration:none; border-bottom: 1px dotted #00f;}
.b-card-big .rating { float:right; font:12px Verdana, Arial, sans-serif; color:#999; padding:0 2px 2px;}

.b-card-big .deck-remove a.add:link,
.b-card-normal .deck-remove a.add:link,
.b-card-big .deck-remove a.add:visited,
.b-card-normal .deck-remove a.add:visited { text-decoration:none; border-bottom: 1px dotted #999; color:#999;}
.b-card-big a.add:hover,
.b-card-normal a.add:hover,
.b-card-big a.add:active,
.b-card-normal a.add:active { text-decoration:none; border-bottom: 1px dotted #f99; color:#f99;}

.b-card-normal .deck-remove,
.b-card-big .deck-remove { display:none; margin-left:2px;}
.b-card-normal .in-deck .deck-remove,
.b-card-big .in-deck .deck-remove { display:block;}
.b-card-normal .in-deck .deck-add,
.b-card-big .in-deck .deck-add { display:none;}
.b-card-big .deck-remove span,
.b-card-normal .deck-remove span { color: #f99;}

.b-card-title    { width: 280px; cursor:pointer; cursor:hand; }
.b-card-title .b { background: #fff; overflow:hidden; height:18px; }
.b-card-title .type    { padding: 1px 5px 0; margin-right: 5px; font: bold 12px/17px Verdana, Arial, sans-serif; color: #fff; float: left; }
.b-card-title .text,
.b-card-title .title { font-size: 11px; font-family:Verdana, Arial, sans-serif; line-height: 15px; color:#000; padding:2px;  }
.b-card-title .text { color:#666; }
.b-card-title .links,
.b-card-title .author { display:none; }
.b-card-title .rating { float:right; font:12px Verdana, Arial, sans-serif; color:#999; padding:0 2px 2px;}

.b-card-s       { border-color:#f99; }
.b-card-big .meta,
.b-card-normal .meta,
.b-card-title .meta,
.b-card-tiny .meta  { background:#9f9; color:#6a6; }

.b-card-meta { }
.b-card-meta h1 { color:#999 }
.b-card-meta h1 b { font-weight:normal; color:#000;}
.b-card-meta h3 { margin:0; padding:0; text-align:right; color:#999;}
.b-card-meta .text { margin: 0 10px 0; font-size:90%; line-height:1.4em;}
.b-card-meta .links { margin:0; }
.b-card-meta .links li { margin:.5em 0; font-size:90%; }
.l-card-meta { width:100%;}
.l-card-meta .r { width:70%;}
.l-card-meta .s { width:30%;}
.l-card-meta .l div { width:135px;}
.l-card-meta .ss { height:1px; margin: 0 -20px 10px 50px; border-bottom:1px dotted #ccc;}
.b-card-meta .see-also { font-size:90%; color:#999; }
.b-card-meta .see-also ul { margin:0; padding: 0 0 0 1.5em; }
.b-card-meta .see-also ul li { margin:.5em 0;}

.b-card-flag { margin: 0 5px; font: 11px Verdana, Tahoma, Arial, sans-serif; color:#666; text-align:right;}    
.b-card-flag .flag-details { color:#999; font:12px/16px Arial; display:none;}    
.b-card-flag .flag-details div { margin:0 3px;}
.b-card-flag .flag-done { color:#999; display:none; }    
.b-card-flag-flagged { text-align:center; border: 1px solid #ff9; background: #ffc; margin: 0 5px; padding: 5px; color:#900; font-size:15px;}

.b-card-tweet { margin: 0 5px; font: 11px Verdana, Tahoma, Arial, sans-serif; color:#666; text-align:left;}    
.b-card-tweet .flag-details { color:#999; font:12px/16px Arial; display:none;}    
.b-card-tweet .flag-details div { margin:3px 0;}
.b-card-tweet .flag-done { color:#999; display:none; }