﻿/* callout div classes. TODO: determine if these should be isolated in separate style sheet for control. */

.CalloutLeftArrow
{
    position: absolute;
    z-index: 100;
    background-image: url('images/callout-left-arrow.png');    
    background-position: left 10px;
    background-repeat: no-repeat;
    padding-left: 15px;
}
.CalloutRightArrow
{
    position: absolute;
    z-index: 100;
    background-image: url('images/callout-right-arrow.png');    
    background-position: right 10px;
    background-repeat: no-repeat;
    padding-right: 15px;
}

.CalloutTitleWrapper
{
	background-color:#E79203;
	padding:5px 5px 2px 5px;
	position:relative;
}

.CalloutTitleWrapperAlert
{
	background-color:#C70101;
	padding:5px 5px 2px 5px;
	position:relative;
}

.CentralCalloutBanner
{
	margin-left: -5px !important;
	margin-right: -10px;
}
.CalloutContent
{
	background-color: #FFF;	
	color: #000;
	min-height: 150px;
	padding: 10px;
	min-width: 175px;
	max-width: 400px;
	border: 5px solid #E79203;
}
