/**
 *
 * '||''|.                            '||
 *  ||   ||    ....  .... ...   ....   ||    ...   ... ...  ... ..
 *  ||    || .|...||  '|.  |  .|...||  ||  .|  '|.  ||'  ||  ||' ''
 *  ||    || ||        '|.|   ||       ||  ||   ||  ||    |  ||
 * .||...|'   '|...'    '|     '|...' .||.  '|..|'  ||...'  .||.
 *                                                  ||
 * --------------- 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;
    padding-left: 20px;
}
.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(../../Images/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(../../Images/img/textures/grid.png);
	background: -webkit-linear-gradient( top, rgba(0,0,0,0.4), rgba(0,0,0,0)), #3c4044 url(../../Images/img/textures/grid.png);
	background: -moz-linear-gradient( top, rgba(0,0,0,0.4), rgba(0,0,0,0)), #3c4044 url(../../Images/img/textures/grid.png);
	background: -ms-linear-gradient( top, rgba(0,0,0,0.4), rgba(0,0,0,0)), #3c4044 url(../../Images/img/textures/grid.png);
	background: -o-linear-gradient( top, rgba(0,0,0,0.4), rgba(0,0,0,0)), #3c4044 url(../../Images/img/textures/grid.png);
	background: linear-gradient( top, rgba(0,0,0,0.4), rgba(0,0,0,0)), #3c4044 url(../../Images/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; }
            .shortcut-announcements,		span.shortcut-announcements		{ background-position: 0 -560px; }
            .shortcut-halal,		span.shortcut-halal		{ background-position: 0 -630px; }
            .shortcut-namaz,		span.shortcut-namaz		{ background-position: 0 -700px; }
            .shortcut-forms,		span.shortcut-forms		{ background-position: 0 -770px; }
            .shortcut-audit,		span.shortcut-audit		{ background-position: 0 -840px; }
            .shortcut-duas,		    span.shortcut-duas	    { background-position: 0 -910px; }
            .shortcut-ramadan,	    span.shortcut-ramadan   { background-position: 0 -980px; }
            .shortcut-agenda2,	    span.shortcut-agenda2   { background-position: 0 -1050px; }
            .shortcut-forms2,	    span.shortcut-forms2    { background-position: 0 -1120px; }
            .shortcut-pending,	    span.shortcut-pending   { background-position: 0 -1190px; }
            .shortcut-approved,	    span.shortcut-approved  { background-position: 0 -1260px; }
            .shortcut-rejected,	    span.shortcut-rejected  { background-position: 0 -1330px; }
            .shortcut-gears,	    span.shortcut-gears     { background-position: 0 -1400px; }
            .shortcut-settings2,    span.shortcut-setting2  { background-position: 0 -1470px; }
            .shortcut-ticket,	    span.shortcut-ticket    { background-position: 0 -1540px; }
            .shortcut-user,	        span.shortcut-user      { background-position: 0 -1610px; }
            .shortcut-donations,    span.shortcut-donations { background-position: 0 -1680px; }
            .shortcut-students,     span.shortcut-students  { background-position: 0 -1750px; }
            .shortcut-teachers,     span.shortcut-teachers  { background-position: 0 -1820px; }
            .shortcut-parents,      span.shortcut-parents   { background-position: 0 -1890px; }
            .shortcut-board,        span.shortcut-board     { background-position: 0 -1960px; }
            .shortcut-news,         span.shortcut-news      { background-position: 0 -2030px; }
            .shortcut-notification, span.shortcut-notification { background-position: 0 -2100px; }
            .shortcut-database,     span.shortcut-database  { background-position: 0 -2170px; }
            .shortcut-todo,         span.shortcut-todo      { background-position: 0 -2240px; }
            .shortcut-schedule,     span.shortcut-schedule  { background-position: 0 -2310px; }
            .shortcut-test,         span.shortcut-test      { background-position: 0 -2380px; }
            .shortcut-cashier,      span.shortcut-cashier   { background-position: 0 -2450px; }
            .shortcut-folder,       span.shortcut-folder    { background-position: 0 -2520px; }
            .shortcut-contacts2,    span.shortcut-contacts2 { background-position: 0 -2590px; }
            .shortcut-import,       span.shortcut-import    { background-position: 0 -2660px; }
            .shortcut-export,       span.shortcut-export    { background-position: 0 -2730px; }
            .shortcut-graph,        span.shortcut-graph     { background-position: 0 -2800px; }
            .shortcut-books,        span.shortcut-books     { background-position: 0 -2870px; }

				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; }
                body.reversed a.shortcut-announcements		{ background-position: 68px -560px; }
                body.reversed a.shortcut-halal		{ background-position: 68px -630px; }
                body.reversed a.shortcut-namaz		{ background-position: 68px -700px; }
                body.reversed a.shortcut-forms		{ background-position: 68px -770px; }
                body.reversed a.shortcut-audit		{ background-position: 68px -840px; }
                body.reversed a.shortcut-duas		{ background-position: 68px -910px; }
                body.reversed a.shortcut-ramadan	{ background-position: 68px -980px; }
                body.reversed a.shortcut-agenda2	{ background-position: 68px -1050px; }
                body.reversed a.shortcut-forms2	    { background-position: 68px -1120px; }
                body.reversed a.shortcut-pending    { background-position: 68px -1190px; }
                body.reversed a.shortcut-approved   { background-position: 68px -1260px; }
                body.reversed a.shortcut-rejected   { background-position: 68px -1330px; }
                body.reversed a.shortcut-gears	    { background-position: 68px -1400px; }
                body.reversed a.shortcut-setting2   { background-position: 68px -1470px; }
                body.reversed a.shortcut-ticket	    { background-position: 68px -1540px; }
                body.reversed a.shortcut-user	    { background-position: 68px -1610px; }
                body.reversed a.shortcut-donations  { background-position: 68px -1680px; }
                body.reversed a.shortcut-students   { background-position: 68px -1750px; }
                body.reversed a.shortcut-teachers   { background-position: 68px -1820px; }
                body.reversed a.shortcut-parents    { background-position: 68px -1890px; }
                body.reversed a.shortcut-board      { background-position: 68px -1960px; }
                body.reversed a.shortcut-news       { background-position: 68px -2030px; }
                body.reversed a.shortcut-notification  { background-position: 68px -2100px; }
                body.reversed a.shortcut-database   { background-position: 68px -2170px; }
                body.reversed a.shortcut-todo       { background-position: 68px -2240px; }
                body.reversed a.shortcut-schedule   { background-position: 68px -2310px; }
                body.reversed a.shortcut-test       { background-position: 68px -2380px; }
                body.reversed a.shortcut-cashier    { background-position: 68px -2450px; }
                body.reversed a.shortcut-folder     { background-position: 68px -2520px; }
                body.reversed a.shortcut-contacts2  { background-position: 68px -2590px; }
                body.reversed a.shortcut-import     { background-position: 68px -2660px; }
                body.reversed a.shortcut-export     { background-position: 68px -2730px; }
                body.reversed a.shortcut-graph      { background-position: 68px -2800px; }
                body.reversed a.shortcut-books      { background-position: 68px -2870px; }

			#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(../../Images/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; }
                    a.shortcut-announcements:before		{ background-position: -70px -565px; }
                    a.shortcut-halal:before		{ background-position: -70px -635px; }
                    a.shortcut-namaz:before		{ background-position: -70px -705px; }
                    a.shortcut-forms:before		{ background-position: -70px -775px; }
                    a.shortcut-audit:before		{ background-position: -70px -845px; }
                    a.shortcut-duas:before		{ background-position: -70px -915px; }
                    a.shortcut-ramadan:before	{ background-position: -70px -985px; }
                    a.shortcut-agenda2:before	{ background-position: -70px -1055px; }
                    a.shortcut-forms2:before    { background-position: -70px -1125px; }
                    a.shortcut-pending:before   { background-position: -70px -1195px; }
                    a.shortcut-approved:before  { background-position: -70px -1265px; }
                    a.shortcut-rejected:before  { background-position: -70px -1335px; }
                    a.shortcut-gears:before     { background-position: -70px -1405px; }
                    a.shortcut-setting2:before  { background-position: -70px -1475px; }
                    a.shortcut-ticket:before    { background-position: -70px -1545px; }
                    a.shortcut-user:before      { background-position: -70px -1615px; }
                    a.shortcut-donations:before { background-position: -70px -1685px; }
                    a.shortcut-students:before  { background-position: -70px -1755px; }
                    a.shortcut-teachers:before  { background-position: -70px -1825px; }
                    a.shortcut-parents:before   { background-position: -70px -1895px; }
                    a.shortcut-board:before     { background-position: -70px -1965px; }
                    a.shortcut-news:before      { background-position: -70px -2035px; }
                    a.shortcut-notification:before { background-position: -70px -2105px; }
                    a.shortcut-database:before  { background-position: -70px -2175px; }
                    a.shortcut-todo:before      { background-position: -70px -2245px; }
                    a.shortcut-schedule:before  { background-position: -70px -2315px; }
                    a.shortcut-test:before      { background-position: -70px -2385px; }
                    a.shortcut-cashier:before   { background-position: -70px -2455px; }
                    a.shortcut-folder:before    { background-position: -70px -2525px; }
                    a.shortcut-contacts2:before { background-position: -70px -2595px; }
                    a.shortcut-import:before    { background-position: -70px -2665px; }
                    a.shortcut-export:before    { background-position: -70px -2735px; }
                    a.shortcut-graph:before     { background-position: -70px -2805px; }
                    a.shortcut-books:before     { background-position: -70px -2875px; }

				#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(../../Images/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(../../Images/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;
			}



#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;
	}