﻿/************************
		Controls
************************/

.dashboard .large,
.dashboard .small
{ 			
	margin:6px 6px 6px 6px;
	border:1px solid #8e236b;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	float:left;
	
}

.ie.v8 .dashboard .large,
.ie.v8 .dashboard .small
{
	background:white;
	position:relative;	
	behavior:url(/App_Themes/PIE/PIE.htc);		
}

.dashboard .large:hover,
.dashboard .small:hover
{		
	box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.15);
	-webkit-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.15);
	-mox-box-shadow:1px 1px 5px 2px rgba(0, 0, 0, 0.15);	
}

.ie.v8 .dashboard .large:hover,
.ie.v8 .dashboard .small:hover
{
	box-shadow:1px 1px 5px 2px #CCC;
}

.dashboard .large
{
	width:618px;
	height:190px;
}

.dashboard .small
{
	width:302px;
	height:190px;	
}

.dashboard .row
{
	clear:both;
}

.dashboard .container 
{
	position:relative;
	height:136px;
}

.dashboard .inline-group
{
}

.dashboard h1
{
	background-image:none;
	font-size:1.0em;
	margin: 0;
}

.dashboard .header
{		
	background-color:#8e236b;	
	margin:0 0 10px 0;	
}

.dashboard .panel-tooltip
{
	height:16px;
	width:16px;
	padding:6px;
}

.ie.v7 .dashboard .panel-tooltip
{
	position:relative;
	z-index:1;
}

.dashboard .tooltip:hover span
{				
	width:230px;
	margin-left:-270px;
}

.dashboard .helpbubble
{
	text-decoration:none;	
}

.dashboard .columnleft,
.dashboard .columnright
{
	float:left;
}

.dashboard > .columnleft
{	
	width:632px;	
}

.dashboard > .columnright
{
	width: 318px; 		
}

.dashboard .container > .columnleft
{
	width:302px;	
}

.dashboard .container > .columnright
{	
	float:right;
	width:302px;	
}

.dashboard .small > .container > .columnright
{
	display:none;
}

.dashboard .paneldetail > .container > .columnleft
{	
	width:66px;
}

.dashboard .paneldetail > .container > .columnright
{
	display:block;
	width:212px;	
}

.dashboard .paneldetail .icon
{
	width:56px;
	height:56px;
	margin:0 10px 0 0;
	background-color:#8e236b;
	color:#fff;
}

.dashboard .paneldetail > .container
{
	height:115px;
	margin:0 10px 0 10px;
	overflow: hidden;
}

.dashboard .paneldetail > .container.loading
{
    background : url(/App_Themes/Images/ajax-loader.gif) no-repeat 141px 40px;
}

.dashboard .paneldetail > .container.errored
{
	background : url(/App_Themes/Images/warning.png) no-repeat 141px 40px;
}

.dashboard .paneldetail .link
{	
	text-align:center;	
}

.dashboard .paneldetail .link a
{	
	background-color:#8e236b;
	border:1px solid #8e236b;
	display:block;
	width:280px;
	color:#fff;
	cursor:pointer;	
	text-align:center;
	margin:0 10px;
	padding:0.3em 0 0.3em 0;	
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px; 
}

.ie.v8 .dashboard .paneldetail .link a
{
	position:relative;
	behavior:url(/App_Themes/PIE/PIE.htc);
}

.dashboard .paneldetail .link a:hover
{
	background-color:#a63481;
	text-decoration:none;
}

.dashboard .paneldetail .text
{
	min-height:3em;	
}

.dashboard .paneldetail .value,
.dashboard .paneldetail .iconvalue
{
	margin-top: 10px;	
	width:190px;
	height:40px;
	overflow:hidden;
	white-space:nowrap;	
}

.dashboard .paneldetail .value
{
	color:#8e236b;	
}

.dashboard .paneldetail .value
{
	text-align:center;
}

.dashboard .paneldetail .value span
{ 
	font-size:26px;
}

.dashboard .paneldetail .listcontent
{
	position:relative;	
}

.dashboard .paneldetail .listitem
{
	position:absolute;
}