mako 0.0.0

data/lib/mako/data/flash_widget_dev_core/src/assets/materia/styles/style.css

@@ -0,0 +1,929 @@
+/* --------------------------------  Embedded Fonts  --------------------------------------*/
+@font-face {
+	src: url("../swf/embeddedfonts.swf");
+	fontFamily: "Arial Rounded MT Bold";
+}
+@font-face {
+	src: url("../swf/embeddedfonts.swf");
+	fontFamily: "Futura ICG Demi";
+}
+/* --------------------------------  Font Styles  --------------------------------------*/
+/*TextInput {
+	color: #000000;
+}*/
+.accountTag {
+	fontSize: 12;
+}
+.gameDetailsDesc {
+	paddingRight: 5px;
+	paddingTop: 5px;
+	paddingBottom: 5px;
+	paddingLeft: 5px;
+	protectFontWeight: true;
+}
+.gameTitleText, .gameSubjectText, .loginTitle {
+	color: #ffffff;
+	 fontSize: 20;
+	fontFamily: "Arial Rounded MT Bold";
+	protectFontWeight: true;
+}
+.gameSubjectText {
+	fontSize: 12;
+}
+.logoutText {
+	 fontFamily: "Arial Rounded MT Bold";
+	 color: #FFFFFF;
+	 fontSize: 10;
+	textAlign: right;
+}
+.whiteText {
+	color: #FFFFFF;
+	fontSize: 14;
+}
+.usedInGameLinkButton
+{
+	color: #FFFFFF;
+	textDecoration: underline;
+	leading: 0;
+	paddingLeft: 2;
+	paddingRight: 2;
+	paddingTop: 0;
+	paddingBottom: 0;
+	cornerRadius: 2;
+	fontSize: 14;
+	rollOverColor: #F1AB14;
+	selectionColor: #F1AB14;
+	themeColor: #F1AB14;
+	textRollOverColor: #FFFFFF;
+	textSelectedColor: #FFFFFF;
+}
+.panelTitle, .header, .centeredPanelTitle {
+	fontFamily: "Futura ICG Demi";
+	 color: #FFFFFF;
+	 fontSize: 22;
+}
+.panelTitleSmall {
+	fontFamily: "Futura ICG Demi";
+	 color: #FFFFFF;
+	 fontSize: 16;
+	titleStyleName: titleWindowTitle;
+}
+.centeredPanelTitle {
+	textAlign: center;
+}
+.header {fontSize: 18;}
+.PageTitle {
+	fontWeight: bold;
+}
+.strongLabel {
+	fontWeight: undefined;
+}
+.loginPanelAppTitle{
+	fontSize: 20;
+	fontFamily: "Anivers Regular";
+}
+.loginPanelTextArea{
+	fontFamily: Arial;
+	fontSize: 13;
+	borderColor: #990000;
+	backgroundColor: #FFFFFF;
+	backgroundAlpha: 1;
+	borderStyle: solid;
+	cornerRadius: 5;
+	paddingLeft: 10;
+	paddingRight: 10;
+}
+.distributeTextArea{
+	fontFamily: Arial;
+	fontSize: 11;
+	backgroundColor: #FFFFFF;
+	backgroundAlpha: 1;
+	borderStyle: solid;
+	cornerRadius: 5;
+	paddingLeft: 10;
+	paddingRight: 10;
+}
+.labelBehindInputText{
+	borderColor: #1b406a;
+	backgroundColor: #FFF;
+	borderStyle: solid;
+	cornerRadius: 2;
+	color: #333333;
+	fontFamily: Delicious-Heavy;
+	fontWeight: normal;
+	fontSize: 17;
+	backgroundAlpha: 1;
+}
+.labelBehindInputLabel{
+	color: #000000;
+	fontFamily: Delicious-Heavy;
+	fontWeight: normal;
+	background-color: #FFFFFF;
+	backgroundAlpha: 1;
+	fontSize: 22;
+}
+.loginPanelTextInput{
+	fontFamily: Arial;
+	fontSize: 13;
+	borderColor: #990000;
+	backgroundColor: #FFFFFF;
+	backgroundAlpha: 1;
+	borderStyle: solid;
+	cornerRadius: 0;
+	paddingLeft: 10;
+ 	backgroundAlpha: 1;
+	paddingRight: 10;
+}
+.sharingNote {
+	font-size: 10pt;
+	color: #b5b5b6;
+	modal-transparency: 0.3;
+}
+/* --------------------------------  Application  --------------------------------------*/
+/*Application {
+	fontSize: 14;
+	fontFamily: "Verdana";
+	protectFontWeight: true;
+	modal-transparency-color: #000000;
+	modal-transparency: 0.3;
+}*/
+.Header
+{
+	 font-family: futura;
+	 font-size: 24pt;
+}
+/* --------------------------------  Buttons  --------------------------------------*/
+/*Button, */.tinyButton, /*ComboBox,*/ .DefaultButton {
+	backgroundAlpha: 1;
+	color: #333333;
+	textRollOverColor: #333333;
+	textSelectedColor: #333333;
+	disabledColor: #7b7b7b;
+	themeColor: #69B4E3;
+	fontSize: 14;
+	fontFamily: "Arial Rounded MT Bold";
+	font-weight: normal;
+	fillAlphas: .8, .8, .8, .8;
+}
+.blueButton
+{
+	color: #F4F4F4;
+	fillAlphas: 0.75, 1.0, 0.75, 1.0;
+	fillColors: #4990C7, #377AA6, #7CB1D2, #6CAAD2;
+	fontSize: 14;
+	textRollOverColor: #F4F4F4;
+	disabledColor: #D8DDE5;
+}
+.redButton
+{
+	color: #FFFFFF;
+	text-roll-over-color: #FFFFFF;
+	fillAlphas: 1.0, 1.0, 1.0, 1.0;
+	fillColors: #A00000, #530000, #960000, #B60000;
+	fontSize: 14;
+	disabledColor: #505050;
+	textSelectedColor: #D00000;
+}
+.marginlessButton
+{
+	paddingLeft: 0;
+	paddingRight: 0;
+	paddingTop: 0;
+	paddingBottom: 0;
+}
+.blackButton
+{
+	color: #FFFFFF;
+	text-roll-over-color: #FFFFFF;
+	fillAlphas: 1.0, 1.0, 1.0, 1.0;
+	fillColors: #282828, #000000, #353535, #121212;
+	fontSize: 15;
+	disabledColor: #505050;
+	font-weight: normal;
+}
+.tabButtons {
+	backgroundAlpha: 1;
+	color: #FFFFFF;
+	textRollOverColor: #FFFFFF;
+	textSelectedColor: #333333;
+	disabledColor: #7b7b7b;
+  	themeColor: #1C282C;
+	fontSize: 15;
+	fontFamily: "Futura ICG";
+	fillAlphas: 1.0, 1.0, 1.0, 1.0;
+	fillColors: #192225, #192225, #192225, #192225;
+	borderColor: #111719;
+	paddingLeft: 6;
+	paddingRight: 6;
+	paddingBottom: 1;
+	paddingTop: 1;
+}
+.OrangeButton {
+	backgroundAlpha: 1;
+	color: #FFFFFF;
+	textRollOverColor: #FFFFFF;
+	textSelectedColor: #333333;
+	disabledColor: #7b7b7b;
+  	themeColor: #FFA84B;
+	fontSize: 14;
+	fontFamily: "Arial Rounded MT Bold";
+	fillAlphas: 0.91, 0.8, 0.8, 0.8;
+	fillColors: #FFA84B, #FFA84B, #FFA84B, #FFA84B;
+	borderColor: #FFA84B;
+}
+.smallButton {
+	backgroundAlpha: 1;
+	color: #333333;
+	textRollOverColor: #333333;
+	textSelectedColor: #333333;
+	disabledColor: #7b7b7b;
+  	themeColor: #377AA6;
+	fontSize: 10;
+	fontFamily: "Arial Rounded MT Bold";
+	fillAlphas: .8, .8, .8, .8;
+}
+.tinyTextButton {
+	fontSize: 11;
+	/*fontWeight: bold;*/
+	fontStyle: normal;
+	textDecoration: none;
+	textAlign: center;
+	paddingRight: 2;
+	paddingLeft: 2;
+	paddingTop: 2;
+	paddingBottom: 2;
+	horizontalGap: 0;
+	color: #FFFFFF;
+	textRollOverColor: #333333;
+	textSelectedColor: #333333;
+	themeColor: #333333;
+	fontFamily: "Arial Rounded MT Bold";
+}
+.tinyButton {
+	fontSize: 11;
+	/*fontWeight: bold;*/
+	fontStyle: normal;
+	textDecoration: none;
+	textAlign: center;
+	paddingRight: 2;
+	paddingLeft: 2;
+	paddingTop: 2;
+	paddingBottom: 2;
+	horizontalGap: 0;
+	fontFamily: "Arial Rounded MT Bold";
+}
+.textButton, .checkBoxButton {
+	color: #FFFFFF;
+	textRollOverColor: #333333;
+	textSelectedColor: #333333;
+	themeColor: #333333;
+	fontSize: 14;
+	fontFamily: "Arial Rounded MT Bold";
+}
+.checkBoxButton {
+	color: #FFFFFF;
+	textRollOverColor: #FFFFFF;
+	textSelectedColor: #FFFFFF;
+	themeColor: #FFFFFF;
+}
+.buttonHideGameList
+{
+	cornerRadius: 0;
+	paddingLeft: 0;
+	paddingRight: 0;
+	fillAlphas: 1, 1, 1, 1;
+	fillColors: #d4d0c8, #cccccc, #cccccc, #d4d0c8;
+	borderColor: #D4D0C8;
+}
+.toggleButtonSelected
+{
+	fontSize: 16;
+	color: #292929;
+	fontStyle: normal;
+}
+.buttonNewGameBar
+{
+	backgroundAlpha: 1;
+	buttonStyleName: buttonBarButton;
+	fillAlphas: 1, 1, 1, 1;
+}
+.popupButton
+{
+	padding-top: 0;
+	padding-bottom: 0;
+	padding-left: 0;
+	padding-right: 0;
+	theme-color: #9A913D;
+	color: #303030;
+	font-size: 12;
+	font-weight: normal;
+}
+.lightList {
+	backgroundAlpha: 1;
+	alternatingItemColors: #D8D8D8, #E8E8E8;
+	headerColors: #666666, #363636;
+	horizontalGridLines: false;
+	letterSpacing: 0;
+	horizontalGridLineColor: #000000;
+	verticalGridLines: true;
+	verticalGridLineColor: #333333;
+	rollOverColor: #39566c;
+	textRollOverColor: #ededed;
+	borderThickness: 1;
+	borderColor: #101010;
+	selectionColor: #377aa6;
+	color: #000000;
+	textSelectedColor: #ececec;
+	textIndent: 0;
+	dropShadowEnabled: true;
+	shadowDistance: 0;
+	shadowDirection: center;
+	fontWeight: normal;
+	headerStyleName: "mydataGridHeaderStyle";
+	fontSize: 12;
+}
+/* --------------------------------  Data Grids  --------------------------------------*/
+/*DataGrid {
+	color: #000000;
+}*/
+.draftCellLabel {
+	color: #B8AABB;
+}
+.activeCellLabel {
+	color: #ffffff;
+	fontWeight: normal;
+}
+.darkDataGrid {
+	backgroundAlpha: .35;
+	backgroundColor: #101010;
+	alternatingItemColors: #333333, #3a3a3a;
+	headerColors: #666666, #363636;
+	horizontalGridLines: false;
+	letterSpacing: 0;
+	horizontalGridLineColor: #000000;
+	verticalGridLines: true;
+	verticalGridLineColor: #333333;
+	rollOverColor: #39566c;
+	textRollOverColor: #ededed;
+	borderThickness: 1;
+	borderColor: #101010;
+	selectionColor: #377aa6;
+	textSelectedColor: #ececec;
+	textIndent: 0;
+	dropShadowEnabled: true;
+	shadowDistance: 0;
+	shadowDirection: center;
+	fontWeight: normal;
+	headerStyleName: "mydataGridHeaderStyle";
+ 	backgroundImage: ClassReference("materia.components.GradientBackground");
+	backgroundSize: "100%";
+	gradientType: radial;
+	fillColors: #FFFFFF, #377aa6;
+	fillAlphas: .34, .09;
+	angle: 210;
+	focalPointRatio: 0.45;
+}
+.gameDataGrid {
+	backgroundAlpha: 1;
+	alternatingItemColors: #D8D8D8, #E8E8E8;
+	headerColors: #377AA6, #39566C;
+	horizontalGridLines: true;
+	letterSpacing: 0;
+	horizontalGridLineColor: #B2B0B0;
+	verticalGridLines: true;
+	verticalGridLineColor: #818080;
+	rollOverColor: #39566c;
+	textRollOverColor: #ededed;
+	borderThickness: 1;
+	borderColor: #101010;
+	selectionColor: #377aa6;
+	color: #2E2E2E;
+	textSelectedColor: #ececec;
+	textIndent: 0;
+	dropShadowEnabled: true;
+	shadowDistance: 0;
+	shadowDirection: center;
+	fontWeight: normal;
+	headerStyleName: "mydataGridHeaderStyle";
+	fontFamily: Verdana;
+	fontSize: 12;
+}
+.lightDataGrid {
+	backgroundAlpha: 1;
+	backgroundColor: #333333;
+	alternatingItemColors: #ffffff, #cccccc;
+	headerColors: #666666, #363636;
+	horizontalGridLines: false;
+	letterSpacing: 0;
+	horizontalGridLineColor: #000000;
+	verticalGridLines: true;
+	verticalGridLineColor: #333333;
+	rollOverColor: #39566c;
+	textRollOverColor: #ededed;
+	borderThickness: 1;
+	borderColor: #101010;
+	selectionColor: #377aa6;
+	color: #000000;
+	textSelectedColor: #ececec;
+	textIndent: 0;
+	dropShadowEnabled: true;
+	shadowDistance: 0;
+	shadowDirection: center;
+	fontWeight: normal;
+	headerStyleName: "mydataGridHeaderStyle";
+}
+.mydataGridHeaderStyle {
+	color: #DCDCDC;
+	fontWeight: bold;
+	fontSize: 14;
+	fontStyle: normal;
+	textDecoration: none;
+	letterSpacing: 0;
+	textAlign: left;
+fontFamily: Arial;
+}
+.smallDataGrid {
+	fontSize: 9;
+}
+.dataGridStyle
+{
+	alternatingItemColors: #F2FBFF, #E0EEF0;
+	backgroundAlpha: 0.81;
+	selectionColor: #A6DCFE;
+	headerColors: #F2FBFF, #E0EEF0;
+	borderThickness: 0;
+	verticalScrollBarStyleName: dataGridVerticalScrollBar;
+	verticalGridLines: false;
+	horizontalGridLines: false;
+	verticalAlign: top;
+	textAlign: left;
+}
+/* --------------------------------  Menus and Lists  --------------------------------------*/
+/*ComboBox
+{
+	cornerRadius: 4;
+	dropdownStyleName: "dropdown";
+	font-weight: bold;
+	color: #C6C6C6;
+	borderColor: #333333;
+	fillAlphas: 1.0, 1.0;
+	fillColors: #3D3D3D, #2C2C2C, #505050, #6A6A6A;
+	themeColor: #B4B4B4;
+}*/
+.comboBoxDropdown
+{
+	backgroundColor: #CBCBCB;
+	selectionColor: #EEEEEE;
+	rollOverColor: #4C7894;
+	verticalScrollBarStyleName: listBaseVerticalScrollBar;
+	textRollOverColor: #F7F7F7;
+}
+.dropdown { /* Not Used */
+	color: #C6C6C6;
+	backgroundColor: #333333;
+	borderColor: #000000;
+	rollOverColor: #6CB4E2;
+	selectionColor: #ECEDED;
+}
+/*HorizontalList
+{
+	backgroundAlpha: 0;
+	borderStyle: none;
+	textAlign: center;
+}*/
+TileList.tileListNewGame
+{
+	rollOverColor: #A8D8F7;
+	selectionColor: #4EB3F3;
+}
+/* --------------------------------  Tab Navigators  --------------------------------------*/
+/*TabNavigator,*/ .defaultTabNavigator {
+	fontWeight: bold;
+	tabStyleName: tabNavigatorTab;
+	color: #FFFFFF;
+	background-color:#737E90;
+	border-color:#262B3B;
+	border-style:solid;
+	selectedTabTextStyleName:"selectedTab";
+	tabStyleName:"regularTab";
+}
+.regularTab
+{
+	background-color:#737E90;
+}
+.selectedTab {
+	color:#2c4b5f;
+}
+/* --------------------------------  Panels  --------------------------------------*/
+.thinPanel, .centeredPanel {	title-style-name: "panelTitle";
+	color: #FFFFFF;
+	fontSize: 14;
+	borderStyle: solid;
+	borderColor: #377aa6;
+	borderAlpha: 1;
+	borderThickness: 1;
+	roundedBottomCorners: true;
+	cornerRadius: 6;
+	backgroundAlpha: 0.2;
+	backgroundColor: #303030;
+	dropShadowEnabled: false;
+ 	backgroundImage: ClassReference("materia.components.GradientBackground");
+	backgroundSize: "100%";
+	gradientType: radial;
+	fillColors: #FFFFFF, #377aa6;
+	fillAlphas: .8, .12;
+	angle: 240;
+	focalPointRatio: -.36;
+}
+.thinCanvas {
+	color: #FFFFFF;
+	fontSize: 14;
+	borderStyle: solid;
+	borderColor: #377aa6;
+	borderAlpha: 1;
+	borderThickness: 1;
+	cornerRadius: 6;
+	backgroundAlpha: 0.2;
+	backgroundColor: #303030;
+	dropShadowEnabled: false;
+ 	backgroundImage: ClassReference("materia.components.GradientBackground");
+	backgroundSize: "100%";
+	gradientType: radial;
+	fillColors: #FFFFFF, #377aa6;
+	fillAlphas: .8, .12;
+	angle: 240;
+	focalPointRatio: -.36;
+}
+.gameDetailsNavigator
+{
+	tabStyleName: "gameDetailsNavigatorTabs";
+	firstTabStyleName: "gameDetailsNavigatorTabs";
+	lastTabStyleName: "gameDetailsNavigatorTabs";
+	selectedTabTextStyleName: "gameDetailsNavigatorSelectedTabs";
+	borderColor: #FFFFFF;
+	backgroundColor: #BFCDD6;
+	backgroundAlpha: 0.08;
+	horizontalAlign: center;
+}
+.gameDetailsNavigatorTabs {
+	fillColors: #5A5A5A, #5A5A5A;
+	color: #B5B5B5;
+	fillAlphas: 1.0, 1.0;
+borderColor: #FFFFFF;
+}
+.gameDetailsNavigatorSelectedTabs {
+color: #303030;
+}
+.questionScreenOverlayPanel
+{
+	color: #FFFFFF;
+	fontSize: 14;
+	borderStyle: solid;
+	borderColor: #377aa6;
+	borderAlpha: 1;
+	borderThickness: 1;
+	roundedBottomCorners: true;
+	cornerRadius: 6;
+	backgroundAlpha: 0.2;
+	dropShadowEnabled: false;
+ 	backgroundImage: ClassReference("materia.components.GradientBackground");
+	backgroundSize: "100%";
+	gradientType: linear;
+	fillColors: #1d4762, #377aa6;
+	fillAlphas: .10, .14;
+	angle: 240;
+	focalPointRatio: -.66;
+}
+.bluePanel
+{
+	borderAlpha: 1;
+	backgroundAlpha: 0.6;
+	backgroundColor: #3E3E3E;
+	controlBarStyleName: panelControlBar;
+	paddingLeft: 0;
+	paddingRight: 0;
+	paddingTop: 0;
+	paddingBottom: 0;
+	roundedBottomCorners: false;
+}
+.centeredPanel {
+	titleStyleName: "centeredPanelTitle";
+}
+.newQuestionPanel {
+	backgroundColor: #333333;
+	color: #ffffff;
+}
+.subPanel {
+	color: #FFFFFF;
+	fontSize: 14;
+	borderColor: #2D6FA7;
+	backgroundAlpha: 0.44;
+	backgroundColor: #2D6FA7;
+	borderAlpha: 0.2;
+	borderThicknessTop: 5;
+	borderThicknessBottom: 5;
+	borderThicknessLeft: 5;
+	borderThicknessRight: 5;
+}
+.simplePanel {
+	background-color: #233C4D;
+	border-color: #233C4D;
+	border-style: solid;
+	corner-radius: 4;
+}
+/* --------------------------------  Popups/Windows  --------------------------------------*/
+.alertPopup
+{
+	 backgroundAlpha: 0.95;
+	 backgroundColor: #83939E;/*#1C1C1C;*/
+	 borderAlpha: 0.8;
+	 borderColor: #C4CFD7;
+	 color: #FFFFFF;
+	 buttonStyleName: "alertButton";
+	 messageStyleName: "alertMessage";
+	borderStyle: solid;
+	cornerRadius: 4;
+	drop-shadow-enabled: true;
+	borderThickness: 2;
+}
+.alertPopupTitle
+{
+	font-size: 16;
+	font-thickness: 8;
+	fontFamily: "Arial Rounded MT Bold";
+}
+.alertButton
+{
+	themeColor: #485B68;
+	color: #000000;
+}
+.alertMessage
+{
+	paddingBottom: 10px;
+}
+/*
+TitleWindow
+{
+	color: #FFF;
+	fontSize: 14;
+	borderThicknessTop: 0;
+	borderThicknessBottom: 4;
+	borderThicknessLeft: 4;
+	borderThicknessRight: 4;
+	borderColor: #CCD3D8;
+	backgroundColor: #5A6975;
+	borderAlpha: 0.95;
+	backgroundAlpha: 1.0;
+	roundedBottomCorners: false;
+	controlBarStyleName: titleWindowControlBar;
+	statusStyleName: titleWindowStatus;
+	titleStyleName: titleWindowTitle;
+	cornerRadius: 2;
+	headerHeight: 30;
+	color: #375974;
+}*/
+.popUpWindow
+{
+	titleStyleName: "panelTitleSmall";
+	borderAlpha: 0.9;
+	backgroundAlpha: 1.0;
+	backgroundColor: #3E3E3E;
+	controlBarStyleName: panelControlBar;
+	paddingLeft: 0;
+	paddingRight: 0;
+	paddingTop: 0;
+	paddingBottom: 0;
+	borderThicknessTop: 0;
+	borderThicknessBottom: 0;
+	borderThicknessLeft: 0;
+	borderThicknessRight: 0;
+	roundedBottomCorners: false;
+}
+.titleWindowControlBar
+{
+	backgroundAlpha: 1.0;
+	fontFamily: "Times New Roman";
+	fontSize: 23;
+	horizontalAlign: center;
+}
+.titleWindowStatus
+{
+	text-align: center;
+}
+.titleWindowTitle
+{
+	fontSize: 16;
+	fontFamily: "Arial Rounded MT Bold";
+	fontWeight: normal;
+}
+.helpBubble
+{
+	borderSkin: Embed(source="/assets/materia/swf/helpBubble.swf", symbol="helpBubble");
+}
+.transparentModal
+{
+	modal-transparency: 0;
+	modal-transparency-blur: 0;
+}
+/* --------------------------------  LOGIN PANEL  --------------------------------------*/
+.loginPanel {
+	backgroundColor: #fdf2de;
+	color: #333333;
+	fontSize: 12;
+}
+.loginPanelText {
+	fontSize: 22;
+	textAlign: center;
+}
+.loginPanelContentH1{
+	fontFamily: Delicious-Heavy;
+	fontSize: 27;
+	color: #383838;
+}
+.loginPanelTitle {
+	fontFamily: Delicious-Heavy;
+	fontSize: 27;
+	color : #990000;
+}
+.loginPanelDate {
+	fontWeight: bold;
+}
+.loginPanelHRule {
+	strokeWidth: 2;
+	strokeColor: #383838;
+}
+.loginPanelButton {
+	fontWeight: bold;
+	fontFamily: Arial;
+	fontSize: 16;
+	borderColor: #1b406a;
+	color: #ffffff;
+	cornerRadius: 5;
+	fillColors: #0d3674, #4d7cf4;
+	fillAlphas: .7, .3;
+	textRollOverColor: #ffffff;
+}
+.loginPanelLinkButton {
+	fontFamily: Delicious-Heavy;
+	fontWeight: normal;
+	fontSize: 16;
+	maxFontSize: 16;
+	minFontSize: 16;
+	color: #4f688f;
+	text-decoration: underline;
+	preventZoom: true;
+	padding-top: 0;
+	padding-right: 0;
+	padding-left: 0;
+	padding-bottom: 0;
+}
+.loginPanelProgressBar {
+	barColor: #526EA1;
+	trackHeight: 10;
+	trackColors: #555555, #DDDDDD;
+	fontSize: 10;
+	preventZoom: true;
+	textAlign: center;
+	verticalGap: 0;
+	borderColor: #BEBEBE;
+}
+/* --------------------------------  Misc. Components  --------------------------------------*/
+/*CheckBox {
+	textRollOverColor: #dedede;
+}*/
+.gradientBackground1 {
+	/* Radial Background Gradient (Very Faint) */
+ 	backgroundImage: ClassReference("materia.components.GradientBackground");
+	backgroundSize: "100%";
+	gradientType: radial;
+	fillColors: #FFFFFF, #377aa6;
+	fillAlphas: .11, .05;
+	angle: 30;
+	focalPointRatio: 0.60;
+}
+.gradientBackground2 {
+	/* Radial Background Gradient (Somewhat Faint) */
+ 	backgroundImage: ClassReference("materia.components.GradientBackground");
+	backgroundSize: "100%";
+	gradientType: radial;
+	fillColors: #FFFFFF, #377aa6;
+	fillAlphas: .34, .09;
+	angle: 210;
+	focalPointRatio: 0.45;
+}
+.importLoaderBottomBar
+{
+	borderStyle: solid;
+	borderThickness: 2;
+}
+.darkRadioButton
+{
+	color: #FFFFFF;
+	fontFamily: Arial;
+	textRollOverColor: #F2F2F2;
+	textSelectedColor: #DDEAF0;
+}
+.questionTextArea
+{
+	backgroundColor: #EAEAEA;
+	borderColor: #626262;
+	borderStyle: solid;
+	borderThickness: 1;
+	color: #000000;
+	cornerRadius: 0;
+	fontSize: 17;
+}
+.toggleButtonBar {
+	buttonStyleName: toggleButtonBarButton;
+}
+.toggleButtonBarButton
+{
+	fontWeight: normal;
+	color: #616161;
+	fillAlphas: 1.0, 1.0, 1.0, 1.0;
+	fontFamily: "Arial Rounded MT Bold";
+	fontSize: 14;
+}
+/*DateChooser
+{
+	headerStyleName: dateChooserHeader;
+}*/
+.dateChooserHeader
+{
+	color: #1B1919;
+	fontWeight: bold;
+}
+DateField.monthChooser
+{
+	borderColor: #ABD8F5;
+}
+.crosswordBackground
+{
+	borderStyle: applicationControlBar;
+	fillColors: #377aa6, #295f81;
+	fillAlphas: 1, 0.9;
+	highlightAlphas: 0, 0;
+}
+.actionButton
+{
+	borderColor: #192F3D;
+	color: #E5EBF0;
+	fillAlphas: 1.0, 1.0, 1.0, 1.0;
+	fillColors: #496475, #496475;
+	font-weight: normal;
+	textRollOverColor: #FFFFFF;
+	textSelectedColor: #FFFFFF;
+}
+.crosswordToggleButtonBar {
+	buttonStyleName: gameButton;
+}
+.gameButton, .gameButtonSmall{
+	fontSize:13;
+	text-roll-over-color:#FFFFFF;
+	color:#FAFAFA;
+	fontFamily: "Arial Rounded MT Bold";
+	font-weight: normal;
+	border-thickness: 1;
+	border-color:#ffffff;
+	fill-colors: #333333, #000000;
+	text-selected-color: #FFFFFF;
+	paddingBottom:6;
+	paddingTop:6;
+	paddingLeft:6;
+	paddingRight:6;
+	fillAlphas: 1, 1, 1, 1;
+}
+.gameButtonSmall {
+	fontSize:18;
+	paddingBottom:9;
+	paddingTop:9;
+	paddingLeft:9;
+	paddingRight:9;
+}
+Button.guidedTourButton
+{
+	borderColor: #373737;
+	color: #8E8E8E;
+	fillAlphas: 0.12, 0.12, 0.12, 0.12;
+	fontSize: 11;
+	paddingBottom: 0;
+	paddingTop: 0;
+	textRollOverColor: #EDEDED;
+	themeColor: #DCDCDC;
+}
+.smallDate
+{
+	color: #ffffff;
+	fontSize: 10;
+}
+.creatorSlider
+{
+	color:#ffffff;
+	fontSize:11;
+	tick-color: #ffffff;
+}
+.wordSearchText
+{
+	fontSize:14;
+	color: #ffffff;
+}