body {
	background:  url(/originals/christysfarm/img/ecard/bg.jpg);
}

#ecardContent {
	width: 1003px;
	margin: 24px auto;
}

.footer-tout {
	background: #333 !important;
	background-image: none;
	line-height: 12px;
}

.message_tout {
	width: 1003px;
	height: 670px;
	margin: 24px 0;
	padding: 0;
	background: url(/originals/christysfarm/img/ecard/message_tout.jpg) no-repeat top center;
	overflow: hidden;
	display: none;
}

.message_tout .left {
	width: 424px;
	float: left;
}

.message_tout .right {
	float: left;
	width: 560px;
}

.character_name {
	width: 226px;
	height: 70px;
	margin: 140px 0 0 30px;
}

.character_name #flash_play_message {
	margin: 0 0 0 235px;
}

.character_pic {
	width: 373px;
	height: 562px;
	margin: 54px 0 0 30px;
	border: 1px solid #BFBFBF;
}

.message_tout .right .message_area {
	width: 500px;
	margin: 15px auto 80px;
	height: 130px;
}

.message_tout .right .message_area textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;
	width: 500px;
	height: 130px;
	padding: 5px;
	border: 1px solid #BFBFBF;
	background: url(/originals/christysfarm/img/ecard/fieldbg.jpg);
	overflow: auto;
	font-size: 16px;
}

.send_btn {
	margin: 170px 0 0;
}

/* "Send Your own Ecard" button */
.send_btn a {
	margin: 95px 0 10px 3px;
	width: 226px;
	height: 36px;
	text-indent: -9999px;
	display: block;
}

.send_btn a:visited, .send_btn a:link {
	background: url(/originals/christysfarm/img/ecard/message_btns.gif) no-repeat top left;
}

.send_btn a:hover, .send_btn a:active {
	background: url(/originals/christysfarm/img/ecard/message_btns.gif) no-repeat top right;
}

/* "Visit Chrisy's Farm" button */
.visit_micro a {
	margin: 0 0 0 4px;
	width: 226px;
	height: 42px;
	text-indent: -9999px;
	display: block;
}

.visit_micro a:link, .visit_micro a:visited {
	background: url(/originals/christysfarm/img/ecard/message_btns.gif) no-repeat bottom left;
}

.visit_micro a:hover, .visit_micro a:active {
	background: url(/originals/christysfarm/img/ecard/message_btns.gif) no-repeat bottom right;
}

.sendit_btn, .back_btn {
	width: 82px;
	float: left;
}

/* "Send" button */
.sendit_btn a {
	margin: 95px 0 0 17px;
	width: 82px;
	height: 37px;
	text-indent: -9999px;
	display: block;
}

.sendit_btn a:link, .sendit_btn a:visited {
	background: url(/originals/christysfarm/img/ecard/send_back_btn.gif) no-repeat top left;
}

.sendit_btn a:hover, .sendit_btn a:active {
	background: url(/originals/christysfarm/img/ecard/send_back_btn.gif) no-repeat bottom left;
}

/* "Back" button */
.back_btn a {
	margin: 95px 0 0 33px;
	width: 82px;
	height: 37px;
	text-indent: -9999px;
	display: block;
}

.back_btn a:link, .back_btn a:visited {
	background: url(/originals/christysfarm/img/ecard/send_back_btn.gif) no-repeat top right;
}

.back_btn a:hover, .back_btn a:active {
	background: url(/originals/christysfarm/img/ecard/send_back_btn.gif) no-repeat bottom right;
}

/*The Send tout*/
.sendtout {
	background: url(/originals/christysfarm/img/ecard/send_tout.jpg) no-repeat center center;
	width: 1002px;
	height: 660px;
	margin: 24px auto;
	padding: 0;
	overflow: hidden;	
}

.char_select {
	list-style: none;
	margin: 0 0 0 30px;
	padding: 0;
}

.char_select li {
	margin: 0;
	height: 82px;
	width: 376px;
	overflow: hidden;
}

.char_select li label {
	display: block;
	height: 100%;
	width: 109px;
	float: left;
	cursor: pointer;
}
.char_select li input {
	margin: 36px 0 0 6px;
}

.char_select li div {
	float: left;
	margin: 32px 10px;
}

/*Character/Theme Select */
.sendtout .char_select .yucko {
	background: url(/originals/christysfarm/img/ecard/theme_list.jpg) 0 0 no-repeat;
}

.sendtout .char_select .gary {
	background: url(/originals/christysfarm/img/ecard/theme_list.jpg) 0 -164px no-repeat;
}

.sendtout .char_select .gina {
	background: url(/originals/christysfarm/img/ecard/theme_list.jpg) 0 -82px no-repeat;
}

.sendtout .char_select .rich {
	background: url(/originals/christysfarm/img/ecard/theme_list.jpg) 0 -328px no-repeat;
}

.sendtout .left {
	width: 424px;
	float: left;
	margin: 198px 0 0 0;
}

.sendtout .right {
	width: 320px;
	float: left;
	margin: 127px 0 0 28px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;
}

.sendtout .right label {
	display: block;
	margin: 10px 0 2px;
	font-size: 16px;
}

.sendtout .right input.text {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 290px;
	padding:5px;
	font-size: 16px;
	height: 26px;
	border: 1px solid #BFBFBF;
	background: url(/originals/christysfarm/img/ecard/fieldbg.jpg);	
}

.sendtout .right textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	width: 290px;
	padding: 5px;
	height: 123px;
	border: 1px solid #BFBFBF;
	background: url(/originals/christysfarm/img/ecard/fieldbg.jpg);
	overflow: auto;
}

.sendtout .right .instructions {
	font-size:1em;
	color: #333;
	margin: 3px 0;
}

.sendtout .right .preview_btn {
	width: 179px;
	float:left;
}

.sendtout .right .preview_btn a {
	width: 169px;
	height: 41px;
	text-indent: -9999px;
	display: block;
	margin: 10px 0 0 10px;
}

.sendtout .right .preview_btn a:link, .sendtout .right .preview_btn a:visited {
	background: url(/originals/christysfarm/img/ecard/send_btns.gif) no-repeat top left;
}

.sendtout .right .preview_btn a:hover, .sendtout .right .preview_btn a:active {
	background: url(/originals/christysfarm/img/ecard/send_btns.gif) no-repeat bottom left;
}

.sendtout .right .close_btn {
	width: 130px; 
	float:left;
}

.sendtout .right .close_btn a {
	width: 120px;
	height: 37px;
	text-indent: -9999px;
	display: block;
	margin: 10px 0 0 10px;
}

.sendtout .right .close_btn a:link, .sendtout .right .close_btn a:visited {
	background: url(/originals/christysfarm/img/ecard/ecard_close_btn.gif) no-repeat top left;
}

.sendtout .right .close_btn a:hover, .sendtout .right .close_btn a:active {
	background: url(/originals/christysfarm/img/ecard/ecard_close_btn.gif) no-repeat bottom left;
}

/*Different caracters, CSS changes which character is displayed*/
/*Gina*/
.gina .character_name {
	background: url(/originals/christysfarm/img/ecard/characters_names.gif) 0 -70px no-repeat ;
}

.gina .character_pic {
	background: url(/originals/christysfarm/img/ecard/gina.jpg) no-repeat;
}

/*Richard*/
.rich .character_name {
	background: url(/originals/christysfarm/img/ecard/characters_names.gif) 0 0 no-repeat ;
}

.rich .character_pic {
	background: url(/originals/christysfarm/img/ecard/rich.jpg) no-repeat;
}

/*Gary*/
.gary .character_name {
	background: url(/originals/christysfarm/img/ecard/characters_names.gif) 0 -140px no-repeat ;
}

.gary .character_pic {
	background: url(/originals/christysfarm/img/ecard/gary.jpg) no-repeat;
}

/*Yucko*/
.yucko .character_name {
	background: url(/originals/christysfarm/img/ecard/characters_names.gif) 0 -210px no-repeat ;
}

.yucko .character_pic {
	background: url(/originals/christysfarm/img/ecard/yucko.jpg) no-repeat;
}

/*Theme Preview*/
#theme_preview {
	float: left;
	width: 194px;
	height: 270px;
	margin: 178px 0 0 14px;
}

.garyPreview {
	background: url(/originals/christysfarm/img/ecard/theme_preview_map.gif) bottom left no-repeat;
}
.richPreview {
	background: url(/originals/christysfarm/img/ecard/theme_preview_map.gif) top right no-repeat;
}
.ginaPreview {
	background: url(/originals/christysfarm/img/ecard/theme_preview_map.gif) bottom right no-repeat;
}
.yuckoPreview {
	background: url(/originals/christysfarm/img/ecard/theme_preview_map.gif) top left no-repeat;
}

div.message {
	width: 984px;
	font-size: 14px;
	padding: 8px;
}

.sendtout {
	display: none;
	}

.card-front a {
	display: block;
	text-indent: -9999px;
	width: 1002px;
	height: 660px;
	background: url(/originals/christysfarm/img/ecard/post-card.jpg);
	}

.red {
	color: #f00;
	}