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

*/

/* ---------------------------------------- Components ---------------------------------------- */

global
{
	modal-transparency: 0.2;
	modal-transparency-blur: 2;
	modal-transparency-color: #BFC9CD;
}

.CTitleWindowCloseButton
{
	crossColour: #ffffff;
}

s|Panel
{
	dropShadowDistance: 0;
	dropShadowAlpha: 0;
}

.CTitleWindowSkin
{
	font-weight: normal;
}

s|Panel #titleDisplay {
	font-size:14;
	font-weight: normal;
}

s|FormHeading
{
	font-size: 14;
	font-weight: normal;
}


s|TabBar
{
	fontWeight: bold;
	cornerRadius: 5;
	focusColor: #51CBEE;
	/* CButtonBar styles */

	upsideDown: false;
	buttonStyleName: tabBarButton;
	
	/* Required - button style name */
}

.tabBarButton
{
	borderColours: #CDDADD, #CDDADD;
	color: #2B9ED8;
	/* first two up, second two selected, third over, forth two down 
	
	/*selectedColour:#ffffff;*/
	fillColours: #ffffff,#ffffff  ,#ffffff,#ffffff  ,#DFE5E8,#DFE5E8  ,#DFE5E8,#DFE5E8;
	fillAlpha: 1,1;
	selectedColour: #2B9ED8;
	buttonHeight: 34;
	labelPadding: 25;
	showExtendedBottomBorder: false;
	bottomBorderSelectedColor: #ffffff;
	bottomBorderUnSelectedColor: #CDDADD;
}

.CScroller
{
	symbolColor: #25393F;
	trackFillColour: #CDDADD;
	trackBorderColour: #9EA8AD;
	thumbFillColours: #ffffff, #ffffff, #F8F9FA, #F8F9FA, #F8F9FA, #F8F9FA;
	thumbBorderColour: #9EA8AD;
	buttonFillColours: #ffffff, #ffffff, #F8F9FA, #F8F9FA, #F8F9FA, #CDDADD;
	buttonBorderColour: #9EA8AD;
	thumbMarkerColours: #9EA8AD, #F8F9FA;
	buttonArrowAlphas: 1,1;
	buttonFillAlphas:1,1,1,1;
}


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

.header
{	
	roundedCorners: TL,TR;
	cornerRadius: 5;
	borderColor: #3D505A;	
	backgroundColor: #3D505A;
	backgroundColours: #3D505A, #3D505A;	
}
.headerStrip
{	
	roundedCorners: TL,TR;
	cornerRadius: 5;
	borderColor: #2B9ED8;	
	backgroundColor: #2B9ED8;
	backgroundColours: #2B9ED8, #2B9ED8;	
}

.footer
{		
	roundedCorners: BL,BR;
	cornerRadius: 5;
	borderColor: #3D505A;	
	backgroundColor: #3D505A;
	backgroundColours: #3D505A, #3D505A;	
}

.footerStrip
{	
	roundedCorners: BL,BR;
	cornerRadius: 5;
	borderColor: #2B9ED8;	
	backgroundColor: #2B9ED8;
	backgroundColours: #2B9ED8, #2B9ED8;	
}

.headerFooterLine
{	
	borderColor: #ffffff;	
	backgroundColor: #ffffff;	
}

.assessmentContainer
{
	borderColor: #BFC9CD;
	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;
}

.examContentHolder
{
	backgroundAlpha: 0;
	borderAlpha: 0;
}

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

.contentBackground
{
	borderColor: #80929B;	
	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;
}


/* ------------------------------------- Popups ------------------------------------- */
.formHeading
{
	font-weight: normal;
}

.examPopup, .preferencesPopup, .windowTitle, .confirmWindow , .notAttemptedPopup, .loadingPopup, .candidateLoginPopup, .errorPopup, .tokenExpiredPopup, .toolPopup,
.manageUploadPopup, .manageDiagramPopup, .examPausePopup, .examVoidedPopup,.warningPopup, .standardPopup, .downloadPopup, .examTimedOutPopup, .feedbackPopup, .soundRecordingTestPopup,.availableMarksSummaryPopup, .resumeCodePopup

{
	topBarFillColours: #3D505A, #3D505A, #3D505A, #3D505A;
	borderColor: #3D505A;
	cornerRadius: 5;
	shadowAlphas: 0, 0;
	dropShadowVisible: false;
	warningIcon : Embed(source="../../icons/delivery/deliveryFlatIcons/exam_warning.swf");
}

.candidateCommentTextbox
{
	borderVisible: false;
	backgroundAlpha:0;	
}

.candidateCommentTextboxBorder
{
	cornerRadius: 5;
	
	/* CBorderContainer styles */
	
	roundedCorners: TL,TR,BL,BR;
	paddingLeft:5;
	paddingRight:5;
	paddingTop:5;
	paddingBottom:5;
}

.examPopup
{
	icon : Embed(source="../../icons/delivery/deliveryFlatIcons/delivery_padlock.swf");
	iconPaddingTop : 40;
	iconPlacementPosition: "center";
}

.examPausePopup
{
	icon : Embed(source="../../icons/delivery/deliveryFlatIcons/exam_paused_flat.swf");
	iconPaddingTop : 40;
	iconPlacementPosition: "center";
}

.examVoidedPopup
{
	icon : Embed(source="../../icons/delivery/deliveryFlatIcons/exam_warning.swf");
	iconPaddingTop : 40;
	iconPlacementPosition: "center";
}

.examTimedOutPopup
{
	icon : Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icons_clock60x60.swf");
	iconPaddingTop : 40;
	iconPlacementPosition: "center";
}

.loadingPopup
{
	loadingIcon: Embed(source="../../images/shared/loading.swf");
}

.warningPopup
{
	warningIcon: Embed(source="../../icons/delivery/deliveryFlatIcons/exam_warning.swf");
	questionIcon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_questionMark60x60.swf");
}

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

.examName, .questionNumberLabel, .sectionTitleLabel, .candidateName, .progressBarLabel, .progressPercentage
{
	fontSize: 14;
	color : #FFFFFF;
	fontWeight: bold;
}


.itemNameDisplay, .unansweredQuestionsDisplay, .questionListHeadings
{
	fontSize: 14;
	color : #FFFFFF;
}

.candidateName
{
	textAlign: right;
}

.timerDisplayIntro, .timerDisplay
{
	fontSize: 14;
	color : #FFFFFF;
	fontWeight: bold;
}

.timerDisplayIntro
{
	paddingTop: 0;
}

.itemNameDisplay
{
	paddingTop: 0;
	textAlign: center;
}

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

.progressBarLabel
{
	paddingTop: 2;
	color : #FFFFFF;
	textAlign: center;
}

.progressPercentage
{
	paddingTop: 5;
	textAlign: center;
	color : #FFFFFF;
}

.examProgressBar
{
	trackHeight: 10;
	backgroundColours: #FFFFFF, #FFFFFF;	
	progressBarColours : #2B9ED8, #2B9ED8;
	backgroundBorderColour: #3D505A;
}

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


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

s|Button
{
	
	/* CButton styles */
	
	/* First two up and disabled, the second two over, last two down */
	
	fillColours: #2B9ED8,#2B9ED8   ,#60B6E2,#60B6E2   ,#95CFEC,#95CFEC   ,#95CFEC,#95CFEC;
	borderColours: #2B9ED8, #2B9ED8;
	
	/* Border Thickness does not seem to apply consistently, so we hide it for the flat style by setting alphas to 0 */
	/* We need to keep the borderThickness at 1 for accessibility mode */
/*	focusBorderThickness: 0;*/
	borderThickness: 1;
	borderAlphas: 0, 0, 0, 0;
	dropShadowDistance: 0;
	disabledAlpha: 0.5;
}

.resultPopupOKButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/delivery_icon_tick.swf");	
	fontSize: 22;
	fontWeight: normal;
	leftGap: 25;
	rightGap: 25;
	labelPlacementPos: right;
}

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

.exitButton
{
	fontSize: 14;
	fontWeight: normal;
}

.feedbackButton, .hideFeedbackButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_eye20x20.swf");	
	labelPlacementPos: right;
}
.commentsButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/comment_icon.swf");	
	labelPlacementPos:right;
}
.annotationsButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/pencil_icon.swf");	
	labelPlacementPos:right;
}
.showAnswersButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_candidate_show_answers16x16.swf");
	labelPlacementPos:right;
}
.hideAnswersButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_candidate_hide_answers16x16.swf");
	labelPlacementPos:right;
}

.helpButton, .introButton, .preferencesButton, .defaultColPrefsButton
{
	color: #ffffff;
	disabledColor: #25393F;
	
	/* CButton styles */
	
	fillColours: #2B9ED8,#2B9ED8   ,#60B6E2,#60B6E2   ,#95CFEC,#95CFEC   ,#95CFEC,#95CFEC;
	borderColours: #2B9ED8, #2B9ED8;
	dropShadowAlpha: 0;
}

.preferencesButton 
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_Cog.swf");		
	fillAlphas : 0,0,0,0,0,0,0,0;
	borderAlphas : 0,0,0,0;
	labelTextVisible : false;
	iconColour: #ffffff;
	borderAlpha: 0;
}

.preferencesCloseButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/delivery_icon_cross.swf");
	labelPlacementPos: right;
}

.audioSettingsButton
{
	color: #FFFFFF;
	icon: Embed(source="../../icons/delivery/deliveryIcons/audio_settings.swf");
	labelPlacementPos: right;
}

.introButton 
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_questionMark.swf");		
	fillAlphas : 0,0,0,0,0,0,0,0;
	borderAlphas : 0,0,0,0;
	labelTextVisible : false;
	iconColour: #ffffff;
	borderAlpha: 0;
}

.preferencesButton, .coffeeCupButton, .introButton  {
	hideBackground: true;
}

.startButton, .exitButton
{
	color: #3D505A;
	disabledColor: #3D505A;
	
	/* CButton styles */
	

	/*fillColours: #F9D580, #F5C040, #FBE6B2, #F5C040, #F5C040, #FBE6B2, #F9D580, #F5C040;*/
	fillColours : #F7D78C,#F7D78C,#F9E1A9,#F9E1A9,#F9E1A9,#F9E1A9,#F7D78C,#F7D78C;	
	borderColours: #F7D78C, #F7D78C;
}

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

.proceeedButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icons_forward20x20.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;
}

.flagButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_flag16x16.swf");
	labelPlacementPos: right;
}

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

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

.confirmButton, .cancelButtonCross, .actionButton, .actionButtonContinue, .proceeedButton, .preferencesCloseButton, .popupReturnButton, .confirmButtonNoIcon, .cancelButtonNoIcon, .chooseFinishExamButton, .chooseFinishSectionButton
{
	fontSize: 14;
	topPadding: 11;
	leftGap: 25;
	rightGap: 25;
	bottomPadding: 11;
	fontWeight: bold;
}

.confirmFinishSectionButtonYes, .confirmFinishSectionButtonNo
{
	fontSize: 18;
	fontWeight: normal;
	topPadding: 11;
	leftGap: 25;
	rightGap: 25;
	bottomPadding: 11;
	fontWeight: bold;
}
.confirmFinishSectionButtonYes
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/delivery_icon_tick.swf");
	labelPlacementPos: right;
}

.confirmFinishSectionButtonNo
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/delivery_icon_cross.swf");
	labelPlacementPos: right;
}
.confirmButtonNoIcon, .cancelButtonNoIcon, .chooseFinishExamButton {
	fontSize: 20;
}
.chooseFinishSectionButton {
	fontSize: 28;
}

.confirmButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/delivery_icon_tick.swf");
	labelPlacementPos: right;
}

.cancelButtonCross
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/delivery_icon_cross.swf");
	labelPlacementPos: right;
}


/* --- Item buttons --- */

.questionReportButton
{
	fontSize: 16;
}

.questionReportButton, .feedbackByReferenceButton
{
	cornerRadius: 5;
	shadowAlpha:0;
	shadowDistance: 0;
	borderColor: #CDDADD;
	color: #3D505A;
	backgroundColors: #ffffff, #ffffff, #DFE5E8, #DFE5E8, #ffffff, #ffffff;
	buttonHeight: 40;
	vLineTop: 4;
	vLineBottom: 3;
	font-weight: normal;
	shadowVisible: false;
}

.questionReportButtonVDivider
{
	lineColour:#CDDADD;	
	thickness: 1;
	height: 34;
}

.questionReportButtonNameText, .questionReportButtonMarkText
{
	verticalCenter: 0;
}

.questionReportButtonMarkText
{
	font-size: 16;
	textAlign: center;
}


.questionReportButtonCorrect, .questionReportButtonIncorrect, .questionReportButtonPartialMark, .questionReportButtonNotAttempted, .questionReportButtonHumanMarked, .questionReportButtonNotMarked
{
	borderStyle: solid;
	borderThickness: 0;
	cornerRadius: 5;
	backgroundAlpha: 1;
	borderVisible: false;
	backgroundColor : #FFFFFF;
}
.summaryFeedbackTopicFeedbackItem 
{
	feedbackButtonWidthValue : 50;
	feedbackButtonHeightValue : 40;
	feedbackButtonDividerLeftPadValue : 50;
	feedbackButtonDividerTopPadValue : 5;
	feedbackButtonDividerBottomPadValue : 5;
	feedbackButtonIconLeftPadValue : 50;
	feedbackButtonIconTopPadValue : 0;
	feedbackButtonLabelWidth : 50;
	color: #3D505A;
	hoverColour: #DFE5E8;
	normalColor : #FFFFFF;
	fontSize: 16;
	fontWeight: normal;
}



.questionReportButtonInfo,
{
	image: Embed("../../icons/delivery/summary/summary_information_hc.png");
	tintColour: #2B9ED8;
}

.printSummaryButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icons_Print20x20.swf");		
	labelTextVisible : false;
	showInFeedbackTabs: true;
}

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

.sectionTabCanvas
{
	noMarkIcon: Embed(source="../../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: 15;
	cornerRadius: 4;
	color: #25393F;
	disabledColor: #25393F;
	disabledAlpha: 1;
	focusThickness: 0;
	
	/* CButton styles */
	
	fillColours: #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff;
	borderColours: #BFC9CD, #BFC9CD;
	roundedCorners: TL, BL;	
    borderAlphas: 1, 1, 1, 1;
	bottomPadding: 0;
	leftGap: 1;
	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: #2B9ED8, #2B9ED8;
	backgroundBorderColour: #3D505A;
}

.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;
}

.breadcrumbCurrent, .breadcrumbAttemptedCurrent
{
	showInnerBorderOnColPrefs: true;
	keepBorderInColPrefsDisabled: true;
}

.questionButton
{
	flagClip: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_flag12x12.swf");
	noMarkIcon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_information12x12.swf");
}

.breadcrumb, .breadcrumbCurrent, .breadcrumbAttempted, .breadcrumbAttemptedCurrent
{
	fontSize: 14;
}

.breadcrumb, .breadcrumbCurrent
{
	color: #ffffff;
/*	disabledColor: #ffffff;*/
	
	/* CButton styles */
	
	/* First two up and disabled, the second two over, last two down */
	
	fillColours: #2B9ED8,#2B9ED8   ,#60B6E2,#60B6E2   ,#95CFEC,#95CFEC   ,#95CFEC,#95CFEC;
	borderColours: #2B9ED8, #2B9ED8;
/*	focusBorderThickness: 0;*/
	borderThickness: 0;	
	dropShadowDistance: 0;
	disabledAlpha: 1;
	roundedCorners: BL, TL, BR, TR;
}

.breadcrumbCurrent
{
	/* Same color for disabled button (not clickable) */
	fillColours: #2B9ED8,#2B9ED8   ,#60B6E2,#60B6E2   ,#95CFEC,#95CFEC   ,#2B9ED8,#2B9ED8;
}

.breadcrumbAttempted, .breadcrumbAttemptedCurrent
{
	color: #ffffff;
/*	disabledColor: #ffffff;*/
	
	/* CButton styles */
	
	/* First two up and disabled, the second two over, last two down */
	
	fillColours: #3D505A, #3D505A, #6D7C83, #6D7C83, #9EA8AD, #9EA8AD, #9EA8AD, #9EA8AD;

	
	borderColours: #3D505A, #3D505A;
/*	focusBorderThickness: 0;*/
	borderThickness: 0;
	disabledAlpha: 1;

}


.breadcrumbAttemptedCurrent
{
	/* Same color for disabled button (not clickable) */
	fillColours: #3D505A, #3D505A, #6D7C83, #6D7C83, #9EA8AD, #9EA8AD, #3D505A, #3D505A;
}

.breadcrumbFlagIndent
{
	rightGap: 20;
}

.breadcrumbFlagIndentCurrent
{
	rightGap: 30;
}

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

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


.breadcrumbScrollUp, .breadcrumbScrollDown
{
	labelPlacementPos: centre;
}

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

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

.timerIcon
{
	timerImage: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icon_Clock.swf");
	iconColour: #ffffff;
}


.uploadButtonForManageUploadPopup
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icons_upload16x16.swf");
	topPadding : 10;
	bottomPadding : 10;
	leftGap : 10;
	rightGap : 10;
}
.addNewButtonForManageDiagramPopup
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icons_add16x16.swf");
	topPadding : 10;
	bottomPadding : 10;
	leftGap : 10;
	rightGap : 10;
}

.actionButton
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/delivery_icon_cross.swf");
	color: #ffffff;
}

.actionButtonContinue {
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/delivery_icon_tick.swf");
	color: #ffffff;
}

.fileUploadManagerCDataGrid
{
	columnSeparatorColour: #FFFFFF;
	borderAlpha: 0;
	headerSeparatorColour: #FFFFFF;
}

.gridHeaderForManageUploadPopup
{		
	color : #ffffff;
	fillColours: #3D505A, #3D505A, #3D505A, #3D505A;
	fillAlphas : 1,1;
	cornerRadius: 5;
}

.renameButtonUploadPopup, .editButtonUploadPopup
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icons_Pencil16x16.swf");
	topPadding : 10;
	bottomPadding : 10;
	leftGap : 10;
	rightGap : 10;
}

.replaceButtonUploadPopup
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icons_Refresh16x16.swf");
	topPadding : 10;
	bottomPadding : 10;
	leftGap : 10;
	rightGap : 10;
}

.downloadButtonUploadPopup
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icons_Download16x16.swf");
	labelTextVisible : false;
	hideBackground : false;
	topPadding : 8;
	bottomPadding : 8;
	leftGap : 8;
	rightGap : 8;
	gapBetweenIconAndLabel : 0;
	fillColours : #2b9ed8, #2b9ed8;
}

.deleteButtonUploadPopup, .deleteButtonDisabledUploadPopup
{
	icon: Embed(source="../../icons/delivery/deliveryFlatIcons/sa_delivery_icons_Delete16x16.swf");
	labelTextVisible : false;
	hideBackground : false;
	topPadding : 8;
	bottomPadding : 8;
	leftGap : 8;
	rightGap : 8;
	gapBetweenIconAndLabel : 0;
	fillColours : #3D505A, #3D505A;
}


/* ---------------------------------------------- Time warning --------------------------------------------- */

.timeWarningBar
{
	/* the colours cannot be overridden in css due to colour preferences, these styles are the colours used if no colour prefs is set */
	startingBorderColour: #F7D78C;
	startingBackgroundColour: #FFFFFF;
	startingTextColour: #3D505A;
	borderStyle: solid;
	borderWeight: 5;
	cornerRadius: 5;
	roundedCorners: BL,BR;
	adjustSize: 20;
	adjustX: -15;
	adjustWidth: 180;
}

/*.timeWarningDisplayBox
{
	borderStyle: solid;
	borderWeight: 2;
	cornerRadius: 5;
	backgroundAlpha: 1;
	roundedCorners: BL,BR;
	backgroundColours: #F7D78C, #F7D78C;
	height: 40;
}*/

.timerWarningText
{
	color: #3D505A;
	fontSize: 14;
	fontWeight: bold;
	textAlign: center;
}

/* ------------------------------------------------------ */

.loadingBar
{
	backgroundColours: #FFFFFF, #FFFFFF;	
	progressBarColours : #2B9ED8, #2B9ED8;
	backgroundBorderColour: #3D505A;
}

/* ----------------------------------------------- Summary Feedback -------------------------------------------- */

.feedbackPopup
{
	backgroundColours: #FFFFFF, #FFFFFF;
}

.feedbackHeading, .feedbackSubheading
{
	fontSize: 14;
	fontWeight: normal;
}

/* ----------------------------------------------- Feedback by Topic ------------------------------------------- */

.summaryFeedbackTopicFooter 
{
	/* These are the pixel width values for the columns in the header, items and footer*/
	/* The topic and feedback column widths are needed, the score column will then just fill the remaining area */
	topicColumnWidthValue: 260;
	feedbackColumnWidthValue: 455;
	scoreColumnWidthValue: 115;
	font-weight: normal;
	backgroundAlpha: 0;
	borderVisible: false;
}


.summaryFeedbackTopicFooterLine
{
	thickness : 2;
	lineColour : #CDDADD;
}

.summaryFeedbackTopicFooterOverallScore
{
	fontSize: 16;
	font-weight: bold;
}


.summaryFeedbackTopicFeedbackItem
{
	showHRule: true;
	contentGap: 0;
	contentVerticalAlign : middle;
}

.summaryFeedbackTopicHeader
{
	backgroundColor: #3D505A;
	borderColor: #3D505A;
	cornerRadius: 5;
	sectionHeight: 30;
}

.summaryFeedbackTopicHeaderText
{
	fontWeight: bold;
	fontSize: 16;
	color:"#FFFFFF";
}

.summaryFeedbackTopicHeaderVRule
{
	lineColour: #3D505A;
}

.summaryFeedbackTopicFeedbackItem
{
	borderColor: #FFFFFF;
	borderThickness:1;
}

.summaryFeedbackTopicNameText, .summaryFeedbackTopicScoreText
{
	fontSize: 16;
}

.summaryFeedbackTopicVRule
{
	lineColour:#FFFFFF;
}

.summaryFeedbackTopicHRule
{
	lineColour:#CDDADD;
	thickness: 2;
}

/* -------- Tab bar and container ------- */

.feedbackTabBar
{
	fontSize: 16;
	topPadding: 15;
	bottomPadding: 15;
	font-weight: normal;
	borderColor: #CDDADD;
}

.feedbackTabBarContainer
{
	borderColor: #CDDADD;
	cornerRadius: 5;
	
	/* CBorderContainer styles */
	
	backgroundColours: #ffffff, #ffffff;
}

/* -------- Key ------- */

.feedbackKeyHolder
{
	iconColour : #2B9ED8;
}

.feedbackKeyLine
{
	borderWeight: 1;
	borderColor: #BFC9CD;
}

.reportKeytitle
{
	fontSize: 14;
	fontWeight: bold;
}

.reportKeyText
{
	fontSize: 14;
	paddingLeft: 5;
	paddingRight: -5;
}

/* --- Exam Results --- */

.resultsTitleBar
{
	borderStyle: solid;
	borderThickness: 1;
	cornerRadius: 5;
	verticalAlign: middle;
	paddingLeft: 10;
	paddingRight: 10;
	color: #ffffff;
	borderColour: #3D505A;
	fillColours: #3D505A, #3D505A;
	sectionHeight: 40;
	barHight: 30;
}

.resultsTitleBarTitle, .resultsTitleBarResults
{
	padding-top: 2;
	fontSize: 18;
}

.resultsTitleBarResults
{
	color: #3D505A;
}

.resultsTitleBarTitle
{
	fontWeight: bold;
}

.resultsTitleBarSpacer
{
	lineColour:#ffffff;	
	thickness: 1;
}

/* --- Question Results --- */

.sectionResultsTitleBar
{
	borderStyle: solid;
	borderThickness: 1;
	cornerRadius: 5;
	verticalAlign: middle;
	paddingLeft: 10;
	paddingRight: 10;
	color: #ffffff;
	sectionHeight: 30;
}

.sectionResultsTitleBar
{
	borderColour: #3D505A;
	fillColours: #3D505A, #3D505A;
}

.sectionResultsTitleBarTitle, .sectionResultsTitleBarResults
{
	padding-top: 2;
	fontSize: 18;
}

.sectionResultsTitleBarTitle
{
	fontWeight: bold;
}

.sectionResultsTitleBarSpacer
{
	lineColour:#ffffff;	
	thickness: 1;
}

.sectionResultsVBox
{
	verticalGap: 18;
}

.sectionResultsHBox
{
	horizontalGap: 20;
}

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

.questionReportButtonCorrect
{
	image: Embed("../../icons/delivery/summary/summary_correct_hc.png");
	colourImage: Embed("../../icons/delivery/summary/summary_correct_hc.png");
	tintColour: #2B9ED8;
}

.questionReportButtonIncorrect
{
	image: Embed("../../icons/delivery/summary/summary_incorrect_hc.png");
	colourImage: Embed("../../icons/delivery/summary/summary_incorrect_hc.png");
	tintColour: #2B9ED8;
}

.questionReportButtonPartialMark
{
	image: Embed("../../icons/delivery/summary/summary_partial_hc.png");
	colourImage: Embed("../../icons/delivery/summary/summary_partial_hc.png");
	tintColour: #2B9ED8;
}

.questionReportButtonNotAttempted
{
	image: Embed("../../icons/delivery/summary/summary_notattempted_hc.png");
	colourImage: Embed("../../icons/delivery/summary/summary_notattempted_hc.png");
	tintColour: #2B9ED8;
}

.questionReportButtonHumanMarked
{
	image: Embed("../../icons/delivery/summary/summary_human_hc.png");
	colourImage: Embed("../../icons/delivery/summary/summary_human_hc.png");
	tintColour: #2B9ED8;
}

.questionReportButtonHumanMarked
{
	image: Embed("../../icons/delivery/summary/summary_human_hc.png");
	colourImage: Embed("../../icons/delivery/summary/summary_human_hc.png");
	tintColour: #2B9ED8;
}

.questionReportButtonNotMarked
{
	image: Embed("../../icons/delivery/summary/summary_notmarked_hc.png");
	colourImage: Embed("../../icons/delivery/summary/summary_notmarked_hc.png");
	tintColour: #2B9ED8;
}

/* For Marks Summary Panel */

.totalAwardedMarksGroup{
	
	tintColour: #2B9ED8;
	color: #3D505A;
	hoverColour: #DFE5E8;
	normalColor : #FFFFFF;	
}

.summaryAvailableMarksButton{
	
	fillColours: #2B9ED8,#2B9ED8, #60B6E2,#60B6E2, #95CFEC,#95CFEC, #3D505A,#3D505A;
	borderColours: #2B9ED8, #2B9ED8;	
	selectedColour:  #3D505A;
	
}

.summaryAvailableMarksButtonCurrent
{
	color: #ffffff;
/*	disabledColor: #ffffff;*/
	
	/* CButton styles */
	
	/* First two up and disabled, the second two over, last two down */
	
	fillColours: #3D505A, #3D505A, #6D7C83, #6D7C83, #9EA8AD, #9EA8AD, #9EA8AD, #9EA8AD;
	
	
	borderColours: #3D505A, #3D505A;
/*	focusBorderThickness: 0;*/
	borderThickness: 0;
	disabledAlpha: 1;	
	
}

