@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
3395aa - mid teal
61C6DB - light teal
*/

/* General Reset */

html{color:#2e2e2e;}
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","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif; color:#2e2e2e; background: #e2e1dd;}

body.headless, body.first-run { background: #010101 url('/image/backgrounds/bg.jpg') no-repeat center 60px; }
body.headless { background-position: 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: 30px;}
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;}

hr {border-top: 1px solid #ccc;border-bottom: 1px solid #ddd;border-right:none;border-left:none;}

div.clear, span.clear {clear:both;}

/*Masthead*/

#masthead {background: url('/image/gradients/def_small-down.png') repeat-x scroll center bottom; padding-bottom: 15px; position: relative; z-index: 1000;}
#masthead .wrapper {background: black url('/image/header/full_bg.png') no-repeat center bottom; margin: 0 auto; border-bottom: 1px solid rgba(255,255,255,0.8); font:11px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif;height:64px; position: relative;}
#masthead ul a, #masthead #deqq-company a {color: #ddd;}
#masthead ul a:hover, #masthead #deqq-company a:hover {color: #3395aa; text-decoration: none;}
#masthead #deqq-company a.active, #masthead #deqq-company a.active:hover {color: #ffc;}
#masthead #deqq-company #deqq-company-type { display: block; font-size:9px; color:#999; }
#masthead #deqq-company #deqq-company-label { color:#ccc; }
#masthead #deqq-company #deqq-company-change {font-size:9px; }

#site-nav {margin: 0 auto; padding: 0; width: 912px; position: relative; }

#deqq-logo {float:left; margin: 17px 20px 0 0;}
#deqq-logo a, #deqq-logo a:hover {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 #deqq-company {float: left; line-height: 1.1; padding: 8px 0 2px; color: #999; white-space: nowrap;}

#lower-nav { clear: both; margin: 0 5px 0 105px; position: absolute; top: 40px; width: 800px; }

#site-nav ul#company-links { float: left; text-transform: uppercase;}
#site-nav ul#company-links li {float:left; margin-right:15px; height: 15px; padding-bottom: 21px;}
#site-nav ul#company-links li.active {background:url('/image/header/active_glow.png') no-repeat center bottom;}
/*#site-nav ul li#nav-communities.active {background-position: 7px bottom;}*/
#site-nav ul#company-links li.active a, #site-nav #company-linksul li.active a:hover {color: #3395aa;}

#site-nav #nav-communities {position:relative;}
#site-nav #nav-more-communities {cursor:default; font-size: 13px; line-height: 0.8; padding: 0; margin-left: 2px; display: inline-block; color: #777676;}
#site-nav #nav-more-communities:hover {color:#ffc;}
#nav-communities-dialog {position:fixed; top: 15%; left: 50%; width:300px; 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;}

#site-nav #search {float: left; margin-top: -6px;}
#site-nav #search fieldset {border:0; padding: 0; background: none;}
#site-nav #search-box {color: #999; padding-right: 20px; width: 180px; background: #010101; background: rgba(0,0,0,0.4); border-color: #444; border-color: rgba(255,255,255,0.2);}
#site-nav #search-box.wait {background: #010101 url('/image/loaders/spinner_16-light.gif') no-repeat 99% 50%; background: rgba(0,0,0,0.8) url('/image/loaders/spinner_16-light.gif') no-repeat 99% 50%;}
#site-nav #lower-nav.no-company #search { margin-top: -20px; }

/*User Navigation*/

#user-nav {color: #ccc; float: right; white-space:nowrap; margin-top: -18px; }
#user-nav ul li {float: left; line-height: 1.5; font-weight: bold;}
#user-nav ul li a, #user-nav ul li span {color: white; background-repeat: no-repeat; background-position: top left; padding: 0 0 1px 18px;margin-right: 5px;}
#user-nav ul li a:hover {color:#3395aa;}
#user-nav ul li a#nav-profile {margin: 0;background:url('/image/header/user.png') no-repeat 0 0;}
#user-nav ul li a#nav-account {/*display: none;*/ padding-left: 0; font-weight: normal;}
#user-nav ul li a#nav-profile:hover, #user-nav ul li a#nav-account:hover {background-position: 0 -16px;}

#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;}

/* General Layout */

div#layout {margin: -15px auto 0; width: 872px; min-height: 300px; /*border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; border-top-right-radius:0; border-top-left-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0;*/ border: 1px solid white; padding: 25px 20px 20px; background: #f9f9f9; 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: 219px; padding: 20px; margin: -20px -20px 20px; background: #eee;}
div#layout.rightcol #main, div#layout.leftcol #main {float: left; width:612px;}
div#layout.rightcol div#sidebar {margin-left: 20px; border: 1px solid white; border-width: 0 0 1px 1px; border-bottom-left-radius:7px; -moz-border-radius-bottomleft:7px; -webkit-border-bottom-left-radius:7px;}
div#layout.leftcol div#sidebar {margin-right: 20px; border: 1px solid white; border-width: 0 1px 1px 0; border-bottom-right-radius:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-right-radius:7px;}

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

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

/* Headless/First-Run */

body.first-run #layout { width: 672px; margin-top: 30px; }
body.first-run div#layout.rightcol #main, body.first-run div#layout.leftcol #main, body.headless div#layout.rightcol #main, body.headless div#layout.leftcol #main { width: 432px; }
body.first-run div#layout div#sidebar, body.headless div#layout div#sidebar { width: 199px; }
body.first-run #upper .layout-header .avatar, body.first-run #upper .layout-header h1 { display: none; }
body.first-run #masthead #deqq-company, body.first-run #masthead #lower-nav {display:none;}
body.first-run #masthead #site-nav { width: 85px; }
body.first-run #masthead { background: none; }
body.first-run a#fdbk_tab { display:none; }

a.new-community-skip, a.new-community-skip:hover, a.new-community-skip:active, a.new-community-done, a.new-community-done:hover, a.new-community-done:active { border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px; background-image: url('/image/icons/skip-arrow.png'); text-align: center; background-repeat: no-repeat; background-position: center 10px; position: absolute; padding: 50px 10px 10px; font-size: 18px; line-height: 1; cursor: pointer; z-index: 1010; }

a.new-community-done, a.new-community-done:hover, a.new-community-done:active {
	position: static;
	display: block;
	width: 240px;
	margin: 0 auto;
	background-color: #03313e;
}

div#layout.headless, div.headless {padding-top: 20px; margin-top: 0; background: #fafafa url('/image/header/deqq_logo.png') no-repeat 685px 15px;}
#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: 0 10px 10px 0;}

#layout .block {border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; padding: 7px 0; margin-bottom: 10px; position: relative;}
div#main .block {background: white; border: 1px solid #ddd; padding: 7px;}
div#sidebar .block {/*padding-bottom:10px;*/ /*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 0 5px 5px;}
div#main .block h3, div#sidebar .block h3 {font-size: 16px; font-weight: bold; /*border-bottom: 1px solid #eee;*/ padding-bottom: 3px; margin: 3px 5px 7px;}
div#main .block .content, div#sidebar .block .content {padding: 0 5px 15px;}
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 {padding: 0 0 8px 24px; background: url('/image/icons/info_19.png') no-repeat 0 2px;}
div#sidebar .block .content > p:last-child {margin-bottom: 0;}
div#sidebar .bottom {margin-bottom: 0;}
div#sidebar .top {margin-top: 0;}

div#sidebar .block a {color:#2991a6;}
div#sidebar .block a:hover {color:#03313e;}

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

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

/*Footer*/ 
#footer{width: 894px; margin: 0 auto 20px; position: relative; 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;/*border-radius:7px;-moz-border-radius:7px;-webkit-border-radius:7px; border-top-right-radius:0; border-top-left-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0;*/}
#footer p.copyright {margin: 0; font-size: inherit; float: left; color: #aaa;}
#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: none;}

body.first-run #footer { width: 694px; }

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: 10001; 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: #891616 url('/image/gradients/def_large-up.png') repeat-x scroll center 0px; padding: 7px 10px; 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 {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 {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; margin: 0;}

/* 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"] {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 {border: 1px solid rgba(0,0,0,0.2); color: rgba(0,0,0,0.3); 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:#f4f4f4; color:#333; border-color:#ccc;}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus {background: white url('/image/gradients/alt_small-down.png') repeat-x left 1px; border:1px solid #999;}
input[type="text"].wait, input[type="password"].wait {background: #f4f4f4 url('/image/loaders/spinner_16-dark.gif') no-repeat 99% 50%;}
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; margin-right: 4px;}
label.disabled {color:#ccc;}
fieldset legend {margin:0 0 0 -20px; font-weight: bold; text-transform: uppercase;}
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 {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;}
fieldset p.instruction, fieldset pre {font-size:11px;}
fieldset pre {border:solid 1px #ddd;background:#eee;padding: 0 0 0 20px;margin-bottom: 20px;}
fieldset h4 {font-weight:bold;}

/* 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;}

div.block div.field {margin: 0 5px 10px}
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); 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; text-shadow: 0 1px 0 rgba(0,0,0,0.4); -moz-text-shadow: 0 1px 0 rgba(0,0,0,0.4); -webkit-text-shadow: 0 1px 0 rgba(0,0,0,0.4);}
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; text-decoration: none;}
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, .button:active {background-image: url('/image/gradients/hov_large-down.png');}

/* Submit & Reset */
input[type="submit"], input.confirm-button, input[type="reset"], input.cancel-button {margin: 3px;}
input[type="submit"], input.confirm-button {background-color: #3395aa; font-weight: bold;}
input[type="reset"], input.cancel-button {background-color: #ccc;}
input[value="Ban"], input[value="Disable"], input[value="Delete"] {background-color: #e90505;}
input[value="Done"] {background-color: #ccc; font-size: 13px; font-weight:bold;}

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;}
div.form-footer input {margin: 5px; font-size: 12px;}

/* Generic Form Errors */
form ul.errorlist {margin:7px 0; padding:0; font-size:11px;}
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;}

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

/* Auto-completer Results */
.search-results {position:absolute; z-index: 1000; width: 168px;}
.search-results ol {overflow: hidden; background: white; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border-top-right-radius:0; border-top-left-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0;-webkit-border-top-right-radius:0; border: 1px solid #999; border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.2) rgba(0,0,0,0.4); padding:1px 1px 3px; margin: 0 3px 0; border-top: 0; box-shadow: 0 3px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);}
.search-results ol li a {color: #666; display:block; width: 146px; padding: 6px; overflow:hidden; position: relative;}
.search-results ol li a:hover {color:#3395aa; text-decoration: none;}
.search-results ol li.selected a {background: #61C6DB; color: #f2f2f2;}
.search-results ol li.selected a strong {color: white;}
.search-results ol li img {margin:0;}
.search-results ol li span {display: block; overflow: hidden;}
.search-results ol li span.name {font: 13px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Arial,Verdana,sans-serif; margin:0 13px 0 0; padding:0; float:right; width:106px; white-space:nowrap; height:1em; line-height: 0.8;}
.search-results ol li span.handle {float:right; margin:0 13px 0 0; padding: 0; font-size:10px; width:106px; height:1.2em;}
.search-results ol li span.icon {text-indent: -999em; display: block; background-position: top left; background-repeat: no-repeat; width: 11px; height: 11px; position: absolute; top: 13px; right: 4px;}
.search-results ol li.user span.icon {background-image: url('/image/icons/user_11.png');}
.search-results ol li.company span.icon {background-image: url('/image/icons/company_11.png');}
.search-results ol li.community span.icon {background-image: url('/image/icons/community_11.png');}
.search-results ol li.selected span.icon {background-position: 0 -11px;}
.search-results ol li strong {color: #333;}

/* 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; font-family: Arial,Helvetica,sans-serif; }
.full-pager a, .full-pager span, .per-page a, .per-page strong {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;}
.full-pager .pager-next, .full-pager .pager-prev { font-weight: bold; line-height: 1; vertical-align: -1px; font-size: 1.5em; }

/* Instance Tools */
.instance-utils {position: absolute; right: 2px; top: 2px; bottom: 0;}
.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;*/ cursor: pointer; font-size: 10px;  text-transform: uppercase; color: #888; padding: 0 5px 0 26px; text-indent: 0; line-height: 2.5; width: auto; margin: 0 3px; 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: rgba(255,255,255,0.4); background-position: left -24px; border-color: rgba(0,0,0,0.1); color: black !important; text-decoration: none;}
.instance-utils .stats {background-image: url('/image/utils/inspect.png'); position: relative; right: 5px; margin: 0; padding: 0; width: 24px; text-indent: -9999em; float: none; display: block;}
.instance-utils .assign-roles {background-image: url('/image/utils/assign.png');}
.instance-utils .moderator-tools, .instance-utils .community-tools, .instance-utils .company-tools {background-image: url('/image/utils/tools.png'); padding-left: 35px; margin-right: 0;}
.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;}

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

.layout-header .instance-utils .moderator-tools {width:auto;}

/* Enter Conversation */
.instance-utils a.enter-conversation {text-align: right; color: white; position: absolute; right: -2px; bottom: 15%; background-image: url('/image/utils/goto.png'); padding:0; text-indent: 0; width: 24px; background-color: rgba(0,0,0,0.2); font-size: 10px; font-weight: bold; line-height: 2.5; 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; background-color: rgba(0,0,0,0.4);}
.instance-utils a.enter-conversation.thread {width: auto; background-image: url('/image/utils/replies.png'); padding: 0 35px 0 5px;}
.instance-utils a.enter-conversation.thread:hover {color: white !important;}


.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; 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;}

.instance-utils ul.shortcuts {text-indent: 0; width: auto; height: auto; position:static; width: auto; padding:0 0 0 6px; margin:0 0 0 6px; display:block; background: none; border: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
.instance-utils ul.shortcuts li {display: inline;}
.instance-utils ul.shortcuts li a, .instance-utils ul.shortcuts li span {background-position: 1px 1px;}
.instance-utils ul.shortcuts li a:hover, .instance-utils ul.shortcuts li span:hover {background-position: 1px -23px; color: black;}

#sidebar .block .instance-utils, #sidebar .block .instance-utils ul {display:block; position: static;}
#sidebar .block .instance-utils ul {display:block; position: static; background: none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; border: none; padding: 5px; width: auto; margin: 0;}

#sidebar .block .instance-utils ul li.menu-item a, #sidebar .block .instance-utils ul li.menu-item span {border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size: 13px; font-weight: normal; line-height: 1.5;}

#sidebar .community-tools.block, #sidebar .company-tools.block {border: none; background: #ddd url('/image/gradients/def_top-center.png') no-repeat center top; padding: 0;}
#sidebar .community-tools.block .instance-utils ul li.menu-item a, #sidebar .community-tools.block .instance-utils ul li.menu-item span, #sidebar .company-tools.block .instance-utils ul li.menu-item a, #sidebar .company-tools.block .instance-utils ul li.menu-item span {}
#sidebar .community-tools.block .instance-utils ul li.menu-item a:hover, #sidebar .community-tools.block .instance-utils ul li.menu-item span:hover, #sidebar .company-tools.block .instance-utils ul li.menu-item a:hover, #sidebar .company-tools.block .instance-utils ul li.menu-item span:hover {color: white !important; background-color: #999; background: #3395AA url('/image/gradients/def_large-up.png') repeat-x bottom left;}
#sidebar .community-tools.block .instance-utils ul li.menu-item a:active, #sidebar .community-tools.block .instance-utils ul li.menu-item span:active, #sidebar .company-tools.block .instance-utils ul li.menu-item a:active, #sidebar .company-tools.block .instance-utils ul li.menu-item span:active {background: rgba(0,0,0,0.3) url('/image/gradients/alt_large-down.png') repeat-x bottom left;}

.instance-utils ul.shortcuts li #root-conversation {background-image: url('/image/utils/talk.png');}
.instance-utils ul.shortcuts li #all-users {background-image: url('/image/utils/users.png');}
.instance-utils ul.shortcuts li #create-community {background-image: url('/image/utils/add.png');}
.instance-utils ul.shortcuts li #create-company {background-image: url('/image/utils/add.png');}
.instance-utils ul.shortcuts li #company-main {background-image: url('/image/utils/home.png');}
.instance-utils ul.shortcuts li #community-main {background-image: url('/image/utils/home.png');}
.instance-utils ul.shortcuts li #profile-main {background-image: url('/image/utils/user.png');}
.instance-utils ul.shortcuts li #create-user {background-image: url('/image/utils/add.png');}
.instance-utils ul.shortcuts li #invite-users {background-image: url('/image/utils/invite.png');}
.instance-utils ul.shortcuts li #company-users {background-image: url('/image/utils/users.png');}
.instance-utils ul.shortcuts li #pending-invites {background-image: url('/image/utils/users.png');}
.instance-utils ul.shortcuts li #assign-users {background-image: url('/image/utils/assign.png');}

/* 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:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; padding: 7px 12px; margin: 0 1px; color: #03313e; border: 1px solid rgba(64,64,64,0.5); border-color: rgba(0,0,0,0.2) rgba(0,0,0,0.1) 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;}

ul.block-tabs li { background: white url('/image/gradients/alt_large-up.png') repeat-x left bottom; cursor: pointer; float: left; font-weight: bold; text-align: center; color: #777676; padding: 20px 10px 10px; border-right: 1px solid white; }
ul.block-tabs li:hover { background-color: #f2f2f2; }
ul.block-tabs li.enabled { background: #eee url('/image/gradients/alt_large-down.png') repeat-x left top; color: #03313E; }
ul.block-tabs li span.descriptor { font-weight: normal; padding-top: 5px; display:block; clear: both; font-size: 10px; color: #aaa; }
ul.block-tabs li.last { border: none; }

#sidebar ul.block-tabs { border-bottom: 1px solid white; margin: -20px; }

.tab-panel {border-top: 2px solid #03313E; background: white; padding: 10px; 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);}

.tab-panel fieldset { padding: 20px; margin-bottom: 5px; }
.tab-panel div.form-footer, .tab-panel #current-avatar { margin: 0 -20px; }

/*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;}

/* 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;
}

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

/* Dialog Overlay */
.overlay {padding: 40px; z-index: 100000; position: relative;}
.overlay .shadow {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: white; color: #333; 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; 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: #999; font-style: italic; font-weight: normal;}
.overlay label {clear: both;}
.overlay fieldset {padding: 15px; background: #eee;}
.overlay span.close {position:absolute; top:9px; right:8px;}

.overlay div.form-footer {padding-top: 10px; margin: 0 -15px;}

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; color: black; 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; max-height:50px; 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 {padding: 0; 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; background: url('/image/icons/alert_16.png') no-repeat top left; padding-left: 20px; margin: 0;}

/*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 - Deprecate */
.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; 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, span.state {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;}
span.state.unverified {background-position:left -66px;}

/* Tooltip Bubbles */
div.tip-bubble {background: #f4f4f4; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; border: 1px solid #999; padding:1px 1px 3px; margin: 0 3px 0; box-shadow: 0 3px 5px rgba(0,0,0,0.3); -moz-box-shadow: 0 3px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,0.3);width:200px; z-index:15000; position:absolute;}
div.tip-bubble .tip-top {}
div.tip-bubble .tip-bottom {}
div.tip-bubble .more {display: block; border-top: 1px solid #eee; margin-top: 3px; padding: 3px 7px; font-size: 11px; color: #aaa;}

/* TODO: update pointer graphic */
div.tip-bubble span.pointer {display: none;width: 25px; height: 25px; position: absolute; background:url('/image/bubble/pointer.png') no-repeat top left;}
div.tip-bubble.pointing span.pointer {display: block;}
div.tip-bubble.left {padding-left: 15px;}
div.tip-bubble.right {padding-right: 15px;}
div.tip-bubble.top {padding-top: 15px;}
div.tip-bubble.bottom {padding-bottom: 15px;}

div.tip-bubble.left span.pointer {left: 2px; top: 10px; background-position: 0px 0px;}
div.tip-bubble.right span.pointer {right: 2px; top: 10px; background-position: 0px -25px;}
div.tip-bubble.top span.pointer {left: 10px; top: 2px; background-position: 0px -50px;}
div.tip-bubble.bottom span.pointer {left: 10px; bottom: 2px; background-position: 0px -75px;}

div.tip-bubble span.close {position:absolute; top:12px; right:12px;}
div.tip-bubble.right span.close {right: 27px;}

/*
a.kpi-block {display:block; height: 32px; overflow: hidden; margin-bottom: 3px;}
a.kpi-block div.kpi-value {border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;font-size: 9px; text-align:center; padding: 6px 0; font-weight: normal; width: 32px; background: #ddd; color: #666; letter-spacing: -1px;position: absolute; top: 0; left: 0; line-height: 10px;}
a.kpi-block div.kpi-content {margin-left: 38px;padding:0; line-height: 10px;display: block; height: 30px; overflow: hidden;}
a.kpi-block:hover {cursor: pointer}
a.kpi-block:hover div.kpi-value {background: #e3e3e3;}
*/

/* Clearance Fix */

.contain:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.contain { display: inline-block; }

/* Hides from IE-mac \*/
* html .contain { height: 1%; }
.contain { display: block; }
/* End hide from IE-mac */

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

.invisible {visibility:hidden;}