@charset "UTF-8";
/* CSS Document */



/* #################### Center Position, Round Corner Canvas, General Classes, Global Setting #################### */

/* !!!!! GENERAL !!!!! */


body {
	background: #cc0000 url(../images/card_images/email_background.png) repeat-x 0 0;
	color:#333;
	font:0.7em Arial, Helvetica, sans-serif;
	margin: 0;
	padding:0;
}

#html, body {
  	top: 0px;
 	 right: 0px;
  	bottom: 0px;
  	left: 0px;
  	width:564px;
	height: 100%;
  	margin: auto;
}

h1, h2, h3, h4, h5, h6, h7, h8, form, p, blockquote, label, {
	margin: 0;
	padding: 0;
}


ul
{
	list-style-type: disc;
	list-style-image: url(../images/card_images/icon_preview.png);
	list-style-position: inside;
}

li
{
	padding-top: 2px;
	margin-right: 16px;
	padding-left: 0;
	line-height: 20px;
	font-size: 13px;
	color: #085185;
}


hr
{
	text-align: center; 
	width: 90%; 
	height: 1px; 
	color: #ccc; 
	border: none; 
}

/* !!!!! COMMON CLASSES !!!!! */

.Center { /* place elements in the center of the canvas */
	margin: 0 auto;
	padding: 0;
	width: 564px;
}

.Clear {
	clear: both;
	display: block;
	height: 1px;
	width: 10px;
}

/* !!!!! LAYOUT !!!!! */
#Layout { /* the cage to hold everything on the page - centered style */
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 564px;
}
.videoicon
{
	background-image: url(../images/card_images/icon_preview.png) no-repeat 0 0;
	background-color: #fff;
	padding: 2px;
	border: 1px solid #000;
	display: block;
}

.footer
{
	width: 500px; 
	height: 40px; 
	padding-top: 10px; 
	padding-left: 10px; 
	color: #fff
}

.footer a
{
	border-bottom: 1px dotted #fff;
	color: #fff
}

.footer a:hover
{
	border-bottom: none;
}

.whiteroundmid
{
	background:  url(../images/card_images/body_mid_round.png) repeat-y
}

.whiteroundtop
{
	background:  url(../images/card_images/body_top_round.png) no-repeat 0 0; 
	height: 25px;
}

.whiteroundbottom
{
	background:  url(../images/card_images/body_bottom_round.png) no-repeat 0 0; 
	height: 25px;
}

.emailthis
{
	float: left; 
	text-align: left; 
	width: 100px;
}

.tweetthis
{
	float: left; 
	text-align: center; 
	width: 120px;
}

.facebookthis
{
	float: left; 
	text-align: center; 
	width: 100px;
}

.emailthis a, .tweetthis a, facebookthis a
{
	border-bottom: 0px solid #fff;
}

/* #################### END LAYOUT CSS #################### */

.podlet
{
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 4px;
}


.podlet .podlet_content 
{
	margin-left:-8px;
	padding: 0px;
}

.podlet_card
{
    width: 524px;
    background-image: url(../images/card_images/bottom_card.png);
}

.podlet_card h2.podlet_header
{
    background-image: url(../images/card_images/pod_top_card.png);
    font-size: 150%
}

#middlecontent 
{
	border-left:0 none;
	float:left;
	font-size:12px;
	height:100%;
	text-align:left;
	width:564px;
	background:  url(../images/card_images/body_mid_round.png) repeat-y
}