div.jGrowl {
	padding: 			10px;
	z-index: 			9999;
	color: 				#fff;
	font-size: 			12px;
}

div.jGrowl a { color:#FF7800; }

/** Special IE6 Style Positioning **/
div.ie6 {
	position: 			absolute;
}

div.ie6.top-right {
	right: 				auto;
	bottom: 			auto;
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
  	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.top-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-right {
	left: 				expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.bottom-left {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

div.ie6.center {
	left: 				expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: 				expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 				100%;
}

/** Normal Style Positions **/
body > div.jGrowl {
	position:			fixed;
	z-index: 10000;
}

body > div.jGrowl.top-left {
	left: 				0px;
	top: 				0px;
}

body > div.jGrowl.top-right {
	right: 				0px;
	top: 				0px;
}

body > div.jGrowl.bottom-left {
	left: 				0px;
	bottom:				0px;
}

body > div.jGrowl.bottom-right {
	right: 				0px;
	bottom: 			0px;
}

body > div.jGrowl.center {
	top: 				190px;
	width: 				800px;
	left: 				50%;
	margin-left:  -450px;
}

div.jGrowl.page-top {
	padding: 0;
	position: static;
}


/** Cross Browser Styling **/
div.center div.jGrowl-notification, div.center div.jGrowl-closer {
	margin-left: 		auto;
	margin-right: 		auto;
}

div.jGrowl div.jGrowl-notification, div.jGrowl div.jGrowl-closer {
	background-color: 		#333;
	opacity: 						.95;
	zoom: 							1;
	width: 							275px;
	padding: 						10px;
	margin-top: 					5px;
	margin-bottom: 			5px;
	font-size: 						14px;
	text-align: 					left;
	display: 						none;
	border:							3px solid #fff;
	-moz-border-radius: 	10px;
	-webkit-border-radius:	10px;
	box-shadow:				0 5px 5px rgba(0,0,0,0.5), 0 0 0 1px #aaa;
	-moz-box-shadow:		0 5px 5px rgba(0,0,0,0.5), 0 0 0 1px #ccc;
	-webkit-box-shadow:	0 5px 5px rgba(0,0,0,0.5), 0 0 0 1px #ccc;
	 background-image: 	-webkit-gradient(linear, 0% 0%, 0% 100%, from(#666), to(#333));
	 									-moz-linear-gradient(center top , #666 0%, #333);
	 color: 							#FFF;
}


div.jGrowl div.jGrowl-notification.notification-banner {
	background-color: 		#fff;
	opacity: 						.96;
    -ms-filter: 					"progid:DXImageTransform.Microsoft.Alpha(Opacity=96)";
    filter: 							progid:DXImageTransform.Microsoft.Alpha(Opacity=96);
	zoom: 							1;
	width: 							800px;
	height: 							160px;
	padding: 						20px 40px;
	font-size: 						1em;
	-moz-border-radius: 	none;
	-webkit-border-radius:	none;
	box-shadow:				0 5px 5px rgba(0,0,0,0.3), 0 0 0 1px #aaa;
	-moz-box-shadow:		0 5px 5px rgba(0,0,0,0.3), 0 0 0 1px #ccc;
	-webkit-box-shadow:	0 5px 5px rgba(0,0,0,0.3), 0 0 0 1px #ccc;
}


div.jGrowl div.jGrowl-notification {
	min-height: 			40px;
}

div.jGrowl div.jGrowl-notification div.jGrowl-header {
	font-weight: 			bold;
	font-size:				.85em;
}

div.jGrowl div.jGrowl-notification div.jGrowl-close {
	z-index:				99;
	float: 					right;
	margin: -4px -2px 0 0
	font-weight: 			bold;
	font-size: 				1em;
	cursor:					pointer;
	color:					#fff;
	/*
	opacity: 				.25;
    -ms-filter: 			"progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
    filter: 					progid:DXImageTransform.Microsoft.Alpha(Opacity=25);
    */
}

div.jGrowl div.jGrowl-closer {
	cursor: 				pointer;
	font-size:				.9em;
	font-weight: 			bold;
	text-align: 			center;
}

/* Facebook jgrowl popup notification */
div#like-powered div.notification-whyfb {
	-moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px;
	background: url(http://s3.amazonaws.com/wimgo/images/whyfb/whyfb_bg.jpg) no-repeat;
	color: #444;
	border: 1px solid #fff;
	height: 178px;
	opacity: 1 !important;
	overflow: visible;
	position: relative;
	width: 860px;
	z-index: 1000;
	font-size: 12px;
	}
	div#like-powered div.notification-whyfb .color0 {text-shadow: 1px 1px 1px rgba(0,0,0,.35);}
	div#like-powered div.notification-whyfb a.cta {color: #fff; display: inline-block; padding: 5px 7px; -moz-box-shadow:inset 0 0 1px rgba(255,255,255,.35), 0 0px 5px rgba(0,0,0,.35); -webkit-box-shadow:inset 0 0 1px rgba(255,255,255,.35), 0 0px 5px rgba(0,0,0,.35); box-shadow:inset 0 0 1px rgba(255,255,255,.35), 0 0px 5px rgba(0,0,0,.35);}
	div#like-powered div.notification-whyfb h2 {font-size: 47px; font-weight: normal; letter-spacing: -1px;}
	div#like-powered div.notification-whyfb .subhead {font-size:17px; padding-right:50px; height:20px; background:url(http://s3.amazonaws.com/wimgo/images/like.png) no-repeat right -8px;}
	div#like-powered div.notification-whyfb .jGrowl-close {float: none; position: absolute; top: 10px; right: 10px;}


/* Reset some default styles */
div.jGrowl div.jGrowl-reset {
    -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
    -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;
    background: #fff;
    border: none;
    color: #666;
    margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0;
    min-height: 0;
    opacity: 1;
    padding: 0;
    width: auto;
}

/* topbar styles */
div.jGrowl div.topbar {
    -webkit-box-shadow: 0 -1px 0 0 rgba(255,255,255,.5) inset, 0 0 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 -1px 0 0 rgba(255,255,255,.5) inset, -10px 0 10px rgba(0,0,0,.2);
    box-shadow: 0 -1px 0 0 rgba(255,255,255,.5) inset, 0 0 10px rgba(0,0,0,.2);
    display: block;
    font-family: "AvenirMedium", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    text-align: center;
    zoom:1;
    }
    
    div.jGrowl div.jGrowl-notification.topbar a {border-bottom: 1px solid transparent; font-weight: normal; text-decoration: none;}
    div.jGrowl div.jGrowl-notification.topbar a:hover {text-decoration: none;}

    div.jGrowl div.jGrowl-notification.topbar div.jGrowl-message {
        display: inline-block;
        line-height: 1;
        padding: 10px;
        position: relative;
        zoom:1 !important; *display: inline;/* Force inline-block in IE7 */
        }


    div.jGrowl div.jGrowl-notification.topbar div.jGrowl-close {
        -webkit-border-radius: 2em; -moz-border-radius: 2em;
        background: #fff;
        color: #000;
        cursor: pointer;
        display: inline-block;
        float: none;
        font-size: 9px;
        font-weight: bold;
        line-height: 17px;
        opacity: .4;
        filter: alpha(opacity=40);
        text-shadow: none;
        width: 17px;
        zoom:1 !important; *display: inline; *vertical-align: 50%;/* Force inline-block in IE7 */
        }
    div.jGrowl div.topbar div.jGrowl-close:hover {background: #000; color: #fff;}

div.jGrowl div.jGrowl-notification.topbar-postit {
    background: #fcf2bb;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0)), to(rgba(0,0,0,.1)));
    background-image: -moz-linear-gradient(100% 100% 90deg, rgba(0,0,0,.1), rgba(0,0,0,0));
    color: #7a630f;
    text-shadow: 0 1px 0 #fff;
    }

div.jGrowl div.jGrowl-notification.topbar-postit a {border-bottom-color: #c6bd93; color: #7a630f;}

/* FB connect specific notification styles */
div.jGrowl div.jGrowl-notification.topbar .thumb {height: 33px; position: absolute; top: 0; left: -25px;} /* FB thumbs up dude */
div.jGrowl div.jGrowl-notification.topbar .fb-cta-arrow {background: url(http://s3.amazonaws.com/wimgo/images/fb_cta_arrow.png) no-repeat; height: 49px; left: 140px; position: absolute; top: 25px; width: 48px;}

/* New user connection specific notification styles */
div.jGrowl div.jGrowl-notification.topbar .newuser-icon {background: url(http://s3.amazonaws.com/wimgo/images/newuser_msg.png) no-repeat 0 -14px; height: 31px; width: 66px; position: absolute; top: 0; left: -50px;} /* FB thumbs up dude */





/** Hide jGrowl when printing **/
@media print {
	div.jGrowl {
		display: 			none;
	}
}