/*<meta conditions="" />*/

@import url('Styles.css');

@import url('FAB.css');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

/* Single-sourcing of styles, for game rules projects. Be sure to import and update the style sheet via global project linking. */
/* Add styles and overrides that are specific to THIS project below */

/* CONTENTS
	COLOUR REFERENCE
	CUSTOM FONTS
	GENERIC
	MAIN
	DIV
	MADCAP
	MEDIA - TABLET
	MEDIA - MOBILE
	MEDIA - PRINT
	MISCELLANEOUS
	APPENDED (to organise)
*/

/* =COLOUR REFERENCE
   Accent 1:				#d5a722 (yellow)
   Accent 2:				#724d03 (dark yellow)
   Body text:				#
   Body background:     	#
   Links:               	#[accent 1], #[accent 2]
*/

/* =CUSTOM FONTS */
/* =GENERIC */

.sequenceA
{
	mc-auto-number-format: 'A:A{Gn+}: ';
}

/* =MAIN */

a:link /*see Style.css for global properties */
{
	color: #d5a722;
}

a:visited /*see Style.css for global properties */
{
	color: #724d03;
}

/* =DIV */

div.NoticeExample
{
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	border-radius: 8px;
	border: solid 2px #2ecc71;
	background-color: #ffffff;
	margin: 6px 0px;
}

div.NoticeExample MadCap|dropDownHead:before, div.NoticeExample .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "Example: ";
}

div.NoticeExample > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "Example: ";
}

div.NoticeExample > p:first-child
{
	margin-top: 0;
}

div.NoticeExample p:last-child
{
	margin-bottom: 0;
}

div.NoticeNote
{
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	border: solid 2px #3498db;
	border-radius: 8px;
	background-color: #ffffff;
	margin: 6px 0px;
}

div.NoticeNote MadCap|dropDownHead:before, div.NoticeNote .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "Designer's note: ";
}

div.NoticeNote > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "Designer's note: ";
}

div.NoticeNote > p:first-child
{
	margin-top: 0;
}

div.NoticeNote p:last-child
{
	margin-bottom: 0;
}

div.NoticeReminder
{
	background-color: #fbf6f2;
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	border: solid 2px #e64c3c;
	border-radius: 8px;
	margin: 6px 0px;
}

div.NoticeReminder MadCap|dropDownHead:before, div.NoticeReminder .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "Remember! ";
}

div.NoticeReminder > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "Remember! ";
}

div.NoticeReminder > p:first-child
{
	margin-top: 0;
}

div.NoticeReminder p:last-child
{
	margin-bottom: 0;
}

div.NoticeSpecial
{
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	background-color: #ffffff;
	border: solid 2px #a655cf;
	border-radius: 8px;
	margin: 6px 0px;
}

div.NoticeSpecial MadCap|dropDownHead:before, div.NoticeSpecial .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "Special rule: ";
}

div.NoticeSpecial > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "Special rule: ";
}

div.NoticeSpecial > p:first-child
{
	margin-top: 0;
}

div.NoticeSpecial p:last-child
{
	margin-bottom: 0;
}

div.NoticeTip
{
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	background-color: #ffffff;
	border: solid 2px #f0c40f;
	border-radius: 8px;
	margin: 6px 0px;
}

div.NoticeTip MadCap|dropDownHead:before, div.NoticeTip .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "Tip: ";
}

div.NoticeTip > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "Tip: ";
}

div.NoticeTip > p:first-child
{
	margin-top: 0;
}

div.NoticeTip p:last-child
{
	margin-bottom: 0;
}

div.NoticeHouseRule
{
	line-height: 18px;
	overflow: hidden;
	padding: 12px;
	border: dashed 2px #bbbbbb;
	border-radius: 8px;
	background-color: #ffffff;
	margin: 6px 0px;
}

div.NoticeHouseRule MadCap|dropDownHead:before, div.NoticeHouseRule .MCDropDownHead:before /* To style this notice type where drop-down is used within the div. First part acts to display in the Flare editor and to output to the Print medium, second part to output to HTML. */
{
	content: "House rule: ";
}

div.NoticeHouseRule > p:first-child:before /* To style this notice type where drop-down is NOT used within the div. */
{
	font-weight: bold;
	content: "House rule: ";
}

div.NoticeHouseRule > p:first-child
{
	margin-top: 0;
}

div.NoticeHouseRule p:last-child
{
	margin-bottom: 0;
}

/* =MADCAP */

MadCap|xref
{
	color: #d5a722;
}

MadCap|conceptLink
{
	color: #d5a722;
}

MadCap|keywordLink
{
	color: #d5a722;
}

MadCap|relatedTopics
{
	color: #d5a722;
}

MadCap|shortcut
{
	color: #d5a722;
}

MadCap|relationshipsItem
{
	color: #d5a722;
}

/* =MEDIA - TABLET */
/* =MEDIA - MOBILE */
/* =MEDIA - PRINT */

@media print
{	
	div.NoticeSpecial
	{
		background-color: #f5f5f5;
		border-width: 1px;
		page-break-inside: avoid;
	}

	div.NoticeTip
	{
		background-color: #f5f5f5;
		border-width: 1px;
		page-break-inside: avoid;
	}

	div.NoticeHouseRule
	{
		background-color: #f5f5f5;
		border-width: 1px;
		page-break-inside: avoid;
	}

	div.NoticeNote
	{
		background-color: #f5f5f5;
		border-width: 1px;
		page-break-inside: avoid;
	}

	div.NoticeExample
	{
		background-color: #f5f5f5;
		border-width: 1px;
		page-break-inside: avoid;
	}

	div.NoticeReminder
	{
		border-width: 1px;
		page-break-inside: avoid;
	}
}

/* =MISCELLANEOUS */
/* =APPENDED (to organise) */