/*
  Any element selector defined here must be unique. They should not interfere with the pages that use this tile. 
*/

.cms-section .ui-datatable th, .cms-section .ui-datatable td {
	padding: 5px 4px;
}

#content div.cms-dashboard {
	margin: -5px;
}

div.cms-dashboard div.cms-item {
    display: inline-block;
    padding: 5px;
    vertical-align: top;
}

div.cms-dashboard div.cms-item.single-column {
	display: block;
}

div.cms-item div.bordered,
div.cms-item span.bordered {
    margin: 0;
    padding: 8px;
    border-radius: 3px !important;
}

div.cms-section .nomargin {
    margin: 0;
}

div.cms-item.cms-col-d3 > div,
div.cms-item.cms-col-d3 > span {
    display: block;
}

div.cms-item.cms-col-d3 {
    width: 306px;
}

div.cms-item.cms-row-d3 > div,
div.cms-item.cms-col-d3 > span {
    height: 226px;
}

div.cms-item.cms-col-e {
    width: 210px;
    height: 226px;
    display: block;
}

div.cms-item span.bordered.chart {
    padding: 4px 8px 12px 8px;
}

div.cms-item tfoot a {
    color: white;
    cursor: pointer;
}

div.cms-item .superscript {
    vertical-align: super;
    font-size: 0.6em;
}

.cms-header {
	position: relative;
	top: -4px;
}

a:hover {
	cursor: pointer;
}

.cms-section.cms-dashboard .footer, .cms-section.cms-dashboard .footer a {
	color: white;	
}

.cms-section.cms-dashboard .footer {
    background-color: #278CBA;
    bottom: 8px;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    position: absolute;
    width: 91.5%;
    vertical-align: middle;
}

.cms-section h2 {
	padding: 0;
	margin: 0;
}

.scrollable-legend table.jqplot-table-legend tbody,
div.scrollable-table tbody,
.scrollable-table tbody {
    overflow-y: auto;
    overflow-x: hidden;
    position: absolute;
    z-index: 1;
    width: 288px;
}

.scrollable-legend table.jqplot-table-legend {
	border: none;
	right: 0px !important;
	margin: 0;
	top: 15px !important;
}

.scrollable-legend table.jqplot-table-legend,
.scrollable-legend table.jqplot-table-legend tbody {
	width: 120px;
}

.scrollable-legend table.jqplot-table-legend tbody {
	height: 140px;
}

.scrollable-legend table.jqplot-table-legend tbody,
.scrollable-legend table.jqplot-table-legend tr,
div.scrollable-table tbody,
.scrollable-table tbody,
div.scrollable-table tr,
.scrollable-table tr {
	display:block;	
}

.scrollable-table thead tr.ui-datatable-header {
	padding: 0;
}

.cms-item input[type="checkbox"], .cms-item input[type="radio"] {
	position: relative;
	top: -4px;
	top: -8px\9;
}