/*
fixme: settings > filters > submitting blank form sends back .alert with "success" class
fixme: discussion listing: long usernames in "activity" column fuck the design
todo: js: lighthouse settings: updating subdomain should update the subdomain text under 'project id'

=== nice to have ===
todo: sprite-ize form_content_bg gifs
todo: error flash message if someone clicks on disabled actionbar items ("please select one or more discussions first")
todo: js for simple form validation (required fields, etc.) - use .shout to alert users
todo: uniform dropdown: fake ellipsis for long text in dropdown
todo: blankslate: ajax forms with slide transitions
*/


/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size:1em; font-weight:normal; font-style:normal; }
ul,ol { list-style:none; }
fieldset,img { border:none; }
caption,th { text-align:left; }
table { border-collapse:collapse; border-spacing:0; }
img.left { float:left; margin:2px 20px 16px 0; }
img.right { float:right; margin:2px 0 16px 20px; }
.clear { clear:both; height:0; overflow:hidden; }

/* default type */
strong,b { font-weight:bold; }
em,i { font-style:italic; }
sup { padding-left:1px; font-size:10px!important; font-weight:normal!important; vertical-align:baseline; position:relative; bottom:.33em; color:#76797c; _position:static!important; }

h1 { margin-bottom:18px; font-weight:bold; font-size:24px; line-height:36px; }
h2 { margin-bottom:18px; font:bold 24px/30px "Helvetica Neue", Helvetica, Arial, sans-serif; }
h2 .separator { display:inline-block; width:13px; background:url(/new/images/h2_separator_bg.gif) no-repeat 50% 50%; text-indent:-9999px; }
h3 { margin:0 0 8px; padding:20px 0 0; font:bold 15px/21px "Helvetica Neue", Helvetica, Arial, sans-serif; }
h4 { font-weight:bold; font-size:10px; line-height:18px; }

p { margin-bottom:18px; }
p.more { text-align:right; }
p.more a { font:bold 11px Verdana; text-decoration:none; }

ul { margin-bottom:18px; margin-left:2em; list-style:disc outside; }
ol { margin-bottom:18px; list-style:decimal; margin-left:25px; }
ul ul { margin-top:4px; margin-bottom:5px; }

/* defaults */
body { font:12px/17px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; background:#f6f6f6 url(/new/images/body_bg.jpg); text-align:center; }
a { color:#0077e4; text-decoration:none; }
a:hover { color:#08e; text-decoration:underline; }
a.popbox { outline:0; }
a.popbox:active { position:relative; top:1px; }

/* system-wide alerts (copy to common.css for public view) */
.alert { padding:20px 0; font:12px/17px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; background:#ff9; border-bottom:1px solid #d9d9d9; zoom:1; }
.alert:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.alert .message { position:relative; width:830px; margin:0 auto; padding:0 150px 0 0; text-align:left; }
.alert .message a { color:#0077e4; text-decoration:none; }
.alert .message a:hover { color:#08e; text-decoration:underline; }
.alert .message a.close { position:absolute; display:block; outline:0; padding:0 5px 0 16px; top:-1px; right:0; font-weight:bold; font-size:11px; color:#707070; background:url(/new/images/icon_delete.png) no-repeat 0 50%; text-shadow:rgba(255,255,255,0.5) 1px 1px 0; }
.alert .message a.close:hover { color:#0077e4; background-position:-386px 50%; }
.alert .message a.close:active { top:0; }
.alert .message h4 { margin:0; padding:0 5px 1px 0; font-weight:bold; font-size:14px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:rgba(255,255,255,0.35) 1px 1px 0; }
.alert .message h4 .atime { margin-right:2px; color:#666; font-weight:normal; }
.alert .message p { margin:0; color:#000; }

#calculator_summary .error {
  color: #990000;
}

/* shout alerts */
.shout { display:none; position:fixed; z-index:5000; overflow:hidden; top:0; left:0; width:100%; height:91px; background:url(/new/images/shout_bg.jpg) repeat-x; text-align:center; }
.shout .message { width:981px; height:91px; margin:0 auto; background:url(/new/images/shout_message_bg.jpg) no-repeat; text-align:left; }
.shout .message p { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width:981px; margin:0; padding:33px 0 20px; font:20px/26px Helvetica, Arial, sans-serif; color:#fff; text-shadow:rgba(0,0,0,.8) 3px 3px 3px; }
.shout .message p strong { font-weight:normal; color:#aaa; }
.shout .message p a { color:#08e; }
.shout .message p a:hover { color:#09f; }
.shout.success .message p { padding-left:55px; background:url(/new/images/shout_icon.png) no-repeat 0 26px; }
.shout.failure .message p { padding-left:58px; background:url(/new/images/shout_icon.png) no-repeat 0 -137px; }

/* inline alert */
.overlay { position:absolute; z-index:5; display:none; top:0; left:0; width:100%; height:100%; background:url(/new/images/overlay_bg.png); }
.inlinealert { position:absolute; display:none; width:100%; height:110px; border-bottom:1px solid #fff; background:url(/new/images/inlinealert_bg.jpg) no-repeat; }
.inlinealert p { margin:0; padding:35px 0 0; font:25px/34px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; text-align:center; text-shadow:rgba(0,0,0,.8) 3px 3px 3px; }

/* lightbox */
.lightbox { display:none; width:660px; text-align:left; }
.lightbox .header { position:relative; height:48px; background:url(/new/images/lightbox_bgtop.png) no-repeat; }
.lightbox .header .close { position:absolute; cursor:pointer; display:block; top:-17px; right:-20px; width:51px; height:51px; background:url(/new/images/close.png) no-repeat 10px 10px; }
.lightbox .header .close:active { top:-16px; }
.lightbox .header h3 { margin:0; padding:18px 0 0 25px; font:11px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#777; text-transform:uppercase; letter-spacing:1px; text-shadow:#fff 1px 1px 0; }
/*.lightbox .content { padding:22px 26px 16px; color:#5c5c5c; background:url(/new/images/lightbox_bg.png) no-repeat 0 100%; overflow-x: hidden; overflow-y: auto; max-height: 850px;}
*/
.lightbox .content {
  padding:22px 26px 16px;
  color:#5c5c5c;
  background: #fff;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 850px;
  width: 598px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright:5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-left: 5px;
  -webkit-box-shadow: 0 0 8px #444;
  -moz-box-shadow: 0 0 8px #444;
  box-shadow: 0 0 8px #444;
}

.lightbox .content h2 { margin:0; padding:8px 0 0; font:bold 15px/21px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#2c2c2c; }
.lightbox .content p { margin:0 0 12px; }
.lightbox .content ul { margin:0 0 10px 25px; }
.lightbox .content ul li { padding:0 0 2px; }
.lightbox .content code { background:#ffd; }
.lightbox .overlay { overflow:hidden; z-index:2; left:-10px; top:-10px; padding:10px; }
.lightbox .overlay .message { position:absolute; top:50%; left:0; width:100%; height:100%; margin:-14px 0 0; color:#444; font-size:20px; line-height:28px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing:1px; text-align:center; text-shadow:#fff 1px 1px 0; }

/* lightbox form */
.lightbox form { position:relative; width:610px; margin:0 -2px 0 -6px; }
.lightbox .lightboxform { margin:0 0 20px 0; width:610px; background:url(/new/images/lightboxform_bg.gif) repeat-y; }
.lightbox .lightboxform .cap { display:block; width:100%; height:7px; font-size:1px; line-height:1px; }
.lightbox .lightboxform .cap.top { background:url(/new/images/lightboxform_bgtop.gif) no-repeat; }
.lightbox .lightboxform .cap.bottom { background:url(/new/images/lightboxform_bgbottom.gif) no-repeat; }
.lightbox .lightboxform .formrow { width:568px; }
.lightbox .lightboxform .formrow.first,
.lightbox .lightboxform .formrow:first-child { padding-top:10px; }
.lightbox .lightboxform .formrow dd input.textfield { width:548px; }
.lightbox .lightboxform .formrow dd input.textfield.short { width:110px; }
.lightbox .lightboxform .formrow dd p { margin:0; }
.lightbox .actions { margin:0 0 2px; }

div.columns dl { width: 250px !important; float: left }
div.columns dd { width: 250px; }
div.columns:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* stats */
ul.stats { list-style:none; margin:0; zoom:1; }
ul.stats:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.stats li { float:left; display:inline; margin:0 0 0 21px; zoom:1; }
ul.stats li span.label { float:left; display:inline; margin:2px 7px 0 0; font:10px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; color:#777; text-transform:uppercase; letter-spacing:2px; text-shadow:#fff 1px 1px 0; }
ul.stats li strong { float:left; display:inline; font:16px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#505050; text-shadow:#fff 1px 1px 0; }
ul.stats li a { outline:0; display:block; text-decoration:none; }
ul.stats li a:hover span.label { color:#08e; }
ul.stats li a:hover strong { color:#08e; }
ul.stats li a:active { position:relative; top:1px; }
ul.stats li .selector { position:relative; display:block; padding-right:13px; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: 292px -978px; zoom:1; }
ul.stats li .selector:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
ul.stats li .selector select { position:absolute; top:0; right:0; opacity:0; }

/* toolbar */
#toolbar { position:relative; z-index:3; width:100%; height:47px; margin:0 0 30px; font-size:11px; background:url(/new/images/toolbar_bg.gif) repeat-x; }
#toolbar .toolbargrid { width:981px; margin:0 auto; text-align:left; zoom:1; }
#toolbar .toolbargrid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#toolbar a { outline:0; display:block; padding:10px 12px 11px; color:#666; text-shadow:#fff 1px 1px 0; zoom:1; }
#toolbar a:hover { color:#0077e4; text-decoration:none; }
#toolbar a.root { padding:10px 12px 11px 22px; background:url(/new/images/dashboard-main-sprite.png) no-repeat;}
#toolbar a.root:active { position:relative; top:1px; }
#toolbar ul#back { position:relative; list-style:none; margin:0; }
#toolbar ul#back li { float:left; display:inline; }
#toolbar ul#back li a.root { background-position:-10px -20px; }
#toolbar ul#back li a.root:hover { background-position:-491px -20px; }
/* header: public tender dropdown */
#toolbar ul#back ul { position:absolute; z-index:30; top:-999em; width:170px; margin:0 0 0 2px; padding:5px 0 6px; background:#f9f9f9 url(/new/images/back_ul_bg.gif) repeat-x; border:1px solid #ddd; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }
#toolbar ul#back li.hover ul { top:40px; z-index:30; }
#toolbar ul#back ul li { float:none; width:100%; margin:0; font:11px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
#toolbar ul#back ul li a { display:block; width:132px; color:#666; padding:5px 19px; text-decoration:none; }
#toolbar ul#back ul li a:hover { color:#0077e4; background:#e4f2ff; }
#toolbar ul#back ul li a:active { padding:6px 19px 4px; }
#toolbar #account { float:right; display:inline; }
#toolbar #account ul { list-style:none; margin:0; zoom:1; }
#toolbar #account ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#toolbar #account ul li { float:left; display:inline; padding:0 2px 0 0; background:url(/new/images/toolbar_li_bg.gif) no-repeat 100% 50%; }
#toolbar #account ul li span.counter { position:relative; z-index:2; margin:0 0 0 4px; padding:2px 10px 4px 9px; font-weight:bold; color:#f00; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -10px -223px; text-shadow:#fff 1px 1px 0; }
#toolbar #account ul li span.counter span { position:absolute; z-index:2; display:block; top:0; right:0; width:4px; height:19px; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -7px -223px; }
#toolbar #account ul li a:hover span.counter { color:#f33; }
#toolbar #account ul li a:hover span.counter { background-position:-10px -264px; }
#toolbar #account ul li a:hover span.counter span { background-position:-7px -264px; }
#toolbar #account ul li#a-username { zoom:1; }
#toolbar #account ul li#a-username:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#toolbar #account ul li#a-username a:active { position:relative; top:1px; }
#toolbar #account ul li#a-username a img { float:left; display:inline; margin:1px 6px 0 0; opacity:.78; -moz-box-shadow:#fff 1px 1px 0; -webkit-box-shadow:#fff 1px 1px 0; box-shadow:#fff 1px 1px 0; }
#toolbar #account ul li#a-username a:hover img { opacity:1; }
#toolbar #account ul li#a-yourdiscussions a.root { padding-left:31px; background-position:0px -58px; }
#toolbar #account ul li#a-yourdiscussions a.root:hover { background-position:-481px -58px; }
#toolbar #account ul li#a-pinned a.root { padding-left:30px; background-position:0px -96px; }
#toolbar #account ul li#a-pinned a.root:hover { background-position:-481px -96px; }
#toolbar #account ul li#a-pinned #pinnedqueue { display:none; }
#toolbar #account ul li#a-logout { background-image:none; }
#toolbar #account ul li#a-logout a.root { padding-left:29px; padding-right:5px; background-position:0px -134px; }
#toolbar #account ul li#a-logout a.root:hover { background-position:-481px -134px; }

/* pinned queue overlay */
#pinnedqueue { width:335px; margin:0 !important; text-align:left; }
#pinnedqueue .header { position:relative; width:335px; height:52px; background:url(/new/images/pinnedqueue_bgtop.png) no-repeat; }
#pinnedqueue .header .close { position:absolute; cursor:pointer; display:block; top:-10px; right:-20px; width:51px; height:51px; background:url(/new/images/close.png) no-repeat 10px 10px; }
#pinnedqueue .header .close:active { top:-9px; }
#pinnedqueue .header h3 { margin:0; padding:19px 0 0 19px; font:11px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#777; }
#pinnedqueue .header h3 strong { float:left; display:inline; margin:0 1px 0 0; line-height:25px; font-weight:normal; text-transform:uppercase; letter-spacing:1px; text-shadow:#fff 1px 1px 0; }
#pinnedqueue .header div.selector,
#pinnedqueue .header div.selector span { width:auto; height:24px; line-height:24px; background-image:url(/new/images/simpledropdown_uniform_sprite.png); }
#pinnedqueue .header div.selector { float:left; display:inline; margin-top:1px; padding-left:8px; background-position:100% -75px; }
#pinnedqueue .header div.selector span { max-width:195px; padding:0 22px 1px 0; color:#777; background-position:100% 0; text-transform:uppercase; letter-spacing:1px; text-shadow:#fff 1px 1px 0; }
#pinnedqueue .header div.selector select { cursor:pointer; width:222px; background:#fff; }
#pinnedqueue .header div.selector.hover,
#pinnedqueue .header div.selector:hover { background-position:-492px -100px; }
#pinnedqueue .header div.selector.hover span,
#pinnedqueue .header div.selector:hover span { color:#0077e4; background-position:100% -25px; }
#pinnedqueue .header div.selector:active { background-position:-492px -125px; }
#pinnedqueue .header div.selector:active span { padding:1px 21px 0 1px; background-position:100% -50px; }
#pinnedqueue .content { width:323px; padding:0 6px 5px; background:url(/new/images/pinnedqueue_bg.png) no-repeat 0 100%; }
#pinnedqueue .content ul { list-style:none; margin:0; }
#pinnedqueue .content ul li { border-bottom:1px solid #eee; }
#pinnedqueue .content ul li a { outline:0; display:block; padding:7px 13px 6px; color:#0077e4; border:1px solid #fff; border-width:1px 0; text-decoration:none; }
#pinnedqueue .content ul li a span.title { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; font:bold 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#pinnedqueue .content ul li a span.info { font-size:11px; color:#808080; }
#pinnedqueue .content ul li a span.info .separator { color:#d0d0d0; margin:0 1px; }
#pinnedqueue .content ul li a:hover span.title { text-decoration:underline; }
#pinnedqueue .content ul li.more { border:0; }
#pinnedqueue .content ul li.more a { padding-top:9px; padding-bottom:11px; font:13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; border-width:1px 0 0; }
#pinnedqueue .content ul li.more a:hover { text-decoration:underline; }
#pinnedqueue .content p { margin:0 14px 13px; padding:13px 0 0; }

/* header */
#header { position:relative; z-index:2; width:981px; margin:0 auto; text-align:left; }
#header .limit-warning { clear:both; float:left; margin:-10px 0 10px; background:url(/new/images/billingerror_bg.gif) repeat-y; }
#header .limit-warning p { margin:0; padding:13px 15px 22px; font:12px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#b00; background:url(/new/images/billingerror_bg.gif) no-repeat 100% 100%; text-shadow:rgba(255,255,255,.3) 1px 1px 0; }
#header .limit-warning p a { outline:0; }
#header .limit-warning p a:active { position:relative; top:1px; }
#header h2 { clear:both; float:left; display:inline; margin:0 0 12px; padding:0; font:21px/26px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#363636; text-shadow:#fff 1px 1px 0; }
#header h2 a { outline:0; color:#363636; }
#header h2 a:active { position:relative; top:1px; }
#header h2 a:hover { color:#222; text-decoration:none; }
#header #headerstats { float:right; display:inline; padding:6px 5px 0; }
#header #headerstats .pendingtoday { display:none; }
/* header: nav */
#header #nav { clear:both; width:981px; height:48px; margin:0 0 15px; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -10px -303px; zoom:1; }
#header #nav:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#header #nav ul { float:left; display:inline; list-style:none; margin:4px 0 0 4px; }
#header #nav ul li { position:relative; float:left; display:inline; margin:0 3px 0 0; }
#header #nav ul li > a { outline:0; position:relative; display:block; color:#b0b0b0; text-shadow:#191919 -1px -1px 0; }
#header #nav ul li > a > span { display:block; padding:10px 17px 13px; font-size:13px; line-height:20px; }
#header #nav ul li > a:active span { padding-top:11px; padding-bottom:14px; }
#header #nav ul li > a:hover { color:#e6e6e6; text-decoration:none; }
#header #nav ul li > a.selected { color:#fff; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -10px -371px; text-shadow:#000 2px 2px 1px; }
#header #nav ul li > a.selected > span { padding-right:19px; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: 100% -40px; }
#header #nav ul li > a.selected:hover { text-decoration:none; }
#header #nav ul li#n-accountsettings > a > span { padding-right:31px; }
#header #nav ul li#n-accountsettings > a span.dropdown { position:absolute; top:12px; right:15px; display:block; width:13px; height:13px; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -10px -471px;}
#header #nav ul li#n-accountsettings > a:active span.dropdown { top:13px; }
#header #nav ul li#n-accountsettings > a.selected span.dropdown { background-position:-285px 0; }
#header #nav ul li#n-accountsettings.hover > a.selected { color:#b0b0b0; background-position:-999px 0; text-shadow:#191919 -1px -1px 0; }
#header #nav ul li#n-accountsettings.hover > a.selected span { background-position:-999px 0; }
#header #nav ul li#n-accountsettings.hover > a.selected span.dropdown { background-position:0 0; }
/* header: nav: dropdown */
#header #nav ul ul { position:absolute; z-index:30; top:-999em; width:180px; padding:3px 0 5px; background:#303030; border-top:1px solid #222; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-box-shadow:#fff 1px 1px 0; -webkit-box-shadow:#fff 1px 1px 0; box-shadow:#fff 1px 1px 0; }
#header #nav ul li.hover ul { top:38px; z-index:30; }
#header #nav ul ul li { float:none; width:100%; margin:0; font:12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
#header #nav ul ul li a { display:block; outline:0; width:156px; color:#b9b9b9; padding:4px 12px; text-decoration:none; text-shadow:#262626 -1px -1px 0; }
#header #nav ul ul li a:hover { color:#f0f0f0; background:#3c3c3c; }
#header #nav ul ul li a:active { padding:5px 12px 3px; }
/* header: search */
#header #nav #search { float:right; display:inline; margin:4px 3px 0 0; }
#header #nav #search input.searchfield { float:left; display:inline; outline:0; width:184px; padding:13px 2px 11px 14px; color:#999; font:11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; border:0; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -10px -504px; }
#header #nav #search button { float:left; display:inline; width:34px; height:40px; border:0; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -275px -504px; }
#header #nav #search form.active input.searchfield { color:#000; background-position: -10px -544px; }
#header #nav #search form.active button { background-position: -275px -544px; }

/* main */
#main { position:relative; z-index:1; width:981px; margin:0 auto 20px; background:url(/new/images/main_bg.gif) repeat-y; text-align:left; zoom:1; }
#main:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#main .cap { clear:both; display:block; width:100%; height:8px; }
#main .cap.top { background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -10px -604px;}
#main .cap.bottom { width:981px; height:7px; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -10px -912px; }

/* main & content with no sidebar */
#main.nosidebar { background-image:url(/new/images/main_white_bg.gif); }
#main.nosidebar .cap.top { background-image:url(/new/images/main_white_bgtop.gif); }
#main.nosidebar .cap.bottom { background-image:url(/new/images/main_white_bgbottom.gif); }
#main.nosidebar #content { width:940px; margin:0 2px 0 1px; }

/* sidebar */
#sidebar { float:left; display:inline; width:216px; padding:4px 0 10px; }
#sidebar h3 { margin:0 1px; padding:5px 11px; font:10px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#858585; text-transform:uppercase; letter-spacing:2px; text-shadow:rgba(255,255,255,.5) 1px 1px 0; }
#sidebar ul { list-style:none; margin:0 1px 10px; padding:0; border-top:1px solid #cadee4; border-bottom:1px solid #e1e8ea; }
#sidebar ul li { font:13px/19px Helvetica, Arial, sans-serif; }
#sidebar ul li a { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; display:block; outline:0; width:162px; padding:6px 41px 6px 11px; color:#444; border-top:1px solid #e1e8ea; border-bottom:1px solid #cbd8da; text-decoration:none; text-shadow:rgba(255,255,255,.42) 1px 1px 0; }
#sidebar ul li a .count { position:absolute; top:50%; right:11px; margin:-10px 0 0; font:10px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#808080; text-shadow:rgba(255,255,255,.6) 1px 1px 0; }
#sidebar ul li a:hover { color:#0077e4; background:#e5ebed; border-top:1px solid #eaeff0; }
#sidebar ul li a:active { padding-top:7px; padding-bottom:5px; }
#sidebar ul li a:active .count { margin-top:-9px; }
#sidebar ul li a.create { background-image:url(/new/images/sidebar_li_create_bg.gif); background-repeat:no-repeat; background-position:0 -60px; }
#sidebar ul li a.create:hover { background-position:187px 5px; }
#sidebar ul li a.create:active { background-position:187px 6px; }
#sidebar ul li a.arrow { background-image:url(/new/images/sidebar_li_arrow_bg.gif); background-repeat:no-repeat; background-position:0 -60px; }
#sidebar ul li a.arrow:hover { background-position:187px 5px; }
#sidebar ul li a.arrow:active { background-position:187px 6px; }
#sidebar ul li.draggable-over a { background:#0077e4; color:#fff; border-top:1px solid #e4f2ff; text-shadow:rgba(0,0,0,.3) -1px -1px 0; }
#sidebar ul li.draggable-over a .count { display:none; }
#sidebar ul li.selected a { left:-1px; width:162px; padding:7px 42px 7px 12px; font-weight:bold; color:#fff; background:url(/new/images/dashboard-settings-sprite.png) no-repeat; background-position: -10px -10px; border-top:0; text-shadow:rgba(0,0,0,.4) 1px 1px 2px; }
#sidebar ul li.selected a .count { right:12px; margin-top:-9px; font-weight:bold; color:#fff; text-shadow:rgba(0,0,0,.4) 1px 1px 2px; }
#sidebar ul li.selected a:active { padding-top:8px; padding-bottom:6px; }
#sidebar ul li.selected a:active .count { margin-top:-8px; }
#sidebar ul li.selected a.create:hover,
#sidebar ul li.selected a.arrow:hover { background:url(/new/images/dashboard-settings-sprite.png) no-repeat; background-position: -10px -10px; }
#sidebar .notice { margin:-1px 11px 11px; padding:10px 13px 1px; background:#eaf0f1; border:1px solid #c3c3c3; border-color:#c3c3c3 #d0d0d0 #d0d0d0 #c3c3c3; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#sidebar .notice p { margin:0 0 10px; font-size:11px; line-height:16px; color:#444; text-shadow:rgba(255,255,255,.3) 1px 1px 0; }

/* content */
#content { position:relative; float:right; display:inline; width:723px; margin:0 2px 0 0; padding:0 20px 5px; }
#content h2 { padding-top:9px; }
#content p.intro { margin-top:-16px; color:#777; }
#content div.expand { position:relative; width:743px; margin:0 -10px; }

/* content notice */
#content div.notice { margin:0 0 20px; padding:8px 12px; background:#ffc; border:1px solid #eeeec8; -moz-border-radius:4px; }
#content div.notice.expand { width:auto; margin:0 -10px 20px; }
#content div.notice p { margin:0; }

/* default listing styles */
#content ul li h4 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:13px/19px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#808080; }
#content ul li h4 a { outline:0; padding:8px 0 2px; }
#content ul li h4 a.title { outline:0; font-weight:bold; }
#content ul li h4 strong { color:#333; }
#content ul li p.info { margin:0; color:#808080; font:11px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
#content ul li p.info a { color:#808080; }
#content ul li p.info a:hover { color:#08e; }
#content ul li .separator { color:#d0d0d0; margin:0 1px; }

/* content search bar */
#content .searchbar { margin:0 -10px; padding:10px 10px; background:#f6f6f6; }
#content .searchbar input.textfield { width:300px; margin:0; padding:5px 7px; font-size:11px; background:#fff url(/new/images/textfield_bg.gif) no-repeat; border:1px solid #c0c0c0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 1px 0 #fff; -webkit-box-shadow:1px 1px 0 #fff; box-shadow:1px 1px 0 #fff; }

/* primer */
#content div.expand.primer { margin-top:3px; background:#ffffd5; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }
#content .primer .message { padding:40px 196px 61px; }
#content .primer .message h3 { margin:0; padding-bottom:3px; font-size:16px; }
#content .primer .message p { color:#555; }
#content .primer .actions { zoom:1; }
#content .primer .actions:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .primer .actions a:hover { color:#fff; }

/* listings: inline actions */
#content ul.listing > li .actions { position:relative; float:right; display:none; }
#content ul.listing > li .actions ul { list-style:none; margin:0; zoom:1; }
#content ul.listing > li .actions ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content ul.listing > li .actions ul li { float:left; display:inline; margin-left:11px; font-weight:bold; font-size:11px; }
#content ul.listing > li .actions ul li a { outline:0; color:#777; }
#content ul.listing > li .actions ul li a:hover { color:#0077e4; }
#content ul.listing > li .actions ul li a:active { position:relative; top:1px; }
#content ul.listing > li .actions ul li.delete a { padding-left:16px; background:url(/new/images/icon_delete.png) no-repeat 0 -1px; }
#content ul.listing > li .actions ul li.delete a:hover { background-position:-386px -1px; }
#content ul.listing > li .actions ul li.chat a { padding-left:21px; background:url(/new/images/icon_chat.png) no-repeat 0 50%; }
#content ul.listing > li .actions ul li.chat a:hover { background-position:-382px 50%; }
#content ul.listing > li .actions ul li.profile a { padding-top:1px; padding-left:18px; background:url(/new/images/icon_profile.png) no-repeat 0 -1px; }
#content ul.listing > li .actions ul li.profile a:hover { background-position:-384px -1px; }
#content ul.listing > li .actions ul li.home a { padding-top:1px; padding-left:19px; background:url(/new/images/icon_home.png) no-repeat 0 -1px; }
#content ul.listing > li .actions ul li.home a:hover { background-position:-384px -1px; }
#content ul.listing > li .actions ul li.redo a { padding-top:1px; padding-left:20px; background:url(/new/images/icon_redo.png) no-repeat 0 -1px; }
#content ul.listing > li .actions ul li.redo a:hover { background-position:-382px -1px; }
#content ul.listing > li .overlay { z-index:5; }
#content ul.listing > li .overlay .message { position:absolute; top:50%; left:0; width:100%; height:100%; margin:-10px 0 0; color:#444; font-size:14px; line-height:20px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; text-align:center; text-shadow:#fff 1px 1px 0; }

/* listings: manager styles */
#content .manager { border-top:1px solid #d0d0d0; margin:0 -10px 20px; }
#content .manager .heading { width:100%; margin:0 0 1px; border-bottom:1px solid #eee; zoom:1; }
#content .manager .heading:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .manager .heading .column { float:left; display:inline; padding:5px 10px 4px; font-weight:normal; font-size:10px; color:#999; text-align:left; text-transform:uppercase; text-shadow:#fff 1px 1px 0; letter-spacing:2px; }
#content .manager .heading .column.last { float:right; text-align:right; }
#content .manager ul { list-style:none; margin:0; }
#content .manager ul li.row { padding:8px 10px 10px; border-bottom:1px solid #eee; }
#content .manager ul li.row:hover { background:#f4fafb; }
#content .manager ul li.row.last { border-bottom:0; }
#content .manager ul li.row h4 { font-size:14px; line-height:20px; }
#content .manager .sortable li.row { position:relative; zoom:1; }
#content .manager .sortable li.row span.updown { float:left; position:absolute; top:10px; left:8px; display:inline; cursor:move; width:16px; height:16px; background:url(/new/images/icon_sort.png) no-repeat; text-indent:-9999px; }
#content .manager .sortable li.row h4 { margin-left:19px; }
#content .manager .sortable li.row p.info { margin-left:19px; }
#content .manager ul li.row .status { float:right; display:inline; margin:0 0 0 20px; color:#808080; text-align:right; font:13px/19px "Helvetica Neue", Helvetica, Arial, sans-serif; }

/* discussion filter */
#content #discussionsfilter { width:743px; height:43px; margin:0 -10px 1px; font-size:11px; color:#777; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -10px -686px; zoom:1; }
#content #discussionsfilter:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content #discussionsfilter .column { float:left; display:inline; margin:6px 0; padding:2px 12px 0 11px; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: 267px -957px; }
#content #discussionsfilter .column h4 { float:left; display:inline; margin:5px 3px 0 0; font:11px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-shadow:#fff 1px 1px 0; }
#content #discussionsfilter .column .form { float:left; display:inline; }
#content #discussionsfilter .column div.selector select { width:173px; background:#fff; }
#content #discussionsfilter .column#df-category { margin-left:1px; }
#content #discussionsfilter .column#df-category div.selector { width:160px; }
#content #discussionsfilter .column#df-category div.selector span { width:126px; }
#content #discussionsfilter .column#df-queue div.selector { width:122px; }
#content #discussionsfilter .column#df-queue div.selector span { width:88px; }
#content #discussionsfilter .column#df-sortby div.selector { width:122px; }
#content #discussionsfilter .column#df-sortby div.selector span { width:88px; }
#content #discussionsfilter .column#df-show div.selector,
#content #discussionsfilter .column#df-show div.selector select  { width: 215px;}
#content #discussionsfilter .column#df-show { padding-right:0; background-image:none; }
#content #discussionsfilter .column#df-show ul { list-style:none; margin:5px 0 0 9px; padding:0; zoom:1; }
#content #discussionsfilter .column#df-show ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content #discussionsfilter .column#df-show ul li { float:left; display:inline; margin:0 13px 0 0; text-transform:lowercase; text-shadow:#fff 1px 1px 0; }
#content #discussionsfilter .column#df-show ul li label:hover { color:#444; }
#content #filters li.disabled * { color: #ccc !important;}

/* no results */
#content .noresults { padding:50px 0 30px; border-bottom:1px solid #eee; text-align:center; }
#content .noresults.topborder { border-top:1px solid #d0d0d0; }
#content .noresults p { line-height:20px; }
#content .noresults p a { outline:0; }

/* message list */
#content .messagelist.nofilter { padding:1px 0 0; border-top:1px solid #d0d0d0; }
#content .messagelist ul.listing { list-style:none; margin:0; padding:0; zoom:1; }
#content .messagelist ul.listing:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .messagelist ul.listing > li { width:743px; float:left; display:inline; padding:7px 0 9px; font:11px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; border-bottom:1px solid #eee; zoom:1; }
#content .messagelist ul.listing > li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .messagelist ul.listing > li:hover { background:#f5fbfc; }
#content .messagelist ul.listing li.checked { background-color:#ffd; }
#content .messagelist ul.listing li .indicator { float:left; display:inline; width:26px; height:14px; padding:2px 0 0; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -35px -1603px; }
#content .messagelist ul.listing li .indicator.new { background-position:-7px -1603px; }
#content .messagelist ul.listing li .indicator.reply { background-position:-26px 0; }
#content .messagelist ul.listing li .checkbox { float:left; display:inline; overflow:hidden; width:23px; height:15px; margin:3px 0 0; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -10px -747px;}
#content .messagelist ul.listing li.checked .checkbox { background-position:-10px -766px; }
#content .messagelist ul.listing li .checkbox input { display:none; }
/* message list: discussions */
#content .messagelist#discussions ul.listing li .discussion { float:left; display:inline; width:515px; }
#content .messagelist#discussions ul.listing li .discussion h4 a.queue { color:#808080; }
#content .messagelist#discussions ul.listing li .discussion h4 a.queue:hover { color:#08e; }
#content .messagelist#discussions ul.listing li .discussion h4 a.title { outline:0; font-weight:bold; }
#content .messagelist#discussions ul.listing li.bulkselect-closed .discussion h4 a.title { font-weight:normal; color:#3392e9; }
#content .messagelist#discussions ul.listing li.bulkselect-closed .discussion h4 a.title:hover { color:#08e; }
#content .messagelist#discussions ul.listing li .updated { float:right; display:inline; margin:0 10px 0 20px; text-align:right; }
#content .messagelist#discussions ul.listing li .updated a { outline:0; display:block; color:#808080; }
#content .messagelist#discussions ul.listing li .updated a:hover { color:#08e; }
#content .messagelist#discussions ul.listing li .updated a .time { display:block; font:13px/19px "Helvetica Neue", Helvetica, Arial, sans-serif; }
#content .messagelist#discussions ul.listing li.updating .indicator,
#content .messagelist#discussions ul.listing li.updating .checkbox,
#content .messagelist#discussions ul.listing li.updating .discussion,
#content .messagelist#discussions ul.listing li.updating .updated { opacity:.7; }
#content h2 span.qtotal { float: right; font-size: 11px; color: #999;}
/* message list: comments */
#content .messagelist#comments ul.listing li div.checkbox { margin-left:26px; }
#content .messagelist#comments ul.listing li div.avatar { float:left; display:inline; width:32px; margin:2px 10px 0 10px; }
#content .messagelist#comments ul.listing li div.comment { float:left; display:inline; width:468px; }
#content .messagelist#comments ul.listing li div.comment h4 { margin-bottom:3px; padding-top:1px; font:11px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
#content .messagelist#comments ul.listing li div.comment .body p { margin-bottom:5px; font-size:12px; line-height:18px; color:#333; }
#content .messagelist#comments ul.listing li div.actions { margin:0 10px 0 0; }
/* message list: users */
#content .messagelist#users { border-top:1px solid #d0d0d0; padding:1px 0 0; }
#content .messagelist#users ul.listing > li { position:relative; padding:9px 0 8px; }
#content .messagelist#users ul.listing li div.checkbox { width:24px; margin-left:10px; }
#content .messagelist#users ul.listing li div.avatar { float:left; display:inline; width:32px; margin:3px 10px 0 0; }
#content .messagelist#users ul.listing li div.user { float:left; display:inline; width:405px; }
#content .messagelist#users ul.listing li div.user h4 { font-size:14px; }
#content .messagelist#users ul.listing li div.user h4 a.company { color:#808080; }
#content .messagelist#users ul.listing li div.user h4 a.company:hover { color:#08e; }
#content .messagelist#users ul.listing li div.user h4 small { font-weight:normal; font-size:100%; color:#3392e9; }
#content .messagelist#users ul.listing li div.user .onhomepage { display:none; }
#content .messagelist#users ul.listing li div.user .onhomepage.show { display:inline; }
#content .messagelist#users ul.listing li div.actions { margin:0 10px 0 0; }

/* listing: pending invites */
#content #invites ul.listing > li { position:relative; }

/* bulk select */
#content .bulkselect.top { margin-bottom:1px; border-bottom:1px solid #ddd; }
#content .bulkselect p { margin:0; padding:11px 10px 10px; font:11px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#aaa; }
#content .bulkselect p strong { color:#808080; font-weight:normal; }
#content .bulkselect p span { padding:8px 0 8px 1px; color:#0077e4; }
#content .bulkselect p span:hover { cursor:pointer; color:#08e; text-decoration:underline; }

/* buttons */
.button { position:relative; z-index:1; float:left; outline:0; cursor:pointer; height:32px; margin:0 9px 0 0; padding:0 9px 7px 16px; font:bold 13px/37px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#fff; background:url(/new/images/dashboard-settings-sprite.png) no-repeat -10px -928px;text-shadow:rgba(0,0,0,.5) -1px -1px 0; }
.button span { position:absolute; top:0; right:-9px; display:block; width:9px; height:39px; background:url(/new/images/dashboard-settings-sprite.png) no-repeat -500px -928px; }
.button:hover { background-position:-10px -967px; text-decoration:none; }
.button:hover span { background-position:-500px -967px; }
.button:active { height:32px; padding:1px 8px 6px 17px; background-position:-10px -1006px; }
.button:active span { background-position:-500px -1006px; }

.button.small { position:relative; display:block; cursor:pointer; height:18px; margin:0 9px 0 0; padding:6px 4px 6px 12px; color:#666; font:bold 11px/18px "Lucida Grande", Tahoma, Arial, sans-serif; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -10px -802px; text-shadow:#fff 1px 1px 0; }
.button.small span { position:absolute; top:0; right:-9px; display:block; width:9px; height:30px; background:url(/new/images/dashboard-main-sprite.png) no-repeat; background-position: -402px -802px; }
.button.small:hover { color:#444; text-decoration:none; background-position:-10px -832px; }
.button.small:hover span { background-position:-402px -832px; }

.button.small.active,
.button.small:active { padding:7px 3px 5px 13px; background-position:-10px -862px; }
.button.small.active span,
.button.small:active span { background-position:-402px -862px; }

/* page actions */
#content .pageactions { float:right; display:inline; margin:11px -2px 5px 0; }
#content .pageactions ul { list-style:none; margin:0; zoom:1; }
#content .pageactions ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .pageactions ul li { float:left; display:inline; margin:0 0 0 4px; }
#content .pageactions ul li form.pagesearch { padding-top:2px; }
#content .pageactions ul li form.pagesearch input.searchfield { float:left; display:inline; outline:0; width:130px; height:16px; padding:6px 0 4px 8px; color:#999; font:11px/16px "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; border:0; background:url(/new/images/pagesearch_bg.gif) no-repeat; }
#content .pageactions ul li form.pagesearch button { float:left; display:inline; width:25px; height:26px; border:0; background:url(/new/images/pagesearch_bg.gif) no-repeat 100% 0; }
#content .pageactions ul li form.pagesearch:hover input.searchfield { background-position:0 -26px; }
#content .pageactions ul li form.pagesearch:hover button { background-position:100% -26px; }
#content .pageactions ul li form.pagesearch.active input.searchfield { color:#000; background-position:0 -52px; }
#content .pageactions ul li form.pagesearch.active button { background-position:100% -52px; }

/* simple options */
#content .simpleoptions { float:right; display:inline; margin:13px -2px 5px 0; zoom:1; }
#content .simpleoptions:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .simpleoptions .column { float:left; display:inline; font-size:11px; line-height:16px; }
#content .simpleoptions h4 { float:left; display:inline; margin:2px 0 0 20px; padding:0; font-weight:normal; color:#707070; }
#content .simpleoptions ul { float:left; display:inline; list-style:none; margin:0 0 0 2px; padding:0; zoom:1; }
#content .simpleoptions ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .simpleoptions ul li { float:left; display:inline; margin:0 0 0 2px; }
#content .simpleoptions ul li a { display:block; outline:0; padding:2px 6px; font-weight:bold; border:1px solid #fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#content .simpleoptions ul li a:active { padding-top:3px; padding-bottom:1px; }
#content .simpleoptions ul li.selected a,
#content .simpleoptions ul li a.selected { cursor:default; color:#fff; background:#0077e4; border-color:#0062bb #3295ee #3295ee #0062bb; text-shadow:#0062bb -1px -1px 0; }
#content .simpleoptions ul li.selected a:hover,
#content .simpleoptions ul li a.selected:hover { text-decoration:none; }

/* info pop */
#content .column.wsep {
  border-left: 1px dotted #cecece;
  margin-left: 10px;
}

#content a.infopop {
  background: #fff url(/new/images/dashboard-main-sprite.png) -7px -2310px no-repeat;
  display: block;
  margin-left: 5px;
  padding: 5px 0 5px 26px;
  vertical-align: middle;
  line-height: 100%;
}

/* action bar */
#content .actionbar { width:743px; height:44px; margin:0; background:#cfcfcf url(/new/images/actionbar_bg.gif); zoom:1; }
#content .actionbar:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .actionbar.top { background-position:-743px 0; }
#content .actionbar ul { list-style:none; margin:0; padding:0; zoom:1; }
#content .actionbar ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .actionbar ul li { float:left; display:inline; padding:0; font:bold 9px/16px "Lucida Grande", Tahoma, Arial, sans-serif; border:0; zoom:1; }
#content .actionbar ul li a { display:block; zoom:1; }
#content .actionbar .buttons { position:relative; z-index:1; float:left; display:inline; margin:7px 0 0 0; padding-left:6px; zoom:1; }
#content .actionbar .buttons .buttonsoverlay { position:absolute; z-index:3; display:block; top:0;: left:0; width:532px; height:30px; }
#content .actionbar .buttons.active .buttonsoverlay { display:none; }
#content .actionbar .buttons .button.small { margin: 0px 8px 0px 0px; padding: 6px 0px 6px 8px; }
#content .actionbar .buttons ul li span.button { opacity:.3; cursor:default; }
#content .actionbar .buttons.active ul li span.button { opacity:1; cursor:pointer; }
#content .actionbar .buttons ul li.dropdown div.selector,
#content .actionbar .buttons ul li.dropdown div.selector span { width:auto; height:30px; line-height:30px; font-family:"Lucida Grande", Tahoma, Arial, sans-serif; background-image:url(/new/images/actionbar_uniform_sprite.png); }
#content .actionbar .buttons ul li.dropdown div.selector { opacity:.3; padding-left:10px; background-position:-490px -90px; }
#content .actionbar .buttons.active ul li.dropdown div.selector { opacity:1; }
#content .actionbar .buttons ul li.dropdown div.selector span { padding:0 36px 0 1px; color:#666; background-position:100% 0; text-shadow:#fff 1px 1px 0; }
#content .actionbar .buttons ul li.dropdown div.selector select { cursor:pointer; background:#fff; }
#content .actionbar .buttons ul li.dropdown div.selector.hover,
#content .actionbar .buttons ul li.dropdown div.selector:hover { background-position:-490px -120px; }
#content .actionbar .buttons ul li.dropdown div.selector.hover span,
#content .actionbar .buttons ul li.dropdown div.selector:hover span { color:#444; background-position:100% -30px; }
#content .actionbar .buttons ul li.dropdown div.selector.active,
#content .actionbar .buttons ul li.dropdown div.selector:active { background-position:-490px -150px; }
#content .actionbar .buttons ul li.dropdown div.selector.active span,
#content .actionbar .buttons ul li.dropdown div.selector:active span { padding:1px 35px 0 3px; line-height:29px; background-position:100% -60px; }
#content .actionbar .pagination { float:right; display:inline; margin:7px 7px 0 0; }
#content .actionbar .pagination .control a,
#content .actionbar .pagination .control span { outline:0; display:block; width:35px; height:30px; background:url(/new/images/dashboard-settings-sprite.png) no-repeat; background-position: -10px -1141px; text-indent:-9999px; }
#content .actionbar .pagination .control.next a { background-position:-47px -1141px; }
#content .actionbar .pagination .control.previous a:hover { background-position:-10px -1171px; }
#content .actionbar .pagination .control.next a:hover { background-position:-47px -1171px; }
#content .actionbar .pagination .control.previous a:active { background-position:-10px -1201px; }
#content .actionbar .pagination .control.next a:active { background-position:-47px -1201px; }
#content .actionbar .pagination .control.previous span { background-position:-10px -1231px; }
#content .actionbar .pagination .control.next span { width:2px; background-position:-47px -1231px; }
#content .actionbar .pagination .current { position:relative; z-index:1; font-family:"Lucida Grande", Tahoma, Arial, sans-serif; color:#fff; padding:6px 11px; background:url(/new/images/dashboard-settings-sprite.png) no-repeat; background-position: -10px -1281px; text-shadow:rgba(0,0,0,.38) 1px 1px 1px; }
#content .actionbar .pagination .current span { position:absolute; display:block; top:0; right:0; width:2px; height:30px; background:url(/new/images/dashboard-settings-sprite.png) no-repeat -10px -1281px; }

/* form styles */
#content.notitle { padding-top:13px; }
#content .form .heading { position:relative; width:100%; height:50px; margin:0 0 20px; background:url(/new/images/dashboard-settings-sprite.png) no-repeat; background-position: -10px -63px; zoom:1; }
#content .form.open.disable-plan-selector { position: relative;  }
#content .form.open.disable-plan-selector #overlay-trial { display: block; opacity: 0.7; filter:alpha(opacity=70); }
#content .form.open .heading { margin:0; }
#content .form .heading:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .form .heading h3 { margin:0 0 0 16px; padding:15px 0 0; font:16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#606060; text-shadow:rgba(255,255,255,.5) 1px 1px 0; }
#content .form .heading h3.cog { padding-left:22px; background:url(/new/images/form-sprite.png) no-repeat 0 -161px; }
#content .form .heading h3.private { padding-left:21px; background:url(/new/images/form_heading_icon_private.gif) no-repeat 0 17px; }
#content .form .heading h3.search { padding-left:22px; background:url(/new/images/form_heading_icon_search.gif) no-repeat 0 17px; }
#content .form .heading h3 small { font-size:100%; color:#888; }
#content .form .heading .toggler { position:absolute; z-index:3; top:9px; right:9px; width:104px; height:32px; }
#content .form .heading .toggler span { outline:0; display:block; cursor:pointer; height:32px; background:url(/new/images/dashboard-settings-sprite.png) no-repeat; background-position: -10px -10px; text-indent:-9999px; }
#content .form .heading .toggler span.on { float:left; display:inline; width:50px; }
#content .form.open .heading .toggler span.on,
#content .form.open .heading .toggler span.on:hover { background-position:-10px -197px; }
#content .form .heading .toggler span.on:hover { background-position:-10px -165px; }
#content .form .heading .toggler span.on { background-position:-10px -133px; }
#content .form .heading .toggler span.off { float:left; display:inline; width:54px; background-position:-60px -197px; }
#content .form.open .heading .toggler span.off:hover { background-position:-60px -165px; }
#content .form.open .heading .toggler span.off { background-position:-60px -133px; }
#content .form .content { display:none; position:relative; z-index:2; width:100%; margin:-12px 0 20px; background:url(/new/images/form_content_bg.gif) repeat-y; }
#content .form.open .content { display:block; }
#content .form .content.nobottommargin { margin-bottom:0; }
#content .form .info { margin-top:-14px; }
#content .form .info p { margin:0 0 18px; font-size:11px; font-style:italic; color:#666; }
#content .form .content .cap { display:block; width:100%; font-size:1px; line-height:1px; }
#content .form .content .cap.top { height:13px; background:url(/new/images/dashboard-settings-sprite.png) no-repeat; background-position: -10px -249px; }
#content .form .content .cap.bottom { height:7px; background:url(/new/images/dashboard-settings-sprite.png) no-repeat; background-position: -10px -902px; }

.formrow { width:681px; margin:0 1px; padding:14px 20px 16px; border-top:1px solid #fff; border-bottom:1px solid #e9e9e9; }
.formrow.first { border-top:0; }
.formrow:first-child { border-top:0; }
.formrow.last { padding-bottom:11px; border-bottom:0; }
.formrow:last-child { padding-bottom:11px; border-bottom:0; }
.formrow .highlight { padding:1px; background:#ffa; text-shadow:none; }
.formrow .inlineactions { float:right; display:inline; }
.formrow .inlineactions a { outline:0; padding-left:20px; font-weight:normal; }
.formrow .inlineactions a:active { position:relative; top:1px; }
.formrow .inlineactions a.drawer { color:#606060; background:url(/new/images/icon_drawer.png) no-repeat 0 50%; }
.formrow .inlineactions a.drawer:hover { background-position:-400px 50%; color:#0077e4; }
.formrow.draweropen .inlineactions a.drawer { background-position:-800px 50%; }
.formrow.draweropen .inlineactions a.drawer:hover { background-position:-1200px 50%; }

.formrow dt { display:block; width:540px; padding:0 0 4px; font-weight:bold; color:#222; text-shadow:#fff 1px 1px 0; }
.formrow dt.withdescription { padding:0 0 8px; }
.formrow dt small { font-size:100%; font-weight:normal; color:#777; }
.formrow dd { width:545px; zoom:1; }
.formrow dd:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.formrow dd.nolabel { padding-top:5px; }
.formrow dd input.textfield { width:520px; margin:0 0 4px; padding:7px 9px; font-size:15px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; background:#fff url(/new/images/textfield_bg.gif) no-repeat; border:1px solid #c0c0c0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 1px 0 #fff; -webkit-box-shadow:1px 1px 0 #fff; box-shadow:1px 1px 0 #fff; }
.formrow dd input.textfield:hover { border-color:#aaa; }
.formrow dd input.textfield:focus { border-color:#0077e4; }
.formrow dd input.textfield.short { width:110px; }
.formrow dd input.textfield.shorter { width:200px; }
.formrow dd input.textfield.cc { width:220px; }
.formrow dd input.textfield.domain { width:320px; }
.formrow dd input.textfield.ga-code { width:140px; }
.formrow dd select { margin:0 0 3px; }
.formrow dd label.checkbox { float:left; display:inline; margin:0 0 3px; padding:5px 8px; color:#333; background:#dde8eb; border-top:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; zoom:1; }
.formrow dd label.checkbox:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.formrow dd label.checkbox:hover { color:#222; background:#e3ecef; border-color:#ccc #bbb #bbb #ccc; }
.formrow dd label.checkbox .note { display:block; margin:0 0 0 23px; font:11px/17px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
.formrow dd ul.checkboxes { list-style:none; margin:0; }
.formrow dd ul.checkboxes li { clear:both; }
.formrow dd ul.checkboxes li label.checkbox { padding:2px 6px 3px 4px; }
.formrow dd ul.checkboxlist { list-style:none; width:541px; margin:4px 0 3px; }
.formrow dd ul.checkboxlist li { display:block; margin:0; padding:8px 10px; color:#333; background:#dde8eb; border-left:1px solid #ddd; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; text-shadow:rgba(255,255,255,.4) 1px 1px 0; zoom:1; }
.formrow dd ul.checkboxlist li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.formrow dd ul.checkboxlist li:hover { color:#222; background:#e3ecef; }
.formrow dd ul.checkboxlist li.first { border-top:1px solid #ddd; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }
.formrow dd ul.checkboxlist li.last { -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }
.formrow dd ul.checkboxlist li span { float:left; display:inline; padding:0 0 0 1px; vertical-align:middle; }
.formrow dd ul.checkboxlist li span.note { font-size:11px; line-height:17px; }
.formrow dd ul.checkboxlist li select { float:left; display:inline; vertical-align:middle; margin:0 0 0 6px; }
.formrow dd textarea { width:520px; height:120px; padding:8px 10px; margin:0 0 4px; font-size:13px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; background:#fff url(/new/images/textfield_bg.gif) no-repeat; border:1px solid #c0c0c0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:1px 1px 0 #fff; -webkit-box-shadow:1px 1px 0 #fff; box-shadow:1px 1px 0 #fff; }
.formrow dd textarea:hover { border-color:#aaa; }
.formrow dd textarea:focus { border-color:#0077e4; }
.formrow dd .helper { display:block; margin:0 0 4px; zoom:1; }
.formrow dd .helper:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.formrow dd .helper span { float:left; display:inline; margin:9px 7px 0; font-size:15px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#666; text-shadow:#fff 1px 1px 0; }
.formrow dd .helper span.first { margin-left:0; }
.formrow dd .helper input { float:left; display:inline; margin:0; }
.formrow dd p { display:block; margin:0; line-height:16px; color:#777; text-shadow:#fff 1px 1px 0; }
.formrow dd p.note { padding:1px 0 0; font-size:11px; color:#888; }
.formrow dd p.note span { vertical-align:middle; }
.formrow dd p.note img { vertical-align:middle; }
.formrow dd .secondary-action { float: right; }
.formrow dd .body { zoom:1; }
.formrow dd .body:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.formrow.article dt { width:auto; }
.formrow.article dd { width:auto; }
.formrow.article dd textarea { outline:0; width:659px; height:200px; }
form .actions { margin:0 0 8px; zoom:1; }
form .actions:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
form .actions.pagebreak { margin:0 -20px 20px; padding:0 20px 18px; border-bottom:1px solid #ddd; }
form .actions .or { float:left; display:inline; margin:0 0 0 7px; line-height:39px; color:#808080; }
form .actions .or a { outline:0; }
form .actions .or a:active { position:relative; top:1px; }

/* new discussion form */
#content .form .content .formrow#watchers-content { display:none; }
#content .form .content .formrow#attachments #attachedfiles { display:none; margin:0 0 10px; font-weight:normal; }
#content .form .content .formrow#attachments #attachedfiles ul { list-style:none; margin:0; }
#content .form .content .formrow#attachments #attachedfiles ul li { padding:5px 0; border-bottom:1px solid #ddd; }
#content .form .content .formrow#attachments #attachedfiles ul li a.delete { outline:0; float:right; display:inline; }
#content .form .content .formrow#attachments #attachedfiles ul li a.delete:active { position:relative; top:1px; }
#content .form .content .formrow#attachments label span { display:none; }
#content .form .content .formrow#attachments label.multiple span { display:inline; }
#content .private .form .heading h3.cog { padding-left:21px; background:url(/new/images/form_heading_icon_private.gif) no-repeat 0 17px; }
#content .private .form .content .checkboxlist li#discussion_private { background-color:#fae8e8; }
#content .private .form .content .checkboxlist li#discussion_private span.note { font-weight:bold; color:#d11; }

/* instant form */
#content .instantform { display:none; position:absolute; top:0; left:0; z-index:5; width:100%; height:100%; background:#fff; }
#content .instantform form { margin-top:13px; margin-left:20px; }

/* tables */
#content table { width:100%; margin:0; font-size:11px; line-height:16px; }
#content table a { padding:11px 0; }
#content table tr th { padding:6px 10px 5px; font-weight:normal; font-size:10px; color:#999; border-top:1px solid #d0d0d0; border-bottom:1px solid #eee; text-align:left; text-transform:uppercase; letter-spacing:2px; }
#content table tr th.center { text-align:center; }
#content table tr th.right,
#content table tr td.right { text-align:right; }
#content table tr td { padding:12px 10px 12px; color:#333; border-bottom:1px solid #eee; }
#content table tr td.center { text-align:center; }
#content table tr td.title { padding-top:10px; font-size:12px; line-height:18px; }
#content table tr td.title a { font-weight:bold; }
#content table tr td.date { text-align:right; color:#808080; }
#content table tr td.actions a { outline:0; }
#content table tr td.actions a:active { position:relative; top:1px; }
#content table tr.last-child td,
#content table tr.last td { border-bottom:0; }

/* arrow nav */
#content .arrownav { margin:0 0 20px; background:url(/new/images/arrownav_bg.png) repeat-y; }
#content .arrownav.standalone { margin:0 0 10px; }
#content .arrownav .cap { height:7px; background:url(/new/images/arrownav_bg.png) no-repeat -723px 100%; }
#content .arrownav h3 { background:url(/new/images/arrownav_bg.png) no-repeat -723px 0; }
#content .arrownav h3 { margin:0; padding:15px 0 13px 21px; font:16px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#606060; text-shadow:rgba(255,255,255,.5) 1px 1px 0; }
#content .arrownav ul { list-style:none; margin:0 19px 12px; border:1px solid #d0d0d0; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:rgba(0,0,0,.10) 0 0 2px; -webkit-box-shadow:rgba(0,0,0,.10) 0 0 2px; box-shadow:rgba(0,0,0,.10) 0 0 2px; zoom:1; }
#content .arrownav ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .arrownav ul li { position:relative; float:left; display:inline; width:683px; margin:0; padding:0; color:#333; background:#fff; border-bottom:1px solid #e0e0e0; -moz-border-radius:1px; -webkit-border-radius:1px; border-radius:1px; text-shadow:rgba(255,255,255,.4) 1px 1px 0; zoom:1; }
#content .arrownav ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content .arrownav ul li .moreinfo { position:absolute; top:0; right:0; margin:0; font:11px/17px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
#content .arrownav ul li .moreinfo a { color:#777; }
#content .arrownav ul li .moreinfo a:hover { color:#08e; }
#content .arrownav ul li a { display:block; outline:0; padding:9px 12px; }
#content .arrownav ul li a:active { padding-top:10px; padding-bottom:8px; }
#content .arrownav ul li.first { -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; }
#content .arrownav ul li.last { border:0; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; }

/* create queue - lightbox form */
#content #createqueue { display:none; }
#createqueue { position:relative; }

/* articles */
#content #articles .actionbar { margin-top:-1px; margin-bottom:-20px; }

/* pending invitations */
#content #pendinginvitations { position:relative; width:743px; margin:0 -10px; }

/* automatic discussion filters */
#content #filters ul li.row { zoom:1; }
#content #filters ul li.row:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content #filters ul li.row dl { float:left; display:inline; width:580px; zoom:1; }
#content #filters ul li.row dl:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content #filters ul li.row dl dt { float:left; display:inline; width:100px; margin:0 10px 0 0; font-weight:normal; font-size:10px; color:#999; text-align:right; text-transform:uppercase; text-shadow:#fff 1px 1px 0; letter-spacing:2px; }
#content #filters ul li.row dl dd { float:left; display:inline; width:450px; }
#content #filters ul li.row dl.ifmatches { margin-bottom:2px; }
#content #filters ul li.row dl.ifmatches dt { padding-top:2px; }
#content #filters ul li.row dl.ifmatches dd a { outline:0; }
#content #filters ul li.row dl.ifmatches dd a { font-size:14px; line-height:20px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
#content #filters ul li.row dl.ifmatches dd a:hover ul li { text-decoration:underline; }
#content #filters ul li.row dl.dothis { margin-bottom:2px; }
#content #filters ul li.row dl.dothis dt { padding-top:0; }
#content #filters ul li.row dl.dothis dd ul li { color:#333; }
#content #filterform .form dl#company { padding-bottom:17px; }
#content #filterform .form #selectactions { background:url(/new/images/selectactions_bg.gif) no-repeat; }
#content #filterform .form #selectactions .heading { height:auto; padding-top:1px; background-image:none; }
#content #filterform .form #selectactions .heading h3 { margin-left:21px; padding:16px 0 2px 24px; background:url(/new/images/form_heading_icon_selectactions.gif) no-repeat 0 18px; }
#content #filterform .form #selectactions .content { background-image:none; }
#content #filterform .form #selectactions .content .formrow dd ul.checkboxlist { -moz-box-shadow:rgba(255,255,255,0.8) 0 0 2px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; }
#content #filterform .form #selectactions .content .formrow dd ul.checkboxlist li { border-color:#ccc #b9b9b9 #b9b9b9 #ccc; }
#content #filterform .form #selectactions .content .formrow dd ul.checkboxlist li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#content #filterform .form #selectactions .content .formrow dd ul.checkboxlist li:hover { color:#222; background:#e3ecef; border-color:#ccc #bbb #bbb #ccc; }
#content #filterform .form #selectactions .content .formrow dd ul.checkboxlist li.first { border-top-color:#ccc; }
#content #filterform .form #selectactions .cap.bottom { background:url(/new/images/selectactions_bgbottom.gif) no-repeat; }
/* automatic discussion filters: test search */
#content #testsearch { display:none; }
.lightbox .content #testsearch { margin:-4px 0 0; }
.lightbox .content #testsearch #testsearch-status {  }
.lightbox .content #testsearch #testsearch-status p { margin:0 0 17px; padding:0 0 0 25px; background:url(/new/images/icon_loading.gif) no-repeat 0 50%; }
.lightbox .content #testsearch #testsearch-status p.finished { padding:0; background-image:none; }
.lightbox .content #testsearch #testsearch-listing { overflow-y:scroll; height:299px; margin:-1px -1px 9px; border:1px solid #e6e6e6; border-color:#c0c0c0 #e6e6e6 #e6e6e6 #c0c0c0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.lightbox .content #testsearch #testsearch-listing ul { margin:-1px 0 0; }
.lightbox .content #testsearch #testsearch-listing ul > li { padding:7px 12px; border-top:1px solid #eee; zoom:1; }
.lightbox .content #testsearch #testsearch-listing ul > li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.lightbox .content #testsearch #testsearch-listing ul > li h4 { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:13px/19px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#808080; }
.lightbox .content #testsearch #testsearch-listing ul > li h4 a { outline:0; padding:8px 0 2px; }
.lightbox .content #testsearch #testsearch-listing ul > li h4 a.title { outline:0; font-weight:bold; }
.lightbox .content #testsearch #testsearch-listing ul > li p.info { margin:0; color:#808080; font:11px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; }
.lightbox .content #testsearch #testsearch-listing ul > li .separator { color:#d0d0d0; margin:0 1px; }

/* companies */
#companystats .stats { margin:0 -10px; background:#f6f6f6; }
#companystats .stats li { margin:0; padding:6px 10px 4px; }
#companystats .stats li .selector { display:block;  float:left; zoom:1;}

/* email forwarding */
.heartbeat p.success { background:url(/new/images/heartbeats_success.png) no-repeat 0 50%; padding:0 0 0 20px; }
.heartbeat p.success strong { color:#0a0; }
.heartbeat p.error { background:url(/new/images/heartbeats_error.png) no-repeat 0 -1px; padding:0 0 0 20px; }
.heartbeat p.error strong { color:#d11; }

form dl.error dt { background: url(/new/images/heartbeats_error.png) no-repeat -1px 0px; padding-left: 20px; color: #c00 }
dd.validationError { font-weight: bold;}


/* email preview */
pre.email { overflow-x:scroll; margin:0 0 20px; padding:1px 20px 18px; background:#f6f6f6; border:1px solid #d0d0d0; border-color:#c1c1c1 #d6d6d6 #d6d6d6 #c1c1c1; -moz-border-radius:4px; -webkit-border-radius:4px border-radius:4px; }

/* multipass */
table#multipass { margin:10px 0 15px; border:1px solid #c0c0c0; border-color:#c0c0c0 #e0e0e0 #e0e0e0 #c0c0c0; }
table#multipass th { background:#f6f6f6; }
table#multipass tr.last th { border:0; }
ol.steps li.debug { list-style:none; zoom:1; }
ol.steps li.debug:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }

/* widget */
pre.copypaste { margin:0 0 20px; }
pre.copypaste code { background:#ffc; }

/* choose a plan (old) */
#compareplans table { margin:0; }
#compareplans table thead.recommended th { padding:0 10px 9px; font-size:11px; border:0; text-align:center; letter-spacing:0; text-transform:none; }
#compareplans table thead.recommended th strong { display:block; padding:0 0 9px; font-weight:normal; color:#390; background:url(/new/images/compareplans_recommended_bg.gif) no-repeat 50% 100%; }
#compareplans table thead.plans th { padding:9px 10px 10px; font-weight:bold; font-size:11px; line-height:15px; color:#fff; background:#282828; border:0; border-left:1px solid #444; border-bottom:1px solid #fff; text-align:center; text-shadow:#0f0f0f -1px -1px 0; }
#compareplans table thead.plans th.first { border-left:0; }
#compareplans table thead.plans th small { display:block; font-weight:normal; font-size:100%; color:#c0c0c0; letter-spacing:0; text-transform:none; }
#compareplans table thead.plans th.highlighted { background:#390; text-shadow:#297a00 -1px -1px 0; }
#compareplans table thead.plans th.highlighted small { color:#cbe5a4; }
#compareplans table tbody th { padding:12px 10px 12px 9px; font-size:11px; color:#333; border-top:0; letter-spacing:0; text-transform:none; }
#compareplans table tbody tr.last th { border-bottom:0; }
#compareplans table tbody td { border-left:1px solid #fff; text-align:center; }
#compareplans table tbody td span.yes { display:block; width:15px; height:15px; margin:0 auto; font-size:1px; line-height:1px; background:url(/new/images/compareplans_yes_bg.png) no-repeat; text-indent:-9999px; }
#compareplans table tbody td.highlighted { background:#ebffe4 url(/new/images/td_highlighted_bg.gif) no-repeat 100% 0; }
#compareplans table tbody tr.buttons td { padding:7px 8px 7px; background:#eee; border-left:1px solid #fff; }
#compareplans table tbody tr.buttons td a { float:none; padding:6px 4px 6px 12px; }
#compareplans table tbody tr.buttons td.first { border:0; }
#compareplans table tbody tr.buttons td span.yourplan { font-weight:bold; color:#888; text-shadow:#fff 1px 1px 0; }
#compareplans table tbody tr.notice td { font-size:12px; background:#ffc; }

/* billing */
#billing #main { background-image:url(/new/images/main_white_bg.gif); }
#billing #main > .cap.top { background:url(/new/images/main_white_bgtop.gif) no-repeat; }
#billing #main > .cap.bottom { background:url(/new/images/main_white_bgbottom.gif) no-repeat; }

#billing #content { float:left; margin:0; }
#billing span.separator { color:#d0d0d0; margin:0 1px; }

#billing #planform { margin:0 0 10px; }

#billing p.intro { font-size: 15px; line-height: 1.5em; margin: 2em 0;}

p.intro.rage { padding-left: 120px;}
#billing p.rage-boss { background: url(/images/rage/fyeah.png) no-repeat;}

#main #cc-change-card,
#main #cc-update-plan,
#main #billing-cancel,
#main #cc-new { display:none; }
#cc-change-card-trigger,
#cc-update-plan-trigger { outline:0; }
#cc-change-card-trigger:active,
#cc-update-plan-trigger:active { position:relative; top:1px; }

#planform .formrow.first { width:701px; padding-right:0; }
#plans { padding:5px 0 9px; }
#plans:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#plans ul { list-style:none; margin:0; padding:0; }
#plans ul li { padding:4px 10px; font:11px/16px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; background:#ececec; }
#plans ul li.even { background:transparent; }
#plans ul li:nth-child(2n) { background:transparent; }
#plans span.yes { display:block; width:16px; height:16px; margin:0 auto; font-size:1px; line-height:1px; background:url(/new/images/compareplans_yes_bg.gif) no-repeat; text-indent:-9999px; }
#plans span.no { visibility:hidden; }
#plans #features { float:left; display:inline; width:168px; margin:37px 0 0; border-top:1px solid #e0e0e0; }
#plans #features ul li { text-align:right; }
#plans .column { float:left; display:inline; width:166px; margin:0 5px 0 0; }
#plans .box { position:relative; width:164px; background:#fff; border-top:1px solid #dfdfdf; border-left:1px solid #dfdfdf; border-right:1px solid #ccc; border-bottom:1px solid #ccc; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; -moz-box-shadow:#e9e9e9 1px 1px 1px; -webkit-box-shadow:#e9e9e9 1px 1px 1px; box-shadow:#e9e9e9 1px 1px 1px; }
#plans .box .overlay { opacity:.45; background:transparent; -moz-box-shadow:inset #bbb 1px 1px 1px; -webkit-box-shadow:inset #bbb 1px 1px 1px; box-shadow:inset #bbb 1px 1px 1px; }
#plans .box h3 { height:16px; margin:0; padding:10px 0; font:bold 13px/16px "Helvetica Neue", Helvetica, Arial, sans-serif; border-bottom:1px solid #e6e6e6; text-align:center; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; }
#plans .box h3 span.separator { margin:0 1px; color:#ccc; font-weight:normal; }
#plans .box h3 small { font-weight:normal; font-size:100%; }
#plans .box ul li { background:#f6f6f6; text-align:center; }
#plans .box ul li.even { background:transparent; }
#plans .box ul li:nth-child(2n) { background:transparent; }
#plans .box .choose { background:#dde8eb; border-top:1px solid #ddd; text-align:center; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
#plans .box .choose:hover { background:#e3ecef; border-color:#ccc; }
#plans .box .choose label { cursor:pointer; display:block; padding:7px 0; font-weight:bold; font-size:11px; color:#333; }
#plans .box .choose label input { vertical-align:middle; margin-right:1px; }
#plans .box:hover { cursor:pointer; border-color:#0077e4; }
#plans .box:hover h3 { background:#f5fbfc; }
#plans .box:hover ul li { background:#ecf2f3; }
#plans .box:hover ul li.even { background:#f5fbfc; }
#plans .box:hover ul li:nth-child(2n) { background:#f5fbfc; }
#plans .box.selected,
#plans .box.selected:hover { background:#ffd; border-color:#b0b0b0 #ccc #ccc #b0b0b0; -moz-box-shadow:#fff 1px 1px 0; -webkit-box-shadow:#fff 1px 1px 0; box-shadow:#fff 1px 1px 0; }
#plans .box.selected .overlay { display:block; }
#plans .box.selected h3 { background:#ffd; border-color:#ededa6; }
#plans .box.selected ul li { background:#f9f9d7; }
#plans .box.selected ul li.even { background:#ffd; }
#plans .box.selected ul li:nth-child(2n) { background:#ffd; }

#billing #planform .form #chooseplan { background:url(/new/images/selectactions_bg.gif) no-repeat }
#billing #planform .form #chooseplan .heading { padding-top:1px; background-image:none; }
#billing #planform .form #chooseplan .heading h3 { margin-left:21px; padding:16px 0 2px 24px; }
#billing #planform .form #chooseplan .content { margin-bottom:10px; }
#billing #planform .form #addstaff .formrow { padding-top:19px; border:0; }
#billing #planform .form #addstaff input.textfield { width:25px; text-align:center; }

#billing #calculator { position:relative; top:-7px; float:right; display:inline; width:174px; min-height:396px; padding:12px 22px 0 21px; background:url(../images/calculator_bg.jpg) no-repeat; }
#billing #calculator h4 { margin:0 -5px 4px; padding:0 5px 9px; font:10px/15px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#858585; border-bottom:1px solid #ebebeb; text-align:center; text-transform:uppercase; letter-spacing:2px; text-shadow:#fff 1px 1px 0; }
#billing #calculator ul { list-style:none; margin:0 -5px 26px; padding:0; }
#billing #calculator ul li { padding:3px 5px 4px; color:#606060; font-size:11px; zoom:1; border-bottom: 1px solid #eee; }
#billing #calculator ul li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#billing #calculator ul li span.label { float:left; display:inline; margin:1px 0 0; }
#billing #calculator ul li span.price { float:right; display:inline; font-size:12px; margin-top: 2px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
#billing #calculator ul #monthlytotal { position:relative; top:5px; padding-top:9px; font-weight:bold; color:#222; border-top:1px solid #ebebeb; }
#billing #calculator .actions .button.disabled { opacity:.3; }
#billing #calculator .actions small { clear:both; display:block; padding:4px 0 0; font-size:11px; color:#707070; }



/* footer */
#footer { width:981px; margin:0 auto; padding:0 0 15px; zoom:1; }
#footer:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#footer p { float:left; display:inline; margin:0 0 15px 4px; font-size:11px; color:#707070; text-align:left; text-shadow:#fff 1px 1px 0; }
#footer .changelog { float:right; display:inline; margin-right:4px; font-size:11px; text-shadow:#fff 1px 1px 0; }



/* blankslate */
body.blankslate { padding:30px 0; }
.blankslate #header h2 { float:none; display:block; margin:0 0 22px; }
.blankslate #header #progress { width:981px; background:url(/new/images/blankslate/progress_bg.gif) no-repeat 0 10px; }
.blankslate #header #progress ul { list-style:none; margin:0 0 17px; padding:0; zoom:1; }
.blankslate #header #progress ul:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.blankslate #header #progress ul li { float:left; display:inline; padding-top:32px; font:11px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color:#909090; background:url(/new/images/blankslate/progress_li_bg.gif) no-repeat 50% 0; text-align:center; text-transform:uppercase; letter-spacing:1px; text-shadow:#fff 1px 1px 0; }
.blankslate #header #progress ul li.step1 { margin-left:21px; }
.blankslate #header #progress ul li.step2 { width:699px; }
.blankslate #header #progress ul li.step3 { float:right; margin-right:22px; }
.blankslate.step1 #header #progress ul li.step1,
.blankslate.step2 #header #progress ul li.step2,
.blankslate #header #progress ul li.current { color:#222; background-position:50% -100px; }
.blankslate.step2 #header #progress ul li.step1,
.blankslate #header #progress ul li.done { background-position:50% -200px; }
.blankslate #main { background-image:url(/new/images/main_white_bg.gif); }
.blankslate #main .cap.top { background:url(/new/images/main_white_bgtop.gif) no-repeat; }
.blankslate #main .step .content { width:938px; margin:13px 22px 20px 21px; background:url(/new/images/blankslate/step_content_bg.jpg) no-repeat; zoom:1; }
.blankslate #main .step .content:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.blankslate #main .step .content .cap { clear:both; display:block; width:938px; height:6px; line-height:1px; background:url(/new/images/blankslate/step_content_bgbottom.gif) no-repeat; }
.blankslate #main .step .content .description { float:left; display:inline; width:266px; margin:0 0 -4px 0; padding:15px 30px 0 20px; background:url(/new/images/blankslate/description_bg.gif) no-repeat; }
.blankslate #main .step .content .description h3 { margin:0 0 15px; padding:0; font:bold 15px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; color:#fff; }
.blankslate #main .step .content .description p { margin:0 0 15px; color:#c9c9c9; }
.blankslate #main .step .content .form { float:right; display:inline; width:570px; margin:0; padding:18px 21px 0; background:url(/new/images/blankslate/form_bg.jpg) no-repeat; }
.blankslate #main .step .content .form p.last { margin:0 0 14px; }
.blankslate #main .step .content .form label { display:block; padding:0 0 7px; font-weight:bold; color:#222; }
.blankslate #main .step .content .form label small { font-size:100%; font-weight:normal; color:#909090; }
.blankslate #main .step .content .form input.textfield { width:548px; padding:10px; font-size:16px; line-height:20px; background:#fff url(/new/images/textfield_bg.gif) no-repeat; border:1px solid #c9c9c9; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.blankslate #main .step .content .form input.textfield:hover { border-color:#aaa; }
.blankslate #main .step .content .form input.textfield:focus { border-color:#0077e4;  }
.blankslate #main .step .content .form textarea { width:548px; height:78px; margin:0; padding:10px; font:14px/18px Helvetica, Arial, sans-serif; background:#fff url(/new/images/textfield_bg.gif) no-repeat; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; }
.blankslate #main .step .content .form textarea:hover { border-color:#bbb; }
.blankslate #main .step .content .form textarea:focus { border-color:#0077e4; }
.blankslate #main .step .content .form label#addmessagetrigger { font-weight:normal; color:#0077e4; }
.blankslate #main .step .content .form label#addmessagetrigger:hover { cursor:pointer; color:#08f; text-decoration:underline; }
.blankslate #main .step .content .form label#addmessagetrigger.selected { font-weight:bold; color:#000; text-decoration:none; }
.blankslate #main .step .content .form span#addmessagecontent { display:block; }
.blankslate #main .step .actions { clear:both; width:981px; height:79px; margin:0; background:url(/new/images/blankslate/actions_bg.gif) no-repeat; zoom:1; }
.blankslate #main .step .actions:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.blankslate #main .step .actions .next { float:right; display:inline; }
.blankslate #main .step .actions .next span.skip { float:left; display:inline; margin:29px 0 0; line-height:20px; color:#909090; }
.blankslate #main .step .actions .next span.skip a { outline:0; margin-right:5px; font-weight:normal; color:#0077e4; }
.blankslate #main .step .actions .next span.skip a:hover { cursor:pointer; text-decoration:underline; }
.blankslate #main .step .actions .next span.skip a:active { position:relative; top:1px; }
.blankslate #main .step .actions .next span.button { position:relative; cursor:pointer; float:left; display:inline; height:37px; margin:19px 22px 0 13px; padding:1px 30px 1px 16px; font-size:14px; line-height:35px; background:url(/new/images/blankslate/next_button_bg.png) no-repeat; color:#fff; text-shadow:rgba(0,0,0,.3) -1px -1px 0; }
.blankslate #main .step .actions .next span.button span { position:absolute; display:block; top:0; right:0; width:20px; height:39px; background:url(/new/images/blankslate/next_button_bg.png) no-repeat 100% 0; }
.blankslate #main .step .actions .next span.button:hover { background-position:0 -39px; }
.blankslate #main .step .actions .next span.button:hover span { background-position:100% -39px; }
.blankslate #main .step .actions .next span.button:active { padding:2px 29px 0 17px; background-position:0 -78px; }
.blankslate #main .step .actions .next span.button:active span { background-position:100% -78px; }
.blankslate #main .step#step2 .form input.textfield { font-size:24px; line-height:30px; }

/* welcome */
#welcome #main { background-image:url(/new/images/main_white_bg.gif); }
#welcome #main .cap.top { background:url(/new/images/main_white_bgtop.gif) no-repeat; }
#welcome #main .cap.bottom { background:url(/new/images/main_white_bgbottom.gif) no-repeat; }

#welcome #content { float:none; display:block; width:938px; margin:0 2px 0 1px; padding-bottom:0; }
#welcome #content .pageactions ul { margin-top:2px; }
#welcome #content .pageactions li a { outline:0; padding-left:16px; font-size:11px; color:#777; background:url(/new/images/icon_delete.png) no-repeat 0 -1px; }
#welcome #content .pageactions li a:hover { color:#0077e4; background-position:-386px -1px; }
#welcome #content .pageactions li a:active { position:relative; top:1px; }

#welcome #content #getstarted { position:relative; margin:0 -20px; padding:17px 0 15px; border-top:1px solid #d0d0d0; background:#f5fbfc; text-align:center; zoom:1; }
#welcome #content #getstarted a { outline:0; padding-right:11px; font-size:16px; line-height:20px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; background:url(/new/images/welcome/getstarted_a_bg.png) no-repeat 100% 50%; text-shadow:#fff 1px 1px 0; }
#welcome #content #getstarted a:active { position:relative; top:1px; }

#welcome #content .grid { position:relative; padding:0 0 5px; zoom:1; }
#welcome #content .grid:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#welcome #content .grid .column { margin:0 20px 0 0; }
#welcome #content .grid .column a { display:block; padding:0 0 0 52px; }
#welcome #content .grid .column a#c-queues { background:url(/new/images/welcome/queues.png) no-repeat 0 1px; }
#welcome #content .grid .column a#c-filters { background:url(/new/images/welcome/filters.png) no-repeat 0 1px; }
#welcome #content .grid .column a#c-emails { background:url(/new/images/welcome/emails.png) no-repeat 0 1px; }
#welcome #content .grid .column a#c-sections { background:url(/new/images/welcome/sections.png) no-repeat 0 1px; }
#welcome #content .grid .column a#c-article { background:url(/new/images/welcome/article.png) no-repeat 0 1px; }
#welcome #content .grid .column a#c-autosuggest { background:url(/new/images/welcome/autosuggest.png) no-repeat 0 1px; }
#welcome #content .grid .column a h4 { margin:0 0 3px; font-weight:normal; font-size:14px; line-height:20px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; color:#202020; }
#welcome #content .grid .column a p { font-size:11px; line-height:18px; color:#707070; }
#welcome #content .grid .column a p .link { padding-right:8px; color:#0077e4; background:url(/new/images/welcome/link_bg.png) no-repeat 100% 50%; zoom:1; }
#welcome #content .grid .column a:hover { text-decoration:none; }
#welcome #content .grid .column a#c-queues:hover,
#welcome #content .grid .column a#c-filters:hover,
#welcome #content .grid .column a#c-emails:hover,
#welcome #content .grid .column a#c-sections:hover,
#welcome #content .grid .column a#c-article:hover,
#welcome #content .grid .column a#c-autosuggest:hover { background-position:-458px 1px; }
#welcome #content .grid .column a:hover h4 { color:#0f0f0f; }
#welcome #content .grid .column a:hover p { color:#494949; }
#welcome #content .grid .column a:hover p .link { color:#08e; text-decoration:underline; }
#welcome #content .grid.grid3col .column { float:left; display:inline; width:299px; }
#welcome #content .grid.grid3col .column.last { float:right; display:inline; margin:0; }
#welcome #content h2 { padding:7px 10px 14px; margin:0 -10px; }
#welcome #content h3 { position:relative; margin:0 -20px 19px; padding:15px 20px; font-weight:normal; font-size:16px; line-height:22px; border-top:1px solid #d0d0d0; border-bottom:1px solid #eee; zoom:1; }
#welcome #content img { margin:0 0 10px; }

#welcome #content #trial { position:relative; margin:0 -20px; padding:15px 20px 0; border-top:1px solid #d0d0d0; }
#welcome #content #trial p { margin:0 0 10px; font-size:11px; color:#333; }



/* media drawer */
#content .form .content .formrow.article.draweropen dd textarea { -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; }

/* Drawer */
#article_form .body { display:block; clear:both; position:relative; }
#article_form .body #drawer { opacity:0; position:absolute; float:left; display:none; right:0; top:0; width:0; height:417px; -moz-box-shadow:1px 1px 0 #fff; -webkit-box-shadow:1px 1px 0 #fff; box-shadow:1px 1px 0 #fff; }

/* Drop Target / Uploader */
#article_form #drawer .droptarget { height:62px; }
#article_form #drawer .droptarget a { position:relative; z-index:1; top:0; left:-1px; display:block; width:188px; height:62px; padding:0 0 0 52px; line-height:62px; font-weight:bold; font-size:17px; color:#fff; background:url(/new/images/drawer_droptarget_a_bg.png) no-repeat; text-decoration:none; text-shadow:-1px -1px 0 rgba(0,0,0,0.35); }
#article_form #drawer .droptarget input { opacity:0; position:absolute; z-index:3; cursor:pointer; padding:0; width:238px; height:60px; }
/*#article_form #drawer .droptarget input { display:none; }*/

/* Filter Bar */
#article_form #drawer .filter-bar { position:relative; height:32px; border-right:1px solid #c0c0c0; background:#eaeaea; background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#e0e0e0)); background:-moz-gradient(linear, 0% 0%, 0% 100%, from(#f5f5f5), to(#e0e0e0)); -webkit-box-shadow:inset 0px 1px 0px #fff; -moz-box-shadow:inset 0px 1px 0px #fff; }
#article_form #drawer .filter-bar input { outline:0; width:145px; margin-top:5px; margin-left:5px; padding:3px 3px 3px 22px; background:#fff url(/new/images/drawer_filterbar_bg.png) no-repeat 7px 50%; border:solid 1px #bbb; -webkit-border-radius:10px; -webkit-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2); -moz-border-radius:10px; -moz-box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2); color:#666; }
#article_form #drawer .filter-bar input:focus{ border-color:#aaa; }
#article_form #drawer .filter-bar #edit-assets-button { opacity:0.8; position:absolute; right:5px; top:5px; display:block; outline:0; width:48px; height:22px; font-size:11px; line-height:22px; font-weight:bold; color:#555; background:url(/new/images/drawer_edit_bg.png) no-repeat 50% 50%; text-decoration:none; text-align:center; }
#article_form #drawer .filter-bar #edit-assets-button:hover { opacity:1; color:#444; }

/* List of Items */
#article_form #drawer .file-list { list-style:none; margin:0; }
#article_form #drawer #drawer-scroll-area { position:absolute; top:94px; bottom:0; left:0; right:0; overflow:hidden; overflow-y:scroll; border:1px solid #c0c0c0; border-width:1px 1px 1px 0; }

/* Pagination & Search On Server */
#article_form #drawer #drawer-pagination,
#article_form #drawer #drawer-search-action { display:none; height:35px; padding:0 10px; font-size:12px; line-height:35px; border-bottom:solid 1px #eee; }
#article_form #drawer #drawer-pagination a,
#article_form #drawer #drawer-search-action a { font-weight:bold; text-decoration:none; }
#article_form #drawer #drawer-searching { display:none; height:35px; padding:0 10px; font-size:12px; font-weight:bold; line-height:35px; border-bottom:solid 1px #eee; color:#999; }
#article_form #drawer #drawer-searching img { margin-right:10px; }

/* No Results */
#article_form #drawer #drawer-no-results { display:none; height:35px; padding:0 10px; font-size:14px; font-weight:bold; line-height:35px; color:#999; border-bottom:solid 1px #eee; text-align:center; }

/* Individual Item */
#article_form #drawer .file-list > li { overflow:hidden; position:relative; clear:both; white-space:nowrap; cursor:pointer; margin-left:0; background-color:#fafafa; border-bottom:solid 1px #eee; }
#article_form .insertenabled #drawer .file-list > li:hover { background:#fff; }

/* Thumbnail */
#article_form #drawer .file-list .thumbnail { position:relative; float:left; display:inline; width:35px; height:35px; margin-right:10px; border-right:solid 1px #eee; background:none; }
#article_form #drawer .file-list .thumbnail.loading { margin:0 10px 0 0; padding:0; font-weight:normal; background:url("/images/ajax-loader-light.gif") no-repeat 50% 50%; }
#article_form #drawer .file-list .thumbnail.processing { background:url("/images/asset-thumb-processing.png") no-repeat 50% 50%; }
#article_form #drawer .file-list .thumbnail.processing img { display:none; }
#article_form #drawer .file-list .thumbnail span { overflow:hidden; position:relative; display:block; width:35px; height:35px; vertical-align:middle; text-align:middle; }
#article_form #drawer .file-list .thumbnail div.hovericon { position:absolute; display:none; top:0; left:0; z-index:2; width:35px; height:35px; background:url(/new/images/drawer_thumbnail_hovericon_bg.png) no-repeat; }
#article_form .insertenabled #drawer .file-list li:hover .thumbnail div.hovericon { display:block; }

/* Title */
#article_form #drawer .file-list li .title { text-overflow:ellipsis; line-height:35px; }
#article_form #drawer .file-list li .title span { overflow:hidden; float:left; display:inline-block; width:140px; font-size:11px; color:#666; text-overflow:ellipsis; }
#article_form .insertenabled #drawer .file-list li:hover .title span { color:#0077e4; }

/* Loading Item */
#article_form #drawer .file-list li.loading .title a { font-style:italic; color:#999; }
#article_form #drawer .file-list li.loading div.thumbnail { background:url(/images/ajax-loader-light.gif) no-repeat 50% 50%; }
#article_form #drawer .file-list li.loading div.thumbnail img { display:none; }

/* Remove Btns */
#article_form #drawer .file-list li a.remove-asset-btn { opacity:0.85; position:absolute; top:10px; right:10px; outline:0; width:17px; height:17px; background:transparent url(/new/images/drawer_li_remove_bg.png) no-repeat 0px 0px; text-indent:-9999px; }
#article_form #drawer .file-list li .title a:hover { opacity:1; }

/* iFrame */
.uploadframe { display:none; }

/* Status Message */
#drawer-status { padding:10px 40px; font-weight:bold; line-height:1; color:#555; border-bottom:solid 1px #eee; background:url(/images/ajax-loader-light.gif) no-repeat 10px 50%; }

/* Drop Area Message */
#drawer-drop-message { display:none; position:absolute; z-index:1000; top:0; left:0; bottom:0; right:0; padding-top:245px; font-size:14px; font-weight:bold; color:#fff; background:rgba(0,0,0,0.7) url(/images/asset-icon-drop.png) no-repeat 50% 160px; text-align:center; }