/** End Point Help styles used in iCM **/

/** Style up the help so it lays out similarly in the editor, the drop-down styles list, and when displayed for reading **/
/** NOTE: Because this gets included by the modeller, for one, we want to avoid styling general elements like the body tag **/
/** NOTE:This stylesheet is included in conjunction with the icm.css in some cases, so be aware that icm.css has classes with the same name that we want to avoid getting a look in **/

/**
	The 'icmhelp' class is used when displaying endpoint help to the end user (eg. via the
	'Endpoint help' toolbar button on an endpoint's Script tab, or via the 'Endpoint Parameters'
	popup of an 'iCM Endpoint Task' in the Process Modeller).
	
	The 'cke_editable' class is used by the ckeditor used to edit the endpoint and template help.
	
	The 'cke_panel_block' class is used by the Styles drop-down panel in the ckeditor toolbar.
 **/

.cke_panel_block, .cke_editable, .icmhelp
{
	background-color: #fff;
	font-family: Tahoma,sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 10px !important; /* Necessary to stop the scrolls displaying in the wrong place */
	color: #666;
}

.cke_editable {
	padding-top: 10px;
}

.icmhelp .helpsubtitle,
.icmhelp .helpsubtitle2,
.icmhelp .helpsubtitle3,
.icmhelp .helptext,
.icmhelp p,
.cke_editable .helpsubtitle,
.cke_editable .helpsubtitle2,
.cke_editable .helpsubtitle3,
.cke_editable .helptext,
.cke_editable p,
.cke_panel_block .helpsubtitle,
.cke_panel_block .helpsubtitle2,
.cke_panel_block .helpsubtitle3,
.cke_panel_block .helptext,
.cke_panel_block p {
	font-family: Tahoma,sans-serif;
	padding: 0px;
	margin: 0px;
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;	
    margin-bottom: 5px;
	color: #666;    
}

.icmhelp em,
.icmhelp cite,
.icmhelp dfn,
.cke_editable em,
.cke_editable cite,
.cke_editable dfn,
.icmhelp em,
.icmhelp cite,
.icmhelp dfn,
.cke_panel_block em,
.cke_panel_block cite,
.cke_panel_block dfn {
	font-style: italic;
} 

.icmhelp caption,
.icmhelp strong,
.icmhelp th,
.cke_editable caption,
.cke_editable strong,
.cke_editable th,
.icmhelp caption,
.icmhelp strong,
.icmhelp th,
.cke_panel_block caption,
.cke_panel_block strong,
.cke_panel_block th {
	font-weight: bold;
}

.icmhelp caption,
.cke_editable caption,
.cke_panel_block caption {
	text-align: center;
}

.icmhelp table,
.cke_editable table,
.cke_panel_block table {
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}

.icmhelp td,
.cke_editable td,
.cke_panel_block td,
.icmhelp th,
.cke_editable th,
.cke_panel_block th {
	padding: 2px;
}

.icmhelp .helpsubtitle,
.cke_editable .helpsubtitle,
.cke_panel_block .helpsubtitle
{
	font-size: 125%;
	font-weight: bold;
}

.icmhelp .helpsubtitle2,
.cke_editable .helpsubtitle2,
.cke_panel_block .helpsubtitle2
{
	font-size: 100%;
	font-weight: bold;
}

.icmhelp .helpsubtitle3,
.cke_editable .helpsubtitle3,
.cke_panel_block .helpsubtitle3
{
	font-size: 100%;
	font-style: italic;
}

.icmhelp .helptext,
.cke_editable .helptext,
.cke_panel_block .helptext
{
	font-size: 100%;
	font-style: normal;
}

.icmhelp .helplink,
.cke_editable .helplink,
.cke_panel_block .helplink
{
	text-decoration: underline;
	color: #428bca;
}

/*
	START QUOTE & LIST FIXES
	Get quotes and lists styling the same in the end point help window as within the end point help text editor.
	See https://jira.gossinteractive.com/browse/PTICM-6279
*/

.icmhelp ul,
.cke_editable ul {
	list-style: disc;
}
.icmhelp ol,
.cke_editable ol {
	list-style: decimal;
}
.icmhelp ul,
.cke_editable ul,
.icmhelp ol,
.cke_editable ol {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 40px;
}
.cke_panel_block ol,
.cke_panel_block ul {
	margin-top: 1em;
}

.icmhelp blockquote,
.cke_editable blockquote,
.cke_panel_block blockquote {
    font-size: 100%;
    border-left: 5px solid #eee;	
	margin-top: 1em;
	margin-bottom: 1em;
	padding-left: 25px;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -moz-margin-start: 0;
    -moz-margin-end: 0;
}

.icmhelp q::before,
.cke_editable q::before,
.cke_panel_block q::before {
    content: open-quote;
}
.icmhelp q::after,
.cke_editable q::after,
.cke_panel_block q::after {
    content: close-quote;
}

/*
	END START QUOTE & LIST FIXES
*/