/* base set */
p	{

}
a {
	color: inherit;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
section a {
	text-decoration: underline;
}
section a:hover {
	text-decoration: none;
}
html {
	font-size: 14px;
	color: #111;
	/* font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B'; */
	font-family: Arial;
}
input {
	font-family: Arial;
}
select, textarea {
	border: solid 1px #ddd;
	padding: 1px;
	margin: 1px;
	font-size: 13px;
	/* font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B'; */
	font-family: Arial;
	min-height: 22px;
	resize: none;
}

input[type="text"], input[type="password"] {
	border: 0;
	border-bottom: solid 1px #b7b7b7;
	padding: 1px;
	margin: 1px;
	font-size: 14px;
	/* font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B'; */
	font-family: Arial;
	min-height: 22px;
	resize: none;
	color: #360568;
}
input:focus {
	border-bottom: solid 2px #360568;
	color: #111;
}
input[type="submit"], input[type="button"] {
	cursor: pointer; 
	border: solid 1px #111;
	color: #fff;
	font-size: 13px;
	/* font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B'; */
	font-family: Arial;
	min-height: 22px;
	line-height: 21px;
	background: #6b6b6b; /* Old browsers */
	background: -moz-linear-gradient(top, #6b6b6b 0%, #444444 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6b6b6b), color-stop(100%,#444444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #6b6b6b 0%,#444444 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #6b6b6b 0%,#444444 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6b6b6b 0%,#444444 100%); /* IE10+ */
	background: linear-gradient(to bottom, #6b6b6b 0%,#444444 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b6b6b', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	border-radius: 3px;
}

.no-margin {
	margin: 0 !important;
}
/* borders */
.border-bottom {
	border-bottom: solid 5px #020d41;
}
.border-top {
	border-top: solid 5px #020d41;
}

/* background colors */
.bg-darkblue {
	background-color: #020d41;
}
.bg-lightblue1 {
	background-color: #92afd7;
}
.bg-lightblue2 {
	background-color: #015496;
}
.bg-ivory {
	background-color: #f2ebe3;
}
.bg-teal {
	background-color: #00a1bd;
}
.bg-coral {
	background-color: #f03f35;
}
.bg-fancy {
	background-color: #fff;
}
.bg-white {
	background-color: #fff;
}
.bg-gold {
	background-color: #e8c04f;
}
.bg-green {
	background-color: #c2d666;
}
.bg-purple {
	background-color: #360568;
}

/* background patterns */
.bg-darkblue-pattern {
	background: url('/skins/Skin_1/img/pattern-darkblue.png');
}

.bg-lightblue1-pattern {
	background: url('/skins/Skin_1/img/pattern-lightblue1.png');
}

.bg-lightblue2-pattern {
	background: url('/skins/Skin_1/img/pattern-lightblue2.png');
}

.bg-teal-pattern {
	background: url('/skins/Skin_1/img/pattern-teal.png');
}

.bg-software-fancy {
	margin-top: -12px;
	background: url('/skins/Skin_1/bgs/software-toplevel01.png');
}

/* font colors */
.font-black {
	color: #111;
}
.font-darkblue {
	color: #020d41;
}
.font-white {
	color: #fff;
}
.font-iconblue {
	color: #31469a;
}
.font-lightblue {
	color: #92afd7;
}
.font-lightblue2 {
	color: #015496;
}
.font-teal {
	color: #00a1bd;
}
.font-coral {
	color: #f03f35;
}
.font-charcoal{
	color: #393a3a;
}

/* coral button */
div.eye-grab {
	padding: 5px 10px;
	min-width: 80px;
	min-height: 22px;
	overflow: hidden;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	text-transform: none;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	font-size: 13px;
	white-space: nowrap;
}
	div.eye-grab > span {
		display: inline;
		vertical-align: middle;
	}
	div.eye-grab > img {
		display: inline;
		vertical-align: middle;
		margin-left: 10px;
		margin-top: -2px;
	}
/* coral button MENU */
div.eye-grab2 {
	padding: 5px 10px;
	min-width: 80px;
	min-height: 22px;
	overflow: hidden;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	text-transform: none;
	text-align: center;
	display: inline;
	vertical-align: middle;
	cursor: pointer;
	font-size: 13px;
	white-space: nowrap;
}
	div.eye-grab2 > span {
		display: inline;
		vertical-align: middle;
	}
	div.eye-grab2 > img {
		display: inline;
		vertical-align: middle;
		margin-left: 10px;
		margin-top: -2px;
	}

/* header */
header div.header {
	height: 80px;
	padding: 5px;
}
	header div.header img {
		margin-top: 16px;
	}
/* menu */
div.menu {
	text-align: right;
	height: 80px;
	text-transform: uppercase;
}
	div.menu > div.top {
		min-height: 35px;
		width: 100%;
		line-height: 34px;
		overflow: hidden;
		font-size: 10px;
	}
	div.menu > div.bottom {
		min-height: 45px;
		width: 100%;
		line-height: 44px;
		overflow: hidden;
	}
		div.menu div.language {
			padding-top: 1px;
			text-align: right;
			overflow: hidden;
			text-transform: capitalize;
		}
			div.language ul, 
			div.language li {
				list-style-type: none;
				text-indent: 5px;
			}
				li.language-menu {
					cursor: pointer;
				}
					li.language-menu > span,
					li.language-menu > img {
						display: inline-block;
						vertical-align: middle;
						margin-left: 5px;
					}
				div.language > ul > li > ul {
					text-align: left;
					position: absolute;
					background-color: #020d41;
					display: none;
					padding: 5px;
					border-radius: 5px;
					z-index: 1001;
				}
				div.language > ul > li > ul > li {
					line-height: 20px;
				}
		div.menu > div.bottom > ul,
		div.menu > div.bottom > ul > li {
			list-style-type: none;
			display: inline;
			vertical-align: middle;
			font-size: 14px;
		}
		div.menu > div.bottom > ul > li  {
			padding: 10px 6px;
		}
		div.menu > div.bottom > img {
			display: inline;
			vertical-align: middle;
			margin-left: 15px;
		}
		div.menu > div.bottom > span.button-wrap {
			margin-left: 0px;
		}
		div.menu > div.bottom > form {
			display: inline-block;
			vertical-align: middle;
			height: 32px;
		}
		div.menu > div.bottom > form > input.search-box {
			border: 0;
			height: 20px;
			border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			line-height: 21px;
			width: 125px;
			display: inline-block;
			margin-top: -13px;
			background-color: #fff;
			text-indent: 5px;
		}
		div.menu > div.bottom > form > input.search-box:focus {
			background-color: #fff;
		}
		div.menu > div.bottom > form > img {
			margin-top: 4px;
			height: 21px;
			width: 21px;
			cursor: pointer;
		}
ul.sub-menu {
	position: absolute;
	padding: 5px 10px 10px 10px;
	text-align: left;
	text-transform: none;
	line-height: normal;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.75);
	display: none;
	list-style-type: none;
	z-index: 500;
}
	li#mm-workflows li.hd,
	li#mm-support li.hd,
	li#mm-software li.hd{
		/* font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B'; */
		font-family: Arial;
	}
	li#mm-workflows > ul > div > li,
	li#mm-workflows > ul > div > ul > li,
	li#mm-software > ul > div > li,
	li#mm-software > ul > div > ul > li,
	li#mm-support > ul > div > li,
	li#mm-support > ul > div > ul > li {
		list-style-type: none;
	}
	li#mm-workflows div,
	li#mm-software div,
	li#mm-support div {
		display: inline-block;
		vertical-align: top;
	}
	li#mm-workflows div.ml,
	li#mm-software div.ml,
	li#mm-support div.ml {
		margin-left: 25px;
	}	
	li#mm-workflows > ul > div > ul,
	li#mm-software > ul > div > ul,
	li#mm-support > ul > div > ul {
		padding-bottom: 15px;
		padding-left: 10px;
	}
	div.live-chat {
		width: 127px;
		position: fixed;
		bottom: 0px;
		right: 5px;
		z-index: 999;
	}
	div.live-chat > a > img {
		opacity: 1;
	}
	div.live-chat > a > img:hover {
		opacity: .7;
	}
	
	div.menu-buttons {
		width: 265px;
		position: fixed;
		z-index: 999;
	}
	div.menu-buttons > a > img {
		opacity: 1;
	}
	div.menu-buttons > a > img:hover {
		opacity: .7;
	}

/* footer */
footer.bg-darkblue {
	height: 50px;
}
	footer.bg-darkblue div.follow-us {
		height: 50px;
		overflow: hidden;
		line-height: 49px;
	}
		footer.bg-darkblue div.follow-us > span {
			display: inline;
			vertical-align: middle;
		}
		footer.bg-darkblue div.follow-us > a > img {
			display: inline;
			vertical-align: middle;
			margin-left: 3px;
		}

footer.bg-lightblue2 {
	padding: 15px 0;
}
	footer.bg-lightblue2 li.no-bullet {
		list-style-type: none;
		/* font-family: 'Ideal Sans SSm A', 'Ideal Sans SSm B'; */
		font-family: Arial;
		font-size: 14px;
	}
	footer.bg-lightblue2 ul.top {
		margin-top: 10px;
	}
	footer.bg-lightblue2 ul > li {
		padding: 2px;
	}
	footer.bg-lightblue2 ul > ul {
		padding-left: 20px;
		list-style-type: square;
	}
	
/* support */
#support div.span2of8 {
	text-align: center;
	text-transform: uppercase;
	font-size: 28px;
	padding-bottom: 20px;
}
	#support div.span2of8 > a {
		text-decoration: none;
	}
	#support div.span2of8 > a:hover {
		text-decoration: underline;
	}
	#support div.span2of8 > a > img {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	
/* technical requirements */
#technical-requirements {
	padding: 25px 0;
}
	#technical-requirements h3 {
		text-align: center;
		margin-bottom: 25px;
		font-size: 26px;
	}
	#technical-requirements div.span2of8 {
		text-align: center;
	}
		#technical-requirements div.span2of8 > span {
			font-size: 18px;
			line-height: 30px;
		}
	#technical-requirements div.eye-grab {
		display: block;
		width: 125px;
		margin: 60px 0 0 85px;
	}
	
/* popup */
div.popup-shadow {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 998;
	background: #000;
	opacity: .75;
	display: none;
	cursor: pointer;
}
div.popup-redx {
	position: absolute;
	padding: 3px;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: bold;
	top: 5px;
	right: 5px;
	text-align: center;
	overflow: hidden;
	z-index: 999;
	border-radius: 15px;
	width: 25px;
	height: 25px;
	background-color: #f03f35 !important;
	color: #fff;
	text-align: center;
	line-height: 18px;
	cursor: pointer;
}
div.popup-fill { /*position with jquery */
	position: fixed;
	z-index: 999;
	background: #fff;
	display: none;
	cursor: pointer;
}
.popup {
	border: 1px solid #000;
	-webkit-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 0px 0px rgba(0,0,0,0.5);
	cursor: pointer;
}
.popup2 {
	cursor: pointer;
}