html {overflow-y: scroll; overflow-x: auto;}
body {font-size: 14px; background: #090807 url(http://images.beeets.com/v3/images/template/background_flyers.jpg) fixed center top repeat-x; font-family: 'Lucida Sans Unicode', 'Lucida Grande'; width: 100%; margin: 0; padding: 0; text-align: center;}

* {margin: 0; padding: 0;}
h1 {margin: 0 0 7px 0; line-height: 1.1em; font-size: 2.2em;}
h2 {margin: 0 0 6px 0; line-height: 1.1em; font-size: 1.9em;}
a {color: #c2a67e; text-decoration: none;}
a:hover {text-decoration: underline;}
*:focus{outline: 0;}
img {border: 0;}

.clearMe {display: block; height: 0; clear: both; font-size: 0;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* hide IE mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* */

#shadow {position: absolute; top: 0; left: 50%; margin: 0 0 0 -480px; width: 378px; min-height: 100%; z-index: 0; background: url(http://images.beeets.com/v3/images/template/sidebar.png) 0 0;}
#ebody {position: relative; z-index: 1;}
#econtainer {text-align: left; max-width: 960px; margin: 0 auto;}

#etop {margin: 0 0 0 0;}
#etop .header {padding: 24px 18px 10px 0; float: left;}
#etop .header h1 {padding-bottom: 14px}
#etop .header h1 span {display: none;}
#etop .header h1 a {display: block; width: 118px; height: 31px; margin: 0 0 0 30px; background: url(http://images.beeets.com/v3/images/template/beeetsmap.png) -265px top no-repeat;}
#etop .header h1 a:hover {text-decoration: none; border: 0;}
#etop .nav ul {float: left; display: block; list-style: none; margin: 0; padding: 34px 0 0 0;}
#etop .nav li {float: left; margin: 6px 6px 0 0; padding: 0 0 0 8px; background: url(http://images.beeets.com/v3/images/template/beeetsmap.png) -353px -34px no-repeat;}
#etop .nav li:first-child {padding: 0; background: none;}
#etop .nav li.sel a {color: #fff;}
#etop .nav a {color: #ccc; font-size: 1em; text-transform: lowercase;}
#etop .nav a:hover {color: #fff;}
#etop .login {float: right; width: 552px; margin: 4px 0 0 0; color: #e0e0e0; font-size: .9em; position: relative; z-index: 12;}
#etop .login ul.links {position: absolute; list-style: none; top: 36px; padding: 0 0 0 0;}
#etop .login ul.links li {display: inline; margin: 0 0 0 7px; font-size: 1em;}
#etop .login ul.links li:first-child {margin-left: 0;}
#etop .login .login-box {position: absolute; width: 250px; top: 60px; left: -8000px; padding: 10px 10px 0 10px; border: 1px solid #444; background: #000;}
#etop .login .head a {float: right; font-size: .9em;}
#etop .login .head h3 {padding: 0 28px 10px 0; margin: 0 0 3px 0; color: #ddd; font-size: 1.2em; font-weight: normal;}
#etop .login .head label {font-size: .9em;}
#etop .login.form .form_row .label label {width: 36%;}
#etop .login.form label {display: inline-block; vertical-align: top; margin: 3px 0 0 0; color: #ccc; font-size: .9em;}
#etop .login.form input.t {width: 107px; height: 18px; vertical-align: top; margin: 0 12px 0 6px; padding: 2px 0 0 0; color: #333; background: #ddd; border: 1px solid #333;}
#etop .login.form .button {float: right; margin: 0 40px 0 0;}
#etop .login .loggedin {padding: 12px 0 0 0;}
#etop .login .loggedin img.avatar_image {float: left; max-width: 40px; max-height: 40px; margin: 0 10px 0 0;}
#etop .login .loggedin .links {padding: 3px 0 0 0; color: #666;}
#etop .settings {position: absolute;}

#emain {padding: 0 0 0 0; min-height: 450px;}
#emain > .main {padding: 0 0 20px 0;}
#emain > .main > .gutter {/*position: relative;*/}

#emain .extra {padding: 0; margin: 0; float: left; width: 39%;}
#emain .extra .lgutter {padding: 42px 33px 0 33px;}
#emain .content {width: 60%; float: right;}
#emain .content .lgutter {padding: 42px 0 0 24px;}

#ebottom {width: 56%; margin: 40px 0 0 0; float: right; padding: 0; text-align: left;}
#ebottom .links {margin: 10px 0 10px 0;}
#ebottom a {font-size: .9em;}
#ebottom .links ul {text-align: left; line-height: 1.8em;}
#ebottom .links li {display: inline; padding: 0 13px 0 0; margin: 0 10px 0 0;}
#ebottom .links li.first {}
#ebottom .links li.twat {font-size: .9em;}
#ebottom .footer {text-align: left; font-size: .7em; color: #999;}

/* ajax template styles */
#ebody_ajax {text-align: left;}
#ebody_ajax #econtainer {text-align: left; max-width: 800px; margin: 0 auto; height: 100%;}
#ebody_ajax .main {}
#ebody_ajax .main .gutter {padding: 15px 10px 10px 10px;}

/* bare template */
body.bare {background: #0f0e0c;}
body.bare #ebody {background: none; padding: 10px 16px;}
body.bare #emain {margin-top: 10px;}/* generic styles */
.main {color: #ddd; font-size: .9em;}
.main ul {padding: 0 0 0 20px;}
.main ol {padding: 0 0 0 20px; list-style-type: decimal;}
.main p {padding: 0 0 1em 0;}
.main h1 {margin: 0 0 16px 0; font-size: 2.6em; font-weight: normal; line-height: 1em; color: #b59365;}
.main h1 small {display: block; text-align: right; font-size: .5em;}
.main h2 {font-size: 1.9em; color: #b59365; word-spacing: .1em;}
/*.main h3 {font-size: 1.8em; font-weight: normal; color: #b59365;}*/
.main h3 {color: #b5bf97; font-size: 1.2em; font-weight: normal; margin: 0 0 6px 0;}
.main h4 {font-size: 1.55em; color: #b5bf97; padding: 0 0 1em 0; line-height: 1.2em; font-weight: normal;}
.main h5 {font-size: 1.25em; color: #b5bf97; padding: 0 0 1em 0; line-height: 1.2em; font-weight: normal;}
.main a {}
.main small {font-size: .8em;}
.main abbr {border-bottom: 1px dotted #444;}
.main ul.bullets {margin: 0 0 6px 25px; padding: 0 0 0 10px; }
.main ul.bullets li {padding: 0 0 10px 0; font-size: 1em; font-weight: normal;}
.main ul.bullets li strong {color: #accbe3;}
.main em {color: #b5bf97; font-style: normal;}
.main acronym {color: #cad1b6; border-bottom: 1px dashed #adb39b; cursor: help;}
.main .note {color: #ffb4a3;}
.main span.tag {color: #da8; text-transform: lowercase;}
img {font-size: .1em;}
img#preview {font-size: 1em;}
label {cursor: pointer;}

.error {color: #ff8585 !important;}
.success {color: #c1df4f !important;}
.status_online {color: #a2b36f;}
.status_offline {color: #d17575;}
.box {margin: 0 0 16px 0;}
.box .gutter {padding: 10px;}

/* bbcode styles */
.bbcode_list { list-style-type: square; }

/* top errors/messages */
#msg_top {position: fixed; left: 0; top: 0; z-index: 10001; width: 100%; margin: 0; padding: 0; cursor: pointer; text-align: left; background: #554933;}
#msg_top .messages {display: none; position: relative; width: 940px; padding: 8px 0; margin: 0 auto; color: #ddd; }
#msg_top .messages ul {margin: 0 0 0 16px; list-style: none;}
#msg_top .messages .error {color: #ffa397 !important;}
#msg_top .messages .success {color: #c1df4f !important;}

/* Text-only page styles */
.main .text {line-height: 1.5em; font-size: 1.1em; color: #ddd;}
.main .text h1 {font-size: 2.4em;}
.main .text h2 {margin: 0 0 10px 0; font-size: 1.4em; font-weight: normal;}
.main .text h3 {font-weight: normal; color: #accbe3;}
.main .text p {padding: 0 0 1.4em 0;}

.main .text.page {margin: 0 auto; width: 69%;}
.main .infobox {text-align: center; padding: 10px; border: 2px solid #505050; margin: 10px 30px; }
.main .infobox .karma.small {margin: 0 auto;}

/* square event listing */
.ev-list {width: 100%; padding: 17px 0 0 0;}
ul.ev-list, .ev-list ul {margin: 0; padding: 0; list-style: none;}
.ev-list li {font-size: 1em; text-align: center; float: left; width: 108px; margin: 0; padding: 0 0 16px 0;}
.ev-list li a:hover {text-decoration: none;}
.ev-list li .wrap {display: inline-block;}
.ev-list li .image {display: table-cell; vertical-align: middle; line-height: 95px; text-align: center; width: 95px; height: 95px; padding: 0; opacity: .6; filter:alpha(opacity=60); background: #000;}
.ev-list li .image img {max-width: 95px; max-height: 95px; margin: 0; padding: 0;}
.ev-list li h2 {display: block !important; margin: 0 !important; padding: 0 6px !important; height: 1.2em; overflow: hidden; text-align: center; text-transform: lowercase; font-size: 11px !important; word-spacing: 0; font-weight: normal;}
.ev-list li h2 a {margin: 0; font-size: 1em; color: #999;}
.ev-list li:hover .image {opacity: 1; filter:alpha(opacity=100);}
.ev-list li:hover a {}
.ev-list a.back {float: left; margin: 3px 0 0 10px;}
.ev-list a.more {float: right; margin: 3px 40px 0 0;}
.ev-list .ldate {display: none; font-size: .7em;}
.ev-list .location {display: none;}

/* location box */
.location_box {font-size: 14px; position: absolute; z-index: 1001; margin: -16px 0 0 33px; width: 322px;}
.location_box h2 {display: inline; margin: 0; font-size: 1.15em; font-weight: normal; line-height: 1.4em;}
.location_box small {font-size: .7em;}
.location_box #change_loc_box {display: none; position: absolute; z-index: 100; width: 90%; margin: 0 0 0 -10px; padding: 10px 20px 16px 20px; border: 1px solid #444; background: #000;}
.location_box #change_loc_box h2 {}
.location_box #change_loc_box p {font-size: .8em; padding: 6px 0 6px 0;}
.location_box #change_loc_box a {font-size: .8em;}
.location_box #change_loc_box span {font-size: .8em;}
.location_box #change_loc_box input#newloc {margin: 0 0 5px 2px;}
.location_box #change_loc_box select {width: 100%;}
.location_box #change_loc_box .autocomplete li {text-transform: none;} 
.location_box #change_loc_box .search {margin-bottom: 6px;}
.location_box #change_loc_box .search input {text-transform: none;}


/* beeets prompt box */
.b_prompt_win {position: absolute; background: url(http://images.beeets.com/v3/images/site/trans_444_85.png) left top; border: 1px solid #333; padding: 10px;}
.b_prompt_win h3 {font-size: 1em; font-weight: normal; color: #f7cb94;}

.events-list #emain .extra .lgutter {padding-top: 24px;}
.events-list #emain .content .lgutter {padding-top: 24px;}
.events .main > .gutter > .error_list {position: absolute; margin-top: -30px;}
.events .main .text {font-size: 1.2em;}

/* ----------------------------------------- */


.events .tags {}
.events .tags .note {padding: 10px 5px; font-size: .8em; line-height: 1.3em;}
.events .tags .groups {z-index: 12;}
.events .tags .groups ul {float: left; list-style: none; margin: -1px 0 0 0; padding: 0; z-index: 12;}
.events .tags .groups li {float: left; position: relative; display: inline; cursor: pointer; padding: 0; margin: 1px 10px 6px 0;}
.events .tags .groups li a {display: block; margin: 0; padding: 4px 6px; background: #222;}
.events .tags .groups li.sel a {background: #333;}
.events .tags .groups li.del_group a:hover {background: #705050; color: #e1ba6c;}
.events .tags .groups li input {height: 16px; border-top: 0; border-bottom: 0;}
.events .tags .groups li.sel input {position: relative; margin-top: -1px;}
.events .tags .groups span.adder {height: 30px;}
.events .tags .groups span.adder div {float: left; white-space: nowrap; }
.events .tags .groups span.adder input {padding: 0; width: 85px; color: #666666;}
.events .tags .groups span.adder a {font-size: 1em; cursor: pointer;}
.events .tags .groups span.adder a:hover {border: 0; color: #accbe3;}
.events .tags .groups span.adder .actions {font-size: 1.6em; }
.events .tags h2 {color: #ccc; font-size: 1.3em; font-weight: normal; padding: 0 5px;}
.events .tags p {padding-left: 5px;}
.events .tags .start {float: left;}
.events .tags .tag_ul_list .group_list {display: none;}
.events .tags .tag_ul_list .group_list.sel {display: block;}
.events .tags em.hover {border-bottom: 1px dashed #c2e4ff; cursor: help;}
.events .tags .search {position: relative; z-index: 1000; display: inline-block; text-align: left; padding: 6px; margin: 0 0 16px 0; white-space: nowrap;}
.events .tags .search form {display: inline;}
.events .tags .search input {width: 160px; font-size: 1.2em; color: #000; height: 23px; margin: 0 0 0 0; border: 1px solid #888; background: #ddd;}
.events .tags .search input.go {vertical-align: top; height: 27px; border: 0; margin: -1px 0 0 0; opacity: .7; filter:alpha(opacity=70); width: auto; background: none;}
.events .tags .search input.go:hover {opacity: .9; filter:alpha(opacity=90)}
.events .tags .autocomplete {top: 6px; left: 5px}
.events .tags .autocomplete ul {margin: 0; padding: 0; top: 0;}
.events .tags .autocomplete li {border: 0; font-size: 1.2em;}
.events .tags .post {text-align: center;}

.events #ev_load {display: none; margin: -24px 0 0 0; position: absolute; }

#sort_ghost {display: block; position: absolute; text-transform: lowercase;}
#sort_ghost span {display: inline-block; text-transform: lowercase; white-space: nowrap; font-size: 1em; font-weight: bold; padding: 0 0 1px 2px; cursor: pointer; color: #e9e9e9;}
#sort_ghost ul {display: none;}

.events .list {}
.events .list .pages {text-align: right;}
.events .list .pages .info {background: none; margin: 4px 0 0 6px;}
.events .list .video {margin: 45px 0 0 20px; margin: 62px 0 0 0;}

.events .list ul {list-style: none; margin: 0; padding: 20px 0;}
.events .list ul.event-list li {margin: 0 0 20px 0; padding: 0 0 0 0; border-bottom: 1px dashed #222;}
.events .list ul.event-list li.last {border: 0;}
.events .list ul.event-list li a {display: block; cursor: pointer;}
.events .list ul.event-list li a:hover {text-decoration: none;}
.events .list ul.event-list li .head {border-bottom: 0px dashed #656565; padding: 0 0 20px 0; margin: 0 0 0 0;}
.events .list ul.event-list li .head .wrap {display: inline-block; float: left; padding: 0 10px 2px 0;}
.events .list ul.event-list li .head .image {display: table-cell; vertical-align: middle; line-height: 90px; text-align: center; width: 90px; height: 90px; padding: 0 !important; opacity: .6; filter:alpha(opacity=60); background: #000;}
.events .list ul.event-list li .head .image img {max-width: 90px; max-height: 90px; padding: 0 !important;}
.events .list ul.event-list li .head .text {display: inline; font-size: 1em; line-height: 1.8em;}
.events .list ul.event-list li .head h2 {margin: 0 0 0 0; font-size: 1.3em; line-height: 1.4em; word-spacing: 0; font-weight: normal; color: #bfc18b; padding: 0; border: 0;}
.events .list ul.event-list li .head h2 a {margin: 0; color: #bfc18b; font-size: 1em;}
.events .list ul.event-list li .head h2 a:hover {border: 0;}
.events .list ul.event-list li .head:hover h2 {color: #d2d498;}
.events .list ul.event-list li .head:hover .image {opacity: 1; filter:alpha(opacity=100);}
.events .list ul.event-list li .head em {display: block; font-size: 1.1em; color: #ccc;}
.events .list ul.event-list li .head em span {font-size: .8em; font-style: normal; color: #888;}
.events .list ul.event-list li .head em span.location {font-size: 1em; color: #ccc;}
.events .list ul.event-list li .head .time {font-size: .9em;}
.events .list ul.event-list li abbr {outline: 0; border: 0;}

.events .list ul.bbcode_list {list-style: square; margin:0 0 0 20px; padding:0px;}
.events .list ul.event-list ul.bbcode_list li {margin: 0; background:none;}

.events .info .tags .tag_ul_list li {float: none; margin: 0 10px 6px 10px; padding: 0 0 6px 0; border-bottom: 1px dashed #808080;}
.events .info .tags .tag_ul_list li span {white-space: normal; text-transform: lowercase;}
.events .info .tags .search {float: none; margin: 8px 10px;}

.date {float: right; margin: 0 0 0 12px; padding: 0 0 4px 0; width: 50px; background: #222; text-align: center;}
.date h3 {background: #a89985; color: #222; font-size: 1em; line-height: 1.4em; font-weight: bold; margin: 0 0 3px 0;}
.date span {font-size: 1.4em; color: #ccc; margin: 0;}

.events .event h2 {color: #bfc18b; margin: 0 0 12px 0; padding: 0 0 4px 0; font-size: 1.3em; line-height: 1.2em; font-weight: normal; border-bottom: 1px dashed #222;}
.events .event .image {padding: 0 0 20px 0; text-align: center;}
.events .event .head {font-size: 1.1em; line-height: 1.8em; border-bottom: 0px dashed #656565; padding: 0 0 0 0; margin: 0 0 0 0;}
.events .event .head h1 {margin: 0 0 6px 0; font-size: 1.7em; line-height: 1.2em; word-spacing: 0; font-weight: normal; color: #bfc18b;}
.events .event .head h1 a {margin: 0; color: #bfc18b; font-size: 1em;}
.events .event .head h1 a:hover {border: 0;}
.events .event .head em {display: block; font-size: 1.3em; color: #ccc;}
.events .event .head em span {font-size: .7em; font-style: normal; color: #888;}
.events .event .head em span.location {font-size: 1em; color: #ccc;}
.events .event .head abbr {border: 0;}
.events .event .info {padding: 0 0 0 0 !important; margin: 0 0 0 0 !important; font-size: .9em;}
.events .event .info .desc {font-size: 1.2em; border-top: 1px dashed #222; margin: 10px 0 24px 0; padding: 10px 10px 0 10px; line-height: 1.8em;}
.events .event .info .meta {font-size: 1.2em; line-height: 1.8em;}
.events .event .groups {padding: 0 0 32px 0;}
.events .event .groupform {float: right;}
.events .event .groups img {float: left; margin: 0 10px 0 0; max-width: 50px; max-height: 50px;}
.events .event .groups .ev-list {padding: 6px 0 0 0;}
.events .event .groups .ev-list li {width: 65px; padding: 0 0 6px 0;}
.events .event .groups .ev-list li .image {display: table-cell; vertical-align: middle; line-height: 50px; text-align: center; width: 50px; height: 50px; padding: 0; opacity: .6; filter:alpha(opacity=60); background: #000;}
.events .event .groups .ev-list li .image img {max-width: 50px; max-height: 50px; margin: 0; padding: 0;}
.events .event .map {margin: 0; padding: 0 0 32px 0;}
.events .event .map #event_map {height: 240px;}
.events .event .map #event_map {position: relative; overflow: hidden;}
.events .event .map #event_map iframe {border: 0; margin: 0; padding: 0; width: 100%; height: 100%;}
.events .event .map #event_map_link {text-align: right;}
.events .event .map .gmnoprint {line-height: 1.6em; font-size: 1em; color: #000; font-family: arial;}
.events .event .info .details {margin: 16px 0 0 0;}
.events .event .info .user {float: left; width: 46%;}
.events .event .info .actions {padding: 14px 0 0 0; color: #666;}
.events .event .info .desc img {max-width: 100%;}
.events .event .user {padding: 0 0 20px 0;}
.events .event .user img {float: left; margin: 0 10px 0 0; max-width: 50px; opacity: .75; filter:alpha(opacity=75);}
.events .event .user img:hover {opacity: .95; filter:alpha(opacity=95);}
.events .event .user a {font-size: 1.1em;}
.events .event .social ul {list-style: none; padding: 0; margin: 0 0 16px 0; text-align: left;}
.events .event .social li {display: inline; margin: 0 4px 0 0;}
.events .event .approve {padding: 0 0 16px 0;}
.events .event .approve .btn_approve {font-weight: bold;}
.events .event .tags {width: auto; float: none; font-size: .9em; margin: 0 0 16px 0; color: #888;}
.events .event .tags ul {margin: 0; padding: 0; width: auto;}
.events .event .tags li {position: relative; text-transform: lowercase; font-weight: bold; margin: 0 22px 0 0; display: block; float: left; white-space: nowrap;} 
.events .event .tags li h2 {display: inline-block; font-style: normal; padding: 0 0 0 2px; font-size: 1.2em; border: 0;}
.events .event .tags li h2 img {display: none;}
.events .event .dates.desc {border-top: 0; margin: 0 0 32px 0; padding: 0;}
.events .event .dates .rec {margin-top: -4px;}
.events .event .dates .rec img {float: left; padding: 4px 0 0 0;}
.events .event .dates .rec span {margin: -5px 0 0 4px;}
.events .event .related {margin: 0 0 32px 0; height: 148px; font-size: 1.2em; padding: 0;}
.events .event .related h2 {font-size: 1.1em;}
.events .event .related h2 small {float: right; font-size: .8em;}
.events .event .related h2 a.disabled {color: #999; cursor: default;}
.events .event .related h2 a.disabled:hover {text-decoration: none;}
.events .event .related .ev {margin-right: 0; padding: 0; width: 108px;}
.events .event .related .ev h2 {border: 0; padding: 0;}
.events .event .related .ev .image {padding: 0;}
.events .event .actions {margin: 0 0 16px 0;}

.events .comments {padding: 24px 0 0 0;}
.events .comments ul {list-style: none; padding: 0; margin: 0 0;}
.events .comments li {margin: 0 0 8px 0; padding: 8px 0 0 0; border-top: 1px dashed #222;}
.events .comments li.first {padding-top: 0; border-top: 0;}
.events .comments li .clear {padding: 0 0 0 0;}
.events .comments li .user {float: left; padding: 0 0 0 0;}
.events .comments li .body {float: right; width: 88%; padding: 0;}
.events .comments li .body p {padding: 0 0 5px 0;}
.events .comments li .body.post textarea {width: 100%; height: 50px; background: #ddd; border: 0; margin: 0 0 6px 0;}
.events .comments li .body.post textarea.gray {color: #777;}
.events .comments li .body.post .submit {float: right; margin: 0;}
.events .comments li h3 {color: #bfc18b; display: inline;}
.events .comments li h3 a {color: #c9a16d !important;}
.events .comments li img {float: left; margin: 0 10px 0 0; max-width: 50px;}
.events .comments li .cdate {font-size: .9em; color: #888;}
.events .comments li .actions {color: #666666; margin: 0; padding: 0;}

.events .comments .none {margin: 0 0 16px 0; padding: 15px 20px;}
.events .comments .add {width: 60%; margin: 0 auto;}
.events .comments .add h2 label {cursor: pointer;}
.events .comments .add h2 label.error {color: #dd5555;}
.events .comments .add textarea {height: 50px; margin: 0 0 4px 0;}


.events .bbbuttons {width: 90%; text-align: left; padding: 3px 0 0 11%; margin: 0 0 0 6px;}
.events .bbbuttons button {width: 24px; margin: 3px 0 0 0; background: none; border: 0; background: #efefde;}
.events .bbbuttons button img {padding: 1px;}
.events .bbbuttons button:hover img {padding: 0; border: 1px solid #333;}

/* event form */
.events #emain .events-post .extra .lgutter,
.events #emain .events-post .content .lgutter {padding-top: 40px;}
.events-post {background: url(http://images.beeets.com/v3/images/site/events/post.png) right 16px no-repeat;}
.events-post h1 {padding: 0 0 0 0; margin: 0 0 16px 0; font-weight: normal; font-size: 2.6em;}
.events-post h2 {border-bottom: 1px dashed #222; margin: 10px 0 16px -10px;}
.events-post h2 span {font-size: .8em; font-weight: normal; color: #b5bf97;}
.events-post .step {padding: 0 0 32px 0;}
.events-post .upload {text-align: center;}
.events-post a#uploader {display: block;}
.events-post #preview {max-width: 312px; max-height: 520px;}
.events-post p.text {padding: 0; margin: 0;}
.events-post .tags .search {margin: 0;}
.events-post .location .name {padding-bottom: 16px;}
.events-post .location .name .form_row {padding-bottom: 0; margin-bottom: 5px;}
.events-post .location .search #data_location {text-transform: none;}
.events-post .location .autocomplete ul {width: 440px;}
.events-post .location .autocomplete ul li {white-space: nowrap; overflow: hidden;}
.events-post .location .address {width: 70%;}
.events-post .location .optional {margin: 5px 0 0 5px; padding: 0 0 10px 10px;}
.events-post .location .optional .form_row .input input {width: 95%; }
.events-post .location .optional .triple .form_row {width: 30.5%; margin-right: 2.5%; }
.events-post a.adddate {display: block; padding: 0 0 16px; 0; font-weight: bold;}
.events-post .dates .remove {float: left; position: relative; top: 30px; font-size: 16px;}
.events-post .dates .select {padding: 6px 0;}
.events-post .dates .select label {color: #cad1b2; margin: 3px 2% 0 6px; font-size: 1.2em;}
.events-post .dates .type {padding: 10px 0 10px 16px;}
.events-post .dates .recurring .rec {padding: 10px 0;}
.events-post .dates .recurring .ws input,
.events-post .dates .recurring .dow input {margin: 0 1px 0 6px;}
.events-post .dates .recurring #happens_str {display: block; padding: 6px 4px 7px 4px; margin: 10px 0 6px 0; font-size: 1.1em; background: #111; border: 1px solid #222;}
.events-post .form .form_row {margin: 0 0 16px 0;}
.events-post .form .form_row .label {display: block; font-size: 1.2em; padding: 0 0 4px 0; letter-spacing: .05em;}
.events-post .form .form_row .label label {text-align: left;}
.events-post .form .form_row .input {display: block;}
.events-post .form .form_row .input input {font-size: 1.3em; width: 80%; height: auto; padding: 4px 0;}
.events-post .form .form_row textarea {width: 98.1%; padding: 5px;  font-size: 1.1em; line-height: 1.6em; font-family: 'Lucida Sans Unicode', 'Lucida Grande';}
.events-post .form .triple .form_row {width: 28.6%;}
.events-post .form .buttons {padding: 16px 0 0 0;}
.events-post .form .buttons .cancel {float: right;}
.events-post .form .buttons input {float: left; margin: 0 20px 0 0;}
.events-post .step5.disabled label {color: #999;}

.ticketing ul.pricing {list-style: none; margin: 0; padding: 0;}
.ticketing .form .form_row {margin: 0 0 16px 0;}
.ticketing .form .form_row .label {}
.ticketing .form .form_row .label label {text-align: left; text-transform: none;}
.ticketing .form .form_row .input input {width: 80%;}
.ticketing .form .triple {padding: 0 0 0 16px;}
.ticketing .form .triple .form_row {width: 28.6%;}
.ticketing .dates .select {padding: 6px 0;}
.ticketing .dates .select label {color: #cad1b2; margin: 3px 2% 0 6px; font-size: 14px;}
.ticketing .dates .type {padding: 10px 0 10px 16px;}
.ticketing .dates .date {float: left; margin: 6px 24px 0 0;}
.ticketing .form .buttons {padding: 16px 0 0 0;}
.ticketing .form .buttons .cancel {float: right;}
.ticketing .form .buttons input {float: left; margin: 0 20px 0 0;}
body.home #econtainer {background: none; position: static; margin: 0 auto;}

.home #etop {color: #ddd; position: relative; height: 0px; position: relative; z-index: 10;}
.home #etop .login {float: right; position: relative; top: 118px; left: -137px; width: 350px; margin: 10px 0 0 0; color: #e0e0e0; font-size: .9em; position: relative; z-index: 12;}
.home #etop .login ul.links {position: absolute; top: 0; list-style: none; padding: 0 0 0 0;}
.home #etop .login ul.links small {color: #666;}
.home #etop .login .login-box {top: 24px;}

.home #emain {margin: 0;}
.home #emain > .main > .gutter {padding: 0;}
.home #emain .content .lgutter {padding-top: 0; padding-left: 33px;}
.home #emain .extra .lgutter {padding-top: 0; padding-right: 24px;}

.home #ebottom {width: auto; float: none; margin: 0; padding-left: 33px;}

/* ----------------------------------------- */

.home .search-box .autocomplete ul { width: 300px; }

.home .head.section {margin: 0; padding: 50px 0 70px 0;}
.home .head h1 {margin: 0; padding: 0 0 7px 0; line-height: 1;} /* padding: 0 0 7px 29px; */
.home .head h1 a {display: block; width: 263px; height: 70px; background: url(http://images.beeets.com/v3/images/template/beeetsmap.png) 0 0 no-repeat;}
.home .head h1 span {display: none;}
.home .head .extra {height: 77px;}
.home .head .extra ul {float: right; list-style: none; padding: 0 53px 0 0;} /* margin: 0 0 0 120px */
.home .head .extra ul li {display: inline; margin: 0 2px 0 0; padding: 0 0 0 8px; background: url(http://images.beeets.com/v3/images/template/beeetsmap.png) -353px -34px no-repeat;}
.home .head .extra ul li:first-child {padding: 0; background: none;}
.home .head .extra ul li a {color: #ccc; font-size: 1em; text-transform: lowercase;}
.home .head .extra ul li a:hover {color: #fff;}
.home .head .content h2 {font-size: 1.6em; line-height: 1; margin: -4px 0 0 0; padding: 0;}
.home .head .content h2 a {display: inline-block; font-size: 10px; position: relative; z-index: 5; top: -1px; padding: 0 10px 0 0; background: url(http://images.beeets.com/v3/images/template/beeetsmap.png) 26px -70px no-repeat;}
.home .head .content h2:hover a {text-decoration: underline;} 
.home .head .search-box {margin: 18px 0 0 57px; position: relative; z-index: 11;}
.home .head .search-box .omg {display: block; float: left; width: 291px; height: 23px; padding: 6px 5px; margin: 0 8px 0 0; font-size: 1.2em; text-transform: lowercase; border: 0; background: url(http://images.beeets.com/v3/images/template/beeetsmap.png) -12px -72px no-repeat;}
.home .head .search-box .btn {display: inline-block; border: 0; width: 88px; height: 33px; background: url(http://images.beeets.com/v3/images/template/beeetsmap.png) -321px -72px no-repeat;}
.home .head .search-box .autocomplete {}

.home #emain .location_box {margin: 22px 0 0 32px;}
.home #emain .location_box h2 {font-size: 1.3em;}
.home #emain .location_box small {font-size: .8em;}

.home .main {font-size: 1em;}

.home #emain .splash {position: absolute; left: 0; width: 100%; height: 350px; background: url(http://images.beeets.com/v3/images/template/beeetsmap.png) left -141px repeat-x;}
.home #emain .splash .content .lgutter {padding-top: 25px;}
.home #emain .splash .section {width: 960px; margin: 0 auto; text-align: left;}

.home .extra .nav {margin: 74px 0 0 0;}
.home .extra .nav .splash {padding: 0 0 0 0;}
.home .extra .nav .splash h1 {}
.home .extra .nav .splash h1 small {font-size: .65em; text-align: left;}
.home .extra .try {padding: 0 0; font-size: 14px;}
.home .extra .try h1 {display: inline; margin: 0 5px 0 -0; font-size: 1.5em; font-weight: normal; font-family: 'Lucida Sans Unicode', 'Lucida Grande';}
.home .extra .try h2 {display: inline; margin: 0; font-size: 1.15em; font-weight: normal; line-height: 1.4em; color: #e0e0e0;}
.home .extra .try h2 em {}
.home .extra .try ul {list-style: none; margin: 10px 0 0 0; padding: 0 0 0 0; line-height: 1.8em;}
.home .extra .try li {float: left; margin: 0 18px 0 0; font-size: 1.1em;}
.home .extra .try li a {padding: 1px 3px 3px 9px; margin: 0; white-space: nowrap; background: url(http://images.beeets.com/v3/images/template/beeetsmap.png) -398px 9px no-repeat;}
.home .extra .try li.sel a {background-color: #79715b; color: #f2f2f2;}
.home .extra .try li.disabled a {color: #554; background-position: -398px -15px;}
.home div.button {display: inline; text-align: center; padding: 0 0 6px 0;}

.home .featured {margin: 0 0 10px 0;}
.home .content .featured h2 {font-size: 1.3em;}

.home .content #ev_load {position: absolute; margin-top: -16px; margin-left: 0; display: none;}
.home .content h2 {margin: 0 0 20px 0; padding: 0 0 0 0; font-size: 1.15em; font-weight: normal; line-height: 1.2em; color: #e0e0e0;}
.home .content h2 .close {position: relative; top: 3px; margin: 0 4px 0 0;}
.home .ev-list {padding-top: 0;}
.home .ev-list {margin: 0 0 0 0;}
.home .ev-list .items {margin: 0 0 0 0;}
.home .ev-list .ev h2 {font-size: .8em;}
.home .ev-list ul {margin: 0 0 0 20px;}
.home .ev-list .subscribe {float: left; padding: 0 0 0 13px; position: relative; top: -4px; z-index: 10;}
.home .ev-list .hpages {text-align: right; color: #999; position: relative; top: -4px; padding: 0 10px 0 0;}
.home .ev-list .hpages a.more {display: inline; float: none; margin: 0;}
.home .ev-list .hpages a.back {display: inline; float: none;}

.home .video {margin: -16px 0 16px 0; margin: -17px 0 16px 0;}

.home .section.info {margin-top: 370px; padding: 32px 0 60px 33px; }
.home .section.info > ul {margin: 0; padding: 0; list-style: none;}
.home .section.info > ul > li {width: 27.5%; margin: 0 0 0 7.5%; float: left;}
.home .section.info > ul > li:first-child {margin-left: 0;}
.home .section.info > ul > li h1 {margin: 0 0 10px 0; font-size: 1.7em; color: #ddd; font-weight: normal;}
.home .section.info > ul > li p {line-height: 1.4em; font-size: 1.1em;}
.home .section.info > ul > li ul {list-style: disc;}
.home .section.info > ul > li ul li {margin: 0 0 4px 0;}


/* --- launch party --- */
.launchparty {padding: 10px; width: 90%; margin: -20px auto 20px auto; cursor: pointer; text-align: center; border: 1px dashed #888; background: #150000;}

.tag-info #emain .content .lgutter {padding-top: 24px;}
.tag-info #emain .extra .lgutter {padding-top: 20px;}

/* ----------------------------------------- */


/* general tag listing */
.tags .favorites {font-size: 1.1em; padding: 12px 0 0 0; margin: -2px 0 20px 0;}
.tags .favorites h2 {display: block; margin: 0 0 10px 0; padding: 6px 0 0 0; font-size: 1.2em;}
.tags .favorites h2 em {}
.tags .tag_ul_list {padding: 0; margin: 0 0 16px 0; list-style: none; line-height: 18px;}
.tags .tag_ul_list .popular {padding: 0 0 0 0;}
.tags .tag_ul_list ul {padding: 0;}
.tags .tag_ul_list li {float: left; display: block; margin: 0 12px 5px 0; position: relative;}
.tags .tag_ul_list li span {display: inline-block; color: #f0f0f0; text-transform: lowercase; white-space: nowrap; font-size: 15px; padding: 1px 0 3px 8px; cursor: pointer; background: url(http://images.beeets.com/v3/images/template/beeetsmap.png) -399px 9px no-repeat;}
#events_main .tags .tag_ul_list li span,
#tags_relations .tags .tag_ul_list li span {padding-top: 0;} 
.tags .tag_ul_list li:hover span {color: #fff;}
.tags .tag_ul_list li ul {display: none; z-index: 1000; position: absolute; top: 3px; right: -142px; width: 145px; margin: 0; background: url(http://images.beeets.com/v3/images/site/111_95.png); border: 1px solid #333;}
.tags .tag_ul_list li ul li {width: 100%; padding: 0; margin: 0; font-size: .9em;}
.tags .tag_ul_list li ul li a {display: block; padding: 2px 6px 4px 6px;}
.tags .tag_ul_list li span img.menu {margin: 2px 3px 0 0; visibility: hidden; width: 12px; height: 14px; }
.tags .tag_ul_list li span img.spacer {margin: 0;}
.tags .tag_ul_list li.sel span {background-color: #79715b;}
.tags .tag_ul_list li.sel span a {color: #f2f2f2;}
.tags .tag_ul_list li.sel span:hover img.menu {visibility: visible; background: url(http://images.beeets.com/v3/images/site/events/menu_off.gif);}
.tags .tag_ul_list li.sel span:hover img.menu:hover {background: url(http://images.beeets.com/v3/images/site/events/menu_on.gif);}
.tags .tag_ul_list li.sel span.menu a {color: #b6cfe3;}
.tags .tag_ul_list li.disabled span {background-position: -399px -15px;}
.tags .tag_ul_list li.disabled span a {color: #554;}
.tags #sel_tag_list {padding: 0 0 40px 0; color: #888; text-transform: lowercase;}
.tags #sel_tag_list h2 {display: inline; padding: 0;}
.tags #sel_tag_list ul {list-style: none; margin: 10px 0 0 8px; padding: 0;}
.tags #sel_tag_list li {}
.tags #sel_tag_list li span {display: inline-block; color: #d99; cursor: pointer; font-size: 1.1em; font-weight: bold; margin: 0 0 0 6px;}
.tags #sel_tag_list li span:hover {color: #d88;}

.popular .moretags {display: block; margin: 8px 0 0 0; font-size: 13px; font-weight: bold;}
.popular .moretags img {display: none; float: right;}
.popular h2 .loading {}

/* tag page */
.tag-info .content h2 {margin: 0 0 16px 0;}
.tag-info span.voting {display: block;}
.tag-info span.error,
.tag-info span.success {font-size: .85em;}
.tag-info .relation h2 {border-bottom: 0px dashed #222; padding: 0; margin: 0 0 12px 0;}
.tag-info .relation h2 .links {float: right; font-size: .65em; color: #555;}
.tag-info .actionsmenu {margin-bottom: 32px;}
.tag-info .location {margin: 0 0 32px 0; font-size: 1.2em; line-height: 1.6em; color: #ddd;}
.tag-info #tag_location_info .location {padding: 0 0 10px 0; margin-bottom: 26px; border-bottom: 1px dashed #222;}
.tag-info .location .voting {font-size: .85em;}

.tag-info .tabs {margin-bottom: 32px;}

.tag-info .relationships {margin: 0 0 0 0;}
.tag-info .relation {margin: 0 0 20px 0; padding: 10px; background: url(http://images.beeets.com/v3/images/site/000_50.png);}
.tag-info .relation p {padding: 0;}
.tag-info .relation .sugg {text-align: left;}
.tag-info .relation .suggested {padding-top: 6px;}

.tag-info .tags .tag_ul_list {padding-top: 16px;}
.tag-info .tags .tag_ul_list .relation ul {margin: 0 0 0 0;}
.tag-info .tags .tag_ul_list .relation li {margin-right: 16px;}
.tag-info .tags .tag_ul_list .relation li span { line-height: auto;}
.tag-info .tags .tag_ul_list .relation li ul {width: 200px; right: -199px; line-height: 1em !important;}
.tag-info .tags .tag_ul_list .relation li ul li {width: auto; display: block; margin: 0; padding: 2px 6px 4px 6px; float: none;}
.tag-info .tags .tag_ul_list .relation li ul li a {display: inline; padding: 0; margin: 0;}
.tag-info .tags .tag_ul_list .relation li.sugg_li {width: 100%; font-size: .8em; position: relative; z-index: 16;}
.tag-info .tags .tag_ul_list .relation li.sugg_li input {text-transform: lowercase;}
.tag-info .tags .tag_ul_list .relation li.sugg_li #tag_autocom ul {background: none; display: block; width: 200px; top: 0; right: auto;}
.tag-info .tags .tag_ul_list .relation li.sugg_li #tag_autocom ul li {float: none; width: 190px; margin: 0;}
.subscribe .sub-tags {float: right; width: 45%; padding-left: 3%; border-left: 1px dashed #222;}
.subscribe .form {float: left; width: 50%;}
.subscribe .form .form_row .label label {width: 25%;}
.subscribe .form .buttons {text-align: center;}
.subscribe .form .buttons .submit {font-weight: bold; margin-right: 6px;}

.subscribe-edit .confirm {border-bottom: 1px dashed #444; padding: 0 0 16px 0; margin: 0 0 16px 0;}
.subscribe-edit .confirm.unconfirmed {}
.subscribe-edit .confirm .buttons {text-align: center; padding: 6px 0 3px 0;}
.subscribe-edit .confirm .buttons input {font-size: 1.1em;}
.subscribe-edit .section {margin: 0 0 12px 0; padding: 0 0 6px 0; border-bottom: 1px dashed #444;}
.subscribe-edit .period p {margin: 0; padding: 0 0 6px 0;}
.subscribe-edit .period .period_sub {}
.subscribe-edit .period .period_sub .c {margin: 0 30px; padding: 2px 0 1px 0; background: #222;}
.subscribe-edit .period input[type=radio] {width: auto;}
.subscribe-edit .form .buttons {padding: 0 0 16px 0;}
.subscribe-edit .content .buttons {text-align: left;}
.subscribe-edit .content .buttons p {float: right;}



/* post an event */
.post {padding: 0 0 24px 0;}
.post a img {opacity: .75; filter:alpha(opacity=75);}
.post a:hover img {opacity: 1; filter:alpha(opacity=100);}

/* karma */
.karma {margin: 0 auto; width: 500px; height: 150px; background: url(http://images.beeets.com/v3/images/site/karma.png) center center no-repeat; text-align: left !important;}
.karma span {margin: 35px 0 0 350px; font-size: 70px; line-height: 80px; display: inline-block; font-family: impact; color: #bfc18b;}
.karma span.bad {color: #c27676;}
.karma.left {margin: 0 0 20px 0; background-position: -54px center; height: 120px;}
.karma.left span {margin: 0 0 0 300px;} 
.karma.potential {background-image: url(http://images.beeets.com/v3/images/site/karma_potential.png)}
.karma.small {width: 280px; height: 76px; margin: 0 0 16px 0; background: url(http://images.beeets.com/v3/images/site/karma_small.png) left center no-repeat;}
.karma.small span {display: inline-block; margin: 4px 0 0 168px; font-size: 36px; line-height: 36px;}

/* tabs for .extra col */
ul.tabs {width: 112%; width: 122.8%; margin: 0 0 0 -34px; padding: 0; list-style: none;}
ul.tabs li {cursor: pointer; padding: 6px 10px 0 32px; margin: 0 0 10px 0; background: #0b0b0b;}
ul.tabs li.sel,
ul.tabs li:hover {background: #111 url(http://images.beeets.com/v3/images/site/tab_selector.gif) 90% 24% no-repeat;}

/* generic action links */
.actionsmenu {width: 220px; height: 30px; padding: 4px 0 0 0; margin: 0 0 12px 0; background: url(http://images.beeets.com/v3/images/site/menu.png) left top no-repeat; overflow: hidden;}
.actionsmenu:hover {background-position: center -34px; cursor: pointer;}
.actionsmenu ul {list-style: none; font-size: 13px; padding: 4px 0 6px 0; margin: 0 0 0 3px;}
.actionsmenu ul li {margin: 0 0 0 0; padding: 0 0 0 8px;}
.actionsmenu ul li + li {display: none; padding-top: 8px;}
.actionsmenu.open {overflow: visible; height: auto; min-height: 30px; background-image: url(http://images.beeets.com/v3/images/site/menu.png);} 
.actionsmenu.open ul {display: block; position: absolute; width: 214px; background: url(http://images.beeets.com/v3/images/site/menu_back.png) left top repeat-x;}
.actionsmenu.open ul li + li {display: block; width: 80%;} 
.actionsmenu.none {background-position: center -68px;}
.actionsmenu.none:hover {background-position: center -68px; cursor: default;}

/* pagination */
.pages {text-align: right; padding: 0; margin: 0; line-height: 1.2em; font-size:}
.pages span {font-size: .9em; color: #dbccad; display: inline-block; margin: 0 0 0 8px; background: #202020; opacity: .75; filter:alpha(opacity=75);}
.pages span.sel {padding: 4px 7px; border: 1px solid #383838; opacity: 1; background: #323232; filter:alpha(opacity=100);}
.pages span a {display: block; padding: 4px 7px; border: 1px solid #383838; margin: 0 !important;}
.pages span:hover {background: #323232;}
.pages span.info {float: left; padding: 5px 0; border: 0; opacity: 1; filter:alpha(opacity=100);}

/* form styles */
.form {}
.form .col {float: left; width: 42%;}
.form .form_row {margin: 0 0 11px 0; text-align: middle;}
.form .form_row label {color: #cad1b2; display: inline-block; width: 40%; margin: 3px 2% 0 0; font-size: 1.1em; text-align: right; text-transform: lowercase;}
.form .form_row input {width: 154px; height: 20px; margin: 0 0 0 0; padding: 2px 0 0 0; color: #333; background: #ddd; border: 1px solid #333;}
.form .form_row input[type="checkbox"] {width: auto; height: auto; padding: auto; border: 0;}
.form .form_row select {color: #333; background: #eee; border: 1px solid #333;}
.form .form_row.dob select {margin-right: 4px} 
.form .buttons {clear: both; text-align: center; padding: 0; margin: 0;}
.form .buttons-left {clear: both; text-align: left; padding: 0; margin: 0;}
.form .buttons input {cursor: pointer;}
.form .buttons.split {padding: 16px 0 0 0;}
.form .buttons.split .cancel {float: right;}
.form .buttons.split input {float: left; margin: 0 20px 0 0;}
.form .triple .form_row label {width: 100%;}
.form .triple .form_row {width: 32%; float: left;}
.form textarea {width: 100%;}


.flags h1 + p {margin: 0 0 20px 0;}
.flags ul {width: 50%; float: left; margin: 0; padding: 0; list-style: none;}
.flags ul li {margin: 0 0 16px 0;}
.flags ul label {color: #cad1b2; margin: 3px 2% 0 0; font-size: 1.1em; text-transform: lowercase;}
.flags #flag_desc {width: 45%; float: right;}
.flags #flag_desc p {margin: 0; padding: 0;}
.flags .desc {margin: 0 0 16px 0;}
.flags .desc textarea {float: left; margin: 0 10px 0 0;}
.flags .buttons {padding: 16px 0 0 0;}
.flags .buttons .cancel {float: right;}
.flags .buttons input {float: left; margin: 0 20px 0 0;}

/* image buttons */
.img {opacity: .75; filter:alpha(opacity=75);}
.img:hover {opacity: 1; filter:alpha(opacity=100);}

.signup #emain {margin: 0 0 60px 0;}
.signup .main .text {font-size: 1.2em;}

/* ----------------------------------------- */


/* signup fb moodal */
.signup.newfb .form {display: none;}

/* signup/login */
.signup {}
.signup #emain .signup .content .lgutter {padding-top: 80px;}
.signup h1 {padding: 0 0 0 0; margin: 0;}
.signup h1 small {display: block; text-align: left; padding: 4px 0 16px 0; color: #ddd; font-size: .35em; font-family: 'Lucida Sans Unicode', 'Lucida Grande';}
.signup .form .captcha {padding: 16px 0 16px 0;}
.signup .form .captcha .form_row {display: inline !important; float: none !important; margin: 0 !important; padding: 0 !important;}
.signup .form .captcha input {width: 125px;}
.signup .form .captcha p {padding: 6px 0 6px 0 !important;}
.signup .signup .form input.img {float: right; margin: 0 18px 0 0;}
.signup .content .form .dates {margin: 10px 0 0 0; padding: 10px 0 4px 0; border-top: 1px dashed #bfc18b;}
.signup .content .form .dates label.acc {color: #ffdaad; cursor: pointer; font-size: 1.2em;}

.user-edit .upload {text-align: center;}
.user-edit a#uploader {display: block;}
.user-edit #preview {max-width: 312px; max-height: 520px;}
.user-edit p.text {padding: 0; margin: 0;}
.user-edit .img.cancel {float: right;}.messages .message div.preview {margin: 0 0 16px 0; padding: 10px; background: url(http://images.beeets.com/v3/images/site/000_50.png);}
.messages .message div.preview + div.compose {border-top: 1px dashed #666; padding-top: 16px;}
.messages .message .compose .editor .form_row label {display: none;}
.messages .message .compose .editor .buttons {width: 40%; text-align: left; padding: 0 0 3px 0; margin: 0 0 0 0;}
.messages .message .compose .editor .buttons button {width: 24px; margin: 3px 0 0 0; background: none; border: 0; background: #efefde;}
.messages .message .compose .editor .buttons button img {padding: 1px;}
.messages .message .compose .editor .buttons button:hover img {padding: 0; border: 1px solid #333;}
.messages .message .compose .smileys {margin: 0; padding: 8px 0 8px 11%;}
.messages .message .compose .smileys img {margin: 0 4px 0 0; cursor: pointer;}
.messages .message .compose .smileys img.close {display: none; cursor:pointer; margin: 3px 3px 0 0; background-image:url(http://images.beeets.com/v3/images/site/messages/smiley_bar_off.gif); background-repeat: no-repeat; }
.messages .message .compose .smileys img.close:hover { background-image:url(http://images.beeets.com/v3/images/site/messages/smiley_bar_on.gif); }
.messages .message .buttons {padding: 8px 0 0 0;}
.messages .message .top {padding: 0 0 8px 0;}
.messages .message .date {float: right; color: #888; background: none; width: auto;}
.messages .message .body {padding-bottom: 10px;}
.messages .message .extra img {margin: 0 0 4px 0; display: block; max-width: 100%;}
.messages .message h3 {color: #bfc18b; padding: 0; margin: 0 0 10px 0;}
.messages .message .report {float:left; margin-top:6px; padding-left: 10px;}
.messages .message .actions {padding: 12px 0 0 0;}
.messages .message .actions form {display: inline !important;}
.messages .message .actions input {padding: 0 4px; margin: 0 4px 0 0;}
.messages .message .status_online,
.messages .message .status_offline {font-size: .8em;}
/* listing */
.messages .head {padding: 0 0 8px 0;}
.messages .head h1 {float: left;}
.messages .other_box_link { float:right; font-weight: bold; font-size: 1.2em; color: #ddd; padding-top: 24px;}
.messages .quote_author { font-size: 12px; font-weight: bold; font-style: italic; color: #888; margin-top: 15px;}
.messages .quote { margin: 3px 0 0 6px; border-left: 1px solid #555; padding: 6px 10px;  }
.messages table.listing { width: 100%; margin: 0 0 10px 0; border-collapse: collapse;}
.messages table.listing td { padding: 2px; margin: 0px; border: 0px; }
.messages table.listing th { padding: 2px; border-bottom: 1px solid #666;}
.messages table.listing img {padding: 0 6px 0 0;}
.messages .message_actions {border-top: 1px dashed #666; padding: 8px 0 0 0;}
.messages .message_actions table {float: right;}
.messages .space {padding: 10px 0 0 0;}
.messages .space table.usage {float: left; width: 500px; border: 1px solid white; margin: 0 0 4px 0;}
.messages .space table.usage td {font-size: 0; height: 12px;}
.messages .space table.usage .inbox { background: #d16666; }
.messages .space table.usage .outbox { background: #f7bd77; }
.messages .space table.usage .free { background: #95b35d; }
.messages span.legend {font-size: 1em;}
.messages div.legend {padding: 0 0 2px 0;}
.messages div.legend span {margin: 0 7px 0 0;}
.messages div.legend span span {display: inline-block; width: 10px; height: 10px; margin: 0 4px 0 0;}
.messages div.legend .inbox { background: #d16666; }
.messages div.legend .outbox { background: #f7bd77; }
.messages div.legend .free { background: #95b35d; }.profile .profile {}
.profile h1 input {float: right;}
.profile ul.tabs {margin-bottom: 24px;}
.profile .profile .avatar_image {max-width: 312; padding: 0 0 16px 0;}
.profile .info_box { float: right; width: 58%; margin-bottom: 6px; }
.profile .info_box strong {display: block; border-bottom: 1px solid #999; margin: 0 0 4px 0; color: #f7cb94;}
.profile .info {margin: 0 0 22px 0;}
.profile .info th {padding: 32px 15px 2px 0; color: #bfc18b; border-bottom: 1px solid #999;}
.profile .info th.t {padding-top: 0;}
.profile .info td { padding: 2px 15px 0 0; vertical-align: top;}
.profile .info td .hint { font-size: 80%;}
.profile .info td input.text_input { font-size: 90%; background-color: #cecece; border: 1px solid black; width: 200px; height:17px; margin:2px 0 2px 0;}
.profile .info td input.text_input_disabled { font-size: 90%; background-color: #666666; border: 1px solid #999; width: 200px; height:17px; margin:2px 0 2px 0;}
.profile .info td input.submit { font-size: 90%; background-color: #333333; border: 1px solid white; color: white; cursor: pointer; }
.profile .info td input.submit:hover { font-size: 90%; background-color: #cecece; color: #333333; }
.profile .info td select { font-size: 90%; background-color: #cecece; border: 1px solid black; height: 19px; padding: 0px;}
.profile .info td textarea { font-family: 'Trebuchet MS', 'Courier New', 'Courier', 'Times New Roman'; font-size: 90%; background-color: #cecece; border: 1px solid black; width: 400px; height: 90px; margin:2px 0 2px 0;}
.profile .info td .buttons {padding: 10px 0 0 0;}
.profile .info td .buttons input {margin: 0 8px 0 0; padding: 0;}
.profile hr { height: 1px; background: transparent; border: 0; border-bottom: 1px solid #999; margin: 2px 0 2px 0;}
.profile .events {min-height: 0 !important;}
.profile .events .list {padding: 0;}
.profile #ev_load {margin-top: -60px;}
.profile .actions {margin: 0 0 16px 0;}
.profile .image {text-align: center;}

.profile .karmalist ul {margin: 0; padding: 0; list-style: none;}
.profile .karmalist ul h3 {color: #b5bf97; margin: 0 0 4px 0;}
.profile .karmalist ul li {margin: 8px 0 0 0; padding: 8px 0 0 0; border-top: 1px dashed #222;}
.profile .karmalist ul li.first {margin: 0; padding: 0; border: 0;}
.profile .karmalist ul small {color: #888; font-size: .6em;}

#emain .pulse .extra .lgutter {padding-top: 40px;}
#emain .pulse .content .lgutter {padding-top: 40px;}

/* ----------------------------------------- */

.pulse ul.actions {list-style: none; margin: 0; padding: 0 0 0 16px;}
.pulse ul.actions li {margin: 0 0 8px 0; padding: 8px 0 0 0; border-top: 1px dashed #222;}
.pulse ul.actions li.first {padding-top: 0; border-top: 0;}
.pulse ul.actions li .desc {float: right; width: 89%;}
.pulse ul.actions li .menu {padding: 12px 0 0 0;}
.pulse ul.actions li .cdate {font-size: .9em; color: #888;}

.pulse ul.groups {list-style: none; margin: 0 0 26px 0; padding: 0;}

.pulse ul.newusers {list-style: none; margin: 0; padding: 0;}
.pulse ul.newusers li {float: left; display: block; margin: 0 6px 6px 0;}
.pulse ul.newusers .wrap {margin: 0;}
.pulse ul.newusers .image {line-height: 40px; width: 40px; height: 40px;}
.pulse ul.newusers .image img {max-width: 40px; max-height: 40px;}

.pulse a.more {float: right; font-weight: bold;}

.pulse .ev-list {margin: 6px 0 16px 0; padding: 0;}

/* image crap */
.pulse ul .wrap {margin: 0 6px 0 0; display: inline-block; text-align: center;}
.pulse ul .image {display: table-cell; vertical-align: middle; line-height: 50px; text-align: center; width: 50px; height: 50px; padding: 0; opacity: .6; filter:alpha(opacity=60); background: #000;}
.pulse ul .image img {max-width: 50px; max-height: 50px; margin: 0; padding: 0;}
.pulse ul .wrap:hover .image {opacity: 1; filter:alpha(opacity=100);}
.groups #emain .extra .lgutter,
.groups #emain .content .lgutter {padding-top: 30px;}
.groups .main .text {font-size: 1.2em;}

/* ----------------------------------------- */

.events #gp_load {display: none; margin: -24px 0 0 0; position: absolute; }

.groups .newgroup {text-align: center; margin: 0 0 16px 0;}

.groups .members {padding: 0 0 32px 0;}
.groups .members ul {list-style: none; margin: 0 0 6px 0; padding: 0 0 0 0;}
.groups .members li {float: left; display: block; margin: 0 4px 4px 0;}
.groups .members .wrap {margin: 0;}
.groups .members .image {line-height: 40px; width: 40px; height: 40px;}
.groups .members .image img {max-width: 40px; max-height: 40px;}

.groups .group .head .memicons {float: right; padding-left: 6px;}
.groups .group .head h1 {line-height: 1.2em; font-size: 1.4em;}
.groups .group .details {margin: 0 0 16px 0;}
.groups .group .info .desc {padding: 6px 0 0 0; margin-bottom: 6px; font-size: 1.2em;}
.groups .group .tags {margin: 0 0 16px 0;}
.groups .group .ginfo {padding: 0 0 24px 0;}
.groups .group .ginfo .note {color: #bfd16b;}
.groups .group img.tip {width: auto; cursor: help; border: 0;}
.groups .group .buttons {float: left; text-align: center; padding: 0 9px 6px 0;}
.groups .group .buttons + em {position: relative; top: -3px; font-size: .95em;} 

.groups .feed_tabs {padding: 0 0 16px 0;}
.groups .feed_tabs ul {list-style: none; text-align: left; margin: 0 0 0 0; padding: 0;}
.groups .feed_tabs li {display: inline; margin: 0 26px 0 0;}
.groups .feed_tabs li img.img {opacity: .6; filter:alpha(opacity=60); }
.groups .feed_tabs li img.img:hover {opacity: 1; filter:alpha(opacity=100);}
.groups .feed_tabs li.sel img {opacity: 1; filter:alpha(opacity=100);}
.groups .feed_tabs .tinytext { float:right; margin-top: 11px; font-size:11px; }

.groups .comments {padding: 0 0 0 0;}
.groups .comments ul {list-style: none; padding: 0; margin: 0 0;}
.groups .comments li {position: relative; margin: 0 0 8px 0; padding: 8px 0 0 0; border-top: 1px dashed #222;}
.groups .comments li:first-child {padding-top: 0; border-top: 0;}
.groups .comments li .user {max-width: 50px;}
.groups .comments li .body {float: right; width: 87%; padding: 0 1% 0 0;}
.groups .comments li .body p {padding: 0 0 5px 0;}
.groups .comments li .sub {padding: 0 4px 0 4px;}
.groups .comments li .sub .body {width: 90%;}
.groups .comments li .sub .user img {margin: 0; max-width: 25px; max-height: 25px;}
.groups .comments li .body.post textarea {width: 100%; height: 50px; background: #ddd; border: 0; margin: 0 0 6px 0;}
.groups .comments li .body.post textarea.gray {color: #777;}
.groups .comments li .body.post .submit {float: right; margin: 0;}
.groups .comments li h3 {color: #bfc18b; display: inline;}
.groups .comments li h3 a {color: #c9a16d !important;}
.groups .comments li img {float: left; margin: 0 10px 0 0; max-width: 50px;}
.groups .comments li .cdate {font-size: .9em; color: #888;}
.groups .comments li .actions {color: #666666; margin: 0; padding: 0;}
.groups .comments li .comment-box {}
.groups .comments li .comment-box ul {margin: 0; padding: 0;}
.groups .comments li .comment-box li {position: static; margin: 0 0 8px 0; padding: 8px 0 0 0;}
.groups .comments li .comment-box li:first-child {padding: 20px 0 0 0; border: 0;}
.groups .comments li .comment-box textarea {width: 79%; height: 35px;}
.groups .comments li .comment-box .submit {float: right;}
.groups .comments li .comment-box-li {display: none;}
.groups .comments .more {text-align: right; font-weight: bold;}

.groups .comments .none {margin: 0 0 16px 0; padding: 15px 20px;}
.groups .comments .add {width: 60%; margin: 0 auto;}
.groups .comments .add h2 label {cursor: pointer;}
.groups .comments .add h2 label.error {color: #dd5555;}
.groups .comments .add textarea {height: 50px; margin: 0 0 4px 0;}

/* site integration editor shit */
.groups .widget_form h1 { font-size:32px; }
.groups .widget_form h2.step { margin-top: 40px; border-bottom: 0px; margin-bottom: 0px;}
.groups .widget_form h2.step strong { color: #b59365; font-size: 22px; margin-bottom: 7px;}
.groups .widget_form h2.step span.optional { opacity: .6; filter:alpha(opacity=60); }
.groups .widget_form .desc { margin-bottom:30px; }
.groups .widget_form .info { border-top: 0px; }
.groups .widget_form #picker { margin-left: 30px; }
.groups .widget_form .right { float: right; width: 50%; }
.groups .widget_form label { display: block; }
.groups .widget_form label:hover { color: #b59365; }
.groups .widget_form .check { margin-top: 0; padding-top: 10px;}
.groups .widget_form .check label { display: inline; }
.groups .widget_form .pad_down { padding-top: 5px; }
.groups .widget_form input.color     { width:100px; border: 2px solid black; color: black; }
.groups .widget_form input.color_sel { width:100px; border: 2px dotted black; color: black; }
.groups .widget_form select { display: block; }
.groups .widget_form .code { width: 100%; height: 100px; overflow:scroll; font-family: "Courier New", Courier, monospace; font-size: 11px; }

/* image crap */
.groups .members .wrap {float: left; margin: 0 0 0 0; display: inline-block; text-align: center;}
.groups .members .image {display: table-cell; vertical-align: middle; text-align: center; padding: 0; opacity: .6; filter:alpha(opacity=60); background: #000;}
.groups .members .image img {margin: 0; padding: 0;}
.groups .members .wrap:hover .image {opacity: 1; filter:alpha(opacity=100);}

.members-page {max-height: 480px; overflow: auto;}
.members-page ul {margin: 0 0 8px 0; padding: 0; list-style: none;}
.members-page li {border-top: 1px dashed #292929; margin-top: 8px; padding: 8px 16px 0 0;}
.members-page li:first-child {border: 0; margin-top: 0; padding-top: 0;}
.members-page li .wrap {float: left; width: 50px; height: 50px; margin: 0 10px 0 0;}
.members-page li .wrap img {max-width: 50px; max-height: 50px;}
.members-page li em {float: right;}
.members-page li .actions {margin-top: 10px;}
.members-page .pages .info {background: none;}

.groups-pending {max-height: 480px; overflow: auto;}
.groups-pending ul {margin: 0 0 8px 0; padding: 0; list-style: none;}
.groups-pending li {border-top: 1px dashed #292929; margin-top: 8px; padding: 8px 16px 0 0;}
.groups-pending li:first-child {border: 0; margin-top: 0; padding-top: 0;}
.groups-pending li .wrap {float: left; width: 50px; height: 50px; margin: 0 10px 0 0;}
.groups-pending li .wrap img {max-width: 50px; max-height: 50px;}
.groups-pending li em {float: right;}
.groups-pending li .actions {margin-top: 10px;}
.groups-pending .pages .info {background: none;}

/* group form (see bottom of events.css) */
.group-post {}
.group-post h1 {padding: 0 0 0 0; margin: 0 0 16px 0; font-weight: normal; font-size: 2.6em;}
.group-post h2 {border-bottom: 1px dashed #222; margin: 10px 0 16px -10px;}
.group-post h2 span {font-size: .8em; font-weight: normal; color: #b5bf97;}
.group-post .step {padding: 0 0 32px 0;}
.group-post .upload {text-align: center;}
.group-post a#uploader {display: block;}
.group-post #preview {max-width: 312px; max-height: 520px;}
.group-post p.text {padding: 0; margin: 0;}
.group-post .tags .search {margin: 0;}
.group-post a.adddate {font-weight: bold;}
.group-post .form .form_row {margin: 0 0 16px 0;}
.group-post .form .form_row .label {display: block; font-size: 1.2em; padding: 0 0 4px 0; letter-spacing: .05em;}
.group-post .form .form_row .label label {text-align: left;}
.group-post .form .form_row .input {display: block;}
.group-post .form .form_row .input input {font-size: 1.3em; width: 80%; height: auto; padding: 4px 0;}
.group-post .form .form_row textarea {width: 98.1%; padding: 5px;  font-size: 1.1em; line-height: 1.6em; font-family: 'Lucida Sans Unicode', 'Lucida Grande';}
.group-post .form .triple .form_row {width: 28.6%;}
.group-post .form .buttons {padding: 16px 0 0 0;}
.group-post .form .buttons .cancel {float: right;}
.group-post .form .buttons input {float: left; margin: 0 20px 0 0;}
.group-post .form .step3 .form_row .label {display: inline;}
.group-post .form .step3 .form_row .label label {width: 50%;}
.group-post .form .step3 .form_row .input {width: 30%; display: inline; width: auto;}
.group-post .form .step3 .form_row .input input {width: auto;}
.queue.list li .queue-info {padding: 0 0 10px 0;}
.queue.list li .info {background: #070707; padding: 10px;}

.queue .edit-container {display: none; position: absolute; margin: 0 0 0 -10px; width: 370px; border: 1px solid #222; background: #000 url(http://images.beeets.com/v3/images/site/queue/arrow.png) 96% 12px no-repeat;}
.queue .edit-container #ev_load {display: block; margin: 0 auto;}
.queue .edit-container .editor {padding: 10px 30px 10px 10px;}
.queue .edit-container .search {margin: 8px 0 16px 0; padding: 0;}
.queue .edit-container .info p {padding: 0; line-height: 16px; height: 48px; overflow: hidden; color: #999;}


.queue .edit-container .tags ul.tag_ul_list {list-style: none; margin: 0 0 16px 0; padding: 0 0 0 0; line-height: 1.8em;}
.queue .edit-container .tags ul.tag_ul_list li {float: left; margin: 0 18px 2px 0; font-size: 1.1em; text-transform: lowercase;}
.queue .edit-container .tags ul.tag_ul_list li a {padding: 1px 3px 3px 3px; margin: 0; white-space: nowrap;}
.queue .edit-container .tags ul.tag_ul_list li.sel a {background: #79715b; color: #f2f2f2;}
.queue .edit-container .tags ul.tag_ul_list li.disabled a {color: #554;}
.queue .edit-container .tags ul.tag_ul_list li.disabled a img {opacity: .4; filter:alpha(opacity=40);}

/* autocomplete - make sure ANY containing element is position: relative */
.autocomplete {z-index: 1000; position: absolute; top: 0; left: 0; background: url(http://images.beeets.com/v3/images/site/111_95.png) 0 0 repeat !important; color: #fff; border: 1px solid #777; }
.autocomplete ul {position: static !important; list-style: none; padding: 0 !important; margin: 0 !important; min-width: 200px;}
.autocomplete li {padding: 5px 5px !important; margin: 0 !important; cursor: pointer; font-size: 14px !important; text-transform: lowercase;}
.autocomplete li.sel {background: #90905c;}
.search {position: relative; text-align: left;}
.search input {text-transform: lowercase;}

/* security styles */
.security .panel {width: 100%; border-collapse: collapse; background: none; font-size: .9em; margin: 0 0 20px 0;}
.security .panel th {background: #777; color: #f0f0f0; text-align: center;}
.security .panel td {border: 1px solid #999; text-align: center; vertical-align: top;}
.security .actionss {float: right; width: 64%; height:400px; overflow: auto; background-color:#666;}
.security .groups {float: left; width: 35%;}
.security ul.tree li {cursor: pointer;}
.security ul.tree li span {display: block; padding: 0 3px;}
.security ul.tree li.sel > span {background: #ddddc3; color: #000;}

/* admin styles */
.admin .icon { margin: 5px 0px 0 0; padding: 4px; background-image:url(http://images.beeets.com/v3/images/site/admin/icon_back.png); background-repeat:no-repeat;}
.admin .search_box { padding: 6px 6px 6px 6px; margin: 0 0 20px 0; border: 1px dashed #999; background: #505050; text-align: left;}
.admin .search_box .hint { display: block; font-size: 80%;}
.admin .search_box INPUT.text_input { font-size: 90%; background-color: #cecece; border: 1px solid black; width: 120px; height:17px;}
.admin .search_box SELECT { font-size: 90%; background-color: #cecece; border: 1px solid black; height: 19px; padding: 0px;}
.admin .search_box TABLE { }
.admin .search_box TABLE TD { text-align: left; vertical-align: bottom; }
.admin .search_box TABLE.tag_splicer { width: auto; }
.admin .search_box TABLE.tag_splicer td { vertical-align: middle }
.admin .search_box TABLE.tag_splicer td input.tag { width: 220px; height: 36px; margin: 0 0 0 0; padding: 4px 3px 0 3px; font-size: 1.8em; border: 1px solid #777; color: #733; }
.admin .search_box TABLE.tag_splicer td input.tag_disabled { width: 220px; height: 36px; margin: 0 0 0 0; padding: 4px 3px 0 3px; font-size: 1.8em; border: 1px solid #777; color: gray; }
.admin .search_box TABLE.tag_splicer td input.submit { height: 40px; }
.admin .search_box TABLE.tag_splicer td span.text_hint { color: pink; font-style: italic; }
.admin .search_box TABLE.tag_splicer td.actions { padding: 5px 30px 5px 30px; background-color: #666;}
.admin .search_box TABLE.tag_splicer td.actions label { padding-left: 5px; padding-right: 5px; }
.admin .search_box TABLE.tag_splicer td.actions label:hover { background-color: #929292; cursor: pointer; }
.admin .search_box_small TABLE { width: auto;  border: 1px dashed #999;}
.admin .search_box_small TD { background: #505050; padding: 6px;}
.admin .status_box { float: right; width: 470px; font-weight: bold;}
.admin .status_box .status { padding: 6px 6px 6px 6px; margin: 0 0 20px 0; background: #505050; text-align: left; height: 35px; overflow: auto;}
.admin .tab_bar ul { list-style: none; white-space: nowrap; margin: -1px 0 0 0; padding: 0; z-index: 12; padding-left: 6px;}
.admin .tab_bar li {float: left; position: relative; display: inline; cursor: pointer; margin: 1px 0 0 2px;}
.admin .tab_bar li.sel a {position: relative; top:1px; z-index: 12; padding: 3px 5px 4px 5px; border: 1px dashed #999; border-bottom: 1px solid #505050;}
.admin .tab_bar li.sel a:hover { border: 1px dashed #999; border-bottom: 1px solid #505050; }
.admin .tab_bar li a {display: block; margin: 0 5px; padding: 4px 6px; background: #505050;}
.admin .tab_bar li a:hover { border: 0; color: #accbe3;}
.admin .flag_actions {border-top: 1px dashed #666; padding: 0 0 0 0;}
.admin .flag_actions table {float: right;}

.admin h4 { margin: 0px 0px 0px 0px; padding:0px; }
.admin hr { height: 1px; background: transparent; border: 0; border-bottom: 1px solid #999; margin: 2px 0 2px 0;}
.admin INPUT.submit { font-size: 90%; background-color: #333333; border: 1px solid white; height: 19px; color: white; cursor: pointer; }
.admin INPUT.submit:hover { font-size: 90%; background-color: #cecece; color: #333333; }
.admin INPUT.send_left { font-size: 90%; background-color: #333333; border: 1px solid white; height: 19px; color: white; cursor: pointer; padding-left: 13px; background-image:url(http://images.beeets.com/v3/images/site/admin/arrow_up_off.gif); background-position: 2px 0px; background-repeat: no-repeat; }
.admin INPUT.send_left:hover { background-color: #cecece; background-image:url(http://images.beeets.com/v3/images/site/admin/arrow_up_on.gif); color: #333333; }
.admin INPUT.send_right { font-size: 90%; background-color: #333333; border: 1px solid white; height: 19px; color: white; cursor: pointer; padding-right: 13px; width: 52px; background-image:url(http://images.beeets.com/v3/images/site/admin/arrow_up_off.gif); background-position: 37px 0; background-repeat: no-repeat; }
.admin INPUT.send_right:hover { background-color: #cecece; background-image:url(http://images.beeets.com/v3/images/site/admin/arrow_up_on.gif); color: #333333; }
.admin table.listing { width: 100%; border-bottom: 3px solid #444; }
.admin table td { padding: 2px; margin: 0px; border: 0px; }
.admin table td.listing { cursor: pointer}
.admin table td.listing_small { font-size:90%; padding:4px; cursor: pointer}
.admin table th { padding: 2px; background-color: #777777; }

/* Bugs page styles */
.bugs .info_area {background: #373737; padding: 10px 16px; margin: 0 0 30px 0;}
.bugs .info_area table { }
.bugs .info_area table th { vertical-align: top; }
.bugs .info_area table td { padding: 2px; }
.bugs .info_area table td textarea { width: 650px; height: 300px; overflow: auto;}
.bugs .info_area table td input {width: 350px; color: #555; height: 17px; margin: 0 0 0 0; padding: 2px 0 0 .2em; border: 1px solid #888;}
.bugs .info_area table td select {width: 100px; }
.bugs textarea.comment { width: 350px; height:100px;}
 
span.tip {display: inline; padding: 0 4px; font-size: 12px; color: #d9bb91; border: 0; cursor: help;}
.tip-container {position: relative; z-index: 20000; background: url(http://images.beeets.com/v3/images/site/bubble.png) top left;}
.tip {color: #fff; width: 250px; z-index: 13000; border: 1px solid #404040; padding: 0; margin: 0; text-align: left; filter:alpha(opacity=95);}
.tip-title {font-weight: bold; font-size: 11px; margin: 0; color: #9fb8c9; padding: 4px 16px 4px 8px;}
.tip-text {font-size: 11px; padding:  0 8px 6px 8px; color: #eee; line-height: 1.8em;}
.tip-text ul {margin-left: 30px; list-style: disc;}
.tip-text em {color: #d6a587; font-style: normal;}

#error_list ul {list-style: none; margin: 0; padding: 0;}

.todo h2 {padding-left: 16px;}
.todo ul {margin: 0 0 16px 32px;}
.todo div + h1 {padding-top: 16px;}

/* moodalbox */
div#mb_overlay {position: absolute; left: 0; width: 100%; background: #000; cursor: pointer; z-index: 10000;}
div#mb_center, div#mb_bottom {position: absolute; left: 50%; overflow: hidden; background: #171612; z-index: 10000;}
div#mb_center {background: #171612;}
div#mb_contents {width: 400px; min-height: 100px; padding: 5px 16px; border-top: 10px solid #171612; background: #171612; visibility: hidden;}
.mb_loading {background: #DDD url(http://images.beeets.com/v3/images/site/moodalbox/loading.gif) no-repeat center center;}
#mb_error {font-size: 1.2em; color: #CD0000; font-weight: bold; text-align: center; padding: 0.5em; font-family: Verdana, Helvetica, sans-serif;}
#mb_error em {font-size: 0.8em;}
div#mb_bottom {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #bbb; line-height: 1.4em; text-align: left; border: 16px solid #171612; border-top-style: none;}
a#mb_close_link {display: block; float: right; width: 66px; height: 22px; background: transparent url(http://images.beeets.com/v3/images/template/beeetsmap.png) -265px -31px no-repeat; margin: 5px 0;}
div#mb_caption {margin-right: 71px; padding-top: 8px;}

#emain .missing .extra .lgutter {padding-top: 30px;}

/* recaptcha */
.captcha .recaptchatable .recaptcha_r1_c1 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_r2_c1 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_r2_c2 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_r3_c1 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_r3_c2 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_r3_c3 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_r4_c1 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_r4_c2 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_r4_c4 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_r7_c1 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_r8_c1 { background-image: url(http://images.beeets.com/v3/images/site/recaptcha.gif);}
.captcha .recaptchatable .recaptcha_only_if_no_incorrect_sol {color: #444 !important; font-weight: bold;}
.captcha .recaptchatable #recaptcha_reload_btn {display: block; width: 23px height: 16px; background: url(http://images.beeets.com/v3/images/site/recaptcha.gif) -312px -1px no-repeat !important; }
.captcha .recaptchatable #recaptcha_reload_btn img {visibility: hidden;}
.captcha .recaptchatable #recaptcha_switch_audio_btn {display: block; width: 23px height: 16px; background: url(http://images.beeets.com/v3/images/site/recaptcha.gif) -312px -16px no-repeat !important; }
.captcha .recaptchatable #recaptcha_switch_audio_btn img {visibility: hidden;}
.captcha .recaptchatable #recaptcha_switch_img_btn {display: block; width: 23px height: 16px; background: url(http://images.beeets.com/v3/images/site/recaptcha.gif) -319px -49px no-repeat !important; }
.captcha .recaptchatable #recaptcha_switch_img_btn img {visibility: hidden;}
.captcha .recaptchatable #recaptcha_whatsthis_btn {display: block; width: 23px height: 16px; background: url(http://images.beeets.com/v3/images/site/recaptcha.gif) -312px -33px no-repeat !important; }
.captcha .recaptchatable #recaptcha_whatsthis_btn img {visibility: hidden;}





/* modalbox stuff */
#modalbox {position: absolute; display: block; z-index: 2000; background: url(http://images.beeets.com/v3/images/site/modal/background.png) 0 0;}
#modalbox.loading {text-align: center;}
#modalbox .modalgutter {display: block; padding: 12px;}
#modalbox .modalgutter .modalcontent {display: block; padding: 16px; overflow: auto; background: #111;}
#modalbox .closelink {position: absolute; top: -6px; right: -16px; display: block; width: 48px; height: 48px; margin: 0; padding: 0; background: url(http://images.beeets.com/v3/images/site/modal/close.png) 0 0 no-repeat;}



/* dialog.css */
#uservoice-dialog {
  z-index: 100003;
  display: block;
  text-align: left;
  margin: -2em auto 0 auto;
  position: absolute; 
}

#uservoice-overlay {
  position: absolute;
  z-index:100002;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: .7;
	filter: alpha(opacity=70);
}

#uservoice-dialog[id],
#uservoice-overlay[id] {
	position:fixed;
}

#uservoice-overlay p {
padding: 5px;
color: #ddd;
font: bold 14px arial, sans-serif;
margin: 0;
letter-spacing: -1px;
}

#uservoice-dialog #uservoice-dialog-close {
position: absolute;
height: 48px;
width: 48px;
top: -11px;
right: -12px;
color: #06c;
cursor: pointer;
background-position: 0 0;
background-repeat: no-repeat;
background-color: transparent;
}

* html.dialog-open body {
height: 100%;
}

* html.dialog-open,
* html.dialog-open body {
overflow: hidden;
}

html.dialog-open object,
html.dialog-open embed,
* html.dialog-open select {
visibility: hidden;
}

* html #uservoice-overlay {
  width: 110%;
}

* html #uservoice-dialog #uservoice-dialog-close {
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://uservoice.comhttp://images.beeets.com/v3/images/icons/close.png');
}

/* tab.css */
body a#uservoice-feedback-tab,
body a#uservoice-feedback-tab:link {
background-position: 2px 50% !important;
position: fixed !important;
top: 45% !important;
display: block !important;
width: 25px !important;
height: 98px !important;
margin: -45px 0 0 0 !important;
padding: 0 !important;
z-index: 100001 !important;
background-position: -440px -40px !important;
background-repeat: none !important;
}

body a#uservoice-feedback-tab:hover {
cursor: pointer;
}

* html a#uservoice-feedback-tab,
* html a#uservoice-feedback-tab:link {
position: absolute !important;
background-image: none !important;
}

/* button.css */
a#uservoice-feedback-tab { right: 0; background-repeat: no-repeat; background-color: #bf7f50; background-image: url(http://images.beeets.com/v3/images/template/beeetsmap.png); border: outset 1px #bf7f50; border-right: none; -moz-border-radius: 1em; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-radius: 1em; -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0;}
a#uservoice-feedback-tab:hover { background-color: #c60; border: outset 1px #c60; border-right: none; }
* html a#uservoice-feedback-tab { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.beeets.com/v3/images/site/uservoice/feedback_tab_white.png'); }

a#uservoice-dialog-close { background-image: url(http://images.beeets.com/v3/images/site/uservoice/close.png); }