﻿/*********************************************************************************************  

StyleSheet: 	Custom SharePoint Ribbon Markup Styles
Filename:		custom-markup-styles.css
Description: 	This stylesheet is usd to define new custom markup styles in the SharePoint
				Ribbon. 
								
Author: 		Drew Frisk
Version:		N/A
Last Update: 	4.15.11

******************************************************************************************/

.ms-rteStyle-Normal {
	-ms-name:			"Normal";
	font-family:		Verdana,Arial,sans-serif;
	font-size:			8pt;
	/* [ReplaceColor(themeColor:"Dark1")] */ 		color:				#100515;
	/* [ReplaceColor(themeColor:"Light1")] */ 		background-color:	#fff;
}
.ms-rteStyle-Highlight {
	-ms-name:			"Highlight";
	/* [ReplaceColor(themeColor:"Dark1-Darker")] */ color:				#312a26;
	/* [ReplaceColor(themeColor:"Accent6")] */ 		background-color:	#fae032;
}
.ms-rteStyle-Byline {
	-ms-name:			"By Line";
	/* [ReplaceColor(themeColor:"Dark1",themeTint:"0.29")] */ color:	#9c9c9c;
}
.ms-rteStyle-Tagline{
	-ms-name:			"Tag Line";
	font-size:			1.3em;
	/* [ReplaceColor(themeColor:"Dark1",themeTint:"0.45")] */ color:	#c19316;
}
.ms-rteStyle-Comment{
	-ms-name:			"Comment";
	font-style:			italic;
	/* [ReplaceColor(themeColor:"Accent5-Darkest")]*/color:				#000;
	/* [ReplaceColor(themeColor:"Dark1")] */ 		text-shadow:		0px 0px 5px #623f99;
}
.ms-rteStyle-References{
	-ms-name:			"References";
	/* [ReplaceColor(themeColor:"Dark1-Lightest")] */color:				#828282;
}
.ms-rteStyle-Caption{
	-ms-name:			"Caption";
	/* [ReplaceColor(themeColor:"Accent3")] */ 		color:				#c19316;
}


/****************************
	RIBBON MARKUP STYLES
****************************/
H1.ms-rteElement-H1 {
	-ms-name:			"Heading 1";
	font-size:			2em;
	font-weight:		bold;
	letter-spacing:		-0.03em;
	color:				#000000;
}
H2.ms-rteElement-H2 {
	-ms-name:			"Heading 2";
	font-size:			1.6em;
	font-weight:		bold;
	color:				#000000;	
}
H3.ms-rteElement-H3 {
	-ms-name:			"Heading 3";
	font-size:			1.3em;
	color:				#000000;	
}
H4.ms-rteElement-H4 {
	-ms-name:			"Heading 4";
	font-size:			1.1em;
	font-weight:		bold;
	font-style:			italic;
	color:				#000000;	
}
H1.ms-rteElement-H1B {
	-ms-name:			"Colored Heading 1";
	/* [ReplaceColor(themeColor:"Accent1")] */ 		color: 		#623f99;
	font-size:			2em;
	font-weight:		normal;
}
H2.ms-rteElement-H2B {
	-ms-name:			"Colored Heading 2";
	/* [ReplaceColor(themeColor:"Accent2")] */ 		color:		#623f99;
	font-size:			1.6em;
	font-weight:		normal;
}
H3.ms-rteElement-H3B {
	-ms-name:			"Colored Heading 3";
	/* [ReplaceColor(themeColor:"Accent3")] */ 		color:		#623f99;
	font-size:			1.3em;
	font-weight:		normal;
}
H4.ms-rteElement-H4B {
	-ms-name:			"Colored Heading 4";
	/* [ReplaceColor(themeColor:"Accent5")] */ 		color:		#623f99;
	font-size:			1.1em;
	font-weight:		bold;
	font-style:			italic;
}
HR.ms-rteElement-Hr {
	-ms-name:			"Horizontal Rule";
	/* [ReplaceColor(themeColor:"Light1-Medium")] */ background-color:#100515;
	height:				1px;
}
P.ms-rteElement-P {
	-ms-name:			"Paragraph";
	/* [ReplaceColor(themeColor:"Dark2-Darker")] */ color:		#100515;
	
}
DIV.ms-rteElement-Callout1 {
	-ms-name:			"Callout 1";
	color:				#593a04;
	background-color:	#fef4e4;
	float:				left;
	width:				25em;
	padding:			1em;
	border:				1px solid #623f99;
	margin-right:		1em;
}
DIV.ms-rteElement-Callout2 {
	-ms-name:			"Callout 2";
	color:				#353738;
	background-color:	#f2f2f2;
	float:				right;
	width:				25em;
	padding:			1em;
	border-top:			8px solid #dcac2b;
	border-right:		1px solid #dcac2b;
	border-bottom:		8px solid #dcac2b;
	border-left:		1px solid #dcac2b;
	margin-left:		1em;
}
DIV.ms-rteElement-Callout3 {
	-ms-name:			"Callout 3";
	font-style:			italic;
	color:				#737373;
	float:				right;
	width:				25em;
	padding:			8px;
	margin-left:		1em;
}
DIV.ms-rteElement-Callout4 {
	-ms-name:			"Callout 4";
	color: 				#100515;
	float:				right;
	width:				25em;
	padding:			1em;
	background-color: 	transparent;
	font-family:		Verdana,Geneva,sans-serif;
	border:				1px solid #ccc;
	margin-left:		1em;
}

/****************************
	IMAGE MARKUP STYLES
****************************/
img.ms-rteImage-1 {
    background-color:	transparent;
    background-image:	none;
    border: 			1px solid #100514;
}

img.ms-rteImage-2 { /* Table Border */
    border-color: 		#D8D8D8 #BFBFBF;
    border-style: 		solid;
    border-width: 		1px;
    padding: 			2px;
}

img.ms-rteImage-3 { /* Dark Border Style */
    background-color:	transparent;
    background-image:	none;
    border: 			5px solid #100514;
    box-shadow: 		0 0 1px rgba(0, 0, 0, 0.3);
    padding: 			0;
/*    position: 			relative;*/
}

img.ms-rteImage-4 { /* Light Border Style */
    background-color:	transparent;
    background-image:	none;
    border: 			10px solid #FFFFFF;
    box-shadow: 		0 0 1px rgba(0, 0, 0, 0.3);
    padding: 			0;
/*    position: 			relative;*/
}

/****************************
	TABLE MARKUP STYLES
****************************/

/***Table Style 3***/
.ms-rteTable-6 th.ms-rteTableHeaderEvenCol-6, .ms-rteTable-6 th.ms-rteTableFooterEvenCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderFirstCol-6, .ms-rteTable-6 th.ms-rteTableFooterFirstCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderLastCol-6, .ms-rteTable-6 th.ms-rteTableFooterLastCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderOddCol-6, .ms-rteTable-6 th.ms-rteTableFooterOddCol-6 {
    background-color: #8166a9;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #FFFFFF;
    padding:3px;
}
.ms-rteTable-6 td.ms-rteTableEvenCol-6, .ms-rteTable-6 td.ms-rteTableFooterEvenCol-6,
.ms-rteTable-6 td.ms-rteTableOddCol-6, .ms-rteTable-6 td.ms-rteTableFooterOddCol-6, 
.ms-rteTable-6 td.ms-rteTableHeaderFirstCol-6, .ms-rteTable-6 td.ms-rteTableFooterFirstCol-6,
.ms-rteTable-6 td.ms-rteTableHeaderLastCol-6, .ms-rteTable-6 td.ms-rteTableFooterLastCol-6,
.ms-rteTable-6 td.ms-rteTableHeaderOddCol-6, 
.ms-rteTable-6 td {
    padding:3px;
}

.ms-rteTable-6 th.ms-rteTableHeaderEvenCol-6, .ms-rteTable-6 td.ms-rteTableFooterEvenCol-6,
.ms-rteTable-6 th.ms-rteTableHeaderOddCol-6, .ms-rteTable-6 td.ms-rteTableFooterOddCol-6,
.ms-rteTable-6 td.ms-rteTableFooterLastCol-6 {
    background-color: #8166a9;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    color: #FFFFFF;
}

/***Table Style 4***/
.ms-rteTable-goldhover {
	-ms-name:"Table Style 4 - Gold Hover";} /* sets the name of the table style */

.ms-rteTable-goldhover td,
th.ms-rteTableFirstCol-goldhover,
th.ms-rteTableFooterFirstCol-goldhover {
	padding:10px;
	text-align:center;
	border-bottom:1px solid #ccc;
}
.ms-rteTableHeaderRow-goldhover th {
	background:#ccc;
	color:#333;
	padding:10px;
	text-align:center;
}

.ms-rteTableOddRow-goldhover:hover,
.ms-rteTableEvenRow-goldhover:hover {
	background:#ffd96e;
}

.ms-rteTableFooterRow-goldhover td,
th.ms-rteTableFooterFirstCol-goldhover{
	padding:10px;
	border-top:1px solid #ccc;
	background:#efefef;
}