/* CSS - Surpass Standard Delivery CSS file*/

@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";


/* ---------------------------------------- Colours ---------------------------------------- 

Theme Colours

Standard              #005FA8
Light 70%*            #4087BE
Very Light 50%*       #60B6E2


Highlight Colours

Standard              #E59900
Light 70%*            #F5C040
Very Light 50%*       #F9D580
Ultra Light 25%*      #FBE6B2

UI Colours

Ultra Dark Grey       #25393F
Very Dark Grey        #495A61
Dark Grey             #80929B
Grey                  #BFC9CD
Light Grey            #DFE7EB
Very Light Grey       #EEF2F5
Ultra Light Grey      #FAFBFC


Error

Dark Red              #A61D30
Red                   #C32238
Light Red             #D94040
Ultra Light Red       #ffe1e5

*approx

*/


/* ------------------------------------- Images ------------------------------------- */

/*

.backgroundWatermark
{
	image: Embed("../images/watermark.jpg");
}

.questionButton
{
	flagClip: Embed(source="../icons/flag.swf");
}

.flagButton
{
	icon: Embed("../icons/flagButton.swf");
}

.commentButton
{
	icon: Embed("../icons/commentNoAdded_16x16.swf");
}

.commentButtonWithComment
{
	icon: Embed("../icons/commentAdded_16x16.swf");
}


.logoContainer
{
	backgroundImage: Embed(source="../icons/logo.swf");
}

*/


/* ------ Located in shared ------- 

.examProgressBarForeground
{
	backgroundImage: Embed("../../../../shared/skins/examProgressForeground_blue.swf");
}

.sectionProgressBarForeground
{
	backgroundImage: Embed(source="../../../../shared/skins/sectionProgressForeground_blue.swf");
}

.breadcrumbScrollUp
{
	icon: Embed(source="../../../../shared/icons/delivery/deliveryIcons/breadcrumbScrollUp_white.swf");
}

.breadcrumbScrollDown
{
	icon: Embed(source="../../../../shared/icons/delivery/deliveryIcons/breadcrumbScrollDown_white.swf");
}

*/

/* ------------------------------------- Containers ------------------------------------- */

.assessmentContainer
{
	borderColor: #80929B;	
	backgroundColor: #ffffff;
	backgroundColours: #ffffff, #ffffff;
}

.contentBackground
{
	borderColor: #BFC9CD;	
	backgroundColor: #FAFBFC;
	backgroundColours: #FAFBFC, #FAFBFC;
}


/* ------------------------------------- Progress Bar ------------------------------------- */

.examProgressBar
{
	backgroundColours: #FFFFFF, #FFFFFF;
	progressBarColours: #E59900, #E59900;
	backgroundBorderColour: #25393F;
}

/* ------------------------------------- Buttons ------------------------------------- */

.helpButton, .introButton, .toolsButton, .preferencesButton
{
	color: #25393F;
	disabledColor: #25393F;
	fillColours: #ffffff, #DFE7EB,   #ffffff, #BFC9CD,   #BFC9CD, #ffffff,   #ffffff, #ffffff;
	borderColours: #80929B, #80929B;
	dropShadowAlpha: 0.3;
}

.startButton, .returnButton
{
	color: #25393F;
	disabledColor: #25393F;
	fillColours: #F9D580, #F5C040,   #FBE6B2, #F5C040,   #F5C040, #FBE6B2,   #F9D580, #F5C040;
	borderColours: #E59900, #E59900;
	dropShadowAlpha: 0.3;
}



/* ------------------------------------- Section Tabs ------------------------------------- */

.sectionTabScrollButton
{
	color: #ffffff;
	fillColours: #4087BE,#005FA8   ,#60B6E2,#005FA8   ,#005FA8,#60B6E2   ,#4087BE,#005FA8;
	borderColours: #005FA8, #005FA8;
	iconColour: #666666;
}


.sectionTab, .sectionTabSelected
{
	color: #25393F;
	disabledColor: #25393F;
	fillColours: #EEF2F5, #EEF2F5,  #ffffff, #ffffff,   #EEF2F5, #EEF2F5,   #ffffff, #ffffff;
	borderColours: #80929B, #80929B;
}

.sectionProgressBar
{
	backgroundColours: #ffffff, #ffffff;
	progressBarColours: #E59900, #E59900;
	backgroundBorderColour: #25393F;
}

.sectionSelectorRenderer
{
	sectionSelectorRendererColours: #ffffff,#fceecf,#08e034,#F4A82D;
}

.sectionSelectorPanel
{
	sectionSelectorPanelColours: #ffffff,#fceecf,#08e034,#F4A82D;
}

/* ------------------------------------- Breadcrumbs ------------------------------------- */

.breadcrumbScrollButton
{
	color: #ffffff;
	fillColours: #4087BE,#005FA8   ,#60B6E2,#005FA8   ,#005FA8,#60B6E2   ,#4087BE,#005FA8;
	borderColours: #005FA8, #005FA8;
	iconColour: #ffffff;
}

.breadcrumb, .breadcrumbCurrent
{
	color: #ffffff;
/*	disabledColor: #ffffff;*/
	fillColours: #4087BE,#005FA8   ,#60B6E2,#005FA8   ,#005FA8,#60B6E2   ,#4087BE,#005FA8;
	borderColours: #005FA8, #005FA8;
}

.breadcrumbAttempted, .breadcrumbAttemptedCurrent
{
	color: #25393F;
/*	disabledColor: #25393F;*/
	fillColours: #ffffff, #DFE7EB,  #ffffff, #BFC9CD,  #BFC9CD, #ffffff,  #ffffff, #DFE7EB;
	borderColours: #80929B, #80929B;
	dropShadowAlpha: 0.35;
}
