body
{
    font: 12px Arial, Helvetica, Sans-Serif;  
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #444;
	background: #fff;
}



p
{
	margin-top:0px;		
	margin-bottom:10px;
    font: 12px Arial, Helvetica, Sans-Serif;
    line-height:14px;
	
}
.paragraphDivider
{
     padding-bottom: 5px; 
     border-top: #ccc 1px solid; 
     padding-top: 10px;
}
.aName, a:link.aName, a:visited.aName, a:hover.aName, a:active.aName{text-decoration:none!important;color:#444!important;}
a:link {color:#333;text-decoration:underline;}
a:visited {color:#666; text-decoration:underline;}
a:hover, a:active {color:#739600;}

a:link.noULLink, a:visited.noULLink
{
	text-decoration:none;
}

a:hover.noULLink, a:active.noULLink
{
	text-decoration:underline;
}

a:link.fullArticleLink, a:visited.fullArticleLink, a:hover.fullArticleLink, a:active.fullArticleLink
{
	font-size:11px;
	font-family:Arial, Helvetica, Sans-Serif;  
    text-decoration:underline;
	color:#000;
	white-space:nowrap;
}



a:link.moreLink, a:visited.moreLink
{
	font-size:11px;
	font-family:Arial, Helvetica, Sans-Serif;  
    text-decoration:none;
	color:#000;
	white-space:nowrap;
	font-weight:bold;
    float:right;
}

a:hover.moreLink, a:active.moreLink
{
    text-decoration:underline!important;
}

div.fullArticleLink, div.moreLink
{margin-top:10px;}


li 
{
    padding-bottom:8px; 

}

ul.noIndent li {margin-left:-25px;list-style-type:disc!important;}

.leftContent{
    width:75%;
    max-width:800px;
    float:left;
    text-align:center;
    background:#f3f3f4 url(images/pagetop.gif) top left repeat-x;
    margin-left:8px;
    margin-right:0px;
}

.sideContent 
{
	background: transparent url(images/verticalDivider.png) no-repeat;
	vertical-align:top;
	padding-left:25px;
	padding-top:25px;
}

#footer {
	width:100%;
	margin-left:auto;/* needed for firefox*/
	margin-right:auto;/* needed for firefox*/
	background:#000;
	padding-top:10px;
	padding-bottom:5px; 
	margin-top:10px;
	margin-bottom:0px;
}



#footerInfo 
{
    width:950px;
    margin:auto;
}

#footerMenu{
	text-align:left;
	float:left;
	overflow:hidden;
}

#footerMenu li{width:190px;}

#footerAddress{
	background:url(images/dotline.png) repeat-y top left;
	text-align:left;
	float:right;
	vertical-align:top;
	margin-top:10px;
	padding-left:30px;
	color:#888;
}
#footerAddress p, .copyright {font-size: 11px!important;}

.socialMediaIcons
{	
	width:24px;
	height:24px;
	margin-right:5px;
	border:none;
}
.copyright
{
    color:#999!important;
    margin-top:15px;  
}
.copyright a:link
{
    color:#fff!important;;
}
.copyright a:visited
{
    color:#999!important;;
}
.threeColumns
{
	width:291px;
	vertical-align:top;
	padding-left:20px;
	padding-right:20px;
}

.threeColumnsHome
{
	width:241px;
	vertical-align:top;
	padding-top:40px;
	padding-right:35px;
	padding-bottom:15px;
	padding-left:35px;
}

.threeColumnsHomeR
{
	width:241px;
	vertical-align:top;
	padding-top:40px;
	padding-right:0px;
	padding-bottom:15px;
	padding-left:35px;
}

.content
{

    width:100%;
    vertical-align:top;
}

.productContent
{

    width:100%;
    vertical-align:middle;
}

.careerContent
{
    padding-top:20px;
    padding-bottom:75px;
    vertical-align:top;
}

.productColumns
{
    vertical-align:top;
    padding-top:45px;
    padding-bottom:10px;
}

.careerColumns
{
    vertical-align:top;
    padding-top:45px;
}

.nextSteps
{
    vertical-align:top;
    padding-top:15px;
    border-top:solid 1px #dfdad2;
}
.nextStepTitle
{
    text-transform:uppercase;
    margin-bottom:10px;    
}
.nextStepIcon
{
    float:left;
    height:100px;
    margin-right:10px;
}
.arrowEnd
{
    background-image:url(images/smArrow.gif);
    background-repeat:no-repeat;
    background-position:center right;
    float:left;
    padding-left:8px;
    padding-top:10px;
    width:7px;
    height:7px;
}

.breadcrumbs
{
    padding:20px 10px 20px 10px;
    font-size:11px;
    vertical-align:top;
    text-align:left;
    color:#666;
}
/*-- breadcrumbs token idle            --*/ 
.BREADCRUMBS_object, a.BREADCRUMBS_object:link, a.BREADCRUMBS_object:visited, a.BREADCRUMBS_object:active { 
	font-size:11px;
    color:black;	
}
/*-- breadcrumbs token hover           --*/ 
a.BREADCRUMBS_object:hover { 
	text-decoration: none; 
	color: #444;
}

/*======================================*/
/*Text Styles*/

/* use H1 for main module titles*/
h1
{
	margin-top:0px; 
	margin-bottom:20px; 
	font-weight: normal !important; 
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:24px; 
	line-height:27px;
	color:#739600;
	text-align:left;
}


#mission h1
{
	margin-top:0px; 
	margin-bottom:20px; 
	font-weight: normal !important; 
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	text-transform:uppercase;
	font-size:18px; 
	line-height:19px;
	color:#739600;
	text-align:left;
}



#features h1
{
	margin-top:0px; 
	margin-bottom:3px; 
	font-weight: normal !important; 
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:16px;
	line-height:16px; 
	color:#333;
	text-align:left;
}



h1 a:link {color:#739600;text-decoration:none;}
h1 a:visited {color:#4d4d4d!important;text-decoration:none;}

/* use H2 for page or featured article headlines*/
h2, .h2
{
	margin-top:0px; 
	margin-bottom:5px; 
	font-weight: normal !important; 
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 35px;
	line-height:40px; 
	color:#000;
	text-decoration:none;
	text-align:left;
	
}

#mission h2
{
	margin-top:0px;		
	margin-bottom:10px;
    font: 14px Arial, Helvetica, Sans-Serif;
    line-height:normal;
	color:#444;
	text-align:left;
}

#features h2
{
	margin-top:0px;		
	margin-bottom:10px;
    font: 12px Arial, Helvetica, Sans-Serif;
    line-height:normal;
	color:#444;
	text-align:left;
}

h2 a:link, .h2 a:link {color:#000!important;text-decoration:none;}
h2 a:visited, .h2 a:visited {color:#4d4d4d !Important;text-decoration:none;}

h2.articleGrid
{
    font-size: 28px;
    line-height:30px;
}



/* use H3 for article subtitles and sub moddule titles*/
h3
{
	margin-top:0px; 
	margin-bottom:20px; 
	font-weight: normal!important; 
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 18px;
	line-height:20px; 
	color:#444;
	text-align:left;
}
h3 a:link {color:#444!important;text-decoration:none;}
h3 a:visited {color:#666!important;text-decoration:none;}


/* use H4 for paragraph headings and side module titles*/
h4
{
	margin-top:0px; 
	margin-bottom:20px; 
	font-weight: bold;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;
	font-size: 13px;
	line-height:15px; 
	color:#444;
	text-align:left;
}

h4 a:link {color:#444!important;text-decoration:none;}
h4 a:visited {color:#4d4d4d!important;text-decoration:none;}

/* use H5 for more articles/blogs headlines*/
h5
{
	font-weight: bold!important; 
    font: 12px Arial, Helvetica, Sans-Serif;
	color:#060e5d;	
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
}

h5 a:link {color:#060e5d!important;text-decoration:none;}
h5 a:visited {color:#4d4d4d!important;text-decoration:none;}

/* use H6 for main module titles*/
h6
{
	margin-top:0px; 
	margin-bottom:14px; 
	font-weight: normal !important; 
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	font-size:20px; 
	line-height:24px;
	color:#000000;
	text-align:left;
}
h6 a:link {color:#739600;text-decoration:none;}
h6 a:visited {color:#4d4d4d!important;text-decoration:none;}

h1 a:hover, h1 a:active, h2 a:hover, h2 a:active, h3 a:hover, h3 a:active, h4 a:hover, h4 a:active, h5 a:hover, h5 a:active, h6 a:hover, h6 a:active {color:#739600;text-decoration:underline;}

/* RadEditor ApplyCSSClass Classes for AFL articles/blogs*/
.h1Rad 
{
	margin-top:10px; 
	margin-bottom:10px; 
	font-weight: normal !important; 
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 16pt; 
	line-height:23px; 
	color:#000;
}
.h1Rad a:link {color:#000;}
.h1Rad a:visited {color:#444;}
.h1Rad a:hover {color:#444;}

.h2Rad
{
	font-size:13pt;
	font-family:Arial, Helvetica, Sans-Serif;
	font-weight:bold;
	color:#739600;	
	margin-bottom:10px;
	margin-top:0px;
}
.h2Rad a:link {color:#444;}
.h2Rad a:visited {color:#4d4d4d;}
.h2Rad a:hover {color:#4d4d4d;}

.h3Rad
{
	margin-top:0px; 
	margin-bottom:5px; 
	font-weight: normal !important; 
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 11pt; 
	line-height:16px; 
	color:#000;
}

.h3Rad a:link {color:#000;}
.h3Rad a:visited {color:#444;}
.h3Rad a:hover {color:#444;}

.h4Rad
{
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:9pt;
	color:#333;	
	font-weight:bold;
	margin: 0px 0px 2px 0px;

}
.h4Rad a:link {color:#333; text-decoration:none;}
.h4Rad a:visited {color:#333; text-decoration:none;}
.h4Rad a:hover {color:#333; text-decoration:underline;}

.h5Rad
{
	font-weight: normal !important; 
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:8pt;
	margin: 0px 0px 0px 0px;
	line-height:15px;
	color:#444;	
}
.h5Rad a:link {color:#739600; text-decoration:none;}
.h5Rad a:visited {color:#739600; text-decoration:none;}
.h5Rad a:hover {color:#739600; text-decoration:underline;}
/* End */


.tagline
{
	margin-top:5px; 
	margin-bottom:20px; 
	font-weight: normal!important; 
	font-family: Arial, Helvetica, Sans-Serif; 
	font-size: 20px;
	line-height:22px; 
	color:#444;    
}
.productIntro
{
    float:none;
    font-size:14px;
    line-height:20px;
    margin-top:12px;
    margin-bottom:20px;
    padding-top:0px;
    padding-bottom:0px;
}

.productIntro ul li
{ 
    list-style: none; 
    background: url('images/checkmark.png') no-repeat top left; 
    padding-left:35px;
    padding-top:5px;
    padding-bottom:5px;
} 


.productIntro ul 
{ 
    padding:0px;
} 


.h2 .trademark
{   
    font-size:10px;
    line-height:24px;
    display:inline;
    vertical-align:top;
    margin-left:-8px;   
    margin-right:5px;
}

.errorMessage
{
	color:Red;
}
.paragraphDivider
{
    border-top:solid 1px #999;
    border-bottom:solid 1px #999;
    margin-top:-11px;
    padding-top:10px;
    padding-bottom:10px;
    float:left;
    width:100%
}
.sideNavigation
{
    border-bottom:solid 1px #999;
    padding-bottom:7px;
    margin-top:-3px;
    width:100%;
}
.sideNavigation a:link, .sideNavigation a:visited 
{
    margin-left:25px;
    font-weight: bold!important; 
    font: 12px Arial, Helvetica, Sans-Serif;
    color:#060e5d;
    text-decoration:none;
}
.howButton, a:link.howButton, a:visited.howButton
{
    background-image:url(images/smallButton.gif);
    background-repeat:no-repeat;
    background-position:center center;
    padding:5px;
    text-align:center;
    color:#fff;
    float:right;
    text-decoration:none;
}




/*======================================*/
/*Articles Grid*/
div.ArticlesGrid 
{  
     border-style:none !Important;
     empty-cells:hide !Important;
}  

div.ArticlesGrid th.rgHeader
{  
    visibility:hidden !Important;
    height:0px;
    font:1px;
    margin:0px;
    padding:0px;
    border-style:none;
}  

div.ArticlesGrid .rgAltRow td
{
     background-color:#fff;
     border-style:none;
     padding-top:5px;
}  

div.ArticlesGrid .rgRow td
{
     background-color:#ececec;
     border-style:none;
     padding-top:5px;
} 

.CustomToolbar .rtbOuter,
.CustomToolbar .rtbMiddle,  
.CustomToolbar .rtbInner,
.CustomToolbar .RadToolBar_PublicSite,
.CustomToolbar .RadToolBar_PublicSite_Horizontal,
.CustomToolbar .RadToolBar_PublicSite_Vertical
  
{
    border-style:none;
    border:0px !Important;
    background-color:White;
}  



/*Full Article*/
/*===================================================*/
.fullArticleImage
{
    float:right;
    margin-left:25px;
}

.fullArticleImage
{
    float:right;
    margin-left:25px;
}

#authorPhoto
{
    margin-bottom:10px;
    width:190px;
    padding:10px;
    background-color:#e3e2e2;
}

#fullArticle #publishDate
{
    float:left;
    margin-right:30px;
}

#fullArticle #addThis
{
    float:left;

}

#fullArticle #dateline
{
    width:100%;
    height:40px;
}

.byline
{
    margin-top:5px;
    font-size:11px;
    margin-bottom:0px;
}




/*Top Story*/
/*===================================================*/
.TopStoryImage
{
    padding-right:25px;
    padding-bottom:20px;
}

/*More Articles*/
/*===================================================*/
.thumbnailImage
{
    padding-right:10px;
}

#moreArticlesTable
{
    padding-bottom:20px;
}

#moreArticlesTable td
{
    vertical-align:top;
}

/*Careers Pages*/
/*===================================================*/
#productSupportBox, #salesBox, #developmentBox, #internshipsBox
{
    float:left;
    width:155px;
    padding:0px;
    margin:0px;
}

#careersDivider
{
    margin-left:19px;
    margin-right:21px;
    float:left;   
}


/* WEBINARS */
/*===============*/
.WebinarToggle
{
    padding-bottom:10px;
}




.actionButton
{
    background:url(images/action_button.png) no-repeat;
}
.actionButtonInsurance
{
    background:url(images/Insurance_button.png) no-repeat;
}
.actionButtonFinancial
{
    background:url(images/Financial_button.png) no-repeat;
}



.corporateNews .productIntro
{   
    padding-bottom:15px;
    padding-top:5px;
    border-bottom:solid 1px gray;
    margin-bottom:0px;
}
 
 
 .corporateNews h3
{   
    margin-bottom:0px;
}
 
 /*======================================================================================================*/ 
                                                /* NEW */
 /*======================================================================================================*/ 


/* LAYOUT CONTAINERS */


#container
{
     text-align:left;
}

#linkMenu
{
	width:100%;
	height:25px;
	margin:0px;
	padding-top:10px;
	background-color:black;
}


#masthead
{
	width:100%;
	height:50px;
	margin:0px;
	background-image:url(Images/menubar.png);
}
#demoRequest a
{
    float:right;
    margin-top:0px;
    margin-right:20px;
    background-image:url(images/demobutton.png);
    padding:0px;
    color:White;
    text-decoration:none;
    width:141px;
    height:25px;
    text-align:center;
}

#adBanner
{
	width:100%;
	background-color:white;
	height:335px; /* need to also change this in jshowoff.css multiple times */
	margin-top:35px;
}

#subHome
{
    background:#f3f3f4 url(images/pagetop.gif) top left repeat-x;
    margin-left:8px;
    margin-right:8px;
    
}

#purpose
{
	width:100%;
	background:url(Images/feature.png) no-repeat top center;
}

#mission
{
	margin-top:-8px;
	height:180px;
	 width:950px;
	 margin-left:auto;
	 margin-right:auto;	
}


#clients
{
	width:950px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	background-color:#fff;
	padding-top:15px;
	padding-bottom:25px;
}

#features
{
	width:950px;
	height:135px;
	margin-left:auto;
	margin-right:auto;
}

/* ========== */


#linkMenu a
{
    float:right;
    padding-right:20px;
    color:#999;
    text-decoration:none; 
}
.adImage 
{
	text-align:center;
	width:100%;
	background-position:center top;
	background-repeat:no-repeat;
}

#menu
{
	float:none;
	padding-top:13px;
	margin-left:50px;
}


#bottom {
	background:#fff url(images/horizontalDivider.gif) top center no-repeat;
	width:100%;
	margin:auto;
}

#mainContent, #bottomContent 
{
    width:950px;
    margin:auto;
}

#mainContent
{
    padding-top:20px;
    padding-bottom:20px;
}
#logoNew
{
    margin-right:20px;
    margin-top:15px;
    margin-left:15px;
    float:left;
}

.clientLogo
{
	height:78px;
	border:none;
	padding-left:5px;
	padding-right:5px;
}


.featureBox
{
    background:url('images/featurebox.png') center top no-repeat;
    height:109px;
    width:307px;
    text-align:center;
    vertical-align:top;
}

.featureText
{
    width:170px;
    height:62px;
    margin-top:5px;
    padding-top:8px;
    padding-left:8px;
    float:left;
}

.featurePhoto
{
    width:96px;
    height:96px;
	margin-top:5px;
    margin-left:10px;    
    float:left;
}

#content
{
	background-image:url(Images/pagerepeat.png);
	padding-top:25px;
	float:left;
	width:100%;
}



#content-left
{
	background-image:url(Images/pageleft.png);
	float:left;
	width:25px;
	height:106px;
}

#content-right
{
	background-image:url(Images/pageright.png);
	float:right;	
	width:25px;
	height:106px;

}

/* ACTION BUTTONS */
/*===============*/
.actionButton, .actionButtonBlue, .actionButtonPlue
{
    height:34px;
    width:150px;
    padding-left:10px;
    padding-right:20px;
    padding-top:8px;
}

.actionButton a, .actionButtonBlue a, .actionButtonPlue a
{
	font-size:14px;
	color:#fff;
	text-decoration:none;
	line-height:normal;
}

.actionButtonLarge
{
    height:34px;
    width:215px;
    padding-left:10px;
    padding-right:20px;
    padding-top:8px;
}

.actionButtonLarge a
{
    font-size:14px;
	color:#fff;
	text-decoration:none;
	line-height:normal;
	text-align:center;
    width:180px;
    padding:2px;
}

.actionButton
{
    background:url(images/action_button.png) no-repeat;
}
.actionButtonInsurance
{
    background:url(images/Insurance_button.png) no-repeat;
}
.actionButtonFinancial
{
    background:url(images/Financial_button.png) no-repeat;
}

.actionButtonBlue
{
    background:url(images/action_button-blue.png) no-repeat;
}

.actionButtonPlue
{
    background:url(images/action_button-plue.png) no-repeat;
}
.actionButtonLarge
{
    background:url(images/action_button-large.png) no-repeat;
}

/* error message page styles */
.returnButton
{
    background:url(images/ReturnToSite.png) no-repeat;
    width:180px !Important; 
    height:32px !Important;
}

.errorMessagePage
{ 
    background:#e4e4e4;
    margin-top:30px;
}

.errorPageBkgTop
{
    background:url(images/ErrorMessageTop.png) no-repeat;
    width:850px;
    height:124px;
}

.errorPageBkgMiddle
{
    background:url(images/ErrorMessageMiddle.png) repeat-y;
    width:850px;
    height:1px;
    padding:20px;
}

.errorPageBkgMiddle h2, .errorPageBkgMiddle h3
{
    text-align:center !Important;
}
.errorPageBkgMiddle h2
{
    margin-bottom:10px;
}
.errorPageBkgBottom
{
    background:url(images/ErrorMessageBottom.png) no-repeat;
    width:850px;
    height:45px;
}