/*
-----------------------------
Global Emma Styles
-----------------------------
*/

* { 
	padding: 0; margin: 0; 
	}
	
body, html {
	padding: 0; margin: 0;
	background-image: url(/images2/background.gif); background-repeat: repeat;
	text-align: center;
	}
	
body, td, div, p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 15px;
	font-weight: normal;
	font-variant: normal;
	color: #333333;
	}
	
/* #page {
	width: 800px;
	padding: 12px 0 0 0; margin: 9px auto;
	text-align: left;
	background-image: url(/images2/navi_top.gif); background-repeat: no-repeat; background-position: top left;
	} */
	
#page {
	width: 800px;
	padding: 0; margin: 9px auto;
	text-align: left;
	/* background-image: url(http://www.myemma.com/images2/navi_top.gif); background-repeat: no-repeat; background-position: top left; // removing this line */
	}
	
#pageLogin {
	width: 550px;
	padding: 12px 0 0 0; margin: 9px auto;
	text-align: left;
	background-image: url(/images2/navi_top_login.gif); background-repeat: no-repeat; background-position: top left;
	}
	
#pageContainer {
	width: 798px;
	padding: 0; margin: 0; margin-top: -3px !important;
	border-left: 1px solid #d3d0c9; border-right: 1px solid #d3d0c9; border-bottom: 1px solid #d3d0c9;
	background-color: #ffffff;
	}
	
#pageContainerLogin {
	width: 548px;
	padding: 0; margin: 0;
	border-left: 1px solid #d3d0c9; border-right: 1px solid #d3d0c9; border-bottom: 1px solid #d3d0c9;
	background-color: #ffffff;
	}

#quickLinks {
	width: 798px; height: 34px;
	padding: 0; margin: 0;
	background-color: #d3d0c9;
	}
	
#quickLinksPad {
	width: 292px; height: 21px;
	padding: 2px 0 0 0; margin: 0 12px 0 0;
	background-image: url(/images2/quickLinksBg.gif); background-repeat: no-repeat; background-position: top left;
	text-align: center;
	float: right;
	}
	
#quickLinks a {
	color: #000000;
	text-decoration: none;
	}
	
#quickLinks a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
.topLinks {
	text-align: right;
	padding-bottom: 7px; padding-right: 19px;
}
	
/* >>>>>> styles for login page <<<<<< */
	
#quickLinksLogin {
	width: 548px; height: 34px;
	padding: 0; margin: 0;
	background-color: #d3d0c9;
	}
	
#quickLinksPadLogin {
	width: 292px; height: 21px;
	padding: 2px 0 0 0; margin: 0 12px 0 0;
	background-image: url(/images2/quickLinksBg.gif); background-repeat: no-repeat; background-position: top left;
	text-align: center;
	float: right;
	}
	
#quickLinksLogin a {
	color: #000000;
	text-decoration: none;
	}
	
#quickLinksLogin a:hover {
	color: #000000;
	text-decoration: underline;
	}
	
#loginLogo {
	padding: 0; margin: 0;
	width: 548px; height: 62px;
	background-image: url(/images2/emma_logo_login_bg.gif); background-repeat: repeat-x; background-position: top left;
	}
	
/* >>>>>> end styles for login page <<<<<< */
	

/*
-----------------------------
Home Page Styles
-----------------------------
*/

.didYouKnow {
	padding: 6px; margin-top: 18px;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	}
	
	
.didYouKnowGfx {
	float: left;
	padding-right: 10px;
	}
	
.didYouKnowblue {
	padding: 6px; margin-top: 18px;
	background-color: #fcedd2;
	border: 1px solid #fadba8;
	}
	
	
.didYouKnowGfxblue {
	float: left; 
	padding-right: 10px; 
	}
	
	
.didYouKnowbot {
	padding: 12px; margin-top: 18px;
	background-color: #f5f5f5;
	}
	
	
.didYouKnowGfxbot {
	float: left; 
	padding-right: 10px;
	}
	
.newTakeTour {
	width: 353px; height: 283px;
	background-image: url(/images2/take_tour_bg.gif);
	background-repeat: no-repeat;
	}
	
.newTakeTourHdr {
	padding: 0; margin: 0;
	height: 30px;
	}
	
.newTakeTourPad {
	padding: 8px 0 8px 10px
	}
	
.blank {
	display: none;
	}
	
#emmaOrg {
	width: 332px; height: 112px;
	background-image: url(/images2/emma_org_bg.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	}
	
#emmaOrg a {
	display: block;
	width: 332px; height: 112px;
	border: none; border-width: 0px;
	text-decoration: none; color: #333333;
	}
	
#emmaAgency {
	width: 332px; height: 112px;
	background-image: url(/images2/emma_agency_bg.gif);
	background-repeat: no-repeat;
	}
	
#emmaAgency a {
	display: block;
	width: 332px; height: 112px;
	border: none; border-width: 0px;
	text-decoration: none; color: #333333;
	}
	
.on-the-blog-Col {
	float: left;
	width:255px; height:210px;
	border-right:1px solid #cccccc;
	}
	
.ask-emma-Col {
	float: left;
	width:265px; height:210px;
	border-right:1px solid #cccccc;
	}
	
.whos-with-us-Col {
	float: left;
	width:245px; height:210px;
	}
	
.on-the-blog-pad {
	padding: 6px 16px 0 16px;
	}
	
.ask-emma-pad, .whos-with-us-pad {
	padding: 6px 16px 0 22px;
	}
	
* html .whos-with-us-pad {
	padding-right: 6px;
	}

#callOut {
	padding: 0; margin: 0 auto;
	margin-top: 20px;
	width: 733px;
	}
	
#mainColumn {
	padding: 0; margin: 0 auto;
	width: 756px;
	}
	
#mainLeftColumn {
	padding: 0; margin: 0;
	width: 374px;
	float: left;
	}
	
#mainRightColumn {
	padding: 0px; margin: 0;
	width: 352px;
	float: right;
	}
	
#twoColumn {
	padding: 0; margin: 0 auto;
	margin-top: 20px;
	width: 746px;
	}
	
#leftColumn {
	padding: 0 0 0 8px; margin: 0;
	width: 260px;
	float: left;
	}
	
#rightColumn {
	padding: 0 0 0 15px; margin: 0;
	width: 462px;
	float: right;
	border-left: 1px solid #e4e2dc;
	}

#getStarted {
	padding: 0; margin: 0;
	width: 232px; height: 126px;
	background-image: url(/images2/getstarted_div_bg.gif); background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	}

#takeTour {
	padding: 0; margin: 0 0 0 18px;
	width: 232px; height: 126px;
	background-image: url(/images2/tour_div_bg.gif); background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	}
	
#haveAgency {
	padding: 0; margin: 0 0 0 18px;
	width: 232px; height: 126px;
	background-image: url(/images2/agency_div_bg.gif); background-repeat: no-repeat;
	background-color: transparent;
	float: left;
	}
	
#flash {
	padding: 0; margin: 0;
	}
	
.dividerHomeHorz {
	border-bottom: 1px solid #cccccc;
	padding-top: 16px;
}

* html .dividerHomeHorz {
	padding-top: 2px;
	}
	
.takeTourPad, .getStartedPad, .haveAgencyPad, .logInPad {
	padding: 11px 6px 4px 12px;
	}
	
.takeTourPadLead, .getStartedPadLead, .haveAgencyPadLead, .logInPadLead {
	padding-bottom: 6px;
	}
	
* html .takeTourPad, * html .getStartedPad, * html .haveAgencyPad, * html .logInPad { /* necessary to fix padding issue in IE 6 */
	padding-top: 6px;
	}
	
* html .takeTourPadLead, * html .getStartedPadLead, * html .haveAgencyPadLead, * html .logInPadLead { /* necessary to fix padding issue in IE 6 */
	padding-bottom: 3px;
	}
	
.takeTourHeader, .getStartedHeader, .haveAgencyHeader, .logInHeader {
	font-family: Trebuchet MS, Geneva, Helvetica, sans-serif; 
	font-size: 22px;
	color: #333333;
	}
	
a.takeTourHeader:link, a.getStartedHeader:link, a.haveAgencyHeader:link, a.logInHeader:link {
	text-decoration: none; 
	color: #333333;
	}
	
a.takeTourHeader:visited, a.getStartedHeader:visited, a.haveAgencyHeader:visited, a.logInHeader:visited {
	text-decoration: none; 
	color: #333333;
	}
	
a.takeTourHeader:hover, a.getStartedHeader:hover, a.haveAgencyHeader:hover, a.logInHeader:hover {
	text-decoration: none; 
	color: #333333;
	}
	
a.greyLink:link, a.greyLink:visited {
	font-weight: bold;
	text-decoration: none; 
	color: #333333;
	}
	
a.greyLink:hover {
	font-weight: bold;
	text-decoration: underline; 
	color: #333333;
	}

.intro {
	font-family: Helvetica, Arial, sans-serif; font-size: 29px;
	font-weight: normal; font-variant: normal;
	color: #333333;
	padding-bottom: 13px;
	}
	
.introSubheader {
	font-family: Helvetica, Arial, sans-serif; font-size: 22px;
	font-weight: normal; font-variant: normal;
	color: #999999;
	/* padding-top: 13px; */
	}
	
.subHeaders {
	font-family: Helvetica, Arial, sans-serif; font-size: 16px;
	font-weight: bold; font-variant: normal;
	color: #666666;
	padding-bottom: 8px;
	}
	
.whoswithusMargin {
	padding-top: 12px;
	}
	
.homeIntro {
	padding-top: 10px;
	line-height: 16px;
	}
	
.homeLogo {
	padding: 0; margin: 0;
	background-image: url(/images2/welcome_to_emma6.gif); background-repeat: no-repeat;
	width: 374px; height: 50px;
	}
	
/*.emmaHdr1 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 26px;
	font-weight: normal;
	color:#333333;
	}
	
.emmaHdr2 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #999999;
	} */
	
.emmaBlue {
	color: #3583b0;
	}
	
.regMark {
	font-size: 12px;
	}

/*
-----------------------------
Footer Styles
-----------------------------
*/

#footer {
	padding: 10px; margin: 0;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; font-style: normal; line-height: 14px; 
	font-weight: normal; font-variant: normal; color: #666666;
	}
	
.footergray, a.footergray:link, a.footergray:visited {
	color: #999999; font-size: 10px;
	}
	
a.footergray:link, a.footergray:visited {
	text-decoration: underline;
	}
	
a.footergray:hover {
	color: #666666; font-size: 10px;
	text-decoration: underline;
	}
	
/*
-----------------------------
Page Formatting Styles
-----------------------------
*/

#layoutGrid { /* where all layouts and content will be placed within */
	padding: 10px; margin:10px 0 0 0;
	}
	
.clear {
	clear: both;
	}
	
#dividerTwoColumn {
	padding: 0; margin: 0;
	background-image: url(/images2/grid_2column_bg.gif); background-repeat: repeat-y;
	margin-bottom: -25px !important; /* reduces space created by .clear to achieve design effect */
	}

#leftColumnGrid {
	float: left;
	width: 174px;  /* border: 1px solid #000; */
	padding: 8px; margin: 0;
	}
	
#leftColumnGridLogin {
	float: left;
	width: 294px;  /* border: 1px solid #000; */
	padding: 8px; margin: 0;
	}
	
#rightColumnGrid {
	float: right;
	width: 554px;  /* border: 1px solid #000; */
	padding: 8px; margin: 0
	}
	
#rightColumnGridLogin {
	float: right;
	width: 184px;  /* border: 1px solid #000; */
	padding: 8px; margin: 0
	}
	
.boxCallout {
	padding: 3px; margin: 0;
	border: 1px solid #cccccc;
	background-color: #efefef;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; font-style: normal; line-height: 15px; 
	font-weight: normal; font-variant: normal; color: #000000;
	}
	
a.boxCalloutLink:link, a.boxCalloutLink:visited, a.boxCalloutLink:hover {
	color: #000000;
	text-decoration: none;
	}
	
a.boxCalloutLink:hover {
	color: #000000;
	text-decoration: underline;
	}
	
/*
-----------------------------
Navigation Styles
-----------------------------
*/

#mainNavi ul {
	padding: 0; margin: 0;
	background-image: url(/images2/headernav_bg.gif); background-repeat: repeat-x;
	}
	
#mainNavi li {
	padding: 0; margin: 0;
	display: inline; list-style-image: none; list-style-type: none;
	}
	
/*
-----------------------------
List Styles
-----------------------------
*/

ul.briefQA {
	padding: 0 0 0 10px; margin: 0 0 0 10px;
	}
	
ul.briefQA li {
	padding: 0; margin: 0 0 10px 3px;
	list-style-image: none; list-style-type: square;
	}
	
ul.privacyList {
	padding: 0 0 0 10px; margin: 0 0 0 10px;
	}
	
ul.privacyList li {
	padding: 0; margin: 0 0 10px 3px;
	list-style-image: none; list-style-type: square;
	}
	
ul.webServices, ol.webServices, ol.mediaKit {
	padding: 0 0 0 10px; margin: 0 0 0 10px;
	}
	
ul.webServices li {
	padding: 0; margin: 0 0 10px 3px;
	list-style-image: none; list-style-type: disc;
	}
	
ol.webServices li, ol.mediaKit li {
	padding: 0; margin: 0 0 10px 3px;
	list-style-image: none; list-style-type: lower-roman;
	}
	
/*
-----------------------------
Div Styles
-----------------------------
*/

.center {
	text-align: center;
	}

.centerLogos {
	text-align: center;
	width: 33%;
	}
	
.middle {
	vertical-align: middle;
	}

.category {
	border-top: 1px solid #e4e2dc;
	padding-top: 14px; padding-bottom: 14px;
	clear: left;
	}
	
.logoList {
	border-top: 1px solid #e4e2dc;
	padding-top: 10px; padding-bottom: 10px;
	clear: left;
	}
	
div#inquire {
	padding: 8px; margin: 0;
	display: block;
	background-color: #e2edcc;
	border: 1px solid #b3c988;
	text-align: center;
	}
	
.inquireHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	color: #333333;
	}
	
a.inquireHeader:link {
	text-decoration: underline; 
	color: #333333;
	}
	
a.inquireHeader:visited {
	text-decoration: underline; 
	color: #333333;
	}
	
div#briefQA {
	padding: 8px; margin: 0;
	display: block;
	background-color: #fffefe;
	border: 1px solid #999999;
	}
	
/* >>>>>> styles for agency pages <<<<<< */
	
div#coBrand {
	float: left;
	width: 182px;
	}
	
div#privateLabel {
	float: right;
	width: 182px;
	}
	
div#customBrand {
	padding: 0px 188px 0px 188px; margin: 0;
	}
	
.agencyColumnBorder {
	border: 1px solid #333333;
	}
	
.agencyColumnHeader {
	padding: 5px;
	background-color: #7aabde;
	text-align: center;
	border-bottom: 1px solid #333333;
	}
	
.agencyRowOne {
	padding: 5px;
	height: 100px;
	border-bottom: 1px solid #333333;
	}
	
.agencyRowTwo {
	padding: 5px;
	height: 320px;
	border-bottom: 1px solid #333333;
	}
	
.agencyRowThree {
	padding: 5px;
	height: 140px;
	}
	
.agencySmallPrint {
	font-size: 9px;
	}
	
div#screenshots {
	padding: 8px; margin: 0;
	display: block;
	background-color: #7aabde;
	border: 1px solid #333333;
	text-align: center;
	}
	
.screenshotsHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 18px;
	color: #333333;
	}
	
a.screenshotsHeader:link {
	text-decoration: underline; 
	color: #333333;
	}
	
a.screenshotsHeader:visited {
	text-decoration: underline; 
	color: #333333;
	}
	
.workHereIndent {
	padding-left: 15px;
	}
	
div#features {
	width: 400px;
	padding: 0; margin: 5px auto;
	border: 1px solid #666666;
	background-color: #ffffff;
	}
	
.featuresTitle {
	padding: 10px 5px 10px 5px; margin: 0;
	background-color: #d3d0c9;
	text-align: left;
	font-size: 16px; font-weight: bold;
	border-bottom: 1px solid #666666;
	}
	
.featuresItemList {
	padding: 9px 5px 9px 5px; margin: 0;
	background-color: #ffffff;
	text-align: left;
	border-bottom: 1px dotted #666666;
	}
	
.featuresItemList2 {
	padding: 9px 5px 9px 5px; margin: 0;
	background-color: #ede4cd;
	text-align: left;
	border-bottom: 1px dotted #666666;
	}
	
/* >>>>>> end agency page styles <<<<<< */
	
.checklistIcon {
	float: left;
	padding: 2px 12px 0 5px; margin: 0;
	height: 32px;
	}
	
/* >>>>>> styles for pricing page <<<<<< */
	
div#pricingSetupLeft {
	float: left;
	width: 70%;
	}
	
.pricingSetupLeftBorder {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
div#pricingSetupRight {
	float: right;
	width: 30%;
	}
	
.pricingSetupRightBorder {
	border: 1px solid #000000;
	}
	
.pricingSetupHeader {
	background-color: #d5e3f0;
	text-align: center;
	padding: 3px;
	font-weight: bold; 
	border-bottom: 1px solid #000000;
	}
	
.pricingSetupOption1 {
	text-align: left;
	padding: 6px;
	/* border-bottom:1px solid #000000; */
	height: 65px;
	}
	
.pricingSetupOption2 {
	text-align: left;
	padding: 6px;
	height: 50px;
	}
	
.pricingSetupPrice1 {
	text-align: center;
	padding: 6px;
	/* border-bottom:1px solid #000000; */
	height: 65px;
	}
	
.pricingSetupPrice2 {
	text-align: center;
	padding: 6px;
	height: 50px;
	}
	
div#pricingPlanLeft {
	float: left;
	width: 50%;
	}
	
.pricingPlanLeftBorder {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
div#pricingPlanRight {
	float: right;
	width: 50%;
	border-left-color: #FFFFFF;
	}
	
.pricingPlanRightBorder {
	border: 1px solid #000000;
	}
	
div#pricingPlanOne {
	float: left;
	width: 50%;
	}
	
.pricingPlanOneBorder {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
div#pricingPlanTwo {
	float: left; display: inline !important;
	width: 25%;
	}
	
.pricingPlanTwoBorder {
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	}
	
 div#pricingPlanThree {
	float: left; display: inline !important;
	width: 25%;
	}
	
.pricingPlanThreeBorder {
	border: 1px solid #000000;
	}
	
.pricingPlanItem1 {
	background-color: #d5e3f0;
	text-align: left;
	padding: 3px;
	border-bottom: 1px solid #000000;
	}
	
.pricingPlanItem2 {
	background-color: #ffffff;
	text-align: left;
	padding: 3px;
	border-bottom: 1px solid #000000;
	}
	
.pricingPlanPrice1 {
	background-color: #d5e3f0;
	text-align: center;
	padding: 3px;
	border-bottom: 1px solid #000000;
	}
	
.pricingPlanPrice2 {
	background-color: #ffffff;
	text-align: center;
	padding: 3px;
	border-bottom: 1px solid #000000;
	}
	
.pricingNonProfit {
	background-color: #d5e3f0;
	text-align: left;
	padding: 3px;
	border: 1px solid #000000;
	}
	
.priceStartUps {
	padding:8px;
	background-color: #d5e3f0;
	}
	
.priceStartUps2 {
	padding:8px;
	background-color: #ffffff;
	}
	
/* >>>>>> end pricing page styles <<<<<< */
	
.privacyCallout {
	padding: 8px; margin: 0;
	border: 1px solid #333333;
	background-color: #ededed;
	}
	
.systemsCallout {
	padding: 8px; margin: 0;
	border: 1px solid #cc6600;
	background-color: #ffffff;
	}
	
div#sampleClientListLeft {
	float: left;
	width: 50%;
	}
	
div#sampleClientListRight {
	float: right;
	width: 50%;
	}
	
pre {
	padding: 4px; margin: 0;
	background-color: #eeeeee;
	border: 1px solid #cccccc;
	}
	
dd {
	padding-left: 38px;
	}
	
/*
-----------------------------
Link Styles
-----------------------------
*/

a:link, a:visited, a:active {
	color: #cc6633; text-decoration: none;
	}
	
a:hover {
	color: #cc6633; text-decoration: underline;
	}
	
.lutton {
	padding: 2px; margin: 0;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #b3d968;
	background-color: #e1f1be;
	color: #000000;
	}

a.lutton:link, a.lutton:visited {
	color: #000000;
	text-decoration: none;
	}

a.lutton:hover {
	color: #000000;
	background-color: #f0f8dd;
	text-decoration: none;
	}
	
.luttonPrev, .luttonNext {
	padding: 0; margin: 0;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #b3d968;
	background-color: #e1f1be;
	color: #000000;
	width: 100px; text-align: center;
	}
	
.luttonPrevOff, .luttonNextOff {
	padding: 0; margin: 0;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #cccccc;
	background-color: #efefef;
	color: #000000;
	width: 100px; text-align: center;
	}
	
.luttonInquire {
	padding: 0; margin: 0;
	font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #b3d968;
	background-color: #e1f1be;
	color: #000000;
	width: 182px; text-align: center;
	}

a.gallery:link, a.gallery:visited {
	color: #000000;
	text-decoration: none;
	display: block;
	}

a.gallery:hover {
	color: #000000;
	background-color: #f0f8dd;
	text-decoration: none;
	display: block;
	}
	
a.webserv:link, a.webserv:visited {
	color: #333333;
	text-decoration: none;
	}

a.webserv:hover {
	color: #333333;
	text-decoration: underline;
	}
	
/*
-----------------------------
Form Styles
-----------------------------
*/

.form-padding {
	padding: 10px;
}

fieldset {
    margin: 0px;
    padding: 8px;
    border: 1px solid #cccccc;
    background-color: #efefef;
}

.inquiryFieldset {
	margin: 0px;
	padding: 0px;
	border: 0px none;
	background-color: #ffffff;
}

.inputLogin {
	font-size: 10px;
	border: 1px solid #999999;
	padding: 2px;
}

.inputInquiry {
	font-size: 11px;
	border: 1px solid #666666;
	padding: 2px;
	width: 150px;
}

.inputInquiryLong {
	font-size: 11px;
	border: 1px solid #666666;
	padding: 2px;
	width: 310px;
}

.checkbox-indent {
	margin: 3px 5px 0 8px;
}
	
/*
-----------------------------
Image Styles
-----------------------------
*/

img {
	border: none; border-width: 0px;
	}
	
.imgSpacer {
	padding-right: 5px;
	float: left;
	}
	
.peopleImg {
	float: right;
	padding: 17px 0 9px 10px;
	}
	
.emmagivesback-img {
	float: left;
	padding-right: 15px;
	}
	
/* .logosSpacer {
	padding-left: 20px; padding-right: 20px;
	} */
	
/*
-----------------------------
Font Styles
-----------------------------
*/

.em {
	font-style: italic;
	}

.bold {
	font-weight: bold;
	}
	
.u {
	text-decoration: underline;
	}
	
.green {
	color: #677e38;
	}

.orange {
	color: #cc6600;
	}
	
.gray {
	color: #666666;
	}
	
.blue {
	color: #3583b0;
	}

.blueheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px; color: #3583b0;
	font-weight: bold;
	}
	
.blueheaderLogin {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color: #3583b0;
	font-weight: bold;
	}
	
.datestamp {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px; color: #3583b0;
	font-weight: normal;
	}
	
.smallprint {
	font-size: 10px;
	}
	
/*
-----------------------------
Ask Emma Styles
-----------------------------
*/
	
.qcopy {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #333333;
	background-color: #EFF5FC;
	padding: 3px;
	display: block;
}

.footnote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: normal;
	color: #333333;
}

/*
-----------------------------
404 Styles
-----------------------------
*/

#errorPage {
	width: 685px;
	padding: 20px 0 20px 35px; margin: 0;
	}

#errorLogo {
	float: left; width: 150px;
	padding-left: 15px;
	}

#errorMsg {
	float: right; width: 470px;
	padding-left: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; line-height: 17px;
	text-align: left;
	border-left: 1px solid #2a2828;
	}

h1.error {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px; font-weight: bold;
	color: #2a2828;
	}

/*
----------------------------------------------------------------------------------------------------------------------
Styles for landing pages created for various ads & google ad words - includes styles for the form in the right column
----------------------------------------------------------------------------------------------------------------------
*/

#ad-left-column {
	float:left;
	width:495px;
	margin-left: 10px;
	}
	
* html #ad-left-column { margin-left: 5px; }

#ad-left-column h1 {
	padding-bottom: 4px;
	}

.ad-content-nav {
	padding: 14px 0 10px 0;
	text-align: center;
	}

a.ad-content-link:link, a.ad-content-link:visited, a.ad-content-link:active {
	font: normal normal 12px Arial, sans-serif;
	color: #000;
	text-decoration: none;
	/* padding: 3px;
	background-color: #eee;
	border: 1px solid #ccc;
	text-decoration: none; */
	}
	
a.ad-content-link:hover {
	font: normal normal 12px Arial, sans-serif;
	color: #000;
	text-decoration: underline;
	/* padding: 3px;
	background-color: #eee;
	border: 1px solid #ccc;
	text-decoration: none; */
	}

.ad-content-single {
	background:url(/images2/ad_content_bg.gif) no-repeat top left;
	width:494px;
	height:282px; /* 324px */
	padding-top: 42px;
	}
	
.ad-content-double {
	background:url(/images2/ad_content_bg.gif) no-repeat top left;
	width:494px;
	height:324px;
	padding-top: 18px;
	}
	
.slide-intro {
	margin: 0 auto;
	background:url(/images2/ad_content_slide_intro.gif) no-repeat top center;
	width: 476px;
	height: 231px;
	}
	
.slide-aud {
	margin: 0 auto;
	background:url(/images2/ad_content_slide_audience.gif) no-repeat top center;
	width: 476px;
	height: 288px;
	}
	
.slide-cmp {
	margin: 0 auto;
	background:url(/images2/ad_content_slide_campaigns.gif) no-repeat top center;
	width: 476px;
	height: 288px;
	}
	
.slide-rsp {
	margin: 0 auto;
	background:url(/images2/ad_content_slide_response.gif) no-repeat top center;
	width: 476px;
	height: 288px;
	}
	
.slide-pricing {
	margin: 0 auto;
	background:url(/images2/ad_content_slide_pricing.gif) no-repeat top center;
	width: 476px;
	height: 288px;
	}
	
.smallblueheader { /*3fa253*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px; color: #3583b0;
	font-weight: bold;
}

.smallheadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color: #666;
	font-weight: bold;
}

.style-left {
	float: left;
	width: 46%;
}
	
.style-right {
	float: right;
	width: 46%;
}

.style-left-img {
	float: left;
	padding: 0 7px 0 0;
}
	
/* for when livechat is ready to be added 

.livechat-img {
	float: right;
	padding: 0 0 0 15px;
	}
	
*/
	
#ad-right-column {
	float:right;
	width:230px;
	font-size: 10px;
	margin-right: 10px;
	}
	
* html #ad-right-column  { margin-right: 5px; }
	
.form-column-top {
	background:url(/images2/form_column_top.gif) no-repeat top left;
	width:230px;
	height:12px;
	}
	
.form-column-bottom {
	background:url(/images2/form_column_bot.gif) no-repeat top left;
	width:230px;
	height:12px;
	}
	
.form-column {
	background-color:#f2f1ef;
	width:230px;
	}
	
.form-column-fieldset {
	background-color:transparent;
	border:0px none;
	line-height: 12px;
	}
	
.form-left {
	float: left; 
	}
	
/* .form-right {
	float: left; display: inline; 
	} */

.form-row {
	padding: 4px 0 4px 0;
	}
	
.form-input {
	font-size: 10px;
	border: 1px solid #999999;
	padding: 1px;
	width: 88px;
	}
	
.form-input-long {
	font-size: 10px;
	border: 1px solid #999999;
	padding: 1px;
	width: 184px;
	}
	
.checkbox-indent1 {
	margin: 3px 5px 12px 0px;
	}

.checkbox-indent2 {
	margin: 3px 5px 36px 0px;
	
	}

#thankyou {
	padding: 10px;
	}
	
#thankyou h1 {
	padding-bottom: 4px;
	}
	
#slide-array {
	padding: 0; 
	margin: 15px 0 15px 0;
	}
	
#slide-array input {
	padding: 2px;
	font-size: 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #b3d968;
	background-color: #e1f1be;
	color: #000000;
	}
	
	/*
----------------------------------------------------------------------------------------------------------------------
Styles for wider inquiry form
----------------------------------------------------------------------------------------------------------------------
*/


#ad-left-column2 {
	float:left;
	width:390px;
	margin-left: 10px;
	}
	
#ad-right-column2 {
	float:right;
	width:335px;
	font-size: 10px;
	margin-right: 10px;
	}
	
* html #ad-right-column2  { margin-right: 5px; }
	
.form-column-top2 {
	background:url(/images2/form_column_top2.gif) no-repeat top left;
	width:335px;
	height:12px;
	}
	
.form-column-bottom2 {
	background:url(/images2/form_column_bot2.gif) no-repeat top left;
	width:335px;
	height:12px;
	}
	
.form-column2 {
	background-color:#f2f1ef;
	width:335px;
	}
	
	
.form-input2 {
	font-size: 10px;
	border: 1px solid #999999;
	padding: 1px;
	width: 100px;
	}
	
.form-input-long2 {
	font-size: 10px;
	border: 1px solid #999999;
	padding: 1px;
	width: 225px;
	}
	
.form-row2 {
	padding: 2px 0 2px 0;
	}
	
.checkbox-indent3 {
	margin: 3px 5px 0px 0px;
	}
	
.bluelutton {
	padding: 4px; margin: 0;
	font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border: 1px solid #77abde;
	background-color: #d5e3f0;
	color: #000000;
	}

a.bluelutton:link, a.lutton:visited {
	color: #000000;
	text-decoration: none;
	}

a.bluelutton:hover {
	color: #000000;
	background-color: #f0f8dd;
	text-decoration: none;
	}
	
.medblueheader { /*3fa253*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px; color: #3583b0;
	font-weight: bold;
}


	/*
----------------------------------------------------------------------------------------------------------------------
Styles for holiday
----------------------------------------------------------------------------------------------------------------------
*/

#leftSeasonal {
	float:left; width:365px; height:245px; overflow:auto; border: 1px solid #cccccc;
}

#rightSeasonal {
	float:right; width:365px; height:245px; overflow:auto; border: 1px solid #cccccc;
}

#leftDesc {
	float:left; width:365px; height:460px; overflow:hidden; background-color:#d7e3f1;
}

#rightDesc {
	float:right; width:365px; height:460px; overflow:hidden; background-color:#d7e3f1;
}


/*
----------------------------------------------------------------------------------------------------------------------
Styles for design form
----------------------------------------------------------------------------------------------------------------------
*/

.emmatips {
	padding: 6px; margin-top: 18px;
	border: 1px solid #77abde;
	background-color: #d5e3f0;
 	width: 400px;

	}

/*
----------------------------------------------------------------------------------------------------------------------
For survey topper
----------------------------------------------------------------------------------------------------------------------
*/

#new_surveyheader{
	height:80px;
	width:800px;
	background-image:url(/images2/surveys/top.gif);
	background-repeat:no-repeat;
	overflow:visible;
}