/*
 * Styles for BackEnd
 */

#banner {
	background-image: url(../img/banner.jpg);
}

/* Main Page Filters */
#dashboard .filters {
	list-style-type: none;
	margin: 20px 0 0 35px;
	padding: 0;
}
#dashboard .filters:after {
	content: "";
	display: block;
	height: 0;
	overflow: hidden;
	clear: both;
}
#dashboard .filters li {
	float: left;
	margin: 0 20px 20px 0;
	text-align: center;
	position: relative;
}
#dashboard .filters li a {
	display: block;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left top;
	width: 143px;
	height: 45px;
	padding-top: 148px;
}
#dashboard .filters li.disapproved a {
	background-image: url("../img/dashboard-disapproved.png");
}
#dashboard .filters li.submitted a {
	background-image: url("../img/dashboard-submitted.png");
}
#dashboard .filters li.under-review a {
	background-image: url("../img/dashboard-under-review.png");
}
#dashboard .filters li.escalated a {
	background-image: url("../img/dashboard-escalated.png");
}
#dashboard .filters li.facebook a {
	background-image: url("../img/dashboard-facebook.png");
}
#dashboard .filters li.linkedin a {
	background-image: url("../img/dashboard-linkedin.png");
}
#dashboard .filters li.twitter a {
	background-image: url("../img/dashboard-twitter.png");
}
#dashboard .filters li.instagram a {
	background-image: url("../img/dashboard-instagram.png");
}
#dashboard .filters li.website a {
	background-image: url("../img/dashboard-website.png");
}
#dashboard .filters li.user a {
	background-image: url("../img/dashboard-user.png");
}
#dashboard .filters li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 90%;
}
#dashboard .filters li .count {
	position: absolute;
	right: -10px;
	top: -5px;
	-webkit-box-shadow: 1px 2px 5px #000;
	-moz-box-shadow: 1px 2px 5px #000;
	box-shadow: 1px 2px 5px #000;
	padding: 4px;
	color: #fff;
	font-weight: bold;
	min-width: 17px;
	border: 3px solid #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 16px;
	line-height: 17px;
	background: #ff3038;
	background: -moz-linear-gradient(top,  #ff3038 0%, #a20000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff3038), color-stop(100%,#a20000));
	background: -webkit-linear-gradient(top,  #ff3038 0%,#a20000 100%);
	background: -o-linear-gradient(top,  #ff3038 0%,#a20000 100%);
	background: -ms-linear-gradient(top,  #ff3038 0%,#a20000 100%);
	background: linear-gradient(top,  #ff3038 0%,#a20000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3038', endColorstr='#a20000',GradientType=0 );
}

/*Colors and Font Weights*/
.gray {
	background-color: #e9e9e9;	
}
.lightGray {
	background-color: #efefef;
}
.veryLightGray {
	background-color: #f5f5f5;
}
.green {
	background-color: #a1ca62;
}
.yellow {
	background-color: #dbe162;
}
.red {
	background-color: #bb443e;
}
.blue {
	background-color: #267CBB;
}
td.line-item.green {
	border-right: 5px solid #a1ca62;
}
td.line-item.yellow {
	border-right: 5px solid #dbe162;
}
td.line-item.red {
	border-right: 5px solid #bb443e;
}
td.line-item.blue {
	border-right: 5px solid #267CBB;
}
.hightlight-watchlist,
.hightlight-stock-watch,
.hightlight-search {
	background-color: #ff6;
	color: #000;
	padding: 0 1px;
}
.search-result-content {
	background-color: #edc7f2;
}

.account-icons {
	white-space: nowrap;
}
.account-icon.blank {
	background-color: #bbb;
	width: 16px;
	height: 16px;
}
.account-icon.small,
.website-resource-icon.small {
	width: 16px;
	height: 16px;
	border: 1px solid #888;
	vertical-align: middle;
}
h2 .account-icon.small {
	vertical-align: -4px;
	margin-right: 5px;
}
.account-icon.medium,
.website-resource-icon.medium {
	width: 32px;
	height: 32px;
	border-width: 3px;
}

/* Watchlist */
.watchlist-entries td.label,
.watchlist-entries td.text {
	text-align: left;
}

#upload-watchlist-entries, #upload-helpdata {
	width: 300px;
	margin: auto auto 20px auto;
}
#upload-watchlist-entries table table {
	border: 1px solid #666;
}
#upload-watchlist-entries .percentageFinished {
	background-color: #a1ca62;
}

/*Page Compare View*/
.commentPageCompare {
	width: 910px;
	height: 200px;
	display: block;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding: 10px;
}
#diffWrapper {
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: 14px;
	line-height: 25px;
	color: #000;
	background-color: #fff;
}
ins.diff .diff-html, 
del.diff .diff-html {
	color: #fff;
}
.diff-html {
	color: #c0c0c0;
}
.diff-equal {
	color: #444;
}
.diff {
	padding: 2px;
	text-decoration: none;
	color: #000;
}
ins.diff {
	background-color: #B7CF74;
}
del.diff {
	background-color: #FF3F4B;
}
.diff-tab {
	padding-left: 20px;
}
.diff-row {
	background-color: #a1ca62;
	color: #444;
	border: 1px solid #444;
	padding: 3px;
}

/*Site History View Quick Tools*/
#quickTools {
	width: 645px;
	height: auto;
	float: left;
}

/*Component Styles*/
#calendar_control {
	width: auto;
}

/*Date Picker*/
#datePicker {
	width: 300px;
	float: right;
	margin: 10px;
}
#datePicker table {
	border: 1px solid #999;
}
#datePicker table tr {
	vertical-align: middle;
}
#datePicker table th {
	text-align: center;
	margin: 0px;
	padding: 0px;
}
#datePicker table .daysOfWeek th {
	margin: 0px;
	padding: 7px;
}
#datePicker table td {
	text-align: center;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999;
}
#datePicker table a {
	display: block;
	margin: 0px;
	padding: 10px;
	color: #000;
	text-decoration: none;
}
#datePicker table .extraMonth a {
	color: #c0c0c0;
}
#datePicker table td a:hover {
	background-color: #0085cf;
	color: #000;
}
#datePicker table th a:hover {
	background-color: #0085cf;
	color: #000;
}

/*Show All*/
.showAll {
	padding-left: 10px;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
}
.showAll a {
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	color: #666;
	text-decoration: none;
}
.showAll a:hover {
	color: #0085cf;
}

/* Workflow */
.workflow table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	border-collapse: collapse;
}
.workflow table td {
	padding-top: 6px;
	padding-left: 6px;
	padding-bottom: 6px;
	padding-right: 6px;
	border-collapse: collapse;
}
.workflow table tr.hr {
	border-bottom: 1px solid #eee;
}

.workflow div.content-line-item {
	background: transparent url(../img/line-item-bg.png) repeat left top;
	margin-bottom: 10px;
	padding: 0;
	min-height: 90px;
}
.workflow .content-type {
	font-weight: bold;
	white-space: nowrap;
	font-size: 14px;
	color: #fff;
	border-bottom: 1px solid #000;
}
.workflow .content-type-sub {
	font-weight: bold;
	white-space: nowrap;
	font-size: 12px;
	color: #000;
	background-color: #ddd;
}
.workflow .facebook .content-type {
	border-top-color: #7c9feb;
	background: transparent url(../img/line-item-bg-facebook.png) repeat left bottom;
}
.workflow .linkedin .content-type {
	border-top-color: #679fff;
	background: transparent url(../img/line-item-bg-linkedin.png) repeat left bottom;
}
.workflow .twitter .content-type {
	border-top-color: #00f3ff;
	background: transparent url(../img/line-item-bg-twitter.png) repeat left bottom;
}
.workflow .website .content-type {
	border-top-color: #8ff397;
	background: transparent url(../img/line-item-bg-website.png) repeat left bottom;
}
.workflow .content-type .account-icon {
	vertical-align: -5px;
}
.workflow .content-ownership td {
	font-size: 10px;
	background-color: #eee;
	border-bottom: 1px solid #ddd;
}
.workflow .content-ownership td > div {
	display: block;
	float: left;
	margin-left: 10px;
	margin-bottom: 3px;
	padding-left: 10px;
	border-left: 1px solid #ddd;
}
.workflow .content-ownership td > div:first-child {
	margin-left: 0;
	border-left: none;
	padding-left: 0;
}
.workflow .content-item {
	border-bottom: 3px solid #ddd;
}
.workflow .profile-image img {
	width: 40px;
	border: 5px solid #fff;
	-webkit-box-shadow: 2px 2px 5px #888;
	-moz-box-shadow: 2px 2px 5px #888;
	box-shadow: 2px 2px 5px #888;
}
.workflow .attribute-image {
	max-width: 450px;
}
.workflow .photo {
	max-width: 200px;
	overflow: hidden;
	float: left;
	margin: 0px 5px 5px 0px;
	border: 5px solid white;
	-webkit-box-shadow: 1px 1px 2px #888;
	-moz-box-shadow: 1px 1px 2px #888;
	box-shadow: 1px 1px 2px #888;
}
.workflow .photo img {
	max-width: 200px;
}
.workflow .user {
	font-weight: bold;
	padding-bottom: 5px;
}
.workflow .content-item .text {
	padding-bottom: 5px;
	max-width: 430px;
	overflow: auto;
	margin-bottom: 5px;
}
.workflow .content-item.comment .text {
	max-width: 310px;
}
.workflow .website-content-line-item .text {
	max-width: 405px;
}
.workflow .timestamp {
	color: #666;	
}
.workflow .sidebar {
	margin-bottom: 4px;
}
.workflow .sidebar .inset {
	text-align: left;
	overflow: auto;
	max-width: 395px;
	padding: 4px;
	background-color: #ededed;
	border: 1px solid #bbb;
}
.workflow .sidebar .exempt {
	background-color: #dbe162;
}
.workflow .like {
	white-space: nowrap;
}
.workflow .like .thumb img {
	vertical-align: -8px;
	margin-right: 5px;
	width: 24px;
	height: 24px;
}
.workflow .sidebar .caption {
	font-weight: bold;
	color: #666;
}
.workflow .sidebar .label {
	font-weight: bold;
	padding-bottom: 3px;
}
.workflow .sidebar .photo {
	text-align: right;
}
.workflow .sidebar .photo img {
	border: 1px solid #999;
	max-width: 85px;
}
.workflow .thread {
}
.workflow .thread .recipient {
	font-weight: bold;
	white-space: nowrap;
}
.workflow .attention-notification {
	clear: both;
	margin-bottom: 1px; 
}
.workflow .attention-notification .ui-state-highlight {
	padding: 5px 8px;	
}
.workflow .attention-notification ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.workflow .attention-notification ul li {
	padding: 3px 0;
}

.profile-attributes-display {
	border: 1px solid #ddd;
	padding: 5px;
	margin-bottom: 10px;
}
.profile-attributes-display .two-column {
	-moz-column-gap: 40px;
	-webkit-column-gap: 40px;
	column-gap: 40px;
	-moz-column-rule-color: #ddd;
	-moz-column-rule-style: solid;
	-moz-column-rule-width: 1px;
	-webkit-column-rule-color: #ddd;
	-webkit-column-rule-style: solid;
	-webkit-column-rule-width: 1px;
	column-rule-color: #ddd;
	column-rule-style: solid;
	column-rule-width: 1px;
}
.profile-attributes-display > div div {
	margin-bottom: 10px;
}
.lightbox .profile-attributes-display {
	overflow-x: auto;
	overflow-y: auto;
	width: 315px;
	height: 300px;
}

.sidebar .text {
	padding-bottom: 5px;
	margin-bottom: 5px;
	max-width: none;
	overflow: visible;
}

#socialMediaAttributes th:first-child,
#socialMediaAttributes th:last-child {
	width: 10%;
}

.workflow .column-avatar {
	width: 1%;
	padding-top: 26px;
}
.workflow .column-content-wrapper {
	background-color: #fff;
	padding: 5px 10px;
	margin-bottom: 10px;
}
.workflow .column-content-wrapper .timestamp {
	text-align: right;
	font-size: 85%;
	margin-bottom: 3px;
}
.workflow .review-status-display {
	display: inline-block;
	background-color: #eee;
	border: 1px solid #ddd;
	padding: 2px 5px;
}
.workflow .column-content-wrapper .actions {
	margin-top: 10px;
	background: #eee;
	padding: 2px;
	margin: 0 -10px -5px -10px;
	border-top: 1px solid #ddd;
	height: 20px;
	clear: both;
}
.workflow .column-content-wrapper .links {
	float: left;
	margin-top: 3px;
	margin-left: 5px;
}
.workflow .column-content-wrapper .links a {
	border-right: 1px solid #DDD;
	padding-right: 5px;
	margin-right: 5px;
	display: inline-block;
}
.workflow .column-content-wrapper .links a:last-child {
	border-right: none;
	padding-right: 0;
	margin-right: 0;
}
.workflow .column-content-wrapper .buttons {
	float: right;
}
.workflow .column-metadata {
	width: 350px;
}

/* Contextual Help */
.contextual-help img {
	width: 20px;
	height: 14px;
}
.contextual-help.inactive img {
	opacity: 0.5;
}
table .contextual-help img {
	vertical-align: text-top;
	margin-top: 1px;
}
div.accordion .content-type .contextual-help {
	float: right;
}
div.accordion .content-type .contextual-help img {
	vertical-align: middle;
	margin-top: -2px;
}
.feedback .contextual-help {
	float: right;
}

#accountsContainer .account .accordion {
	background-color: #fff;
}
#accountsContainer .account .accordion tr:first-child th {
	border-top: none;
}
#accountsContainer .account > tbody > tr > td:first-child {
	width: 1%;
	padding-left: 0;
}
#accountsContainer .content {
	padding: 10px;
}

.color-widget {
	display: inline-block;
	width: 16px;
	height: 16px;
	vertical-align: 2px;
	border: 1px solid #888;
}

/* Reports */
table.report th {
	white-space: nowrap;
}
table.report th a,
table.report td {
	font-size: 90%;
}
.charts-container {
	text-align: center;
	padding-bottom: 10px;
	margin: 10px;
}
.chart {
	display: inline-block;
}
.chart.two-charts {
	height: 300px;
}
.fluid .chart {
	width: 65%;
}
.fluid .chart.two-charts {
	width: 49%;
}
/* Need this to make jquery.multiselect work in modal dialogs */
#MB_window #MB_frame #MB_content {
	overflow: visible;
}
.symbol-entry {
	background-color: #FF6600;
}
.cusip-entry {
	background-color: #CC6600;
}

/* White List */
.white-list-entry {
	font-size: 12px;
	padding: 2px 5px;
	list-style-type: none;
	float: left;
	display: block;
	min-width: 85px;
	margin: 0 5px 5px 0;
	border: 1px solid #dcdcdc;
}
.white-list-entry.selected {
	background-color: #91c044;
}
.white-list-entry a {
	display: block;
	padding: 1px 20px 1px 0;
	background: transparent url(../img/delete.png) no-repeat right top;
}

ul.compact-list,
ul.compact-list li {
	margin: 0;
	padding: 0;
}

.delegatee-list-item {
	margin-bottom: 5px;
}
.delegatee-list-item a {
	display: block;
	padding: 2px 5px;
	min-width: 85px;
	margin: 0 5px 5px 0;
	border: 1px solid #dcdcdc;
	background-color: #eee;
}
.delegatee-list-item a:hover {
	background-color: #91c044;
	text-decoration: none;
	color: #fff;
}
.delegatee-list-item a img {
	vertical-align: -4px;
}

/* Analytics */
.web20-big-number {
	display: block;
	text-align: center;
	border: 1px solid #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #cdcdcd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#cdcdcd));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#cdcdcd 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#cdcdcd 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#cdcdcd 100%);
	background: linear-gradient(top,  #ffffff 0%,#cdcdcd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cdcdcd',GradientType=0 );
}
.web20-big-number label {
	display: block;
	margin: 5px 0 3px 0;
	color: #777;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}
.web20-big-number .line {
	background-color: #cecece;
	border-top: 1px solid #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
	height: 1px;
}
.web20-big-number .number {
	margin-top: 3px;
	color: #333;
	font-weight: bold;
	font-size: 50px;
	line-height: 60px;
}
.web20-big-number:hover,
.web20-big-number:hover * {
	text-decoration: none;
}

#dashboard-numbers {
	padding: 0 10px 10px 10px;
}
#dashboard-charts .dashboard-chart {
	width: 100%;
	height: 200px;
}

.performance-table tbody th {
	vertical-align: middle;
}
.performance-table .small-rank,
.performance-table .total-rank {
	text-align: center;
}
.performance-table .small-rank .number,
.performance-table .total-rank .number {
	background-color: #ddd;
	border: 1px solid #bbb;
	color: #333;
	padding: 3px;
	display: inline-block;
	-webkit-border-radius: 7px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 7px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 7px;
	border-bottom-left-radius: 0;
	min-width: 23px;
	text-align: center;
}
.performance-table .total-rank .number {
	text-shadow: #999 0px -1px 0px;
	color: #fff;
	border-color: #FFC889;
	background: #ffbf77;
	background: -moz-linear-gradient(-45deg,  #ffbf77 0%, #ff951c 50%, #ff890c 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#ffbf77), color-stop(50%,#ff951c), color-stop(100%,#ff890c));
	background: -webkit-linear-gradient(-45deg,  #ffbf77 0%,#ff951c 50%,#ff890c 100%);
	background: -o-linear-gradient(-45deg,  #ffbf77 0%,#ff951c 50%,#ff890c 100%);
	background: -ms-linear-gradient(-45deg,  #ffbf77 0%,#ff951c 50%,#ff890c 100%);
	background: linear-gradient(-45deg,  #ffbf77 0%,#ff951c 50%,#ff890c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbf77', endColorstr='#ff890c',GradientType=1 );
}
.performance-table .rank-trend {
	text-align: right;
	vertical-align: middle;
	font-weight: bold;
	font-size: 16px;
}
.performance-table .rank-trend {
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 35px center;
	width: 120px;
}
.performance-table .rank-trend.positive {
	background-image: url("../img/rank-positive-small-bg.png");
}
.performance-table .rank-trend.negative {
	background-image: url("../img/rank-negative-small-bg.png");
}
.performance-table .rank-trend.neutral {
	background-image: url("../img/rank-neutral-small-bg.png");
}
.performance-table .number {
	font-size: 20px;
	font-weight: bold;
}

#rank-container {
	padding: 10px;
}

#report-chart {
	margin:10px;
}

/* Hierarchy */
.hierarchy-line-item {
	margin-bottom: 30px;
	border-bottom: 3px solid #ddd;
}
.hierarchy-line-item h1 {
	font-size: 18px;
	background-color: #ccc;
	border: 1px solid #bbb;
	border-width: 1px 0;
	padding: 5px 10px;
	margin-bottom: 10px;
}
.hierarchy-line-item table {
}
.hierarchy-file {
	
}
.hierarchy-columns {
	
}
.jqeasycounter-message {
	line-height: normal;
	text-align: right;
	font-weight: bold;
}


div.auto_complete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
}

div.auto_complete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
}

div.auto_complete ul li.selected { 
  background-color:#ffb;
}

div.auto_complete ul li {
  margin:0;
  padding:2px;
  height:32px;
  display:block;
  list-style-type:none;
  cursor:pointer;
}

li.untriggered-rule {
	background:#B7CF74;
}