/***********************************************/
/* emaillist.css                               */
/*                                             */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

 /**
		 * @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.
         */
		
		
       

        /**
         * @tab Page
         * @section background
         */
        .container {
            /*@editable*/ border: 1px solid #000000;
        }

        fieldset {border: none; padding: 0; margin: 0;}

        /**
         * @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 {
            /*@editable*/ background-color:#FFFFFF;
            /*@editable*/ padding:20px;
            font-family:Arial;
            font-size: 12px;
            line-height:150%;  /* #3# Editable */
            color: #333333;  /* #3# Editable */
        }

        /**
         * @tab Header
         * @section top bar
         * @tip You can make this color stand out, or you might make it the same as your form's background color.
         */
        .headerBar {
            /*@editable*/ background-color:#CCCCCC;
            /*@editable*/ padding:20px;
            /*@editable*/ border-bottom:0px solid #000000;
        }
        
        /**
         * @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:#666666;
            /*@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:Arial;
            /*@editable*/ font-size: 12px;
            /*@editable*/ color: #333333;
        }

        /**
         * @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:#FF0000;
            /*@editable*/ font-family:Arial;
            /*@editable*/ background-color:#FFEEEE;
            /*@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://worknmore.us1.list-manage.com/images/vcard.png) no-repeat; font-weight:bold; font-size:110%;}
		.hcard-download {background:url(http://worknmore.us1.list-manage.com/images/hcard-download-or.png) no-repeat; padding:2px 0 2px 32px;}
		
		/* General Form Formatting */
		#mergeTable {width:100%;}
		#archive-list {margin:3em; list-style:square; line-height:1.6em;}
		.required {text-align:right; font-size:11px; font-weight:bold;}
		.formText {vertical-align:top;}
		.subfield {display:block; margin:2px 0; padding:4px; line-height:30px;}
		.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;}
		#archive-list-title {margin-bottom:5px;}
		#archive-company {font-weight:normal;}
		#archive-company, #archive-subscribe-link {margin:5px 0;}
		#archive-subscribe-link {float:right; margin-top:2px;}
		#forward-friend-table label {font-weight:bold;}
		#forwardToFriendFooter {padding-top:10px; border-top:1px solid #ccc;}

/********************* end **********************/
/**
 * Default theme for google search
 *
 */
/* Slight reset to make the preview have ample padding. */
.cse .gsc-control-cse,
.gsc-control-cse {
  padding: 2%;
  width: 96%;
}
.cse .gsc-branding,
.gsc-branding {
  display: none;
}
.cse .gsc-control-cse div,
.gsc-control-cse div {
  position: normal;
}
/* Selector for entire element. */
.cse .gsc-control-cse,
.gsc-control-cse {
  background-color: #ffffff;
  border: 1px solid;
  border-color: #ffffff;
}
.cse .gsc-control-cse:after,
.gsc-control-cse:after {
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.cse .gsc-resultsHeader,
.gsc-resultsHeader {
  border:none;
}
/* Search button */
.cse input.gsc-search-button,
input.gsc-search-button {
  font-family: inherit;
  color: #000000;
  text-shadow: 0 1px 2px #FFFFFF;
  background-color: #CECECE;
  border: 1px outset;
  border-color: #666666;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
}
/* Inactive tab */
.cse .gsc-tabHeader.gsc-tabhInactive,
.gsc-tabHeader.gsc-tabhInactive {
  border-bottom: none;
  color: #666666;
  background-color: #e9e9e9;
  border: 1px solid;
  border-color: #e9e9e9;
  border-bottom: none;
}
/* Active tab */
.cse .gsc-tabHeader.gsc-tabhActive,
.gsc-tabHeader.gsc-tabhActive {
  background-color: #FFFFFF;
  border: 1px solid;
  border-top: 2px solid;
  border-color: #e9e9e9;
  border-top-color: #FF9900;
  border-bottom: none;
}
/* This is the tab bar bottom border. */
.cse .gsc-tabsArea,
.gsc-tabsArea {
  margin-top: 1em;
  border-bottom: 1px solid #e9e9e9;
}
/* Inner wrapper for a result */
.cse .gsc-webResult.gsc-result,
.gsc-webResult.gsc-result {
  padding: .25em;
  border: 1px solid;
  border-color: #ffffff;
  margin-bottom: 1em;
}
/* Result hover event styling */
.cse .gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result:hover {
  border: 1px solid;
  border-color: #FFFFFF;
}
/*Promotion Settings*/
/* The entire promo */
.cse .gs-promotion.gs-result,
.gs-promotion.gs-result {
  background-color: #FFFFFF;
  border: 1px solid;
  border-color: #336699;
}
/* Promotion image */
.cse .gs-promotion.gs-result .gs-promotion-image,
.gs-promotion.gs-result .gs-promotion-image {}
/* Promotion title */
.cse .gs-promotion.gs-result a.gs-title:link,
.gs-promotion.gs-result a.gs-title:link {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:visited,
.gs-promotion.gs-result a.gs-title:visited {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:hover,
.gs-promotion.gs-result a.gs-title:hover {
  color: #0000CC;
}
.cse .gs-promotion.gs-result a.gs-title:active,
.gs-promotion.gs-result a.gs-title:active {
  color: #0000CC;
}
/* Promotion snippet */
.cse .gs-promotion.gs-result .gs-snippet,
.gs-promotion.gs-result .gs-snippet {
  color: #000000;
}
/* Promotion url */
.cse .gs-promotion.gs-result ..gs-visibleUrl,
.gs-promotion.gs-result .gs-visibleUrl {
  color: #008000;
}