/********************************************************/
/*                  5. Generic shadows                  */
/********************************************************/

.lite-box-shadow {
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.box-shadow {
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.strong-box-shadow {
	-webkit-box-shadow: 0 1px 3px black;
	-moz-box-shadow: 0 1px 3px black;
	box-shadow: 0 1px 3px black;
}
.large-box-shadow {
	-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.45)
}
.lite-text-shadow {
	-webkit-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}
.text-shadow {
	-webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	-moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
.strong-text-shadow {
	-webkit-text-shadow: 0 1px 2px black;
	-moz-text-shadow: 0 1px 2px black;
	text-shadow: 0 1px 2px black;
}
.large-text-shadow {
	-webkit-text-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
	-moz-text-shadow: 0 3px 8px rgba(0, 0, 0, 0.45);
	text-shadow: 0 3px 8px rgba(0, 0, 0, 0.45)
}

/********************************************************/
/*         6. Generic bevel/emboss/gloss styles         */
/********************************************************/

.top-bevel {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
	}
	.top-bevel-on-light {
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75);
	}
	.top-bevel-on-dark {
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	}
.bottom-bevel {
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.bottom-bevel-on-light {
		-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	}
	.bottom-bevel-on-dark {
		-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.5);
	}
.bevel,
.bevel-subs > li,
.big-menu > li,
li.big-menu,
.calendar-menu > li,
li.calendar-menu,
.title-menu > li,
li.title-menu {
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.no-boxshadow .big-menu > li {
		border-bottom: 1px solid #666666;
	}
	.bevel-on-light,
	.bevel-on-light-subs > li,
	.message-menu > li,
	li.message-menu {
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	}
	.bevel-on-dark,
	.bevel-on-dark-subs > li,
	#menu header,
	#profile,
	#access {
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.5);
	}
.emboss,
.emboss-subs > li {
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.25);
	}
	.emboss-on-dark,
	.emboss-on-dark-subs > li {
		-webkit-box-shadow: inset 0 1px 4px black;
		-moz-box-shadow: inset 0 1px 4px black;
		box-shadow: inset 0 1px 4px black;
	}
.bright-text-bevel,
.big-menu,
.title-menu {
	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.bright-text-bevel-on-dark,
	#menu header,
	#profile {
		-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
		-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5);
	}
.dark-text-bevel,
.calendar-menu > li,
li.calendar-menu,
.message-menu > li,
li.message-menu {
	-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
	}
	.dark-text-bevel-on-dark {
		-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
		-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
		text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
	}


/********************************************************/
/*                  7. Generic effects                  */
/********************************************************/

.with-border {
	border-width: 1px;
	border-style: solid;
}
.glow,
#title-bar {
	position: relative;
	}
	.glow:before,
	#title-bar:before {
		display: block;
		content: ' ';
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: url(../img/effects/glow.png) no-repeat center center;
		pointer-events: none;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}

/* Stripes */
.thin-stripes, .dark-thin-stripes,
.stripes, .dark-stripes,
.big-stripes, .dark-big-stripes {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	-webkit-border-radius: inherit;
	-moz-border-radius: inherit;
	border-radius: inherit;
	}
	.thin-stripes,
	.dark-thin-stripes {
		-webkit-background-size: 10px 10px;
		-moz-background-size: 10px 10px;
		background-size: 10px 10px;
	}
	.stripes,
	.dark-stripes {
		-webkit-background-size: 20px 20px;
		-moz-background-size: 20px 20px;
		background-size: 20px 20px;
	}
	.big-stripes,
	.dark-big-stripes {
		-webkit-background-size: 40px 40px;
		-moz-background-size: 40px 40px;
		background-size: 40px 40px;
	}

.thin-stripes,
.stripes,
.big-stripes {
	background-image: -webkit-gradient(linear, left top, right bottom,
											color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent),
											color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)),
											color-stop(0.75, rgba(255, 255, 255, 0.05)), color-stop(0.75, transparent),
											to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%,
											transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%,
											transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%,
											transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%,
											transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%,
											transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%,
											transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%,
											transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%,
											transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%,
											transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%,
											transparent 75%, transparent);
}
.dark-thin-stripes,
.dark-stripes,
.dark-big-stripes {
	background-image: -webkit-gradient(linear, left top, right bottom,
											color-stop(0.25, rgba(0, 0, 0, 0.05)), color-stop(0.25, transparent),
											color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.05)),
											color-stop(0.75, rgba(0, 0, 0, 0.05)), color-stop(0.75, transparent),
											to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%,
											transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%,
											transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%,
											transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%,
											transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%,
											transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%,
											transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%,
											transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%,
											transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%,
											transparent 50%, rgba(0, 0, 0, 0.05) 50%, rgba(0, 0, 0, 0.05) 75%,
											transparent 75%, transparent);
}

/* Animated stripes */
.thin-stripes.animated,
.dark-thin-stripes.animated {
	-webkit-animation: animate-thin-stripes 3s linear infinite;
	-moz-animation: animate-thin-stripes 3s linear infinite;
	-ms-animation: animate-thin-stripes 3s linear infinite;
	-o-animation: animate-thin-stripes 3s linear infinite;
}
.stripes.animated,
.dark-stripes.animated {
	-webkit-animation: animate-stripes 4s linear infinite;
	-moz-animation: animate-stripes 4s linear infinite;
	-ms-animation: animate-stripes 4s linear infinite;
	-o-animation: animate-stripes 4s linear infinite;
}
.big-stripes.animated,
.dark-big-stripes.animated {
	-webkit-animation: animate-big-stripes 5s linear infinite;
	-moz-animation: animate-big-stripes 5s linear infinite;
	-ms-animation: animate-big-stripes 5s linear infinite;
	-o-animation: animate-big-stripes 5s linear infinite;
}

@-webkit-keyframes animate-thin-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -20px 0;	}
}
@-moz-keyframes animate-thin-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -20px 0;	}
}
@-ms-keyframes animate-thin-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -20px 0;	}
}
@-o-keyframes animate-thin-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -20px 0;	}
}

@-webkit-keyframes animate-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -40px 0;	}
}
@-moz-keyframes animate-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -40px 0;	}
}
@-ms-keyframes animate-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -40px 0;	}
}
@-o-keyframes animate-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -40px 0;	}
}

@-webkit-keyframes animate-big-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -80px 0;	}
}
@-moz-keyframes animate-big-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -80px 0;	}
}
@-ms-keyframes animate-big-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -80px 0;	}
}
@-o-keyframes animate-big-stripes {
	from {		background-position: 0 0;		}
	to {		background-position: -80px 0;	}
}

/********************************************************/
/*                       13. Icons                      */
/********************************************************/

@font-face {
	font-family: 'EntypoRegular';
	src: url('Entypo/entypo-webfont.eot');
	src: url('Entypo/entypo-webfontd41d.eot?#iefix') format('embedded-opentype'),
		 url('Entypo/entypo-webfont.woff') format('woff'),
		 url('Entypo/entypo-webfont.ttf') format('truetype'),
		 url('Entypo/entypo-webfont.svg#EntypoRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	font-size:2em;
	font-family: 'EntypoRegular';
	line-height: 1em;
	margin: -0.5em 0.115em -0.5em -0.077em;
	vertical-align: -0.077em;
	}
	.buttonX.icon:before, .buttonX > .icon:before,
	.button-icon.icon:before, .button-icon > .icon:before {
		font-size: 2.3em;
		margin-top: -0.65em;
		margin-bottom: -0.65em;
		vertical-align: -0.133em;
	}

	/* Sizes */
	.icon-size2:before {
		font-size: 3.5em;
		margin-top: -1.25em;
		margin-bottom: -1.25em;
		vertical-align: -0.132em;
	}
	.icon-size3:before {
		font-size: 4.5em;
		margin-top: -1.75em;
		margin-bottom: -1.75em;
		vertical-align: -0.171em;
	}
	.icon-size4:before {
		font-size: 7em;
		margin-top: -3em;
		margin-bottom: -3em;
		vertical-align: middle;
	}
	.icon-size5:before {
		font-size: 10em;
		margin-top: -4.5em;
		margin-bottom: -4.5em;
		vertical-align: middle;
	}

	/* IE9 goes crazy with relative font-sizes */
	.ie9 .icon-size2:before,
	.ie9 .icon-size3:before,
	.ie9 .icon-size4:before,
	.ie9 .icon-size5:before {
		font-size: 0.25em;
	}

	/* Empty icons */
	[class^="icon-"]:empty:before,
	[class*=" icon-"]:empty:before {
		margin-right: -0.077em;
		margin-left: -0.077em;
	}

	/* IE7 */
	.font-icon {
		font-weight: normal;
		font-style: normal;
		font-family: 'EntypoRegular';
		font-size: 2em;
		margin: -0.5em 0.115em -0.5em -0.077em;
		vertical-align: middle;
		}
		.font-icon.empty {
			margin-right: -2px;
			margin-left: -2px;
		}
		/* Sizes */
		.icon-size2 > .font-icon {
			font-size: 3.5em;
			margin-top: -1.25em;
			margin-bottom: -1.25em;
			vertical-align: -0.132em;
		}
		.icon-size3 > .font-icon {
			font-size: 4.5em;
			margin-top: -1.75em;
			margin-bottom: -1.75em;
			vertical-align: -0.171em;
		}
		.icon-size4 > .font-icon {
			font-size: 7em;
			margin-top: -3em;
			margin-bottom: -3em;
			vertical-align: middle;
		}
		.icon-size5 > .font-icon {
			font-size: 10em;
			margin-top: -4.5em;
			margin-bottom: -4.5em;
			vertical-align: middle;
		}

	/* IE8 */
	[class^="icon-"].font-icon-empty:before,
	[class*=" icon-"].font-icon-empty:before {
		margin-right: -0.077em;
		margin-left: -0.077em;
	}

.left-icon {
	padding-left: 20px;
	position: relative;
	min-height: 16px;
	}
	.wrapped.left-icon {
		padding-left: 30px;
	}
	.boxed.left-icon {
		padding-left: 36px;
	}
.big-left-icon {
	padding-left: 38px;
	position: relative;
	min-height: 32px;
	}
	.wrapped.big-left-icon {
		padding-left: 48px;
	}
	.boxed.big-left-icon {
		padding-left: 54px;
	}
.huge-left-icon {
	padding-left: 68px;
	position: relative;
	min-height: 64px;
	}
	.wrapped.huge-left-icon {
		padding-left: 78px;
	}
	.boxed.huge-left-icon {
		padding-left: 84px;
	}

	.left-icon:before,
	.big-left-icon:before,
	.huge-left-icon:before {
		position: absolute;
		display: block;
		margin: 0;
		}
		.left-icon:before {
			top: 0;
			left: -1px;
			font-size: 30px;
			line-height: 18px;
			}
			.wrapped.left-icon:before {
				top: 10px;
				left: 9px;
			}
			.boxed.left-icon:before {
				top: 16px;
				left: 15px;
			}
		.big-left-icon:before {
			top: -1px;
			left: -2px;
			font-size: 60px;
			line-height: 36px;
			}
			.wrapped.big-left-icon:before {
				top: 9px;
				left: 8px;
			}
			.boxed.big-left-icon:before {
				top: 15px;
				left: 14px;
			}
		.huge-left-icon:before {
			top: -3px;
			left: -5px;
			font-size: 120px;
			line-height: 72px;
			}
			.wrapped.huge-left-icon:before {
				top: 7px;
				left: 5px;
			}
			.boxed.huge-left-icon:before {
				top: 13px;
				left: 11px;
			}

	.icon-phone:before				{ content: '!'; }
	.icon-mobile:before				{ content: '"'; }
	.icon-tag:before				{ content: '#'; }
	.icon-directions:before			{ content: '$'; }
	.icon-mail:before				{ content: '%'; }
	.icon-pencil:before				{ content: '&'; }
	.icon-paperclip:before			{ content: '\''; }
	.icon-reply:before				{ content: '('; }
	.icon-replay-all:before			{ content: ')'; }
	.icon-forward:before			{ content: '*'; }
	.icon-user:before				{ content: '+'; }
	.icon-users:before				{ content: ','; }
	.icon-add-user:before			{ content: '-'; }
	.icon-card:before				{ content: '.'; }
	.icon-extract:before			{ content: '/'; }
	.icon-marker:before				{ content: '0'; }
	.icon-map:before				{ content: '1'; }
	.icon-compass:before			{ content: '2'; }
	.icon-arrow:before				{ content: '3'; }
	.icon-target:before				{ content: '4'; }
	.icon-path:before				{ content: '5'; }
	.icon-heart:before				{ content: '6'; }
	.icon-star:before				{ content: '7'; }
	.icon-like:before				{ content: '8'; }
	.icon-chat:before				{ content: '9'; }
	.icon-speech:before				{ content: ':'; }
	.icon-quote:before				{ content: ';'; }
	.icon-printer:before			{ content: '<'; }
	.icon-bell:before				{ content: '='; }
	.icon-link:before				{ content: '>'; }
	.icon-flag:before				{ content: '?'; }
	.icon-gear:before				{ content: '@'; }
	.icon-flashlight:before			{ content: 'A'; }
	.icon-cup:before				{ content: 'B'; }
	.icon-price-tag:before			{ content: 'C'; }
	.icon-camera:before				{ content: 'D'; }
	.icon-moon:before				{ content: 'E'; }
	.icon-palette:before			{ content: 'F'; }
	.icon-leaf:before				{ content: 'G'; }
	.icon-music-note:before			{ content: 'H'; }
	.icon-bag:before				{ content: 'I'; }
	.icon-plane:before				{ content: 'J'; }
	.icon-buoy:before				{ content: 'K'; }
	.icon-rain:before				{ content: 'L'; }
	.icon-eye:before				{ content: 'M'; }
	.icon-clock:before				{ content: 'N'; }
	.icon-mic:before				{ content: 'O'; }
	.icon-calendar:before			{ content: 'P'; }
	.icon-lightning:before			{ content: 'Q'; }
	.icon-hourglass:before			{ content: 'R'; }
	.icon-rss:before				{ content: 'S'; }
	.icon-wifi:before				{ content: 'T'; }
	.icon-lock:before				{ content: 'U'; }
	.icon-unlock:before				{ content: 'V'; }
	.icon-tick:before				{ content: 'W'; }
	.icon-cross:before				{ content: 'X'; }
	.icon-minus-round:before		{ content: 'Y'; }
	.icon-plus-round:before			{ content: 'Z'; }
	.icon-cross-round:before		{ content: '['; }
	.icon-minus:before				{ content: '\\'; }
	.icon-plus:before				{ content: ']'; }
	.icon-forbidden:before			{ content: '^'; }
	.icon-info:before				{ content: '_'; }
	.icon-info-round:before			{ content: '`'; }
	.icon-question:before			{ content: 'a'; }
	.icon-question-round:before		{ content: 'b'; }
	.icon-warning:before			{ content: 'c'; }
	.icon-redo:before				{ content: 'd'; }
	.icon-undo:before				{ content: 'e'; }
	.icon-swap:before				{ content: 'f'; }
	.icon-revert:before				{ content: 'g'; }
	.icon-refresh:before			{ content: 'h'; }
	.icon-list:before				{ content: 'i'; }
	.icon-list-add:before			{ content: 'j'; }
	.icon-thumbs:before				{ content: 'k'; }
	.icon-page-list:before			{ content: 'l'; }
	.icon-page:before				{ content: 'm'; }
	.icon-pages:before				{ content: 'n'; }
	.icon-marker:before				{ content: '0'; }
	.icon-pictures:before			{ content: 'p'; }
	.icon-movie:before				{ content: 'q'; }
	.icon-music:before				{ content: 'r'; }
	.icon-folder:before				{ content: 's'; }
	.icon-drawer:before				{ content: 't'; }
	.icon-trash:before				{ content: 'u'; }
	.icon-outbox:before				{ content: 'v'; }
	.icon-inbox:before				{ content: 'w'; }
	.icon-download:before			{ content: 'x'; }
	.icon-cloud:before				{ content: 'y'; }
	.icon-cloud-upload:before		{ content: 'z'; }
	.icon-play:before				{ content: '{'; }
	.icon-pause:before				{ content: '|'; }
	.icon-record:before				{ content: '~'; }
	.icon-forward:before			{ content: 'Ä'; }
	.icon-backward:before			{ content: 'Å'; }
	.icon-previous:before			{ content: 'Ç'; }
	.icon-next:before				{ content: 'É'; }
	.icon-expand:before				{ content: 'Ñ'; }
	.icon-reduce:before				{ content: 'Ö'; }
	.icon-volume:before				{ content: 'Ü'; }
	.icon-loud:before				{ content: 'á'; }
	.icon-mute:before				{ content: 'à'; }
	.icon-left-fat:before			{ content: 'â'; }
	.icon-down-fat:before			{ content: 'ä'; }
	.icon-up-fat:before				{ content: 'ã'; }
	.icon-right-fat:before			{ content: 'å'; }
	.icon-left:before				{ content: 'ç'; }
	.icon-down:before				{ content: 'é'; }
	.icon-up:before					{ content: 'è'; }
	.icon-right:before				{ content: 'ê'; }
	.icon-left-round:before			{ content: 'ë'; }
	.icon-down-round:before			{ content: 'í'; }
	.icon-up-round:before			{ content: 'ì'; }
	.icon-right-round:before		{ content: 'î'; }
	.icon-home:before				{ content: 'ï'; }
	.icon-ribbon:before				{ content: 'ñ'; }
	.icon-read:before				{ content: 'ó'; }
	.icon-new-tab:before			{ content: 'ò'; }
	.icon-search:before				{ content: 'ô'; }
	.icon-ellipsis:before			{ content: 'ö'; }
	.icon-bullet-list:before		{ content: '®'; }
	.icon-creative-commons:before	{ content: '©'; }



/********************************************************/
/*                      17. Buttons                     */
/********************************************************/

/* Set line-height so buttons fit */
.button-height {
	line-height: 34px;
	margin-top: -2px;
	margin-bottom: -2px;
	}
	.button-height.wrapped {
		padding: 8px 10px;
		margin-top: 0;
	}
	p.button-height,
	ul.button-height,
	ol.button-height {
		margin-bottom: 14px;
	}
	p.button-height:last-child,
	ul.button-height:last-child,
	ol.button-height:last-child {
		margin-bottom: -2px;
		}
		/* IE7 */
		p.button-height.last-child,
		ul.button-height.last-child,
		ol.button-height.last-child {
			margin-bottom: -2px;
		}
	.button-height.absolute-left,
	.button-height.absolute-right {
		margin-top: -17px;
		margin-bottom: 0;
	}

/* Disabled elements */
.disabled, .disabled span,
.disabled .input, .disabled input,
.disabled .label, .disabled label,
.disabled .buttonX, .disabled button,
.disabled a,
:disabled {
	cursor: not-allowed !important;
}

.buttonX {
	white-space:nowrap;
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: baseline;
	*vertical-align: middle;
	position: relative;
	text-align: center;
	font-weight: bold;
	text-transform: none;
	padding: 0 11px;
	font-size: 13px;
	line-height: 28px;
	height: 28px;
	*line-height: 26px;
	*height: 26px;
	-webkit-background-clip: padding-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	min-width: 6px;
	border-width: 1px;
	border-style: solid;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-appearance: none;
	background-position: center center !important; /* This is required for glossy gradients image fallbacck*/
	}
	.ie7 button.buttonX {
		line-height: 24px;
		height: 28px;
	}
	.ie7 .buttonX {
		margin-left: 4px;
		}
		.ie7 .buttonX:first-child {
			margin-left: 0;
		}
	.buttonX.full-width {
		width: 100%;
		margin: 0;
		height: auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
		.no-boxsizing .buttonX.full-width {
			width: 94%;
		}
		.no-boxsizing button.buttonX.full-width {
			width: 100%;
		}
	.button-height .buttonX.float-left,
	.button-height .buttonX.float-right {
		margin-top: 2px;
	}
	.buttonX.absolute-left,
	.buttonX.absolute-right {
		position: absolute;
		margin-top: -15px;
	}

	/* Buttons in inputs */
	.input .buttonX {
		margin-top: -1px;
		margin-bottom: -1px;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		}
		.input .buttonX:first-child {
			margin-left: -9px;
		}
		.ie7 .input .buttonX:first-child {
			margin-left: 0;
			margin-right: 3px;
		}
		.input.large .buttonX,
		.input .buttonX:first-child {
			-webkit-border-bottom-left-radius: 3px;
			-webkit-border-top-left-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-bottom-left-radius: 3px;
			border-top-left-radius: 3px;
		}
		.input .buttonX:last-child {
			margin-right: -9px;
			}
			/* IE7 */
			.input .buttonX.last-child {
				margin-right: -9px;
			}
		.input.large .buttonX,
		.input .buttonX:last-child {
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-moz-border-radius-topright: 3px;
			-moz-border-radius-bottomright: 3px;
			border-bottom-right-radius: 3px;
			border-top-right-radius: 3px;
			}

	/* Default shadows */
	.buttonX,
	.button-group > .buttonX:first-child,
	.select-value,
	.legend {
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
		}
		.button-group > .buttonX,
		.select-arrow {
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 1px 0 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 1px 0 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 1px 0 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
		}
		.buttonX,
		.select-value,
		.legend {
			-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
			-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
		}

	/* Custom tones shadows */
	.buttonX.black-gradient, .button-group > .black-gradient:first-child,
	.buttonX.anthracite-gradient, .button-group > .anthracite-gradient:first-child,
	.buttonX.grey-gradient, .button-group > .grey-gradient:first-child,
	.buttonX.blue-gradient, .button-group > .blue-gradient:first-child,
	.buttonX.red-gradient, .button-group > .red-gradient:first-child,
	.buttonX.orange-gradient, .button-group > .orange-gradient:first-child,
	.buttonX.green-gradient, .button-group > .green-gradient:first-child,
	.black-gradient > .select-value, .anthracite-gradient > .select-value,
	.blue-gradient > .select-value, .grey-gradient > .select-value,
	.red-gradient > .select-value, .orange-gradient > .select-value,
	.green-gradient > .select-value {
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 1px rgba(0, 0, 0, 0.25);
		}
		.buttonX.black-gradient,
		.buttonX.anthracite-gradient,
		.buttonX.grey-gradient,
		.buttonX.blue-gradient,
		.black-gradient > .select-value, .anthracite-gradient > .select-value,
		.blue-gradient > .select-value, .grey-gradient > .select-value {
			-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
			-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
		}
		.buttonX.red-gradient,
		.buttonX.orange-gradient,
		.buttonX.green-gradient,
		.select.red-gradient > .select-value, .select.orange-gradient > .select-value, .select.green-gradient > .select-value {
			-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
			-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
		}
	.button-group > .silver-gradient,
	.button-group > .white-gradient,
	.white-gradient > .select-arrow {
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 1px 0 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 1px 0 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), inset 1px 0 0 rgba(255, 255, 255, 0.75), 0 1px 1px rgba(0, 0, 0, 0.15);
	}
	.button-group > .black-gradient,
	.button-group > .anthracite-gradient,
	.button-group > .grey-gradient,
	.button-group > .red-gradient,
	.button-group > .orange-gradient,
	.button-group > .green-gradient,
	.button-group > .blue-gradient,
	.black-gradient > .select-arrow, .anthracite-gradient > .select-arrow,
	.grey-gradient > .select-arrow, .red-gradient > .select-arrow,
	.orange-gradient > .select-arrow, .green-gradient > .select-arrow, .blue-gradient > .select-arrow {
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 1px 0 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 1px 0 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.25);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 1px 0 0 rgba(255, 255, 255, 0.35), 0 1px 1px rgba(0, 0, 0, 0.25);
	}

	/* Active state */
	.buttonX:active, .buttonX.active {
		border: 0;
		padding: 1px 12px;
		-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.35) !important;
		-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.35) !important;
		box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.35) !important;
		}
		.buttonX.silver-active:active, .buttonX.silver-active.active,
		.buttonX.white-active:active, .buttonX.white-active.active {
			-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
			-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
		}
		.buttonX.black-active:active, .buttonX.black-active.active,
		.buttonX.anthracite-active:active, .buttonX.anthracite-active.active,
		.buttonX.grey-active:active, .buttonX.grey-active.active,
		.buttonX.blue-active:active, .buttonX.blue-active.active {
			-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
			-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
		}
		.buttonX.red-active:active, .buttonX.red-active.active,
		.buttonX.orange-active:active, .buttonX.orange-active.active,
		.buttonX.green-active:active, .buttonX.green-active.active {
			-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
			-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
		}

	/* Disabled state */
	.buttonX:disabled, .buttonX.disabled, .disabled .buttonX,
	.disabled .select-value, .disabled .select-arrow {
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
		-webkit-text-shadow: none !important;
		-moz-text-shadow: none !important;
		text-shadow: none !important;
		}
		.buttonX:disabled, .buttonX.disabled, .disabled .buttonX {
			border-width: 1px;
			border-style: solid;
			padding: 0 11px;
		}

/* Icon section in a button */
.buttonX > .button-icon {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	text-align: left;
	font-weight: bold;
	padding: 0 10px;
	line-height: inherit;
	//line-height:expression(this.parentNode.currentStyle['line-height']);
	height: inherit;
	//height:expression(this.parentNode.currentStyle['height']-2);
	min-width: 6px;
	border-width: 1px;
	border-style: solid;
	margin: -1px 9px -1px -12px;
	-webkit-background-clip: padding-box;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	background-position: center center !important; /* This is required for glossy gradients image fallbacck*/
	}
	.ie7 .buttonX > .button-icon {
		margin: -1px 9px -1px 0;
	}
	.buttonX > .button-icon.right-side {
		margin: -1px -12px -1px 9px;
		-webkit-border-radius: 0;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
		}
		.ie7 .buttonX > .button-icon.right-side {
			margin: -1px 0 -1px 0;
		}
	:active > .button-icon,
	.active > .button-icon {
		-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75);
		box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75);
		}
		:active > .button-icon.black-gradient,
		.active > .button-icon.black-gradient,
		:active > .button-icon.anthracite-gradient,
		.active > .button-icon.anthracite-gradient,
		:active > .button-icon.grey-gradient,
		.active > .button-icon.grey-gradient,
		:active > .button-icon.blue-gradient,
		.active > .button-icon.blue-gradient {
			-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
			-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
		}
		:active > .button-icon.white-gradient,
		.active > .button-icon.white-gradient {
			-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
			-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
			text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
		}
		:active .button-icon.red-gradient,
		.active .button-icon.red-gradient,
		:active .button-icon.orange-gradient,
		.active .button-icon.orange-gradient,
		:active .button-icon.green-gradient,
		.active .button-icon.green-gradient {
			-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
			-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
			text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
		}
	:disabled > .button-icon,
	.disabled .button-icon {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		-webkit-text-shadow: none;
		-moz-text-shadow: none;
		text-shadow: none;
	}

/* Tiny button */
.buttonX.tiny, .tiny .buttonX {
	padding: 0 5px;
	line-height: 16px;
	height: 16px;
	*line-height: 14px;
	*height: 14px;
	font-size: 11px;
	min-width: auto;
	font-weight: normal;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}
	.ie7 button.buttonX.tiny,
	.ie7 .tiny button.buttonX {
		line-height: 12px;
		height: 16px;
	}
	p > .buttonX.tiny, p.tiny > .buttonX, .tiny p > .buttonX {
		margin-top: -1px;
		margin-bottom: -1px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
	.buttonX.tiny.absolute-left, .tiny .buttonX.absolute-left,
	.buttonX.tiny.absolute-right, .tiny .buttonX.absolute-right {
		margin-top: -9px;
	}
	.input .buttonX.tiny:first-child,
	.input.tiny .buttonX:first-child {
		margin-left: -3px;
	}
	.input .buttonX.tiny:last-child,
	.input.tiny .buttonX:last-child {
		margin-right: -3px;
		}
		/* IE7 */
		.input .buttonX.tiny.last-child,
		.input.tiny .buttonX.last-child {
			margin-right: -3px;
		}
	.buttonX.tiny:active, .tiny .buttonX:active,
	.buttonX.tiny.active, .tiny .buttonX.active {
		padding: 1px 6px;
		}
		.buttonX.tiny:disabled, .buttonX.tiny.disabled,
		.tiny .buttonX:disabled, .tiny .buttonX.disabled,
		.tiny.disabled .buttonX, .disabled .tiny .buttonX {
			padding: 0 5px;
		}
	.button-group.tiny, .tiny .button-group {
		line-height: 18px;
		height: 18px;
		margin-top: -2px;
		margin-bottom: 0;
		}
		.button-group.tiny.absolute-left, .tiny .button-group.absolute-left,
		.button-group.tiny.absolute-right, .tiny .button-group.absolute-right {
			margin-top: -9px;
		}

/* Compact button */
.buttonX.compact, .compact .buttonX {
	padding: 0 8px;
	line-height: 22px;
	height: 22px;
	*line-height: 20px;
	*height: 20px;
	}
	.ie7 button.buttonX.compact,
	.ie7 .compact button.buttonX {
		line-height: 18px;
		height: 22px;
	}
	.buttonX.compact.absolute-left, .compact .buttonX.absolute-left,
	.buttonX.compact.absolute-right, .compact .buttonX.absolute-right {
		margin-top: -12px;
	}
	.input .buttonX.compact {
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		}
		.input .buttonX.compact:first-child,
		.input.compact .buttonX:first-child {
			margin-left: -6px;
		}
		.input .buttonX.compact:last-child,
		.input.compact .buttonX:last-child {
			margin-right: -6px;
			}
			/* IE7 */
			.input .buttonX.compact.last-child,
			.input.compact .buttonX.last-child {
				margin-right: -6px;
			}
	.buttonX.compact:active, .compact .buttonX:active,
	.buttonX.compact.active, .compact .buttonX.active {
		padding: 1px 9px;
		}
		.buttonX.compact:disabled, .buttonX.compact.disabled,
		.compact .buttonX:disabled, .compact .buttonX.disabled,
		.compact.disabled .buttonX, .disabled .compact .buttonX {
			padding: 0 8px;
		}
	.button-group.compact, .compact .button-group {
		line-height: 24px;
		height: 24px;
		margin-top: -5px;
		margin-bottom: -3px;
		}
		.button-group.compact.absolute-left, .compact .button-group.absolute-left,
		.button-group.compact.absolute-right, .compact .button-group.absolute-right {
			margin-top: -12px;
		}
	.compact > .button-icon {
		margin: -1px 4px -1px -9px;
		padding: 0 6px;
		}
		.compact > .button-icon.right-side {
			margin: -1px -9px -1px 4px;
		}

/* Big button */
.buttonX.big, .big .buttonX {
	padding: 0 12px;
	font-size: 14px;
	line-height: 32px;
	height: 32px;
	*line-height: 30px;
	*height: 30px;
	margin-top: 0;
	margin-bottom: 0;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}
	.ie7 button.buttonX.big,
	.ie7 .big button.buttonX {
		line-height: 28px;
		height: 32px;
	}
	.buttonX.big.absolute-left, .big .buttonX.absolute-left,
	.buttonX.big.absolute-right, .big .buttonX.absolute-right {
		margin-top: -17px;
	}
	.buttonX.big:active, .big .buttonX:active,
	.buttonX.big.active, .big .buttonX.active,
	.buttonX.big:first-child:active, .big .buttonX:first-child:active,
	.buttonX.big.active:first-child, .big .buttonX.active:first-child {
		padding: 1px 13px;
		}
		.buttonX.big:disabled, .buttonX.big.disabled,
		.big .buttonX:disabled, .big .buttonX.disabled,
		.big.disabled .buttonX, .disabled .big .buttonX {
			padding: 0 12px;
		}
	.big > .button-icon {
		margin: -1px 8px -1px -13px;
		padding: 0 11px;
		}
		.big > .button-icon.right-side {
			margin: -1px -13px -1px 8px;
		}

/* Huge button */
.buttonX.huge, .huge .buttonX {
	padding: 0 18px;
	font-size: 18px;
	line-height: 46px;
	height: 46px;
	*line-height: 44px;
	*height: 44px;
	min-width: 10px;
	margin-top: 0;
	margin-bottom: 0;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
	.ie7 button.buttonX.huge,
	.ie7 .huge button.buttonX {
		line-height: 42px;
		height: 46px;
	}
	.buttonX.huge.absolute-left, .huge .buttonX.absolute-left,
	.buttonX.huge.absolute-right, .huge .buttonX.absolute-right {
		margin-top: -24px;
	}
	.buttonX.huge:active, .huge .buttonX:active,
	.buttonX.huge.active, .huge .buttonX.active,
	.buttonX.huge:first-child:active, .huge .buttonX:first-child:active,
	.buttonX.huge.active:first-child, .huge .buttonX.active:first-child {
		padding: 1px 19px;
		}
		.buttonX.huge:disabled, .buttonX.huge.disabled,
		.huge .buttonX:disabled, .huge .buttonX.disabled,
		.huge.disabled .buttonX, .disabled .huge .buttonX {
			padding: 0 18px;
		}
	.huge > .button-icon {
		margin: -1px 15px -1px -19px;
		padding: 0 18px;
		}
		.huge > .button-icon.right-side {
			margin: -1px -19px -1px 15px;
		}

/* Checkable included in a button label */
.js label.buttonX > input[type="checkbox"],
.js label.buttonX > input[type="radio"] {
	display: none;
}

/* Grouped buttons */
.button-group {
	display: inline-block;
	zoom: 1;
	font-size: 13px;
	line-height: 30px;
	height: 30px;
	vertical-align: middle;
	padding-left: 1px;
	}
	.ie7 .button-group {
		display: inline;
		margin-left: 4px;
		}
		.ie7 .button-group:first-child {
			margin-left: 0;
		}
	p > .button-group {
		margin-top: -8px;
		margin-bottom: -6px;
	}
	.button-height .button-group {
		margin-top: -2px;
		margin-bottom: 2px;
	}
	.button-group.absolute-left,
	.button-group.absolute-right {
		margin-top: -15px;
	}
	.button-group > .buttonX,
	.ie7 .button-group > .buttonX {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		float: left;
		margin-left: -1px;
		margin-right:0px;
		}
		.button-group > .buttonX:first-child {
			border-left-width: 1px;
			-webkit-border-top-left-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-bottomleft: 4px;
			border-top-left-radius: 4px;
			border-bottom-bottom-radius: 4px;
		}
		.button-group > .buttonX:last-child {
			-webkit-border-top-right-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			-moz-border-radius-topright: 4px;
			-moz-border-radius-bottomright: 4px;
			border-top-right-radius: 4px;
			border-top-right-radius: 4px;
		}


/********************************************************/
/*                     22. Tooltips                     */
/********************************************************/

/* Root elements */
#tooltips, #tooltips-over {
	position: absolute;
	top: 0;
	left: 0;
	}
	#tooltips {
		z-index: 999100;
	}
	#tooltips-over {
		z-index: 999500;
	}
	.tooltip {
		position: absolute;
		white-space: nowrap;
		max-width: 300px;
	}

/* Tooltips inserted inside some elements */
.message.inner-tooltip {
	position: absolute;
	display: block;
	left: 50%;
	bottom: 100%;
	text-align: center;
	margin: 0 0 10px 0;
	min-width: 16px;
	max-width: 250px;
	z-index: 89;
	pointer-events: none;
	white-space: nowrap;
	}
	.message.inner-tooltip.right {
		left: 100%;
		top: 50%;
		bottom: auto;
		margin: -15px 0 0 10px;
	}
	.message.inner-tooltip.bottom {
		top: 100%;
		bottom: auto;
		margin: 10px 0 0 0;
	}
	.message.inner-tooltip.left {
		left: auto;
		right: 100%;
		top: 50%;
		bottom: auto;
		margin: -15px 10px 0 0;
	}
	.message.inner-tooltip.right.compact,
	.message.inner-tooltip.left.compact {
		margin-top: -10px;
	}