/* GENERAL STYLES */
/* GENERAL STYLES */
#callOutButtonContainer
{
padding-bottom: 5px;
width: 100%;
}

.callOutButton
{
	margin: 0px;
	padding-bottom: 4px;
	cursor: pointer;
}

.callOutButton .leftCap
{
	background-image: url('/images/LargeBlackButton/BlackBgCapLeft.png');
	width: 8px;
	height: 39px;
}

.callOutButton .contentImage
{
	background-image: url('/images/LargeBlackButton/BlackBg.png');
	padding-right: 4px;
	width: 36px;
	height: 39px;
}

.callOutButton .contentText
{
	background-image: url('/images/LargeBlackButton/BlackBg.png');
	width: 144px;
	height: 39px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FEFDFC;
}

.callOutButton .dynamicContentText
{
	background-image: url('/images/LargeBlackButton/BlackBg.png');
	width: auto;
	height: 39px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #FEFDFC;
}


/* this is only used for hovering over the div */
.callOutButtonHover 
{
	text-decoration: none;
	color: #ff0000;
}


.callOutButton .contentText a
{
	text-decoration: none;
	color: #FEFDFC;
}

.callOutButton .contentText a:hover 
{
	text-decoration: none;
	color: #ff0000;
}

.callOutButton .dynamicContentText a
{
	text-decoration: none;
	color: #FEFDFC;
}

.callOutButton .dynamicContentText a:hover 
{
	text-decoration: none;
	color: #ff0000;
}

.callOutButton .rightCap
{
	background-image: url('/images/LargeBlackButton/BlackBgCapRight.png');
	width: 8px;
	height: 39px;
}


/* Orange Button */
/* GENERAL STYLES */
#orangeCallOutButtonContainer
{
padding-bottom: 5px;
width: 100%;
}

.orangeCallOutButton 
{
	margin: 0px;
	padding-bottom: 4px;
	cursor: pointer;
}

.orangeCallOutButton .leftCap
{
	background-image: url('/images/LargeOrangeButton/LeftCap.png');
	width: 8px;
	height: 39px;
}

.orangeCallOutButton .contentImage
{
	background-image: url('/images/LargeOrangeButton/OrangeBg.png');
	padding-right: 4px;
	width: 36px;
	height: 39px;
}

.orangeCallOutButton .contentText
{
	background-image: url('/images/LargeOrangeButton/OrangeBg.png');
	width: 144px;
	height: 39px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.orangeCallOutButton .dynamicContentText
{
	background-image: url('/images/LargeOrangeButton/OrangeBg.png');
	width: auto;
	height: 39px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}


/* this is only used for hovering over the div */
.orangeCallOutButtonHover 
{
	text-decoration: none;
	color: #FEFDFC;
}


.orangeCallOutButton .contentText a
{
	text-decoration: none;
	color: #000000;
}

.orangeCallOutButton .contentText a:hover 
{
	text-decoration: none;
	color: #FEFDFC;
}

.orangeCallOutButton .dynamicContentText a
{
	text-decoration: none;
	color: #000000;
}

.orangeCallOutButton .dynamicContentText a:hover 
{
	text-decoration: none;
	color: #FEFDFC;
}

.orangeCallOutButton .rightCap
{
	background-image: url('/images/LargeOrangeButton/RightCap.png');
	width: 8px;
	height: 39px;
}


/* Small Black Button */
/* GENERAL STYLES */
#smallCallOutButtonContainer
{
padding-bottom: 5px;
width: 100%;
}

.smallCallOutButton 
{
	margin: 0px;
	padding-bottom: 4px;
	cursor: pointer;
	text-transform: uppercase;
}

.smallCallOutButton .leftCap
{
	background-image: url('/images/SmallBlackButton/LeftCap.png');
	width: 8px;
	height: 32px;
}

.smallCallOutButton .contentImage
{
	background-image: url('/images/SmallBlackButton/BlackBg.png');
	padding-right: 4px;
	width: 32px;
	height: 32px;
}

.smallCallOutButton .contentText
{
	background-image: url('/images/SmallBlackButton/BlackBg.png');
	width: 144px;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FEFDFC;
}

.smallCallOutButton .dynamicContentText
{
	background-image: url('/images/SmallBlackButton/BlackBg.png');
	width: auto;
	height: 32px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FEFDFC;
}


/* this is only used for hovering over the div */
.smallCallOutButtonHover 
{
	text-decoration: none;
	color: #ff0000;
}


.smallCallOutButton .contentText a
{
	text-decoration: none;
	color: #FEFDFC;
}

.smallCallOutButton .contentText a:hover 
{
	text-decoration: none;
	color: #ff0000;
}

.smallCallOutButton .dynamicContentText a
{
	text-decoration: none;
	color: #FEFDFC;
}

.smallCallOutButton .dynamicContentText a:hover 
{
	text-decoration: none;
	color: #ff0000;
}

.smallCallOutButton .rightCap
{
	background-image: url('/images/SmallBlackButton/RightCap.png');
	width: 8px;
	height: 32px;
}



/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */

