* {margin: 0; padding: 0; border: 0} body {background: #fff url('../images/common/headerBack.jpg') repeat-x top; font-family: arial, sans-serif; font-size: 10pt; color:#45240d; text-align: center;} body.simple { background:#fff; } 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:960px; margin: 0 auto; text-align: left;} #padding_slug {height: 5px;} /* utility class */ .clear {clear:both;} .readertext { position:absolute; left:0px; 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 #68B4B1; } #header #mainNav li a {background: #fff; padding:5px 7px; color:#45240D; } #header #mainNav li.last {border-right:none;} #header #tabs {width:960px; margin: 115px auto 0px auto; text-align:left; background:#A9A9A9; -moz-border-radius:5px; -webkit-border-radius:5px; background:#DDD url('../images/app/tab_bg.png') repeat-x top;} #header #tabs .maintabs ul {list-style: none;} #header #tabs .maintabs li, #header #tabs .subtabs li {float:left; position:relative; } #header #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;} #header #tabs .maintabs li a.first {-moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px;} #header #tabs .maintabs li a.selected {background:#45240D;} #header #tabs .maintabs li a:hover {background: #B5B5B5 url(../images/app/tab_over_bg.png) repeat-x top;} #header #tabs .maintabs li a:hover.selected {background:#532B10;} #header #tabs .subtabs {clear:left;} #header #tabs .subtabs ul {list-style: none; min-height:15px;} #header #tabs .subtabs li a {display:block; height:35px; line-height:35px; width:120px; text-align:center; font-size:9pt; color:#45240D; background:#DDD; font-weight:bold;} #header #tabs .subtabs li a.first {-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;} #header #tabs .subtabs li a.selected {background:transparent url('../images/app/subtab_selected.png') no-repeat bottom center;} #header #tabs .subtabs li a:hover {background:#CCC;} #header #tabs .subtabs li a:hover.selected {background:#CCC url('../images/app/subtab_selected.png') no-repeat bottom center;} #header #tabs .subtabs li a img {padding: 0 5px; vertical-align: sub;} /* main styles */ #main {clear: both;} #footer {clear:both; font-size:small; text-align:center; margin: 20px 0;} h2 {font-size: 18pt; line-height: 180%; font-weight: normal; margin-top: 15px; margin-bottom:30px;} 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; -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-width:1px 1px 0 1px} html>body .graph .graphTabs li a{ height: 23px; cursor: pointer; } .graph .graphTabs li a.selected {background: #ddd; border-color: #ddd} .graph .graphBody {background: #ddd; -moz-border-radius: 5px; -moz-border-radius-topleft: 0; -webkit-border-radius: 5px; -webkit-border-top-left-radius: 0; 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; clear: both; 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; -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; -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; -moz-border-radius: 5px; -webkit-border-radius:5px; background: #c2c2c2; float: left} .graph .graphBody .graphColor2Label {margin-left: 10px; float:left} .graph .graphBody .graphPane {width: 900px; margin: 0px auto; clear: both; background: #fff; -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 0px; border:1px solid #68b4b1; -moz-border-radius:5px; -webkit-border-radius:5px; display: block} #groups #addGroupBtn a:hover {background: #4e9a97;} #groups #timeBtns {float: right; margin:0 0 0 0; height:30px; width: 248px;} #groups.social #timeBtns {float:right; margin:25px 0 0 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; -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 10px; 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; -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; -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: 280px; text-align: right} #groups #groupList li.groupListItem .groupStats .groupPosts {float: left; margin: 20px 10px 0 10px; width: 280px; text-align: right} #groups #groupList li.groupListItem .groupStats .groupViews {float: left; margin: 20px 10px 0 10px; width: 280px; 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 10px} #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; -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 10px 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; -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: 880px} /* 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; -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; -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 0px 2px;} #stats #thumbClicksViews {margin: 40px 0; height:120px} #stats #thumbClicksViews #thumb {width:100px; height: 75px; padding:0; float: left; border: 1px solid #ccc; -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: 1px solid #aaa; border-width: 0 0 1px 0; 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:5px 0 15px 0} #add, #addShortener {float:left; margin: 30px 15px 30px auto;} #add a, #addShortener a {font-size:10pt; background: #68b4b1; color:#fff; text-align:center; padding:5px 15px; border:1px solid #68b4b1; -moz-border-radius:5px; -webkit-border-radius:5px; display: block} #add a:hover, #addShortener a:hover {background: #4e9a97;} #serviceNotice, #facebookNotice {margin: 20px auto; clear:both;} #pageRoutes {clear:both;} /* destinations */ #pageControls {margin: auto;} #pageControls #pagination {clear:both; text-align:right; float:right; margin:5px 0 15px 0} #pageDestinations {} #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; -moz-border-radius:5px; -webkit-border-radius:5px; padding:3px;} .destNotices .notices table {width:100%;} .destNotices .notices table td {height:20px; border-bottom:1px solid #DDD;} .destInfo ul {list-style:none; padding: 0 5px 0 5px;} .destInfo ul li {height:20px; border-bottom:1px solid #DDD; line-height:20px;} .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 {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; -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; -moz-border-radius:5px; -webkit-border-radius:5px;} #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: 0px; border:none; margin-left:20px; margin-bottom:5px; background:transparent;} #post .directpost_textbox { width:604px; max-width:604px; 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:1px solid #AAA; background:#F5F5F5; } #destination_selector .type_selector ul li { 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:1px 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 { display:block; margin-top:3px; width:135px; font-size:small; } #destination_selector .account_selector_options { width:400px; height:30px; background:#FAFAFA; border-top:1px solid #DDD; border-bottom:1px solid #AAA; } #destination_selector .account_selector_options a { display:block; line-height:30px; float:left; padding:0 10px; } #facebookshared { display:none; } .fb_shared_throbber { display:none; margin-top:20px; } .fb_shared_image { display:none; } .fb_shared_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 .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:30px 0;} #pageForm.account {width:45%;float:left;} #pageForm.shorteners {width:50%;float:left;} #pageForm.widgets {width:60%; float:left;} #shortOptions {width:45%;float:right; margin:30px 0; background:#EFEFEF; -moz-border-radius:5px; -webkit-border-radius:5px; } #apiKey {margin:30px 0; background:#EFEFEF; -moz-border-radius:5px; -webkit-border-radius:5px; width:40%; float:right; height:200px;} #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; -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,san-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{ -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{ -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{ -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:0px; float:left; } .testresultSignup span, .frontpageSignup span { font-weight: bold; font-size:10px; font-family: arial,helvetica,san-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; -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 {padding: 0 0 200px 25px; width: 750px;} #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; -moz-border-radius:5px; -webkit-border-radius:5px; } .shortUrls.feedurls { width:600px; z-index:10000;} .shorteneraccts { border: 1px solid #aaa; -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:700px; 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:0px 0px 10px 0px; 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:0px; } .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: 920px; 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:370px; 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:920px; 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:350px; 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 { -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; border-bottom-left-radius:5px; border-top-left-radius:5px; } .imagebutton.right { float:left; border-left:none; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px; -webkit-border-top-right-radius:5px; border-bottom-right-radius:5px; 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 0px 0px; } .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 } /* feature matrix styles */ /* 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; -moz-border-radius:5px; -webkit-border-radius:5px; border-bottom-left-radius:0; border-bottom-right-radius:0; -moz-border-radius-bottomleft:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; background-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:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-top-left-radius:0; border-top-right-radius:0; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; 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:5px; -moz-border-radius:5px; -webkit-border-radius:5px; border-top-left-radius:0; -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; 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; }