html, body, div, span, form, a, img, ul, li, p
{
	margin: 0;
	padding: 0;
	border: none;
}

html, body
{
	height: 100%;
}

iframe
{
	border: none;
}

body
{
	background-image: -moz-linear-gradient(top, #aFaFaF, #cfcfcf 30%, #DFDFDF 75%, #aFaFaF);
	background-image: -webkit-linear-gradient(top, #aFaFaF, #cfcfcf 30%, #DFDFDF 75%, #aFaFaF);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#afafaf), color-stop(30%, #cfcfcf), color-stop(75%, #dfdfdf), to(#afafaf));
	overflow: hidden;
}

h1
{
	font-size: 1.6em;
	padding: 0;
	margin: 0 0 10px;
}

a, a:link, a:hover, a:active
{
	text-decoration: none;
	color: #3f3f3f;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-touch-callout: none;
}

a.ios-link
{
	display: block;
}

super
{
	font-size: 0.8em;
	line-height: 1em;
	padding-left: 2px;
	vertical-align: top;
}

body,
input,
textarea,
select,
div.hidden-textarea
{
	font: normal 14px 'Poppins',Helvetica,Verdana,Sans-serif;
}

input,
textarea,
select,
div.hidden-textarea
{
	padding: 3px;
	padding-right: 0;
	height: 18px;
	border: none;
	background-color: transparent;
	outline: none;
}

textarea,
div.hidden-textarea
{
	resize: none;
	line-height: 30px;
	min-height: 30px;
	border: none;
}

div.hidden-textarea
{
	visibility: hidden;
}

select
{
	height: 30px;
}

option
{
	color: #000;
}

label
{
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.input-border
{
	background-color: #ffffff;
	display: inline-block;
	border: solid 1px #999;
	box-shadow: 0 1px 3px #9f9f9f inset;
	-webkit-box-shadow: 0 1px 3px #9f9f9f inset;
	-ms-box-shadow: 0 1px 3px #9f9f9f inset;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

legend, fieldset, .gradient-bkg
{
	background: #fefefe;
	background: -moz-linear-gradient(top, #fefefe 0%, #f6f6f6 47%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(47%,#f6f6f6), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top, #fefefe 0%,#f6f6f6 47%,#dddddd 100%);
	background: -o-linear-gradient(top, #fefefe 0%,#f6f6f6 47%,#dddddd 100%);
	background: -ms-linear-gradient(top, #fefefe 0%,#f6f6f6 47%,#dddddd 100%);
	background: linear-gradient(top, #fefefe 0%,#f6f6f6 47%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dddddd',GradientType=0 );
}

fieldset
{
	border: 1px solid #b4b4b4;
	border-radius: 10px;
	padding: 0 0 10px;
	margin: 5px;
}

legend
{
	border: 1px solid #b4b4b4;
	border-radius: 1.35em;
	padding: 2px 20px;
	margin-left: 20px;
	font-size: 1.05em;
}

ul, li
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

li
{
	text-overflow: ellipsis;
}

[tooltip]
{
}

[tooltip]:hover::before,
[tooltip]:hover::after
{
	display: block;
}

[tooltip]::before,
[tooltip]::after
{
	display: none;
	z-index: 100;
}

[tooltip]::before
{
	content: "";
	position: absolute;
	top: -6px;
	left: 50%;
	transform: tranlsateX(-50%);
	border-width: 4px 6px 0 6px;
	border-style: solid;
	border-color: rgba(0,0,0,0.7) transparent transparent transparent;
}

[tooltip]::after
{
	content: attr(tooltip);
	position: absolute;
	left: 50%;
	top: -6px;
	transform: translateX(-50%) translateY(-100%);
	background: rgba(0,0,0,0.7);
	text-align: center;
	color: #fff;
	padding: 4px 5px;
	/*font-size: 0.9em;*/
	font-size: 12px;
	min-width: 80px;
	border-radius: 5px;
	pointer-events: none;
	white-space: pre;
}

[tooltip-position='left']::before
{
	left:0%;
	top:50%;
	margin-left:-12px;
	transform:translatey(-50%) rotate(-90deg)
}

[tooltip-position='bottom']::before
{
	top:100%;
	margin-top: -4px;
	transform: translateX(-50%) translatey(-100%) rotate(-180deg)
}

[tooltip-position='right']::before
{
	left:100%;
	top:50%;
	margin-left:1px;
	transform:translatey(-50%) rotate(90deg)
}

[tooltip-position='left']::after
{
	left:0%;
	top:50%;
	margin-left:-8px;
	transform: translateX(-100%)   translateY(-50%);
}

[tooltip-position='top']::before,
[tooltip-position='top']::after
{
	left:50%;
}

[tooltip-position='bottom']::after
{
	top:100%;
	margin-top: -4px;
	transform: translateX(-50%) translateY(0%);
}

[tooltip-position='right']::after
{
	left:100%;
	top:50%;
	margin-left:8px;
	transform: translateX(0%) translateY(-50%);
}

#main-content
{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}

.clear-fix
{
	min-height: 0 !important;
	max-height: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	clear: both;
}

.disable-transition > div
{
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-ms-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}

.dialog,
.animation-ready
{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.pane
{
	position: absolute;
	top: 0;
	bottom: 0;
	background-color: #f0f0f0;
	overflow: auto;
	cursor: default;
	box-shadow: -1px 5px 20px rgba(30, 30, 30, 0.7);
	-webkit-box-shadow: -1px 5px 20px rgba(30, 30, 30, 0.7);
	-ms-box-shadow: -1px 5px 20px rgba(30, 30, 30, 0.7);

	-webkit-overflow-scrolling: touch;
}

div.pane.blur > div:not(.pane-overlay)
{
/**
	filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius='3');
	-webkit-filter: url(#blur-filter);
	filter: url(#blur-filter);
	-webkit-filter: blur(3px);
	filter: blur(3px);
**/
}

.pane .header
{
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	font-size: 1.25em;
	font-weight: bold;
	color: #f0f0f0;
	background: rgb(30,87,153); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
	position: relative;
	/* padding-left: 44px; */
	/* overflow: hidden; */
	text-overflow: ellipsis;
	text-align: center;
}

.pane .header .back-arrow,
.pane header .back-arrow,
.pane .header .floating,
.pane header .floating,
.pane .header .title
{
	position: absolute;
}

.pane .header .back-arrow,
.pane header .back-arrow
{
	left: 0;
}

.pane .header .floating,
.pane header .floating
{
	top: 0;
}

.pane .header .floating.right
{
	right: 0;
	padding-right: 22px;
	float: none;
}

.pane .header .floating.right > a,
.pane .header .floating.right > span
{
	float: right;
}

.pane .header .title
{
	left: 44px;
	right: 44px;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

.pane .blank
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.pane .wrapper
{
	box-shadow: -4px -4px 10px -5px rgba(0,0,0,0.5) inset;
	-webkit-box-shadow: -4px -4px 10px -5px rgba(0,0,0,0.5) inset;
	-ms-box-shadow: -4px -4px 10px -5px rgba(0,0,0,0.5) inset;
}

.pane .footer-bar,
.pane footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 44px;
	line-height: 44px;
	vertical-align: middle;
	font-size: 1.25em;
	color: #f0f0f0;
	font-weight: normal;
	background: rgb(122,188,255); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(122,188,255,1) 0%, rgba(96,171,248,1) 44%, rgba(64,150,238,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(122,188,255,1)), color-stop(44%,rgba(96,171,248,1)), color-stop(100%,rgba(64,150,238,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(122,188,255,1) 0%,rgba(96,171,248,1) 44%,rgba(64,150,238,1) 100%); /* W3C */
}

.pane .footer-bar > div.left,
.pane .footer-bar > div.right,
.pane footer > div.left,
.pane footer > div.right
{
	width: 50%;
}

.pane .left
{
	float: left;
}

.pane .right
{
	float: right;
}

.pane .footer-bar button
{
	font-size: 1.25em;
	color: #3f3f3f;
	font-weight: normal;
	line-height: 36px;
	vertical-align: middle;
}

.pane .progress-wrapper
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 2px;
	opacity: 1;

	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: transparent;
}

.pane progress::-moz-progress-bar,
.pane progress[value]::-webkit-progress-value {
	background: #ff0000;
}

.pane .progress-wrapper.expand
{
	opacity: 1.0;
}

.pane .progress-wrapper span
{
	width: 0;
	height: 1px;
	margin: 2px 0;
	background: #21e7e7;
	position: absolute;
	box-shadow: 0 0 10px 8px rgba(54, 255, 248, 0.7);
}

.pane .progress-wrapper span:after
{
	content: '';
	position: absolute;
	right: 0;
	top: -1px;
	width: 3px;
	height: 3px;
	box-shadow: 0 0 20px 5px rgba(255, 255, 255, 1.0);
}

.blue
{
	color: #0008FF;
	text-shadow: 1px 1px 1px #f0f0f0;
}

#menuprofile
{
	width: 20%;
	height: 100%;
	min-width: 150px;
	overflow: hidden;
	z-index: 1;
}

.profile-wrapper
{
	position: absolute;
	overflow: hidden;
	text-overflow: ellipsis;
	left: 5px;
	top: 0;
	right: 47px;
	bottom: 0;
	text-align: left;
	padding-right: 10px;
}

.profile-wrapper:after
{
	position: absolute;
	top: 20px;
	right: 2px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-top: 5px solid #fff;
	content: ' ';
	-webkit-transition: transform 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
	-moz-transition: transform 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
	-ms-transition: transform 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
	-o-transition: transform 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
	transition: transform 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

#profile-switcher:checked + .profile-wrapper:after
{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.profile-wrapper a,
.profile-wrapper label,
.header a
{
	color: #f0f0f0;
	text-shadow: rgba(0,0,0,0.5) -1px 0, rgba(0,0,0,0.3) 0 -1px, rgba(255,255,255,0.5) 0 1px, rgba(0,0,0,0.3) -1px -2px;
}

.profile-wrapper a,
.profile-wrapper label
{
	display: block;
	text-overflow: ellipsis;
	overflow: hidden;
}

div.logout
{
	position: absolute;
	display: inline-block;
	right: 2px;
	top: 2px;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	vertical-align: middle;
	text-align: center;
	background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
}

#logout
{
	display: inline-block;
	width: calc(100% - 4px);
	height: calc(100% - 4px);
	margin: 2px 2px;
	border-radius: 2px;
	background: rgb(30,105,222); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(30,105,222,1) 0%, rgba(54,144,240,1) 49%, rgba(84,163,238,1) 50%, rgba(109,179,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,105,222,1)), color-stop(49%,rgba(54,144,240,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(100%,rgba(109,179,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,105,222,1) 0%,rgba(54,144,240,1) 49%,rgba(84,163,238,1) 50%,rgba(109,179,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,105,222,1) 0%,rgba(54,144,240,1) 49%,rgba(84,163,238,1) 50%,rgba(109,179,242,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(30,105,222,1) 0%,rgba(54,144,240,1) 49%,rgba(84,163,238,1) 50%,rgba(109,179,242,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e69de', endColorstr='#6db3f2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(30,105,222,1) 0%,rgba(54,144,240,1) 49%,rgba(84,163,238,1) 50%,rgba(109,179,242,1) 100%); /* W3C */
}

#logout:before
{
	margin: 0;
	font-size: 35px;
	text-shadow: 0 0 0;
}

#logout span
{
	display: inline-block;
	width: 36px;
	height: 36px;
}

.menu-box
{
	position: absolute;
	border-radius: 3px;
	width: 36px;
	height: 36px;
	top: 4px;
	left: -44px;
	background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
	z-index: 10;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
}

.menu-box a,
.menu-box label
{
	display: block;
	width: 34px;
	height: 34px;
	border-radius: 3px;
	margin: 1px;
	background: rgb(30,105,222); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(30,105,222,1) 0%, rgba(54,144,240,1) 49%, rgba(84,163,238,1) 50%, rgba(109,179,242,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,105,222,1)), color-stop(49%,rgba(54,144,240,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(100%,rgba(109,179,242,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,105,222,1) 0%,rgba(54,144,240,1) 49%,rgba(84,163,238,1) 50%,rgba(109,179,242,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,105,222,1) 0%,rgba(54,144,240,1) 49%,rgba(84,163,238,1) 50%,rgba(109,179,242,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(30,105,222,1) 0%,rgba(54,144,240,1) 49%,rgba(84,163,238,1) 50%,rgba(109,179,242,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e69de', endColorstr='#6db3f2',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(30,105,222,1) 0%,rgba(54,144,240,1) 49%,rgba(84,163,238,1) 50%,rgba(109,179,242,1) 100%); /* W3C */
}

/*
.menu-box > a > span,
.menu-box > label > span
{
	background-color: #fefefe;
	border-radius: 2px;
	display: block;
	float: left;
	height: 4px;
	margin: 5.8px 20% 0;
	width: 60%;
}
*/

#portraitMenu > span
{
	position: absolute;
	background-color: #fefefe;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	height: 2px;
	margin: -2px 20% 0;
	left: 0;
	width: 60%;
	top: 50%;
}

#portraitMenu > span:before,
#portraitMenu > span:after
{
	position: absolute;
	background-color: #fefefe;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	display: block;
	height: 2px;
	content: "";
	left: 0;
	width: 100%;
	transform-origin: 50% 50% 0;
	-webkit-transform-origin: 50% 50% 0;
	transition: top 0.3s ease 0.3s, transform 0.3s ease 0s;
	-webkit-transition: top 0.3s ease 0.3s, -webkit-transform 0.3s ease 0s;
}

#portraitMenu > span:before
{
	top: -300%;
}

#portraitMenu > span:after
{
	top: 300%;
}

#slideState:checked + div + div #portraitMenu > span
{
	background-color: transparent;
}

#slideState:checked + div + div #portraitMenu > span:before,
#slideState:checked + div + div #portraitMenu > span:after
{
	top: 0;
	transition: top 0.3s ease 0s, transform 0.3s ease 0.3s;
	-webkit-transition: top 0.3s ease 0s, -webkit-transform 0.3s ease 0.3s;
}

#slideState:checked + div + div #portraitMenu > span:before
{
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

#slideState:checked + div + div #portraitMenu > span:after
{
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.menu-wrapper
{
	position: absolute;
	right: 0;
	left: 0;
	top: 44px;
	bottom: 0;
	overflow: auto;
}

.menu-wrapper > div
{
	padding-bottom: 100px;
	position: relative;
}

.menu-wrapper > div div.last-row-bottom:after
{
	text-align: center;
	position: absolute;
	left: -10px;
	right: 0;
	bottom: 2px;
	height: 10px;
	font-size: 10px;
	color: #6f6f6f;
	text-shadow: 1px 1px 1px #fff;
}

.profile-listing
{
	background: #b5bdc8;
	background: -moz-linear-gradient(top, #b5bdc8 0%, #828c95 36%, #28343b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b));
	background: -webkit-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: -o-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: -ms-linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: linear-gradient(top, #b5bdc8 0%,#828c95 36%,#28343b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
	color: #fefefe;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.8) inset;
}

#menubar
{
	background: #eeeeee;
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	background: linear-gradient(top, #eeeeee 0%,#cccccc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 );
}

input[type="radio"],
input[type="checkbox"]
{
	display: none;
}

.menu-wrapper li label + div
{
	display: none;
	-webkit-transition: height 1s ease-out;
	-moz-transition: height 1s ease-out;
	-o-transition: height 1s ease-out;
	transition: height 1s ease-out;
}

.menu-wrapper label > span
{
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 39px;
	line-height: 39px;
	vertical-align: middle;
	font-size: 1.15em;
	padding-left: 5px;
	border-top: solid 1px #f0f0f0;
}

.menu-wrapper .round-border
{
	margin: 3px 8px 5px 10px;
	border-color: #a0a0a0;
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
}

.menu-wrapper .round-border li
{
	background-color: transparent;
	overflow: hidden;
}

.menu-wrapper .have-submenu:after
{
	position: absolute;
	top: 17px;
	right: 10px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #000;
	content: ' ';
	-webkit-transition: transform 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
	-moz-transition: transform 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
	-ms-transition: transform 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
	-o-transition: transform 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
	transition: transform 0.5s cubic-bezier(0.680, -0.550, 0.265, 1.550) 0s;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
}

.menu-wrapper input[type="radio"]:checked + div > label > .have-submenu::after
{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.menu-wrapper input[type="radio"]:checked + label > span
{
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
	-ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
	background-color: #6173A3;
	border-top: solid 0px rgba(0, 0, 0, 0.5);
	color: #f9f9f9;
}

.menu-wrapper input[type="radio"]:checked + div > div
{
	display: block;
}

.menu-wrapper ul#section1 li:first-child,
.menu-wrapper ul.section1 li:first-child
{
	border-top: none;
}

.round-border li.last-row,
.menu-wrapper ul#section1 li:last-child
{
	border-bottom: none;
}

.menu-wrapper .last-row-top
{
	border-bottom: solid 1px #cfcfcf;
}

.menu-wrapper .last-row-bottom
{
	border-top: solid 1px #efefef;
}

#listingpane
{
	width: 30%;
	left: 20%;
	min-width: 250px;
	z-index: 2;
}

#listings div.li-wrapper
{
	padding: 3px 0 3px 3px;
	border-left: none;
	margin-right: 0;
}

#listings div.input-wrapper-box
{
	background: #fefefe;
	height: 24px;
}

#listings div.input-wrapper-box.li-wrapper
{
	border-bottom: none;
}

div.not-found
{
	font-weight: bold;
	font-size: 18px;
	color: #7f7f7f;
	text-align: center;
	text-shadow: 2px 2px 1px #fefefe;
	/*
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: -8px;
	*/
}

.not-found > div
{
	position: static;
	display: inline-block;
	width: 95%;
}

#listings span.highlight,
div.select-list-wrapper span.highlight
{
	color: #000;
	display: inline;
	margin: 0 2px;
	padding: 0 1px;
}

#listings span.highlight,
div.select-list-wrapper span.highlight,
.ui-highlight
{
	background-color: yellow !important;
	/* outline: solid 1px red; */
	color: red;
	line-height: normal;
	-webkit-transform: scale(1.02);
	transform: scale(1.02);
	z-index: 2;
}

#detailpane
{
	width: 50%;
	left: 50%;
	min-width: 350px;
	z-index: 3;
}

div.row
{
	margin: 3px 0;
	line-height: 28px;
	height: 28px;
	vertical-align: middle;
}

div.row .label,
div.row .formw,
.horizontal-tabs li .cw label,
.horizontal-tabs li span.label
{
	color: #333;
	text-shadow: 1px 1px 1px #E1E4E6;
}

div.row .label
{
	padding-right: 5px;
	font-weight: bold;
	width: 35%;
	float: left;
	margin-left: -5px;
	text-align: right;
}

div.row .formw
{
	width: 65%;
	float: right;
}


#listings,
#detailinfo,
.content-wrapper
{
	position: absolute;
	top: 44px;
	left: 0;
	right: 0;
	bottom: 44px;
	overflow: auto;
}

#listings
{
	overflow-x: hidden;
}

.pane .content .thick-padding
{
	min-width: 400px;
	padding-top: 50px;
	height: auto;
	bottom: auto;
}

.pane .content .thick-padding,
.thick-padding .horizontal-tab-content > div
{
	padding-left: 45px;
	padding-right: 45px;
}

.thick-padding .horizontal-tabs
{
	margin-left: 45px;
	margin-right: 45px;
	line-height: 5px;
}

.pane .content .thick-padding,
.thick-padding .horizontal-tab-content > div
{
	padding-bottom: 45px;
}

.pane .content .no-padding
{
	padding: 0;
}

.pane .content .thin-padding
{
	padding: 15px;
}

#detailinfo .blank.attachment-pane
{
	left: 100%;
	background: #f0f0f0;
}

#detailinfo .blank.attachment-pane iframe
{
	width: 100%;
	height: 100%;
}

#detailinfo .animation-ready.toggle-attachment-preview
{
	right: 50%;
	overflow: auto;
}

#detailinfo .animation-ready.toggle-attachment-preview + div.animation-ready
{
	left: 50%;
	width: 50%;
	box-shadow: 1px 0 25px rgba(30, 30, 30, 0.5);
}

#detailinfo .animation-ready.toggle-attachment-preview + div.animation-ready iframe
{
	width: 100%;
	height: 100%;
}

#detailinfo .horizontal .blank.attachment-pane
{
	left: 0;
	bottom: 50%;
}

#detailinfo .horizontal .toggle-attachment-preview
{
	top: 50%;
	right: 0;
}

.horizontal-divider,
.vertical-divider
{
	width: 44px;
	height: 44px;
	display: block;
	position: relative;
}

.vertical-divider
{
	height: auto;
	/*margin-left: -44px;*/
}

.horizontal-divider span,
.horizontal-divider span:before,
.horizontal-divider span:after,
.vertical-divider span,
.vertical-divider span:before,
.vertical-divider span:after
{
	display: inline-block;
	position: absolute;
	border-radius: 2px;
	box-shadow: -1px 0 2px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.5) inset;
	-ms-box-shadow: -1px 0 2px rgba(0, 0, 0, 0.5) inset;
}

.horizontal-divider span,
.horizontal-divider span:before,
.horizontal-divider span:after
{
	left: 50%;
	top: 0;
	width: 4px;
	height: 60%;
	margin-left: -2px;
	margin-top: 20%;
}

.vertical-divider span,
.vertical-divider span:before,
.vertical-divider span:after
{
	top: 50%;
	left: 0;
	height: 4px;
	width: 60%;
	margin-top: -2px;
	margin-left: 20%;
}

.horizontal-divider span:before,
.horizontal-divider span:after,
.vertical-divider span:before,
.vertical-divider span:after
{
	content: "";
	margin: 0;
}

.horizontal-divider span:before,
.horizontal-divider span:after
{
	height: 100%;
}

.horizontal-divider span:before
{
	left: -150%;
}

.horizontal-divider span:after
{
	left: 150%;
}

.vertical-divider span:before,
.vertical-divider span:after
{
	width: 100%;
}

.vertical-divider span:before
{
	top: -150%;
}

.vertical-divider span:after
{
	top: 150%;
}

#leftlisttoolbar, #leftdetailtoolbar
{
	margin-left: 44px;
}

#rightlisttoolbar a
{
}

.t70
{
	width: 700px !important;
}

.t60
{
	width: 600px !important;
}

.t50
{
	width: 500px !important;
}

.t40
{
	width: 400px !important;
}

.t30
{
	width: 300px !important;
}

.t20
{
	width: 200px !important;
}

.t15
{
	width: 150px !important;
}

.t12
{
	width: 120px !important;
}

.t10
{
	width: 100px !important;
}

.t08
{
	width: 80px !important;
}

.t05
{
	width: 50px !important;
}

.half
{
	width: 50% !important;
}

.fifth
{
	width: 20% !important;
}

.four-fifth
{
	width: 80% !important;
}

.quarter
{
	width: 25% !important;
}

.three-quarter
{
	width: 75% !important;
}

.third
{
	width: 33.33% !important;
}

.two-third
{
	width: 66.66% !important;
}

.toolbar-separator.three-icon-spacing
{
	width: 21.5% !important;
}

.double-underline,
.lastname
{
	text-decoration-line: underline;
	text-decoration-style: double;
	padding-right: 5px;
}

.wavy-underline
{
	text-decoration-line: underline;
	text-decoration-style: wavy;
	padding-right: 5px;
}

.lastname
{
	text-transform: uppercase;
	font-weight: bold;
}

span.subitem-indicator
{
	padding: 2px 5px;
	border-radius: 1.35em;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
	-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
	color: #f0f0f0;
	background-color: #6173A3;
	width: auto !important;
	text-align: center;
	vertical-align: middle;
	line-height: 1.05em;
	position: absolute;
	top: 0;
	right: 5px;
	min-width: 20px;
}

span.subitem-red-indicator
{
	background: #f2825b;
	background: -moz-linear-gradient(top, #f2825b 0%, #cc0000 50%, #990000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2825b), color-stop(50%,#cc0000), color-stop(100%,#990000));
	background: -webkit-linear-gradient(top, #f2825b 0%,#cc0000 50%,#990000 100%);
	background: -o-linear-gradient(top, #f2825b 0%,#cc0000 50%,#990000 100%);
	background: -ms-linear-gradient(top, #f2825b 0%,#cc0000 50%,#990000 100%);
	background: linear-gradient(top, #f2825b 0%,#cc0000 50%,#990000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2825b', endColorstr='#990000',GradientType=0 );
}

span.subitem-green-indicator
{
	background: #8fc400;
	background: -moz-linear-gradient(top, #8fc400 0%, #627d4d 50%, #1f3b08 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fc400), color-stop(50%,#627d4d), color-stop(100%,#1f3b08));
	background: -webkit-linear-gradient(top, #8fc400 0%,#627d4d 50%,#1f3b08 100%);
	background: -o-linear-gradient(top, #8fc400 0%,#627d4d 50%,#1f3b08 100%);
	background: -ms-linear-gradient(top, #8fc400 0%,#627d4d 50%,#1f3b08 100%);
	background: linear-gradient(top, #8fc400 0%,#627d4d 50%,#1f3b08 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#1f3b08',GradientType=0 );
}

span.subitem-grey-indicator
{
	color: #000;
	background: rgb(245,246,246);
	background: -moz-linear-gradient(top, rgba(245,246,246,1) 0%, rgba(219,220,226,1) 21%, rgba(184,186,198,1) 49%, rgba(221,223,227,1) 80%, rgba(245,246,246,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,246,246,1)), color-stop(21%,rgba(219,220,226,1)), color-stop(49%,rgba(184,186,198,1)), color-stop(80%,rgba(221,223,227,1)), color-stop(100%,rgba(245,246,246,1)));
	background: -webkit-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
	background: -o-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
	background: linear-gradient(top, rgba(245,246,246,1) 0%,rgba(219,220,226,1) 21%,rgba(184,186,198,1) 49%,rgba(221,223,227,1) 80%,rgba(245,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );
}

span.subitem-indicator.completion-indicator
{
	height: 20px;
	width: 20px;
	padding: 0;
	right: 10px;
}

span.subitem-indicator.completion-indicator > span
{
	width: 0;
	height: 16px;
	top: 2px;
	border-radius: 1.35em;
	position: absolute;
	display: block;
	right: 2px;
	background: #fff;
}

span.subitem-indicator.completion-indicator.half > span
{
	width: 8px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

span.subitem-indicator.completion-indicator.hollow > span
{
	width: 16px;
}

span.right-indicator
{
	position: absolute !important;
	right: 5px;
	top: 2px;
}

.total-indicator
{
	margin-right: 5px;
}

.total-indicator span
{
	padding: 2px 8px;
	border-radius: 1.35em;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
	-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5) inset;
	background-color: rgb(44,83,158);
	color: #f0f0f0;
	text-align: center;
	vertical-align: middle;
}

.load-more
{
	height: 60px;
	text-align: center;
	vertical-align: middle;
	line-height: 60px !important;
	padding: 0 !important;
}

.load-more a
{
	display: block;
}

.load-more a > span
{
	padding: 0 !important;
}

.load-more center
{
	font-weight: bold;
}

.pane .footer-bar > div.left a.background-button,
.pane .footer-bar > div.right a.background-button,
.pane footer > div.left a.background-button,
.pane footer > div.right a.background-button
{
	margin-right: -22px;
}

a.background-button, span.toolbar-separator
{
	width: 44px;
	height: 44px;
	display: inline-block;
	float: left;
}

span.toolbar-separator
{
	margin-right: -22px;
	margin-left: 22px;
}

a.background-button
{
	font-size: 28px;
	line-height: 44px;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
}

a.background-button:hover
{
	background: -moz-radial-gradient(center center, circle, rgba(255, 255, 255, 1.0) 20%, rgba(255, 255, 255, 0.35) 40%, rgba(255, 255, 255, 0.0) 75%);
	background: -webkit-radial-gradient(center center, circle, rgba(255, 255, 255, 1.0) 20%, rgba(255, 255, 255, 0.35) 40%, rgba(255, 255, 255, 0.0) 65%);
	background: -o-radial-gradient(center center, circle, rgba(255, 255, 255, 1.0) 20%, rgba(255, 255, 255, 0.35) 40%, rgba(255, 255, 255, 0.0) 65%);
	background: -ms-radial-gradient(center center, circle, rgba(255, 255, 255, 1.0) 20%, rgba(255, 255, 255, 0.35) 40%, rgba(255, 255, 255, 0.0) 65%);
	background: radial-gradient(center center, circle, rgba(255, 255, 255, 1.0) 20%, rgba(255, 255, 255, 0.35) 40%, rgba(255, 255, 255, 0.0) 65%);
}

a.background-button:before
{
	line-height: 44px;
	/*vertical-align: middle;*/
}

a.background-button > span
{
	display: block;
	/**
	width: 100%;
	height: 100%;
	**/
}

.footer-bar div.left .footer-wrapper span.toolbar-separator:first-child
{
	margin-left: 0;
}

.footer-bar div.right .footer-wrapper > .background-button:first-child
{
	margin-left: -22px;
}

.small-down-arrow-indicator
{
	position: relative;
}

.small-down-arrow-indicator::after
{
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #fefefe;
	content: " ";
	position: absolute;
	right: 0px;
	top: 50%;
	width: 0;
	margin-top: -4px;
}

a.plus > span
{
	background: url("../images/icon/05-plus.png") no-repeat center center;
}

a.minus > span
{
	background: url("../images/icon/45-minus.png") no-repeat center center;
}

a.compose > span
{
	background: url("../images/icon/216-compose.png") no-repeat center center;
}

a.trashcan > span
{
	background: url("../images/icon/217-trash.png") no-repeat center center;
}

a.magnify > span
{
	background: url("../images/icon/06-magnify.png") no-repeat center center;
}

a.reload > span
{
	background: url("../images/icon/02-redo.png") no-repeat center center;
}

a.print > span
{
	background: url("../images/icon/185-printer.png") no-repeat center center;
}

a.sendmail > span
{
	background: url("../images/icon/245-paperairplane.png") no-repeat center center;
}

a.select > span
{
	background: url("../images/icon/41539-select.png") no-repeat center center;
}

a.cancel
{
	position: relative;
}

a.cancel:before, a.cancel:after
{
	position: absolute;
	display: block;
	background-color: #565656;
	border-radius: 1.35em;
	content: '';

	width: 60%;
	height: 3.5px;
	top: 50%;
	margin-top: 0px;
	left: 20%;
}

a.cancel:before
{
	transform: rotate(45deg);
}

a.cancel:after
{
	transform: rotate(-45deg);
}

a.icon-history,
a.icon-download-alt
{
	position: relative;
}

a.icon-history > span,
a.icon-download-alt > span
{
	line-height: 18px;
	height: 18px;
	border-radius: 1.35em;
	bottom: 3px;
	font-size: 14px;
	position: absolute;
	right: 0;
	background: rgba(255, 255, 255, 0.8);
	min-width: 1.5em;
}

a.icon-download-alt > span:not(:empty)
{
	padding: 0 0.25em;
	min-width: 18px;
}

.search-box
{
	padding: 8px 5px;
	background-color: #e0e0e0;
	border-bottom: 1px solid #cfcfcf;
	margin-top: -8px;
	position: relative;
	box-shadow: 0 1px 2px #909090;
}

.content .search-box + *
{
	min-height: 100%;
}

.content .search-box + .blank
{
	top: 49px;
}

div.select-list-wrapper div.search-border,
.search-border
{
	background-color: #ffffff;
	display: block;
	height: 24px;
	min-height: 24px;
	/* border: solid 1px #999; */
	box-shadow: 0 3px 4px #9f9f9f inset, 0 1px 1px 0 #c0c0c0;
	-webkit-box-shadow: 0 3px 4px #9f9f9f inset, 0 1px 1px 0 #c0c0c0;
	-ms-box-shadow: 0 3px 4px #9f9f9f inset, 0 1px 1px 0 #c0c0c0;
	border-radius: 1.35em;
	-moz-border-radius: 1.35em;
	-webkit-border-radius: 1.35em;
	margin: 8px 3px 0 0;
	overflow: hidden;
	position: relative;
}

div.select-list-wrapper div.search-border
{
	margin: 4px 3px 8px;
	padding-left: 10px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

div.select-list-wrapper div.search-border > div,
.search-border > div
{
	left: 25px;
	top: 0;
	right: 2px;
	float: left;
	position: absolute;
	min-height: 0;
}

.search-border button
{
	background: transparent;
	width: 24px;
	height: 24px;
	border: none;
	position: relative;
	left: 0;
	top: 0;
	float: left;
	padding-left: 3px;
}

.search-border button:before
{
	font-size: 22px;
	margin: 0;
}

.search-border + label
{
	vertical-align: top;
	display: inline-block;
	margin: 10px 0 0 5px;
}


.search-box form:has(input[type="checkbox"][expand-ids]) label.icon-filter > span:nth-child(1),
.search-box form:has(input[type="checkbox"][expand-ids]:checked) label.icon-filter > span:nth-child(2)
{
	display: inline;
}

.search-box form:has(input[type="checkbox"][expand-ids]:checked) label.icon-filter > span:nth-child(1),
.search-box form:has(input[type="checkbox"][expand-ids]) label.icon-filter > span:nth-child(2)
{
	display: none;
}


.listing .search-border
{
	display: inline-block;
	width: calc(100% - 53px);
}



div.select-list-wrapper div.search-border > div input,
.search-border input
{
	width: 100%;
	margin: 0 !important;
	padding: 3px 0 3px 3px;
}

.search-border a,
.input-text-clear,
.row-clear-button
{
	width: 18px;
	height: 18px;
	float: right;
	display: inline-block;
	margin: 3px 3px 0 0;
	border-radius: 9px;
	background-color: #afafaf;
	color: #fff;
	position: relative;
	right: 0;
	top: -24px;
}

.search-border a:before,
.input-text-clear:before,
.row-clear-button span:before
{
	content: "\D7";
	display: block;
	text-align: center;
	width: 19px;
	font-size: 18px;
	line-height: 18px;
	font-family: "Helvetica Neue", Consolas, Verdana, Tahoma, Calibri, Helvetica, Menlo, "Droid Sans", sans-serif;
	position: absolute;
	right: -1px;
	top: -2px;
}

.row-clear-button span:before
{
	width: 20px;
	font-size: 20px;
	line-height: 20px;
	top: 0px;
	left: 3.5px;
	color: #ba0000;
}

.row-clear-button:hover span:before
{
	color: #ffffff;
}

.input-text-clear,
.row-clear-button
{
	top: 50%;
	margin-top: -8px;
	position: absolute;
}

.row-clear-button
{
	width: 26px;
	height: 26px;
	border-radius: 13px;
	right: -38px;
	margin-top: -13px;
	background-color: transparent;
}

.row-clear-button:hover
{
	box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1), 2px 2px 3px rgba(0, 0, 0, 0.5);
}

.table-listing li .row-clear-button span,
.row-clear-button span
{
	display: block;
	width: 20px;
	height: 20px;
	margin: 3px auto;
	border-radius: 10px;
	padding: 0 !important;
	position: static;
}

div.signage
{
	position: absolute;
	font: bold 96px Helvetica;
	opacity: 0.7;
	top: 20%;
	text-align: center;
	left: 0;
	right: 0;
}

div.signage > div
{
	padding: 10px 10px 0;
	display: inline-block;
	position: static;
	border-radius: 15px;
	border-width: 15px;
	border-style: solid;
	transform: rotate(-30deg);
}

div.signage.red
{
	border-color: #ffa5a5;
	color: #ffa5a5;
}

div.signage.red span
{
	border-bottom-width: 15px;
	border-bottom-style: solid;
}

div.signage.red p
{
	padding-top: 20px;
}

.table-listing li input + .canceled,
.table-listing li input:checked + .canceled span.subitem-indicator
{
	background-color: #ffa5a5;
}

.table-listing li input:checked + .canceled span.subitem-indicator
{
	color: #333;
}

.standard-paper-width
{
	min-width: 502px;
	padding: 50px 50px 45px;
}

.blank.standard-paper-width
{
	bottom: auto;
}

.standard-paper-width .full-width
{
	width: 498px;
}

.bigger-paper-width
{
	min-width: 722px !important;
}

div.table-top
{
	background-color: #ddd;
}

.paper-effect
{
	position: relative;
	padding: 40px;
	margin: 10px auto 50px;
	min-height: 500px;
	background-color: #fff;
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-transition: all 1.5s ease-in-out 0s;
	-webkit-transition: all 1.5s ease-in-out 0s;
	-o-transition: all 1.5s ease-in-out 0s;
	-ms-transition: all 1.5s ease-in-out 0s;
	transition: all 1.5s ease-in-out 0s;
}

.paper-effect:before, .paper-effect:after
{
	position: absolute;
	width: 40%;
	height: 10px;
	content: ' ';
	left: 12px;
	bottom: 12px;
	z-index: -10;
	background: transparent;
	-webkit-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skew(-5deg) rotate(-5deg);
	-moz-transform: skewX(-5deg) rotate(-5deg);
	-ms-transform: skew(-5deg) rotate(-5deg);
	-o-transform: skew(-5deg) rotate(-5deg);
	transform: skew(-5deg) rotate(-5deg);
	-webkit-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 15px 12px rgba(0, 0, 0, 0.3);
	box-shadow: 0 15px 12px rgba(0, 0, 0, 0.3);
}

.paper-effect:after
{
	left: auto;
	right: 12px;
	-webkit-transform: skew(5deg) rotate(5deg);
	-moz-transform: skew(5deg) rotate(5deg);
	-moz-transform: skewX(5deg) rotate(5deg);
	-ms-transform: skew(5deg) rotate(5deg);
	-o-transform: skew(5deg) rotate(5deg);
	transform: skew(5deg) rotate(5deg);
}

.mail-envelope
{
	background-image: -moz-repeating-linear-gradient(135deg, #844049, #844049,
							#ffffff 50px, #ffffff 100px,
							#3e4996 100px, #3e4996,
							#ffffff 150px, #ffffff 200px);
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(5%, #fff), color-stop(5%, #fff),
						color-stop(15%, #844049), color-stop(15%, #fff),
						color-stop(25%, #fff), color-stop(25%, #fff),
						color-stop(35%, #3E4996), color-stop(35%, #fff ),
						color-stop(45%, #fff), color-stop(45%, #fff),
						color-stop(55%, #844049), color-stop(55%, #fff),
						color-stop(65%, #fff), color-stop(65%, #fff),
						color-stop(75%, #3E4996), color-stop(75%, #fff ),
						color-stop(85%, #fff), color-stop(85%, #fff),
						color-stop(95%, #844049), color-stop(95%, #fff)
	);

	background-image: -webkit-repeating-linear-gradient(135deg,#844049,#844049,
										#fff 50px, #fff 100px,
										#3e4996 100px, #3e4996,
										#fff 150px, #fff 200px);

	background-image: -o-repeating-linear-gradient(135deg,#844049,#844049,
										#fff 50px, #fff 100px,
										#3e4996 100px, #3e4996,
										#fff 150px, #fff 200px);

	background-image: -ms-repeating-linear-gradient(135deg,#844049,#844049,
										#fff 50px, #fff 100px,
										#3e4996 100px, #3e4996,
										#fff 150px, #fff 200px);

	background-image: repeating-linear-gradient(135deg,#844049,#844049,
									     #fff 50px, #fff 100px,
									     #3e4996 100px, #3e4996,
									     #fff 150px, #fff 200px);
	padding: 3px;
}

#detailinfo .mail-envelope > div
{
	position: relative;
}

#detailinfo .mail-envelope > div.thick-padding
{
	padding: 47px 42px 42px;
}

div.content.no-scrollbar
{
	overflow: hidden !important;
}

.delete-effect:before,
.delete-effect:after {
	box-shadow: none;
}

.delete-effect
{
	transform-origin: 90% 110% 0;
	-webkit-transform: scale(0.1) translateY(100%);
	-moz-transform: scale(0.1) translateY(100%);
	-ms-transform: scale(0.1) translateY(100%);
	-o-transform: scale(0.1) translateY(100%);
	transform: scale(0.1) translateY(100%);

	transition: all 0.8s ease-in 0s;
}

.round-border,
.round-border.inside-li > li,
.accordion
{
	border-radius: 10px;
	border: solid 1px #e0e0e0;
	box-shadow: 0 1px 1px #fefefe;
	margin-bottom: 5px;
}

div.select-list-wrapper ul li,
.clean-layout li
/*.round-border li*/
{
	border-bottom: solid 1px #e0e0e0;
/*	overflow: hidden;*/
	background-color: #fff;
}

.round-border.inside-li
{
	border: none;
	box-shadow: 0 0;
}

.row-selected,
.accordion input[type="checkbox"]:checked + ul
{
	border: solid 2px rgba(119, 144, 255, 0.8);
}

/* place this rule after .round-border li */
.menu-wrapper li
{
	white-space: nowrap;
/*	border-top: solid 1px #ffffff; */
	border-bottom: solid 1px #cfcfcf;
	position: relative;
}

.round-border li:first-child,
.round-border li:first-child > *:first-child,
.accordion .accordion-toggle:first-child,
.accordion .accordion-toggle:first-child *:first-child,

.horizontal-tab-wrapper .horizontal-tabs li:first-child label
{
	border-top-left-radius: 10px;
}

.round-border li:first-child,
.round-border li:first-child > *:last-child,
.accordion .accordion-toggle:first-child,
.accordion .accordion-toggle:first-child *:last-child,

.horizontal-tab-wrapper .horizontal-tabs li:last-child label
{
	border-top-right-radius: 10px;
}

.round-border li:last-child,
.accordion .accordion-toggle:last-child
{
	border-bottom: none;
}

.round-border li:last-child,
.round-border li:last-child > *:first-child,
.round-border li.last-row,
.round-border li:last-child > *:last-child > *:first-child,
/*.round-border li:last-child > span,*/
.accordion .accordion-toggle:last-child,
.accordion .accordion-toggle:last-child *:first-child,

.horizontal-tab-wrapper .horizontal-tabs li:first-child label
{
	border-bottom-left-radius: 10px;
}

.round-border li:last-child,
.round-border li:last-child > *:last-child,
.round-border li:last-child > *:nth-last-child(2),
.round-border li.last-row,
.round-border li:last-child > *:last-child > *:last-child,
/*.round-border li:last-child > span,*/
.accordion .accordion-toggle:last-child,
.accordion .accordion-toggle:last-child *:last-child,

.horizontal-tab-wrapper .horizontal-tabs li:last-child label
{
	border-bottom-right-radius: 10px;
}

.timeline > .horizontal-tabs,
.timeline > .vertical-tabs
{
	border: none;
	border-radius: 0;
	box-shadow: 0 0;
	margin-top: 50px;
	margin-bottom: 20px;
}

.timeline > .vertical-tabs
{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 25%;
}

.timeline.vertical-tab-wrapper
{
	position: relative;
}

.timeline > ul.clean-layout.horizontal-tabs > li,
.timeline.horizontal-tab-wrapper > input[type="radio"] ~ .horizontal-tabs label,
.timeline.horizontal-tab-wrapper > input[type="checkbox"] ~ .horizontal-tabs label,

/* .timeline > ul.clean-layout.vertical-tabs > li, */
.timeline.vertical-tab-wrapper > input[type="radio"] ~ .vertical-tabs label,
.timeline.vertical-tab-wrapper > input[type="checkbox"] ~ .vertical-tabs label
{
	background: transparent;
	color: #6f6f6f;
	text-shadow: 1px 1px 1px #fff;
	overflow: visible;
	line-height: normal;
	white-space: normal;
	height: 38px;
}

.timeline.vertical-tab-wrapper > input[type="radio"] ~ .vertical-tabs label,
.timeline.vertical-tab-wrapper > input[type="checkbox"] ~ .vertical-tabs label
{
	width: 38px;
}

.timeline > .horizontal-tabs li > div,
.timeline > .vertical-tabs li > div
{
	border-left: none;
}

.timeline > .horizontal-tabs li > div::before
{
	background: #666;
	content: '';
	height: 5px;
	position: absolute;
	top: 9px;
	left: 0;
	right: 0;
}

.timeline > .horizontal-tabs li:first-child > div::before
{
	left: 50%;
	right: 0;
}

.timeline > .horizontal-tabs li:last-child > div::before
{
	left: 0;
	right: 50%;
}

.timeline > .horizontal-tabs li .cw
{
	bottom: 44px;
	top: -44px;
}

.timeline > .vertical-tabs li:first-child > div::before
{
	top: 50%;
	bottom: 0;
}

.timeline > .vertical-tabs li:last-child > div::before
{
	top: 0;
	bottom: 50%;
}

.timeline > .vertical-tabs li
{
	position: relative;
	padding-left: 20px;
	padding-bottom: 50px;
}

.timeline > .vertical-tabs li:before
{
	border-left: solid 5px #6f6f6f;
	bottom: -7px;
	content: '';
	left: 0;
	position: absolute;
	top: 30px;
}

.timeline > .vertical-tabs li:last-child:before
{
	border-left: none;
}

.timeline > .vertical-tabs li timestamp
{
	position: absolute;
	left: -30%;
	right: 100%;
	margin-right: 20px;
	text-align: right;
	top: 0;
	margin-top: 10px;
}

.timeline > .vertical-tabs li timestamp date,
.timeline > .vertical-tabs li timestamp time
{
	display: block;
	color: #afafaf;
}

.timeline > .vertical-tabs li timestamp date
{
	font-size: 1.2em;
	margin-top: -0.2em;
}

.timeline > .vertical-tabs li .detail
{
	margin-left: 30px;
	margin-top: -5px;
}




#profile-list li
{
/*	border-top-color: #cfcfcf; */
	border-top: none;
	border-bottom-color: #303030;
	text-shadow: -1px -1px 1px #202020;
}

#profile-list ul.level-2
{
	border-color: #666666;
}

#profile-list > ul > li > label:first-child > span
{
	border-top: none;
}

#profile-list > ul > li:last-child
{
	border-bottom: none;
}

#credits
{
	position: absolute;
	bottom: 5px;
	height: auto;
	left: 0;
	right: 0;
	font-size: 10px;
	font-weight: normal;
	color: #a0a0a0;
	text-shadow: 1px 1px 1px #000;
	text-align: center;
}

.clean-layout li div,
.table-listing li div
{
	border-left: solid 1px #e0e0e0;
	margin-right: -1px;
	padding: 0;
	line-height: 20px;
	position: relative;
}

.clean-layout li h1
{
	margin: 3px 0 10px 4px;
}

.clean-layout li img
{
	max-width: 100%;
}

.table-listing li div.cw,
.clean-layout li div.cw
{
	position: absolute;
	top: 4px;
	left: 4px;
	right: 4px;
	bottom: 4px;
	border-left: 0 none;
	margin-right: 0;
}

.clean-layout li div
{
	min-height: 38px;
}

.clean-layout li div.cw
{
	min-height: 30px;
}

.table-listing a[visible="1"] + .cw,
.clean-layout a[visible="1"] + .cw
{
	margin-right: 18px;
}

.table-listing .cw > input[type="text"],
.table-listing .cw > input[type="password"],
.table-listing .cw > input[type="email"],
.table-listing .cw > input[type="number"],
.table-listing .cw > input[type="tel"],
/*.table-listing .cw > select,*/
.table-listing .cw > textarea,
.table-listing .cw > label,
.clean-layout .cw > input[type="text"],
.clean-layout .cw > input[type="password"],
.clean-layout .cw > input[type="email"],
.clean-layout .cw > input[type="number"],
.clean-layout .cw > input[type="tel"],
/*.clean-layout .cw > select,*/
.clean-layout .cw > textarea,
.clean-layout .cw > label,
div.hidden-textarea
{
	width: 100%;
	margin: 0;
	padding: 0;
	background: transparent;
}

.table-listing .cw input:disabled + label,
.table-listing .cw textarea:disabled + label,
.clean-layout .cw input:disabled + label,
.clean-layout .cw textarea:disabled + label,

.table-listing .cw input:read-only,
.table-listing .cw input:not(.sf-input-calendar):not(.sf-input-range-calendar):not(.sf-input-time):read-only,
.table-listing .cw textarea:read-only,
.clean-layout .cw input:read-only,
.clean-layout .cw input:not(.sf-input-calendar):not(.sf-input-range-calendar):not(.sf-input-time):read-only,
.clean-layout .cw textarea:read-only
{
	color: #f0f0f0;
}

.table-listing .cw > input:not(.sf-input-calendar):not(.sf-input-range-calendar):not(.sf-input-time):read-only + label,
.table-listing .cw > textarea:read-only + label,
.clean-layout .cw > input:not(.sf-input-calendar):not(.sf-input-range-calendar):not(.sf-input-time):read-only + label,
.clean-layout .cw > textarea:read-only + label
{
	display: none;
}

.table-listing .cw input:not(.sf-input-calendar):not(.sf-input-range-calendar):not(.sf-input-time):-moz-read-only,
.table-listing .cw textarea:-moz-read-only,
.clean-layout .cw input:not(.sf-input-calendar):not(.sf-input-range-calendar):not(.sf-input-time):-moz-read-only,
.clean-layout .cw textarea:-moz-read-only
{
	color: #f0f0f0;
}

.table-listing .cw > input:not(.sf-input-calendar):not(.sf-input-range-calendar):not(.sf-input-time):-moz-read-only + label,
.table-listing .cw > textarea:-moz-read-only + label,
.clean-layout .cw > input:not(.sf-input-calendar):not(.sf-input-range-calendar):not(.sf-input-time):-moz-read-only + label,
.clean-layout .cw > textarea:-moz-read-only + label
{
	display: none;
}

/**
.table-listing .cw > input[type="text"],
.table-listing .cw > input[type="password"],
.clean-layout .cw > input[type="text"],
.clean-layout .cw > input[type="password"],
**/
.table-listing .cw > textarea,
.clean-layout .cw > textarea,
.clean-layout li div.hidden-textarea
{
	line-height: 25px;
}

.clean-layout li div.hidden-textarea br
{
	height: auto;
}

.table-listing .cw > input[type="text"],
.table-listing .cw > input[type="password"],
.table-listing .cw > input[type="number"],
.table-listing .cw > input[type="email"],
.table-listing .cw > input[type="tel"],
.table-listing .cw > label,
.clean-layout .cw > input[type="text"],
.clean-layout .cw > input[type="password"],
.clean-layout .cw > input[type="email"],
.clean-layout .cw > input[type="number"],
.clean-layout .cw > input[type="tel"],
.clean-layout .cw > label
{
	padding-top: 3px;
}

.clean-layout li span.label,
.clean-layout li input[type="text"],
.clean-layout li input[type="password"],
.clean-layout li input[type="email"],
.clean-layout li input[type="number"],
.clean-layout li input[type="tel"],
.clean-layout li select,
.clean-layout li label,
.clean-layout li p.slide-checkbox
{
	height: 24px;
	line-height: 24px;
}

.clean-layout li input[type="password"],
.table-listing li input[type="password"]
{
	letter-spacing: 5px;
}

.clean-layout li input[type="password"] + label,
.clean-layout li input[type="password"] + span
{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	line-height: 30px;
	height: 100%;
	width: 100%;
	z-index: 0;
	cursor: text;
}

.clean-layout li input[type="text"]:focus + label,
.clean-layout li input[type="email"]:focus + label,
.clean-layout li input[type="number"]:focus + label,
.clean-layout li input[type="tel"]:focus + label,
.clean-layout li input[type="password"]:focus + label,
.clean-layout li input[type="password"]:focus + span
{
	z-index: 0;
}

.clean-layout li input[type="text"]:focus + label,
.clean-layout li input[type="email"]:focus + label,
.clean-layout li input[type="number"]:focus + label,
.clean-layout li input[type="tel"]:focus + label,
.clean-layout li input[type="password"]:focus + label,
.clean-layout li input[type="password"]:focus + span,
.clean-layout li textarea:focus + label
{
/*	transform: translate(0px, 30px);*/
	color: #fefefe;
	overflow: visible;
	padding: 1px 5px 0;
	transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0s ease-in-out 0s;
	z-index: 2 !important;
	font-weight: normal;
	font-size: 0.85em;
	display: inline-block;
	width: auto;
	height: 20px;
	line-height: 20px;
	right: auto;
	top: 100%;
	margin-top: -5px;

	border: 1px solid rgba(0, 0, 0, 0.75);
	border-bottom: 3px solid rgba(0,0,0,0.5);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background: rgba(0, 0, 0, 0.45);

	box-shadow: 0 2px 8px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.5),
		inset 0 1px rgba(255,255,255,0.3),
		inset 0 10px rgba(255,255,255,0.2),
		inset 0 10px 20px rgba(255,255,255,0.25),
		inset 0 -15px 30px rgba(0,0,0,0.3);

	text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
	letter-spacing: 0.15em;
}

.clean-layout li .label-up:focus + label,
.clean-layout li input.calendar-handler-top-left:focus + label,
.clean-layout li input.calendar-handler-top-center:focus + label,
.clean-layout li input.calendar-handler-top-right:focus + label
{
	top: -100%;
}

.clean-layout li input[type="text"]:focus + label::before,
.clean-layout li input[type="email"]:focus + label::before,
.clean-layout li input[type="number"]:focus + label::before,
.clean-layout li input[type="tel"]:focus + label::before,
.clean-layout li input[type="password"]:focus + label::before,
.clean-layout li input[type="password"]:focus + span::before,
.clean-layout li textarea:focus + label::before
{
	background: rgba(255, 255, 255, 0.5);
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	filter: blur(10px);
	right: 0;
	bottom: 0;
}

.clean-layout li input[type="text"],
.clean-layout li input[type="email"],
.clean-layout li input[type="number"],
.clean-layout li input[type="tel"],
.clean-layout li select,
.clean-layout li p.slide-checkbox
{
	margin: 4px;
}

.table-listing .cw label,
.clean-layout .cw label
{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	cursor: text;
}

.table-listing .ar .cw label,
.clean-layout .ar .cw label
{
	padding-left: 0;
	padding-right: 2px;
}

.clean-layout li p.slide-checkbox
{
	margin: 2px 4px;
	float: right;
}

.clean-layout li select
{
	height: 30px;
	line-height: 30px;
	background: transparent;
}

.clean-layout li span.label,
.clean-layout li a.label
{
	display: inline-block;
	padding: 3px 0;
}

.clean-layout li span.label.long-line
{
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.clean-layout li span.sf-auto-adjust-height
{
	display: block;
	height: auto;
}

.clean-layout li span.text
{
	padding: 3px;
	display: inline-block;
}

.clean-layout li .first-column
{
	width: 22%;
	position: relative;
}

.clean-layout li .second-column
{
	width: 77.5%;
	position: relative;
}

.clean-layout li .rest,
.table-listing li .rest
{
	overflow: hidden;
}

.clean-layout li > div.right
{
	text-align: left;
}

.clean-layout li div.border-top,
.clean-layout li div.border-bottom,
.clean-layout li div.border-right
{
	border-left: none;
	margin-right: 0;
}

.clean-layout li div.border-top
{
	border-top: solid 1px #e0e0e0;
}

.clean-layout li div.border-bottom
{
	border-bottom: solid 1px #e0e0e0;
}

.clean-layout li div.border-right
{
	border-right: solid 1px #e0e0e0;
	margin-right: -1px;
}

.clean-layout li div.title
{
	font-size: 1.6em;
	height: 1.6em;
}

.clean-layout li div.title input,
.clean-layout li div.title select
{
	font-size: 1.0em;
	height: 1.3em;
}

.clean-layout li select.title
{
	margin: 4px auto;
}

.clean-layout li textarea.initial-height
{
	/* height: 100px; */
}

.clean-layout li div.hidden-textarea
{
	white-space: pre-wrap;
	word-wrap: break-word;
	height: auto;
	min-height: 0;
	visibility: hidden;
	border: none;
	display: none;
}

.table-listing li
{
	border-bottom: solid 1px #e0e0e0;
	background-image: -moz-linear-gradient(top, rgba(255,255,255, 0.3) 50%, rgba(255,255,255,0.9));
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(50%, rgba(255,255,255, 0.3)), color-stop(100%, rgba(255,255,255,0.9)));
	background-image: -webkit-linear-gradient(top, rgba(255,255,255, 0.3) 50%, rgba(255,255,255,0.9) 100%);
	position: relative;
}

.table-listing li label > span,
.table-listing li p > span,
.table-listing li a > span
{
	position: relative;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-right: 65px;
	min-height: 15px;
}

.table-listing li label > span:nth-child(n+4)
{
	color: #efefef;
}

.table-listing li label span.detail-text
{
	line-height: normal;
	font-size: 0.9em;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	 white-space: normal;
}

.table-listing li label span.detail-text.two-line
{
	-webkit-line-clamp: 2;
}

.table-listing li label span.detail-text.three-line
{
	-webkit-line-clamp: 3;
}

.table-listing li label span.detail-text.four-line
{
	-webkit-line-clamp: 4;
}

.table-listing div.li-wrapper
{
	padding: 3px 0 5px 5px;
}

.table-listing div.li-wrapper.treeview-handler:after,
.table-listing div.li-wrapper.treeview-last:before
{
	content: ' ';
	display: block;
	height: 0;
	width: 0;
	border: none;
	border-width: 7px;
	border-style: solid;
	position: absolute;
	bottom: 0px;
}

.table-listing div.li-wrapper.treeview-handler:after
{
	border-color: transparent transparent rgb(224, 224, 224) rgb(224, 224, 224);
	left: 0;
}

.table-listing div.li-wrapper.treeview-last:before
{
	border-color: transparent transparent rgb(255, 255, 255) rgb(255, 255, 255);
	left: -14px;
}

.table-listing input[type="radio"]:checked + div.li-wrapper,
.table-listing input[type="checkbox"]:checked + div.li-wrapper,
.clean-layout li div.select-list-wrapper ul li.selected,
div.select-list-wrapper ul li.selected,
div.selectmenu ul li:hover, div.selectmenu ul li.highlighted-row,
.sf-time .time_wrapper ul li.selected,
.accordion input[type="checkbox"]:checked + ul > li:first-child
{
	color: #fefefe;
	background: rgb(64,150,238); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(66, 142, 237, 1) 0%, rgba(20, 91, 172, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66, 142, 237, 1)), color-stop(100%,rgba(20, 91, 172, 1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(66, 142, 237, 1) 0%,rgba(20, 91, 172, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(66, 142, 237, 1) 0%,rgba(20, 91, 172, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(66, 142, 237, 1) 0%,rgba(20, 91, 172, 1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(66, 142, 237, 1) 0%,rgba(20, 91, 172, 1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#428EED', endColorstr='#145BAC',GradientType=0 ); /* IE6-9 */
}

.table-listing input[type="radio"]:checked + div.li-wrapper .history-change-one,
.table-listing input[type="radio"]:checked + div.li-wrapper .history-change-two,
.table-listing input[type="radio"]:checked + div.li-wrapper .history-change-three,
.table-listing input[type="checkbox"]:checked + div.li-wrapper .history-change-one,
.table-listing input[type="checkbox"]:checked + div.li-wrapper .history-change-two,
.table-listing input[type="checkbox"]:checked + div.li-wrapper .history-change-three,
.table-listing input[type="radio"]:checked + div.li-wrapper .history-change-one:before,
.table-listing input[type="radio"]:checked + div.li-wrapper .history-change-two:before,
.table-listing input[type="radio"]:checked + div.li-wrapper .history-change-three:before,
.table-listing input[type="checkbox"]:checked + div.li-wrapper .history-change-one:before,
.table-listing input[type="checkbox"]:checked + div.li-wrapper .history-change-two:before,
.table-listing input[type="checkbox"]:checked + div.li-wrapper .history-change-three:before
{
	border-color: #fefefe;
}

div.select-list-wrapper ul li.selected .informal,
.table-listing input[type="radio"]:checked + div.li-wrapper .blue,
.table-listing input[type="checkbox"]:checked + div.li-wrapper .blue
{
	color: #f0f0f0;
	text-shadow: none;
}

.table-listing li div.li-wrapper label > span:nth-child(n+4)
{
	color: #a0a0a0;
}

.table-listing li div.li-wrapper.canceled label > span:nth-child(n+4)
{
	color: #606060;
}

.table-listing input[type="radio"]:checked + div.li-wrapper label > span:nth-child(n+4),
.table-listing input[type="checkbox"]:checked + div.li-wrapper label > span:nth-child(n+4)
{
	color: #d7d7d7;
}

.table-listing li span.normal-wrap
{
	white-space: normal;
}

.title-text
{
	font-weight: bold;
	font-size: 1.05em;
	padding-top: 2px;
	padding-bottom: 5px;
	position: relative;
}

.table-listing .call-to-action::after {
	content: '';
	position: absolute;
	border-top: 3px solid #7f7f7f;
	border-right: 3px solid #7f7f7f;
	height: 6px;
	width: 6px;
	top: 50%;
	right: 12px;
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.table-listing input[type="radio"]:checked + div.li-wrapper .call-to-action::after,
.table-listing input[type="checkbox"]:checked + div.li-wrapper .call-to-action::after
{
	border-color: #f0f0f0;
}

.table-listing .call-to-action label > span,
.table-listing .call-to-action p > span,
.table-listing .call-to-action a > span {
	padding-right: 20px;
}

.alternate-row li:nth-child(2n+1):not(.header):not(.h):not(.f)
{
	background-color: #e5f9ff;
}

.alternate-row li
{
	border-bottom: none;
}

.clean-layout li.alt1,
.clean-layout li.alt2
{
	background-image: none;
}

.clean-layout li.alt2
{
	background-color: #D8E6FF;
}

.clean-layout li.h,
.clean-layout li.f,
.clean-layout li.h > div,
.clean-layout li.f > div
{
	background: #cfcfcf;
	height: 40px;
}

.clean-layout li.h > div,
.clean-layout li.f > div
{
	padding: 0;
	text-align: center;
	vertical-align: middle;
	line-height: 40px;
}

.clean-layout li.h div:before,
.clean-layout li.f div:before
{
	line-height: 40px;
}

.table-listing li div > span
{
	margin: 0;
	width: auto;
	display: inline-block;
	line-height: 30px;
}

.table-listing li > div
{
	position: relative;
}

/**
.clean-layout li div.out-left
.table-listing li div.left
{
	text-overflow: ellipsis;
	margin-left: -1px;
	border-left: solid 1px #e0e0e0;
	padding: 0;
	min-height: 38px;
	position: relative;
}
**/

.clean-layout li div.number,
.clean-layout li div.number input,
.clean-layout li div.ar
{
	text-align: right;
}

.clean-layout li div.number .cw > label,
.clean-layout li div.number .cw > span
{
	padding-right: 10px;
}

.table-listing li div.number .cw
{
	max-height: 30px;
}

.clean-layout li .field-wrapper {
	height: auto;
}

.table-listing li.normal-height,
.table-listing li.normal-height div,
.line1 li:not(:first-child):not(:last-child) > div
{
	height: 28px !important;
	line-height: 28px;
}

/*.lines2 li:not(:first-child) div div,*/
.lines2 li:not(:first-child):not(:last-child) > div,
.lines2 li div > div > span
{
	height: 44px !important;
}

.lines3 li:not(:first-child) > div > div,
.lines3 li:not(:first-child):not(:last-child) > div,
.lines3 li div > div > span
{
	height: 64px !important;
}

.clean-layout.no-line,
.clean-layout.no-line *,
.clean-layout li div.no-line,
.table-listing li div.no-line,
.clean-layout li div.selectmenu-label,
.table-listing li div.selectmenu-label
{
	border: none;
	margin-right: 0 !important;
}

.listWrapper
{
	position: relative;
	overflow: visible;
	width: 100%;
	height: 100%;
}

.fakeheader,
.multiple-ul li.header
{
	background: rgba(184, 193, 200, 0.75);
	border-bottom: 1px solid #989EA4;
	border-top: 1px solid #a3a3a3;
	color: #FFF;
	font: normal 16px/21px Helvetica, Arial, sans-serif;
	letter-spacing: 2px;
	margin: 0;
	padding: 4px 0 0 5px;
	position: absolute;
	-webkit-text-shadow: 1px 1px 3px #111;
	text-shadow: 1px 1px 3px #111;
	box-shadow: 0 2px 1px rgba(255,255,255,0.5) inset,  0 0 10px rgba(0,0,0,0.3) inset;
	text-align: left;
	height: 20px;
	display: block;
	z-index: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.multiple-ul li
{
	bottom: auto;
}

.fakeheader
{
	top: 0;
	left: 0;
	right: 0;
}

div.select-list-wrapper ul.multiple-ul {
	border-radius: 0;
	height: auto;
}

.multiple-ul li.header
{
	bottom: auto;
	min-height: 1px;
	top: 0;
	right: 0;
	left: 0;
	position: relative;
}

.multiple-ul li.header span
{
	display: block;
}

.invisible-header li.header,
.fakeheader.hidden
{
	visibility: hidden;
}

.stagex-list-float-header
{
	top: 0;
	bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	left: 0;
	right: 0;
	position: absolute;
}

.stagex-list-float-header .multiple-ul
{
	position: relative;
	padding: 26px 0 0 0;
}

.stagex-list-float-header .multiple-ul.flat
{
	padding: 0;
}

.stagex-list-float-header .multiple-ul li.header
{
	position: absolute;
}

.stagex-list-float-header ul.animated li
{
	bottom: 0;
	top: auto;
}

.stagex-list-float-header ul.animated li.header
{
	z-index: 1;
}

.stagex-list-float-header .multiple-ul.flat li.header
{
	position: relative;
}

.table-listing .rounded-selector > div
{
	padding-right: 50px;
}

.table-listing li div.rounded-inputs > div,
.clean-layout li div.rounded-inputs > div
{
	position: absolute;
}

.table-listing li div.rounded-inputs .rounded-wrapper,
.clean-layout li div.rounded-inputs .rounded-wrapper
{
	width: 60px;
	display: block;
	border: none;
	right: 0;
	top: 0;
	width: 60px;
	bottom: 0;
}

.rounded-inputs span.rounded-indicator,
.rounded-selector span.rounded-indicator
{
	position: absolute;
	top: 50%;
	right: 0;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	margin-top: -15px;
	border-radius: 20px !important;
	border: solid 2px green;
	background: transparent;
	display: inline-block;
}

.rounded-inputs input[type="radio"]:checked + span,
.rounded-inputs input[type="checkbox"]:checked + span,
.rounded-selector input[type="radio"]:checked + span,
.rounded-selector input[type="checkbox"]:checked + span
{
	background: green;
}

.rounded-inputs input[type="radio"]:checked + span:before,
.rounded-inputs input[type="radio"]:checked + span:after,
.rounded-inputs input[type="checkbox"]:checked + span:before,
.rounded-inputs input[type="checkbox"]:checked + span:after,
.rounded-selector input[type="radio"]:checked + span:before,
.rounded-selector input[type="radio"]:checked + span:after,
.rounded-selector input[type="checkbox"]:checked + span:before,
.rounded-selector input[type="checkbox"]:checked + span:after
{
	background: #fff;
	border-radius: 2px;
	bottom: 5px;
	content: "";
	height: 12px;
	left: 7px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
	-webkit-transform-origin: left center;
	-moz-transform: rotate(-45deg);
	-moz-transform-origin: left center;
	-ms-transform: rotate(-45deg);
	-ms-transform-origin: left center;
	transform: rotate(-45deg);
	transform-origin: left center;
	-webkit-transform-origin: left center;
	width: 4px;
}

.rounded-inputs input[type="radio"]:checked + span:after,
.rounded-inputs input[type="checkbox"]:checked + span:after,
.rounded-selector input[type="radio"]:checked + span:after,
.rounded-selector input[type="checkbox"]:checked + span:after
{
	bottom: 4px;
	height: 20px;
	left: 15px;
	-webkit-transform: rotate(45deg);
	-webkit-transform-origin: right center;
	-moz-transform: rotate(45deg);
	-moz-transform-origin: right center;
	-ms-transform: rotate(45deg);
	-ms-transform-origin: right center;
	transform: rotate(45deg);
	transform-origin: right center;
	-webkit-transform-origin: right center;
}

.rounded-inputs.wrong-sign input[type="radio"]:checked + span:before,
.rounded-inputs.wrong-sign input[type="radio"]:checked + span:after,
.rounded-inputs.wrong-sign input[type="checkbox"]:checked + span:before,
.rounded-inputs.wrong-sign input[type="checkbox"]:checked + span:after,
.rounded-selector.wrong-sign input[type="radio"]:checked + span:before,
.rounded-selector.wrong-sign input[type="radio"]:checked + span:after,
.rounded-selector.wrong-sign input[type="checkbox"]:checked + span:before,
.rounded-selector.wrong-sign input[type="checkbox"]:checked + span:after
{
	top: 3px;
	bottom: 3px;
	left: 50%;
	margin-left: -2px;
	height: auto;
	transform-origin: center center 0;
	-webkit-transform-origin: center center 0;
}

.rounded-inputs.wrong-sign input[type="radio"]:checked + span,
.rounded-inputs.wrong-sign input[type="checkbox"]:checked + span,
.rounded-selector.wrong-sign input[type="radio"]:checked + span,
.rounded-selector.wrong-sign input[type="checkbox"]:checked + span
{
	background-color: #7f0000;
	border-color: #7f0000;
}

.approved-stamp-bg
{
	background-image: url("../images/icon/approved-stamp.png");
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	top: 93px;
	left: 67px;
	width: 150px;
	height: 85px;
}

.history-change-one:before,
.history-change-two:before,
.history-change-three:before
{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	border-bottom: solid 1px #000;
	margin-bottom: 1px;
}

.history-change-one,
.history-change-two,
.history-change-three
{
	border-bottom-color: #000;
	position: relative;
}

.history-change-two
{
	border-bottom-style: solid;
	border-bottom-width:1px;
}

.history-change-three
{
	border-bottom-style: double;
	border-bottom-width: 3px;
}

.approved-stamp-bg li
{
	background-color: transparent;
}

select > option[value=""],
.clean-layout .cw label,
.table-listing .cw label,
.input-label
{
	color: #bcbcbc;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.clean-layout li div.selectmenu,
.clean-layout li div.selectmenu > div,
.clean-layout li div.selectmenu-label,
div.select-list-wrapper > div > div:not(.search-border):not(.handle),
.table-listing li div.selectmenu,
.table-listing li div.selectmenu > div,
.table-listing li div.selectmenu-label
{
	min-height: 30px /*auto*/ !important;
}

.selectmenu-label
{
	height: 30px/*100%*/;
}

.selectmenu-label a
{
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
}

.selectmenu-label a span.lbl
{
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 30px;
	text-align: left;
	top: 0;
	line-height: 30px;
	padding: 0 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.selectmenu-label a span.btn
{
	position: absolute;
	width: 30px;
	height: 30px;
	display: block;
	top: 0;
	right: 0;
	visibility: hidden;
	border-radius: 10px 10px 0 0;
	box-shadow: -10px 0 10px #fff, 0 10px 10px rgba(0,0,0,0.5);
}

.selectmenu-label.upward a span.btn
{
	border-radius: 0 0 10px 10px;
}

.selectmenu-label span.btn > span
{
	margin: 0 auto;
	display: block;
	border-radius: 3px;
}

.selectmenu-label span.btn > span:first-child
{
	margin-top: 30%;
	width: 50%;
	height: 50%;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	background: -moz-linear-gradient(-45deg, #e5e5e5, #969696);
	background: -webkit-linear-gradient(-45deg, #e5e5e5, #969696);
}

.selectmenu-label span.btn > span:nth-child(2)
{
	position: absolute;
	width: 100%;
	height: 15%;
	top: 46.5%;
	background: #fff;
}

.selectmenu-label-pressed a span.btn,
.selectmenu-label-pressed span.btn > span:nth-child(2),
.selectmenu-label-pressed a span.btn:before
{
	visibility: visible;
	background-color: rgb(83,83,83);
}

.selectmenu-label-pressed.upward a span.btn,
.selectmenu-label-pressed.upward span.btn > span:nth-child(2),
.selectmenu-label-pressed.upward a span.btn:before
{
	background-color: rgb(28,28,28);
}

.clean-layout .required-entry .cw > *:not(:focus) + label,
.table-listing .required-entry .cw label,
.table-listing .required-entry .cw .label,
.clean-layout .required-entry .cw .label[data-selected=''],
.clean-layout .required-entry .cw select[data-selected=''] + .selectmenu-label .lbl
{
	color: rgba(255, 0, 0, 0.5);
	font-weight: bold;
}

.clean-layout .sliding-checkbox-row > div,
.table-listing .sliding-checkbox-row > div
{
	position: absolute;
}

.table-listing .rounded-inputs > div:first-child,
.table-listing .sliding-checkbox-row > div:first-child,
.clean-layout .rounded-inputs > div:first-child,
.clean-layout .sliding-checkbox-row > div:first-child
{
	right: 101px;
	left: 0;
	top: 0;
	bottom: 0;
}

.table-listing .rounded-inputs > div:first-child,
.table-listing .sliding-checkbox-row > div:first-child
{
	overflow: hidden;
}

.table-listing .rounded-inputs > div:first-child,
.clean-layout .rounded-inputs > div:first-child
{
	padding: 3px 0 3px 3px;
}

.table-listing .rounded-inputs > div:nth-child(2),
.table-listing .sliding-checkbox-row > div:nth-child(2),
.clean-layout .rounded-inputs > div:nth-child(2),
.clean-layout .sliding-checkbox-row > div:nth-child(2)
{
	right: 0;
	width: 100px;
}

.clean-layout .sliding-checkbox-row > div:nth-child(2) > div.cw
{
	text-align: right;
}

.disabled, .disabled *
{
	color: #bcbcbc !important;
}

.button
{
	margin-top: 2px;
	border-radius: 5px;
	min-height: 36px;
	display: block;
	padding: 2px;
	position: relative;
	background: rgb(109,136,183); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(109,136,183,1) 0%, rgba(184,198,223,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,136,183,1)), color-stop(100%,rgba(184,198,223,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(109,136,183,1) 0%,rgba(184,198,223,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(109,136,183,1) 0%,rgba(184,198,223,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(109,136,183,1) 0%,rgba(184,198,223,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(109,136,183,1) 0%,rgba(184,198,223,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d88b7', endColorstr='#b8c6df',GradientType=0 ); /* IE6-9 */
}

.content li > a.button
{
	margin: 4px;
	border-radius: 10px;
	display: block;
	font-size: 1.1em;
	height: 38px;
	line-height: 38px;
	text-align: center;
	vertical-align: middle;
}

#detailinfo .button
{
	height: 44px;
	border-radius: 10px;
	border: solid 2px #5f5f5f;
	background: linear-gradient(to bottom, rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
	margin-bottom: 5px;
}

#detailinfo .button > a
{
	background: transparent;
	height: 100%;
	line-height: 44px;
	color: #fff;
	font-size: 1.1em;
}

#detailinfo .button > a:hover
{
	text-decoration: underline;
}

.blank.standard-paper-width div:not(.clean-layout) .full-width,
.blank.standard-paper-width .button .full-width,
.field-wrapper div.full-width,
.full-width button
{
	width: 100%;
}

.button a,
.button button
{
	border-radius: 5px;
	display: block;
/*
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
*/
	line-height: 36px;
	text-align: center;
	vertical-align: middle;

	background: rgb(207,231,250); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}

.button button
{
	border: none;
	position: static;
	line-height: 36px;
	font-size: 14px;
}

.button button[disabled='true'],
.button button.disabled
{
	color: #fefefe;
	background: #cfe7fa;
	background: -moz-linear-gradient(top,  #cfe7fa 0%, #bbcdea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfe7fa), color-stop(100%,#bbcdea));
	background: -webkit-linear-gradient(top,  #cfe7fa 0%,#bbcdea 100%);
	background: -o-linear-gradient(top,  #cfe7fa 0%,#bbcdea 100%);
	background: -ms-linear-gradient(top,  #cfe7fa 0%,#bbcdea 100%);
	background: linear-gradient(top,  #cfe7fa 0%,#bbcdea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#bbcdea',GradientType=0 );
}

.content a.red-gradient
{
	border: solid 3px rgb(169,3,41);
	font-weight: bold;
	text-shadow: 0 0 5px #fff;
}

.red-gradient:hover,
.row-clear-button:hover span
{
	background: rgb(255,48,25); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
}

.red-gradient
{
	color: #000;
	background: rgb(248,80,50);
	background: -moz-linear-gradient(top,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))) !important;
	background: -webkit-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%) !important;
	background: -o-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%) !important;
	background: -ms-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%) !important;
	background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 );
	text-shadow: 0 0 30px #ffffff;
}

.green-gradient
{
	background: rgb(157,213,58);
	background: -moz-linear-gradient(top,  rgba(157,213,58,1) 0%, rgba(161,213,79,1) 50%, rgba(128,194,23,1) 51%, rgba(124,188,10,1) 100%) !important;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(157,213,58,1)), color-stop(50%,rgba(161,213,79,1)), color-stop(51%,rgba(128,194,23,1)), color-stop(100%,rgba(124,188,10,1))) !important;
	background: -webkit-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%) !important;
	background: -o-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%) !important;
	background: -ms-linear-gradient(top,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%) !important;
	background: linear-gradient(to bottom,  rgba(157,213,58,1) 0%,rgba(161,213,79,1) 50%,rgba(128,194,23,1) 51%,rgba(124,188,10,1) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9dd53a', endColorstr='#7cbc0a',GradientType=0 ) !important;
}

.green-gradient:hover
{
	background: rgb(143,196,0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(143,196,0,1) 0%, rgba(103,163,0,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(143,196,0,1)), color-stop(100%,rgba(103,163,0,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(103,163,0,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(103,163,0,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(143,196,0,1) 0%,rgba(103,163,0,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(143,196,0,1) 0%,rgba(103,163,0,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fc400', endColorstr='#67a300',GradientType=0 ); /* IE6-9 */
	color: #ffffff;
}

/* "default" button style */
.button button.stagex-button-submit
{
	border: solid 2px rgb(44,83,158);
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.5);
}

.auto-adjust-parent > div:not(.cw)
{
	height: 100%;
}

a.button
{
	max-height: 38px;
	min-height: 20px;
	height: 34px;
	padding: 2px 0;
	line-height: 34px;
	display: inline-block;
	text-align: center;
}

a.button span
{
	position: static;
	border-radius: 5px;
	padding: 0 10px;
	margin: 0 2px;
	height: 34px;
	display: inline-block;
	background: rgb(207,231,250); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(207,231,250,1) 0%, rgba(99,147,193,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(207,231,250,1)), color-stop(100%,rgba(99,147,193,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(207,231,250,1) 0%,rgba(99,147,193,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfe7fa', endColorstr='#6393c1',GradientType=0 ); /* IE6-9 */
}

a.button[disabled = 'yes']
{
	background: rgb(40,52,59); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(40,52,59,1) 0%, rgba(130,140,149,1) 64%, rgba(181,189,200,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(40,52,59,1) 0%,rgba(130,140,149,1) 64%,rgba(181,189,200,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28343b', endColorstr='#b5bdc8',GradientType=0 ); /* IE6-9 */
	cursor: not-allowed;
}

a.button[disabled = 'yes'] span
{
	background: -moz-linear-gradient(top,  rgba(206,220,231,0.76) 0%, rgba(89,106,114,0.76) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(206,220,231,0.76) 0%,rgba(89,106,114,0.76) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(206,220,231,0.76) 0%,rgba(89,106,114,0.76) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2cedce7', endColorstr='#c2596a72',GradientType=0 ); /* IE6-9 */
	color: #dfdfdf !important;
	text-shadow: -1px -1px 1px #222;
}

.clean-layout li .button,
.clean-layout li .button a,
.clean-layout li .button a:hover,
.clean-layout li .button a span,
.clean-layout li .button a span:hover
{
	background: transparent;
	margin: 0;
	padding: 0;
	text-align: center;
	border-radius: 0;
}

.clean-layout li .button a,
.clean-layout li .button a span
{
	display: block;
	border: none;
}

.clean-layout li .button a
{
	position: absolute;
	top: 2px;
	left: 2px;
	right: 2px;
	bottom: 2px;
	border-radius: 10px;
}

.clean-layout li .button a:hover,
.clean-layout li .button a span:hover
{
	background: #cfcfcf;
	color: #fff;
	text-shadow: 1px 1px 1px #333;
	border-radius: 10px;
}

.clean-layout li .button a span
{
	height: 100%;
	line-height: normal;
	position: relative;
	background: transparent;
}

.clean-layout li .button a span:before
{
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: 0.25em;
}



p.slide-checkbox:after,
p.slide-checkbox:before
{
	color: #fff;
	text-shadow: 0 -1px 1px #093b5c;
	position: absolute;
	top: 50%;
	width: 50%;
	font-size: 0.8em;
	margin-top: -0.7em;
	line-height: normal;
}

p.slide-checkbox:after
{
	content: "OFF";
	right: -1px;
}

p.slide-checkbox:before
{
	content: "ON";
	left: 0;
}

p.slide-checkbox
{
	background: -moz-linear-gradient(19% 75% 90deg, #3095c7, #14539c);
	background: -webkit-gradient(linear, center top, center bottom, from(#14539c), to(#3095c7));
	background: -webkit-linear-gradient(19% 75% 90deg, #3095c7, #14539c);
	border: 1px solid #555;
	border-radius: 0.5em;
	display: inline-block;
	position: relative;
	width: 60px;
	height: 24px;
	line-height: 23px;
	text-align: center;
}

p.slide-checkbox:focus
{
	box-shadow: 0 0 8px yellow;
}

@-moz-keyframes labelON {
	0% {
		top: 0px;
		left: 0px;
	}
	100% {
		top: 0px;
		left: 28px;
	}
}

@-webkit-keyframes labelON {
	0% {
		top: 0px;
		left: 0px;
	}
	100% {
		top: 0px;
		left: 28px;
	}
}

@-ms-keyframes labelON {
	0% {
		top: 0px;
		left: 0px;
	}
	100% {
		top: 0px;
		left: 28px;
	}
}

p.slide-checkbox input[type='radio']:checked + label.check,
p.slide-checkbox input[type='checkbox']:checked + label.check {
	left: 28px;
	top: 0;
	-moz-animation-name: labelON;
	-moz-animation-duration: .2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in;

	-webkit-animation-name: labelON;
	-webkit-animation-duration: .2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;

	-ms-animation-name: labelON;
	-ms-animation-duration: .2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-in;

	box-shadow: -1px 0px 3px #244766;
	-webkit-box-shadow: -1px 0px 3px #244766;
	-ms-box-shadow: -1px 0px 3px #244766;
}

@-moz-keyframes labelOFF {
	0% {
		top: 0px;
		left: 28px;
	}
	100% {
		top: 0px;
		left: 0px;
	}
}

@-webkit-keyframes labelOFF {
	0% {
		top: 0px;
		left: 28px;
	}
	100% {
		top: 0px;
		left: 0px;
	}
}

@-ms-keyframes labelOFF {
	0% {
		top: 0px;
		left: 28px;
	}
	100% {
		top: 0px;
		left: 0px;
	}
}



p.slide-checkbox input[type='radio'] + label.check,
p.slide-checkbox input[type='checkbox'] + label.check {
	left: 0;
	top: 0;
	-moz-animation-name: labelOFF;
	-moz-animation-duration: .2s;
	-moz-animation-iteration-count: 1;
	-moz-animation-timing-function: ease-in;

	-webkit-animation-name: labelOFF;
	-webkit-animation-duration: .2s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: ease-in;

	-ms-animation-name: labelOFF;
	-ms-animation-duration: .2s;
	-ms-animation-iteration-count: 1;
	-ms-animation-timing-function: ease-in;

	box-shadow: 1px 0px 3px #244766;
	-webkit-box-shadow: 1px 0px 3px #244766;
	-ms-box-shadow: 1px 0px 3px #244766;
}

p.slide-checkbox .check
{
	background: -moz-linear-gradient(19% 75% 90deg, #fff, #a1a1a1);
	background: -webkit-gradient(linear, center bottom, center top, from(#fff), to(#a1a1a1));
	background: -webkit-linear-gradient(center top, #0C990C 100%, #DB2E2E, #C91A1A 0%);

	border: 1px solid #e5e5e5;
	border-radius: 0.5em;
	cursor: auto;
	display: inline-block;
	left: 0;
	position: absolute;
	top: 0;
	height: 22px;
	width: 30px;
	z-index: 1;
}

p.yesno:after
{
	content: "NO";
}

p.yesno:before
{
	content: "YES";
	left: -1px;
}

div.traffic-color-row .slide-checkbox,
p.traffic-color
{
	background: rgb(12,153,12);
	background: -moz-linear-gradient(left,  rgb(12,153,12) 0%, rgb(15,153,15) 49%, rgb(219,46,46) 51%, rgb(201,26,26) 100%);
	background: -webkit-linear-gradient(left,  rgb(12,153,12) 0%,rgb(15,153,15) 49%,rgb(219,46,46) 51%,rgb(201,26,26) 100%);
	background: linear-gradient(to right,  rgb(12,153,12) 0%,rgb(15,153,15) 49%,rgb(219,46,46) 51%,rgb(201,26,26) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c990c', endColorstr='#c91a1a',GradientType=1 );
}

p.traffic-color-reverse
{
	background: rgb(201,26,26);
	background: -moz-linear-gradient(left,  rgb(201,26,26) 0%, rgb(219,46,46) 49%, rgb(15,153,15) 51%, rgb(12,153,12) 100%);
	background: -webkit-linear-gradient(left,  rgb(201,26,26) 0%,rgb(219,46,46) 49%,rgb(15,153,15) 51%,rgb(12,153,12) 100%);
	background: linear-gradient(to right,  rgb(201,26,26) 0%,rgb(219,46,46) 49%,rgb(15,153,15) 51%,rgb(12,153,12) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c91a1a', endColorstr='#0c990c',GradientType=1 );
}

/*.clean-layout li div.select-list-wrapper*/
div.select-list-wrapper
{
	float: left;
	border: none !important;
	margin: 0 !important;
	z-index: 99999;
}

.select-list-wrapper .sub-title
{
	display: block;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: normal;
	text-shadow: 0 0 0;
}

/*.clean-layout li div.select-list-wrapper div*/
div.select-list-wrapper > div
{
	position: absolute;
	margin: 5px 0 0 5px;
	z-index: 10;
	width: inherit;
}

div.select-list-wrapper > div > div
{
	/*max-height: 500px;*/
	margin-right: 0px;
	padding: 0;
	overflow: hidden;
	/*background: #e0e0e0;*/
}

div.select-list-wrapper > div > div:hover
{
	overflow-y: auto;
}

div.select-list-wrapper > div > div.empty:after
{
	content: '\2637';
	font-size: 30px;
	margin-top: -10px;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px #fff;
	top: 50%;
	width: 100%;
}

div.select-list-wrapper .not-found,
div.select-list-wrapper .not-found.selected span
{
	height: 50px;
}

div.select-list-wrapper .not-found.selected
{
	background: transparent;
}

div.select-list-wrapper .informal
{
	display: inline;
	padding: 0 10px;
	color: #5f5f5f;
}

div.select-list-wrapper .not-found.selected span
{
	color: #333;
	text-shadow: 1px 1px 1px #ccc;
	text-align: center;
	vertical-align: middle;
	line-height: 50px;
	display: block;
	font-size: 16px;
}

div.select-list-wrapper div,
.sf-calendar,
.sf-time,
.sf-range-calendar,
.attachment-list
{
	border: none;
	border-radius: 10px;
}

/*.clean-layout li div.select-list-wrapper div,*/
div.select-list-wrapper > div,
.sf-calendar,
.sf-time,
.sf-range-calendar,
.attachment-list
{
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
	padding: 5px;
	background: rgb(76,76,76); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,76,76,1)), color-stop(12%,rgba(89,89,89,1)), color-stop(25%,rgba(102,102,102,1)), color-stop(39%,rgba(71,71,71,1)), color-stop(50%,rgba(44,44,44,1)), color-stop(51%,rgba(0,0,0,1)), color-stop(60%,rgba(17,17,17,1)), color-stop(76%,rgba(43,43,43,1)), color-stop(91%,rgba(28,28,28,1)), color-stop(100%,rgba(19,19,19,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
}

/*.clean-layout li div.select-list-wrapper ul,
.clean-layout li div.select-list-wrapper select*/
div.select-list-wrapper ul,
div.select-list-wrapper select
{
	overflow: hidden;
	overflow-y: auto;
	/*max-height: 500px;*/
	width: inherit;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5) inset;
	-ms-box-shadow: 0 0 5px rgba(225, 225, 225, 1.0) inset;
	background-color: #fff;
	min-height: 32px;
	height: 100%;
}

/*.clean-layout li div.select-list-wrapper ul li,
.clean-layout li select option*/
div.select-list-wrapper ul li,
.clean-layout li select option
{
	background-color: transparent;
	min-height: 30px;
	line-height: 32px;
	padding-left: 10px;
	overflow: hidden;
	white-space: nowrap;
}

div.select-list-wrapper ul li:last-child
{
	border-bottom: none;
}

/*.clean-layout li div.select-list-wrapper ul li span*/
div.select-list-wrapper ul li span,
.clean-layout .of
{
	text-overflow: ellipsis;
}

div.select-list-wrapper ul li div.informal
{
	line-height: 24px;
}

div.select-list-wrapper ul li.selected div
{
	color: #f0f0f0;
}

.clean-layout .of
{
	overflow: hidden;
}

/*.clean-layout li div.select-list-wrapper span.highlight*/
div.select-list-wrapper span.highlight
{
	font-weight: bold;
}

div.selectmenu > div
{
	margin-left: -10px;
	margin-top: 0;
	border-top-right-radius: 0;
}

.selectmenu-label.upward + div.selectmenu > div
{
	bottom: 60px;
	border-bottom-right-radius: 0;
	border-top-right-radius: 10px;
}

.selectmenu-label-pressed a span.btn:before,
.selectmenu-label-pressed a span.lbl:after
{
	position: absolute;
	bottom: 0;
	content: "";
}

.selectmenu-label-pressed.upward a span.btn:before,
.selectmenu-label-pressed.upward a span.lbl:after
{
	bottom: auto;
	top: 0;
}

.selectmenu-label-pressed a span.btn:before
{
	height: 10px;
	width: 10px;
	left: -10px;
}

.selectmenu-label-pressed a span.lbl:after
{
	background-color: #fff;
	border-radius: 10px;
	height: 20px;
	width: 20px;
	clip: rect(10px, 20px, 20px, 10px);
	right: 0;
	z-index: 2;
}

.selectmenu-label-pressed.upward a span.lbl:after
{
	clip: rect(0, 20px, 10px, 10px);
}

div.selectmenu ul li.selected-row,
.sf-time .time_wrapper ul .current-hour,
.sf-time .time_wrapper ul .current-minute,
.sf-time .time_wrapper ul .current-second,
.sf-time .time_wrapper ul .current-merdiem
{
	font-weight: bold;
}

div.selectmenu ul li .container
{
	padding: 3px 0;
	height: 85px;
}

.sf-dropdown-list ul li .container > span,
div.select-list-wrapper ul li .container > span
/* div.selectmenu ul li .container > span */
{
	display: none;
	line-height: 1.35em;
	white-space: nowrap;
	text-overflow: ellipsis;
}

/* div.selectmenu ul li .container > span:nth-child(n+2) */
div.select-list-wrapper ul li .container > span:nth-child(n+2)
{
	padding-left: 10px;
	color: #9f9f9f;
}

.sf-dropdown-list ul li .container > span:nth-child(-n+4),
div.select-list-wrapper ul li .container > span:nth-child(-n+4)
/* div.selectmenu ul li .container > span:nth-child(-n+4) */
{
	display: block;
}

div.selectmenu ul li .container > span:nth-child(4):after
{
/*	content: ' ...'; */
}

.sf-calendar,
.sf-range-calendar,
.sf-time
{
	float: left;
	position: absolute;
	left: -250000px;
	top: 0;
	z-index: 9999;
	margin: 0;
	display: block;
	cursor: default;
	min-width: 0 !important;
}

.clean-layout li .sf-calendar,
.table-listing li .sf-calendar,
.clean-layout li .sf-calendar > div,
.table-listing li .sf-calendar > div
{
/*
	min-height: 0;
	border-left: none;
	line-height: 20px;
	margin-right: 0;
*/
}

.sf-calendar.static-layout
{
	box-shadow: 0 0;
	margin-top: 0;
	z-index: 0;
}

.sf-calendar.static-layout div.handle
{
	display: none;
}

.sf-calendar
{
	width: 217px; /* cellwidth * 7 + cellpadding * 14 + cellborder * 14 */
	height: 177px;
}

.sf-range-calendar
{
	left: -500px;
	width: 372px;
}

.clean-layout label.plain-label,
.sf-calendar:hover,
.sf-range-calendar:hover,
.sf-time:hover
{
	cursor:pointer;
	/*cursor:hand; /* If you're worried about old IE versions, turn this on.  I have it off because I hate seeing css exceptions in my debug window. ;) */
}

.sf-dropdown-list .handle,
.sf-calendar .handle,
.sf-range-calendar .handle,
.sf-time .handle
{
	border-radius: 5px;
	position: absolute;
	height: 30px !important;
	width: 30px;
	-webkit-transform: rotate(45deg);
	-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(#000000), color-stop(0.5,#000000), color-stop(0.5, transparent), to(transparent));
	-moz-transform: rotate(45deg);
	-moz-mask: -moz-linear-gradient(top, #000000, #000000 50%, transparent 50%, transparent);
	z-index: -1;
}

.selectmenu-handler-top-left,
.selectmenu-handler-top-center,
.selectmenu-handler-top-right,
.calendar-handler-top-left,
.calendar-handler-top-center,
.calendar-handler-top-right,
.time-handler-top-left,
.time-handler-top-center,
.time-handler-top-right
{
	margin-top: 15px;
}

.selectmenu-handler-top-left .handle,
.selectmenu-handler-top-center .handle,
.selectmenu-handler-top-right .handle,
.calendar-handler-top-left .handle,
.calendar-handler-top-center .handle,
.calendar-handler-top-right .handle,
.time-handler-top-left .handle,
.time-handler-top-center .handle,
.time-handler-top-right .handle
{
	top: -10px;
	border: solid 2px #4f4f4f;
	border-bottom: none;
	border-right: none;
	margin: 0 5px 5px;
	background-color: #4c4c4c;
}

.selectmenu-handler-bottom-left,
.selectmenu-handler-bottom-center,
.selectmenu-handler-bottom-right,
.calendar-handler-bottom-left,
.calendar-handler-bottom-center,
.calendar-handler-bottom-right,
.time-handler-bottom-left,
.time-handler-bottom-center,
.time-handler-bottom-right
{
	margin-bottom: 15px;
}

.selectmenu-handler-bottom-left .handle,
.selectmenu-handler-bottom-center .handle,
.selectmenu-handler-bottom-right .handle,
.calendar-handler-bottom-left .handle,
.calendar-handler-bottom-center .handle,
.calendar-handler-bottom-right .handle,
.time-handler-bottom-left .handle,
.time-handler-bottom-center .handle,
.time-handler-bottom-right .handle
{
	border: solid 2px #4f4f4f;
	border-top: none;
	border-left: none;
	margin: 5px 0 0 5px;
	background-color: #131313;
	bottom: -15px;
	transform: rotate(225deg);
}

.selectmenu-handler-top-left .handle,
.selectmenu-handler-bottom-left .handle,
.calendar-handler-top-left .handle,
.calendar-handler-bottom-left .handle,
.time-handler-top-left .handle,
.time-handler-bottom-left .handle
{
	left: 10%;
}

.selectmenu-handler-top-center .handle,
.selectmenu-handler-bottom-center .handle,
.calendar-handler-top-center .handle,
.calendar-handler-bottom-center .handle,
.time-handler-top-center .handle,
.time-handler-bottom-center .handle
{
	left: 40%;
}

.selectmenu-handler-top-right .handle,
.selectmenu-handler-bottom-right .handle,
.calendar-handler-top-right .handle,
.calendar-handler-bottom-right .handle,
.time-handler-top-right .handle,
.time-handler-bottom-right .handle
{
	right: 10%;
}

.sf-calendar .calheader,
.sf-calendar .cal_wrapper,
.sf-range-calendar .calheader,
.sf-range-calendar .cal_wrapper,
.sf-time .timeheader,
.sf-time .time_wrapper
{
	display: block;
	background-color: #fff;
	overflow: hidden;
	border-radius: 0 0 10px 10px;
}

.sf-calendar .calweekswrapper,
.sf-range-calendar .calweekswrapper
{
	display:block;
}

.sf-calendar .calheader,
.sf-range-calendar .calheader,
.sf-time .timeheader
{
	display: block;
	width: 100%;
	text-align: center;
	color: #000;
	line-height: 20px;
	height: 20px;
	border-radius: 10px 10px 0 0;
	border-bottom: solid 1px #efefef;
}

.sf-calendar .caltitle,
.sf-range-calendar .caltitle
{
	margin: 0 auto;
	text-align: center;
	font-weight: normal;
}

.sf-range-calendar .caltitle > span
{
	display: inline-block;
	width: 161px;
}

.sf-calendar .calcontrol,
.sf-range-calendar .calcontrol
{
	font-weight: bold;
	width:25px;
}

.sf-calendar .calprevmonth,
.sf-range-calendar .calprevmonth
{
	float:left;
}
.sf-calendar .calnextmonth,
.sf-range-calendar .calnextmonth
{
	float:right;
}
.sf-calendar .calclose,
.sf-calendar .calnextyear,
.sf-calendar .calprevyear,
.sf-range-calendar .calclose,
.sf-range-calendar .calnextyear,
.sf-range-calendar .calprevyear,
.sf-time .timeclose
{
	display:none;
}

.sf-calendar .daybox,
.sf-range-calendar .daybox
{
	float: left;
	width: 25px;
	height: 16px;
	line-height: 16px;
	padding: 3px;
	color: black;
	text-align: center;
	position: relative;
}
.sf-calendar .dayboxvalue,
.sf-range-calendar .dayboxvalue
{
	display: none;
}
.sf-calendar .dayboxname,
.sf-range-calendar .dayboxname
{
	color:black;
}
.sf-calendar .dayboxsunday,
.sf-range-calendar .dayboxsunday
{
	background-color: #ccc;
	border: 1px solid #bbb;
}
.sf-calendar .dayboxsaturday,
.sf-range-calendar .dayboxsaturday
{
	background-color: #ccc;
	border: 1px solid #bbb;
}
.sf-calendar .dayboxsunday,
.sf-calendar .dayboxsaturday,
.sf-range-calendar .dayboxsunday,
.sf-range-calendar .dayboxsaturday
{
	padding: 3px 2px;
	border-bottom: none;
	border-top: none;
}

.sf-calendar .dayinmonth,
.sf-range-calendar .dayinmonth
{
	color: black;
}

.sf-calendar .dayoutmonth,
.sf-range-calendar .dayoutmonth
{
	color: gray;
}

.sf-range-calendar .daybox
{
	border: 0 none;
	height: 18px;
	line-height: 20px;
	width: 27px;
	padding: 3px 2px;
}

.sf-calendar .today,
.sf-range-calendar .today
{
	background: #888;
	font-weight: bold;
	color: #fff;
}

.sf-calendar div.dayselected,
.sf-range-calendar div.dayselected
{
	background: rgb(96,108,136); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(96,108,136,1) 0%, rgba(63,76,107,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(96,108,136,1)), color-stop(100%,rgba(63,76,107,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(96,108,136,1) 0%,rgba(63,76,107,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#606c88', endColorstr='#3f4c6b',GradientType=0 ); /* IE6-9 */
}

.sf-calendar .dayselected div.dayboxdate,
.sf-range-calendar .dayselected div.dayboxdate,
.sf-time .time_wrapper ul .selected a
{
	font-weight: normal !important;
	color: #fff !important;
	background: none;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
.sf-calendar .daycurrent,
.sf-range-calendar .daycurrent
{
	border:1px solid #e8eef7;
}
.sf-calendar .weekbox,
.sf-range-calendar .weekbox
{
	height: 22px;
	display: block;
}
.sf-range-calendar .weekbox
{
	float: left;
	height: 100%;
	width: 31px;
}
.sf-calendar .weekbox div.dayboxname,
.sf-range-calendar .weekbox div.dayboxname
{
	padding: 3px;
	color: #303030;
	font-size: 0.8em;
	font-weight: bold;
	text-shadow: 1px 1px #fff;
}
.sf-calendar .endweek
{
	float: left;
}
.sf-calendar .weekboxname,
.sf-range-calendar .weekboxname
{
	color: #a0a0a0;
	height: 24px;
	background: -webkit-linear-gradient(top, #f0f0f0, #c0c0c0);
	background: -moz-linear-gradient(center top, #f0f0f0, #c0c0c0);
}
.sf-range-calendar .weekboxname
{
	height: 168px;
	width: 31px;
}
.sf-calendar .weekboxname div.daybox,
.sf-range-calendar .weekboxname div.daybox
{
	background: none;
}
.sf-calendar .weekboxname div.daybox,
.sf-range-calendar .weekboxname div.daybox
{
	height: 18px !important;
	line-height: 20px;
}
.sf-calendar .weekbox:first-child div:first-child {
	-moz-border-radius-topleft: 0;
	border-top-left-radius: 0;
}
.sf-calendar .weekbox:first-child div:last-child {
	-moz-border-radius-topright: 0;
	border-top-right-radius: 0;
}
.sf-calendar .weekbox:last-child div:first-child {
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
}
.sf-calendar .weekbox:last-child div:last-child {
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

.sf-calendar .daybox.disabled-day:after,
.sf-range-calendar .daybox.disabled-day:after
{
	background-color: #000;
	bottom: 2px;
	top: 2px;
	content: '';
	position: absolute;
	transform: rotate(45deg);
	width: 1px;
}

.sf-time .time_wrapper > div
{
	display: inline-block;
	height: 150px;
	overflow: hidden;
	overflow-y: auto;
	width: 80px;
	border-right: 1px solid #ccc;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5) inset;
	float: left;
}
.sf-time .time_wrapper > div:last-child
{
	border-right: none;
}

.sf-time .time_wrapper ul > li
{
	font-size: 20px;
	height: 30px;
	vertical-align: middle;
	line-height: 30px;
	text-align: right;
}

.sf-time .time_wrapper ul > li a
{
	display: block;
	height: 100%;
	text-align: center;
	position: relative;
}

.sf-time .time_wrapper div.nnbox.step15 ul,
.sf-time .time_wrapper div.nnbox.step30 ul,
.sf-time .time_wrapper div.a-pbox ul
{
	height: 100%;
}

.sf-time .time_wrapper div.nnbox.step15 ul li
{
	height: 25%;
}

.sf-time .time_wrapper div.nnbox.step30 ul li,
.sf-time .time_wrapper div.a-pbox ul li
{
	height: 50%;
}

.sf-time .time_wrapper .nnbox ul > li a span,
.sf-time .time_wrapper .a-pbox ul > li a span
{
	display: block;
	position: absolute;
	margin-top: -15px;
	top: 50%;
	left: 0;
	right: 0;
}

.sf-input-calendar,
.sf-input-time
{
	color: inherit !important;
}

.select-list-wrapper .sf-dropdown-list {
	margin-top: 15px;
}

.content div.attachment-list
{
	position: absolute;
	top: -150%;
	height: 98%;
	left: 60%;
	right: 10px;
	overflow: hidden;
	padding: 0;
}

.content div.attachment-list.appear
{
	top: 1%;
}

.content div.attachment-list > div
{
	position: absolute;
	top: 5px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	overflow: hidden;
	overflow-y: auto;
	border-radius: 10px;
	background: #efefef;
}

.sf-color-picker,
.sf-color-picker > div.three-quarter
{
	min-height: 180px;
}

.sf-color-picker .top-color-block,
.sf-color-picker .color-label,
.sf-color-picker .color-block
{
	height: 135px;
}

.sf-color-picker .bottom-color-block
{
	padding: 20px;
	min-height: 0;
}

.sf-color-picker .top-color-block canvas
{
	width: 100%;
	height: 100%;
}

.sf-color-picker .color-label > div.cw
{
	display: flex;
}

.sf-color-picker .color-label input[type='text']
{
	margin: auto 0;
	text-align: center;
}

.sf-color-picker .color-strip
{
	height: 10px;
	width: 100%;
	border-radius: 5px;
	display: block;
}

.sf-color-picker .strip-handle,
.sf-color-picker .block-handle
{
	display: inline-block;
	position: absolute;
	border-radius: 15px;
}

.sf-color-picker .strip-handle
{
	top: 15px;
	left: 50%;
	width: 20px;
	height: 20px;
	background: rgb(255,0,0);
	box-shadow: 1px 1px 2px 2px #fff, -1px -1px 2px 2px #fff;
}

.sf-color-picker .block-handle
{
	left: 50%;
	top: 10%;
	width: 24px;
	height: 24px;
	border: solid 2px #fff;
	box-shadow: none;
}


a.serial-nos-add
{
	cursor: pointer;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	border-radius: 1.35em;
	padding: 0 10px;
	box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.3);
	margin: 0 0 5px 3px;
	color: #fefefe;
	background: rgb(167,207,223); /* Old browsers */
	background: -moz-linear-gradient(top,  #53a9e8 0%, #2e76cf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(167,207,223,1)), color-stop(100%,rgba(35,83,138,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* IE10+ */
	background: linear-gradient(top,  rgba(167,207,223,1) 0%,rgba(35,83,138,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7cfdf', endColorstr='#23538a',GradientType=0 ); /* IE6-9 */
}

a.serial-nos-add:hover
{
	color: #efefef;
}

a.serial-nos-add span.round-button
{
	width: 16px;
	height: 16px;
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
	color: #fff;
	border-radius: 1.35em;
	border: solid 1px rgb(167, 207, 223);
	margin: 1px 3px 0 0;
	text-align: center;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	background: rgb(167,207,223);
	background: -moz-radial-gradient(top right, circle, #53a9e8 0, #2e76cf 100%);
}

.accordion
{
	position: relative;
}

.accordion > div.selected
{
	background: #6db3f2;
	background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de));
	background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	background: linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 );
	color: #fefefe;
}

.accordion .accordion-toggle
{
	position: relative;
	z-index: 10;
	padding: 5px;
	font-size: 1.5em;
	cursor: pointer;
	background: rgb(242,246,248);
	background: -moz-linear-gradient(top,  rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,246,248,1)), color-stop(50%,rgba(216,225,231,1)), color-stop(51%,rgba(181,198,208,1)), color-stop(100%,rgba(224,239,249,1)));
	background: -webkit-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -o-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: -ms-linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	background: linear-gradient(top,  rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
}

.accordion .accordion-content
{
	padding: 1px 1px 0;
	overflow: hidden;
}

.accordion .accordion-content ul
{
	margin-bottom: 10px;
}

.sub-title
{
	font-size: 0.9em;
	font-weight: bold;
	padding: 3px 0 4px;
	text-shadow: 1px 1px 1px #ffffff;
	color: #303030;
}

.note-text
{
	font-size: 0.95em;
	color: #606060;
	text-shadow: 1px 1px 1px #efefef;
	text-align: center;
	padding: 0 10px;
}

.notification-wrapper
{
	width: 70%;
	position: relative;
	margin: 0 auto 0;
	z-index: 80;
	height: 0;
}

.dialog
{
	font-family: "Lucida Grande", Helvetica, sans-serif;
	font-size: 13px;
	line-height: 1.2em;
	padding: 10px;
	color: white;
	margin-bottom: 0;
	position: absolute;
	min-height: 50px;
	min-width: 150px;
	max-width: 350px;
	-webkit-font-smoothing: antialiased;
	border-radius: 8px;
	text-shadow: 0 -1px 0 black;

	background: -webkit-radial-gradient(50% 15%, circle farthest-side, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 65%), -webkit-linear-gradient(top, rgba(100,100,100,0.85), rgba(0,0,0,0.95) 30%);
	background: -moz-radial-gradient(50% 15%, circle farthest-side, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 65%), -moz-linear-gradient(top, rgba(100,100,100,0.85), rgba(0,0,0,0.95) 30%);
	background: radial-gradient(50% 15%, circle farthest-side, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 65%), linear-gradient(top, rgba(100,100,100,0.85), rgba(0,0,0,0.95) 30%);
	background: -webkit-radial-gradient(50% 15%, circle farthest-side, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 65%), -webkit-linear-gradient(top, rgba(100,100,100,0.85), rgba(0,0,0,0.95) 30%);
	background: -moz-radial-gradient(50% 15%, circle farthest-side, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 65%), -moz-linear-gradient(top, rgba(100,100,100,0.85), rgba(0,0,0,0.95) 30%);
	background: radial-gradient(50% 15%, circle farthest-side, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 65%), linear-gradient(top, rgba(100,100,100,0.85), rgba(0,0,0,0.95) 30%);
	background: -webkit-radial-gradient(50% 15%, circle farthest-side, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 65%), -webkit-linear-gradient(top, rgba(100,100,100,0.85), rgba(0,0,0,0.95) 30%);
	background: -moz-radial-gradient(50% 15%, circle farthest-side, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 65%), -moz-linear-gradient(top, rgba(100,100,100,0.85), rgba(0,0,0,0.95) 30%);
	background: radial-gradient(50% 15%, circle farthest-side, rgba(255,255,255,0.25) 0%, rgba(255,255,255,0) 65%), linear-gradient(top, rgba(100,100,100,0.85), rgba(0,0,0,0.95) 30%);
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255,255,255,0.6) rgba(255,255,255,0.2) rgba(0,0,0,0.5) rgba(255,255,255,0.2);

	-webkit-box-shadow: 0 0 2px black, inset 0 0 20px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.35);
	box-shadow: 0 0 2px black, inset 0 0 20px rgba(0,0,0,0.2), 0 5px 10px rgba(0,0,0,0.35);
	z-index: 10;
}

.dialog > div.handler
{
	content: "";
	border-radius: 3px;
	position: absolute;
	height: 20px;
	width: 20px;
	-webkit-transform: rotate(45deg);
	/*-webkit-mask-image: -webkit-gradient(linear, left top, right bottom, from(#000000), color-stop(0.5,#000000), color-stop(0.5, transparent), to(transparent));*/
	-moz-transform: rotate(45deg);
	-moz-mask: -moz-linear-gradient(top, #000000, #000000 50%, transparent 50%, transparent);
	z-index: -9;
	float: left;
	display: block;
}

.dialog.top > div.handler,
.dialog.left > div.handler,
.dialog.right > div.handler,
.dialog.top-left > div.handler,
.dialog.top-right > div.handler
{
	background-color: #030303;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.65);
}

.dialog.top > div.handler
{
	left: 50%;
	bottom: -9px;
	margin-left: -10px;
}

.dialog.bottom > div.handler
{
	left: 50%;
	top: -9px;
	margin-left: -10px;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(255,255,255,0.6) rgba(255,255,255,0.2) rgba(0,0,0,0.5) rgba(255,255,255,0.2);
	background: -moz-linear-gradient(top left, rgba(100,100,100,0.85), rgba(0,0,0,0.95) 30%);
}

.dialog.left > div.handler
{
	left -10px;
	top: 50%;
	margin-top: -10px;
}

.dialog.right > div.handler
{
	right: -10px;
	top: 50%;
	margin-top: -10px;
}

.dialog.top-left > div.handler
{
	left: 10px;
	bottom: -10px;
}

.dialog.top-right > div.handler
{
	right: 10px;
	bottom: -10px;
}

.notification-wrapper .notification
{
	top: -500px;
	position: relative;
}

@keyframes "notification" {
	from {
		top: -40px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}
	15%, 85% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		top: 10px;
	}
	100% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		top: -80px;
	}
}

@-moz-keyframes notification {
	0% {
		top: -40px;
		filter: alpha(opacity=0);
		opacity: 0;
	}
	15%, 85% {
		filter: alpha(opacity=100);
		opacity: 1;
		top: 10px;
	}
	100% {
		filter: alpha(opacity=0);
		opacity: 0;
		top: -80px;
	}
}

@-webkit-keyframes "notification" {
	0% {
		top: -40px;
		filter: alpha(opacity=0);
		opacity: 0;
	}
	15%, 85% {
		filter: alpha(opacity=100);
		opacity: 1;
		top: 10px;
	}
	100% {
		filter: alpha(opacity=0);
		opacity: 0;
		top: -80px;
	}
}

@-ms-keyframes "notification" {
	0% {
		top: -40px;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
	}
	15%, 85% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		top: 10px;
	}
	100% {
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter: alpha(opacity=0);
		opacity: 0;
		top: -80px;
	}
}

@-o-keyframes "notification" {
	0% {
		top: -40px;
		filter: alpha(opacity=0);
		opacity: 0;
	}
	15%, 85% {
		filter: alpha(opacity=100);
		opacity: 1;
		top: 10px;
	}
	100% {
		filter: alpha(opacity=0);
		opacity: 0;
		top: -80px;
	}
}

.notification-wrapper .anime
{
	-webkit-animation-name: notification;
	-moz-animation-name: notification;
	animation-name: notification;
	-webkit-animation-duration: 5s;
	-moz-animation-duration: 5s;
	animation-duration: 5s;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
}

.notification > img
{
	display: inline-block;
	vertical-align: middle;
	margin-right: 8px;
	width: 80px;
}

.notification > p
{
	display: block;
	position: relative;
	top: -1px;
}

.notification > p > span
{
	top: 50%;
	margin-top: -8px;
	position: relative;
}

.notification > p.success,
.notification > p.error,
.notification > p.warn
{
	min-height: 80px;
	padding-left: 90px;
	background-position: left center;
	background-repeat: no-repeat;
}

.notification > p.success
{
	background-image: url("../images/icon/correct.png");
}

.notification > p.error
{
	background-image: url("../images/icon/wrong.png");
}

.notification > p.warn
{
	background-image: url("../images/icon/warn.png");
}

.dialog > h1
{
	text-align: center;
	margin: 0;
	font-size: 1.2em;
	line-height: 1.2em;
	letter-spacing: -1px;
	margin-bottom: 4px;
	text-shadow: 0 -1px 1px #000, 0 1px 1px #000, -1px 0 #000, 1px 0 #000;
}

.dialog p,
.dialog .p
{
	margin: 7px auto 15px;
	color: #fefefe;
	text-align:left;
	overflow: hidden;
	white-space: nowrap;
	text-shadow: 0 0px 5px rgba(0,0,0,.25), 0 -1px 1px #000;
}

.dialog > div::last-child
{
	margin-bottom: 7px;
}

.dialog a,
.dialog button,
.dialog input[type='submit']
{
	display: block;
	padding: 10px 35px;
	color: white;
	text-decoration: none;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0 0 10px #000;
	border-radius: 12px;
	cursor: pointer;
	margin-top: 7px;
	background: rgb(206,220,231); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 ); /* IE6-9 */
}

.dialog a:active
{
	position: relative;
	top: 3px;
}

.dialog .no-button
{
	background: green;
	border-top: 1px solid rgb(200,250,100);

	-webkit-box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(0,50,0,.75) 0 0 40px inset;
	-moz-box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(0,50,0,.75) 0 0 40px inset;
	box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(0,50,0,.75) 0 0 40px inset;

	background: #bfd255;
	background: -webkit-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background: -moz-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background: -ms-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	background: -o-linear-gradient(top, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfd255', endColorstr='#9ecb2d',GradientType=0 );
	background: linear-gradient(to bottom, #bfd255 0%, #8eb92a 50%, #72aa00 51%, #9ecb2d 100%);
}

.dialog .yes-button
{
	background: red;
	border-top: 1px solid rgb(250,150,100);

	-webkit-box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(100,0,0,.75) 0 0 40px inset;
	-moz-box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(100,0,0,.75) 0 0 40px inset;
	box-shadow: rgba(255,255,255,.3) 0 2px 1px,rgba(0,0,0,.3) 0 -2px 1px, rgba(0,0,0,0.5) 0px 3px 10px, rgba(100,0,0,.75) 0 0 40px inset;

	background: #f3c5bd;
	background: -webkit-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 100%);
	background: -moz-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 100%);
	background: -ms-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 100%);
	background: -o-linear-gradient(top, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3c5bd', endColorstr='#ff6600',GradientType=0 );
	background: linear-gradient(to bottom, #f3c5bd 0%, #e86c57 50%, #ea2803 51%, #ff6600 100%);
}

.dialog.confirm .buttons-container > a
{
	display: inline-block;
	min-width: 80px;
	border-radius: 0;
}

.dialog.confirm .buttons-container > a:first-child
{
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
}

.dialog.confirm .buttons-container > a:last-child
{
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
}

.dialog.prompt,
.dialog.password,
.dialog.success,
.dialog.error,
.dialog.warn,
.dialog.message,
.dialog.loading,
.dialog.about,
.dialog.confirm.center-center
{
	display: inline-block;
	vertical-align: middle;
	position: static;
}

.dialog.prompt,
.dialog.password
{
	min-width: 250px;
}

.dialog.warn
{
	max-width: 400px;
}

.dialog.prompt .handler,
.dialog.success .handler,
.dialog.error .handler,
.dialog.warn .handler,
.dialog.password .handler,
.dialog.about .handler
{
	display: none;
}

.clean-layout .center,
.dialog.prompt p,
.dialog.password p,
.dialog.about p
{
	text-align: center;
}

.dialog.prompt .inputs-container,
.dialog.password .inputs-container
{
	background: #fefefe;
	border-radius: 5px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.5) inset;
	text-shadow: none;
	height: 30px;
	overflow: hidden;
}

.dialog.confirm .inputs-container
{
	height: 30px;
}

.dialog.prompt .inputs-container input,
.dialog.password .inputs-container input
{
/*	background: #fefefe; */
	border: none;
	margin-top: 3px;
/*	width: 100%; */
}

.dialog.prompt .inputs-container label,
.dialog.password .inputs-container label
{
	font-size: 14px;
	line-height: 16px;
}

.dialog.prompt .buttons-container,
.dialog.password .buttons-container
{
	height: 50px;
	width: 100%;
	position: relative;
}

.dialog.prompt .buttons-container a,
.dialog.prompt .buttons-container button,
.dialog.prompt .buttons-container input[type='submit'],
.dialog.password .buttons-container a,
.dialog.password .buttons-container button,
.dialog.password .buttons-container input[type='submit']
{
	position: absolute;
	bottom: 0;
	padding: 10px 0;
	display: inline-block;
	border-radius: 6px;
}

.dialog.prompt .buttons-container a.cancel-button,
.dialog.prompt .buttons-container button.cancel-button,
.dialog.prompt .buttons-container input.cancel-button,
.dialog.password .buttons-container a.cancel-button,
.dialog.password .buttons-container button.cancel-button,
.dialog.password .buttons-container input.cancel-button
{
	right: 50%;
	left: 0;
	margin-right: 4px;
	background: rgb(181,189,200);
	background: -moz-linear-gradient(top,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
	background: -webkit-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
	background: -o-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
	background: -ms-linear-gradient(top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
	background: linear-gradient(to bottom,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=0 );
}

.dialog.prompt .buttons-container a.ok-button,
.dialog.prompt .buttons-container button.ok-button,
.dialog.prompt .buttons-container input.ok-button,
.dialog.password .buttons-container a.ok-button,
.dialog.password .buttons-container button.ok-button,
.dialog.password .buttons-container input.ok-button
{
	left: 50%;
	right: 0;
	margin-left: 4px;
	background: rgb(206,220,231);
	background: -moz-linear-gradient(top,  rgba(206,220,231,1) 0%, rgba(89,106,114,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(206,220,231,1)), color-stop(100%,rgba(89,106,114,1)));
	background: -webkit-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
	background: -o-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
	background: -ms-linear-gradient(top,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
	background: linear-gradient(to bottom,  rgba(206,220,231,1) 0%,rgba(89,106,114,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
}

.dialog.loading
{
	background: -webkit-linear-gradient(top, rgba(100,100,100,0.85), rgba(18,18,18,0.95) 30%);
	background: -moz-linear-gradient(top, rgba(100,100,100,0.85), rgba(18,18,18,0.95) 30%);
	background: -ms-linear-gradient(top, rgba(100,100,100,0.85), rgba(18,18,18,0.95) 30%);
	background: -o-linear-gradient(top, rgba(100,100,100,0.85), rgba(18,18,18,0.95) 30%);
	background: linear-gradient(top, rgba(100,100,100,0.85), rgba(18,18,18,0.95) 30%);
}

.dialog.loading p,
.dialog.loading div.p
{
	text-align: center;
	width: 100%;
}

.dialog.loading p a
{
	width: 64px;
	height: 64px;
	display: block;
	background: transparent url("../images/spinner/spinner-wb.gif") no-repeat center center;
}

.dialog.loading p .loading-spinner,
.dialog.loading .p .loading-spinner
{
	width: 68px;
	height: 70px;
	display: block;
	margin: auto;
	padding-top: 10px;
}

.dialog.loading p .loading-spinner > .loading-spinner-ring,
.dialog.loading .p .loading-spinner > .loading-spinner-ring
{
	position: absolute;
	width: 50px;
	height: 50px;
	border: 8px solid rgb(255,255,255);
	border-radius: 50px;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
}

.dialog.loading p .loading-spinner > div > .loading-spinner-holder,
.dialog.loading .p .loading-spinner > div > .loading-spinner-holder
{
	position: absolute;
	width: 16px;
	height: 50px;
	left: 16px;
	top: 0px;
	animation-duration:         0.7s;
	-o-animation-duration:      0.7s;
	-ms-animation-duration:     0.7s;
	-webkit-animation-duration: 0.7s;
	-moz-animation-duration:    0.7s;
	animation-name:             ball_moveG;
	-o-animation-name:          ball_moveG;
	-ms-animation-name:         ball_moveG;
	-webkit-animation-name:     ball_moveG;
	-moz-animation-name:        ball_moveG;
	animation-iteration-count:         infinite;
	-o-animation-iteration-count:      infinite;
	-ms-animation-iteration-count:     infinite;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count:    infinite;
	animation-timing-function:         linear;
	-o-animation-timing-function:      linear;
	-ms-animation-timing-function:     linear;
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function:    linear;
}

.dialog.loading p .loading-spinner > div > div > .loading-spinner-ball,
.dialog.loading .p .loading-spinner > div > div > .loading-spinner-ball
{
	position: absolute;
	left: 0px;
	top: -14px;
	width: 23px;
	height: 23px;
	background: rgb(255,255,255);
	border-radius: 19px;
	-o-border-radius: 19px;
	-ms-border-radius: 19px;
	-webkit-border-radius: 19px;
	-moz-border-radius: 19px;
}

@keyframes ball_moveG{
	0% {
		transform:rotate(0deg)
	}

	100% {
		transform:rotate(360deg)
	}
}

@-o-keyframes ball_moveG{
	0% {
		-o-transform:rotate(0deg)
	}

	100% {
		-o-transform:rotate(360deg)
	}
}

@-ms-keyframes ball_moveG{
	0% {
		-ms-transform:rotate(0deg)
	}

	100% {
		-ms-transform:rotate(360deg)
	}
}

@-webkit-keyframes ball_moveG{
	0% {
		-webkit-transform:rotate(0deg)
	}

	100% {
		-webkit-transform:rotate(360deg)
	}
}

@-moz-keyframes ball_moveG{
	0% {
		-moz-transform:rotate(0deg)
	}

	100% {
		-moz-transform:rotate(360deg)
	}
}

.dialog.loading h1
{
	letter-spacing: 1px;
}

.dialog.message p,
.dialog.success p,
.dialog.error   p,
.dialog.warn    p
{
	text-align: center;

	-webkit-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	-ms-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	-o-transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
	transition: width 0.5s ease-in-out, height 0.5s ease-in-out;
}

.dialog.warn    p
{
	text-align: justify;
	white-space: normal;
	max-width: 400px !important;
}

.dialog.message p > div,
.dialog.success p > div,
.dialog.error   p > div,
.dialog.warn    p > div,
.dialog.about   p > div
{
	display: inline-block;
}

.dialog.message .inputs-container,
.dialog.loading .inputs-container,
.dialog.success .inputs-container,
.dialog.error   .inputs-container,
.dialog.warn    .inputs-container,
.dialog.about   .inputs-container
{
	height: 0;
	min-height: 0;
}

.dialog.success > h1:before,
.dialog.error > h1:before,
.dialog.warn > h1:before
{
	content: "";
	height: 80px;
	width: 100%;
	display: block;
	background-position: top center;
	background-repeat: no-repeat;
}

.dialog.success > h1:before
{
	background-image: url("../images/dialog/success.png");
}

.dialog.error > h1:before
{
	background-image: url("../images/dialog/error.png");
}

.dialog.warn > h1:before
{
	background-image: url("../images/dialog/warn.png");
}

.dialog.about > h1
{
	letter-spacing: 0.07em;
	word-spacing: 0.5em;
}

.dialog.about p
{
	padding-top: 160px;
	background: transparent url("../images/common/logo.png") top center no-repeat;
}

.dialog.about strong
{
	font-size: 16px;
	font-weight: normal;
	color: #cfcfcf;
	margin: 0 0 15px;
}

.dialog.about p div > *
{
	display: block;
}

.dialog.about p div > span
{
	font-size: 10px;
	padding: 0 15px;
}

.dialog.warn .debug-trace
{
	overflow: hidden;
	overflow-y: auto;
	min-width: 215px;
	max-width: 400px;
	max-height: 250px;
	padding-left: 30px;
}

.dialog.warn .debug-trace li
{
	list-style-type: decimal;
	text-align: left;
}

.payment-master-card,
.payment-visa-card,
.payment-paypal
{
	display: block;
	position: absolute;
	width: 120px;
	height: 76px;
	background-position: -4px -28px;
	background-repeat: no-repeat;
}

.payment-master-card:after,
.payment-visa-card:after,
.payment-paypal:after
{
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 15px;
	background-image: -webkit-radial-gradient(50% -65%, circle, rgba(255,255,255,.5), rgba(255,255,255,.2) 70%, transparent 70%),
			-webkit-radial-gradient(50% -65%, circle, rgba(0,0,0,0), rgba(0,0,0,0) 70%, rgba(0,0,0,.15) 70%, rgba(0,0,0,.1) 100%);
	background-image: -moz-radial-gradient(50% -65%, circle, rgba(255,255,255,.5), rgba(255,255,255,.2) 70%, transparent 70%),
			-moz-radial-gradient(50% -65%, circle, rgba(0,0,0,0), rgba(0,0,0,0) 70%, rgba(0,0,0,.15) 70%, rgba(0,0,0,.1) 100%);
	background-image: -o-radial-gradient(50% -65%, circle, rgba(255,255,255,.5), rgba(255,255,255,.2) 70%, transparent 70%),
			-o-radial-gradient(50% -65%, circle, rgba(0,0,0,0), rgba(0,0,0,0) 70%, rgba(0,0,0,.15) 70%, rgba(0,0,0,.1) 100%);
}

.payment-master-card
{
	background-image: url("../images/inperson/mastercard.png");
}

.payment-visa-card
{
	background-image: url("../images/inperson/visa.png");
}

.payment-paypal
{
	background-image: url("../images/inperson/paypal.png");
}

.overlay .signature.load-wrapper > div
{
	box-shadow: 0 0;
	background-color: transparent;
}

ul.horizontal-tabs li
{
	display: inline-block;
	border-bottom: none;
}

ul.horizontal-tabs li div
{
	border-radius: none;
}

ul.horizontal-tabs li > div,
ul.horizontal-tabs li > input + div
{
	margin-right: -1px;
}

ul.horizontal-tabs li .cw label
{
	text-align: center;
	padding: 0;
	line-height: 38px;
	vertical-align: middle;
	display: block;
	height: auto;
	cursor: pointer;
}

.horizontal-tab-wrapper .control-operator:nth-of-type(1):checked ~ .horizontal-tabs li:nth-of-type(1) label,
.horizontal-tab-wrapper .control-operator:nth-of-type(2):checked ~ .horizontal-tabs li:nth-of-type(2) label,
.horizontal-tab-wrapper .control-operator:nth-of-type(3):checked ~ .horizontal-tabs li:nth-of-type(3) label,
.horizontal-tab-wrapper .control-operator:nth-of-type(4):checked ~ .horizontal-tabs li:nth-of-type(4) label,
.horizontal-tab-wrapper .control-operator:nth-of-type(5):checked ~ .horizontal-tabs li:nth-of-type(5) label,
.horizontal-tab-wrapper .control-operator:nth-of-type(6):checked ~ .horizontal-tabs li:nth-of-type(6) label,
.horizontal-tab-wrapper .control-operator:nth-of-type(7):checked ~ .horizontal-tabs li:nth-of-type(7) label,
.horizontal-tab-wrapper .control-operator:nth-of-type(8):checked ~ .horizontal-tabs li:nth-of-type(8) label,
.horizontal-tab-wrapper .control-operator:nth-of-type(9):checked ~ .horizontal-tabs li:nth-of-type(9) label,

ul.horizontal-tabs li input[type='radio']:checked + div ul li > div,
ul.horizontal-tabs li div.highlight
{
	color: #fefefe;
	text-shadow: 1px 1px 1px #0a0a0a;
	background: rgb(109,179,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(109,179,242,1) 0%, rgba(84,163,238,1) 50%, rgba(54,144,240,1) 51%, rgba(30,105,222,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(109,179,242,1)), color-stop(50%,rgba(84,163,238,1)), color-stop(51%,rgba(54,144,240,1)), color-stop(100%,rgba(30,105,222,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(109,179,242,1) 0%,rgba(84,163,238,1) 50%,rgba(54,144,240,1) 51%,rgba(30,105,222,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}

ul.horizontal-tabs li input[type='radio']:checked + div label,
ul.horizontal-tabs li div.highlight
{
	color: #fff;
	text-shadow: 1px 1px 1px #3f3f3f;
}

ul.horizontal-tabs li:first-child,
ul.horizontal-tabs li:first-child > div
{
	border-radius: 10px 0 0 10px !important;
}

ul.horizontal-tabs li:first-child > div
{
	border-left: none;
}

ul.horizontal-tabs li:last-child,
ul.horizontal-tabs li:last-child > div
{
	border-radius: 0 10px 10px 0 !important;
}

.clean-layout li .button .cw,
ul.horizontal-tabs li .cw
{
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
}

.horizontal-tab-wrapper
{
	position: absolute;
	overflow-x: hidden;
	overflow-y: auto;
	left: 0;
	right: 0;
}

.horizontal-tab-wrapper input[type='radio'],
.horizontal-tab-wrapper input[type='checkbox']
{
	display: none;
}

.horizontal-tab-wrapper .overflow-wrapper
{
	position: relative;
}

.horizontal-tab-wrapper input[type='radio'] ~ .horizontal-tabs label,
.horizontal-tab-wrapper input[type='checkbox'] ~ .horizontal-tabs label
{
	background: #fff;
	color: #333;
}

.horizontal-tab-wrapper input[type='radio'] ~ .horizontal-tabs label,
.horizontal-tab-wrapper .horizontal-tab-content
{
	float: left;
	position: relative;
}

.horizontal-tab-wrapper ul.horizontal-tabs li > div
{
	margin-right: 0;
}

.timeline > .vertical-tabs .cw > label,
.timeline > .vertical-tabs .cw > .label
{
	overflow: visible;
}

.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(1):checked ~ .horizontal-tabs li:nth-of-type(1) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(2):checked ~ .horizontal-tabs li:nth-of-type(2) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(3):checked ~ .horizontal-tabs li:nth-of-type(3) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(4):checked ~ .horizontal-tabs li:nth-of-type(4) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(5):checked ~ .horizontal-tabs li:nth-of-type(5) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(6):checked ~ .horizontal-tabs li:nth-of-type(6) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(7):checked ~ .horizontal-tabs li:nth-of-type(7) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(8):checked ~ .horizontal-tabs li:nth-of-type(8) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(9):checked ~ .horizontal-tabs li:nth-of-type(9) label,
.timeline > .clean-layout.horizontal-tabs > li,
.timeline.horizontal-tab-wrapper > input[type="radio"] ~ .horizontal-tabs label,
.timeline.horizontal-tab-wrapper > input[type="checkbox"] ~ .horizontal-tabs label,

.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(1):checked ~ .vertical-tabs li:nth-of-type(1) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(2):checked ~ .vertical-tabs li:nth-of-type(2) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(3):checked ~ .vertical-tabs li:nth-of-type(3) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(4):checked ~ .vertical-tabs li:nth-of-type(4) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(5):checked ~ .vertical-tabs li:nth-of-type(5) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(6):checked ~ .vertical-tabs li:nth-of-type(6) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(7):checked ~ .vertical-tabs li:nth-of-type(7) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(8):checked ~ .vertical-tabs li:nth-of-type(8) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(9):checked ~ .vertical-tabs li:nth-of-type(9) label,
.timeline > .clean-layout.vertical-tabs > li,
.timeline.vertical-tab-wrapper > input[type="radio"] ~ .vertical-tabs label,
.timeline.vertical-tab-wrapper > input[type="checkbox"] ~ .vertical-tabs label
{
	background: transparent;
	color: #6f6f6f;
	text-shadow: 1px 1px 1px #fefefe;
}

.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(1):checked ~ .horizontal-tabs li:nth-of-type(1) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(2):checked ~ .horizontal-tabs li:nth-of-type(2) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(3):checked ~ .horizontal-tabs li:nth-of-type(3) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(4):checked ~ .horizontal-tabs li:nth-of-type(4) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(5):checked ~ .horizontal-tabs li:nth-of-type(5) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(6):checked ~ .horizontal-tabs li:nth-of-type(6) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(7):checked ~ .horizontal-tabs li:nth-of-type(7) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(8):checked ~ .horizontal-tabs li:nth-of-type(8) label,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(9):checked ~ .horizontal-tabs li:nth-of-type(9) label,

.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(1):checked ~ .vertical-tabs li:nth-of-type(1) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(2):checked ~ .vertical-tabs li:nth-of-type(2) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(3):checked ~ .vertical-tabs li:nth-of-type(3) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(4):checked ~ .vertical-tabs li:nth-of-type(4) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(5):checked ~ .vertical-tabs li:nth-of-type(5) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(6):checked ~ .vertical-tabs li:nth-of-type(6) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(7):checked ~ .vertical-tabs li:nth-of-type(7) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(8):checked ~ .vertical-tabs li:nth-of-type(8) label,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(9):checked ~ .vertical-tabs li:nth-of-type(9) label
{
	font-weight: bold;
}

.timeline > .horizontal-tabs .cw > label::before,
.timeline > .horizontal-tabs .cw > label::after,
.timeline > .vertical-tabs .cw > label::before,
.timeline > .vertical-tabs .cw > .label::before
{
	border: solid 2px #6f6f6f;
	border-radius: 12px;
	bottom: -30px;
	content: '';
	display: inline-block;
	height: 20px;
	left: 50%;
	margin-left: -10px;
	position: absolute;
	width: 20px;
}

.timeline > .horizontal-tabs .cw > label::before,
.timeline > .vertical-tabs .cw > label::before,
.timeline > .vertical-tabs .cw > .label::before
{
	background: #fff;
}

.timeline > .horizontal-tabs li:last-child .cw > label::before
{
	width: 14px;
	height: 14px;
	margin-left: -7px;
	bottom: -27px;
}

.timeline > .horizontal-tabs li:last-child .cw > label::after
{
	width: 24px;
	height: 24px;
	border-radius: 14px;
	margin-left: -12px;
	bottom: -32px;
}

.timeline > .vertical-tabs .cw > label::before,
.timeline > .vertical-tabs .cw > .label::before
{
	bottom: auto;
	left: -24px;
}

.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(1):checked ~ .horizontal-tabs li:nth-of-type(1) label:before,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(2):checked ~ .horizontal-tabs li:nth-of-type(2) label:before,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(3):checked ~ .horizontal-tabs li:nth-of-type(3) label:before,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(4):checked ~ .horizontal-tabs li:nth-of-type(4) label:before,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(5):checked ~ .horizontal-tabs li:nth-of-type(5) label:before,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(6):checked ~ .horizontal-tabs li:nth-of-type(6) label:before,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(7):checked ~ .horizontal-tabs li:nth-of-type(7) label:before,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(8):checked ~ .horizontal-tabs li:nth-of-type(8) label:before,
.timeline.horizontal-tab-wrapper > .control-operator:nth-of-type(9):checked ~ .horizontal-tabs li:nth-of-type(9) label:before,

.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(1):checked ~ .vertical-tabs li:nth-of-type(1) label:before,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(2):checked ~ .vertical-tabs li:nth-of-type(2) label:before,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(3):checked ~ .vertical-tabs li:nth-of-type(3) label:before,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(4):checked ~ .vertical-tabs li:nth-of-type(4) label:before,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(5):checked ~ .vertical-tabs li:nth-of-type(5) label:before,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(6):checked ~ .vertical-tabs li:nth-of-type(6) label:before,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(7):checked ~ .vertical-tabs li:nth-of-type(7) label:before,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(8):checked ~ .vertical-tabs li:nth-of-type(8) label:before,
.timeline.vertical-tab-wrapper > .control-operator:nth-of-type(9):checked ~ .vertical-tabs li:nth-of-type(9) label:before
{
	background: #6f6f6f;
}


.main-horizontal-tab-wrapper .content-item-tab
{
	display: none;
}

.signature-canvas
{
	width: 690px;
	height: 500px;
	position: relative;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 10px #c0c0c0 inset;
	background: #fefefe;
}

.signature-canvas .signature-pad > div
{
	position: relative;
	height: 100%;
	width: 100%;
}

.signature-canvas .canvas-wrapper,
.signature-canvas .signature-controls,
.signature-canvas .canvas-wrapper canvas,
.signature-canvas .signature-bar
{
	position: absolute;
	display: block;
}

.signature-canvas .canvas-wrapper
{
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
}

.signature-canvas .signature-bar
{
	border-top: dashed 1px #000;
	bottom: 10%;
	left: 5%;
	width: 90%;
	height: 20px;
	color: #999;
	padding-top: 5px;
	text-align: center;
}

.signature-canvas .signature-controls
{
	top: 90%;
	left: 0;
	width: 100%;
	height: 10%;
}

.signature-canvas .signature-controls > a
{
	font-size: 1.5em;
	width: 50%;
	position: absolute;
	top: 0;
	bottom: 0;
	display: block;
	border-radius: 0;
	letter-spacing: 2px;
	text-shadow: 1px 1px 2px #fefefe;
	cursor: pointer;
}

.signature-canvas .signature-controls > a:hover
{
	text-shadow: 1px 1px 2px #3f3f3f;
}

.signature-canvas .signature-controls > a span
{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	margin-top: -0.75em;
	text-align: center;
}

.signature-canvas .signature-controls > a:nth-child(2)
{
	left: 50%;
}

.clean-layout li .protocol-indicator
{
	background-color: #dfdfdf;
	border: 1px solid #bfbfbf;
	border-radius: 1.35em;
	padding-left: 1.35em;
	padding-right: 1.35em;
	display: inline-block;
	margin-top: 1px;
}

.clean-layout li .protocol-indicator:hover
{
	border-color: #0300E8;
	color: #000FB5;
	background: rgb(225,255,255);
	background: -moz-linear-gradient(top,  rgba(225,255,255,1) 0%, rgba(225,255,255,1) 7%, rgba(225,255,255,1) 12%, rgba(253,255,255,1) 12%, rgba(230,248,253,1) 30%, rgba(200,238,251,1) 54%, rgba(190,228,248,1) 75%, rgba(177,216,245,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(225,255,255,1)), color-stop(7%,rgba(225,255,255,1)), color-stop(12%,rgba(225,255,255,1)), color-stop(12%,rgba(253,255,255,1)), color-stop(30%,rgba(230,248,253,1)), color-stop(54%,rgba(200,238,251,1)), color-stop(75%,rgba(190,228,248,1)), color-stop(100%,rgba(177,216,245,1)));
	background: -webkit-linear-gradient(top,  rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%);
	background: -o-linear-gradient(top,  rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%);
	background: -ms-linear-gradient(top,  rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%);
	background: linear-gradient(to bottom,  rgba(225,255,255,1) 0%,rgba(225,255,255,1) 7%,rgba(225,255,255,1) 12%,rgba(253,255,255,1) 12%,rgba(230,248,253,1) 30%,rgba(200,238,251,1) 54%,rgba(190,228,248,1) 75%,rgba(177,216,245,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e1ffff', endColorstr='#b1d8f5',GradientType=0 );
}

.clean-layout li .protocol-indicator:active
{
	background: #e1ffff;
	border-color: #00ffff;
}

.clean-layout li .underline .protocol-indicator,
.clean-layout li .underline .protocol-indicator:active,
.clean-layout li .underline .protocol-indicator:hover
{
	background: transparent;
	display: inline;
	margin-top: 1px;
	text-decoration: underline;
	border: none;
	padding: 0;
}

.clean-layout li .underline .protocol-indicator:hover
{
	color: #0300E8;
}

li div.slider,
li div.slider span
{
	border-radius: 1.35em;
	border-top: none;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) inset, 0 1px 0 0 #a0a0a0;
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0) 100%);
	height: 10px;
	margin: 10px 15px;
	min-height: 0 !important;
}

li div.slider span
{
	box-shadow: none;
	background-color: #999;
	border: #909090;
	display: block;
	margin: 0;
	position: absolute;
}

li div.slider a.slider-handle
{
	background: rgb(255,255,255);
	background: -moz-linear-gradient(-45deg,  rgba(255,255,255,1) 0%, rgba(123,132,129,1) 50%, rgba(10,14,10,1) 51%, rgba(10,8,9,1) 100%);
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(123,132,129,1)), color-stop(51%,rgba(10,14,10,1)), color-stop(100%,rgba(10,8,9,1)));
	background: -webkit-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(123,132,129,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
	background: -o-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(123,132,129,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
	background: -ms-linear-gradient(-45deg,  rgba(255,255,255,1) 0%,rgba(123,132,129,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
	background: linear-gradient(135deg,  rgba(255,255,255,1) 0%,rgba(123,132,129,1) 50%,rgba(10,14,10,1) 51%,rgba(10,8,9,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#0a0809',GradientType=1 );
	border-radius: 1.35em;
	box-shadow: -1px -1px 2px #afafaf, 1px 1px 2px #afafaf;
	height: 20px;
	min-height: auto;
	min-width: auto;
	top: -4px;
	width: 20px;
	display: block;
	position: aboslute;
}

.clean-layout .stagex-file-upload div
{
	border: none;
}

.file-info-wrapper
{
	display: inline-block;
	position: absolute;
	left: 160px;
	right: 0;
	top: 0;
	background: none;
	background-color: transparent;
}

.file-info-wrapper li
{
	position: relative;
	background: none;
	background-color: transparent;
}

.file-info-wrapper li,
.file-info-wrapper li div
{
	border: none;
}

.file-info-wrapper li .filename
{
	font-size: 1.35em;
	margin: 10px 0 20px;
	padding-left: 80px;
}

.file-info-wrapper li > div
{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-height: 18px;
}

.file-info-wrapper li .filetype,
.file-info-wrapper li .attributes
{
	color: #aaa;
	display: inline-block;
}

.file-info-wrapper li .filetype,
.file-info-wrapper li .attributes.value
{
	position: absolute;
	left: 80px;
}

.clean-layout label.plain-label,
.file-info-wrapper li .attributes.value
{
	color: #000;
}

.file-info-thumbnail
{
	display: inline-block;
	/*min-width: 80px;*/
	/*min-height: 150px !important;*/
	height: 200px;
	width: 150px;
	margin-right: 10px !important;
	border: solid 1px #d0d0d0 !important;
	box-shadow: 1px 1px 2px #666;
	position: relative;

	background: rgb(181,189,200); /* Old browsers */
	background: -moz-radial-gradient(top, circle cover,  rgba(181,189,200,1) 0%, rgba(130,140,149,1) 36%, rgba(40,52,59,1) 100%);
	background: -webkit-gradient(radial, top, 0px, center center, 100%, color-stop(0%,rgba(181,189,200,1)), color-stop(36%,rgba(130,140,149,1)), color-stop(100%,rgba(40,52,59,1)));
	background: -webkit-radial-gradient(top, circle cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
	background: -o-radial-gradient(top, circle cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
	background: -ms-radial-gradient(top, circle cover,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
	background: radial-gradient(circle at top,  rgba(181,189,200,1) 0%,rgba(130,140,149,1) 36%,rgba(40,52,59,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 );
}

.file-info-thumbnail > span
{
	display: block !important;
	font-size: 48px;
	font-weight: bold;
	line-height: 100px !important;
	text-align: center;
	vertical-align: top;
	position: absolute;
	bottom: 5px;
	left: 0;
	right: 0;
	color: #000;
	text-shadow: 1px 1px 1px #eee;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), color-stop(50%, rgba(0,0,0,.5)), to(rgba(0,0,0,1)));
}

li div.file-upload-progress-bar
{
	margin-bottom: 3px;
}

li div.file-upload-text
{
	text-align: center;
}

.file-upload-progress-bar span.file-upload-indicator
{
	background: rgb(0,255,250); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(0,255,250,1) 0%, rgba(0,133,216,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,255,250,1)), color-stop(100%,rgba(0,133,216,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,255,250,1) 0%,rgba(0,133,216,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,255,250,1) 0%,rgba(0,133,216,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,255,250,1) 0%,rgba(0,133,216,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,255,250,1) 0%,rgba(0,133,216,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00fffa', endColorstr='#0085d8',GradientType=0 ); /* IE6-9 */
}

li div.file-upload-progress-text
{
	text-align: right;
	float: left;
	width: 51%;
}

li div.file-upload-msg > div
{
	display: none;
	height: 77px;
	float: right;
	width: 60px;
}

.upload-success .success,
.upload-fail .fail
{
	display: block;
}

.upload-success .file-upload-progress-bar,
.upload-success .file-upload-progress-text
{
	visibility: hidden;
}

.upload-success .file-upload-progress-text
{
	height: 0;
	display: none;
}

.upload-fail .file-upload-progress-bar span.file-upload-indicator
{
	background: red;
}

.email-wrapper {
	margin-left: 10px;
	padding: 0 1.35em;
	border-radius: 1.35em;
	display: inline-block;
	background-color: #dfdfdf;
	border: solid 1px #bfbfbf;
}

.stagex-sortable-column::before
{
	position: absolute;
	right: 3px;
}

.file-drag-over
{
	color: #fff;
	background: #00508e;
}

.file-drag-over::before,
.file-drag-over::after
{
	content: '';
	display: block;
	position: absolute;
}

.file-drag-over::before
{
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	border: dashed 5px #fff;
	border-radius: 10px;
	padding-top: 24%;
	background: rgba(0, 80, 142, 0.95);
}

.file-drag-over::after
{
	content: 'Drop Here';
	font-size: 3em;
	text-align: center;
	top: 50%;;
	width: 100%;
}

.file-drag-over *
{
	opacity: 0.1;
}

.numbered-layout
{
	counter-reset: my-awesome-counter;
}

.numbered-layout li
{
	counter-increment: my-awesome-counter;
	position: relative;
}

.numbered-layout li::before
{
	content: counter(my-awesome-counter)'.';
	position: absolute;
	--size: 32px;
	line-height: var(--size);
	width: var(--size);
	height: var(--size);
	top: 3px;
	left: calc(-1 * var(--size) - 5px);
	text-align: right;
}

.numbered-layout li.no-numbering
{
	counter-increment: none;
}

.numbered-layout li.no-numbering::before
{
	content: '';
}

.noline-layout
{
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0;
}

.noline-layout li
{
	border-bottom: none;
	background-color: transparent;
}


.dndfile-container li
{
	background: #fff;
}

.dndfile-container li .upload-row
{
	min-height: 285px;
	text-align: center;
	color: #606060;
}

.dndfile-container li .upload-row span.label
{
	font-size: 1.35em;
}

.dndfile-container li .upload-row .cw > div
{
	text-align: left;
}



* > .stagex-copy-to-clipboard
{
	visibility: hidden;
}

*:hover > .stagex-copy-to-clipboard
{
	color: #999;
	font-size: 0.8em;
	visibility: visible;
}



@keyframes shine {
	to {
		transform: translateX(100%);
	}
}

.sort-widget {
	position: relative;
	height: 1.5em;
	background-image: linear-gradient(lightgray, lightgray);
	border-radius: 5px;
}

.sort-icons {
	position: relative;
	width: 100%;
	height: 100%;
}

.sort-icons label {
	position: absolute;
	width: 100%;
	height: 100%;
	cursor: pointer;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.2s;
	text-align: right;
	padding-right: 3px;
	border-radius: 5px;
	overflow: hidden;
}

.sort-icons label:hover::after {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	content: '';
	transform: translateX(-100%);
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));
	animation: shine 1.5s infinite;
}

.sort-widget input.sort-n:checked ~ .sort-icons .sort-none,
.sort-widget input.sort-a:checked ~ .sort-icons .sort-asc,
.sort-widget input.sort-d:checked ~ .sort-icons .sort-desc {
	opacity: 1;
	pointer-events: auto;
}

.sorting-container {
	margin-bottom: -5px;
}

.sorting-wrapper > .left,
.sorting-wrapper > .right {
	margin-bottom: 5px;
}