@charset "UTF-8";
/* CSS Document */
        
        /**
		 * @tab Page
		 * @section background
		 * @tip Choose colors for your list form's background and border. You might choose colors to match your company's branding.
         */
        body {
		padding: 0px;
		margin: 0 auto;
		background-image: url(../images/filler_bkgrd.gif);
        }

        fieldset {
		border: 1px #000000;
		padding: 0;
		margin: 0;
		color: #3368B0;
}
.container {
		background-color: feffe1;
}

        /**
         * @tab Body
         * @section foreground
         * @tip Choose a color for your list form's foreground.  Pick a color that's easy to read against your text.
         */
        .content {
		font-family:Papyrus, "Trebuchet MS", "Microsoft Sans Serif";
		font-size: 14px;
		line-height:150%;  /* #3# Editable */
		color: #3300CC;  /* #3# Editable */
        }
        
        /**
         * @tab Header
         * @section top bar text
         * @tip If you aren't using an image for your header, set the text styles here.
         */
        .headerText {
		/*@editable*/ color:#1551AA;
		/*@editable*/ font-size:32px;
		/*@editable*/ font-family:Arial;
		/*@editable*/ font-weight:bold;
		/*@editable*/ text-align:left;
        }

        /**
         * @tab Body
         * @section default text
         * @tip This is the default text style for the body of your list form.
         */
        p, label, .formText {
		/*@editable*/ line-height:150%;
		/*@editable*/ font-family:Papyrus, "Trebuchet MS", "Microsoft Sans Serif";
		/*@editable*/ font-size: 14px;
		/*@editable*/ color: 0949a7;
        }

        /**
         * @tab Alerts/Errors
         * @section alerts
         * @tip This is the style for the "There are errors below." warning that appears if invalid data is entered.
         */
        .alert {
            /*@editable*/ font-size:20px;
            /*@editable*/ line-height:200%;
            /*@editable*/ color:#FF0000;
            /*@editable*/ font-family:Arial;
            /*@editable*/ font-weight:bold;
        }

        /**
         * @tab Alerts/Errors
         * @section errors
         * @tip This is the style for the error messages that appear beneath each form fields with invalid data.  Use colors that will attract attention.
         */
        div.errorText {
		/*@editable*/ font-size: 12px;
		/*@editable*/ line-height:150%;
		/*@editable*/ font-weight:bold;
		/*@editable*/ color:#CC0000;
		/*@editable*/ font-family:Papyrus, "Trebuchet MS", "Microsoft Sans Serif";
		/*@editable*/ background-color:feffe1;
		/*@editable*/ padding:5px;
		/*@editable*/ margin:3px;
        }

        /**
         * @tab Body
         * @section link style
         * @tip Specify the color for all the hyperlinks in your list form.
         */
        a:link, a:active, a:visited, a {
            /*@editable*/ color:#0000FF;
        }

        a.poweredBy {
            font-size:10px;
            font-family:trebuchet ms;
            text-decoration: none;
        }

        .poweredByBox td {
        text-align: center;
        }

		/* hCards + hCalendars */
		.vcard, .vevent {
			background:#eee;
			border: 2px solid #ccc !important;
			padding: 14px;
			-moz-border-radius: 4px;
			-webkit-border-radius:4px;
			border-radius: 4px;
			margin: 5px 0 !important;
		}

		span.vcard, 
		span.vevent {padding: 2px 1px 2px 70px !important; margin: 0 2px 0 !important;}

		.org {display:block; margin:8px 0 0 0; padding-left:19px; background:url(http://arvillaskincare.list-manage.com/images/vcard.png) no-repeat; font-weight:bold; font-size:110%;}
		.hcard-download {background:url(http://arvillaskincare.list-manage.com/images/hcard-download-or.png) no-repeat; padding:2px 0 2px 32px;}
		
		/* General Form Formatting */
		#mergeTable {width:100%;}
		.required {
		text-align:center;
		font-size:12px;
		font-weight:bold;
}
		.formText {
		font-family: Papyrus, "Trebuchet MS", "Microsoft Sans Serif";
		font-size: 16px;
		color: #0848A7;
}
		.formText label {
		font-size:130%;
}
		.subfield {display:block; margin:2px 0; padding:4px; line-height:30px; background-color:#eee;}
		.phonefield .subfield, .datefield .subfield {display:inline;}
		.subfield label {padding-left:4px; font-style:italic;}
		.mergeTable {border-collapse:separate;}
		.mergeRow td {padding:12px; border-top:1px solid #ccc;}
		input, textarea, select {padding:4px;}
		input:focus, textarea:focus, select:focus {background:#ffc;}
		.countryfield select {min-width:120px;}
		.radiogroup label {padding-right:12px;}