@charset 'utf-8';

/* palette */
/*
891616 - dark maroon
ac0f0f - maroon
e90505 - red
2e2e2e - dark grey
777676 - grey
cccccc - light grey
031d2c - darker teal
03313e - dark teal
54b2c7 - mid teal
61C6DB - light teal
*/

/* General Reset */

html{color:#000;margin: 0; padding: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
ul,li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;line-height: 1.5;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;/*font-size:inherit;font-weight:inherit;*/}
input,textarea,select{*font-size:100%;}*/
legend{color:#000;}
del,ins{text-decoration:none;}


/* General Styles */

body {/*font: small "lucida sans",tahoma,verdana,arial,sans-serif;*/ font: small "lucida sans",tahoma,verdana,arial,sans-serif; color:black; background: #222 url('/image/body_bg.png') repeat-x fixed top left; padding: 0; margin: 0;}
body.post-iframe {background: none;}

body.headless { background: #010101 url('/image/backgrounds/bg.jpg') no-repeat center top; }

a {color: #3395aa; text-decoration:none;}
a:hover {color: #2e2e2e; /*text-decoration:underline;*/}

p {font-size:small; line-height:1.5; margin:0; padding:0; margin-bottom:15px;}
h1, h2, h3, h4, h5 {font-family:"Century Gothic",Arial,Verdana,sans-serif; margin: 0 0 15px 0;}

h1 {font-size: 34px;}
h2 {font-size: 26px;}
h3 {font-size: 18px;}

img {border:none;}

table {table-layout:fixed; border: 1px solid #eee;}
table thead tr {background:#f4f4f4; border-bottom:2px solid #ddd;}
table thead tr th {padding:7px 12px; font-weight: bold;}
table tbody tr {border-bottom:1px solid #eee;}
table tbody tr td {padding:7px 12px;}

/* Masthead */

#masthead {width: 780px; margin: 0 auto; border: 1px solid #666; border: 1px solid rgba(255,255,255,0.4); border-width: 0 1px;}
#masthead #navigation-wrapper {font-size: 11px; height: 40px; background: #0B282E url('/image/gradients/def_large-down.png') repeat-x left bottom; /*behavior: url('/js/ie_png-helper.htc');*/ color: #ddd; /*margin: 0 -1px;*/ border-bottom: 1px solid black;}
#masthead #community-wrapper {background: #2e2e2e; margin: 0 auto; border-bottom: 1px solid #777; border-bottom: 1px solid rgba(255,255,255,0.5); font:11px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif; height:150px; position: relative;}
#masthead ul a, #masthead #nav-current-community a {color: #ddd;}
#masthead ul a:hover, #masthead #nav-current-community a:hover {color: #3395aa; text-decoration: none;}

#masthead #community-wrapper-bg {position:absolute; width:100%; height:100%; top:0; left:0;}
#masthead #community-navigation {position: absolute; width: 100%; top: 103px;}

#masthead #community-navigation ul li a {color: #ddd; background-repeat: no-repeat; background-position: top left;}
#masthead #community-navigation ul li a:hover {color: white; background-position: 0 -25px;}

#masthead #community-navigation ul li.active a {padding: 4px 3px 3px; background-position: 0 -50px;}

#masthead #community-navigation div#community-back {float: left; padding: 8px 8px 7px 8px; height: 25px; background: #e90505 url('/image/gradients/def_large-up.png') repeat-x left bottom; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0;}
#masthead #community-navigation div#community-back a { color: white; font-weight: bold; line-height: 23px; }
#masthead #community-navigation div#community-back a span {background-image: url('/image/buttons/back_root-convo.png'); height: 25px; width: 25px; text-indent: -9999em; float: left; vertical-align: middle; margin-right: 3px; overflow:hidden;}
#masthead #community-navigation ul {padding: 8px 200px 7px 8px; height: 25px; float: right; background: #e90505 url('/image/gradients/def_large-up.png') repeat-x left bottom; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-bottom-right-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; border-top-right-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0;}
#masthead #community-navigation ul li {float: left;}
#masthead #community-navigation ul li a {height: 18px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; background-image: url('/image/buttons/community-filter_alt-bg.png'); text-align: center; margin-right: 5px; padding: 3px; text-transform: uppercase; font-size: 10px;}

#masthead #community-navigation li a span.filter { cursor: pointer; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; width: 77px; background: transparent url('/image/gradients/alt_small-up.png') repeat-x bottom left; height: 10px; line-height: 9px; }

#masthead #community-navigation li a span.filter:active { background: transparent url('/image/gradients/def_small-down.png') repeat-x bottom left; }

#masthead #community-navigation li.active a span.filter { width: 83px; line-height: 10px; border: none; background-image: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; padding: 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }

#community-branding {height: 150px; border-bottom: 1px solid black; position:relative;}
#community-branding ul {font-weight: bold; float: left; text-transform: uppercase;}
#community-branding ul li {float:left;margin-right:15px;}

#community-wordmarks {display: none;}

#deqq-logo {float: left; margin: 5px 0 0 7px; filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9;}
#deqq-logo a, #deqq-logo a:hover {/*behavior: url('/js/ie_png-helper.htc');*/ display:block; width:85px; height:30px; text-indent:-999em; background:url('/image/header/alt_deqq-logo.png') no-repeat left top; overflow:hidden;}

#site-nav {float: left; padding: 7px 12px; margin-left: 7px; height: 26px; border-left: 1px solid #444; border-left: 1px solid rgba(255, 255, 255, 0.1);}

#site-nav #nav-current-community {line-height: 1.2; padding-bottom: 4px; color: #ddd; text-transform: uppercase; height: 30px; white-space: nowrap;}
#site-nav #nav-current-community span#on-deqq {display: block; color: #999; font-size: 9px;}

#site-nav ul {margin: 5px 0 0 0;}

#site-nav ul li {height: 14px; padding-bottom: 27px; font-weight: bold;}
#site-nav ul li.active {background:url('/image/header/active_glow.png') no-repeat center bottom;}

#site-nav #nav-more-communities {cursor:pointer; text-transform: lowercase;}
#site-nav #nav-more-communities span {/*cursor:default;*/ font-size: 10px; line-height: 0.9; padding: 0; display: inline-block; color: rgba(255,255,255,0.5);}

#site-nav a#nav-more-communities:hover, #site-nav a#nav-more-communities:hover span {color:#ffc;}
#nav-communities-dialog {position:fixed; top: 15%; left: 50%; width:260px; margin-left:-180px;}
#nav-communities-dialog.loading div.content {background: #f4f4f4 url('/image/loaders/spinner_28-dark.gif') no-repeat 50% 50%;}
#nav-communities-dialog div.content {min-height:67px; max-height:400px; overflow:auto;}
#nav-communities-dialog ul.community-listing {margin: 0;}
#nav-communities-dialog li {text-transform:none; padding: 3px 0; border-bottom: 1px solid #eee; margin:0; white-space: nowrap; position:relative;}
#nav-communities-dialog li.disabled *, #nav-communities-dialog li.disabled *:hover, #nav-communities-dialog li.disabled *:active {color:#ddd !important;}
#nav-communities-dialog li.disabled img {filter:alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3;}
#nav-communities-dialog li a {color: #3395aa; line-height: 1.5; display:block;}
#nav-communities-dialog li a:hover {color: #333;}
#nav-communities-dialog li span.name {font-size: 14px; font-weight: bold;}
#nav-communities-dialog li span.posts {background: url('/image/icons/user_11.png') no-repeat right top; color: #aaa; padding-right: 14px; font-size: 10px; position: absolute; right: 0; top: 10px; display:block; height: 11px; line-height: 1.2;}
#nav-communities-dialog li img.left {margin-bottom: 0;}
#nav-communities-dialog li:last-child {border-bottom: 0;}

/* Host Post */
#host-post {max-width: 400px; position: absolute; top: 15px; left: 240px; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding: 5px 8px; background-color: rgba(255,255,255,0.8); box-shadow: 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);}
#host-post p {font-size: 11px; margin: 0; line-height: 1.3;}
#host-post span {display: block; font-size: 10px; margin-top: 3px; color: #999;}

/*User Navigation*/

#user-nav {color: #ddd; white-space:nowrap; background: #777676 url('/image/gradients/def_large-down.png') repeat-x scroll center 0px; border-left: 1px solid #333; border-left: 1px solid rgba(255,255,255,0.1); padding: 10px 8px 10px 6px; height: 20px; float: right;}
#user-nav span {display: inline-block; margin: 3px 5px 0 0;}
#user-nav #login-button {margin-top: -2px; background-color: #444;}
#user-nav ul li {float: left; line-height: 1.6;}
#user-nav ul li a, #user-nav ul li span {color: white; background-repeat: no-repeat; background-position: top left; padding: 0 0 0 18px; /*display: inline-block;*/}
#user-nav ul li a:hover {color:#3395aa;}
#user-nav ul li span#user-handle {color: #ccc; margin: 0;background:url('/image/header/user.png') no-repeat 0 2px;}
#user-nav ul li a#user-account {/*display: none;*/ padding-left: 0;font-weight: bold;}

#user-nav ul li#user-logout {padding-left: 5px; margin-top: -3px;}
#user-nav ul li#user-logout input {/*background-color:#e90505;*/ margin: 0; font-weight: normal; font-size: 11px;}
/*#user-nav ul li#user-logout input:hover {background-color: #2e2e2e;}*/
#user-nav ul li#user-logout input:active {border-bottom-color: rgba(200,200,200,0.5); border-top-color: rgba(64,64,64,0.5);}

#user-nav label {float: left;margin-right: 5px;}
#user-nav fieldset {padding: 0; margin: 0; border: 0; background: none;}
#user-nav span {float: left;}
#user-nav ul span {float: none;}
#user-nav span#login-button {}
#user-nav a#signup-button {margin-top: 2px; float: left;}
#user-nav span#login-button:hover, #user-nav a#signup-button:hover {background-position: 0 -17px;}

#user-nav #login-error {background: url('/image/icons/alert_16.png') no-repeat top left; padding-left: 20px; margin: 0; font-weight: normal; margin-top: 2px; line-height: 1.5;}
#user-nav #login-error a {font-weight: bold;}
#user-nav #login-error span {float: none; font-size: 11px; margin: 0; padding: 0;}

#user-nav #authenticated {display:none;}
#user-nav #anonymous {display:none;}
body.authenticated #user-nav #authenticated {display:block;}
body.anonymous #user-nav #anonymous {display:block;}

/* General Layout */

div#layout {/*behavior: url('/js/ie_png-helper.htc');*/ background: #f9f9f9 url('/image/gradients/alt_small-down.png') repeat-x scroll center top; margin: 0 auto; width: 740px; min-height: 300px; border: 1px solid white; padding: 20px; border-width: 0 1px; /*box-shadow: 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);*/}
div#layout div#sidebar {float: left; width: 200px;}
div#layout.rightcol #main, div#layout.leftcol #main {float: left; width:520px;}
div#layout.rightcol div#sidebar {margin-left: 20px;}
div#layout.leftcol div#sidebar {margin-right: 20px;}

#layout h1 {color: #03313e; white-space: nowrap; line-height: 1.5;}
#layout #upper h1 {margin: 0;}
#layout h1 span {color: #777676; font-weight: normal; display:block;}
#layout h1.single-line {white-space: nowrap;}
#layout h1.single-line span {display:inline;}
#layout h2 {color: #777676;}
#layout h3 {color: #2e2e2e;}

body.headless div#layout { background: #f9f9f9 url('/image/header/def_deqq-logo.png') no-repeat 96% 15px; width: 472px; margin-top: 50px; }

body.headless div#layout h1 { line-height: 1.2; font-size: 30px; }
#upper {clear: both;}
#upper .layout-header {position:relative; background: url('/image/gradients/hov_small-up.png') repeat-x scroll left bottom;margin:0 -20px 20px;padding:5px 20px 20px; border-bottom: 1px solid white;}
/*#upper .layout-header .shortcuts {position: absolute; right: 20px; top: 15px;}
#upper .layout-header .shortcuts li {display: inline;}*/
#upper .layout-header .instance-utils {right: 10px; top: 20px;}
#upper .layout-header .avatar {/*margin-right: 12px;*/ margin-right: 10px;}

#layout .block {border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding: 7px; /*margin-bottom: 10px; position: relative;*/}
div#main .block {background: white; border: 1px solid #ddd;}
div#sidebar .block {/*padding-bottom:10px;*/ /*behavior: url('/js/ie_png-helper.htc'); background: #eaeaea url('/image/gradients/alt_small-up.png') repeat-x bottom left; border: 1px solid white; box-shadow: 0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);*/}
div#main .block h2 {font-size: 18px; border-bottom: 3px solid #eee; padding-bottom: 5px; /*color: #2e2e2e;*/ margin: 0 5px 10px 5px;}
div#main .block h3, div#sidebar .block h3 {font-size: 16px; font-weight: bold; /*border-bottom: 1px solid #ddd; padding-bottom: 3px;*/ margin: 5px;}
div#main .block .content, div#sidebar .block .content {padding: 0 5px 10px;}
div#main .block .content, div#sidebar .block > .content:last-child {padding-bottom: 5px;}
div#main .block .content p, div#sidebar .block .content p {font-size: 11px;}
div#sidebar .block h3.info {/*behavior: url('/js/ie_png-helper.htc');*/ padding: 0 0 5px 28px; background: url('/image/icons/info_19.png') no-repeat 2px 2px;}
div#sidebar .block h3.client {/*behavior: url('/js/ie_png-helper.htc');*/ padding: 0 0 5px 28px; background: url('/image/icons/deqq-icon_20.png') no-repeat 0px 2px;}
div#sidebar .block h3.birdie {/*behavior: url('/js/ie_png-helper.htc');*/ padding: 0 0 5px 28px; background: url('/image/icons/tweet_22.png') no-repeat 0 4px;}
div#sidebar .block .content > p:last-child {margin-bottom: 0;}
div#sidebar .bottom {margin-bottom: 0; padding-bottom: 0;}
div#sidebar .top {margin-top: 0; padding-top: 0;}

#channels.block {padding: 1px;}

div#sidebar .block .button {background-color: #fffdf6; color: #03313e; text-shadow: 0 1px 0 rgba(255,255,255,0.6); -moz-text-shadow: 0 1px 0 rgba(255,255,255,0.6); -webkit-text-shadow: 0 1px 0 rgba(255,255,255,0.6);}
/*div#sidebar .block .button:hover {background-color: #ebe9e4; color: white;}*/

div#sidebar .block fieldset {padding: 0; background: none; border: none;}

/*Footer*/
#footer{width: 762px; margin: 0 auto 20px; padding: 10px; font-size: 0.8em; border: 1px solid #eee; border-width: 1px 0 0; /*box-shadow: 0 2px 2px rgba(0,0,0,0.2); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2);*/ background: white;}
#footer p.copyright {margin: 0; font-size: inherit; color: #aaa; float:left;}
#footer ul li {float: left;}
#footer ul.links {float: right; line-height: 1.5;}
#footer ul.links li {margin-left: 3px; color: #aaa;}
#footer ul.links li a {color: #3395aa;}
#footer ul.links li a:hover {color: #03313E; text-decoration: none;}
#footer ul.links li:after {content: " \2022";}
#footer ul.links li.last:after {content: "";}

body.headless #footer { width: 494px; margin-bottom: 40px; text-align: center; }
body.headless #footer p { float: none; margin: 0 0 5px; }
body.headless #footer ul.links { float: none; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }

ul.shortcuts li {margin-bottom: 5px;}
ul.shortcuts li:last-child {margin: 0;}

/* General Message Class */
.system-message {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;margin-top:15px; margin-bottom:15px; border:1px solid #ddd; padding:7px 10px; background-color:#ffe;}
#notifications {position:fixed; z-index: 900000; bottom:-50px; left:50%; min-width:200px; max-width:700px; overflow:hidden; white-space:pre; text-align:center; height:24px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0; background: #054659 url('/image/gradients/def_large-up.png') repeat-x scroll center 0px; /*behavior: url('/js/ie_png-helper.htc');*/ padding: 7px 10px; border: 1px solid #333; border: 1px solid rgba(0,0,0,0.2); border-width: 1px 1px 0; color:white; font-size:0.9em; box-shadow: 0 -1px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 -1px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 -1px 5px rgba(0,0,0,0.3);}

/*Shared Popover Classes*/
span.close {/*behavior: url('/js/ie_png-helper.htc');*/ background:url('/image/close.png') no-repeat top left; width: 19px; height: 19px; display: block; text-indent: -999em;}
span.close:hover {background-position: 0 -19px;}
span.close:active {background-position: 0 -38px;}

span.descriptor, p.descriptor {font-size:10px; margin: 0;}

span.info, p.info {/*behavior: url('/js/ie_png-helper.htc');*/ font-size: 0.9em; padding-left: 25px; background: url('/image/icons/info_19.png') no-repeat top left; margin: 10px 0;}

p.nothing {color: #999; font-size: 0.9em; /*text-align: center;*/}

/* General Form Elements */
input, textarea, select {margin:0; font-family: "Lucida Grande", "Lucida Sans","Lucida Sans Unicode",Arial,Verdana,sans-serif;}
textarea {display: block;}
input, select {vertical-align:middle;}
input[type="button"], input[type="submit"], input[type="reset"] {/*behavior: url('/js/ie_pseudo-class.htc');*/ padding:0.2em 0.7em;}
/*input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {}*/
input[type="button"][disabled], input[type="button"][disabled]:hover, input[type="button"][disabled]:active, input[type="submit"][disabled], input[type="submit"][disabled]:hover, input[type="submit"][disabled]:active, input[type="button"][disabled].hover, input[type="button"][disabled].active, input[type="submit"][disabled].hover, input[type="submit"][disabled].active {border: 1px solid rgba(0,0,0,0.1); color: rgba(0,0,0,0.4); background: rgba(255,255,255,0.5); /*opacity: 0.2;*/}

input[type="text"], input[type="password"], textarea {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border:1px solid #d7d7d7;}
input[type="text"], textarea, input[type="password"] {padding:0.3em; background-color:white; color:#333; border-color:#ccc;}
input[type="text"].wait, input[type="password"].wait {background: #f4f4f4 url('/image/loaders/spinner_16-dark.gif') no-repeat 99% 50%;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {/*behavior: url('/js/ie_png-helper.htc');*/ background: white url('/image/gradients/alt_small-down.png') repeat-x left 1px; color: #2e2e2e; border:1px solid #999;}
option {}
input[type="radio"], input[type="checkbox"] {margin-right: 3px; vertical-align: text-top;}
fieldset {background: white; border:1px solid #eee; padding:30px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
fieldset.iefix {background:transparent none repeat scroll 0%; border:medium none;}
* html fieldset.iefix {width:98%;}
fieldset.iefix p {margin:0;}
legend {color:#999; font-size:90%; padding:0pt 0.25em;}
label {font-size:11px; /*font-weight:bold;*/ margin-right: 4px;}
label.disabled {color:#ccc;}
fieldset.legend-header {margin-top: 25px; padding-top: 0; border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0;}
fieldset.message-footer {padding-bottom: 0;}
fieldset fieldset {border:0; background-color: #f4f4f4; margin: 30px -5px;padding:15px 30px;}
fieldset fieldset h3 {font-size: 16px; font-weight: bold; border-bottom: 2px solid white; padding-bottom: 3px;}
fieldset fieldset input[type="text"], fieldset fieldset textarea, fieldset fieldset input[type="password"] {background-color: white;}
fieldset fieldset legend {/*behavior: url('/js/ie_png-helper.htc');*/ font-weight: bold; margin:-10px -10px 8px; padding: 7px 10px; background: #f4f4f4 url('/image/gradients/alt_small-down.png') repeat-x top left; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0; clear: both;}

/* Form Layout */
form div.field {position:relative; margin:0 0 20px 0;}
form div.field p.help, form div.form-footer p.help {font-size:0.8em; color:#999;}
form div.field p.message, form div.form-footer p.message {font-size:0.8em; color: #393;}
/*form div.field input:focus + p.help {color:#555;}*/

div.block div.field {margin: 0 5px 10px}

/*form div.field label {padding-bottom: 3px; display: inline-block; margin: 0;}*/
form div.field label span.optional {color:#aaa; font-weight: normal;}

/*Shared Buttons*/
.button, input[type="button"], input[type="submit"], input[type="reset"] {text-transform: uppercase; background: #777676 url('/image/gradients/def_large-up.png') repeat-x bottom left; box-shadow: 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.3); text-shadow: 0 1px 0 rgba(0,0,0,0.6); -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.6); -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.6); font-family: "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif;display:inline-block;font-size:11px;padding:3px 5px;cursor:default;color:#eee; border:1px solid rgba(128,128,128,0.5);border-top-color: rgba(200,200,200,0.5); border-bottom-color: rgba(64,64,64,0.5); border-style:solid; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; line-height: 1.5;}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, .button:hover,.button.enabled {background-image:url('/image/gradients/hov_large-up.png'); color:white;/*border-color: #ccc; border-top-color: #fff; border-bottom-color: #999;*/ text-decoration: none;}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .button:active {background-image: url('/image/gradients/def_large-down.png'); /*border-bottom-color: rgba(200,200,200,0.5); border-top-color: rgba(64,64,64,0.5);*/}

/* Submit & Reset */
input[type="submit"], input.confirm-button, input[type="reset"], input.cancel-button {margin: 3px;}
input[type="submit"], input.confirm-button {background-color: #777676; font-weight: bold;}
/*input[type="submit"]:hover, input.confirm-button:hover {background-color: #6cc7dd;}*/
input[type="reset"], input.cancel-button {background-color: #ccc;}
/*input[type="reset"]:hover, input.cancel-button:hover {background-color: #ddd;}*/

input[value="Ban"], input[value="Disable"], input[value="Delete"] {background-color: #e90505;}
/*input[value="Ban"]:hover, input[value="Disable"]:hover {background-color: #ff4a2a;}*/

input[value="Done"] {background-color: #ccc; font-size: 13px; font-weight:bold;}
/*input[value="Done"]:hover {background-color: #ddd;}*/

div.form-footer {padding-top: 20px; margin: 0 -30px; clear: both; text-align: center; background: transparent url('/image/gradients/alt_small-down.png') repeat-x scroll center -5px; /*behavior: url('/js/ie_png-helper.htc');*/}
div.form-footer input {margin: 5px; font-size: 12px; /*line-height: 2;*/}

/* Generic Form Errors */
form ul.errorlist {margin:7px 0; padding:0; font-size:11px; /*font-weight: bold;*/}
form ul.errorlist li, div.error {font-size: 11px; color: #e90505; background: url('/image/icons/alert_16.png') no-repeat top left; padding: 0 0 2px 20px; margin: 0; /*behavior: url('/js/ie_png-helper.htc');*/}

/* Pager Utilities */
.full-pager {margin: 20px -20px 0; text-align: center; padding: 10px 0; background: transparent url('/image/gradients/alt_small-down.png') repeat-x scroll center -5px; /*behavior: url('/js/ie_png-helper.htc');*/}
.full-pager a, .full-pager span, #per-page a, #per-page span {text-align: center; display:inline-block; padding: 3px 5px; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px; border: 1px solid transparent;}
.full-pager a:hover, #per-page a:hover {background: white url('/image/gradients/alt_small-up.png') repeat-x scroll left bottom; color: black; border-color: #ddd; text-decoration: none;}
.full-pager a:active, #per-page a:active {background: white url('/image/gradients/alt_small-down.png') repeat-x scroll left bottom;}
.full-pager .pager-page {padding: 0;}
.full-pager .pager-current, #per-page .active {background: #ac0f0f; color: white; border: none;}
.full-pager .disabled {color: #ddd;}
.full-pager .pager-location {/*font-size: 11px;*/ padding: 0;}
.full-pager .ellipsis {color: #ccc; margin: 0; padding: 0;}
.full-pager .per-page {margin:5px 20px 0; float: right; font-size: 11px;}

/* Instance Tools */
.instance-utils {position: absolute; right: 2px; top: 2px; z-index:1000; bottom: 0; height: 100%;}
.instance-utils span, .instance-utils a, .instance-utils .moderator-tools, .instance-utils .community-tools, .instance-utils .company-tools, .instance-utils ul.shortcuts, .instance-utils ul.shortcuts li a {line-height: 23px; color: #ccc; text-indent: -999em; float: left; height: 24px; background-repeat: no-repeat; background-position: left top; border: 1px solid transparent; border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;}
.instance-utils span:hover, .instance-utils a:hover, .instance-utils .moderator-tools:hover, .instance-utils .community-tools:hover, .instance-utils .company-tools:hover, .instance-utils ul.shortcuts li a:hover {background-color: white; background-color: rgba(255,255,255,0.4); background-position: right -24px; border-color: #ddd; border-color: rgba(0,0,0,0.1); color: black !important; text-decoration: none;}
.instance-utils .remove-channel {background-image: url('/image/utils/trash.png'); width:24px;}

.instance-utils .moderator-tools {background-image: url('/image/utils/moderate.png'); height: 16px; width: 20px; padding: 1px;}
.instance-utils .moderator-tools:hover {background-position: left -16px;}
.instance-utils .moderator-tools ul {margin-top: 15px;}

.instance-utils .retweet-tools a {background: url('/image/utils/reply.png') left -4px no-repeat;font-size:12px;text-indent:0;line-height:14px;padding: 0 5px 0 28px;cursor:pointer;height:24px;border:0;}
.instance-utils .retweet-tools a:hover {background-position: left -28px; height:16px;}
.instance-utils .moderator-tools, .instance-utils .retweet-tools {float:left;}

li.music .instance-utils, li.photo .instance-utils, li.youtube .instance-utils {top: 8px;}

/* Enter Conversation */
.instance-utils a.enter-conversation {text-align: right; color: white; position: absolute; right: -2px; bottom: 15%; width: auto; background-image: url('/image/utils/replies.png'); padding: 0 35px 0 5px; text-indent: 0; background-color: #ccc; background-color: rgba(0,0,0,0.2); font-size: 10px; font-weight: bold; line-height: 2.4; background-position: center right; border-radius:0;-moz-border-radius:0;-webkit-border-radius:0; border-top-left-radius:7px; -moz-border-radius-topleft:7px; -webkit-border-top-left-radius:7px;border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px; -webkit-border-bottom-left-radius:7px;}
.instance-utils a.enter-conversation:hover { color: white !important; background-color: #666; background-color: rgba(0,0,0,0.4);}
.instance-utils a.enter-conversation.channel {position:static; margin-left: 15px;}
.instance-utils a.enter-conversation.cta { background-image: url('/image/utils/goto.png'); text-transform: uppercase; background-color: #666; background-color: rgba(0,0,0,0.4); padding: 0 20px 0 5px; line-height: 2.5; }
.instance-utils a.enter-conversation.cta:hover { background-color: #999; background-color: rgba(0,0,0,0.6); }

.instance-utils ul {line-height: 1; text-indent: 0; color: #666; display:none; margin-top: 23px; width: 125px; position: absolute; right: 0; z-index: 2000; background: #edebe7; background: rgba(235,233,228,0.9); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-top-right-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; border: 1px solid #ddd; border: 1px solid rgba(0,0,0,0.1); border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.2) rgba(0,0,0,0.4); padding:3px 0 3px; box-shadow: 0 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.3); -webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.3);}
.instance-utils ul li.menu-item span {cursor:pointer;}
.instance-utils ul li.menu-item span, .instance-utils ul li.menu-item a {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; line-height: 1; float: none; text-indent: 0; height: auto; display:block; padding:5px 8px; margin: 0; border: none; font-size: 10px; /*font-weight: bold;*/ color: #666 !important;}
.instance-utils ul li.menu-item span:hover, .instance-utils ul li.menu-item a:hover {background:white; color: #333 !important;}
.enabled  .instance-utils ul li.menu-item.toggle span.enable {display:none;}
.disabled .instance-utils ul li.menu-item.toggle span.disable {display:none;}
.instance-utils .moderator-tools:hover ul, .instance-utils .community-tools:hover ul, .instance-utils .company-tools:hover ul {display:block;}
.instance-utils ul li.menu-item span.un-ban {display:none;}
.instance-utils ul li.menu-item.banned span.ban {display:none;}
.instance-utils ul li.menu-item.banned span.un-ban {display:block;}
.instance-utils ul li.menu-item span.nothing, .instance-utils ul li.menu-item span.nothing:hover {cursor: default; background: inherit; color: #aaa !important; font-weight: normal; font-style: italic;}

/* Global Launch Button */
span#launch-button, a#go-button {font-size: 14px; padding: 5px 15px; margin-bottom: 5px; border-color: rgba(200, 200, 200, 0.8) rgba(128, 128, 128, 0.8) rgba(64, 64, 64, 0.8);}

/* Tab UI */
ul.tabs {text-align: center;}
ul.tabs li {cursor: default;background: white url('/image/gradients/alt_large-up.png') repeat-x scroll left bottom; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-bottom-right-radius:0; border-bottom-left-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; display: inline-block; padding: 7px 12px; color: #03313e; border: 1px solid #999; border: 1px solid rgba(64,64,64,0.5); border-color: rgba(0,0,0,0.1) transparent transparent;}
ul.tabs li.disabled {background: transparent; color: #ddd; border-color: #ccc #eee white;}
ul.tabs li.enabled, ul.tabs li.enabled:hover {background-color: #03313e; color: white; border-bottom-color: #03313e;}
ul.tabs li:hover {background-color: #f2f2f2; color: black;}

.tab-panel {border-top: 2px solid #03313E; background: white; padding: 20px; border-bottom-right-radius:7px; border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px; box-shadow: 0 1px 1px rgba(0,0,0,0.2); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.2);}

/*Image Wrappers (square)*/
img.wrap20 {background:url('/image/wrappers/image_20.png') no-repeat; display:block; width:20px; height:20px; padding:2px;}
img.wrap20:hover {background-position:0 -24px;}
img.wrap50 {background:url('/image/wrappers/image_50.png') no-repeat; display:block; width:50px; height:50px; padding:3px;}
img.wrap50:hover {background-position:0 -56px;}
img.wrap120 {background:url('/image/wrappers/image_120.png') no-repeat; display:block; width:120px; height:120px; padding:5px;}
img.wrap120:hover {background-position:0 -130px;}

/* Modal Dialog */
#modal-pane {background:rgba(255,255,255,0.5); position:fixed; top:0; left:0; right:0; bottom:0; z-index:200000;}
#modal-pane #modal-dialog {position:absolute; width: 320px;/*position:fixed;*/ left:50%; top:50%;}

/* Login with DEQQ or 3rd party services */
#deqq-login, #twitter-login, #facebook-login, #auth-plugin-login { filter:alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; display: block; height: 36px; cursor: pointer; line-height: 36px; background-repeat: no-repeat; background-position: top left; padding-left: 42px; margin: 10px 0 10px 20px;}
#deqq-login:hover, #twitter-login:hover, #facebook-login:hover, #auth-plugin-login:hover { filter:alpha(opacity=100); -moz-opacity: 1; opacity: 1; }

#deqq-login { background-image: url('/image/buttons/deqq-login.png'); }
#twitter-login { background-image: url('/image/buttons/twitter-login.png'); }
#facebook-login { background-image: url('/image/buttons/facebook-login.png'); }

#inline-twitter-login img, #inline-facebook-login img, #inline-auth-plugin-login img { vertical-align: middle; }

/* General Page Messages */

#page-message div.message {
	background-color:#EDFFED;
	border:1px solid #04A107;
	color:#04A107;
	margin:0 0 10px;
	padding:10px;
	font-size: 12px;
	filter:alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
#page-message div.error {
	background-color:#FFCCCC;
	background-position: 5px 10px;
	padding-left: 27px;
	border:1px solid #DD7777;
	color:#EE5555;
}

/* Dialog Overlay */
.overlay {padding: 40px; z-index: 100000; position: relative;}
.overlay a:hover { color: #ddd; }
.overlay .shadow {/*behavior: url('/js/ie_png-helper.htc');*/ position: absolute; overflow: hidden;}
.overlay .shadow.top {background: url('/image/shadow/top.png') repeat-x center bottom; height: 40px; top: 0; left: 40px; right: 40px;}
.overlay .shadow.right {background: url('/image/shadow/right.png') repeat-y left top; width: 40px; right: 0; top: 40px; bottom: 40px;}
.overlay .shadow.bottom {background: url('/image/shadow/bottom.png') repeat-x center top; height: 40px; bottom: 0; left: 40px; right: 40px;}
.overlay .shadow.left {background: url('/image/shadow/left.png') repeat-y right top; width: 40px; left: 0; top: 40px; bottom: 40px;}
.overlay .shadow.bottom-right {background: url('/image/shadow/bottom-right.png') no-repeat top left; height: 40px; width: 40px; bottom: 0; right: 0;}
.overlay .shadow.bottom-left {background: url('/image/shadow/bottom-left.png') no-repeat top right; height: 40px; width: 40px; bottom: 0; left: 0;}
.overlay .shadow.top-right {background: url('/image/shadow/top-right.png') no-repeat bottom left; height: 40px; width: 40px; top: 0; right: 0;}
.overlay .shadow.top-left {background: url('/image/shadow/top-left.png') no-repeat bottom right; height: 40px; width: 40px; top: 0; left: 0;}
.overlay .content {background: #03313e url('/image/overlay_grad.png') no-repeat center top; /*behavior: url('/js/ie_png-helper.htc');*/color: #ddd; border: 1px solid rgba(64,64,64,0.5); border-color: rgba(0,0,0,0.2) rgba(0,0,0,0.4) rgba(0,0,0,0.6); padding: 15px; overflow: hidden; margin: -10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; position: relative; z-index: 1000;}
.overlay h3 {font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif; line-height: 1.2; font-size: 14px; margin: -15px -15px 15px; padding: 10px 15px; background: url('/image/gradients/alt_large-up.png') repeat-x bottom left; border-bottom: 1px solid #ddd;}
.overlay h4 {margin-bottom: 10px; color: #ccc; font-style: italic; font-weight: normal;}
.overlay label {clear: both;}
.overlay fieldset {padding: 15px; background: #031d2c; background: rgba(255,255,255,0.1); border: none;}
/*.overlay fieldset.legend-header {}
.overlay fieldset legend {}*/
.overlay span.close {position:absolute; top:9px; right:8px;}

.overlay form div.field {margin-bottom: 10px;}
.overlay form div.field p.help {color: #aaa;}
.overlay form div.field input {color: #aaa; background-color: #111; background-color: rgba(0,0,0,0.4); border-color: #666; border-color: rgba(255,255,255,0.2);}
.overlay form div.field input:focus {color: #ccc; background-color: black; border-color: #999; border-color: rgba(255,255,255,0.4);}
/*.overlay form div.field input:focus + p.help {color: white;}*/

.overlay div.error-message h3 {color: white;}

.overlay form ul.errorlist li, .overlay div.error {color: #ffc;}

.overlay #login-form h3 { text-align: center; font-size: 1.2em; margin: 0; padding: 0; background: none; border: none; }

.overlay div.form-footer {background: none; border-top: 2px groove rgba(128,128,128,0.3); padding-top: 10px; margin: 0 -15px;}

/*Overlays*/

#overlay-pane {position: fixed; width: 100%; z-index: 10001; top: 10%; text-align: center;}
#overlay-pane div.media {display: inline-block;}
#overlay-pane div.media img {max-width: 760px; max-height: 480px;}

#login {width: 322px; margin: 0 auto; text-align: left;}
#launch {width: 307px; margin: 0 auto; text-align: left;}

#media span.close, #launch span.close {right: 20px; top: 20px; z-index: 10000;}

#launch .content {padding-bottom: 65px;}

#launch .body {background: white; padding: 10px; top: 50px; text-align: center; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; color: #666; border-top-right-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0;border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; width: 275px; position: relative;}

#launch #launch-community {position: absolute; z-index: 10000;}

#login form p#login-pretext {margin-bottom: 20px; display: block; text-align: center; font-size: 14px;}
#login form div.field p.help {padding: 3px 0 0 85px; margin: 0;}
#login form div.field label {width: 80px; padding: 0 3px 3px 0; text-align: right; display: inline-block; margin: 0;}
#login form div.field input[type="text"], #login form div.field input[type="password"] {width: 180px; font-size: 1.1em;}
#login form div.field ul.errorlist {margin: 3px 0 0 85px;}
#login form div.field_pass {margin-bottom: 10px;} 
#login form div.field_remember_me label {padding:4px 0 4px 10px;margin:0 0 0 72px;}

#login div.form-footer {border-top: none; text-align: left; padding: 15px 0 10px 93px;}

#login div.form-footer input {padding: 5px 10px}

div.error-message {position:fixed; left:50%; top:50%; max-width:400px; max-height:400xp; z-index:400000;}
div.error-message h3 {font-weight: bold; border-bottom-width: 3px; font-size: normal; padding: 15px 40px; background: transparent url('/image/icons/alert_32.png') no-repeat 0 8px; min-height: 16px; margin:-10px -5px 0; overflow:hidden;}
div.error-message div.body {white-space:pre; white-space:pre-wrap; overflow:auto; padding:2px; font-size:.85em; max-height:500px; overflow:auto; margin-top:10px;}
div.error-message div.html {white-space:normal;}

form.confirm-form {position:fixed; left:50%; top:35%; width:400px; margin-left:-240px; z-index:50000;}
form.confirm-form fieldset {border: none; background: none; text-align: center;}
form.confirm-form h3 {background: none; border: none; padding-top: 20px; margin-bottom: 0;}
form.confirm-form .content {color: #333; padding: 0; /*behavior: url('/js/ie_png-helper.htc');*/ background: white url('/image/gradients/alt_large-down.png') repeat-x center top;}

/* Form Errors */
.error {*height: 1.4em; min-height: 1.4em;margin: 2px 0; display:block; clear: both;}
.error p {font-size: 11px; color: #f7941d; /*behavior: url('/js/ie_png-helper.htc');*/ background: url('/image/icons/alert_16.png') no-repeat top left; padding-left: 20px; margin: 0;}

form div.field .inline ul.errorlist {margin: 0 0 0 5px;}

/*General Floats*/
span.left, div.left {float:left;}
span.right, div.right {float:right;}

/*Image Floats*/
img.left {float:left; margin:0 5px 5px 0px;}
img.right {float:right; margin:0 0 5px 5px;}

/*Inline*/
.inline { display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; }

/* TODO Note :) */
.todo {border-top-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; position: fixed; bottom: 0; left: 0; width: 28px; overflow: hidden; font: 12px "Courier New",Courier,monospace; color: #ffd; padding: 4px 8px; opacity: 0.4; line-height: 1.3; max-height: 16px; /*behavior: url('/js/ie_png-helper.htc');*/ background: #891616 url('/image/icons/clipboard_16.png') no-repeat 4px 4px; padding-left: 23px; border-top: 1px solid rgba(255,255,255,0.3); z-index: 10001; white-space: pre;}
.todo:before {font-weight: bold; content:"TODO ➥ ";}
.todo:hover {opacity: 0.9; max-height:inherit; width: auto; right: 0;border-top-right-radius:0; -moz-border-radius-topright:0; -webkit-border-top-right-radius:0;}

/* Loading Spinner */
span.loading {display: inline-block; width:15px !important; height:15px !important; background:url('/image/loaders/spinner_16-dark.gif') no-repeat top left !important;}
span.loading:hover {background-position: top left !important;}

div.loading {background: transparent url('/image/loaders/spinner_28-dark.gif') no-repeat center center;}

/* Role tic-tac */
span.role {float:left; text-indent:-9999em; overflow:hidden; background:url('/image/icons/status_sprite.png') no-repeat left top; width:10px; height:10px; margin:5px; color: #999;}
/*span.role.member {display: none;}*/
span.role.host {background-position:left -77px;}
span.role.moderator {background-position:left -44px;}
span.role.manager {background-position:left -88px;}
span.role.banned {background-position:left -99px;}

.tool-tip {color: #fff;width: 150px;z-index: 13000;}
.tool-tip .tip-title {font-weight: bold;font-size: 11px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url('/image/bubble.png') top left;}
.tool-tip .tip-text {font-size: 11px;padding: 4px 8px 8px;background: url('/image/bubble.png') bottom right;}

/*Hacks!*/
.contain:after {content:""; display:block; clear:both;}
* html .contain {height:1%;}
.contain {/*display:block;*/}

/*Hidden*/
.hidden {display:none;}

.invisible {visibility:hidden;}