@charset "UTF-8";
/* CSS Document */

/* Include Reset File */
@import url("reset.css");

/* General */
body {
	background:url(/res/new/images/bg.jpg) top center no-repeat #acdaf2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	padding:0;
}
p, li {
	line-height:18px;
}
p {
	display:block;
	margin:10px 0;
	padding-top:0px !important;
}
ul {
	margin-left:25px;
	padding:0;
}
li {
	padding-left:2px;
}
a {
	color:#0054a6;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
	cursor: pointer;
}
img {
	border:none;
	display:inline;
	vertical-align:middle;
}
hr {
	border:0;
	border-bottom:1px solid #ccc;
	margin:20px 0;
}
h1 {
	font-size:24px;
	margin:10px 0;
}
h1.header {
	margin-top:0;
}
h2 {
	font-size:18px;
	margin:10px 0;
}
h3 {
	font-size:16px;
	margin:10px 0;
}
h4 {
	color:#000;
	display:inline-block;
	font-size:14px;
	margin:10px 0;
}
small {
	line-height:normal;
}
.large {
	font-size:15px;
}
.clear {
	clear:both;
}
/* Misc */
.title {
	color:#467900;
	display:block;
	font-size:18px;
	font-weight:bold;
	padding-top:10px;
}
.infobar-title {
	margin:0 0 10px 0;
}
p.feature, p.feature-last {
	width:220px;
	height:auto;
	color:#666;
	display:block;
	margin-bottom:110px;
}
p.feature-last {
	margin-top:50px;
	margin-bottom:30px;
}
p.feature strong, p.feature-last strong {
	color:#000;
}
.screenshot {
	display:inline-block;
	float:right;
}
.screenshot-last {
	float:right;
	margin-top:30px;
}
.text-shadow {
	text-shadow: 0px 1px 3px #000;
}
.right-side {
	width:320px;
	height:auto;
	float:right;
	margin-left:30px;
}
.small {
	font-size:10px;
	line-height:14px;
}
ul.resources {
	list-style-type:none;
	margin:10px 0;
}
ul.resources li {
	background: url(/res/new/images/icon_bullet.png) top left no-repeat;
	margin-bottom:5px;
	padding-left:20px;
}
ul.contact-links {
	list-style-type:none;
	margin:0; 
	padding:0;
}
li.bulleted {
	background: url(/res/new/images/icon_bullet.png) top left no-repeat;
	list-style-type:none;
	margin:0 0 5px 5px;
	padding-left:20px;
}
.red {
	color:#f00;
}
img.align-right {
	float:right;
	margin-right:10px;
}
.super {
	font-size:8px;
	vertical-align:super;
}
/* Structure */
#header {
	width:960px;
	height:108px;
	margin:0 auto;
	vertical-align:middle;
}
#header img.logo {
	float:left;
	margin-top:35px;
}
#header form.language {
	display:inline;
	float:right;
	padding-top:45px;
}
#topnav {
	width: 960px;
	height: 43px;
	background:url(/res/new/images/navbar-bg.gif) right no-repeat;
	font-size:16px;
	margin:0 auto;
	padding:0;
	position:relative;
}
#topnav li img {
	vertical-align:middle;
}
#topnav ul, #topnav li.nav {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
}
#topnav li.nav {
	background: url(/res/new/images/navbg.gif) repeat-x top;
	height:43px;
	float:left;
	border-right:1px solid #004a9e;
}
#topnav li.nav a:link, #topnav li.nav a:visited {
	color:#fff;
	display:inline-block;
	height:43px;
	line-height:43px;
	overflow: hidden;
	padding:0 20px;
	text-decoration:none;
}
#topnav li.nav a:hover, #topnav li.nav a:focus {
	background: url(/res/new/images/navbg.gif) repeat-x 0 -43px;
}
#topnav li.nav a:active, #topnav li.nav a.selected {
	background: url(/res/new/images/navbg.gif) repeat-x 0 -86px;
}
#topnav li#corner-right, #topnav li#corner-right img {
	width:10px;
	height:43px;
	background:url(/res/new/images/navbg-right.gif) top no-repeat;
	border:none;
	float:right;
}
#topnav li#home {
	width:83px;
	background:none;
	text-align:center;
}
#topnav li#home a:link, #topnav li#home a:visited {
	width:83px;
	height:43px;
	background:url(/res/new/images/homenav-bg.png) top left no-repeat;
	border:none;
	cursor:pointer;
	padding:0;
	text-align:center;
}
#topnav li#home a:hover, #topnav li#home a:focus {
	width:83px;
	height:43px;
	background:url(/res/new/images/homenav-bg.png) no-repeat 0 -43px;
	border:none;
}
#topnav li#home a:active, #topnav li#home-active, #topnav li#home-active a {
	width:83px;
	height:43px;
	background:url(/res/new/images/homenav-bg.png) no-repeat 0 -86px;
	border:none;
	padding:0;
	text-align:center;
}
#topnav li#home a.selected {
	width:83px;
	height:43px;
	background:url(/res/new/images/homenav-bg.png) no-repeat 0 -86px;
	border:none;
	padding:0;
	text-align:center;
}
#topnav li#dropdown, #topnav li#dropdown a {
	text-align:center;
}
#topnav li.active {
	background: url(/res/new/images/navbg.gif) repeat-x 0 -129px;
}
#topnav li.active a:hover {
	background: url(/res/new/images/navbg.gif) repeat-x 0 -129px;
}
#topnav li#login {
	float:right;
	border: none;
}
#topnav li#login a:link, #topnav li#login a:active, #topnav li#login a:hover, #topnav li#login a:focus, #topnav li#login a:visited {
	float:right;
	display:inline-block;
	cursor:pointer;
	border-right:1px solid #004a9e;
}
/***Drop Down***/
ul#topnav li#dropdown a {
	height:31px;
	line-height:normal;
	padding-top:12px;
}
ul#topnav li#dropdown img {
	vertical-align:middle;
}
ul#topnav li#dropdown:hover {
	background: url(/res/new/images/navbg.gif) repeat-x 0 -43px;
}
ul#topnav li#dropdown .sub {
	position: absolute; /*--Important--*/
	top: 43px;
	font-size:12px;
	background: #13385d url(/res/new/images/sub_bg.gif) top repeat-x; /*--Background gradient--*/
	padding: 20px;
	float: left;
	/*--Rounded corner--*/
	-moz-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
	display: none; /*--Hidden for those with js turned off--*/
	z-index:100;
}
ul#topnav li#dropdown .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li#dropdown .sub ul{
	border::none;
	display:inline-block;
	list-style: none;
	margin: 0; 
	padding: 0;
	width: 240px;
	float: left;
	text-align:left;
}
ul#topnav li#dropdown .sub ul li {
	width: 100%; /*--Override parent list item--*/
	border:none;
	color: #fff;
	display:inline-block;
	height:30px;
	line-height:18px;
	text-align:left;
}
ul#topnav li#dropdown .sub ul li h3 { /*--Sub nav heading style--*/
    color:#79dbfd;
	padding: 5px 0;  
	margin: 0;
	font-size: 14px;
	font-weight: bold;
}
ul#topnav li#dropdown .sub ul li h3 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	display:inline-block;
	color: #fff;
}
ul#topnav li#dropdown .sub ul li a {
	text-indent: 0; /*--Override text-indent from parent list item--*/
	width:100%;
	height: auto; /*--Override height from parent list item--*/
	background: url(/res/new/images/navlist_arrow.png) no-repeat 0px 17px;
	margin:0;
	padding: 13px 0 0 15px;
	text-align:left;
	text-decoration: none;
	color: #fff;
}
ul#topnav li#dropdown .sub ul li a:hover {
	color: #ccc;
	background: url(/res/new/images/navlist_arrow.png) no-repeat 5px 17px ;/*--Override background position--*/
}
/***Main***/
#main {
	width:900px;
	height:auto;
	background-color:#fff;
	margin:20px auto 0;
	overflow:hidden;
	padding:30px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.col {
	width:274px;
	height:auto;
	border-right:1px solid #ccc;
	float:left;
	margin-right:20px;
	padding:0 20px 0 0;
}
.col-last {
	width:260px;
	height:auto;
	float:left;
	padding:0;
}
.col img, .col-last img {
	display:inline-block;
	margin-left:10px;
}
#main-top {
	width:900px;
	height:auto;
	background-color:#fff;
	margin:0 auto;
	overflow:hidden;
	padding:30px;
	clear: both;
	-moz-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
}
.content {
	width:600px;
	height:auto;
	float:left;
}
.content-menu {
	width:660px;
	height:auto;
	float:left;
	overflow:hidden;
}
/***Breadcrumbs***/
.crumbs {
	margin:0;
	padding:0;
}
/***Sidebar***/
.sidebar {
	width:280px;
	height:auto;
	float:right;
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
}
.module-header {
	background:url(/res/new/images/support/box-barbg.gif) repeat-x;
	border:1px solid #ccc;
	border-bottom:none;
	width:270px;
	height:38px;
	line-height:38px;
	padding-left:10px;
	font-size:14px;
	-moz-border-radius:  10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}
.module {
	width:260px;
	height:auto;
	margin-bottom:20px;
	padding:10px;
	border:1px solid #ccc;
	font-size:12px;
	-moz-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 10px;
	-webkit-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
}
.module img {
	margin-left:10px;
}
/***Menu-short***/
#menu {
	width:180px;
	background:url(/res/new/images/productlist-menubg.jpg) top no-repeat;
	float:left;
	margin-right:40px;
	min-height:202px;
	padding:5px 10px 0;
}
#menu ul, #menu li {
	font-size:14px;
	line-height:34px;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu li {
	border-bottom:1px solid #c7e3ee;
	border-top:1px solid #fff;
}
#menu li.no-border {
	border-top:none;
}
#menu li a {
	display:block;
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;
}
#menu li a:hover, #menu li a:active, #menu li a.selected {
	width:190px;
	height:34px;
	background:url(/res/new/images/menu-active.png) no-repeat;
	color:#fff;
	padding-left:10px;
}
/***Menu-long***/
#menu-long {
	width:180px;
	background:url(/res/new/images/company-menubg.jpg) top no-repeat;
	float:left;
	margin-right:40px;
	min-height:417px;
	padding:5px 10px 0;
}
#menu-long ul, #menu-long li {
	font-size:14px;
	line-height:34px;
	list-style-type:none;
	margin:0;
	padding:0;
}
#menu-long li {
	border-bottom:1px solid #c7e3ee;
	border-top:1px solid #fff;
}
#menu-long li.no-border {
	border-top:none;
}
#menu-long li a {
	display:block;
	font-weight:bold;
	overflow:hidden;
	text-decoration:none;
}
#menu-long li a:hover, #menu-long li a:active, #menu-long li a.selected {
	width:190px;
	height:34px;
	background:url(/res/new/images/menu-active.png) no-repeat;
	color:#fff;
	padding-left:10px;
}
/***Footer***/
#footer {
	width:100%;
	height:312px;
	background:url(/res/new/images/bg-bottom.jpg) center no-repeat;
	margin:40px auto 0;
}
.footer-content {
	width:960px;
	height:280px;
	margin:0 auto;
}
.footer-content ul {
	width:200px;
	height:auto;
	float:left;
	margin:0 20px 0 0;
}
.footer-content ul.narrow {
	width:150px;
}
.footer-content ul, .footer-content ul li {
	list-style-type:none;
	margin:0;
	padding:0;
}
.footer-content ul li, .footer-content ul li a {
	font-size:12px;
	line-height:24px;
}
.footer-content ul li {
	color:#000;
}
.footer-content ul li a {
	color:#444;
}
.footer-content ul li a:hover {
	text-decoration:underline;
}
.footer-content .footer-header {
	color:#000;
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
.footer-content .social {
	width:250px;
	height:auto;
	float:right;
	color:#fff;
	margin-top:5px;
}
.footer-content .social form {
	width:250px;
	height:50px;
	display:block;
	margin:15px 0 30px;
}
.footer-content .social form label {
	width:250px;
	height:22px;
	font-size:11px;
	color:#999;
	float:left;
	line-height:18px;
	display:block;
	margin-bottom:20px;
}
.footer-content .social form input[type=text] {
	width:212px;
	height:22px;
	border:1px solid #ccc;
	line-height:22px;
	float:left;
	padding-left:5px;
}
.footer-content .social form input[type=button] {
	width:55px;
	border:none;
	height:25px;
	background-color:#666;
	border:1px solid #666;
	color:#fff;
	padding:0 3px 3px;
	float:left;
	cursor:pointer;
	display:block;
}
.footer-content .social form input[type=button]:hover {
	background-color:#777;
	color:#fff;
}
.footer-content .social ul.social-links, .footer-content .social ul.social-links li {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.social-links{
	width:300px;
}
#facebook{
	float:left;
}

#twitter{
	clear:both;
}

#like{
	margin-bottom:0px;
	width:100px;
	float:left;
	padding-left:10px;
	padding-top:2px;
}
.footer-content .social ul.social-links li {
	margin-bottom:10px;
}
.footer-content .social ul.social-links li img {
	float:left;
	vertical-align:middle;
}
.copy {
	font-size:10px;
	color:#666;
	width:300px;
	margin:0 auto;
}

/* Classes carried over from old design */

.imgtd, .imgtd_small {
	height: 21px;
	width: 160px;
	font-weight: bold;
	color: white;
	text-align: center;
	vertical-align: middle !important;
}
.imgtd_blue {
	background: url(/res/images/buttons/btn_blue.gif) no-repeat;
}
.imgtd_green {
	background: url(/res/images/buttons/btn_green.gif) no-repeat;
}
.imgtd_small {
	width: 110px;
}
.imgtd_small_blue {
	background: url(/res/images/buttons/btn_blue_small.gif) no-repeat;
}
.imgtd_small_green {
	background: url(/res/images/buttons/btn_green_small.gif) no-repeat;
}
.imgtd a, .imgtd_small a {
	color: white;
}
a.imgbtn {
	display: block;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	text-align: center;
}
a.btnsmblue, a.btnsmgreen {
	width: 110px;
	height: 21px;
	line-height: 21px;
	font-size: 11px;
}
a.btnsmblue {
	background: url("/res/images/btn_sm_blue_110.gif") no-repeat top left;
}
a.btnsmgreen {
	background: url("/res/images/btn_sm_green_110.gif") no-repeat top left;
}
a.btnsmblue:hover, a.btnsmgreen:hover {
	text-decoration: underline;
	color: #FFF;
	background-position: -21px left;
}
.ok {
	font-weight: bold;
	color: green;
}
.new, .updated {
	color: red;
	font-style: italic;
}
.pick {
	color: #CE9831;
	font-style: italic;
}
.due {
	color: #E5BD4B;
	font-weight: bold;
}
.expired {
	color: red;
	font-weight: bold;
}
.error {
	font-weight: bold;
	color: red;
	vertical-align: top;
}
#allproducts td {
	padding: 10px 5px;
	background: #EEE;
}
strong.new {
	color:green;
	font-size:11px;
	font-weight:bold;
	font-style:normal;
}
strong.improved {
	color:#3EC0F2;
	font-size:11px;
	font-weight:bold;
}
strong.beta {
	color:#e4750d;
	font-size:11px;
	font-weight:bold;
}
#textbox {
	color: #CECECE;
	font-size: 11px;
}
.hintbox_wrapper {
	position: relative;
	top: 0;
	left: 5px;
	float: left;
}
.hintbox_wrapper:hover .hintbox {
	display: block;
	position: absolute;
	top: 0px;
	right: -260px;
	width: 250px;
	padding: 3px;
	background-color: white;
	border: 1px solid black;
}
.hintbox_wrapper:hover .hintbox.widehint {
	right: -460px;
	width: 450px;
}
.hintbox{
	display: none;
}
.hintanchor{ /* Link that shows hint onmouseover */
	color: #1975D1;
	cursor: default;
}
.clearer {
	clear: both;
	height: 0;
	font-size: 1px;
}
li.feat {
	margin:10px 0;
}
}