.infopanelclass
{

}

.infopanelclass > table
{
	width:100%;
	border-spacing:20px;
	border-collapse:separate;
}

.infopanelclass td
{
	width:33%!important;
	vertical-align:top;
}

.infopanelclass .infoPanelHeader
{
	font-size:1.1em;
	font-weight:bold;
	text-transform:uppercase;
	padding-bottom:5px;	
	
}

.infopanelclass .Purple .infoPanelHeader
{
	color:#534495;
}
.infopanelclass .Blue .infoPanelHeader
{
	color:#015dab;
}
.infopanelclass .Teal .infoPanelHeader
{
	color:#1dbcb8;
}

.infopanelclass .infoPanelImage
{
	
	padding:0px;
	
}

.infopanelclass .Purple .infoPanelImage img
{
	border-top:solid 8px #534495;
	border-bottom:solid 8px #534495;
	
}

.infopanelclass .Blue .infoPanelImage img
{
	border-top:solid 8px #015dab;
	border-bottom:solid 8px #015dab;
	
}

.infopanelclass .Teal .infoPanelImage img
{
	border-top:solid 8px #1dbcb8;
	border-bottom:solid 8px #1dbcb8;
	
}

.infopanelclass .infoPanelImage img
{
	width:100%;
	margin:0px;
	border-right:solid 1px #c6c6c6;
	border-left:solid 1px #c6c6c6;
}

.infopanelclass .infoPanelFooter
{
	padding-top:10px;
	color:#6a6a6a;
	font-size:1em;
	position:relative;
	padding-bottom:70px;
	padding-right:5px;	
}

.infopanelclass .infoPanelLink 
{
	color:#ffffff;
	line-height:38px;
	height:38px;
	position:absolute;
	bottom:10px;
	left:0px;
	padding-left:15px;
	padding-right:23px;
}

.infopanelclass .Purple .infoPanelLink
{
	background-color:#534495;
}
.infopanelclass .Blue .infoPanelLink
{
	background-color:#015dab;
}
.infopanelclass .Teal .infoPanelLink
{
	background-color:#1dbcb8;
}

.infopanelclass .infoPanelLink a
{
	color:#ffffff!important;
	text-transform:lowercase;
}

.infopanelclass .infoPanelLink a:hover
{
	text-decoration:none;
}

.infopanelclass .infoPanelLink .moreicon
{
	position:absolute;
	width:20px;
	height:38px;
	top:0px;
	right:0px;
	
}

.infopanelclass .Purple .moreicon
{
	background-image:url('images/infopanelpurplemoreicon.gif');
	background-repeat:no-repeat;
}

.infopanelclass .Blue .moreicon
{
	background-image:url('images/infopanelbluemoreicon.gif');
	background-repeat:no-repeat;
}

.infopanelclass .Teal .moreicon
{
	background-image:url('images/infopaneltealmoreicon.gif');
	background-repeat:no-repeat;
}


/*
.infopanelclass .infoPanelLink a:after
{
	content:'}';
	
	position:absolute;
	width:15px;
	right:0px;
	top:0px;
	height:50px;
	background-image:url('images/purplemoreicon.gif');
	background-repeat:no-repeat;
	opacity:0.5;
	padding-left:3px;
	text-indent:-9000px;
	

}*/