/* 
8/5/11 This stylesheet places UCEAP customized styles into the SP ribbon in the Markup Styles dropdown.

To use, add the PrefixStyleSheet attribute to each RichHTMLField with a value of "user-styles".

This stylesheet must also be referenced in the corresponding master page. 

SharePoint lists: this style sheet only works for pages that have the RichHTMLField editor.
To add these styles to the Markup Styles dropdown that appears when editing SharePoint lists,
you need to edit the style sheet, /Style Library/en-us/Themable/Core Styles/control.css.
Example: replace the H2.ms-rteElement-H2 style in control.css with:

H2.ms-rteElement-H2
{
	-ms-name:"Large Header";
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#003366; 
	font-size:22px; 
	margin-bottom:23px; 
	clear:right;
}

*/

H2.user-stylesElement-H2
{
	-ms-name:"Large Header";
	font-family:Georgia, "Times New Roman", Times, serif; 
	color:#003366; 
	font-size:22px; 
	margin-bottom:23px; 
	clear:right;
	margin-top:15px!important; /* Added by SS; 1/5/12; less space above heading requested by Marketing. */
}

H3.user-stylesElement-H3
{
	-ms-name:"Medium Header";
	font-size:15px!important; 
	font-family:Arial, Helvetica, sans-serif!important; 
	margin-bottom:0!important;
}

H4.user-stylesElement-H4
{
	-ms-name:"Small Header - 1";
	font-size:13px!important; 
	color:#cc9900;
}

H5.user-stylesElement-H5
{
	-ms-name:"Small Header - 2";
	color:#cc9900;
}

P.user-stylesElement-P
{
	-ms-name:"Plain Text";
}

DIV.user-stylesElement-AlertBox {
  -ms-name:"Alert Box";
  
   background: url(/Style%20Library/Images/attn-keyline.jpg) top left no-repeat;
	border-bottom: solid 2px #d1d1d1;

  background-color: #fcf8eb;
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	display: table;
	overflow: hidden;
	padding: 10px 25px 10px 25px;
	font-style:italic;
	width:515px;

}

DIV.user-stylesElement-InfoBox {
  -ms-name:"Info Box";
  
  background: url(/Style%20Library/Images/attn-keyline.jpg) top left no-repeat;
	border-bottom: solid 2px #d1d1d1;
  background-color: #fcf8eb;
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	display: table;
	overflow: hidden;
	padding: 10px 25px 10px 25px;
	font-style:italic;
	width:515px;
}

DIV.user-stylesElement-GuideBookBox {
  -ms-name:"Guidebook Box";
  
   background: url(/Style%20Library/Images/attn-keyline.jpg) top left no-repeat;
	border-bottom: solid 2px #d1d1d1;

  background-color: #fcf8eb;
	font-size: 13px;
	line-height: 16px;
	color: #000000;
	display: table;
	overflow: hidden;
	padding: 10px 25px 10px 25px;
	font-style:italic;
	width:515px;

}

/* to see how this is done, check /style library/en us/themable/core styles/htmleditorstyles.css */
.user-stylesTable-0   {
	-ms-name:"Silver Top";
	border-bottom:thick silver solid;
	border-collapse: collapse;
}

.user-stylesTable-0 th 
{
	padding:5px 5px; 
	border: thin silver solid;
	background: url(/Style%20Library/Images/shade.gif); line-height: 12px;
}

.user-stylesTable-0 td 
{
	padding:5px 5px; 
	border-left: thin silver solid; 
	border-right: thin silver solid;
}

.user-stylesTable-1
{
	-ms-name:"Blue Top";
	width:575px; 
	font-size:14px; 
	vertical-align:middle; 
	text-indent:10px; 
	margin-bottom:15px;
}

.user-stylesTable-1 th
{
	background-color:#19445f; 
	height:35px;
	color:#fff;
	border-top: 1px #19445f solid;
	border-left: 1px #19445f solid;
	border-right: 1px #19445f solid;

}

.user-stylesTable-1 td
{
	color:#272727;
	background:#f4f6f7; 
	border-bottom: 1px solid #ccc; 
	overflow:hidden;  
	padding: 15px;
}

.user-stylesTable-1 tr
{
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}