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


/*-------------Landing Page ------------------------*/
	
#landingWrp {
	width: 910px;
	margin: 0px 18px 0 16px;
	border-right: 1px solid #828387;
	border-left: 1px solid #828387;
	border-bottom: 1px solid #828387;
	float: right;
}
	
#landing_mainContent {
	width: 666px;
	margin: 0;
	padding: 0 10px 10px 20px;
	border-right: 0px solid #ccc
}
	
#landing_mainContent p { 
	padding: 6px 0}
	
#landing_HR_banner {
	background:url(/images/sitenew/banner/HR_SolBanner.jpg) no-repeat top right;
	width: 660px;
	height: 134px;
	padding: 20px 10px 0 0
}
	
#landing_HR_banner h1 { 
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 10px 0}
	
#landing_HR_banner p { 
	font-size: 13px;
	font-weight: normal;
	line-height: 18px;
	padding: 6px 0}
	
.landing_HR_solution {border: none}
	
	a,
	a:link 
	a:active {
	   text-decoration: none; background-color: inherit; color: #3b73b9}
	
	a:visited {
	   text-decoration: none; background-color: inherit; color: #3b73b9}
	
	a:hover {
	   text-decoration: none; color: #E37222;}
	   
	
/*--------------------------------------------------*/
#bodyWrpN {
	width: 910px;
	margin: 0px 18px 0 16px;
	border-right: 1px solid #828387;
	border-left: 1px solid #828387;
	border-bottom: 1px solid #828387;
	float: right;
}	
	
#mainContentN {
	width: 510px;
	margin: 0px 0px 0px 170px;
	padding: 0 0 0 5px;
	border-right: 0px solid #ccc
}

#mainContentDemo {
	width: 600px;
	margin: 0px 0px 0px 170px;
	padding: 5px;
	border-right: 0px solid #ccc
}

#mainContentPodcast {
	width: 650px;
	margin: 0; 
	padding: 10px;
	border-right: 0px solid #ccc}
	
#mainContentTestmonials {
	width: 475px;
	margin: 0; 
	padding: 10px;
	border-right: 0px solid #ccc}
	
#mainContentCareers {
	width: 650px;
	margin: 0; 
	padding: 10px;
	border-right: 0px solid #ccc}
	
#mainContentCareers h2 { 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 0 0}
	
#mainContentCareers h2.top { 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 0 0;
	margin-top: 12px;
	border-top: 1px solid #cdcdcd}

#mainContentN p { 
	padding: 6px 0}

.mainContentN-inset td{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 10 0;
	font-size: 11px;
	line-height: 16px;
	text-align: center;
	color: #333333}

.mainContentN-inset a:link {
	text-decoration: none; background-color: inherit; color: #ffffff}
	
.mainContentN-inset a:visited {
	   text-decoration: none; background-color: inherit; color: #3b73b9}
	
.mainContentN-inset a:hover {
	   text-decoration: underline; color: #3b73b9}
	   
.mainContentN-inset hr {
	width: 85%;
	text-align: left; /*this will align it left for Mozilla*/
	height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: 0;
	border-top: 1px solid #ccc}
	
#mainContentN ul, li, #mainContent ol, li{
	padding: 0 auto;
	margin-left: 24px;
	line-height: 16px}
	
#mainContentN ul li.podCast {
	list-style-type: none;
	margin: 0; padding: 0;
	padding-left: 20px;
	line-height: 24px;
 	background: url(/images/site/img_pod_sm.gif) left center no-repeat}
	
#mainContentN ul li.podCast2 {
	list-style-type: none;
	margin: 0; padding: 0;
	padding-left: 20px;
	line-height: 18px;}

#mainContentN h1 { 
	font-size: 20px;
	font-weight: normal;
	padding: 10px 0 0 0}
	
#mainContentN h1.title { 
	font-size: 16px;
	line-height: 22px;
	font-weight: normal;
	padding: 10px 0 0 0}
	
#mainContentN h2 { 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 10px 0}
	
#mainContentN h2.top { 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 8px 0 0 0;
	margin-top: 12px;
	border-top: 1px solid #cdcdcd}
	
#mainContentN h2.title { 
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding: 6px 0 }
	
#mainContentN h3 { 
	font-size: 12px;
	font-weight: bold;
	color: #3333333;
	padding: 6px 0 0 0}
	
#mainContentN h3.title { 
	font-size: 12px;
	font-weight: bold;
	color: #3333333;
	padding: 6px 0 }
	
#mainContentN h3.events { 
	font-size: 12px;
	font-weight: bold;
	color: #3333333;
	padding: 6px 0;
	border-top: 1px solid #cdcdcd}
	
#mainContentN h4 { 
	font-size: 11px;
	font-weight: bold;
	color: #3333333;
	padding: 0; margin: 0}
	
#mainContentN h5 { 
	font-size: 12px;
	font-weight: bold;
	color: #3333333;
	border-top: 1px solid #cccccc;
	padding: 4px 0 10px 0; margin: 0}
	
	
	
/*------------ Left Nav (HR Section) --------------------------------------------*/

#leftContentN {
	margin:0;
	float: left; 
	width: 140px; 
	background: none;
	padding: 24px 10px 15px 14px;}
	
#leftContentN ul, li{
	margin: 0}

ul.leftnavN, ul.leftnav_l2N {
    list-style: none;
    margin: 0; padding: 0;}

.leftnavN, .leftnav_l2N {
    width: 140px;
    margin: 0;
    text-decoration: none;
    font-weight: bold;}
	
.leftnavN li a {
	background: url(../images/site/leftnav_close.gif) left center no-repeat;
	height: 60%;
	font-size: 12px;
    text-decoration: none;
	border-top: #CCCCCC 1px dotted;
    padding: 4px 0 4px 12px;}

.leftnavN li a:link, .leftnavN li a:visited, .leftnavN a:active {
    color: #333333;
    display: block;
    background-color: none;
    text-decoration: none;
	background: url(../images/site/leftnav_close.gif) left center no-repeat;}

.leftnavN li a:hover, .leftnav_l2N li a:hover {
    color: #3b73b9;
    background-color: none;
    text-decoration: none;}

.leftnavN li a.on {
    color: #3b73b9 !important;
    text-decoration: none;
    background: url(../images/site/leftnav_open.gif) left center no-repeat;}


/*----------- Left Nav L2 (HR Section) --------------------------------------------*/


.leftnav_l2N li a {
	background: none;
	height: 60%;
    font-size: 11px;
	font-weight: normal;
    text-decoration: none;
	border: 0;
    padding: 3px 0 3px 12px;}

.leftnav_l2N li a:link, .leftnav_l2N li a:visited, .leftnav_l2N li a:active {
    list-style: none;
    color: #333333;
    display: block;
    background: none;
    text-decoration: none;}

.leftnav_l2N li a:hover{
    color: #3b73b9;
    background-color: none;
    text-decoration: none;}

.leftnav_l2N li a.on{
    color: #3b73b9;
    text-decoration: none;}

/*---------- table --------------------*/

.columnTable {
	margin-top: 9px;
	overflow:visible;
	padding:0;
	table-layout:auto
}
	
.columnTable td {
	margin:0;
	overflow:visible;
	padding:14px;
	vertical-align:top;
	width:190px; height: 130px
	}
	
.columnTable td h1 {
	font-size: 16px;
	line-height: 5px;
	color: #fffff; 
	padding-left: 10px;}
	
.columnTable h3.desc {
	font-size:13px;
	font-weight: normal;
	line-height: 18px;
	padding: 10px 10px 0 15px;}
	
td.insert {
	padding-left: 14px;
	border-left: 1px solid #bcbdc0;}
	
.insert p{
	color: #09347a;
	font-size: 12px;
	font-weight: bold;
	padding: 0 auto;
	line-height: 16px}
	
.item{
	color: #09347a;
	font-size: 12px;
	padding: 4px 0;
	margin-left: 12px}