@charset "UTF-8";

:root {
	--m2-palette-gradient-default: linear-gradient(45deg, #2e99cb 0%, #426acc 42%, #7250b5 100%);
	--m2-palette-primary-main: #4075ed;
	--m2-palette-text-primary: rgba(0, 0, 0, 0.87);
	--m2-palette-text-secondary: rgba(0, 0, 0, 0.6);
	--m2-palette-text-disabled: rgba(0, 0, 0, 0.38);
}

html, body {
	background-color: transparent;
	color: var(--m2-palette-text-primary);
	margin: 0;
	padding: 0;
	height: 100%;
	min-width: 980px;
	font-size: 16px;
	font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-weight: 400;
	-webkit-font-smoothing: auto;
}

#page {
	min-height: 100%;
	position: relative;
	min-width: 980px;
}

#container {
	margin: 0px;
	padding: 0px;
	width: 100%;
	min-width: 980px;
	min-height: 600px;
	position: relative;
	padding-bottom: 370px;

}

hr {
	color: #484848;
}

a { outline: 0; text-decoration: none; color: #07c; }

.whiteLink:link {text-decoration: none; color: #fff;}
.whiteLink:visited {text-decoration: none; color: #fff;}
.whiteLink:hover {text-decoration: underline; color: #fff;}
.whiteLink:active {text-decoration: none; color: #999;}

/*
h1, h2, h3, h4, h5, h6 {
	margin: 10px 0px 0px 0px;
	padding: 0px;
}
*/

/*
input,
textarea {
	margin: 0;
	padding: 2px;
	font-size: 10pt;
	color: #333;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
*/

/*
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
	padding: 5px 10px;
	width: 94%;
	border: 1px solid #bbb;
	background: #fff;
}
*/

textarea.invalid,
input.invalid {
	/*background: url('/static/skins/warning.png') no-repeat center right;*/
	box-shadow: 0 0 2px #E59544;
    border-color: #E5892D;
}

select.invalid {
    background: #f3a712;
}

.invalidborder { border: 2px dashed #c00; }

form { padding: 10px; }
img { border: 0; }

input[type="submit"] {
	outline: none;
}

input[name="cSearch"]::-webkit-input-placeholder {
	font-size: 9pt !important;
}
input[name="cSearch"]:-moz-placeholder {
	font-size: 9pt !important;
}
input[name="cSearch"]::-moz-placeholder {
	font-size: 9pt !important;
}
input[name="cSearch"]:-ms-input-placeholder {
	font-size: 9pt !important;
}
/*
input::-webkit-input-placeholder,
textarea::-webkit-textarea-placeholder {
   color: #666 !important;
   font-size: 9pt !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #666 !important;
	font-size: 9pt !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder {  */
/* Firefox 19+ *//*

	color: #666 !important;
	font-size: 9pt !important;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #666 !important;
	font-size: 9pt !important;
}
*/


.container {
	align-items: center;
	display: flex;
	margin: 0 auto;
	max-width: 1200px;
	padding: 0 24px;
}



/* Tables */
table.on {
	background-color: #fff;
	border-collapse: collapse;
	font-size: 10pt;
}

table.on th {
	background-color: #F7F9F9;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 10px;
	text-align: left;
	vertical-align: middle;
}

table.on tr.h3 th {
	background-color: #579ee6;
	color: #fff;
	font-size: 13px;
	font-weight: normal;
	padding: 5px 10px 5px 10px;
	text-align: left;
	vertical-align: middle;
}

table.on td {
	padding: 5px 10px;
	font-size: 12px;
	border-top: 1px solid #e6e6e6;
	text-align: left;
}

th.number, td.number {
	text-align: right !important;
}

td.h1 {
	-moz-background-inline-policy: continuous;
	background: none repeat scroll 0 0 #3a87ad;
	color: #fff;
	padding: 5px 10px;
}

tr.on {
	background-color: #f8f8f8;
}

tr.off {
	background-color: #fff;
}


/* BANNER */
#alphabanner {
	background: url('/static/skins/alphabanner.png') repeat 0 0;
	border: 3px solid #b00;
	border-width: 3px 0px;
	height: 30px;
	width: 100%;
	padding: 5px 0px;
}

#bannermessage {
	text-align: center;
	font-size: 13px;
	font-weight: bold;
	width: 700px;
	height: 30px;
	line-height: 30px;
	margin: 0 auto;
	background: #fbfbe3;
	color: #b00;
}

#bannermessage span {
	margin: 0px 10px;
	color: #999;
	font-weight: normal;
}

#iebanner {
	display: none;
	visibility: hidden;
}


/* HEADER */
.header_button {
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-radius: 240px;
	color: #fff;
	display: inline-flex;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 25px;
	padding: 8px 24px;
	position: relative;
	text-align: center;
	text-decoration: none;
	text-transform: capitalize;
	transition: border 0.3s ease-in-out;
}
.header_button:hover, .header_button:visited, .header_button:active, .header_button:link {
	color: #fff;
	text-decoration: none;
}
.header_button:hover  {
	border-color: rgba(255, 255, 255, 0);	
}
.header_button::after {
	border-radius: 240px;
	border: 2px solid #fff;
	content: "";
	bottom: -6px;
	left: -6px;
	opacity: 0;
	position: absolute;
	right: -6px;
	top: -6px;
	transform: scale(0.925, 0.8);
	transition: all 0.3s ease-in-out;
	z-index: 1;
}
.header_button:hover::after {
	opacity: 1;
	transform: scale(1);	
}
.header_button_contained {
	background: var(--m2-palette-gradient-default);
	border: none;
}
.header_button_contained:hover {
	border: none;
}
.header_button_contained::after {
	border: 2px solid var(--m2-palette-primary-main);
}

#header {
	align-items: center;
	background: #000;
	display: flex;
	height: 80px;
	justify-content: center;
	padding: 0px 24px;
	position: relative;
	z-index: 2;
}
#header .header_inner {
	column-gap: 16px;
	flex: 1 1 auto;	
}
.header_spacer {
	flex: 1 1 0;
}

body.general #header {
	background-position: center top;
}
body.application #header {
	min-width: 980px;
	margin: 0 auto;	
}


/* Searchbox */
.header_searchbox {
	border-radius: 4px;
	width: 280px;
	height: 32px;
	position: relative;
	padding-left: 4px;
	background: #f0f0f0;
	line-height: 30px;
	margin-top: 8px;
	overflow: hidden;
}
.header_searchbox input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.54) !important;	
	font-size: 0.875rem !important;
}
.header_searchbox input:-moz-placeholder {
	color: rgba(0, 0, 0, 0.54) !important;
	font-size: 0.875rem !important;
}
.header_searchbox input::-moz-placeholder { /* Firefox 19+ */
	color: rgba(0, 0, 0, 0.54) !important;
	font-size: 0.875rem !important;
}
.header_searchbox input:-ms-input-placeholder {
	color: rgba(0, 0, 0, 0.54) !important;
	font-size: 0.875rem !important;
}
.header_searchbox > div {
	display: flex;
	margin: 0;
	padding: 0;
}
.header_searchbox > div > input {
	padding: 0px 8px;
	border: 0;
	display: inline-flex;
	background: transparent ;
	font-size: 0.875rem;
	height: 32px;
	margin-right: 24px;
	margin-bottom: 0;
	line-height: 32px;
	box-shadow: none;
	outline: 0;	
	width: 240px;
}
.header_searchbox > div > input:focus { 
	box-shadow: none;
}

.header_searchbox > div > .add-on {
	color: var(--m2-palette-text-secondary);
	background: transparent;	
	position: absolute;
	top: 6px;
	right: 8px;
	padding: 0;
	border: 0;
	transition: color 0.2s ease;
}
.header_searchbox .add-on:hover {
	color: var(--m2-palette-text-primary);
}
.header_searchbox .add-on .material-symbols-rounded {
	font-size: 20px;
}



/* LOGO */
#header .header_logo {		
	cursor: pointer;
	cursor: pointer;
	display: flex;
	margin-right: 16px;
	width: 192px;
}

/* Login */
#header .header_userdetails {
	color: #fff;
	margin-right: 16px;
}

#preferenceslink {
	background: url('/static/skins/preferencesicon.png') no-repeat;
	display: inline-block;
	vertical-align: middle;
	height: 20px;
	width: 20px;
	margin-left: 0;
}


#iAccountswitchdropdown {
	color: #333;
	margin-left: 10px;
}
#accountdropdown {
	margin: 0;
	padding: 1px;
	font-size: 12px;
	width: 250px;
}



/* Navbar */
#navbar {
	background-color: #363537;
	display: block;
	position: relative;
	padding: 0 24px;
}
#navbar ul {
	position: relative;
	list-style-type: none;
	margin: 0;
	margin-left: -8px;
	padding: 0;
	font-size: 8.6pt;
	display: inline-block;
	z-index: 1;
}
#navbar ul li {
	display: inline-block;
}
#navbar ul li:first-child a {
	margin-left: 0;
}
#navbar ul li:first-child a {
	border-left: 0;
}
#navbar ul li a {
	text-decoration: none;
	font-weight: 300;
	font-size: 10.5pt;
	padding: 16px;
	color: #fafafa;
	text-transform: uppercase;
	display: inline-block;
	border-left: 1px solid #4d4d4d;
}
#navbar ul li a:hover,
#navbar ul li a:active {
	text-decoration: none;
	background: #fff;
	color: var(--m2-palette-text-primary);
}
#navbar ul li a.nav-selected {
	background: #e8e8e8;
	color: var(--m2-palette-text-primary);
}

.navbarlogincontainer {
	position: relative;
	display: block;
	background: #eee;
	padding: 0 10px;
}
.navbarlogincontainer > ul {
	display: inline;
	margin: 0;
	font-size: 10pt;
}
.navbarlogincontainer > ul > li {
	display: inline-block;
	padding: 0 !important;
}

.navbarlogincontainer > ul > li a {
	color: #222 !important;
	display: inline-block;
	height: 20px;
	line-height: 18px;
	padding: 7px 15px;
	vertical-align: middle;
}
.navbarlogincontainer > ul > li a:hover,
.navbarlogincontainer > ul > li a:active {
	text-decoration: none !important;
	color: #333;
	background: #ddd;
}
.navbarlogincontainer > ul > li a.nav-selected {
	background: #fff;
	border-bottom: 0;
	color: #333;
}
.navbarlogincontainer .companyname {
	float: right;
	height: 34px;
	line-height: 32px;
	font-size: 10pt;
	margin-left: 5px;
}
.navbarlogincontainer .companyname > span {
	margin-left: 10px;
}

/* PAGE HEADING */
#pageheading {
	color: var(--m2-palette-text-primary);
	font-size: 2.7083rem;
	font-weight: 700;
	margin: 24px auto 16px;
	line-height: 1.2;
	padding: 5px 20px;
	width: 980px;
}
body.application #pageheading {
	display: inline-block;
}
body.liquid #pageheading {
	width: auto;
}


	/* deprecated */
	#content {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 980px;
		/*background: url('/static/skins/12_col.gif') repeat-y 0 0;  /* to assist with alignment */
	}

	/* deprecated*/
	.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
	.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11 { position: relative; }
	#content .alpha { margin-left: 0; }
	#content .omega { margin-right: 0; }
	/* deprecated*/
	#content .grid_1 {width:60px}
	#content .grid_2 {width:140px}
	#content .grid_3 {width:220px}
	#content .grid_4 {width:300px}
	#content .grid_5 {width:380px}
	#content .grid_6 {width:460px}
	#content .grid_7 {width:540px}
	#content .grid_8 {width:620px}
	#content .grid_9 {width:700px}
	#content .grid_10 {width:780px}
	#content .grid_11 {width:860px}
	#content .grid_12 {width:940px}
	/* deprecated*/
	#content .prefix_1 {padding-left:80px}
	#content .prefix_2 {padding-left:160px}
	#content .prefix_3 {padding-left:240px}
	#content .prefix_4 {padding-left:320px}
	#content .prefix_5 {padding-left:400px}
	#content .prefix_6 {padding-left:480px}
	#content .prefix_7 {padding-left:560px}
	#content .prefix_8 {padding-left:640px}
	#content .prefix_9 {padding-left:720px}
	#content .prefix_10 {padding-left:800px}
	#content .prefix_11 {padding-left:880px}
	/* deprecated*/
	#content .suffix_1 {padding-right:80px}
	#content .suffix_2 {padding-right:160px}
	#content .suffix_3 {padding-right:240px}
	#content .suffix_4 {padding-right:320px}
	#content .suffix_5 {padding-right:400px}
	#content .suffix_6 {padding-right:480px}
	#content .suffix_7 {padding-right:560px}
	#content .suffix_8 {padding-right:640px}
	#content .suffix_9 {padding-right:720px}
	#content .suffix_10 {padding-right:800px}
	#content .suffix_11 {padding-right:880px}
	/* deprecated*/
	#content .push_1 {left:80px}
	#content .push_2 {left:160px}
	#content .push_3 {left:240px}
	#content .push_4 {left:320px}
	#content .push_5 {left:400px}
	#content .push_6 {left:480px}
	#content .push_7 {left:560px}
	#content .push_8 {left:640px}
	#content .push_9 {left:720px}
	#content .push_10 {left:800px}
	#content .push_11 {left:880px}
	/* deprecated*/
	#content .pull_1 {left:-80px}
	#content .pull_2 {left:-160px}
	#content .pull_3 {left:-240px}
	#content .pull_4 {left:-320px}
	#content .pull_5 {left:-400px}
	#content .pull_6 {left:-480px}
	#content .pull_7 {left:-560px}
	#content .pull_8 {left:-640px}
	#content .pull_9 {left:-720px}
	#content .pull_10 {left:-800px}
	#content .pull_11 {left:-880px}
	/* deprecated*/
	#content a { font-size: 12px; }



/*----------------------------------------------------------------------------*/


/* LAYOUT */
.content { display: block; margin-left: auto; margin-right: auto; }

.content img.center { display: block; margin-left: auto; margin-right: auto; }
.content .center { margin-left: auto; margin-right: auto; }

.fixedwidth { width: 980px; }
.center { margin-left: auto; margin-right: auto; }

.rounded {
	border-radius: 5px;
	-moz-border-radius: 5px;
}
.roundedtop {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
}
.roundedbottom {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
}
.roundedright {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 5px;
}
.roundedleft {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}
.roundedtopleft {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
}
.roundedtopright {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
}
.roundedbottomleft {
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
}
.roundedbottomright {
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
}

.tile { background: #fff; z-index: 0; border: 1px solid; border-color: #e5e5e5 #dbdbdb #d2d2d2;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; -moz-box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px; }

.gradient { background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0));
	background: -moz-linear-gradient(center top , #fcfcfc, #fcfcfc 60%, #f0f0f0); }


/* GRID */
.column { float: left; }
.grid2, .grid2a, .grid2b, .grid2c, .grid2d, .grid2e, .grid2f, .grid3, .grid3a, .grid4, .grid5, .grid6 { width: 100%; }

.grid2 .column { width: 49%; }
.grid2 .column.first,
.grid2 .column.last { width: 49%; }

.grid2a .column.first { width: 66%; }
.grid2a .column.last { width: 32%; }

.grid2b .column.first { width: 74.9%; }
.grid2b .column.last { width: 23%; }

.grid2c .column.first { width: 32%; }
.grid2c .column.last { width: 66%; }

.grid2d .column.first { width: 23%; }
.grid2d .column.last { width: 74.9%; }

.grid2e .column.first { width: 79%; }
.grid2e .column.last { width: 19%; }

.grid2f .column.first { width: 19%; }
.grid2f .column.last { width: 79%; }

.grid3 .column { width: 32%; margin-left: 2%; }
.grid3 .column.first,
.grid3 .column.last { width: 32%; }
.grid2 .grid3 .column { width: 31%; }

.grid3a .column { width: 58%; margin-left: 2%; }
.grid3a .column.first,
.grid3a .column.last { width: 19%; }

.grid4 .column { width: 23.5%; margin-left: 2%; }
.grid4 .column.first,
.grid4 .column.last { width: 23.5%; }

.grid5 .column { width: 18.4%; margin-left: 2%; }
.grid5 .column.first,
.grid5 .column.last { width: 18.4%; }

.grid6 .column { width: 15%; margin-left: 2%; }
.grid6 .column.first,
.grid6 .column.last { width: 15%; }

.column.first, .column.last { margin-left: 0 !important; }
.column.first { clear: left; }
.column.last { float: right !important; }

p.last, ul.last, ol.last, li.last { _width: auto !important; _float: none !important; }


/* TYPE */
.m2p { font-weight: 300; line-height: 1.625; }

/* Footer */
#footer {
	bottom: 0;
	background: #363537;
	color: #ffffff;
	font-size: 1.125rem;
	line-height: 1.5;
	padding: 64px 0;
	position: absolute;
	width: 100%;
}
#footer .copyright {
	color: rgba(255, 255, 255, 0.7);
	font-size: 1rem;
	padding: 0;
	margin: 0;
}
#footer .copyright a {
	display: inline;	
}
#footer a {
	color: rgba(255, 255, 255, 0.7);
	display: block;
	font-size: 1rem;
	line-height: 1.75;
	text-decoration: none;
}
#footer a:hover,
#footer a:active {
	text-decoration: underline;
}
#footer .footer-logo {
	margin-bottom: 12px;
	width: 160px;
}
#footer .capterra {
	display: flex; 
	margin-left: -14px; 
	margin-top: 8px;
}
#footer .capterra img {
	max-width: 200px;
}
#footer-nav p {
	font-size: 1.1667rem;
	line-height: 1.5;
	padding-top: 4px;
	margin-bottom: 12px;
}


/* BUTTONS */
.button {
	display: inline-block;
	color: #333 !important;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.6);
	font-size: 12pt;
	font-weight: bold;
	padding: 3px 17px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #9B9B9B;
	border-radius: 4px;
	box-shadow: 1px 1px 1px -1px rgba(0, 0, 0, 0.3);
	outline: none;
	cursor: pointer;

	background: #f2f2f2; /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(229,229,229,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(229,229,229,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
}

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

	text-decoration: none;
}
.button:active {
	box-shadow: none;
	border: 1px solid #aaa;
}

.button.small {
	padding: 2px 8px;
	font-size: 10pt;
}

.button.blue {
	background: rgb(65,140,216); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(65,140,216,1) 0%, rgba(47,95,191,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,140,216,1)), color-stop(100%,rgba(47,95,191,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(65,140,216,1) 0%,rgba(47,95,191,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(65,140,216,1) 0%,rgba(47,95,191,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(65,140,216,1) 0%,rgba(47,95,191,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(65,140,216,1) 0%,rgba(47,95,191,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#418cd8', endColorstr='#2f5fbf',GradientType=0 ); /* IE6-9 */

	border: 1px solid #1C78CE;
	border-bottom: 1px solid #124E7C;
	color: #f8f8f8 !important;
	text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
}
.button.blue:hover {
	background: rgb(60,151,242); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(60,151,242,1) 0%, rgba(54,135,216,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(60,151,242,1)), color-stop(100%,rgba(54,135,216,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(60,151,242,1) 0%,rgba(54,135,216,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(60,151,242,1) 0%,rgba(54,135,216,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(60,151,242,1) 0%,rgba(54,135,216,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(60,151,242,1) 0%,rgba(54,135,216,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c97f2', endColorstr='#3687d8',GradientType=0 ); /* IE6-9 */
}
.button.blue:active {
	border: 1px solid #165BA0;
}

.button.green {
	/*
	background: rgb(44, 178, 44);
	background: -moz-linear-gradient(top,  rgba(44, 178, 44,1) 0%, rgba(38,153,38,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(44, 178, 44,1)), color-stop(100%,rgba(38,153,38,1)));
	background: -webkit-linear-gradient(top,  rgba(44, 178, 44,1) 0%,rgba(38,153,38,1) 100%);
	background: -o-linear-gradient(top,  rgba(44, 178, 44,1) 0%,rgba(38,153,38,1) 100%);
	background: -ms-linear-gradient(top,  rgba(44, 178, 44,1) 0%,rgba(38,153,38,1) 100%);
	background: linear-gradient(to bottom,  rgba(44, 178, 44,1) 0%,rgba(38,153,38,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2fbf2f', endColorstr='#269926',GradientType=0 );
	*/

	background: rgb(172,214,130);
	background: -moz-linear-gradient(top,  rgba(172,214,130,1) 0%, rgba(108,191,19,1) 8%, rgba(26,160,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(172,214,130,1)), color-stop(8%,rgba(108,191,19,1)), color-stop(100%,rgba(26,160,0,1)));
	background: -webkit-linear-gradient(top,  rgba(172,214,130,1) 0%,rgba(108,191,19,1) 8%,rgba(26,160,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(172,214,130,1) 0%,rgba(108,191,19,1) 8%,rgba(26,160,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(172,214,130,1) 0%,rgba(108,191,19,1) 8%,rgba(26,160,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(172,214,130,1) 0%,rgba(108,191,19,1) 8%,rgba(26,160,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acd682', endColorstr='#1aa000',GradientType=0 );

	border: 1px solid #33CC14;
	border-bottom: 1px solid #116600;
	color: #f8f8f8 !important;
	text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
}
.button.green:hover {
	background: rgb(196,229,160);
	background: -moz-linear-gradient(top,  rgba(196,229,160,1) 0%, rgba(125,216,21,1) 8%, rgba(31,191,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(196,229,160,1)), color-stop(8%,rgba(125,216,21,1)), color-stop(100%,rgba(31,191,0,1)));
	background: -webkit-linear-gradient(top,  rgba(196,229,160,1) 0%,rgba(125,216,21,1) 8%,rgba(31,191,0,1) 100%);
	background: -o-linear-gradient(top,  rgba(196,229,160,1) 0%,rgba(125,216,21,1) 8%,rgba(31,191,0,1) 100%);
	background: -ms-linear-gradient(top,  rgba(196,229,160,1) 0%,rgba(125,216,21,1) 8%,rgba(31,191,0,1) 100%);
	background: linear-gradient(to bottom,  rgba(196,229,160,1) 0%,rgba(125,216,21,1) 8%,rgba(31,191,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4e5a0', endColorstr='#1fbf00',GradientType=0 );

}
.button.green:active {
	border: 1px solid #199900;
}


/***********************
	TOOLBAR ELEMENTS
***********************/
.toolLeftEnd {
	background: url(/static/skins/toolbarEnds.png) 0px 0px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	width: 10px;
	height: 69px;
}

.toolMiddle {
	background: url(/static/skins/toolbar.png) repeat-x bottom;
	position: absolute;
	top: 0px;
	left: 10px;
	right: 10px;
	margin: 0px;
	padding: 0px;
	height: 69px;
}

.toolRightEnd {
	background: url(/static/skins/toolbarEnds.png) top right;
	position: absolute;
	top: 0px;
	right: 0px;
	margin: 0px;
	padding: 0px;
	width: 10px;
	height: 69px;
}

.toolbtn {
	border: 0;
	cursor: pointer;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	height: 69px;
}

.toolbtn span{
	margin: 0px 15px 0px 0px;
	height: 69px;
	position: relative;
	padding: 0px 0px 0px 15px;
	display: block;
	white-space: nowrap;
	font-size: 16px;
	line-height: 69px;
	text-align: center;
}

/* BLUE BUTTON */
.toolbtn.tblue {height: 69px; display: block;}
.toolbtn.tblue:link {text-decoration: none; color: #fff; background: url(blueglassbutton2.png) top right;}
.toolbtn.tblue:visited {text-decoration: none; color: #fff; background: url(blueglassbutton2.png) top right;}
.toolbtn.tblue:hover {text-decoration: none; color: #fff; background: url(blueglassbutton2.png) center right;}
.toolbtn.tblue:active {text-decoration: none; color: #fff; background: url(blueglassbutton2.png) bottom right; line-height: 70px;}

.toolbtn.tblue span {height: 69px; display: block;}
.toolbtn.tblue:link span {text-decoration: none; color: #fff; background: url(blueglassbutton.png) 0px 0px;}
.toolbtn.tblue:visited span {text-decoration: none; color: #fff; background: url(blueglassbutton.png) 0px 0px;}
.toolbtn.tblue:hover span {text-decoration: none; color: #fff; background: url(blueglassbutton.png) 0px 138px;}
.toolbtn.tblue:active span {text-decoration: none; color: #fff; background: url(blueglassbutton.png) 0px 69px; line-height: 70px;}

/* RED BUTTON */
.toolbtn.tred {height: 69px; display: block;}
.toolbtn.tred:link {text-decoration: none; color: #fff; background: url(redglassbutton2.png) top right;}
.toolbtn.tred:visited {text-decoration: none; color: #fff; background: url(redglassbutton2.png) top right;}
.toolbtn.tred:hover {text-decoration: none; color: #fff; background: url(redglassbutton2.png) center right;}
.toolbtn.tred:active {text-decoration: none; color: #fff; background: url(redglassbutton2.png) bottom right; line-height: 70px;}

.toolbtn.tred span {height: 69px; display: block;}
.toolbtn.tred:link span {text-decoration: none; color: #fff; background: url(redglassbutton.png) 0px 0px;}
.toolbtn.tred:visited span {text-decoration: none; color: #fff; background: url(redglassbutton.png) 0px 0px;}
.toolbtn.tred:hover span {text-decoration: none; color: #fff; background: url(redglassbutton.png) 0px 138px;}
.toolbtn.tred:active span {text-decoration: none; color: #fff; background: url(redglassbutton.png) 0px 69px; line-height: 70px;}

/* GREEN BUTTON */
.toolbtn.tgreen {height: 69px; display: block;}
.toolbtn.tgreen:link {text-decoration: none; color: #fff; background: url(greenglassbutton2.png) top right;}
.toolbtn.tgreen:visited {text-decoration: none; color: #fff; background: url(greenglassbutton2.png) top right;}
.toolbtn.tgreen:hover {text-decoration: none; color: #fff; background: url(greenglassbutton2.png) center right;}
.toolbtn.tgreen:active {text-decoration: none; color: #fff; background: url(greenglassbutton2.png) bottom right; line-height: 70px;}

.toolbtn.tgreen span {height: 69px; display: block;}
.toolbtn.tgreen:link span {text-decoration: none; color: #fff; background: url(greenglassbutton.png) 0px 0px;}
.toolbtn.tgreen:visited span {text-decoration: none; color: #fff; background: url(greenglassbutton.png) 0px 0px;}
.toolbtn.tgreen:hover span {text-decoration: none; color: #fff; background: url(greenglassbutton.png) 0px 138px;}
.toolbtn.tgreen:active span {text-decoration: none; color: #fff; background: url(greenglassbutton.png) 0px 69px; line-height: 70px;}

/* SILVER BUTTON */
.toolbtn.tsilver {height: 69px; display: block;}
.toolbtn.tsilver:link {text-decoration: none; color: #fff; background: url(silverglassbutton2.png) top right;}
.toolbtn.tsilver:visited {text-decoration: none; color: #fff; background: url(silverglassbutton2.png) top right;}
.toolbtn.tsilver:hover {text-decoration: none; color: #fff; background: url(silverglassbutton2.png) center right;}
.toolbtn.tsilver:active {text-decoration: none; color: #fff; background: url(silverglassbutton2.png) bottom right; line-height: 70px;}

.toolbtn.tsilver span {height: 69px; display: block;}
.toolbtn.tsilver:link span {text-decoration: none; color: #fff; background: url(silverglassbutton.png) 0px 0px;}
.toolbtn.tsilver:visited span {text-decoration: none; color: #fff; background: url(silverglassbutton.png) 0px 0px;}
.toolbtn.tsilver:hover span {text-decoration: none; color: #fff; background: url(silverglassbutton.png) 0px 138px;}
.toolbtn.tsilver:active span {text-decoration: none; color: #fff; background: url(silverglassbutton.png) 0px 69px; line-height: 70px;}

/* TOOLBAR INPUT BOX */
.toolinput {
	background: url(toolbartextbox2.png) top right;
	margin: 0px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	height: 69px;
	display: block;
}

.toolinput span{
	background: url(toolbartextbox.png);
	margin: 0px 15px 0px 0px;
	height: 69px;
	position: relative;
	padding: 0px 17px 0px 0px;
	display: block;
	white-space: nowrap;
}

.toolinput input {
	margin: 20px 0px 0px 6px;
	padding: 5px 9px 4px 9px;
	border: 0px;
	background: none;
	font-size: 17px;
	width: 100%;
	text-align: left;
}

.toollabel {
	margin: 0px;
	padding: 0px;
	height: 69px;
	color: #fff;
	font-weight: normal;
	font-family: Arial, sans-serif;
	font-size: 18px;
	line-height: 69px;
}


/***********************
	OTHER BUTTONS
***********************/

.closebtn {
	width: 30px;
	height: 30px;
}
	.closebtn a {height: 30px; width: 30px; display: block;}
	.closebtn a:link {text-decoration: none; background: url('/static/skins/ok_close.png') -30px 0px;}
	.closebtn a:visited {text-decoration: none; background: url('/static/skins/ok_close.png') -30px 0px;}
	.closebtn a:hover {text-decoration: none; background: url('/static/skins/ok_close.png') -30px -30px;}
	.closebtn a:active {text-decoration: none; background: url('/static/skins/ok_close.png') -30px -60px;}

.okbtn {
	width: 30px;
	height: 30px;
}
	.okbtn a {height: 30px; width: 30px; display: block;}
	.okbtn a:link {text-decoration: none; background: url('/static/skins/ok_close.png') 0px 0px;}
	.okbtn a:visited {text-decoration: none; background: url('/static/skins/ok_close.png') 0px 0px;}
	.okbtn a:hover {text-decoration: none; background: url('/static/skins/ok_close.png') 0px -30px;}
	.okbtn a:active {text-decoration: none; background: url('/static/skins/ok_close.png') 0px -60px;}

.searchbtn {
	width: 40px;
	height: 33px;
}
	.searchbtn a {height: 33px; width: 40px; display: block;}
	.searchbtn a:link {text-decoration: none; background: url('/static/skins/searchbutton.png') 0px 0px;}
	.searchbtn a:visited {text-decoration: none; background: url('/static/skins/searchbutton.png') 0px 0px;}
	.searchbtn a:hover {text-decoration: none; background: url('/static/skins/searchbutton.png') 0px -33px;}
	.searchbtn a:active {text-decoration: none; background: url('/static/skins/searchbutton.png') 0px -66px;}



.genbtn { border: 1px solid #ccc; display: inline-block;
	padding: 6px 15px; font-size: 14px; color: #345 !important;
	font-weight: bold; margin: 10px 0px 10px; text-shadow: 0px 1px #fff;
	box-shadow: 0px 0px 4px #ccc; }
.genbtn:hover, .genbtn:active { text-decoration: none;
	background: #dddde2; }

.genbtn.blue { background: #4d90fe; color: #fff !important;
	text-shadow: 1px 1px #4d80fe, -1px -1px #4d80fe;
	border-color: #4d80fe; }
.genbtn.blue:hover, .genbtn.blue:active {
	text-decoration: none; background: #4d80fe; }

.genbtn.green { background: #080; color: #fff !important;
	text-shadow: 1px 1px #070, -1px -1px #070;
	border-color: #070; }
.genbtn.green:hover, .genbtn.green:active {
	text-decoration: none; background: #070; }

.genbtn.red { background: #b00; color: #fff !important;
	text-shadow: 1px 1px #a00, -1px -1px #a00;
	border-color: #a00; }
.genbtn.red:hover, .genbtn.red:active {
	text-decoration: none; background: #a00; }



	/* deprecated */
	.roundedcorners {
		border-radius: 10px;
		-o-border-radius: 10px;
		-khtml-border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
	}
	/* deprecated */
	.roundedcornerstop {
		border-radius: 10px 10px 0px 0px;
		-o-border-radius: 10px 10px 0px 0px;
		-khtml-border-radius: 10px 10px 0px 0px;
		-moz-border-radius: 10px 10px 0px 0px;
		-webkit-border-radius: 10px 10px 0px 0px;
	}
	/* deprecated */
	.roundedcornersbottom {
		border-radius: 0px 0px 10px 10px;
		-o-border-radius: 0px 0px 10px 10px;
		-khtml-border-radius: 0px 0px 10px 10px;
		-moz-border-radius: 0px 0px 10px 10px;
		-webkit-border-radius: 0px 0px 10px 10px;
	}
	/* deprecated */
	.roundedcornersright {
		border-radius: 0px 10px 10px 10px;
		-o-border-radius: 0px 10px 10px 10px;
		-khtml-border-radius: 0px 10px 10px 10px;
		-moz-border-radius: 0px 10px 10px 10px;
		-webkit-border-radius: 0px 10px 10px 10px;
	}
	/* deprecated */
	.roundedcornersleft {
		border-radius: 10px 0px 0px 10px;
		-o-border-radius: 10px 0px 0px 10px;
		-khtml-border-radius: 10px 0px 0px 10px;
		-moz-border-radius: 10px 0px 0px 10px;
		-webkit-border-radius: 10px 0px 0px 10px;
	}
	/* deprecated */
	.smallroundedcorners {
		border-radius: 5px;
		-o-border-radius: 5px;
		-khtml-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}
	/* deprecated */
	.smallroundedcornerstop {
		border-radius: 5px 5px 0px 0px;
		-o-border-radius: 5px 5px 0px 0px;
		-khtml-border-radius: 5px 5px 0px 0px;
		-moz-border-radius: 5px 5px 0px 0px;
		-webkit-border-radius: 5px 5px 0px 0px;
	}

/* Badges */
.badge-green,
.badge-sellstobluechip,
.badge-profilecompletion,
.badge-just-in-time,
.badge-bbbee,
.badge-b2b,
.badge-webstore,
.badge-products {
	margin: 4px 1px 0;
	display: inline-block;
	height: 54px;
	width: 50px;
	background-image: url(badges-big.png);
	background-repeat: no-repeat;
}
.badge-green { background-position: -50px 0; }
.badge-sellstobluechip { background-position: -100px 0; }
.badge-profilecompletion { background-position: -150px 0; }
.badge-just-in-time { background-position: -200px 0; }
.badge-bbbee { background-position: -250px 0; }
.badge-b2b { background-position: -300px 0; }
.badge-webstore { background-position: -350px 0; }
.badge-products { background-position: -400px 0; }

.badge-small-green,
.badge-small-sellstobluechip,
.badge-small-profilecompletion,
.badge-small-just-in-time,
.badge-small-bbbee,
.badge-small-b2b,
.badge-small-webstore,
.badge-small-products {
	margin: 0 1px 0;
	display: inline-block;
	height: 21px;
	width: 20px;
	background-image: url(badges-small.png);
	background-repeat: no-repeat;
}
.badge-small-green { background-position: -20px 0; }
.badge-small-sellstobluechip { background-position: -40px 0; }
.badge-small-profilecompletion { background-position: -60px 0; }
.badge-small-just-in-time { background-position: -80px 0; }
.badge-small-bbbee { background-position: -100px 0; }
.badge-small-b2b { background-position: -120px 0; }
.badge-small-webstore { background-position: -140px 0; }
.badge-small-products { background-position: -160px 0; }


/* JAVASCRIPT ERRORS */
.errorelementinbox {
	background: #fdf8b2;
	color: #000;
	z-index: 300000;
	padding: 5px 30px;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	font-size: 10pt !important;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}

.errorelement {
	position: fixed;
	background: #fdf8b2;
	color: #000;
	z-index: 300000;
	padding: 5px 30px;
	left: 0;
	right: 0;
	display: block;
	text-align: center;
	font-size: 10pt !important;
	font-family: 'Trebuchet MS', Arial, sans-serif;
}
.errorelement.user_notice {

}
.errorelement.user_long_notice {

}
.errorelement.user_warning {

}
.errorelement.error {
	background: #C90D07;
	color: #fff;
	font-weight: normal !important;
}

.user_long_notice {
	background: #f0ad4e;
	color: #fff;
	font-weight: normal !important;
}

.errorelement.unrecoverable_error {
	background: #C90D07;
	color: #fff;
}
.errorelement.warning {

}
.errorelement.notice {

}
.errorelement.debug {

}
.errorelement.tip {
	background: #F7D3FF;
}


/* MISC */
	/* deprecated */
	.grad300 {background: url('/static/skins/bottomgradients/grad300.png') repeat-x bottom;}
	.grad200 {background: url('/static/skins/bottomgradients/grad200.png') repeat-x bottom;}
	.grad100 {background: url('/static/skins/bottomgradients/grad100.png') repeat-x bottom;}
	.grad50 {background: url('/static/skins/bottomgradients/grad50.png') repeat-x bottom;}
	.grad25 {background: url('/static/skins/bottomgradients/grad25.png') repeat-x bottom;}
	/* deprecated */
	.grad300light {background: url('/static/skins/bottomgradients/grad300light.png') repeat-x bottom;}
	.grad200light {background: url('/static/skins/bottomgradients/grad200light.png') repeat-x bottom;}
	.grad100light {background: url('/static/skins/bottomgradients/grad100light.png') repeat-x bottom;}
	.grad50light {background: url('/static/skins/bottomgradients/grad50light.png') repeat-x bottom;}
	.grad25light {background: url('/static/skins/bottomgradients/grad25light.png') repeat-x bottom;}
	/* deprecated */
	.grad300white {background: url('/static/skins/bottomgradients/grad300white.png') #fff repeat-x bottom;}
	.grad200white {background: url('/static/skins/bottomgradients/grad200white.png') #fff repeat-x bottom;}
	.grad100white {background: url('/static/skins/bottomgradients/grad100white.png') #fff repeat-x bottom;}
	.grad50white {background: url('/static/skins/bottomgradients/grad50white.png') #fff repeat-x bottom;}
	.grad25white {background: url('/static/skins/bottomgradients/grad25white.png') #fff repeat-x bottom;}
	/* deprecated */
	.addborder {border: 3px solid #ccc;}
	/* deprecated */
	.inputboxbig {padding: 5px; font-size: 16px; color: #484848; margin: 0px;}
	/* deprecated */
	.insetArea {border: 1px inset #999;	background-color: #fff;}
	/* deprecated */
	.floatLeft {float: left;}
	/* deprecated */
	.floatRight {float: right;}



.clear{ clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

.textcenter { text-align: center; }
.textbold { font-weight: bold; }

.textItalic { font-style: italic; }

.textBigBold { font-weight: bold; font-size: 36px; }

.textGrey { color: #999; }

.textMedium { font-size: 28px; }

.compulsory { color: #ff8000; }

.valignmiddle { vertical-align: middle; display: inline; }
.valignmiddle * { vertical-align: middle; display: inline; }

.number { text-align: right; }

.nb { color: #c00; font-size: 16px; text-align: center; }
.error { color: #c00; font-size: 12pt; font-weight: bold; text-align: center; }

.comfypadding { padding: 40px; }
.compactpadding { padding: 10px; }

/*background: #39f;*/
.bubblecount {
	background: #6cf;
	background: -webkit-gradient(linear, left top, left bottom, from(#6cf), to(#39f));
	background: -moz-linear-gradient(center top , #6cf, #39f);

	color: #fff;
	font-size: 12px;
	line-height: 15px;
	font-weight: bold;

	display: inline-block;
	border: 2px solid #fff;
	box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);

	margin: 1px 3px;
	padding: 2px 6px;

	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	-ms-border-radius: 100px;
}

.noise {
	background-image: url('/static/skins/noisepattern.png');
	background-repeat: repeat;
}

.placeholder { color: #a5a5a5; font-style: italic; font-family: Helvetica, Arial, sans-serif; }

.expired { background-color:#d88 !important; }
.warning { background-color:#fff9a8 !important; }

.ajaxloader { margin-right: 10px; }

.titlepopup {
	position: absolute;
	z-index: 999;
	padding: 7px 10px;
	border: 1px solid #999;
	display: none;
	width: 170px;
	color: #333;
	background: #f6f6f6;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#f0f0f0));
	background-image: -moz-linear-gradient(center top , #fcfcfc, #fcfcfc 60%, #f0f0f0);
	box-shadow: 0px 3px 5px rgba(0,0,0,0.3);
}
.titlepopup h1 {
	font-size: 11pt;
	font-weight: bold;
	margin: 0 !important;
	padding-bottom: 2px !important;
	border-bottom: 1px solid #ccc;
	margin-bottom: 5px;
}
.titlepopup p {
	margin: 0;
	padding: 0;
	font-size: 10pt;
}

.linkarrow {
	padding-right: 12px;
	background: url(linkarrow.png) no-repeat center right;
}

.hidden {
	display: none;
}

.helptext {
	font-size: 8pt;
}

.application-loadingbox {
	font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	padding: 10px 20px;
	background: #fff;
	background: rgba(255, 255, 255, 0.95);
	position: fixed;
	top: 77px;
	left: 50%;
	margin-left: -120px;
	width: 200px;
	text-align: center;
	box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.4);
	z-index: 10;
	border-radius: 5px;
}
.application-loadingbox .image {
	margin-top: 10px;
	display: block;
	height: 14px;
	width: 199px;
}
.application-loadingbox .image.blue {
	background: url(loadingbar-blue.gif) no-repeat;
}


.labelicon {
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url(labelicons.png) no-repeat;
	margin-right: 10px;
}

.labelicon.factory { background-position: 0 0; }
.labelicon.calendar { background-position: -18px 0; }
.labelicon.document { background-position: -36px 0; }
.labelicon.docno { background-position: -54px 0; }


/* M2FORM */
.m2form {
	border-radius: 6px;
	padding: 0;
	overflow: hidden;
}
.m2form .formheader {
	padding: 0;
	margin-bottom: 20px;
	border-bottom: 1px solid #e5e5e5;
	background: rgb(51,51,51);
	background: -moz-linear-gradient(top,  rgba(51,51,51,1) 0%, rgba(26,26,26,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(100%,rgba(26,26,26,1)));
	background: -webkit-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(26,26,26,1) 100%);
	background: -o-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(26,26,26,1) 100%);
	background: -ms-linear-gradient(top,  rgba(51,51,51,1) 0%,rgba(26,26,26,1) 100%);
	background: linear-gradient(to bottom,  rgba(51,51,51,1) 0%,rgba(26,26,26,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#1a1a1a',GradientType=0 );
}
.m2form legend {
	padding: 5px 16px 5px;
	width: auto;
	border-bottom: 0;
	font-size: 18pt;
	font-weight: 600;
	margin: 0;
	color: #f8f8f8;
	text-shadow: 0px 1px #fff;
}
.m2form .formbody {
	padding: 16px;
}
.m2form .form-actions {
	margin-bottom: 0;
	background: rgb(241,242,237);
	background: -moz-linear-gradient(top,  rgba(241,242,237,1) 0%, rgba(212,214,205,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(241,242,237,1)), color-stop(100%,rgba(212,214,205,1)));
	background: -webkit-linear-gradient(top,  rgba(241,242,237,1) 0%,rgba(212,214,205,1) 100%);
	background: -o-linear-gradient(top,  rgba(241,242,237,1) 0%,rgba(212,214,205,1) 100%);
	background: -ms-linear-gradient(top,  rgba(241,242,237,1) 0%,rgba(212,214,205,1) 100%);
	background: linear-gradient(to bottom,  rgba(241,242,237,1) 0%,rgba(212,214,205,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f2ed', endColorstr='#d4d6cd',GradientType=0 );
}
.m2form .checkbox {
	cursor: pointer;
}

.modal-backdrop {
	background: transparent !important;
}
.modal {
	box-shadow: 0 20px 20px rgba(0, 0, 0, 0.4) !important;
	outline: none;
}
.modal-header {
	color: #fff;
	height: 30px !important;
	line-height: 30px !important;
	padding: 0 15px !important;

	background: rgb(56,56,56);
	background: -moz-linear-gradient(top,  rgba(56,56,56,1) 0%, rgba(27,27,27,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(56,56,56,1)), color-stop(100%,rgba(27,27,27,1)));
	background: -webkit-linear-gradient(top,  rgba(56,56,56,1) 0%,rgba(27,27,27,1) 100%);
	background: -o-linear-gradient(top,  rgba(56,56,56,1) 0%,rgba(27,27,27,1) 100%);
	background: -ms-linear-gradient(top,  rgba(56,56,56,1) 0%,rgba(27,27,27,1) 100%);
	background: linear-gradient(to bottom,  rgba(56,56,56,1) 0%,rgba(27,27,27,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#1b1b1b',GradientType=0 );
}
.modal-header .close {
	color: #fff !important;
	opacity: 1 !important;
	text-shadow: none;
	padding-top: 2px;
}

.modal .modalclose {
	position: absolute;
	top: 10px;
	right: 15px;
}

.icon-middle {
	vertical-align: baseline !important;
}
.icon-spacing-right {
	margin-top: 2px;
	margin-right: 8px;
}
.icon-spacing-left {
	margin-top: 2px;
	margin-left: 8px;
}

.handwriting {
	font-family: 'Desyrel', Arial, sans-serif;
	font-size: 22px;
	color: #004080;
}
a.handwriting:hover,
a.handwriting:active {
	color: #ED9600;
	text-decoration: none;
}