#content_container #blend{
   background: url('/img/gradient/page_blend_gradient.jpg') no-repeat 0 30px;
   position: relative;
   width: 966px;
   z-index: 5;
}
#content_container #breadcrumbs {
   height: 20px;
}
/* position absolute to bypass breadcrumbs */
#blend .title {
   overflow: hidden;
   position: relative;
   margin: 28px 0 0 65px; /* 29px from top, 28px from left */
   font-size: 11px;
   color: #185594;
   font-size: 24px;
   font-weight: normal;
   white-space: nowrap;
   float: left;
   display: inline;
}
#blend .title span.overlay {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/* TITLE IMAGE OVERLAYS USED ON GRADIENT */
#blend .seo_articles {
   width: 238px;
   height: 25px;
}
#blend .seo_articles span.overlay {
   background: url('/img/gradient/titles/articles_and_resources.jpg') no-repeat;
}
#blend .seo_logon {
   width: 141px;
   height: 30px;
}
#blend .seo_logon span.overlay {
   background: url('/img/gradient/titles/client_logon.jpg') no-repeat;
}

#blend .seo_feedback {
   width: 184px;
   height: 25px;
}
#blend .seo_feedback span.overlay {
   background: url('/img/gradient/titles/client_feedback.jpg') no-repeat;
}
#blend .seo_testyourknowledge {
   width: 235px;
   height: 30px;
}
#blend .seo_testyourknowledge span.overlay {
   background: url('/img/gradient/titles/test_your_knowledge.jpg') no-repeat;
}
/* Pre-CONTENT Paragraph */
#content_container #blend p.subtitle {
   color: #333333;
   float: left;
   display: inline;
   font-size: 12px;
   line-height: 20px;
   clear: left;
   margin: 18px 140px 4px 66px;
   width: 760px;
}
#content_container #blend p.condense {
   line-height: 18px;
}
/* SIDENAV AREA */
#content_container #sidenav {
   margin-top: 43px;
   width: 162px;
   margin-left: 68px;
   clear: left;
}
#content_container #blend #sidenav.switch{
   margin-left: 35px;
   clear: none;
}
#content_container #blend #sidenav.expand{
   width: 194px;
}
#content_container #blend #sidenav.spacetop{
   margin-top: 70px;
}
#content_container #blend #sidenav .spacetop{
   margin-top: 20px;
}
#content_container #sidenav .box {
   padding-bottom: 8px;
   background: url('/img/gradient/boxes/searchbox_bottom.jpg') no-repeat bottom left;
   float: left;
   display: inline;
   width: 162px;
}
#content_container #sidenav .box .title{
   color: #333333;
   margin: 0;
   padding: 10px 10px 0 15px;
   float: left;
   display: inline;
   font-size: 13px;
   font-weight: bold;
   width: 137px;
   height: 23px;
   background: url('/img/gradient/boxes/searchbox_top.png') no-repeat;
}
#content_container #sidenav .box .shrink{
   font-size: 12px;
   padding-left: 20px;
   width: 132px;
}
#content_container #sidenav .box .content{
   color: #333333;
   margin: 0;
   padding: 12px 10px 10px 13px;
   float: left;
   display: inline;
   font-size: 12px;
   width: 139px;
   background: url('/img/gradient/boxes/searchbox_bg.jpg') repeat-y;
}
#content_container #sidenav .box form.content input{
   border: 1px solid #787878;
   width: 130px;
}
#content_container #sidenav .box form.content select{
   border: 1px solid #787878;
   margin-top: 15px;
   width: 133px;
}
#content_container #sidenav .box form.content input.search{
   width: 76px;
   height: 24px;
   border: none;
   float: right;
   display: inline;
   margin: 13px 6px 0 0;
}
#content_container #sidenav .shaded {
   width: 194px;
   padding-bottom: 20px;
   background: url('/img/gradient/boxes/shadedbox_bottom.jpg') no-repeat bottom left;
}
#content_container #sidenav .shaded .title{
   color: #333333;
   width: 169px;
   height: 23px;
   background: url('/img/gradient/boxes/shadedbox_top.png') no-repeat;
}
#content_container #sidenav .shaded .content{
   width: 169px;
   background: url('/img/gradient/boxes/shadedbox_bg.jpg') repeat-y;
}
#content_container #sidenav .shaded ul.content{
   width: 182px;
   padding: 12px 0 0 12px;
}
#content_container #sidenav .shaded ul.logos li{
   list-style: none;
   border: 1px solid #d3d3d3;
   width: 78px;
   height: 77px;
   padding: 0;
   margin-right: 10px;
   margin-bottom: 10px;
}

#content_container #sidenav .blue {
   background: url('/img/gradient/boxes/bluebox_bottom.jpg') no-repeat bottom left;
   width: 164px;
}
#content_container #sidenav .blue .content {
   width: 141px;
   background: url('/img/gradient/boxes/bluebox_bg.jpg') repeat-y;
}
#content_container #sidenav .blue .title{
   color: #333333;
   width: 141px;
   background: url('/img/gradient/boxes/bluebox_top.png') no-repeat;
}

#content_container #sidenav .box ul.links li{
   width: 140px;
   list-style: none;
   border: none;
   font-size: 11px;
   padding: 4px 0;
}
#content_container #sidenav .box ul.links li.more{
   background: url('/img/home/learn_more.gif') 0 8px no-repeat;
   padding-left: 12px;
   float: left;
   display: inline;
}
#content_container #sidenav .box ul.links li a{
   color: #185594;
}

/* CONTENT AREA */
#content_container #blend #content {
   width: 640px;
   margin: 43px 0 0 29px;
   padding: 0;
   display: block;
}
#content_container #blend #content.shrink {
   width: 600px;
}
#content_container #blend #content.switch {
   margin-left: 68px;
}
#content_container #blend #content.alltext {
   margin-left: 40px;
}
#content_container #blend #content.video {
   height: 350px;
}

#content h1, #content h2 {
   font-size: 16px;
   font-weight: bold;
   color: #185594;
}
#content p.date {
   font-style: italic;
   font-size: 12px;
   margin-top: 0;
   padding: 0 0 5px 0;
   margin-bottom: 5px;
   border-bottom: 1px solid #999999;
}
#content p {
   padding-bottom: 2px;
}
#content_container #blend p {
   margin-right: 20px;
}

/* TABS */
#content ul.tabs {
   float: left;
   clear: left;
   display: inline;
   list-style: none;
}
#content ul.tabs li {
   height: 27px;
   background: url('/img/gradient/tabs/left.png') no-repeat;
   float: left;
   display: inline;
   position: relative;
   margin-right: 12px;
   padding-left: 12px;
   font-weight: bold;
   list-style: none;
   font-size: 11px;
   white-space: nowrap;
}
#content_container #content ul.tabs li a{
   color: black;
   text-decoration: none;
   padding: 0 11px 0 11px;
   margin-top: 7px;
   float: left;
   display: inline;
   color: #333333;
}
#content ul.tabs li span.rightside{
   height: 27px;
   width: 8px;
   background: url('/img/gradient/tabs/right.png') no-repeat;
   position: absolute;
   right: -8px;
   top: 0;
}
#content ul.tabs li.selected {
   height: 28px;
   background: url('/img/gradient/tabs/selected_left.png') no-repeat;
}
#content ul.tabs li.selected span.rightside{
   height: 28px;
   background: url('/img/gradient/tabs/selected_right.png') no-repeat;
}
#content .tab_box {
   border: 1px solid #84b4e5;
   width: 638px;
   float: left;
   clear: left;
   margin-top: -1px;
   padding-bottom: 25px;
   margin-bottom: 20px;
}
#content .shrink {
   width: 598px;
}
#content .tab_box .titlebar{
   width: 100%;
   height: 46px;
   background: url('/img/gradient/tabs/titlebar_bg.jpg') repeat-x;
   margin: 0;
   padding: 0;
}
#content_container #content .tab_box ul.articlelist  {
   list-style-position:outside;
   list-style: none;
   margin: 0;
   padding: 5px 40px;
}
#content_container #content .tab_box ul.quotelist {
   list-style-position:outside;
   list-style: none;
   margin: 0;
   padding: 15px 40px 5px 40px;
}
#content .tab_box ul.quotelist li {
   padding-top: 15px;
}
#blend #content .tab_box ul.quotelist li p{
   font-size: 12px;
   line-height: 16px;
   margin: 0;
   padding: 0;
   font-style: italic;
}
#blend #content .tab_box ul.quotelist li p.cite{
   font-style: normal;
   font-weight: bold;
   color: #185594;
   margin-top: 7px;
   font-size: 11px;
}
#content .tab_box ul.articlelist li{
   padding-top: 18px;
}
#blend #content .tab_box ul.articlelist li h2 {
   margin: 0;
   padding: 0;
   font-size: 13px;
   line-height: 16px;
}
#blend #content .tab_box ul.articlelist li p{
   font-size: 12px;
   line-height: 17px;
   margin: 0;
   padding: 0;
}
#blend #content .tab_box ul.articlelist li p.date{
   font-style: italic;
   border: none;
   font-size: 12px;
}
#blend #content .tab_box .titlebar .title{
   margin: 0 0 0 14px;
   padding: 13px 0 0 0;
   float: left;
   display: inline;
   font-size: 18px;
   color: #185594;
   position: relative;
   height: 33px; /* + padding top */
}
#blend #content .tab_box .titlebar p{
   margin: 17px 0 0 15px;
   padding: 0;
   float: left;
   display: inline;
   font-size: 11px;
   color: #185594;
   font-style: italic;
}
/* TITLE IMAGE OVERLAYS USED ON TABS */
#blend #content .tab_box .titlebar .allarticles {
   width: 83px;
}
#blend #content .tab_box .titlebar .allarticles span.overlay {
   background: url('/img/gradient/titles/all_articles.jpg') no-repeat;
}
#blend #content .tab_box .titlebar .selectarticles {
   width: 113px;
}
#blend #content .tab_box .titlebar .selectarticles span.overlay {
   background: url('/img/gradient/titles/select_articles.jpg') no-repeat;
}
#blend #content .tab_box .titlebar .effectiveinterviewing {
   width: 301px;
}
#blend #content .tab_box .titlebar .effectiveinterviewing span.overlay {
   background: url('/img/gradient/titles/client_feedback_ei.jpg') no-repeat;
}
#blend #content .tab_box .titlebar .todaysworkforce {
   width: 371px;
}
#blend #content .tab_box .titlebar .todaysworkforce span.overlay {
   background: url('/img/gradient/titles/client_feedback_itw.jpg') no-repeat;
}


#blend #content div#generic {
	width: 800px;
	margin:0;
	padding: 0;
	padding-bottom: 5px;
	position: absolute;
	z-index: 15;
	top: 95px;
	left: 65px;
}


/* CLIENT LOGIN FORMS */
#blend #content div#logon, #blend #content div#register, #blend #content div#passreq {
   background: url('/img/gradient/boxes/form_bottom.jpg') no-repeat bottom left;
   width: 345px;
   margin: 0;
   padding: 0;
   min-height: 200px;
   height: auto !important;
   height: 200px;
   position: absolute;
   z-index: 15;
   padding-bottom: 5px;
}
#blend #content div#logon, #blend #content div#passreq {
   top: 173px;
   left: 126px;
}
#blend #content div#register {
   top: 173px;
   left: 496px;
}
#blend #content div#logon .secure {

}
#blend #content div#logon .secure img{
   position: absolute;
   top: 40px;
   right: 15px;
	float:right;
}
#blend #content ul#forms li.second {
   float: right;
}


#blend #content form .title{
   position: static;
   color: #333333;
   margin: -10px 0 0 0;
   padding: 10px 10px 0 15px;
   float: left;
   display: inline;
   font-size: 14px;
   font-weight: bold;
   width: 325px;
   height: 23px;
   background: url('/img/gradient/boxes/form_top.png') no-repeat;
}
#blend #content form p.errormsg{
	color:#CC0000;
	font-size:12px;
	font-weight:bold;
}
#blend #content form p{
   float: left;
   clear: left;
   display: inline;
   font-size: 11px;
   margin: 5px 15px 0 15px;
   padding: 0;
   width: 265px;
   line-height: 17px;
}
#blend #content form label{
   float: left;
   clear: left;
   font-size: 11px;
   margin-left: 15px;
   margin-top: 8px;
   width: 330px;
   font-weight: bold;
}
#blend #content form input{
   float: left;
   clear: left;
   /*width: 238px;*/
   border: 1px solid #cccccc;
   margin-left: 15px;
}
#blend #content #generic form td{
   font-size: 12px;
	line-height: 150%;
   padding: 3px;
}
#blend #content #generic form input{
   float: left;
   clear: left;
   border: 1px solid #cccccc;
   margin: 0;
}
#blend #content #logon form input#usernamebox, #blend #content #logon form input#passwbox{
   width: 236px;
}
#blend #content #register form input#mtcclassidbox, #blend #content #logon form input#emailbox{
   width: 213px;
}
#blend #content #register form label{
   margin-top: 15px;
}
#blend #content form .push{
   margin-right: 55px;
}
#blend #content form .button input{
   clear: none;
   border: none;
   margin-left: 5px;
   margin-top: -2px;
}
#blend  #errorvals {
	color:#CC0000;
	font-size:12px;
	font-weight:bold;
	margin-left:470px;
	margin-top:140px;
	position:absolute;
	width:400px;
	z-index:15;
}

/*
#blend #content #logon .button input{
   width: 73px;
   height: 24px;
}
#blend #content #register .button input{
   width: 94px;
   height: 24px;
}
*/

/* Video BOX */
.videoheight {
   height: 346px;
}
.videobox {
   float: left;
   display: inline;
   width: 780px;
   height: 336px;
   background: url('/img/gradient/boxes/videobox_bg.jpg') repeat-x;
   position: absolute;
   left: 75px;
   top: 110px;
   padding: 20px 20px 0 20px;
}
.videobox .boxleft{
   position: absolute;
   width: 7px;
   height: 356px;
   top: 0;
   left: -7px;
   background: url('/img/gradient/boxes/videobox_left.png') no-repeat;
}
.videobox .boxright{
   position: absolute;
   width: 7px;
   height: 356px;
   top: 0;
   right: -7px;
   background: url('/img/gradient/boxes/videobox_right.png') no-repeat;
}
#content_container #blend #content .videobox h2.vidtitle{
   color: #333333;
   font-size: 17px;
   margin: 10px 0 0 0;
}

#video{
   float: right;
   margin-left: 40px;
   position: relative;
}
#video #videoinject {
   position: absolute;
   top: 0;
   left: 0;

}

.videobox .magnifyingglass {
   position: absolute;
   width: 300px;
   height: 221px;
   top: 135px;
   left: -8px;
}
.videobox .magnifyingglass p{
   padding-left: 25px;
}
.videobox .magnifyingglass span.overlay{
   width: 300px;
   height: 221px;
   background: url('/img/gradient/boxes/ten_common_mistakes.jpg') no-repeat;
   position: absolute;
   top: 0; left: 0;
}