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

/* LINKS*/
a							{outline: none;}
a, a:link, a:visited		{color: #3162de; text-decoration: none; border-bottom: dotted 1px #3162de;}
a:hover, a:active			{color: #0693ff; border-bottom: solid 1px #0693ff;}
.brown a					{color: #fff; border-bottom: none; text-decoration: underline;}

/* IMAGE REPLACEMENT */
.img a, a.img				{border-bottom: none;}
.img						{text-indent: -9999em; display: block;}

#login						{text-align: right;}

/* NAVIGATION */
#admin-menu					{text-align: right; color: #e773cc;}
#admin-menu-nav				{font-size: 14px;}
#admin-menu-login			{font-size: 18px;}
#admin-menu a				{color: #fff; border-bottom: none;}

/*

    NEWS TICKER
We use this to show notifications on the home page

*/
#news-ticker                {padding: 10px; margin-bottom: 100px; background: #eab6de url(../images/notification-bg.png) repeat-x bottom; border: 1px solid #8a8a8a; font-family: "Helvetica Neue",Arial,"Lucida Grande",sans-serif; text-align: center;}

/* LOGO AND HOME LINK */
#logo						{margin-bottom: 9px; position: relative; left: -6px;}
#logo a						{width: 412px; display: block; margin-top: 12px; height: 51px; background: url(../images/empty-space-ads-logo.png) no-repeat;}

/* HOME PAGE TEMPLATE */
#home-promo					{padding-bottom: 60px; background: url(../images/supergirl.png) no-repeat center bottom;}
#tagline					{margin-top: 60px; height: 85px; background: url(../images/tagline.png) no-repeat;}
#sign-up					{height: 50px; background: url(../images/sign-up-now.png) no-repeat 0px 0px;}
#sign-up:hover				{background-position: 0px -59px;}
.process					{width: 925px; height: 100px; background: url(../images/process.png) no-repeat; margin: 0px auto 18px;}
.pad-left					{padding-left: 15px;}
.pad-right					{padding-right: 15px;}
.content.home h4			{color: #c750ad; font-size: 18px; font-weight: bold; padding: 4px 15px; border-top: 1px solid #69615f; border-bottom: 1px solid #c3bfbf; margin-bottom: 0px;}

#logo						{margin-bottom: 10px;}
#logo h1					{position: relative; left: -6px; margin-bottom: .25em;}
.tagline					{background: url(../images/profit.png) no-repeat; width: 538px; height: 33px;}

.striped					{background: url(../images/striped.png); font-family: Georgia, serif; color: #464646;}
.striped h1, .striped h2, 
.striped h3, .striped h4	{color: #464646;}
.striped-top				{background: url(../images/striped-top.png) repeat-x bottom; height: 5px; width: 100%;}
.striped-bottom				{background: url(../images/striped-bottom.png) repeat-x; height: 6px; width: 100%;}	
.learn-more					{background-color: #fcf9f9; padding-bottom: 18px;}

.container					{position: relative;}
.header						{background: url(../images/landing-headline.png) no-repeat; position: absolute; height: 89px; top: -35px; right: 0px; color: #fff; text-shadow: 0px 1px 3px #000; text-align: center; padding-top: 16px; font-size: 18px; font-family: helvetica, sans-serif;}
.header h1					{font-size: 28px; color: #fff; margin-bottom: 0px;}
.header p					{color: #fff;}
.promo						{margin: 18px 0px;}

.hero						{position: absolute; bottom: -6px; left: 0px;}
.striped .container			{position: relative;}

.striped input				{border: 1px solid #464646; margin-right: 10px; padding: 7px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
input.esatext				{font-style: italic; color: #959595; font-size: 18px;}
input.esasubmit				{background: url(../images/tan-btn.png) repeat-x #dcc2a3; color: #443937; text-shadow: 0px 1px 0px #fff; padding: 6px;}

.striped form .pop-up		{background: url(../images/mini-header.png) no-repeat; text-align: center; color: #707070; text-shadow: 0px 1px 0px #fff; padding: 12px 0px 6px; position: relative; left: -40px; font-size: 14px; font-family: helvetica, sans-serif; font-weight: bold; color: #707070; text-align: 0px 1px 0px #fff;}
.striped h2					{margin-top: .75em;}
#new-revenue				{display: none;}
.new-rev					{font-size: 48px;}
.striped h1, .striped h2,
.striped h3, .striped h4	{margin-bottom: 0px;}

.learn-more					{font-family: georgia, serif; color: #464646; font-size: 18px;}
.learn-more h1, 
.learn-more h2,
.learn-more h3,
.learn-more h4,
.learn-more h5				{color: #464646;}
.learn-more h3				{font-size: 24px;}

a.publisher-logo            {margin-left: 100px; border-bottom: none;}


a.sign-up-now				{display: block; width: 230px; height: 70px; background: url(../images/sign-up.png) no-repeat 0px 0px;}
a.sign-up-now:hover			{background-position: 0px -70px;}
.testimonial				{background: url(../images/quote.png) no-repeat top left; font-family: georgia, serif; font-size: 18px; color: #464646; font-style: italic;}

.learn-more .colborder		{border-right: 1px solid #b7b7b7;}
a.adv-more					{border-bottom: none; display: inline-block; margin-left: 6px; position: relative; top: 3px;}
a.faq-link					{font-size: 11px; font-family: helvetica, sans-serif; margin-left: 24px;}


/* PAGE AND ADMIN TEMPLATE */
#admin-tabs					{clear: both; margin: 0px; padding: 0px; font-size: 18px;}
#admin-tabs	li 				{display: inline-block; margin-right: 1.4em;}
#admin-tabs li a			{color: #fff; border-bottom: none;}
#admin-tabs li.current		{background: url(../images/tab.png) no-repeat top left;}
#admin-tabs	li.current span	{background: url(../images/tab-cap.png) no-repeat top right; height: 33px; display: block; padding: 0px 10px;}
#admin-tabs li.current a	{color: #222222; border-bottom: none; cursor: default;}

	/* ABOUT US */
	.page-header				{position: relative; height: 60px; background: url(../images/header-bg.png) no-repeat; margin-bottom: 25px; margin-top: 20px;}
	.page-header h1				{font-size: 48px; font-weight: 100; color: #fff; padding-top: 8px;}
	.mini-super-girl			{width: 151px; height: 77px; position: absolute; bottom: 0px; right: 15px; background: url(../images/super-girl-mini.png) no-repeat;}
	.page-brown, .page-brown h1, .page-brown h2, .page-brown h3, .page-brown h4	{color: #5d4e4a;}
	.page-brown					{font-size: 14px;}
	.gray-column				{}
	.gray-column a				{border-bottom: none;}
	.gray-column h3				{background: url(../images/gray-header.png) repeat-x; text-align: center; padding-top: 5px; margin-bottom: 0px; height: 25px; color: #fff;}
	.gray-column .column-items	{border: 1px solid #878787;}
	.gray-column li				{border-bottom: 1px dotted #878787; list-style-type: none; text-align: center; padding: 10px;}

	/* USER TIPS */
	.user-tips					{font-size: 14px; background: url(../images/pink-gradient.png) repeat-x bottom; height: 80px; margin-bottom: 4px; margin-top: 20px; position: relative;}
	#tip-super-girl				{width: 272px; height: 142px; position: absolute; bottom: 0px; right: 10px; background: url(../images/tip-super-girl.png) no-repeat;}
	.tip-left					{position: relative; top: -10px; background: url(../images/tip-left.png) no-repeat left top; display: inline-block; float: right; margin-right: 208px;}
	.tip-right					{background: url(../images/tip-right.png) no-repeat top right;}
	.tip						{margin: 0px 28px 0px 7px; min-height: 40px; padding: 8px 8px 0px;}

	/* DASHBOARD */
	.dashboard-error-message	{font-weight: bold; font-size: 14px; color: #fff; border-top: 1px solid #081d21; border-bottom: 1px solid #081d21; background: #a22c11;}
	.dashboard-error-message img	{margin-right: 10px;}
	.dashboard-error			{color: #a22c11; font-weight: bold;}
	.notifications				{background: #eab6de url(../images/notification-bg.png) repeat-x bottom; border: 1px solid #8a8a8a; margin-bottom: 18px;}
	.notifications img			{margin-right: 10px;}
	
	/* TABLE DATA */
	.dashboard table			{color: #fff;}
	.dashboard th				{font-size: 24px;}
	.dashboard tr				{font-size: 18px;}
	.dashboard .odd				{background-color: #C750AD;}
	.dashboard .even			{background-color: #d28fca;}
	.dashboard table .label		{font-weight: bold; padding-left: 30px;}
	
	/* WIDGETS */
	.widget						{background: url(../images/widget-border-top.png) repeat-x;}
	.widget div					{background: url(../images/widget-header-bottom.png) repeat-x;}
	.widget h4					{color: #c750ad; font-size: 18px; padding: 4px 12px; margin-bottom: 0px;}
		.widget h5 a, .widget h4 a, .widget h3 a, .widget h2 a, .widget h1 a			{color: #c750ad; text-decoration: none; border-bottom: none;}
	.widget li					{list-style-image: url(../images/pink-li-arrow.png); background-position: 0px 2px; margin-bottom: .3em;}

/* SETUP TEMPLATE */
#signup-txt					{width: 550px; height: 45px; background: url(../images/signup.png) no-repeat;}

.brown.supergirl-sidebar	{margin: 8px 0px; position: relative; left: 22px; background: #76644e url(../images/supergirl-sidebar.png) no-repeat left bottom; min-height: 370px;}

/* FORMS */	
	form							{font-size: 14px;}
	legend							{font-size: 36px; color: #C750AD; font-weight: 100; letter-spacing: .05em;}
	select							{font-size: 18px;}
	
	/* SPECIAL CLASSES */
	.invalid						{color: #a22c11;}
	.invalid.message				{text-align: left;}
	.invalid img					{margin-right: 4px;}
	input.invalid					{border: 2px solid #a22c11; color: #a22c11;}
	.required						{color: #CCC;}
	.errorExplanation				{margin-bottom: 18px; background-color: #A22C11; color: #fff; border-top: 1px solid #000; border-bottom: 1px solid #000;}
	.errorExplanation h2			{color: #fff; font-weight: bold; font-size: 24px;}

	/* LAYOUT ADJUSTMENTS */
	form .checkbox					{top: .05em;}
	.textarea-label					{vertical-align: top;}
	.signup input					{margin-right: 10px;}
	form label.right				{text-align: right; display: inline-block; margin-right: 10px;}
	form span						{display: inline-block;}
	textarea						{margin-top: 0px;}

	/* BUTTONS */
	.button-chrome					{height: 33px; background: url(../images/button-chrome-bg.png) repeat-x; border: 1px solid #d5c2cd; color: #3162de; font-size:16px; font-weight: 100;}
	.button-pink					{height: 33px; background: url(../images/button-pink-bg.png) repeat-x; border: 1px solid #594a46; color: #fff; font-size:16px; font-weight: 100;}
	

/* CONTENT */
body						{background: #141110 url(../images/bg-strip.png) repeat-x; margin: 0px; padding: 0px;}
#starburst					{background: url(../images/starburst.jpg) no-repeat;}
.container					{padding-top: 24px;} /* sets height between container and top of browser window */
.padded						{padding: 8px 15px;}

.content					{padding: 8px 0px 20px; margin-bottom: 18px;}
.white						{background-color: #fff;}
.span-8.padding10			{padding: 0px 10px; width: 290px;}
.cream						{background-color: #f1e7e1; color: #081d21;}
.brown						{background-color: #76644e; color: #fff;}
	.brown h1, .brown h2, .brown h3, .brown h4, .brown h5, .brown h6	{color: #fff;}
	.brown li				{list-style-image: url(../images/pink-li.png);}
	
/* 	TYPOGRAPHY */
.content ul					{padding-left: 15px;}
.content li					{}

/* FORMS */
form label, form input		{font-size: 18px;}

/* FOOTER */
#footer						{margin-bottom: 18px; text-align: center; color: #999; border-bottom: none; font-size: 11px;}
#footer a 					{color: #999; border-bottom: none;}


a.span-1, a.span-2, a.span-3, a.span-4, a.span-5, a.span-6, a.span-7, a.span-8, a.span-9, a.span-10, a.span-11, a.span-12, a.span-13, a.span-14, a.span-15, a.span-16, a.span-17, a.span-18, a.span-19, a.span-20, a.span-21, a.span-22, a.span-23, a.span-24 {float:left;margin-right:10px;}