.base-structure {
  width: 970px;
  height: 100%;
  margin: auto;
  padding-right: 5px;
  padding-left: 5px;
}
.primary-nav-structure #primary_nav {
  width: 980px;
  margin: auto;
}
.primary-nav-structure #primary_nav .nav-container {
  width: 100%;
  border-bottom: solid 2px #e1e1e1;
  padding: 10px 5px 5px 5px;
}
.primary-nav-structure #primary_nav .nav-container .login-container {
  padding-top: 15px;
}
/* display and positioning */
body {
  /* -webkit-tap-highlight-color: rgba(0,0,0,0); */
  /* Prevents text font being resized on mobile devices */
  text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -o-text-size-adjust: none;
  -webkit-text-size-adjust: none;
}
/*
 * yui-gallery-preload is add object at the bottom of the body
 * but strangely the object is adding space at the bottom of footer
 * Setting the object 'display: none if width and height is 0px
 */
body object[width="0"][height="0"] {
  display: none;
}
/*
 * cssgrids-min.css set font-family
 * inside of grid to sans-serif by default.
 * This will override the default font-family to
 * @font-roboto
 */
.yui3-g [class*="yui3-u"],
.yui3-g-r [class*="yui3-u"] {
  font-family: 'Roboto', Serif;
}
.hidden {
  display: none !important;
}
.left {
  float: left;
}
.right {
  float: right;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.align-center {
  text-align: center;
}
.valign-middle {
  vertical-align: middle;
}
/* text and fonts */
.uppercase {
  text-transform: uppercase;
}
.bold {
  font-weight: bold;
}
.semi-bold {
  font-weight: 500;
}
.normal {
  font-weight: normal;
}
.italic {
  font-style: italic;
}
.talentral-checkbox,
.talentral-radio-button {
  display: block;
  opacity: 0;
  cursor: pointer;
}
.talentral-checkbox + label,
.talentral-radio-button + label {
  background: url(/static/img/checkbox-sprite.png) left center no-repeat;
  background-position: 0px 4px;
  clear: none;
  cursor: pointer;
  display: block;
  padding-left: 20px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.talentral-checkbox:checked + label,
.talentral-radio-button:checked + label {
  background: url(/static/img/checkbox-sprite.png) left center no-repeat;
  background-position: 0px -17px;
}
form input,
form textarea {
  font-family: 'Roboto', Serif;
}
.no-highlight {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.pad-all-10 {
  padding: 10px;
}
.pad-top-10 {
  padding-top: 10px;
}
.pad-bot-10 {
  padding-bottom: 10px;
}
.pad-left-10 {
  padding-left: 10px;
}
.pad-right-10 {
  padding-right: 10px;
}
.font-weight-300 {
  font-weight: 300;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-700 {
  font-weight: 700;
}
.cursor-pointer {
  cursor: pointer;
}
#errors .errors-message {
  margin-bottom: 5px;
}
#errors li {
  color: #ff0000;
}
.help-icon {
  background: url(/static/img/help_icon.png) no-repeat 0px;
  cursor: pointer;
  margin-left: 5px;
  height: 20px;
  width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.help-icon:hover {
  background: url(/static/img/help_icon_rollover.png) no-repeat 0px;
}
#tooltip_container .yui3-widget-bd {
  text-align: left;
  max-width: 250px;
  background-color: #ededed;
  border: solid 1px #363636;
  padding: 5px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2) !important;
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2) !important;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2) !important;
}
/* Makes a button looks like an anchor link */
.link-button {
  border: none;
  background-color: transparent;
  cursor: pointer;
  color: #2aa386;
  font-weight: 500;
  font-family: 'Roboto', Serif;
  text-decoration: underline;
}
.red {
  color: #ff0000 !important;
}