/* $Id: general.css,v 1.1 2010/06/21 9:00:26 etoledo Exp $ */

/**
* @file general.css
* Cascade Style Sheet for Estructure of HP Institute Drupal's Theme
*/
html, body {
  min-width: 1300px;
}

body  {
  background-color: #FFF;
  color: #535353;
  font: 0.812em/1 tahoma,geneva,sans-serif;
  letter-spacing: -0.00625em;
}

.front  {
  font: 1em/1 arial, sans-serif;
  letter-spacing: 0;
}


.front a:visited,
.front a:hover,
.front a:link,
.front a:active,
.footer-first a:visited,
.footer-first a:hover,
.footer-first a:link,
.footer-first a:active,
#site-header a:visited,
#site-header a:hover,
#site-header a:link,
#site-header a:active {
  text-decoration: none;
}

 /*----------* Afters for wrapper*----------*/
#wrapper-content:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
 /**
 * Header
 **/
#site-header {
  font-family: arial, sans-serif;
}

/*
 * - Site Header - Mobile
 */
@media only screen and (max-width: 700px) {
  #site-header {
    width: 1300px;
  }
}

#wrapper-header {
  margin: 45px auto 35px;
  overflow: hidden;
  padding: 0 20px;
  width: 1260px;
}

@media only screen and (max-width: 700px) {
  #wrapper-header {
    padding: 0;
  }
}

#logo {
  float: left;
  width: 60%;
}

#logo a {
  display: block;
}

#logo img {
  height: auto;
  max-width: 495px;
  width: auto;
}

.header-right {
  float: right;
  width: 40%;
}

/*----------* Secundary Links *----------*/
#block-menu-secondary-links ul {
  display: block;
  margin-top: 30px;
}

#block-menu-secondary-links ul li {
  border-right: 1px solid;
  color: #027CBB;
  display: inline-block;
  list-style-type: none;
  padding: 0 3%;
}

#block-menu-secondary-links ul .first {
  padding-left: 0;
}

#block-menu-secondary-links ul .last {
  border-right: none;
  padding-right: 0;
}

#block-menu-secondary-links ul li a {
  color: #027CBB;
  font: 18px arial, sans-serif;
}

/*----------* Search Bar *----------*/
.block-search {
  border: 1px solid #C2D2D5;
  margin-top: 25px;
}

.block-search .container-inline {
  position: relative;
  font-family: 'hpi-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.block-search .container-inline:after {
  color: #0074D9;
  content: "\f002";
  float: right;
  font-size: 20px;
  padding: 8px 3%;
}

.block-search .form-text {
  border: none;
  font-style: italic;
  padding: 10px 15px;
  width: 84%;
}

.block-search .form-submit {
  bottom: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 10%;

  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

/*----------* Main Menu *----------*/
#site-header-menu {
  background-color: #0691C3;
}

@media only screen and (max-width: 700px) {
  .not-front #site-header-menu {
    padding: 0 20px;
  }
}

#block-menu-primary-links {
  height: 53px;
  margin: 0 auto;
  width: 1260px;
}

#site-header-menu ul {
  display: none;
}

#site-header-menu .primary-links {
  display: table !important;
  height: 53px;
  width: 100%;
}

#site-header-menu .primary-links li {
  list-style: none;
}

#site-header-menu .primary-links > li {
  display: table-cell;
  vertical-align: middle;
  padding: 0;
  position: relative;
  text-align: center;
  width: 20%;
}

#site-header-menu .primary-links > li.active-trail,
#site-header-menu .primary-links > li.hover {
  background-color: #032E67;
}

#site-header-menu .primary-links > li.hover span:after {
  background-color: #FFF;
  bottom: 0;
  content: '';
  display: block;
  height: 8px;
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 20px;
}

#site-header-menu .primary-links > li.last {
  background-color: #8DC63F;
}

#site-header-menu .primary-links .last .nolink {
  color: #FFF;
  font-size: 20px;
  text-align: center;
}

#site-header-menu .primary-links > li.last .nolink a {
  display: block;
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
}

#site-header-menu .primary-links > li.last span:after {
  display: none;
}

#site-header-menu .primary-links li a {
  color: #FFF;
  font: 20px arial, sans-serif;
  text-transform: uppercase;
}

#site-header-menu .primary-links li a:link,
#site-header-menu .primary-links li a:visited,
#site-header-menu .primary-links li a:hover,
#site-header-menu .primary-links li.hover a.structured {
  text-decoration: none;
}

#site-header-menu .primary-links li.hover ul {
  background-color: #FFF;
  box-shadow: 0 5px 18px 2px rgba(0,0,0,.3);
  left: 0;
  padding: 5px 0;
  position: absolute;
  top: 53px;
  width: 100%;
  z-index: 2;
}

#site-header-menu .primary-links li ul li {
	padding: 10px 0;
}

#site-header-menu .primary-links li ul li a {
  font-family: arial;
  font-size: 18px;
  padding: 3px 20px;
}

#site-header-menu .primary-links ul.menu li a {
  color: #717074;
  text-align: left;
  text-transform: none;
}

#site-header-menu .primary-links ul.menu li:hover {
  background-color: #0691C3;
}

#site-header-menu .primary-links ul.menu li:hover a {
  color: #FFF;
}

/**
 * Content
 **/
div#site-content {
  position: relative
}
div#site-content div#wrapper-content {
  clear: both;
  line-height:1.4;
  margin: 0 auto;
  padding: 20px 0 30px;
  width: 980px;
}

.front div#site-content div#wrapper-content {
  clear: both;
  line-height:1.4;
  margin: 0 auto;
  padding: 0;
  width: 1260px;
}

 /*----------* Template for Others (.blog / .training) *----------*/
body.blog div#wrapper-content div#wrapper-content-all div#large-image,
body.training div#wrapper-content div#wrapper-content-all div#large-image,
body.free-text div#wrapper-content div#wrapper-content-all div#large-image {
  background-color: #FFFFFF;
  float: right;
  height: 372px;
  padding: 5px;
  margin-bottom: 20px;
  width: 670px;
}

body.blog div#site-content div#wrapper-content div#wrapper-content-all,
body.training div#site-content div#wrapper-content div#wrapper-content-all {  background-position: 300px 345px; }

 /* rule for adminitrador area only */
body.administrator.section-node-edit.blog div#site-content div#wrapper-content-all,
body.administrator.section-node-edit.training div#site-content div#wrapper-content-all { margin: 0; }

body.blog div#wrapper-content div#inner-site-content,
body.training div#wrapper-content div#inner-site-content,
body.free-text div#wrapper-content div#inner-site-content {
  padding-top: 10px;
  z-index: 0;
}

/*----------* rule for blog's template when it heave more than 6 link's in submenu *----------*/
body.blog div#wrapper-content div#inner-site-content div.content,
body.blog div#wrapper-content div#inner-site-content div#site-breadcrumb,
body.blog div#wrapper-content div#inner-site-content .block-views,
body.blog div#wrapper-content div#inner-site-content div.node-inner h1,
body.blog div#wrapper-content div#inner-site-content div.node-inner h3 {
  float: right;
  width: 680px;
}
body.blog div#wrapper-content div#inner-site-content.more-links div.content,
body.blog div#wrapper-content div#inner-site-content.more-links div#site-breadcrumb,
body.blog div#wrapper-content div#inner-site-content.more-links .block-views,
body.blog div#wrapper-content div#inner-site-content.more-links div.node-inner h1,
body.blog div#wrapper-content div#inner-site-content.more-links div.node-inner h3 {
  width: 660px;
}
body.blog div#inner-site-content.more-links div.block-views,
body.blog div#inner-site-content.more-links div.view-our-people div.view-content {
  width: 660px !important;
}
body.blog div#wrapper-content div#inner-site-content div.node-inner h3 {
  padding-bottom: 10px;
}


body.blog div#wrapper-content-all div#menu-list-images-block,
body.training div#wrapper-content-all div#menu-list-images-block,
body.free-text div#wrapper-content-all div#menu-list-images-block {
  border: 5px solid #FFFFFF;
  float: left;
  margin: 0 -5px 0 0;
  width: 295px;
  clear: right;
}
body.blog div#wrapper-content-all div#menu-list-images-block div.row-menu-image,
body.training div#wrapper-content-all div#menu-list-images-block div.row-menu-image,
body.free-text div#wrapper-content-all div#menu-list-images-block div.row-menu-image {
  background: #F0F5F6 url(../images/backgrounds/player-item-left.gif) left top repeat-y ;
  border-bottom: 1px solid #F9FAFB;
  border-top: 1px solid #D5DFE0;
  padding: 26px 10px 26px 15px;
  position: relative;
  cursor: pointer;
}
* html  body.blog div#wrapper-content-all div#menu-list-images-block div.row-menu-image,/* hack for IE6 */
* html  body.training div#wrapper-content-all div#menu-list-images-block div.row-menu-image,
* html  body.free-text div#wrapper-content-all div#menu-list-images-block div.row-menu-image  {
  height: 1%;
  position: relative;
}
body.blog div#wrapper-content-all div#menu-list-images-block div.row-menu-image.list-videoHover,
body.training div#wrapper-content-all div#menu-list-images-block div.row-menu-image.list-videoHover,
body.free-text div#wrapper-content-all div#menu-list-images-block div.row-menu-image.list-videoHover {
  background: #DAE3E4 url(../images/backgrounds/player-item-hover-left.gif) left top repeat-y;
}
body.blog div#wrapper-content-all div#menu-list-images-block div.row-menu-image div.indicator-item,
body.training div#wrapper-content-all div#menu-list-images-block div.row-menu-image div.indicator-item,
body.free-text div#wrapper-content-all div#menu-list-images-block div.row-menu-image div.indicator-item {
  background: transparent url(../images/backgrounds/player-indicator-alt.png) 0 0 no-repeat;
  display: none;
  left: 275px;
  height: 52px;
  position: absolute;
  top: 10px;
  width: 20px;
}
body.blog div#wrapper-content-all div#menu-list-images-block div.row-menu-image a,
body.training div#wrapper-content-all div#menu-list-images-block div.row-menu-image a,
body.free-text div#wrapper-content-all div#menu-list-images-block div.row-menu-image a {
  color: #717074;
  font-weight: bold;
  text-decoration: none;
}
body.blog div#wrapper-content-all div#menu-list-images-block div.row-menu-image.list-videoHover  a,
body.training div#wrapper-content-all div#menu-list-images-block div.row-menu-image.list-videoHover  a,
body.free-text div#wrapper-content-all div#menu-list-images-block div.row-menu-image.list-videoHover  a {
  color: #005271;
}

/*----------* Videos  *----------*/
/* Flash Home */
#video-content #player{
	float: left;
	width: 670px;
	height: 372px;
	padding: 5px;
	background: #FFF;
}
body.not-front #video-content #player{/*Flash others */
	float: right;
}
#video-content #player object{
	width: 670px;
	height: 372px;
}
#block-views-home_videos_list-block_1 {
	position: relative;
	min-height: 415px;
  position: relative;
}
* html #block-views-home_videos_list-block_1,  /* Hack for IE6 */
* html #video-content .view-home-videos-list .view-content {
  height: 1%;
}
/*----- Cient Stories & Courses -----*/
.view-content .list-videoHover{
	cursor: pointer;
}
.view-home-videos-list .view-content .row-video-list .indicator,
.view-content .views-row .indicator {
	display: none;
	position: absolute;
	top: 0;
	width: 20px;
	height: 52px;
	background: url('../images/backgrounds/player-indicator.png') no-repeat;
}
.view-home-videos-list .view-content .row-video-list .indicator {
	left: 0;
}
body.not-front .view-content .views-row .indicator {
	background: url('../images/backgrounds/player-indicator-alt.png') no-repeat;
	right: 0;
}
* html body.not-front .view-content .views-row .indicator {
	right: -1px;
}
.view-home-videos-list .view-content .views-row-active .indicator,
.view-content .views-row.views-row-active .indicator{
	display: block;
}
* html .view-home-videos-list .view-content .row-video-list .png-fix{/* Hack for IE6 */
	display: none;
}
* html  .view-home-videos-list .view-content .views-row-active .png-fix{/* Hack for IE6 */
	display: block;
}
.view-home-videos-list .view-content .row-video-list .views-field-field-video-thumb-fid,
.view-content .views-row .views-field-field-video-thumb-fid {
	float: left;
	margin: 3px 0 0 0;
}
.view-home-videos-list .view-content .row-video-list .views-field-field-video-thumb-fid img,
.view-content .views-row .views-field-field-video-thumb-fid img {
	display: block;
	border: 1px solid #A1A1A1;
}
.view-home-videos-list .view-content .views-row-active .views-field-field-video-thumb-fid img,
.view-content .views-row .views-field-field-video-thumb-fid img {
	border: 1px solid #FFF;
}
.view-home-videos-list .view-content .row-video-list .views-field-field-video-thumb-fid img.imagecache-video_large,
.view-home-videos-list .view-content .row-video-list .views-field-field-video-thumb-fid img.imagecache-video_thumb_color,
.view-home-videos-list .view-content .list-videoHover .views-field-field-video-thumb-fid img.imagecache-video_thumb_bw,
.view-home-videos-list .view-content .row-video-list .views-field-field-image-thumb-fid img.imagecache-image_large,
.view-home-videos-list .view-content .row-video-list .views-field-field-image-thumb-fid img.imagecache-image_thumb_color,
.view-home-videos-list .view-content .list-videoHover .views-field-field-image-thumb-fid img.imagecache-image_thumb_bw,
.view-content .views-row .views-field-field-video-thumb-fid img.imagecache-video_large,
.view-content .views-row .views-field-field-video-thumb-fid img.imagecache-video_thumb_color,
.view-content .views-row.list-videoHover .views-field-field-video-thumb-fid img.imagecache-video_thumb_bw,
.view-content .views-row .views-field-field-image-thumb-fid img.imagecache-image_large,
.view-content .views-row .views-field-field-image-thumb-fid img.imagecache-image_thumb_color,
.view-content .views-row.list-videoHover .views-field-field-image-thumb-fid img.imagecache-image_thumb_bw {
	display: none;
}
.view-home-videos-list .view-content .list-videoHover .views-field-field-video-thumb-fid img.imagecache-video_thumb_color,
.view-home-videos-list .view-content .list-videoHover .views-field-field-image-thumb-fid img.imagecache-image_thumb_color,
.view-content .views-row.list-videoHover .views-field-field-video-thumb-fid img.imagecache-video_thumb_color,
.view-content .views-row.list-videoHover .views-field-field-image-thumb-fid img.imagecache-image_thumb_color {
	display: block;
	border-color: #005271;
}
.view-home-videos-list .view-content .row-video-list .views-field-title {
	float: right;
	width: 150px;
}
body.not-front .view-content .views-row .views-field-title {
  padding: 14px 0;
}
div#wrapper-content .view-home-videos-list .view-content .row-video-list .views-field-title h3 {	font-size: 0.846em; }/* 11.0px at 13px base */
.view-home-videos-list .view-content .row-video-list .views-field-title h3 a {
	outline: none;
	text-decoration: none;
	color: #717074 !important;
  background: none;
  margin: 0;
}
body.not-front .view-content .views-row .views-field-title a {
  color: #717074;
  outline: medium none;
  text-decoration: none;
  font-weight: bold;
}
.view-home-videos-list .view-content .list-videoHover .views-field-title h3 a{ color: #005271; }
.view-home-videos-list .view-content .row-video-list .views-field-body{
	float: right;
	width: 150px;
	font-size: 0.846em; /* 11.0px at 13px base */
}
div#wrapper-content .view-home-videos-list .view-content .row-video-list .views-field-body p{
	margin-top: 0;
}
.view-home-videos-list .view-footer {
	float: right;
	clear: right;
	margin: 13px 17px 15px 0;
	white-space: nowrap;
}
div#wrapper-content .view-home-videos-list .view-footer p {
 	margin-top: 0;
}

/*----- Cient Stories (Content Top) -----*/
div#video-content{
  overflow: hidden;
}
#video-content .view-home-videos-list .view-content,
body.not-front #video-content .view-content {
	float: right;
	width: 295px;
	margin: 0 0 0 -5px;
	border: 5px solid #FFF;
}
body.not-front #video-content .view-content {
	margin: 0 -5px 0 0;
}
#video-content .view-home-videos-list .view-content .row-video-list,
body.not-front #video-content .view-content .views-row {
	position: relative;
/* 	padding: 12px 10px 12px 15px; */
	padding: 12px 10px 12px 15px;
	border-top: 1px solid #D5DFE0;
	border-bottom: 1px solid #F9FAFB;
	background: #F0F5F6 url('../images/backgrounds/player-item.gif') right top repeat-y;
}
#video-content .view-home-videos-list .view-content .row-video-list {
	float: left;
	clear: both;
  *width: 270px;
}
body.not-front #video-content .view-content .views-row {
	background: #F0F5F6 url('../images/backgrounds/player-item-left.gif') left top repeat-y;
}
#video-content .view-home-videos-list .view-content .views-row-first,
body.not-front #video-content .view-content .views-row.views-row-first {
	border-top: none;
}
#video-content .view-home-videos-list .view-content .views-row-last,
body.not-front #video-content .view-content .views-row.views-row-last {
	border-bottom: none;
}
#video-content .view-home-videos-list .view-content .list-videoHover,
body.not-front #video-content .view-content .views-row.list-videoHover {
	background: #DAE3E4 url('../images/backgrounds/player-item-hover.gif') right top repeat-y;
}
body.not-front #video-content .view-content .views-row .views-field-title h3 {
  font-size: 1em;
}
body.not-front #video-content .view-content .views-row .views-field-title h3 a {
  color: #717074;
}
#video-content .view-home-videos-list .view-content .list-videoHover h3 a,
body.not-front #video-content .view-content .views-row.list-videoHover .views-field-title a {
  color: #005271 !important;
}
/*----- Cient Stories/Authors (Sidebar) -----*/
#sidebar .view-client-stories .view-content .views-row,
#sidebar .view-authors .view-content .views-row{
	margin: 13px 0 0;
}
#sidebar .view-client-stories .view-content .views-row-first,
#sidebar .view-authors .view-content .views-row-first{
	margin-top: 0;
}

/*----------* Training Courses *----------*/
div#site-content div#wrapper-content div.view-upcoming-training-courses {
  overflow: hidden;
 }
div#site-content div#wrapper-content div.view-upcoming-training-courses div.view-content div.content {
  height: 180px;
  min-height: 180px !important;
 }
html>body div#site-content div#wrapper-content div.view-upcoming-training-courses div.view-content div.content {
  height: auto;
 }
div#site-content div#wrapper-content-all div#training-courses {
  float: left;
 }
div#site-content div#wrapper-content-all div#training-courses div.title-left {
  background: transparent url(../images/home-blocks/block-title-left.png) 0 0 no-repeat;
  padding-left: 13px;
 }
div#site-content div#wrapper-content-all div#training-courses div.title-right{
  position: relative;
  z-index: 1;
 }

div#site-content div#wrapper-content-all div#training-courses div.title {
  padding: 11px 17px 0 14px;
  background: transparent url(../images/home-blocks/block-title.png) 0 0 repeat-x;
 }
div#site-content div#wrapper-content-all div#training-courses div.title h2 {
  color: #474747;
  font-size: 1em;
  height: 33px;
  margin: 0;
 }
div#site-content div#wrapper-content-all div#training-courses div.content {
  /*background: transparent url(../images/home-blocks/block-content.png) 0 0 repeat-x;*/
  margin: -6px 3px 0 23px;
  padding: 13px 15px 0;
  width: 209px;
}
div#site-content div#wrapper-content-all div#training-courses div.content  div.training {
  background: #FFF url(../images/home-blocks/course.gif) left bottom repeat-x;
  border: 1px solid #C4D1D3;
  color: #717074;
  margin: 0 0 10px;
  padding: 10px 0 10px 5px;
  display: inline-block;
 }
* html div#site-content div#wrapper-content-all div#training-courses div.content  div.training {/* hack for IE6 */
  padding: 8px 0 8px 0;
  height: 1%;
 }
 div#site-content div#wrapper-content-all div#training-courses div.content  div.training a,
 div#site-content div#wrapper-content-all div#quicktabs-1 div#quicktabs_container_1 h2 a {
  color:#008FC5;
  font-weight: bold;
 }
div#site-content div#wrapper-content-all div#training-courses div.content  div.training-course-icon {
  background: transparent url(../images/home-blocks/calendar.gif) 0 0 no-repeat;
  float: left;
  height: 46px;
  margin: 0 10px 0 5px;
  width: 50px;
 }

div#site-content div#wrapper-content-all div#training-courses div.content  div h3,
div#site-content div#wrapper-content-all div#training-courses div.content  div span { float: left; }

div#site-content div#wrapper-content-all div#training-courses div.content  div h3 {
  font-size: 1em;
  width: 132px;
}

.front #training-courses .ext {
  text-decoration: none;
}
.front #training-courses .ext:hover {
  text-decoration: underline;
}

/*
 * Carousel Home
 */
div#wrapper-content .content ul.slides {
  margin: 0;
}

.carousel-item {
  position: relative;
  width: 1260px;
}

.carousel-item img {
  width: 100%;
}

.carousel-item .content-wrapper {
  position: absolute;
  left: 5%;
  top: 10px;
  width: 50%;
}

div#wrapper-content .carousel-item h2 {
  color: #717174;
  font-size: 48px;
  font-weight: bold;
}

.carousel-item .description {
  color: #717174;
  font-size: 32px;
  line-height: 42px;
}

.carousel-item .links-wrapper {
  margin-top: 50px;
}

div#wrapper-content .carousel-item .link {
  background-color: #8DC63F;
  background-image: none;
  color: #FFF;
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 8px 3%;
  text-transform: uppercase;
  width: 350px
}

div#wrapper-content .carousel-item .link:hover {
  text-decoration: none;
}

div#wrapper-content .carousel-item .link:after {
  color: #FFF;
  content: "\f054";
  float: right;
  font-size: 20px;
  position: relative;
  top: 8px;

  font-family: 'hpi-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div#wrapper-content .content .flexslider {
  position: relative;
}

div#wrapper-content .content .flex-direction-nav {
  display: none;
}

div#wrapper-content .content .flex-control-paging {
  bottom: 0;
  list-style:none;
  margin: 0;
  padding:0;
  position: absolute;
  text-align:center;
  width: 100%;
  z-index: 1;
}

div#wrapper-content .content .flex-control-paging span {
  display: none;
}

div#wrapper-content .content .flex-control-paging li {
  display: inline;
}

div#wrapper-content .content .flex-control-paging a {
  background: transparent url('../images/bullet-default.png') 0 0 no-repeat;
  color: transparent;
  display:inline-block;
  font: 0/0 a;
  height: 18px;
  margin: 15px 10px;
  text-shadow: none;
  width: 18px;
}

div#wrapper-content .content .flex-control-paging a.flex-active {
  background: transparent url('../images/bullet-active.png') 0 0 no-repeat;
}


/*
 * Callouts Home
 */
div#wrapper-content .callout {
  overflow: hidden;
  margin: 50px 4%;
}

div#wrapper-content .callout .wrapper-image img {
  width: 100%;
}

div#wrapper-content .callout h2 {
  color: #0691C3;
  font-size: 48px;
  font-weight: bold;
  margin: 0;
}

div#wrapper-content .callout .teaser p {
  color: #717174;
  font-size: 21px;
  line-height: 36px;
}

div#wrapper-content .callout a {
  background-color: #8DC63F;
  color: #FFF;
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin-top: 30px;
  padding: 8px 3%;
  text-transform: uppercase;
  width: 300px
}

div#wrapper-content .callout a:hover {
  text-decoration: none;
}

div#wrapper-content .callout a:after {
  color: #FFF;
  content: "\f054";
  float: right;
  font-size: 20px;
  position: relative;
  top: 8px;

  font-family: 'hpi-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div#wrapper-content .callout.courses,
div#wrapper-content .callout.right {
  border-bottom: 2px solid #D4E1E4;
  padding-bottom: 50px;
}

div#wrapper-content .callout.right .wrapper-image {
  float: right;
  max-width: 630px;
  width: 50%;
}

div#wrapper-content .callout.right .content {
  float: left;
  margin-right: 5%;
  width: 45%;
}

div#wrapper-content .callout.left .wrapper-image {
  float: left;
  max-width: 630px;
  width: 50%;
}

div#wrapper-content .callout.left .content {
  float: right;
  margin-left: 5%;
  width: 45%;
}

div#wrapper-content .callout.highlighted {
  background-color: #D4E1E4;
  margin: 0;
  padding: 50px 4%;
}

div#wrapper-content .callout.courses div.view-upcoming-training-courses {
  background-color: #45C5DC;
  float: left;
  padding-top: 120px;
  position: relative;
  width: 35%;
}

div#wrapper-content .callout.courses div.view-upcoming-training-courses:before {
  background: transparent url('../images/calendar.png') 0 0 no-repeat;
  content: '';
  display: block;
  height: 64px;
  left: 50%;
  margin-left: -32px;
  position: absolute;
  top: 30px;
  width: 64px;
}

div#wrapper-content .callout.courses div.view-upcoming-training-courses h2 {
  color: #FFF;
  font-size: 34px;
  text-align: center;
}

div#wrapper-content .callout.courses .wrapper-image {
  display: none;
}

div#site-content div#wrapper-content .callout.courses div.view-upcoming-training-courses .content {
  float: none;
  margin: 10px auto 30px;
  min-height: 0 !important;
  width: 90%
}

div#wrapper-content .callout.courses .training-courses a {
  background-color: transparent;
  display: inline;
  font-weight: normal;
  margin-top: 10px;
  padding: 0 18px 0 0;
  text-transform: none;
  width: auto;
}

div#wrapper-content .callout.courses .training-courses a:after {
  display: none;
}

div#wrapper-content .callout.courses div.view-footer a {
  background-color: #0691C3;
  background-image: none;
  float: none;
  padding: 8px 3%;
  position: relative;
  width: 94%;
}

div#wrapper-content .callout.courses div.view-footer a:after {
  color: #FFF;
  content: "\f054";
  right: 15px;
  font-size: 20px;
  position: absolute;
  top: 15px;

  font-family: 'hpi-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

div#wrapper-content .callout.left.courses .content {
  float: right;
  margin-left: 5%;
  width: 60%;
}

.view-home-video {
  margin: 50px 4%;
}

div#wrapper-content .view-home-video h2 {
  color: #0691C3;
  font-size: 48px;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}

div#wrapper-content .view-home-video p {
  color: #717174;
  font-size: 24px;
  margin: 10px auto 30px;
  text-align: center;
  width: 90%;
}

div#wrapper-content .view-home-video .wrapper-video {
  margin: 0 auto;
  width: 854px;
}

/*----------* See the Results *----------*/

div#block-views-home_results-block_1 div.title-left h2 {
  margin: 0;
}

/* Submenu Quicktabs */
#inner-site-content .quicktabs_tabs li a{
  display: block;
  padding: 17px 8px 15px;
  _padding: 17px 6px 15px;
  font-weight: bold;
  text-shadow: #FFF 1px 1px 0;
  color: #474747;
}

* html #inner-site-content .quicktabs_tabs li a{
  padding: 17px 6px 15px;
}

#inner-site-content .quicktabs_tabs li a:visited{
  text-decoration: none;
}

#inner-site-content .quicktabs_tabs li a.structured{
  padding-top: 0;
  padding-bottom: 0;
}

#inner-site-content .quicktabs_tabs li a span{
  display: block;
}

#inner-site-content .quicktabs_tabs li a span.right{
  padding-top: 17px;
  padding-bottom: 15px;
}

#inner-site-content .quicktabs_tabs li.active a span.right{
  background: url('../images/menu/primary-links-active.gif') left bottom repeat-x;
}

#inner-site-content .quicktabs_tabs li a.structured:hover{
  padding: 0;
  text-decoration: none;
}

#inner-site-content .quicktabs_tabs li a.structured:hover,
#inner-site-content .quicktabs_tabs li a.structured:hover span{
  background: url('../images/menu/primary-links.png') 0 -45px repeat-x;
}

#inner-site-content .quicktabs_tabs li a.structured:hover span.left{
  background-position: 0 0;
  background-repeat: no-repeat;
}

#inner-site-content .quicktabs_tabs li a.structured:hover span.right{
  padding-right: 8px;
  padding-left: 8px;
  background-position: right -90px;
  background-repeat: no-repeat;
}

#inner-site-content .block-quicktabs .quicktabs_tabs {
	height: 41px;
	margin: 0;
	padding: 4px 8px 0;
}
#inner-site-content .block-quicktabs .quicktabs_tabs li {
	float: left;
	margin: 0;
	padding: 0;
	background: none;
  visibility: hidden;
}
#inner-site-content .quicktabs_tabs li a { text-decoration: none; }
#inner-site-content .quicktabs_tabs li a,
#inner-site-content .quicktabs_tabs li a span.right{
	padding-top: 8px;
	padding-bottom: 8px;
}
#inner-site-content .quicktabs_tabs li a.structured:hover,
#inner-site-content .quicktabs_tabs li a.structured:hover span{
	background: #e8e8e8;
}
#inner-site-content .quicktabs_tabs li a.structured:hover span.right{
	background-position: right -68px;
}
#inner-site-content .block-quicktabs .quicktabs_main .block{
	float: none;
	margin-top: 0;
}
#inner-site-content .block-quicktabs .quicktabs_main .block .views-row{
	margin: 7px 0 0;
	font-size: 0.846em; /* 11.0px at 13px base */
	line-height: 1.3;
}
#inner-site-content .block-quicktabs .quicktabs_main .block .views-row-first{
	margin-top: 0;
}
#inner-site-content .block-quicktabs .quicktabs_main .block .views-row .views-field-title a{
	color: #008FC5;
}


/**** Buttons View All - Home *****/
div#wrapper-content-all div.view-upcoming-training-courses div.view-footer a,
div#block-quicktabs-1 div#quicktabs-1 div#quicktabs_container_1 div.view-footer a {
  background: transparent url(../images/btn/green-links.png) 0 0 no-repeat;
  color:#FFF;
  display: block;
  padding: 4px 0 3px 13px;
  text-decoration: none;
  width: 98px;
  float: right;
}
div#wrapper-content-all div.view-home-results div.view-footer a {
  background: transparent url(../images/btn/green-links.png) 0 0 no-repeat;
  color:#FFF;
  display: block;
  padding: 4px 0 3px 13px;
  text-decoration: none;
  width: 98px;
  float: left;
}
div#wrapper-content-all div.view-upcoming-training-courses div.view-footer a:hover,
div#wrapper-content-all div.view-home-results div.view-footer a:hover,
div#block-quicktabs-1 div#quicktabs-1 div#quicktabs_container_1 div.view-footer a:hover {
  background-position: 0 -26px;
}


/**
 * Footer
 **/
.footer-first {
  background-color: #0691C3;
  color: #FFF;
  font-family: arial, sans-serif;
}

.footer-second {
  background-color: #FFF;
  color: #717174;
  font-family: arial, sans-serif;
  font-size: 18px;
  line-height: 30px;
  text-align: center;
}


@media only screen and (max-width: 700px) {
  .not-front .footer-first,
  .not-front .footer-second {
    padding: 0 20px;
    width: 1260px;
  }
}

.wrapper-footer {
  margin: 0 auto;
  overflow: hidden;
  padding: 40px 0;
  width: 1260px;
}

.wrapper-one {
  float: left;
  width: 47.5%;
}

.wrapper-two {
  float: right;
  width: 47.5%;
}

.wrapper-two .block-address {
  display: none;
}

.footer-menu {
  overflow: hidden;
}

.footer-menu .block-menu {
  float: left;
  margin-bottom: 55px;
  width: 50%;
}

.footer-menu .block-menu li {
  list-style-type: none;
  margin-bottom: 20px;
}

.footer-menu .block-menu a {
  color: #FFF;
  font-size: 22px;
}

.footer-menu .block-block {
  border-top: 2px dotted #FFF;
  clear: both;
  padding-top: 20px;
}

.wrapper-two .block-address {
  display: none;
}

.block-address {
  font-size: 22px;
  line-height: 40px;
}

.block-newsletter h3 {
  font-size: 22px;
  font-weight: bold;
}

.block-newsletter p {
  font-size: 18px;
  line-height: 30px;
}

.block-newsletter a,
.block-newsletter a:link,
.block-newsletter a:visited,
.block-newsletter a:hover {
  color: #FFF;
  text-decoration: underline;
}

.footer-first #webform-component-email {
  background-color: #FFF;
  float: left;
  margin-top: 30px;
  width: 80%;
}

.footer-first #webform-component-email label {
  display: none;
}

.footer-first #webform-component-email input.form-text {
  background-color: transparent;
  border: none;
  color: #717174;
  cursor: auto;
  font-size: 18px;
  padding: 20px 5%;
  width: 90%;
}

.footer-first #edit-actions {
  background-color: #C2D2D5;
  float: left;
  margin-top: 30px;
  width: 20%;
}

.footer-first #edit-actions input.form-submit {
  background-color: transparent;
  border: none;
  color: #717174;
  cursor: pointer;
  font-size: 18px;
  padding: 20px;
  width: 100%;
}

/**
* Adminitrator's  page
**/
body.logged-in div#inner-site-content dl.node-type-list dt,
body.administrator div#inner-site-content dl.admin-list dt {
  font-size: 1.037em;
  font-weight: bold;
}
body.logged-in div#inner-site-content dl.node-type-list,
body.administrator div#inner-site-content dl.admin-list {
  margin-top: 20px;
}
body.logged-in div#inner-site-content dl.node-type-list dd,
body.administrator div#inner-site-content dl.admin-list dd {
  margin-bottom: 20px;
  font-size: .937em;
  color: #959B9F;
  padding-bottom: 25px;
  border-bottom: 1px dotted #59638F;
}
body.logged-in div#inner-site-content div.node-form div.form-item,
body.administrator div#inner-site-content div.node-form div.form-item {
  overflow: hidden;
  display: block;
  margin: 12px 0;
}
body.logged-in div#inner-site-content div.node-form div.teaser-checkbox,
body.administrator div#inner-site-content div.node-form div.teaser-checkbox {
  overflow: hidden;
  width: 300px;
  float: right;
}
body.logged-in div#inner-site-content div.node-form div.teaser-button-wrapper,
body.administrator div#inner-site-content div.node-form div.teaser-button-wrapper {
  float: left;
}
body.logged-in div#inner-site-content div.node-form div#edit-teaser-include-wrapper,
body.administrator div#inner-site-content div.node-form div#edit-teaser-include-wrapper {
  float:left;
  width:200px;
}
body.administrator thead tr th {
  padding: 6px;
  font-size: 1em;
  font-weight: bold;
}
body.administrator tbody tr td {
  padding: 4px;
}
body.administrator tbody tr td.module {
  padding: 20px 0 0;
}
body.administrator div#inner-site-content div#form-submit-wrap {
  margin: 25px 0 0 130px;
}

/*----------* Menu Image Settings*----------*/

body.page-admin-hpiconfiguration-general div#inner-site-content fieldset {
  border: #666666 1px solid;
  padding:0 15px 25px;
  overflow: hidden;
  margin-bottom: 20px;
}
body.page-admin-hpiconfiguration-general div#inner-site-content fieldset div.field-wrapper{
  width:470px;
  float:left;
  padding: 20px 0;
}
body.page-admin-hpiconfiguration-general fieldset.collapsible legend a {
  display:block;
  font:bold 1.158em/1em "trebuchet ms",arial,helvetica,sans-serif;
}


/**
* Content List
**/
body.page-content-list div#inner-site-content a {
  background-image: none;
  margin: 0;
  padding: 0;
  color: #717074;
}
body.page-content-list div#inner-site-content h2 {
  margin: 0;
  font-size: .937em;
}
body.page-content-list div#inner-site-content td {
  padding: 12px;
}
dl.multiselect dd.a, dl.multiselect dd.a .form-item {
  display:block;
}

/**
* General Messages.
**/
div.messages{  font: normal 1em arial, helvetica, sans-serif; }
div.messages.status {  padding-bottom: 30px; color: #00B4DF}
div.messages.notice {
  background-color: #FFCCCC;
  border: 1px solid #DD7777;
  padding: 30px;
  text-align: center;
  font-weight: bold;
 }
div.error,
tr.error {
  background-color: #FCC;
  display: block;
  margin-bottom: 20px;
}
* html div.error,
* html tr.error {/*Hack IE6 */
  zoom:1;
}
div.messages.error {
  padding: 24px;
  z-index: 100;
}
ul.primary  {
  margin-bottom: 25px;
  padding: 10px 0 0 1em;
}
body.administrator input.form-text,
body.administrator textarea.form-textarea { color: #535353 !important; }
.field.field-type-text.field-field-custom-class { display: none; }

/*Contentlist Page not IE*/
body.page-contentlist .view-filters .views-widget .form-item select {
  display:inline-block;
  width:185px;
  float:left;
  opacity:100;
}
.learn-more-home {
  color: rgb(83, 83, 83);
  font-family: tahoma, geneva, sans-serif;
  text-align: right;
  margin-top: 13px;
}
body.front .views-field-field-result-image-fid {
  text-align: center;
}
body.front .views-field-field-result-image-fid img {
  width: 100%;
  height: auto;
}
body.front .view-home-callouts h2 sup {
  margin: 0;
}