/* CSS file This styles are only for Keycode screen. next confirm candidate details and NDA screens styles vary based on Exam style Type. */
@namespace s "library://ns.adobe.com/flex/spark";
@namespace mx "library://ns.adobe.com/flex/mx";


global
{
	color: #3D505A;
	focusColor: #E59900;
	focused-text-selection-color: #F5C040;
}

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

.CScroller
{
	/* Used in the NDA textArea - when scroller is enabled */
	symbolColor: #c7a006;
	trackFillColour: #f7d78c;
	trackBorderColour: #c7a006;
	thumbFillColours: #c7a006, #c7a006, #c7a006, #c7a006, #c7a006, #c7a006;
	thumbBorderColour: #c7a006;
	buttonFillColours: #f7d78c, #f7d78c, #f7d78c, #f7d78c, #f7d78c, #f7d78c;
	buttonBorderColour: #c7a006;
	thumbMarkerColours: #f7d78c, #c7a006;
}

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

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

s|TabBar
{
	fontWeight: bold;
	cornerRadius: 5;
	
	/* CButtonBar styles */
	
	upsideDown: false;
	buttonStyleName: tabBarButton;
	
	/* Required - button style name */
}


.keyCodeLoginScreen
{
	windowWidth: 400;
	contentWidthPercent: 80;
	candidateWindowWidth: 480;
	candidateContentWidthPercent: 87;
	candidateButtonGap: 40;
	NDAWindowWidth: 540;
	NDAContentWidthPercent: 89;
	
	backgroundColours: #ffffff, #ffffff;
	/*fontFamily:sourcesans;*/
	font-size:14;
	
	titleFontWeight: normal;
	paddingLeft:0;
	paddingRight:0;
	paddingTop:0;
	paddingBottom:40;
	
	topBarFillColours: #3D505A,#3D505A,#3D505A,#3D505A;
	borderStyle: solid;
	borderWeight: 1;
	borderColor: #3D505A;
	borderAlpha: 1;
	dropShadowVisible: false;
	cornerRadius: 4;	
	
	loginLogo: Embed(source="../../../shared/images/delivery/sa_delivery_login_logo.swf");
	loginCopyright: Embed(source="../../../shared/images/delivery/sa_delivery_login_surpass.swf");
	warningIcon: Embed("../../../shared/icons/delivery/popupIcons/warningPopupIcon.swf");
	infoIcon: Embed("../../../shared/icons/delivery/popupIcons/informationPopupIcon.swf");
}

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

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

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

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

.keyCodeLoginScreen .CTitleWindowSkin
{
	font-weight: normal;
}

.keyCodeLoginScreen s|TitleWindow
{
	borderColor: #005FA8;
	
	
	
	titleColour:#ffffff;
	topBarFillColours: #005FA8,#005FA8, #005FA8,#005FA8;
	topBarDividerColour: #ffffff;
	backgroundColours: #ffffff, #ffffff;
	dropShadowColour: #495A61;
	controlBarDividerColour: #495A61;
}
.keyCodeLoginScreen .CTitleWindowCloseButton
{
	crossColour: #FFFFFF;
}


.keyCodeLoginScreen 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;*/
	borderAlphas: 0, 0, 0, 0;
	dropShadowDistance: 0;
	disabledAlpha: 1;
}


.keyCodeLoginScreen s|ButtonBar
{
	dropShadowColour: #495A61;
}

.keyCodeLoginScreen .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;
}
.keyCodeLoginScreen .instructionText
{
	font-size: 16;
	fontWeight:normal;
}



.keyCodeLoginScreen .loginError
{
	color: #C32238;
}



.keyCodeLoginScreen .keyCodeEntryBox
{
	/*font-family: Consola;*/
	font-size: 24;
	tracking-left: 6;
	textAlign: center;
	contentBackgroundColor: #FFFFFF;
	selectedColour: #2B9ED8;
	focusColor: #2B9ED8;
	
	cornerRadius: 4px;
	borderWeight: 1;
	borderColor: #3D505A;
	
	keyCodeGap: 20;
}


.unifiedPreferecePopup,.unifiedcheckAudioVideoPopup
{	
	borderAlpha: 0;
	borderAlphas: 0,0,0,0,0,0,0,0;
	color: #000000;
	fontWeight: normal;
	fontSize: 20;
	/*fontFamily:sourcesans;*/
	
	topPadding: 11;
	leftGap: 25;
	rightGap: 25;
	bottomPadding: 11;
	height:40;
	
	gapBetweenIconAndLabel: 10;
	
	borderVisible: false;
	fillColours: #2B9ED8,#2B9ED8   ,#60B6E2,#60B6E2   ,#95CFEC,#95CFEC   ,#95CFEC,#95CFEC;
	
}

.keyCodeLoginScreen .unifiedOkButton,.keyCodeLoginScreen .okButton
{	
	borderAlpha: 0;
	borderAlphas: 0,0,0,0,0,0,0,0;
	color: #ffffff;
	fontWeight: normal;
	fontSize: 20;
	/*fontFamily:sourcesans;*/
	
	topPadding: 11;
	leftGap: 25;
	rightGap: 25;
	bottomPadding: 11;
	height:40;
	
	gapBetweenIconAndLabel: 10;
	
	borderVisible: false;
	fillColours: #2B9ED8,#2B9ED8   ,#60B6E2,#60B6E2   ,#95CFEC,#95CFEC   ,#95CFEC,#95CFEC;
	
}

.preferencesCloseButton
{	
	borderAlpha: 0;
	borderAlphas: 0,0,0,0,0,0,0,0;
	color: #FFFFFF;
	fontWeight: normal;
	fontSize: 20;
	/*fontFamily:sourcesans;*/
	
	topPadding: 11;
	leftGap: 25;
	rightGap: 25;
	bottomPadding: 11;
	height:40;
	
	gapBetweenIconAndLabel: 10;
	
	borderVisible: false;
	fillColours: #2B9ED8,#2B9ED8   ,#60B6E2,#60B6E2   ,#95CFEC,#95CFEC   ,#95CFEC,#95CFEC;
	
}

.actionButton, .actionButtonContinue
{	
	borderAlpha: 0;
	borderAlphas: 0,0,0,0,0,0,0,0;
	color: #FFFFFF;
	fontWeight: normal;
	fontSize: 20;
	/*fontFamily:sourcesans;*/
	
	topPadding: 11;
	leftGap: 25;
	rightGap: 25;
	bottomPadding: 11;
	height:40;
	
	gapBetweenIconAndLabel: 10;
	
	borderVisible: false;
	fillColours: #2B9ED8,#2B9ED8   ,#60B6E2,#60B6E2   ,#95CFEC,#95CFEC   ,#95CFEC,#95CFEC;
	
}
.unifiedPreferecePopup .defaultColPrefsButton
{
	color: #ffffff;
	disabledColor: #25393F;
	
	/* CButton styles */
	
	fillColours: #2B9ED8,#2B9ED8   ,#60B6E2,#60B6E2   ,#95CFEC,#95CFEC   ,#95CFEC,#95CFEC;
	borderColours: #2B9ED8, #2B9ED8;
	dropShadowAlpha: 0;
}


.keyCodeLoginScreen .unifiedOkButton,.keyCodeLoginScreen .okButton
{
	icon: Embed(source="../../../shared/icons/delivery/deliveryFlatIcons/delivery_icon_tick.swf");	
	
}

.unifiedPreferecePopup .preferencesCloseButton,.unifiedcheckAudioVideoPopup .actionButton
{
	
	icon: Embed(source="../../../shared/icons/delivery/deliveryFlatIcons/delivery_icon_cross.swf");	
}

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

.keyCodeLoginScreen .unifiedTestDeliveryBox
{
	backgroundColor: #2B9ED8;
	cornerRadius: 4;
	borderAlpha: 0;
	color: #ffffff;
}


.keyCodeLoginScreen .unifiedTestDeliveryBoxLabel
{
	fontSize: 24;
	textAlign: center;
	verticalAlign: middle;
	verticalCenter: 0;
	/*fontFamily:sourcesans;*/
}

.keyCodeLoginScreen .unifiedErrorTestDeliveryBox
{
	backgroundColor: #F7D78C;
	cornerRadius: 4;
	borderAlpha: 0;
}

.keyCodeLoginScreen .unifiedErrorTestDeliveryBoxLabel
{
	fontSize: 16;
	color: #3D505A;
	textAlign: center;
	verticalAlign: middle;
	verticalCenter: 0;
	/*fontFamily:sourcesans;*/
	fontWeight: bold;
}

.keyCodeLoginScreen .unifiedErrorTestDeliveryBoxSmallLabel
{
	fontSize: 10;
	color: #3D505A;
	textAlign: center;
	verticalAlign: middle;
	verticalCenter: 0;
	/*fontFamily:sourcesans;*/
	leftPadding: 15;
	rightPadding: 15px;
}
.keyCodeLoginScreen .unifiedErrorTestDeliveryBoxIcon
{
	icon: Embed(source="../../../shared/icons/delivery/deliveryIcons/triangle.swf");
}

/*borderColor: #2B9ED8;*/
.keyCodeLoginScreen .unifiedLoginPreferencesButton,.keyCodeLoginScreen .loginPreferencesButton,.keyCodeLoginScreen .unifiedLoginPrecacheButton,.keyCodeLoginScreen .unifiedLoginSystemCheckButton
{
	color: #ffffff;
	fontWeight: normal;
	fontSize: 14;
	/*fontFamily:sourcesans;*/
	leftGap: 20;
	
	fillColours: #3D505A, #3D505A, #6D7C83, #6D7C83, #9EA8AD, #9EA8AD, #9EA8AD, #9EA8AD;
	borderColours: #3D505A, #3D505A;
}

.keyCodeLoginScreen .unifiedLoginPreferencesButton
{
	icon: Embed(source="../../../shared/icons/delivery/deliveryIcons/autosync.swf");	
}

.keyCodeLoginScreen .unifiedLoginPrecacheButton
{
	icon: Embed(source="../../../shared/icons/delivery/deliveryIcons/autosync_download.swf");
	leftGap: 55;
}

.keyCodeLoginScreen .unifiedLoginSystemCheckButton
{
	icon: Embed(source="../../../shared/icons/delivery/deliveryFlatIcons/delivery_icon_tick.swf");
}

.keyCodeLoginScreen .unifiedLoginShowAdminButton
{
	icon: Embed(source="../../../shared/icons/delivery/deliveryIcons/autosync.swf");
	color: #ffffff;
	fontWeight: normal;
	fontSize: 14;
	/*fontFamily:sourcesans;*/
	leftGap: 20;
	gapBetweenIconAndLabel: -15;
	
	
	fillColours: #3D505A, #3D505A, #6D7C83, #6D7C83, #9EA8AD, #9EA8AD, #9EA8AD, #9EA8AD;
	borderColours: #3D505A, #3D505A;
}




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


.keyCodeLoginScreen .examWarningPinInput
{
	contentBackgroundColor: #EEF2F5;
}


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

.unifiedPreferecePopup,.unifiedcheckAudioVideoPopup 
{
	topBarFillColours: #3D505A, #3D505A, #3D505A, #3D505A;
	borderColor: #3D505A;
	cornerRadius: 5;
	shadowAlphas: 0, 0;
	dropShadowVisible: false;
	titleFontWeight: normal;
	controlBarHorizontalAlign: center;
	controlBarPaddingTop: 15;
	controlBarPaddingBottom: 25;
	hideCloseButton: true;
	font-Size:14;
}
.unifiedcheckAudioVideoPopup  .tabBarButton
{
	borderColours: #CDDADD, #CDDADD;
	color: #2B9ED8;
	/* first two up, second two selected, third over, forth two down 
	
	/*selectedColour:#ffffff;*/
	fillColours: #ffffff,#ffffff  ,#ffffff,#ffffff  ,#F8F9FA,#F8F9FA  ,#F8F9FA,#F8F9FA;
	fillAlpha: 1,1;
	selectedColour: #2B9ED8;
	buttonHeight: 34;
	labelPadding: 25;
	showExtendedBottomBorder: false;
	bottomBorderSelectedColor: #ffffff;
	bottomBorderUnSelectedColor: #CDDADD;
}

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

.unifiedcheckAudioVideoPopup  .checkAudioVideoTabContainer
{
	borderColor: #CDDADD;
	cornerRadius: 5;
	backgroundColours: #ffffff, #ffffff;
}

.unifiedcheckAudioVideoPopup  .playButton
{
	fontSize: 24;
	fontWeight: bold;
	
	borderAlpha: 0;
	borderAlphas: 0,0,0,0,0,0,0,0;
	borderVisible: false;
	cornerRadius: 3;
	themeColor: #FFFFFF;
	
	fillColours: #2B9ED8,#2B9ED8   ,#60B6E2,#60B6E2   ,#95CFEC,#95CFEC   ,#95CFEC,#95CFEC;
}

.unifiedcheckAudioVideoPopup  .audioPlayCheck
{
	/*playIcon: Embed(source="../../../shared/icons/delivery/audioCheckIcons/playButtonIcon_white.swf");
	stopIcon: Embed(source="../../../shared/icons/delivery/audioCheckIcons/stopButtonIcon_white.swf");*/
	progressBarColour: #2B9ED8;
}

.unifiedcheckAudioVideoPopup  .informationBox
{
	backgroundColor: #F7D78C;
	backgroundColours: #F7D78C, #F7D78C;
	cornerRadius: 4;
	borderAlpha: 0;
}

.unifiedcheckAudioVideoPopup  .greyButton
{
	color: #ffffff;
	fontWeight: normal;
	fontSize: 14;
	/*fontFamily:sourcesans;*/
	
	
	fillColours: #3D505A, #3D505A, #6D7C83, #6D7C83, #9EA8AD, #9EA8AD, #9EA8AD, #9EA8AD;
	borderColours: #3D505A, #3D505A;	
}

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

.downloadPopupErrorText
{
	color: #A61D30;
}

.keyCodeLoginScreen .copyrightGroup
{
	right:"10";
	bottom:"-25";
}





