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

/* GLOBAL */
p, div, ul , ol, li, dl, dt, dd, td {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}


strong {
	font-weight:bold}
	
img a {border:0px;}	

.float-right {
	float: right;
	padding: 0 0 20px 20px;}
	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;}
	
.spc50 {padding-bottom: 50px}

/* LAYOUT */

#banner-company-slim {
	height:86px;
	width: 1224px;
	margin-left:0px;
	background-image:url(/img/site/company/banner_subpages.jpg);

}

#content {
/*	background-image: url(/img/common/background_standard.jpg); */
	background: #fff;
	background-repeat: repeat-y;
	float:left;
	
}

#content-no-bkg {
	background-image: none;
	background-repeat: repeat-y;
	float:left;
	
}

#content #col-left {
	width:320px;
	padding-left:140px;
	float:left;
	padding-top:30px;
}

#content #col-right {
	width:763px;
	float:left;
 }


#content #col-right #content-body {
	margin:30px 120px 30px 20px;
	}		

#content-no-bkg #col-right {
	width:1000px;
	float:left;
 }


#content-no-bkg #col-right #content-body {
	margin:30px 120px 30px 140px;
	}	
	
.datasheet-panel {
	width:170px; 
	float: right; 
	margin-left:20px; 
	}
	
.datasheet-panel p {
		}	
		
.datasheet-panel img {padding-bottom:5px;}	

.coreservices-panel {
	width:180px; 
	float: right; 
	margin-left:20px;
	}
	
.coreservices-panel p {
		}	
		
.coreservices-panel img {padding-bottom:5px; padding-right:10px; }	

.coreservices-panel_left {
	float: left; 
	margin-left:20px;
	margin-bottom:20px;

	}
	
.cs-img{
	float:left;
	width:50px;}
	
.cs-txt {
	float: left;
	padding-top: 5px;
	width:80%}
	
.coreservices-panel_left img {padding-bottom:5px; padding-right:10px; }	

.coreservices-product-cta {

	float: left; 
	margin-top:20px;
	margin-left:0px;
	margin-bottom:20px;
	}
	
.coreservices-product-cta p {
		}	
		
.coreservices-product-cta img {padding-bottom:5px; padding-right:4px; }	


.bio-panel  {
	float:right; 
	margin-top:0px; 
	border:solid silver; 
	border-width: 1px 0; 
	padding:3px; 
	line-height:1.4em;
	width: 145px;
}
	
.bio-panel-photo {
	float:right; 
	margin-top:0px; 
	line-height:1.4em;
	padding-bottom:20px;
	width: 150px;
}
	
.bio-panel-socialmedia  {
	float:right; 
	margin-top:0px; 
	padding:0 0 15px 19px; 
	line-height:1.4em;
	width: 150px;
}
.bio-panel-socialmediaTitle  {
	float:right; 
	margin-top:0px; 
	padding:5px;
	background-color: #0072CF;
	color:#FFF;
	line-height:1.4em;
	width: 140px;
	text-align:center;
}
.bio-panel-socialmediaBody {
	float: right;
	margin-top:0px;
	border: 1px solid #ccc;
	padding:15px 0 10px 0;
	line-height:1.4em;
	width: 148px;
	background-color: #E5E5E5;
	text-align:center;
}
	
/* TYPOGRAPHY */

#banner-company-slim h1 {
	font-size:2.8em;
	color:#FFFFFF;
	margin:0px;
	padding:25px 0 0 140px;
}

#content-body h1{
	font-size:1.6em;
	color: #00529e;
	margin:20px 0 25px 0;
	}

#content-body h1.name{
	font-size:1.6em;
	color: #00529e;
	margin:20px 0 0 0;
	}	

#content-body h2 { 
	font-size:1.4em;
	color: #6E9934;
	margin:8px 0 6px 0;
	padding:0px;
	}		


#content-body h2.role {
	font-size:1.4em;
	color: #666;
	margin:2px 0 20px 0;
	padding:0px;
	}		

#content-body .bump-down {
	padding-top:.5em;
	}

#content-body h3, #media-contact h3 {
	font-size: 1.1em;
	font-weight: bold;
	color: #333;
	padding: 5px 0px 8px 0px;
	margin:0;
}

#content-body h3.condense { 
	padding-bottom:.2em;
}

#content-body p {
	padding-top:0px;
	padding-bottom:1em;
	margin:0;
	line-height:1.6em
}

#media-contact p {
	padding-top:0px;
	padding-bottom:1em;
	margin:0;
	line-height:1.6em
}

#content-body p.quote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-top:0px;
	padding-bottom: 0px;
	margin:0;
	line-height:1.5em
}

#content-body ul.standard {
	padding-bottom: 4px;  
	margin-left:25px;
	list-style:none;
	line-height: 1.4em;
}

#content-body ul.standard li{
	padding: 0 0 4px 15px; 
	line-height: 1.5em;
	background:url(/img/common/bullet_blue.png) no-repeat 0 7px;
}

#content-body ol.standard {
	padding-bottom: 4px;  
	margin-left:40px;
	list-style: decimal;
	line-height: 1.4em;
}

#content-body ol.standard li{
	padding: 0 0 4px 2px; 
	line-height: 1.5em;

}


		
/* NAVIGATION (LEFT) */		

ul.leftnav > li:first-child { 
	font-weight:bold;
	font-size:13px;
}

ul.leftnav {
    list-style: none;
    margin: 0px 0 30px 0; 
	padding: 0;
/*	border:1px solid #d9d9d9; */
	font-size:1.2em;
	margin-bottom:50px;
}
	
ul.leftnav_l2 {
    list-style: none;
    margin: 0; padding: 0;
}

.leftnav, .leftnav_l2 {
    width: 245px;
    margin: 20px;
    text-decoration: none;
/*	background-color:#f3f3f4; */
    font-weight: none;}
	
.leftnav li a {
	background-color:#FFFFFF;
	height: 60%;
    text-decoration: none;
	border-bottom: 1px solid #f3f3f3;
    padding: 6px 0 6px 12px;}

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

.leftnav li a:hover, .leftnav_l2 li a:hover {
    color: #3b73b9 !important;
    background-color: #f3f3f3;
    text-decoration: none;}

.leftnav li a.on {
    color: #000000 !important;
    text-decoration: none;
    background: #f3f3f3;
	font-weight: normal;
}

.leftnav li a.on:hover {
    color: #3b73b9 !important;
    background-color: #f3f3f3;
    text-decoration: none;}

/* NAVIGATION (LEFT) L2 */		


.leftnav_l2 li a {
	background: none;
	height: 60%;
    font-size: 1em;
	font-weight: normal;
    text-decoration: none;
	border: 0;
		border-bottom: 1px solid #f3f3f3;
    padding: 6px 0 6px 22px;}

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

.leftnav_l2 li a:hover{
    background-color: #FFFFFF; 
	background-image:url(/img/site/common/bullet_nav.png);
	background-repeat: no-repeat;
	background-position: 13px 8px;	
	color: #3b73b9;
}

.leftnav_l2 li a.on{
    color: #f3f3f3;
    text-decoration: none;}	
	
.leftnav li.highlight {
    background: #f3f3f3;
}		
	
.leftnav_l2 li.highlight {
    background-color: #FFFFFF; 
	background-image:url(http://www.trinet.com/img/site/common/bullet_nav.png);
	background-repeat: no-repeat;
	background-position: 13px 8px;	
}

.subpage li.highlight {
    background-color: #FFFFFF; 
	background-image:url(http://www.trinet.com/img/site/common/bullet_nav.png);
	background-repeat: no-repeat;
	background-position: 22px 8px;	
}

li.highlight a {
	font-weight: none;
}	
.subpage {
	border-bottom:1px solid #f3f3f3;}

.subpage li a {
		background: #fafafa;
		border-bottom: 0px !important;
		}
		
.leftnav_l2 .subpage li a {
    padding: 5px 0 5px 32px;
}

.leftnav_l2 .subpage li a:hover {
 /*   color: #3b73b9; */
    background-color: #FFFFFF; 
	background-image:url(http://www.trinet.com/img/site/common/bullet_nav.png);
	background-repeat: no-repeat;
	background-position: 22px 8px;		
    text-decoration: none;}


	

/*--------------- Panels Small ---------------------------------------------------*/

.panelLeft {
	float:left; 
	width:211px; 
	height:175px;
}
.panelRight {
	float:left; 
	width:211px; 
	height:175px;
	margin-left: 30px;
}
.panelTitle {
	padding-top:8px; 
	margin-left:10px;
	color:white;
	font-weight: bold;
}
.panelIcon {
	width: 85px;
	height: 100px;
	float:left; 
	padding-top:15px; 
	margin-left:8px;
}
.panelBlurb {
	width: 107px; 
	float:left; 
	padding-top:12px; 
	padding-left:4px;
	margin-right:3px;
	font-size:.96em;
	line-height:1.3em;
}


	/*--------------- Panels Large ---------------------------------------------------*/

.panelLeft_large {
	float:left; 
	width:310px; 
	height:165px;
}
.panelRight_large {
	float:left; 
	width:310px; 
	height:165px;
	margin-left: 30px;
}
.panelTitle_large {
	padding-top:6px; 
	margin-left:10px;
	color:white;
	font-weight: bold;
}
.panelIcon_large {
	width: 94px;
	height: 100px;
	float:left; 
	padding-top:15px; 
	margin-left:8px;
}
.panelBlurb_large {
	width: 190px; 
	float:left; 
	padding-top:12px; 
	padding-left:8px;
	margin-right:3px;
	font-size:1.1em;
	line-height:1.3em;
}	
	
/* Testimonial 3-Column ---------------------------------------------------------------------------------- */

.testimonial {
	width:207px;
	float:left;
	text-align:center;
}	
	
.testimonial p {
	padding-left: 20px;
	text-align:left;
}	
.testimonialName {
	font-size: 1.5em;
}
/* INDUSTRY TAB ---------------------------------------------------------------------------------- */

#c-industry {
	position:relative}

.tabs {
	margin: 0px;
	padding: 0px;
	border: 0px;
	POSITION: relative;
	width: 620px;
}
.tabs td {
	background-color: #ececec;
	text-align:center;
	height:30px;
	background-image:url(/img/site/solutions/tab/tab_inactive.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
}
.tabs td a {
	FONT-SIZE: 1em;
	COLOR: #333;
	TEXT-DECORATION: none;
	font-weight:bold;
	padding:8px;
}
.tabs .active {
	text-align: center;
	color:red;
	background-color: #FFF;
	background-image:url(/img/site/solutions/tab/tab_active.jpg);
	border-left:1px solid silver;
	border-right:1px solid silver;
	border-top:1px solid silver;
}
#tabs .tabs .active a {
	color:000000;
}
.tab-hide {
	DISPLAY: none;
}

#tabssection {
	float: left;
	width: 618px;
	margin-bottom: 30px;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
	background-image: url(/img/site/solutions/tab/background.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	position: relative;
}

.tab h2 {
	color: #6E9934;
	font-size: 1.6em;
	padding-bottom: 6px;
}
.tab h3 {
	color: #00529E;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom:16px;
}

/* ----- CTA ------------------------------------------------------------------------------ */
.cta {
    background: url("/img/common/arrow-orange.png") no-repeat scroll 100% 0 transparent;
	color: #D55C19;
    font-size: 1.3em;
	font-weight: bold;
    padding-right: 20px;
}

.ctawhite {
    background: url("/img/common/arrow-white.png") no-repeat scroll 100% 0 transparent;
	color: #fff;
    font-weight: bold;
    padding-right: 20px;
}
	
/* ----- Core Services CTA ---------------------------------------------------------------- */

.core-cta-title {
	float:left; 
	height:120px; 
	width: 202px; 
}

.core-cta-title img {
	height: 45px;
	padding:32px 0 0 10px;
	width: auto;
}

.core-cta-list {
	float:right
}