/*******************************  helpLinks.css  *******************************
 * These styles are based on
 * - Template: stdNatCen.htm
 * - Javascript: helpLinks.js
 * - CUSTOM className: 'ax-dialog' which is added to the dialog in 'helpLinks.js'
 **
 * REVISIONS
 * - V1.0	27/02/2015 Initial Release
 * - V1.1	26/05/2015 Add all default styles so this can be used by other templates
 *        (like catiTemplate) std specific styles can overrule these style by
 *				linking that css to the template after linking this css file
 * - V1.2 03/02/2016 Added styles for Helplinks in table
 *******************************************************************************/

.help-link div,
.help-link span,
.small-help div,
.small-link span,
.long-help
{
	display: none;
}

img.help-status-icon.passive-link,
img.help-status-icon.active-link
{
	margin-right: 5px;
	padding-top: 3px;
}

p.helper-link
{
	margin: 0;
}

.small-help,
.cursor-pointer
{
  cursor: pointer;
}

.focusedByTab:focus{
  outline-color: #CCEDDE; /* #34b978; */
  outline-width: thin;
  outline-offset: 1px;
  outline-style: outset;
}

.small-help div
{
	color: #000; /* BLACK */
}

.help-link,
.helper-link,
.small-help,
.long-help,
.qdlTriggerTxt,
.ax-dialog .ui-widget-header,
.ax-dialog .ui-dialog-content
{
	color: #34b978; /* stdNatCen Green  #34b978 */
}

.qdlTriggerTxt /* LINK for helpDialog */
{
	color: #34b978; /* stdNatCen Green  #34b978 */
	text-decoration: underline;
}

.qdlTriggerTxtHover /* LINK for helpDialog */
{
	color: #00B4DE; /* BLUE */
}

.qdlTriggerTxt img 
{
	padding: 4px 4px 0 0;
}

.ax-dialog.ui-widget
{
  border-color: #34b978;  /* stdNatCen Green  #34b978 */
	line-height:1.5;
	font-family:Arial,HelveticaNeue,sans-serif;
	font-size: 1em;
}

.ax-dialog .ui-dialog-titlebar,
.ax-dialog .ui-dialog-titlebar button
{
  background: none;
  border: none;
}

.ax-dialog .ui-dialog-content
{
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 15px;
}

/* Helplinks in table */
td .dc-rendered-help-set img.help-status-icon.passive-link,
td .dc-rendered-help-set img.help-status-icon.active-link,
td .small-help img.help-status-icon.passive-link,
td .small-help img.help-status-icon.active-link
{
	display: inline-block;
	float: none;
}
td .dc-rendered-help-set img.help-status-icon.passive-link.hidden,
td .dc-rendered-help-set img.help-status-icon.active-link.hidden,
td .small-help img.help-status-icon.passive-link.hidden,
td .small-help img.help-status-icon.active-link.hidden
{
	display: none;
}
td .dc-rendered-help-set p
{
	display: inline-block;
	float: none;
}