/**
 *
 * '||''|.                            '||
 *  ||   ||    ....  .... ...   ....   ||    ...   ... ...  ... ..
 *  ||    || .|...||  '|.  |  .|...||  ||  .|  '|.  ||'  ||  ||' ''
 *  ||    || ||        '|.|   ||       ||  ||   ||  ||    |  ||
 * .||...|'   '|...'    '|     '|...' .||.  '|..|'  ||...'  .||.
 *                                                  ||
 * --------------- By Display:inline ------------- '''' -----------
 *
 * Styles override for 768+ pixels screens
 */

/* Class used to determine which media queries are on */
#mediaquery-checker {
	width: 30px;
}

/* Contextual elements */
.hidden-on-mobile,
.only-on-tablet {
	display: block;
}
.hidden-on-tablet,
.only-on-mobile {
	display: none;
}

/* Columns */

/* These styles define the columns size. They must be redefined for each responsive size */
.column,
.one-column				{ width: 6.0833%; }
.two-columns			{ width: 14.4167%; }
.three-columns			{ width: 22.75%; }
.four-columns			{ width: 31.0833%; }
.five-columns			{ width: 39.4167%; }
.six-columns			{ width: 47.75%; }
.seven-columns			{ width: 56.0833%; }
.eight-columns			{ width: 64.4167%; }
.nine-columns			{ width: 72.72%; }
.ten-columns			{ width: 81.0833%; }
.eleven-columns			{ width: 89.4167%; }
.twelve-columns			{ width: 97.75%; }

.one-column-tablet		{ width: 6.0833%; }
.two-columns-tablet		{ width: 14.4167%; }
.three-columns-tablet	{ width: 22.75%; }
.four-columns-tablet	{ width: 31.0833%; }
.five-columns-tablet	{ width: 39.4167%; }
.six-columns-tablet		{ width: 47.75%; }
.seven-columns-tablet	{ width: 56.0833%; }
.eight-columns-tablet	{ width: 64.4167%; }
.nine-columns-tablet	{ width: 72.72%; }
.ten-columns-tablet		{ width: 81.0833%; }
.eleven-columns-tablet	{ width: 89.4167%; }
.twelve-columns-tablet	{ width: 97.75%; }

/* Line breaks to ensure correct float */
.new-row-mobile,
.new-row-mobile-landscape {
	clear: none;
}
.new-row-tablet {
	clear: left;
}

/* Fixed columns */
.left-column-200px .left-column {
	float: left;
	width: 200px;
	margin-bottom: 0;
}
.left-column-200px .right-column {
	margin-left: 220px;
}
.right-column-200px .left-column {
	margin-right: 220px;
}
.right-column-200px .right-column {
	float: right;
	width: 200px;
	margin-bottom: 0;
}

/* Content panels */
.content-panel {
	overflow: visible;
	padding-left: 250px;
	}
	.panel-navigation {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 249px;
		border-right: 1px solid #cccccc;
	}

	/* Styles when js is enabled */
	.enabled-panels > .panel-navigation,
	.enabled-panels.show-panel-content > .panel-navigation {
		left: 0;
		right: auto;
	}
	.enabled-panels > .panel-content,
	.enabled-panels.show-panel-content > .panel-content {
		margin-left: 0;
	}
	.panel-content > .back {
		display: none;
	}

/* Typography */
h1 {
	line-height: 48px;
	font-size: 40px;
}
h2 {
	line-height: 38px;
	font-size: 32px;
}

.definition.inline {
	padding-left: 200px;
	}
	.definition.inline > dt {
		float: left;
		margin-left: -200px;
		width: 180px;
		margin-bottom: 0;
	}
	.definition.inline > dd {
		margin-bottom: 12px;
		}
		.definition.inline > dd:last-child {
			margin-bottom: 0;
		}

/* 8. Main columns */
#title-bar {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	}
	.with-shortcuts #title-bar {
		padding-left: 10px;
		}
		.reversed.with-shortcuts #title-bar {
			padding-right: 10px;
			}
			.reversed.with-shortcuts.with-menu #title-bar {
				padding-right: 10px;
				padding-left: 92px;
			}
	#title-bar ~ #main {
		margin-top: 40px;
	}
	#title-bar ~ #shortcuts {
		top: 40px;
	}

#open-shortcuts {
	display: none;
}

#open-menu {
	position: fixed;
}

.with-shortcuts #main {
	margin-left: 68px;
}
.with-shortcuts.reversed #main {
	margin-left: 0;
	margin-right: 68px;
}
#shortcuts {
	position: fixed;
	display: block;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 68px;
	padding: 0;
	margin: 0;
	border: 0;
	color: white;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	background: #3c4044 url(../img/textures/grid.png);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0))), #3c4044 url(../img/textures/grid.png);
	background: -webkit-linear-gradient( top, rgba(0,0,0,0.4), rgba(0,0,0,0)), #3c4044 url(../img/textures/grid.png);
	background: -moz-linear-gradient( top, rgba(0,0,0,0.4), rgba(0,0,0,0)), #3c4044 url(../img/textures/grid.png);
	background: -ms-linear-gradient( top, rgba(0,0,0,0.4), rgba(0,0,0,0)), #3c4044 url(../img/textures/grid.png);
	background: -o-linear-gradient( top, rgba(0,0,0,0.4), rgba(0,0,0,0)), #3c4044 url(../img/textures/grid.png);
	background: linear-gradient( top, rgba(0,0,0,0.4), rgba(0,0,0,0)), #3c4044 url(../img/textures/grid.png);
	-webkit-box-shadow: inset -5px 5px 20px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset -5px 5px 20px rgba(0, 0, 0, 0.75);
	box-shadow: inset -5px 5px 20px rgba(0, 0, 0, 0.75);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	}
	body.reversed #shortcuts {
		left: auto;
		right: 0;
		-webkit-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, 0.75);
		-moz-box-shadow: inset 5px 5px 20px rgba(0, 0, 0, 0.75);
		box-shadow: inset 5px 5px 20px rgba(0, 0, 0, 0.75);
	}
	#shortcuts:before {
		display: none;
	}
	#shortcuts > li {
		width: 68px;
		height: auto;
		float: none;
		margin: 0;
		overflow: hidden;
		position: relative;
		}
		#shortcuts.with-legend > li {
			padding-bottom: 20px;
		}
		#shortcuts > li:first-child {
			margin-top: -5px;
		}
		.no-generatedcontent #shortcuts > li:first-child {
			margin-top: 0;
		}
		#shortcuts > li > a,
		#shortcuts > li > span {
			text-indent: -3000px;
			width: auto;
			height: 70px;
			padding: 0;
		}
		#shortcuts > li > a {
			width: 136px;
			-webkit-transition: margin-left 200ms;
			-moz-transition: margin-left 200ms;
			-o-transition: margin-left 200ms;
			transition: margin-left 200ms;
			position: relative;
			}
			body.reversed #shortcuts > li > a {
				margin-left: -68px;
				}
				.no-generatedcontent body.reversed #shortcuts > li > a {
					margin-left: -68px;
					margin-right: -68px;
					width: 204px;
				}

			.shortcut-dashboard,	span.shortcut-dashboard	{ background-position: 0 0; }
			.shortcut-messages,		span.shortcut-messages	{ background-position: 0 -70px; }
			.shortcut-agenda,		span.shortcut-agenda	{ background-position: 0 -140px; }
			.shortcut-contacts,		span.shortcut-contacts	{ background-position: 0 -210px; }
			.shortcut-medias,		span.shortcut-medias	{ background-position: 0 -280px; }
			.shortcut-stats,		span.shortcut-stats		{ background-position: 0 -350px; }
			.shortcut-settings,		span.shortcut-settings	{ background-position: 0 -420px; }
			.shortcut-notes,		span.shortcut-notes		{ background-position: 0 -490px; }

				body.reversed a.shortcut-dashboard	{ background-position: 68px 0; }
				body.reversed a.shortcut-messages	{ background-position: 68px -70px; }
				body.reversed a.shortcut-agenda		{ background-position: 68px -140px; }
				body.reversed a.shortcut-contacts	{ background-position: 68px -210px; }
				body.reversed a.shortcut-medias		{ background-position: 68px -280px; }
				body.reversed a.shortcut-stats		{ background-position: 68px -350px; }
				body.reversed a.shortcut-settings	{ background-position: 68px -420px; }
				body.reversed a.shortcut-notes		{ background-position: 68px -490px; }

			#shortcuts > li > a:before,
			#shortcuts > li:after {
				display: block;
				content: ' ';
				position: absolute;
				top: 5px;
				bottom: 5px;
				}
				#shortcuts > li > a:before {
					background-color: white;
					background-image: url(../img/standard/shortcuts.png);
					right: 0;
					width: 64px;
					-webkit-border-radius: 7px 0 0 7px;
					-moz-border-radius: 7px 0 0 7px;
					border-radius: 7px 0 0 7px;
					}
					body.reversed #shortcuts > li > a:before {
						left: 0;
						right: auto;
						-webkit-border-radius: 0 7px 7px 0;
						-moz-border-radius: 0 7px 7px 0;
						border-radius: 0 7px 7px 0;
					}

					a.shortcut-dashboard:before	{ background-position: -70px -5px; }
					a.shortcut-messages:before	{ background-position: -70px -75px; }
					a.shortcut-agenda:before	{ background-position: -70px -145px; }
					a.shortcut-contacts:before	{ background-position: -70px -215px; }
					a.shortcut-medias:before	{ background-position: -70px -285px; }
					a.shortcut-stats:before		{ background-position: -70px -355px; }
					a.shortcut-settings:before	{ background-position: -70px -425px; }
					a.shortcut-notes:before		{ background-position: -70px -495px; }

				#shortcuts > li:after {
					right: 0;
					width: 6px;
					opacity: 0;
					-webkit-transition-delay: 200ms;
					-moz-transition-delay: 200ms;
					-o-transition-delay: 200ms;
					transition-delay: 200ms;
					-webkit-transition: opacity 200ms;
					-moz-transition: opacity 200ms;
					-o-transition: opacity 200ms;
					transition: opacity 200ms;
					pointer-events: none;
					background: url(../img/old-browsers/768/bg_shortcuts_li_after.png) repeat-y;
					-webkit-background-size: 100% 100%;
					-moz-background-size: 100% 100%;
					-o-background-size: 100% 100%;
					background-size: 100% 100%;
					background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)), color-stop(0.5, rgba(0, 0, 0, 0.2)), color-stop(0.75, rgba(0, 0, 0, 0.3)), color-stop(0.9, rgba(0, 0, 0, 0.5)));
					background: -webkit-linear-gradient( left, rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.75));
					background: -moz-linear-gradient( left, rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.75));
					background: -ms-linear-gradient( left, rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.75));
					background: -o-linear-gradient( left, rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.75));
					background: linear-gradient( left, rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.75));
					}
					body.reversed #shortcuts > li:after {
						left: 0;
						right: auto;
						background: url(../img/old-browsers/768/bg_body_reversed_shortcuts_li_after.png) repeat-y right top;
						-webkit-background-size: 100% 100%;
						-moz-background-size: 100% 100%;
						-o-background-size: 100% 100%;
						background-size: 100% 100%;
						background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.75)), color-stop(0.5, rgba(0, 0, 0, 0.2)), color-stop(0.75, rgba(0, 0, 0, 0.3)), color-stop(0.9, rgba(0, 0, 0, 0.5)));
						background: -webkit-linear-gradient( right, rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.75));
						background: -moz-linear-gradient( right, rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.75));
						background: -ms-linear-gradient( right, rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.75));
						background: -o-linear-gradient( right, rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.75));
						background: linear-gradient( right, rgba(0,0,0,0), rgba(0,0,0,0.2) 50%, rgba(0,0,0,0.3) 75%, rgba(0,0,0,0.5) 90%, rgba(0,0,0,0.75));
					}
					#shortcuts > li.current:after {
						display: none;
					}
					.no-touch #shortcuts > li:hover:after {
						opacity: 1;
						-webkit-transition: none;
						-moz-transition: none;
						-o-transition: none;
						transition: none;
					}

			.shortcut-legend {
				position: absolute;
				left: 0;
				width: 68px;
				bottom: 6px;
				font-size: 11px;
				white-space: nowrap;
				text-overflow: ellipsis;
				text-align: center;
				text-indent: 0;
				color: #999;
				-webkit-transition: left 200ms, color 200ms;
				-moz-transition: left 200ms, color 200ms;
				-o-transition: left 200ms, color 200ms;
				transition: left 200ms, color 200ms;
				}
				.no-generatedcontent .shortcut-legend {
					bottom: 10px;
				}
				a > .shortcut-legend {
					bottom: -14px;
					}
					.no-generatedcontent a > .shortcut-legend {
						bottom: -10px;
					}
					li:hover > a > .shortcut-legend {
						color: white;
					}
				body.reversed .shortcut-legend {
					left: auto;
					right: 0;
					-webkit-transition: right 200ms, color 200ms;
					-moz-transition: right 200ms, color 200ms;
					-o-transition: right 200ms, color 200ms;
					transition: right 200ms, color 200ms;
					}
					.no-generatedcontent body.reversed a > .shortcut-legend {
						right: 68px;
					}

			.no-touch #shortcuts > li > a:hover,
			#shortcuts > .current > a,
			.no-touch #shortcuts:hover > .current:hover > a {
				margin-left: -68px;
				}
				.no-touch a:hover > .shortcut-legend,
				#shortcuts > .current > a > .shortcut-legend,
				.no-touch #shortcuts:hover > .current:hover > a > .shortcut-legend {
					left: 68px;
				}
				.no-generatedcontent #shortcuts > .current > a {
					background-color: white;
					}
					.no-generatedcontent #shortcuts > .current > a > .shortcut-legend {
						bottom: -18px;
					}
				.no-touch body.reversed #shortcuts > li > a:hover,
				body.reversed #shortcuts > .current > a,
				.no-touch body.reversed #shortcuts:hover > .current:hover > a {
					margin-left: 0;
					margin-right: -68px;
					}
					.no-touch body.reversed a:hover > .shortcut-legend,
					body.reversed #shortcuts > .current > a > .shortcut-legend,
					.no-touch body.reversed #shortcuts:hover >  .current:hover > a > .shortcut-legend {
						left: auto;
						right: 68px;
					}
					.no-generatedcontent body.reversed #shortcuts > .current > a,
					.no-generatedcontent body.reversed #shortcuts > li > a:hover {
						margin-left: -136px;
						margin-right: 0;
						}
						.no-touch.no-generatedcontent body.reversed a:hover > .shortcut-legend,
						.no-generatedcontent body.reversed #shortcuts > .current > a > .shortcut-legend,
						.no-touch.no-generatedcontent body.reversed #shortcuts:hover >  .current:hover > a > .shortcut-legend {
							right: 0;
						}

				.no-touch #shortcuts:hover > .current > a {
					margin-left: -60px;
					}
					.no-touch #shortcuts:hover > .current > a > .shortcut-legend {
						left: 60px;
					}
					.no-touch.no-generatedcontent #shortcuts:hover > .current > a {
						margin-left: -68px;
						}
						.no-touch.no-generatedcontent #shortcuts:hover > .current > a > .shortcut-legend {
							left: 68px;
						}
					.no-touch body.reversed #shortcuts:hover > .current > a {
						margin-left: -8px;
						margin-right: -60px;
						}
						.no-touch body.reversed #shortcuts:hover > .current > a > .shortcut-legend {
							left: auto;
							right: 60px;
						}
						.no-touch.no-generatedcontent body.reversed #shortcuts:hover > .current > a {
							margin-left: -136px;
							margin-right: 0;
							}
							.no-touch.no-generatedcontent body.reversed #shortcuts:hover > .current > a > .shortcut-legend {
								right: 0;
							}

			#shortcuts > .at-bottom {
				position: absolute;
				left: 0;
				bottom: 0;
			}
	#shortcuts .count {
		text-indent: 0;
		right: 74px;
		}
		#shortcuts .current .count {
			right: 4px;
		}
		body.reversed #shortcuts .count {
			right: auto;
			left: 74px;
			}
			body.reversed #shortcuts .current .count {
				left: 4px;
				}
				.no-generatedcontent body.reversed #shortcuts .current .count {
					left: 142px;
				}

#menu {
	position: fixed;
	display: none;
	top: 41px;
	left: auto;
	right: 19px;
	width: 260px;
	max-height: 90%;
	padding: 11px 10px 10px;
	background: #575d62;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 7px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 7px rgba(0, 0, 0, 0.8);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 7px rgba(0, 0, 0, 0.8);
	border: 1px solid #262626;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	}
	.no-boxshadow #menu {
		width: 262px;
	}
	body.menu-open #menu {
		display: block;
	}
	body.reversed #menu {
		left: 19px;
		right: auto;
	}
	#menu:before,
	#menu:after {
		display: block;
		content: ' ';
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-bottom-color: #575d62;
		position: absolute;
		top: auto;
		left: auto;
		right: 18px;
		bottom: 100%;
		margin-bottom: -1px;
		background: none;
		}
		/* IE7 */
		#menu-before,
		#menu-after {
			display: block;
			width: 0;
			height: 0;
			border: 6px solid transparent;
			border-bottom-color: #575d62;
			position: absolute;
			top: auto;
			left: auto;
			right: 18px;
			bottom: 100%;
			margin-bottom: -1px;
			background: none;
		}
		#menu:before {
			border-width: 7px;
			border-bottom-color: #8a8e91;
			margin-bottom: 0;
			right: 17px;
			}
			/* IE7 */
			#menu-before {
				border-width: 7px;
				border-bottom-color: #8a8e91;
				margin-bottom: 0;
				right: 17px;
			}
		body.reversed #menu:before {
			left: 17px;
			right: auto;
			}
			/* IE7 */
			body.reversed #menu-before {
				left: 17px;
				right: auto;
			}
		body.reversed #menu:after {
			left: 18px;
			right: auto;
			}
			/* IE7 */
			body.reversed #menu-after {
				left: 18px;
				right: auto;
			}
	#menu-content {
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
							0 -1px 1px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
						 0 -1px 1px rgba(0, 0, 0, 0.8);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5),
					0 -1px 1px rgba(0, 0, 0, 0.8);
		position: relative;
		-webkit-border-radius: 2px;
		-moz-border-radius: 2px;
		border-radius: 2px;
		}
		.no-boxshadow #menu-content {
			border: 1px solid #2c3033;
		}
		#menu-content:after {
			display: none;
			}
			.pointerevents #menu-content:after {
				display: block;
				content: ' ';
				position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
				pointer-events: none;
				-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.75);
				-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.75);
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.75);
			}
	#menu-footer {
		margin-top: 10px;
		padding: 0;
		background: none;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
	}

/* 10. Titles styles */
#main-title {
	background: transparent;
	}
	#main-title h1,
	#main-title h2 {
		-webkit-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
		-moz-text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
		text-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
		}
		#main-title h2 {
			font-size: 28px;
			line-height: 48px;
			}
			#main-title h2 strong {
				font-size: 40px;
				vertical-align: -4px;
			}

/* 11. Blocs */
.dashboard {
	border: 1px solid #666666;
}

/********************************************************/
/*                       16. Tabs                       */
/********************************************************/

/* This wrapper class is required to handle responsive variations */
.standard-tabs,
.side-tabs {
	border: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	overflow: visible;
	height: auto !important;
	}
	.standard-tabs > .tabs,
	.side-tabs > .tabs {
		background: none;
		position: absolute;
		left: 0;
		top: 0;
		overflow: hidden;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		}
		.csstransforms .standard-tabs > .tabs,
		.csstransforms .side-tabs > .tabs {
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
		}

	/*
	 * Standard tabs
	 */
	.standard-tabs {
		padding-top: 29px;
	}

	/* Actual tabs */
	.standard-tabs > .tabs {
		right: 0;
		width: auto;
		height: 30px;
		margin: -5px -5px 0 -5px;
		padding: 5px 5px 0 5px;
		}
		.standard-tabs > .tabs > li {
			float: left;
			padding: 5px 12px 9px;
			border-left: 1px solid #cccccc;
			border-top: 0;
			}
			.standard-tabs > .tabs > li:first-child {
				border-left-color: transparent;
			}
			.standard-tabs > .tabs > li > a {
				margin: -5px -12px -9px;
				padding: 5px 12px 9px;
				}
				.standard-tabs > .tabs > li > a:after {
					display: none;
					content: '';
					}
					/* IE7 */
					.standard-tabs > .tabs > li > a > .with-arrow-after {
						display: none;
					}
				.no-touch .standard-tabs > .tabs > li > a:hover {
					padding-bottom: 6px;
					border-bottom: 3px solid #999999;
					}
					.no-touch .standard-tabs > .tabs > li.disabled > a:hover {
						color: #c0c0c0;
						padding-bottom: 9px;
						border-bottom: 0;
					}
				.standard-tabs > .tabs > li.active,
				.standard-tabs > .tabs > li.active + li {
					border-left-color: transparent;
					}
					/* IE7 */
					.ie7 .standard-tabs > .tabs > li.active,
					.ie7 .standard-tabs > .tabs > li.active + li {
						border-left-color: #cccccc;
					}
					.ie7 .standard-tabs > .tabs > li.active.last-child {
						border-right: 1px solid #cccccc;
					}
					.standard-tabs > .tabs > li.active > a {
						margin-left: -13px;
						margin-right: -13px;
						padding: 6px 12px 7px;
						border: 1px solid #cccccc;
						border-bottom: 0;
						background: white;
						color: #0059a0;
						-webkit-border-top-left-radius: 5px;
						-webkit-border-top-right-radius: 5px;
						-moz-border-radius: 5px 5px 0 0;
						border-radius: 5px 5px 0 0;
						-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
						-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
						box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
						}
						.no-touch .standard-tabs > .tabs > li.active > a:hover {
							padding-bottom: 7px;
							border-bottom: 0;
						}

	/*
	 * Standard tabs at bottom
	 */
	.standard-tabs.at-bottom {
		padding-top: 0;
		padding-bottom: 29px;
		}
		.standard-tabs.at-bottom > .tabs {
			top: auto;
			bottom: 0;
			margin: 0 -5px -5px -5px;
			padding: 0 5px 5px 5px;
		}
		.standard-tabs.at-bottom > .tabs > li {
			padding: 9px 12px 5px;
			}
			.standard-tabs.at-bottom > .tabs > li > a {
				margin: -9px -12px -5px;
				padding: 9px 12px 5px;
				}
				.no-touch .standard-tabs.at-bottom > .tabs > li > a:hover {
					padding-bottom: 5px;
					border-bottom: 0;
					padding-top: 6px;
					border-top: 3px solid #999999;
					}
					.no-touch .standard-tabs.at-bottom > .tabs > li.disabled > a:hover {
						padding-top: 9px;
						border-top: 0;
					}
					.standard-tabs.at-bottom > .tabs > li.active > a {
						margin-left: -13px;
						margin-right: -13px;
						padding: 7px 12px 6px;
						border-bottom: 1px solid #cccccc;
						border-top: 0;
						-webkit-border-top-left-radius: 0;
						-webkit-border-top-right-radius: 0;
						-webkit-border-bottom-left-radius: 5px;
						-webkit-border-bottom-right-radius: 5px;
						-moz-border-radius: 0 0 5px 5px;
						border-radius: 0 0 5px 5px;
						-webkit-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.25);
						-moz-box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.25);
						box-shadow: 0 -1px 4px rgba(0, 0, 0, 0.25);
						}
						.no-touch .standard-tabs.at-bottom > .tabs > li.active > a:hover {
							padding-bottom: 6px;
							border-bottom: 1px solid #cccccc;
							padding-top: 7px;
							border-top: 0;
						}
		.standard-tabs.at-bottom > .tabs-content {
			-webkit-border-top-left-radius: 6px;
			-webkit-border-bottom-left-radius: 6px;
			-moz-border-radius: 6px 6px 6px 0;
			border-radius: 6px 6px 6px 0;
		}

	/*
	 * Side tabs
	 */
	.side-tabs {
		padding-left: 179px;
	}

	/* Actual tabs */
	.side-tabs > .tabs {
		width: 180px;
		margin: -5px 0 -5px -5px;
		padding: 5px 0 5px 5px;
		}
		.side-tabs > .tabs > li {
			padding: 11px 9px 11px 11px;
			border-top: 1px solid #cccccc;
			}
			.side-tabs > .tabs > li:first-child {
				border-top-color: transparent;
			}
			.side-tabs > .tabs > li > a {
				margin: -11px -9px -11px -11px;
				padding: 11px 9px 11px 11px;
				}
				.side-tabs > .tabs > li > a:after {
					display: none
					}
					/* IE7 */
					.side-tabs > .tabs > li > a > .with-arrow-after {
						display: none;
					}
				.no-touch .side-tabs > .tabs > li > a:hover {
					padding-right: 6px;
					border-right: 3px solid #999999;
					}
					.no-touch .side-tabs > .tabs > li.disabled > a:hover {
						color: #c0c0c0;
						padding-right: 9px;
						border-right: 0;
					}
				.side-tabs > .tabs > li.active,
				.side-tabs > .tabs > li.active + li {
					border-top-color: transparent;
					}
					.side-tabs > .tabs > li.active > a {
						margin-top: -12px;
						margin-bottom: -12px;
						padding: 11px 9px 11px 10px;
						border: 1px solid #cccccc;
						border-right: 0;
						background: white;
						color: #0059a0;
						-webkit-border-top-left-radius: 5px;
						-webkit-border-bottom-left-radius: 5px;
						-moz-border-radius: 5px 0 0 5px;
						border-radius: 5px 0 0 5px;
						-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
						-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
						box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
						}
						.no-touch .side-tabs > .tabs > li.active > a:hover {
							padding-right: 9px;
							border-right: 0;
						}

	/* Right side tabs */
	.side-tabs.on-right {
		padding-left: 0;
		padding-right: 179px;
		}
		.side-tabs.on-right > .tabs {
			left: auto;
			right: 0;
			margin: -5px -5px -5px 0;
			padding: 5px 5px 5px 0;
			}
			.side-tabs.on-right > .tabs > li {
				padding: 11px 11px 11px 9px;
				}
				.side-tabs.on-right > .tabs > li > a {
					margin: -11px -11px -11px -9px;
					padding: 11px 11px 11px 9px;
					}
					.no-touch .side-tabs.on-right > .tabs > li > a:hover {
						padding-right: 11px;
						border-right: 0;
						padding-left: 6px;
						border-left: 3px solid #999999;
						}
						.no-touch .side-tabs.on-right > .tabs > li.disabled > a:hover {
							padding-right: 11px;
							padding-left: 9px;
							border-left: 0;
						}
					.side-tabs.on-right > .tabs > li.active > a {
						margin-top: -12px;
						margin-bottom: -12px;
						padding: 11px 11px 10px 9px;
						border-right: 1px solid #cccccc;
						border-left: 0;
						-webkit-border-top-left-radius: 0;
						-webkit-border-bottom-left-radius: 0;
						-webkit-border-top-right-radius: 5px;
						-webkit-border-bottom-right-radius: 5px;
						-moz-border-radius: 0 5px 5px 0;
						border-radius: 0 5px 5px 0;
						}
						.no-touch .side-tabs.on-right > .tabs > li.active > a:hover {
							padding-right: 11px;
							padding-left: 9px;
							border-right: 1px solid #cccccc;
							border-left: 0;
						}
		.side-tabs.on-right > .tabs-content {
			-webkit-border-top-left-radius: 6px;
			-webkit-border-top-right-radius: 0;
			-moz-border-radius: 6px 0 6px 6px;
			border-radius: 6px 0 6px 6px;
			}
			.tabs-fullheight.on-right > .tabs-content {
				-webkit-border-bottom-left-radius: 6px;
				-moz-border-radius-bottomleft: 6px;
				border-bottom-left-radius: 6px;
				-webkit-border-bottom-right-radius: 0;
				-moz-border-radius-bottomright: 0;
				border-bottom-right-radius: 0;
			}

	/* Content */
	.standard-tabs > .tabs-content,
	.side-tabs > .tabs-content {
		position: static;
		left: auto;
		right: auto;
		overflow: visible;
		width: auto;
		border: 1px solid #cccccc;
		-webkit-border-radius: 6px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 0 6px 6px 6px;
		border-radius: 0 6px 6px 6px;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
		}
		.tabs-fullheight > .tabs-content {
			-webkit-border-bottom-left-radius: 0;
			-moz-border-radius-bottomleft: 0;
			border-bottom-left-radius: 0;
		}
		.csstransforms .standard-tabs > .tabs-content,
		.csstransforms .side-tabs > .tabs-content {
			-webkit-transform: none;
			-moz-transform: none;
			-ms-transform: none;
			-o-transform: none;
			transform: none;
		}
		.standard-tabs > .tabs-content {
			min-height: auto !important;
		}

	/* Back button */
	.standard-tabs > .tabs-content > .tabs-back,
	.side-tabs > .tabs-content > .tabs-back {
		display: none;
	}

	/* When transistions are enabled */
	.standard-tabs.tabs-animated,
	.standard-tabs.tabs-animated > .tabs,
	.standard-tabs.tabs-animated > .tabs-content,
	.side-tabs.tabs-animated,
	.side-tabs.tabs-animated > .tabs,
	.side-tabs.tabs-animated > .tabs-content {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}

	/* Recursive tabs */
	.with-padding > .standard-tabs.inner-tabs,
	.with-padding > .side-tabs.inner-tabs {
		margin: 0;
	}

/* 18. Notifications */
#top-notifications > ul,
#bottom-notifications > ul {
	position: absolute;
	width: 300px;
	}
	#notifications-top-left {
		top: 0;
		left: 0;
	}
	#notifications-top-center {
		top: 0;
		left: 50%;
		margin-left: -150px !important;
	}
	#notifications-top-right {
		top: 0;
		right: 0;
	}
	#notifications-bottom-left {
		bottom: 0;
		left: 0;
	}
	#notifications-bottom-center {
		bottom: 0;
		left: 50%;
		margin-left: -150px !important;
	}
	#notifications-bottom-right {
		bottom: 0;
		right: 0;
	}

	.notification {
		margin: 20px 20px -10px 20px;
		}
		#bottom-notifications .notification {
			margin: -10px 20px 20px 20px;
		}
		.notification > .close {
			margin: -10px -10px 0 0;
		}
		.notification > a,
		.notification > div {
			padding: 11px 15px;
		}

	.notification-icon {
		margin: 11px 11px 11px 13px;
		}
		.notification-icon.outside {
			float: none;
			position: absolute;
			top: 0;
			right: 100%;
			margin: 6px 12px 0 0;
			}
			#notifications-top-left .notification-icon.outside,
			#notifications-bottom-left .notification-icon.outside {
				right: auto;
				left: 100%;
				margin: 6px 0 0 12px;
			}

	.notification > .block-arrow {
		display: block;
		top: 29px;
	}