/* Shared Default 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

*/


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

.assessmentContainer
{
	borderColor: #80929B;	
	borderAlpha: 1;
	borderStyle: solid;
	borderWeight: 1;
	cornerRadius: 5;
	backgroundColor: #ffffff;
	backgroundAlpha: 1;
	
	/* CBorderContainer styles */
	
	roundedCorners: TL,TR,BL,BR;
	backgroundColours: #ffffff, #ffffff;
	paddingLeft:0;
	paddingRight:0;
	paddingTop:0;
	paddingBottom:0;
}

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

.contentBackground
{
	borderColor: #BFC9CD;	
	borderAlpha: 1;
	borderStyle: solid;
	borderWeight: 1;
	cornerRadius: 5;
	backgroundColor: #FAFBFC;
	backgroundAlpha: 1;
	
	/* CBorderContainer styles */
	
	roundedCorners: TL,TR,BL,BR;
	backgroundColours: #FAFBFC, #FAFBFC;
	paddingLeft:0;
	paddingRight:0;
	paddingTop:0;
	paddingBottom:0;
}




/* ------------------------------------- Labels ------------------------------------- */

.examName
{
	fontSize: 18;
}


.itemNameDisplay, .timerDisplayIntro, .timerDisplay, .progressBarLabel, .unansweredQuestionsDisplay, .progressPercentage, .candidateName, .questionListHeadings
{
	fontSize: 14;
}


.itemNameDisplay
{
	textAlign: center;
}

.candidateName
{
	textAlign: right;
}


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

.progressBarLabel
{
	paddingTop: 5;
	textAlign: right;
}

.progressPercentage
{
	paddingTop: 5;
	textAlign: center;
}

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

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




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



.nextButton, .backButton, .summaryPanelButton,.flagButton, .commentButton, .commentButtonWithComment, .exitButton, .helpButton, .startButton, .introButton, .toolsButton, .returnButton,.feedbackButton,.hideFeedbackButton, .qualityControlButton, .preferencesButton
{
	fontSize: 14;
	fontWeight: bold;
}

.feedbackButton, .hideFeedbackButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_eye20x20.swf");	
	labelPlacementPos: right;
}

.helpButton, .introButton, .preferencesButton, .summaryPanelButton
{
	color: #25393F;
	disabledColor: #25393F;
	
	/* CButton styles */
	
	fillColours: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff, #ffffff, #ffffff;
	borderColours: #80929B, #80929B;
	dropShadowAlpha: 0.3;
}

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

.returnButton, .popupReturnButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_return20x20.swf");		
}

.nextButton
{
	choppedCorners: BR, TR;
	roundedCorners: BL, TL;
	choppedCornerX: 15;
	choppedCornerY: 15;
	rightGap: 15;
}

.backButton
{
	choppedCorners: BL, TL;
	roundedCorners: BR, TR;
	choppedCornerX: 15;
	choppedCornerY: 15;
	leftGap: 15;
}

.flagButton
{
	icon: Embed("../../icons/delivery/deliveryIcons/flagButton.swf");
	labelPlacementPos: right;
}

.commentButton
{
	icon: Embed(source="../../icons/delivery/deliveryIcons/commentNoAdded_16x16.swf");
	labelPlacementPos: right;
}

.commentButtonWithComment
{
	icon: Embed(source="../../icons/delivery/deliveryIcons/commentAdded_16x16.swf");
	labelPlacementPos: right;
}


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

.sectionTabCanvas
{
	noMarkIcon: Embed("../../icons/delivery/deliveryIcons/noMarkIcon.swf");
	sectionCoffeeCup: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_section_coffee_cup.swf");
}

.sectionTabCanvas
{
	showLineWhenSelected: true;
}

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

.sectionTab, .sectionTabSelected
{
	fontSize: 16;
	cornerRadius: 4;
	color: #25393F;
	disabledColor: #25393F;
	disabledAlpha: 1;
	focusThickness: 0;
	
	/* CButton styles */
	
	fillColours: #EEF2F5, #EEF2F5, #ffffff, #ffffff, #EEF2F5, #EEF2F5, #ffffff, #ffffff;
	borderColours: #80929B, #80929B;
	roundedCorners: TL, BL;	
	bottomPadding: 0;
	leftGap: 0;
	rightGap: 0;
	gradientRotation: 0;
	lowlightGradientRotation: 180;
	dropShadowAlpha: 0;
}

.sectionTabCanvas
{
	showLineWhenSelected: true;
	showLineWhenNotSelected: false;
	lineColour: #FFFFFF;
	tintColour: #2B9ED8;
	topPaddingIconAdjustment: -10;
}

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

.sectionProgressBar
{
	trackHeight: 7;
	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;
}

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

.breadcrumb, .breadcrumbCurrent
{
	color: #ffffff;
	disabledColor: #ffffff;
	
	/* CButton styles */
	
	/* First two up and disabled, the second two over, last two down */
	
	fillColours: #4087BE,#005FA8   ,#60B6E2,#005FA8   ,#005FA8,#60B6E2   ,#4087BE,#005FA8;
	borderColours: #005FA8, #005FA8;
	disabledAlpha: 1;
}

.breadcrumbAttempted, .breadcrumbAttemptedCurrent
{
	color: #25393F;
/*	disabledColor: #25393F;*/
	
	/* CButton styles */
	
	/* First two up and disabled, the second two over, last two down */
	
	fillColours: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff, #ffffff, #DFE7EB;
	borderColours: #80929B, #80929B;
	dropShadowAlpha: 0.35;
	disabledAlpha: 1;
}

.breadcrumbCurrent, .breadcrumbAttemptedCurrent
{
	topPadding: 6;
	leftGap: 8;
	rightGap: 30;
	bottomPadding: 6;	
	choppedCorners: BR, TR;
	roundedCorners: BL, TL;
	choppedCornerX: 12;
	choppedCornerY: 12;
}

.breadcrumb, .breadcrumbAttempted
{
	topPadding: 2;
	leftGap: 2;
	rightGap: 2;
	bottomPadding: 2;
}

.breadcrumbAttemptedCurrent
{
	paddingRight: 40;
}

.breadcrumbScrollUp, .breadcrumbScrollDown
{
	labelPlacementPos: centre;
}

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

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