/*
Making changes in your CSS file:

This is a help file for ADVANCED users who wish to modify their CSS file
to make simple changes to their website that are not accessible through
Amplafi's Webpage Assistant.

ATTENTION: If you do not have a good working knowledge of HTML AND CSS and how they
function, PLEASE STOP HERE. Do not attempt to make any changes to your HTML
or CSS files if you do not know exactly what you are doing. Even "little"
changes, if they are not done correctly, can break your webpage. If you do not
know CSS and HTML please consult with someone who does to make the change. Please
contact your Amplafi representative if you have questions.

Each message has different message parts, as listed below, all together
they create the complete message to (ultimately) be published on your website. Note
you will see different message parts being used depending on the content of your
message. You might see headlines, event start times, location info, etc.
*/

/* You can create more styling rules by mixing any of the following selectors.
For example, 
  .amptpl_Block .amp_headline {} can be used to style just headlines in the amptpl_Block template
  #ampmep_30 .amp_headline {} can be used to style headlines displayed at modification point 'ampmep_30' - each modification point is different.
  Look at the generated html file to see what the modification point is labeled.  */

.amptpl_Block .amp_headline{ /* headline(s) within Block template */
	font-size:large;font-weight:bold;text-decoration:underline}

/* template formatting rules */
.amptpl_Block { /* messages formatted with the 'Block' style */
	}
.amptpl_Block .amp_separator {
    border-top-color: #000FFF;
    border-top-style: dotted;
    border-top-width: 1px;
    margin-bottom: 5px;
    margin-right: auto;
    margin-top: 5px;
    width: 100%
    }
.amptpl_List { /* messages formatted with the 'List' style */
    }
.amptpl_Table { /* messages formatted with the 'Table' style */
    }
.amptpl_Headline{ /* messages formatted with the 'Headline' style */
    }
.amptpl_HeadlinePreview{ /* messages formatted with the 'HeadlinePreview' style */
    }
.amptpl_EventHorizontalPreview{ /* messages formatted with the 'EventHorizontalPreview' style */
    }
.amptpl_EventHorizontalPreview .amp_separator {
    border-top-color: #000FFF;
    border-top-style: dotted;
    border-top-width: 1px;
    margin-bottom: 5px;
    margin-right: auto;
    margin-top: 5px;
    width: 175px;
    }
.amptpl_Coupon{ /* a "coupon" with dotted lines around it (looks like a printed newspaper coupon) */ 
    width:250px;padding:10px;border-style:dotted;margin:10px;text-align:center;justify;}
 
.amptpl_Coupon .amp_headline{ /*headline(s) within Coupon template*/
	font-size:large;}
	
.amptpl_Coupon .amp_headline .amp_urgent{ /*style for Urgent headline*/
	font-weight:bold;}
		
.amptpl_Coupon .amp_preview{ /*content of coupon*/
	}		
		
.amptpl_Coupon .amp_eventStart:before{ /*start date for event/coupon*/ 
	content:"Good from ";display:inline;} /* note css content property is supported by IE 8 (and higher) if a !DOCTYPE is specified,
	 may not work in earlier versions */

.amptpl_Coupon .amp_eventEnd:before{ /*end date for event/coupon*/
	content:" to ";} 		
		
.amptpl_Coupon .amp_deadline{ /*style for expiration date of coupon*/
	text-align:right;}
	
/* general rules */
.amp_headline{ /* headline(s) */
	font-weight:bold;
}
.amp_message{ /* this is the message body */
}
.amp_preview{ /* part of message body - something not covered by one of the other listed message parts */
}
.amp_eventStart{ /* the time the event starts */
}
.amp_eventEnd{ /* the time the event ends */
}
.amp_eventLocation{ /* where the event is located */
}
.amp_eventMap{ /* address/map of the event location */
}
.amp_presenter { /* TODO: how to format presenters information -used by Cherie */
}
.amp_deadline{ /* deadline-to-act/rsvp for the event */
}
.amp_contact{ /* contact info */
}
.amp_lastUpdated{ /* last updated */
}
.amp_resources{ /* resources in your message */
}
.amp_links{ /* links in your message */
}
.amp_images{ /* images in your message */
}
.amp_videos{ /* videos in your message */
}
.amp_audio{ /* audio files in your message */
}
.amp_documents{ /* documents in your message */
}
.amp_separator { /* separator between multiple messages */
}
.ampmep { /* rule to apply to all amplafi modifications */
}