/**
 *
 * '||''|.                            '||
 *  ||   ||    ....  .... ...   ....   ||    ...   ... ...  ... ..
 *  ||    || .|...||  '|.  |  .|...||  ||  .|  '|.  ||'  ||  ||' ''
 *  ||    || ||        '|.|   ||       ||  ||   ||  ||    |  ||
 * .||...|'   '|...'    '|     '|...' .||.  '|..|'  ||...'  .||.
 *                                                  ||
 * --------------- By Display:inline ------------- '''' -----------
 *
 * Base stylesheet
 *
 * Content:
 * 1. Global
 * 2. Basic elements/styles
 * 3. Typography
 * 4. Utility classes
 * 5. Generic shadows
 * 6. Generic bevel/emboss/gloss styles
 * 7. Generic effects
 * 8. Columns
 * 9. Lists & tags
 * 10. List arrows, count & sort handle
 * 11. Block arrows
 * 12. Generic elements
 * 13. Icons
 * 14. Main layout elements
 * 15. Menus styles
 * 16. Custom scrollbars
 * 17. Buttons
 * 18. Loaders
 * 19. Messages
 * 20. Tabs
 * 21. Notifications
 * 22. Tooltips
 * 23. Extra stuff
 */

/**
 * Z-index hierachy guide :
 *
 * Main elements
 * -------------
 * 1 : shortcuts (tablet and desktop) & menu (desktop)
 * 2 : main content
 * 3 : title bar
 * 4 : Menu opener
 * 5 : Shortcuts opener
 * 99 : shortcuts (mobile) & menu (mobile and tablet)
 *
 * Other styles
 * -------------
 * 88, 89 or 90 : Positioned elements at normal level
 * 98 or 99 : Positioned for menus, drop-down menus
 * 100 : Elements over drop-down menus
 * 1000 : Dragged elements
 * 999000 : scrollbars
 * 999100 : tooltips
 * 999200 : open selects
 * 999300 : modal windows
 * 999400 : notifications
 * 999500 : tooltips over modals and notifications
 * 999600 : open selects over modals and notifications
 */

/********************************************************/
/*                       1. Global                      */
/********************************************************/
@font-face {
	font-family: 'iranyekanwebregularfanum';
	src: url(../font/1/iranyekanwebregularfanum.eot);
	src: url(../font/1/iranyekanwebregularfanum.eot?#iefix) format('embedded-opentype'),
	url(../font/1/iranyekanwebregularfanum.woff) format('woff'),
	url(../font/1/iranyekanwebregularfanum.ttf) format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: 'iranyekanlight';
	src: url(../font/iranyekanweblight.eot);
	src: url(../font/iranyekanweblight.eot?#iefix) format('embedded-opentype'),
	url(../font/iranyekanweblight.woff) format('woff'),
	url(../font/iranyekanweblight.ttf) format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: 'robotobold';
	src: url(../font/robotobold.eot);
	src: url(../font/robotobold.eot?#iefix) format('embedded-opentype'),
	url(../font/robotobold.woff) format('woff'),
	url(../font/robotobold.ttf) format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: 'robotolight';
	src: url(../font/robotolight.eot);
	src: url(../font/robotolight.eot?#iefix) format('embedded-opentype'),
	url(../font/robotolight.woff) format('woff'),
	url(../font/robotolight.ttf) format('truetype');
	font-weight: normal;
}


@font-face {
	font-family: 'icomoon';
	src:  url('../font/icomoon.eot?hzripu');
	src:  url('../font/icomoon.eot?hzripu#iefix') format('embedded-opentype'),
	url('../font/icomoon.ttf?hzripu') format('truetype'),
	url('../font/icomoon.woff?hzripu') format('woff'),
	url('../font/icomoon.svg?hzripu#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	tap-highlight-color: rgba(0, 0, 0, 0);
	background: white;
}

body,button,input,textarea {
	font-family: iranyekanlight, tahoma;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
}

.yekan {
	font-family: iranyekanlight;
}

.container-fluid{
	font-size: 18px;
}

/********************************************************/
/*               2. Basic elements/styles               */
/********************************************************/
p,ul,ol,dl {
	margin-bottom: 16px;
}

ul.no-bullets,ul.unstyled-list {
	list-style-type: none;
	margin-right: 0;
}

ul.unstyled-list {
	margin-bottom: 0;
}

p:last-child,ul:last-child,ol:last-child,dl:last-child,fieldset:last-child,.fieldset:last-child
	{
	margin-bottom: 0;
}
/* IE7 */
p.last-child,ul.last-child,ol.last-child {
	margin-bottom: 0;
}

ol>li {
	margin-top: 10px;
}

ol>li:first-child {
	margin-top: 0;
}

a {
	text-decoration: none;
}

a:hover {
	color: #0099ff;
}

small,.small {
	font-size: 11px;
	line-height: 13px;
	color: #999999;
}

small.input-info,.small.input-info {
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}

.strong {
	font-weight: bold;
}

iframe {
	display: block;
}

.js noscript {
	display: none;
}

/********************************************************/
/*                    3. Typography                     */
/********************************************************/
h1,h2 {
	padding: 0;
	-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);
}

h1 {
	font-size: 30px;
	line-height: 36px;
	margin-bottom: 26px;
}

h2 {
	font-size: 24px;
	line-height: 28px;
	margin: 32px 0 22px;
}

h3 {
	font-size: 21px;
	line-height: 25px;
	margin: 30px 0 20px;
}

h4 {
	font-size: 16px;
	line-height: 19px;
	margin: 25px 0 15px;
}

h5 {
	margin: 20px 0 10px;
}

h6 {
	font-size: 11px;
	text-transform: uppercase;
}

h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child
	{
	margin-top: 0;
}

.thin,.thin h1,.thin h2,.thin h3,.thin h4,.thin h5,.thin h6 {
	font-weight: 300;
}

.underline {
	padding-bottom: 0.15em;
	border-bottom: 1px solid;
}

/* Text styles */
.big-text {
	font-size: 18px;
	line-height: 24px;
}

.intro {
	font-style: italic;
	color: #afafaf;
}

/* Box styling */
.right-border {
	border-right: 2px solid;
	padding-right: 10px;
}

.left-border {
	border-left: 2px solid;
	padding-left: 10px;
	text-align: left;
}

.wrapped {
	display: block;
	border-width: 1px;
	border-style: solid;
	padding: 10px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

.boxed {
	display: block;
	padding: 16px;
}

.ltr {
	direction: ltr;
}

.d-block {
	display: block;
}

/********************************************************/
/*                  4. Utility classes                  */
/********************************************************/

/* Align */
.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.align-left {
	text-align: left;
}

/* Floating elements */
.float-right {
	float: right;
}

.float-left {
	float: left;
}

.clear-right {
	clear: right;
}

.clear-left {
	clear: left;
}

.clear-both {
	clear: both;
}

/* Padding */
.with-padding {
	padding: 20px !important;
}

.with-mid-padding {
	padding: 10px !important;
}

.with-small-padding {
	padding: 5px !important;
}

.no-padding {
	padding: 0 !important;
}

/* Margins */
.large-margin-top {
	margin-top: 30px !important;
}

.margin-top {
	margin-top: 16px !important;
}

.mid-margin-top {
	margin-top: 8px !important;
}

.small-margin-top {
	margin-top: 4px !important;
}

.no-margin-top {
	margin-top: 0 !important;
}

.large-margin-right {
	margin-right: 30px !important;
}

.margin-right {
	margin-right: 16px !important;
}

.mid-margin-right {
	margin-right: 8px !important;
}

.small-margin-right {
	margin-right: 4px !important;
}

.no-margin-right {
	margin-right: 0 !important;
}

.large-margin-left {
	margin-left: 30px !important;
}

.margin-left {
	margin-left: 16px !important;
}

.mid-margin-left {
	margin-left: 8px !important;
}

.small-margin-left {
	margin-left: 4px !important;
}

.no-margin-left {
	margin-left: 0 !important;
}

.large-margin-bottom {
	margin-bottom: 30px !important;
}

.margin-bottom {
	margin-bottom: 16px !important;
}

.mid-margin-bottom {
	margin-bottom: 8px !important;
}

.small-margin-bottom {
	margin-bottom: 4px !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

/* Absolute positioning */
.relative {
	position: relative;
}

.absolute-right,.absolute-left {
	position: absolute;
	top: 50%;
	margin-top: -8px;
}

.absolute-left {
	left: 0;
}

.absolute-right {
	right: 0;
}

/* This class disables mouse events on compatible browsers, a polyfill is provded in setup.js for others */
.no-pointer-events {
	pointer-events: none;
}

/* This class is only active if the device does not handle touch */
.no-touch .show-on-parent-hover {
	pointer-events: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity =   0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
	-webkit-transition: opacity 200ms;
	-moz-transition: opacity 200ms;
	-ms-transition: opacity 200ms;
	-o-transition: opacity 200ms;
	transition: opacity 200ms;
}

.no-touch :hover>.show-on-parent-hover {
	pointer-events: auto;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity =   100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

/* Class used to determine which media queries are on */
#mediaquery-checker {
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	right: 0;
}

/* IE7 vertically aligned images fix */
.vert-align {
	display: inline;
	width: 0;
	margin-left: -4px;
}

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

.hidden-on-tablet,.hidden-on-desktop,.only-on-mobile {
	display: block;
}

/********************************************************/
/*                  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;
	right: 0;
	left: 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;
	left: 0;
	bottom: 0;
	right: 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, right top, left 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);
}

.no-cssgradients .thin-stripes {
	background-image: url(../img/old-browsers/stripes-white-10.png);
}

.no-cssgradients .stripes {
	background-image: url(../img/old-browsers/stripes-white-20.png);
}

.no-cssgradients .big-stripes {
	background-image: url(../img/old-browsers/stripes-white-40.png);
}

.dark-thin-stripes,.dark-stripes,.dark-big-stripes {
	background-image: -webkit-gradient(linear, right top, left 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);
}

.no-cssgradients .dark-thin-stripes {
	background-image: url(../img/old-browsers/stripes-black-10.png);
}

.no-cssgradients .dark-stripes {
	background-image: url(../img/old-browsers/stripes-black-20.png);
}

.no-cssgradients .dark-big-stripes {
	background-image: url(../img/old-browsers/stripes-black-40.png);
}

/* 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:00;
	
}

to {
	background-position: -20px 0;
}

}
@
-moz-keyframes animate-thin-stripes {from { background-position:00;
	
}

to {
	background-position: -20px 0;
}

}
@
-ms-keyframes animate-thin-stripes {from { background-position:00;
	
}

to {
	background-position: -20px 0;
}

}
@
-o-keyframes animate-thin-stripes {from { background-position:00;
	
}

to {
	background-position: -20px 0;
}

}
@
-webkit-keyframes animate-stripes {from { background-position:00;
	
}

to {
	background-position: -40px 0;
}

}
@
-moz-keyframes animate-stripes {from { background-position:00;
	
}

to {
	background-position: -40px 0;
}

}
@
-ms-keyframes animate-stripes {from { background-position:00;
	
}

to {
	background-position: -40px 0;
}

}
@
-o-keyframes animate-stripes {from { background-position:00;
	
}

to {
	background-position: -40px 0;
}

}
@
-webkit-keyframes animate-big-stripes {from { background-position:00;
	
}

to {
	background-position: -80px 0;
}

}
@
-moz-keyframes animate-big-stripes {from { background-position:00;
	
}

to {
	background-position: -80px 0;
}

}
@
-ms-keyframes animate-big-stripes {from { background-position:00;
	
}

to {
	background-position: -80px 0;
}

}
@
-o-keyframes animate-big-stripes {from { background-position:00;
	
}

to {
	background-position: -80px 0;
}

}

/********************************************************/
/*                      8. Columns                      */
/********************************************************/

/* Columns */
.columns {
	margin-right: -2.25%;
}

.columns:last-child {
	margin-bottom: -20px;
}

.columns>div,.columns>form {
	float: right;
	margin: 0 2.25% 20px 0;
}

/* These styles define the columns size. They must be redefined for each responsive size */
.column,.one-column,.one-column-tablet,.one-column-mobile,.one-column-mobile-landscape,.one-column-mobile-portrait
	{
	width: 6.0833%;
}

.two-columns,.two-columns-tablet,.two-columns-mobile,.two-columns-mobile-landscape,.two-columns-mobile-portrait
	{
	width: 14.4167%;
}

.three-columns,.three-columns-tablet,.three-columns-mobile,.three-columns-mobile-landscape,.three-columns-mobile-portrait
	{
	width: 22.75%;
}

.four-columns,.four-columns-tablet,.four-columns-mobile,.four-columns-mobile-landscape,.four-columns-mobile-portrait
	{
	width: 31.0833%;
}

.five-columns,.five-columns-tablet,.five-columns-mobile,.five-columns-mobile-landscape,.five-columns-mobile-portrait
	{
	width: 39.4167%;
}

.six-columns,.six-columns-tablet,.six-columns-mobile,.six-columns-mobile-landscape,.six-columns-mobile-portrait
	{
	width: 47.75%;
}

.seven-columns,.seven-columns-tablet,.seven-columns-mobile,.seven-columns-mobile-landscape,.seven-columns-mobile-portrait
	{
	width: 56.0833%;
}

.eight-columns,.eight-columns-tablet,.eight-columns-mobile,.eight-columns-mobile-landscape,.eight-columns-mobile-portrait
	{
	width: 64.4167%;
}

.nine-columns,.nine-columns-tablet,.nine-columns-mobile,.nine-columns-mobile-landscape,.nine-columns-mobile-portrait
	{
	width: 72.72%;
}

.ten-columns,.ten-columns-tablet,.ten-columns-mobile,.ten-columns-mobile-landscape,.ten-columns-mobile-portrait
	{
	width: 81.0833%;
}

.eleven-columns,.eleven-columns-tablet,.eleven-columns-mobile,.eleven-columns-mobile-landscape,.eleven-columns-mobile-portrait
	{
	width: 89.4167%;
}

.twelve-columns,.twelve-columns-tablet,.twelve-columns-mobile,.twelve-columns-mobile-landscape,.twelve-columns-mobile-portrait
	{
	width: 97.75%;
}

/* Line breaks to ensure correct float */
.new-row,.new-row-mobile,.new-row-mobile-portrait {
	clear: right;
}

/* Fixed columns */
.right-column-200px .right-column,.left-column-200px .left-column {
	margin-bottom: 20px;
}

/* Content panels */
.content-panel,.content-panel.mobile-panels {
	border: 1px solid #cccccc;
	position: relative;
	overflow: hidden;
	padding-right: 0;
	zoom: 1;
}

.panel-navigation,.mobile-panels>.panel-navigation {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	width: auto;
	border-left: 0;
	overflow: auto;
}

.panel-content {
	-webkit-box-shadow: inset 0 2px 9px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: inset 0 2px 9px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 2px 9px rgba(0, 0, 0, 0.2);
	overflow: auto;
}

.panel-content.linen,.panel-content.carbon {
	-webkit-box-shadow: inset 0 2px 9px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0 2px 9px rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 2px 9px rgba(0, 0, 0, 0.75);
}

/* Bar for controls */
.panel-control {
	display: block;
	padding: 5px;
	height: 30px;
	line-height: 30px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	-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);
}

.linen>.panel-control,.carbon>.panel-control {
	-webkit-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
	box-shadow: 0 2px 9px rgba(0, 0, 0, 0.75);
}

/* Styles when js is enabled */
.enabled-panels>.panel-navigation,.mobile-panels.enabled-panels>.panel-navigation
	{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	-webkit-transition: right 200ms, left 200ms;
	-moz-transition: right 200ms, left 200ms;
	-ms-transition: right 200ms, left 200ms;
	-o-transition: right 200ms, left 200ms;
	transition: right 200ms, left 200ms;
}

.enabled-panels.show-panel-content>.panel-navigation,.mobile-panels.enabled-panels.show-panel-content>.panel-navigation
	{
	right: -100%;
	left: 100%;
}

.enabled-panels>.panel-content,.mobile-panels.enabled-panels>.panel-content
	{
	width: 100%;
	margin-right: 100%;
	-webkit-transition: margin-right 200ms;
	-moz-transition: margin-right 200ms;
	-ms-transition: margin-right 200ms;
	-o-transition: margin-right 200ms;
	transition: margin-right 200ms;
}

.enabled-panels.show-panel-content>.panel-content,.mobile-panels.enabled-panels.show-panel-content>.panel-content
	{
	margin-right: 0;
}

.mobile-panels>.panel-content>.back {
	display: block;
}

/********************************************************/
/*                    9. Lists & tags                   */
/********************************************************/

/* Bullet list */
.bullet-list {
	margin-right: 0;
	list-style-type: none;
}

.bullet-list>li {
	padding-top: 10px;
	padding-right: 16px;
}

.bullet-list>li:first-child {
	padding-top: 0;
}

.bullet-list>li:before {
	display: block;
	float: right;
	width: 16px;
	margin: 1px -16px 0 0;
	font-weight: normal;
	font-style: normal;
	font-family: 'EntypoRegular';
	content: '\f010';
	font-size: 25px;
	color: #cccccc;
}
/* IE7 */
.bullet-list-before {
	display: block;
	float: right;
	width: 16px;
	margin: 1px -16px 0 0;
	font-weight: normal;
	font-style: normal;
	font-family: 'EntypoRegular';
	font-size: 25px;
	color: #cccccc;
}

/* Definition lists */
.definition>dt {
	font-weight: bold;
	color: black;
	margin-bottom: 4px;
}

.definition>dd {
	font-style: italic;
	margin-bottom: 10px;
	padding-right: 16px;
}

/* Generic list style */
.list {
	list-style-type: none;
	margin-right: 0;
}

.list>li,.list-link {
	padding: 4px 0;
	color: #808080;
	min-height: 16px;
	line-height: 16px;
}

.list.spaced>li,.list.spaced>li>.list-link {
	padding: 12px 0;
}

.list>li {
	border-top: 1px dotted #cccccc;
	position: relative;
}

.list>li:first-child {
	border-top: 0;
}

.list-link {
	display: block;
	margin: -4px 0;
}

.list.spaced>li>.list-link {
	margin: -12px 0;
}

.list>li>strong,.list-link>strong {
	color: black;
}

/* jQuery UI classes for sorting interaction */
.list>li.ui-state-highlight {
	background: url(../../img/textures/grid.png);
}

.list>li.ui-sortable-helper {
	background: white;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity =   75);
	-khtml-opacity: 0.75;
	-moz-opacity: 0.75;
	opacity: 0.75;
	-webkit-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 2px 7px rgba(0, 0, 0, 0.25);
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.25);
	border-top: 1px dotted #cccccc;
	border-bottom: 1px dotted #cccccc;
}

/* Blocks list */
.blocks-list {
	margin-right: -5px;
	list-style-type: none;
}

.blocks-list>li {
	float: right;
	margin: 0 5px 5px 0;
	padding: 3px 6px;
	border-width: 1px;
	border-style: solid;
	-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);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.blocks-list>li>[class^="icon-"]:before,.blocks-list>li>[class*=" icon-"]
	{
	border: 1px solid transparent;
}

/* Fixed sizes */
.fixed-size-50>li {
	width: 36px;
}

.fixed-size-100 {
	margin-right: -7px;
}

.fixed-size-100>li {
	width: 86px;
	margin: 0 7px 7px 0;
}

.fixed-size-150,.fixed-size-200,.fixed-size-250 {
	margin-right: -10px;
}

.fixed-size-150>li {
	width: 136px;
	margin: 0 10px 10px 0;
}

.fixed-size-200>li {
	width: 186px;
	margin: 0 10px 10px 0;
}

.fixed-size-250>li {
	width: 236px;
	margin: 0 10px 10px 0;
}

/* Square sizes */
.square-26>li {
	text-align: center;
	padding: 4px;
	width: 16px;
	height: 16px;
	line-height: 16px;
}

.square-46 {
	margin-right: -7px;
}

.square-46>li {
	text-align: center;
	padding: 6px;
	width: 32px;
	height: 32px;
	line-height: 32px;
	margin: 0 7px 7px 0;
}

.square-66,.square-90,.square-134 {
	margin-right: -10px;
}

.square-66>li {
	text-align: center;
	padding: 8px;
	width: 48px;
	height: 48px;
	line-height: 48px;
	margin: 0 10px 10px 0;
}

.square-90>li {
	text-align: center;
	padding: 12px;
	width: 64px;
	height: 64px;
	line-height: 64px;
	margin: 0 10px 10px 0;
}

.square-134>li {
	text-align: center;
	padding: 18px;
	width: 96px;
	height: 96px;
	line-height: 96px;
	margin: 0 10px 10px 0;
}

/* Version history */
.version-history {
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}

.version-history>li {
	margin: 0 0 7px 0;
	padding: 0 62px 0 0;
	zoom: 1;
}

.version-new,.version-fixed,.version-upgraded {
	float: right;
	font-size: 10px;
	margin-right: -62px;
	width: 55px;
	color: white;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.version-new {
	background: #7dc35b;
}

.version-fixed {
	background: #e9a130;
}

.version-upgraded {
	background: #61b3de;
}

/* Tags */
.tag {
	padding: 0 4px 2px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.ie9 .tag {
	padding: 1px 4px;
}

small.tag {
	font-size: 10px;
	line-height: 14px;
	text-transform: uppercase;
	padding: 0 2px;
	vertical-align: 1px;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

/********************************************************/
/*         10. List arrows, count & sort handle         */
/********************************************************/

/* Arrows */
.with-right-arrow,.with-left-arrow,.tabs>li>a {
	position: relative;
}

.with-right-arrow:after,.with-left-arrow:after,.tabs>li>a:after {
	display: block;
	content: '';
	width: 15px;
	height: 20px;
	position: absolute;
	top: 50%;
	margin: -11px 0 0 0;
	padding: 0;
	border: 0;
}
/* IE7 */
.with-arrow-after {
	display: block;
	width: 15px !important;
	height: 20px !important;
	position: absolute !important;
	top: 50%;
	margin: -11px 0 0 0 !important;
	padding: 0 !important;
	border: 0 !important;
}

.with-right-arrow:after {
	right: 7px;
	background: url(../img/standard/sprites.png) no-repeat -224px 0;
}
/* IE7 */
.with-right-arrow>.with-arrow-after {
	right: 7px;
	background: url(../img/standard/sprites.png) no-repeat -224px 0;
}

.with-left-arrow:after,.tabs>li>a:after {
	left: 7px;
	background: url(../img/standard/sprites.png) no-repeat -209px 0;
}
/* IE7 */
.with-left-arrow>.with-arrow-after,.tabs>li>a>.with-arrow-after {
	left: 7px;
	background: url(../img/standard/sprites.png) no-repeat -209px 0;
}

/* Variations */
.with-right-arrow.grey-arrow:after {
	background-position: -224px -20px;
}

.with-right-arrow.black-arrow:after {
	background-position: -224px -40px;
}

.with-left-arrow.grey-arrow:after,.tabs>li>a:after {
	background-position: -209px -20px;
}

.with-left-arrow.black-arrow:after {
	background-position: -209px -40px;
}
/* IE7 */
.with-right-arrow.grey-arrow>.with-arrow-after {
	background-position: -224px -20px;
}

.with-right-arrow.black-arrow>.with-arrow-after {
	background-position: -224px -40px;
}

.with-left-arrow.grey-arrow>.with-arrow-after,.tabs>li>a>.with-arrow-after
	{
	background-position: -209px -20px;
}

.with-left-arrow.black-arrow>.with-arrow-after {
	background-position: -209px -40px;
}

/* Arrow up */
.arrow-up:after {
	background-position: -239px 0;
	width: 20px;
	height: 15px;
	margin: -8px -2px 0 -2px;
}

.arrow-up.grey-arrow:after {
	background-position: -239px -15px;
}

.arrow-up.black-arrow:after {
	background-position: -239px -30px;
}
/* IE7 */
.arrow-up>.with-arrow-after {
	background-position: -239px 0;
	width: 20px !important;
	height: 15px !important;
	margin: -8px -2px 0 -2px !important;
}

.arrow-up.grey-arrow>.with-arrow-after {
	background-position: -239px -15px;
}

.arrow-up.black-arrow>.with-arrow-after {
	background-position: -239px -30px;
}

/* Arrow down */
.arrow-down:after {
	background-position: -259px 0;
	width: 20px;
	height: 15px;
	margin: -8px -2px 0 -2px;
}

.arrow-down.grey-arrow:after {
	background-position: -259px -15px;
}

.arrow-down.black-arrow:after {
	background-position: -259px -30px;
}
/* IE7 */
.arrow-down>.with-arrow-after {
	background-position: -259px 0;
	width: 20px !important;
	height: 15px !important;
	margin: -8px -2px 0 -2px !important;
}

.arrow-down.grey-arrow>.with-arrow-after {
	background-position: -259px -15px;
}

.arrow-down.black-arrow>.with-arrow-after {
	background-position: -259px -30px;
}

/* Count */
.list-count {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	font-size: 13px;
	line-height: 16px;
	height: 16px;
	padding: 1px 6px;
	margin: -9px 0;
	min-width: 11px;
	text-align: center;
	background: url(../img/old-browsers/grey20.png);
	background: rgba(128, 128, 128, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0
		rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0
		rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.5), 0 1px 0
		rgba(255, 255, 255, 0.5);
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}

.with-left-arrow>.list-count,.with-left-arrow>a>.list-count,.with-left-arrow>span>.list-count,.tabs>li>.list-count,.tabs>li>a>.list-count,.tabs>li>span>.list-count
	{
	left: 30px;
}

.no-boxshadow .list-count {
	padding: 0 6px;
	border: 1px solid white;
}

/* Sort handle */
.list-sort {
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	width: 11px;
	height: 8px;
	background: url(../img/standard/sprites.png) no-repeat -154px 0;
	cursor: move;
}

/********************************************************/
/*                   11. Block arrows                   */
/********************************************************/
.block-arrow {
	display: block;
	width: 0;
	height: 0;
	padding: 0;
	position: absolute;
	top: 100%;
	right: 50%;
	margin: 1px -6px 0 0;
	border: 6px solid transparent;
	border-top-color: inherit; //
	border-top-color: expression(this.parentNode.currentStyle [   'border-top-color' ]);
}

.block-arrow>span {
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	margin: -7px -6px -5px -6px;
	border: 6px solid transparent;
	border-top-color: #e4e7eb;
}

.silver-gradient>.block-arrow>span {
	border-top-color: #d6dadf;
}

.translucid>.block-arrow>span,.notification>.block-arrow>span,.black-gradient>.block-arrow>span
	{
	border-top-color: #000000;
}

.anthracite-gradient>.block-arrow>span {
	border-top-color: #404040;
}

.grey-gradient>.block-arrow>span {
	border-top-color: #939393;
}

.red-gradient>.block-arrow>span {
	border-top-color: #d52607;
}

.orange-gradient>.block-arrow>span {
	border-top-color: #ff9e00;
}

.green-gradient>.block-arrow>span {
	border-top-color: #87ba17;
}

.blue-gradient>.block-arrow>span {
	border-top-color: #00438d;
}

.block-arrow.top {
	top: auto;
	right: 50%;
	bottom: 100%;
	margin: 0 -6px 1px 0;
	border-top-color: transparent;
	border-bottom-color: inherit; //
	border-bottom-color: expression(this.parentNode.currentStyle [   'border-bottom-color' ]);
}

.block-arrow.top>span {
	margin: -5px -6px -7px -6px;
	border-top-color: transparent;
	border-bottom-color: #f7f7fa;
}

.silver-gradient>.block-arrow.top>span {
	border-bottom-color: #efeff4;
}

.translucid>.block-arrow.top>span,.notification>.block-arrow.top>span,.black-gradient>.block-arrow.top>span
	{
	border-bottom-color: #333333;
}

.anthracite-gradient>.block-arrow.top>span {
	border-bottom-color: #565656;
}

.grey-gradient>.block-arrow.top>span {
	border-bottom-color: #b3b3b3;
}

.red-gradient>.block-arrow.top>span {
	border-bottom-color: #e24913;
}

.orange-gradient>.block-arrow.top>span {
	border-bottom-color: #ffb900;
}

.green-gradient>.block-arrow.top>span {
	border-bottom-color: #a7cf34;
}

.blue-gradient>.block-arrow.top>span {
	border-bottom-color: #006aac;
}

.block-arrow.left {
	top: 50%;
	right: 100%;
	margin: -6px 1px 0 0;
	border-top-color: transparent;
	border-right-color: inherit; //
	border-right-color: expression(this.parentNode.currentStyle [   'border-right-color' ]);
}

.block-arrow.left>span {
	margin: -6px -7px -6px -5px;
	border-top-color: transparent;
	border-right-color: #eeeff2;
}

.silver-gradient>.block-arrow.left>span {
	border-right-color: #e3e4ea;
}

.translucid>.block-arrow.left>span,.notification>.block-arrow.left>span,.black-gradient>.block-arrow.left>span
	{
	border-right-color: #1a1a1a;
}

.anthracite-gradient>.block-arrow.left>span {
	border-right-color: #4b4b4b;
}

.grey-gradient>.block-arrow.left>span {
	border-right-color: #a3a3a3;
}

.red-gradient>.block-arrow.left>span {
	border-right-color: #db370c;
}

.orange-gradient>.block-arrow.left>span {
	border-right-color: #ffac00;
}

.green-gradient>.block-arrow.left>span {
	border-right-color: #97c526;
}

.blue-gradient>.block-arrow.left>span {
	border-right-color: #00569c;
}

.block-arrow.right {
	top: 50%;
	right: auto;
	left: 100%;
	margin: -6px 0 0 1px;
	border-top-color: transparent;
	border-left-color: inherit; //
	border-left-color: expression(this.parentNode.currentStyle [   'border-left-color' ]);
}

.block-arrow.right>span {
	margin: -6px -5px -6px -7px;
	border-top-color: transparent;
	border-left-color: #eeeff2;
}

.silver-gradient>.block-arrow.right>span {
	border-left-color: #e3e4ea;
}

.translucid>.block-arrow.right>span,.notification>.block-arrow.right>span,.black-gradient>.block-arrow.right>span
	{
	border-left-color: #1a1a1a;
}

.anthracite-gradient>.block-arrow.right>span {
	border-left-color: #4b4b4b;
}

.grey-gradient>.block-arrow.right>span {
	border-left-color: #a3a3a3;
}

.red-gradient>.block-arrow.right>span {
	border-left-color: #db370c;
}

.orange-gradient>.block-arrow.right>span {
	border-left-color: #ffac00;
}

.green-gradient>.block-arrow.right>span {
	border-left-color: #97c526;
}

.blue-gradient>.block-arrow.right>span {
	border-left-color: #00569c;
}

/********************************************************/
/*                 12. Generic elements                 */
/********************************************************/

/* Count & close */
.count,.close {
	position: absolute;
	z-index: 88;
	top: 0;
	padding: 0 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	font-weight: bold;
	height: 16px;
	min-width: 12px;
	text-align: center;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 3px
		rgba(0, 0, 0, 0.75);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 3px
		rgba(0, 0, 0, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 3px
		rgba(0, 0, 0, 0.75);
	-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);
}

.count.simpler,.close.simpler {
	border-color: #808080;
	background: #808080;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}

.count {
	left: 6%;
	margin: -10px 0 0 0;
}

.close {
	cursor: pointer;
}

.count.left,.count.inset,.close {
	left: 0;
	margin: -10px 0 0 -10px;
}

.count.right,.close.right {
	left: auto;
	right: 0;
	margin: -10px -10px 0 0;
}

.count.inset,.close.inset {
	margin: 4px 0 0 4px;
}

.count.right.inset,.close.right.inset {
	margin: 4px 4px 0 0;
}

#access>li>.count,#access>li>a>.count {
	left: 50%;
	margin: 10px 0 0 -25px;
}

#access>li>a>.count {
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

#access>li>a:hover>.count {
	margin-top: 6px;
}

/* Blocks */
.block,details.details {
	border: 1px solid #bfbfbf;
	position: relative;
	background-color: white;
	color: #666666;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

.block-title,details.details>summary {
	display: block;
	position: relative;
	padding: 18px 19px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: pointer;
	-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);
	-webkit-text-shadow: 0 1px 0 white;
	-moz-text-shadow: 0 1px 0 white;
	text-shadow: 0 1px 0 white;
}

.block-title {
	-webkit-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-topleft: 8px;
	border-top-right-radius: 8px;
	border-top-left-radius: 8px;
}

details.details>summary {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

details.details.open>summary,html.details details.details[open]>summary
	{
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

details.details>summary:before {
	content: '►';
	padding-left: 5px;
}

html.details details.details>summary:before {
	display: none;
}

details.details.open>summary:before {
	content: '▼';
}

h3.block-title {
	padding: 15px 19px;
	margin: 0;
}

.block-title>h3,details.details>summary>h3 {
	padding: 0;
	margin: -3px 0;
}

.block-title>.absolute-left {
	left: 17px;
}

/* Accordions */
.accordion {
	border: 1px solid #bfbfbf;
	position: relative;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.accordion>dt {
	display: block;
	position: relative;
	padding: 10px 11px;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	cursor: pointer;
	-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);
}

.accordion>dt:first-child {
	border-top-width: 0;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}

.accordion>dt.closed {
	margin-bottom: -1px;
}

.accordion>dt.closed:last-of-type {
	border-bottom-width: 0;
	margin-bottom: 0;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* Ribbon, from Chris Coyer CSS Tricks : http://css-tricks.com/snippets/css/corner-ribbon */
.ribbon {
	display: block;
	width: 85px;
	height: 88px;
	overflow: hidden;
	position: absolute;
	z-index: 88;
	top: -5px;
	left: -5px;
}

.no-csstransforms .ribbon {
	width: 70px;
	height: 46px;
}

.ribbon.tiny {
	width: 43px;
	height: 44px;
	top: -4px;
	left: -4px;
}

.no-csstransforms .ribbon.tiny {
	width: 40px;
	height: 23px;
}

.ribbon-inner {
	display: block;
	font-weight: bold;
	font-size: 15px;
	line-height: 15px;
	text-align: center;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	position: relative;
	padding: 7px 0;
	right: -7px;
	top: 17px;
	width: 120px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;
	-moz-text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;
	text-shadow: rgba(0, 0, 0, 0.25) 0 1px 1px;
}

.no-csstransforms .ribbon-inner {
	right: -25px;
}

.tiny>.ribbon-inner {
	font-size: 10px;
	line-height: 10px;
	padding: 3px 0;
	right: -2px;
	top: 7px;
	width: 60px;
}

.no-csstransforms .tiny>.ribbon-inner {
	right: -9px;
}

.ribbon-inner:before,.ribbon-inner:after {
	content: '';
	border-right: 3px solid transparent;
	border-left: 3px solid transparent;
	border-top: 3px solid;
	border-top-color: inherit;
	position: absolute;
	bottom: -3px;
}

.tiny>.ribbon-inner:before,.tiny>.ribbon-inner:after {
	border-right-width: 2px;
	border-left-width: 2px;
	border-top-width: 2px;
	bottom: -2px;
}

.ribbon-inner:before {
	right: 1px;
}

.ribbon-inner:after {
	left: 1px;
}

/* Meter bars */
.meter {
	display: inline-block;
	height: 11px;
	line-height: 11px;
	width: 4px;
	margin-right: -2px;
	*margin-right: 2px;
	*vertical-align: middle;
	background: #999999 url(../img/old-browsers/style/bg_meter.png) repeat-x;
	-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, right bottom, from(#808080),
		to(#999999));
	background: -webkit-linear-gradient(top, #808080, #999999);
	background: -moz-linear-gradient(top, #808080, #999999);
	background: -ms-linear-gradient(top, #808080, #999999);
	background: -o-linear-gradient(top, #808080, #999999);
	background: linear-gradient(top, #808080, #999999);
	-webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.75), 0 1px 0
		rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.75), 0 1px 0
		rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.75), 0 1px 0
		rgba(255, 255, 255, 0.25);
}

/* Information spot */
.info-spot {
	display: inline-block;
	width: 16px;
	height: 16px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	vertical-align: middle;
	*vertical-align: baseline;
	position: relative;
	margin: -1px 0 1px;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
	cursor: help;
}

.info-spot>[class^="icon-"],.info-spot>[class*=" icon-"] {
	position: absolute;
	font-size: 17px;
	top: 0;
	right: 1px;
}

.info-spot:hover>[class^="icon-"],.info-spot:hover>[class*=" icon-"] {
	color: white;
	z-index: 99;
}

.info-bubble {
	display: none;
	position: absolute;
	z-index: 98;
	top: -5px;
	right: 15px;
	min-width: 100px;
	padding: 8px 11px;
	background: #4c4c4c;
	color: white;
	text-align: right;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius: 5px 0 5px 5px;
	border-radius: 5px 0 5px 5px;
}

.info-spot:hover>.info-bubble {
	display: block;
}

.info-bubble:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	height: 26px;
	width: 21px;
	background-color: inherit;
	-webkit-border-top-right-radius: 13px;
	-webkit-border-bottom-right-radius: 13px;
	-moz-border-radius: 0 13px 13px 0;
	border-radius: 0 13px 13px 0;
}
/* IE7 */
.info-bubble-before {
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	height: 26px;
	width: 21px; //
	background-color: expression(this.parentNode.currentStyle [   'background-color' ]);
}

/* Flipped */
.on-top>.info-bubble {
	top: auto;
	bottom: -5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius: 5px 5px 0 5px;
	border-radius: 5px 5px 0 5px;
}

.on-top>.info-bubble:before {
	top: auto;
	bottom: 0;
}
/* IE7 */
.on-top>.info-bubble>.info-bubble-before {
	top: auto;
	bottom: 0;
}

.on-right>.info-bubble {
	right: auto;
	left: 15px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
}

.on-right>.info-bubble:before {
	left: auto;
	right: 100%;
	-webkit-border-radius: 0;
	-webkit-border-top-left-radius: 13px;
	-webkit-border-bottom-left-radius: 13px;
	-moz-border-radius: 13px 0 0 13px;
	border-radius: 13px 0 0 13px;
}
/* IE7 */
.on-right>.info-bubble>.info-bubble-before {
	left: auto;
	right: 100%;
}

.on-top.on-right>.info-bubble {
	right: auto;
	left: 15px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 5px 5px 5px 0;
	border-radius: 5px 5px 5px 0;
}
/* IE7 */
.on-top.on-right>.info-bubble>.info-bubble-before {
	right: auto;
	left: 15px;
}

/* Touch screen do not handle hover correctly, the text is shown on an modal */
.js.touch .info-spot:hover>[class^="icon-"],.js.touch .info-spot:hover>[class*=" icon-"]
	{
	color: inherit;
}

.js.touch .info-spot:hover>.info-bubble {
	display: none;
}

/********************************************************/
/*                       13. Icons                      */
/********************************************************/
@font-face {
	font-family: 'EntypoRegular';
	src: url('Entypo/entypo-webfont.eot');
	src: url('Entypo/entypo-webfont.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-family: 'EntypoRegular';
	font-size: 2em;
	line-height: 1em;
	margin: -0.5em -0.077em -0.5em 0.115em;
}

.button.icon:before,.button>.icon:before,.button-icon.icon:before,.button-icon>.icon:before
	{
	font-size: 2.3em;
	margin-top: -0.65em;
	margin-bottom: -0.65em;
}

/* Sizes */
.icon-size2:before {
	font-size: 3.5em;
	margin-top: -1.25em;
	margin-bottom: -1.25em;
	vertical-align: middle;
}

.icon-size3:before {
	font-size: 4.5em;
	margin-top: -1.75em;
	margin-bottom: -1.75em;
	vertical-align: middle;
}

.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 and 10 go crazy with relative font-sizes */
:root .icon-size2:before,:root .icon-size3:before,:root .icon-size4:before,:root .icon-size5:before
	{
	font-size: 0.25em \0/IE9;
	/* Ugly hack, but this is the only solution to target IE10 */
}

/* 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.077em -0.5em 0.115em;
	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: middle;
}

.icon-size3>.font-icon {
	font-size: 4.5em;
	margin-top: -1.75em;
	margin-bottom: -1.75em;
	vertical-align: middle;
}

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

.right-icon {
	padding-right: 20px;
	position: relative;
	min-height: 16px;
}

.wrapped.right-icon {
	padding-right: 30px;
}

.boxed.right-icon {
	padding-right: 36px;
}

.big-right-icon {
	padding-right: 38px;
	position: relative;
	min-height: 32px;
}

.wrapped.big-right-icon {
	padding-right: 48px;
}

.boxed.big-right-icon {
	padding-right: 54px;
}

.huge-right-icon {
	padding-right: 68px;
	position: relative;
	min-height: 64px;
}

.wrapped.huge-right-icon {
	padding-right: 78px;
}

.boxed.huge-right-icon {
	padding-right: 84px;
}

.right-icon:before,.big-right-icon:before,.huge-right-icon:before {
	position: absolute;
	display: block;
	margin: 0;
}

.right-icon:before {
	top: 0;
	right: -1px;
	font-size: 30px;
	line-height: 18px;
}

.wrapped.right-icon:before {
	top: 10px;
	right: 9px;
}

.boxed.right-icon:before {
	top: 16px;
	right: 15px;
}

.big-right-icon:before {
	top: -1px;
	right: -2px;
	font-size: 60px;
	line-height: 36px;
}

.wrapped.big-right-icon:before {
	top: 9px;
	right: 8px;
}

.boxed.big-right-icon:before {
	top: 15px;
	right: 14px;
}

.huge-right-icon:before {
	top: -3px;
	right: -5px;
	font-size: 120px;
	line-height: 72px;
}

.wrapped.huge-right-icon:before {
	top: 7px;
	right: 5px;
}

.boxed.huge-right-icon:before {
	top: 13px;
	right: 11px;
}

.icon-plus:before {
	content: '\f016';
}

.icon-minus:before {
	content: '\f019';
}

.icon-info:before {
	content: '\f01e';
}

.icon-left-thin:before {
	content: '\f08d';
}

.icon-up-thin:before {
	content: '\f08f';
}

.icon-right-thin:before {
	content: '\f08e';
}

.icon-down-thin:before {
	content: '\f08c';
}

.icon-level-up:before {
	content: '\f094';
}

.icon-level-down:before {
	content: '\f093';
}

.icon-switch:before {
	content: '\f097';
}

.icon-infinity:before {
	content: '\f0c3';
}

.icon-squared-plus:before {
	content: '\f018';
}

.icon-squared-minus:before {
	content: '\f01b';
}

.icon-home:before {
	content: '\f022';
}

.icon-keyboard:before {
	content: '\f03b';
}

.icon-erase:before {
	content: '\f0c4';
}

.icon-pause:before {
	content: '\f09a';
}

.icon-forward:before {
	content: '\f09e';
}

.icon-backward:before {
	content: '\f09f';
}

.icon-next:before {
	content: '\f09c';
}

.icon-previous:before {
	content: '\f09d';
}

.icon-hourglass:before {
	content: '\f064';
}

.icon-stop:before {
	content: '\f099';
}

.icon-triangle-up:before {
	content: '\f087';
}

.icon-play:before {
	content: '\f098';
}

.icon-triangle-right:before {
	content: '\f086';
}

.icon-triangle-down:before {
	content: '\f084';
}

.icon-triangle-left:before {
	content: '\f085';
}

.icon-adjust:before {
	content: '\f068';
}

.icon-cloud:before {
	content: '\f0b3';
}

.icon-star:before {
	content: '\f008';
}

.icon-star-empty:before {
	content: '\f009';
}

.icon-cup:before {
	content: '\f047';
}

.icon-list:before {
	content: '\f011';
}

.icon-moon:before {
	content: '\f0b6';
}

.icon-heart-empty:before {
	content: '\f007';
}

.icon-heart:before {
	content: '\f006';
}

.icon-music-note:before {
	content: '\f000';
}

.icon-beamed-note:before {
	content: '\f001';
}

.icon-thumbs:before {
	content: '\f010';
}

.icon-flag:before {
	content: '\f02b';
}

.icon-tools:before {
	content: '\f057';
}

.icon-gear:before {
	content: '\f056';
}

.icon-warning:before {
	content: '\f03f';
}

.icon-lightning:before {
	content: '\f0b5';
}

.icon-record:before {
	content: '\f09b';
}

.icon-thunder-cloud:before {
	content: '\f0b4';
}

.icon-voicemail:before {
	content: '\f0c9';
}

.icon-plane:before {
	content: '\f0b7';
}

.icon-mail:before {
	content: '\f005';
}

.icon-pencil:before {
	content: '\f037';
}

.icon-feather:before {
	content: '\f038';
}

.icon-tick:before {
	content: '\f012';
}

.icon-cross:before {
	content: '\f013';
}

.icon-cross-round:before {
	content: '\f014';
}

.icon-squared-cross:before {
	content: '\f015';
}

.icon-question:before {
	content: '\f01c';
}

.icon-quote:before {
	content: '\f034';
}

.icon-plus-round:before {
	content: '\f017';
}

.icon-minus-round:before {
	content: '\f01a';
}

.icon-right:before {
	content: '\f082';
}

.icon-arrow:before {
	content: '\f045';
}

.icon-fwd:before {
	content: '\f033';
}

.icon-undo:before {
	content: '\f090';
}

.icon-redo:before {
	content: '\f091';
}

.icon-left:before {
	content: '\f081';
}

.icon-up:before {
	content: '\f083';
}

.icon-down:before {
	content: '\f080';
}

.icon-list-add:before {
	content: '\f0a7';
}

.icon-numbered-list:before {
	content: '\f0a6';
}

.icon-left-fat:before {
	content: '\f089';
}

.icon-right-fat:before {
	content: '\f08a';
}

.icon-up-fat:before {
	content: '\f08b';
}

.icon-down-fat:before {
	content: '\f088';
}

.icon-add-user:before {
	content: '\f00c';
}

.icon-question-round:before {
	content: '\f01d';
}

.icon-info-round:before {
	content: '\f01f';
}

.icon-eye:before {
	content: '\f027';
}

.icon-price-tag:before {
	content: '\f028';
}

.icon-cloud-upload:before {
	content: '\f030';
}

.icon-reply:before {
	content: '\f031';
}

.icon-reply-all:before {
	content: '\f032';
}

.icon-code:before {
	content: '\f035';
}

.icon-extract:before {
	content: '\f036';
}

.icon-printer:before {
	content: '\f039';
}

.icon-refresh:before {
	content: '\f03a';
}

.icon-speech:before {
	content: '\f03c';
}

.icon-chat:before {
	content: '\f03d';
}

.icon-card:before {
	content: '\f041';
}

.icon-directions:before {
	content: '\f042';
}

.icon-marker:before {
	content: '\f043';
}

.icon-map:before {
	content: '\f044';
}

.icon-compass:before {
	content: '\f046';
}

.icon-trash:before {
	content: '\f048';
}

.icon-page:before {
	content: '\f049';
}

.icon-page-list-inverted:before {
	content: '\f04d';
}

.icon-pages:before {
	content: '\f04a';
}

.icon-frame:before {
	content: '\f04b';
}

.icon-drawer:before {
	content: '\f052';
}

.icon-rss:before {
	content: '\f054';
}

.icon-path:before {
	content: '\f058';
}

.icon-cart:before {
	content: '\f05a';
}

.icon-shareable:before {
	content: '\f059';
}

.icon-login:before {
	content: '\f05d';
}

.icon-logout:before {
	content: '\f05e';
}

.icon-volume:before {
	content: '\f062';
}

.icon-expand:before {
	content: '\f06a';
}

.icon-reduce:before {
	content: '\f06b';
}

.icon-new-tab:before {
	content: '\f06c';
}

.icon-publish:before {
	content: '\f06d';
}

.icon-browser:before {
	content: '\f06e';
}

.icon-arrow-combo:before {
	content: '\f06f';
}

.icon-pie-chart:before {
	content: '\f0c5';
}

.icon-language:before {
	content: '\f0cb';
}

.icon-air:before {
	content: '\f0cf';
}

.icon-database:before {
	content: '\f0d4';
}

.icon-drive:before {
	content: '\f0d5';
}

.icon-bucket:before {
	content: '\f0d6';
}

.icon-thermometer:before {
	content: '\f0d7';
}

.icon-down-round:before {
	content: '\f070';
}

.icon-left-round:before {
	content: '\f071';
}

.icon-right-round:before {
	content: '\f072';
}

.icon-up-round:before {
	content: '\f073';
}

.icon-chevron-down:before {
	content: '\f074';
}

.icon-chevron-left:before {
	content: '\f075';
}

.icon-chevron-right:before {
	content: '\f076';
}

.icon-chevron-up:before {
	content: '\f077';
}

.icon-chevron-small-down:before {
	content: '\f078';
}

.icon-chevron-small-left:before {
	content: '\f079';
}

.icon-chevron-small-right:before {
	content: '\f07a';
}

.icon-chevron-small-up:before {
	content: '\f07b';
}

.icon-chevron-thin-down:before {
	content: '\f07c';
}

.icon-chevron-thin-left:before {
	content: '\f07d';
}

.icon-chevron-thin-right:before {
	content: '\f07e';
}

.icon-chevron-thin-up:before {
	content: '\f07f';
}

.icon-progress-0:before {
	content: '\f0a0';
}

.icon-progress-1:before {
	content: '\f0a1';
}

.icon-progress-2:before {
	content: '\f0a2';
}

.icon-progress-3:before {
	content: '\f0a3';
}

.icon-back-in-time:before {
	content: '\f0ab';
}

.icon-network:before {
	content: '\f0ae';
}

.icon-mailbox:before {
	content: '\f0b0';
}

.icon-download:before {
	content: '\f0b1';
}

.icon-buoy:before {
	content: '\f0ba';
}

.icon-tag:before {
	content: '\f0bb';
}

.icon-dot:before {
	content: '\f0be';
}

.icon-two-dots:before {
	content: '\f0bf';
}

.icon-ellipsis:before {
	content: '\f0c0';
}

.icon-suitcase:before {
	content: '\f0bd';
}

.icon-flow-cascade:before {
	content: '\f0d9';
}

.icon-flow-branch:before {
	content: '\f0da';
}

.icon-flow-tree:before {
	content: '\f0db';
}

.icon-flow-line:before {
	content: '\f0dc';
}

.icon-flow-parallel:before {
	content: '\f0dd';
}

.icon-brush:before {
	content: '\f0c1';
}

.icon-paper-plane:before {
	content: '\f0b8';
}

.icon-magnet:before {
	content: '\f0c2';
}

.icon-gauge:before {
	content: '\f0df';
}

.icon-traffic-cone:before {
	content: '\f0e0';
}

.icon-creative-commons:before {
	content: '\f0e1';
}

.icon-cc-by:before {
	content: '\f0e2';
}

.icon-cc-nc:before {
	content: '\f0e3';
}

.icon-cc-nc-eu:before {
	content: '\f0e4';
}

.icon-cc-nc-jp:before {
	content: '\f0e5';
}

.icon-cc-sa:before {
	content: '\f0e6';
}

.icon-cc-nd:before {
	content: '\f0e7';
}

.icon-cc-pd:before {
	content: '\f0e8';
}

.icon-cc-zero:before {
	content: '\f0e9';
}

.icon-cc-share:before {
	content: '\f0ea';
}

.icon-cc-remix:before {
	content: '\f0eb';
}

.icon-github:before {
	content: '\f0ec';
}

.icon-github-circled:before {
	content: '\f0ed';
}

.icon-flickr:before {
	content: '\f0ee';
}

.icon-flickr-circled:before {
	content: '\f0ef';
}

.icon-vimeo:before {
	content: '\f0f0';
}

.icon-vimeo-circled:before {
	content: '\f0f1';
}

.icon-twitter:before {
	content: '\f0f2';
}

.icon-twitter-circled:before {
	content: '\f0f3';
}

.icon-facebook:before {
	content: '\f0f4';
}

.icon-facebook-circled:before {
	content: '\f0f5';
}

.icon-facebook-squared:before {
	content: '\f0f6';
}

.icon-gplus:before {
	content: '\f0f7';
}

.icon-gplus-circled:before {
	content: '\f0f8';
}

.icon-pinterest:before {
	content: '\f0f9';
}

.icon-pinterest-circled:before {
	content: '\f0fa';
}

.icon-tumblr:before {
	content: '\f0fb';
}

.icon-tumblr-circled:before {
	content: '\f0fc';
}

.icon-linkedin:before {
	content: '\f0fd';
}

.icon-linkedin-circled:before {
	content: '\f0fe';
}

.icon-dribbble:before {
	content: '\f0ff';
}

.icon-dribbble-circled:before {
	content: '\f100';
}

.icon-stumbleupon:before {
	content: '\f101';
}

.icon-stumbleupon-circled:before {
	content: '\f102';
}

.icon-lastfm:before {
	content: '\f103';
}

.icon-lastfm-circled:before {
	content: '\f104';
}

.icon-rdio:before {
	content: '\f105';
}

.icon-rdio-circled:before {
	content: '\f106';
}

.icon-spotify:before {
	content: '\f107';
}

.icon-spotify-circled:before {
	content: '\f108';
}

.icon-qq:before {
	content: '\f109';
}

.icon-instagrem:before {
	content: '\f10a';
}

.icon-dropbox:before {
	content: '\f10b';
}

.icon-evernote:before {
	content: '\f10c';
}

.icon-flattr:before {
	content: '\f10d';
}

.icon-skype:before {
	content: '\f10e';
}

.icon-skype-circled:before {
	content: '\f10f';
}

.icon-renren:before {
	content: '\f110';
}

.icon-sina-weibo:before {
	content: '\f111';
}

.icon-paypal:before {
	content: '\f112';
}

.icon-picasa:before {
	content: '\f113';
}

.icon-soundcloud:before {
	content: '\f114';
}

.icon-mixi:before {
	content: '\f115';
}

.icon-behance:before {
	content: '\f116';
}

.icon-google-circles:before {
	content: '\f117';
}

.icon-vkontakte:before {
	content: '\f118';
}

.icon-smashing:before {
	content: '\f119';
}

.icon-db-shape:before {
	content: '\f11b';
}

.icon-bullet-list:before {
	content: '\f11a';
}

.icon-db-logo:before {
	content: '\f11c';
}

.icon-pictures:before {
	content: '\f00e';
}

.icon-globe:before {
	content: '\f0b2';
}

.icon-leaf:before {
	content: '\f0b9';
}

.icon-graduation-cap:before {
	content: '\f0ca';
}

.icon-mic:before {
	content: '\f05f';
}

.icon-palette:before {
	content: '\f0a5';
}

.icon-ticket:before {
	content: '\f0cc';
}

.icon-movie:before {
	content: '\f00d';
}

.icon-target:before {
	content: '\f0a4';
}

.icon-music:before {
	content: '\f002';
}

.icon-trophy:before {
	content: '\f0a9';
}

.icon-like:before {
	content: '\f02c';
}

.icon-unlike:before {
	content: '\f02d';
}

.icon-bag:before {
	content: '\f05b';
}

.icon-user:before {
	content: '\f00a';
}

.icon-users:before {
	content: '\f00b';
}

.icon-light-bulb:before {
	content: '\f065';
}

.icon-new:before {
	content: '\f040';
}

.icon-water:before {
	content: '\f0cd';
}

.icon-droplet:before {
	content: '\f0ce';
}

.icon-credit-card:before {
	content: '\f0d0';
}

.icon-monitor:before {
	content: '\f0ac';
}

.icon-briefcase:before {
	content: '\f0bc';
}

.icon-save:before {
	content: '\f0d1';
}

.icon-cd:before {
	content: '\f0af';
}

.icon-folder:before {
	content: '\f051';
}

.icon-page-list:before {
	content: '\f04c';
}

.icon-calendar:before {
	content: '\f05c';
}

.icon-line-graph:before {
	content: '\f0c6';
}

.icon-bar-graph:before {
	content: '\f0c7';
}

.icon-clipboard:before {
	content: '\f0d2';
}

.icon-paperclip:before {
	content: '\f024';
}

.icon-ribbons:before {
	content: '\f02a';
}

.icon-book:before {
	content: '\f050';
}

.icon-read:before {
	content: '\f04f';
}

.icon-phone:before {
	content: '\f055';
}

.icon-megaphone:before {
	content: '\f0d3';
}

.icon-outbox:before {
	content: '\f02f';
}

.icon-inbox:before {
	content: '\f02e';
}

.icon-box:before {
	content: '\f053';
}

.icon-newspaper:before {
	content: '\f04e';
}

.icon-mobile:before {
	content: '\f0ad';
}

.icon-wifi:before {
	content: '\f0a8';
}

.icon-camera:before {
	content: '\f00f';
}

.icon-swap:before {
	content: '\f095';
}

.icon-loop:before {
	content: '\f096';
}

.icon-cycle:before {
	content: '\f092';
}

.icon-light-down:before {
	content: '\f066';
}

.icon-light-up:before {
	content: '\f067';
}

.icon-mute:before {
	content: '\f060';
}

.icon-loud:before {
	content: '\f061';
}

.icon-battery:before {
	content: '\f0aa';
}

.icon-search:before {
	content: '\f003';
}

.icon-key:before {
	content: '\f0d8';
}

.icon-lock:before {
	content: '\f025';
}

.icon-unlock:before {
	content: '\f026';
}

.icon-bell:before {
	content: '\f03e';
}

.icon-ribbon:before {
	content: '\f029';
}

.icon-link:before {
	content: '\f023';
}

.icon-revert:before {
	content: '\f021';
}

.icon-flashlight:before {
	content: '\f004';
}

.icon-area-graph:before {
	content: '\f0c8';
}

.icon-clock:before {
	content: '\f063';
}

.icon-rocket:before {
	content: '\f0de';
}

.icon-forbidden:before {
	content: '\f069';
}

/********************************************************/
/*               14. Main layout elements               */
/********************************************************/

/* Black title bar */
#title-bar {
	height: 40px;
	line-height: 38px;
	text-align: center;
	z-index: 3;
	padding: 0 10px;
}

.fixed-title-bar>#title-bar {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
}

.with-shortcuts #title-bar {
	padding-right: 43px;
}

.reversed.with-shortcuts #title-bar {
	padding-right: 10px;
	padding-left: 43px;
}

.with-menu #title-bar {
	padding-left: 92px;
}

.reversed.with-menu #title-bar {
	padding-left: 10px;
	padding-right: 92px;
}

.reversed.with-shortcuts.with-menu #title-bar {
	padding-left: 43px;
	padding-right: 92px;
}

#title-bar h2 {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	line-height: 36px;
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-shadow: 0 -1px 0 black;
	-moz-text-shadow: 0 -1px 0 black;
	text-shadow: 0 -1px 0 black;
}

/* Menu opener icon */
#open-menu {
	position: absolute;
	z-index: 4;
	top: 5px;
	left: 8px;
	-webkit-tap-highlight-color: transparent;
}

body.reversed #open-menu {
	right: 8px;
	left: auto;
}

.fixed-title-bar>#open-menu {
	position: fixed;
}

#open-menu>span {
	padding: 0 30px 0 8px;
	background: url(../img/menu.png) no-repeat 7px center;
	font-size: 16px;
	height: 27px;
	line-height: 27px;
}

#open-menu>span,#open-shortcuts {
	display: block;
	border: 1px solid #020203;
	color: white;
	-webkit-text-shadow: 0 -1px 0 black;
	-moz-text-shadow: 0 -1px 0 black;
	text-shadow: 0 -1px 0 black;
	background-color: #454545;
	background-color: rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0
		rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0
		rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0
		rgba(255, 255, 255, 0.25);
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* Shortcuts opener icon */
#open-shortcuts {
	position: absolute;
	z-index: 5;
	top: 5px;
	right: 8px;
	-webkit-tap-highlight-color: transparent;
	text-align: center;
	font-size: 24px;
	height: 25px;
	line-height: 25px;
	width: 27px;
	padding: 2px 2px 0 0;
}

body.reversed #open-shortcuts {
	right: auto;
	left: 8px;
}

.fixed-title-bar>#open-shortcuts {
	position: fixed;
}

/* Main content */
#main {
	position: relative;
	z-index: 2;
}

.fixed-title-bar>#main {
	margin-top: 40px;
}

/* Title */
#main-title {
	color: #b3b5b8;
	padding: 17px 20px 21px;
	position: relative;
}

#main-title+.with-padding {
	padding-top: 0 !important;
}

#main-title h1,#main-title h2 {
	margin: 0;
	padding: 0;
}

#main-title h2 {
	position: absolute;
	top: 17px;
	left: 20px;
	font-size: 22px;
}

#main-title h2 strong {
	font-size: 30px;
	vertical-align: -3px;
}

/* Side tabs shortcuts */
#shortcuts {
	display: none;
	position: absolute;
	z-index: 99;
	top: 44px;
	right: 10px;
	margin: 0;
	width: 240px;
	list-style-type: none;
	padding: 15px 14px 5px 4px;
	*padding-bottom: 25px;
	border: 1px solid white;
	background: #d9d9d9 url(../img/old-browsers/style/bg_shortcuts.png)
		repeat-x;
	-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, right bottom, from(white),
		to(#d9d9d9));
	background: -webkit-linear-gradient(white, #d9d9d9);
	background: -moz-linear-gradient(white, #d9d9d9);
	background: -ms-linear-gradient(white, #d9d9d9);
	background: -o-linear-gradient(white, #d9d9d9);
	background: linear-gradient(white, #d9d9d9);
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.8);
	box-shadow: 0 1px 7px rgba(0, 0, 0, 0.8);
}

.reversed #shortcuts {
	right: auto;
	left: 10px;
}

body.shortcuts-open #shortcuts {
	display: block;
}

.fixed-title-bar>#shortcuts {
	position: fixed;
}

#shortcuts:before {
	display: block;
	content: ' ';
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-bottom-color: white;
	position: absolute;
	bottom: 100%;
	right: 6px;
}

.reversed #shortcuts:before {
	right: auto;
	left: 6px;
}

#shortcuts>li {
	width: 70px;
	height: 70px;
	float: right;
	margin: -5px 0 25px 10px;
}

#shortcuts>li>a,#shortcuts>li>span {
	display: block;
	background-image: url(../img/standard/shortcuts.png);
	background-repeat: no-repeat;
	width: 70px;
	height: 5px;
	padding-top: 65px;
	color: #666666;
	text-align: center;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#shortcuts>li>span {
	color: #999999;
}

#shortcuts>li.current>a {
	color: #3399cc;
}

.shortcut-dashboard {
	background-position: -66px -5px;
}

.shortcut-messages {
	background-position: -66px -75px;
}

.shortcut-agenda {
	background-position: -66px -145px;
}

.shortcut-contacts {
	background-position: -66px -215px;
}

.shortcut-medias {
	background-position: -66px -285px;
}

.shortcut-stats {
	background-position: -66px -355px;
}

.shortcut-settings {
	background-position: -66px -425px;
}

.shortcut-notes {
	background-position: -66px -495px;
}

span.shortcut-dashboard {
	background-position: 1px -5px;
}

span.shortcut-messages {
	background-position: 1px -75px;
}

span.shortcut-agenda {
	background-position: 1px -145px;
}

span.shortcut-contacts {
	background-position: 1px -215px;
}

span.shortcut-medias {
	background-position: 1px -285px;
}

span.shortcut-stats {
	background-position: 1px -355px;
}

span.shortcut-settings {
	background-position: 1px -425px;
}

span.shortcut-notes {
	background-position: 1px -495px;
}

/* Sidebar/drop-down menu */
#menu {
	display: none;
	position: absolute;
	z-index: 99;
	top: 40px;
	right: 0;
	left: 0;
	background: #3c4044;
	color: white;
	width: 260px;
}

body.menu-open #menu {
	display: block;
}

.fixed-title-bar>#menu {
	position: fixed;
}

#menu:after {
	display: block;
	content: ' ';
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	height: 15px;
	pointer-events: none;
	background: url(../img/old-browsers/style/bg_menu_after.png) repeat-x;
	-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, right bottom, from(rgba(0, 0, 0,
		0.75)), to(rgba(0, 0, 0, 0)), color-stop(0.1, rgba(0, 0, 0, 0.5)),
		color-stop(0.25, rgba(0, 0, 0, 0.3)),
		color-stop(0.5, rgba(0, 0, 0, 0.2)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.75),
		rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.2) 50%,
		rgba(0, 0, 0, 0));
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.75),
		rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.2) 50%,
		rgba(0, 0, 0, 0));
	background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.75),
		rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.2) 50%,
		rgba(0, 0, 0, 0));
	background: -o-linear-gradient(top, rgba(0, 0, 0, 0.75),
		rgba(0, 0, 0, 0.5) 10%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.2) 50%,
		rgba(0, 0, 0, 0));
	background: linear-gradient(top, rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.5)
		10%, rgba(0, 0, 0, 0.3) 25%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0));
}
/* IE7 */
#menu-before {
	display: none;
}

#menu-after {
	display: block;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	height: 15px;
	background: url(../img/old-browsers/style/bg_menu_after.png) repeat-x;
}

#menu-content {
	zoom: 1;
}

#menu-footer {
	padding: 10px;
	background: url(../img/old-browsers/style/bg_menu-footer.png) repeat-x;
	-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, right bottom, from(rgba(255, 255,
		255, 0.37)), to(rgba(255, 255, 255, 0)),
		color-stop(0.04, rgba(255, 255, 255, 0.31)),
		color-stop(0.44, rgba(255, 255, 255, 0.15)),
		color-stop(0.49, rgba(255, 255, 255, 0.11)),
		color-stop(0.5, rgba(255, 255, 255, 0.02)));
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.37),
		rgba(255, 255, 255, 0.31) 4%, rgba(255, 255, 255, 0.15) 44%,
		rgba(255, 255, 255, 0.11) 49%, rgba(255, 255, 255, 0.02) 50%,
		rgba(255, 255, 255, 0));
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.37),
		rgba(255, 255, 255, 0.31) 4%, rgba(255, 255, 255, 0.15) 44%,
		rgba(255, 255, 255, 0.11) 49%, rgba(255, 255, 255, 0.02) 50%,
		rgba(255, 255, 255, 0));
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.37),
		rgba(255, 255, 255, 0.31) 4%, rgba(255, 255, 255, 0.15) 44%,
		rgba(255, 255, 255, 0.11) 49%, rgba(255, 255, 255, 0.02) 50%,
		rgba(255, 255, 255, 0));
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.37),
		rgba(255, 255, 255, 0.31) 4%, rgba(255, 255, 255, 0.15) 44%,
		rgba(255, 255, 255, 0.11) 49%, rgba(255, 255, 255, 0.02) 50%,
		rgba(255, 255, 255, 0));
	background: linear-gradient(top, rgba(255, 255, 255, 0.37),
		rgba(255, 255, 255, 0.31) 4%, rgba(255, 255, 255, 0.15) 44%,
		rgba(255, 255, 255, 0.11) 49%, rgba(255, 255, 255, 0.02) 50%,
		rgba(255, 255, 255, 0));
	background-color: #575d62;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0
		-1px 0 rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0
		rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0
		rgba(0, 0, 0, 0.5);
}

/* Header, for example for user status */
#menu header {
	padding: 11px 12px;
	color: #bfbfbf;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Corbel, Lucida Grande, Lucida Sans Unicode, Lucida Sans,
		DejaVu Sans, Bitstream Vera Sans, Liberation Sans, Verdana;
	background: #4e5458 url(../img/old-browsers/style/bg_menu_header.png)
		repeat-x;
	-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, right bottom, from(#60666c),
		to(#4e5458));
	background: -webkit-linear-gradient(top, #60666c, #4e5458);
	background: -moz-linear-gradient(top, #60666c, #4e5458);
	background: -ms-linear-gradient(top, #60666c, #4e5458);
	background: -o-linear-gradient(top, #60666c, #4e5458);
	background: linear-gradient(top, #60666c, #4e5458);
}

.no-boxshadow #menu header {
	border-bottom: 1px solid #2c3033;
}

body.reversed #menu header {
	text-align: left;
}

/* User name/profile */
#profile {
	display: block;
	padding: 20px;
	font-size: 14px;
	line-height: 14px;
	color: #b2b2b2;
	background: #31363a url(../img/old-browsers/style/bg_profile.png)
		repeat-x;
	-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, right bottom, from(#383e42),
		to(#31363a));
	background: -webkit-linear-gradient(top, #383e42, #31363a);
	background: -moz-linear-gradient(top, #383e42, #31363a);
	background: -ms-linear-gradient(top, #383e42, #31363a);
	background: -o-linear-gradient(top, #383e42, #31363a);
	background: linear-gradient(top, #383e42, #31363a);
}

#profile .user-icon {
	float: right;
	margin: 0 -2px 0 10px;
}

#profile .name {
	display: block;
	font-size: 24px;
	line-height: 22px;
	color: white;
	margin-bottom: 4px;
}

#access {
	min-height: 62px;
	width: 100%;
	margin: 0;
	text-align: center;
	list-style-type: none;
}

#access>li {
	float: right;
	width: 25%;
	height: 62px;
	font-size: 26px;
	line-height: 62px;
	position: relative;
	color: #707070;
	color: rgba(255, 255, 255, 0.5);
}

#access>li.disabled {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity =   50);
	-khtml-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
}

#access>li>img {
	vertical-align: middle;
}

#access>li>span {
	*vertical-align: middle;
}

#access>li>a {
	display: block;
	height: 54px;
	padding: 4px 0;
	line-height: 54px;
	color: #cccccc;
	color: rgba(255, 255, 255, 0.75);
	*color: #cccccc;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-ms-transition: all 200ms;
	-o-transition: all 200ms;
	transition: all 200ms;
}

#access>li>a:after {
	position: absolute;
	content: ' ';
	right: 4px;
	left: 4px;
	bottom: 4px;
	height: 1px;
	background: #3399cc;
	border-bottom: 1px solid #66ccff;
	-webkit-box-shadow: 0 0 5px 2px rgb(51, 153, 204), 0 -2px 10px
		rgba(51, 153, 204, 0.75);
	-moz-box-shadow: 0 0 5px 2px rgb(51, 153, 204), 0 -2px 10px
		rgba(51, 153, 204, 0.75);
	box-shadow: 0 0 5px 2px rgb(51, 153, 204), 0 -2px 10px
		rgba(51, 153, 204, 0.75);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity =   0);
	-khtml-opacity: 0;
	-moz-opacity: 0;
	opacity: 0;
}

.ie8 #access>li>a:after {
	display: none;
}

#access>li>a:hover {
	padding-top: 0;
	padding-bottom: 8px;
	color: white;
}

#access>li>a:hover:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity =   100);
	-khtml-opacity: 1;
	-moz-opacity: 1;
	opacity: 1;
}

.ie8 #access>li>a:hover:after {
	display: block;
}

.no-generatedcontent #access>li>a:hover {
	padding-bottom: 4px;
	border-bottom: 4px solid #66ccff;
}

/********************************************************/
/*                   15. Menus styles                   */
/********************************************************/

/* Big green menu */
.big-menu {
	margin: 0;
	min-height: 0;
	list-style-type: none;
}

.big-menu>li,li.big-menu {
	padding: 16px 15px;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	position: relative;
}

.big-menu>li.with-left-arrow,li.big-menu.with-left-arrow {
	padding-left: 32px;
}

.big-menu>li>span,li.big-menu>span,.big-menu>li>a,li.big-menu>a {
	display: block;
	margin: -16px -15px;
	padding: 16px 15px;
	color: inherit; //
	color: expression(this.parentNode.currentStyle [   'color' ]);
	position: relative;
}
/* IE7, your mysteries will always amaze me... */
.ie7 li.big-menu>span,.ie7 li.big-menu>a {
	zoom: 1;
}

.big-menu>li.with-left-arrow>span,li.big-menu.with-left-arrow>span,.big-menu>li.with-left-arrow>a,li.big-menu.with-left-arrow>a
	{
	margin-left: -32px;
	padding-left: 32px;
}

.big-menu>li>span,li.big-menu>span,.big-menu>li>a,li.big-menu>a {
	cursor: pointer;
	border-right: 0px solid #404040;
	border-right: 0px solid rgba(0, 0, 0, 0.5);
	padding-left: 20px; /* Menu padding + hovered border width */
	-webkit-transition: border-right-width 100ms, padding-left 100ms;
	-moz-transition: border-right-width 100ms, padding-left 100ms;
	-ms-transition: border-right-width 100ms, padding-left 100ms;
	-o-transition: border-right-width 100ms, padding-left 100ms;
	transition: border-right-width 100ms, padding-left 100ms;
}

.no-touch .big-menu>li>span:hover,.no-touch li.big-menu>span:hover,.no-touch .big-menu>li>a:hover,.no-touch li.big-menu>a:hover,.no-touch .big-menu>li>.current,.no-touch li.big-menu>.current
	{
	border-right-width: 4px;
	padding-left: 12px;
}

.no-touch .big-menu>li.with-left-arrow>span:hover,.no-touch li.big-menu.with-left-arrow>span:hover,.no-touch .big-menu>li.with-left-arrow>a:hover,.no-touch li.big-menu.with-left-arrow>a:hover,.no-touch .big-menu>li.with-left-arrow>.current,.no-touch li.big-menu.with-left-arrow>.current
	{
	padding-left: 28px;
}

.no-touch .big-menu>li>.current:before,.no-touch li.big-menu>.current:before
	{
	display: block;
	content: '';
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -5px;
	border: 5px solid transparent;
	border-right-color: #404040;
}

/* Thin grey menu */
.title-menu {
	margin: 0;
	min-height: 0;
	list-style-type: none;
}

.title-menu>li,li.title-menu {
	padding: 1px 8px 3px;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.title-menu>li>a,li.title-menu>a {
	display: block;
	margin: -2px -8px;
	padding: 2px 8px;
	color: inherit;
	white-space: nowrap;
	text-overflow: ellipsis;
	position: relative;
}

/* Calendar events menu */
.calendar-menu {
	margin: 0;
	min-height: 0;
	list-style-type: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}

.calendar-menu>li,li.calendar-menu {
	padding: 10px 50px 10px 10px;
	font-size: 13px;
	line-height: 16px;
	font-weight: normal;
	min-height: 40px;
	line-height: 14px;
}

.calendar-menu>li>a,li.calendar-menu>a {
	display: block;
	margin: -10px -50px -10px -10px;
	padding: 10px 50px 10px 14px;
	min-height: 40px;
	color: inherit;
}

.calendar-menu>li time,li.calendar-menu time {
	float: right;
	display: block;
	width: 30px;
	margin-right: -40px;
	color: #CCCCCC;
	color: rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
	text-align: center;
	line-height: 12px;
}

.calendar-menu>li time>b,li.calendar-menu time>b {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	line-height: 28px;
	margin-bottom: -3px;
}

.calendar-menu>li small,li.calendar-menu small {
	display: block;
}

/* Messages menu */
.message-menu {
	margin: 0;
	min-height: 0;
	list-style-type: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	text-shadow: none;
}

.message-menu>li,li.message-menu {
	padding: 9px 30px 10px 65px;
	min-height: 41px;
	color: #4c4c4c;
	font-size: 13px;
	line-height: 14px;
	font-weight: normal;
	position: relative;
}

.message-menu>li>a,li.message-menu>a {
	display: block;
	margin: -9px -30px -10px -65px;
	padding: 9px 30px 10px 69px;
	min-height: 41px;
	color: #4c4c4c;
	position: relative;
}

.message-status {
	float: right;
	margin: -1px -22px 0 0;
	width: 16px;
	text-align: center;
}

.message-status>a,.message-status>span {
	height: 16px;
	font-weight: bold;
}

.message-info {
	position: absolute;
	top: 9px;
	left: 7px;
	width: 50px;
	margin-right: 0;
	list-style-type: none;
	text-align: left;
}

.message-info>a,.message-info>span {
	display: block;
	float: left;
	height: 16px;
}

.starred,.unstarred,.new-message,.attach {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	text-align: right;
	width: 16px;
	white-space: nowrap;
}

.starred {
	background: url(../img/standard/sprites.png) no-repeat 0 -34px;
}

a.starred:hover {
	background: url(../img/standard/sprites.png) no-repeat 0 -50px;
}

.unstarred {
	background: url(../img/standard/sprites.png) no-repeat -16px -34px;
}

a.unstarred:hover {
	background: url(../img/standard/sprites.png) no-repeat -16px -50px;
}

.new-message {
	background: url(../img/standard/sprites.png) no-repeat -32px -34px;
}

a.new-message:hover {
	background: url(../img/standard/sprites.png) no-repeat -32px -50px;
}

.attach {
	background: url(../img/standard/sprites.png) no-repeat -48px -34px;
}

a.attach:hover {
	background: url(../img/standard/sprites.png) no-repeat -48px -50px;
}

.calendar-menu>li>a,li.calendar-menu>a,.message-menu>li>a,li.message-menu>a
	{
	border-right: 0px solid #404040;
	border-right: 0px solid rgba(0, 0, 0, 0.5);
	-webkit-transition: border-right-width 100ms, padding-left 100ms;
	-moz-transition: border-right-width 100ms, padding-left 100ms;
	-ms-transition: border-right-width 100ms, padding-left 100ms;
	-o-transition: border-right-width 100ms, padding-left 100ms;
	transition: border-right-width 100ms, padding-left 100ms;
}

.no-touch .calendar-menu>li>a:hover,.no-touch li.calendar-menu>a:hover,.no-touch .message-menu>li>a:hover,.no-touch li.message-menu>a:hover
	{
	border-right-width: 4px;
}

.no-touch .calendar-menu>li>a:hover,.no-touch li.calendar-menu>a:hover {
	padding-left: 10px;
}

.no-touch .message-menu>li>a:hover,.no-touch li.message-menu>a:hover {
	padding-left: 65px;
}

.message-menu>li>.message-status+a,li.message-menu>.message-status+a,.message-menu>li>.message-info+a,li.message-menu>.message-info+a
	{
	margin: 0;
	padding: 0 0 0 10px;
	-webkit-transition: border-right-width 100ms, padding-right 100ms,
		padding-left 100ms;
	-moz-transition: border-right-width 100ms, padding-right 100ms,
		padding-left 100ms;
	-ms-transition: border-right-width 100ms, padding-right 100ms,
		padding-left 100ms;
	-o-transition: border-right-width 100ms, padding-right 100ms,
		padding-left 100ms;
	transition: border-right-width 100ms, padding-right 100ms, padding-left
		100ms;
}

.no-touch .message-menu>li>.message-status+a:hover,.no-touch li.message-menu>.message-status+a:hover,.no-touch .message-menu>li>.message-info+a:hover,.no-touch li.message-menu>.message-info+a:hover
	{
	padding-right: 6px;
	padding-left: 0;
}

/* Navigable menus classes */
.navigable {
	overflow: hidden;
	position: relative;
	padding: 0;
}

.navigable>.load {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 10%;
	padding: 0;
	margin: 0;
	cursor: wait;
	background: black url(../img/standard/loaders/loading16_anthracite.gif)
		no-repeat center 4px;
}

.navigable ul.fixed {
	position: absolute;
	right: 0;
	width: 100%;
}

.navigable ul ul {
	position: absolute;
	right: 100%;
	top: 0;
	width: 100%;
	display: none;
}

.navigable-ajax,.navigable-ajax-loaded {
	cursor: pointer;
}

/* Collapsible menus */
.collapsible ul {
	display: none;
	position: relative;
}

.collapsible li>.load {
	display: block;
	padding: 0;
	margin: 0;
	height: 24px;
	cursor: wait;
	background: black url(../img/standard/loaders/loading16_anthracite.gif)
		no-repeat 4px 4px;
}

/* Substyles tweaks */
.collapsible.big-menu>li>ul,.collapsible li.big-menu>ul,.collapsible .big-menu>li>ul,.collapsible.big-menu>li>.load,.collapsible li.big-menu>.load,.collapsible .big-menu>li>.load
	{
	margin: 16px -15px -16px;
	-webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.no-boxshadow .collapsible.big-menu>li>ul,.no-boxshadow .collapsible li.big-menu>ul,.no-boxshadow .collapsible .big-menu>li>ul,.no-boxshadow .collapsible.big-menu>li>.load,.no-boxshadow .collapsible li.big-menu>.load,.no-boxshadow .collapsible .big-menu>li>.load
	{
	border-top: 1px solid #666666;
}

.collapsible li.with-right-arrow:after,.collapsible li.with-left-arrow:after
	{
	top: 25px;
}
/* IE7 */
.collapsible .with-arrow-after {
	top: 25px;
}

.collapsible.big-menu>li.with-left-arrow>ul,.collapsible li.big-menu.with-left-arrow>ul,.collapsible .big-menu>li.with-left-arrow>ul,.collapsible.big-menu>li.with-left-arrow>.load,.collapsible li.big-menu.with-left-arrow>.load,.collapsible .big-menu>li.with-left-arrow>.load
	{
	margin-left: -32px;
}

/* Back element */
.back {
	position: relative;
	padding: 16px 32px 16px 15px;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	cursor: pointer;
	-webkit-box-shadow: inset 0 1px 10px black;
	-moz-box-shadow: inset 0 1px 10px black;
	box-shadow: inset 0 1px 10px black;
}

.back>.back-arrow {
	display: block;
	width: 11px;
	height: 9px;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 11px;
	background: url(../img/standard/sprites.png) no-repeat -198px 0px;
}

/********************************************************/
/*                 16. Custom scrollbars                */
/********************************************************/
.custom-scroll {
	overflow: hidden !important;
}

.custom-hscrollbar,.custom-vscrollbar {
	position: absolute;
	z-index: 999000;
	padding: 0;
	margin: 0;
	border: 0;
	background: url(../img/old-browsers/grey20.png);
	background: rgba(128, 128, 128, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.custom-hscrollbar {
	height: 8px;
}

.custom-vscrollbar {
	width: 8px;
}

.custom-hscrollbar>div,.custom-vscrollbar>div {
	position: absolute;
	background: url(../img/old-browsers/grey50.png);
	background: rgba(128, 128, 128, 0.5);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25);
}

.custom-hscrollbar>div {
	top: 0;
	bottom: 0;
}

.custom-vscrollbar>div {
	right: 0;
	left: 0;
}

/********************************************************/
/*                      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-right,.button-height.absolute-left {
	margin-top: -17px;
	margin-bottom: 0;
}

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

.button {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: baseline;
	*vertical-align: middle;
	position: relative;
	text-align: center;
	font-weight: normal;
	text-transform: none;
	padding: 0 11px;
	font-size: 12px;
	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.button {
	line-height: 24px;
	height: 28px;
}

.ie7 .button {
	margin-right: 4px;
}

.ie7 .button:first-child {
	margin-right: 0;
}

.button.full-width {
	width: 100%;
	margin: 0;
	height: auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.no-boxsizing .button.full-width {
	width: 94%;
}

.no-boxsizing button.button.full-width {
	width: 100%;
}

.button-height .button.float-right,.button-height .button.float-left {
	margin-top: 2px;
}

.button.absolute-right,.button.absolute-left {
	position: absolute;
	margin-top: -15px;
}

.button:focus {
	outline: 0;
	-webkit-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), 0 1px 1px
		rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
	-moz-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), 0 1px 1px
		rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
	box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), 0 1px 1px
		rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
}

/* Buttons in inputs */
.input .button {
	margin-top: -1px;
	margin-bottom: -1px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.input .button:first-child {
	margin-right: -9px;
}

.ie7 .input .button:first-child {
	margin-right: 0;
	margin-left: 3px;
}

.input.large .button,.input .button:first-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;
}

.input .button:last-child {
	margin-left: -9px;
}
/* IE7 */
.input .button.last-child {
	margin-left: -9px;
}

.input.large .button,.input .button:last-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;
}

/* Default shadows */
.button,.button-group>.button: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>.button,.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,.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 */
.button.black-gradient,.button-group>.black-gradient:first-child,.button.anthracite-gradient,.button-group>.anthracite-gradient:first-child,.button.grey-gradient,.button-group>.grey-gradient:first-child,.button.blue-gradient,.button-group>.blue-gradient:first-child,.button.red-gradient,.button-group>.red-gradient:first-child,.button.orange-gradient,.button-group>.orange-gradient:first-child,.button.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);
}

.button.black-gradient,.button.anthracite-gradient,.button.grey-gradient,.button.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);
}

.button.red-gradient,.button.orange-gradient,.button.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 */
.button:active,.button.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;
}

.button.silver-active:active,.button.silver-active.active,.button.white-active:active,.button.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);
}

.button.black-active:active,.button.black-active.active,.button.anthracite-active:active,.button.anthracite-active.active,.button.grey-active:active,.button.grey-active.active,.button.blue-active:active,.button.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);
}

.button.red-active:active,.button.red-active.active,.button.orange-active:active,.button.orange-active.active,.button.green-active:active,.button.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 */
.button:disabled,.button.disabled,.disabled .button,.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;
}

.button:disabled,.button.disabled,.disabled .button {
	border-width: 1px;
	border-style: solid;
	padding: 0 11px;
}

/* Icon section in a button */
.button>.button-icon {
	display: inline-block;
	vertical-align: baseline;
	position: relative;
	text-align: right;
	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 -12px -1px 9px;
	-webkit-background-clip: padding-box;
	-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;
	-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 .button>.button-icon {
	margin: -1px 0 -1px 9px;
}

@
-moz-document url-prefix  () { .button>.button-icon {
	margin-right: -15px;
}

}
.button.full-width>.button-icon {
	float: right;
}

.button>.button-icon.left-side {
	margin: -1px 9px -1px -12px;
	-webkit-border-radius: 0;
	-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;
}

.ie7 .button>.button-icon.left-side {
	margin: -1px 0 -1px 0;
}

@
-moz-document url-prefix  () { .button>.button-icon.left-side {
	margin-left: -15px;
}

}
.button.full-width>.button-icon.right-side {
	float: left;
}

: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 */
.button.tiny,.tiny .button {
	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.button.tiny,.ie7 .tiny button.button {
	line-height: 12px;
	height: 16px;
}

p>.button.tiny,p.tiny>.button,.tiny p>.button {
	margin-top: -1px;
	margin-bottom: -1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.button.tiny.absolute-right,.tiny .button.absolute-right,.button.tiny.absolute-left,.tiny .button.absolute-left
	{
	margin-top: -9px;
}

.input .button.tiny:first-child,.input.tiny .button:first-child {
	margin-right: -3px;
}

.input .button.tiny:last-child,.input.tiny .button:last-child {
	margin-left: -3px;
}
/* IE7 */
.input .button.tiny.last-child,.input.tiny .button.last-child {
	margin-left: -3px;
}

.button.tiny:active,.tiny .button:active,.button.tiny.active,.tiny .button.active
	{
	padding: 1px 6px;
}

.button.tiny:disabled,.button.tiny.disabled,.tiny .button:disabled,.tiny .button.disabled,.tiny.disabled .button,.disabled .tiny .button
	{
	padding: 0 5px;
}

.button-group.tiny,.tiny .button-group {
	line-height: 18px;
	height: 18px;
	margin-top: -2px;
	margin-bottom: 0;
}

.button-group.tiny.absolute-right,.tiny .button-group.absolute-right,.button-group.tiny.absolute-left,.tiny .button-group.absolute-left
	{
	margin-top: -9px;
}

/* Compact button */
.button.compact,.compact .button {
	padding: 0 8px;
	line-height: 22px;
	height: 22px;
	*line-height: 20px;
	*height: 20px;
}

.ie7 button.button.compact,.ie7 .compact button.button {
	line-height: 18px;
	height: 22px;
}

.button.compact.absolute-right,.compact .button.absolute-right,.button.compact.absolute-left,.compact .button.absolute-left
	{
	margin-top: -12px;
}

.input .button.compact {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.input .button.compact:first-child,.input.compact .button:first-child {
	margin-right: -6px;
}

.input .button.compact:last-child,.input.compact .button:last-child {
	margin-left: -6px;
}
/* IE7 */
.input .button.compact.last-child,.input.compact .button.last-child {
	margin-left: -6px;
}

.button.compact:active,.compact .button:active,.button.compact.active,.compact .button.active
	{
	padding: 1px 9px;
}

.button.compact:disabled,.button.compact.disabled,.compact .button:disabled,.compact .button.disabled,.compact.disabled .button,.disabled .compact .button
	{
	padding: 0 8px;
}

.button-group.compact,.compact .button-group {
	line-height: 24px;
	height: 24px;
	margin-top: -5px;
	margin-bottom: -3px;
}

.button-group.compact.absolute-right,.compact .button-group.absolute-right,.button-group.compact.absolute-left,.compact .button-group.absolute-left
	{
	margin-top: -12px;
}

.compact>.button-icon {
	margin: -1px -9px -1px 4px;
	padding: 0 6px;
}

.compact>.button-icon.left-side {
	margin: -1px 4px -1px -9px;
}

/* Big button */
.button.big,.big .button {
	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.button.big,.ie7 .big button.button {
	line-height: 28px;
	height: 32px;
}

.button.big.absolute-right,.big .button.absolute-right,.button.big.absolute-left,.big .button.absolute-left
	{
	margin-top: -17px;
}

.button.big:active,.big .button:active,.button.big.active,.big .button.active,.button.big:first-child:active,.big .button:first-child:active,.button.big.active:first-child,.big .button.active:first-child
	{
	padding: 1px 13px;
}

.button.big:disabled,.button.big.disabled,.big .button:disabled,.big .button.disabled,.big.disabled .button,.disabled .big .button
	{
	padding: 0 12px;
}

.big>.button-icon {
	margin: -1px -13px -1px 8px;
	padding: 0 11px;
}

.big>.button-icon.left-side {
	margin: -1px 8px -1px -13px;
}

/* Huge button */
.button.huge,.huge .button {
	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.button.huge,.ie7 .huge button.button {
	line-height: 42px;
	height: 46px;
}

.button.huge.absolute-right,.huge .button.absolute-right,.button.huge.absolute-left,.huge .button.absolute-left
	{
	margin-top: -24px;
}

.button.huge:active,.huge .button:active,.button.huge.active,.huge .button.active,.button.huge:first-child:active,.huge .button:first-child:active,.button.huge.active:first-child,.huge .button.active:first-child
	{
	padding: 1px 19px;
}

.button.huge:disabled,.button.huge.disabled,.huge .button:disabled,.huge .button.disabled,.huge.disabled .button,.disabled .huge .button
	{
	padding: 0 18px;
}

.huge>.button-icon {
	margin: -1px -19px -1px 15px;
	padding: 0 18px;
}

.huge>.button-icon.left-side {
	margin: -1px 15px -1px -19px;
}

/* Checkable included in a button label */
.js label.button>input[type="checkbox"],.js label.button>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-right: 1px;
}

.ie7 .button-group {
	display: inline;
	margin-right: 4px;
}

.ie7 .button-group:first-child {
	margin-right: 0;
}

p>.button-group {
	margin-top: -8px;
	margin-bottom: -6px;
}

.button-height .button-group {
	margin-top: -2px;
	margin-bottom: 2px;
}

.button-group.absolute-right,.button-group.absolute-left {
	margin-top: -15px;
}

.button-group>.button,.ie7 .button-group>.button {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	float: right;
	margin-right: -1px;
}

.button-group>.button:first-child {
	border-right-width: 1px;
	-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-bottom-bottom-radius: 4px;
}

.button-group>.button:last-child {
	-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-top-left-radius: 4px;
}

/********************************************************/
/*                      18. Loaders                     */
/********************************************************/
.loader {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: url(../img/standard/loaders/loading16.gif) no-repeat center
		center;
	margin-top: -1px;
	margin-bottom: 1px;
}

.input .loader:first-child {
	margin-right: -1px;
}

.input .loader:last-child {
	margin-left: -1px;
}
/* IE7 */
.input .loader.last-child {
	margin-left: -1px;
}

.loader.waiting {
	background-image: url(../img/standard/loaders/waiting16.gif);
}

.loader.working {
	background-image: url(../img/standard/loaders/working16.gif);
}

.loader.refreshing {
	background-image: url(../img/standard/loaders/refreshing16.gif);
}

.loader.on-dark {
	background-image: url(../img/standard/loaders/loading16_anthracite.gif);
}

.loader.waiting.on-dark {
	background-image: url(../img/standard/loaders/waiting16_anthracite.gif);
}

.loader.working.on-dark {
	background-image: url(../img/standard/loaders/working16_anthracite.gif);
}

.loader.refreshing.on-dark {
	background-image:
		url(../img/standard/loaders/refreshing16_anthracite.gif);
}

.loader.big {
	background-image: url(../img/standard/loaders/loading32.gif);
	width: 32px;
	height: 32px;
}

.loader.big.waiting {
	background-image: url(../img/standard/loaders/waiting32.gif);
}

.loader.big.working {
	background-image: url(../img/standard/loaders/working32.gif);
}

.loader.big.refreshing {
	background-image: url(../img/standard/loaders/refreshing32.gif);
}

.loader.big.on-dark {
	background-image: url(../img/standard/loaders/loading32_anthracite.gif);
}

.loader.big.waiting.on-dark {
	background-image: url(../img/standard/loaders/waiting32_anthracite.gif);
}

.loader.big.working.on-dark {
	background-image: url(../img/standard/loaders/working32_anthracite.gif);
}

.loader.big.refreshing.on-dark {
	background-image:
		url(../img/standard/loaders/refreshing32_anthracite.gif);
}

.loader.huge {
	background-image: url(../img/standard/loaders/loading64.gif);
	width: 64px;
	height: 64px;
}

.loader.huge.waiting {
	background-image: url(../img/standard/loaders/waiting64.gif);
}

.loader.huge.working {
	background-image: url(../img/standard/loaders/working64.gif);
}

.loader.huge.refreshing {
	background-image: url(../img/standard/loaders/refreshing64.gif);
}

.loader.huge.on-dark {
	background-image: url(../img/standard/loaders/loading64_anthracite.gif);
}

.loader.huge.waiting.on-dark {
	background-image: url(../img/standard/loaders/waiting64_anthracite.gif);
}

.loader.huge.working.on-dark {
	background-image: url(../img/standard/loaders/working64_anthracite.gif);
}

.loader.huge.refreshing.on-dark {
	background-image:
		url(../img/standard/loaders/refreshing64_anthracite.gif);
}

/********************************************************/
/*                     19. Messages                     */
/********************************************************/
.message,.big-message {
	display: block;
	position: relative;
	border-width: 1px;
	border-style: solid;
	line-height: 16px;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.3);
}

.message {
	padding: 6px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: black;
}

.message .icon {
	margin-top: -3px;
}

.message.compact {
	padding: 3px 4px;
	font-size: 11px;
	line-height: 12px;
}

.big-message {
	padding: 16px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: rgba(0, 0, 0, 0.6);
}

.big-message strong {
	color: black;
	font-size: 18px;
	font-weight: normal;
}

.message.silver-gradient,.big-message.silver-gradient,.message.white-gradient,.big-message.white-gradient
	{
	-webkit-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 0 white, 0 1px 5px rgba(0, 0, 0, 0.3);
	color: rgba(0, 0, 0, 0.6);
}

.message.black-gradient,.big-message.black-gradient,.message.anthracite-gradient,.big-message.anthracite-gradient,.message.grey-gradient,.big-message.grey-gradient,.message.red-gradient,.big-message.red-gradient,.message.orange-gradient,.big-message.orange-gradient,.message.green-gradient,.big-message.green-gradient,.message.blue-gradient,.big-message.blue-gradient
	{
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 5px
		rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 5px
		rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 5px
		rgba(0, 0, 0, 0.4);
	color: rgba(255, 255, 255, 0.45);
}

.message.black-gradient,.big-message.black-gradient strong,.message.anthracite-gradient,.big-message.anthracite-gradient strong,.message.grey-gradient,.big-message.grey-gradient strong,.message.red-gradient,.big-message.red-gradient strong,.message.orange-gradient,.big-message.orange-gradient strong,.message.green-gradient,.big-message.green-gradient strong,.message.blue-gradient,.big-message.blue-gradient strong
	{
	color: white;
}

.big-message.black-gradient,.big-message.anthracite-gradient,.big-message.grey-gradient,.big-message.red-gradient,.big-message.orange-gradient,.big-message.green-gradient,.big-message.blue-gradient
	{
	color: rgba(255, 255, 255, 0.45);
}

.message.simpler,.big-message.simpler {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

.big-message-icon {
	float: right;
	margin: 0 -3px 0 17px;
	text-align: center;
}

.big-message-icon:before {
	display: block;
	font-weight: normal;
	font-style: normal;
	font-family: 'EntypoRegular';
	font-size: 80px;
	line-height: 36px;
	margin: 0;
}

.big-message-icon.with-text {
	margin: -6px -6px -6px 20px;
}

.big-message-icon.with-text:before {
	font-size: 56px;
	line-height: 29px;
}

.big-message-icon.left-side {
	float: left;
	margin-right: 17px;
	margin-left: -6px;
}

.big-message-icon.with-text.left-side {
	margin-right: 20px;
	margin-left: -6px;
}

/********************************************************/
/*                       20. Tabs                       */
/********************************************************/

/* This wrapper class is required to handle responsive variations */
.standard-tabs,.swipe-tabs,.side-tabs {
	border: 1px solid #cccccc;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	overflow: hidden;
	position: relative;
	zoom: 1;
}

/* Actual tabs */
.tabs {
	list-style-type: none;
	margin: 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.tabs>li {
	padding: 12px 12px 12px 30px;
	border-top: 1px solid #cccccc;
	color: #c0c0c0;
}

.tabs>li:first-child {
	border-top: 0;
}

.tabs>li>a {
	display: block;
	margin: -12px -12px -12px -30px;
	padding: 12px 12px 12px 30px;
	color: #666666;
}

.tabs>li>a:focus {
	outline: 0;
}

.no-touch .tabs>li>a:hover {
	color: black;
}

.tabs>li.disabled>a,.no-touch .tabs>li.disabled>a:hover {
	color: #c0c0c0;
}

/* Content */
.tabs-content {
	background: white;
	color: #666666;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: hidden;
}

/* Back button */
.tabs-back {
	display: block;
	padding: 12px 30px 12px 12px;
	color: #666666;
	border-bottom: 1px solid #cccccc;
	cursor: pointer;
	position: relative;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;
}

/* When js is activated */
.tabs-active>.tabs,.tabs-active>.tabs-content {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

.tabs-active>.tabs-content {
	right: 100%;
}

/* When transistions are enabled */
.tabs-animated {
	-webkit-transition: height 300ms;
	-moz-transition: height 300ms;
	-ms-transition: height 300ms;
	-o-transition: height 300ms;
	transition: height 300ms;
}
/* Animation must be disabled for inner tabs within equalized tabs, because it give false results */
.same-height .tabs-animated {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}

.tabs-animated>.tabs,.tabs-animated>.tabs-content {
	-webkit-transition: right 300ms;
	-moz-transition: right 300ms;
	-ms-transition: right 300ms;
	-o-transition: right 300ms;
	transition: right 300ms;
}

.csstransforms .tabs-animated>.tabs,.csstransforms .tabs-animated>.tabs-content
	{
	-webkit-transition: -webkit-transform 300ms;
	-moz-transition: -moz-transform 300ms;
	-ms-transition: -ms-transform 300ms;
	-o-transition: -o-transform 300ms;
	transition: translatex 300ms;
}

/* When a tab is opened */
.tab-opened>.tabs {
	right: -100%;
}

.csstransforms .tab-opened>.tabs {
	right: 0;
	-webkit-transform: translatex(100%);
	-moz-transform: translatex(100%);
	-ms-transform: translatex(100%);
	-o-transform: translatex(100%);
	transform: translatex(100%);
}

.tab-opened>.tabs-content {
	right: 0;
}

.csstransforms .tab-opened>.tabs-content {
	right: 100%;
	-webkit-transform: translatex(100%);
	-moz-transform: translatex(100%);
	-ms-transform: translatex(100%);
	-o-transform: translatex(100%);
	transform: translatex(100%);
}

/* Recursive tabs */
.inner-tabs {
	border: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-topleft: 0;
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

.with-padding>.inner-tabs {
	margin: -20px;
}

.inner-tabs>.tabs-content>.tabs-back {
	display: none;
}

/********************************************************/
/*                   21. Notifications                  */
/********************************************************/
#top-notifications,#bottom-notifications {
	position: absolute;
	/* This is for older iOS devices that do not support position: fixed */
	position: fixed;
	z-index: 999400;
	left: 0;
	right: 0;
	text-align: right;
}

#top-notifications {
	top: 0;
}

#bottom-notifications {
	bottom: 0;
}

#top-notifications>ul,#bottom-notifications>ul {
	list-style-type: none;
	margin: 0;
}

.notification {
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 5px;
	position: relative;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 7px
		rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 7px
		rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 7px
		rgba(0, 0, 0, 0.5);
}

.notification>.close {
	margin: -3px 0 0 -3px;
}

.notification>a,.notification>div {
	display: block;
	text-decoration: none;
	padding: 6px 10px;
	color: inherit;
	margin: 0;
}

.notification.no-title>a,.notification.no-title>div {
	color: white;
}

.notification>a>h3,.notification>div>h3 {
	color: white;
	font-size: 16px;
	line-height: 19px;
	margin-bottom: 4px;
}

.notification>a>b,.notification>div>b,.notification>div>a {
	color: white;
}

.notification.silver-gradient.no-title>a,.notification.silver-gradient.no-title>div,.notification.silver-gradient>a>h3,.notification.silver-gradient>div>h3,.notification.white-gradient.no-title>a,.notification.white-gradient.no-title>div,.notification.white-gradient>a>h3,.notification.white-gradient>div>h3,.notification.silver-gradient>a>b,.notification.silver-gradient>div>b,.notification.white-gradient>a>b,.notification.white-gradient>div>b
	{
	color: #333333;
}

.notification-icon {
	float: right;
	margin: 7px 8px 7px 6px;
}

.notification>.block-arrow {
	display: none;
}

.extra-notifications {
	padding: 2px 6px;
	font-weight: bold;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 -1px 0
		rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 -1px 0
		rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 -1px 0
		rgba(0, 0, 0, 0.5);
	margin-bottom: 0;
}

.more-notifications {
	padding: 3px 7px;
	cursor: pointer;
}

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

/* Root elements */
#tooltips,#tooltips-over {
	position: absolute;
	top: 0;
	right: 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;
	right: 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.left {
	right: 100%;
	top: 50%;
	bottom: auto;
	margin: -15px 10px 0 0;
}

.message.inner-tooltip.bottom {
	top: 100%;
	bottom: auto;
	margin: 10px 0 0 0;
}

.message.inner-tooltip.right {
	right: auto;
	left: 100%;
	top: 50%;
	bottom: auto;
	margin: -15px 0 0 10px;
}

.message.inner-tooltip.left.compact,.message.inner-tooltip.right.compact
	{
	margin-top: -10px;
}

/********************************************************/
/*                    23. Extra stuff                   */
/********************************************************/

/* Fix mobile browsers increased font-size */
body {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* Taped link color */
a:link {
	-webkit-tap-highlight-color: rgb(52, 158, 219);
}

/* Better resized images under IE7 */
.ie7 img,.iem7 img {
	-ms-interpolation-mode: bicubic;
}

/* The legen - wait for it - dary clearfix */
.clearfix:before,.clearfix:after,.columns:before,.columns:after,.right-column-200px:before,.right-column-200px:after,.left-column-200px:before,.left-column-200px:after,#profile:before,#profile:after,#main-title:before,#main-title:after,.notification:before,.notification:after,.inline-small-label:before,.inline-small-label:after,.inline-label:before,.inline-label:after,.inline-medium-label:before,.inline-medium-label:after,.inline-large-label:before,.inline-large-label:after,.definition.inline:before,.definition.inline:after,.blocks-list:before,.blocks-list:after
	{
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix:after,.columns:after,.right-column-200px:after,.left-column-200px:after,#profile:after,#main-title:after,.notification:after,.inline-small-label:after,.inline-label:after,.inline-medium-label:after,.inline-large-label:after,.definition.inline:after,.blocks-list:after
	{
	clear: both;
}

.clearfix,.columns,.right-column-200px,.left-column-200px,#profile,#main-title,.notification,.inline-small-label,.inline-label,.inline-medium-label,.inline-large-label,.definition.inline,.blocks-list
	{
	zoom: 1;
}

/* Image replacement */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: right;
	direction: ltr;
}

/* Hide for screenreaders and visual browsers */
.hidden {
	display: none;
	visibility: hidden;
}

/* Hide visually */
.visuallyhidden {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	overflow: hidden;
	margin: -1px;
	padding: 0;
	height: 1px;
	width: 1px;
	border: 0;
}

/* Allow an element to be focusable via keyboard  */
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	position: static;
	clip: auto;
	overflow: visible;
	height: auto;
	margin: 0;
	width: auto;
}

/* Hide but maintain layout */
.invisible {
	visibility: hidden;
}

.full-width-with-bubble {
	width: 96%;
}

.mainloading {
	position: fixed;
	background: #0683B3;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	color: white;
	direction: ltr;
	font-weight: bold;
	padding: 8px 25px 5px;
	z-index: 1000;
}

.mainsep {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	z-index: 999;
	background: white;
}

.course_form .columns>div {
	margin-bottom: 1px;
}

.mac-style {
	height: 100%;
}

.mac-style li.current {
	background: #a7b2be url(../img/textures/fabric.png);
	background: url(../img/textures/fabric.png),
		-webkit-gradient(linear, right top, right bottom, from(#5d656e),
		to(#a7b2be)) repeat-x, #a7b2be;
	background: url(../img/textures/fabric.png),
		-webkit-linear-gradient(top, #5d656e, #737B84) repeat-x, #737B84;
	background: url(../img/textures/fabric.png),
		-moz-linear-gradient(top, #5d656e, #737B84) repeat-x, #737B84;
	background: url(../img/textures/fabric.png),
		-ms-linear-gradient(top, #5d656e, #a7b2be) repeat-x, #a7b2be;
	background: url(../img/textures/fabric.png),
		-o-linear-gradient(top, #5d656e, #a7b2be) repeat-x, #a7b2be;
	background: url(../img/textures/fabric.png),
		linear-gradient(top, #5d656e, #a7b2be) repeat-x, #a7b2be;
	background: url(../img/textures/fabric.png),
		-ms-linear-gradient(top, #5d656e, #a7b2be) repeat-x, #a7b2be;
	background: url(../img/textures/fabric.png),
		-o-linear-gradient(top, #5d656e, #a7b2be) repeat-x, #a7b2be;
}

.mac-style #shortcuts>li>a:before {
	background-color: transparent;
}

.user-list {
	width: 240px;
	height: 100%;
	position: relative;
	display: block;
	background: rgba(0, 0, 0, 0.15);
	margin-right: 50px;
	z-index: 999;
	overflow: hidden;
}

.user-holder {
	position: absolute;
	width: 100%;
	overflow: hidden;
	padding: 20px 0px 0px;
}

.student-row>img {
	vertical-align: middle;
	max-width: 35%;
	max-height: 73%;
}

.student-row p {
	margin: 22px 0px
}

.user-list .student-row p {
	margin: 0px;
}

.user-list .student-row {
	font-size: 9px;
	margin: 8px 0px;
	border-radius: 0px;
	position: relative;;
	height: 110px;
	overflow: hidden;
}

p.button-holder {
	margin: 35px 35% 2px 0px;
}

.user-list p.button-holder {
	margin: 7px 20% 2px 0;
}

.user-list .switch.medium {
	height: 15px;
}

.user-list .medium>.switch-on,.user-list .medium>.switch-off {
	font-size: 9px;
	line-height: 13px;
	text-shadow: 0 0 0 rgba(255, 255, 255, 0.75);
}

.user-list .unclick {
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 130px;
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 1000;
	cursor: pointer;
}

.user-list .spacer {
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 132px;
	margin: 8px 0px;
}

.slide-up,.slide-down {
	background: rgba(0, 0, 0, 0.2);
	width: 100%;
	height: 20px;
	position: absolute;
	left: 0px;
	cursor: pointer;
	z-index: 1001;
}

.slide-up {
	top: 0px;
}

.slide-down {
	bottom: 0px;
}

.slide-down>span,.slide-up>span {
	left: 50%;
}

.rollcall.with-padding {
	padding: 1px 20px 0 !important;
}

.course_detail h2 {
	margin: 5px 0
}

.course_detail h3,.course_detail h4 {
	margin: 3px 0px;
}

#clock-holder {
	display: block;
	font-size: 20px;
	text-align: center;
}

#shortcuts {
	position: fixed;
	display: block;
	z-index: 1;
	top: 0;
	bottom: 0;
	right: 0;
	width: 68px !important;
	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, right top, right 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 {
	right: auto;
	left: 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>li:first-child {
	margin-top: -5px;
}

.no-generatedcontent #shortcuts>li:first-child {
	margin-top: 0;
}

#shortcuts>li>a,#shortcuts>li>span {
	overflow: hidden;
	text-indent: -3000px;
	width: auto;
	height: 70px;
	padding: 0;
}

#shortcuts>li>a {
	width: 136px;
	-webkit-transition: margin-right 200ms;
	-moz-transition: margin-right 200ms;
	-o-transition: margin-right 200ms;
	transition: margin-right 200ms;
	position: relative;
}

body.reversed #shortcuts>li>a {
	margin-right: -68px;
}

.no-generatedcontent body.reversed #shortcuts>li>a {
	margin-right: -68px;
	margin-left: -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);
	left: 0;
	width: 64px;
	-webkit-border-radius: 0 7px 7px 0;
	-moz-border-radius: 0 7px 7px 0;
	border-radius: 0 7px 7px 0;
}

body.reversed #shortcuts>li>a:before {
	right: 0;
	left: auto;
	-webkit-border-radius: 7px 0 0 7px;
	-moz-border-radius: 7px 0 0 7px;
	border-radius: 7px 0 0 7px;
}

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 {
	left: 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, 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));
}

body.reversed #shortcuts>li:after {
	right: 0;
	left: auto;
	background:
		url(../img/old-browsers/768/bg_body_reversed_shortcuts_li_after.png)
		repeat-y left top;
	-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));
}

#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;
	right: 0;
	width: 68px;
	bottom: 6px;
	font-size: 11px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	text-indent: 0;
	color: #999;
	-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 .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 {
	right: auto;
	left: 0;
	-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 body.reversed a>.shortcut-legend {
	left: 68px;
}

.no-touch #shortcuts>li>a:hover,#shortcuts>.current>a,.no-touch #shortcuts:hover>.current:hover>a
	{
	margin-right: -68px;
}

.no-touch a:hover>.shortcut-legend,#shortcuts>.current>a>.shortcut-legend,.no-touch #shortcuts:hover>.current:hover>a>.shortcut-legend
	{
	right: 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-right: 0;
	margin-left: -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
	{
	right: auto;
	left: 68px;
}

.no-generatedcontent body.reversed #shortcuts>.current>a,.no-generatedcontent body.reversed #shortcuts>li>a:hover
	{
	margin-right: -136px;
	margin-left: 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
	{
	left: 0;
}

.no-touch #shortcuts:hover>.current>a {
	margin-right: -60px;
}

.no-touch #shortcuts:hover>.current>a>.shortcut-legend {
	right: 60px;
}

.no-touch.no-generatedcontent #shortcuts:hover>.current>a {
	margin-right: -68px;
}

.no-touch.no-generatedcontent #shortcuts:hover>.current>a>.shortcut-legend
	{
	right: 68px;
}

.no-touch body.reversed #shortcuts:hover>.current>a {
	margin-right: -8px;
	margin-left: -60px;
}

.no-touch body.reversed #shortcuts:hover>.current>a>.shortcut-legend {
	right: auto;
	left: 60px;
}

.no-touch.no-generatedcontent body.reversed #shortcuts:hover>.current>a
	{
	margin-right: -136px;
	margin-left: 0;
}

.no-touch.no-generatedcontent body.reversed #shortcuts:hover>.current>a>.shortcut-legend
	{
	left: 0;
}

#shortcuts>.at-bottom {
	position: absolute;
	right: 0;
	bottom: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	#container input[type="text"] , #container input[type="password"]  {
		width: 150px;
	}
	.font-icon.empty {
		margin-right: -16px;
		margin-left: -1px;
	}
}