html {
	/* COLOURS */
	--colour-dark-red: 					#993333;
	--colour-dark-orange:			 	#b88630;
	--colour-dark-yellow:			 	#b8a030;
	--colour-dark-green: 				#288a28;
	--colour-dark-blue: 				#305e97;
	--colour-dark-indigo: 				#7630b8;
	--colour-dark-violet: 				#9430b8;
	
	--colour-red: 						#ce3030;
	--colour-orange: 					#f6b340;
	--colour-yellow: 					#f6d640;
	--colour-green: 					#36b835;
	--colour-blue: 						#407ec9;
	--colour-indigo: 					#9e40f6;
	--colour-violet: 					#c540f6;
	
	--colour-light-red: 				#da6464;
	--colour-light-orange: 				#f8c670;
	--colour-light-yellow: 				#f8e070;
	--colour-light-green: 				#68ca68;
	--colour-light-blue: 				#709ed7;
	--colour-light-indigo: 				#b670f8;
	--colour-light-violet: 				#d470f8;
	
	--colour-extra-light-red: 			#e69797;
	--colour-extra-light-orange: 		#fad99f;
	--colour-extra-light-yellow: 		#faea9f;
	--colour-extra-light-green: 		#9adb9a;
	--colour-extra-light-blue: 			#9fbee4;
	--colour-extra-light-indigo: 		#ce9ffa;
	--colour-extra-light-violet: 		#e29ffa;
	
	/* COLOURS - HOVER */
	--colour-dark-red-hover: 			#892e2e;
	--colour-dark-orange-hover:		 	#a5782b;
	--colour-dark-yellow-hover:		 	#a5902b;
	--colour-dark-green-hover: 			#247c24;
	--colour-dark-blue-hover: 			#2b5488;
	--colour-dark-indigo-hover: 		#6a2ba5;
	--colour-dark-violet-hover: 		#852ba5;
	
	--colour-red-hover: 				#b92b2b;
	--colour-orange-hover: 				#dda139;
	--colour-yellow-hover: 				#ddc039;
	--colour-green-hover: 				#30a530;
	--colour-blue-hover: 				#3971b5;
	--colour-indigo-hover: 				#8e39dd;
	--colour-violet-hover: 				#b139dd;
	
	--colour-light-red-hover: 			#c45a5a;
	--colour-light-orange-hover: 		#dfb265;
	--colour-light-yellow-hover: 		#dfc965;
	--colour-light-green-hover: 		#5db55d;
	--colour-light-blue-hover: 			#658ec1;
	--colour-light-indigo-hover: 		#a365df;
	--colour-light-violet-hover: 		#be65df;
	
	--colour-extra-light-red-hover: 	#cf8888;
	--colour-extra-light-orange-hover: 	#e1c38f;
	--colour-extra-light-yellow-hover: 	#e1d28f;
	--colour-extra-light-green-hover: 	#8ac58a;
	--colour-extra-light-blue-hover: 	#8fabcd;
	--colour-extra-light-indigo-hover: 	#b98fe1;
	--colour-extra-light-violet-hover: 	#cb8fe1;
	
	/* COLOURS - ACTIVE */
	--colour-dark-red-active: 			#7a2929;
	--colour-dark-orange-active:		#936b26;
	--colour-dark-yellow-active:		#938026;
	--colour-dark-green-active: 		#206e20;
	--colour-dark-blue-active: 			#264b79;
	--colour-dark-indigo-active: 		#5e2693;
	--colour-dark-violet-active: 		#762693;
	
	--colour-red-active: 				#a52626;
	--colour-orange-active: 			#c58f33;
	--colour-yellow-active: 			#c5ab33;
	--colour-green-active: 				#2b932a;
	--colour-blue-active: 				#3365a1;
	--colour-indigo-active: 			#7e33c5;
	--colour-violet-active: 			#9e33c5;
	
	--colour-light-red-active: 			#ae5050;
	--colour-light-orange-active: 		#c69e5a;
	--colour-light-yellow-active: 		#c6b35a;
	--colour-light-green-active: 		#53a253;
	--colour-light-blue-active: 		#5a7eac;
	--colour-light-indigo-active: 		#925ac6;
	--colour-light-violet-active: 		#aa5ac6;
	
	--colour-extra-light-red-active: 	#b87979;
	--colour-extra-light-orange-active: #c8ae7f;
	--colour-extra-light-yellow-active: #c8bb7f;
	--colour-extra-light-green-active: 	#7baf7b;
	--colour-extra-light-blue-active: 	#7f98b6;
	--colour-extra-light-indigo-active: #a57fc8;
	--colour-extra-light-violet-active: #b57fc8;
	
	--colour-blue-00: 					rgba(64,126,201,0);

}

body {
	
	/* BODY */
	--body-bg: #F5F5F8;
	--mobile-body-bg: #FFFFFF;
	
	/* CONTENT */
	--content-bg: #FFF;
	--content-bg-00: rgba(255,255,255,0);
	--content-bg-80: rgba(255,255,255,0.8);
	--content-bg-90: rgba(255,255,255,0.9);
	--content-bg-gradient-left: linear-gradient(to left, rgba(255,255,255,1) 0%, rgba(255,255,255,0.738) 19%, rgba(255,255,255,0.541) 34%, rgba(255,255,255,0.382) 47%, rgba(255,255,255,0.278) 56.5%, rgba(255,255,255,0.194) 65%, rgba(255,255,255,0.126) 73%, rgba(255,255,255,0.075) 80.2%, rgba(255,255,255,0.042) 86.1%, rgba(255,255,255,0.021) 91%, rgba(255,255,255,0.008) 95.2%, rgba(255,255,255,0.002) 98.2%, rgba(255,255,255,0) 100%);
	--content-bg-gradient-right: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0.738) 19%, rgba(255,255,255,0.541) 34%, rgba(255,255,255,0.382) 47%, rgba(255,255,255,0.278) 56.5%, rgba(255,255,255,0.194) 65%, rgba(255,255,255,0.126) 73%, rgba(255,255,255,0.075) 80.2%, rgba(255,255,255,0.042) 86.1%, rgba(255,255,255,0.021) 91%, rgba(255,255,255,0.008) 95.2%, rgba(255,255,255,0.002) 98.2%, rgba(255,255,255,0) 100%);
	
	/* HIGHLIGHT Hover - Palette Column 8 */
	--highlight-blue-bg-hover: #deecfa;
	--highlight-green-bg-hover: #dcfad9;
	--highlight-red-bg-hover: #fadcdc;
	--highlight-orange-bg-hover: #faf1e3;
	--highlight-grey-bg-hover: #f0f0f0;
	
	/* HIGHLIGHT (Active) - Palette Column 9 */
	--highlight-blue-bg-active: #CFE7FF;
	--highlight-green-bg-active: #D0FFCC;
	--highlight-red-bg-active: #FFCECE;
	--highlight-orange-bg-active: #FFEFD8;
	--highlight-grey-bg-active: #E8E8E8;
	
	/* HIGHLIGHT (Extra Active) - Palette Column 9 */
	--highlight-blue-bg-extra-active: #bad6f5;
	--highlight-green-bg-extra-active: #b9f2b5;
	--highlight-red-bg-extra-active: #f6b6b6;
	--highlight-orange-bg-extra-active: #fde4bd;
	--highlight-grey-bg-extra-active: #dcdcdc;
	
	/* HIGHLIGHT Text - Palette Column 2 */
	--highlight-blue-text: #407EC9;
	--highlight-green-text: #36B835;
	--highlight-red-text: #CE3030;
	--highlight-orange-text: #F6B340;
	--highlight-grey-text: #F2F2F2;
	
	/* TEXTBOX Background - Palette Column 7 */
	--textbox-blue-bg: #F9FCFF;
	--textbox-green-bg: #F9FFF8;
	--textbox-red-bg: #FFF9F9;
	--textbox-orange-bg: #FFFDFA;
	--textbox-grey-bg: #FDFDFD;
	
	--textbox-blue-bg-new: #f0f5fb;
	--textbox-green-bg-new: #ebf8ea;
	--textbox-red-bg-new: #faeaea;
	--textbox-orange-bg-new: #fef7ec;
	--textbox-grey-bg-new: #fefefe;
	--textbox-yellow-bg-new: #fefbec;
	
	--textbox-blue-bg-new-hover: #e0eaf6;
	--textbox-green-bg-new-hover: #d7f1d7;
	--textbox-red-bg-new-hover: #f5d6d6;
	--textbox-orange-bg-new-hover: #fdf0d9;
	--textbox-grey-bg-new-hover: #fdfdfd;
	--textbox-yellow-bg-new-hover: #fdf7d9;
	
	--textbox-blue-bg-new-active: #d1e0f2;
	--textbox-green-bg-new-active: #c2eac2;
	--textbox-red-bg-new-active: #f0c0c0;
	--textbox-orange-bg-new-active: #fce8c5;
	--textbox-grey-bg-new-active: #fcfcfc;
	--textbox-yellow-bg-new-active: #fcf3c5;
	
	/* TEXTBOX Text - Palette Column 5 */
	--textbox-blue-text: #415F85;
	--textbox-green-text: #3C7C3B;
	--textbox-red-text: #873939;
	--textbox-orange-text: #8F6B2E;
	--textbox-grey-text: #808080;
	--textbox-yellow-text: #8F7D2E;
	
	/* TEXTBOX Border - Palette Column 10 */
	--textbox-blue-border: #E3E9F0;
	--textbox-green-border: #E2EFE1;
	--textbox-red-border: #F1E1E1;
	--textbox-orange-border: #F4EEE3;
	--textbox-grey-border: #EAEAEA;
	
	/* BUTTON (Inactive) - Palette Column 1 */
	--button-blue-bg-inactive: #7AA5D9;
	--button-green-bg-inactive: #73CD72;
	--button-red-bg-inactive: #DD6F6F;
	--button-orange-bg-inactive: #F9CA7A;
	--button-grey-bg-inactive: #F6F6F6;
	--button-silver-bg-inactive: #b8b8b8;
	
	/* BUTTON - Palette Column 2 */
	--button-blue-bg: #407EC9;
	--button-green-bg: #36B835;
	--button-red-bg: #CE3030;
	--button-orange-bg: #F6B340;
	--button-grey-bg: #F2F2F2;
	--button-silver-bg: #999999;
	
	/* BUTTON (Hover) - Palette Column 3 */
	--button-blue-bg-hover: #3971B5;
	--button-green-bg-hover: #30A530;
	--button-red-bg-hover: #B92B2B;
	--button-orange-bg-hover: #DDA139;
	--button-grey-bg-hover: #D9D9D9;
	--button-silver-bg-hover: #898989;
	
	/* BUTTON (Active) - Palette Column 4 */
	--button-blue-bg-active: #3365A1;
	--button-green-bg-active: #2B932A;
	--button-red-bg-active: #A52626;
	--button-orange-bg-active: #C58F33;
	--button-grey-bg-active: #C2C2C2;
	--button-silver-bg-active: #7a7a7a;
	
	/* BUTTON (Extra Active) - Palette Column 4 */
	--button-blue-bg-extra-active: #2e5b91;
	--button-green-bg-extra-active: #278426;
	--button-red-bg-extra-active: #942222;
	--button-orange-bg-extra-active: #b1802e;
	--button-grey-bg-extra-active: #aeaeae;
	--button-silver-bg-extra-active: #6e6e6e;
	
	/* BUTTON Text */
	--button-text-active: #FFFFFF;
	--button-text-inactive: #FFFFFF;
	
	/* INPUT BORDER */
	--input-border: #E5E5E5;
	--input-border-hover: #7AA5D9;
	--input-border-active: #407EC9;
	--input-bg: #FFFFFF;
	--input-text: #666666;
	--input-border-error: #f58276;
	
	/* LABEL */
	--label-bg: #FFFFFF;
	
	/* LIST OBJECTS (div.person, div.business, etc) */
	--list-object-border: #F0F0F0;
	
	/* MESSAGES */
	--message-bg: #407EC9;
	--message-text: #FFFFFF;
	--message-bg-hover: #3971B5;
	--message-bg-active: #3365A1;
	--message-bg-other: #F2F2F2;
	--message-text-other: #333333;
	--message-bg-other-hover: #D9D9D9;
	--message-bg-other-active: #C2C2C2;
	
	--font-family-sans: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	--header-height: 60px;
	--header-height-login: 60px;
	--mobile-header-height: 61px;
	--mobile-topmenu-height: 65px;
	--mobile-basemenu-height: 76px;
	--breadcrumb-text: #999999;
	
	/* BANNER */
	--banner-bg: #76A5d7;
	
	/* TEXT */
	--h1-text: #4D4D4D;
	--h2-text: #4D4D4D;
	--h3-text: #666666;
	--h4-text: #666666;
	--h5-text: #CCCCCC;
	--h6-text: #D9D9D9;
	
	/* MENU TEXT */
	--menu-text: #999999;
	
	/* LOADING */
	--loading-light: #f2f2f2;
	--loading-dark: #e5e5e5;
	--loading-tone: #f6f7f8;
	
	--gap-size: 15px;
	
	--weekday-bg: #ffffff;
	--weekday-bg-hover: #fafafa;
	--weekday-bg-active: #f5f5f5;
	
	--weekend-bg: #f7f7f7;
	--weekend-bg-hover: #f2f2f2;
	--weekend-bg-active: #ededed;
	
	--month-text: #CCCCCC;
	--weekend-month-text: #B8B8B8;
	
	--shadow-colour: #999999;
	
	--other-message-bg: #ebebf0;
	--other-message-text: #1a1a1a;
	
	--reply-message-bg: #58a1eb;
	--reply-message-text: #eff6fd;
	
	--other-reply-message-bg: #f5f5f7;
	--other-reply-message-text: #8c8c8c;
	
	--timebreak-text: #CCC;
	
	--qh1-border: #EAF4EA;
	--qh1-border-hover: #D5E9D4;
	--qh2-border: #F8F3EA;
	--qh2-border-hover: #F0E6D4;
	--qh3-border: #F8F5EA;
	--qh3-border-hover: #F0EBD4;
}

body.dark {
	
	/* BODY */
	--body-bg: #0f0d0f;
	
	/* CONTENT */
	--content-bg: #141415;
	--content-bg-00: rgba(20,20,21,0);
	--content-bg-80: rgba(20,20,21,0.9);
	--content-bg-90: rgba(20,20,21,0.8);
	--content-bg-gradient-left: linear-gradient(to left, rgba(20,20,21,1) 0%, rgba(20,20,21,0.738) 19%, rgba(20,20,21,0.541) 34%, rgba(20,20,21,0.382) 47%, rgba(20,20,21,0.278) 56.5%, rgba(20,20,21,0.194) 65%, rgba(20,20,21,0.126) 73%, rgba(20,20,21,0.075) 80.2%, rgba(20,20,21,0.042) 86.1%, rgba(20,20,21,0.021) 91%, rgba(20,20,21,0.008) 95.2%, rgba(20,20,21,0.002) 98.2%, rgba(20,20,21,0) 100%);
	--content-bg-gradient-right: linear-gradient(to right, rgba(20,20,21,1) 0%, rgba(20,20,21,0.738) 19%, rgba(20,20,21,0.541) 34%, rgba(20,20,21,0.382) 47%, rgba(20,20,21,0.278) 56.5%, rgba(20,20,21,0.194) 65%, rgba(20,20,21,0.126) 73%, rgba(20,20,21,0.075) 80.2%, rgba(20,20,21,0.042) 86.1%, rgba(20,20,21,0.021) 91%, rgba(20,20,21,0.008) 95.2%, rgba(20,20,21,0.002) 98.2%, rgba(20,20,21,0) 100%);
	
	/* HIGHLIGHT Hover - Palette Column 8 */
	--highlight-blue-bg-hover: #282d36;
	--highlight-green-bg-hover: #29332a;
	--highlight-red-bg-hover: #352729;
	--highlight-orange-bg-hover: #373129;
	--highlight-grey-bg-hover: #333335;
	
	/* HIGHLIGHT (Active) - Palette Column 9 */
	--highlight-blue-bg-active: #212429;
	--highlight-green-bg-active: #212722;
	--highlight-red-bg-active: #282021;
	--highlight-orange-bg-active: #2a2722;
	--highlight-grey-bg-active: #2a2a2b;
	
	/* HIGHLIGHT (Extra Active) - Palette Column 9 */
	--highlight-blue-bg-extra-active: #232d3b;
	--highlight-green-bg-extra-active: #223723;
	--highlight-red-bg-extra-active: #3a2121;
	--highlight-orange-bg-extra-active: #413624;
	--highlight-grey-bg-extra-active: #282829;
	
	/* TEXTBOX Background - Palette Column 7 */
	--textbox-blue-bg: #282a2d;
	--textbox-green-bg: #282b27;
	--textbox-red-bg: #2b2727;
	--textbox-orange-bg: #2b2a27;
	--textbox-grey-bg: #292929;
	
	--textbox-blue-bg-new: #181f27;
	--textbox-green-bg-new: #172518;
	--textbox-red-bg-new: #271718;
	--textbox-orange-bg-new: #2b2419;
	--textbox-grey-bg-new: #2b2b2c;
	--textbox-yellow-bg-new: #2b2819;
	
	--textbox-blue-bg-new-hover: #1d2939;
	--textbox-green-bg-new-hover: #1b351b;
	--textbox-red-bg-new-hover: #391a1a;
	--textbox-orange-bg-new-hover: #41341e;
	--textbox-grey-bg-new-hover: #414142;
	--textbox-yellow-bg-new-hover: #413b1e;
	
	--textbox-blue-bg-new-active: #21344b;
	--textbox-green-bg-new-active: #1e461f;
	--textbox-red-bg-new-active: #4c1c1d;
	--textbox-orange-bg-new-active: #584422;
	--textbox-grey-bg-new-active: #585859;
	--textbox-yellow-bg-new-active: #584f22;
	
	/* TEXTBOX Text - Palette Column 5 */
	--textbox-blue-text: #CCCCCC;
	--textbox-green-text: #CCCCCC;
	--textbox-red-text: #CCCCCC;
	--textbox-orange-text: #CCCCCC;
	--textbox-grey-text: #CCCCCC;
	--textbox-yellow-text: #CCCCCC;
	
	/* TEXTBOX Border - Palette Column 10 */
	--textbox-blue-border: #424d5a;
	--textbox-green-border: #325231;
	--textbox-red-border: #523d3c;
	--textbox-orange-border: #524d3d;
	--textbox-grey-border: #474747;
	
	/* BUTTON (Inactive) - Palette Column 1 */
	--button-blue-bg-inactive: #2a496f;
	--button-green-bg-inactive: #256625;
	--button-red-bg-inactive: #712222;
	--button-orange-bg-inactive: #85632a;
	--button-grey-bg-inactive: #232324;
	
	/* BUTTON - Palette Column 2 */
	--button-blue-bg: #407EC9;
	--button-green-bg: #36B835;
	--button-red-bg: #CE3030;
	--button-orange-bg: #F6B340;
	--button-grey-bg: #333333;
	
	/* BUTTON (Hover) - Palette Column 3 */
	--button-blue-bg-hover: #3971B5;
	--button-green-bg-hover: #30A530;
	--button-red-bg-hover: #B92B2B;
	--button-orange-bg-hover: #DDA139;
	--button-grey-bg-hover: #2e2e2e;
	
	/* BUTTON (Active) - Palette Column 4 */
	--button-blue-bg-active: #3365A1;
	--button-green-bg-active: #2B932A;
	--button-red-bg-active: #A52626;
	--button-orange-bg-active: #C58F33;
	--button-grey-bg-active: #292929;
	
	/* BUTTON (Extra Active) - Palette Column 4 */
	--button-blue-bg-extra-active: #2e5b91;
	--button-green-bg-extra-active: #278426;
	--button-red-bg-extra-active: #942222;
	--button-orange-bg-extra-active: #b1802e;
	--button-grey-bg-extra-active: #aeaeae;
	--button-silver-bg-extra-active: #252525;
	
	/* BUTTON Text */
	--button-text-active: #FFFFFF;
	--button-text-inactive: #8a8a8a;
	
	/* INPUT BORDER */
	--input-border: #666666;
	--input-bg: #1E1E21;
	--input-text: #CCCCCC;
	--input-border-error: #CE3030;
	
	/* LABEL */
	--label-bg: linear-gradient(to top, #1E1E21 calc(50% + 2px), #141415 calc(50% + 2px));
	
	/* LIST OBJECTS (div.person, div.business, etc) */
	--list-object-border: #262626;
	
	/* MESSAGES */
	--message-bg: #407EC9;
	--message-text: #FFFFFF;
	--message-bg-hover: #3971B5;
	--message-bg-active: #3365A1;
	--message-bg-other: #333333;
	--message-text-other: #FFFFFF;
	--message-bg-other-hover: #2e2e2e;
	--message-bg-other-active: #292929;
	
	/* BANNER */
	--banner-bg: #242B33;
	
	/* TEXT */
	--h1-text: #E5E5E5;
	--h2-text: #E5E5E5;
	--h3-text: #CCCCCC;
	--h4-text: #CCCCCC;
	--h5-text: #999999;
	--h6-text: #595959;
	
	/* MENU TEXT */
	--menu-text: #E5E5E5;
	
	/* LOADING */
	--loading-light: #202021;
	--loading-dark: #2c2c2d;
	--loading-tone: #202021;
	
	--weekend-bg: #1d1d1d;
	
	
	--weekday-bg: #141415;
	--weekday-bg-hover: #19191a;
	--weekday-bg-active: #1e1e1f;
	
	--weekend-bg: #1d1d1d;
	--weekend-bg-hover: #222222;
	--weekend-bg-active: #272727;
	
	
	--weekend-text: #666666;
	--weekend-month-text: #808080;
	
	--shadow-colour: #050505;
	
	--other-message-bg: #242426;
	--other-message-text: #ebebf0;
	
	--reply-message-bg: #194068;
	--reply-message-text: #d1d9e1;
	
	--other-reply-message-bg: #202022;
	--other-reply-message-text: #c7c7c8;
	
	--timebreak-text: #666;
	
	--qh1-border: #1F321F;
	--qh1-border-hover: #2A512A;
	--qh2-border: #382E1C;
	--qh2-border-hover: #5D4824;
	--qh3-border: #38331C;
	--qh3-border-hover: #5D5324;
}

body.join {
	
	/* BODY */
	--body-bg: #407EC9;
	
	/* INPUT BORDER */
	--input-border: #E5E5E5;
	--input-border-hover: #7AA5D9;
	--input-border-active: #407EC9;
	--input-bg: #1E1E21;
	
}