/* CSS - Surpass standard login */
/*
Styles contained in here are only for the login/confirm/preferences details screen and the default delivery engine
Any overriding delivery engine styling should be in the applcation_delivery stylesheet
*/

@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

*/

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

/*s|Application
{
	backgroundImage: Embed("../shared/background.jpg");
}*/




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

.loginPopup
{
	loginSA: Embed("../admin/sa_login.png");
}

s|Application
{
	lockIcon: Embed("../admin/lock.png");
}

.secureClientConsole
{
	logoSecureClientConsoleImage: Embed("../admin/sa_logo.png");
}

*/

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

s|Application
{
	poweredByBtl: Embed("../../../shared/images/admin/about.png");
}

.adminConsoleRefreshButton
{
	icon: Embed("../../../shared/icons/admin/refresh_white_main.png");
}

*/

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

/*

.candidateLoginPopup
{
	loginLogo: Embed(source="../shared/sa_delivery_login_logo.swf");
}

.launchAssessmentLogo
{
	launchLogo: Embed(source="../shared/sa_delivery_launch_logo.png");
}

*/

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

.standardPopup
{
	warningIcon: Embed("../../../shared/icons/admin/warning_blue.png");
	infoIcon: Embed("../../../shared/icons/admin/info_blue.png");
	questionIcon: Embed("../../../shared/icons/admin/question_blue.png");
}

.pageRequiresScrollingPop
{
	infoIcon: Embed("../../../shared/icons/delivery/scrollWarningIcons/scrollWarningIcon.swf");
}

.audioPlayCheck{
	playIcon: Embed(source="../../../shared/icons/delivery/audioCheckIcons/playButtonIcon_white.swf");
	stopIcon: Embed(source="../../../shared/icons/delivery/audioCheckIcons/stopButtonIcon_white.swf");
}

.languagePickerButton
{
	selectedLangIcon: Embed("../../../shared/icons/delivery/languageIcons/languageSelectedIcon_blue.swf");
}

*/








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

global
{
	color: #25393F;
	focusColor: #E59900;
	focused-text-selection-color: #F5C040;	
}

s|Application
{
	modal-transparency-color: #495A61;
	
	/* CApplication styles */
	
	backgroundColours: #DFE7EB, #DFE7EB;
}

.CScroller
{
	symbolColor: #25393F;
	trackFillColour: #BFC9CD;
	trackBorderColour: #80929B;
	thumbFillColours: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff;
	thumbBorderColour: #80929B;
	buttonFillColours: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff;
	buttonBorderColour: #80929B;
	thumbMarkerColours: #FFFFFF, #80929B;
}

s|TextInput
{
	errorColor: #C32238;
	borderColor: #80929B;
	contentBackgroundColor: #ffffff;
	
	/* CBTextInput styles */
	
	fillColour: #ffffff;
	contentBackgroundDisabledColour: #DFE7EB;
}

s|TextArea
{
	borderColor: #80929B;
	
	/* CTextArea styles */
	
	fillColour: #ffffff;
}

s|Panel
{
	borderColor: #005FA8;
	
	/* CPanel styles */
	
	titleColour:#ffffff;
	topBarFillColours: #4087BE,#005FA8, #4087BE,#005FA8;
	topBarDividerColour: #ffffff;
	backgroundColours: #ffffff, #ffffff;
	dropShadowColour: #495A61;
	controlBarDividerColour: #495A61;
}

s|TitleWindow
{
	borderColor: #005FA8;
	
	/* CTitleWindow styles */
	
	titleColour:#ffffff;
	topBarFillColours: #4087BE,#005FA8, #4087BE,#005FA8;
	topBarDividerColour: #ffffff;
	backgroundColours: #ffffff, #ffffff;
	dropShadowColour: #495A61;
	controlBarDividerColour: #495A61;
}

.CTitleWindowCloseButton
{
	crossColour: #C32238;
	fillColours: #ffffff, #EEF2F5, #ffffff, #BFC9CD, #BFC9CD, #ffffff, #ffffff, #DFE7EB;
	borderColours: #ffffff, #ffffff;
}

s|Button
{
	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;
	dropShadowColour: #495A61;
/*	focusBorderColours: #E59900;*/
}


s|ButtonBar
{
	dropShadowColour: #495A61;
}


.buttonBarButton
{
	/* CButtonBarButton styles */
	
	/* First up, second selected up, third over, fourth selected over, fifth down */
	
	fillColours: #ffffff,#DFE7EB,   #BFC9CD,#BFC9CD,   #ffffff, #BFC9CD,   #BFC9CD,#80929B, #80929B,#BFC9CD;
	borderColours: #80929B,#80929B;
	selectedColour:#ffffff;
}

.tabBarButton

{
	borderColours: #495A61, #495A61;
	
	/* first two up, second two selected, third over, forth two down */
	
	fillColours: #EEF2F5,#DFE7EB  ,#F5C040,#E59900  ,#BFC9CD,#BFC9CD  ,#80929B,#80929B;
}

s|CheckBox
{
	symbol-color: #005FA8;
	
	/* CCheckbox styles */

	/* first two up, second two over, last two down */
	
	fillColours: #ffffff,#ffffff,#EEF2F5,#DFE7EB,#DFE7EB,#EEF2F5;
	borderColours: #495A61, #495A61;
}

s|DropDownList
{
	border-color: #80929B;
	roll-over-color: #FBE6B2;
	selection-color: #F9D580;
	symbol-color: #25393F;
	
	/* CDropDownList styles */
	
	dropShadowColour: #495A61;
	listShadowColour: #495A61;
}

.CDropDownListButton
{
	/* first two up, second two over, last two down */
	
	fillColours: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff;
	arrowColours: #25393F, #25393F;
	borderColours: #80929B, #80929B;
}

s|Form
{
	background-color: #FAFBFC;
	error-color: #C32238;
	
	/* CForm styles */
	
	borderColour: #BFC9CD;
}

.numericStepperUpButton, .numericStepperDownButton
{
	/* CButton styles */
	
	fillColours: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff, #ffffff, #DFE7EB;
	borderColours: #80929B, #80929B;
}

.errorTip
{
	backgroundColours: #A61D30, #A61D30;
}














/* --------------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Admin Console ---------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */



/* -------------------- Login -------------------- */

.loginPopup /*CPanel*/
{
	backgroundColours: #ffffff, #ffffff;
	dropShadowColour: #495A61;
}

.loginInput /*CTextInput*/
{
	contentBackgroundColor: #EEF2F5;
}

.loginErrorText /*CRichText*/
{
	color:#C32238;
}

.loginSeverText /*CRichText*/
{
	color:#495A61;
}

.formBox /* CBorderContainer */
{
	borderColor: #BFC9CD;	
	backgroundColor: #FAFBFC;
	
	/* CBorderContainer styles */
	
	backgroundColours: #FAFBFC, #FAFBFC;
}

.textError
{
	color: #C32238;
}



/* -------------------- Top Bar -------------------- */


.ApplicationControlBar /*CBorderContainer*/
{
	backgroundColours: #ffffff,#ffffff;
}

.applicationPanel /* s|Panel */
{
	backgroundColours: #EEF2F5, #EEF2F5;
}

.applicationPanelTopLine
{
	backgroundColours: #BFC9CD,#BFC9CD;
}

.logOutSurround /*s|HGroup */
{
	background-alpha: 1;
	backgroundColor: #ffffff;
	border-alpha: 1;
	border-color: #ffffff;
}


/* ---------------------------------------- Data Grids ---------------------------------------- */


s|DataGrid
{
	border-color: #80929B;
	columnHeaderSeparatorColour: #80929B;
	headerSeparatorColour: #80929B;
	borderColor: #80929B;
	/*horizontalScrollPolicy: off;*/
}

.CDataGrid, .standardDataGrid
{
	selectionFillColours: #F9D580, #F9D580;
	rollOverColours: #FBE6B2, #FBE6B2;
	rowSeparatorColour: #BFC9CD;
	columnSeparatorColour: #DFE7EB;
}

.CFilterGridColumnHeaderRenderer
{
	fillColours: #ffffff, #EEF2F5, #ffffff, #BFC9CD, #BFC9CD, #ffffff;	
}

.dataGridHeader /* CBorderContainer */
{
	borderColor: #80929B;	
	backgroundColor: #ffffff;
	
	/* CBorderContainer styles */
	
	backgroundColours: #DFE7EB, #DFE7EB;
}

.dataGridHeaderText /* CLabel */
{
	
}

.dataGridClearFilterButton /* CButton */
{
	color: #25393F;
	disabledColor: #80929B;
	
	/* CButton styles */
	
	/* First two up and disabled, the second two over, last two down */
	
	fillColours: #F5C040,#E59900   ,#F9D580,#E59900   ,#E59900,#F9D580   ,#DFE7EB,#DFE7EB;
	borderColours: #495A61, #80929B;
}


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

.cancelButton
{
	color: #25393F;
	disabledColor: #25393F;
	
	/* CButton styles */
	
	fillColours: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff, #ffffff, #ffffff;
	borderColours: #80929B, #80929B;
}


/* -------------------------------------- Filters -------------------------------------- */

.dataGridFilterButton
{
	/* CButton styles */
	
	fillColours: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff, #ffffff, #DFE7EB;
	borderColours: #495A61, #495A61;
}

.filterPopup
{
	borderColor: #495A61;	
	cornerRadius: 5;
	
	/* CBorderContainer styles */
	
	backgroundColours: #EEF2F5, #EEF2F5;
	shadowColor: #25393F;
}

.filterPopupLine
{
	lineColour:#BFC9CD;	
}

.filterButton
{
	color: #25393F;
	fillColours: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff, #ffffff, #DFE7EB;
	borderColours: #495A61, #495A61;
	disabledColor: #25393F;
}

/* --------------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Admin Console End ---------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */












/* --------------------------------------------------------------------------------------------------- */
/* ---------------------------------------- Candidate UI --------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */


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


.greyButton, .languagePickerButton, .loginPreferencesButton, .defaultColPrefsButton
{
	color: #25393F;
	disabledColor: #25393F;
	
	/* CButton styles */
	
	fillColours: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff, #ffffff, #ffffff;
	borderColours: #80929B, #80929B;
}


/* ---------------------------------------- Candidate Login Popup ---------------------------------------- */


.candidateLoginPopup /*CPanel*/
{
	backgroundColours: #ffffff, #ffffff;
	dropShadowColour: #495A61;
	
	paddingLeft:0;
	paddingRight:0;
	paddingTop:0;
	paddingBottom:40;
}

.candidateLoginForm
{
	/* CForm styles */
	
	borderColour: #BFC9CD;
	background-color: #FAFBFC;
}

.keyCodeEntryBox
{
	contentBackgroundColor: #EEF2F5;
}

.loginError
{
	color: #C32238;
}


/* ----- Select Language ----- */


.languageBorderContainer
{
	borderColor: #BFC9CD;	
	backgroundColor: #ffffff;

	/* CBorderContainer styles */
	
	backgroundColours: #FAFBFC, #FAFBFC;
}



/* --------------------------------------- Popups & Windows --------------------------------------- */


.errorPopup
{
	borderColor: #C32238;
	
	/* CTitleWindow styles */
	
	titleColour:#ffffff;
	topBarFillColours: #D94040, #C32238;
}

.confirmWindow /* CTitleWindow */
{
	borderColor: #005FA8;
	borderAlpha: 1;
	
	/* CTitleWindow styles */
	
	titleColour:#ffffff;
	topBarFillColours: #4087BE,#005FA8;
	backgroundColours: #ffffff, #ffffff;
	topBarDividerColour: #ffffff;
}


/* Popup that warns candidate that the page requires scrolling */

.scrollWarningcontainer
{
	borderColor: #80929B;
}

.pageRequiresScrollingCloseBut
{
	color: #25393F;
	
	/* CButton styles */
	
	fillColours: #80929B, #495A61, #D94040, #A61D30, #A61D30, #A61D30, #80929B, #495A61;
	borderColours: #495A61, #495A61;
}




/* Popup that appears when exam is locked by pin or paused */


.examWarningPinInput
{
	contentBackgroundColor: #EEF2F5;
}


/* ------- Audio/Video Check ------*/


.checkAudioVideoTabContainer
{
	borderColor: #80929B;	
	backgroundColor: #ffffff;
}

.audioPlayCheck
{
	progressBarColour: #4087BE;
}

/* -------- Download Exam --------- */

.downloadPopupErrorText
{
	color: #A61D30;
}


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



.feedbackPopup /*CTitleWindow*/
{
	backgroundColours: #DFE7EB, #DFE7EB;
}


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


.feedbackTabBarContainer
{
	borderColor: #80929B;	
	
	/* CBorderContainer styles */
	
	backgroundColours: #ffffff, #ffffff;
}



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

.feedbackKeyLine
{
	borderColor: #BFC9CD;
}




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

.resultsTitleBar
{
	borderColour: #DFE7EB;
	fillColours: #DFE7EB, #DFE7EB;
	barHight: 30;
}

.resultsTitleBarSpacer
{
	lineColour:#ffffff;	
}




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


.sectionResultsTitleBar
{
	borderColour: #DFE7EB;
	fillColours: #DFE7EB, #DFE7EB;
}

.sectionResultsTitleBarSpacer
{
	lineColour:#ffffff;	
}




/* --- Topic Results --- */

.summaryFeedbackTopicHeader
{
	borderColor: #80929B;
	backgroundColor: #DFE7EB;
}

.summaryFeedbackTopicHeaderVRule
{
	lineColour:#80929B;	
}

.summaryFeedbackTopicFeedbackItem
{
	borderColor: #80929B;
}

.summaryFeedbackTopicVRule
{
	lineColour:#80929B;	
}

.summaryFeedbackTopicFooter
{
	backgroundColor: #DFE7EB;	
	border-color: #80929B;
}

.summaryFeedbackTopicFooterVRule
{
	lineColour:#80929B;	
}




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

.questionReportButton, .feedbackByReferenceButton
{
	shadowColor: #25393F;
	borderColor: #80929B;
	color: #25393F;
	backgroundColors: #ffffff, #DFE7EB, #ffffff, #BFC9CD, #BFC9CD, #ffffff;
}

.questionReportButtonVDivider
{
	lineColour:#80929B;	
}

/* -- CopyRight Group --*/
.copyrightGroup
{
	right:"10";
	bottom:"-5";
}











