body
{
}

/* Suspended instances table
*********************************/
.lightGray{background-color:#eef0f4;}

.instancesOfApplication 
{
	border-bottom:none;
}
tr.instancesOfApplicationInstanceRowSelected 
{
	background-color:#a2c8ec;
}
.instancesOfApplicationInstanceRow 
{
	color:Black; 
	width:100%; 
	height:20px; 
	font-weight:normal; 
}
.instancesOfApplicationInstanceRow:hover
{
	background-color:#dde6ff; 
	cursor:pointer;
}
.instancesPagerCell
{
	background-color: #eaf0f6;
}
/* Message flow and instance details container
**********************************************/
.instanceDetailsContent 
{
	padding-top:15px;
	border-top:none;
}
.BizTalkMonitorInfo 
{
	vertical-align:top;
	max-width:500px;
	height:30px;
}

/* Instance details
*********************************/


.BizTalkMonitorDetailsContainer 
{
	border:solid 1px #7c808f;
	
}
.BizTalkMonitorDetailsContainer div
{
	overflow:auto;
}

.MessageDetailsPropertyKey 
{
	font-weight:bold;
	text-align:right;
}
td.xmlMessage
{
	vertical-align:top;
}

.MessageDetailsPropertyValue  
{
	text-align:left;
}

.MessageDetailsConnectionErrorContainer{}
.instanceContextContent 
{
	width:545px;
}
.MessageDetailsXmlCon
{
	padding-left:3px;
	margin:4px 4px 4px 4px;
	border: dashed 1px #79b1e1;
}

.MessageDetailsSubscriptionDetailsHeader
{
	border:solid 1px #4D82B3;
	margin-bottom:5px;
}

/* Message flow
*********************************/
.BizTalkMonitorMessageFlowCon 
{
	width:320px;
	text-align:center;
	border:solid 1px #7c808f;
}

.BizTalkMonitorMessageFlowCon div 
{
	min-height:30px;
	/* height:100%; - this seems to cause Chrome to render the divs as large as the containing block.. */
	color:#344382;
	padding:0px 4px 0px 4px;
}
.BizTalkMonitorMessageFlowCon div:hover 
{
	background-color:#dde6ff;
	cursor:pointer;
}

.MessageFlowMessageRow 
{	
	
	padding:4px 0px 0px 0px;
	font-size:x-small;
	text-align:center;	
}
.TraversableMessageFlowItem{} 

.MessageFlowServiceInstanceRow{} 
.MessageFlowServiceInstanceRowSelected 
{
	background-color:#a2c8ec;
}

.MessageFlowBizValue 
{
	background-image:url(Images/btgradient.jpg);
}

.MessageFlowMessageValue{}

.MessageFlowOrchestrationInstanceBox
{
	background-image:url(Images/orcgradient.jpg);
}

img.MessageFlowErrorImage img.MessageFlowConnectionErrorImage
{
	position:relative;
	top: -34px;
	float:right;
}

.MessageFlowFirstMessageValue
{
	overflow:hidden;
}

div.pager label
{
	vertical-align: middle;
}

div.pager img
{
	vertical-align: middle;
}
.receivePortTable
{
    margin-bottom:10px;
    padding:0 0 0 0;
}
.receiveLocationTable
{
    width:100%;
    margin:0 0 0 0;
    padding:0 0 0 0;
    border:none;
}

/* Used for application details tables, handles content overflow and truncate  */
.truncate
{
    
    overflow:hidden;
    display:block;
    white-space:nowrap;
    text-overflow:ellipsis; /*Adds '...' at the end of long strings. Works with IE and Chrome*/
    }

.orchName{width:565px;}
.portName{width:295px;}
.uri{width:270px;}
.lastExecution{width:155px;}
.monitor{width:70px}
/*----------------------------------------------*/
.receivePortHeader
{
    margin-bottom:0px;
    background-color: #D8E6F3;
    text-align: center;
    font-weight: normal;
}

#receivePortDetails, #orchestrationsDetails, #sendPortDetails
{
    display: block;
    margin-bottom:20px;
}

#timewindow-slider .tick { border: 2px solid #dddddd; z-index: 2; position: absolute; height: 100%; font-size: 1.8em; line-height: 1.8em; background: none; border-top: none; border-right: none; border-bottom: none; text-align: center; }