/*=======================================================================================================================================
css/styles/agenda.css
=======================================================================================================================================*/

/* Events list */
.events {
	list-style-type: none;
	margin-left: 0;
	color: #a0a0a0;
	}
	.events > li {
		border-top: 1px solid #e6e6e6;
		position: relative;
		padding: 17px 20px 17px 100px;
		min-height: 44px;
		}
		.events > li:first-child {
			border-top: 0;
		}
		.event-date {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			width: 80px;
			line-height: 80px;
			font-size: 48px;
			font-family: 'Open Sans', sans-serif;
			color: #999999;
			text-align: center;
			border-right: 1px solid #e6e6e6;
			}
			.with-month {
				line-height: 66px;
			}
			.event-month {
				display: block;
				font-size: 10px;
				line-height: 10px;
				font-family: Arial, Helvetica, sans-serif;
				text-transform: uppercase;
				color: #bfbfbf;
				margin-top: -12px;
			}
		.event-description {
			display: block;
			margin: -17px -20px;
			padding: 17px 20px;
			min-height: 44px;
			}
			a.event-description {
				color: #a0a0a0;
				}
				a.event-description:hover {
					background-color: #f0f5fa;
				}
			.events h4 {
				color: #666666;
				margin: 0 0 8px;
			}

/*
 * Daily/Weekly agenda
 */
.agenda {
	position: relative;
	height: 450px;			/* Default agenda height, may be changed to your convinience */
	border-left: 1px solid #bfbfbf;
	border-right: 1px solid #bfbfbf;
	}
	.block > .agenda {
		border-right: 0;
		border-left: 0;
	}

	/* Times */
	.agenda-time {
		position: absolute;
		top: 16px;
		left: 0;
		right: 0;
		bottom: 16px;
		margin: 0;
		list-style-type: none;
		color: #bfbfbf;
		}
		.with-header > .agenda-time {
			top: 56px;
		}
		.agenda-time > li {
			border-top: 1px solid #e6e6e6;
			position: absolute;
			left: 0;
			right: 0;
			}
			.agenda-time > li.silver		{ border-top-color: #cccccc;	}
			.agenda-time > li.black			{ border-top-color: black;		}
			.agenda-time > li.anthracite	{ border-top-color: #4c4c4c;	}
			.agenda-time > li.grey			{ border-top-color: #a5a5a5;	}
			.agenda-time > li.white			{ border-top-color: white;		}
			.agenda-time > li.red			{ border-top-color: #dd380d;	}
			.agenda-time > li.orange		{ border-top-color: #ffae00;	}
			.agenda-time > li.green			{ border-top-color: #99c624;	}
			.agenda-time > li.blue			{ border-top-color: #0059a0;	}
			.agenda-time > li > span {
				display: block;
				position: absolute;
				top: 0;
				left: 0;
				font-size: 11px;
				margin: 0 0 0 3px;
			}

	/* Header */
	.agenda.with-header {
		padding-top: 40px;
		border-bottom: 1px solid #bfbfbf;
		}
		.agenda-header {
			position: absolute;
			z-index: 88;
			top: 0;
			left: 0;
			right: 0;
			height: 38px;
			line-height: 38px;
			font-size: 18px;
			border-top-width: 1px;
			border-bottom-width: 1px;
			border-style: solid;
			text-align: center;
			-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);
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			}
			.agenda-events > .agenda-header {
				top: -56px;
			}
			.agenda-wrapper > .agenda-events .agenda-header {
				border-left-width: 1px;
				}
				.agenda-wrapper > .agenda-events:first-child .agenda-header,
				.scrolling-agenda .agenda-visible-first .agenda-header {
					border-left-width: 0;
				}

			/* Scroll arrows */
			.agenda-previous,
			.agenda-next {
				display: block;
				position: absolute;
				width: 38px;
				height: 38px;
				text-align: center;
				top: 50%;
				margin-top: -18px;
				}
				a.agenda-previous,
				a.agenda-next {
					color: inherit;
					//color:expression(this.parentNode.currentStyle['color']);
				}
				span.agenda-previous, .agenda-previous.disabled,
				span.agenda-next, .agenda-next.disabled {
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
					filter: alpha(opacity=20);
					-khtml-opacity: 0.2;
					-moz-opacity: 0.2;
					opacity: 0.2;
				}
				.agenda-previous > .icon:before,
				.agenda-next > .icon:before {
					font-size: 40px;
				}
				.agenda-previous {
					left: 0;
				}
				.agenda-next {
					right: 0;
				}

				/* When plugin scrolling is enabled */
				.scrolling-agenda .agenda-previous,
				.scrolling-agenda .agenda-next {
					display: none;
					}
					.agenda-visible-first .agenda-previous {
						display: block;
					}
					.agenda-visible-last .agenda-next {
						display: block;
					}

	/* Events column */
	.agenda-events {
		margin-left: 0;
		list-style-type: none;
		position: absolute;
		top: 16px;
		left: 0;
		width: 100%;
		bottom: 16px;
		}
		.with-header > .agenda-events,
		.with-header > .agenda-wrapper > .agenda-events {
			top: 56px;
			}
			.agenda-wrapper > .agenda-events {
				border-left: 1px solid #bfbfbf;
				}
				.agenda-wrapper > .agenda-events:first-child {
					border-left: 0;
				}
		.agenda-event {
			display: block;
			position: absolute;
			left: 10px;
			right: 10px;
			font-size: 12px;
			line-height: 12px;
			padding: 3px 4px;
			border-width: 1px;
			border-style: solid;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), 0 1px 3px rgba(0, 0, 0, 0.15);
			}
			.agenda-event.black-gradient,
			.agenda-event.anthracite-gradient,
			.agenda-event.grey-gradient,
			.agenda-event.blue-gradient,
			.agenda-event.red-gradient,
			.agenda-event.orange-gradient,
			.agenda-event.green-gradient {
				-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.25);
				-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.25);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 3px rgba(0, 0, 0, 0.25);
			}
			.agenda-event time {
				display: block;
				margin: -1px 0 2px;
				font-size: 11px;
				line-height: 11px;
				white-space: nowrap;
				overflow: hidden;
				text-overflow: ellipsis;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
				filter: alpha(opacity=60);
				-khtml-opacity: 0.6;
				-moz-opacity: 0.6;
				opacity: 0.6;
			}

	/* Multiple columns wrapper */
	.agenda-wrapper {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		overflow: hidden;
		}
		.agenda-wrapper > .agenda-events {
			position: absolute;
			width: auto;
			}
			.agenda-wrapper > .agenda-day1	{	left: 0;		right: 85.714%;	}
			.agenda-wrapper > .agenda-day2	{	left: 14.286%;	right: 71.429%;	}
			.agenda-wrapper > .agenda-day3	{	left: 28.571%;	right: 57.143%;	}
			.agenda-wrapper > .agenda-day4	{	left: 42.857%;	right: 42.857%;	}
			.agenda-wrapper > .agenda-day5	{	left: 57.143%;	right: 28.571%;	}
			.agenda-wrapper > .agenda-day6	{	left: 71.429%;	right: 14.286%;	}
			.agenda-wrapper > .agenda-day7	{	left: 85.714%;	right: 0;		}

	/* Simultaneous events */
	.event-1-on-2 {
		right: 50%;
		margin-right: 5px;
	}
	.event-2-on-2 {
		left: 50%;
		margin-left: 5px;
	}
	.event-1-on-3 {
		right: 67%;
		margin-right: 5px;
	}
	.event-2-on-3 {
		right: 33%;
		left: 33%;
		margin-left: 5px;
		margin-right: 5px;
	}
	.event-3-on-3 {
		left: 67%;
		margin-left: 5px;
	}

	/* Curent time marker */
	.agenda-now {
		position: absolute;
		left: 0;
		right: 0;
		border-top: 1px solid #dd380d;
		color: white;
		}
		.agenda-now > span {
			display: block;
			position: absolute;
			font-size: 12px;
			line-height: 12px;
			font-weight: bold;
			background: #dd380d;
			padding: 0 5px 1px;
			top: -7px;
			right: 5px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;

			border-radius: 3px;
		}

	/* Classes for events spreading out of default time-range */
	.from-before {
		top: -16px;
		border-top: 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;
	}
	.to-after {
		bottom: -16px;
		border-bottom: 0;
		-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;
	}

	/*
	 * Times
	 *
	 * The default time range goes from 7:00 to 20:00. To change this, do as follow:
	 * - Get the number of hours in the desired range, for instance 7 -> 20 = 13
	 * - Calculate the interval for each hour : 100/13 = 7.692
	 * - Start at the first hour with top: 0
	 * - Then increase top position for each hour by the calculated interval
	 * - Half hours are set using adding half the interval
	 *
	 * Do the same but in reverse for the to-* values, start from 100, then decrease.
	 *
	 */
	.from-7,		.at-7		{ top: 0%; 		}
	.from-7-30,		.at-7-30	{ top: 3.846%;	}
	.from-8,		.at-8		{ top: 7.692%;	}
	.from-8-30,		.at-8-30	{ top: 11.538%;	}
	.from-9,		.at-9		{ top: 15.385%;	}
	.from-9-30,		.at-9-30	{ top: 19.231%;	}
	.from-10,		.at-10		{ top: 23.077%;	}
	.from-10-30,	.at-10-30	{ top: 26.923%;	}
	.from-11,		.at-11		{ top: 30.769%;	}
	.from-11-30,	.at-11-30	{ top: 34.615%;	}
	.from-12,		.at-12		{ top: 38.462%;	}
	.from-12-30,	.at-12-30	{ top: 42.308%;	}
	.from-13,		.at-13		{ top: 46.154%;	}
	.from-13-30,	.at-13-30	{ top: 50%;		}
	.from-14,		.at-14		{ top: 53.846%;	}
	.from-14-30,	.at-14-30	{ top: 57.692%;	}
	.from-15,		.at-15		{ top: 61.538%;	}
	.from-15-30,	.at-15-30	{ top: 65.385%;	}
	.from-16,		.at-16		{ top: 69.231%;	}
	.from-16-30,	.at-16-30	{ top: 73.077%;	}
	.from-17,		.at-17		{ top: 76.923%;	}
	.from-17-30,	.at-17-30	{ top: 80.769%;	}
	.from-18,		.at-18		{ top: 84.615%;	}
	.from-18-30,	.at-18-30	{ top: 88.462%;	}
	.from-19,		.at-19		{ top: 92.308%;	}
	.from-19-30,	.at-19-30	{ top: 96.154%;	}
	.from-20,		.at-20		{ top: 100%;	}

	.to-7		{ bottom: 100%;		}
	.to-7-30	{ bottom: 96.154%;	}
	.to-8		{ bottom: 92.308%;	}
	.to-8-30	{ bottom: 88.462%;	}
	.to-9		{ bottom: 84.615%;	}
	.to-9-30	{ bottom: 80.769%;	}
	.to-10		{ bottom: 76.923%;	}
	.to-10-30	{ bottom: 73.077%;	}
	.to-11		{ bottom: 69.231%;	}
	.to-11-30	{ bottom: 65.385%;	}
	.to-12		{ bottom: 61.538%;	}
	.to-12-30	{ bottom: 57.692%;	}
	.to-13		{ bottom: 53.846%;	}
	.to-13-30	{ bottom: 50%;		}
	.to-14		{ bottom: 46.154%;	}
	.to-14-30	{ bottom: 42.308%;	}
	.to-15		{ bottom: 38.462%;	}
	.to-15-30	{ bottom: 34.615%;	}
	.to-16		{ bottom: 30.769%;	}
	.to-16-30	{ bottom: 26.923%;	}
	.to-17		{ bottom: 23.077%;	}
	.to-17-30	{ bottom: 19.231%;	}
	.to-18		{ bottom: 15.385%;	}
	.to-18-30	{ bottom: 11.538%;	}
	.to-19		{ bottom: 7.692%;	}
	.to-19-30	{ bottom: 3.846%;	}
	.to-20		{ bottom: 0%; 		}

/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {

	/*
	 * Daily/Weekly agenda
	 */
	.agenda {
		margin-left: 60px;
		}
		.block > .agenda {
			border-left: 1px solid #bfbfbf;
		}
		.agenda-time > li > span {
			font-size: 13px;
			left: auto;
			right: 100%;
			margin: -8px 10px 0 0;
			width: 50px;
			text-align: right;
		}

}/*/mediaquery*/

/*=======================================================================================================================================
css/styles/calendars.css
=======================================================================================================================================*/

/*
 * Default calendar style
 */

.calendar {
	width: 230px;
	text-align: center;
	border-spacing: 0;
	border-collapse: collapse;
	background: #f0f4f7;
	-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.45);
	}
	.no-boxshadow .calendar {
		border: 1px solid #cccccc;
		margin-left: -1px;
		margin-right: -1px;
	}

	/* Month and scroll arrows */
	.calendar > caption {
		color: white;
		font-size: 17px;
		height: 38px;
		padding: 0 34px;
		line-height: 38px;
		font-weight: bold;
		white-space: nowrap;
		border: 1px solid #004795;
		background: #00438d url(../../img/old-browsers/colors/bg_blue-gradient.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(#006aac), to(#00438d));
		background: -webkit-linear-gradient(top, #006aac, #00438d);
		background: -moz-linear-gradient(top, #006aac, #00438d);
		background: -ms-linear-gradient(top, #006aac, #00438d);
		background: -o-linear-gradient(top, #006aac, #00438d);
		background: linear-gradient(top, #006aac, #00438d);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 4px rgba(0, 0, 0, 0.45);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 4px rgba(0, 0, 0, 0.45);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 2px 4px rgba(0, 0, 0, 0.45);
		-webkit-text-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.65);
		-moz-text-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.65);
		text-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.65);
		}
		.cal-prev,
		.cal-next {
			display: block;
			height: 38px;
			width: 34px;
			line-height: 38px;
			font-size: 12px;
			color: white;
			}
			.cal-prev {
				float: left;
				margin-left: -34px;
			}
			.cal-next {
				float: right;
				margin-right: -34px;
			}
			a.cal-prev,
			a.cal-next {
				color: white;
				-webkit-transition: text-indent 300ms;
				-moz-transition: text-indent 300ms;
				-ms-transition: text-indent 300ms;
				-o-transition: text-indent 300ms;
				transition: text-indent 300ms;
				}
				a.cal-prev:hover {
					text-indent: -6px;
				}
				a.cal-next:hover {
					text-indent: 6px;
				}
			span.cal-prev, .cal-prev.disabled,
			span.cal-next, .cal-next.disabled {
				cursor: not-allowed;
				color: #72a2c9;
				-webkit-text-shadow: none;
				-moz-text-shadow: none;
				text-shadow: none;
				}
				a.cal-prev.disabled:hover,
				a.cal-next.disabled:hover {
					color: #72a2c9;
					padding: 0;
				}

	/* Days names */
	.calendar > thead > tr {
		font-size: 9px;
		line-height: 20px;
		color: #666666;
		text-transform: uppercase;
		background: #e4e7eb url(../../img/old-browsers/colors/bg_white-gradient.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(#f7f7fa), to(#e4e7eb));
		background: -webkit-linear-gradient(top, #f7f7fa, #e4e7eb);
		background: -moz-linear-gradient(top, #f7f7fa, #e4e7eb);
		background: -ms-linear-gradient(top, #f7f7fa, #e4e7eb);
		background: -o-linear-gradient(top, #f7f7fa, #e4e7eb);
		background: linear-gradient(top, #f7f7fa, #e4e7eb);
		}
		.calendar > thead > tr > th,
		.calendar > thead > tr > td {
			width: 32px;
			padding-top: 1px;
			border-top: 1px solid #c7c9ca;
			-webkit-text-shadow: 0 1px 0 white;
			-moz-text-shadow: 0 1px 0 white;
			text-shadow: 0 1px 0 white;
		}

	/* Days names */
	.calendar > tbody > tr > th,
	.calendar > tbody > tr > td {
		height: 32px;
		border-top: 1px solid #ececec;
		border-left: 1px solid #ececec;
		}
		.calendar > tbody > tr:first-child > th,
		.calendar > tbody > tr:first-child > td {
			border-top: 1px solid #ced3d6;
		}
		.calendar > tbody > tr > th:first-child,
		.calendar > tbody > tr > td:first-child {
			border-left: 0;
		}

	/* Dates */
	.calendar > tbody > tr > .week-end {
		background: white;
	}
	.calendar > tbody > tr > .prev-month,
	.calendar > tbody > tr > .next-month {
		background-color: #f2f2f2;
		color: #cfd1d2;
	}
	.cal-day {
		display: block;
		font-size: 12px;
		line-height: 32px;
		font-weight: bold;
		color: #6c7174;
		}
		.prev-month > .cal-day,
		.next-month > .cal-day {
			color: #cfd1d2;
		}

		/* Special styles */
		.calendar > tbody > tr > .today {
			background: #004a95;
			color: white;
			}
			.today > .cal-day {
				color: white;
				-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.65);
				-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.65);
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.65);
			}
			.calendar > tbody > tr > a.today:hover {
				background: #005dba;
			}
		.calendar > tbody > tr > .selected {
			background: #e5e5e5;
		}

	/* Style with events */
	.with-events .cal-day,
	.fluid .cal-day {
		line-height: 12px;
		padding: 5px 0 0;
	}
	.cal-events {
		list-style-type: none;
		margin: 0 auto;
		padding: 1px 3px 4px;
		width: 26px;
		line-height: 8px;
		min-height: 8px;
		}
		.cal-events > li {
			display: inline-block;
			*display: inline;
			zoom: 1;
			width: 0;
			height: 0;
			overflow: hidden;
			border: 3px solid #5893cf;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
		}
		.today > .cal-events > li {
			border-color: white;
		}
		.cal-events > li.important {
			border-color: #ff0000;
		}

/* Zoom on a day */
.calendar > tbody > .calendar-zoom > td {
	color: white;
	height: auto !important;
	padding: 8px;
	text-align: left;
	background: #939393 url(../../img/old-browsers/colors/bg_grey-gradient.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(#b3b3b3), to(#939393));
	background: -webkit-linear-gradient(top, #b3b3b3, #939393);
	background: -moz-linear-gradient(top, #b3b3b3, #939393);
	background: -ms-linear-gradient(top, #b3b3b3, #939393);
	background: -o-linear-gradient(top, #b3b3b3, #939393);
	background: linear-gradient(top, #b3b3b3, #939393);
	-webkit-box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.65);
	-moz-box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.65);
	box-shadow: inset 0 1px 7px rgba(0, 0, 0, 0.65);
	}

	/* Arrow */
	.calendar-zoom-arrow {
		display: block;
		width: 0;
		height: 0;
		border: 4px solid transparent;
		border-top-color: #e5e5e5;
		margin: -8px 0 1px 4px;
	}

	/* Events list */
	.calendar-zoom > td > .cal-events {
		clear: left;
		padding: 0 !important;
		width: auto !important;
		font-size: 11px;
		line-height: 12px;
		text-align: left;
		}
		.calendar-zoom > td > .cal-events > li {
			display: block;
			height: auto;
			overflow: visible;
			padding: 4px 4px 4px 5px;
			width: auto;
			font-size: 13px;
			line-height: 16px;
			border: 1px solid #004795;
			background: #00438d url(../../img/old-browsers/colors/bg_blue-gradient.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(#006aac), to(#00438d));
			background: -webkit-linear-gradient(top, #006aac, #00438d);
			background: -moz-linear-gradient(top, #006aac, #00438d);
			background: -ms-linear-gradient(top, #006aac, #00438d);
			background: -o-linear-gradient(top, #006aac, #00438d);
			background: linear-gradient(top, #006aac, #00438d);
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
			}
			.calendar-zoom > td > .cal-events > li + li {
				margin-top: 4px;
			}
			.calendar-zoom > td > .cal-events > li > a {
				display: block;
				margin: -4px -4px -4px -5px;
				padding: 4px 4px 4px 5px;
			}
		.calendar-zoom > td > .cal-events > li.important {
			border: 1px solid #931a03;
			color: white;
			background: #d52607 url(../../img/old-browsers/colors/bg_red-gradient.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(#e24913), to(#d52607));
			background: -webkit-linear-gradient(top, #e24913, #d52607);
			background: -moz-linear-gradient(top, #e24913, #d52607);
			background: -ms-linear-gradient(top, #e24913, #d52607);
			background: -o-linear-gradient(top, #e24913, #d52607);
			background: linear-gradient(top, #e24913, #d52607);
		}

/*
 * Fluid calendar style
 */

.fluid {
	width: 100%;
	}
	/*.calendar.fluid > thead > tr > th,
	.calendar.fluid > thead > tr > td {
		width: 14.286%;
	}
	.fluid .cal-day {
		line-height: 12px;
		padding: 5px 0 0;
	}*/

/*
 * Sizes
 */

/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {

	.calendar.medium,
	.calendar.large,
	.calendar.largest {
		width: 398px;
		}
		.calendar.fluid > thead > tr,
		.calendar.medium > thead > tr,
		.calendar.large > thead > tr,
		.calendar.largest > thead > tr {
			line-height: 24px;
			}
			.calendar.fluid > thead > tr > th,
			.calendar.fluid > thead > tr > td,
			.calendar.medium > thead > tr > th,
			.calendar.medium > thead > tr > td,
			.calendar.large > thead > tr > th,
			.calendar.large > thead > tr > td,
			.calendar.largest > thead > tr > th,
			.calendar.largest > thead > tr > td {
				width: 56px;
			}
		.calendar.fluid > tbody > tr > th,
		.calendar.fluid > tbody > tr > td,
		.calendar.medium > tbody > tr > th,
		.calendar.medium > tbody > tr > td,
		.calendar.large > tbody > tr > th,
		.calendar.large > tbody > tr > td,
		.calendar.largest > tbody > tr > th,
		.calendar.largest > tbody > tr > td {
			height: 56px;
		}
		.calendar.fluid .cal-day,
		.calendar.medium .cal-day,
		.calendar.large .cal-day,
		.calendar.largest .cal-day {
			font-size: 16px;
			line-height: 56px;
		}
		.calendar.fluid .cal-day,
		.medium.with-events .cal-day,
		.large.with-events .cal-day,
		.largest.with-events .cal-day {
			line-height: 16px;
			padding: 14px 0 2px;
		}
		.calendar.fluid .cal-events,
		.calendar.medium .cal-events,
		.calendar.large .cal-events,
		.calendar.largest .cal-events {
			padding: 5px 5px 9px;
			width: 46px;
			line-height: 10px;
			min-height: 10px;
		}

}/*/mediaquery*/

/*768px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 768px) {

	.calendar.large,
	.calendar.largest {
		width: 622px;
		}
		.calendar.fluid > thead > tr,
		.calendar.large > thead > tr,
		.calendar.largest > thead > tr {
			line-height: 30px;
			}
			.calendar.fluid > thead > tr > th,
			.calendar.fluid > thead > tr > td,
			.calendar.large > thead > tr > th,
			.calendar.large > thead > tr > td,
			.calendar.largest > thead > tr > th,
			.calendar.largest > thead > tr > td {
				width: 88px;
			}
		.calendar.fluid > tbody > tr > th,
		.calendar.fluid > tbody > tr > td,
		.calendar.large > tbody > tr > th,
		.calendar.large > tbody > tr > td,
		.calendar.largest > tbody > tr > th,
		.calendar.largest > tbody > tr > td {
			height: 88px;
			}
			.calendar.fluid > tbody > tr > .today,
			.calendar.large > tbody > tr > .today,
			.calendar.largest > tbody > tr > .today {
				background: transparent;
			}
			.calendar.fluid > tbody > tr > .week-end,
			.calendar.large > tbody > tr > .week-end,
			.calendar.largest > tbody > tr > .week-end {
				background: white;
			}
			.calendar.fluid > tbody > tr > .prev-month,
			.calendar.fluid > tbody > tr > .next-month,
			.calendar.large > tbody > tr > .prev-month,
			.calendar.large > tbody > tr > .next-month,
			.calendar.largest > tbody > tr > .prev-month,
			.calendar.largest > tbody > tr > .next-month {
				background-color: #f2f2f2;
				color: #cfd1d2;
			}
		.calendar.fluid .cal-day,
		.calendar.large .cal-day,
		.calendar.largest .cal-day {
			font-size: 12px;
			line-height: 21px;
			padding: 0 3px;
			float: left;
			min-width: 15px;
			margin: 2px;
			-webkit-border-radius: 3px;
			-moz-border-radius: 3px;
			border-radius: 3px;
			}
			.calendar.fluid > tbody > tr > .today > .cal-day,
			.calendar.large > tbody > tr > .today > .cal-day,
			.calendar.largest > tbody > tr > .today > .cal-day {
				background: #004a95;
				color: white;
			}
		.calendar.fluid .cal-events,
		.calendar.large .cal-events,
		.calendar.largest .cal-events {
			clear: left;
			padding: 0 4px 4px;
			width: 80px;
			font-size: 11px;
			line-height: 12px;
			text-align: left;
			}
			.calendar.fluid .cal-events > li,
			.calendar.large .cal-events > li,
			.calendar.largest .cal-events > li {
				display: block;
				height: auto;
				overflow: visible;
				padding: 2px 2px 2px 3px;
				margin: 0;
				width: auto;
				color: white;
				border: 1px solid #004795;
				background: #00438d url(../../img/old-browsers/colors/bg_blue-gradient.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(#006aac), to(#00438d));
				background: -webkit-linear-gradient(top, #006aac, #00438d);
				background: -moz-linear-gradient(top, #006aac, #00438d);
				background: -ms-linear-gradient(top, #006aac, #00438d);
				background: -o-linear-gradient(top, #006aac, #00438d);
				background: linear-gradient(top, #006aac, #00438d);
				-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
				-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 2px rgba(0, 0, 0, 0.25);
				}
				.calendar.fluid .cal-events > li + li,
				.calendar.large .cal-events > li + li,
				.calendar.largest .cal-events > li + li {
					margin-top: 2px;
				}
				.calendar.fluid .cal-events > li.to-previous-day,
				.calendar.large .cal-events > li.to-previous-day,
				.calendar.largest .cal-events > li.to-previous-day {
					margin-left: -5px;
					border-left: 0;
					-webkit-border-top-left-radius: 0;
					-webkit-border-bottom-left-radius: 0;
					-moz-border-radius-topleft: 0;
					-moz-border-radius-bottomleft: 0;
					border-top-left-radius: 0;
					border-bottom-left-radius: 0;
				}
				.calendar.fluid .cal-events > li.to-next-day,
				.calendar.large .cal-events > li.to-next-day,
				.calendar.largest .cal-events > li.to-next-day {
					margin-right: -5px;
					border-right: 0;
					-webkit-border-top-right-radius: 0;
					-webkit-border-bottom-right-radius: 0;
					-moz-border-radius-topright: 0;
					-moz-border-radius-bottomright: 0;
					border-top-right-radius: 0;
					border-bottom-right-radius: 0;
				}
				.calendar.fluid .cal-events > li > a,
				.calendar.large .cal-events > li > a,
				.calendar.largest .cal-events > li > a {
					display: block;
					margin: -2px -2px -2px -3px;
					padding: 2px 2px 2px 3px;
				}
			.calendar.fluid .cal-events > li.important,
			.calendar.large .cal-events > li.important,
			.calendar.largest .cal-events > li.important {
				border: 1px solid #931a03;
				background: #d52607 url(../../img/old-browsers/colors/bg_red-gradient.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(#e24913), to(#d52607));
				background: -webkit-linear-gradient(top, #e24913, #d52607);
				background: -moz-linear-gradient(top, #e24913, #d52607);
				background: -ms-linear-gradient(top, #e24913, #d52607);
				background: -o-linear-gradient(top, #e24913, #d52607);
				background: linear-gradient(top, #e24913, #d52607);
			}

		.calendar.fluid .calendar-zoom,
		.calendar.large .calendar-zoom,
		.calendar.largest .calendar-zoom {
			display: none;
		}

}/*/mediaquery*/

/*1200px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 1200px) {

	.calendar.largest {
		width: 832px;
		}
		.calendar.fluid > thead > tr > th,
		.calendar.fluid > thead > tr > td,
		.calendar.largest > thead > tr > th,
		.calendar.largest > thead > tr > td {
			width: 118px;
		}
		.calendar.fluid > tbody > tr > th,
		.calendar.fluid > tbody > tr > td,
		.calendar.largest > tbody > tr > th,
		.calendar.largest > tbody > tr > td {
			height: 118px;
		}
		.calendar.fluid .cal-events,
		.calendar.largest .cal-events {
			font-size: 13px;
			line-height: 14px;
			width: 110px;
			}
			.calendar.fluid .cal-events > li,
			.calendar.largest .cal-events > li {
				padding: 4px 4px 4px 5px;
				}
				.calendar.fluid .cal-events > li > a,
				.calendar.largest .cal-events > li > a {
					margin: -4px -4px -4px -5px;
					padding: 4px 4px 4px 5px;
				}

}/*/mediaquery*/

/*=======================================================================================================================================
css/styles/dashboard.css
=======================================================================================================================================*/

/* Main dashboard block */
.dashboard {
	padding: 20px;
	position: relative;
	zoom: 1;
	color: white;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background: #33373a url(../../img/old-browsers/style/bg_dashboard.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, right top, from(rgba(0, 0, 0, 0.25)), to(rgba(0, 0, 0, 0.25)), color-stop(0.4, rgba(0, 0, 0, 0)), color-stop(0.6, rgba(0, 0, 0, 0))), -webkit-gradient(linear, left top, left bottom, from(#5e6165), to(#33373a));
	background:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -webkit-linear-gradient(top, #5e6165, #33373a);
	background:-moz-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -moz-linear-gradient(top, #5e6165, #33373a);
	background:-ms-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -ms-linear-gradient(top, #5e6165, #33373a);
	background:-o-linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), -o-linear-gradient(top, #5e6165, #33373a);
	background:linear-gradient(left, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.25)), linear-gradient(top, #5e6165, #33373a);
	}
	.dashboard a {
		color: white;
	}
	.dashboard:before,
	.dashboard:after {
		display: block;
		content: ' ';
		position: absolute;
		left: 0;
		right: 0;
		}
		.dashboard:before {
			top: -10px;
			height: 20px;
			background: url(../../img/effects/dashboard-top-shadow.png) no-repeat center top;
			-webkit-background-size: 100% 100%;
			-moz-background-size: 100% 100%;
			-o-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		.dashboard:after {
			bottom: 0;
			height: 5px;
			background: url(../../img/effects/dashboard-bottom-shadow.png) no-repeat center bottom;
			-webkit-background-size: 100% 100%;
			-moz-background-size: 100% 100%;
			-o-background-size: 100% 100%;
			background-size: 100% 100%;
		}
	#main.no-bg-for-mobile .dashboard {
		border-top-color: #26282a;
		border-top-color: rgba(0, 0, 0, 0.15);
		border-bottom-color: #65686a;
		border-bottom-color: rgba(255, 255, 255, 0.15);
	}
	/* IE7 */
	.dashboard + .with-padding {
		zoom: 1;
	}

/*
 * Stats list
 */
.stats {
	list-style-type: none;
	margin-left: 0;
	}
	.stats > li {
		padding: 19px 0 20px;
		border-top: 1px solid #cccccc;
		border-top: 1px solid rgba(0, 0, 0, 0.25);
		font-size: 16px;
		line-height: 16px;
		}
		.dashboard .stats {
			margin-top: -12px;
			margin-bottom: -10px;
			}
			.dashboard .stats > li {
				border-top: 1px solid #333538;
				border-top: 1px solid rgba(0, 0, 0, 0.75);
				/* This effect won't show in Opera: it is rendered under the border (known bug) */
				-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
				-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
				-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
				-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.75);
			}
			.no-boxshadow .dashboard .stats > li {
				border-top-color: #666666;
			}
		.stats > li:first-child {
			border-top: 0;
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}
		.stats > li > a {
			display: block;
			color: inherit;
			//color:expression(this.parentNode.currentStyle['color']);
			margin: -19px 0 -20px;
			padding: 19px 5px 20px 0;
			}
			.stats > li > a:hover {
				padding-right: 0;
				-webkit-transition: padding-right 100ms;
				-moz-transition: padding-right 100ms;
				-ms-transition: padding-right 100ms;
				-o-transition: padding-right 100ms;
				transition: padding-right 100ms;
			}
		.stats > li > strong,
		.stats > li > a > strong {
			display: block;
			float: left;
			font-size: 48px;
			line-height: 48px;
			height: 48px;
			font-weight: 100;
			margin: -7px 10px -5px 0;
			-webkit-text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
			-moz-text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
			text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
			-webkit-transition: margin-right 100ms;
			-moz-transition: margin-right 100ms;
			-ms-transition: margin-right 100ms;
			-o-transition: margin-right 100ms;
			transition: margin-right 100ms;
			}
			.dashboard .stats > li > strong,
			.dashboard .stats > li > a > strong {
				-webkit-text-shadow: 0 1px 4px black;
				-moz-text-shadow: 0 1px 4px black;
				text-shadow: 0 1px 4px black;
			}
			.stats > li > a:hover > strong {
				margin-right: 15px;
			}

		.stats.split-on-mobile {
			margin-left: -4.5%;
			}
			.stats.split-on-mobile > li {
				float: left;
				width: 45.5%;
				margin-left: 4.5%;
				font-size: 12px;
				line-height: 12px;
				}
				.stats.split-on-mobile > li:nth-child(2) {
					border-top: 0;
					-webkit-box-shadow: none;
					-moz-box-shadow: none;
					box-shadow: none;
				}
				.stats > li > strong,
				.stats > li > a > strong {
					font-size: 36px;
					line-height: 36px;
					height: 36px;
					margin: -6px 7px -4px 0;
				}

/*
 * Fact numbers
 */
.facts {
	margin-left: -20px;
	}
	.fact {
		color: #bfbfbf;
		font-size: 12px;
		line-height: 14px;
		}
		.facts > .fact {
			float: left;
			margin: 0 0 20px 20px;
			width: 129px;
		}
	.fact-value {
		float: left;
		margin: -6px 4px 0 0;
		font-family: 'Open Sans', sans-serif;
		font-size: 48px;
		line-height: 48px;
		position: relative;
		color: #666666;
		letter-spacing: -2px;
		}
		.fact-unit {
			position: absolute;
			top: 37px;
			right: -2px;
			font-size: 11px;
			line-height: 11px;
			font-family: Arial, Helvetica, sans-serif;
			text-transform: uppercase;
			padding: 2px 3px;
			background: white;
			letter-spacing: 0;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			font-weight: bold;
		}
	.fact-progress {
		display: block;
		padding-top: 4px;
	}

/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {

	/*
	 * Stats list
	 */
	.stats.split-on-mobile > li {
		font-size: 16px;
		line-height: 16px;
		}
		.stats > li > strong,
		.stats > li > a > strong {
			font-size: 48px;
			line-height: 48px;
			height: 48px;
			margin: -7px 10px -5px 0;
		}

	/*
	 * Fact numbers
	 */
	.facts {
		margin-left: -30px;
		}
		.ie7 .facts {
			margin-bottom: 30px;
		}
		.fact {
			font-size: 13px;
			line-height: 16px;
			}
			.facts > .fact {
				margin: 0 0 30px 30px;
				width: 180px;
			}
		.fact-value {
			margin: -6px 8px 0 0;
			font-size: 60px;
			line-height: 60px;
			letter-spacing: -3px;
			}
			.ie7 .fact-value {
				margin: -17px 8px -13px 0;
			}
			.fact-unit {
				position: static;
				display: inline-block;
				top: auto;
				right: auto;
				font-size: 12px;
				line-height: 12px;
				padding: 0;
				vertical-align: top;
				margin: 7px 3px 0 -10px;
				background: none;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				}
				.ie7 .fact-unit {
					margin-top: 19px;
				}

}/*/mediaquery*/

/*768px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 768px) {

	/*
	 * Stats list
	 */
	.stats.split-on-mobile {
		margin-left: 0;
		}
		.stats.split-on-mobile > li {
			float: none;
			width: auto;
			margin-left: 0;
			}
			.stats.split-on-mobile > li:nth-child(2) {
				border-top: 1px solid #cccccc;
				border-top: 1px solid rgba(0, 0, 0, 0.25);
				}
				.dashboard .stats.split-on-mobile > li:nth-child(2) {
					border-top: 1px solid #333538;
					border-top: 1px solid rgba(0, 0, 0, 0.75);
					-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
					-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
					box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
				}

}/*/mediaquery*/

/* The legen - wait for it - dary clearfix */
.facts:before, .facts:after,
.fact:before, .fact:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 }
.facts:after,
.fact:after { clear: both; }
.facts,
.fact { zoom: 1; }

/*=======================================================================================================================================
css/styles/files.css
=======================================================================================================================================*/

/* Basic icon-style list */
.files-icons {
	list-style-type: none;
	margin: 0 0 10px -10px;
	text-align: center;
	}
	.files-icons > li {
		float: left;
		width: 85px;
		height: 32px;
		padding: 76px 0 0;
		margin: 0 0 10px 10px;
		position: relative;
		color: #808080;
		text-overflow: ellipsis;
		word-wrap: break-word;
		}
		.files-icons > li > .file-link {
			display: block;
			margin: -76px 0 0;
			padding: 76px 0 0;
			height: 32px;
			color: #808080;
			text-overflow: ellipsis;
			word-wrap: break-word;
		}
		.files-icons > li > a {
			color: #808080;
			}
			.files-icons > li > .file-link:hover,
			.files-icons > li > a:hover {
				color: #0099ff;
			}
		.files-icons.on-dark > li,
		.files-icons.on-dark > li > .file-link,
		.files-icons.on-dark > li > a {
			color: white;
			}
			.files-icons.on-dark > li > .file-link:hover,
			.files-icons.on-dark > li > a:hover {
				color: #cccccc;
			}
		.files-icons > li > .icon,
		.files-icons > li > .file-link > .icon {
			position: absolute;
			top: 0;
			left: 0;
			right: 0;
			height: 70px;
			line-height: 66px;
			background-position: center center;
			background-repeat: no-repeat;
			}
			.files-icons > li > .icon > img,
			.files-icons > li > .file-link > .icon > img {
				vertical-align: middle;
				margin: 0;
				max-width: 64px;
				max-height: 64px;
			}
			.framed {
				border: 3px solid white;
				-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.65), 0 2px 5px rgba(0, 0, 0, 0.25);
				-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.65), 0 2px 5px rgba(0, 0, 0, 0.25);
				box-shadow: 0 0 1px rgba(0, 0, 0, 0.65), 0 2px 5px rgba(0, 0, 0, 0.25);
				-webkit-border-radius: 2px;
				-moz-border-radius: 2px;
				border-radius: 2px;
				}
				.no-boxshadow .framed {
					border-color: #cfcfcf;
				}

		/* Hover controls */
		.files-icons > li > .controls {
			position: absolute;
			display: block;
			top: 0;
			left: 0;
			right: 0;
			height: 70px;
			line-height: 70px;
			text-align: center;
			background: url(../../img/old-browsers/black45.png);
			background: rgba(0, 0, 0, 0.45);
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-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;
			}
			.files-icons > li:hover > .controls {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-khtml-opacity: 1;
				-moz-opacity: 1;
				opacity: 1;
			}
			.touch .files-icons > li > .controls {
				top: auto;
				bottom: 100%;
				margin-bottom: -6px;
				height: auto;
				padding: 4px 0;
				line-height: 30px;
				-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
				-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
				box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
				}
				.touch .files-icons > li > .controls:after {
					display: block;
					position: absolute;
					content: '';
					left: 50%;
					top: 100%;
					width: 0;
					height: 0;
					border: 4px solid transparent;
					margin-left: -4px;
					border-top-color: rgba(0, 0, 0, 0.45);
				}

	/* Mini size */
	.files-icons.mini {
		margin: 0 0 14px -6px;
		}
		.files-icons.mini > li {
			width: 50px;
			height: 24px;
			padding: 40px 0 0;
			margin: 0 0 6px 6px;
			font-size: 9px;
			text-transform: uppercase;
			line-height: 12px;
			}
			.files-icons.mini > li > .file-link {
				margin: -40px 0 0;
				padding: 40px 0 0;
				height: 24px;
				}
				.files-icons.mini > li > .icon,
				.files-icons.mini > li > .file-link > .icon {
					height: 36px;
					line-height: 32px;
					background-position: center center;
					background-repeat: no-repeat;
					}
					.files-icons.mini .framed {
						border-width: 2px;
					}
				.files-icons.mini > li > .icon > img,
				.files-icons.mini > li > .file-link > .icon > img {
					max-width: 32px;
					max-height: 32px;
				}
			.files-icons.mini > li > .controls {
				height: 36px;
				line-height: 36px;
			}

/* List style */
.files-list {
	list-style-type: none;
	margin-left: 0;
	}
	.files-list > li {
		padding: 24px 10px 24px 80px;
		min-height: 32px;
		position: relative;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
		}
		.no-boxshadow .files-list > li + li {
			border-top: 1px solid #f0f0f0;
		}
		.files-list > li > .file-link {
			margin: -24px -10px -24px -80px;
			padding: 24px 10px 24px 80px;
			display: block;
			min-height: 32px;
			white-space: nowrap;
			text-overflow: ellipsis;
			word-wrap: break-word;
		}
		.files-list > li > a {
			color: #808080;
			}
			.files-list > li > .file-link:hover,
			.files-list > li > a:hover {
				color: #0099ff;
			}
		.files-list.on-dark > li,
		.files-list.on-dark > li > .file-link,
		.files-list.on-dark > li > a {
			color: white;
			}
			.files-list.on-dark > li > .file-link:hover,
			.files-list.on-dark > li > a:hover {
				color: #cccccc;
			}
		.files-list > li > .icon,
		.files-list > li > .file-link > .icon {
			position: absolute;
			top: 0;
			left: 8px;
			bottom: 0;
			width: 64px;
			line-height: 76px;
			background-position: center center;
			background-repeat: no-repeat;
			text-align: center;
			}
			.files-list > li > .icon > img,
			.files-list > li > .file-link > .icon > img {
				vertical-align: middle;
				margin: 0;
				max-width: 64px;
				max-height: 64px;
			}

		/* Hover controls */
		.files-list > li > .controls {
			position: absolute;
			display: block;
			top: 0;
			right: 12px;
			bottom: 0;
			line-height: 76px;
		}

	/* Mini style */
	.files-list.mini > li {
		padding: 16px 10px 16px 48px;
		min-height: 16px;
		}
		.files-list.mini > li > .file-link {
			margin: -16px -10px -16px -45px;
			padding: 16px 10px 16px 45px;
			min-height: 16px;
		}
		.files-list.mini > li > .icon,
		.files-list.mini > li > .file-link > .icon {
			left: 8px;
			width: 32px;
			line-height: 44px;
			}
			.files-list.mini > li > .icon > img,
			.files-list.mini > li > .file-link > .icon > img {
				max-width: 32px;
				max-height: 32px;
			}
		.files-list.mini > li > .controls {
			line-height: 44px;
		}

/* File types */
.folder-close		{ background-image: url(../../img/fineFiles/64/_close.png); }
.folder-docs		{ background-image: url(../../img/fineFiles/64/_documents.png); }
.folder-favs		{ background-image: url(../../img/fineFiles/64/_favorites.png); }
.folder-image		{ background-image: url(../../img/fineFiles/64/_image.png); }
.folder-movie		{ background-image: url(../../img/fineFiles/64/_movie.png); }
.folder-music		{ background-image: url(../../img/fineFiles/64/_music.png); }
.folder-net			{ background-image: url(../../img/fineFiles/64/_net.png); }
.folder-open		{ background-image: url(../../img/fineFiles/64/_open.png); }
.folder-program		{ background-image: url(../../img/fineFiles/64/_programfiles.png); }
.folder-pen			{ background-image: url(../../img/fineFiles/64/_works.png); }

.file-aac			{ background-image: url(../../img/fineFiles/64/aac.png); }
.file-access		{ background-image: url(../../img/fineFiles/64/access.png); }
.file-avi			{ background-image: url(../../img/fineFiles/64/avi.png); }
.file-bat			{ background-image: url(../../img/fineFiles/64/bat.png); }
.file-bmp			{ background-image: url(../../img/fineFiles/64/bmp.png); }
.file-chm			{ background-image: url(../../img/fineFiles/64/chm.png); }
.file-css			{ background-image: url(../../img/fineFiles/64/css.png); }
.file-dat			{ background-image: url(../../img/fineFiles/64/dat.png); }
.file-default		{ background-image: url(../../img/fineFiles/64/default.png); }
.file-desktop		{ background-image: url(../../img/fineFiles/64/desktop.png); }
.file-dll			{ background-image: url(../../img/fineFiles/64/dll.png); }
.file-excel			{ background-image: url(../../img/fineFiles/64/excel.png); }
.file-exe			{ background-image: url(../../img/fineFiles/64/exe.png); }
.file-fon			{ background-image: url(../../img/fineFiles/64/fon.png); }
.file-gif			{ background-image: url(../../img/fineFiles/64/gif.png); }
.file-html			{ background-image: url(../../img/fineFiles/64/html.png); }
.file-image			{ background-image: url(../../img/fineFiles/64/other_image.png); }
.file-ini			{ background-image: url(../../img/fineFiles/64/ini.png); }
.file-jar			{ background-image: url(../../img/fineFiles/64/jar.png); }
.file-jpg			{ background-image: url(../../img/fineFiles/64/jpg.png); }
.file-js			{ background-image: url(../../img/fineFiles/64/js.png); }
.file-log			{ background-image: url(../../img/fineFiles/64/log.png); }
.file-mov			{ background-image: url(../../img/fineFiles/64/mov.png); }
.file-movie			{ background-image: url(../../img/fineFiles/64/other_movie.png); }
.file-mp			{ background-image: url(../../img/fineFiles/64/mp3.png); }
.file-mpg			{ background-image: url(../../img/fineFiles/64/mpg.png); }
.file-music			{ background-image: url(../../img/fineFiles/64/other_music.png); }
.file-music2		{ background-image: url(../../img/fineFiles/64/other_music2.png); }
.file-otf			{ background-image: url(../../img/fineFiles/64/otf.png); }
.file-pdf			{ background-image: url(../../img/fineFiles/64/pdf.png); }
.file-png			{ background-image: url(../../img/fineFiles/64/png.png); }
.file-powerpoint	{ background-image: url(../../img/fineFiles/64/powerpoint.png); }
.file-real			{ background-image: url(../../img/fineFiles/64/real.png); }
.file-reg			{ background-image: url(../../img/fineFiles/64/reg.png); }
.file-rtf			{ background-image: url(../../img/fineFiles/64/rtf.png); }
.file-swf			{ background-image: url(../../img/fineFiles/64/swf.png); }
.file-sys			{ background-image: url(../../img/fineFiles/64/sys.png); }
.file-txt			{ background-image: url(../../img/fineFiles/64/text.png); }
.file-ttc			{ background-image: url(../../img/fineFiles/64/ttc.png); }
.file-ttf			{ background-image: url(../../img/fineFiles/64/ttf.png); }
.file-vbs			{ background-image: url(../../img/fineFiles/64/vbs.png); }
.file-wav			{ background-image: url(../../img/fineFiles/64/wav.png); }
.file-wma			{ background-image: url(../../img/fineFiles/64/wma.png); }
.file-wmv			{ background-image: url(../../img/fineFiles/64/wmv.png); }
.file-word			{ background-image: url(../../img/fineFiles/64/word.png); }
.file-xml			{ background-image: url(../../img/fineFiles/64/xml.png); }
.file-xsl			{ background-image: url(../../img/fineFiles/64/xsl.png); }

	/* Mini size */
	.mini .folder-close		{ background-image: url(../../img/fineFiles/32/_close.png); }
	.mini .folder-docs		{ background-image: url(../../img/fineFiles/32/_documents.png); }
	.mini .folder-favs		{ background-image: url(../../img/fineFiles/32/_favorites.png); }
	.mini .folder-image		{ background-image: url(../../img/fineFiles/32/_image.png); }
	.mini .folder-movie		{ background-image: url(../../img/fineFiles/32/_movie.png); }
	.mini .folder-music		{ background-image: url(../../img/fineFiles/32/_music.png); }
	.mini .folder-net		{ background-image: url(../../img/fineFiles/32/_net.png); }
	.mini .folder-open		{ background-image: url(../../img/fineFiles/32/_open.png); }
	.mini .folder-program	{ background-image: url(../../img/fineFiles/32/_programfiles.png); }
	.mini .folder-pen		{ background-image: url(../../img/fineFiles/32/_works.png); }

	.mini .file-aac			{ background-image: url(../../img/fineFiles/32/aac.png); }
	.mini .file-access		{ background-image: url(../../img/fineFiles/32/access.png); }
	.mini .file-avi			{ background-image: url(../../img/fineFiles/32/avi.png); }
	.mini .file-bat			{ background-image: url(../../img/fineFiles/32/bat.png); }
	.mini .file-bmp			{ background-image: url(../../img/fineFiles/32/bmp.png); }
	.mini .file-chm			{ background-image: url(../../img/fineFiles/32/chm.png); }
	.mini .file-css			{ background-image: url(../../img/fineFiles/32/css.png); }
	.mini .file-dat			{ background-image: url(../../img/fineFiles/32/dat.png); }
	.mini .file-default		{ background-image: url(../../img/fineFiles/32/default.png); }
	.mini .file-desktop		{ background-image: url(../../img/fineFiles/32/desktop.png); }
	.mini .file-dll			{ background-image: url(../../img/fineFiles/32/dll.png); }
	.mini .file-excel		{ background-image: url(../../img/fineFiles/32/excel.png); }
	.mini .file-exe			{ background-image: url(../../img/fineFiles/32/exe.png); }
	.mini .file-fon			{ background-image: url(../../img/fineFiles/32/fon.png); }
	.mini .file-gif			{ background-image: url(../../img/fineFiles/32/gif.png); }
	.mini .file-html		{ background-image: url(../../img/fineFiles/32/html.png); }
	.mini .file-image		{ background-image: url(../../img/fineFiles/32/other_image.png); }
	.mini .file-ini			{ background-image: url(../../img/fineFiles/32/ini.png); }
	.mini .file-jar			{ background-image: url(../../img/fineFiles/32/jar.png); }
	.mini .file-jpg			{ background-image: url(../../img/fineFiles/32/jpg.png); }
	.mini .file-js			{ background-image: url(../../img/fineFiles/32/js.png); }
	.mini .file-log			{ background-image: url(../../img/fineFiles/32/log.png); }
	.mini .file-mov			{ background-image: url(../../img/fineFiles/32/mov.png); }
	.mini .file-movie		{ background-image: url(../../img/fineFiles/32/other_movie.png); }
	.mini .file-mp			{ background-image: url(../../img/fineFiles/32/mp3.png); }
	.mini .file-mpg			{ background-image: url(../../img/fineFiles/32/mpg.png); }
	.mini .file-music		{ background-image: url(../../img/fineFiles/32/other_music.png); }
	.mini .file-music2		{ background-image: url(../../img/fineFiles/32/other_music2.png); }
	.mini .file-otf			{ background-image: url(../../img/fineFiles/32/otf.png); }
	.mini .file-pdf			{ background-image: url(../../img/fineFiles/32/pdf.png); }
	.mini .file-png			{ background-image: url(../../img/fineFiles/32/png.png); }
	.mini .file-powerpoint	{ background-image: url(../../img/fineFiles/32/powerpoint.png); }
	.mini .file-real		{ background-image: url(../../img/fineFiles/32/real.png); }
	.mini .file-reg			{ background-image: url(../../img/fineFiles/32/reg.png); }
	.mini .file-rtf			{ background-image: url(../../img/fineFiles/32/rtf.png); }
	.mini .file-swf			{ background-image: url(../../img/fineFiles/32/swf.png); }
	.mini .file-sys			{ background-image: url(../../img/fineFiles/32/sys.png); }
	.mini .file-txt			{ background-image: url(../../img/fineFiles/32/text.png); }
	.mini .file-ttc			{ background-image: url(../../img/fineFiles/32/ttc.png); }
	.mini .file-ttf			{ background-image: url(../../img/fineFiles/32/ttf.png); }
	.mini .file-vbs			{ background-image: url(../../img/fineFiles/32/vbs.png); }
	.mini .file-wav			{ background-image: url(../../img/fineFiles/32/wav.png); }
	.mini .file-wma			{ background-image: url(../../img/fineFiles/32/wma.png); }
	.mini .file-wmv			{ background-image: url(../../img/fineFiles/32/wmv.png); }
	.mini .file-word		{ background-image: url(../../img/fineFiles/32/word.png); }
	.mini .file-xml			{ background-image: url(../../img/fineFiles/32/xml.png); }
	.mini .file-xsl			{ background-image: url(../../img/fineFiles/32/xsl.png); }
	

/* Gallery */
.gallery {
	list-style-type: none;
	margin-left: 0;
	}
	.gallery > li {
		float: left;
		position: relative;
		width: 10em;
		height: 10em;
		line-height: 10em;
		text-align: center;
		}
		.gallery > li > a {
			display: block;
			width: 10em;
			height: 10em;
			line-height: 10em;
		}
		.gallery > li > img,
		.gallery > li > .stack > img,
		.gallery > li > a > img,
		.gallery > li > a > .stack > img {
			margin: 0;
			vertical-align: middle;
			max-width: 8em;
			max-height: 8em;
		}
		.gallery > li > .controls {
			display: block;
			position: absolute;
			left: 0;
			top: 0;
			width: 10em;
			height: 10em;
			line-height: 10em;
			background: url(../../img/old-browsers/black45.png);
			background: rgba(0, 0, 0, 0.45);
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			-khtml-opacity: 0;
			-moz-opacity: 0;
			opacity: 0;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			-webkit-transition: opacity 200ms;
			-moz-transition: opacity 200ms;
			-ms-transition: opacity 200ms;
			-o-transition: opacity 200ms;
			transition: opacity 200ms;
			}
			.gallery > li:hover > .controls {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				filter: alpha(opacity=100);
				-khtml-opacity: 1;
				-moz-opacity: 1;
				opacity: 1;
			}
			.gallery > li > .controls > * {
				font-size: 13px;
			}
			.touch .gallery > li > .controls {
				top: auto;
				bottom: 75%;
				height: auto;
				padding: 4px 0;
				line-height: 30px;
				-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
				-moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
				box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
				}
				.touch .gallery > li > .controls:after {
					display: block;
					position: absolute;
					content: '';
					left: 50%;
					top: 100%;
					width: 0;
					height: 0;
					border: 4px solid transparent;
					margin-left: -4px;
					border-top-color: rgba(0, 0, 0, 0.45);
				}

/* Stack styles */
/* From http://inspectelement.com/demos/css3/stacks/ */
.stack {
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	z-index: 10;
	vertical-align: center;
	line-height: 1px;
	}
	.stack > img {
		border: 6px solid #fff;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
		}
		.no-boxshadow .stack > img {
			border-color: #cfcfcf;
		}
	.stack:before,
	.stack:after {
		content: "";
		width: 100%;
		height: 100%;
		position: absolute;
		background: #808080;
		border: 6px solid #fff;
		left: 0;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
		-webkit-transition: 0.3s all ease-out;
		-moz-transition: 0.3s all ease-out;
		-ms-transition: 0.3s all ease-out;
		-o-transition: 0.3s all ease-out;
		transition: 0.3s all ease-out;
		}
		.stack:before {
			top: 4px;
			z-index: -10;
		}
		.stack:after {
			top: 8px;
			z-index: -20;
		}

	/* Rotated to the right from the bottom left */
	.stack.rotated:before {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		transform-origin: bottom left;
		-webkit-transform: rotate(2deg);
		-moz-transform: rotate(2deg);
		-ms-transform: rotate(2deg);
		-o-transform: rotate(2deg);
		transform: rotate(2deg);
	}
	.stack.rotated:after {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		transform-origin: bottom left;
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-ms-transform: rotate(4deg);
		-o-transform: rotate(4deg);
		transform: rotate(4deg);
	}

	/* One stack element rotated in the opposite direction */
	.stack.twisted:before {
		-webkit-transform: rotate(4deg);
		-moz-transform: rotate(4deg);
		-ms-transform: rotate(4deg);
		-o-transform: rotate(4deg);
		transform: rotate(4deg);
	}
	.stack.twisted:after {
		-webkit-transform: rotate(-4deg);
		-moz-transform: rotate(-4deg);
		-ms-transform: rotate(-4deg);
		-o-transform: rotate(-4deg);
		transform: rotate(-4deg);
	}

	/* Similar to the second but rotated left */
	.stack.rotated-left:before {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		transform-origin: bottom left;
		-webkit-transform: rotate(-3deg);
		-moz-transform: rotate(-3deg);
		-ms-transform: rotate(-3deg);
		-o-transform: rotate(-3deg);
		transform: rotate(-3deg);
	}
	.stack.rotated-left:after {
		-webkit-transform-origin: bottom left;
		-moz-transform-origin: bottom left;
		-ms-transform-origin: bottom left;
		-o-transform-origin: bottom left;
		transform-origin: bottom left;
		-webkit-transform: rotate(-6deg);
		-moz-transform: rotate(-6deg);
		-ms-transform: rotate(-6deg);
		-o-transform: rotate(-6deg);
		transform: rotate(-6deg);
	}

	/* Reset all rotations on hover */
	.stack:hover:before,
	.stack:hover:after {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

/* The legen - wait for it - dary clearfix */
.files-icons:before, .files-icons:after,
.gallery:before, .gallery:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 }
.files-icons:after,
.gallery:after { clear: both; }
.files-icons,
.gallery { zoom: 1; }

/*=======================================================================================================================================
css/styles/form.css
=======================================================================================================================================*/

/* Disable outline */
input:focus, .input:focus {
	outline: 0;
}

/* IE7 */
label {
	zoom: 1;
}

/* Standard text input */
.input, .inputs {
	display: inline-block;
	text-align: left;
	padding: 0 9px;
	line-height: 30px;
	border: 0;
	vertical-align: baseline;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: -webkit-box-shadow 400ms;
	-moz-transition: -moz-box-shadow 400ms;
	-ms-transition: box-shadow 400ms;
	-o-transition: box-shadow 400ms;
	transition: box-shadow 400ms;
	-webkit-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 0), inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0);
	-moz-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 0), inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0);
	box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 0), inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0);
	}
	.ie7 .input {
		display: inline;
		zoom: 1;
		vertical-align: middle;
	}
	.no-boxshadow .input {
		line-height: 28px;
		min-height: 28px;
		border-width: 1px;
		border-style: solid;
	}
	.no-boxshadow .inputs {
		border-width: 1px;
		border-style: solid;
	}
	input.input,
	textarea.input {
		padding-top: 7px;
		padding-bottom: 7px;
		line-height: 16px;
		}
		.no-boxshadow input.input,
		.no-boxshadow textarea.input {
			padding-top: 6px;
			padding-bottom: 6px;
			line-height: 16px;
			min-height: 16px;
		}
	.inputs {
		display: block;
		padding: 0;
		height: auto;
		list-style-type: none;
		margin-left: 0;
		}
		.inputs > li {
			padding: 0 9px;
			line-height: 30px;
			-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);
			}
			.no-boxshadow .inputs > li {
				border-bottom: 1px solid #cccccc;
			}
			.black-inputs .inputs > li,
			.inputs.black-input > li {
				-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.85);
				-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.875);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.85);
				}
				.no-boxshadow .black-inputs .inputs > li,
				.no-boxshadow .inputs.black-input > li {
					border-bottom: 1px solid #555555;
				}
			.inputs > li:first-child {
				-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);
				}
				.black-inputs .inputs > li:first-child,
				.inputs.black-input > li:first-child {
					-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.85);
					-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.85);
					box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.85);
				}
			.inputs > li:last-child {
				-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);
				}
				.no-boxshadow .inputs > li.last-child {
					border-bottom: 0;
				}
				.black-inputs .inputs > li:last-child,
				.inputs.black-input > li:last-child {
					-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
					-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
					box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15);
				}
				/* IE7 */
				.no-boxshadow .black-inputs .inputs > li.last-child,
				.no-boxshadow .inputs.black-input > li.last-child {
					border-bottom: 0;
				}
			.inputs > li:only-child,
			.black-inputs .inputs > li:only-child,
			.inputs.black-input > li:only-child {
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
	p > .button,
	p > .input {
		margin-top: -7px;
		margin-bottom: -7px;
	}
	.button-height .button,
	.button-height .input {
		margin-top: 0;
		margin-bottom: 0;
	}
	.black-inputs .input,
	.input.black-input,
	.black-inputs .inputs,
	.inputs.black-input {
		-webkit-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 0), inset 0 2px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0);
		-moz-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 0), inset 0 2px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0);
		box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 0), inset 0 2px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0);
	}
	.input-unstyled {
		padding: 0 3px;
		vertical-align: baseline;
		*vertical-align: middle;
		height: 16px;
		line-height: 16px;
		border-width: 0;
		color: inherit;
		//color:expression(this.parentNode.currentStyle['color']);
		-webkit-appearance: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		background: none;
		}
		.input-unstyled.full-width {
			padding: 0;
			width: 100%;
		}
		.input > .input-unstyled,
		.inputs > li > .input-unstyled {
			padding-top: 7px;
			padding-bottom: 7px;
			}
			.ie7 .input > .input-unstyled,
			.ie7 .inputs > li > .input-unstyled {
				margin-top: -7px;
				margin-bottom: -7px;
			}
		.input > .input-unstyled:first-child,
		.inputs > li > .input-unstyled:first-child {
			margin-left: -9px;
			padding-left: 9px !important;
		}
		.input > .input-unstyled:last-child,
		.inputs > li > .input-unstyled:last-child {
			margin-right: -9px;
			padding-right: 9px !important;
			}
			/* IE7 */
			.input > .input-unstyled.last-child,
			.inputs > li > .input-unstyled.last-child {
				margin-right: -9px;
				padding-right: 9px !important;
			}
		.input-sep {
			padding-right: 6px;
			border-right: 1px solid #cccccc;
			margin-right: 6px;
			}
			.black-inputs .input-sep,
			.black-input .input-sep {
				border-right-color: #616161;
			}
			.input-sep + .input-unstyled {
				margin-left: -6px;
				padding-left: 6px;
			}

	.input.focus, .inputs.focus {
		-webkit-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
		-moz-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
		box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
	}

	.input.full-width {
		display: block;
		width: 100%;
		margin: 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
		.no-boxsizing .input.full-width {
			width: 94%;
		}
	.input.disabled, .input:disabled, .disabled .input {
		padding: 0 8px;
		line-height: 28px;
		border-width: 1px;
		border-style: solid;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		color: #999999;
		}
		input.input.disabled, input.input:disabled, .disabled input.input {
			padding-top: 6px;
			padding-bottom: 6px;
			line-height: 16px;
		}
		.input.disabled > .input-unstyled, .inputs.disabled > li > .input-unstyled,
		.disabled .input > .input-unstyled, .disabled .inputs > li > .input-unstyled {
			padding-top: 6px;
			padding-bottom: 6px;
		}

	.input > .float-left,
	.input > .float-right {
		height: inherit;
		//height:expression(this.parentNode.currentStyle['height']);
		line-height: inherit;
		//line-height:expression(this.parentNode.currentStyle['line-height']);
		}

	.input.large {
		padding: 0 19px;
		line-height: 50px;
		}
		input.input.large {
			padding-top: 17px;
			padding-bottom: 17px;
			line-height: 16px;
		}
		.inputs.large > li {
			line-height: 50px;
			padding: 0 19px;
		}
		.large > .input-unstyled, .large > li > .input-unstyled {
			padding-top: 17px;
			padding-bottom: 17px;
		}
		.large > .input-unstyled:first-child,
		.large > li > .input-unstyled:first-child {
			margin-left: -19px;
			padding-left: 19px !important;
		}
		.large > .input-unstyled:last-child,
		.large > li > .input-unstyled:last-child {
			margin-right: -19px;
			padding-right: 19px !important;
			}
			/* IE7 */
			.large > .input-unstyled.last-child,
			.large > li > .input-unstyled.last-child {
				margin-right: -19px;
				padding-right: 19px !important;
			}
		.input.large.disabled, .input.large:disabled, .disabled .input.large {
			padding: 0 18px;
			line-height: 48px;
			}
			input.input.large.disabled, input.input.large:disabled, .disabled input.input.large {
				padding-top: 16px;
				padding-bottom: 16px;
				line-height: 16px;
			}
			.input.large.disabled > .input-unstyled, .inputs.large.disabled > li > .input-unstyled,
			.disabled .input.large > .input-unstyled, .disabled .inputs.large > li > .input-unstyled {
				padding-top: 16px;
				padding-bottom: 16px;
			}

input[type=radio],
input[type=checkbox] {
	vertical-align: -2px;
}

::-webkit-input-placeholder {
	color: #808080;
}
input:-moz-placeholder {
	color: #808080;
}
/* For older browsers */
.placeholder {
	color: #808080 !important;
}

.input-wrapper {
	padding: 10px;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.5), 0 -1px 0 rgba(0, 0, 0, 0.25);
	}
	.input-wrapper > .inputs + .inputs {
		margin-top: -6px;
	}

/* Required style */
.required .label {
	color: black;
	font-weight: bold;
	}
	.required .label:after {
		content: ' *';
		color: red;
	}

/* Value field */
.no-touch .number.input {
	position: relative;
	padding: 0 0 0 3px;
	}
	.number-up,
	.number-down {
		overflow: hidden;
		text-indent: -5000px;
		width: 6px;
	}
	.no-touch .number-up,
	.no-touch .number-down {
		position: absolute;
		right: 0;
		padding: 0;
		margin: 0;
		padding: 0;
		width: 17px;
		-webkit-background-clip: padding-box;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), -1px 0 0 rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), -1px 0 0 rgba(0, 0, 0, 0.1);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.75), -1px 0 0 rgba(0, 0, 0, 0.1);
		}
		.no-touch .black-inputs .number-up,
		.no-touch .black-inputs .number-down {
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), -1px 0 0 rgba(0, 0, 0, 0.25);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), -1px 0 0 rgba(0, 0, 0, 0.25);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), -1px 0 0 rgba(0, 0, 0, 0.25);
		}
		.number-up:after,
		.number-down:after {
			display: block;
			position: absolute;
			content: ' ';
			width: 5px;
			height: 5px;
			left: 50%;
			top: 50%;
			margin: -2px 0 0 -2px;
			background-image: url(../../img/standard/sprites.png);
			}
			/* IE7 */
			.number-after {
				display: block;
				position: absolute;
				width: 5px;
				height: 5px;
				left: 50%;
				top: 50%;
				margin: -2px 0 0 -3px;
				background-image: url(../../img/standard/sprites.png);
			}
			.number-up:after {
				background-position: -125px -8px;
				}
				/* IE7 */
				.number-up > .number-after {
					background-position: -125px -8px;
				}
			.number-down:after {
				margin-top: -1px;
				background-position: -125px -13px;
				}
				/* IE7 */
				.number-down > .number-after {
					margin-top: -1px;
					background-position: -125px -13px;
				}
			.black-inputs .number-up:after {
				background-position: -120px -8px;
				}
				/* IE7 */
				.black-inputs .number-up > .number-after {
					background-position: -120px -8px;
				}
			.black-inputs .number-down:after {
				margin-top: -1px;
				background-position: -120px -13px;
				}
				/* IE7 */
				.black-inputs .number-down > .number-after {
					margin-top: -1px;
					background-position: -120px -13px;
				}
		.no-touch .number-up:active,
		.no-touch .number-up.active,
		.no-touch .number-down:active,
		.no-touch .number-down.active {
			padding: 1px !important;
			-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75) !important;
			-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75) !important;
			box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75) !important;
		}
		.no-touch .number-up.disabled, .number-up:disabled, .disabled .number-up,
		.no-touch .number-down.disabled, .number-down:disabled, .disabled .number-down {
			padding: 0 !important;
			-webkit-box-shadow: none !important;
			-moz-box-shadow: none !important;
			box-shadow: none !important;
		}
		.no-touch .number-up {
			top: 0;
			margin: 0 !important;
			height: 14px;
			-webkit-border-radius: 0 !important;
			-webkit-border-top-right-radius: 3px !important;
			-moz-border-radius: 0 3px 0 0 !important;
			border-radius: 0 3px 0 0 !important;
			}
			.ie7.no-touch .number-up {
				height: 16px !important;
			}
			.no-touch .disabled .number-up {
				top: -1px;
				right: -1px;
			}
		.no-touch .number-down {
			bottom: 0;
			margin: 0 !important;
			height: 13px;
			-webkit-border-radius: 0 !important;
			-webkit-border-bottom-right-radius: 3px !important;
			-moz-border-radius: 0 0 3px 0 !important;
			border-radius: 0 0 3px 0 !important;
			}
			.ie7.no-touch .number-down {
				height: 16px !important;
			}
			.no-touch .disabled > .number-down {
				bottom: -1px;
				right: -1px;
			}


/* Form layouts */
.block-label > .label {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
	line-height: 16px;
	}
	.block-label > .label > small {
		float: right;
	}
.inline-small-label {
	padding-left: 60px;
	}
	.inline-small-label > .label{
		display: block;
		float: left;
		width: 55px;
		margin-left: -60px;
		font-weight: bold;
		}
		.inline-small-label.button-height > .label {
			line-height: 16px;
			padding-top: 7px;
		}
.inline-label > .label,
.inline-medium-label > .label,
.inline-large-label > .label {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
	line-height: 16px;
}

/* File input */
.input.file {
	position: relative;
	padding: 0;
	}
	.file-text {
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		padding: 0 9px;
		overflow: hidden;
		background: none;
	}
	.input.file > .button {
		position: absolute;
		z-index: 2;
		right: 3px;
		top: 3px;
	}
	.input.file > input {
		position: relative;
		z-index: 3;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
	}

/* Fieldset and field-lists */
.fieldset {
	padding: 20px;
	border: 1px solid #cccccc;
	margin-bottom: 16px;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 0 rgba(255, 255, 255, 0.15);
	}
	.fieldset:last-child {
		margin-bottom: 0;
		}
		/* IE7 */
		.fieldset.last-child {
			margin-bottom: 0;
		}
	.legend {
		line-height: 22px;
		border-width: 1px;
		border-style: solid;
		padding: 0 9px;
		-webkit-background-clip: padding-box;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		z-index: 88;
		margin-bottom: 10px;
		}
		/* IE7 background bleed bug: http://www.communitymx.com/content/article.cfm?cid=DD9F3 */
		.ie7 .fieldset {
			position: relative;
			margin-top: 30px;
			}
			.ie7 .legend {
				position: absolute;
				top: 0;
				left: 20px;
				margin-top: -11px;
			}

/* Fields list */
.field-block {
	padding: 0 20px;
	margin: 0 -20px;
	}
	.field-block.button-height {
		margin-top: 0;
		margin-bottom: 0;
	}
	.field-block + .field-block {
		margin-top: 20px;
		border-top: 1px solid #e0e0e0;
		padding-top: 20px;
	}
	.field-drop + .field-block {
		padding-top: 20px;
		}
		.field-block + .field-block.button-height,
		.field-drop + .field-block.button-height {
			padding-top: 18px;
		}
	.field-block small.input-info,
	.field-block .small.input-info {
		display: block;
		padding: 5px 0 3px;
		}
		.field-block small.input-info:first-child,
		.field-block .small.input-info:first-child {
			padding-top: 0;
		}
		.field-block small.input-info:last-child,
		.field-block .small.input-info:last-child {
			padding-bottom: 0;
			}
			/* IE7 */
			.field-block small.input-info.last-child,
			.field-block .small.input-info.last-child {
				padding-bottom: 0;
			}
	.field-block .label,
	.field-drop .label {
		display: block;
		padding: 0;
		color: #999999;
		font-weight: bold;
		margin: 0;
		}
		.field-block .label b,
		.field-block .label strong {
			color: #444444;
		}

/* Field drop */
.field-drop {
	padding: 18px 20px;
	line-height: 34px;
	margin: 0 -20px;
	-webkit-box-shadow: inset 0 1px 10px black;
	-moz-box-shadow: inset 0 1px 10px black;
	box-shadow: inset 0 1px 10px black;
	position: relative;
	}
	.field-drop.button-height {
		margin-top: 0;
		margin-bottom: 0;
	}
	.field-drop:first-child,
	.fields-list legend:first-child + .field-drop {
		margin-top: -22px;
		-webkit-background-clip: padding-box;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.field-drop:last-child {
		margin-bottom: -20px;
		-webkit-background-clip: padding-box;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius-bottomleft: 10px;
		-moz-border-radius-bottomright: 10px;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		}
		/* IE7 */
		.field-drop.last-child {
			margin-bottom: -20px;
		}
	.field-drop + .field-drop {
		border-top: 1px solid #666666;
	}
	.field-block + .field-drop {
		margin-top: 20px;
	}
	.field-drop .label b,
	.field-drop .label strong {
		color: white;
	}
	.field-drop:after {
		display: block;
		content: ' ';
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-top-color: white;
		position: absolute;
		z-index: 2;
		top: 0;
		left: 100px;
	}

/* Selects */
.select {
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: left;
	font-weight: bold;
	position: relative;
	z-index: 89;
	font-size: 13px;
	line-height: 30px;
	text-transform: none;
	font-family: Arial, Helvetica, sans-serif;
	height: 30px;
	vertical-align: middle;
	*vertical-align: -10px;
	background: white;
	margin: -2px 0 2px;
	}
	.selectMultiple {
		display: inline-block;
		*display: inline;
		zoom: 1;
		vertical-align: top;
	}
	.select,
	.selectMultiple {
		-webkit-background-clip: padding-box;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-transition: -webkit-box-shadow 400ms;
		-moz-transition: -moz-box-shadow 400ms;
		-ms-transition: box-shadow 400ms;
		-o-transition: box-shadow 400ms;
		transition: box-shadow 400ms;
		-webkit-box-shadow: 0 0 0 1px rgba(51, 153, 255, 0), 0 0 0 rgba(51, 153, 255, 0);
		-moz-box-shadow: 0 0 0 1px rgba(51, 153, 255, 0), 0 0 0 rgba(51, 153, 255, 0);
		box-shadow: 0 0 0 1px rgba(51, 153, 255, 0), 0 0 0 rgba(51, 153, 255, 0);
		}
		.select.focus,
		.selectMultiple.focus {
			-webkit-box-shadow: 0 0 0 1px rgba(51, 153, 255, 1), 0 0 5px rgba(51, 153, 255, 0.75);
			-moz-box-shadow: 0 0 0 1px rgba(51, 153, 255, 1), 0 0 5px rgba(51, 153, 255, 0.75);
			box-shadow: 0 0 0 1px rgba(51, 153, 255, 1), 0 0 5px rgba(51, 153, 255, 0.75);
		}
	.select.full-width,
	.selectMultiple.full-width {
		display: block;
		margin: 0;
	}
	.select {
		padding: 0 26px 0 0;
		}
		select.select {
			padding: 0 !important;
			border: 0 !important;
		}
		.select > select,
		.selectMultiple > select {
			position: absolute;
			display: block;
			z-index: 99;
			width: 100%;
			height: 30px;
			top: 0;
			left: 0;
			margin: 0 !important;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
			filter: alpha(opacity=0);
			-khtml-opacity: 0;
			-moz-opacity: 0;
			opacity: 0;
		}
	.button-height .select.float-left,
	.button-height .select.float-right {
		margin-top: 2px;
	}
	.input .select:first-child {
		margin-left: -9px;
	}
	.input .select:last-child {
		margin-right: -9px;
		}
		/* IE7 */
		.input .select.last-child {
			margin-right: -9px;
		}
	.select.open,
	.select.auto-open:hover {
		position: absolute;
		z-index: 999200;
		}
		.select.open.over,
		.select.auto-open.over:hover {
			z-index: 999700;/*999600 CHANGE BY MANU PARA VALIDACON EN LAYER*/
		}
	.select-value {
		display: block;
		line-height: 16px;
		height: 16px;
		padding: 6px 10px;
		-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;
		border-width: 1px;
		border-style: solid;
		text-overflow: ellipsis;
		position: relative;
		z-index: 99;
		white-space: nowrap;
		overflow: hidden;
		}
		.select.list-over > .select-value {
			z-index: 98;
		}
		.select-value.alt {
			font-style: italic;
		}
		.input .select-value {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			}
			.input.large .select-value,
			.input .select:first-child > .select-value {
				-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;
			}
	.select-arrow {
		display: block;
		position: absolute;
		z-index: 99;
		top: 0;
		right: 0;
		bottom: 0;
		width: 25px;
		-webkit-background-clip: padding-box;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		-moz-border-radius: 0 4px 4px 0;
		border-radius: 0 4px 4px 0;
		border-width: 1px;
		border-style: solid;
		}
		.select.list-over > .select-arrow {
			z-index: 98;
		}
		.input .select-arrow {
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			}
			.input.large .select-arrow,
			.input .select:last-child > .select-arrow {
				-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;
			}
		.select-arrow:before,
		.select-arrow:after {
			display: block;
			content: ' ';
			position: absolute;
			left: 50%;
			margin-left: -3px;
			top: 50%;
			width: 7px;
			height: 5px;
			}
			/* IE7 */
			.select-arrow-before,
			.select-arrow-after {
				display: block;
				position: absolute;
				left: 50%;
				margin-left: -3px;
				top: 50%;
				width: 7px;
				height: 5px;
			}
		.select-arrow:before {
			margin-top: -5px;
			background: url(../../img/standard/sprites.png) no-repeat -130px -8px;
			}
			/* IE7 */
			.select-arrow-before {
				margin-top: -5px;
				background: url(../../img/standard/sprites.png) no-repeat -130px -8px;
			}
			.select.black-gradient .select-arrow:before,
			.select.anthracite-gradient .select-arrow:before,
			.select.grey-gradient .select-arrow:before,
			.select.red-gradient .select-arrow:before,

			.select.orange-gradient .select-arrow:before,
			.select.green-gradient .select-arrow:before,
			.select.blue-gradient .select-arrow:before {
				background-position: -137px -8px;
				}
				/* IE7 */
				.select.black-gradient .select-arrow-before,
				.select.anthracite-gradient .select-arrow-before,
				.select.grey-gradient .select-arrow-before,
				.select.red-gradient .select-arrow-before,
				.select.orange-gradient .select-arrow-before,
				.select.green-gradient .select-arrow-before,
				.select.blue-gradient .select-arrow-before {
					background-position: -137px -8px;
				}
		.select-arrow:after {
			margin-top: 2px;
			background: url(../../img/standard/sprites.png) no-repeat -130px -13px;
			}
			/* IE7 */
			.select-arrow-after {
				margin-top: 2px;
				background: url(../../img/standard/sprites.png) no-repeat -130px -13px;
			}
			.select.black-gradient .select-arrow:after,
			.select.anthracite-gradient .select-arrow:after,
			.select.grey-gradient .select-arrow:after,
			.select.red-gradient .select-arrow:after,
			.select.orange-gradient .select-arrow:after,
			.select.green-gradient .select-arrow:after,
			.select.blue-gradient .select-arrow:after {
				background-position: -137px -13px;
				}
				/* IE7 */
				.select.black-gradient .select-arrow-after,
				.select.anthracite-gradient .select-arrow-after,
				.select.grey-gradient .select-arrow-after,
				.select.red-gradient .select-arrow-after,
				.select.orange-gradient .select-arrow-after,
				.select.green-gradient .select-arrow-after,
				.select.blue-gradient .select-arrow-after {
					background-position: -137px -13px;
				}
	.select-search {
		display: block;
		position: absolute;
		left: 1px;
		right: 27px;
		top: 1px;
		bottom: 0;
		line-height: 16px;
		padding: 6px 10px;
		-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;
		background: white;
		z-index: 100;
		font-weight: normal;
		}
		.compact .select-search {
			right: 23px;
			padding: 3px 8px;
		}
		.select-search > span {
			display: block;
			position: absolute;
			left: 10px;
			top: 6px;
			right: 10px;
			bottom: 6px;
			color: #cccccc;
			line-height: 16px;
			}
			.compact .select-search > span {
				display: block;
				position: absolute;
				left: 8px;
				top: 3px;
				right: 8px;
				bottom: 3px;
			}
		.select-search > input {
			border: 0;
			background: transparent;
			margin: -6px -10px;
			padding: 6px 10px;
			width: 100%;
			line-height: 16px;
			height: 16px;
			position: relative;
			z-index: 101;
			vertical-align: 2px;
			}
			.compact .select-search > input {
				margin: -3px -8px;
				padding: 3px 8px;
			}
	.drop-down {
		position: absolute;
		z-index: 98;
		top: 0;
		padding-top: 29px;
		left: 0;
		right: 0;
		overflow: auto;
		border-width: 1px;
		border-style: solid;
		-webkit-background-clip: padding-box;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
		}
		.drop-down {
			display: none;
		}
		.selectMultiple > .drop-down {
			display: block;
			position: relative;
			z-index: auto;
			top: auto;
			padding: 0;
			left: auto;
			right: auto;
			}
			.selectMultiple.no-bg > .drop-down {
				background: none;
				border-width: 0;
				-webkit-border-radius: 0;
				-moz-border-radius: 0;
				border-radius: 0;
				-webkit-box-shadow: none;
				-moz-box-shadow: none;
				box-shadow: none;
			}
		.select.list-over > .drop-down {
			z-index: 99;
			padding-top: 0;
		}
		.reversed > .drop-down {
			top: auto;
			bottom: 0;
			padding-top: 0;
			padding-bottom: 29px;
			}
			.select.list-over.reversed > .drop-down {
				padding-bottom: 0;
			}
		.select.expandable-list > .drop-down {
			padding-top: 0;

			top: 30px;
			right: auto;
			min-width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			}
			.select.expandable-list.expand-left > .drop-down {
				left: auto;
				right: 0;
			}
			.select.expandable-list.list-over > .drop-down {
				top: 0;
			}
			.select.expandable-list.reversed > .drop-down {
				top: auto;
				bottom: 30px;
				padding-bottom: 0;
				}
				.select.expandable-list.list-over.reversed > .drop-down {
					bottom: 0;
				}
		.select.open > .drop-down,
		.select.auto-open:hover > .drop-down {
			display: block;
			}
			.disabled .drop-down {
				display: none !important;
			}
			.disabled .selectMultiple > .drop-down,
			.selectMultiple.disabled > .drop-down {
				display: block !important;
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha(opacity=50);
				-khtml-opacity: 0.5;
				-moz-opacity: 0.5;
				opacity: 0.5;
			}
		.drop-down > span,
		.drop-down > a {
			display: block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 16px;
			padding: 5px 10px;
			cursor: pointer;
			color: inherit;
			}
			.drop-down > .disabled {
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
				filter: alpha(opacity=50);
				-khtml-opacity: 0.5;
				-moz-opacity: 0.5;
				opacity: 0.5;
				background: none !important;
			}
			.check-list > .drop-down > span,
			.check-list > .drop-down > a {
				padding: 10px 10px 10px 38px;
				position: relative;
				border-top: 1px dotted !important;
				border-top-color: inherit !important;
				font-weight: normal;
				}
				.check-list > .drop-down > span:first-child,
				.check-list > .drop-down > a:first-child {
					border-top: 0 !important;
				}
				.check-list > .drop-down > span > span,
				.check-list > .drop-down > a > span {
					display: block;
					position: absolute;
					left: 6px;
					top: 6px;
					width: 26px;
					height: 26px;
					background: url(../../img/standard/sprites.png) no-repeat 0 -128px;
					}
					.check-list > .drop-down > .disabled > span {
						background-position: 0 -128px !important;
					}
					.check-list > .drop-down > .selected > span {
						background-position: -26px -128px;
						}
						.check-list.red-gradient > .drop-down > .selected > span,
						.check-list.orange-gradient > .drop-down > .selected > span,
						.check-list.green-gradient > .drop-down > .selected > span {
							background-position: -52px -128px;
						}
						.check-list.black-gradient > .drop-down > .selected > span,
						.check-list.anthracite-gradient > .drop-down > .selected > span,
						.check-list.grey-gradient > .drop-down > .selected > span {
							background-position: -78px -128px;
						}

			.focus > .drop-down > .focus {
				outline: 1px dotted invert;
			}
			.no-touch .drop-down > span:hover,
			.no-touch .drop-down > a:hover,
			.drop-down > .selected {
				border-width: 1px;
				border-style: solid;
				padding: 4px 9px;
				-webkit-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important;
				-moz-text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important;
				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6) !important;
				}
				.no-touch .drop-down > .disabled:hover {
					border: 0;
					padding: 5px 10px;
					color: inherit;
					//color:expression(this.parentNode.currentStyle['color']);
					-webkit-text-shadow: none !important;
					-moz-text-shadow: none !important;
					text-shadow: none !important;
				}
				.no-touch .check-list > .drop-down > span:hover,
				.no-touch .check-list > .drop-down > a:hover,
				.check-list > .drop-down > .selected {
					padding: 10px 10px 10px 38px;
					border-width: 0;
					color: inherit;
					//color:expression(this.parentNode.currentStyle['color']);
					background: none !important;
					-webkit-text-shadow: none !important;
					-moz-text-shadow: none !important;
					text-shadow: none !important;
					}
					.no-touch .check-list > .drop-down > span:first-child:hover,
					.no-touch .check-list > .drop-down > a:first-child:hover {
						border-top: 0;
					}
			.drop-down > span:last-child, .drop-down > a:last-child,
			.select.list-over.reversed > .drop-down > span:last-child,
			.select.list-over.reversed > .drop-down > a:last-child,
			.expandable-list.reversed > .drop-down > span:last-child,
			.expandable-list.reversed > .drop-down > a:last-child,
			.selectMultiple > .drop-down > span:last-child,
			.selectMultiple > .drop-down > a:last-child {
				-webkit-background-clip: padding-box;
				-webkit-border-bottom-left-radius: 3px;
				-webkit-border-bottom-right-radius: 3px;
				-moz-border-radius-bottomleft: 3px;
				-moz-border-radius-bottomright: 3px;
				border-bottom-left-radius: 3px;
				border-bottom-right-radius: 3px;
				}
				.reversed > .drop-down > span:last-child,
				.reversed > .drop-down > a:last-child {
					-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;
				}
			.reversed > .drop-down > span:first-child,
			.reversed > .drop-down > a:first-child,
			.select.list-over > .drop-down > span:first-child,
			.select.list-over > .drop-down > a:first-child,
			.expandable-list > .drop-down > span:first-child,
			.expandable-list > .drop-down > a:first-child,
			.selectMultiple > .drop-down > span:first-child,
			.selectMultiple > .drop-down > a:first-child {
				-webkit-background-clip: padding-box;
				-webkit-border-top-left-radius: 3px;
				-webkit-border-top-right-radius: 3px;
				-moz-border-radius-topleft: 3px;
				-moz-border-radius-topright: 3px;
				border-top-left-radius: 3px;
				border-top-right-radius: 3px;
			}

		/* Option groups */
		.drop-down > strong {
			display: block;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
			line-height: 16px;
			padding: 5px 10px;
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);
			-khtml-opacity: 0.5;
			-moz-opacity: 0.5;
			opacity: 0.5;
			}
			.drop-down > a + strong,
			.drop-down > span + strong,
			.drop-down > .in-group + a,
			.drop-down > .in-group + span {
				margin-top: 7px;
				}
				.drop-down > .in-group + .in-group {
					margin-top: 0;
				}
			.drop-down > .in-group {
				padding-left: 20px;
				}
				.no-touch .drop-down > .in-group:hover,
				.drop-down > .in-group.selected {
					padding-left: 19px;
				}
				.no-touch .drop-down > .in-group.disabled:hover {
					padding-left: 20px;
				}
				.check-list > .drop-down > .in-group,
				.no-touch .check-list > .drop-down > .in-group:hover,
				.no-touch .check-list > .drop-down > .in-group.selected {
					padding-left: 48px;
					}
					.check-list > .drop-down > .in-group > span {
						left: 16px;
					}

.select.compact, .compact .select {
	line-height: 24px;
	height: 24px;
	padding-right: 22px;
	*vertical-align: -7px;
	}
	.input .select.compact:first-child,
	.input.compact .select:first-child {
		margin-left: -6px;
	}
	.input .select.compact:last-child,
	.input.compact .select:last-child {
		margin-right: -6px;
		}
		/* IE7 */
		.input .select.compact.last-child,
		.input.compact .select.last-child {
			margin-right: -6px;
		}
	.select.compact  > .select-value,
	.compact .select > .select-value {
		padding: 3px 8px;
		-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;
	}
	.select.compact  > .select-arrow,
	.compact .select > .select-arrow {
		width: 21px;
		-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;
	}
	.select.compact > .drop-down {
		padding-top: 23px;
		}
		.select.compact.list-over > .drop-down {
			padding-top: 0;
		}
		.select.compact.reversed > .drop-down {
			padding-top: 0;
			padding-bottom: 23px;
			}
			.select.compact.list-over.reversed > .drop-down {
				padding-bottom: 0;
			}
		.select.compact.expandable-list > .drop-down {
			padding-top: 0;
			top: 24px;
			}
			.select.compact.expandable-list.list-over > .drop-down {
				top: 0;
			}
			.select.compact.expandable-list.reversed > .drop-down {
				top: auto;
				bottom: 30px;
				padding-bottom: 0;
				}
				.select.compact.expandable-list.list-over.reversed > .drop-down {
					bottom: 0;
				}

/* Styled radio/checkboxes */
.checkbox, .radio {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	width: 13px;
	height: 13px;
	border-width: 1px;
	border-style: solid;
	padding: 0;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
	-webkit-background-clip: padding-box;
	position: relative;
	margin-top: -2px;
	margin-bottom: 2px;
	}
	.checkbox > input,
	.radio > input {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
	}
	.checkbox {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.radio {
		-webkit-border-radius: 8px;
		-moz-border-radius: 8px;
		border-radius: 8px;
	}
	.checkbox.focus,
	.radio.focus {
		-webkit-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), inset 0 1px 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
		-moz-box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), inset 0 1px 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
		box-shadow: inset 0 0 0 1px rgba(51, 153, 255, 1), inset 0 1px 5px rgba(0, 0, 0, 0.5), 0 1px 0 rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
	}
	.check-knob {
		display: none;
		position: absolute;
		}
		.checkbox > .check-knob {
			left: 50%;
			top: 50%;
			width: 15px;
			height: 13px;
			margin: -7px -5px;
			background: url(../../img/standard/sprites.png) no-repeat -54px -81px;
			-webkit-background-size: auto;
			-moz-background-size: auto;
			-o-background-size: auto;
			background-size: auto;
			}
			.black-inputs .check-knob,
			.black-input > .check-knob {
				background-position: -39px -81px;
			}
		.radio > .check-knob {
			left: 2px;
			top: 2px;
			width: 9px;
			height: 9px;
			background: url(../../img/standard/sprites.png) no-repeat -64px 0;
		}
		.checked > .check-knob {
			display: block;
		}

	.checkbox.disabled, .disabled .checkbox,
	.radio.disabled, .disabled .radio {
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none;
		}
		.checkbox.disabled > .check-knob, .disabled .checkbox > .check-knob {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			filter: alpha(opacity=50);
			-khtml-opacity: 0.5;
			-moz-opacity: 0.5;
			opacity: 0.5;
		}
		.radio.disabled > .check-knob, .disabled .radio > .check-knob {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
		}

/* Wizard */
.full-page-wizard {
	padding: 15px;
	}
	.full-page-wizard > .block {
		-webkit-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
		-moz-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
		box-shadow: 0 2px 12px rgba(0, 0, 0, 0.65);
	}
.wizard-steps {
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 40px;
	border-width: 1px;
	border-style: solid;
	text-align: center;
	margin: 0 -1px;
	-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);
	}
	.wizard-steps > li {
		display: inline-block;
		*display: inline;
		zoom: 1;
		height: 40px;
		line-height: 40px;
		padding: 0 0 0 57px;
		width: 0;
		text-indent: -9999px;
		white-space: nowrap;
		background: url(../../img/effects/wizard-steps-separator.png) no-repeat left center;
		overflow: hidden;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
		filter: alpha(opacity=50);
		-khtml-opacity: 0.5;
		-moz-opacity: 0.5;
		opacity: 0.5;
		-webkit-transition: opacity 200ms;
		-moz-transition: opacity 200ms;
		-ms-transition: opacity 200ms;
		-o-transition: opacity 200ms;
		transition: opacity 200ms;
		}
		.wizard-steps > li:first-child {
			padding-left: 36px !important;
			background: none;
		}
		.wizard-steps > .completed,
		.wizard-steps > .current,
		.wizard-steps > .active {
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			filter: alpha(opacity=100);
			-khtml-opacity: 1;
			-moz-opacity: 1;
			opacity: 1;
			cursor: pointer;
		}
		.wizard-steps > .active {
			width: auto;
			text-indent: 0;
			padding: 0 9px 0 65px;
		}
	.wizard-step {
		display: block;
		float: left;
		margin: 8px 0 0 -27px;
		line-height: 16px;
		min-width: 16px;
		font-weight: bold;
		text-indent: 0;
		padding: 3px;
		border-width: 1px;
		border-style: solid;
		-webkit-border-radius: 11px;
		-moz-border-radius: 11px;
		border-radius: 11px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 4px black;
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 4px black;
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 4px black;
	}
	.wizard-fieldset {
		padding: 20px;
		border-top: 1px solid #ccc;
		margin-top: 10px;
		}
		.wizard-enabled .wizard-fieldset {
			margin-top: 0;
			border-top: 0;
			display: none;
		}
		.wizard-enabled .wizard-fieldset.active {
			display: block;
		}
		.wizard-enabled .wizard-fieldset > legend {
			display: none;
		}
	.wizard-spacer {
		padding: 0;
		margin: 0;
	}

/*768px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 768px) {

	/* Form layouts */
	.inline-label {
		padding-left: 120px;
		}
		.inline-label > .label{
			float: left;
			width: 105px;
			margin-left: -120px;
			line-height: inherit;
			//line-height:expression(this.parentNode.currentStyle['line-height']);
		}
	.inline-medium-label {
		padding-left: 180px;
		}
		.inline-medium-label > .label{
			float: left;
			width: 165px;
			margin-left: -180px;
			line-height: inherit;
			//line-height:expression(this.parentNode.currentStyle['line-height']);
		}
	.inline-large-label {
		padding-left: 240px;
		}
		.inline-large-label > .label{
			float: left;
			width: 225px;
			margin-left: -240px;
			line-height: inherit;
			//line-height:expression(this.parentNode.currentStyle['line-height']);
		}

	.inline-label.button-height > .label,
	.inline-large-label.button-height > .label {
		line-height: 16px;
		padding-top: 7px;
	}

	/* Fields list */
	.fieldset.fields-list,
	.wizard-fieldset.fields-list {
		background-image: url(../../img/fieldset-bg.gif);
		background-repeat: repeat-y;
	}
	.field-block {
		padding: 0 30px 0 230px;
		margin: 0 -20px;
		}
		.field-block .label,
		.field-drop .label {
			float: left;
			text-align: right;
			margin: 0 0 0 -210px;
			width: 150px;
		}

	/* Field drop */
	.field-drop {
		padding: 28px 30px 28px 230px;
	}
	.field-drop .label {
		width: 190px;
	}
	.field-drop:after {
		left: 236px;
	}

	/* Sizes */
	.compact-field-blocks {
		background-position: -40px 0;
		}
		.compact-field-blocks .field-block,
		.compact-field-blocks .field-drop {
			padding-left: 190px;
			}
			.compact-field-blocks .field-block .label,
			.compact-field-blocks .field-drop .label {
				width: 110px;
				margin-left: -170px;
			}
	.mini-field-blocks {
		background-position: -80px 0;
		}
		.mini-field-blocks .field-block,
		.mini-field-blocks .field-drop {
			padding-left: 150px;
			}
			.mini-field-blocks .field-block .label,
			.mini-field-blocks .field-drop .label {
				width: 70px;
				margin-left: -130px;
			}

	/* Wizard */
	.full-page-wizard {
		text-align: center;
		}
		.full-page-wizard > .block {
			text-align: left;
			margin: 0 auto;
			max-width: 800px;
		}
		.wizard-steps > li {
			width: auto;
			text-indent: 0;
			padding: 0 9px 0 65px;
		}
		.wizard-step {
			margin-left: -32px;
		}
		.wizard-fieldset:last-child,
		.wizard-enabled .wizard-fieldset.active {
			-webkit-border-bottom-left-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius: 0 0 5px 5px;
			border-radius: 0 0 5px 5px;
		}

}/*/mediaquery*/

/*=======================================================================================================================================
css/styles/modal.css
=======================================================================================================================================*/

/* Root element */
#modals {
	position: absolute;
	position: fixed;
	z-index: 999700;/*999600 CHANGE BY MANU PARA VALIDACON EN LAYER*/
	top: 0;
	right: 0;
	left: 0;
	}
	#modals.with-blocker {
		bottom: 0;
	}

	/* Background blocker */
	.modal-blocker {
		position: absolute;
		z-index: 89;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0);
		-webkit-transition: background-color 300ms;
		-moz-transition: background-color 300ms;
		-ms-transition: background-color 300ms;
		-o-transition: background-color 300ms;
		transition: background-color 300ms;
		}
		.modal-blocker.visible {
			background: url('../../img/old-browsers/black45.png');
			background: rgba(0, 0, 0, 0.45);
		}

	/* Modal window */
	.modal {
		position: absolute;
		z-index: 89;
		left: 0;
		top: 0;
		padding: 20px;
		-webkit-background-clip: padding-box;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;
		border-width: 1px;
		border-style: solid;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.25), 0 3px 9px rgba(0, 0, 0, 0.5);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.25), 0 3px 9px rgba(0, 0, 0, 0.5);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 0 3px rgba(255, 255, 255, 0.25), 0 3px 9px rgba(0, 0, 0, 0.5);
		overflow: hidden;
		}
		.modal-bg {
			background: white;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
			margin: -15px;
			padding: 20px;
			color: #666666;
		}
		.modal-content {
			overflow: hidden;
		}
		.modal-scroll {
			overflow: auto;
		}
	.modal-bar {
		height: 38px;
		line-height: 38px;
		cursor: move;
		margin: -20px -20px 20px -20px;
		padding: 0 12px;
		-webkit-background-clip: padding-box;
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
		-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.15);
		-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.15);
		box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25), 0 1px 0 rgba(255, 255, 255, 0.15);
		}
		.modal-bar > h3 {
			color: white;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 13px;
			line-height: 16px;
			font-weight: bold;
			margin: 0;
			padding: 10px 0 12px;
			-webkit-text-shadow: 0 -1px 0 black;
			-moz-text-shadow: 0 -1px 0 black;
			text-shadow: 0 -1px 0 black;
			white-space: nowrap;
			overflow: hidden;
			text-overflow: ellipsis;
		}
		.modal-actions {
			float: left;
			height: 34px;
			margin: 2px;
			list-style-type: none;
			}
			.modal > .modal-actions {
				float: none;
				position: absolute;
				z-index: 88;
				left: 8px;
				top: -4px;
			}
			.modal-actions + .modal-bg,
			.modal-actions + .modal-content {
				margin-top: 10px;
			}
			.modal-actions > li {
				display: block;
				float: left;
				width: 34px;
				height: 34px;
				background: url(../../img/standard/sprites.png) no-repeat 0 -94px;
				margin-left: -12px;
				position: relative;
				z-index: 88;
				}
				.modal-actions > li:hover {
					z-index: 90;
				}
				.modal-actions > li > a {
					display: block;
					width: 34px;
					height: 34px;
					background: url(../../img/standard/sprites.png) no-repeat -34px -94px;
					overflow: hidden;
					text-indent: -5000px;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					filter: alpha(opacity=0);
					-khtml-opacity: 0;
					-moz-opacity: 0;
					opacity: 0;
					-webkit-transition: opacity 800ms;
					-moz-transition: opacity 800ms;
					-ms-transition: opacity 800ms;
					-o-transition: opacity 800ms;
					transition: opacity 800ms;
					}
					.modal-actions > li.green-hover > a,
					.modal-actions > li.green-light > a {
						background-position: -68px -94px;
					}
					.modal-actions > li.orange-hover > a,
					.modal-actions > li.orange-light > a {
						background-position: -102px -94px;
					}
					.modal-actions > li.red-hover > a,
					.modal-actions > li.red-light > a {
						background-position: -136px -94px;
					}
					.modal-actions > li.blue-hover > a,
					.modal-actions > li.blue-light > a {
						background-position: -170px -94px;
					}
					.modal-bar:hover li > a,
					.modal-actions > li.white-light > a,
					.modal-actions > li.green-light > a,
					.modal-actions > li.orange-light > a,
					.modal-actions > li.red-light > a,
					.modal-actions > li.blue-light > a {
						opacity: 0.65;
					}
					.modal-actions > li > a:hover {
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						filter: alpha(opacity=100);
						-khtml-opacity: 1;
						-moz-opacity: 1;
						opacity: 1;
						-webkit-transition: opacity 200ms;
						-moz-transition: opacity 200ms;
						-ms-transition: opacity 200ms;
						-o-transition: opacity 200ms;
						transition: opacity 200ms;
					}

	.modal-buttons {
		margin: 10px -20px -20px -20px;
		padding: 10px 20px 20px;
		-webkit-background-clip: padding-box;
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
		}
		.modal-buttons.low-padding {
			padding: 10px;
		}

	/* Resizing zones */
	.modal-resize-nw,
	.modal-resize-n,
	.modal-resize-ne,
	.modal-resize-e,
	.modal-resize-se,
	.modal-resize-s,
	.modal-resize-sw,
	.modal-resize-w {
		background: white;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		-khtml-opacity: 0;
		-moz-opacity: 0;
		opacity: 0;
		position: absolute;
		z-index: 89;
		}
		.modal-resize-nw {
			top: 0;
			left: 0;
			width: 10px;
			height: 10px;
			cursor: nw-resize;
		}
		.modal-resize-n {
			top: 0;
			left: 10px;
			right: 10px;
			height: 10px;
			cursor: n-resize;
		}
		.modal-resize-ne {
			top: 0;
			right: 0;
			width: 10px;
			height: 10px;
			cursor: ne-resize;
		}
		.modal-resize-e {
			top: 10px;
			right: 0;
			width: 10px;
			bottom: 10px;
			cursor: e-resize;
		}
		.modal-resize-se {
			bottom: 0;
			right: 0;
			width: 10px;
			height: 10px;
			cursor: se-resize;
		}
		.modal-resize-s {
			bottom: 0;
			left: 10px;
			right: 10px;
			height: 10px;
			cursor: s-resize;
		}
		.modal-resize-sw {
			bottom: 0;
			left: 0;
			width: 10px;
			height: 10px;
			cursor: sw-resize;
		}
		.modal-resize-w {
			top: 10px;
			left: 0;
			width: 10px;
			bottom: 10px;
			cursor: w-resize;
		}

/*=======================================================================================================================================
css/styles/progress-slider.css
=======================================================================================================================================*/

/* Base */
.progress,
.slider {
	display: inline-block;
	*display: inline;
	zoom: 1;
	position: relative;
	padding: 0;
	width: 100px;
	vertical-align: middle;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
	-moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.35), 0 1px 1px rgba(255, 255, 255, 0.5);
	margin-top: -1px;
	}
	.no-boxshadow .progress,
	.no-boxshadow .slider {
		border-width: 1px;
		border-style: solid;
		width: 98px;
	}
	.black-inputs .progress, .progress.black-input,
	.black-inputs .slider, .slider.black-input {
		-webkit-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.735), 0 1px 1px rgba(255, 255, 255, 0.25);
		-moz-box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.25);
		box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.75), 0 1px 1px rgba(255, 255, 255, 0.25);
	}
	.progress {
		font-size: 11px;
		line-height: 16px;
		height: 16px;
		}
		.no-boxshadow .progress {
			line-height: 14px;
			height: 14px;
		}
	.slider {
		line-height: 9px;
		height: 9px;
		}
		.no-boxshadow .slider {
			line-height: 7px;
			height: 7px;
		}
	.progress.full-width,
	.slider.full-width {
		width: 100%;
	}
	.progress.thin {
		line-height: 9px;
		height: 9px;
		}
		.no-boxshadow .progress.thin {
			line-height: 7px;
			height: 7px;
		}
	.progress.large {
		line-height: 30px;
		height: 30px;
		font-size: 13px;
		}
		.no-boxshadow .progress.large {
			line-height: 28px;
			height: 28px;
		}

	/* Vertical style */
	.progress.vertical,
	.slider.vertical {
		height: 100px;
		margin: 0;
		}
		.no-boxshadow .progress.vertical,
		.no-boxshadow .slider.vertical {
			height: 98px;
		}
		.progress.vertical {
			width: 16px;
			}
			.no-boxshadow .progress.vertical {
				width: 14px;
			}
			.progress.vertical.thin {
				width: 9px;
				}
				.no-boxshadow .progress.vertical.thin {
					width: 7px;
				}
			.progress.vertical.large {
				width: 30px;
				}
				.no-boxshadow .progress.vertical.large {
					width: 28px;
				}
		.slider.vertical {
			width: 9px;
			}
			.no-boxshadow .slider.vertical {
				width: 7px;
			}
		.progress.vertical.full-width,
		.slider.vertical.full-width {
			height: auto;
		}

	/* Inner bar */
	.progress-bar,
	.slider-bar {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		font-size: inherit;
		line-height: inherit;
		overflow: hidden;
		border-width: 1px;
		border-style: solid;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-background-clip: padding-box;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
		}
		.no-boxshadow .progress-bar,
		.no-boxshadow .slider-bar {
			margin: -1px;
		}
		.vertical > .progress-bar,
		.vertical > .slider-bar {
			top: auto;
			right: 0;
		}

	/* Text */
	.progress-text {
		color: inherit;
		font-size: inherit;
		height: 16px;
		line-height: 16px;
		text-align: right;
		padding: 0 5px;
		display: block;
		position: absolute;
		left: -1px;
		right: 0;
		top: 50%;
		margin: -8px 0;
		}
		.progress > .progress-text {
			right: auto;
			left: 0;
		}
		.vertical > .progress-text,
		.vertical > .progress-bar > .progress-text {
			padding: 3px 0;
			margin: 0;
			text-align: center;
			top: auto;
			right: 0;
			bottom: 0;
			font-size: 11px;
			}
			.vertical > .progress-bar > .progress-text {
				bottom: -1px;
			}

	/* Cursor */
	.slider-cursor {
		position: absolute;
		display: block;
		margin: -8px -4px;
		top: 50%;
		width: 9px;
		height: 17px;
		background: url(../../img/standard/sprites.png) no-repeat -40px 0;
		cursor: pointer;
		}
		.touch .slider-cursor:after {
			position: absolute;
			content: '';
			left: 50%;
			top: 50%;
			width: 30px;
			height: 30px;
			margin: -15px 0 0 -15px;
			background: transparent;
		}
		.vertical > .slider-cursor {
			width: 17px;
			height: 9px;
			top: auto;
			left: 50%;
			margin: -4px -8px;
			background-position: -40px -17px;
		}
		.slider-cursor.dragging {
			z-index: 1000;
		}
		.slider-cursor.knob {
			background-position: -49px 0;
			width: 15px;
			height: 15px;
			margin: -7px;
		}

	/* Marks */
	.inner-mark,
	.top-mark,
	.bottom-mark {
		position: absolute;
		width: 1px;
		margin-left: -1px;
		pointer-events: none;
		-webkit-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.25);
		-moz-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.25);
		box-shadow: 1px 0 0 rgba(255, 255, 255, 0.25);
		}
		.inner-mark {
			top: 1px;
			bottom: 1px;
			background: url(../../img/old-browsers/grey20.png);
			background: rgba(128, 128, 128, 0.2);
		}
	.vertical > .inner-mark,
	.left-mark,
	.right-mark {
		position: absolute;
		height: 1px;
		width: auto;
		margin: 0 0 -1px;
		pointer-events: none;
		-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
		-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
		}
		.vertical > .inner-mark {
			top: auto;
			bottom: auto;
			left: 0;
			right: 0;
			height: 1px;
		}

	.top-mark,
	.right-mark,
	.bottom-mark,
	.left-mark {
		background: url(../../img/old-browsers/grey50.png);
		background: rgba(128, 128, 128, 0.5);
		}
		.top-mark,
		.bottom-mark {
			height: 5px;
			}
			.top-mark {
				bottom: 100%;
				margin-bottom: 3px;
			}
			.bottom-mark {
				top: 100%;
				margin-top: 3px;
			}
		.left-mark,
		.right-mark {
			width: 5px;
			}
			.left-mark {
				right: 100%;
				margin-right: 3px;
			}
			.right-mark {
				left: 100%;
				margin-left: 3px;
			}

	.mark-label {
		position: absolute;
		color: #808080;
		color: rgba(128, 128, 128, 0.5);
		font-size: 10px;
		line-height: 10px;
		text-transform: uppercase;
		}
		.top-mark > .mark-label,
		.bottom-mark > .mark-label {
			text-align: center;
			width: 80px;
			left: -39px;
			}
			.top-mark > .mark-label {
				bottom: 100%;
				margin-bottom: 2px;
			}
			.bottom-mark > .mark-label {
				top: 100%;
				margin-top: 2px;
			}
			.mark-label.align-left {
				text-align: right;
				width: auto;
				left: auto;
				right: -1px;
				white-space: nowrap;
			}
			.mark-label.align-right {
				text-align: left;
				width: auto;
				left: -1px;
				white-space: nowrap;
			}
		.left-mark > .mark-label {
			text-align: right;
			right: 100%;
			margin-right: 2px;
			top: -5px;
			white-space: nowrap;
		}
		.right-mark > .mark-label {
			text-align: left;
			left: 100%;
			margin-left: 2px;
			top: -5px;
			white-space: nowrap;
			}
			.mark-label.align-top {
				top: -2px;
			}
			.mark-label.align-bottom {
				top: auto;
				bottom: -1px;
			}

/*=======================================================================================================================================
css/styles/switches.css
=======================================================================================================================================*/

.switch {
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-align: center;
	position: relative;
	height: 30px;
	width: 95px;
	padding: 0;
	vertical-align: middle;
	-webkit-background-clip: padding-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	overflow: hidden;
	cursor: pointer;
	-webkit-transition: all 400ms;
	-moz-transition: all 400ms;
	-ms-transition: all 400ms;
	-o-transition: all 400ms;
	transition: all 400ms;
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0);
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 0 rgba(51, 153, 255, 0);
	}
	.switch > input {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		visibility: hidden;
	}
	.switch.wide {
		width: 125px;
	}
	.switch.wider {
		width: 155px;
	}
	.switch.focus {
		-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
		-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
		box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5), 0 0 5px rgba(51, 153, 255, 0.75);
	}
	.button-height .switch {
		margin-top: -2px;
		margin-bottom: 2px;
	}
	.button-height .switch.float-left,
	.button-height .switch.float-right {
		margin-top: 2px;
	}
	.switch-on,
	.switch-off {
		display: block;
		position: absolute;
		line-height: 30px;
		font-size: 18px;
		overflow: hidden;
		padding: 0;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		}
		.no-boxshadow .switch-on,
		.no-boxshadow .switch-off {
			line-height: 26px;
			border-width: 1px;
			border-style: solid;
		}
		.switch-on {
			color: white;
			right: 91px;
			-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-transition: right 200ms;
			-moz-transition: right 200ms;
			-ms-transition: right 200ms;
			-o-transition: right 200ms;
			transition: right 200ms;
			-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), inset -5px 1px 3px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), inset -5px 1px 3px rgba(0, 0, 0, 0.5);
			box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), inset -5px 1px 3px rgba(0, 0, 0, 0.5);
			-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);
			}
			.wide > .switch-on {
				right: 121px;
			}
			.wider > .switch-on {
				right: 151px;
			}
			.reversed-switches .switch-on {
				right: 0;
				left: 91px;
				padding-left: 4px;
				padding-right: 0;
				-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;
				-webkit-transition: left 200ms;
				-moz-transition: left 200ms;
				-ms-transition: left 200ms;
				-o-transition: left 200ms;
				transition: left 200ms;
				-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), inset 5px 1px 3px rgba(0, 0, 0, 0.5);
				-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), inset 5px 1px 3px rgba(0, 0, 0, 0.5);
				box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.75), inset 5px 1px 3px rgba(0, 0, 0, 0.5);
				}
				.reversed-switches .wide > .switch-on {
					left: 121px;
				}
				.reversed-switches .wider > .switch-on {
					left: 151px;
				}
		.switch-off {
			color: #999999;
			left: 36px;
			padding-left: 4px;
			-webkit-background-clip: padding-box;
			-webkit-border-top-right-radius: 4px;
			-webkit-border-bottom-right-radius: 4px;
			-moz-border-radius: 0 4px 4px 0;
			border-radius: 0 4px 4px 0;
			-webkit-transition: left 200ms;
			-moz-transition: left 200ms;
			-ms-transition: left 200ms;
			-o-transition: left 200ms;
			transition: left 200ms;
			-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5), inset 5px 1px 3px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5), inset 5px 1px 3px rgba(0, 0, 0, 0.3);
			box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5), inset 5px 1px 3px rgba(0, 0, 0, 0.3);
			-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);
			}
			.black-inputs .switch-off,
			.black-input > .switch-off {
				color: #505050;
				-webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
				-moz-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
				text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
			}
			.reversed-switches .switch-off {
				left: 0;
				right: 36px;
				padding-left: 0;
				padding-right: 4px;
				-webkit-border-radius: 0;
				-webkit-border-top-left-radius: 4px;
				-webkit-border-bottom-left-radius: 4px;
				-moz-border-radius: 4px 0 0 4px;
				border-radius: 4px 0 0 4px;
				-webkit-transition: right 200ms;
				-moz-transition: right 200ms;
				-ms-transition: right 200ms;
				-o-transition: right 200ms;
				transition: right 200ms;
				-webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5), inset -5px 1px 3px rgba(0, 0, 0, 0.3);
				-moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5), inset -5px 1px 3px rgba(0, 0, 0, 0.3);
				box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.5), inset -5px 1px 3px rgba(0, 0, 0, 0.3);
			}
		.switch-on > span,
		.switch-off > span {
			display: block;
			width: 55px;
			padding-top: 1px;
			}
			.wide > .switch-on > span,
			.wide > .switch-off > span {
				width: 85px;
			}
			.wider > .switch-on > span,
			.wider > .switch-off > span {
				width: 115px;
			}
			.switch-on > span {
				margin-left: -55px;
				-webkit-transition: margin-left 200ms;
				-moz-transition: margin-left 200ms;
				-ms-transition: margin-left 200ms;
				-o-transition: margin-left 200ms;
				transition: margin-left 200ms;
				}
				.wide > .switch-on > span {
					margin-left: -85px;
				}
				.wider > .switch-on > span {
					margin-left: -115px;
				}
				.reversed-switches .switch-on > span {
					margin-left: 0;
					-webkit-transition: none;
					-moz-transition: none;
					-ms-transition: none;
					-o-transition: none;
					transition: none;
				}
				.reversed-switches .switch-off > span {
					-webkit-transition: margin-left 200ms;
					-moz-transition: margin-left 200ms;
					-ms-transition: margin-left 200ms;
					-o-transition: margin-left 200ms;
					transition: margin-left 200ms;
				}
	.switch-button {
		position: absolute;
		z-index: 88;
		display: block;
		border-width: 1px;
		border-style: solid;
		width: 38px;
		left: 0;
		top: 0;
		bottom: 0;
		padding: 0;
		margin: 0;
		-webkit-background-clip: padding-box;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		-webkit-transition: left 200ms, border-color 400ms;
		-moz-transition: left 200ms, border-color 400ms;
		-ms-transition: left 200ms, border-color 400ms;
		-o-transition: left 200ms, border-color 400ms;
		transition: left 200ms, border-color 400ms;
		-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);
		}
		.black-inputs .switch-button,
		.black-input > .switch-button {
			-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
			-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
		}
		.reversed-switches .switch-button {
			left: auto;
			right: 0;
			-webkit-transition: right 200ms, border-color 400ms;
			-moz-transition: right 200ms, border-color 400ms;
			-ms-transition: right 200ms, border-color 400ms;
			-o-transition: right 200ms, border-color 400ms;
			transition: right 200ms, border-color 400ms;
		}
		.focus > .switch-button {
			border-color: #3399ff !important;
		}
		.switch-button.silver-gradient,
		.switch-button.white-gradient {
			-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);
		}
		.switch-button.black-gradient,
		.switch-button.anthracite-gradient,
		.switch-button.grey-gradient,
		.switch-button.red-gradient,
		.switch-button.orange-gradient,
		.switch-button.green-gradient,
		.switch-button.blue-gradient {
			-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);
		}
		.medium > .switch-button:after,
		.tiny > .switch-button:after,
		.mini > .switch-button:after {
			display: block;
			content: ' ';
			position: absolute;
			background-image: url(../../img/standard/sprites.png);
		}
	/* Prevent animation when dragging */
	.dragging > .switch-on,
	.dragging > .switch-on > span,
	.dragging > .switch-off,
	.dragging > .switch-off > span,
	.dragging > .switch-button {
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	/* Active style */
	.switch.checked > .switch-button {
		left: 55px;
		}
		.wide.checked > .switch-button {
			left: 85px;
		}
		.wider.checked > .switch-button {
			left: 115px;
		}
		.reversed-switches .switch.checked > .switch-button {
			left: auto;
			right: 55px;
			}
			.reversed-switches .wide.checked > .switch-button {
				right: 85px;
			}
			.reversed-switches .wider.checked > .switch-button {
				right: 115px;
			}
		.checked > .switch-on {
			right: 36px;
			}
			.checked > .switch-on > span {
				margin-left: 0;
				}
				.ie7 .checked > .switch-on > span {
					margin-left: -4px;
				}
			.reversed-switches .checked > .switch-on {
				left: 36px;
				right: 0;
				margin-left: 0;
			}
		.checked > .switch-off {
			left: 91px;
			}
			.wide.checked > .switch-off {
				left: 121px;
			}
			.wider.checked > .switch-off {
				left: 151px;
			}
			.reversed-switches .checked > .switch-off {
				left: 0;
				right: 91px;
				}
				.reversed-switches .wide.checked > .switch-off {
					right: 121px;
				}
				.reversed-switches .wider.checked > .switch-off {
					right: 151px;
				}
				.reversed-switches .checked > .switch-off > span {
					margin-left: -55px;
					}
					.reversed-switches .wide.checked > .switch-off > span {
						margin-left: -85px;
					}
					.reversed-switches .wider.checked > .switch-off > span {
						margin-left: -115px;
					}

	.switch.medium {
		width: 70px;
		height: 24px;
		*vertical-align: -7px;
		}
		.switch.medium.wide {
			width: 100px;
		}
		.switch.medium.wider {
			width: 130px;
		}
		p > .switch.medium {
			margin-top: -5px;
			margin-bottom: -3px;
		}
		.button-height .switch.medium {
			margin-top: -2px;
			margin-bottom: 2px;
		}
		.medium > .switch-on,
		.medium > .switch-off {
			line-height: 23px;
			font-size: 14px;
			font-weight: bold;
			}
			.no-boxshadow .medium > .switch-on,
			.no-boxshadow .medium > .switch-off {
				line-height: 20px;
			}
			.medium > .switch-on {
				right: 66px;
				}
				.medium.wide > .switch-on {
					right: 96px;
				}
				.medium.wider > .switch-on {
					right: 126px;
				}
				.reversed-switches .medium > .switch-on {
					left: 66px;
					right: 0;
					}
					.reversed-switches .medium.wide > .switch-on {
						left: 96px;
					}
					.reversed-switches .medium.wider > .switch-on {
						left: 126px;
					}
			.medium > .switch-off {
				left: 26px;
				}
				.reversed-switches .medium > .switch-off {
					left: 0;
					right: 26px;
				}
			.medium > .switch-on > span,
			.medium > .switch-off > span {
				width: 40px;
				}
				.medium.wide > .switch-on > span,
				.medium.wide > .switch-off > span {
					width: 70px;
				}
				.medium.wider > .switch-on > span,
				.medium.wider > .switch-off > span {
					width: 100px;
				}
				.medium > .switch-on > span {
					margin-left: -40px;
					}
					.medium.wide > .switch-on > span {
						margin-left: -70px;
					}
					.medium.wider > .switch-on > span {
						margin-left: -100px;
					}
					.reversed-switches .medium > .switch-on > span {
						margin-left: 0;
					}
		.medium > .switch-button {
			width: 28px;
			}
			.medium > .switch-button:after {
				top: 50%;
				left: 50%;
				width: 7px;
				height: 8px;
				margin: -3px 0 0 -3px;
				background-position: -120px 0;
				}
				.black-inputs .medium > .switch-button:after,
				.black-input.medium > .switch-button:after {
					background-position: -127px 0;
					margin-top: -4px;
				}
		.checked.medium > .switch-button {
			left: 40px;
			}
			.medium.checked.wide > .switch-button {
				left: 70px;
			}
			.medium.checked.wider > .switch-button {
				left: 100px;
			}
			.reversed-switches .switch.checked.medium > .switch-button {
				left: auto;
				right: 40px;
				}
				.reversed-switches .medium.checked.wide > .switch-button {
					right: 70px;
				}
				.reversed-switches .medium.checked.wider > .switch-button {
					right: 100px;
				}
			.checked.medium > .switch-on {
				right: 26px;
				}
				.checked.medium > .switch-on > span {
					margin-left: 0;
					}
					.ie7 .checked > .switch-on > span {
						margin-left: -4px;
					}
				.reversed-switches .checked.medium > .switch-on {
					left: 26px;
					right: 0;
					margin-left: 0;
				}
			.checked.medium > .switch-off {
				left: 66px;
				}
				.medium.checked.wide > .switch-off {
					left: 96px;
				}
				.medium.checked.wider > .switch-off {
					left: 126px;
				}
				.reversed-switches .checked.medium > .switch-off {
					left: 0;
					right: 66px;
					}
					.reversed-switches .medium.checked.wide > .switch-off {
						right: 96px;
					}
					.reversed-switches .medium.checked.wider > .switch-off {
						right: 126px;
					}
				.reversed-switches .medium.checked > .switch-off > span {
					margin-left: -40px;
					}
					.reversed-switches .medium.checked > .switch-off > span {
						margin-left: -70px;
					}
					.reversed-switches .medium.checked > .switch-off > span {
						margin-left: -100px;
					}

	.switch.tiny,
	.switch.mini {
		width: 35px;
		height: 15px;
		}
		.switch.tiny {
			overflow: visible;
			margin-left: 2px;
			margin-right: 2px;
		}
		p > .switch.tiny,
		p > .switch.mini,
		.button-height .switch.tiny,
		.button-height .switch.mini {
			margin-top: -1px;
			margin-bottom: 1px;
		}
		.tiny > .switch-on,
		.tiny > .switch-off,
		.mini > .switch-on,
		.mini > .switch-off {
			line-height: 15px;
			}
			.tiny > .switch-on,
			.mini > .switch-on {
				right: 27px;
				-webkit-border-top-left-radius: 8px;
				-webkit-border-bottom-left-radius: 8px;
				-moz-border-radius: 8px 0 0 8px;
				border-radius: 8px 0 0 8px;
				}
				.reversed-switches .tiny > .switch-on,
				.reversed-switches .mini > .switch-on {
					left: 27px;
					right: 0;
					-webkit-border-radius: 0;
					-webkit-border-top-right-radius: 8px;
					-webkit-border-bottom-right-radius: 8px;
					-moz-border-radius: 0 8px 8px 0;
					border-radius: 0 8px 8px 0;
				}
			.tiny > .switch-off,
			.mini > .switch-off {
				left: 8px;
				-webkit-border-top-right-radius: 8px;
				-webkit-border-bottom-right-radius: 8px;
				-moz-border-radius: 0 8px 8px 0;
				border-radius: 0 8px 8px 0;
				}
				.reversed-switches .tiny > .switch-off,
				.reversed-switches .mini > .switch-off {
					left: 0;
					right: 8px;
					-webkit-border-radius: 0;
					-webkit-border-top-left-radius: 8px;
					-webkit-border-bottom-left-radius: 8px;
					-moz-border-radius: 8px 0 0 8px;
					border-radius: 8px 0 0 8px;
				}
			.tiny > .switch-on > span,
			.tiny > .switch-off > span,
			.mini > .switch-on > span,
			.mini > .switch-off > span {
				display: none;
			}
		.tiny > .switch-button {
			top: -2px;
			left: -2px;
			bottom: -2px;
			width: 17px;
			-webkit-border-radius: 10px;
			-moz-border-radius: 10px;
			border-radius: 10px;
			-webkit-box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.5);
			-moz-box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.5);
			box-shadow: inset 0 1px 0 white, 0 1px 3px rgba(0, 0, 0, 0.5);
			}
			.black-inputs .tiny > .switch-button,
			.black-input.tiny > .switch-button {
				-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 3px rgba(0, 0, 0, 0.5);
				-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 3px rgba(0, 0, 0, 0.5);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 1px 3px rgba(0, 0, 0, 0.5);
			}
			.reversed-switches .tiny > .switch-button {
				left: auto;
				right: -2px;
			}
			.tiny > .switch-button:after {
				top: 6px;
				left: 6px;
				width: 5px;
				height: 7px;
				background-position: -134px 0;
				}
				.black-inputs .tiny > .switch-button:after,
				.black-input.tiny > .switch-button:after {
					background-position: -139px 0;
				}
		.mini > .switch-button {
			width: 13px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			border-radius: 8px;
			}
			.mini > .switch-button:after {
				top: 4px;
				left: 4px;
				width: 5px;
				height: 6px;
				background-position: -144px 0;
				}
				.black-inputs .mini > .switch-button:after,
				.black-input.mini > .switch-button:after {
					background-position: -149px 0;
				}
		.switch.checked.tiny > .switch-button {
			left: 17px;
			}
			.reversed-switches .switch.checked.tiny > .switch-button {
				left: auto;
				right: 17px;
			}
		.switch.checked.mini > .switch-button {
			left: 20px;
			}
			.reversed-switches .switch.checked.mini > .switch-button {
				left: auto;
				right: 20px;
			}
			.checked.tiny > .switch-on,
			.checked.mini > .switch-on {
				right: 8px;
				}
				.reversed-switches .checked.tiny > .switch-on,
				.reversed-switches .checked.mini > .switch-on {
					left: 8px;
					right: 0;
				}
			.checked.tiny > .switch-off,
			.checked.mini > .switch-off {
				left: 27px;
				}
				.reversed-switches .checked.tiny > .switch-off,
				.reversed-switches .checked.mini > .switch-off {
					left: 0;
					right: 27px;
				}

	.switch.disabled, .disabled .switch,
	.switch.disabled, .disabled .switch {
		cursor: default;
		}
		.disabled .switch-on,
		.disabled .switch-off {
			-webkit-box-shadow: none;
			-moz-box-shadow: none;
			box-shadow: none;
			-webkit-text-shadow: none;
			-moz-text-shadow: none;
			text-shadow: none;
			border-width: 1px;
			border-style: solid;
			height: 28px;
			line-height: 28px;
			}
			.no-boxshadow .disabled .switch-on,
			.no-boxshadow .disabled .switch-off {
				line-height: 26px;
			}
			.medium.disabled > .switch-on, .disabled .medium > .switch-on,
			.medium.disabled > .switch-off, .disabled .medium > .switch-off {
				height: 22px;
				line-height: 20px;
				}
				.medium.disabled > .switch-on > span, .disabled .medium > .switch-on > span,
				.medium.disabled > .switch-off > span, .disabled .medium > .switch-off > span {
					width: 38px;
				}
			.tiny.disabled > .switch-on, .disabled .tiny > .switch-on,
			.tiny.disabled > .switch-off, .disabled .tiny > .switch-off,
			.mini.disabled > .switch-on, .disabled .mini > .switch-on,
			.mini.disabled > .switch-off, .disabled .mini > .switch-off {
				height: 13px;
				line-height: 13px;
			}
			.disabled .switch-button {
				-webkit-box-shadow: none !important;
				-moz-box-shadow: none !important;
				box-shadow: none !important;
				}
				.disabled .switch-button:after {
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
					filter: alpha(opacity=50);
					-khtml-opacity: 0.5;
					-moz-opacity: 0.5;
					opacity: 0.5;
				}

/*=======================================================================================================================================
css/styles/table.css
=======================================================================================================================================*/

/* Generic */
.vertical-center {
	vertical-align: middle;
}

/* Complex table style */
.table {
	width: 100%;
	border: 1px solid #cccccc;
	}
	.table-header + .table {
		border-top: 0;
	}

	.table > thead,
	.table > tbody > tr > th,
	.table > tfoot > tr > th {
		text-align: left;
	}

	.table > thead > tr > th,
	.table > thead > tr > td,
	.table > tfoot > tr > th,
	.table > tfoot > tr > td {
		padding: 9px 10px;
		border: 1px solid #cccccc;
		-webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.85);
		-moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.85);
		box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.85), inset 0 1px 0 rgba(255, 255, 255, 0.85);
		}
		.table-header + .table > thead > tr > th,
		.table-header + .table > thead > tr > td {
			border-top: 0;
		}

	.table > tbody > tr > th,
	.table > tbody > tr > td {
		padding: 9px 10px;
		border-top: 1px solid #e6e6e6;
		border-left: 1px dotted #cfcfcf;
		}

		/* Even rows styling */
		.table > tbody > tr:nth-child(even) {
			background: #f7f7f7;
		}
		.table > tbody > tr.even {
			background: #f7f7f7;
		}

		/* Hover styling */
		.table > tbody > tr:hover {
			background: #f0f0f0;
		}

/* Special cell effect */
.row-drop > th,
.row-drop > td,
.cell-drop {
	padding: 17px 20px;
	-webkit-box-shadow: inset 0 1px 10px black;
	-moz-box-shadow: inset 0 1px 10px black;
	box-shadow: inset 0 1px 10px black;
	position: relative;
	}
	.table > tbody > tr.row-drop > th,
	.table > tbody > tr.row-drop > td,
	.table > tbody > tr > .cell-drop {
		border-top: 0;
	}
	
/* Special cell effect */
.row-drop-no-shadow > th,
.row-drop-no-shadow > td,
.cell-drop {
	padding: 17px 20px;
	-webkit-box-shadow: inset 0 1px 1px black;
	-moz-box-shadow: inset 0 1px 1px black;
	box-shadow: inset 0 1px 1px black;
	position: relative;
	}
	.table > tbody > tr.row-drop-no-shadow > th,
	.table > tbody > tr.row-drop-no-shadow > td,
	.table > tbody > tr > .cell-drop {
		border-top: 0;
	}

/* Padding adjust */
th.low-padding,
td.low-padding {
	line-height: 24px !important;
	padding: 5px 5px 4px 5px !important;
}
td.button-height,
th.button-height {
	padding: 8px 10px 8px 10px !important;
}

/* Header and footer for the complex table style */
.table-header,
.table-footer {
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	}
	.table-header {
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius: 10px 10px 0 0;
		border-radius: 10px 10px 0 0;
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
	}
	.table-footer {
		-webkit-border-bottom-left-radius: 10px;
		-webkit-border-bottom-right-radius: 10px;
		-moz-border-radius: 0 0 10px 10px;
		border-radius: 0 0 10px 10px;
	}
	.table-header.button-height,
	.table-footer.button-height {
		margin: 0;
		padding: 9px 10px;
	}
	.table-header.silver-gradient {
		-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);
	}
	.table-header.black-gradient,
	.table-header.anthracite-gradient,
	.table-header.grey-gradient {
		-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);
	}
	.table-header.red-gradient,
	.table-header.orange-gradient,
	.table-header.green-gradient {
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
		-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.35);
	}

/* Simple table style */
.simple-table {
	width: 100%;
	background-color: #ffffff;
	}
	.simple-table > thead > tr > th,
	.simple-table > thead > tr > td,
	.simple-table > tfoot > tr > th,
	.simple-table > tfoot > tr > td {
		color: black;
		padding: 8px 12px;
		}
		.simple-table > thead > tr > th,
		.simple-table > thead > tr > td {
			font-weight: bold;
			font-size: 15px;
		}
		.simple-table > tfoot > tr > th,
		.simple-table > tfoot > tr > td {
			border-top: 1px solid #cccccc;
		}
	.simple-table > tbody > tr > th,
	.simple-table > tbody > tr > td {
		padding: 8px 12px;
		color: #333333;
		border-top: 1px solid #e6e6e6;
		}
		.simple-table > tbody > tr:first-child > th,
		.simple-table > tbody > tr:first-child > td {
			border-top-color: #cccccc;
		}
		.simple-table > thead,
		.simple-table > tbody > tr > th,
		.simple-table > tfoot > tr > th {
			text-align: left;
		}

		/* Even rows styling */
		.simple-table > tbody > tr:nth-child(even) {
			background: #f7f7f7;
		}
		.simple-table > tbody > tr.even {
			background: #f7f7f7;
		}

		/* Hover styling */
		.simple-table > tbody > tr:hover {
			background: #f0f0f0;
		}

/* Utility classes */
.checkbox-cell {
	width: 13px;
}

/* Table sorter classes */
.header:hover {
	color: #0059a0;
	cursor: pointer;
}
.headerSortUp:before,
.headerSortDown:before {
	font-size: 0.75em;
	padding-right: 2px;
	vertical-align: 0.15em;
	}
	.headerSortUp:before {
		content: '▲';
	}
	.headerSortDown:before {
		content: '▼';
	}

/* Classes for responsive tables */
.responsive-table-on .hide-on-mobile-portrait,
.responsive-table-on .hide-on-mobile-landscape,
.responsive-table-on .hide-on-mobile,
.responsive-table-on .hide-on-tablet-portrait,
.responsive-table-on .hide-on-tablet-landscape,
.responsive-table-on .hide-on-tablet {
	display: none !important;
}
.responsive-table-on .forced-display {
	display: table-cell !important;
}

/*480px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 480px) {

	/* Classes for responsive tables */
	.responsive-table-on .hide-on-mobile-portrait {
		display: table-cell !important;
	}

}/*/mediaquery*/

/*768px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 768px) {

	/* Classes for responsive tables */
	.responsive-table-on .hide-on-mobile-landscape,
	.responsive-table-on .hide-on-mobile {
		display: table-cell !important;
	}

}/*/mediaquery*/

/*992px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 992px) {

	/* Classes for responsive tables */
	.responsive-table-on .hide-on-tablet-portrait {
		display: table-cell !important;
	}

}/*/mediaquery*/

/*1200px __________________________________________________________________________________________________________ */
@media only screen and (min-width: 1200px) {

	/* Classes for responsive tables */
	.responsive-table-on .hide-on-tablet-landscape,
	.responsive-table-on .hide-on-tablet {
		display: table-cell !important;
	}

}/*/mediaquery*/