body {
	text-transform: lowercase;
	background-color: #000000;
	scrollbar-arrow-color: #ffffff;
	scrollbar-3dlight-color: #777799;
	scrollbar-darkshadow-color: #666677;
	scrollbar-face-color: #000000;
	scrollbar-highlight-color: #e9e9e9;
	scrollbar-shadow-color: #a1b1c3;
	scrollbar-track-color: #9faab8;
}

img {
	border: 0px;
}

td {
	font-size: 10pt;
	text-transform: lowercase;
	color: dimgray;
	font-family: Tahoma, Arial, Verdana;
}

table.alignleft {
	text-align: left;
}

td.pagetitle {
	font-weight: bold;
	text-transform: lowercase;
	color: blue;
}

.space {
	text-transform: lowercase;
	font-size: 1pt;
	background-repeat: no-repeat
}

td.submenutitle {
	font-size: 14px;
	font-weight: bold;
	text-transform: lowercase;
	color: white;
	height: 25px;
}

A {
	text-transform: lowercase;
	font-size: 10pt;
	font-family: Tahoma, Arial, Verdana;
	color: #008BCE;
	text-decoration: underline;
}

	A:hover {
		text-transform: lowercase;
		text-decoration: none;
	}

	A.h2 {
		text-transform: lowercase;
		font-size: 10pt;
		font-family: Tahoma, Arial, Verdana;
		color: #008BCE;
		text-decoration: none;
	}

		A.h2:hover {
			text-transform: lowercase;
			text-decoration: underline;
		}

	A.Title {
		text-transform: lowercase;
		font-size: 10pt;
		font-family: Tahoma, Arial, Verdana;
		color: red;
		text-decoration: underline;
	}

td.leftwhiteborder {
	text-transform: lowercase;
	border-right: white thin solid;
	border-left: white thin solid;
	border-bottom: white thin solid;
}

td.rightwhiteborder {
	text-transform: lowercase;
	border-right: white thin solid;
	border-bottom: white thin solid;
}

A.submenu {
	text-transform: lowercase;
	text-decoration: none;
	color: #ff0099;
}

	A.submenu:hover {
		text-transform: lowercase;
		color: #0066ff;
		text-decoration: underline;
	}

td.producttype {
	text-transform: lowercase;
	font-weight: bold;
	color: red;
	padding-top: 10px;
}

tr.titlebardatatable {
	font-weight: bold;
	background-image: url(/Visitor/Images/titlebar_bg.png);
	padding-bottom: 1.5em;
	text-transform: lowercase;
	clip: rect(10px auto auto auto);
	background-repeat: repeat-x;
	height: 40px;
}

tr.titlebar {
	padding-left: 10px;
	font-weight: bold;
	background-image: url(/Visitor/Images/titlebar_bg.png);
	padding-bottom: 1.5em;
	text-transform: lowercase;
	clip: rect(10px auto auto auto);
	background-repeat: repeat-x;
	height: 40px;
	text-align: left;
}

tr.titleendbar {
	padding-left: 10px;
	BACKGROUND-POSITION-Y: bottom;
	background-image: url(/Visitor/Images/titleendbar_bg.png);
	padding-bottom: 1.7em;
	text-transform: lowercase;
	clip: rect(10px auto auto auto);
	background-repeat: repeat-x;
	height: 30px;
	text-align: left;
}

td.titlebartitledatatable {
	padding-bottom: 1.5em;
	font-weight: bold;
	text-transform: lowercase;
	color: black;
	text-align: center;
}

td.titlebartitle {
	padding-left: 10px;
	padding-bottom: 1.5em;
	font-weight: bold;
	text-transform: lowercase;
	color: black;
}

td.formtitle {
	text-transform: lowercase;
	padding-left: 10px;
	padding-bottom: 5px;
	color: #3333ff;
	padding-top: 5px;
	height: 15px;
	text-align: left;
}

td.list {
	text-transform: lowercase;
	padding-left: 10px;
	padding-bottom: 5px;
	vertical-align: text-top;
	color: #3333ff;
	padding-top: 5px;
	border-bottom: #dcdcdc 1px solid;
	height: 30px;
	text-align: left;
}

td.listtitle {
	text-transform: lowercase;
	padding-left: 10px;
	padding-bottom: 5px;
	vertical-align: text-top;
	color: #3333ff;
	padding-top: 5px;
	border-bottom: #dcdcdc 1px solid;
	height: 30px;
	text-align: left;
}

td.listcontent {
	text-transform: lowercase;
	padding-left: 10px;
	height: 30px;
	vertical-align: text-top;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: #dcdcdc 1px solid !important;
}

td.listcontent_2 {
	padding-left: 10px;
	vertical-align: text-top;
	padding-top: 10px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 0px;
}


table.form {
	text-transform: lowercase;
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
}

INPUT.popup {
	border-right: black 1px solid;
	border-top: black 1px solid;
	background-image: url(/Images/buttonCalendar.jpg);
	border-left: black 1px solid;
	width: 0.64cm;
	border-bottom: black 1px solid;
	height: 0.57cm;
	cursor: hand;
	cursor: pointer;
}

input.Text {
	text-transform: lowercase;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	height: 22px;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	padding-left: 3px;
	text-align: left;
}

textarea.Text {
	text-transform: lowercase;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	font-family: Tahoma, Arial, Verdana;
	font-size: 12px;
	padding-left: 3px;
	text-align: left;
}

input.CapitalText {
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	padding-left: 3px;
	font-family: Tahoma, Arial, Verdana;
	text-transform: uppercase;
	height: 22px;
}

select.Text {
	text-transform: lowercase;
	border-right: #a9a9a9 1px solid;
	border-top: #a9a9a9 1px solid;
	border-left: #a9a9a9 1px solid;
	border-bottom: #a9a9a9 1px solid;
	height: 22px;
	font-size: 12px;
	color: black;
	font-family: Tahoma, Verdana, Arial;
}

input.button {
	text-transform: lowercase;
	font-size: 12px;
	background-color: #dcdcdc;
	border: 1px solid #a9a9a9;
	text-align: center;
	vertical-align: middle;
	height: 25;
	width: 80px;
	cursor: pointer;
}

input.longbutton {
	text-transform: lowercase;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	height: 25;
	background-color: #dcdcdc;
	border: 1px solid #a9a9a9;
	width: 150px;
	cursor: pointer;
}

ul.submenu {
	text-transform: lowercase;
	list-style-type: none;
	margin: 0;
	padding-left: 20px;
}

li.submenu {
	text-transform: lowercase;
	background-image: url(/Visitor/Images/bullet_blue.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	color: #ff0099;
	text-align: left;
}

li.currentpage {
	text-transform: lowercase;
	background-image: url(/Visitor/Images/bullet_pink.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding: 0 0 0 25px;
	color: #003DED;
	text-align: left;
}

tr.d1 {
	text-transform: lowercase;
	text-align: center;
	background-color: white;
}

tr.d2 {
	text-transform: lowercase;
	background-color: gainsboro;
	text-align: center;
}

td.pricelist {
	text-transform: lowercase;
	background-color: aqua;
	border-right: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	border-top: white 1px solid;
	text-align: center;
	color: black;
}

td.currentlevel {
	text-transform: lowercase;
	font-weight: bold;
	color: yellow;
	background-color: black;
	border-right: yellow 2px solid;
	border-left: yellow 2px solid;
	border-bottom: yellow 2px solid;
	border-top: yellow 2px solid;
	text-align: center;
}

td.h1 {
	text-transform: lowercase;
	font-weight: bold;
	color: white;
	background-color: black;
	border-right: #ffffff 1px solid;
	border-left: #ffffff 1px solid;
	border-bottom: #ffffff 1px solid;
	text-align: center;
}

td.h2 {
	border-bottom: #ffffff 1px solid;
	text-align: center;
	border-left: #ffffff 1px solid;
	text-transform: lowercase;
	background-color: dimgray;
	color: white;
	font-weight: bold;
	border-right: #ffffff 1px solid;
}

td.h3 {
	border-bottom: #ffffff 1px solid;
	text-align: center;
	border-left: #ffffff 1px solid;
	text-transform: lowercase;
	background-color: darkgray;
	color: white;
	font-weight: bold;
	border-right: #ffffff 1px solid;
}

td.htitle {
	border-bottom: #ffffff 1px solid;
	text-align: center;
	border-left: #ffffff 1px solid;
	text-transform: lowercase;
	background-color: darkblue;
	color: white;
	font-weight: bold;
	border-right: #ffffff 1px solid;
}

#dhtmltooltip {
	border-right: black 1px solid;
	padding-right: 2px;
	border-top: black 1px solid;
	padding-left: 2px;
	font-size: 10pt;
	z-index: 100;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
	left: -300px;
	visibility: hidden;
	padding-bottom: 2px;
	text-transform: lowercase;
	border-left: black 1px solid;
	width: 150px;
	color: black;
	padding-top: 2px;
	border-bottom: black 1px solid;
	font-family: Tahoma, Arial, Verdana;
	position: absolute;
	background-color: white;
	text-align: center;
}

#dhtmlpointer {
	position: absolute;
	left: -300px;
	z-index: 101;
	visibility: hidden;
}

.hotspot {
	BORDER-BOTTOM: #80c0ff 1px dotted;
	PADDING-BOTTOM: 1px;
	COLOR: #80c0ff;
	CURSOR: pointer
}

#tt {
	background-position: left top;
	position: absolute;
	display: block;
	background: url(../images/tt_left.gif) no-repeat left top;
	font-family: tahoma, arial, verdana;
	font-size: 10pt;
	color: #FFFFFF;
}

#tttop {
	DISPLAY: block;
	BACKGROUND: url(../images/tt_top.gif) no-repeat right top;
	HEIGHT: 5px;
	MARGIN-LEFT: 5px;
	OVERFLOW: hidden
}

#ttcont {
	PADDING-BOTTOM: 3px;
	PADDING-LEFT: 7px;
	PADDING-RIGHT: 12px;
	DISPLAY: block;
	BACKGROUND: #666;
	COLOR: #fff;
	MARGIN-LEFT: 5px;
	PADDING-TOP: 2px
}

#ttbot {
	DISPLAY: block;
	BACKGROUND: url(../images/tt_bottom.gif) no-repeat right top;
	HEIGHT: 5px;
	MARGIN-LEFT: 5px;
	OVERFLOW: hidden
}

#text {
	MARGIN: 50px auto;
	WIDTH: 500px
}


/* folding type tooltip */
a.prd-tooltip:hover {
	text-decoration: none;
}

a.prd-tooltip {
	outline: none;
}

a.prd-tooltip:hover span {
	display: inline;
	position: absolute;
	color: #111;
	border: 1px solid #999998;
	background: #ffffff;
}

a.prd-tooltip span {
	z-index: 10;
	display: none;
	padding: 5px;
	margin-top: -60px;
	margin-left: 15px;
	width: 150px;
	text-align: center;
	line-height: 16px;
}

.prd-callout {
	z-index: 20;
	position: absolute;
	top: 70px;
	border: 0;
	left: -11px;
}
.blink {
	-webkit-animation: tag_blink 1s infinite;
	animation: tag_blink 1s infinite
}

@-webkit-keyframes tag_blink {
	0% {
		opacity: 1
	}

	25% {
		opacity: .55
	}

	50% {
		opacity: .25
	}

	75% {
		opacity: .55
	}

	100% {
		opacity: 1
	}
}

@keyframes tag_blink {
	0% {
		opacity: 1
	}

	25% {
		opacity: .55
	}

	50% {
		opacity: .25
	}

	75% {
		opacity: .55
	}

	100% {
		opacity: 1
	}
}


.prd-tab {
	padding: 5px 40px;
	background-color: #000;
	color: #fff;
	font-weight: 800;
	border-radius: 8px 8px 0px 0px;
	border: 1px solid #fff;
	border-bottom: 0px;
	text-decoration: none;
	margin: 0px 3px 0px 0px;
	text-wrap: nowrap;
}

	.prd-tab:hover, .prd-tab.active {
		padding: 5px 40px;
		background-color: #fff;
		color: #000;
		font-weight: 800;
		border-radius: 8px 8px 0px 0px;
		border: 1px solid #000;
		border-bottom: 0px;
		text-decoration: none;
		margin: 0px 3px 0px 0px;
	}

.txtDeco{
	text-decoration: none;
}

td.listcontent1 {
	text-transform: lowercase;
	padding-left: 10px;
	height: 20px;
	vertical-align: text-top;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: #dcdcdc 1px solid !important;
}

.template-accr {
	font-weight: 500;
	padding: 10px;
}

	.template-accr.active, .template-accr:hover {
		font-weight: 600;
	}

.temp-ctn {
	display: table;
}

.tmpUpdateDate {
	font-size: 9px;
	color: grey;
	margin-top: 6px;
	line-height: 12px;
}

	.tmpUpdateDate.highlight {
		color: red;
	}



.agreement-pop {
	background-color: #000000bf;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
}

.agreement-cttBox {
	background-color: #fff;
	width: 950px;
	max-height: 80%;
	overflow-y: auto;
}

.agreement-ctt {
	padding: 10px 20px
}

.hide {
	display: none;
}

.agreement-title {
	margin-bottom: 10px;
	font-weight: 800;
}

.agreement-descp {
	margin: 0px 0px 30px;
	color: #dc3545;
}

.agreement-tbl {
	border: 1px solid #ced4da;
	padding: 10px;
}

.agreement-gry {
	color: #8E8E8E;
}

.agreeBtn-box {
	display: flex;
	justify-content: end;
	margin-top: 20px
}

.agreemtBtn {
	border-radius: 8px;
	padding: 10px 20px;
	text-decoration: none;
	font-weight: 800;
}

.agreemtBtn.blck {
	color: #fff;
	border: 1px solid #000;
	background-color: #000;
	cursor: pointer;
}

.agreemtBtn.blck:hover {
	color: #000;
	background-color: #fff;
}

.agreemtBtn.grn {
	color: #fff;
	border: 1px solid #13C500;
	background-color: #13C500;
	opacity: 0.5;
	cursor: no-drop;
}

.agreemtBtn.grn.active {
	opacity: 1;
	cursor: pointer;
}

.agreemtBtn.grn.active:hover {
	color: #13C500;
	background-color: #fff;
}

td.listtitle1 {
	text-transform: lowercase;
	padding-left: 10px;
	padding-bottom: 20px;
	vertical-align: text-top;
	padding-top: 5px;
	border-bottom: #dcdcdc 1px solid;
	height: 30px;
	text-align: left;
}

.tutorial-accr {
	font-weight: 500;
	padding-left: 10px;
	padding-top: 20px;
}

	.tutorial-accr.active, .tutorial-accr:hover {
		font-weight: 600;
	}

td.listtutorial {
	text-transform: lowercase;
	padding-left: 10px;
	height: 20px;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: #dcdcdc 1px solid !important;
}

.tutolink {
	padding: 5px;
}

.framevideo {
	width: 180px;
	height: 120px;
	padding: 5px;
}

#ProcessDuration1, #DeliveryDate1 {
	background-color: yellow;
}