@import url("/library/reset.css");

img, div,input, a { behavior: url(/library/iepngfix.htc) }

/* Common Styles */

.clear {
clear:both;
}


strong {
font-weight:bold;
}

small {
font-size:10px;
}
h1 {
color:#1c3f95;
font-size:18px;
line-height:25px;
padding-bottom:20px;
}

h1.blueTab {
background:url(/images/h1bg.gif) no-repeat left top;
margin-left:-20px;
padding-left:25px;

}

a.nounderline:hover {
	text-decoration:none;
}

h2 {
font-size:14px;
line-height:16px;
padding-bottom:10px;
color:#1C3F95;
font-weight:bold;
}

h2 strong {
color:#990000;
}

h3 {
font-size:12px;
line-height:16px;
padding-bottom:5px;

color:#333;
font-weight:bold;
}

h4 {
padding-bottom:5px;
margin-bottom:5px;
color:#000000;
font-size:18px;
border-bottom:1px dashed #999999;
}


.rightContent ul, .fullContent ul  {
padding-bottom:10px;
padding-left:20px;
}

.rightContent ul li, .fullContent ul li {

padding-left:10px;
list-style-image:url(/images/bullet_blue.png);
}

.rightContent ul.productList {
padding-right:30px;
}

.rightContent ul.productList li {
list-style-image:url(/images/icon_video.gif);
padding:0px 0px 10px 0px;
}


p {
padding-bottom:10px;
}

a {
font-weight:bold;
color:#808eb1;
}

a:hover {
text-decoration:underline;
}

.textGray {
color:#666666;
}

.textBlue {
color:#1c3f95;
}

.bold {
font-weight:bold;
}

.btnSeeAllEvents {
position:relative;
text-indent:-9999px;
display:inline-block;
width:166px;
height:54px;
background:url(/images/btn-seeAllEvents.gif) top no-repeat;
}

.btnSeeAllEvents:hover {
background:url(/images/btn-seeAllEvents.gif) bottom no-repeat;
}

.btnSeeAllNews{
position:relative;
text-indent:-9999px;
display:inline-block;
width:166px;
height:54px;
background:url(/images/btn-seeAllNews.gif) top no-repeat;
}

.btnSeeAllNews:hover {
background:url(/images/btn-seeAllNews.gif) bottom no-repeat;
}
.btnSeeAllCS{
position:relative;
text-indent:-9999px;
display:inline-block;
width:166px;
height:54px;
background:url(/images/btn-seeAllCS.gif) top no-repeat;
}

.btnSeeAllCS:hover {
background:url(/images/btn-seeAllCS.gif) bottom no-repeat;
}

.grayBar {
	background:#4d4d4d;
	display:block;
	height:5px;
	width:880px;
	margin:0 auto;
	line-height:5px;
	padding:0px;
	overflow:hidden;
}

* {margin:0; padding:0}

a {
	color:#4762a3;
	text-decoration:none;
}

body {
	background-color:#ededed;
	font-family: Trebuchet MS;
	font-size: 12px;
}


/* Center Content Styles */

#topContent {
	position:relative;
	width:900px;
	padding:0px 5px 5px 5px;
	margin:0 auto;
	background:url(/images/contentBG.gif) repeat-y;
	display:block;
}

#topContent #header {
	position:relative;
	display:block;
	height:135px;
	z-index:100;
}

#topContent #header #logo {
	position:absolute;
	top:20px;
	left:45px;
}

#topContent #header #globalNav {
	position:absolute;
	right:45px;
	top:20px;
	color:#1c3f95;
	text-align:right;
}

#topContent #header #navbar {
	position:relative;
	top:85px;
	padding:10px 50px 0px 50px;
	background:url(/images/horizontal-navbar-shad.gif) top center no-repeat;
	height:40px;
}

#topContent #header #navbar ul li {
	display:inline-block;
	float:left;
	height:40px;		
	position:relative;
	
}




#topContent #header #navbar ul li a {
	font-weight:bold;
	line-height:40px;
	padding:0px 20px;
	border-right:1px solid #1c3f95;
	color:#1c3f95;
}

#topContent #header #navbar ul li a:hover {
text-decoration:none;
}

#topContent #header #navbar ul li ul {
	position:absolute;
	display:block;
	background:#000000;
	opacity:0;
    filter: alpha(opacity = 0);
	top:40px;
	left:-20px;
	padding:20px;
	width:160px;
	border-bottom:5px solid #CCCCCC;
	z-index:2;
}

#topContent #header #navbar ul li ul li {
	border-right:none;
	border-bottom:1px solid #666666;
	display:block;
	height:auto;
	float:none;
}

#topContent #header #navbar ul li ul li a {
	display:block;
	color:#FFFFFF;
	font-weight:normal;
	line-height:20px;
	opacity:1;
	padding:0px;
	border-right:0px;
}

#topContent #header #navbar #navArrow {
	position:absolute;
	display:block;
	bottom:-13px;
	left:20px;
	width:25px;
	height:13px;
	z-index:110;
	background:url(/images/navArrow.png) no-repeat;
	
}


#topContent #header #globalNav a {
	color:#1C3F95;
}


#topContent #sliderMask {
width:620px;
height:350px;
overflow:hidden;
}

#topContent #sliderMaskW {
width:900px;
height:242px;
overflow:hidden;
z-index:2;
display:block;
position:relative;
}

#topContent #sliderCustomers {
position:absolute;
left:0px;
}

#topContent #sliderCustomersW {
position:absolute;
left:0px;
}


#topContent #sliderCustomers .slide {
position:relative;
float:left;
display:block;
width:620px;
height:350px;
}

#topContent #sliderCustomersW .slide {
position:relative;
float:left;
display:block;
width:900px;
height:242px;
}


#sliderCustomersNavigation, #sliderBenefitsNavigation {
z-index:10;
position:absolute;
top:10px;
right:20px;
}

#sliderCustomersNavigationW {
z-index:10;
position:absolute;
top:10px;
right:20px;
}

#sliderCustomersNavigation .thumb, #sliderCustomersNavigationW .thumb , #sliderBenefitsNavigation .thumb {
display:block;
float:left;
height:25px;
width:25px;
line-height:25px;
text-align:center;
background:#CCCCCC;
margin-right:2px;
cursor:pointer;
border:1px solid #999999;
}

#sliderCustomersNavigation #btnBenefits, #sliderBenefitsNavigation #btnCustomers {
display:block;
float:left;
height:25px;
line-height:25px;
text-align:center;
background:#CCCCCC;
margin-right:2px;
padding:0 5px;
border:1px solid #999999;
}

#sliderCustomersNavigation #btnBenefits:hover, #sliderBenefitsNavigation #btnCustomers:hover {
background:#990000;
color:#FFFFFF;
}


#sliderCustomersNavigation .active, #sliderCustomersNavigationW .active , #sliderBenefitsNavigation .active {
background:#990000;
color:#FFFFFF;
}


#topContent #homeBanner #sliderBenefits {
position:absolute;
left:0px;
display:none;
}

#topContent #homeBanner #sliderBenefits .slide {
position:relative;
float:left;
display:block;
width:620px;
height:350px;
}




#topContent #homeBanner {
position:relative;
display:block;
background:url(/images/bannerBg.gif) repeat-x;
height:350px;
z-index:1;
}

#topContent #clientBanner {
position:relative;
display:block;
background:url(/images/bannerBg.gif) repeat-x;
height:242px;
z-index:1;
}

#topContent #newHomeBanner {
position:relative;
display:block;
background:url(/images/bannerBg.gif) repeat-x;
height:242px;
z-index:1;
}



#topContent #homeBanner .leftArea {
display:block;
width:620px;
float:left;
position:relative;
z-index:2;
}


#topContent #homeBanner .leftArea #banners {
width:620px;
height:311px;
}

#topContent #homeBanner .leftArea #navigation {
width:620px;
height:39px;
background:url(/images/bannerNav-off.gif) repeat-x;
}

#topContent #homeBanner .leftArea #navigation .navThumb {
width:115px;
height:39px;
display:block;
float:left;
display:block;
line-height:39px;
padding:0px 20px;
color:#FFFFFF;
text-align:center;
}

#topContent #homeBanner .leftArea #navigation .doubleLine {
height:29px;
line-height:13px;
padding:5px 20px;
}

#topContent #homeBanner .leftArea #navigation .navThumb:hover, #topContent #homeBanner .leftArea #navigation .active {
background:url(/images/bannerNav-on.gif) repeat-x;
}


#topContent #homeBanner #slider #banners .banner {
position:absolute;
top:0px;
left:0px;
visibility:hidden;
}

#topContent #homeBanner #slider #banners .banner .cloud {
	display:block;
	position:absolute;
	width:386px;
	height:313px;
	z-index:3;
	background:url(/images/homeBanners/cloud.gif) no-repeat;
	left:280px;
	visibility:hidden;
	
}

#topContent #homeBanner #slider #banners .banner .cloud {
	position:absolute;
	left:250px;
}

#topContent #homeBanner #slider #banners .banner .cloud .cloudHeader {
position:absolute;
left:120px;
top:60px;
}

#topContent #homeBanner #slider #banners .banner .cloud .quote {
position:absolute;
color:#4c4b4b;
font-size:11px;
line-height:13px;
width:260px;
left:60px;
top:140px;
}

#topContent #homeBanner #slider #banners #banner1 .cloud .quote {
top:120px;
}

#topContent #homeBanner #slider #banners #banner2 .cloud .quote {
top:120px;
}

#topContent #homeBanner #slider #banners .banner .cloud .btnMore {
position:absolute;
top:235px;
left:140px;

}
#topContent #homeBanner #slider #banners .banner .cloud strong {
font-size:12px;
}


#topContent #homeBanner #slider #banners #banner1 .cloud .btnMore {
top:245px;
}

#topContent #homeBanner #slider #banners #banner2 .cloud .btnMore {
top:245px;
}




#topContent #homeBanner .rightArea {
display:block;
width:280px;
float:right;
z-index:1;
}

#topContent #homeBanner .rightArea #rightHeader{
height:80px;
width:280px;
}

#topContent #homeBanner .rightArea #homeVideoPlayer {
width:240px;
padding:20px;
padding-bottom:0px;
background:url(/images/videoHomeBg.gif) repeat-x;
height:250px;
display:block;
color:#FFFFFF;
}

#topContent #homeBanner .rightArea #homeVideoPlayer p {
font-size:10px;
padding-left:50px;
}

#bottomBG {
	position:relative;
	width:910px;
	height:28px;
	margin:0 auto;
	display:block;

}	

#topContent #partners {
	background:url(/images/horizontal-content-shad.gif) top center no-repeat;
	padding:10px 0px 5px 0px;
	text-align:center;
	height:35px;
	display:block;
}


#topContent #partners img {
	padding:0px 20px;
}


#homeContent {
padding:20px;
background:url(/images/maincontent.jpg) no-repeat top;
position:relative;
}

#homeContent .leftContent {
width:280px;
float:left;
padding-right:15px;
border-right:1px solid #b2b2b2;
}

#homeContent .rightContent {
width:550px;
float:right;
}


#homeContent .leftContentNew {
width:200px;
float:left;
padding-right:15px;
border-right:1px solid #b2b2b2;
}

#homeContent .centerContentNew {
width:200px;
padding-right:15px;
padding-left:15px;
float:left;
border-right:1px solid #b2b2b2;
}


#homeContent .rightContentNew {
width:398px;
float:right;

}



#spotlightTable {
padding-bottom:20px;
}
#spotlightTable tr td {
vertical-align:top;

}

#spotlightTable tr td h2 {
color:#4762a3;
}


#spotlightTable tr .icon1 {
background:url(/images/icon_home1.gif) top center no-repeat;
padding-top:60px;
display:block;
float:left;
width:120px;
}

#spotlightTable tr .icon2 {
background:url(/images/icon_home2.gif) top center no-repeat;
padding-top:60px;
display:block;
float:left;
width:120px;
}

#spotlightTable tr .icon3 {
background:url(/images/icon_home3.gif) top center no-repeat;
padding-top:60px;
display:block;
float:left;
width:120px;
}

#spotlightTable tr td h2 {
text-align:center;
}

#spotlightTable tr td ul {
padding-left:10px;
font-size:11px;
}


.newsItem {
padding-bottom:10px;
}

.newsHeader {
padding-bottom:10px;
}

.dateStamp {
display:block;
width:57px;
height:57px;
margin-right:10px;
text-align:center;
background:url(/images/dateStamp.gif) no-repeat;
}

.dateStamp .day {
font-size:24px;
line-height:24px;
font-weight:bold;
width:37px;
padding:0px 10px;
padding-top:10px;
color:#1C3F95;
}

.dateStamp .monthYear {
font-size:10px;
width:37px;
padding:0px 10px;
color:#333333;
}


/* Subpage Styles */
#subpageHeader {
display:block;
width:630px;
padding:30px 30px 30px 240px;
height:73px;
background:url(/images/subpageHeader.jpg) no-repeat top;
color:#FFFFFF;
}

#subpageHeader h1 {
font-weight:bold;
font-size:32px;
letter-spacing:-0.07em;
color:#FFFFFF;
line-height:40px;
}

#subpageContent {
padding:20px;
background:url(/images/maincontent.jpg) no-repeat top;
}

#subpageContent .leftContent {
width:235px;
float:left;
padding-right:15px;
}

#subpageContent .rightContent {
width:595px;
float:right;
}

#subpageContent .rightContent .twoColLeft {
width:290px;
float:left;
}

#subpageContent .rightContent .twoColRight {
width:290px;
float:right;
}

.subnavShaddow {
display:block;
width:243px;
height:19px;
padding-bottom:20px;
background:url(/images/subnav_shaddow.gif) no-repeat;
}

#subnav {
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}

#subnav li {
border-bottom:1px dashed #999999;
}

#subnav li:last-child {
border-bottom:none;
}

#subnav li a {
display:block;
color:#333333;
font-weight:normal;
padding-bottom:5px;
padding-top:5px;
padding-left:10px;
}

#subnav li a:hover {
color:#FFFFFF;
background:#0099FF;
text-decoration:none;
}

#userQuote {
margin-left:-20px;
padding-left:30px;
padding-top:30px;
background:url(/images/quoteTop.gif) top left no-repeat;
font-family:"Times New Roman", Times, serif;
font-style:italic;
line-height:16px;
}
#userQuote .quoteSign {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#1C3F95;
font-size:10px;
font-weight:bold;
text-align:right;

}

#userQuote .quoteBottom {
float:right;
}


/* SubpageVideo Styles */
#videoHeader {
position:relative;
height:272px;
background:url(/images/videoHeader.jpg) left top no-repeat #323232;
}

#videoHeader #videoPlayer{
position:absolute;
display:block;
width:350px;
padding-left:10px;
padding-right:10px;
height:325px;
z-index:10;
right:10px;
padding-top:10px;
background:url(/images/videoPlayerBg.gif) repeat-x top;
}

#videoHeader #headerContent {
padding-left:60px;
position:absolute;
top:40px;
width:430px;
height:222px;
background:url(/images/videoHeaderTab.gif) left top no-repeat;

}

#videoHeader #headerContent.fullbg {
	width:600px;
}

#videoHeader #headerContent p {
color:#FFFFFF;
text-align:justify;
font-size:11px;
line-height:13px;
}

#videoHeader #headerContent h1 {
font-size:36px;
line-height:38px;
color:#1eb1f5;
padding-bottom:10px;

}


#subpageContentVideo {
padding:20px;
background:url(/images/maincontent.jpg) no-repeat top;
}

#subpageContentVideo .fullContent {
padding-top:10px;
position:relative;

}

#subpageContentVideo .rightBox {
width:290px;
margin:20px;
padding:30px;
float:right;
background:url(/images/rightBox.png) no-repeat bottom left;

}

#subpageContentVideo .fullContent .twoColLeft {
width:420px;
float:left;
}

#subpageContentVideo .fullContent .twoColRight {
width:420px;
float:right;
}

/* Bottom Content Styles */

#bottomContent {

	position:relative;
	width:900px;
	margin:0px auto;
	
}

#bottomContent ul#bottomTabs {
}

#bottomContent ul#bottomTabs h2 {
	color:#1c3f95;
	font-size:18px;
	padding-bottom:10px;
}

#bottomContent ul#bottomTabs li {
	float:left;
	width:175px;
	padding-left:20px;
	padding-right:29px;
	background:url(/images/bottomTabsBG.gif) no-repeat right;
}

#bottomContent ul#bottomTabs li.firstli {
	float:left;
	width:399px;
	padding-left:20px;
	padding-right:29px;
	background:url(/images/bottomTabsBG.gif) no-repeat right;
}

#bottomContent ul#bottomTabs li.firstli a {
	float:left;
	width:185px;
	margin-right:10px;
}


#bottomContent ul#bottomTabs li:last-child {
	background:none;
}

#bottomContent ul#bottomTabs li a {
	display:block;
	color:#7b7b7b;
	line-height:18px;
	font-size:10px;
}

#bottomContent ul#bottomTabs li a:hover {
	text-decoration:underline;
}

#bottomContent #footer {
clear:both;
padding:10px 0px;
color:#7B7B7B;
}

.tableWithPadding tr td {
padding:3px 5px;
}

#quickLinks {
	position:absolute;
	z-index:10;
	width:262px;
	height:auto;
	left: 625px;
	top:0px;
}

#quickLinks #slidingContent {
overflow:hidden;
background-color:#FFF;
border-left:#CCCCCC 2px solid;
border-right:#CCCCCC 2px solid;
padding:0px 20px;
}

#quickLinks #slidingContent ul {
padding:20px 0px;
}

#quickLinks #slidingContent ul li {
padding:5px;
border-bottom:1px dashed #CCCCCC;
}

#quickLinks #slidingContent ul li a {
color:#4d4d4d;
}

#quickLinksButton {
width:222px;
height:37px;
line-height:37px;
background:url(/images/quickLinks.gif) no-repeat;
padding:0px 20px;
color:#FFFFFF;
font-size:18px;
}

#contactTable tr td:first-child {
font-weight:bold;
}

#contactTable tr td table tr td:first-child {
font-weight:normal;
}

#partnersTable tr td {
padding:10px 5px;
}

#partnersTable tr td:first-child {

}

#webinarList p {
border-bottom:#CCCCCC 1px dashed;
padding-top:5px;
}

#tradeshowList {
}

.errField{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #c00;
}

.rightContent hr {
display:block;
border-top:none;
border-right:none;
border-left:none;
border-bottom:1px dashed #999999;

margin-bottom:10px;

}
.RadEWrapper td {padding:0px !important;} 
.RadEWrapper table{margin:0px 0px 0px 0px !important;}
.dvRadEditor{border:1px solid #e6e6e6;}

#seoLinks {
clear:both;
font-size:10px;
color:#999999;
}

#seoLinks a {
font-size:10px;
color:#999999;
font-weight:normal;
}

#seoLinks a:hover {
text-decoration:underline;
}

#tabCustomers, #tabBenefits {
display:block;
position:absolute;
width:52px;
height:135px;
cursor:pointer;
}

#tabCustomers {
background:url(/images/homeBanners/tab-left-customers.gif) right center;
top:20px;
left:-52px;
}

#tabBenefits {
background:url(/images/homeBanners/tab-left-benefits.gif) right center;
top:160px;
left:-52px;
}

#tabCustomers:hover, #tabBenefits:hover, #tabCustomers.active, #tabBenefits.active {
background-position:left;
}

#customerMask {
position:relative;
display:block;
width:390px;
height:50px;
overflow:hidden;
}

#customerMask #customerSlider {
position:absolute;
left:0px;
height:50px;
}

#customerMask #customerSlider .slide {
position:relative;
float:left;
width:390px;
height:50px;
}

#topHeader {
position:absolute;
top:38px;
left:280px;
}

#topHeader h1 {
font-family:Helvetica, "Trebuchet MS", Arial, sans-serif;
font-size:24px;
letter-spacing:-0.02em;
}

ol {
margin-left:20px;
list-style:decimal;
}


.socialContainer {
	padding:10px;
	display:block;
	background:#EEEEEE;
	border:1px solid #CCCCCC;
}

.followUsIcons {
	float:left;
	width:150px;
}

.newsletterDiv {
	float:right;
	width:210px;
	padding-right:10px;
}

.followUsIcons h1, .newsletterDiv h1 {
	padding-bottom:10px;
}



.newsletterDiv .textfield {
	display:block;
	margin-bottom:3px;
	
	padding:2px;
	border:2px solid #CCCCCC;
	width:202px;
}

.newsletterDiv .formBtn {
	display:block;
	padding:2px;
	border:2px solid #999999;
}

.bioPicture {
float:left;
margin-right:10px;
margin-bottom:10px;
}

.demoPage #demoIcon {
	display:none;
}

.formField {
	padding:4px;
	border:1px solid #CCCCCC;
}

#clientLogos .client {
	float:left;
	width:186px;
	height:203px;
	margin-left:14px;
	margin-right:14px;
	background-image:url(/images/clientBG.gif);
	background-repeat:no-repeat;
	margin-bottom:25px;
}

#clientLogos .client .clientLogo {
	width:150px;
	height:115px;
	margin:0 auto;
	margin-top:5px;
	border-bottom:solid 1px #cfdfe6;
}


#clientLogos .client .clientText {
	width:150px;
	height:55px;
	margin:0 auto;
	text-align:center;
}		

#clientLogos .client .clientText h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#094295;
	text-align:center;
	text-transform:uppercase;
	margin-top:5px;
	font-weight:bold;
}

#secureMachine {
	width:619px;
	height:319px;
	float:left;
}		

#secureMachineWide {
	width:900px;
	height:280px;
	float:left;
}

#greyStrippedBar {
	display:block;
	height:81px;
}		

#disclaimer {
	padding:10px 0px;
	font-size:10px; 
	color:#999;
}

#newsFlash {
	width:300px;
	height:80px;
	position:absolute;
	left:320px;
	top:20px;
	z-index:101;
}

#newsFlash .headline {
	color:#ff0000;
	font-size:14px;
	text-align:right;
	padding-right:10px;
	border-right:1px solid #FF0000;
	
}

#newsFlash .headline strong {
	display:block;
	font-size:28px;
	font-weight:bold;
	letter-spacing:-0.02em;
	line-height:28px;
}

#newsFlash .newsText {
	padding-left:10px;
	color:#1C3F95;
}

#landingGoogleLogo {
	
	display:block;
	left:55px;
	position:absolute;
	bottom:-120px;
}
