@charset "utf-8";

body {
	font-family: Verdana, Geneva, sans-serif;
	color: #333;
	font-size: 11px;
}
img { 
	border:0
}
h1 {
	font-size: 18px;
	font-weight: bold;
	color: #365cb7;
	padding: 0px;
	margin: 0;
}
label {
	font-weight: bold;
}

/*--------Forms--------*/	

.labelHighlight {color:#999;}
.text-label-highlight  {color:#000;}

.textbox-height  {
	height: 24px;
	line-height: 24px;
}
.textbox-height-search  {
	height: 31px;
	line-height: 31px;
	font-size: 14px;
}
.textbox-font-small {font-size: 11px;}
.textbox-bkgrd {
	background-image: url(../images/framework/textbox-bkgrd-02.gif);
	background-repeat: repeat-x;
	border-top: solid 1px #e7e7e7;
	border-bottom: solid 1px #bbb;
	border-left: solid 1px #e7e7e7;
	border-right: solid 1px #bbb;
	padding: 0 5px;
	/*position: relative;
	border: solid 1px #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 2px 1px 4px 0.3px #ddd;
	-webkit-box-shadow: 2px 1px 4px 0.3px #ddd;
	-moz-box-shadow: 2px 1px 4px 0.3px #ddd;
	behavior: url(/QiProM1/css/PIE.htc);*/
	/*margin: 0 0 0 5px;*/  /*removed margin to fix alignment issues*/
}
.textbox-bkgrd-attn {
	border-top: solid 1px #feeadb;
	border-bottom: solid 1px #fed9be;
	border-left: solid 1px #feeadb;
	border-right: solid 1px #fed9be;
	padding: 0 5px;
	background-image: none;
	border: none;
	background-color: #ffe8d8;
	background: #ffe8d8;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fef9f6), to(#ffe8d8));
	background: -webkit-linear-gradient(#fef9f6, #ffe8d8);
	background: -moz-linear-gradient(#fef9f6, #ffe8d8);
	background: -ms-linear-gradient(#fef9f6, #ffe8d8);
	background: -o-linear-gradient(#fef9f6, #ffe8d8);
	background: linear-gradient(#fef9f6, #ffe8d8);
	-pie-background: linear-gradient(#fef9f6, #ffe8d8);
	behavior: url(/QiProM1/css/PIE.htc);
	/*background-image: url(../images/framework/textbox-bkgrd-02.gif);*/
}
input:focus.textbox-bkgrd, textarea:focus {
	background: url(../images/framework/textbox-bkgrd-focus-02.png) repeat-x;
	border-top: solid 1px #d8e3fe;
	border-bottom: solid 1px #a9c0fd;
	border-left: solid 1px #d8e3fe;
	border-right: solid 1px #a9c0fd;
	outline: none;
	/*position: relative;
	border: solid 1px #8ca8ee;
	background: #f1f5ff;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition-duration: 0.3s, 0.3s; 
	-webkit-transition-timing-function: linear, ease-in;
	text; -moz-transition-duration:0.3s; 
	-moz-transition-timing-function: linear, ease-in; 
	text; -o-transition-duration:0.3s; 
	-o-transition-timing-function: linear, ease-in;
	outline: none;
	behavior: url(/QiProM1/css/PIE.htc);*/
}
textarea:focus {
	background: none;
	background-color: #f4f7ff;
	outline: none;
	border-top: solid 1px #d8e3fe;
	border-bottom: solid 1px #a9c0fd;
	border-left: solid 1px #d8e3fe;
	border-right: solid 1px #a9c0fd;
}

.textbox-bkgrd-shadow {
	background-image: url(../images/framework/textbox-bkgrd-02.gif);
	background-repeat: repeat-x;
	border-top: solid 1px #e7e7e7;
	border-bottom: solid 1px #bbb;
	border-left: solid 1px #e7e7e7;
	border-right: solid 1px #bbb;
	padding: 0 5px;
	/*position: relative;
	border: solid 1px #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 2px 1px 4px 0.3px #ddd;
	-webkit-box-shadow: 2px 1px 4px 0.3px #ddd;
	-moz-box-shadow: 2px 1px 4px 0.3px #ddd;
	behavior: url(/QiProM1/css/PIE.htc);*/
	/*margin: 0 0 0 5px;*/  /*removed margin to fix alignment issues*/
}
input:focus.textbox-bkgrd-shadow {
	background: url(../images/framework/textbox-bkgrd-focus-02.png) repeat-x;
	border-top: solid 1px #d8e3fe;
	border-bottom: solid 1px #a9c0fd;
	border-left: solid 1px #d8e3fe;
	border-right: solid 1px #a9c0fd;
	outline: none;
	/*position: relative;
	border: solid 1px #8ca8ee;
	background: #f1f5ff;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition-duration: 0.3s, 0.3s; 
	-webkit-transition-timing-function: linear, ease-in;
	text; -moz-transition-duration:0.3s; 
	-moz-transition-timing-function: linear, ease-in; 
	text; -o-transition-duration:0.3s; 
	-o-transition-timing-function: linear, ease-in;
	outline: none;
	behavior: url(/QiProM1/css/PIE.htc);*/
}

.textbox-bkgrd-shadow {
	background-image: url(../images/framework/textbox-bkgrd-02.gif);
	background-repeat: repeat-x;
	border-top: solid 1px #e7e7e7;
	border-bottom: solid 1px #bbb;
	border-left: solid 1px #e7e7e7;
	border-right: solid 1px #bbb;
	padding: 0 5px;
	/*position: relative;
	border: solid 1px #ccc;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	box-shadow: 2px 1px 4px 0.3px #ddd;
	-webkit-box-shadow: 2px 1px 4px 0.3px #ddd;
	-moz-box-shadow: 2px 1px 4px 0.3px #ddd;
	behavior: url(/QiProM1/css/PIE.htc);*/
	/*margin: 0 0 0 5px;*/  /*removed margin to fix alignment issues*/
}
input:focus.textbox-bkgrd-shadow {
	background: url(../images/framework/textbox-bkgrd-focus-02.png) repeat-x;
	border-top: solid 1px #d8e3fe;
	border-bottom: solid 1px #a9c0fd;
	border-left: solid 1px #d8e3fe;
	border-right: solid 1px #a9c0fd;
	outline: none;
	/*position: relative;
	border: solid 1px #8ca8ee;
	background: #f1f5ff;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition-duration: 0.3s, 0.3s; 
	-webkit-transition-timing-function: linear, ease-in;
	text; -moz-transition-duration:0.3s; 
	-moz-transition-timing-function: linear, ease-in; 
	text; -o-transition-duration:0.3s; 
	-o-transition-timing-function: linear, ease-in;
	outline: none;
	behavior: url(/QiProM1/css/PIE.htc);*/
}

/*--------Square Button Classes--------*/

button.btn_square, button.btn_square em, button.btn_square span {
	border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	font-size: 14px;
}

	button.btn_square.btn_square_large {
		border: none;
		background: none;
		padding: 0;
		margin: 0 0 0 10px;
		width: auto;
		overflow: visible;
		text-align: center;
		white-space: nowrap;
		height: 32px;
		line-height: 28px;
		cursor: pointer;
	}

		button.btn_square.btn_square_large:disabled {
			background: #B2B2B2 !Important;
		}

			button.btn_square.btn_square_large:disabled span {
				background: #B2B2B2 !Important;
				border: .15em solid #B2B2B2;
			}

			button.btn_square.btn_square_large:disabled em {
				background: #B2B2B2 !Important;
			}

		button.btn_square.btn_square_large span, button.btn_square.btn_square_large em {
			display: block;
			height: 32px;
			line-height: 28px;
			margin: 0;
			font-weight: normal;
			color: #000;
		}

button.btn_square_blue span {
	padding-left: 20px;
	background: #3F62C0;
	border: .15em solid #3F62C0;
	color: #3F62C0 !important;
}

button.btn_square_blue em {
	font-style: normal;
	padding-right: 20px;
	background: #3F62C0;
	padding-top: 2px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #fff !important;
}

button.btn_square_white_blue_border span {
	padding-left: 20px;
	background: #fff;
	border: .15em solid #3F62C0;
	overflow: hidden;
}

button.btn_square_white_blue_border em {
	font-style: normal;
	padding-right: 20px;
	background: #fff;
	padding-top: 2px;
	padding-bottom: 0;
	margin-bottom: 0;
	color: #3F62C0 !important;
}
/*--------End Square Button Classes--------*/

/*--------Red and Green Square Toggle Switch Classes--------*/

/*
	usage:
		<div class="form-check form-switch">
			<input class="form-check-input square-switch-red-green" type="checkbox" id="customSwitch">
			<label class="form-check-label square-switch-red-green-label" for="customSwitch">Custom Switch Title</label>
		</div>

	dependent resources: jquery, popperjs, bootstrap js and css
*/

.form-switch .form-check-input.square-switch-red-green {
	width: 30px;
	height: 13px;
	border-radius: 0;
	border: none !important;
	position: relative;
	--bs-form-check-bg: transparent;
	flex-shrink: 0;
	margin-top: .25rem;
	vertical-align: top;
	background-image: none !important;
	background-repeat: no-repeat;
	background-size: contain;
	background-color: red;
	appearance: none;
	outline-style: none !important;
	-webkit-appearance: none;
	-moz-appearance: none;
	cursor: pointer;
}

	.form-switch .form-check-input.square-switch-red-green::before {
		content: "";
		position: absolute;
		top: 3px;
		bottom: 5px;
		left: 4px;
		width: 6px;
		height: 7px;
		background-color: #fff !important;
		border-radius: 0;
		transition: transform 0.3s ease-in-out;
	}

	.form-switch .form-check-input.square-switch-red-green:checked {
		background-color: green !important;
		outline-style: none !important;
		border: none !important;
	}

		.form-switch .form-check-input.square-switch-red-green:checked::before {
			transform: translateX(16px);
		}

	.form-switch .form-check-input.square-switch-red-green:focus {
		box-shadow: none;
	}

.form-check-label.square-switch-red-green-label {
	margin-right: 10px;
	font-weight: normal;
}

.form-switch {
	display: flex;
	align-items: center;
}

/*--------End Red and Green Square Toggle Switch Classes--------*/	

/*--------Button Large Classes--------*/	
button.btn_large {
	border: none;
	background: none;
	padding: 0;
	margin: 0 0 0 10px;
	width: auto;
	overflow: visible;
	text-align: center;
	white-space: nowrap;
	height: 32px;
	line-height: 28px;
	cursor: pointer;
}
button.btn_large span, button.btn_large em {
	display:block;
	height:32px;
	line-height:28px;			
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
button.btn_orange span {
	padding-left: 20px;
	background: url(../images/framework/btn-large-orange.png) no-repeat 0 0;
}	
button.btn_orange em {
	font-style:normal;
	padding-right:20px;
	background:url(../images/framework/btn-large-orange.png) no-repeat 100% 0;
}
button.btn_orange_off span {
	padding-left:20px;
	background:url(../images/framework/btn-large-orange-off.png) no-repeat 0 0;
}	
button.btn_orange_off em {
	font-style:normal;
	padding-right:20px;
	background:url(../images/framework/btn-large-orange-off.png) no-repeat 100% 0;
}
button.btn_gray span {
	padding-left:20px;
	background:url(../images/framework/btn-large-gray.png) no-repeat 0 0;
}	
button.btn_gray em {
	font-style:normal;
	padding-right:20px;
	background:url(../images/framework/btn-large-gray.png) no-repeat 100% 0;
}
button.btn_green span {
	padding-left: 20px;
	background: url(../images/framework/btn-large-green.png) no-repeat 0 0;
}	
button.btn_green em {
	font-style:normal;
	padding-right:20px;
	background:url(../images/framework/btn-large-green.png) no-repeat 100% 0;
}
button.btn_blue span {
	padding-left: 20px;
	background: url(../images/framework/btn-large-blue.png) no-repeat 0 0;
}	
button.btn_blue em {
	font-style:normal;
	padding-right:20px;
	background:url(../images/framework/btn-large-blue.png) no-repeat 100% 0;
}
button.btn_red span {
	padding-left: 20px;
	background: url(../images/framework/btn-large-red.png) no-repeat 0 0;
}	
button.btn_red em {
	font-style:normal;
	padding-right:20px;
	background:url(../images/framework/btn-large-red.png) no-repeat 100% 0;
}
/*--------End Button Large Classes--------*/

/*--------Button Small Classes--------*/
button.btn_small {
	border:none;
	background:none;
	padding:0;
	margin:0 0 0 10px;
	width:auto;
	overflow:visible;
	text-align:center;
	white-space:nowrap;
	height:21px;
	line-height:28px;
	cursor: pointer;
}
button.btn_small span, button.btn_small em {
	display:block;
	height:21px;
	line-height:17px;			
	margin:0;
	font-family:Verdana, Geneva, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}
button.btn_orange_small span{
	padding-left: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:none;
    color:white;
    background: #e96b00; 
    
}	
button.btn_orange_small em {
	font-style:normal;
	padding-right:20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:none;
    color:white;
	background: #e96b00;
}
button.btn_blue_small span {
	padding-left: 10px;
	background: url(../images/framework/btn-small-blue.png) no-repeat 0 0;
}	
button.btn_blue_small em {
	font-style:normal;
	padding-right:10px;
	background:url(../images/framework/btn-small-blue.png) no-repeat 100% 0;
}
button.btn_green_small span {
	padding-left: 10px;
	background: url(../images/framework/btn-small-green.png) no-repeat 0 0;
}	
button.btn_green_small em {
	font-style:normal;
	padding-right:10px;
	background:url(../images/framework/btn-small-green.png) no-repeat 100% 0;
}
button.btn_gray_small span {
	padding-left: 10px;
	background: url(../images/framework/btn-small-gray.png) no-repeat 0 0;
}	
button.btn_gray_small em {
	font-style:normal;
	padding-right:10px;
	background:url(../images/framework/btn-small-gray.png) no-repeat 100% 0;
}
a.buttonFilter {background: #ececec; padding: 5px 10px; margin-right: 5px; text-decoration: none; color: #333; border-right: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd;}
a:hover.buttonFilter, a.buttonFilterActive {background: #365cb7; color: #fff; border-right: 1px solid #1a3a87; border-bottom: 1px solid #1a3a87;}

/*--------End Button Small Classes--------*/

/*---------NEW BUTTONS CSS3-----------*/
button.button-lrg-orange, input[type=button].buttonInput-lrg-orange, input[type=submit].buttonInput-lrg-orange {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	padding: 8px 15px 10px 15px;
	*padding: 8px 7px 10px 7px;
	cursor: pointer;
	-webkit-transition-duration: 0.2s, 0.2s; 
	-webkit-transition-timing-function: linear, ease-in;
	text; -moz-transition-duration:0.2s; 
	-moz-transition-timing-function: linear, ease-in; 
	text; -o-transition-duration:0.2s; 
	-o-transition-timing-function: linear, ease-in;
	background: #fb8c0e;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	font-style: normal;
	position:relative;
	behavior: url(/QiProM1/css/PIE.htc);
}
button:hover.button-lrg-orange, input:hover[type=button].buttonInput-lrg-orange, input:hover[type=submit].buttonInput-lrg-orange {
	background: #dc640f;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/QiProM1/css/PIE.htc);
}

button.button-lrg-grey, input[type=button].buttonInput-lrg-grey, input[type=submit].buttonInput-lrg-grey {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	padding: 8px 15px 10px 15px;
	*padding: 8px 7px 10px 7px;
	cursor: pointer;
	-webkit-transition-duration: 0.2s, 0.2s; 
	-webkit-transition-timing-function: linear, ease-in;
	text; -moz-transition-duration:0.2s; 
	-moz-transition-timing-function: linear, ease-in; 
	text; -o-transition-duration:0.2s; 
	-o-transition-timing-function: linear, ease-in;
	background: #aaa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	position:relative;
	behavior: url(/QiProM1/css/PIE.htc);
}
button:hover.button-lrg-grey, input:hover[type=button].buttonInput-lrg-grey, input:hover[type=submit].buttonInput-lrg-grey {
	background: #777;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	behavior: url(/QiProM1/css/PIE.htc);
}

button.button-lrg-green, input[type=button].buttonInput-lrg-green {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	padding: 8px 15px 10px 15px;
	*padding: 8px 7px 10px 7px;
	cursor: pointer;
	background: rgb(91,186,69); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(91,186,69,1) 0%, rgba(54,129,36,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,186,69,1)), color-stop(100%,rgba(54,129,36,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(91,186,69,1) 0%,rgba(54,129,36,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(91,186,69,1) 0%,rgba(54,129,36,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(91,186,69,1) 0%,rgba(54,129,36,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(91,186,69,1) 0%,rgba(54,129,36,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5bba45', endColorstr='#368124',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	behavior: url(/QiProM1/css/PIE.htc);
}
button:hover.button-lrg-green, input:hover[type=button].buttonInput-lrg-green {
	background: rgb(54,129,36); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(54,129,36,1) 0%, rgba(91,186,69,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,129,36,1)), color-stop(100%,rgba(91,186,69,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(54,129,36,1) 0%,rgba(91,186,69,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(54,129,36,1) 0%,rgba(91,186,69,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(54,129,36,1) 0%,rgba(91,186,69,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(54,129,36,1) 0%,rgba(91,186,69,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#368124', endColorstr='#5bba45',GradientType=0 ); /* IE6-9 */
	behavior: url(/QiProM1/css/PIE.htc);
}

button.button-lrg-blue, input[type=button].buttonInput-lrg-blue {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	padding: 8px 15px 10px 15px;
	*padding: 8px 7px 10px 7px;
	cursor: pointer;
	-webkit-transition-duration: 0.2s, 0.2s; 
	-webkit-transition-timing-function: linear, ease-in;
	text; -moz-transition-duration:0.2s; 
	-moz-transition-timing-function: linear, ease-in; 
	text; -o-transition-duration:0.2s; 
	-o-transition-timing-function: linear, ease-in;
	background: #4d77e7;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	behavior: url(/QiProM1/css/PIE.htc);
}
button:hover.button-lrg-blue, input:hover[type=button].buttonInput-lrg-blue {
	background: #4063c1;
	behavior: url(/QiProM1/css/PIE.htc);
}

button.button-lrg-red, input[type=button].buttonInput-lrg-red {
	font-weight: bold;
	font-size: 12px;
	color: #ffffff;
	padding: 8px 15px 10px 15px;
	*padding: 8px 7px 10px 7px;
	cursor: pointer;
	background: rgb(253,92,92); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(253,92,92,1) 0%, rgba(222,13,13,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(253,92,92,1)), color-stop(100%,rgba(222,13,13,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(253,92,92,1) 0%,rgba(222,13,13,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(253,92,92,1) 0%,rgba(222,13,13,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(253,92,92,1) 0%,rgba(222,13,13,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(253,92,92,1) 0%,rgba(222,13,13,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd5c5c', endColorstr='#de0d0d',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	behavior: url(/QiProM1/css/PIE.htc);
}
button:hover.button-lrg-red, input:hover[type=button].buttonInput-lrg-red {
	background: rgb(222,13,13); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(222,13,13,1) 0%, rgba(253,92,92,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(222,13,13,1)), color-stop(100%,rgba(253,92,92,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(222,13,13,1) 0%,rgba(253,92,92,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(222,13,13,1) 0%,rgba(253,92,92,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(222,13,13,1) 0%,rgba(253,92,92,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(222,13,13,1) 0%,rgba(253,92,92,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de0d0d', endColorstr='#fd5c5c',GradientType=0 ); /* IE6-9 */
	behavior: url(/QiProM1/css/PIE.htc);
}


/*-------------------Small NEW buttons-------------------*/
button.button-sm-orange, input[type=button].buttonInput-sm-orange, input[type=submit].buttonInput-sm-orange {
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	padding: 4px 7px;
	*padding: 4px 7px;
	cursor: pointer;
	-webkit-transition-duration: 0.2s, 0.2s; 
	-webkit-transition-timing-function: linear, ease-in;
	text; -moz-transition-duration:0.2s; 
	-moz-transition-timing-function: linear, ease-in; 
	text; -o-transition-duration:0.2s; 
	-o-transition-timing-function: linear, ease-in;
	background: #fb8c0e;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	font-style: normal;
	position:relative;
	behavior: url(/QiProM1/css/PIE.htc);
}
button:hover.button-sm-orange, input:hover[type=button].buttonInput-sm-orange, input:hover[type=submit].buttonInput-sm-orange {
	background: #dc640f;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/QiProM1/css/PIE.htc);
}

/*---------------Tooltip---------------*/
.tooltip-info {
	width: 200px;
	height: 50px;
	background-image: url(../images/framework/tooltip-info.png);
	margin-bottom: 10px;
	font-size: 9px;
	padding: 5px;
}
.tooltip-info span {
	font-weight: bold;
	display: block;
	color: #365cb7;
}
.tooltip-info-large {
	width: 907px;
	padding: 20px;
	background: url(../images/framework/tooltip-info-large.png) no-repeat;
	background-color: #e3eafc;
	margin-bottom: 10px;
	font-size: 11px;
	float: left;
	border-top: 1px #e3eafc solid;
	border-bottom: 1px #99acda solid;
	border-right: 1px #99acda solid;
	border-left: 1px #e3eafc solid;
}
.tooltip-info-modal {
	width: 515px;
	padding: 20px;
	background: url(../images/framework/tooltip-info-large.png) no-repeat;
	background-color: #e3eafc;
	margin-top: 20px;
	font-size: 11px;
	float: left;
	border-top: 1px #e3eafc solid;
	border-bottom: 1px #99acda solid;
	border-right: 1px #99acda solid;
	border-left: 1px #e3eafc solid;
}
/*--------Pagination-------------*/
.pagination {
	float:left;
	margin:0;
	text-align:center;
	margin-right:8px;
}
.pagination a, .pagination a:active, .pagination a:visited  {
	background: url(../images/framework/pagination-bkgrd.gif) repeat-x;
	border-color:#d9d9d9 #adadad #adadad #d9d9d9;
	border-style:solid;
	border-width:1px;
	float:left;
	font-family:Arial;
	font-weight: normal;
	padding:2px 4px;
	text-decoration:none;
	color: #365cb7;
}
.pagination a:hover  {color: #f37c08;}
.pagination .span {
	background-color:#fff;
	border:1px solid #fff;
	color:#fff;
	font-family:Arial;
	font-weight:bold;
	padding:2px;
	text-decoration:none;
}
.pagination-active {
	background-color: #f37c08;
	border: 1px solid #fcc83d;
	font-family:Arial;
	color: #fff;
	float: left;
	font-weight: bold;
	margin-right: 8px;
	padding: 2px 4px;
	text-decoration: none;
}
.pagination-holder {float: right;}
/*--------End Pagination-------------*/

/*--------Font Styles-------------*/
.fontcolor-blue {
	color: #365cb7;
}
.fontcolor-red {
	color: #FF0000;
}
.fontcolor-green {
	color: #2c8425;
}
.fontcolor-black {
	color: #333 !important;
}
.fontcolor-white {
	color: #fff;
}
.fontcolor-orange {
	color: #e87312;
}
.fontcolor-disabled {
	color: #bbb;
}
.fontsize-9 {
	font-size: 9px;
}
.fontsize-10 {
	font-size: 10px;
}
.fontsize-11 {
	font-size: 11px;
}	
.fontsize-12 {
	font-size: 12px;
}
.fontsize-14 {
	font-size: 14px;
}
.fontweight-bold {
	font-weight: bold;
}
.fontweight-normal {
	font-weight: normal;
}
.dotted-underline {
	background-image: url(../images/framework/images/dotted-underline.gif);
	background-repeat: repeat-x;
	height: 1px;
	width: 100%;
	margin-top: 5px;
	margin-bottom: 3px;
}
a.link-orange, a:active.link-orange, a:visited.link-orange  {
	color: #e87312!important; 
	font-weight: bold;
	text-decoration:none;
}
a:hover.link-orange  {
	text-decoration:underline!important;
}
a.link-blue, a:active.link-blue, a:visited.link-blue  {
	color: #365cb7; 
	font-weight: bold;
	text-decoration:none;
}
a:hover.link-blue  {
	text-decoration:underline;
}
a.link-blue-nobold , a:active.link-blue-nobold , a:visited.link-blue-nobold  {
	color: #365cb7; 
	font-weight: normal;
	text-decoration:none;
}
a:hover.link-blue-nobold  {
	text-decoration:underline;
}
a.link-black , a:active.link-black , a:visited.link-black  {
	color: #333; 
	font-weight: bold;
	text-decoration:none;
}
a:hover.link-black  {
	text-decoration:underline;
}
a.link-black-nobold , a:active.link-black-nobold , a:visited.link-black-nobold  {
	color: #333; 
	font-weight: normal;
	text-decoration:none;
}
a:hover.link-black-nobold  {
	text-decoration:underline;
}

/*---------------------Borders-----------------------*/
.imgBorder {border: 10px solid #e5e4e4;}
.border-one-grey {border: 1px solid #ccc;}

/*---------------------Progress Bar------------------*/
.progressBar-container {
	height: 40px;
	font-size: 13px;
	float: left;
	margin-left: 220px;
	overflow: hidden;
	position: relative;
	background: #eaeaea;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#f3f3f3), to(#eaeaea));
	background: -webkit-linear-gradient(#f3f3f3, #eaeaea);
	background: -moz-linear-gradient(#f3f3f3, #eaeaea);
	background: -ms-linear-gradient(#f3f3f3, #eaeaea);
	background: -o-linear-gradient(#f3f3f3, #eaeaea);
	background: linear-gradient(#f3f3f3, #eaeaea);
	-pie-background: linear-gradient(#f3f3f3, #eaeaea);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	behavior: url(/QiProM1/css/PIE.htc);
}
.progress-step {min-width: 100px; height: 40px; float: left; padding: 0 15px; font-weight: bold; line-height: 38px;}
.progress-active {
	color: #fff;
	position: relative;
	background: #3f62c0;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#577ad7), to(#3f62c0));
	background: -webkit-linear-gradient(#577ad7, #3f62c0);
	background: -moz-linear-gradient(#577ad7, #3f62c0);
	background: -ms-linear-gradient(#577ad7, #3f62c0);
	background: -o-linear-gradient(#577ad7, #3f62c0);
	background: linear-gradient(#577ad7, #3f62c0);
	-pie-background: linear-gradient(#577ad7, #3f62c0); 
	behavior: url(/QiProM1/css/PIE.htc);
}
.progress-unfinished {
	color: #c5c5c5;
}
.progress-finished { 
	color: #3f62c0;
	position: relative;
	background: #afc4fc;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#d8e2fd), to(#afc4fc));
	background: -webkit-linear-gradient(#d8e2fd, #afc4fc);
	background: -moz-linear-gradient(#d8e2fd, #afc4fc);
	background: -ms-linear-gradient(#d8e2fd, #afc4fc);
	background: -o-linear-gradient(#d8e2fd, #afc4fc);
	background: linear-gradient(#d8e2fd, #afc4fc);
	-pie-background: linear-gradient(#d8e2fd, #afc4fc);
	behavior: url(/QiProM1/css/PIE.htc);
}
.progress-number {
	color: #fff;
	position: relative;
	line-height: 18px;
	margin: 8px 8px 0 0;
	float: left; 
	padding: 3px 8px; 
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	behavior: url(/QiProM1/css/PIE.htc);
}
.number-active {background: #3153ae;}
.number-unfinished {background: #c5c5c5;}
.number-finished {background: #5e80d9;}

.left-curve/*---For IE---*/ {
	-moz-border-radius: 4px 0px 0px 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	behavior: url(/QiProM1/css/PIE.htc);
}
.right-curve/*---For IE---*/ {
	-moz-border-radius: 0px 4px 4px 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	behavior: url(/QiProM1/css/PIE.htc);
}


.uv-tab.uv-slide-left  {
    top:180px !important;
}

#simplemodal-overlay {
	background-color: #365cb7;
}

#simplemodal-container {
	background: url(../images/framework/modal-bkgrd.gif) repeat-x;
	background-color: #fff;
	padding: 0 5px 25px 5px;
	border: 1px solid #c4c8cc;
	-moz-box-shadow: 2px 2px 10px #333;
	-webkit-box-shadow: 2px 2px 10px #333;
	display: inline-table;
}

	#simplemodal-container .simplemodal-tabs {
		background: none;
		background-color: #fff;
		padding: 0 5px 25px 5px;
		-moz-box-shadow: 2px 2px 10px #333;
		-webkit-box-shadow: 2px 2px 10px #333;
	}

.modal-title {
	font-size: 12px;
	font-weight: bold;
	margin: 2px 0 25px 5px;
	display: block;
	float: left; /*color: #2c8425;*/
}