/*******************************  stdPurple  *******************************
 * This css contains only the colour definitions
 * The styles are based on
 * - Template: stdNatCen.htm
 * See
 * - stdNatCen.css for global (not colour and font related) styles
 * - stdFont.css for all font related styles
 * - helpLinks.css for all DEFAULT help-link-dialog styles
 *   all helpLink styles in this file will overrule the default styles
 *   if this file is linked to the template after the helpLinks.css
 **
 * Used colours
 * Purple #b053a1 , Light purple #cb7fb9
 * Blue #00affa , Green #34b978, RED #F2706D
 * Black #000 , Dark Grey #cdcdcd , Light Grey #e6e6e6 , White #FFF
 **
 * REVISIONS
 * - V1.0  27/02/2015 Initial Release
 ***************************************************************************/


 
 
/* + + + + + + + + + + + + + + + + + + + + Purple  #b053a1 + + + + + + + + + + + + + + + + + + + + */
#main-section .header,
#slide-section .sub-container
{
	background-color: #b053a1;
}

#main-section .footer
{
	border-top-color: #b053a1;
}


.FCABlue {
  /*font-weight: 700; */
  color: #007faa;
}  

.FCAGrey {
  /*font-weight: 700;*/
  color: #646263;
}  

.mrQuestionText,.mrSingleText
{
	font-weight: Normal !Important;
}

/* + + + + + + + + + + + + + + + + + + Purple (Light)  #cb7fb9 + + + + + + + + + + + + + + + + + + */
#main-section #info-section,
#slide-section #info-section
{
	color: #cb7fb9;
}


/* + + + + + + + + + + + + + + + + + + + +  Red  #F2706D  + + + + + + + + + + + + + + + + + + + + */
.ii-text
{
	color: #F2706D;
}


/* + + + + + + + + + + + + + + + + + + + +  Blue  #00affa  + + + + + + + + + + + + + + + + + + + + */
#pgbox .pgbox-menu .highlight
{
	color: #00affa;
}


.mrErrorText
{
	/* !important >> red is the inline-style */
	/* color: #f28500 !important; */
	color: #00affa !important;
}

#main-section .progress-bar,
textarea,
input[type='text']
{
	border-color: #00affa;
}

.progress-bar td
{
	/*
		The default background-color (defined in the template) is #00affa (Blue)
		There are two ways to change the background-color
		- Go to the <mrProgressBar> tag in the template and change the 'Color'-attribute's value
		- Use the following code (including '!important' to overrule the inline-style)
		background-color: #00affa !important;
	*/
}

input[type="submit"]:hover
{
	background-color: #00affa;
}


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


/* + + + + + + + + + + + + + + + + + + + +  Black #000  + + + + + + + + + + + + + + + + + + + + + */
body,
html,
.small-help div
{
	color: #000;
}

@media (max-width: 480px){
	input[type=checkbox] {
		border-color: #000;
	}
}
body.phone-ls-device input[type=checkbox],
body.phone-pt-device input[type=checkbox]
{
	border-color: #000;
}


/* + + + + + + + + + + + + + + + + + + + Grey (Dark) #cdcdcd + + + + + + + + + + + + + + + + + + + 
 CM changed menu icon colour from grey to purple to disguise it
*/
#main-section .menu-icon,
#slide-section,
#slide-section .menu-icon
{
	/*background-color: #cdcdcd;*/
	background-color: #b053a1;
}
#pgbox .pgbox-menu .completed
{
	color: #cdcdcd;
}

.debug-logs {
	color: #cdcdcd;
}


/* + + + + + + + + + + + + + + + + + + + Grey (Light) #e6e6e6 + + + + + + + + + + + + + + + + + + + */
tr:hover,
input[type="submit"],
input[type="submit"]:hover.disabled,
#pgbox #main-section .pgbox-section.pgbox-menu,
#pgbox #main-section .pgbox-mobile-section .pgbox-menu,
#pgbox #main-section .pgbox-mobile-section .pgbox-bar
{
	background-color: #e6e6e6;
}


/* + + + + + + + + + + + + + + + + + + + + +  White #FFF  + + + + + + + + + + + + + + + + + + + + + */

#main-section,
tr:hover td.hasRowSpan
{
	background-color: #FFF;
}

#main-section .header a,
#slide-section a,
.version-number
{
	color: #FFF;
}

@media (max-width: 480px){
	tr:hover
	{
		background-color: #FFF;
	}
}
body.phone-ls-device tr:hover,
body.phone-pt-device tr:hover
{
	background-color: #FFF;
}




/* + + + + + + + + + + + + + + + + + + + + + + Gradients + + + + + + + + + + + + + + + + + + + + + + */
input[type="submit"]
{
	-webkit-box-shadow: 1px 1px 1px rgba(130, 130, 130, 0.75); /* Grey shadow right and bottom */
	-moz-box-shadow:    1px 1px 1px rgba(130, 130, 130, 0.75);
	box-shadow:         1px 1px 1px rgba(130, 130, 130, 0.75);
}