/**
 *
 * '||''|.                            '||
 *  ||   ||    ....  .... ...   ....   ||    ...   ... ...  ... ..
 *  ||    || .|...||  '|.  |  .|...||  ||  .|  '|.  ||'  ||  ||' ''
 *  ||    || ||        '|.|   ||       ||  ||   ||  ||    |  ||
 * .||...|'   '|...'    '|     '|...' .||.  '|..|'  ||...'  .||.
 *                                                  ||
 * --------------- 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                      */
/********************************************************/
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
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: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color: #666666;
}

html, body {
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
	background: #efefef;
	color: #424a4d;
}
/********************************************************/
/*               2. Basic elements/styles               */
/********************************************************/

p, ul, ol, dl {
	margin-bottom: 16px;
	}
	ul.no-bullets,
	ul.unstyled-list {
		list-style-type: none;
		margin-left: 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: 0px 1px 5px rgba(0, 0, 0, 0.25);
	-moz-text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.25);
	text-shadow: 0px 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;
	font-family: 'Open Sans', sans-serif;
}

.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 */
.left-border {
	border-left: 2px solid;
	padding-left: 10px;
}
.right-border {
	border-right: 2px solid;
	padding-right: 10px;
	text-align: right;
}
.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;
}


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

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

/* Floating elements */
.float-left		{ float: left; }
.float-right	{ float: right; }
.clear-left		{ clear: left; }
.clear-right	{ clear: right; }
.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-left,
.absolute-right {
	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;
	left: 0;
}

/* IE7 vertically aligned images fix */
.vert-align {
	display: inline;
	width: 0;
	margin-right: -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;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		background: url(../img/effects/glow.png) no-repeat center center;
		pointer-events: none;
		-webkit-background-size: 100% 100%;
		-moz-background-size: 100% 100%;
		-o-background-size: 100% 100%;
		background-size: 100% 100%;
	}

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

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

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

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

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

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


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

/* Columns */
.columns {
	margin-left: -2.25%;
	}
	.columns:last-child {
		margin-bottom: -20px;
	}
	.columns > div,
	.columns > form {
		float: left;
		margin: 0 0 20px 2.25%;
	}

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

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

/* Content panels */
.content-panel,
.content-panel.mobile-panels {
	border: 1px solid #cccccc;
	position: relative;
	overflow: hidden;
	padding-left: 0;
	zoom: 1;
	}
	.panel-navigation,
	.mobile-panels > .panel-navigation {
		position: relative;
		top: auto;
		left: auto;
		bottom: auto;
		width: auto;
		border-right: 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;
		left: 0;
		right: 0;
		-webkit-transition: left 200ms, right 200ms;
		-moz-transition: left 200ms, right 200ms;
		-ms-transition: left 200ms, right 200ms;
		-o-transition: left 200ms, right 200ms;
		transition: left 200ms, right 200ms;
		}
		.enabled-panels.show-panel-content > .panel-navigation,
		.mobile-panels.enabled-panels.show-panel-content > .panel-navigation {
			left: -100%;
			right: 100%;
		}
	.enabled-panels > .panel-content,
	.mobile-panels.enabled-panels > .panel-content {
		width: 100%;
		margin-left: 100%;
		-webkit-transition: margin-left 200ms;
		-moz-transition: margin-left 200ms;
		-ms-transition: margin-left 200ms;
		-o-transition: margin-left 200ms;
		transition: margin-left 200ms;
		}
		.enabled-panels.show-panel-content > .panel-content,
		.mobile-panels.enabled-panels.show-panel-content > .panel-content {
			margin-left: 0;
		}
	.mobile-panels > .panel-content > .back {
		display: block;
	}


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

/* Bullet list */
.bullet-list {
	margin-left: 0;
	list-style-type: none;
	}
	.bullet-list > li {
		padding-top: 10px;
		padding-left: 16px;
		}
		.bullet-list > li:first-child {
			padding-top: 0;
		}
		.bullet-list > li:before {
			display: block;
			float: left;
			width: 16px;
			margin: 1px 0 0 -16px;
			font-weight: normal;
			font-style: normal;
			font-family: 'EntypoRegular';
			content: 'k';
			font-size: 25px;
			color: #cccccc;
		}
		/* IE7 */
		.bullet-list-before {
			display: block;
			float: left;
			width: 16px;
			margin: 1px 0 0 -16px;
			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-left: 16px;
}

/* Generic list style */
.list {
	list-style-type: none;
	margin-left: 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-left: -5px;
	list-style-type: none;
	}
	.blocks-list > li {
		float: left;
		margin: 0 0 5px 5px;
		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-left: -7px; }
	.fixed-size-100 > li	{ width: 86px;	margin: 0 0 7px 7px;	}
	.fixed-size-150,
	.fixed-size-200,
	.fixed-size-250			{ margin-left: -10px; }
	.fixed-size-150 > li	{ width: 136px;	margin: 0 0 10px 10px;	}
	.fixed-size-200 > li	{ width: 186px;	margin: 0 0 10px 10px;	}
	.fixed-size-250 > li	{ width: 236px;	margin: 0 0 10px 10px;	}

	/* Square sizes */
	.square-26 > li {
		text-align: center;
		padding: 4px;
		width: 16px;
		height: 16px;
		line-height: 16px;
	}
	.square-46 {
		margin-left: -7px;
	}
	.square-46 > li	{
		text-align: center;
		padding: 6px;
		width: 32px;
		height: 32px;
		line-height: 32px;
		margin: 0 0 7px 7px;
	}
	.square-66,
	.square-90,
	.square-134 {
		margin-left: -10px;
	}
	.square-66 > li {
		text-align: center;
		padding: 8px;
		width: 48px;
		height: 48px;
		line-height: 48px;
		margin: 0 0 10px 10px;
	}
	.square-90 > li	{
		text-align: center;
		padding: 12px;
		width: 64px;
		height: 64px;
		line-height: 64px;
		margin: 0 0 10px 10px;
	}
	.square-134 > li {
		text-align: center;
		padding: 18px;
		width: 96px;
		height: 96px;
		line-height: 96px;
		margin: 0 0 10px 10px;
	}

/* 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 0 0 62px;
		zoom: 1;
	}
	.version-new,
	.version-fixed,
	.version-upgraded {
		float: left;
		font-size: 10px;
		margin-left: -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-left-arrow,
.with-right-arrow,
.tabs > li > a {
	position: relative;
	}
	.with-left-arrow:after,
	.with-right-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-left-arrow:after {
			left: 7px;
			background: url(../img/standard/sprites.png) no-repeat -209px 0;
			}
			/* IE7 */
			.with-left-arrow > .with-arrow-after {
				left: 7px;
				background: url(../img/standard/sprites.png) no-repeat -209px 0;
			}
		.with-right-arrow:after,
		.tabs > li > a:after {
			right: 7px;
			background: url(../img/standard/sprites.png) no-repeat -224px 0;
			}
			/* IE7 */
			.with-right-arrow > .with-arrow-after,
			.tabs > li > a > .with-arrow-after {
				right: 7px;
				background: url(../img/standard/sprites.png) no-repeat -224px 0;
			}

		/* Variations */
		.with-left-arrow.grey-arrow:after	{ background-position: -209px -20px; }
		.with-left-arrow.black-arrow:after	{ background-position: -209px -40px; }
		.with-right-arrow.grey-arrow:after,
		.tabs > li > a:after				{ background-position: -224px -20px; }
		.with-right-arrow.black-arrow:after	{ background-position: -224px -40px; }
			/* IE7 */
			.with-left-arrow.grey-arrow > .with-arrow-after		{ background-position: -209px -20px; }
			.with-left-arrow.black-arrow > .with-arrow-after	{ background-position: -209px -40px; }
			.with-right-arrow.grey-arrow > .with-arrow-after,
			.tabs > li > a > .with-arrow-after					{ background-position: -224px -20px; }
			.with-right-arrow.black-arrow > .with-arrow-after	{ background-position: -224px -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%;
	right: 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-right-arrow > .list-count, .with-right-arrow > a > .list-count, .with-right-arrow > span > .list-count,
	.tabs > li > .list-count, .tabs > li > a > .list-count, .tabs > li > span > .list-count {
		right: 30px;
	}
	.no-boxshadow .list-count {
		padding: 0 6px;
		border: 1px solid white;
	}

/* Sort handle */
.list-sort {
	display: block;
	position: absolute;
	right: 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%;
	left: 50%;
	margin: 1px 0 0 -6px;
	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;
		left: 50%;
		bottom: 100%;
		margin: 0 0 1px -6px;
		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.right {
		top: 50%;
		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; }
	.block-arrow.left {
		top: 50%;
		left: auto;
		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; }


/********************************************************/
/*                 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 {
		right: 6%;
		margin: -10px 0 0 0;
	}
	.close {
		cursor: pointer;
	}
	.count.right,
	.count.inset,
	.close {
		right: 0;
		margin: -10px -10px 0 0;
	}
	.count.left,
	.close.left {
		right: auto;
		left: 0;
		margin: -10px 0 0 -10px;
	}
	.count.inset,
	.close.inset {
		margin: 4px 4px 0 0;
	}
	.count.left.inset,
	.close.left.inset {
		margin: 4px 0 0 4px;
	}
	#access > li > .count,
	#access > li > a > .count {
		right: 50%;
		margin: 10px -25px 0 0;
		}
		#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-left-radius: 8px;
			-webkit-border-top-right-radius: 8px;
			-moz-border-radius-topleft: 8px;
			-moz-border-radius-topright: 8px;
			border-top-left-radius: 8px;
			border-top-right-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-left-radius: 0;
				-webkit-border-bottom-right-radius: 0;
				-moz-border-radius-bottomleft: 0;
				-moz-border-radius-bottomright: 0;
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			}
			details.details > summary:before {
				content: '►';
				padding-right: 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-right {
			right: 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-left-radius: 5px;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topleft: 5px;
			-moz-border-radius-topright: 5px;
			border-top-left-radius: 5px;
			border-top-right-radius: 5px;
		}
		.accordion > dt.closed {
			margin-bottom: -1px;
			}
			.accordion > dt.closed:last-of-type {
				border-bottom-width: 0;
				margin-bottom: 0;
				-webkit-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-moz-border-radius-bottomleft: 5px;
				-moz-border-radius-bottomright: 5px;
				border-bottom-left-radius: 5px;
				border-bottom-right-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;
	right: -5px;
	}
	.no-csstransforms .ribbon {
		width: 70px;
		height: 46px;
	}
	.ribbon.tiny {
		width: 43px;
		height: 44px;
		top: -4px;
		right: -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;
		left: -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 {
			left: -25px;
		}
		.tiny > .ribbon-inner {
			font-size: 10px;
			line-height: 10px;
			padding: 3px 0;
			left: -2px;
			top: 7px;
			width: 60px;
			}
			.no-csstransforms .tiny > .ribbon-inner {
				left: -9px;
			}
		.ribbon-inner:before,
		.ribbon-inner:after {
			content: '';
			border-left:  3px solid transparent;
			border-right: 3px solid transparent;
			border-top:   3px solid;
			border-top-color: inherit;
			position: absolute;
			bottom: -3px;
			}
			.tiny > .ribbon-inner:before,
			.tiny > .ribbon-inner:after {
				border-left-width: 2px;
				border-right-width: 2px;
				border-top-width: 2px;
				bottom: -2px;
			}
			.ribbon-inner:before {
				left: 1px;
			}
			.ribbon-inner:after {
				right: 1px;
			}

/* Meter bars */
.meter {
	display: inline-block;
	height: 11px;
	line-height: 11px;
	width: 4px;
	margin-left: -2px;
	*margin-left: 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, left top, left 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;
		left: 0;
		}
		.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;
		left: 15px;
		min-width: 100px;
		padding: 8px 11px;
		background: #4c4c4c;
		color: white;
		text-align: left;
		-webkit-border-radius: 5px;
		-webkit-border-top-left-radius: 0;
		-moz-border-radius: 0 5px 5px 5px;
		border-radius: 0 5px 5px 5px;
		}
		.info-spot:hover > .info-bubble {
			display: block;
		}
		.info-bubble:before {
			content: '';
			display: block;
			position: absolute;
			top: 0;
			right: 100%;
			height: 26px;
			width: 21px;
			background-color: inherit;
			-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 */
		.info-bubble-before {
			display: block;
			position: absolute;
			top: 0;
			right: 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-left-radius: 5px;
			-webkit-border-bottom-left-radius: 0;
			-moz-border-radius: 5px 5px 5px 0;
			border-radius: 5px 5px 5px 0;
			}
			.on-top > .info-bubble:before {
				top: auto;
				bottom: 0;
			}
			/* IE7 */
			.on-top > .info-bubble > .info-bubble-before {
				top: auto;
				bottom: 0;
			}
		.on-left > .info-bubble {
			left: auto;
			right: 15px;
			-webkit-border-top-left-radius: 5px;
			-webkit-border-top-right-radius: 0;
			-moz-border-radius: 5px 0 5px 5px;
			border-radius: 5px 0 5px 5px;
			}
			.on-left > .info-bubble:before {
				right: auto;
				left: 100%;
				-webkit-border-radius: 0;
				-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 */
			.on-left > .info-bubble > .info-bubble-before {
				right: auto;
				left: 100%;
			}
		.on-top.on-left > .info-bubble {
			left: auto;
			right: 15px;
			-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;
			}
			/* IE7 */
			.on-top.on-left > .info-bubble > .info-bubble-before {
				left: auto;
				right: 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.115em -0.5em -0.077em;
	vertical-align: -0.077em;
	}
	.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;
		vertical-align: -0.133em;
	}

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

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

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

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

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

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

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

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


/********************************************************/
/*               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;
		left: 0;
		right: 0;
	}
	.with-shortcuts #title-bar {
		padding-left: 43px;
		}
		.reversed.with-shortcuts #title-bar {
			padding-left: 10px;
			padding-right: 43px;
		}
	.with-menu #title-bar {
		padding-right: 92px;
		}
		.reversed.with-menu #title-bar {
			padding-right: 10px;
			padding-left: 92px;
		}
	.reversed.with-shortcuts.with-menu #title-bar {
		padding-right: 43px;
		padding-left: 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;
		right: 8px;
		-webkit-tap-highlight-color: transparent;
		}
		body.reversed #open-menu {
			left: 8px;
			right: auto;
		}
		.fixed-title-bar > #open-menu {
			position: fixed;
		}
		#open-menu > span {
			padding: 0 8px 0 30px;
			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;
		left: 8px;
		-webkit-tap-highlight-color: transparent;
		text-align: center;
		font-size: 24px;
		height: 25px;
		line-height: 25px;
		width: 27px;
		padding: 2px 0 0 2px;
		}
		body.reversed #open-shortcuts {
			left: auto;
			right: 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;
				right: 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;
	left: 10px;
	margin: 0;
	width: 240px;
	list-style-type: none;
	padding: 15px 4px 5px 14px;
	*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, left top, left 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 {
		left: auto;
		right: 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%;
		left: 6px;
		}
		.reversed #shortcuts:before {
			left: auto;
			right: 6px;
		}
	#shortcuts > li {
		width: 70px;
		height: 70px;
		float: left;
		margin: -5px 10px 25px 0;
		}
		#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;
	left: 0;
	right: 0;
	background: #3c4044;
	color: white;
	}
	body.menu-open #menu {
		display: block;
	}
	.fixed-title-bar > #menu {
		position: fixed;
	}
	#menu:after {
		display: block;
		content: ' ';
		position: absolute;
		top: 100%;
		left: 0;
		right: 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, left top, left 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%;
			left: 0;
			right: 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, left top, left 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, left top, left 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: right;
		}

	/* 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, left top, left 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: left;
			margin: 0 10px 0 -2px;
		}
		#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: left;
				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: ' ';
					left: 4px;
					right: 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-right-arrow,
		li.big-menu.with-right-arrow {
			padding-right: 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-right-arrow > span,
			li.big-menu.with-right-arrow > span,
			.big-menu > li.with-right-arrow > a,
			li.big-menu.with-right-arrow > a {
				margin-right: -32px;
				padding-right: 32px;
			}
		.big-menu > li > span,
		li.big-menu > span,
		.big-menu > li > a,
		li.big-menu > a {
			cursor: pointer;
			border-left: 0px solid #404040;
			border-left: 0px solid rgba(0, 0, 0, 0.5);
			padding-right: 20px; /* Menu padding + hovered border width */
			-webkit-transition: border-left-width 100ms, padding-right 100ms;
			-moz-transition: border-left-width 100ms, padding-right 100ms;
			-ms-transition: border-left-width 100ms, padding-right 100ms;
			-o-transition: border-left-width 100ms, padding-right 100ms;
			transition: border-left-width 100ms, padding-right 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-left-width: 4px;
				padding-right: 12px;
				}
				.no-touch .big-menu > li.with-right-arrow > span:hover,
				.no-touch li.big-menu.with-right-arrow > span:hover,
				.no-touch .big-menu > li.with-right-arrow > a:hover,
				.no-touch li.big-menu.with-right-arrow > a:hover,
				.no-touch .big-menu > li.with-right-arrow > .current,
				.no-touch li.big-menu.with-right-arrow > .current {
					padding-right: 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;
					left: 0;
					top: 50%;
					margin-top: -5px;
					border: 5px solid transparent;
					border-left-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 10px 10px 50px;
		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 -10px -10px -50px;
			padding: 10px 14px 10px 50px;
			min-height: 40px;
			color: inherit;
		}
		.calendar-menu > li time,
		li.calendar-menu time {
			float: left;
			display: block;
			width: 30px;
			margin-left: -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 65px 10px 30px;
		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 -65px -10px -30px;
			padding: 9px 69px 10px 30px;
			min-height: 41px;
			color: #4c4c4c;
			position: relative;
		}
		.message-status {
			float: left;
			margin: -1px 0 0 -22px;
			width: 16px;
			text-align: center;
			}
			.message-status > a,
			.message-status > span {
				height: 16px;
				font-weight: bold;
				}
		.message-info {
			position: absolute;
			top: 9px;
			right: 7px;
			width: 50px;
			margin-left: 0;
			list-style-type: none;
			text-align: right;
			}
			.message-info > a,
			.message-info > span {
				display: block;
				float: right;
				height: 16px;
			}

		.starred, .unstarred, .new-message, .attach {
			display: block;
			overflow: hidden;
			text-indent: -9999px;
			text-align: left;
			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-left: 0px solid #404040;
			border-left: 0px solid rgba(0, 0, 0, 0.5);
			-webkit-transition: border-left-width 100ms, padding-right 100ms;
			-moz-transition: border-left-width 100ms, padding-right 100ms;
			-ms-transition: border-left-width 100ms, padding-right 100ms;
			-o-transition: border-left-width 100ms, padding-right 100ms;
			transition: border-left-width 100ms, padding-right 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-left-width: 4px;
				}
				.no-touch .calendar-menu > li > a:hover,
				.no-touch li.calendar-menu > a:hover {
					padding-right: 10px;
				}
				.no-touch .message-menu > li > a:hover,
				.no-touch li.message-menu > a:hover {
					padding-right: 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 10px 0 0;
				-webkit-transition: border-left-width 100ms, padding-left 100ms, padding-right 100ms;
				-moz-transition: border-left-width 100ms, padding-left 100ms, padding-right 100ms;
				-ms-transition: border-left-width 100ms, padding-left 100ms, padding-right 100ms;
				-o-transition: border-left-width 100ms, padding-left 100ms, padding-right 100ms;
				transition: border-left-width 100ms, padding-left 100ms, padding-right 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-left: 6px;
					padding-right: 0;
				}

/* Navigable menus classes */
.navigable {
	overflow: hidden;
	position: relative;
	padding: 0;
	}
	.navigable > .load {
		position: absolute;
		top: 0;
		right: 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;
		left: 0;
		width: 100%;
		}
		.navigable ul ul {
			position: absolute;
			left: 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-left-arrow:after,
		.collapsible li.with-right-arrow:after {
			top: 25px;
			}
			/* IE7 */
			.collapsible .with-arrow-after {
				top: 25px;
			}
		.collapsible.big-menu > li.with-right-arrow > ul,
		.collapsible li.big-menu.with-right-arrow > ul,
		.collapsible .big-menu > li.with-right-arrow > ul,
		.collapsible.big-menu > li.with-right-arrow > .load,
		.collapsible li.big-menu.with-right-arrow > .load,
		.collapsible .big-menu > li.with-right-arrow > .load {
			margin-right: -32px;
		}

/* Back element */
.back {
	position: relative;
	padding: 16px 15px 16px 32px;
	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;
		left: 11px;
		background: url(../img/standard/sprites.png) no-repeat -187px 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 {
				left: 0;
				right: 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-left,
	.button-height.absolute-right {
		margin-top: -17px;
		margin-bottom: 0;
	}

/* Disabled elements */
.disabled, .disabled span,
.disabled .input, .disabled input,
.disabled .label, .disabled label,
.disabled .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: bold;
	text-transform: none;
	padding: 0 11px;
	font-size: 13px;
	line-height: 28px;
	height: 28px;
	*line-height: 26px;
	*height: 26px;
	-webkit-background-clip: padding-box;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	min-width: 6px;
	border-width: 1px;
	border-style: solid;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-appearance: none;
	background-position: center center !important; /* This is required for glossy gradients image fallbacck*/
	}
	.ie7 button.button {
		line-height: 24px;
		height: 28px;
	}
	.ie7 .button {
		margin-left: 4px;
		}
		.ie7 .button:first-child {
			margin-left: 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-left,
	.button-height .button.float-right {
		margin-top: 2px;
	}
	.button.absolute-left,
	.button.absolute-right {
		position: absolute;
		margin-top: -15px;
	}

	/* 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-left: -9px;
		}
		.ie7 .input .button:first-child {
			margin-left: 0;
			margin-right: 3px;
		}
		.input.large .button,
		.input .button:first-child {
			-webkit-border-bottom-left-radius: 3px;
			-webkit-border-top-left-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-bottomleft: 3px;
			border-bottom-left-radius: 3px;
			border-top-left-radius: 3px;
		}
		.input .button:last-child {
			margin-right: -9px;
			}
			/* IE7 */
			.input .button.last-child {
				margin-right: -9px;
			}
		.input.large .button,
		.input .button:last-child {
			-webkit-border-bottom-right-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-moz-border-radius-topright: 3px;
			-moz-border-radius-bottomright: 3px;
			border-bottom-right-radius: 3px;
			border-top-right-radius: 3px;
			}

	/* Default shadows */
	.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: left;
	font-weight: bold;
	padding: 0 10px;
	line-height: inherit;
	//line-height:expression(this.parentNode.currentStyle['line-height']);
	height: inherit;
	//height:expression(this.parentNode.currentStyle['height']-2);
	min-width: 6px;
	border-width: 1px;
	border-style: solid;
	margin: -1px 9px -1px -12px;
	-webkit-background-clip: padding-box;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius: 4px 0 0 4px;
	border-radius: 4px 0 0 4px;
	-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3);
	background-position: center center !important; /* This is required for glossy gradients image fallbacck*/
	}
	.ie7 .button > .button-icon {
		margin: -1px 9px -1px 0;
	}
	@-moz-document url-prefix() {
		.button > .button-icon {
			margin-left: -15px;
		}
	}
	.button > .button-icon.right-side {
		margin: -1px -12px -1px 9px;
		-webkit-border-radius: 0;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
		}
		.ie7 .button > .button-icon.right-side {
			margin: -1px 0 -1px 0;
		}
		@-moz-document url-prefix() {
			.button > .button-icon.right-side {
				margin-right: -15px;
			}
		}
	: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-left, .tiny .button.absolute-left,
	.button.tiny.absolute-right, .tiny .button.absolute-right {
		margin-top: -9px;
	}
	.input .button.tiny:first-child,
	.input.tiny .button:first-child {
		margin-left: -3px;
	}
	.input .button.tiny:last-child,
	.input.tiny .button:last-child {
		margin-right: -3px;
		}
		/* IE7 */
		.input .button.tiny.last-child,
		.input.tiny .button.last-child {
			margin-right: -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-left, .tiny .button-group.absolute-left,
		.button-group.tiny.absolute-right, .tiny .button-group.absolute-right {
			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-left, .compact .button.absolute-left,
	.button.compact.absolute-right, .compact .button.absolute-right {
		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-left: -6px;
		}
		.input .button.compact:last-child,
		.input.compact .button:last-child {
			margin-right: -6px;
			}
			/* IE7 */
			.input .button.compact.last-child,
			.input.compact .button.last-child {
				margin-right: -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-left, .compact .button-group.absolute-left,
		.button-group.compact.absolute-right, .compact .button-group.absolute-right {
			margin-top: -12px;
		}
	.compact > .button-icon {
		margin: -1px 4px -1px -9px;
		padding: 0 6px;
		}
		.compact > .button-icon.right-side {
			margin: -1px -9px -1px 4px;
		}

/* Big button */
.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-left, .big .button.absolute-left,
	.button.big.absolute-right, .big .button.absolute-right {
		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 8px -1px -13px;
		padding: 0 11px;
		}
		.big > .button-icon.right-side {
			margin: -1px -13px -1px 8px;
		}

/* 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-left, .huge .button.absolute-left,
	.button.huge.absolute-right, .huge .button.absolute-right {
		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 15px -1px -19px;
		padding: 0 18px;
		}
		.huge > .button-icon.right-side {
			margin: -1px -19px -1px 15px;
		}

/* 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-left: 1px;
	}
	.ie7 .button-group {
		display: inline;
		margin-left: 4px;
		}
		.ie7 .button-group:first-child {
			margin-left: 0;
		}
	p > .button-group {
		margin-top: -8px;
		margin-bottom: -6px;
	}
	.button-height .button-group {
		margin-top: -2px;
		margin-bottom: 2px;
	}
	.button-group.absolute-left,
	.button-group.absolute-right {
		margin-top: -15px;
	}
	.button-group > .button,
	.ie7 .button-group > .button {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		float: left;
		margin-left: -1px;
		}
		.button-group > .button:first-child {
			border-left-width: 1px;
			-webkit-border-top-left-radius: 4px;
			-webkit-border-bottom-left-radius: 4px;
			-moz-border-radius-topleft: 4px;
			-moz-border-radius-bottomleft: 4px;
			border-top-left-radius: 4px;
			border-bottom-bottom-radius: 4px;
		}
		.button-group > .button:last-child {
			-webkit-border-top-right-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			-moz-border-radius-topright: 4px;
			-moz-border-radius-bottomright: 4px;
			border-top-right-radius: 4px;
			border-top-right-radius: 4px;
		}


/********************************************************/
/*                      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-left: -1px;
	}
	.input .loader:last-child {
		margin-right: -1px;
		}
		/* IE7 */
		.input .loader.last-child {
			margin-right: -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: left;
		margin: 0 17px 0 -3px;
		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 20px -6px -6px;
			}
			.big-message-icon.with-text:before {
				font-size: 56px;
				line-height: 29px;
			}
		.big-message-icon.right-side {
			float: right;
			margin-left: 17px;
			margin-right: -6px;
			}
			.big-message-icon.with-text.right-side {
				margin-left: 20px;
				margin-right: -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 30px 12px 12px;
			border-top: 1px solid #cccccc;
			color: #c0c0c0;
			}
			.tabs > li:first-child {
				border-top: 0;
			}
			.tabs > li > a {
				display: block;
				margin: -12px -30px -12px -12px;
				padding: 12px 30px 12px 12px;
				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 12px 12px 30px;
		color: #666666;
		border-bottom: 1px solid #cccccc;
		cursor: pointer;
		position: relative;
		-webkit-border-top-left-radius: 6px;
		-webkit-border-top-right-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;
		left: 0;
		width: 100%;
		}
		.tabs-active > .tabs-content {
			left: 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: left 300ms;
			-moz-transition: left 300ms;
			-ms-transition: left 300ms;
			-o-transition: left 300ms;
			transition: left 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 {
		left: -100%;
		}
		.csstransforms .tab-opened > .tabs {
			left: 0;
			-webkit-transform: translatex(-100%);
			-moz-transform: translatex(-100%);
			-ms-transform: translatex(-100%);
			-o-transform: translatex(-100%);
			transform: translatex(-100%);
		}
	.tab-opened > .tabs-content {
		left: 0;
		}
		.csstransforms .tab-opened > .tabs-content {
			left: 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-left-radius: 0;
		-webkit-border-top-right-radius: 0;
		-moz-border-radius-topleft: 0;
		-moz-border-radius-topright: 0;
		border-top-left-radius: 0;
		border-top-right-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;
	right: 0;
	left: 0;
	text-align: left;
	}
	#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 -3px 0 0;
		}
		.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: left;
			margin: 7px 6px 7px 8px;
		}

		.notification > .block-arrow {
			display: none;
		}

		.extra-notifications {
			padding: 2px 6px;
			font-weight: bold;
			-webkit-border-bottom-left-radius: 3px;
			-webkit-border-bottom-right-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;
	left: 0;
	}
	#tooltips {
		z-index: 999100;
	}
	#tooltips-over {
		z-index: 999500;
	}
	.tooltip {
		position: absolute;
		white-space: nowrap;
		max-width: 300px;
	}

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

/********************************************************/
/*                    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,
.left-column-200px:before, .left-column-200px:after,
.right-column-200px:before, .right-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,
.left-column-200px:after,
.right-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,
.left-column-200px,
.right-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: left;
	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;
}

/**
 *
 * '||''|.                            '||
 *  ||   ||    ....  .... ...   ....   ||    ...   ... ...  ... ..
 *  ||    || .|...||  '|.  |  .|...||  ||  .|  '|.  ||'  ||  ||' ''
 *  ||    || ||        '|.|   ||       ||  ||   ||  ||    |  ||
 * .||...|'   '|...'    '|     '|...' .||.  '|..|'  ||...'  .||.
 *                                                  ||
 * --------------- By Display:inline ------------- '''' -----------
 **/

html {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}
html, body {
	height: 100%;
	font-family: 'Open Sans', sans-serif;
	font-weight: 100;
//	background: #efefef;
	color: #424a4d;
}
h1, h2, h3, h4, h5, h6 {
	margin: 10px 0;
}
h1 {
	line-height: 43px
}
h2 {
	line-height: 35px
}
h3 {
	line-height: 30px
}
h4 {
	line-height: 22px
}
h3 small, h4 small, h5 small {
	font-weight: 300;
	color: #444;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 300;
	color: #505458
}
.navbar {
	min-height: 40px;
	margin-bottom: 0px;
}
.navbar ul {
	padding: 0px!important;
	margin: 0px!important;
}
.navbar-nav li {
	display: inline-block;
}
.navbar-nav li a {
	padding-bottom: 10px;
	padding-top: 10px;
}
#last-one {
	position: absolute;
	right: 40px;
}

.navbar-nav li:last-child {
//	position: absolute;
//	right: 0;
//	border: none;
}
.navbar, .navbar-inverse {
	border: medium none;
	border-radius: 0;
}
.header .header-seperation {
	display: block;
	height: 40px;
	width: auto;
}
.fixed {
	position: fixed;
}
#sidebar {
	height: 100%;
	transition: all 0.3s ease-in-out 0s;
	width: 210px;
	left: 0;
	float: left;
}
#sidebar ul li {
	position: relative;
}
#sidebar h3 {
	font-weight: bold;
	font-size: 18px;
	padding: 15px 10px;
	margin: 0;
	text-transform: uppercase;
}
.sidebar-user {
	padding: 20px 0px 20px 88px;
}
.sidebar-user-avatar {
	background: rgba(0, 0, 0, 0.15);
	border-radius: 34px;
	float: left;
	height: 68px;
	margin-left: -78px;
	padding: 2px;
	width: 68px;
}
.sidebar-user-avatar img {
	border-radius: 32px;
	height: 64px;
	width: 64px;
}
.sidebar-user-name {
	font-size: 14px;
	font-weight: 300;
	line-height: 26px;
	margin-top: 10px;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
}
.sidebar-user-links a {
	margin-right: 12px;
	opacity: 0.3;
}
.sidebar-user-links a:focus, .sidebar-user-links a:hover {
	opacity: 1;
	text-decoration: none;
}
.sidebar-user-links a > i {
	font-size: 16px;
}
.leftside-navigation, .right-stat-bar {
	height: 100%;
}
.right-stat-bar ul {
	list-style-type: none;
	padding-left: 0;
}
.right-side-accordion li:nth-child(2) ul li .prog-row {
	border: medium none;
}
.nav-collapse.collapse {
	display: inline;
}
ul.sidebar-menu, ul.sidebar-menu li ul.sub {
	margin: -2px 0 0;
	padding: 0;
	padding-bottom: 20px;
}
#sidebar > ul > li > ul.sub {
	display: none;
}
#sidebar .sub-menu > .sub li a {
	padding-left: 45px;
}
#sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a {
	display: block;
}
ul.sidebar-menu li ul.sub li {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
ul.sidebar-menu li ul.sub li a {
	font-size: 12px;
	padding-bottom: 10px;
	padding-top: 10px;
	transition: all 0.3s ease 0s;
}
ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
	display: block;
	transition: all 0.3s ease 0s;
}
ul.sidebar-menu li.sub-menu {
	line-height: 15px;
}
ul.sidebar-menu ul.sub li {
	border-bottom: medium none;
}
ul.sidebar-menu li a span {
	display: inline-block;
}
ul.sidebar-menu li a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	outline: medium none;
	padding: 12px 12px 12px 25px;
	text-decoration: none;
	transition: all 0.3s ease 0s;
}
ul.sidebar-menu li a.active, ul.sidebar-menu li a:focus {
	display: block;
	transition: all 0.3s ease 0s;
}
ul.sidebar-menu li a i {
	font-size: 15px;
	padding-right: 6px;
}
ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
}
ul.sidebar-menu li a.active i {
}
.top-margin {
	margin-top: 24px;
}
.page-container {
	height: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}
#main-content {
	left: 209px;
	right: 0;
	transition: all 0.3s ease-in-out 0s;
	position: absolute;
}
#main-content2 {
	position: absolute;
	right: 209px;
	transition: all 0.3s ease-in-out 0s;
}
#main-content3 {
	position: absolute;
	right: 210px;
	transition: all 0.3s ease-in-out 0s;
	width: 950px;
}
.page-content {
	display: inline-block;
	padding: 20px;
	width: 100%;
	margin-top: 40px;
	position: relative;
}
.page-content:after {
	clear: both;
	content: "";
	display: block;
}
/*dark-theme color start*/

.dark-theme .navbar, .navbar-inverse {
	background-color: #363b3f;
}
.dark-theme #sidebar {
	background: #363b3f;
}
.dark-theme ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
	background: #424a4d;
	color: #dadbdd;
}
.dark-theme #sidebar h3 {
	color: #fff;
}
.dark-theme .sidebar-user {
	border-top: 2px solid #24292D;
	border-bottom: 1px solid #474c50;
}
.dark-theme .sidebar-user-name {
	color: #fff;
}
.dark-theme .sidebar-user-links a {
	color: #FFFFFF;
}
.dark-theme .sidebar-user-links a:focus, .sidebar-user-links a:hover {
	color: #FFFFFF;
}
.dark-theme ul.sidebar-menu li ul.sub li {
	background: #2a2f33;
}
.dark-theme ul.sidebar-menu li ul.sub li a {
	color: #AEB2B7;
}
.dark-theme ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
	background: #424a4d;
	color: #dadbdd;
}
.dark-theme ul.sidebar-menu li a {
	color: #AEB2B7;
}
.dark-theme ul.sidebar-menu li a.active, ul.sidebar-menu li a:focus {
	background: #424a4d;
	border-bottom: 1px solid #2d3236;
	border-top: 1px solid #485053;
	color: #dadbdd;
}
.dark-theme ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
	color: #dadbdd;
}
.dark-theme ul.sidebar-menu li a.active i {
	color: #dadbdd;
}
.dark-theme .navbar-nav li {
	border-left: 1px solid #454a4e;
}
.dark-theme .sidebar-user {
	background: rgba(0, 0, 0, 0.15);
}
.dark-theme .hov .con {
	color: #aeb2b7;
}
.dark-theme .hov .con:hover {
	background: none!important;
	color: #428BCA;
}
.dark-theme .hov .con:focus {
	background: none!important;
	color: #FFFFFF;
}
.dark-theme .searchform input {
	background: url("../images/icon-search.png") no-repeat scroll 95% center rgba(0,0,0,0.10);
	color: #999;
}
.dark-theme .searchform input:focus {
	background: url("../images/icon-search.png") no-repeat scroll 95% center rgba(0,0,0,0.10);
	color: #999;
}
/*dark-theme color end*/

/*light-theme color start*/
.light-theme .navbar, .navbar-inverse {
	background-color: #fff;
	color: #5f5c57;
}
.navbar-inverse .navbar-nav > li > a:hover {
	color: #999999;
}
.navbar-inverse .navbar-nav > li > a:focus {
	color: #999999;
}
.light-theme #sidebar {
	background: #fff;
}
.light-theme ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
	background: #fff;
	color: #ffffff;
}
.light-theme #sidebar h3 {
	color: #5f5c57;
}
.light-theme .sidebar-user {
	border-top: 2px solid #efefef;
	border-bottom: 1px solid #efefef;
}
.light-theme .sidebar-user-name {
	color: #5f5c57;
}
.light-theme .sidebar-user-links a {
	color: #000;
}
.light-theme .sidebar-user-links a:focus, .sidebar-user-links a:hover {
	color: #5F5C57;
}
.light-theme ul.sidebar-menu li ul.sub li {
	background: #fff;
}
.light-theme ul.sidebar-menu li ul.sub li a {
	color: #5f5c57;
}

.light-theme ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a {
	background: #ff634d;
	color: #fff;
}
.light-theme ul.sidebar-menu li a {
	color: #5f5c57;
}
.light-theme ul.sidebar-menu li a.active, ul.sidebar-menu li a:focus {
	background: #ff634d;
	border-bottom: 1px solid #ff8776;
	border-top: 1px solid #ff8776;
	color: #fff;
}
.light-theme ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i {
	color: #5F5C57;
}
.light-theme ul.sidebar-menu li a.active i {
	color: #fff;
}
.light-theme .navbar-nav li {
	border-left: 1px solid #d6d5d3;
}
.light-theme .sidebar-user {
	background: rgba(255, 255, 255, 0.2);
}
.light-theme .hov .con {
	color: #363b3f;
}
.light-theme .hov .con:hover {
	color: #428BCA;
}
.light-theme .hov .con:focus {
	color: #363b3f;
}
.light-theme .searchform input {
	background: url("../images/icon-search.png") no-repeat scroll 95% center rgba(255,255,255,0.10);
	color: #999;
}
.light-theme .searchform input:focus {
	background: url("../images/icon-search.png") no-repeat scroll 95% center rgba(255,255,255,0.10);
	color: #999;
}
/*light-theme color end*/





.panel {
	background-color: #FFFFFF;
	border-radius: 0 !important;
	box-shadow: none !important;
}
.merge-left {
	left: 0px!important;
}
.hide-left-bar {
	left: -210px!important;
}
.box-shadow {
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}
.box-shadow2 {
	box-shadow: 4px 0px 3px -3px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}
.bg-danger {
	background-color: #ff482e;
	color: #FCE5E8;
}
.bg-success {
	background-color: #8EC165;
	color: #FCE5E8;
}
.changed-position {
	position: absolute!important;
}
body.container {
	border-left: 1px solid #CBD5DD;
	border-right: 1px solid #CBD5DD;
	box-shadow: 0 3px 60px rgba(0, 0, 0, 0.3);
	padding: 0;
}
.hov .btn-group {
	margin-right: 10px;
	z-index: 101;
}
.hov .con {
	display: block;
	font-size: 15px;
	height: 40px;
	line-height: 20px;
	padding: 10px 15px;
	text-decoration: none;
	background: transparent!important;
}
.hov .dropdown-menu {
	border: 0 none;
	border-top-right-radius: 0;
	font-size: 11px;
	margin-top: -4px;
	border-radius: 0;
}
.hov .dropdown-menu a:hover {
	background: none;
	color: #FFFFFF;
}
.hov .label {
	border-radius: 10px;
	font-size: 8px;
	font-weight: normal;
	left: 22px;
	position: absolute;
	top: 2px;
}
.dropdown-alerts > .title {
	border-bottom: 1px solid #DDDDDD;
	height: 40px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 10px;
	width: 320px;
}
.dropdown-alerts > .alert {
	clear: both;
	content: "";
	display: table;
	height: 40px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 10px;
	width: 320px;
}
.dropdown-alerts > .alert:hover {
	background: none repeat scroll 0 0 #EFEFEF !important;
	cursor: pointer;
}
.dropdown-alerts > .alert > .alert-icon {
	display: table-cell;
	font-size: 16px;
	position: relative;
	text-align: left;
	top: 1px;
	width: 25px;
}
.dropdown-alerts > .alert > .alert-content {
	color: #333333;
	display: table-cell;
	text-align: left;
}
.dropdown-alerts > .alert > .alert-time {
	color: #999999;
	display: table-cell;
	text-align: right;
}
.dropdown-alerts > .alert > .alert-icon.alt-default {
	color: #333333;
}
.dropdown-alerts > .alert > .alert-icon.alt-primary {
	color: #7BAEDA;
}
.dropdown-alerts > .alert > .alert-icon.alt-warning {
	color: #D58512;
}
.dropdown-alerts > .alert > .alert-icon.alt-danger {
	color: #DF6F6C;
}
.dropdown-alerts > .divider, .dropdown-messages > .divider {
	margin-bottom: 5px !important;
	margin-top: 0 !important;
}
.dropdown-alerts > li > a, .dropdown-messages > li > a {
	height: 40px;
	line-height: 20px;
	padding: 10px;
	border: none;
}
.dropdown-alerts > li > a, .dropdown-messages > li > a:last-child {
	position: relative;
}
.dropdown-messages > .title {
	border-bottom: 1px solid #DDDDDD;
	height: 40px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 10px;
	width: 320px;
}
.dropdown-messages > .message {
	clear: both;
	content: "";
	display: table;
	height: 40px;
	line-height: 20px;
	margin-bottom: 0;
	padding: 10px;
	width: 320px;
}
.dropdown-messages > .message:hover {
	background: none repeat scroll 0 0 #EFEFEF !important;
	cursor: pointer;
}
.dropdown-messages > .message > .message-icon {
	display: table-cell;
	font-size: 16px;
	position: relative;
	text-align: left;
	top: 1px;
	width: 30px;
}
.dropdown-messages > .message > .message-icon > img {
	height: 30px;
	width: 30px;
}
.dropdown-messages > .message > .message-content {
	color: #333333;
	display: table-cell;
	padding-left: 5px;
	text-align: left;
}
.dropdown-messages > .message > .message-time {
	color: #999999;
	display: table-cell;
	text-align: right;
}
.dropdown-messages > li > .message-content > a {
	padding: 0px;
	margin: 0px;
}
.dropdown-messages > li > .message-content > a:hover {
	text-decoration: none;
	color: #333;
}
.dropdown-profile > .title {
	border-bottom: 1px solid #DDDDDD;
	height: 30px;
	line-height: 10px;
	margin-bottom: 5px;
	padding: 10px;
	width: 200px;
}
.dropdown-profile > li {
	border-left: none!important;
}
.dropdown-profile > li > a {
	height: 30px;
	line-height: 10px;
	padding: 10px;
	float: left;
	clear: both;
}
.dropdown-profile > li > a:hover {
	color: #333!important;
}
.dropdown-profile > li > a > span {
	font-size: 12px;
	margin-right: 8px;
}
.porlets-content {
	padding: 15px;
}
.block {
	background: #FFFFFF;
	border: 0 none;
	border-radius: 3px;
	margin-bottom: 30px;
}
.block-web, .block-wizard {
	background: 0 #FFFFFF;
	border-radius: 3px;
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	transition: padding 500ms ease 0s;
}
.block-web.closed {
	padding-bottom: 9px;
}
.block .header, .widget-block .header, .block-web .header {
	background-color: #FEFEFE;
	border-bottom: 1px solid #DADADA;
	padding: 10px;
	transition: border 500ms ease 0s;
}
.block-web.dark-box .header, .block-web.primary-box .header, .block-web.success-box .header, .block-web.info-box .header, .block-web.danger-box .header, .block-web.warning-box .header {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.block-web.closed .header {
	border-bottom: 1px solid rgba(0, 0, 0, 0);
}
.block .header {
	border-radius: 3px 3px 0 0;
	padding: 10px;
}
.block-web .header {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	margin: -20px -20px 10px;
	padding: 4px 18px;
}
.block-web .header.no-border {
	border: 0 none;
}
.block-web .porlets-content {
	padding: 5px 3px 0;
}
.block-web .porlets-content.full-width {
	margin-bottom: -20px;
	margin-left: -20px;
	margin-right: -20px;
	padding: 0;
}
.block-web .porlets-content h4 {
	font-size: 16px;
}
.block-web.no-padding .porlets-content {
	padding: 0 !important;
}
.block .header h2, .widget-block .header h2, .block-web .header h2 {
	font-size: 29px;
	font-weight: 100;
	line-height: 38px;
	margin: 0;
}
.block .header h3 {
	font-weight: 200;
	margin: 0px;
	color: #fff;
	font-size: 20px;
}
.widget-block .header h3, .block-web .header h3 {
	font-weight: 200;
	margin-top: 3px;
}
.block-web .actions, .block .actions {
	float: right;
	padding-top: 10px;
}
.block-web .actions .refresh i, .block .actions .refresh i {
	font-size: 12px;
}
.block .actions {
	padding-top: 5px;
}
.block-web .actions a {
	color: rgba(0, 0, 0, 0.3);
	margin-left: 6px;
}
.block-web .actions a:hover {
	color: rgba(0, 0, 0, 0.5);
}
.block.block-color .actions a {
	color: #FFFFFF;
	font-size: 14px;
	margin-left: 6px;
}
.block.block-color .actions a:hover i {
	color: rgba(255, 255, 255, 0.8);
}
.block-web.dark-box .actions a {
	color: #FFFFFF;
}
.block-web.dark-box .actions a:hover {
	color: rgba(255, 255, 255, 0.5);
}
.dark-box {
	background-color: #363b3f;
	color: #FFFFFF;
}
.primary-box {
	background-color: #428bca;
	color: #FFFFFF;
}
.success-box {
	background-color: #5cb85c;
	color: #FFFFFF;
}
.info-box {
	background-color: #5bc0de;
	color: #FFFFFF;
}
.warning-box {
	background-color: #f0ad4e;
	color: #FFFFFF;
}
.danger-box {
	background-color: #d9534f;
	color: #FFFFFF;
}
.block .header.dark {
	background-color: #383A41;
	border-bottom: 0 none;
	color: #FFFFFF;
}
.dark-box h3 {
	color: #fff!important;
}
.primary-box h3 {
	color: #fff!important;
}
.info-box h3 {
	color: #fff!important;
}
.success-box h3 {
	color: #fff!important;
}
.danger-box h3 {
	color: #fff!important;
}
.dark-box i {
	color: #fff!important;
}
.primary-box i {
	color: #fff!important;
}
.info-box i {
	color: #fff!important;
}
.success-box i {
	color: #fff!important;
}
.danger-box i {
	color: #fff!important;
}
.block .header h4 {
	font-size: 15px;
	font-weight: 400;
	margin: 6px 0;
}
.block.block-color {
	border-radius: 3px;
	position: relative;
}
.block.block-color .header {
	background: #363b3f;
	border: 0 none;
	color: #FFFFFF;
}
.block.block-color.primary .header {
	background: #428bca;
	color: #FFFFFF;
}
.block.block-color.success .header {
	background: #5cb85c;
	color: #FFFFFF;
}
.block.block-color.info .header {
	background: #5bc0de;
	color: #FFFFFF;
}
.block.block-color.warning .header {
	background: #f0ad4e;
	color: #FFFFFF;
}
.block.block-color.danger .header {
	background: #d9534f;
	color: #FFFFFF;
}
.block .loading, .block-web .loading {
	background: rgba(255, 255, 255, 0.5);
	cursor: wait;
	display: none;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.block .loading i, .block-web .loading i {
	font-size: 26px;
	left: 50%;
	margin-left: -13px;
	margin-top: -13px;
	position: relative;
	top: 50%;
}
.spacer h2 {
	font-size: 26px;
	margin-bottom: 20px;
}
/*lockscreen start*/
.lockscreen {
	height: 250px;
	left: 50%;
	margin-left: -239px;
	margin-top: -185px;
	position: absolute;
	top: 50%;
	width: 478px;
}
.lockscreen .logo {
	display: block;
	padding: 15px 0;
}
.lockscreen .logo + div {
	background: #FFFFFF;
	box-shadow: -21px 32px 40px rgba(0, 0, 0, 0.2);
	overflow: hidden;
	padding: 13px;
	position: relative;
}
.lockscreen .logo > *:first-child {
	margin: 0;
}
.lockscreen .logo img {
	margin-right: -2px;
	margin-top: -4px;
	width: 29px;
}
.lockscreen .logo + div > img {
	float: left;
}
.lockscreen .logo + div > img + div {
	float: right;
	width: 318px;
}
.lockscreen .logo + div > img + div > *:first-child {
	margin-top: 0;
}
.lockscreen .logo + div > img + div > *:first-child > *:first-child {
	opacity: 0.1;
	padding: 15px;
}
.lockscreen .logo + div > img + div > *:first-child > small {
	display: block;
	padding-top: 5px;
}
.lockscreen .logo + div > img + div > *:first-child + p {
	margin-bottom: 12px;
}
.margin-top-5 {
	margin-top: 5px;
}
.margin-top-10 {
	margin-top: 10px;
}
.margin-top-20 {
	margin-top: 20px;
}
 @media (max-width: 767px) {
.lockscreen .logo + div > img {
	float: none !important;
}
.lockscreen {
	height: auto;
	left: 5%;
	margin-left: 0;
	margin-top: 0;
	position: absolute;
	text-align: center;
	top: 0;
	width: 90%;
}
.lockscreen .logo + div > img + div {
	float: none;
	height: auto;
	width: 100%;
}
}
/*lockscreen end*/
/*Login start*/
.login-container .middle-login {
	left: 50%;
	margin-left: -150px;
	margin-top: -342px;
	position: absolute;
	top: 50%;
	width: 430px;
}
.login-container .block-web {
	border: 0 none;
	box-shadow: -21px 32px 40px rgba(0, 0, 0, 0.2);
	margin-bottom: 20px;
	overflow: hidden;
	padding: 0;
}
.login-container .block-web .head {
	background: #2e3236;
	border-bottom: 1px solid #7761A7;
	padding: 9px 20px;
}
.login-container .block-web .head h3 {
	color: #FFFFFF;
	line-height: 35px;
	margin: 0;
	min-height: 40px;
	position: relative;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
}
.login-container .head .logo-img {
	left: 50%;
	margin-left: -63px;
	margin-top: -13px;
	position: absolute;
	top: 50%;
}
.login-container .block-web .content {
	padding: 30px 30px 5px;
}
.login-container .block-web .content .form-control {
	height: auto;
	padding: 10px 8px;
	box-shadow: none;
}
.login-container .block-web .content .form-group {
	margin-bottom: 10px;
}
.login-container .block-web .content .title {
	margin-bottom: 20px;
	margin-top: 0;
}
.login-container .block-web .foot {
	padding: 0 30px 15px;
	text-align: right;
}
.login-container .block-web .foot .btn {
	min-width: 70px;
}
.login-container .block-web .input-group-addon {
	background: #FAFAFA;
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	border-color: #E5E9EC;
}
.login-container .out-links {
	padding-right: 3px;
}
.login-container .out-links a {
	color: #2e3236;
}
/*Login end*/

/*404error start*/

.error-body {
	background-color: #E5E9EC !important;
	height: 100%;
}
.error-wrapper {
	height: 624px;
	margin: 0 auto -130px;
	min-height: 100%;
	padding: 0 0 60px;
}
.error-wrapper:after {
	content: "";
	display: block;
}
.error-container {
	float: none;
	margin-left: auto;
	margin-right: auto;
}
.error-main {
	margin-top: 18%;
	position: absolute;
	text-align: center;
}
.error-container .error-number {
	color: #22262E;
	font-size: 60px;
	font-weight: 300;
	line-height: 80px;
	text-align: center;
}
.error-container .error-description {
	color: #22262E;
	font-size: 32px;
	font-weight: 300;
	text-align: center;
}
.error-container .error-description-mini {
	color: #22262E;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
}
.error-container .input-prepend.inside .add-on {
	background-color: #FFFFFF;
	color: #A1A1A1;
	padding-top: 6px;
}
.error-container ul.footer-links {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}
.error-container ul.footer-links li {
	border-right: 1px solid #000000;
	display: inline;
	padding: 0 10px;
}
.error-container ul.footer-links li a {
	color: #22262E;
	font-size: 12px;
}
.error-container ul.footer-links li:last-child {
	border-right: medium none;
	display: inline;
	padding: 0 10px;
}
.error-container ul.footer-links.small-links li a {
	color: #616A7B;
	font-size: 11px;
}
.error-container ul.footer-links.small-links li {
	border-right: 1px solid #616A7B;
}
.error-container ul.footer-links.small-links li:last-child {
	border-right: medium none;
}
.error-container .copyright {
	font-size: 12px;
	text-align: center;
}
.input-with-icon {
	position: relative;
}
.input-with-icon input {
	padding-left: 32px !important;
}
.input-with-icon i {
	color: #E5E9EC;
	display: block;
	font-size: 16px;
	height: 16px;
	margin: 9px 2px 4px 10px;
	position: absolute;
	text-align: center;
	width: 16px;
}
/*404error end*/




.content-header {
	font-size: 18px;
	margin: 0;
	padding: 0;
}
.btn, .ui-button, .icon-separator-vertical {
	display: inline-block;
	position: relative;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	box-shadow: none;
}
.button-content {
	overflow: hidden;
	text-overflow: ellipsis;
}
.button-content, .icon-separator {
	display: block;
	float: left;
	text-align: center;
	white-space: nowrap;
}
.button-content .float-left.glyph-icon {
	margin-right: 5px;
}
.button-content .float-right.glyph-icon {
	margin-left: 5px;
	margin-right: 0;
}
 [data-toggle="buttons"] > .btn input[type="radio"], [data-toggle="buttons"] > .btn input[type="checkbox"] {
 display: none;
}
.button-group-vertical .btn {
	display: block;
	float: none;
}
.button-group-vertical > .btn:first-child {
	border-radius: 0;
}
.button-group-vertical > .btn + .btn {
	border-radius: 0;
	margin-top: -1px;
}
.button-group-vertical > .btn + .btn .icon-separator {
	border-radius: 0;
}
.vertical-button {
	max-width: 100px;
	min-width: 60px;
	padding: 5px 10px;
}
.content-header .btn {
	border-radius: 0;
}
.right-margin {
	margin-right: -6px;
}
.padd-adj {
	padding: 2px 7px;
}
.border-gray {
	border: 1px solid #ccc;
}
.block-web .bottom {
	background: #fcfcfc;
	border-top: 1px solid #ddd;
	margin: 0px -20px -20px;
	padding: 14px 18px;
	clear: both;
}
.panel-icon-add {
	color: #CCCCCC;
	font-size: 70px;
	padding: 4px 0;
	text-align: center;
}
.zero-margin {
	margin: 0px;
}
.zero-margin h3 {
	font-size: 20px
}
.weather-bg {
	background: #45b3aa;
	border-radius: 4px 4px 0 0;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: 300;
	text-align: center;
}
.weather-bg i {
	display: block;
	font-size: 60px;
}
.weather-bg .degree {
	font-size: 60px;
}
.weather-category {
	color: #74829C;
	padding: 34px 0;
}
.weather-category ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 100%;
}
.weather-category ul li {
	border-right: 1px solid #E6E6E6;
	display: inline-block;
	text-align: center;
	width: 32%;
}
.weather-category ul li h5 {
	font-weight: 300;
	margin: 0 0 5px;
	text-transform: uppercase;
}
.weather-category ul li a {
}
.weather-category ul li:last-child {
	border-right: medium none;
}
.custom-bar-chart {
	border-bottom: 1px solid #C9CDD7;
	height: 290px;
	margin-left: 10px;
	margin-top: 20px;
	position: relative;
}
.custom-bar-chart .bar {
	border-radius: 5px 5px 0 0;
	float: left;
	height: 100%;
	margin: 0 2%;
	position: relative;
	text-align: center;
	width: 8.3%;
	z-index: 10;
}
.custom-bar-chart .bar .title {
	bottom: -20px;
	font-size: 12px;
	position: absolute;
	text-align: center;
	width: 100%;
}
.custom-bar-chart .bar .value {
	background: #53b2ea;
	border-radius: 3px 3px 0 0;
	bottom: 0;
	color: #BFC2CD;
	position: absolute;
	transition: all 0.3s ease 0s;
	width: 100%;
}
.custom-bar-chart .bar .value:hover {
	background: #ff634d;
	color: #FFFFFF;
}
.y-axis {
	color: #555555;
	position: absolute;
	text-align: right;
	width: 100%;
}
.y-axis li {
	border-top: 1px dashed #DBDCE0;
	display: block;
	height: 58px;
	width: 100%;
}
.y-axis li:last-child {
	border-top: medium none;
}
.y-axis li span {
	display: block;
	margin: -10px 0 0 -65px;
	padding: 0 12px;
	width: 40px;
}
.y-axis {
	color: #555555;
	text-align: right;
}
.chart {
	display: inline-block;
	text-align: center;
	width: 100%;
}
.chart .heading {
	text-align: left;
}
.chart .heading span {
	display: block;
}
.panel.green-chart .chart-tittle {
	background: none repeat scroll 0 0 #99C262;
	border-radius: 0 0 4px 4px;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	padding: 15px;
	width: 100%;
}
#barchart {
	display: inline-block;
	margin-bottom: -15px;
}
.bar-bg-color {
	background: #ff634d!important;
}
.min-height-fx {
	min-height: 380px;
}
.knob-box {
	width: 150px;
	float: left;
}
.knob-content-box {
	width: 120px;
	float: left;
	margin-left: 20px;
}
.knob-content-box h4 {
	padding: 0px!important;
	margin: 0px!important;
}
.bottom-content-box {
	float: left;
	margin-right: 14px;
}
.task-list li.removed {
	opacity: 0;
	padding-top: 0;
	padding-bottom: 0;
	height: 0;
	overflow: hidden;
	border-top: 0px;
}
.task-list li.selected {
	text-decoration: line-through;
	color: #eee;
}
.task-list li .task-del:hover, .task-list li .task-del:focus {
	text-decoration: none;
}
.list-group-item, a.list-group-item {
	background: #fff;
	border: none;
	margin-bottom: 2px;
}
.blue-bg-color .list-group-item{
	background: #D3ECFF;
}
.green-bg-color {
	background: #2daba4;
	color: #fff;
}
.green-bg-color i {
	color: #fff;
}
.green-bg-color h3 {
	color: #fff;
}
.green-bg-color .list-group-item {
	background: rgba(255,255,255,0.25)!important;
	color: #fff;
}
.orange-bg-color {
	background: #f06464;
	color: #fff;
}
.blue-bg-color .content-header{
	color: #fff;
	font-weight: bold;
}
.blue-bg-color {
	background: #66a4d4;
	color: #000;
}
.paper {
	background: -moz-linear-gradient(center top, #DFE8EC 0%, #FFFFFF 8%) repeat scroll 0 0 / 100% 30px rgba(0, 0, 0, 0);
	font-size: 14px;
	line-height: 30px;
	outline: medium none;
	padding: 30px 55px 27px;
	position: relative;
}
.paper:after {
	border-left: 1px solid #F8D3D3;
	bottom: 0;
	content: "";
	left: 39px;
	position: absolute;
	top: 0;
	width: 0;
}
.widget-notes {
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
}
.widget-notes .content {
	padding: 0;
}
.tab-content {
	background-color: #FFFFFF;
	margin-bottom: 18px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.tab-content > .tab-pane, .pill-content > .pill-pane {
	padding: 15px;
}
.tab-content > .active, .pill-content > .active {
	padding: 0px;
}
.tabs-left > .nav-tabs {
	float: left;
	margin-right: 0;
}
.tabs-right > .nav-tabs {
	float: right;
	margin-left: 0;
}
.nav-tabs {
	background-color: #687174;
	margin-bottom: 0;
}
.nav-tabs > li > a {
	border: 0 none;
	border-radius: 0;
	min-width: 70px;
	padding: 10px 20px;
	color: #fff;
}
.nav-tabs > li > a:hover {
	color: #505458;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border-width: 0;
}
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
	border: 0 none;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
	color: #505458;
}
.tabs-left > .nav-tabs > li > a {
	border-bottom-left-radius: 3px;
	border-top-left-radius: 3px;
}
.tabs-right > .nav-tabs > li > a {
	border-bottom-right-radius: 3px;
	border-top-right-radius: 3px;
}
.the-icons {
	padding-top: 17px;
}
.the-icons i {
	color: #505458;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	text-align: right;
	width: 32px;
}
.the-icons a {
	color: #505458;
	font-size: 14px;
}
.the-icons a {
	cursor: pointer;
	display: block;
	height: 32px;
	line-height: 32px;
}
.the-icons a:hover {
	text-decoration: none;
}
.the-icons a:hover .fa, .the-icons a:hover [class*="fa"] {
	font-size: 28px;
	vertical-align: -5px;
}
.progress {
	border-radius: 3px;
	box-shadow: none;
	height: 10px;
	margin-bottom: 15px;
}
.progress-hieght {
	height: 20px;
}
.badge-primary {
	background-color: #428bca;
}
.badge-warning {
	background-color: #f0ad4e;
}
.badge-success {
	background-color: #5cb85c;
}
.badge-danger {
	background-color: #d9534f;
}
.badge-info {
	background-color: #428bca;
}
.demo-btns {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.demo-btns > li {
	display: inline-block;
	margin-bottom: 7px;
}
.btn-label {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.15);
	border-radius: 3px 0 0 3px;
	display: inline-block;
	left: -12px;
	padding: 6px 12px;
	position: relative;
}
.btn-labeled {
	padding-bottom: 0;
	padding-top: 0;
}
.nav-tabs {
	border-bottom: 0 none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	border: medium none;
}
.tab-content {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 0 none;
	border-radius: 0;
	margin-bottom: 40px;
	padding: 20px;
}
.tab-content h3 {
	margin-top: 0;
	padding: 0;
}
.tab-content #picture .fileinput .thumbnail {
	border: 0 none;
}
.tab-content #picture .fileinput .thumbnail h2 {
	position: relative;
	top: 30%;
}
.tab-content h3, h2, h1:first-child {
	margin-top: 0;
}
.tab-bottom .nav-tabs {
	margin-bottom: 40px;
}
.tab-bottom .tab-content {
	margin-bottom: 0;
}
.tab-bottom .nav-tabs > li.active > a:after, .tab-bottom .nav-tabs > li.active > a:hover:after, .tab-bottom .nav-tabs > li.active > a:focus:after {
	bottom: 0;
	top: auto;
}
.tab-bottom .nav-tabs > li.active > a, .tab-bottom .nav-tabs > li.active > a:hover, .tab-bottom .nav-tabs > li.active > a:focus {
	border-top: 0 none;
	margin-top: -1px;
}
.tab-bottom .tab-content {
	border-radius: 3px 3px 3px 0;
}
.tab-left .nav-tabs {
	float: left;
}
.tab-left .nav-tabs > li {
	float: none;
	margin-bottom: 0;
	margin-right: 0;
}
.tab-left .nav-tabs > li > a {
	border-radius: 0;
	min-width: 38px;
	padding: 12px 10px;
	text-align: left;
}
.tab-left .nav-tabs > li .fa {
	font-size: 14px;
}
.tab-left .nav-tabs > li.active > a:after, .tab-left .nav-tabs > li.active > a:hover:after, .tab-left .nav-tabs > li.active > a:focus:after {
	bottom: 0;
	height: 100%;
	top: auto;
	width: 2px;
}
.tab-left .nav-tabs > li.active > a, .tab-left .nav-tabs > li.active > a:hover, .tab-left .nav-tabs > li.active > a:focus {
	box-shadow: -1px 3px 4px -3px rgba(0, 0, 0, 0.08);
	margin-right: -1px;
	padding: 13px 10px 12px 9px;
}
.tab-left .tab-content {
	border-radius: 0 3px 3px;
	overflow: auto;
}
.tab-right .nav-tabs {
	float: right;
}
.tab-right .tab-content {
	border-radius: 3px 0 3px 3px;
	overflow: auto;
}
.tab-right .nav-tabs > li {
	float: none;
	margin-bottom: 2px;
	margin-right: 0;
}
.tab-right .nav-tabs > li > a {
	min-width: 38px;
	padding: 12px 10px;
	text-align: left;
}
.tab-right .nav-tabs > li .fa {
	font-size: 14px;
}
.tab-right .nav-tabs > li.active > a:after, .tab-right .nav-tabs > li.active > a:hover:after, .tab-right .nav-tabs > li.active > a:focus:after {
	bottom: 0;
	height: 100%;
	left: auto;
	right: 0;
	top: auto;
	width: 2px;
}
.tab-right .nav-tabs > li.active > a, .tab-right .nav-tabs > li.active > a:hover, .tab-right .nav-tabs > li.active > a:focus {
	border-style: none solid solid none;
	border-width: 0 2px 1px 0;
	box-shadow: 1px 3px 4px -3px rgba(0, 0, 0, 0.08);
	margin-left: -1px;
	padding: 13px 10px 12px 12px;
}
.accordion {
	margin-bottom: 40px;
}
.accordion .panel-heading {
	background: none repeat scroll 0 0 #FFFFFF;
	padding: 0;
}
.accordion .panel-heading a {
	color: #428bca;
	display: block;
	font-size: 15px;
	padding: 10px 16px;
}
.accordion .panel-heading a:hover {
	text-decoration: none !important;
}
.accordion .panel-heading a .fa {
	margin-right: 10px;
	transform: rotate(90deg);
	transition: transform 200ms ease-in-out 0s;
}
.accordion .panel-heading a.collapsed {
	color: #555555;
}
.accordion .panel-heading a.collapsed .fa {
	transform: rotate(0deg);
}
.accordion .panel-heading + .panel-collapse .panel-body {
	border-top: 0 none;
	padding: 3px 20px 20px 34px;
}
.accordion .panel {
	border-radius: 2px;
	border-style: none solid;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
	margin-bottom: 5px;
}
.accordion .panel:first-child {
	border-top: 0 none;
}
.accordion.panel-group .panel + .panel {
	margin-top: 0;
}
.accordion.accordion-color .panel-heading a {
	background-color: #2e3236;
	color: #FFFFFF;
}
.accordion.accordion-color .panel-heading a.collapsed {
	background-color: #FFFFFF;
	color: #555555;
}
.accordion.accordion-color .panel-collapse .panel-body {
	background-color: #2e3236;
	color: #FFFFFF;
}
.accordion.accordion-semi .panel-heading a {
	background-color: #428bca;
	color: #FFFFFF;
	transition: background-color 200ms ease-in-out 0s;
}
.accordion.accordion-semi .panel-heading.success a {
	background-color: #5cb85c;
}
.accordion.accordion-semi .panel-heading.warning a {
	background-color: #f0ad4e;
}
.accordion.accordion-semi .panel-heading.danger a {
	background-color: #d9534f;
}
.accordion.accordion-semi .panel-heading a.collapsed {
	background-color: #FFFFFF;
	color: #555555;
}
.accordion.accordion-semi .panel-collapse .panel-body {
	padding: 15px 20px 20px 34px;
}
.slider {
	display: block;
	margin: 5px 0;
}
.slider.primary .slider-track {
	background: #428bca;
}
.slider.sucess .slider-track {
	background: #5cb85c;
}
.slider.info .slider-track {
	background-color: #5bc0de;
	background-image: none;
}
.slider.warning .slider-track {
	background: #f0ad4e;
}
.slider.danger .slider-track {
	background: #d9534f;
}
.slider.white .slider-track {
	background: #FFFFFF;
}
.slider.slider-vertical {
	margin: 0 10px;
}
.slider-handle.round {
	background: linear-gradient(to bottom, #F8F9FA 13%, #FFFFFF 97%) repeat scroll 0 0 rgba(0, 0, 0, 0);
	box-shadow: 0 2px 1px -1px #FFFFFF inset, 0 1px 3px rgba(0, 0, 0, 0.39);
	height: 26px;
	opacity: 1;
	width: 26px;
}
.slider.slider-horizontal .slider-handle {
	margin-top: -12px !important;
}
.slider.slider-horizontal .slider-track {
	border-radius: 8px !important;
	box-shadow: 0 0 1px 1px rgba(107, 170, 165, 0.33) inset !important;
	height: 3px !important;
}
.slider.slider-vertical .slider-handle {
	margin-left: -11px !important;
}
.slider.slider-vertical .slider-track {
	width: 3px !important;
}
.the-icons [class*="span"]:first-child {
	margin-left: 2.5641%;
}
.slider-selection {
	border-radius: 8px !important;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.11) inset !important;
}
.blue .slider-selection {
	background-color: #0A6EA0 !important;
	background-image: none !important;
}
.red .slider-selection {
	background-color: #000000 !important;
	background-image: none !important;
}
.green .slider-selection {
	background-color: #0E766D !important;
	background-image: none !important;
}
.user-profile-sidebar {
	margin: 0 0 20px;
}
.user-profile-sidebar .user-identity {
	margin: 20px 0 0;
}
.user-profile-sidebar img {
	width: 90px;
}
.account-status-data {
	border-bottom: 1px dashed #DDDDDD;
	border-top: 1px dashed #DDDDDD;
	margin: 10px 0 20px;
	padding: 10px 0;
	text-align: center;
}
.account-status-data h5 {
	color: #909090;
	font-size: 11px;
	line-height: 150%;
}
.user-button {
	margin: 15px 0;
}
.user-button .btn {
	margin: 5px 0;
}
#social {
	background: none repeat scroll 0 0 #E5E9EC;
	padding: 10px;
	text-align: center;
}
#social a:hover {
	text-decoration: none;
}
.fa-circle.facebook {
	color: #5471AE;
}
.fa-circle.twitter {
	color: #4EC6F6;
}
.fa-circle.gplus {
	color: #E24E3E;
}
.fa-circle.tumblr {
	color: #4D77A3;
}
.fa-circle.linkedin {
	color: #3097CE;
}
.user-profile-content {
	margin: 30px 15px;
}
.full {
	padding: 0;
}
.block-web .nav-tabs > li > a {
	border-color: -moz-use-text-color;
	border-radius: 0;
	border-style: none;
	border-width: medium;
	color: #fff;
	font-size: 14px;
	line-height: 1.42857;
	margin: 0;
	transition: all 0.4s ease 0s;
}
.block-web .nav-tabs > li > a i {
	color: #FFFFFF;
}
.block-web .media-list {
	margin-top: 30px;
}
.block-web .media-list a {
	color: #1B1E24;
}
.block-web .media-list a:hover {
	color: #212121;
	text-decoration: none;
}
.block-web .media-list .media {
	border-bottom: 1px solid #EAEAEA;
	padding: 5px 20px;
}
.block-web .media-list li.media:last-child {
	border-bottom: medium none;
}
.block-web .media-list .media .media-heading a {
	color: #1B1E24;
	font-size: 14px;
	font-weight: 600;
	margin-right: 5px;
}
.block-web .media-list .media .media-heading small {
	color: #65BD77;
	font-size: 11px;
}
.block-web .media-list .media p {
	color: #909090;
}
.block-web .media-list .media .media-object {
	width: 50px;
}
.block-web .media-list {
}
.block-web .nav-tabs > li.active > a, .block-web .nav-tabs > li.active > a:hover, .block-web .nav-tabs > li.active > a:focus {
	background-color: #FFFFFF;
	border-color: -moz-use-text-color;
	border-style: none;
	border-width: medium;
	color: #1B1E24;
	cursor: default;
}
.block-web .nav-tabs > li.active > a i, .block-web .nav-tabs > li.active > a:hover i, .block-web .nav-tabs > li.active > a:focus i {
	color: #212121;
}
.block-web .additional-box {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 99999;
}
.block-web .additional-btn {
	position: absolute;
	right: 15px;
	top: 17px;
	z-index: 99991;
}
.btn-compose-email {
	margin-bottom: 20px;
	padding: 10px 0;
}
.nav-email > li > a > .badge {
	margin-top: 2px;
}
.nav-email > li > a {
	color: #444444;
}
.nav-email > li > a > i {
	margin-right: 10px;
	text-align: center;
	width: 16px;
}
.nav-email > li > a:hover {
	background-color: #D8DCDF;
}
.table-email {
	background-color: #F7F7F7;
	border-bottom: 1px solid #EEEEEE;
	box-shadow: none;
	margin: 0;
}
.table-email tr.unread td {
	background-color: #FFFFFF;
}
.table-email tbody > tr > td {
	vertical-align: middle;
}
.table-email tr:hover {
	background-color: #EEEEEE;
	cursor: pointer;
}
.table-email tr.selected td {
	background-color: #EEEEEE;
}
.table-email .ckbox {
	height: 19px;
	width: 18px;
}
.table-email .ckbox input[type="checkbox"]:checked + label:after {
	top: 2px;
}
.table-email .star {
	color: #CCCCCC;
}
.table-email .star-checked {
	color: #F0AD4E;
}
.table-email td:first-child {
	width: 30px;
}
.table-email td:nth-child(2) {
	width: 30px;
}
.table-email .media {
	margin: 0;
	padding: 0;
}
.table-email .media-object {
	width: 35px;
}
.table-email .media h4 {
	font-size: 14px;
	line-height: normal;
	margin: 0;
}
.table-email .media-meta {
	color: #999999;
	font-size: 11px;
}
.table-email .email-summary {
	margin: 2px 0 0;
}
.table-email .email-summary strong {
	color: #333333;
}


.table-email-quirurgico {
	background-color: #F7F7F7;
	border-bottom: 1px solid #EEEEEE;
	box-shadow: none;
	margin: 0;
}
.table-email-quirurgico tr.unread td {
	background-color: #FFFFFF;
}
.table-email-quirurgico tbody > tr > td {
	vertical-align: middle;
}
.table-email-quirurgico tr:hover {
	background-color: #EEEEEE;
	cursor: pointer;
}
.table-email-quirurgico tr.selected td {
	background-color: #EEEEEE;
}
.table-email-quirurgico .ckbox {
	height: 19px;
	width: 18px;
}
.table-email-quirurgico .ckbox input[type="checkbox"]:checked + label:after {
	top: 2px;
}
.table-email-quirurgico .star {
	color: #CCCCCC;
}
.table-email-quirurgico .star-checked {
	color: #F0AD4E;
}
.table-email-quirurgico td:first-child {
	width: 30px;
}
.table-email-quirurgico td:nth-child(2) {
	width: 30px;
}
.table-email-quirurgico .media {
	margin: 0;
	padding: 0;
}
.table-email-quirurgico .media-object {
	width: 35px;
}
.table-email-quirurgico .media h4 {
	font-size: 14px;
	line-height: normal;
	margin: 0;
}
.table-email-quirurgico .media-meta {
	color: #999999;
	font-size: 11px;
}
.table-email-quirurgico .email-summary {
	margin: 2px 0 0;
}
.table-email-quirurgico .email-summary strong {
	color: #333333;
}



.read-panel {
	border-top: 1px solid #EEEEEE;
	margin-top: 10px;
	padding-top: 20px;
}
.media-object {
	display: block;
}
.read-panel .media-object {
	width: 35px;
}
.read-panel .media h4 {
	font-size: 14px;
	line-height: normal;
	margin: 2px 0 0;
}
.btn-white {
	background-color: #FFFFFF;
	border: 1px solid #E5E9EC;
	color: #5E5E5E;
}
.btn-white:hover, .btn-white:focus, .btn-white:active, .btn-white.active, .btn-white.disabled, .btn-white[disabled] {
	background-color: #FBFCFD;
	border: 1px solid #B4B9BE;
}
.compose-mail {
	display: inline-block;
	margin-top: 20px;
	position: relative;
	width: 100%;
}
.compose-mail .compose-options {
	color: #979797;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	position: absolute;
	right: 10px;
	top: 7px;
}
.compose-mail input, .compose-mail input:focus {
	border: medium none;
	float: left;
	padding: 0;
	width: 80%;
}
.compose-mail .form-group {
	border: 1px solid #F2F3F6;
	display: inline-block;
	margin-bottom: 0;
	width: 100%;
}
.compose-mail .form-group label {
	float: left;
	line-height: 34px;
	margin-bottom: 0;
	padding-left: 5px;
	width: 8%;
}
.compose-editor input {
	margin-top: 15px;
}
.compose-editor {
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
}
.compose-btn {
	float: left;
	margin-top: 6px;
}
#to {
	border: none;
}
#subject {
	border: none;
}
.toggle-slide {
	-moz-user-select: none;
	cursor: pointer;
	direction: ltr;
	overflow: hidden;
}
.toggle-slide .toggle-on, .toggle-slide .toggle-off, .toggle-slide .toggle-blob {
	float: left;
}
.toggle-slide .toggle-blob {
	cursor: grab;
	position: relative;
	z-index: 99;
}
.toggle-slide {
	-moz-user-select: none;
	cursor: pointer;
	direction: ltr;
	overflow: hidden;
	border-radius: 3px;
}
.toggle-slide .toggle-on, .toggle-slide .toggle-off, .toggle-slide .toggle-blob {
	float: left;
}
.toggle-slide .toggle-blob {
	cursor: grab;
	position: relative;
	z-index: 99;
}
.toggle-default .toggle-slide {
	border: 1px solid #CCCCCC;
}
.toggle-default .toggle-slide.active {
	border-color: #999999;
}
.toggle-default .toggle-slide .toggle-on, .toggle-default .toggle-slide .toggle-off, .toggle-default .toggle-slide .toggle-blob {
	font-size: 11px;
	font-weight: 500;
}
.toggle-default .toggle-slide .toggle-on, .toggle-default .toggle-select .toggle-inner .active {
	background: none repeat scroll 0 0 #999999;
	color: #FFFFFF;
}
.toggle-default .toggle-slide .toggle-off, .toggle-default .toggle-select .toggle-on {
	background: none repeat scroll 0 0 #F7F7F7;
	color: #666666;
}
.toggle-default .toggle-slide .toggle-blob {
	background: none repeat scroll 0 0 #FFFFFF;
	border-right: 1px solid #CCCCCC;
}
.toggle-default .toggle-slide.active .toggle-blob {
	border-left: 1px solid #999999;
	border-right: 0 none;
}
.toggle-default .toggle-slide .toggle-blob:hover {
	background: none repeat scroll 0 0 #FCFCFC;
}
.toggle-primary .toggle-slide {
	border: 1px solid #999999;
}
.toggle-primary .toggle-slide.active {
	border-color: #357EBD;
}
.toggle-primary .toggle-slide .toggle-on, .toggle-primary .toggle-slide .toggle-off, .toggle-primary .toggle-slide .toggle-blob {
	font-size: 11px;
	font-weight: 500;
}
.toggle-primary .toggle-slide .toggle-on, .toggle-primary .toggle-select .toggle-inner .active {
	background: none repeat scroll 0 0 #428BCA;
	color: #FFFFFF;
}
.toggle-primary .toggle-slide .toggle-off, .toggle-primary .toggle-select .toggle-on {
	background: none repeat scroll 0 0 #BBBBBB;
	color: #FFFFFF;
}
.toggle-primary .toggle-slide .toggle-blob {
	background: none repeat scroll 0 0 #FFFFFF;
	border-right: 1px solid #999999;
}
.toggle-primary .toggle-slide.active .toggle-blob {
	border-left: 1px solid #357EBD;
	border-right: 0 none;
}
.toggle-primary .toggle-slide .toggle-blob:hover {
	background: none repeat scroll 0 0 #FCFCFC;
}
.toggle-success .toggle-slide {
	border: 1px solid #999999;
}
.toggle-success .toggle-slide.active {
	border-color: #1CAF9A;
}
.toggle-success .toggle-slide .toggle-on, .toggle-success .toggle-slide .toggle-off, .toggle-success .toggle-slide .toggle-blob {
	font-size: 11px;
	font-weight: 500;
}
.toggle-success .toggle-slide .toggle-on, .toggle-success .toggle-select .toggle-inner .active {
	background: none repeat scroll 0 0 #1CAF9A;
	color: #FFFFFF;
}
.toggle-success .toggle-slide .toggle-off, .toggle-success .toggle-select .toggle-on {
	background: none repeat scroll 0 0 #BBBBBB;
	color: #FFFFFF;
}
.toggle-success .toggle-slide .toggle-blob {
	background: none repeat scroll 0 0 #FFFFFF;
	border-right: 1px solid #999999;
}
.toggle-success .toggle-slide.active .toggle-blob {
	border-left: 1px solid #4CAE4C;
	border-right: 0 none;
}
.toggle-success .toggle-slide .toggle-blob:hover {
	background: none repeat scroll 0 0 #FCFCFC;
}
.toggle-warning .toggle-slide {
	border: 1px solid #999999;
}
.toggle-warning .toggle-slide.active {
	border-color: #EEA236;
}
.toggle-warning .toggle-slide .toggle-on, .toggle-warning .toggle-slide .toggle-off, .toggle-warning .toggle-slide .toggle-blob {
	font-size: 11px;
	font-weight: 500;
}
.toggle-warning .toggle-slide .toggle-on, .toggle-warning .toggle-select .toggle-inner .active {
	background: none repeat scroll 0 0 #F0AD4E;
	color: #FFFFFF;
}
.toggle-warning .toggle-slide .toggle-off, .toggle-warning .toggle-select .toggle-on {
	background: none repeat scroll 0 0 #BBBBBB;
	color: #FFFFFF;
}
.toggle-warning .toggle-slide .toggle-blob {
	background: none repeat scroll 0 0 #FFFFFF;
	border-right: 1px solid #999999;
}
.toggle-warning .toggle-slide.active .toggle-blob {
	border-left: 1px solid #EEA236;
	border-right: 0 none;
}
.toggle-warning .toggle-slide .toggle-blob:hover {
	background: none repeat scroll 0 0 #FCFCFC;
}
.toggle-danger .toggle-slide {
	border: 1px solid #999999;
}
.toggle-danger .toggle-slide.active {
	border-color: #D43F3A;
}
.toggle-danger .toggle-slide .toggle-on, .toggle-danger .toggle-slide .toggle-off, .toggle-danger .toggle-slide .toggle-blob {
	font-size: 11px;
	font-weight: 500;
}
.toggle-danger .toggle-slide .toggle-on, .toggle-danger .toggle-select .toggle-inner .active {
	background: none repeat scroll 0 0 #D9534F;
	color: #FFFFFF;
}
.toggle-danger .toggle-slide .toggle-off, .toggle-danger .toggle-select .toggle-on {
	background: none repeat scroll 0 0 #BBBBBB;
	color: #FFFFFF;
}
.toggle-danger .toggle-slide .toggle-blob {
	background: none repeat scroll 0 0 #FFFFFF;
	border-right: 1px solid #999999;
}
.toggle-danger .toggle-slide.active .toggle-blob {
	border-left: 1px solid #D43F3A;
	border-right: 0 none;
}
.toggle-danger .toggle-slide .toggle-blob:hover {
	background: none repeat scroll 0 0 #FCFCFC;
}
.ckbox, .rdio {
	position: relative;
}
.ckbox input[type="checkbox"], .rdio input[type="radio"] {
	opacity: 0;
}
.ckbox label, .rdio label {
	cursor: pointer;
	margin-bottom: 15px !important;
	margin-left: 30px!important;
}
.ckbox label:before {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #BBBBBB;
	border-radius: 2px;
	content: "";
	display: inline-block;
	height: 18px;
	left: 0;
	position: absolute;
	top: 1px;
	width: 18px;
}
.ckbox input[type="checkbox"]:disabled + label {
	color: #999999;
}
.ckbox input[type="checkbox"]:disabled + label:before {
	background-color: #EEEEEE;
}
.ckbox input[type="checkbox"]:checked + label:after {
	color: #FFFFFF;
	content: "";
	display: inline-block;
	font-family: 'FontAwesome';
	font-size: 12px;
	height: 16px;
	left: 3.5px;
	position: absolute;
	top: 0;
	width: 16px;
}
.ckbox-default input[type="checkbox"]:checked + label:before {
	border-color: #999999;
}
.ckbox-default input[type="checkbox"]:checked + label:after {
	color: #333333;
}
.ckbox-primary input[type="checkbox"]:checked + label:before {
	background-color: #428bca;
	border-color: #428bca;
}
.ckbox-warning input[type="checkbox"]:checked + label:before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}
.ckbox-success input[type="checkbox"]:checked + label:before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}
.ckbox-danger input[type="checkbox"]:checked + label:before {
	background-color: #d9534f;
	border-color: #d9534f;
}
.rdio label:before {
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #BBBBBB;
	border-radius: 50px;
	content: "";
	display: inline-block;
	height: 18px;
	left: 0;
	position: absolute;
	top: 1px;
	width: 18px;
}
.rdio input[type="radio"]:disabled + label {
	color: #999999;
}
.rdio input[type="radio"]:disabled + label:before {
	background-color: #EEEEEE;
}
.rdio input[type="radio"]:checked + label:after {
	background-color: #444444;
	border-radius: 50px;
	content: "";
	display: inline-block;
	font-size: 11px;
	height: 10px;
	left: 4px;
	position: absolute;
	top: 5px;
	width: 10px;
}
.rdio-default input[type="radio"]:checked + label:before {
	border-color: #999999;
}
.rdio-primary input[type="radio"]:checked + label:before {
	border-color: #428bca;
}
.rdio-primary input[type="radio"]:checked + label:after {
	background-color: #428bca;
}
.rdio-warning input[type="radio"]:checked + label:before {
	border-color: #f0ad4e;
}
.rdio-warning input[type="radio"]:checked + label:after {
	background-color: #f0ad4e;
}
.rdio-success input[type="radio"]:checked + label:before {
	border-color: #5cb85c;
}
.rdio-success input[type="radio"]:checked + label:after {
	background-color: #5cb85c;
}
.rdio-danger input[type="radio"]:checked + label:before {
	border-color: #d9534f;
}
.rdio-danger input[type="radio"]:checked + label:after {
	background-color: #d9534f;
}
.basic-wizard .nav li a {
	background: none repeat scroll 0 0 #E4E7EA;
	border-bottom: 1px solid #CCCCCC;
	border-radius: 0;
	border-right: 1px solid #CCCCCC;
	color: #4A535E;
	opacity: 0.75;
}
.basic-wizard .nav li:last-child a {
	border-right: 0 none;
}
.basic-wizard .nav li a:hover {
	background-color: #F7F7F7;
	opacity: 1;
}
.basic-wizard .nav li.active a, .basic-wizard .nav li.active a:focus, .basic-wizard .nav li.active a:active {
	background: none repeat scroll 0 0 #FCFCFC;
	border-bottom-color: #FCFCFC;
	color: #333333;
	opacity: 1;
}
.basic-wizard .pager {
	background: none repeat scroll 0 0 #F7F7F7;
	border-top: 1px solid #DDDDDD;
	margin: 0;
	padding: 10px;
}
.basic-wizard .pager li a {
	background-color: #428BCA;
	border-color: #357EBD;
	border-radius: 2px;
	color: #FFFFFF;
}
.basic-wizard .pager li a:hover {
	background-color: #3276B1;
	border-color: #285E8E;
}
.basic-wizard .pager li.disabled a {
	background: none repeat scroll 0 0 #EEEEEE;
	border-color: #CCCCCC;
	color: #999999;
}
.basic-wizard .progress {
	border-radius: 2px;
	height: 12px;
}
.basic-wizard .nav-disabled-click li a:hover, .basic-wizard .nav-disabled-click li a:active, .basic-wizard .nav-disabled-click li a:focus {
	background-color: #E4E7EA;
	color: #4A535E;
	cursor: default;
	opacity: 0.75;
}
.basic-wizard .nav-disabled-click li.active a:hover, .basic-wizard .nav-disabled-click li.active a:active, .basic-wizard .nav-disabled-click li.active a:focus {
	background: none repeat scroll 0 0 #FCFCFC;
	color: #333333;
	opacity: 1;
}
.basic-wizard .tab-content {
	border-radius: 0;
	box-shadow: none;
}
.form .form-control {
	margin-bottom: 15px;
}
.cke_top {
	background: #e4e7ea!important;
	border-bottom: 1px solid #B6B6B6;
	box-shadow: 0 1px 0 #FFFFFF inset;
	padding: 6px 8px 2px;
}
.cke_bottom {
	background: #e4e7ea!important;
	border-top: 1px solid #BFBFBF;
	box-shadow: 0 1px 0 #FFFFFF inset;
	padding: 6px 8px 2px;
	position: relative;
}
.parsley-error-list {
	margin-top: 4px;
	padding: 0;
}
.parsley-error-list li {
	color: #CC0000;
	list-style: none outside none;
	padding: 0;
}
.parsley-error {
	border-color: #CC0000 !important;
}
.thumbnail {
	margin-bottom: 0px;
}
.thumbnail-view {
	cursor: zoom-in;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.thumbnail-view img {
	max-width: 100%;
}
.thumbnail-view .thumbnail-view-hover {
	background: url(../images/gallery/zoom.png) no-repeat scroll 50% center #111111;
	display: block;
	height: 100%;
	opacity: 0.5;
	position: absolute;
	right: 0;
	transform: translateY(-100%);
	transition: all 0.25s ease-in-out 0s;
	width: 100%;
	z-index: 10;
}
.thumbnail-view:hover .thumbnail-view-hover {
	opacity: 0.5;
	transform: translateY(0%);
}
.thumbnail-footer {
	border-top: 1px dotted #CCCCCC;
	padding: 7px 10px;
}
.thumbnail-footer:before, .thumbnail-footer:after {
	content: " ";
	display: table;
}
.thumbnail-footer:after {
	clear: both;
}
.thumbnail-footer a {
	color: #999999;
	font-size: 12px;
}
.thumbnail-footer a:hover {
	color: #E5412D;
	text-decoration: none;
}
.thumbnail-footer .pull-left a {
	padding: 0 12px 0 0;
}
.thumbnail-footer .pull-right a {
	padding: 0 0 0 12px;
}
.ui-lightbox, .ui-lightbox-gallery a {
	cursor: -moz-zoom-in;
	cursor: -webkit-zoom-in;
	cursor: zoom-in;
}


/*tree views css start*/

.treeview, .treeview ul { 
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	background-color: white;
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../plugins/tree-views/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}
/* fix for IE6 */
* html .hitarea {
	display: inline;
	float:none;
}

.treeview li { 
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a.selected {
	background-color: #eee;
}

#treecontrol { margin: 1em 0; display: none; }

.treeview .hover { color: red; cursor: pointer; }

.treeview li { background: url(../plugins/tree-views/images/treeview-default-line.gif) 0 0 no-repeat; }
.treeview li.collapsable, .treeview li.expandable { background-position: 0 -176px; }

.treeview .expandable-hitarea { background-position: -80px -3px; }

.treeview li.last { background-position: 0 -1766px }
.treeview li.lastCollapsable, .treeview li.lastExpandable { background-image: url(../plugins/tree-views/images/treeview-default.gif); }  
.treeview li.lastCollapsable { background-position: 0 -111px }
.treeview li.lastExpandable { background-position: -32px -67px }

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea { background-position: 0; }

.treeview-red li { background-image: url(../plugins/tree-views/images/treeview-red-line.gif); }
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable { background-image: url(../plugins/tree-views/images/treeview-red.gif); } 

.treeview-black li { background-image: url(../plugins/tree-views/images/treeview-black-line.gif); }
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable { background-image: url(../plugins/tree-views/images/treeview-black.gif); }  

.treeview-gray li { background-image: url(../plugins/tree-views/images/treeview-gray-line.gif); }
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable { background-image: url(../plugins/tree-views/images/treeview-gray.gif); } 

.treeview-famfamfam li { background-image: url(../plugins/tree-views/images/treeview-famfamfam-line.gif); }
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable { background-image: url(../plugins/tree-views/images/treeview-famfamfam.gif); } 

.treeview .placeholder {
	background: url(../plugins/tree-views/images/ajax-loader.gif) 0 0 no-repeat;
	height: 16px;
	width: 16px;
	display: block;
}

.filetree li { padding: 3px 0 2px 16px; }
.filetree span.folder, .filetree span.file { padding: 1px 0 1px 16px; display: block; }
.filetree span.folder { background: url(../plugins/tree-views/images/folder.gif) 0 0 no-repeat; }
.filetree li.expandable span.folder { background: url(../plugins/tree-views/images/folder-closed.gif) 0 0 no-repeat; }
.filetree span.file { background: url(../plugins/tree-views/images/file.gif) 0 0 no-repeat; }

/*tree views css end*/



.inputWidth{ width:170px;}
.register-bottom {
    background: none repeat scroll 0 0 #FCFCFC;
    border-top: 1px solid #DDDDDD;
    clear: both;
    fright: 20px;
    margin: 0 -19px;
    padding: 14px 55px;
}
/*timeline css style*/

.timeline {
    border-collapse: collapse;
    border-spacing: 0;
    display: table;
    position: relative;
    table-layout: fixed;
    width: 100%;
}
.timeline .time-show {
    margin-bottom: 30px;
    margin-right: -75px;
    margin-top: 30px;
    position: relative;
}
.timeline .time-show.first {
}
.time-show .btn {
    width: 150px;
}
.timeline .time-show a {
    color: #FFFFFF;
}
.timeline:before {
    background-color: #D8D9DF;
    bottom: 0;
    content: "";
    left: 50%;
    position: absolute;
    top: 30px;
    width: 1px;
    z-index: 0;
}
h3.timeline-title {
    color: #C8CCD7;
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 5px;
    text-transform: uppercase;
}
.t-info {
    color: #C8CCD7;
}
.timeline-item:before, .timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}
.timeline-item {
    display: table-row;
}
.timeline-desk {
    display: table-cell;
    vertical-align: top;
    width: 50%;
}
.timeline-desk h1 {
    font-size: 16px;
    font-weight: 300;
    margin: 0 0 5px;
}
.timeline-desk .panel {
    background: none repeat scroll 0 0 #FFFFFF;
    display: block;
    margin-left: 45px;
    position: relative;
    text-align: left;
}
.timeline-item .timeline-desk .arrow {
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-top: 8px solid rgba(0, 0, 0, 0);
    display: block;
    height: 0;
    left: -7px;
    position: absolute;
    top: 13px;
    width: 0;
}
.timeline-item .timeline-desk .arrow {
    border-right: 8px solid #FFFFFF !important;
}
.timeline-item.alt .timeline-desk .arrow-alt {
    border-bottom: 8px solid rgba(0, 0, 0, 0);
    border-top: 8px solid rgba(0, 0, 0, 0);
    display: block;
    height: 0;
    left: auto;
    position: absolute;
    right: -7px;
    top: 13px;
    width: 0;
}
.timeline-item.alt .timeline-desk .arrow-alt {
    border-left: 8px solid #FFFFFF !important;
}
.timeline .timeline-icon {
    left: -60px;
    position: absolute;
    top: 5px;
}
.timeline .timeline-icon {
    background: none repeat scroll 0 0 #C7CBD6;
}
.timeline-desk span a {
    text-transform: uppercase;
}
.timeline-desk h1.red, .timeline-desk span a.red {
    color: #EF6F66;
}
.timeline-desk h1.green, .timeline-desk span a.green {
    color: #39B6AE;
}
.timeline-desk h1.blue, .timeline-desk span a.blue {
    color: #56C9F5;
}
.timeline-desk h1.purple, .timeline-desk span a.purple {
    color: #8074C6;
}
.timeline-desk h1.light-green, .timeline-desk span a.light-green {
    color: #A8D76F;
}
.timeline-desk h1.yellow, .timeline-desk span a.yellow {
    color: #FED65A;
}
.timeline .timeline-icon.red {
    background: none repeat scroll 0 0 #F87C74;
}
.timeline .timeline-icon.green {
    background: none repeat scroll 0 0 #48C5BD;
}
.timeline .timeline-icon.blue {
    background: none repeat scroll 0 0 #67D4FE;
}
.timeline .timeline-icon.purple {
    background: none repeat scroll 0 0 #8074C6;
}
.timeline .timeline-icon.light-green {
    background: none repeat scroll 0 0 #B0E077;
}
.timeline .timeline-icon.yellow {
    background: none repeat scroll 0 0 #FFDC6F;
}
.timeline .timeline-icon {
    border-radius: 50%;
    color: #FFFFFF;
    display: block;
    height: 30px;
    text-align: center;
    width: 30px;
}
.timeline .timeline-icon i {
    margin-top: 9px;
}
.timeline-item.alt .timeline-icon {
    left: auto;
    right: -60px;
}
.timeline .time-icon:before {
    font-size: 16px;
    margin-top: 5px;
}
.timeline .timeline-date {
    display: none;
    left: -245px;
    position: absolute;
    text-align: right;
    top: 12px;
    width: 150px;
}
.timeline-item.alt .timeline-date {
    display: none;
    left: auto;
    right: -245px;
    text-align: left;
}
.timeline-desk h5 span {
    color: #999999;
    display: block;
    font-size: 12px;
    margin-bottom: 4px;
}
.timeline-item.alt:before {
    display: none;
}
.timeline-item:before, .timeline-item.alt:after {
    content: "";
    display: block;
    width: 50%;
}
.timeline-desk p {
    color: #999999;
    font-size: 14px;
    margin-bottom: 0;
}
.timeline-desk a {
    color: #1FB5AD;
}
.timeline-desk .panel {
    margin-bottom: 5px;
}
.timeline-desk .album {
    margin-top: 20px;
}
.timeline-item.alt .timeline-desk .album {
    float: right;
    margin-top: 20px;
}
.timeline-desk .album a {
    float: left;
    margin-right: 5px;
}
.timeline-item.alt .timeline-desk .album a {
    float: right;
    margin-left: 5px;
}
.timeline-desk .notification {
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 20px;
    padding: 8px;
}
.timeline-item.alt .panel {
    margin-left: 0;
    margin-right: 45px;
}
.mbot30 {
    margin-bottom: 30px;
}
.timeline-item.alt h1, .timeline-item.alt p {
    text-align: right;
}









select {
//    -moz-appearance: none;
    background: url(../images/select.png) no-repeat scroll right center / 24px 20px #FFFFFF !important;
    border: 1px solid #E1E6EF !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    color: #888888;
    cursor: pointer;
    display: inline-block;
    outline: medium none;
}
select[disabled] {
    background-color: #F2F4F8 !important;
    color: #C0CADD;
}
select[multiple] {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
}
select.input-lg {
    padding: 0 11px;
}
select.input-sm {
    padding: 0 12px;
}
.select2-drop {
    border: 1px solid #E1E6EF;
    border-radius: 0 0 2px 2px;
    box-shadow: none;
    color: #374767;
}
.select2-container-multi .select2-choices {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E1E6EF !important;
    border-radius: 2px !important;
    box-shadow: none !important;
    margin: -7px -13px 0 !important;
}
.select2-default {
    color: #C0CADD !important;
    padding-left: 12px !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
    background-color: #F2F4F8;
    background-image: none;
    border: 1px solid #E1E6EF;
    border-radius: 1px;
    box-shadow: none;
    filter: none;
    font-size: 11px;
    margin: 5px 0 3px 5px;
    padding: 3px 5px 4px 18px;
}
.select2-container-multi .select2-choices .select2-search-field input {
    color: #374767;
}
@-moz-document url-prefix("") {
select {
    text-indent: 0.01px;
    text-overflow: "";
}
select.input-lg {
    padding: 10px 11px;
}
select.input-sm {
    padding: 6px 12px;
}
.select2-container-multi .select2-choices {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid rgba(0, 0, 0, 0) !important;
    margin: -3px -13px 0 !important;
}
.select2-container-multi .select2-choices .select2-search-choice {
    margin: 1px 0 3px 5px;
}
}
.limiterBox {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: content-box;
    background-color: #E1E6EF;
    border-color: -moz-use-text-color #E1E6EF #E1E6EF;
    border-image: none;
    border-right: 1px solid #E1E6EF;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    color: #FFFFFF;
    font-size: 10px;
    opacity: 0.9;
    padding: 3px 6px;
}
.editor {
    -moz-box-sizing: content-box;
    background-color: #FFFFFF;
    border: 1px solid #E1E6EF;
    border-collapse: separate;
    border-radius: 2px;
    height: 250px;
    margin-top: 20px;
    max-height: 250px;
    outline: medium none;
    overflow: scroll;
    padding: 4px;
}
div[data-role="editor-toolbar"] {
    -moz-user-select: none;
}
.dropdown-menu a {
    cursor: pointer;
}
.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
    margin-bottom: 0;
}





.right-info-bar {
    background-color: #FFFFFF;
    box-shadow: 0 0 3px #4D4D4D;
    height: 100%;
    padding: 0;
    position: fixed;
    right: -250px;
    top: 40px;
    transition: right 0.5s ease 0s;
    width: 240px;
    z-index: 9999;
}
.right-info-bar .block {
    background-color: #F7F7F7;
    margin-bottom: 10px;
}
.right-info-bar .block .heading {
    background-color: #E6E6E6;
    color: #4D4D4D;
    font-size: 15px;
    margin: 0;
    padding: 10px;
}

.infos {
    margin: 0 10px;
    padding: 0;
}
.infos li {
    border-bottom: 1px solid #E6E6E6;
    cursor: pointer;
    display: block;
    padding: 8px 0;
}
.infos li .label {
    display: inline-block;
    margin-right: 10px;
    padding: 6px;
    text-align: center;
    width: 24px;
}
.infos li .label i {
    font-size: 10px;
}
.infos li .user img {
    border: 1px solid #CCCCCC;
    border-radius: 50%;
    height: 24px;
    width: 24px;
}
.infos li .info {
    color: #33393C;
    margin-left: 34px;
}
.infos li .info h6 {
    font-size: 11px;
    font-weight: 500;
    line-height: 100%;
    margin: 0 0 2px;
    padding: 0;
}
.infos li .info p {
    color: #999999;
    font-size: 10px;
    line-height: 100%;
    margin: 0;
    padding: 0;
}
.infos li .info small {
    color: #666666;
    font-size: 11px;
}
.infos li a {
    color: #33393C;
    font-weight: 500;
}
.infos li a span {
    color: #808080;
    font-size: 11px;
    font-weight: 200;
}
.infos li:last-child {
    border-bottom: 0 none;
}
.online-users {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.online-users li a {
    display: block;
    padding: 3px 10px;
    position: relative;
}
.online-users li a img {
    height: 16px;
    margin-right: 3px;
    width: 16px;
}
.online-users li a .user-name {
    display: inline-block;
}
.online-users li a .user-status, .online-users li a .user-status.online, .online-users li a .user-status.busy, .online-users li a .user-status.away {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 100%;
    box-shadow: 0 0 4px #999999 inset;
    height: 8px;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 8px;
}
.online-users li a .user-status.online, .online-users li a .user-status.online.online, .online-users li a .user-status.busy.online, .online-users li a .user-status.away.online {
    background: none repeat scroll 0 0 #5cb85c;
}
.online-users li a .user-status.busy, .online-users li a .user-status.online.busy, .online-users li a .user-status.busy.busy, .online-users li a .user-status.away.busy {
    background: none repeat scroll 0 0 #ff634d;
}
.online-users li a .user-status.away, .online-users li a .user-status.online.away, .online-users li a .user-status.busy.away, .online-users li a .user-status.away.away {
    background: none repeat scroll 0 0 #fef00b;
}
.progress-statistics {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.progress-statistics li {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #F2F2F2;
    border-radius: 2px;
    padding: 5px 10px;
    transition: all 0.5s ease 0s;
}
.progress-statistics li .progress {
    background-color: #E0E0E0;
    background-image: -moz-linear-gradient(center top , #F5F5F5, #E0E0E0);
    margin-bottom: 3px;
    margin-top: 3px;
}
.progress-statistics li .details {
    display: inline;
    font-size: 11px;
    font-weight: 700;
}



.legendLabel {
    padding-bottom: 3px;
	padding-right:15px;
}

.legendColorBox{
padding-right:5px;
}

.taula-user-avatar {
    background: rgba(0, 0, 0, 0.15) none repeat scroll 0 0;
    border-radius: 34px;
    height: 68px;
    width: 68px;
}
.taula-user-avatar img {
    border-radius: 32px;
    height: 64px;
    width: 64px;
	margin: 2px;
}
#dynamic-table_length select{width:45px;}
.dataTables_filter{float:right;}
#dynamic-table_length select{width:45px;}

body {
overflow: hidden;
} 
/* preloader */
#preloader {
position: fixed;
top:0; left:0;
right:0; bottom:0;
background-color:rgba(0, 0, 0, 0.4);
z-index: 2030;
}
#loader {
width: 100px;
height: 100px;
position: absolute;
left:50%; top:50%;
//background: url(../images/loader.gif) no-repeat center 0;
margin:-50px 0 0 -50px;
}
.control-label {
    font-weight: bold !important;
}
.hidden-phone{display:none;}
.otros{ background-color: red !important; }
select.red{background-color:red !important; color: #fff !important;}
.datepicker-days .disabled{color:red !important;}
.alertas{position:absolute;right:110px;}
.buteditm .label{margin: 1px;}
.dropdown-messages{overflow-x:auto !important;max-height:241px;min-height:90px;}
/*.sub{display:none;}*/

.blur{ filter: blur(4px);}