.dc-page-link {
	margin:0 5px;
	font-weight:bold;
}
.dc-page-link-container {
	font-size:11px;
	padding:5px 0;
}
.dc-page-link-inactive {
	margin:0 5px 0 0;
	font-weight:bold;
}
.hidden-row {
	display:none;
}
.show-all,
.hide-all {
	font-size:11px;
	font-weight:bold;
	margin:0 0 5px 12px;
	text-decoration:underline;
	cursor:pointer;
}
/**** Summary Container ****/
.summary-container {
	width:520px;
	margin-bottom:20px;
}
#summary-all{
    margin-right:30px;
}
.summary-container .text-top {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding:10px 10px 0;
}
.summary-container .results-date {
	font-size:10px;
	font-weight:normal;
	text-align:right;
}
.summary-container .top-left-image {
	background:transparent url(/images/data-summary-left.gif) no-repeat scroll left top;
}
.summary-container .top-right-image {
	background:transparent url(/images/data-summary-right.gif) no-repeat scroll right top;
}
.summary-container .round-top {
	height:40px! important;
}
.summary-container .round-body {
	border-left:1px solid #3399CC;
}
.summary-container .round-body-content {
	background:transparent url(/images/blue-gradient-background.gif) repeat-x scroll right -70px;
	border-right:1px solid #3399CC;
	padding:0 0 10px! important;
}
.summary-container .bottom-left-image {
	background:transparent url(/images/search-box-bottom-left.gif) no-repeat scroll left top;
}
.summary-container .bottom-right-image {
	background:transparent url(/images/search-box-bottom-right.gif) no-repeat scroll right top;
}

.summary-table {
	width:100%;
	padding:1px;
}
.summary-table .header-row {
	background:#E5E5E5;
	height:25px;
}
.summary-table th {
	text-align:right;
	padding:0 10px 0 0;
}
.summary-table tr {
	height:22px;
}
.summary-table td {
	text-align:right;
	padding:0 10px 0 0;
}
.summary-table .tld-column {
	text-align:left;
	padding-left:10px;
	font-weight:bold;
}
.summary-table .total {
	font-weight:bold;
}

/** Charts **/
.summary-container .summary-chart{
    text-align:center;
}


/** Bar chart **/
#summary-all .summary-container{
  width:520px;
  position:relative;
}
#summary-all .d3-legend-container{
  margin-left:120px;
  padding-bottom:10px;
}
#summary-all .tooltip{
  display:none;
  position:absolute;
  top:60px;
  right:10px;
  width:100px;
  height:40px;
  background:#FFF;
  border:solid 1px #CCC;
  font-size:80%;
}
#summary-all .tooltip .color{
  width:16px;
  height:16px;
  position:absolute;
  left:5px;
  top:50%;
  margin-top:-8px;
}
#summary-all .tooltip .text{
  position:absolute;
  left:28px;
  top:5px;
  font-weight:bold;
}
#summary-all .tooltip .value{
  position:absolute;
  left:28px;
  top:20px;
}
#summary-all .summary-chart{
  cursor:crosshair;
}

#summary-all .legend{
  margin-top:-8px;
  margin-bottom:8px;
}

#summary-all .toggler{
  position:absolute;
  top:24px;
  right:13px;
  font-size:10px;
  cursor:pointer;
}

/** Pie chart **/
#summary-added{
  position:relative;
  height:200px;
  padding-top:18px;
}
#summary-added .summary-container .summary-chart{
  width:240px;
}
#summary-added .summary-container{
  width:400px;
}
#summary-added .d3-legend-container{
  position:absolute;
  right:10px;
  top:65px; 
}
#summary-added .d3-legend-element{
  float:none;
  text-align:right;
  width:200px;
  height:18px;
}
#summary-added .d3-legend-element.selected .d3-legend-text{
  font-weight:bold;
}
#summary-added .d3-legend-element .d3-legend-color{
  float:right;
}
#summary-added .d3-legend-element .d3-legend-text{
  text-align:right;
  float:none;
  margin-right:3px;
  font-size:70%;
}
#summary-added .tooltip{
  display:none;
  position: absolute;
  bottom: -25px;
  left: 10px;
  height: 20px;
  background: #FFF;
  border: solid 1px #CCC;
  font-size: 100%;
  padding:5px;
}