bigbluebutton-Github/bigbluebutton-client/branding/default/style/css/V2Theme.css

@namespace mx "library://ns.adobe.com/flex/mx";
@namespace flexlib "http://code.google.com/p/flexlib/";
@namespace users "org.bigbluebutton.modules.users.views.*";
@namespace poll "org.bigbluebutton.modules.polling.views.*";
@namespace whiteboard "org.bigbluebutton.modules.whiteboard.views.*";
@namespace videoconf "org.bigbluebutton.modules.videoconf.views.*";

/*
//------------------------------
//  @font-face
//------------------------------
*/
@font-face {
	src        : url("assets/fonts/SourceSansPro-Regular.ttf");
	fontFamily : "Source Sans Pro";
	fontStyle  : normal;
	fontWeight : normal;
}

@font-face {
	src        : url("assets/fonts/SourceSansPro-SemiBold.ttf");
	fontFamily : "Source Sans Pro";
	fontStyle  : normal;
	fontWeight : bold;
}

/*
//------------------------------
//  global
//------------------------------
*/

global {
	fontFamily     : "Source Sans Pro", Arial, sans-serif;
	fontSize       : 13;
	color          : #2A2D33;
	selectionColor : #3B97D3;
	focusColor     : #3B97D3;
}

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

mx|Application {
	backgroundGradientColors : #F1F3F7, #F1F3F7;
	backgroundColor          : #F1F3F7;
}

/*
//------------------------------
//  AudioSelectionWindow
//------------------------------
*/

.audioSelectionsStyle {
	horizontalGap : 60;
	paddingLeft   : 30;
	paddingRight  : 30;
}

.webcamSettingsWindowTitleStyle, .micSettingsWindowTitleStyle {
	fontSize  : 24;
	textAlign : center;
}

.btnMicrophoneStyle, .btnListenOnlyStyle, .btnPhoneStyle {
	borderAlphaUp       : 0;
	borderAlphaOver     : 1;
	borderAlphaDown     : 1;
	borderAlphaDisabled : 0;

	fillColorUp         : #EFF5FA;
	borderColorOver     : #3797D3;
	borderColorDown     : #3797D3;

	borderThikness      : 5;
	cornerRadius        : 70;
}

.btnMicrophoneStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_Big");
}

.btnListenOnlyStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Headset_Big");
}

.btnPhoneStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Phone_Big");
}

.audioSubtitle {
	color      : #363B43;
	fontSize   : 14;
	fontWeight : bold;
}

/*
//------------------------------
//  ApplicationControlBar
//------------------------------
*/

mx|ApplicationControlBar {
	cornerRadius      : 0;
	dropShadowColor   : #ABABAB;
	dropShadowEnabled : true;
	fillAlphas        : 1, 1;
	fillColors        : #FFFFFF, #FFFFFF;
	backgroundColor   : #FFFFFF;
	backgroundAlpha   : 1;
	highlightAlphas   : 0, 0;
	shadowDistance    : 1;
	shadowDirection   : center;
}

.toolbarSeparator {
	strokeWidth  : 1;
	strokeColor  : #CDD4DB;
	paddingLeft  : 20;
	paddingRight : 20;
}

.meetingNameLabelStyle {
	fontSize  : 14;
	textAlign : left;
	color     : #2A2D33;
}

.defaultControlBarStyle {
	color : #2A2D33;
}

.darkControlBarStyle {
	color : #FFFFFF;
}

.bandwidthButtonStyle {
	icon : Embed('assets/images/ic_swap_vert_16px.png');
}

.logoutButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Logout");
}

.settingsButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Settings");
}

.webcamDefaultButtonStyle, .webcamOnButtonStyle, .webcamOffButtonStyle,
.deskshareDefaultButtonStyle, .deskshareOnButtonStyle, .deskshareOffButtonStyle,
.muteMeDefaultButtonStyle, .muteMeOnButtonStyle, .muteMeOffButtonStyle {
	fillColorSelectedUp     : #3B97D3;
	fillColorSelectedOver   : #2E8BB8;
	fillColorSelectedDown   : #3B97D3;
	borderColorSelectedUp   : #3B97D3;
	borderColorSelectedOver : #2E8BB8;
	borderColorSelectedDown : #3B97D3;
}

.voiceConfDefaultButtonStyle, .voiceConfActiveButtonStyle, .voiceConfInactiveButtonStyle {
	/* Selected state */
	fillColorSelectedUp     : #FF6666;
	fillColorSelectedOver   : #FF6666;
	fillColorSelectedDown   : #FF6666;
	borderColorSelectedUp   : #FF6666;
	borderColorSelectedOver : #FF6666;
	borderColorSelectedDown : #FF6666;
}

.voiceConfDefaultButtonStyle {
	icon         : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio");
	disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_Disabled");
}

.voiceConfActiveButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_On");
}

.voiceConfInactiveButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Audio_Off");
}

.webcamDefaultButtonStyle {
	icon         : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam");
	disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam_Disabled");
}

.webcamOnButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam_On");
}

.webcamOffButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Webcam_Off");
}

.deskshareDefaultButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Deskshare");
}

.deskshareOnButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Deskshare_White");
}

.deskshareOffButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Deskshare_White");
}

.recordButtonStyleNormal {
	icon : Embed('assets/images/control-record.png');
}

.recordButtonStyleStart {
	icon : Embed('assets/images/control-record-start.png');
}

.recordButtonStyleStop {
	icon : Embed('assets/images/control-record-stop.png');
}

.muteMeDefaultButtonStyle {
	icon         : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone");
	disabledIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone_Disabled");
}

.muteMeOnButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone_On");
}

.muteMeOffButtonStyle {
	icon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Microphone_Off");
}

/*
//------------------------------
//  Alert
//------------------------------
*/

mx|Alert {
	borderColor       : #FFFFFF;
	backgroundColor   : #FFFFFF;
	borderAlpha       : 1;
	dropShadowEnabled : false;
	color             : #6C6C6C;
	titleStyleName    : "alertTitleStyle";
	messageStyleName  : "alertMessageStyle";
}

mx|AlertForm {
	paddingTop : 8;
	fontSize   : 13;
}

.alertMessageStyle {
	color         : #8A9AA7;
	fontSize      : 14;
	textAlign     : center;
	paddingTop    : 6;
	paddingLeft   : 12;
	paddingRight  : 12;
	paddingBottom : 6;
}

.alertTitleStyle {
	textAlign : center;
	fontSize  : 24;
}

/*
//------------------------------
//  Button
//------------------------------
*/

mx|Button /*, .logoutButtonStyle, .chatSendButtonStyle, .helpLinkButtonStyle, .cameraDisplaySettingsWindowProfileComboStyle, .cameraDisplaySettingsWindowCameraSelector, .languageSelectorStyle, .recordButtonStyleNormal, .recordButtonStyleStart, .recordButtonStyleStop, .micSettingsWindowHelpButtonStyle, .bandwidthButtonStyle, .settingsButtonStyle, .acceptButtonStyle, .denyButtonStyle */
{
	paddingLeft                 : 12;
	paddingRight                : 12;
	paddingTop                  : 8;
	paddingBottom               : 8;
	cornerRadius                : 2;
	color                       : #5E6D73;
	textRollOverColor           : #5E6D73;
	textSelectedColor           : #5E6D73;
	fontSize                    : 14;
	skin                        : ClassReference("org.bigbluebutton.skins.ButtonSkin");

	/* Normal state */
	fillColorUp                 : #F0F2F6;
	fillColorOver               : #CDD4DB;
	fillColorDown               : #ACB2B7;
	fillColorDisabled           : #F0F2F6;
	borderColorUp               : #CDD4DB;
	borderColorOver             : #CDD4DB;
	borderColorDown             : #ACB2B7;
	borderColorDisabled         : #CDD4DB;

	borderAlphaUp               : 1;
	borderAlphaOver             : 1;
	borderAlphaDown             : 1;
	borderAlphaDisabled         : 1;

	borderThikness              : 1;

	/* Selected state */
	fillColorSelectedUp         : #F0F2F6;
	fillColorSelectedOver       : #CDD4DB;
	fillColorSelectedDown       : #ACB2B7;
	fillColorSelectedDisabled   : #F0F2F6;
	borderColorSelectedUp       : #CDD4DB;
	borderColorSelectedOver     : #CDD4DB;
	borderColorSelectedDown     : #ACB2B7;
	borderColorSelectedDisabled : #CDD4DB;
}

/*
//------------------------------
//  ComboBox
//------------------------------
*/

mx|ComboBox {
	cornerRadius        : 2;
	color               : #5E6C73;
	textRollOverColor   : #5E6C73;
	textSelectedColor   : #5E6C73;
	fontSize            : 12;

	/* Normal state */
	fillColorUp         : #FFFFFF;
	fillColorOver       : #CDD4DB;
	fillColorDown       : #ACB2B7;
	fillColorDisabled   : #F0F2F6;
	borderColorUp       : #CDD4DB;
	borderColorOver     : #CDD4DB;
	borderColorDown     : #ACB2B7;
	borderColorDisabled : #CDD4DB;

	iconColor           : #5E6C73;

	borderThikness      : 1;

	skin                : ClassReference("org.bigbluebutton.skins.ComboBoxSkin");
}

/*
//------------------------------
//  DataGrid
//------------------------------
*/

mx|DataGrid {
	backgroundColor       : #FFFFFF;
	borderStyle           : none;
	rollOverColor         : #F3F3F3;
	textRollOverColor     : #3F3F41;
	textSelectedColor     : #3F3F41;
	alternatingItemColors : #FFFFFF, #FFFFFF;
	dropShadowEnabled     : false;
	verticalSeparatorSkin : ClassReference(null);
}

/*
//------------------------------
//  PopUpButton
//------------------------------
*/

mx|PopUpButton {
	/* Normal state */
	fillColorUp         : #F0F2F6;
	fillColorOver       : #CDD4DB;
	fillColorDown       : #ACB2B7;
	fillColorDisabled   : #F0F2F6;
	borderColorUp       : #CDD4DB;
	borderColorOver     : #CDD4DB;
	borderColorDown     : #ACB2B7;
	borderColorDisabled : #CDD4DB;

	borderThikness      : 1;

	iconColor           : #5E6C73;

	skin                : ClassReference("org.bigbluebutton.skins.PopUpButtonSkin");
}

/*
//------------------------------
//  MDICanvas & MDIWindow
//------------------------------
*/

flexlib|MDICanvas {
	backgroundColor : #F1F3F7;
}

flexlib|MDIWindow {
	/*None of the following properties are overridden by the MDIWindow class*/
	backgroundSize            : "100%";

	cornerRadius              : 4;
	dropShadowEnabled         : false;
	titleStyleName            : "mdiWindowTitle";

	cornerResizeImg           : Embed(source="assets/swf/Blue.swf", symbol="Corner_Resize");
	cornerResizeWidth         : 2;
	cornerResizeHeight        : 2;
	cornerResizePaddingRight  : 2;
	cornerResizePaddingBottom : 2;

	controlButtonWidth        : 10;
	controlButtonHeight       : 10;
	controlButtonGap          : 4;

	borderStyle               : solid;
	borderColor               : #CDD4DB;
	borderAlpha               : 1;

	styleNameFocus            : "mdiWindowFocus";
	styleNameNoFocus          : "mdiWindowNoFocus";

	maximizeBtnStyleName      : "mdiMaximizeButtonStyle";
	restoreBtnStyleName       : "mdiMaximizeButtonStyle";
	minimizeBtnStyleName      : "mdiMinimizeButtonStyle";

	showHeaderSeparator       : true;
}

.mdiMaximizeButtonStyle {
	upSkin       : Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Maximize_Up");
	overSkin     : Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Maximize_Over");
	downSkin     : Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Maximize_Down");
	disabledSkin : Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Maximize_Disabled");
}

.mdiMinimizeButtonStyle {
	upSkin       : Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Up");
	overSkin     : Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Over");
	downSkin     : Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Down");
	disabledSkin : Embed(source="assets/swf/v2_skin.swf", symbol="MDI_Button_Minimize_Disabled");
}

.mdiWindowTitle {
	color    : #2A2D33;
	fontSize : 12;
}

.mdiWindowFocus, .presentationWindowStyleFocus, .videoDockStyleFocus, .videoDockStyleFocusChatLayout, .videoViewStyleFocus, .videoPublishStyleFocus, .videoAvatarStyleFocus {
	headerHeight         : 30;
	roundedBottomCorners : true;

	borderStyle          : solid;
	borderAlpha          : 1;
	borderThickness      : 1;
	borderColor          : #9EAEBA;

	backgroundColor      : #FFFFFF;
	backgroundAlpha      : 1;
}

.mdiWindowNoFocus, .presentationWindowStyleNoFocus, .videoDockStyleNoFocus, .videoDockStyleNoFocusChatLayout, .videoViewStyleNoFocus, .videoPublishStyleNoFocus, .videoAvatarStyleNoFocus {
	headerHeight         : 30;
	roundedBottomCorners : true;

	borderStyle          : solid;
	borderAlpha          : 1;
	borderThickness      : 1;
	borderColor          : #CDD4DB;

	backgroundColor      : #FFFFFF;
	backgroundAlpha      : 1;
}

/*
//------------------------------
//  Panel
//------------------------------
*/

mx|Panel {
	borderColor         : #CDD4DB;
	borderAlpha         : 1;
	dropShadowEnabled   : false;
	backgroundColor     : #FFFFFF;
	titleStyleName      : "panelTitleStyle";
	showHeaderSeparator : false;
	borderSkin          : ClassReference("org.bigbluebutton.skins.PanelSkin");
}

.panelTitleStyle {
	color    : #2A2D33;
	fontSize : 12;
}

/*
//------------------------------
//  Presentation
//------------------------------
*/

.presentationUploadDeleteButtonStyle {
	fillAlphas        : 1, 1, 1, 1;
	fillColors        : #FEFEFF, #E1E2E5, #FFFFFF, #EEEEEE;
	color             : #3F3F41;
	textRollOverColor : #3F3F41;
	textSelectedColor : #3F3F41;
	borderColor       : #B9BABC;
	cornerRadius      : 5;
	icon              : Embed('assets/images/trash.png');
}

.presentationUploadButtonStyle {
	icon : Embed('assets/images/ic_file_upload_16px.png');
}

.pollStartButtonStyle {
	icon : Embed('assets/images/poll_icon.png');
}

.presentationBackButtonStyle {
	icon : Embed('assets/images/ic_arrow_back_24px.png');
}

.presentationBackButtonDisabledStyle {
	icon : Embed('assets/images/ic_arrow_back_grey_24px.png');
}

.presentationForwardButtonStyle {
	icon : Embed('assets/images/ic_arrow_forward_24px.png');
}

.presentationForwardButtonDisabledStyle {
	icon : Embed('assets/images/ic_arrow_forward_grey_24px.png');
}

.presentationFitToWidthButtonStyle {
	icon : Embed('assets/images/fit-to-width.png');
}

.presentationFitToPageButtonStyle {
	icon : Embed('assets/images/fit-to-screen.png');
}

.presentationDownloadButtonStyle {
	icon : Embed('assets/images/ic_file_download_16px.png');
}

.presentationDownloadButtonDisabledStyle {
	icon : Embed('assets/images/ic_file_download_grey_16px.png');
}

/*
//------------------------------
//  ProgressBar
//------------------------------
*/

mx|ProgressBar {
	color       : #8A9AA7;
	themeColor  : #8F53A1;
	barColor    : #3697D3;
	trackColors : #FFFFFF, #FFFFFF;
	borderColor : #CDD4DB;
	barSkin     : ClassReference("org.bigbluebutton.skins.ProgressBarSkin");
	trackSkin   : ClassReference("org.bigbluebutton.skins.ProgressTrackSkin");
}

/*
//------------------------------
//  SharedNotes
//------------------------------
*/

.sharedNotesSaveButtonStyle, .chatSaveButtonStyle {
	icon : Embed('assets/images/ic_save_16px.png');
}

.sharedNotesNewButtonStyle {
	icon : Embed('assets/images/ic_note_add_16px.png');
}

.sharedNotesEnabledUndoButtonStyle {
	icon : Embed('assets/images/arrows_undo_icon.png');
}

.sharedNotesDisabledUndoButtonStyle {
	icon : Embed('assets/images/arrows_undo_icon_grey.png');
}

.sharedNotesEnabledRedoButtonStyle {
	icon : Embed('assets/images/arrows_redo_icon.png');
}

.sharedNotesDisabledRedoButtonStyle {
	icon : Embed('assets/images/arrows_redo_icon_grey.png');
}

.sharedNotesFormatButtonStyle {
	icon : Embed('assets/images/ic_note_format_16px.png');
}

/*
//------------------------------
//  TitleWindow
//------------------------------
*/

mx|TitleWindow {
	borderColor          : #FFFFFF;
	cornerRadius         : 4;
	roundedBottomCorners : true;
	dropShadowEnabled    : true;
	shadowDistance       : 0;
}

/*
//------------------------------
//  ToolTip
//------------------------------
*/

mx|ToolTip {
	borderSkin      : ClassReference("org.bigbluebutton.skins.ToolTipSkin");
	backgroundColor : #3B97D3;
	color           : #FFFFFF;
	fontSize        : 13;
	backgroundAlpha : 0.9;
	cornerRadius    : 3;
}

.errorTip {
	borderColor : #FF6666;
}

/*
//------------------------------
//  VideoDock
//------------------------------
*/

videoconf|UserGraphicHolder {
	presenterIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Presenter");
	moderatorIcon : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Moderator");
}

.videoToolbarBackgroundTalkingStyle {
	backgroundColor : #3B97D3;
	backgroundAlpha : 0.5;
}

.videoToolbarBackgroundNotTalkingStyle {
	backgroundColor : #000000;
	backgroundAlpha : 0.5;
}

.videoToolbarLabelStyle {
	color      : #FFFFFF;
	fontSize   : 12;
	textIndent : 0;
}

.muteOverlayBtn {
	upSkin       : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Unmuted");
	overSkin     : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Unmuted");
	downSkin     : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Unmuted");
	disabledSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Unmuted");
}

.unmuteOverlayBtn {
	upSkin       : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Muted");
	overSkin     : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Muted");
	downSkin     : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Muted");
	disabledSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Video_Muted");
}

.closeBtnFocus, .closeBtnNoFocus {
	upSkin       : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Close_Video");
	overSkin     : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Close_Video");
	downSkin     : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Close_Video");
	disabledSkin : Embed(source="assets/swf/v2_skin.swf", symbol="Icon_Close_Video");
}

/*
//------------------------------
//  Whiteboard
//------------------------------
*/

whiteboard|WhiteboardToolbar {
	backgroundColor : #F1F3F7;
	borderColor     : #CFD4DB;
	borderStyle     : solid;
	borderThickness : 1;
	cornerRadius    : 4;
	paddingBottom   : 0;
	paddingTop      : 0;
	paddingLeft     : 0;
	paddingRight    : 0;
}

.colorPickerStyle {
	backgroundColor           : #E5E6E7;
	columnCount               : 13;
	horizontalGap             : 0;
	previewHeight             : 22;
	previewWidth              : 50;
	swatchGridBackgroundColor : #000000;
	swatchGridBorderSize      : 0;
	swatchHeight              : 60;
	swatchHighlightColor      : #FFFFFF;
	swatchHighlightSize       : 1;
	swatchWidth               : 12;
	textFieldWidth            : 72;
	verticalGap               : 0;
}

.multiUserWhiteboardOnButtonStyle {
	icon : Embed('assets/images/multiuserwhiteboardon.png');
}

.multiUserWhiteboardOffButtonStyle {
	icon : Embed('assets/images/multiuserwhiteboardoff.png');
}

.whiteboardUndoButtonStyle {
	icon : Embed('assets/images/undo.png');
}

.whiteboardCircleButtonStyle {
	icon : Embed('assets/images/ellipse.png');
}

.whiteboardClearButtonStyle {
	icon : Embed('assets/images/delete.png');
}

.chatClearButtonStyle {
	icon : Embed('assets/images/delete.png');
}

.whiteboardScribbleButtonStyle {
	icon : Embed('assets/images/pencil.png');
}

.whiteboardLineButtonStyle {
	icon : Embed('assets/images/line.png');
}

.whiteboardPanZoomButtonStyle {
	icon : Embed('assets/images/hand.png');
}

.whiteboardRectangleButtonStyle {
	icon : Embed('assets/images/square.png');
}

.whiteboardTextButtonStyle {
	icon : Embed('assets/images/text.png');
}

.whiteboardTriangleButtonStyle {
	icon : Embed('assets/images/triangle.png');
}

/****************************/
/*        Old styles        */
/****************************/
/*

.chatToolbarStyle {
	backgroundColor: #CCCCCC;
	cornerRadius: 5;
	borderStyle: solid;
	borderThickness: 1;
	paddingBottom: 2;
	paddingTop: 2;
	paddingLeft: 2;
	paddingRight: 2;
}

.recordingLabelStyle {
	fontWeight: bold;
	fontSize: 15;
	fontFamily: Arial;
	color: #e1e2e5;
}

.videoMessageWarningLabelStyle {
	fontWeight: bold;
	fontSize: 18;
	fontFamily: Arial;
	color: #ffff26;
}

.videoMessageErrorLabelStyle {
	fontWeight: bold;
	fontSize: 18;
	fontFamily: Arial;
	color: #ff2727;
}

.videoMessageBackgroundStyle {
	backgroundAlpha: 0.6;
	backgroundColor: #b9babc;
}

.pollResondersLabelStyle {
	color: #444444;
	fontFamily: Arial;
	fontSize: 16;
	fontWeight: bold;
}

.quickWindowLinkStyle {
	paddingLeft: 0;
	paddingRight: 0;
	textDecoration: underline;
	rollOverColor: #cccccc;
	selectionColor: #999999;
	color: #ffffff;
	textRollOverColor: #504f3d;
	textSelectedColor: #504f3d;
}

.helpLinkButtonStyle {
	paddingLeft: 4;
	paddingRight: 4;
	paddingTop: 2;
	paddingBottom: 2;
	fontSize: 16;
	rollOverColor: #cccccc;
	selectionColor: #999999;
	color: #ffffff;
	textRollOverColor: #504f3d;
	textSelectedColor: #504f3d;
	fontWeight: bold;
}

.acceptButtonStyle {
	icon: Embed('assets/images/ic_thumb_up_16px.png');
}

.denyButtonStyle {
	icon: Embed('assets/images/ic_thumb_down_16px.png');
}


.whiteboardUndoButtonStyle, .whiteboardCircleButtonStyle, .whiteboardClearButtonStyle,
.whiteboardTriangleButtonStyle, .whiteboardTextButtonStyle, .whiteboardRectangleButtonStyle,
.chatClearButtonStyle, .multiUserWhiteboardOnButtonStyle, .multiUserWhiteboardOffButtonStyle
{
	textIndent: 0;
	paddingLeft: 0;
	paddingRight: 0;
	paddingTop: 5;
	paddingBottom: 5;
	highlightAlphas: 0.4, 0;
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	color: #3f3f41;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;
	themeColor: haloBlue;
	fontFamily: Arial;
	fontSize: 12;
}

.presentationUploadButtonStyle, .pollStartButtonStyle, .presentationBackButtonStyle, .presentationBackButtonDisabledStyle, .presentationForwardButtonStyle, .presentationForwardButtonDisabledStyle,
.presentationFitToWidthButtonStyle, .presentationFitToPageButtonStyle, .presentationDownloadButtonStyle, .presentationDownloadButtonDisabledStyle,
.sharedNotesSaveButtonStyle, .sharedNotesNewButtonStyle, .sharedNotesEnabledUndoButtonStyle, .sharedNotesDisabledUndoButtonStyle, .sharedNotesEnabledRedoButtonStyle, .sharedNotesDisabledRedoButtonStyle, .sharedNotesFormatButtonStyle, .chatCopyButtonStyle, .chatSaveButtonStyle
{
	textIndent: 0;
	paddingLeft: 10;
	paddingRight: 10;
	paddingTop: 5;
	paddingBottom: 5;
	highlightAlphas: 0.4, 0;
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	color: #3f3f41;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;
	themeColor: haloBlue;
	fontFamily: Arial;
	fontSize: 12;
}

.presentationZoomSliderStyle{
	labelOffset: 0;
	thumbOffset: 3;
	dataTipOffset: -1;
	tickOffset: 2;
	tickLength: 5;
	tickThickness: 2;
	tickColor: #6cccff;
	showTrackHighlight: true;
	invertThumbDirection: false;
	borderColor: #b9babc;
	trackColors: #aaaaaa, #aaaaaa;
	themeColor: haloBlue;
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	labelStyleName: "presentationZoomSliderLabelStyle";
}

.presentationZoomSliderLabelStyle {
	color: #3f3f41;
	fontFamily: Arial;
}

.deskshareControlButtonStyle {
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	color: #3f3f41;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;  
	cornerRadius: 17;
}

.deskshareWarningLabelStyle {
	fontWeight: bold;
	fontSize: 18;
	fontFamily: Arial;
	color: #003399;
}

.deskshareWarningBackgroundStyle {
	backgroundAlpha: 0.6;
	backgroundColor: #78797e;
}

.videoMuteButtonStyle, .videoUnmutedButtonStyle, .videoSwitchPresenterButtonStyle, .videoEjectUserButtonStyle, .videoPrivateChatButtonStyle {
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	color: #3f3f41;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;  
	cornerRadius: 17;
}

.videoMutedButtonStyle {
	/* Need to duplicate info here as the styleName is programatically changed. Extracting it out doesn't have any effect.
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	color: #ffffff;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;  
	cornerRadius: 17;
	icon:   Embed('assets/images/webcam-muted.png');
}

.presentationFileUploadWindowTitleStyle, .presentationUploadTitleStyle {
	fontFamily: Arial;
	fontSize: 20;  
	fontWeight: bold;
}

.presentationNamesLabelStyle {
	fontFamily: Arial;
	fontSize: 14;  
	fontWeight: bold;
}

.presentationUploadChooseFileButtonStyle {
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	color: #3f3f41;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;  
	cornerRadius: 5;  
}

.presentationUploadCancelButtonStyle {
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	color: #3f3f41;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;  
	cornerRadius: 5;    
}

.presentationUploadShowButtonStyle {
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	color: #3f3f41;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;  
	cornerRadius: 5;  
}

.presentationUploadFileFormatHintBoxStyle, .audioBroswerHintBoxStyle {
	backgroundColor: #D4D4D4;
	dropShadowEnabled: false;
	paddingLeft: 10;
	paddingRight: 10;
}

.presentationUploadFileFormatHintTextStyle, .audioBroswerHintTextStyle {
	fontWeight: bold;
}

.audioBroswerHintBoxStyle {
	paddingLeft: 5;
	paddingRight: 5;
	paddingBottom : 8;
	paddingTop : 8;
}

.desktopShareViewStyle {
	backgroundColor: #FFFFFF;
	paddingTop: 15;
	paddingLeft: 15;
	paddingBottom: 15;
	paddingRight: 15;
}

.desksharePublishPauseBox {
	horizontalAlign: center;
	verticalAlign: middle;
	borderColor: #C0C0C0;
	borderThickness: 2;
	borderStyle: solid
}

.desktopShareTextStyle {
	color: #3f3f3f;
	fontSize:	11;
	fontWeight:	bold;	
}

.micSettingsWindowTestSpeakersLabelStyle, .micSettingsWindowTestMicrophoneLabelStyle {
	fontFamily: Arial;
	fontSize: 14;  
	fontWeight: bold;    
}

.micSettingsWindowHearFromHeadsetLabelStyle, .micSettingsWindowSpeakIntoMicLabelStyle, .micSettingsWindowMicNameLabelStyle, .webcamPermissionSettingsTextStyle, .inactivityWarningTextStyle {
	fontFamily: Arial;
	fontSize: 14;    
}

.micSettingsWindowOpenDialogLabelStyle {
	fontFamily: Arial;
	fontSize: 14;
	fontWeight: bold;
	color: #e1e2e5;
}

.micSettingsWindowShareMicrophoneLabelStyle {
	fontFamily: Arial;
	fontSize: 14;
	color: #5e5f63;
}

.micSettingsWindowPlaySoundButtonStyle, .micSettingsWindowChangeMicButtonStyle {
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	rollOverColor: #eeeeee;
	color: #3f3f41;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;  
	cornerRadius: 5;      
}

.micSettingsWindowJoinButtonStyle {
	fillAlphas: 1, 1, 1, 1;
	fillColors: #fefeff, #e1e2e5, #ffffff, #eeeeee;
	rollOverColor: #eeeeee;
	color: #3f3f41;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;  
	cornerRadius: 5; 
	icon:   Embed('assets/images/headset.png');
}

.micSettingsWindowCancelButtonStyle, .inactivityWarningWindowCancelButtonStyle {
	fillAlphas: 1, 1, 1, 1;
	fillColors: #ffffff, #eeeeee, #ffffff, #eeeeee;
	rollOverColor: #eeeeee;
	color: #3f3f41;
	textRollOverColor: #3f3f41;
	textSelectedColor: #3f3f41;
	borderColor: #b9babc;  
	cornerRadius: 5;    
}

.micSettingsWindowHelpButtonStyle {
	paddingLeft: 4;
	paddingRight: 4;
	paddingTop: 2;
	paddingBottom: 2;
	fontSize: 16;
	rollOverColor: #cccccc;
	selectionColor: #999999;
	color: #504f3d;
	textRollOverColor: #ffffff;
	textSelectedColor: #ffffff;
	fontWeight: bold;
}

.presentationSlideViewStyle {
	backgroundColor: #b9babc;
}

.presentationWindowControlsStyle {
	paddingBottom: 5;
	paddingTop: 3;
	paddingLeft: 3;
	paddingRight: 3;
	bottom: 5;
	cornerRadius: 0;
	dropShadowEnabled: false;
}


.defaultShellStyle {
	backgroundColor: #fefeff;
}

.darkShellStyle {
	backgroundColor: #42444c;
}

.increaseBtnFocus, .increaseBtnNoFocus
{
	upSkin:        Embed('assets/images/3_increaseButton.png');
	overSkin:      Embed('assets/images/3_increaseButton.png');
	downSkin:      Embed('assets/images/3_increaseButton.png');
	disabledSkin:  Embed('assets/images/3_increaseButton.png');
}

.decreaseBtnFocus, .decreaseBtnNoFocus  
{
	upSkin:        Embed('assets/images/3_decreaseButton.png');
	overSkin:      Embed('assets/images/3_decreaseButton.png');
	downSkin:      Embed('assets/images/3_decreaseButton.png');
	disabledSkin:  Embed('assets/images/3_decreaseButton.png');
}

.minimizeBtnFocus 
{
	upSkin:        Embed('assets/images/3_minimizeButton.png');
	overSkin:      Embed('assets/images/3_minimizeButton.png');
	downSkin:      Embed('assets/images/3_minimizeButton.png');
	disabledSkin:  Embed('assets/images/3_minimizeButton.png');
}

.resizeHndlr 
{
	upSkin:        Embed('assets/images/resizeHandler.png');
	overSkin:      Embed('assets/images/resizeHandler.png');
	downSkin:      Embed('assets/images/resizeHandler.png');
	disabledSkin:  Embed('assets/images/resizeHandler.png');
}

.cameraDisplaySettingsWindowStartBtn
{
	icon:   Embed('assets/images/webcam.png');
}

.cameraDisplaySettingsWindowStartBtnDisabled
{
	icon: Embed('assets/images/webcam.png');
	color: #AAB3B3;
	textSelectedColor: #AAB3B3;
	fillAlphas: 0.45, 0.25;  
}

.logoutWindowStyle {
	borderColor: #DFDFDF;
	backgroundColor: #EFEFEF;
	borderAlpha: 1;
	shadowDistance: 1;
	dropShadowColor: #FFFFFF;
	color: #000000;
	headerHeight: 32;
	/* we need to set transparency duration to avoid the blur effect when two alerts are displayed sequentially 
	modalTransparencyDuration: 250;
}

.lockSettingsDefaultLabelStyle {
	fontFamily: Arial;
	fontSize: 14;
}

.lockSettingsWindowTitleStyle {
	fontFamily: Arial;
	fontSize: 20;  
	fontWeight: bold;
}

.statusImageStyle {
	successImage:   Embed(source='assets/images/status_success.png');
	warningImage:   Embed(source='assets/images/status_warning.png');
	failImage:      Embed(source='assets/images/status_fail.png');
	refreshImage:   Embed(source='assets/images/status_refresh.png');
}

.webRTCAudioStatusStyle {
	strongAudioStatus:        Embed(source='assets/images/strong_audio_status.png');
	almostStrongAudioStatus:  Embed(source='assets/images/almost_strong_audio_status.png');
	almostWeakAudioStatus:    Embed(source='assets/images/almost_weak_audio_status.png');
	weakAudioStatus:          Embed(source='assets/images/weak_audio_status.png');
	color: #e1e2e5;
}

.warningButtonStyle {
	icon:   Embed('assets/images/status_warning_20.png');
}

.statusTitleStyle {
	fontWeight: bold;
	fontSize: 12;
	paddingBottom: 0;
}

.statusMessageStyle {
	fontSize: 12;
	paddingTop: 0;
}

.statusTimeStyle {
	fontSize: 10;
	paddingTop: 0;
}

.addLayoutButtonStyle {
	icon:   Embed('assets/images/ic_add_circle_outline_16px.png');
}

.saveLayoutButtonStyle {
	icon:   Embed('assets/images/ic_file_download_16px.png');
}

.loadLayoutButtonStyle {
	icon:   Embed('assets/images/ic_file_upload_16px.png');
}

.broadcastLayoutButtonStyle {
	icon:   Embed('assets/images/ic_send_16px.png');
}

poll|PollChoicesModal {
	fontSize: 14;
	paddingLeft: 16;
	paddingRight: 16;
}

.chatOptionsLabel {
	fontSize: 12;
	color: #000000;
	textRollOverColor: #000000;
	textSelectedColor: #000000;
	fontFamily: Arial;
}

.chatMessageListStyle {
	rollOverColor: #ffffff;
	selectionColor: #f3f3f3;
}

users|EmojiGrid {
	backgroundColor: #ffffff;
	horizontalAlign: center;
	paddingLeft: 0;
	paddingRight: 0;
	paddingBottom: 0;
	paddingTop: 0;
}

.emojiGridTile {
	paddingBottom: 10;
	paddingLeft: 10;
	paddingRight: 10;
	paddingTop: 10;
	verticalGap: 6;
	horizontalGap: 6;
}

users|RoomActionsRenderer {
	paddingLeft  : 5;
	paddingRight : 5;
}

.breakoutRoomUserWindowHeadingStyle {
	fontWeight: bold;
}

.breakoutRoomSettingTitleStyle {
	fontFamily: Arial;
	fontSize: 20;  
	fontWeight: bold;
}

.roomsContainer {
	horizontalAlign : center;
	verticalGap: 10;
	horizontalGap: 10;
	paddingTop: 20;
	paddingBottom: 20;
}

.breakoutTipBox {
	horizontalAlign: center;
}

.breakoutRoomsBox {
	paddingTop: 12;
	horizontalAlign: center;
}

.breakoutRoomTimerBox {
	backgroundColor: #CCCCCC;
	verticalAlign: middle;
	horizontalAlign: center;
}

.chatCopyButtonStyle{
	icon:   Embed('assets/images/ic_content_copy_black_16px.png');
}

*/