/* CSS by Rob L Glazebrook - http://www.cssnewbie.com/  - rglazebrook@gmail.com */
/* These styles help cancel out any other styles that might compete with ours. */
html body div.wtw-badge#Style_1, html body div.wtw-badge#Style_1 p#wtw-p1 span#wtw-badgenum, html body div.wtw-badge#Style_1 a, html body div.wtw-badge#Style_2, html body div.wtw-badge#Style_2 p#wtw-p1 span#wtw-badgenum, html body div.wtw-badge#Style_2 p#wtw-p2 span#wtw-badgelink a , html body div.wtw-badge#Style_1 p#wtw-p1, html body div.wtw-badge#Style_2 p#wtw-p1, html body div.wtw-badge#Style_3 p#wtw-p1, html body div.wtw-badge#Style_1 p#wtw-p2, html body div.wtw-badge#Style_2 p#wtw-p2, html body div.wtw-badge#Style_3 p#wtw-p2  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	letter-spacing:normal;
	line-height: normal;
	text-decoration:none;
	text-shadow:none;
	text-transform:none;
	white-space:normal;
	word-spacing:normal;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline; }

/* Style_1 (125x125 badge) styles */	
html body div.wtw-badge#Style_1 { /* The div before the ID lets us be a little more specific and overrule other, more generic, rules. */
	position: relative !important; /* Lets us absolutely position things within our div. */
	width: 123px !important; /* 123px so that, with border, it adds up to 125px total (which is what people expect). */
	height: 123px !important;
	font-family: "Arial", "Helvetica", sans-serif !important;
	background: #fff url(http://www.winningtheweb.com/images/imtopblogs.jpg) no-repeat center center !important;
	border: 1px solid #000 !important; }
html body div.wtw-badge#Style_1 p#wtw-p1 span#wtw-badgenum {
	position: absolute !important;
	z-index: 10 !important;
	top: 51px !important;
	left: 0 !important;
	display: block !important;
	width: 120px !important;
	padding-right: 3px !important; /* This helps account for the extra space before the number in the p#wtw-p1 span#wtw-badgenum. */
	text-align: center !important; /* Display of block and a set width allow us to center our text easily. */
	font-family: "Arial", "Helvetica", sans-serif !important;
	font-size: 15px !important;
	font-weight: bold !important;
	color: #fff !important; }
html body div.wtw-badge#Style_1 p#wtw-p2 span#wtw-badgelink a {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 11 !important;
	display: block !important;
	width: 121px !important;
	height: 10px !important;
	padding: 113px 2px 0 0 !important;  /* We're using width, height, padding & text-align to cover the whole div but keep the text in the bottom-right. */
	font-family: "Arial", "Helvetica", sans-serif !important;
	font-size: 8px !important;
	color:#02699c !important;
	text-align: right !important;
	text-decoration: underline !important;
	background: transparent url(http://www.winningtheweb.com/images/transparent.gif) !important; }

/* Style_2 (88x30 badge) styles */	
html body div.wtw-badge#Style_2 {
	position: relative !important;
	width: 88px !important;
	height: 30px !important;
	font-family: "Arial", "Helvetica", sans-serif !important;
	background: transparent url(http://www.winningtheweb.com/images/imtopblogs2.gif) no-repeat top left !important; }
html body div.wtw-badge#Style_2 p#wtw-p1 span#wtw-badgenum {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 10 !important;
	display: block !important;
	padding: 2px 4px 0 57px !important;
	width: 27px !important;
	text-align: center !important; /* The width, height, and padding let us center align the text inside the pale blue box. */
	font-family: "Arial", "Helvetica", sans-serif !important;
	font-size: 11px !important;
	font-weight: bold !important;
	color: #fff !important; }
html body div.wtw-badge#Style_2 p#wtw-p2 span#wtw-badgelink a {
	position: absolute !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 11 !important;
	display: block !important;
	width: 88px !important;
	height: 10px !important;
	padding: 20px 0 0 0 !important;
	font-family: "Arial", "Helvetica", sans-serif !important;
	font-size: 8px !important;
	color: #02699c !important;
	text-align: right !important;
	text-decoration: underline !important; 
	background: transparent url(http://www.winningtheweb.com/images/transparent.gif) !important; }	

/* Style_3 (plain text) styles. */
/* We want user styles to overrule ours, so we're keeping it as simple as possible here. */
html body div.wtw-badge#Style_3 , html body div.wtw-badge#Style_3 p#wtw-p1, html body div.wtw-badge#Style_3 p#wtw-p2  {float: left !important;} 
html body div.wtw-badge#Style_3 p#wtw-p2 { padding-left: 5px !important; }