/* CSS Document */
/* Created by VillageWorks Communications, Inc.  */

/* COLORS USED IN THE SITE 
	Dark Gray - #3F3F3F
	Light Gray - #E6E6E6 (site background)
	Dark Blue - #275789
	Med Blue - #0074B8
	Light Blue - #0ABFE2
	Red - #B42025
	Orange - #EEB211
	Yellow - #FFE512	
*/

/* ======================================================================= */
/* =========================================================== HTML STYLES */
/* ======================================================================= */

body {
	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:14px;
	background-color:#FFFFFF;
	background-image:url(../images/background-dark.jpg); 
	background-repeat:repeat-x;
}

table, tr, td {
	margin:0px;
	padding:0px;
}

h2 {
	font-size:12px;
	font-weight:bold;
	line-height:14px;
	margin:0px;
}

/* ======================================================================= */
/* ============================================================ DIV STYLES */
/* ======================================================================= */

/* THESE 4 DIV STYLES CREATE THE 4 ROWS OF THE INDEX PAGE */
#row0 {
	width:970px;
	height:80px;
	margin:0px;
	padding:0px;
	text-align:left;
	background-position: top left;
}
#row1 {
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	width:970px;
	height:102px;
	margin:0px;
	padding:0px;
	text-align:left;
	background-position: top left;
}

#row1Pulse {
	background-image:url(../images/P_row1_header_bg_970x82.jpg);
	background-repeat:no-repeat;
	width:970px;
	height:84px;
	margin:0px;
	padding:0px;
	text-align:left;
	background-position: top left;
}

#row2 {
	background-color:#FFFFFF;
	width:970px;
	height:280px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#row2_home {
	background-color:#FFFFFF;
	width:970px;
	height:10px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#row3 {
	background-color:#FFFFFF;
	width:970px;
	min-height:100px;
  	height:auto !important;
  	height:100px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#row3_demo {
/*	background-image:url(../images/row3_internalBG_demo_slice_y.jpg); */
	background-repeat:repeat-y;
	background-position:top left;
	width:970px;
	min-height:100px;
  	height:auto !important;
  	height:100px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#row3_home {
	background-color:#FFFFFF;
	width:970px;
	min-height:100px;
  	height:auto !important;
  	height:100px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#row3_flash {
	background-color:#FFFFFF;
	width:970px;
	min-height:190px;
  	height:auto !important;
  	height:100px;
	margin:0px;
	padding:0px;
	text-align:left;
}
#row3_flash_content {
	position:relative;
	width:760px;
	float:left;
  	height:100px;
	z-index:1;
}
#row3_images {
	position:relative;
	float: right;
	left: -30px;
	top:15px;
	width:194px;
	height:188px;
	z-index:2;
}
#row4 {
/*	background-image:url(../images/row4_internal_bg_970x135.jpg); */
	background-repeat:no-repeat;
	background-position:top left;
	width:970px;
	height:112px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#row4_demo {
	background-image:url(../images/row4_home_bg_970x135.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:970px;
	height:112px;
	margin:0px;
	padding:0px;
	text-align:left;
}

#row4_home {
	background-image:url(../images/row4_home_bg_970x135.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:970px;
	height:112px;
	margin:0px;
	padding:0px;
	text-align:left;
}
/* THIS IS THE DIV FOR THE HEADER CURVE FOR THE INTERNAL PAGES */
#row2_internal {
	background-color:#FFFFFF;
	width:970px;
	height:45px;
	margin:0px;
	padding:0px;
	text-align:left;
}
/* THIS IS THE DIV FOR THE HEADER CURVE FOR THE INTERNAL PAGES WITH OUT DIV LINE*/
#row2_internal_demo {
	background-image:url(../images/row2_internal_bg_demo_970x325.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:970px;
	height:100px;
	margin:0px;
	padding:0px;
	text-align:left;
}
/* THIS DIV CONTAINS THE INTERNAL PAGE TITLE */
#internalHeaderContainer {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding: 20px 46px 0 202px;
	font-variant: small-caps;
}

/* THIS DIV CONTAINS THE INTERNAL DEMO PAGE TITLE */
#internalDemoHeaderContainer {
	color:#000000;
	font-size:14px;
	font-weight:bold;
	padding: 75px 46px 0 50px;
	font-variant: small-caps;
}


/* THIS DIV CREATES THE CONTAINER FOR THE NAVIGATION */
#navigationContainer {
	position:relative;
	top:-10px;
	left:25px;
	color:#FFFFFF;
	font-size:12px;
/*	font-weight: bold; */
	z-index:10;
	/* NO NEED TO SIZE
	width:750px; */	
}
#navigation {
	padding:22px 28px 0 0;
	text-align:right;
}

#navigation  {
	color:#FFFFFF;
}

/* THIS DIV CREATES THE CONTAINER FOR BOTH THE LOGIN TEXT AND THE SEARCH BOX */
#search_and_login {
	position:relative;
	top:5px;
	left:485px;
	width:430px;
	height:25px;
	padding: 4px 30px 0 0;
	color:#000000;
	font-size:10px;
}

/* THIS DIV IS FOR RELATED RESOURCES BOX */
#relatedResources_textSingleLine {
	padding:10px 0 5px 2px;
	vertical-align:top;
}

#relatedResources_textDoubleLine {
	padding:2px 0 5px 2px;
	vertical-align:top;
}

#relatedResources_textTripleLine {
	padding:2px 0 5px 2px;
	vertical-align:top;
}

#relatedResources_iconSingleLine {
	padding:5px 4px 10px 0;
	vertical-align:top;
}

#relatedResources_iconDoubleLine {
	padding:5px 4px 10px 0;
	vertical-align:top;
}

#relatedResources_iconTripleLine {
	padding:11px 4px 10px 0;
	vertical-align:top;
}

/* THIS DIV JUST CONTAINS THE SEARCH BOX FORM */
#searchContainer {
	float:right;
	width:200px;
	text-align: right;
	position:relative;
/* NO NEED TO POSITON NOW	
	top:-33px;
	left: 150px; */
}

/* THIS DIV JUST CONTAINS A CLEAR IMAGE THAT LAYS OVER THE LOGO FOR A HOME BUTTIN */
#logoClear {
	float:left;
	position:relative;
	top:-7px;
	left:-480px;
}

/* THIS DIV JUST CONTAINS A CLEAR IMAGE THAT LAYS OVER THE LOGO FOR A HOME BUTTIN */
#logoSmallTop {
	float:left;
	position:relative;
	top: 2px;
	left:0px;
	width:150px;
}

/* THIS DIV JUST CONTAINS A CLEAR IMAGE THAT LAYS OVER THE LOGO FOR A HOME BUTTIN */
#logoProduct {
	float:left;
	position:relative;
	top:20px;
	left:-480px;
	width:270px;
}

/* THESE DIVS CREATE THE PADDING FOR THE ROWS (BY PUTTING THE PADDING ON AN INTERNAL DIV, IT DOESN'T MESS UP THE LAYOUT OF THE INDEX PAGE) */
#row0_padding {
	padding:30px 30px 0 20px;
}

#row1_padding {
	padding:0 30px 0 20px;
}

#row4_padding {
	padding:86px 28px 0 30px;
	font-size: 10px;
	color: #000000;
}

/* THESE DIV STYLES PAD IN THE THREE COLUMNS OF THE TABLE */
#baserow_padding {
	padding:22px 25px 20px 20px;
	font-size: 11px;
	color: #3F3F3F;
}

#col1_padding {
	padding:22px 12px 0 30px;
	font-size: 11px;
	color: #3F3F3F;
}

#col2_padding_home {
	padding:22px 12px 0 20px;
}

#col2_padding {
	padding:22px 10px 20px 10px;
}
#col3_padding {
	padding:22px 15px 0 10px;
}

/* DIV CONTAINS PADDING FOR SUB-NAVIGATION */
#internal_subNav_container {
	padding:6px 0px 10px 30px;  /* last val was 45 px */
}

#internal_header {
	padding:6px 0 0 0;
}
#internal_content {
/*	background-image:url(../images/horizontal_bar.jpg);
	background-repeat:repeat-y;
	background-position:top right; */
	padding:6px 50px 0 0px;
	font-size: 11px;
	color: 3F3F3F;
	width: 450px;
	float: left;
}
#internal_content1 {
	padding:6px 5 0 20px;
	font-size: 11px;
	color: 3F3F3F;
	width: 550px;
	float: left;
}
#internal_content_pricing {
	padding:6px 5 0 20px;
	font-size: 11px;
	color: 3F3F3F;
	width: 950px;
	float: left;
}

#internal_quickLink_container {
	padding:0px 0px 10px 10px;
	border-style:solid;
	border-radius: 5px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
}

#internal_quickLink_container_flash {

	border-style:solid;
	border-radius: 5px;

	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #ccc;
}
ul.quickLinkContainer {
	padding:0px 0px 0px 10px;
	margin:0px;
	list-style-image:url(../images/right_nav.jpg);
	list-style-position:outside;
	color:#000;	
	font-weight:bold;
	font-size:11px;
}
.quickLinkContainer li {
	margin:0px;
	line-height:15px;
/*	padding:5px 0;	*/
	padding: 0 0 10px 0px;

}

ul.subNavMenu {
	padding:0px 0px 0px 10px;
	margin:0px;
	list-style-image:url(../images/right_nav.jpg);
	list-style-position:outside;
	color:#000;
	font-weight:bold;
	font-size:12px;
/*
	font-variant: small-caps;
	font-size:14px;
*/
}
.subNavMenu li {
/*	line-height:25px; */
/*	line-height:15px; */
/*	padding:5px 0; */
	padding: 0 0 10px 0px;
	margin:0px;
}

ul.subSubNavMenu {
	margin:0px;
	padding:0px 0px 0px 20px;
	list-style-image:url(../images/bullet_tri_6x6.gif);
	list-style-position:outside;
	color:#3F3F3F;
/*	font-style:italic;	 */
	font-weight:normal;
	font-size:11px;
}

/* THIS DIV STYLE IS FOR INTERNAL SUB-SUB NAV ON THE RIGHT-SIDE */
#sub_subNav {
	float:right;
	width:200px;
	margin:10px;
	padding:10px;
}
#quickButtonList {
	position:relative;
	left:542px;
	top:-25px;
	width:400px;
	height:48px;
	z-index:1;
}
#quickButtonListHome {
	position:relative;
	left:555px;
	top:-40px;
	width:400px;
	height:48px;
	z-index:1;
}
.quickLinks {
	padding: 0 0 5px 0;
	font-size:11px;
	font-weight:normal;
	color:#3F3F3F;
}

#quickLinks a:link {
	color:#3F3F3F;
	text-decoration:underline;
	font-size:11px;
}
#quickLinks a:visited {
	color:#000000;
	text-decoration:underline;
	font-size:11px;
}
#quickLinks a:hover {
	color:#B42025;
	text-decoration:underline;
	font-size:11px;
}

#quickLinksFloat {
	width:210px;
	padding:0 30px 10px 0;
	float: right;
}

#quickLinksGuts {
	padding:5px 10px 2px 10px;
	width:178px;
	background-image:url(../images/quickLinks_top.jpg);
}

#quickLinksBottom {
	height:6px;
	width:198px;
	background-image:url(../images/quickLinks_bottom.jpg);
}

#freeTrial {
	width:200px;
	padding:15px 0 0 0;
}

#quoteBox {
	height:250px;
	width:200px;
	padding:15px 0 0 0;
}

#quoteBox .quote {
	font-style:italic;
	font-size:11px;
}
#quoteBox .quoter {
	font-size:10px;
}

/* THESE DIV STYLES CREATE THE 2ND AND 3RD COLUMN OF THE INDEX PAGE */
.sectionTitle_darkBlue {
	text-transform:uppercase;
	font-size:12px;
	color:#275789;
	border-bottom:solid #275789 1px;
	font-weight:bold;
	letter-spacing: 0.05em;
}
.sectionTitle_red {
	text-transform:none;
	font-size:12px;
	color:#B42025;
	font-weight:bold;
	letter-spacing: 0.05em;
	padding:0px 0 0 10px;	
}
.sectionTitle_red1 {
	text-transform:uppercase;
	font-size:12px;
	color:#B42025;
	font-weight:bold;
	letter-spacing: 0.05em;
}
.sectionContent {
	padding:8px 0 16px 0;
	font-size:12px;
	color:#3F3F3F;
}

ul.sectionContent {
	color:#000000;
	font-weight:normal;
	list-style-image:url(../images/right_nav.jpg);
	list-style-position:outside;
	margin:0;
	padding:0px 0 0 10px;
}

ul.sectionContent li {
	padding: 0px 0 10px 0px;
	margin:0;
}

.sectionContentBottom {
	padding:8px 0 0 0;
	font-size:11px;
	color:#3F3F3F;
}

#eventTracker_freeTrial_btn {
	padding:10px 0 0 35px;
	text-align: left;
	vertical-align: top;
}

#eventLogSerch_field {
	padding:10px 0 0 20px;
	text-align: left;
	vertical-align: top;
}

/* THIS STYLE IS FOR ADDRESS IN SIDE BAR */
.address {
	font-size:11px;
}

/* THIS DIV FLOATS THE COPYRIGHT TO THE RIGHT OF THE FOOTER */
#copyRight {
	font-size:8px;
	color:#666;
	padding:5px 0 0 20px;
}

#copyRightTag {
    float:left;
	width:290px;	
}
#copyRightContainer {
	position:relative;
	top:-25px;
	left:5px;
	width:650px;
}

/* ======================================================================= */
/* =========================================================== SPAN STYLES */
/* ======================================================================= */
.internal_subHeader {
	color:#000000;  /* was #275789 */
	font-weight:bold;
}

/* ======================================================================= */
/* =========================================================== LINK STYLES */
/* ======================================================================= */
a:link {
	color:#275789;
	text-decoration:none;
}
a:visited {
	color:#275789;
	text-decoration:underline;
}
a:hover {
	color:#000000;
	text-decoration:underline;
}

#navigation a:link {
	color:#FFF;
	text-decoration:none;
}
#navigation a:visited {
	color:#FFF;
	text-decoration:none;
}
#navigation a:hover {
	color:#FFF;
	text-decoration:underline;
}
/* STYLES FOR SUB-NAV LINKS */
.subNavMenu a:link {
	color:#000;
	text-decoration:none;
}
.subNavMenu a:visited {
	color:#000;
	text-decoration:none;
}
.subNavMenu a:hover {
	color:#000;
	text-decoration:underline;
}
/* STYLES FOR SUB-NAV SUB LINKS */
.subSubNavMenu a:link {
	color:#3F3F3F;
	text-decoration:none;
}
.subSubNavMenu a:visited {
	color:#3F3F3F;
	text-decoration:none;
}
.subSubNavMenu a:hover {
	color:#B42025;
	text-decoration:underline;
}
/* STYLES FOR QUICK LINKS CONTAINER*/
.quickLinkContainer a:link {
	color:#000;
	text-decoration:none;
	font-size:11px;
}
.quickLinkContainer a:visited {
	color:#000;
	text-decoration:none;
	font-size:11px;
}
.quickLinkContainer a:hover {
	color:#000;
	text-decoration:underline;
	font-size:11px;
}

#sub_subNav a:link {
	font-weight:bold;
	color:#3F3F3F;
	text-decoration:underline;
}
#sub_subNav a:visited {
	font-weight:bold;
	color:#3F3F3F;
	text-decoration:underline;
}
#sub_subNav a:hover {
	font-weight:bold;
	color:#B42025;
	text-decoration:underline;
}

/* HOME PAGE BOX LINKS */
.sectionContent a:link {
	color:#000;
	text-decoration:none;
	font-size:12px;
}
.sectionContent a:visited {
	color:#000;
	text-decoration:none;
	font-size:12px;
}
.sectionContent a:hover {
	color:#000;
	text-decoration:underline;
	font-size:12px;
}

/* STYLES FOR FOOTER LINKS */
#copyRight a:link {
	color:#666;
	text-decoration:none;
}
#copyRight a:visited {
	color:#666;
	text-decoration:none;
}
#copyRight a:hover {
	color:#666;
	text-decoration:underline;
}

/* CUSTOMER IMAGES LINKS */
.customerImages a:link {
	color:#000;
	text-decoration:none;
}
.customerImages a:visited {
	color:#000;
	text-decoration:none;
}
.customerImages a:hover {
	color:#000;
	text-decoration:none;
}

/* ======================================================================= */
/* ========================================================== TABLE STYLES */
/* ======================================================================= */
#index_content_table {
	border:0px;
	padding:0px;
	margin:0px;
	width:100%;
}

#internal_table {
	width:100%;
	border:0px;
	padding:0px;
	margin:0px;
}
#internal_table1 {
	width:100%;
	border:0px;
	padding:15px;
	margin:0px;
}
/* ======================================================================= */
/* ============================================================= TR STYLES */
/* ======================================================================= */


/* ======================================================================= */
/* ============================================================= TD STYLES */
/* ======================================================================= */
#column1 {
	width:485px;
}

#column1_home {
	width:370px;
}

#column2 {
	width:270px;
}

#column2_home {
	width:360px;
	background-image:url(../images/horizontal_bar.jpg);
	background-repeat:repeat-y;
	background-position:top right;
}

#column3 {
	width:485px;
}

#column3_home {
	width:230px;
}

#baserow_home {
	width:970px;
}

/* ======================================================================= */
/* ================================================== MISCELLANEOUS STYLES */
/* ======================================================================= */

.orange {
	color:#EEB211;
}
.darkGray {
	color:#3F3F3F;
}
.lightGray {
	color:#E6E6E6;
}
.darkBlue {
	color:#275789;
}
.medBlue {
	color:#0074B8;
}
.lightBlue {
	color:#0ABFE2;
}
.red {
	color:#B42025;
}
.yellow {
	color:#FFE512;
}

.tri3 {
	padding-bottom:2px;
}

/*===================================*/
/* Landing Page Styles               */
/*===================================*/
#lpLogo {
	position:absolute;
	left:750px;
	top:44px;
	width:252px;
	height:52px;
	z-index:1;
}
#lpPulseLogo {
	position:absolute;
	left:702px;
	top:44px;
	width:300px;
	height:52px;
	z-index:1;
}
.lpHightlight {
	font-size: 16px;
	font-weight: bold;
}

.lpText {
	font-size: 11px
}

.lpSectionTitle {
	font-size: 14px;
	font-weight: bold;
}

.lpSectionTitleRed {
	color:#B42025;
}

/*=========================*/
/* Blog Integration Styles */
/*=========================*/
.blognews {font-size: 10px}

/*=========================*/
/* Drop Down Menu Styles   */
/*=========================*/
.menuItems {
	padding:22px 28px 0 0;
	text-align:left;	
}

/* remove all the bullets, borders and padding from the default list styling */
.menuItems ul {
	padding:0;
	margin:0;
	list-style-type:none;
}

.menuItems ul ul {
/*
	width:130px;
*/	
}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menuItems li {
	float:left;
/*
	width:100px;
*/
	position:relative;
	top: -5px;
}

/* style the links for the top level */
.menuItems a, .menuItems a:visited {
	display:block;
	font-size:12px;
	text-decoration:none; 
	color:#fff; 
/*
	width:119px; 
*/
	height:32px; 
	padding: 0 20px 0 4px; 
	line-height:30px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menuItems a, * html .menuItems a:visited {
/*
	width:130px;
	w\idth:119px;
*/
}

/* style the second level background */
.menuItems ul ul a.drop, .menuItems ul ul a.drop:visited {
	background: url(../images/arrow-rt.png) right no-repeat;
}

/* style the second level hover */
.menuItems ul ul a.drop:hover{
	background: url(../images/arrow-rt.png) right no-repeat;
}

.menuItems ul ul :hover > a.drop {
	background: url(../images/arrow-rt.png) right no-repeat;
}

/* style the third level background */
.menuItems ul ul ul a, .menuItems ul ul ul a:visited {
	background:#fff;
}

/* style the third level hover */
.menuItems ul ul ul a:hover {
/*	background:#FFE672; */
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menuItems ul ul {
	visibility:hidden;
	position:absolute;
	height:0;
	top:32px;
	left:0; 
	width:130px;	
}

/* another hack for IE5.5 */
* html .menuItems ul ul {
	top:20px;
	t\op:21px;
}

/* position the third level flyout menu */
.menuItems ul ul ul{
	left:150px; 
	top:0;
	width:130px;
}

/* position the third level flyout menu for a left flyout */
.menuItems ul ul ul.left {
	left:-130px;
}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menuItems table {
	position:absolute;
	top:0;
	left:0;
}

/* style the second level links */
.menuItems ul ul a, .menuItems ul ul a:visited {
	/* WAS: YELLOW	background:#FFF00D; */
	background:#fff;
	color:#000;
	height:auto;
	line-height:2em;
	padding:2px 10px;
	width:180px;
	border-left-style:solid;
	border-left-color:#AAA;
	border-left-width:2px;
	border-right-style:solid;
	border-right-color:#AAA;
	border-right-width:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}

/* yet another hack for IE5.5 */
* html .menuItems ul ul a{
	width:150px;
	w\idth:129px;
}

/* style the top level hover */
.menuItems a:hover, .menuItems ul ul a:hover{
	color:#000; 
	background:#FFF00D; /* #fff; */
}

.menuItems :hover > a, .menuItems ul ul :hover > a {
	color:#000;
	background:#FFF00D; /* #fff; */
}

/* make the second level visible when hover on first level list OR link */
.menuItems ul li:hover ul, .menuItems ul a:hover ul{
	visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
.menuItems ul :hover ul ul{
	visibility:hidden;
}

/* make the third level visible when you hover over second level list OR link */
.menuItems ul :hover ul :hover ul{ 
	visibility:visible;
}