.DOH--ecards-content {
	font-family: arial, helvetica, sans-serif;
	margin: auto;
	min-height: 600px;
	width: 994px;
}
.DOH--ecards-content h1,
.DOH--ecards-content #ecardNavigation div,
.DOH--ecards-content #thanksCards h2,
.DOH--ecards-content #submitButton,
.DOH--ecards-content button {
	font-family:'Henny Penny', arial, helvetica, sans-serif;
}
.DOH--ecards-content .ecardsHeader {
	font-size: 20px;
	color: #369;
	font-weight: bold;
}
.DOH--ecards-content .ecardsSubtitle {
	font-size: 13px;
	color: #369;
	font-weight: bold;
}
.DOH--ecards-content .ecardsSubtitleWhite {
	font-size: 13px;
	color: #fff;
	font-weight: bold;
}
.DOH--ecards-content .ecardsText12 {
	font-size: 12px;
	color: #fff;
	font-weight: normal;
}
.DOH--ecards-content .ecardsText11 {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
}
.DOH--ecards-content .ecardsText11 text11.a {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
}
.DOH--ecards-content .ecardsText11 a:link {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
}
.DOH--ecards-content .ecardsText11 a:visited {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
}
.DOH--ecards-content .ecardsText11 a:active {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
}
.DOH--ecards-content .ecardsText11 a:hover {
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: underline;
}
.DOH--ecards-content .ecardsRadio {
	background: #369;
}
.DOH--ecards-content .ecardsTitle {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
}
.DOH--ecards-content .ecardsBodycopy {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
.DOH--ecards-content .ecardsBodycopyLight {
	font-size: 11px;
	font-weight: normal;
	color: #fff;
}
.DOH--ecards-content .ecardsError {
	font-size: 16px;
	font-weight: bold;
	color: #FFFF00;
}
.DOH--ecards-content .ecardsFooter {
	font-size: 10px;
	font-weight: normal;
	color: #fff;
}

/* NEW ECARDS REDESIGN */
/* NEW ECARDS REDESIGN */
/* NEW ECARDS REDESIGN */
/* NEW ECARDS REDESIGN */
/* NEW ECARDS REDESIGN */
/* NEW ECARDS REDESIGN */
/* NEW ECARDS REDESIGN */
/* NEW ECARDS REDESIGN */
/* NEW ECARDS REDESIGN */

.DOH--ecards-content .DOH--ecards-content {
	margin: 20px auto;
	width: 780px;
}
.DOH--ecards-content img {
	vertical-align: middle;
}
.DOH--ecards-content h1,
#ecardNavigation div
, #submitButton {
	color: #369;
}
.DOH--ecards-content h1 {
	font-size: 40px;
	text-align: center;
}
.DOH--ecards-content #submitButton {
	border: 0;
	border-radius: 10px;
	background: #ff0;
	font-size: 18px;
	padding: 4px 20px;
}
.DOH--ecards-content #submitButton:hover {
	background: orange;
	cursor: pointer;
}
.DOH--ecards-content #ecardNavigation {
	vertical-align: middle;
}
.DOH--ecards-content #cardStep {
	text-align: left;
}
.DOH--ecards-content #cardStep h2 {
	font-size: 18px;
	margin: 0;
	padding: 0;
}
.DOH--ecards-content #cardTabs {
	text-align: right;
}
.DOH--ecards-content #cardTabs .disabled {
	background: rgba(0, 0, 128, 0.15);
	cursor: default;
}
.DOH--ecards-content #cardTabs div {
	background: #369;
	border-bottom: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	color: #FFF;
	display: inline-block;
	margin: 0;
	padding: 2px 10px;
}
.DOH--ecards-content #cardTabs div.enabled:hover {
	color: orange;
}
.DOH--ecards-content #cardTabs .selected {
	color: #ff0;
}
.DOH--ecards-content #ecardScreens {
	background: #369;
	border-top-left-radius: 6px;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	padding: 20px 0;
	text-align: center;
}
.DOH--ecards-content #ecardScreens figure {
	border-radius: 6px;
	display: inline-block;
	margin: 14px auto;
	padding: 5px;
}
.DOH--ecards-content #backCards figure,
.DOH--ecards-content #ecardScreens figure:hover {
	background: #0F4983;
}
.DOH--ecards-content #ecardScreens figure:hover figcaption {
	/*color: #369;*/
}
.DOH--ecards-content figcaption {
	font-weight: bold;
	min-width: 140px;
}
.DOH--ecards-content #cardTabs div.enabled:hover,
.DOH--ecards-content #ecardScreens figure img:hover {
	cursor: pointer;
}
.DOH--ecards-content #ecardScreens figure figcaption,
.DOH--ecards-content #inputInfo div,
.DOH--ecards-content #thanks {
	color: #FFF;
	font-size: 12px;
	padding-top: 4px;
}
.DOH--ecards-content #inputInfo div {
	zheight: 30px;
	line-height: 30px;
}
.DOH--ecards-content #inputInfo div.text {
	text-align: right;
}
.DOH--ecards-content #inputInfo div.input {
	text-align: left;
}
.DOH--ecards-content #inputInfo div input {
	border: 1px;
	border-radius: 6px;
	height: 20px;
	padding:0 4px;
	width: 250px;
}
.DOH--ecards-content #thanksCards,
.DOH--ecards-content #thanksCards a {
	color: #FFF;
}
.DOH--ecards-content #thanksCards a {
	text-decoration: none;
}
.DOH--ecards-content #thanksCards a:hover {
	text-decoration: underline;
}
.DOH--ecards-content #thanksCards h2 {
	font-size: 40px;
	font-weight: normal;
}
.DOH--ecards-content button {
	background: #ff0;
	border: 0;
	border-radius: 6px;
	color: #369;
	display: inline-block;
	font-size:16px;
	font-weight: normal;
	margin:20px 6px;
	padding: 2px 10px;
}
.DOH--ecards-content button:hover {
	background: orange;
}
.grid100
, .grid70
, .grid60
, .grid50
, .grid40
, .grid30 {
	display: inline-block;
	margin: 0;
}
.grid100 {
	width: 100%;
}
.grid70 {
	float: left;
	width: 70%;
}
.grid60 {
	float: left;
	width: 60%;
}
.grid50 {
	float: left;
	width: 50%;
}
.grid40 {
	float: left;
	width: 40%;
}
.grid30 {
	float: left;
	width: 30%;
}
.hide {
	display: none;
}