/* Custom CSS */

h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	margin: 0px 0 10px;
	line-height: 25px;
}

h6 {
	font-size: 11px;
}

a {
	color: #5f5f5f;
}

label {
	display: inline-block;
	margin-bottom: 0px;
}

#status {
	position: relative;
	right: 20px;
	top: 10px;
	z-index: 999;
	color: #333333;
	font-size: 11px;
	float: right;
	clear: both;
}

#status .btn {
	margin-left: -8px;
}

#status .first {
	margin-left: 1px;
}

#status .last {
	margin-right: 5px;
}

#status span {
	vertical-align: middle;
}

select {
	margin-bottom: 3px;
	height: 20px;
}

.pagination-wrapper input {
	width: 20px;
	height: 18px;
	padding: 0px 5px;
	font-size: 12px;
	text-align: center;
	vertical-align: -webkit-baseline-middle;
}

.pull-left {
	text-align: left;
}

.pull-center {
	text-align: center;
}

.pull-right, .text-right {
	text-align: right;
}

.progress {
	display: inline-block;
	height: 16px;
	width: 90px;
	vertical-align: middle;
}

.arrow-down, .arrow-up {
	margin: 5px auto;
	display: inline-block;
}

.arrow-down:hover img, .arrow-up:hover img {
	opacity: 0.8;
}

.table-bottom, .table-top {
	text-align: center;
	background: #f6f6f6;
}

.table-top { 
	border-top: 1px solid #ccc;
}

.table-bottom { 
	border-bottom: 1px solid #ccc;
}

.table-info {
	margin: 6px;
	font-size: 12px;
}

.bordered {
	border: 1px solid #cccccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.separator {
	width: 100%;
	height: 20px;
	display: block;
}

.text-left {
	text-align: left;
}

.control-wrapper {
	margin-left: 15px;
	font-size: 12px;
	height: 25px;
	display: inline-block;
	vertical-align: middle;
	padding-top: 5px;
}

.pagination-wrapper {
	height: 20px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	padding-top: 5px;
	font-size: 12px;
}

.pagination-wrapper.bottom {
	margin-right: 93px;
}

.box-icon-wrapper {
	height: 30px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
}

.box-icon {
	width: 20px;
	height: 35px;
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center; 
}

.box-icon.settings {
	background-image: url('../images/settings.png'); 
}

.oxwidget .box-icon.settings {
	background-image: url('../images/settingsw.png'); 
}

.box-icon.refresh {
	background-image: url('../images/refresh.png'); 
}

.oxwidget .box-icon.refresh {
	background-image: url('../images/refreshw.png'); 
}

.box-icon.rollup {
	background-image: url('../images/rollup.png?1'); 
}

.box-icon.rolldown {
	background-image: url('../images/rolldown.png?1'); 
}

.box-icon.help {
	background-image: url('../images/help.png'); 
}

.box-icon:hover {
	opacity: 0.8;
}

.charts div.span4 {
	padding: 10px;
}

.charts div.span4 .content {
	text-align: center;
	padding: 15px 0;
}

.footer div.right div {
	padding: 20px 0;
}

.footer div.right div:last-child {
	text-align: right;
}

.footer div.right div:last-child a {
	padding: 30px;
}

.btn-small {
	padding: 0px 7px;
	font-size: 11px;
}

.btn-widget {
	display: inline-block;
	height: 11px;
	width: 19px;
	background: url(../images/btn-white.png);
	margin-bottom: 6px;
	cursor: pointer;
}

.btn-widget:last-child {
	margin-right: 10px;
}

.btn-widget.active {
	background: url(../images/btn-red.png);
}

.widgets-group {
	display: none;
}

#widgets {
	border: 1px solid #CCC;	
}

#widgets .grid-chart {
	border-bottom: none; 
}

#widgets-1 {
	display: block;
}

#table-bar {
	display: none;
}

#table-bar .grid-content {
	height: 35px;
}

#table-content .pagination-wrapper.bottom {
	margin-right: 116px;
}

.dropdown-menu {
	position: absolute;
	top: 50px;
	left: auto;
	right: 0px;
	float: left;
	min-width: 160px;
	padding: 0 0 5px 0;
	margin: 0;
	list-style: none;
	background-color: #e7e7e7;
	border: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-background-clip: initial;
	-moz-background-clip: initial;
	background-clip: initial;
}

.dropdown-menu > li > a {
	padding: 2px 15px;
	color: #595959;
	font-size: 12px;
	border-top: 1px solid #cccccc;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	color: #595959;
	background: #fafafa;
}