body {background: #f6f0ee; color: #45240d; font-size: 14px; margin: 0;}

a, form.tabs a {color: #68b4b1; text-decoration: none;}
a:hover, form.tabs a:hover, .helpdialog a:hover {color: #4e9a97}
a.list {color: #45240d;}
a.list:hover {color: #9A7059;}
#wrapper {width: 1400px; margin: 0 auto; text-align: left;}

#padding_slug { height: 5px; }
/* utility class */
.clear {clear: both;}
.readertext { position: absolute; left: 0; top: -500px; width: 1px; height: 1px; overflow: hidden; }

a.headerlink {display: block; position: absolute; top: 10px; left: 100px; height: 90px; width: 300px; z-index: 1000;}

/* header styles */
#header {height: 125px; padding: 5px 0 0 0; }
#header h1 {float: left; width: 250px; height: 90px; background: transparent url('../images/dlvrit_logo.png') no-repeat; text-indent: -5000px; margin-top: 10px}
#header #mainNav {float: right;}
#header #mainNav li {display: inline; border-right: 1px solid #45240D; }
#header #mainNav li a {background: transparent; padding: 5px 7px; color: #45240D; }
#header #mainNav li.last {border-right: none;}

#tabs {width: 960px; margin: 0 auto 30px auto; text-align: left; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #c7c7c7 url('../images/app/tab_bg.png') repeat-x top;}
#tabs .maintabs ul {list-style: none; margin: 0; }
#tabs .maintabs li, #tabs .subtabs li {float: left; position: relative; }
#tabs .maintabs li a {display: block; height: 35px; line-height: 35px; width: 150px; text-align: center; font-size: 12pt; color: white; border-right: 1px solid #BBB;}
#tabs .maintabs li a.first {border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px;}
#tabs .maintabs li a.selected {background: #45240D;}
#tabs .maintabs li a:hover {background: #B5B5B5 url(../images/app/tab_over_bg.png) repeat-x top;}
#tabs .maintabs li a:hover.selected {background: #532B10;}
#tabs .subtabs {clear: left;}
#tabs .subtabs ul {list-style: none; min-height: 15px; margin-left: 25px; }
#tabs .subtabs li a {display: block; height: 35px; line-height: 35px; width: 120px; text-align: center; font-size: 9pt; color: #45240D; background: #c7c7c7; font-weight: bold;}
#tabs .subtabs li a.first {border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px;}
#tabs .subtabs li a.selected {background: transparent url('../images/app/subtab_selected.png') no-repeat bottom center;}
#tabs .subtabs li a:hover {background: #CCC;}
#tabs .subtabs li a:hover.selected {background: #CCC url('../images/app/subtab_selected.png') no-repeat bottom center;}
#tabs .subtabs li a img {padding: 0 5px; vertical-align: sub;}

/* main styles */
#main {clear: both; background: #fff; padding: 20px 25px; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-bottom: 2px solid #e6e6e6; min-height: 450px; }
#footer {clear: both; font-size: small; text-align: center; margin: 20px 0;}
a.pager.selected {font-weight: bold;}
.graph {clear: both; margin-top: 30px}
.graph .graphTabs {list-style: none; height: 36px}
.graph .graphTabs li {float: left; text-align: center;}
.graph .graphTabs li a {display: block; width: 160px; height: 36px; background: #fff; padding: 12px 0 0 0; text-transform: uppercase; font-weight: bold; font-size: 9pt; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border: 1px solid #aaa; border-bottom: 0;}
html > body .graph .graphTabs li a { height: 23px; cursor: pointer; }
.graph .graphTabs li a.selected {background: #ddd; border-color: #ddd}

.graph .graphBody {background: #ddd; border-radius: 0 5px 5px 5px;-moz-border-radius: 0 5px 5px 5px;-webkit-border-radius: 0 5px 5px 5px;text-align: center; padding: 20px 0 40px 0}

.graph .graphBody #graphSelector {float: left; height: 30px; margin: 15px 0 20px 20px; line-height: 30px; width: 150px;}

.graph .graphBody #timeBtns {list-style: none; margin: 15px 0 20px 20px; height: 30px; width: 248px; float: left; clear: none;}
#timeBtns li {display: inline; text-align: center; font-size: 8pt;}
#timeBtns li a {float: left; background: #68b4b1; color: #fff; height: 15px; padding: 5px 10px; border: 1px solid #68b4b1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 1px; cursor: pointer;}
#timeBtns li a:hover {background: #4e9a97;}
#timeBtns li a.selected {background: #fff; color: #68b4b1; border: 1px solid #68b4b1;}

.graph .graphBody .graphClicks {float: left; margin: 7px 0 0 25px}
.graph .graphBody .graphClicksNum {font-size: 27pt;}
.graph .graphBody .graphClicksLabel {font-size: 10pt; text-transform: uppercase}

.graph .graphBody .graphLegend {float: right; margin: 25px 20px 0 0}
.graph .graphBody .graphColor1 {width: 30px; height: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #45240d; float: left}
.graph .graphBody .graphColor1Label {margin: 0 25px 0 10px; float: left}
.graph .graphBody .graphColor2 {width: 30px; height: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #c2c2c2; float: left}
.graph .graphBody .graphColor2Label {margin-left: 10px; float: left}

.graph .graphBody .graphPane {width: 828px; margin: 0 auto; clear: both; background: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 10px; text-align: left;}

.clear {clear: both}

/* group styles */
#groups {padding: 5px 0;}
#groups .pagination {clear: both; text-align: right; float: right; margin: 10px 0 0 0}
#groups #addGroupBtn {height: 30px; text-align: center; font-size: 10pt; clear: both; float: left; width: 100px; margin: 30px 0 0 0}
#groups #addGroupBtn a {background: #68b4b1; color: #fff; padding: 5px 0; border: 1px solid #68b4b1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block}
#groups #addGroupBtn a:hover {background: #4e9a97;}
#groups #timeBtns {float: right; margin: 10px 0 0 0; height: 30px; width: 248px; clear: both; }
#groups.social #timeBtns {float: right; margin: 0; height: 30px; width: 160px;}
#groups #groupList {list-style: none; clear: both; padding: 10px 0 0 0}
#groups #groupList li.groupListItem {zoom: 1; position: relative; border: 1px dashed #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 0 0 20px 0}
#groups #groupList li.groupListItem h3 {font-size: 20pt; font-weight: normal; color: #999; margin: 10px 0 0 20px; float: left;}
#groups #groupList li.groupListItem h3 a {color: #999;}
#groups #groupList li.groupListItem ul.playBtns {list-style: none; float: right; height: 25px; margin: 20px 10px 0 0}
#groups #groupList li.groupListItem ul.playBtns li {display: inline; text-align: center; font-size: 8pt;}
#groups #groupList li.groupListItem ul.playBtns li a {float: left; background: #999; color: #fff; height: 13px; padding: 2px 10px; border: 1px solid #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 1px; cursor: pointer;}
#groups #groupList li.groupListItem ul.playBtns li a:hover {background: #aaa}
#groups #groupList li.groupListItem ul.playBtns li a.selected {float: left; background: #fff; color: #999; height: 13px; padding: 2px 10px; border: 1px solid #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin-right: 1px}
#groups #groupList li.groupListItem .groupStatsLabel {clear: both; float: left; font-size: 12pt; margin: 20px 0 5px 10px;}
#groups #groupList li.groupListItem .groupPosts .groupStats {border: 1px solid black}
#groups #groupList li.groupListItem .groupStats .groupClicks {clear: both; float: left; margin: 20px 10px 0 10px; width: 270px; text-align: right}
#groups #groupList li.groupListItem .groupStats .groupPosts {float: left; margin: 20px 10px 0 10px; width: 270px; text-align: right}
#groups #groupList li.groupListItem .groupStats .groupViews {float: left; margin: 20px 10px 0 10px; width: 270px; text-align: right}
#groups #groupList li.groupListItem .groupNum {font-size: 27pt;}
#groups #groupList li.groupListItem .groupLabel {font-size: 10pt; text-transform: uppercase}
#groups #groupList li.groupListItem .viewTrendsBtn {clear: both; float: left; height: 30px; margin: 20px 0 10px 20px}
#groups #groupList li.groupListItem .viewTrendsBtn a {text-align: center; background: #888; color: #fff; height: 15px; padding: 5px 0; margin: 5px 0 0 0; border: 1px solid #888; display: block; width: 110px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#groups #groupList li.groupListItem .viewTrendsBtn a:hover {background: #CCC;}
#groups #groupList li.groupListItem .viewTrendsBtn a.selected {background: #fff; border-color: #888; color: #888 }
#groups #groupList li.groupListItem .viewTrendsBtn a.selected:hover {color: #888 }
#groups #groupList li.groupListItem .viewActivityBtn {float: right; height: 30px; margin: 20px 20px 5px 0}
#groups #groupList li.groupListItem .viewActivityBtn a {text-align: center; background: #68b4b1; color: #fff; height: 15px; padding: 5px 0; margin: 5px 0 0 0; border: 1px solid #68b4b1; display: block; width: 110px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#groups #groupList li.groupListItem .viewActivityBtn a:hover {background: #4e9a97;}
#groups #groupList li.groupListItem .graph {clear: both; padding: 0 10px; margin: 0 0 20px 0}
#groups #groupList li.groupListItem .graph .graphBody .graphPane {width: 828px}

/* links styles */
#links {}
#links #timeBtns {float: right; margin: 0 5px 0 0; height: 30px; width: 248px;}
#links .graph .pagination {float: right; margin-right: 20px;}
#links .graph .graphBody {}
#links .graph .graphBody #columnTitles div {float: left; text-transform: uppercase; height: 25px; margin: 30px 0 0 30px; text-align: left; font-size: 9pt}
#links .graph .graphBody #columnTitles #date {width: 160px}
#links .graph .graphBody #columnTitles #clicks {width: 95px}
#links .graph .graphBody #linkList {}
#links .graph .graphBody #linkList td {height: 100px; padding: 0 0 15px 0; vertical-align: middle}
#links .graph .graphBody #linkList td.date {width: 65px; font-size: 12pt}
#links .graph .graphBody #linkList td.thumb {width: 100px; padding: 0 20px 0 0}
#links .graph .graphBody #linkList td.thumb img {width: 100px; height: 75px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#links .graph .graphBody #linkList td.clicks {font-size: 27pt; width: 110px; padding: 0 15px 0 0}
#links .graph .graphBody #linkList td.views {font-size: 27pt; width: 170px; padding: 0 15px 0 0}
#links .graph .graphBody #linkList td.body {width: 300px; padding: 0 25px 0 0; font-size: 12pt}
#links .graph .graphBody #linkList td.linkDetailBtn {text-align: center; font-size: 8pt;}
#links .graph .graphBody #linkList td.linkDetailBtn a {background: #68b4b1; color: #fff; height: 15px; padding: 5px 13px; margin: 5px 0 0 0; border: 1px solid #68b4b1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px}
#links .graph .graphBody #linkList td.linkDetailBtn a:hover {background: #4e9a97;}


/* stats styles */
#stats a {display: block}
#stats #urls {padding-top: 25px;}
#stats #urls #shortUrl {font-size: 30px}
#stats #urls #longUrl {font-size: 9pt; color: #aaa}
#stats #urls #crumbs {font-size: 9pt; color: #68b4b1; margin-top: 10px;}
#stats #urls #crumbs a {display: inline;}
#stats #urls #shortUrls table {margin-top: 20px;}
#stats #urls #shortUrls th {font-size: 10pt; color: #aaa; font-weight: normal; border-bottom: 1px solid black; text-transform: uppercase;}
#stats #urls #shortUrls td {font-size: 9pt; padding: 5px 15px 0 2px;}

#stats #thumbClicksViews {margin: 40px 0; height: 120px}
#stats #thumbClicksViews #thumb {width: 100px; height: 75px; padding: 0; float: left; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#stats #thumbClicksViews .bigNumberPane {height: 100px; background: #fff url(../images/app/statsBigFill.png) repeat-x; float: left; clear: none; margin: 0 0 0 40px; /*max-width: 200px;*/ width: 350px;}
#stats #thumbClicksViews .bigNumberPane #ltCap {width: 20px; float: left}
#stats #thumbClicksViews .bigNumberPane #rtCap {width: 20px; float: right}
#stats #thumbClicksViews .bigNumberPane #number {margin: 15px 20px 0 20px; font-size: 35pt;}
#stats #thumbClicksViews .bigNumberPane #numberLabel {margin: 0 20px; position: relative; bottom: -10px; text-transform: uppercase; color: #c0e2de}

#stats #retweets {width: 450px; margin: 30px 0 0 20px; float: left}
#stats #retweets h2 {text-transform: uppercase; font-size: 12pt; font-weight: normal; color: #aaa; margin-bottom: 20px}
#stats #retweets h2 .retweetCount {font-weight: bold; color: #45240d}
#stats #retweets .tweet {margin: 0 0 10px 0}
#stats #retweets .tweet img {float: left; height: 48px; width: 48px;}
#stats #retweets .tweet .tweetBody {padding: 10px; margin: 0 0 0 80px}
#stats #retweets .tweet .tweetBody a {display: inline}
#stats #retweets .tweet .tweetBody .tweetMeta {font-size: 8pt; line-height: 200%; color: #aaa}
#stats #retweets .tweet .followers {clear: both; text-align: center; width: 72px}
#stats #retweets .tweet .followers .followerCount {font-weight: bold; font-size: 12pt}
#stats #retweets .tweet .followers .followerLabel {font-weight: normal}

#stats #referrers {width: 450px; margin: 30px 0 0 20px; float: right; font-size: 10pt}
#stats #referrers h2 {text-transform: uppercase; font-size: 12pt; font-weight: normal; color: #aaa; margin-bottom: 20px; cursor: pointer;}
#stats #referrers table {width: 450px; padding-bottom: 50px;}
#stats #referrers table th {border: 0 0 1px 0 solid #aaa; color: #aaa; text-transform: uppercase; font-weight: normal; text-align: left; line-height: 150%}
#stats #referrers table td {line-height: 150%}
#stats #referrers div {height: 30px; margin-bottom: 20px; text-align: center;}

/* route styles for app.dlvr.it */
.pageControls {margin: auto auto;}
.pageControls .pagination { clear: both; text-align: right; float: right; margin: 0 0 15px 0 }
#add, #addShortener {float: left; margin: 0 15px 30px auto;}
#add a, #addShortener a {font-size: 10pt; background: #68b4b1; color: #fff; text-align: center; padding: 5px 15px; border: 1px solid #68b4b1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: block}
#add a:hover, #addShortener a:hover {background: #4e9a97;}
#serviceNotice, #facebookNotice, #pageError {margin: 20px auto; clear: both;}
#pageRoutes {clear: both;}

/* destinations */
#pageDestinations {}
#pageDestinations h2 { margin: 0 0 30px 0; line-height: 110%; }
#pageDestinations .destination {border: 1px dashed #999; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: white; margin-bottom: 25px;}
.destination .destBody { margin: 20px 30px;}
.destination .destBody .destInfo {float: left; width: 46%; margin-right: 20px;}
.destination .destBody .destNotices {float: left; width: 46%; margin-right: 20px;}
.destination .destBody .notices, .destination .destBody .destInfo .destRoutes {width: 100%; height: 75px; overflow: auto; border: 2px solid #999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 3px;}
.destNotices .notices table, .destInfo .notices table {width: 100%;}
.destNotices .notices table td, .destInfo .notices table td {height: 20px; border-bottom: 1px solid #DDD;}
.destInfo ul {list-style: none; padding: 0 5px 0 5px;}
.destInfo ul li { border-bottom: 1px solid #DDD; line-height: normal; padding: 3px 0; }
.destInfo ul li a {font-weight: bold;}
.destEdit {display: none; clear: left;}
.clearErrors {margin: 15px 0 0 0;}

/* direct post / curation pages */
#post {clear: both; padding: 10px 0;}
#post #posteditor, #package #packageeditor {float: left; width: 65%; margin-right: 25px;}
#post #scheduledposts, #package #packagelist {float: left; width: 30%; margin-bottom: 40px;}
#chars, .chars {float: right; font-weight: bold;}
#count {float: left;}
#post #scheduledposts ul {list-style-type: none; height: 600px; overflow: auto;}
#post #scheduledposts ul li {padding: 10px; border: 1px solid #EEE; margin-bottom: 20px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #EEE; cursor: pointer;}
#post #scheduledposts ul li.selected {border: 2px solid #68B4B1;}
#post #scheduledposts ul li div.message {float: left; width: 80%; border: 1px solid white; padding: 5px; margin-bottom: 5px; margin-right: 10px; background: white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#post #scheduledposts ul li div.thumb { float: left; margin: 0 10px 0 0; }
#post #scheduledposts ul li div.date {clear: both; font-size: x-small; margin: 5px 0; padding: 5px;}
#post #scheduledposts ul li div.scheduled_destinations div {display: none;}
#post #scheduledposts ul li div.scheduled_destinations div ul {list-style-type: none; margin-top: 10px; height: auto;}
#post #scheduledposts ul li div.scheduled_destinations div ul li {font-size: small; padding: 0; border: none; margin-left: 20px; margin-bottom: 5px; background: transparent;}

#post .directpost_textbox { width: 576px; max-width: 576px; height: 100px; border: 1px solid #CCC; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: Arial, sans-serif; font-size: medium; }

.destination_list ul { width: 540px; margin: 0; padding: 0; list-style-type: none; }
.destination_list ul li { float: left; text-align: center; clear: none; width: 125px; margin-bottom: 10px; margin-right: 10px; border: 1px solid #AAA; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 10px; height: 20px; line-height: 20px; background: transparent url(../images/app/destination_bg.png) repeat-x; cursor: pointer; color: #45240D; }
.destination_list ul li:hover { background: transparent url(../images/app/destination_bg_hover.png) repeat-x; }
.destination_list ul li span.icon { margin-top: -3px; }

#destination_selector, #url_editor { position: absolute; display: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid #45240D; width: 600px; z-index: 1000;}
#destination_selector .header, #url_editor .header { width: 100%; height: 29px; cursor: move; background: #45240D; border-bottom: 1px solid #AAA; }
#destination_selector .header .title, #url_editor .header .title { margin-left: 5px; line-height: 29px; color: white; font-weight: bold; font-size: 12pt; }
#destination_selector .header .close, #url_editor .header .close { position: absolute; top: -14px; left: 586px; background: transparent url('../images/common/dialogclose.png'); width: 24px; height: 24px; cursor: pointer; }
#destination_selector .header .close:hover, #url_editor .header .close:hover { background: transparent url('../images/common/dialogclosehover.png'); }
#destination_selector .footer, #url_editor .footer { width: 100%; height: 40px; text-align: right; line-height: 40px; clear: both; background: #F5F5F5; }
#destination_selector .footer input, #url_editor .footer input { margin-right: 10px; }
#destination_selector .type_selector { float: left; margin: 0; padding: 0; width: 198px; height: 350px; border-right: 2px solid #AAA; background: #F5F5F5; }
#destination_selector .type_selector ul li { padding: 6px 5px 9px 9px; width: 184px; cursor: pointer; border-bottom: 1px solid #AAA; background: #DDD; color: #45240D; }
#destination_selector .type_selector ul li.selected { cursor: pointer; background-color: #FAFAFA; border-right: 2px solid #f3f3f3; }
#destination_selector .account_selector { float: left; margin: 0; padding: 0; width: 400px; height: 340px; }
#destination_selector .account_selector .selector { width: 400px; height: 319px; overflow-x: hidden; overflow-y: auto; display: none; background: #FAFAFA; }
#destination_selector .account_selector .options { width: 380px; border-collapse: collapse; }
#destination_selector .account_selector .options tr.dark { background: #f3f3f3; }
#destination_selector .account_selector .options td { color: #45240D; }
#destination_selector .account_selector .options td.option_checkbox { width: 30px; text-align: center; }
#destination_selector .account_selector .options td.option_label { width: 136px; text-align: left; }
#destination_selector .account_selector .options td.option_label .selectorlabel.disabled { color: #AAA; }
#destination_selector .account_selector .options td input { margin-top: 6px; }
#destination_selector .account_selector .options td span, #destination_selector .account_selector .options td a { display: block; margin-top: 3px; width: 135px; font-size: small; }
#destination_selector .account_selector .options td a { margin-top: 6px; }
#destination_selector .account_selector .options td span.icon { display: block; width: 24px; height: 24px; margin: 3px 0 3px 3px; }

#destination_selector .account_selector_options { width: 400px; height: 30px; background: #FAFAFA; border-top: 1px solid #DDD; border-bottom: 2px solid #AAA; }
#destination_selector .account_selector_options a { display: block; line-height: 30px; float: left; padding: 0 10px; }

#sharedlinkbox { display: none; }
.sharedlink_throbber { display: none; margin-top: 20px; }
.sharedlink_image { display: none; }
.sharedlink_image div { float: left; }
.image_controls .imagebuttons { margin-left: 10px; }
.image_controls .imagebuttons .imagebutton { margin: 0 !important; }
.image_controls .imageinfo span { float: none; margin: 0; }

.step-header { margin-left: -10px; margin-bottom: 10px; }
.title_count { float: right; padding-right: 20px; }

/* flipstream list */
.flipstream_container { height: 600px; overflow-y: auto; }
.flipstream_list { list-style-type: none; margin: 0 5px 0 0; padding: 0; }
.flipstream_list li { border: 1px solid #AAA; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; background: #CCC; padding: 10px; margin-bottom: 15px; }
.flipstream_list li a.icon.delete { float: right; }
.flipstream_list li .package_twist { cursor: pointer; }
.flipstream_list li .packageurl { margin-bottom: 10px; }
.url_list { list-style-type: none; margin: 0; padding: 0; display: none; }
.url_list li { background: #F5F5F5; margin-bottom: 5px; }


#pageForm {padding: 10px 0 30px 0;}
#pageForm.account {width: 45%;float: left;}
#pageForm.shorteners {width: 50%;float: left;}
#pageForm.widgets {width: 60%; float: left;}
#pageForm.subscription { width: 60%; float: left; }

#shortOptions {width: 45%;float: right; margin: 30px 0; background: #EFEFEF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

#apiKey {margin: 10px 0; background: #EFEFEF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 40%; float: right; height: 250px;}
#apiKey div, #apiKey h3, #apiKey p, #shortOptions div, #shortOptions h3, #shortOptions p, #shortOptions pre { padding: 10px 20px;}
#shortOptions ul, #shortOptions ul li {margin: 5px 25px;}
#apiKey .apikey {margin: 10px 20px;}

#widgetPreview {width: 25%; float: left; height: 400px;margin-left: 60px; margin-top: 60px;}
.widgettype {padding: 5px; margin-bottom: 10px; border: 1px solid white; border-bottom: 1px solid #CCC;}
.widgettype h3 {margin-bottom: 10px;}
.widgettype p {margin: 0 10px 10px 10px;}
.widgettype:hover {background-color: #EFEFEF; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #EFEFEF; cursor: pointer;}

#page {clear: both; padding-top: 40px;}
#page p {margin: 20px 0; color: #333;}

/* password strength styles */
/* 	RESULT STYLE  */
form div.pw input {
    float: left;
}
.testresult {
    font-weight: bold;
    font-size: 10px;
    font-family: arial, helvetica, sans-serif;
    color: #666;
    display: block;
    height: 24px;
    line-height: 24px;
    margin-left: 15px; }
.testresult span { padding: 0 10px 0 35px; display: block; float: right; white-space: nowrap; }
.shortPass, .badPass { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #FC9499 url('../images/pw_strength/badpass.png') no-repeat center left; border: #DC0000 2px solid; }
.goodPass { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #EDE3AB url('../images/pw_strength/goodpass.png') no-repeat center left; border: #BC9F00 2px solid; }
.strongPass { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #D3EDAB url('../images/pw_strength/goodpass.png') no-repeat center left; border: #73BC00 2px solid; }
.testresultSignup, .frontpageSignup { height: 24px; line-height: 24px; float: none; display: block; margin-left: 200px; }
.frontpageSignup { margin-left: 0; float: left; }
.testresultSignup span, .frontpageSignup span { font-weight: bold; font-size: 10px; font-family: arial, helvetica, sans-serif; white-space: nowrap; }
.shortPassSignup span, .badPassSignup span { color: #F00; }
.goodPassSignup span { color: #3fac44; }
.strongPassSignup span { color: #3fac44; }

#newuser, #route_new #fb_connect {background: white; border: 2px solid #45240D; width: 400px; padding: 20px 30px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#newuser h2 {margin-bottom: 20px;}
#newuser p {margin-bottom: 20px;}
#newuser p img {width: 150px; padding-bottom: 20px;}
#route_new #fb_connect {text-align: left;}
#main #fb_connect, #main #finalize { margin: 0 30px 30px; }

#direct_explanation {display: none; padding: 10px; font-size: 9pt;text-align: left !important; margin-bottom: 100px !important;}
#direct_explanation ul {padding: 0 20px;}
#direct_info {color: #45240D;}
#direct_info span {color: #68B4B1;font-size: medium;}

p.dialog {text-align: left; padding: 0 10px;}
ul.dialog {margin: 5px 10px; padding: 0 20px;}
ul.dialog li {text-align: left; padding: 5px 0;}

#error p {text-align: left; padding: 0 10px;}
#error ul {margin: 5px 10px; padding: 0 20px;}

.shortUrls { display: none; position: absolute; border: 2px solid #45240D; background: #DEDEDE; padding: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.shortUrls.feedurls { width: 600px; z-index: 10000;}

.shorteneraccts { border: 1px solid #aaa; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 100%;}
.shorteneraccts table { width: 100%; border-collapse: collapse;}
.shorteneraccts th { background: #ddd; color: #45240D; padding: 7px 5px 7px 5px;}
.shorteneraccts td { height: 30px; border-top: 1px solid #aaa; padding: 0 10px; }

.contentCol { width: 650px; float: left; padding-right: 50px;}
.rightSidebar { width: 200px; float: left;}
#officespacer {height: 27px;}

#codehelp {padding: 10px 0; color: #45240D;}

#resetStandard {display: block; width: 350px; height: 400px; float: left;}
#resetOpenID {display: block; width: 400px; height: 400px; float: left;}

div#signup {margin-top: 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background: #DEDEDE; padding: 5px 10px; border: 1px solid #aaa;}
div#signup h3 {font-size: 12px;}
div#signup a {color: #45240D;}
div#signup span {font-size: 11px;}

/* demographics */
#groups #groupList li.groupListItem .viewTrendsBtn a.demo { width: 225px; }
#groups #groupList li.groupListItem .graph .graphBody .demoPane { width: 885px; display: none; margin: 0 auto; }

.demograhics_col {width: 440px; float: left; }
.demographics { width: 400px; background: white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 20px; }
.demographics > div { padding: 10px 18px; position: relative;}
.demographics h2 { margin: 0 0 10px 0; line-height: normal; color: #45240D; font-size: medium; font-weight: bold; text-align: left; }
.democanvas { margin: 0 auto;}
.demo_label { position: absolute; margin: 0; padding: 0; width: 110px; height: 30px; line-height: 30px; font-size: 11px; font-weight: bold; color: #45240D; text-align: right;}
.demo_pct_label, .demo_index_label { position: absolute; margin: 0; padding: 0; width: 30px; height: 30px; line-height: 30px; font-size: 11px; font-weight: bold; color: #45240D; text-align: center; text-shadow: 0 0 2px #FFF;}
.indexlabel { text-align: right; font-size: 11px; font-weight: bold; color: #45240D; }

/* curation */
#post #curation h2, #post #optimized h2 { margin-bottom: 0; }
.maintabs .postnotice { height: 20px; padding-top: 5px; position: absolute; top: 2px; left: 100px; }
.subtabs .postnotice { height: 20px; padding-top: 5px; position: absolute; top: 1px; left: 80px; }
.postnotice div { float: left; }
.postnotice .notice_left { width: 8px; height: 20px; background: transparent url(../images/curation/indicator_01.png) no-repeat; }
.postnotice .notice_count { height: 20px; background: transparent url(../images/curation/indicator_02.png) repeat-x; line-height: 20px; color: white; font-weight: bold; font-size: x-small; padding: 0; margin: 0; }
.postnotice .notice_right { width: 8px; height: 20px; background: transparent url(../images/curation/indicator_03.png) no-repeat; }

#curation_table { position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #DDD; width: 100%; padding-bottom: 40px; }
#curation_header { height: 75px; width: 888px; margin: 0 auto; }
#curation_header div { float: left; }
#curation_header div.routeselector { float: none; position: absolute; top: 10px; left: 20px; }
#curation_header div.routeselector #routeselector { width: 200px; }
.curation_label { text-transform: uppercase; color: #45240D; font-size: small; height: 20px; padding-top: 55px; }
.c_title { width: 340px; padding-left: 10px; padding-right: 10px; color: #45240D; cursor: pointer; }
.c_source { width: 130px; padding-right: 10px; font-weight: bold; color: #45240D; cursor: pointer; }
.c_date { width: 110px; padding-right: 10px; color: #45240D; cursor: pointer;}
.c_route { width: 110px; padding-right: 10px; color: #45240D; cursor: pointer;}
.c_edit { width: 70px; cursor: pointer; }
.c_buttons { width: 65px; cursor: pointer; }

#curation_header .curation_label.c_source { font-weight: normal; }
#curation_header div { float: left; }

#curation_items { width: 888px; margin: 0 auto; background-color: white; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-collapse: collapse; }
#curation_items .curated_item td { text-overflow: ellipsis; overflow: hidden; height: 32px; }
#curation_items .curated_item.dark { background-color: #DAEDEB; }
#curation_items .curated_item:hover { background-color: #EEE; }
#curation_items .curated_item:hover .c_edit .edit_buttons {display: block;}
#curation_items .curated_item:hover .c_edit .edit_buttons {display: block;}
#curation_items .curated_item:hover .c_edit .curation_chevron {display: none;}

td.c_title { width: 330px; cursor: default; }
td.c_title a.chocolate { text-decoration: underline; color: #45240D; }
td.c_source { width: 124px; cursor: default; }
td.c_date { width: 105px; cursor: default; }
td.c_route { width: 100px; cursor: default; }
td.c_edit { width: 80px; }
td.c_buttons { width: 65px; }

td.c_date .rank { padding-top: 2px; padding-left: 10px; }

.curation_button {background: #68B4B1 url(../images/curation/postbutton_bg.png) repeat-x; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 20px !important; padding: 0 7px 0 5px; margin: 0 5px; cursor: pointer; }
.curation_button img { padding-right: 5px; display: block; float: left; padding-top: 2px; }
.curation_button div.button_label {color: white; float: left; line-height: 20px !important; }
.curation_button:hover {background: #86D8D5 url(../images/curation/postbutton_hover_bg.png) repeat-x; }

.editorpost { float: right; background: #68B4B1 url(../images/curation/postbutton_bg.png) repeat-x; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 20px !important; padding: 0 7px 0 5px; margin: 5px 4px 0 5px; cursor: pointer; }
.editorpost img { padding-right: 5px; display: block; float: left; padding-top: 2px; }
.editorpost div.button_label { color: white; float: left; line-height: 20px !important; }
.editorpost:hover { background: #86D8D5 url(../images/curation/postbutton_hover_bg.png) repeat-x; }

.curation_chevron { width: 24px; height: 24px; float: right !important; background: transparent url('../images/app/chevron.png'); margin-top: 4px; margin-right: 7px; display: block; }
.c_edit .edit_buttons, .c_edit .edit_spinner { display: none; }
.c_edit .edit_buttons, .c_edit .edit_spinner { list-style: none; }
.c_edit .edit_buttons { margin-right: 12px; }
.c_edit .edit_buttons li, .c_edit .edit_spinner li { float: right; margin-right: 7px; margin-top: 4px; }
.c_edit .edit_spinner li {z-index: 100; padding-right: 10px; }

.curated_editor { display: none; background: #EEE url(../images/curation/editor_bg.png) repeat-x; height: 300px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; }
.curated_editor .c_title { padding-top: 7px;}
.curated_editor .c_title .textarea.small { width: 340px; height: 50px; max-width: 340px; max-height: 50px; }
.curated_editor .c_source { padding-top: 7px; }
.curated_editor .c_date { padding-top: 7px; }
.curated_editor .c_route { padding-top: 7px; }
.curated_editor .c_controls { text-align: right; }
.curated_editor .editor_body.noimage { float: left; width: 100%; margin-top: 10px; padding-bottom: 20px; }
.curated_editor .editor_body.image { float: left; width: 200px; margin-top: 10px; margin-left: 10px; padding-bottom: 20px; }
.curated_editor .image_selector { float: left; width: 150px; min-height: 100px; margin-top: 10px; }
.imageselector { }
.image_box { margin: 0 auto; width: 150px; height: 110px; overflow: hidden; }

.imagebuttons { margin-top: 10px; float: left; }
.imagebutton { float: left; padding: 3px; cursor: pointer; border: 1px solid #AAA;}
.imagebutton:hover { background: #DEDEDE; }
.imagebutton.left { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-top-left-radius: 5px; }
.imagebutton.right { float: left; border-left: none; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-top-right-radius: 5px; }
.imageinfo { margin-top: 13px; padding: 5px; float: left; height: 20px; vertical-align: middle; }
.imageinfo, .imageinfo span { color: #45240D; }

.post_spinner { display: none; text-align: right; padding-top: 7px; padding-left: 20px; }
.post_spinner.editor { position: relative; top: -10px; left: 35px; }
.post_spinner img { width: 20px; height: 20px; margin: 0 auto; display: block;}

.sortIndicator.ASC { margin-left: 5px; margin-top: 1px; width: 14px; height: 12px; background: transparent url(../images/curation/sortIndicatorSprite.png) no-repeat 0 0; }
.sortIndicator.DESC { margin-left: 5px; margin-top: 1px; width: 14px; height: 12px; background: transparent url(../images/curation/sortIndicatorSprite.png) no-repeat -14px -0px; }

#clearqueuebutton { position: relative; top: 20px; left: 55px; }
.clearqueue { background: #68B4B1 url(../images/curation/postbutton_large.png) repeat-x; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 24px !important; padding: 3px 10px 3px 10px; cursor: pointer; margin-top: 6px; color: white; line-height: 24px; font-weight: bold; }
.clearqueue:hover { background: #86D8D5 url(../images/curation/postbutton_large_hover.png) repeat-x; }

.noitems { height: 150px; text-align: center; font-size: large; font-weight: bold; color: #45240D; padding-top: 75px; }
#status_msg, #newitems_msg { height: 40px; margin-bottom: 10px; }
#newitems_msg { display: none; }
#status_msg div.ui-widget { display: none; }
#newitems_msg a.refreshQueue { color: #68b4b1; }

.delete_link { display: block; position: relative; top: 30px; left: 60px; height: 10px; margin-top: 10px; }
.close_button { display: block; position: relative; top: 40px; left: 60px; height: 10px; }

/* hack for jquery ui datepicker */
#ui-datepicker-div { display: none }

/* relevance stats */
#relevance { width: 960px; margin: 0 auto; text-align: left; clear: both; padding: 30px 0; font-family: "Arial", sans-serif !important; }

/* common relevance stats elements */
#relevance ul.tabs { list-style-type: none; }
#relevance ul.tabs li { float: left; height: 35px; line-height: 35px; padding: 0 20px; border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-left: 1px solid #AAA; border-top: 1px solid #AAA; background-color: white; color: #888; cursor: pointer; font-weight: bold; text-transform: capitalize; font-size: 9pt; }
#relevance ul.tabs li.last { border-right: 1px solid #AAA; }
#relevance ul.tabs li.selected { background-color: #DDD; border-left: 1px solid #DDD; border-top: 1px solid #DDD; color: #666; }
#relevance ul.tabs li.selected.last { border-right: 1px solid #DDD; }

#relevance span.indicator.inc { display: block; overflow: hidden; width: 45px; height: 32px; background: transparent url(../images/stats/relevance_sprites.png) 0 0 no-repeat; }
#relevance span.indicator.dec { display: block; overflow: hidden; width: 45px; height: 32px; background: transparent url(../images/stats/relevance_sprites.png) -45px 0 no-repeat; }
#relevance span.indicator.inc.small {width: 20px; height: 14px; background-position: 0 -32px; }
#relevance span.indicator.dec.small {width: 20px; height: 14px; background-position: -20px -32px; }

#relevance span.label { text-transform: uppercase; font-size: x-small; }
#relevance span.count { font-size: medium; }
#relevance span.sign {font-size: medium; margin-right: 0 !important;}

#relevance span.sort.desc { display: block; overflow: hidden; width: 14px; height: 12px; background: transparent url(../images/stats/relevance_sprites.png) 0 -334px no-repeat;}
#relevance span.sort.asc { display: block; overflow: hidden; width: 14px; height: 12px; background: transparent url(../images/stats/relevance_sprites.png) -14px -334px no-repeat;}

/* relevance styles */
#relevance .header { width: 850px; height: 60px; padding: 20px 55px 10px 55px; margin: 0 auto; border-radius: 5px 5px 0 0;-moz-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;background-color: #DDD; }
#relevance .header div { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#relevance .header .dashboardControls { float: left; width: 246px; height: 46px; border-top: 1px solid #BEBEBE; border-left: 1px solid #DDD; border-right: 1px solid #DDD; border-bottom: 1px solid #FFF; background: white url(../images/stats/relevance_sprites.png) 0 -214px repeat-x; }
#relevance .header .dashboardControls div { float: left; }
#relevance .header .dashboardControls .accountImage { width: 54px; height: 46px; text-align: center; }
#relevance .header .dashboardControls img { display: block; margin-top: 4px; margin-left: 6px; }
#relevance .header .dashboardControls .accountSelector { width: 192px; height: 46px; line-height: 46px; }
#relevance .header .dashboardControls .accountSelector .select.account { width: 182px; vertical-align: middle; }
#relevance .header .dashboardControls .accountSelector h2 { line-height: 46px; margin: 0; padding: 0; }
#relevance .header .dashboardButtons { float: left; margin-left: 20px; height: 46px; width: 580px; border: 1px solid #DDD; border-top: 1px solid #BEBEBE; }
#relevance .header .dashboardButtons ul.options {list-style-type: none;}
#relevance .header .dashboardButtons ul.options li { float: left; width: 143px; height: 46px; line-height: 46px; border: 1px solid white; border-right: 1px solid #717171; text-align: center; background: #898989 url(../images/stats/relevance_sprites.png) 0 -274px repeat-x; color: #FFF; text-transform: uppercase; cursor: pointer; font-weight: normal; }
#relevance .header .dashboardButtons ul.options li.first { border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#relevance .header .dashboardButtons ul.options li.last { border-right: 1px solid white; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px;}
#relevance .header .dashboardButtons ul.options li.selected { background: white url(../images/stats/relevance_sprites.png) 0 -214px repeat-x; border: 1px solid white; border-right: none; text-transform: uppercase; font-weight: bold; color: #45240D; }


#relevance #dashboard { clear: both; width: 920px; border-radius: 0 0 5px 5px;-moz-border-radius: 0 0 5px 5px;-webkit-border-radius: 0 0 5px 5px;background-color: #DDD; padding: 0 20px 20px 20px; }
#relevance #dashboard .title { padding-bottom: 15px; color: #45240D; font-size: medium; text-transform: uppercase; }
#relevance #dashboard .display {width: 850px; padding: 15px 35px 35px 35px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: white; display: none;}
#relevance #dashboard .display .overviewBanner { width: 850px; height: 35px; }
#relevance #dashboard .display .overviewBanner .overviewTabs { float: left; }
#relevance #dashboard .display .overviewBanner .accountTotals,
#relevance #dashboard .display .audienceBanner .accountTotals { float: right; height: 35px; }
#relevance #dashboard .display .overviewBanner .accountTotals div,
#relevance #dashboard .display .audienceBanner .accountTotals div { float: right; height: 15px; margin-right: 15px; padding-top: 10px; }
#relevance #dashboard .display .overviewBanner .accountTotals div span,
#relevance #dashboard .display .audienceBanner .accountTotals div span { margin-right: 5px; color: #45240D; }
#relevance #dashboard .display .overviewBanner .accountTotals div.percentageChange span,
#relevance #dashboard .display .audienceBanner .accountTotals div.percentageChange span { display: block; float: left; }

#relevance #dashboard .display .overviewDisplay,
#relevance #dashboard .display .popularDisplay,
#relevance #dashboard .display .audienceDisplay { clear: both; width: 800px; padding: 25px; border-radius: 0 5px 5px 5px;-moz-border-radius: 0 5px 5px 5px;-webkit-border-radius: 0 5px 5px 5px;background-color: #DDD;}

#relevance #dashboard .display .popularDisplay .popular.posts,
#relevance #dashboard .display .popularDisplay .popular.topics,
#relevance #dashboard .display .audienceDisplay .audience.followers,
#relevance #dashboard .display .audienceDisplay .audience.influencing { display: none; width: 750px; padding: 10px 25px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color: #FFF; }
#relevance #dashboard .display .audienceDisplay .audience.influencing { background-color: #DDD; padding: 0; width: 800px; }

#relevance #dashboard .display .overviewDisplay .overview { width: 800px; height: 56px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: white; margin-bottom: 10px; }
#relevance #dashboard .display .overviewDisplay .overview.last { margin-bottom: 0; }

#relevance #dashboard .display .overviewDisplay .overview .data { width: 565px; height: 56px; float: left; }
#relevance #dashboard .display .overviewDisplay .overview .data .current {width: 565px; height: 56px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
#relevance #dashboard .display .overviewDisplay .overview .data .current div {float: left}
#relevance #dashboard .display .overviewDisplay .overview .data .prior { width: 565px; height: 24px; border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }
#relevance #dashboard .display .overviewDisplay .overview .data .prior div { float: left; }

#relevance #dashboard .display .overviewDisplay .overview .trend { float: left; width: 235px; height: 56px; }
#relevance #dashboard .display .overviewDisplay .overview .trend div { float: left; }

#relevance #dashboard .display .overviewDisplay .overview .data div { color: white; font-family: "Arial", sans-serif;}
#relevance #dashboard .display .overviewDisplay .overview .data .current .value { width: 100px; height: 56px; line-height: 56px; padding-left: 30px; font-size: 28px; }
#relevance #dashboard .display .overviewDisplay .overview .data .current .label { width: 265px; height: 56px; line-height: 56px; font-size: 22px; text-transform: uppercase; }
#relevance #dashboard .display .overviewDisplay .overview .data .current .change { width: 140px; height: 56px; line-height: 56px; font-size: 28px; padding-left: 30px;}
#relevance #dashboard .display .overviewDisplay .overview .data .prior .value { width: 100px; height: 24px; line-height: 24px; padding-left: 30px; }
#relevance #dashboard .display .overviewDisplay .overview .data .prior .label { width: 265px; height: 24px; line-height: 24px; text-transform: uppercase; }
#relevance #dashboard .display .overviewDisplay .overview .data .prior .range { width: 140px; height: 24px; line-height: 24px; padding-left: 30px; text-transform: uppercase; }
#relevance #dashboard .display .overviewDisplay .overview .trend .indicator { width: 65px; height: 56px; line-height: 56px; padding-top: 12px; padding-left: 15px; }
#relevance #dashboard .display .overviewDisplay .overview .trend .indicator span.inc {display: block; width: 45px; height: 32px; background: transparent url(../images/stats/relevance_sprites.png) 0 0 no-repeat; }
#relevance #dashboard .display .overviewDisplay .overview .trend .indicator span.dec {display: block; width: 45px; height: 32px; background: transparent url(../images/stats/relevance_sprites.png) -45px 0 no-repeat; }
#relevance #dashboard .display .overviewDisplay .overview .trend .percentage { width: 150px; height: 56px; line-height: 56px; color: #45240D; font-size: 28px; font-weight: normal; }

#relevance #dashboard .display .overviewDisplay .overview.clicks .data .current { border-top: 1px solid #5A9B97; background: #5FB9B5 url(../images/stats/relevance_sprites.png) 0 -46px repeat-x; }
#relevance #dashboard .display .overviewDisplay .overview.clicks .data .prior { background: #4F9C98; }

#relevance #dashboard .display .overviewDisplay .overview.mentions .data .current { border-top: 1px solid #3B0F1A; background: #47220A url(../images/stats/relevance_sprites.png) 0 -102px repeat-x; }
#relevance #dashboard .display .overviewDisplay .overview.mentions .data .prior { background: #2C1706; }

#relevance #dashboard .display .overviewDisplay .overview.retweets .data .current { border-top: 1px solid #AB3A00; background: #D03400 url(../images/stats/relevance_sprites.png) 0 -158px repeat-x; }
#relevance #dashboard .display .overviewDisplay .overview.retweets .data .prior { background: #A92900; }

#relevance #dashboard .display .overviewChart { margin-top: 30px; }

#relevance #dashboard .display .popularDisplay .popular .populartable,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics { width: 750px; }
#relevance #dashboard .display .popularDisplay .popular .populartable th { height: 15px;}
#relevance #dashboard .display .popularDisplay .popular .populartable th.clicks,
#relevance #dashboard .display .popularDisplay .popular .populartable th.reposts,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics th.clicksPerPost,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics th.repostsPerPost,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics th.posts { font-size: small; width: 100px; text-align: right; font-weight: normal; text-transform: uppercase; cursor: pointer; }

#relevance #dashboard .display .popularDisplay .popular .populartable td { font-size: large; height: 50px; }
#relevance #dashboard .display .popularDisplay .popular .populartable td.rownum { width: 25px; text-align: left; color: #888; }
#relevance #dashboard .display .popularDisplay .popular .populartable td.title { width: 475px; text-align: left; color: #45240D; font-weight: normal; text-transform: none; }
#relevance #dashboard .display .popularDisplay .popular .populartable.topics td.title { width: 200px; text-align: left; color: #45240D; font-weight: normal; text-transform: none;}
#relevance #dashboard .display .popularDisplay .popular .populartable td.clicks,
#relevance #dashboard .display .popularDisplay .popular .populartable td.reposts,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics td.clicksPerPost,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics td.repostsPerPost,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics td.posts { width: 125px; text-align: right; font-weight: normal; }
#relevance #dashboard .display .popularDisplay .popular .populartable th.clicks,
#relevance #dashboard .display .popularDisplay .popular .populartable td.clicks,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics th.clicksPerPost,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics td.clicksPerPost { color: #4F9C98; }
#relevance #dashboard .display .popularDisplay .popular .populartable td.reposts,
#relevance #dashboard .display .popularDisplay .popular .populartable th.reposts,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics th.repostsPerPost,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics td.repostsPerPost { color: #A92900; }
#relevance #dashboard .display .popularDisplay .popular .populartable.topics th.posts,
#relevance #dashboard .display .popularDisplay .popular .populartable.topics td.posts { color: #45240D; }


#relevance #dashboard .display .audienceDisplay .audience.followers .followers.summary { width: 750px; height: 50px; }
#relevance #dashboard .display .audienceDisplay .audience.followers .followers.summary div { width: 150px; float: right; text-align: right; }
#relevance #dashboard .display .audienceDisplay .audience.followers .followers.summary .net { width: 200px; }
#relevance #dashboard .display .audienceDisplay .audience.followers .followers.summary .lost { color: #AAA; }
#relevance #dashboard .display .audienceDisplay .audience.followers .followers.summary .gained { color: #45240D }

#relevance #dashboard .display .audienceDisplay .audience.followers .followers.summary .gained .value,
#relevance #dashboard .display .audienceDisplay .audience.followers .followers.summary .lost .value,
#relevance #dashboard .display .audienceDisplay .audience.followers .followers.summary .net .value { font-size: x-large; }

#relevance #dashboard .display .audienceDisplay .audience.influencing .background { background-color: #E7E7E7; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#relevance #dashboard .display .audienceDisplay .audience.influencing .users,
#relevance #dashboard .display .audienceDisplay .audience.influencing .recent { float: left; width: 50%; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .recent { min-height: 300px; background-color: white; border-top-right-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .users ul.userlist,
#relevance #dashboard .display .audienceDisplay .audience.influencing .recent ul.updates { list-style-type: none; padding: 0; margin: 0; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .users ul.userlist li { background-color: #F1F1F1; height: 50px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; cursor: pointer; margin-bottom: 5px; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .users ul.userlist li.selected { background-color: white; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .users ul.userlist li div { float: left; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .users ul.userlist li .accountImage { height: 50px; line-height: 50px; padding-top: 5px; padding-left: 10px; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .users ul.userlist li .username { height: 50px; line-height: 50px; padding: 0 20px; font-size: large; font-weight: bold; color: #45240D; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .users ul.userlist li .followers {float: right; height: 50px; line-height: 50px; padding-right: 20px; font-size: small; font-weight: bold; color: #45240D; }

#relevance #dashboard .display .audienceDisplay .audience.influencing .recent ul.updates li .update { width: 80%; margin-left: 37px; padding: 10px 15px; border-bottom: 1px solid #EFEFEF; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .recent ul.updates li .update.last { border-bottom: none; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .recent ul.updates li .update .tweet {font-size: small; line-height: 19px; margin-bottom: 5px; color: #333; }
#relevance #dashboard .display .audienceDisplay .audience.influencing .recent ul.updates li .update .tweetdate { font-size: x-small; color: #333; }

#page ol, #page ul { margin: 10px 10px; }
#page ol li, #page ul li { padding: 5px 10px; }
#page h3 { margin: 20px 0; }
#page ul.flat { margin: 0; list-style-type: none; }
#page ul.flat ol { margin: 30px; }

/* promoted stories header */
body.psHeaderActive,
body.promoHeaderActive { background-position: 0 35px; }
div.psHeader,
div.promoHeader { height: 35px; background: #72B4B1; line-height: 35px; }
div.promoHeader { background: white url(../images/common/promo-gradient-bg.png) repeat-x; border-bottom: solid 1px #CCC; }
div.promoHeader.pastDue {
    background: rgb(249, 248, 239);
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjhlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmY2ZGMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, rgba(249, 248, 239, 1) 0%, rgba(251, 246, 220, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(249, 248, 239, 1)), color-stop(100%, rgba(251, 246, 220, 1)));
    background: -webkit-linear-gradient(top, rgba(249, 248, 239, 1) 0%, rgba(251, 246, 220, 1) 100%);
    background: -o-linear-gradient(top, rgba(249, 248, 239, 1) 0%, rgba(251, 246, 220, 1) 100%);
    background: -ms-linear-gradient(top, rgba(249, 248, 239, 1) 0%, rgba(251, 246, 220, 1) 100%);
    background: linear-gradient(to bottom, rgba(249, 248, 239, 1) 0%, rgba(251, 246, 220, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f8ef', endColorstr='#fbf6dc', GradientType=0);
}

div.psHeader div.psHeaderClose,
div.banner div.psHeaderClose,
div.promoHeader div.promoHeaderClose { float: right; height: 19px; width: 19px; background: transparent url(../images/common/psHeaderClose.png) no-repeat; margin-top: 6px; cursor: pointer; }
div.banner div.psHeaderClose,
div.promoHeader div.promoHeaderClose { display: inline; }
div.promoHeader div.promoHeaderClose { background: transparent url(../images/common/promo_banner_close.png) no-repeat; }
div.psHeader .content,
div.promoHeader .content { font-size: 14px; font-family: Helvetica, Arial, sans-serif; color: white; width: 960px; margin: 0 auto; text-shadow: 0 1px #439897; text-align: left; }

div.psHeader .content a { color: white; }

div.promoHeader img { line-height: 35px; margin-top: 3px; vertical-align: top; }
div.promoHeader span { font-weight: normal; color: #666; font-size: .965em; line-height: 35px; margin-left: 6px; text-shadow: 0 1px #EFEFEF; }
div.promoHeader.pastDue span { font-weight: normal; color: #333; font-size: .965em; line-height: 35px; margin-left: 6px; text-shadow: 0 1px rgb(254, 252, 234); }
div.promoHeader.pastDue span a { color: #45240D; text-decoration: underline; }

#header #mainNav li.psHeaderActive,
#header #mainNav li.psButton { border-right: none; }
#header #mainNav li.psButton a, a.psButton { background: #72B4B1; border-top: 1px solid #72B4B1; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; }
a.psButton { display: block; padding: 10px 10px 0 10px; margin-top: -10px;}

/* subscription modal */
div.dlvr-modal {position: absolute; top: 0; left: 0; z-index: 9000; background: #45240D; -moz-opacity: 0.25; opacity: 0.25; filter: alpha(opacity=25); display: none;}
.recurlyModal, .subaccount-editor { position: absolute; display: none; z-index: 10001; width: 500px; padding: 30px; background: white; margin: 15px auto; left: 111px; border: 3px solid #45240D; }
.recurlyModal div.recurlyClose, div.subaccount-editor-close { cursor: pointer; position: absolute; display: block; width: 24px; height: 24px; background: transparent url('../images/common/dialogclose.png'); top: -14px; left: 546px; }
.recurlyModal div:hover.recurlyClose, div:hover.subaccount-editor-close { background: transparent url('../images/common/dialogclosehover.png'); }
.recurly-responses { width: 500px; padding: 0; margin: 0; }
.recurly-responses h2 { margin: 25px auto; font-size: 2em; font-family: 'HelveticaNeueW01-75Bold', sans-serif; font-weight: normal; }
.recurly-responses p { margin: 20px auto; font-size: 1.1em; font-family: 'HelveticaNeueW01-45Ligh', sans-serif;}
.recurly-responses .buttons { margin: 20px; text-align: right; font-size: 1.05em; clear: left; }
.recurly-responses .buttons .btTxt { font-size: 1.05em; }
.recurly-responses .accountSelectors { width: 100%; }
.recurly-responses .accountSelectors > div { width: 50%; float: left; }
.recurly-responses .accountSelectors > div.fullWidth { width: 100%; }
.recurly-responses .accountSelectors > div > div { height: 150px; overflow: auto; }
.recurly-responses .accountSelectors ul { list-style-type: none; width: 100%; margin-top: 10px; }
.recurly-responses .accountSelectors li { text-overflow: ellipsis; overflow: hidden; padding: 3px 5px; }

.recurlyHosted { margin: 20px auto; text-align: center; }
.recurlyHosted p,
.recurlyHosted a { font-size: 1em; font-family: 'HelveticaNeueW01-65Medi', sans-serif; font-weight: normal; color: #999 !important; }

.recurly-form h2 { color: #999;}

.disabled { display: none; z-index: 20000; background-color: transparent; opacity: 0.5; filter: alpha(opacity=50); }
.banner { position: fixed; top: 0; left: 0; height: 60px; width: 100%; background: #68B4B1 url('../images/news/app/banner_bg.png') repeat-x; z-index: 10000; text-align: left; }
.banner.upgrade {
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); /* IE6-8 */
}
.banner span,
.banner a { color: #666; line-height: 60px; text-decoration: none; font-family: 'HelveticaNeueW01-45Ligh', sans-serif; font-size: 16px; }
.banner.upgrade > span { display: block; width: 960px; margin: 0 auto; }
.banner a { margin-left: 10px; text-decoration: underline; }
.banner a:hover { text-decoration: underline; }
.banner a.close { display: block; float: right; padding-right: 30px; margin-top: 18px; height: 24px; width: 24px; background: transparent url('../images/news/app/dismiss_banner.png') no-repeat; }
.banner.upgrade a.close { height: 19px; width: 19px; background: transparent url('../images/common/promo_banner_close.png') no-repeat; }

.inlineDisabled { opacity: 0.25; filter: alpha(opacity=25); }

div.newPostWrapper { margin: 0 0 20px; }
a.addPostButton { padding: 5px 10px; margin-left: 0; }

div.info ul.errors { list-style-type: none; margin: 10px 30px 0 30px; }
div.info ul.errors li { margin: 2px 0; padding: 0; color: black; }

/* added post to stack notification */
.message-post-added {
    background: rgb(216, 236, 234);
    background: -moz-linear-gradient(top, rgba(216, 236, 234, 1) 0%, rgba(134, 216, 213, 1) 50%, rgba(104, 180, 177, 1) 51%, rgba(216, 236, 234, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(216, 236, 234, 1)), color-stop(50%, rgba(134, 216, 213, 1)), color-stop(51%, rgba(104, 180, 177, 1)), color-stop(100%, rgba(216, 236, 234, 1)));
    background: -webkit-linear-gradient(top, rgba(216, 236, 234, 1) 0%, rgba(134, 216, 213, 1) 50%, rgba(104, 180, 177, 1) 51%, rgba(216, 236, 234, 1) 100%);
    background: -o-linear-gradient(top, rgba(216, 236, 234, 1) 0%, rgba(134, 216, 213, 1) 50%, rgba(104, 180, 177, 1) 51%, rgba(216, 236, 234, 1) 100%);
    background: -ms-linear-gradient(top, rgba(216, 236, 234, 1) 0%, rgba(134, 216, 213, 1) 50%, rgba(104, 180, 177, 1) 51%, rgba(216, 236, 234, 1) 100%);
    background: linear-gradient(to bottom, rgba(216, 236, 234, 1) 0%, rgba(134, 216, 213, 1) 50%, rgba(104, 180, 177, 1) 51%, rgba(216, 236, 234, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d8ecea', endColorstr='#d8ecea', GradientType=0);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 2px solid #68B4B1;
    color: white;
    font-weight: bold;
    padding: 20px 40px;
    text-align: center;
    float: left;
    font-size: 1.5em;
}

.popup-form { padding: 40px 20px 200px; }

/* sub accounts */
.subaccount-tools {
    height: 48px;
    line-height: 48px;
    width: 100%;
}
.subaccount-error {
    margin: 10px auto;
    font-size: 1.5em;
    line-height: normal;
    color: #e10;
}
.subaccount-tools .subaccount-usage {
    width: 50%;
    float: left;
    text-align: left;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif;
    font-weight: normal;
    line-height: 48px;
}
.subaccount-tools .subaccount-search {
    width: 50%;
    float: left;
    line-height: 48px;
    text-align: right;
}
.subaccount-display .btTxt {
    font-size: 1.2em;
}
.subaccount-list-container {
    margin-bottom: 30px;
}
.subaccount-default,
.subaccount-list-headers ul li,
.subaccount-list li {
    height: 48px;
    padding: 0 20px;
    line-height: 48px;
    font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
    font-size: 1.1em;
    background: #f5f5f5;
}
.subaccount-list li.odd {
    background: #f5f5f5;
}
.subaccount-list li.odd.suspended {
    background: rgb(252, 153, 151);
}
.subaccount-list li.even {
    background: white;
}
.subaccount-list li.even.suspended {
    background: rgb(252, 190, 191);
}
.subaccount-editor {
    display: none;
}
.subaccount-editor-buttons {
    text-align: right;
}
.subaccount-list-headers ul,
.subaccount-list {
    list-style-type: none;
}
.subaccount-list-headers ul li div,
.subaccount-list li div {
    float: left;
}
.subaccount-list li div.subaccount-username,
.subaccount-list-headers ul li div.subaccount-username {
    width: 50%;
}
.subaccount-list li div.subaccount-lastlogin,
.subaccount-list-headers ul li div.subaccount-lastlogin,
.subaccount-list li div.subaccount-actions,
.subaccount-list-headers ul li div.subaccount-actions {
    width: 25%;
}
.subaccount-list-headers ul li {
    background: white;
    height: 47px;
    border-bottom: 1px solid #333;
}
.subaccount-actions {
    text-align: right;
}
.subaccount-actions ul {
    list-style-type: none;
}
.subaccount-actions ul li {
    float: right;
    padding: 0 0 0 10px;
    line-height: 48px;
    height: 48px;
}
.subaccount-actions ul li a {
    margin-top: 10px;
}
#loggedInAsNotice {
    margin-bottom: 20px;
}
.subaccount-upgrade {
    background: #BBDEFA;
    border-radius: 5px;
    border: 1px solid #6491C4;
    padding: 10px 15px;
}
.subaccount-upgrade h3 {
    border-bottom: none;
    margin: 0;
    padding: 0;
    line-height: normal;
}
.subaccount-upgrade p {
    font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
    font-size: 1.1em;
    margin: 5px 0 10px 0;
    line-height: normal;
}

/* remote wrapper styles */
div#wrapper.remote { width: 95%; margin: 0 20px 20px; }
div#wrapper.remote div#header { height: 35px; line-height: 35px; }
div#wrapper.remote div#header h1 { float: left; width: 100px; height: 35px; background: transparent url('../images/viewer/dlvr_logo_viewer.png') no-repeat; margin-left: 30px; }
div#wrapper.remote div#main { min-height: auto; }
div#wrapper.remote div#footer { display: none; }

div#wrapper div#main.bootstrapped { padding: 0; min-height: auto; width: 960px; }

/* manual post drop zone */
.imageDropper div,
.imageDropper input {
    float: left;
}
.imageDropper .post-image-drop {
    height: 40px;
    line-height: 40px;
    width: 60%;
    padding: 10px 40px;
    border: 1px dashed #999;
    margin-bottom: 5px;
}

.imageDropper .post-image-preview {
    position: relative;
    max-height: 60px;
    width: auto;
    margin: 0 0 0 20px;
}

.imageDropper .post-image-preview div.removeImage {
    position: absolute;
    top: -6px;
    left: 88%;
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url('../../images/news/app/icons/modalsprites.png') no-repeat -64px 0;
    overflow: hidden;
    cursor: pointer;
}
.imageDropper .post-image-preview div:hover.removeImage {
    display: block;
    width: 16px;
    height: 16px;
    background: transparent url('../../images/news/app/icons/modalsprites.png') no-repeat -80px 0;
    overflow: hidden;
    cursor: pointer;
}

.upgrade-modal {
    position: absolute;
    padding: 0;
    margin: 0;
    width: 500px;
    background: #ffffff; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f5f5f5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f5f5f5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f5f5f5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5', GradientType=0); /* IE6-8 */
    border-radius: 2px;
    box-shadow: 1px 1px 3px #666;
}

.upgrade-modal-close {
    float: right;
    font-family: 'Century Gothic', sans-serif;
    margin-top: 10px;
    margin-right: 20px;
    color: #AAA;
    cursor: pointer;
}
.upgrade-modal-close:hover {
    color: #999;
}

.upgrade-modal-content {
    margin: 30px 20px 40px 20px;
    text-align: left;
    font-family: 'HelveticaNeueW01-45Ligh', sans-serif;
    font-size: 14pt;
    color: #666;
}
.upgrade-modal-list {
    font-size: 11pt;
}
.upgrade-modal-list ul {
    list-style-type: none;
    margin: 20px auto;
}
.upgrade-modal-list li span {
    padding-left: 10px;
}
.upgrade-modal-buttons {
    margin: 20px;
    clear: both;
}
.upgrade-button {
    padding: 7px 14px;
    border-radius: 5px;
    font-size: 10pt;
    font-family: 'HelveticaNeueW01-65Medi', sans-serif;
    cursor: pointer;
}
.no-upgrade {
    float: left;
    border: 1px solid #CCC;
    background: whitesmoke;
    color: #999;
}
.no-upgrade:hover {
    background: #EFEFEF;
}
.yes-upgrade {
    float: right;
    color: white;
    background-color: #68b4b1;
    border: 1px solid #68b4b1;
    text-shadow: 1px 1px #999;
}
.yes-upgrade:hover {
    background: #4e9a97;
}

#pass_error.error,
.social-sign-in-error {
    padding: 10px 0;
    color: red;
    font-size: .85em;
}
.social-sign-in-error.info {
    color: #68b4b1;
    border: none !important;
}

#main.plans {
    margin-top: 20px;
}

/* add-on-manager styles */
.addon-header {
    font-family: 'Futura BT W01 Book', sans-serif;
    font-weight: normal;
    font-size: 1.6em;
    color: #777;
    margin-bottom: 15px;
}
.addon-instruction {
    font-family: 'HelveticaNeueETW01-55Rg', sans-serif;
    font-size: .85em;
    color: #999;
    margin: 20px auto 5px;
}
.addon-manager .add-on-select {
    font-size: 1em;
}
.addon-costs {
    margin-bottom: 10px;
}
.addon-costs .cost {
    width: 100%;
}
.cost-label,
.cost-display {
    float: left;
    padding-bottom: 5px;

}
.cost-label {
    width: 60%;
    font-family: 'HelveticaNeueW01-75Bold', sans-serif;
    color: #999;
    font-size: 1.1em;
}
.cost-display {
    width: 40%;
    font-family: 'HelveticaNeueW01-75Bold', sans-serif;
    text-align: right;
    color: #777;
    font-size: 1.25em;
}

.addon-buttons {
    text-align: right;
}

.addon-manager-cancel {
    margin-right: 15px;
    color: #CDCDCD;
}
.addon-manager-cancel:hover {
    color: #999;
}

.addon-manager .subscription-button {
    background: #68b4b1;
}
.addon-manager .subscription-button:hover {
    background: #4e9a97;
}

.system-alert-wrapper {
    height: 600px;
    border-top: 1px solid #eeebe9;
}

.system-alert {
    background: #EFF9F9;
    border-bottom: 1px solid #5DB7BB;
    border-top: 1px solid #5DB7BB;
    left: 50%;
    margin-left: -25%;
    margin-top: 80px;
    padding: 10px 50px;
    position: relative;
    width: 50%;
}

.system-alert h2 {
    font-family: 'Futura BT W01 Book', sans-serif;
    font-weight: normal;
    font-size: 2em;
    color: #555;
}

.system-alert p {
    font-family: 'HelveticaNeueETW01-55Rg', sans-serif;
    color: #999;
}