@charset "IBM437";
@import url(//fonts.googleapis.com/css?family=Raleway:400,300,600,500,700);
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================BUTTON CULERS==============*/
/*==================SPACING============*/
/*==================FONTS============*/
/*box sizing*/
/*border rad*/
/*text overflow*/
input {
  font-family: "open sans", sans-serif; }

input[type="button"], button, input[type="submit"] {
  cursor: pointer; }

.btnGray {
  background: #dddddd;
  border: 1px solid #cccccc;
  padding: 5px 10px;
  display: inline-block;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  font-size: .8rem;
  color: #666;
  outline: none;
  position: relative;
  font-size: inherit; }
  .btnGray:hover {
    background: #cccccc;
    color: #999;
    text-decoration: none; }
  .btnGray:active {
    background: #cccccc;
    padding: 5px 10px;
    color: #666; }

.btnGrayFlat {
  background: #dddddd;
  border: none;
  padding: 8px 15px;
  display: inline-block;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  font-size: .8rem;
  color: #666;
  line-height: 18px;
  outline: none;
  position: relative;
  font-size: inherit; }
  .btnGrayFlat:hover {
    background: #cccccc;
    color: #333;
    text-decoration: none; }
  .btnGrayFlat:active {
    background: #cccccc;
    color: #666; }
  .btnGrayFlat.disabled {
    color: #ccc;
    cursor: default; }
    .btnGrayFlat.disabled:hover {
      background: #dddddd; }

.btnGreen {
  background: #b3ce51;
  cursor: pointer;
  border: 1px solid #7a9029;
  margin: 0 !important;
  padding: 5px 10px;
  display: inline-block;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  font-size: .8rem;
  color: #fff;
  outline: none;
  position: relative;
  font-size: inherit;
  text-shadow: 1px 1px 0px #7a9029; }
  .btnGreen:hover {
    background: #aac83d;
    color: #fff;
    text-decoration: none; }
  .btnGreen:active {
    background: #aac83d;
    padding: 5px 10px;
    color: #fff; }

.btnGreenFlat {
  background: #4c83c3;
  cursor: pointer;
  line-height: 18px;
  margin: 0 !important;
  border: none;
  padding: 8px 15px;
  display: inline-block;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  font-size: .8rem;
  color: #fff;
  outline: none;
  position: relative;
  font-size: inherit; }
  .btnGreenFlat:hover {
    background: #376aa5;
    color: #fff;
    text-decoration: none; }
  .btnGreenFlat:active {
    background: #376aa5;
    color: #fff; }
  .btnGreenFlat.large {
    font-size: 16px;
    padding: 12px 20px; }
  .btnGreenFlat.disabledReg {
    cursor: default; }

.btnRed {
  background: #d06320;
  border: none;
  border: 1px solid #ba581d;
  padding: 5px 10px;
  display: inline-block;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  font-size: .8rem;
  color: #fff;
  font-size: inherit;
  text-shadow: 1px 1px 0px #ba581d; }
  .btnRed:hover {
    background-color: #de6f2b;
    color: #fff;
    text-decoration: none; }
  .btnRed:active {
    background: #de6f2b;
    padding: 5px 10px;
    color: #fff; }

.btnBlueFlat {
  background: #4c83c3;
  border: none;
  display: inline-block;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  font-size: .8rem;
  color: #fff;
  border: none;
  font-size: inherit; }
  .btnBlueFlat:hover {
    background-color: #3e76b8;
    color: #fff;
    text-decoration: none; }
  .btnBlueFlat:active {
    background: #3e76b8;
    color: #fff; }

.btnRedFlat {
  background: #d06320;
  border: 1px solid #ba581d;
  padding: 5px 10px;
  display: inline-block;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  font-size: .8rem;
  color: #fff;
  font-size: inherit;
  text-shadow: 1px 1px 0px #ba581d; }
  .btnRedFlat:hover {
    background-color: #de6f2b;
    color: #fff;
    text-decoration: none; }
  .btnRedFlat:active {
    background: #de6f2b;
    padding: 5px 10px;
    color: #fff; }

select.ddGray, select.ddGray:hover, select.ddGray:active {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background: none;
  font-family: "Open Sans", sans-serif;
  cursor: pointer; }

.ddGray {
  padding: 0 5px;
  display: inline-block;
  width: auto;
  font-size: .8rem;
  color: #666;
  outline: none;
  font-size: inherit; }
  .ddGray:hover {
    color: #999;
    text-decoration: none; }
  .ddGray:active {
    color: #666; }
  .ddGray option {
    font-family: "Open Sans", sans-serif;
    display: block;
    background: white;
    outline: none;
    border: none;
    color: #666; }

/*================================FONTS FROM UTILITIES=================================================*/
/* @license
 * MyFonts Webfont Build ID 2690689, 2013-11-18T10:03:03-0500
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: Museo Slab 500 by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/500/
 * 
 * Webfont: Museo Slab 500 Italic by exljbris
 * URL: http://www.myfonts.com/fonts/exljbris/museo-slab/500-italic/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2690689
 * Licensed pageviews: Unlimited
 * Webfonts copyright: Copyright (c) 2009 by Jos Buivenga. All rights reserved.
 * 
 * � 2013 MyFonts Inc
*/
@font-face {
  font-family: "icomoon";
  src: url("../fonts/icons/icomoon.eot");
  src: url("../fonts/icons/icomoon.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/icomoon.woff") format("woff"), url("../fonts/icons/icomoon.ttf") format("truetype"), url("../fonts/icons/icomoon.svg#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal; }

[data-icon]:before {
  font-family: 'icomoon';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local("Open Sans Semibold"), local("OpenSans-Semibold"), url(//themes.googleusercontent.com/static/fonts/opensans/v6/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format("woff"); }

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local("Open Sans"), local("OpenSans"), url(//themes.googleusercontent.com/static/fonts/opensans/v6/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format("woff"); }

/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================BUTTON CULERS==============*/
/*==================SPACING============*/
/*==================FONTS============*/
/*box sizing*/
/*border rad*/
/*text overflow*/
body.wait {
  cursor: wait; }

.overlay-disable {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  filter: alpha(opacity=10);
  -moz-opacity: .1;
  -khtml-opacity: .1;
  opacity: .1;
  z-index: 100000; }

.clearfix, .avatarGroup, .contactWrap .sendMessage span, .secondaryHeader, .headerContainer .pmHeader, .headerContainer .crumb, .module_tabs, .whiteBoxList {
  zoom: 1; }
  .clearfix:before, .avatarGroup:before, .contactWrap .sendMessage span:before, .secondaryHeader:before, .headerContainer .pmHeader:before, .headerContainer .crumb:before, .module_tabs:before, .whiteBoxList:before, .clearfix:after, .avatarGroup:after, .contactWrap .sendMessage span:after, .secondaryHeader:after, .headerContainer .pmHeader:after, .headerContainer .crumb:after, .module_tabs:after, .whiteBoxList:after {
    content: "\0020";
    display: block;
    height: 0; }
  .clearfix:after, .avatarGroup:after, .contactWrap .sendMessage span:after, .secondaryHeader:after, .headerContainer .pmHeader:after, .headerContainer .crumb:after, .module_tabs:after, .whiteBoxList:after {
    clear: both; }

select.niceInput::-ms-expand {
  display: none; }

select.niceInput {
  background: transparent url(/images/ddIcon.png) no-repeat right center;
  background-color: #FAFAFA;
  padding-right: 36px;
  padding-right: 6px \9;
  background-image: none \9; }
  select.niceInput:focus {
    background: transparent url(/images/ddIcon.png) no-repeat right center;
    background-image: none \9;
    background-color: #fff; }

/* a nice shadowy text input */
.niceInput {
  width: 100%;
  padding: 6px;
  border: 1px solid #DDD;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  font-family: "Open Sans", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: normal;
  background-color: #FAFAFA; }
  .niceInput:focus {
    background-color: #fff;
    border: 1px solid #CCC; }
  .niceInput.auto {
    width: auto;
    display: inline;
    display: inline-block; }
  .niceInput.invalid {
    border-color: #d06320; }
  .niceInput.disabled, .niceInput:disabled {
    background-color: #EEE !important; }

select.niceInput::-ms-expand {
  display: none; }

textarea.niceInput {
  font-size: 13px; }

/* a nice shadowy whtie box. */
.niceWhiteBox {
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 2px;
  -webkit-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  -ms-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  -o-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  -moz-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed; }

.uppercaseHeading {
  text-transform: uppercase;
  font-size: 13px;
  color: #9EABB6;
  font-weight: 400;
  display: block;
  padding-left: 0;
  margin-bottom: 3px; }
  .uppercaseHeading a {
    text-transform: none; }

/* creates an image and named pair with a title and subtext */
.avatarGroup .avatar {
  float: left; }
  .avatarGroup .avatar img {
    background: #FFF;
    width: 48px;
    heiht: 48px; }
    .avatarGroup .avatar img.shadowImg {
      -o-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD;
      -moz-box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD;
      -o-box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD;
      box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD; }
  .avatarGroup .avatar.thirtytwo img {
    width: 32px;
    heiht: 32px; }
  .avatarGroup .avatar.twentyfour img {
    width: 24px;
    heiht: 24px; }
.avatarGroup .info {
  float: left; }
  .avatarGroup .info .title {
    color: #333; }
  .avatarGroup .info p {
    margin: 0;
    color: #666; }

.primaryHeading {
  font-size: 18px;
  color: #222;
  line-height: 1;
  margin-bottom: 18px;
  display: block;
  font-family: "Open Sans" !important;
  font-weight: 400; }

.secondaryHeading {
  font-size: 16px;
  color: #444;
  line-height: 1;
  margin-bottom: 6px;
  display: block;
  font-family: "Open Sans" !important;
  font-weight: 400; }

p.copy {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 18px; }
  p.copy strong {
    font-weight: 600; }
  p.copy.large {
    font-size: 16px; }
  p.copy.margin_none {
    margin-bottom: 0; }
  p.copy.dark {
    color: #444; }

.removeLink {
  color: #ccc; }
  .removeLink:hover {
    color: #d06320;
    text-decoration: none; }

input[type='submit'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type='button'], input[type='submit'], button {
  -webkit-appearance: none; }

.pending {
  color: #d06320; }

.pipe {
  color: #999;
  padding: 0 3px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.hidden {
  display: none;
  visibility: hidden; }

.hide {
  display: none; }

.show {
  display: block; }

.visible {
  display: block;
  visibility: visible; }

.invisible {
  visibility: hidden; }

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

/*success message */
.popMsg {
  width: 984px;
  position: fixed;
  z-index: 100;
  top: 51px; }

.popMsg p {
  padding: 8px;
  margin: 0px auto;
  text-align: center;
  background-color: #FFF1A8;
  width: 300px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px; }

.alert-new {
  background: #d06320;
  font-size: 11px;
  padding: 1px 3px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  color: #FFF; }

.faded {
  opacity: 0;
  -o-transition: .2s opacity linear;
  -ms-transition: .2s opacity linear;
  -webkit-transition: .2s opacity linear;
  -moz-transition: .2s opacity linear;
  transition: .2s opacity linear; }

.faded.noFade {
  opacity: 1; }

.rhythmMargin0 {
  margin-bottom: 0 !important; }

.rhythmMarginSmall {
  margin-bottom: 6px !important; }

.rhythmMargin1 {
  margin-bottom: 12px !important; }

.rhythmMargin {
  margin-bottom: 18px !important; }

.rhythmMargin2 {
  margin-bottom: 36px !important; }

.verifiedPayment {
  color: #4c83c3; }

.verifiedPayment__none {
  color: #d06320; }

.noheadNoFoot {
  background: white !important;
  /*===============================================FORMS=======================================================*/
  /* pulled in from post project */
  /*space between fields */
  /* input field title */
  /* nice text input background*/
  /*styles for invalid*/
  /*styles for focus*/
  /*help/error popup messages*/
  /* form validation */
  /*place holder */
  /*button format*/ }
  .noheadNoFoot .container {
    width: 100% !important;
    max-width: 500px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .noheadNoFoot #Img1 {
    max-width: 100%; }
  .noheadNoFoot .formTitle {
    color: #333333;
    font-size: 18px;
    margin: 30px 0 10px; }
  .noheadNoFoot div.errorMsg {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    margin: 20px 0; }
  .noheadNoFoot div.errorMsg div {
    background: none repeat scroll 0 0 #FDF4C1;
    border-radius: 3px 3px 3px 3px;
    color: #444444;
    font-size: 14px;
    font-weight: bold;
    margin: 5px;
    line-height: 20px;
    padding: 10px;
    text-shadow: 0 1px 1px #FFFFFF; }
  .noheadNoFoot .switchMsg {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px;
    width: 90%;
    text-align: center;
    background: #FDFFE0;
    color: #666;
    border: 1px solid #F6F4C7;
    border-top: none;
    margin: 10px 0 0 0;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif; }
  .noheadNoFoot input:invalid, .noheadNoFoot input:-moz-ui-invalid {
    box-shadow: none;
    outline: medium none; }
  .noheadNoFoot .inputSec {
    margin-top: 5px;
    position: relative;
    width: 100%; }
  .noheadNoFoot .inputTitle {
    color: #666666;
    font-size: 11px;
    text-transform: uppercase; }
  .noheadNoFoot textarea.txtInput {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    padding: 10px 20px 10px 5px;
    width: 90%; }
  .noheadNoFoot select.txtInput {
    background: none repeat scroll 0 0 #FCFCFC;
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 10px 10px 5px;
    width: 95.5% !important; }
  .noheadNoFoot input.txtInput:invalid {
    background: none repeat scroll 0 0 #fff;
    color: #333;
    border: 1px solid #D06320; }
  .noheadNoFoot textarea.txtInput:invalid {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #D06320;
    color: #333; }
  .noheadNoFoot select.txtInput:invalid {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #D06320;
    color: #333; }
  .noheadNoFoot input.txtInput.invalid {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #D06320 !important;
    color: #333; }
  .noheadNoFoot textarea.txtInput.invalid {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #D06320;
    color: #333; }
  .noheadNoFoot select.txtInput.invalid {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #D06320;
    color: #333; }
  .noheadNoFoot input.txtInput:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333; }
  .noheadNoFoot textarea.txtInput:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333; }
  .noheadNoFoot select.txtInput:focus {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333; }
  .noheadNoFoot select.txtInput {
    font-weight: normal; }
  .noheadNoFoot select.txtInput option {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold; }
  .noheadNoFoot select.txtInput option.selectFirst {
    color: #CCCCCC;
    font-weight: normal; }
  .noheadNoFoot select.txtInput.selectChanged {
    color: #333333;
    font-weight: bold; }
  .noheadNoFoot .helpTxt {
    background: none repeat scroll 0 0 #4C83C3;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline;
    margin: 9px 0 0 25px;
    min-width: 14em;
    max-width: 23em;
    padding: 5px;
    position: absolute;
    z-index: 3; }
  .noheadNoFoot .helpTxtBad {
    background: none repeat scroll 0 0 #4C83C3;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: inline;
    margin: 9px 0 0 25px;
    max-width: 300px;
    padding: 5px;
    position: absolute;
    z-index: 3; }
  .noheadNoFoot .helpTxt b {
    border-color: transparent #4C83C3 transparent transparent;
    border-style: solid;
    border-width: 5px;
    margin: 2px 0 0 -14px;
    position: absolute; }
  .noheadNoFoot .helpTxt.badHelp {
    background: none repeat scroll 0 0 #4C83C3; }
  .noheadNoFoot .helpTxt.badHelp b {
    border-right: 5px solid #4C83C3; }
  .noheadNoFoot .helpBelow.badHelp {
    color: #D06320;
    display: block;
    padding: 2px; }
  .noheadNoFoot .instructionTxt {
    color: #666666;
    font-size: 11px; }
  .noheadNoFoot .signBad {
    color: #D06320;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 0 5px;
    position: absolute;
    width: 1em; }
  .noheadNoFoot .signGood {
    color: #009900;
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0 0 5px;
    position: absolute;
    width: 1em; }
  .noheadNoFoot .placeHolder {
    color: #BBB;
    font-size: 16px;
    margin: 13px 12px;
    position: absolute;
    text-align: left !important;
    font-weight: 100; }
  .noheadNoFoot .placeHolderHov {
    color: #DDDDDD;
    font-size: 16px;
    margin: 13px 12px;
    position: absolute;
    text-align: left !important;
    font-weight: 100; }
  .noheadNoFoot .placeHolderBad {
    color: #bbb;
    font-size: 16px;
    margin: 13px 12px;
    position: absolute;
    text-align: left !important;
    font-weight: 100; }
  .noheadNoFoot label {
    color: #666666;
    font-size: 14px;
    font-weight: bold; }
  .noheadNoFoot input[type="radio"]:checked + label {
    color: #333333;
    font-weight: bold; }
  .noheadNoFoot input[type="checkbox"]:checked + label {
    color: #333333;
    /*font-weight: bold;*/ }
  .noheadNoFoot .dropCat {
    margin: 5px 0 0;
    width: 480px; }
  .noheadNoFoot .seeAllList {
    background: none repeat scroll 0 0 #FAFAFA;
    margin: 0 0 10px;
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: scroll; }
  .noheadNoFoot .seeAllList ul {
    list-style: none outside none;
    margin: 10px;
    padding: 0; }
  .noheadNoFoot .seeAllList li {
    padding: 5px 0; }
  .noheadNoFoot .primaryBt {
    margin: 10px 0 5px;
    width: 95%; }
  .noheadNoFoot .primaryBt input {
    font-size: 20px;
    margin: 10px 0;
    width: 100%; }
  .noheadNoFoot .passCheck {
    margin: 3px 10px 10px 0px; }
  .noheadNoFoot ul.auto-fill-list {
    overflow: hidden;
    width: 100%;
    padding: 1px;
    border: 1px solid #CCC;
    cursor: text;
    font-size: 12px;
    z-index: 999;
    margin: 0;
    background-color: #fff;
    list-style-type: none;
    clear: left;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px; }
  .noheadNoFoot ul.auto-fill-list li {
    list-style-type: none; }
  .noheadNoFoot ul.auto-fill-list li input {
    border: 0;
    width: 94.5%;
    font-size: 16px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    padding: 7px 8px;
    -webkit-appearance: caret; }
  .noheadNoFoot li.auto-fill {
    overflow: hidden;
    height: auto !important;
    height: 1%;
    margin: 3px;
    padding: 3px 5px;
    background-color: #ECF3F6;
    color: #000;
    font-weight: bold;
    cursor: default;
    display: block; }
  .noheadNoFoot li.auto-fill p {
    float: left;
    padding: 0;
    margin: 0; }
  .noheadNoFoot li.auto-fill span {
    float: right;
    color: #777;
    cursor: pointer; }
  .noheadNoFoot li.auto-fill-selected-list {
    background-color: #4c83c3;
    color: #fff; }
  .noheadNoFoot li.auto-fill-selected-list span {
    color: #bbb; }
  .noheadNoFoot div.auto-fill-dropdown {
    position: absolute;
    width: 460px;
    padding: 5px;
    background-color: #fff;
    overflow: hidden;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    cursor: default;
    font-size: 12px;
    font-family: Verdana;
    z-index: 999999999999999999999999; }
  .noheadNoFoot div.auto-fill-dropdown p {
    margin: 0;
    padding: 5px;
    color: #777; }
  .noheadNoFoot div.auto-fill-dropdown ul {
    margin: 0;
    padding: 0; }
  .noheadNoFoot div.auto-fill-dropdown ul li {
    background-color: #fff;
    padding: 3px;
    list-style-type: none; }
  .noheadNoFoot div.auto-fill-dropdown ul li.auto-fill-dropdown-item {
    background-color: #fafafa; }
  .noheadNoFoot div.auto-fill-dropdown ul li.auto-fill-dropdown-item2 {
    background-color: #fff; }
  .noheadNoFoot div.auto-fill-dropdown ul li em {
    font-weight: bold;
    font-style: normal; }
  .noheadNoFoot div.auto-fill-dropdown ul li.auto-fill-selected-dropdown-item {
    background-color: #4c83c3; }
  .noheadNoFoot .formTitle {
    font-size: 18px;
    color: #333;
    margin: 30px 0px 10px 0px; }
  .noheadNoFoot div.errorMsg {
    margin: 0 0 18px 0;
    padding: 12px;
    border-left: 3px solid #d06320;
    background: #fdf6f2;
    box-sizing: border-box; }
  .noheadNoFoot div.errorMsg div {
    font-size: 14px;
    color: #d06320;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important; }
  .noheadNoFoot div.errorMsg div ul {
    font-weight: normal;
    margin: 5px;
    padding: 0px 20px;
    color: #666; }
  .noheadNoFoot input:invalid, .noheadNoFoot input:-moz-ui-invalid {
    outline: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none; }
  .noheadNoFoot input::-webkit-outer-spin-button,
  .noheadNoFoot input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
    /* <-- Apparently some margin are still there even though it's hidden */ }
  .noheadNoFoot .largeH1 {
    font-size: 30px;
    padding-top: 15px; }
  .noheadNoFoot .inputSec {
    margin-top: 10px; }
  .noheadNoFoot .inputTitle {
    font-size: 11px;
    color: #666;
    text-transform: uppercase; }
  .noheadNoFoot .btnGreen {
    width: 88% !important; }
  .noheadNoFoot .txtInput {
    border: 1px solid #ccc;
    padding: 5px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #333; }
  .noheadNoFoot .txtInput:hover {
    border: 1px solid #C5DAED;
    border-top: 1px solid #5794BF; }
  .noheadNoFoot .txtInput:focus {
    border: 1px solid #C5DAED;
    border-top: 1px solid #5794BF; }
  .noheadNoFoot .selectInput {
    width: 97.0%;
    border: 1px solid #ccc;
    padding: 4px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #CCC;
    height: 30px;
    font-size: 14px; }
  .noheadNoFoot .datePicker {
    background: url(/images/datePicker.png) right no-repeat; }
  .noheadNoFoot .priceInput {
    background: url(/images/priceInput.png) no-repeat left white;
    padding-left: 15px; }
  .noheadNoFoot textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px; }
  .noheadNoFoot input.txtInput {
    font-size: 16px;
    padding: 10px 8% 10px 2% !important;
    outline: none;
    font-family: Arial, Helvetica, sans-serif;
    background: #FCFCFC;
    color: #333;
    width: 80%; }
  .noheadNoFoot textarea.txtInput {
    width: 90%;
    font-size: 16px;
    padding: 10px 20px 10px 5px;
    font-family: Arial, Helvetica, sans-serif;
    background: #FCFCFC;
    color: #333333; }
  .noheadNoFoot input.txtInput:invalid {
    background: #fff;
    border: 1px solid #D06320;
    color: #333; }
  .noheadNoFoot textarea.txtInput:invalid {
    background: #fff;
    color: #333;
    border: 1px solid #D06320; }
  .noheadNoFoot select.txtInput:invalid {
    background: #fff;
    color: #333;
    border: 1px solid #D06320; }
  .noheadNoFoot input.txtInput.invalid {
    background: #fff;
    color: #333;
    border: 1px solid #D06320; }
  .noheadNoFoot textarea.txtInput.invalid {
    background: #fff;
    color: #333;
    border: 1px solid #D06320; }
  .noheadNoFoot select.selectInput.invalid {
    background: #fff;
    color: #333;
    border: 1px solid #D06320; }
  .noheadNoFoot select.selectInput:invalid {
    background: #fff;
    color: #333;
    border: 1px solid #D06320; }
  .noheadNoFoot input.txtInput:focus {
    background: #FFF;
    color: #333333; }
  .noheadNoFoot textarea.txtInput:focus {
    background: #FFF;
    color: #333333; }
  .noheadNoFoot select.txtInput:focus {
    background: #FFF;
    color: #333; }
  .noheadNoFoot select.selectInput:focus {
    color: #333; }
  .noheadNoFoot select.txtInput {
    font-weight: normal;
    -webkit-text-fill-color: #666; }
  .noheadNoFoot select.txtInput option {
    color: #333;
    font-family: Arial, Helvetica, sans-serif; }
  .noheadNoFoot select.txtInput option.selectFirst {
    color: #ccc;
    font-weight: normal; }
  .noheadNoFoot select.txtInput.selectChanged {
    color: #333; }
  .noheadNoFoot ::-webkit-validation-bubble {
    background: #06C; }
  .noheadNoFoot .helpTxt {
    max-width: 250px;
    z-index: 3;
    margin: 9px 0px 0px 25px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    display: inline;
    position: absolute;
    color: #FFF;
    background: #4C83C3;
    padding: 5px; }
  .noheadNoFoot .helpTxt b {
    border-top: 5px transparent solid;
    border-right: 5px #4C83C3 solid;
    border-bottom: 5px transparent solid;
    border-left: 5px transparent solid;
    position: absolute;
    margin: 2px 0px 0px -14px; }
  .noheadNoFoot .helpTxt.badHelp {
    background: #4C83C3; }
  .noheadNoFoot .helpTxt.badHelp b {
    border-right: 5px #4C83C3 solid; }
  .noheadNoFoot .helpBelow.badHelp {
    color: #D06320;
    display: block;
    padding: 2px; }
  .noheadNoFoot .instructionTxt {
    color: #666;
    font-size: 11px; }
  .noheadNoFoot .signBad {
    font-weight: bold;
    font-size: 15px;
    color: #D06320;
    position: absolute;
    margin: 10px 0px 0px 5px; }
  .noheadNoFoot .signGood {
    font-weight: bold;
    font-size: 15px;
    color: #090;
    position: absolute;
    margin: 10px 0px 0px 5px; }
  .noheadNoFoot .placeHolder {
    margin: 13px 12px;
    position: absolute;
    font-size: 16px;
    color: #CCC;
    text-align: left !important; }
  .noheadNoFoot .placeHolderHov {
    margin: 13px 12px;
    position: absolute;
    font-size: 16px;
    color: #DDD;
    text-align: left !important; }
  .noheadNoFoot .placeHolderBad {
    margin: 13px 12px;
    position: absolute;
    font-size: 16px;
    color: #bbb;
    text-align: left !important; }
  .noheadNoFoot label {
    font-size: 14px;
    color: #666;
    font-weight: bold;
    vertical-align: top; }
  .noheadNoFoot input[type="radio"]:checked + label {
    color: #333; }
  .noheadNoFoot input[type="checkbox"]:checked + label {
    color: #333; }
  .noheadNoFoot .dropCat {
    margin: 5px 0px 0px 0px;
    width: 480px; }
  .noheadNoFoot .seeAllList {
    overflow: scroll;
    max-height: 200px;
    overflow-x: hidden;
    margin: 0px 0px 10px 0px;
    background: #FAFAFA; }
  .noheadNoFoot .seeAllList ul {
    margin: 10px;
    padding: 0px;
    list-style: none; }
  .noheadNoFoot .seeAllList li {
    padding: 5px 0px; }
  .noheadNoFoot #did-you-mean {
    display: none;
    padding: 5px; }
  .noheadNoFoot #did-you-mean a {
    text-decoration: underline;
    cursor: pointer; }
  .noheadNoFoot .primaryBt {
    margin: 10px 0px 5px 0px;
    width: 95%; }
  .noheadNoFoot .primaryBt input {
    width: 100%;
    font-size: 20px;
    margin: 10px 0px; }
  .noheadNoFoot .formContainer {
    width: 500px; }
  .noheadNoFoot .formMargin {
    margin-top: 20px; }
  .noheadNoFoot .icon div {
    float: left;
    width: 400px; }
  .noheadNoFoot .icon div:first-child {
    width: 60px; }
  .noheadNoFoot hr {
    margin: 10px 30px 10px 10px; }
  .noheadNoFoot .emailTable th {
    text-align: left;
    text-transform: uppercase;
    color: #333;
    border-bottom: 1px solid #CCC; }
  .noheadNoFoot .emailTable th.right {
    text-align: center;
    width: 25px; }
  .noheadNoFoot .emailTable td.right {
    text-align: center;
    width: 25px; }
  .noheadNoFoot .emailTable tr td {
    border-bottom: 1px solid #EEE;
    padding: 8px;
    font-size: 12px;
    color: #666; }
  .noheadNoFoot .userAccount {
    padding: 5px; }
  .noheadNoFoot .userAccount.infoneeded {
    background: #FF0; }
  .noheadNoFoot .userAccount img {
    float: left;
    margin-right: 10px; }
  .noheadNoFoot .userAccount div.sn {
    font-size: 15px;
    font-weight: bold;
    color: #999;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden; }
  .noheadNoFoot .userAccount div.location {
    color: #999; }
  .noheadNoFoot .userAccount div.set {
    font-size: 11px; }
  .noheadNoFoot .chats input.txtInput {
    width: 90%;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 20px 5px 5px;
    font-family: Arial, Helvetica, sans-serif; }
  .noheadNoFoot .chats .placeHolder {
    margin: 9px 12px;
    position: absolute;
    font-size: 14px;
    color: #999;
    text-align: left !important; }
  .noheadNoFoot .chats .placeHolderHov {
    margin: 9px 12px;
    position: absolute;
    font-size: 14px;
    color: #ccc;
    text-align: left !important; }
  .noheadNoFoot .chats .placeHolderBad {
    margin: 9px 12px;
    position: absolute;
    font-size: 14px;
    color: #bbb;
    text-align: left !important; }
  .noheadNoFoot .privacyBox {
    background: #FAFAFA;
    padding: 15px;
    margin: 5px 0px 10px 0px;
    font-size: 13px;
    color: #666; }
  .noheadNoFoot .privacyBox.hidden {
    opacity: .30;
    filter: alpha(opacity=30); }
  .noheadNoFoot select.selectInput {
    width: 97.0%;
    border: 1px solid #ccc;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #CCC;
    font-size: 14px;
    padding: 10px 10px 10px 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: normal;
    height: auto;
    background: transparent url("/images/ddlSelectArrow.png") no-repeat right center;
    background-color: #FCFCFC; }
  .noheadNoFoot select.selectInput option {
    color: #333; }
  .noheadNoFoot select.selectInput.invalid {
    color: #D06320;
    background: #FDF4C1;
    background-image: transparent url("/images/ddlSelectArrow.png") no-repeat right center; }
  .noheadNoFoot .selectInput:hover {
    border: 1px solid #C5DAED;
    border-top: 1px solid #5794BF;
    background-color: #FCFCFC; }
  .noheadNoFoot .selectInput:focus {
    border: 1px solid #C5DAED;
    border-top: 1px solid #5794BF;
    background-color: #FFF; }
  .noheadNoFoot .comboLabelInput {
    display: inline; }
  .noheadNoFoot .comboLabelInput span {
    border: 1px solid #ccc;
    padding: 10.5px 6px;
    font-size: 16px;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px; }
  .noheadNoFoot .comboLabelInput input.txtInput {
    border-left: none;
    margin-left: -4px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px; }

@media only screen and (max-width: 400px) {
  .noheadNoFoot .container {
    margin-top: 15px !important; }
  .noheadNoFoot .largeH1 {
    font-size: 20px;
    padding-top: 0px; } }
.contactWrap .leftContact {
  float: left;
  width: 73%;
  min-height: 500px; }
.contactWrap .rightContact {
  float: right;
  width: 25%;
  box-sizing: border-box;
  padding: 20px;
  background: #f3f3f3; }
  .contactWrap .rightContact img {
    margin-bottom: 20px; }
  .contactWrap .rightContact p {
    font-size: 14px;
    line-height: 20px;
    color: #666; }
.contactWrap h3 {
  padding: 10px 0;
  color: #666;
  font-size: 18px; }
  .contactWrap h3 span {
    color: #aaa;
    font-size: 14px;
    display: inline-block !important; }
.contactWrap .rad {
  display: inline-block;
  padding: 10px; }
  .contactWrap .rad label {
    font-size: 16px;
    color: #666; }
.contactWrap .stepper {
  padding: 20px;
  margin-top: 20px;
  border-top: 1px solid #ddd; }
  .contactWrap .stepper p {
    float: right; }
    .contactWrap .stepper p .btnGrayFlat {
      margin-left: 10px; }
.contactWrap .employerContact {
  padding: 20px 0;
  margin: 20px 0 0;
  display: none;
  border-top: 1px solid #ddd; }
  .contactWrap .employerContact .commonQuestions ul li {
    display: block; }
    .contactWrap .employerContact .commonQuestions ul li a {
      display: block;
      width: 100%;
      background: #f3f3f3;
      font-size: 14px;
      padding: 10px;
      margin-bottom: 10px;
      box-sizing: border-box; }
      .contactWrap .employerContact .commonQuestions ul li a:hover {
        background: #ddd; }
.contactWrap .sendMessage {
  padding: 20px 0 0;
  margin: 0 0;
  border-top: 1px solid #ddd; }
  .contactWrap .sendMessage span {
    display: block;
    padding: 10px 0; }
    .contactWrap .sendMessage span .error {
      display: block;
      float: right;
      color: #d06320;
      padding: 3px 0 0 0 !important;
      margin-right: 24px; }
    .contactWrap .sendMessage span label {
      display: block;
      float: left;
      width: 10%;
      text-align: left;
      color: #666;
      padding: 7px 10px 0 0;
      font-size: 14px; }
    .contactWrap .sendMessage span input, .contactWrap .sendMessage span textarea {
      display: block;
      float: left;
      outline: none;
      padding: 5px;
      font-size: 14px;
      border: 1px solid #ddd;
      border-radius: 5px;
      max-width: 40%;
      width: 100%; }
      .contactWrap .sendMessage span input:focus, .contactWrap .sendMessage span textarea:focus {
        border-color: #999; }
      .contactWrap .sendMessage span input.invalid, .contactWrap .sendMessage span textarea.invalid {
        border-color: #d06320; }
    .contactWrap .sendMessage span textarea {
      resize: none;
      height: 60px; }
    .contactWrap .sendMessage span ::-webkit-input-placeholder {
      color: #d06320; }
    .contactWrap .sendMessage span :-moz-placeholder {
      /* Firefox 18- */
      color: #d06320; }
    .contactWrap .sendMessage span ::-moz-placeholder {
      /* Firefox 19+ */
      color: #d06320; }
    .contactWrap .sendMessage span :-ms-input-placeholder {
      color: #d06320; }
  .contactWrap .sendMessage .pull-left input, .contactWrap .sendMessage .pull-left textarea {
    max-width: 70%; }
  .contactWrap .sendMessage .pull-left label {
    width: 20%; }
  .contactWrap .sendMessage .details h4 {
    color: #666;
    margin-bottom: 4px; }
  .contactWrap .sendMessage .details li {
    color: #999;
    line-height: 18px;
    font-size: 12px;
    margin-bottom: 5px; }
    .contactWrap .sendMessage .details li.s2, .contactWrap .sendMessage .details li.s3 {
      display: none; }
.contactWrap .proContact {
  padding: 20px 0;
  margin: 20px 0 0;
  display: none;
  border-top: 1px solid #ddd; }
  .contactWrap .proContact .proRad > ul > li {
    padding: 15px 10px; }
    .contactWrap .proContact .proRad > ul > li .option label {
      font-size: 14px;
      color: #666; }
    .contactWrap .proContact .proRad > ul > li .action {
      background: #f3f3f3;
      padding: 20px;
      display: none;
      margin-top: 10px; }
      .contactWrap .proContact .proRad > ul > li .action ul {
        padding-bottom: 5px;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc; }
        .contactWrap .proContact .proRad > ul > li .action ul li {
          color: #666;
          list-style: disc;
          padding: 0 0 15px 5px;
          margin-left: 20px;
          line-height: 20px; }
      .contactWrap .proContact .proRad > ul > li .action p {
        color: #999; }
      .contactWrap .proContact .proRad > ul > li .action .btnGreenFlat {
        margin: 10px 0 0 !important; }

#proStep3 .sendMessage {
  margin-top: 0;
  border: 0; }

/*===============================================DROPDOWNS FROM UTILITIES=======================================================*/
/*drop down buttons*/
.dropup,
.dropdown {
  position: relative;
  border: none !important;
  background: none !important; }

.dropdown-toggle {
  *margin-bottom: -3px; }
  .dropdown-toggle:active, .dropdown-toggle .open .dropdown-toggle {
    outline: 0; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  vertical-align: top;
  border-top: 4px solid #000000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  opacity: 0.3;
  filter: alpha(opacity=30); }

.open .caret {
  opacity: 1;
  filter: alpha(opacity=100); }

.dropdown .caret {
  margin-top: 8px;
  margin-left: 2px; }
.dropdown:hover .caret {
  opacity: 1;
  filter: alpha(opacity=100); }

select.ddGray {
  margin: 0; }

.newDrop .arrow-up {
  margin-top: -10px;
  position: relative;
  left: 45%;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ccc; }
.newDrop .dropdown-menu {
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  border-bottom: 2px solid #ccc; }
.newDrop ul {
  margin-top: 12px;
  padding: 0 !important; }
  .newDrop ul div.active a {
    background: #eee;
    color: #666; }
    .newDrop ul div.active a:hover {
      background: #ddd;
      color: #666; }
  .newDrop ul div a {
    padding: 8px 15px;
    border-bottom: 1px solid #ddd; }
  .newDrop ul div.disabled a {
    padding: 8px 15px; }
.newDrop div {
  margin-left: 0 !important;
  padding: 0 !important; }
  .newDrop div a {
    margin: 0 !important;
    padding-left: 10px; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 140px;
  padding: 4px 0;
  margin: 1px 0 0;
  list-style: none;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  *border-right-width: 2px;
  *border-bottom-width: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box; }
  .dropdown-menu.pull-right {
    right: 0;
    left: auto; }
  .dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 8px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff; }
  .dropdown-menu a {
    padding: 6px 12px;
    clear: both;
    font-weight: normal;
    line-height: 18px;
    color: #333333;
    white-space: nowrap;
    display: block; }
  .dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    color: #ffffff;
    text-decoration: none;
    background-color: #578bc7; }

.actOps .dropdown-menu a span {
  color: #999; }
.actOps .dropdown-menu a:hover span {
  color: white; }

.open {
  *z-index: 1000; }

.open > .dropdown-menu {
  display: block; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000000;
  content: "\2191"; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px; }

.typeahead {
  margin-top: 2px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

/*.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.35s ease;
     -moz-transition: height 0.35s ease;
      -ms-transition: height 0.35s ease;
       -o-transition: height 0.35s ease;
          transition: height 0.35s ease;
				.in {
				  height: auto;
				  }
}*/
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20); }
  .close .close.small {
    font-size: 12px; }
  .close:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40); }

.nofloat {
  float: none; }

/*===============================================HEADER/FOOTER FROM HEADERFOOTER AND NOHEADNOFOOTMASTER=======================================================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================BUTTON CULERS==============*/
/*==================SPACING============*/
/*==================FONTS============*/
/*box sizing*/
/*border rad*/
/*text overflow*/
body.wait {
  cursor: wait; }

.overlay-disable {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  filter: alpha(opacity=10);
  -moz-opacity: .1;
  -khtml-opacity: .1;
  opacity: .1;
  z-index: 100000; }

.clearfix, .avatarGroup, .contactWrap .sendMessage span, .secondaryHeader, .headerContainer .pmHeader, .headerContainer .crumb, .module_tabs, .whiteBoxList {
  zoom: 1; }
  .clearfix:before, .avatarGroup:before, .contactWrap .sendMessage span:before, .secondaryHeader:before, .headerContainer .pmHeader:before, .headerContainer .crumb:before, .module_tabs:before, .whiteBoxList:before, .clearfix:after, .avatarGroup:after, .contactWrap .sendMessage span:after, .secondaryHeader:after, .headerContainer .pmHeader:after, .headerContainer .crumb:after, .module_tabs:after, .whiteBoxList:after {
    content: "\0020";
    display: block;
    height: 0; }
  .clearfix:after, .avatarGroup:after, .contactWrap .sendMessage span:after, .secondaryHeader:after, .headerContainer .pmHeader:after, .headerContainer .crumb:after, .module_tabs:after, .whiteBoxList:after {
    clear: both; }

select.niceInput::-ms-expand {
  display: none; }

select.niceInput {
  background: transparent url(/images/ddIcon.png) no-repeat right center;
  background-color: #FAFAFA;
  padding-right: 36px;
  padding-right: 6px \9;
  background-image: none \9; }
  select.niceInput:focus {
    background: transparent url(/images/ddIcon.png) no-repeat right center;
    background-image: none \9;
    background-color: #fff; }

/* a nice shadowy text input */
.niceInput {
  width: 100%;
  padding: 6px;
  border: 1px solid #DDD;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  font-family: "Open Sans", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: normal;
  background-color: #FAFAFA; }
  .niceInput:focus {
    background-color: #fff;
    border: 1px solid #CCC; }
  .niceInput.auto {
    width: auto;
    display: inline;
    display: inline-block; }
  .niceInput.invalid {
    border-color: #d06320; }
  .niceInput.disabled, .niceInput:disabled {
    background-color: #EEE !important; }

select.niceInput::-ms-expand {
  display: none; }

textarea.niceInput {
  font-size: 13px; }

/* a nice shadowy whtie box. */
.niceWhiteBox {
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 2px;
  -webkit-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  -ms-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  -o-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  -moz-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed; }

.uppercaseHeading {
  text-transform: uppercase;
  font-size: 13px;
  color: #9EABB6;
  font-weight: 400;
  display: block;
  padding-left: 0;
  margin-bottom: 3px; }
  .uppercaseHeading a {
    text-transform: none; }

/* creates an image and named pair with a title and subtext */
.avatarGroup .avatar {
  float: left; }
  .avatarGroup .avatar img {
    background: #FFF;
    width: 48px;
    heiht: 48px; }
    .avatarGroup .avatar img.shadowImg {
      -o-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD;
      -moz-box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD;
      -o-box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD;
      box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD; }
  .avatarGroup .avatar.thirtytwo img {
    width: 32px;
    heiht: 32px; }
  .avatarGroup .avatar.twentyfour img {
    width: 24px;
    heiht: 24px; }
.avatarGroup .info {
  float: left; }
  .avatarGroup .info .title {
    color: #333; }
  .avatarGroup .info p {
    margin: 0;
    color: #666; }

.primaryHeading {
  font-size: 18px;
  color: #222;
  line-height: 1;
  margin-bottom: 18px;
  display: block;
  font-family: "Open Sans" !important;
  font-weight: 400; }

.secondaryHeading {
  font-size: 16px;
  color: #444;
  line-height: 1;
  margin-bottom: 6px;
  display: block;
  font-family: "Open Sans" !important;
  font-weight: 400; }

p.copy {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 18px; }
  p.copy strong {
    font-weight: 600; }
  p.copy.large {
    font-size: 16px; }
  p.copy.margin_none {
    margin-bottom: 0; }
  p.copy.dark {
    color: #444; }

.removeLink {
  color: #ccc; }
  .removeLink:hover {
    color: #d06320;
    text-decoration: none; }

input[type='submit'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type='button'], input[type='submit'], button {
  -webkit-appearance: none; }

.pending {
  color: #d06320; }

.pipe {
  color: #999;
  padding: 0 3px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.hidden {
  display: none;
  visibility: hidden; }

.hide {
  display: none; }

.show {
  display: block; }

.visible {
  display: block;
  visibility: visible; }

.invisible {
  visibility: hidden; }

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

/*success message */
.popMsg {
  width: 984px;
  position: fixed;
  z-index: 100;
  top: 51px; }

.popMsg p {
  padding: 8px;
  margin: 0px auto;
  text-align: center;
  background-color: #FFF1A8;
  width: 300px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px; }

.alert-new {
  background: #d06320;
  font-size: 11px;
  padding: 1px 3px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  color: #FFF; }

.faded {
  opacity: 0;
  -o-transition: .2s opacity linear;
  -ms-transition: .2s opacity linear;
  -webkit-transition: .2s opacity linear;
  -moz-transition: .2s opacity linear;
  transition: .2s opacity linear; }

.faded.noFade {
  opacity: 1; }

.rhythmMargin0 {
  margin-bottom: 0 !important; }

.rhythmMarginSmall {
  margin-bottom: 6px !important; }

.rhythmMargin1 {
  margin-bottom: 12px !important; }

.rhythmMargin {
  margin-bottom: 18px !important; }

.rhythmMargin2 {
  margin-bottom: 36px !important; }

.verifiedPayment {
  color: #4c83c3; }

.verifiedPayment__none {
  color: #d06320; }

/*header/footer all pages*/
/*--PostButton --*/
.settings a img.postBg {
  background: url(/images/hdrSprite.png) top left no-repeat;
  display: inline-block;
  width: 57px;
  height: 28px;
  overflow: hidden; }

.settings a img.postBg:hover {
  background-position: 0 -28px; }

.headerRow1 {
  background: #ECF3F6;
  border-bottom: 1px solid #DBE5E8;
  height: 34px; }

.container {
  margin: 0 auto;
  padding: 0; }

.fltLeft {
  float: left; }

.txt17px {
  font-size: 17px; }

.BgWhite {
  background-color: #ffffff; }

table[align=center] {
  margin: 0 auto; }

.secondaryHeader {
  border-bottom: 1px solid #ddd;
  margin: 0 0 24px 0 !important;
  padding: 20px 0 20px 0;
  background: #FFF; }
  .secondaryHeader.contact h1 {
    font-size: 24px;
    line-height: 30px;
    color: #444;
    padding: 10px 0; }

		/*--------------- Sticky Footer ---------------------------

		* {
			margin: 0;
		}
		*/
.headerScreenName {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden; }

.globalNav .ui-autocomplete {
  background: white;
  border: 1px solid #ccc;
  border-top: none;
  z-index: 1;
  top: 45px;
  left: 10px;
  position: absolute;
  width: 476px; }
  .globalNav .ui-autocomplete li a {
    display: block !important;
    padding: 6px 8px;
    text-align: left;
    color: #666 !important;
    text-shadow: none; }
    .globalNav .ui-autocomplete li a:hover {
      background: #efefef;
      color: #333 !important; }
    .globalNav .ui-autocomplete li a.ui-state-hover {
      background: #efefef; }

html, body, body.sf > form, body.sf .wrapper > form {
  height: 100%; }

REMOVE.wrapper {
  min-height: 100% !important;
  height: auto !important;
  height: 100% !important;
  margin: 0 auto 240px;
  /* the bottom margin is the negative value of the footer's height */ }

REMOVE.wrapper > form > section.container, REMOVE form#aspnetForm {
  min-height: 100% !important;
  height: auto !important;
  height: 100% !important; }

/*------------ large footer --------------*/
REMOVE.footerBox, REMOVE.push {
  height: 18em;
  /* .push must be the same height as .footer */ }

/*------------ small footer --------------*/
body.sf .footerBox, body.sf .push {
  height: 3.7em;
  /* .push must be the same height as .footer */ }

body.sf .wrapper {
  min-height: 100% !important;
  height: auto !important;
  height: 100% !important;
  margin: 0 auto -72px !important;
  /*the bottom margin is the negative value of the footer's height */ }

/*---------------       MAIN TABS      --------------------*/
.hdrtabs {
  float: left;
  margin-left: 50px;
  font-family: Arial; }

.hdrtabs div {
  border-top: solid 3px #ECF3F6;
  font-family: Arial; }

.hdrtabs div.active {
  float: left;
  background: #FFF;
  border-top: 3px solid #4c83c3;
  border-left: 1px solid #DAE5E8;
  border-right: 1px solid #DAE5E8; }

.hdrtabs div.hoverOut {
  float: left;
  padding: 5px 0px;
  text-align: center;
  color: #4c83c3;
  margin-top: 0px;
  cursor: pointer;
  border-top: solid 3px #ECF3F6; }

.hdrtabs div.hoverOut:hover {
  background-color: #DBE5E8;
  border-top: solid 3px #DBE5E8; }

.hdrtabs div.hoverOn {
  float: left;
  cursor: pointer;
  background-color: #DBE5E8;
  margin-top: 0px;
  padding: 5px 0px;
  padding: 5px 0px 7px\9;
  border-top: solid 3px #DBE5E8; }

.hdrtabs div.openPanelHead {
  background: #FFF;
  border-top: 3px solid #FFF;
  border-left: solid 1px #fff;
  float: left;
  padding: 5px 0px 7px;
  text-align: center;
  outline: none;
  color: #4c83c3;
  margin-top: 0px;
  cursor: pointer;
  font-size: 14px; }

/*.hdrtabs div#answers.openPanelHead {float:left; padding: 5px 0px 7px; text-align: center; outline:none; color:#4c83c3; margin-top:0px; cursor:pointer; font-size:14px; border-top: 3px solid #ffffff;}*/
.hdrtabs div#employer, .hdrtabs div#freelancer {
  float: left;
  padding: 6px 0px;
  text-align: center;
  color: #4c83c3;
  margin-top: 0px;
  cursor: pointer; }

/*.hdrtabs div#employer:hover, div#freelancer:hover, div#answers:hover {background-color:#DBE5E8; border-top:solid 3px #DBE5E8;}*/
/*div#answers.openPanelHead:hover, div#username.openPanelHead:hover {background-color: #ffffff; border-top:solid 3px #ffffff;}*/
.hdrtabs div a {
  padding: 5px 10px;
  font-family: Arial;
  font-weight: 500;
  font-size: 14px;
  color: #4c83c3;
  text-transform: uppercase; }

.hdrtabs div.active a {
  padding: 5px 10px;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #333333;
  text-transform: uppercase; }

.hdrtabs div.active#employer {
  border-top: 3px solid #4c83c3;
  padding-bottom: 7px; }

.hdrtabs div.active#employer:hover {
  background-color: #fff;
  border-top: 3px solid #4c83c3; }

.hdrtabs div.active#freelancer {
  border-top: 3px solid #4c83c3;
  padding-bottom: 7px; }

.hdrtabs div.active#freelancer:hover {
  background-color: #fff; }

.hdrtabs div#employer a:link, div#freelancer a:link {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #4c83c3; }

.hdrtabs div#employer a:hover, div#freelancer a:hover {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #4c83c3; }

.hdrtabs div#employer a:visited, div#freelancer a:visited {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #4c83c3; }

/* .container div div#answers {background:url(/images/misc/dottedLbrd.png) no-repeat; } */
/*---------------        SETTINGS      --------------------*/
.settings {
  float: right;
  width: auto;
  margin: 0px;
  font-family: Arial; }

.settings .signIn {
  float: left;
  padding: 6px 10px 5px;
  border-left: dotted 1px #ccc;
  font-family: Arial;
  font-size: 13px;
  color: #666;
  border-top: solid 3px #ECF3F6;
  font-family: Arial; }

.settings .signOut {
  float: left;
  margin-top: 4px;
  margin-top: 2px\9;
  font-family: Arial;
  font-size: 13px;
  color: #666; }

/*.settings .signIn:hover, .signOut:hover{background-color: #DBE5E8; border-top:solid 3px #DBE5E8;}*/
.settings div.signOut {
  font-family: Arial;
  font-size: 14px;
  text-decoration: none;
  font-weight: bold; }

.settings div.signOut .join:link {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #4c83c3; }

.settings div.signOut .join:visited {
  font-family: Arial;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #4c83c3; }

.settings div.signOut .join:hover {
  text-decoration: underline; }

.settings .user {
  float: left;
  padding: 6px 0px 5px;
  font-family: Arial;
  font-size: 13px;
  color: #666;
  border-left: 1px dotted #ccc;
  border-top: 3px solid #ECF3F6; }

.settings .user:hover {
  background-color: #DBE5E8;
  border-top: solid 3px #DBE5E8; }

.settings .openPanelHeadU {
  background: #FFF;
  border-top: solid 3px #fff;
  float: left;
  padding: 6px 10px;
  font-size: 13px;
  color: #666; }

/*.settings div div:hover {background-color:#DBE5E8; }
.settings div div.borderLeftDash {border-left:1px dotted #ccc }
.settings div div { }
.settings div.openPanelHead:hover {background:#FFF;} */
.settings div div.hoverOnSet {
  font-family: Arial;
  background-color: #DBE5E8;
  float: left;
  padding: 6px 10px 5px;
  border-left: 1px dotted #ccc;
  font-size: 13px;
  color: #666;
  border-top: 3px solid #DBE5E8; }

.settings div div#username.hoverOnSet {
  background-color: #DBE5E8;
  float: left;
  font-family: Arial;
  padding: 6px 0px 5px;
  border-left: 1px dotted #ccc;
  font-size: 13px;
  color: #666;
  border-top: 3px solid #DBE5E8; }

.settings div div.hoverOutSet {
  font-family: Arial;
  background-color: #ECF3F6;
  float: left;
  padding: 6px 10px 5px;
  border-left: 1px dotted #ccc;
  font-size: 13px;
  color: #666;
  border-top: 3px solid #ECF3F6; }

.settings div div.hoverOutSet div {
  /*background:#ffffff;*/
  border-top-width: 0px; }

.settings div div.hoverOutSet div.placement1 {
  background: #ffffff;
  border-top-width: 1px; }

.settings div div.hoverOutSet div.MesgCol {
  background: transparent; }

.settings div div#username.hoverOutSet {
  background: #ECF3F6;
  float: left;
  font-family: Arial;
  padding: 6px 0px 5px;
  border-left: 1px dotted #ccc;
  font-size: 13px;
  color: #666;
  border-top: 3px solid #ECF3F6; }

.sttings div div#username.hoverOutSet:hover {
  background-color: #DBE5E8;
  border-top: solid 3px #DBE5E8; }

.settings div div#username.openPanelHead {
  font-family: Arial;
  background: #ffffff;
  float: left;
  padding: 6px 0px 5px;
  border-left: 1px dotted #ccc;
  font-size: 13px;
  color: #666;
  border-top: 3px solid #ffffff; }

.settings div div#username a {
  font-family: Arial;
  font-weight: bold;
  color: #333;
  text-decoration: none; }

.cog {
  background-position: 0px 0px;
  height: 16px;
  width: 16px; }

.post {
  background-position: 0px -17px;
  height: 16px;
  width: 16px; }

.noNewMsg {
  background-position: 0px -34px;
  height: 16px;
  width: 18px; }

.newMsgIcon {
  background-position: 0px -47px;
  height: 16px;
  width: 18px; }

/*-------------------------        ROW 2      -----------------------------------*/
.headerRow2 {
  padding: 10px 0px 0px;
  clear: both;
  height: 52px; }

/*--------------           LOGO        --------------------*/
logoSIn {
  float: left;
  margin: 5px 0px 0px 0px; }

.logoSIn:link, .logoSIn:visited, .logoSIn:active {
  background: url(/images/Guru-logo.gif) no-repeat;
  height: 35px;
  width: 200px;
  background-position: -0px -0px;
  display: block;
  text-indent: -9999em; }

.logoSIn:hover {
  background-position: 0px -35px;
  cursor: pointer; }

.logoSOut {
  background: url(/images/Guru-logoSignOut.gif) no-repeat;
  height: 35px;
  width: 200px;
  background-position: -0px -0px;
  display: block;
  text-indent: -9999em; }

/*--------------           NAV        --------------------*/
div.nav {
  margin: 5px 0px 0px 0px;
  float: left; }

div.nav div a:link {
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #4c83c3;
  text-transform: uppercase; }

div.nav div a:visited {
  color: #4c83c3; }

div.nav div.nsignIn, .nsignOut {
  font-size: 14px;
  color: #4c83c3;
  padding: 5px 5px;
  float: left;
  margin: 0px 10px;
  font-family: Arial;
  font-weight: bold; }

div.nav div.nsignIn:hover, .nsignOut:hover {
  background-color: #FAFAFA; }

div.nav div.pay {
  font-size: 14px;
  color: #4c83c3;
  padding: 5px 5px;
  float: left;
  margin: 0px 10px; }

div.nav div.pay:hover {
  background-color: #FAFAFA; }

div.nav div.openPanelHeadP {
  background-color: #FAFAFA;
  font-size: 14px;
  color: #4c83c3;
  padding: 5px 0px;
  float: left;
  margin: 0px; }

/* div.nav div:hover {cursor:pointer; background-color:#FAFAFA; padding:5px 10px; margin:0px 0px;  -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } */
div.nav div.active {
  cursor: pointer;
  color: #333;
  background-color: #edf3f6;
  height: 18px; }

div.nav div a.navLink {
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #4c83c3; }

div.nav div.active a.navLink {
  text-decoration: none;
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  color: #4c83c3; }

div.nav .hoverOnLvl2 {
  cursor: pointer;
  font-size: 14px;
  color: #4c83c3;
  background-color: #FAFAFA;
  padding: 5px 5px;
  margin: 0px 10px;
  float: left;
  font-family: Arial;
  font-weight: normal; }

div.nav .hoverOutLvl2 {
  cursor: pointer;
  background-color: #FFF;
  font-size: 14px;
  padding: 5px 5px;
  color: #4c83c3;
  margin: 0px 10px;
  float: left;
  font-family: Arial;
  font-weight: normal; }

div.nav .hoverOutLvl2:hover {
  background-color: #FAFAFA; }

/*--------------           SEARCH        --------------------*/
.hdrSearch {
  background: url(/images/buttons/b-search-go.png) no-repeat;
  height: 28px;
  width: 41px;
  border-width: 0px; }

.hdrSearch1 {
  height: 34px;
  width: 31px;
  border-width: 0px; }

input.hdrSearchBoxHome1 {
  color: #999999;
  padding: 0 6px; }

input.hdrSearchBoxHome2 {
  color: #999999;
  padding-left: 2px;
  border: solid 2px #6694E3;
  /* border-left:none; border-right:none */
  height: 24px; }

.hdrSearchBoxHome3 {
  width: 240px;
  vertical-align: middle;
  color: #999999;
  border: solid 1px #cccccc;
  /* border-left:none; border-right:none*/
  font-size: 12px; }

/*--------------           DROP DOWN PANELS        --------------------*/
.alertIconSprite {
  background: url(/images/alertSprite.png) no-repeat !important;
  height: 19px;
  width: 20px;
  display: inline-block; }

.files {
  background-position: -1px -1px !important; }

.discuss {
  background-position: -1px -23px !important; }

.time {
  background-position: -1px -45px !important; }

.task {
  background-position: -1px -67px !important; }

.team {
  background-position: -1px -89px !important; }

.proj {
  background-position: -1px -111px !important; }

.agreement {
  background-position: -1px -133px !important; }

.comment {
  background-position: -24px -1px !important; }

.mstone {
  background-position: -24px -23px !important; }

.payment {
  background-position: -24px -45px !important; }

.fdbk {
  background-position: -24px -67px !important; }

.quotes {
  background-position: -24px -89px !important; }

.overview {
  background-position: -24px -111px !important; }

.proj {
  background-position: -1px -89px !important; }

.account {
  background-position: -24px -133px !important; }

.leads {
  background-position: -24px -155px !important; }

.quotesIconSprite {
  background-image: url("/images/quoteIconSpriteNew.png"); }

.msg {
  background-position: -39px -58px;
  height: 15px;
  width: 15px;
  vertical-align: bottom; }

.dropPanel {
  position: absolute;
  top: 30px;
  background-color: #fff;
  border-left: solid 1px #efefef;
  text-align: left;
  padding: 0px;
  /* For IE 8 */
  -moz-box-shadow: 2px 2px 2px #ccc;
  -webkit-box-shadow: 2px 2px 2px #ccc;
  box-shadow: 2px 2px 2px #ccc;
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=135, Color='#cccccc');
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=1, Direction=135, Color='#cccccc')";
  /* For IE 5.5 - 7 */ }

.dropPanel div {
  padding: 5px 0px;
  border-bottom: 1px dotted #CCCCCC;
  text-align: left;
  font-size: 12px;
  background-color: #fff; }

.dropPanel div:hover {
  background-color: #F3F6FA; }

.openPanelHead {
  background: #FFF; }

/*.openPanelHeadNav { background:#FAFAFA; padding:5px 10px !important; margin:0px 0px !important; }
.openPanelHead:hover {background:#FFF;}*/
div.hoverOnDrpdwn {
  display: block;
  border-top-width: 0px;
  padding: 5px 0px;
  border-bottom: 1px dotted #ccc;
  text-align: left;
  font-size: 12px;
  background-color: #F3F6FA; }

div.hoverOutDrpdwn {
  display: block;
  border-top-width: 0px;
  padding: 5px 0px;
  border-bottom: 1px dotted #ccc;
  text-align: left;
  font-size: 12px;
  background-color: #fff; }

div.hoverOnPDrpdwn {
  background-color: #eee; }

#paymentPanel .dropPanel div.hoverOnPDrpdwn {
  background-color: #eee; }

div.hoverOutPDrpdwn {
  background-color: #FAFAFA; }

/* #answersPanel {margin:0px; padding:0px; border-top-width:0px;}
#answersPanel .dropPanel {z-index:1; padding:0px; margin-left:-1px; border-top-width:0px; width:140px;}
.hdrtabs #answersPanel div.dropPanel div {border-top-width:0px;} */
#userNamePanel {
  margin: 0px;
  padding: 0px;
  border-width: 0px;
  position: relative;
  top: 5px; }

.settings #userNamePanel .dropPanel {
  z-index: 1;
  padding: 0px 0px;
  width: 210px;
  top: 0px;
  border-left: solid 1px #c8c8c8;
  right: 0px;
  margin-right: -5px\9; }

.settings #userNamePanel .dropPanel div a {
  padding-left: 10px;
  padding-right: 10px;
  font-family: Arial;
  font-weight: bold;
  text-transform: none;
  color: #4c83c3;
  display: block; }

.settings #userNamePanel .dropPanel div.UserSignout {
  border: solid 2px #c8c8c8;
  border-width: 1px 0px;
  background-color: #f8f8f8;
  padding: 10px; }

.settings #userNamePanel .dropPanel div.UserSignout a {
  font-size: 13px;
  text-transform: none;
  color: #535D6A;
  padding: 5px 10px;
  padding: 5px 5px 5px 10px\9;
  width: 55px;
  width: 62px\9;
  height: 16px; }

#paymentPanel {
  margin: 0px;
  padding: 0px;
  border-top-width: 0px; }

#paymentPanel .dropPanel {
  z-index: 1;
  padding: 0px 0px;
  margin: 0px 0px 0px -5px;
  top: 72px;
  background-color: #FAFAFA;
  width: 210px; }

#paymentPanel .dropPanel div {
  background-color: #FAFAFA; }

#paymentPanel .dropPanel div a {
  padding-left: 10px;
  padding-right: 10px;
  font-family: Arial;
  font-weight: normal;
  font-size: 13px;
  text-transform: none;
  color: #4c83c3;
  display: block; }

#paymentPanel .dropPanel div a:visited {
  color: #4c83c3; }

		/* #answersPanelP {position:absolute; margin-left:201px; top:28px; width:150px;}
		#answersPanelP .dropPanel {z-index:1; width:150px;}

		#userNamePanelP {position:absolute; margin-left:771px; top:29px; width:200px; z-index:99; }
		#userNamePanelP .dropPanel {z-index:1; width:200px; }

		#paymentPanelP {position:absolute; margin-left:672px; top:76px; width:170px; }
		#paymentPanelP .dropPanel {z-index:1; width:170px; background:#FAFAFA; } */
.notificationsNone {
  background: #D0D0D0;
  border: 1px solid #C6C6C6;
  color: #999999;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 5px;
  font-size: 11px; }

.notifications {
  background: #CC3C29;
  border: 1px solid #C83723;
  color: #fff;
  -moz-border-radius: 3px;
  font-weight: bold;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 0px 5px;
  font-size: 11px; }

.alert {
  color: #FFF;
  border: 1px solid #d06320;
  display: inline;
  background: #d06320;
  margin: 0px;
  font-family: Arial;
  font-size: 10px;
  font-weight: bold;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border-radius: 0px\9;
  vertical-align: top; }

.msgSprite {
  background-image: url(/images/icons/i-msg-sprite.png);
  display: inline-block;
  background-repeat: no-repeat; }

.msgAlert {
  background-position: -24px -52px;
  line-height: 11px;
  padding-left: 3px;
  padding-right: 3px;
  height: auto !important;
  margin-left: -10px;
  margin-top: -3px; }

a.BlueLinks {
  color: #4c83c3;
  text-decoration: none; }

a:visited.BlueLinks {
  color: #4c83c3;
  text-decoration: none; }

a:hover.BlueLinks {
  color: #4c83c3;
  text-decoration: underline; }

a:active.BlueLinks {
  color: #4c83c3;
  text-decoration: none; }

a.BlueLinks[disabled] {
  color: #CCCCCC;
  text-decoration: none;
  cursor: auto; }

a.bluelinks {
  color: #4c83c3;
  text-decoration: none; }

a:visited.bluelinks {
  color: #4c83c3;
  text-decoration: none; }

a:hover.bluelinks {
  color: #4c83c3;
  text-decoration: underline; }

a:active.bluelinks {
  color: #4c83c3;
  text-decoration: none; }

a.greyLinks666 {
  color: #666;
  text-decoration: none; }

a:visited.greyLinks666 {
  color: #666;
  text-decoration: none; }

a:hover.greyLinks666 {
  color: #4c83c3;
  text-decoration: underline; }

a:active.greyLinks666 {
  color: #666;
  text-decoration: none; }

a.greyLinks666NU {
  color: #333;
  text-decoration: none; }

a:visited.greyLinks666NU {
  color: #333;
  text-decoration: none; }

a:hover.greyLinks666NU {
  color: #333;
  text-decoration: none; }

a:active.greyLinks666NU {
  color: #333;
  text-decoration: none; }

.butttonGray {
  background: #dddddd;
  border: none;
  padding: 5px 10px;
  display: inline-block !important;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  color: #666;
  outline: none;
  position: relative; }
  .butttonGray:hover {
    background: #cccccc;
    color: #999;
    text-decoration: none; }
  .butttonGray:active {
    background: #cccccc;
    padding: 5px 10px;
    color: #666; }

.backF5F5F5 .butttonGray {
  background: #dddddd;
  border: none;
  padding: 5px 10px;
  display: inline-block !important;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  color: #666;
  outline: none;
  position: relative; }
  .backF5F5F5 .butttonGray:hover {
    background: #cccccc;
    color: #999;
    text-decoration: none; }
  .backF5F5F5 .butttonGray:active {
    background: #cccccc;
    padding: 5px 10px;
    color: #666; }

.footerBox {
  margin-top: 60px;
  padding: 30px 0px 0;
  background: #f6f6f6;
  border-top: 1px solid #D0D0D0;
  clear: both;
  font-family: 'Open Sans', sans-serif;
  position: relative;
  z-index: 1;
  width: 100%; }

.fhdr {
  color: #444;
  font-size: 20px;
  font-weight: 600;
  margin: 0px;
  padding: 10px 0px 5px 0px; }

.fcol1, .fcol2, .fcol3, .fcol4, .fcol5 {
  float: left;
  width: 20%;
  padding-bottom: 30px; }
  .fcol1 a, .fcol2 a, .fcol3 a, .fcol4 a, .fcol5 a {
    color: #999 !important;
    font-size: 14px; }
    .fcol1 a:hover, .fcol2 a:hover, .fcol3 a:hover, .fcol4 a:hover, .fcol5 a:hover {
      color: #666; }

.divideLine {
  float: left;
  border-left: 1px dashed #CCC;
  width: 1px;
  height: 100px;
  margin: 20px 20px 20px 38px; }

.divideLineHorz {
  border-bottom: 1px dashed #CCC; }

.botFootLine {
  margin-top: 20px; }

.footerRow2 {
  clear: both;
  padding: 20px 0 20px 20px;
  background: #fff; }

.footerSprite {
  background: url(/images/footerSprite.png) no-repeat; }

.facebook {
  background-position: 0 0;
  height: 23px;
  width: 23px; }

.twitter {
  background-position: -28px 0;
  height: 23px;
  width: 23px; }

.linkedin {
  background-position: -56px 0;
  height: 23px;
  width: 23px; }

.google {
  background-position: -84px 0;
  height: 23px;
  width: 23px; }

.rss {
  background-position: -112px 0;
  height: 23px;
  width: 23px; }

.verisign {
  background-position: -93px -31px;
  height: 28px;
  width: 53px;
  margin-top: -3px; }

.paypal {
  background-position: -1px -31px;
  height: 24px;
  width: 87px;
  margin-top: -3px; }

.footerLogo {
  background-position: 0 -64px;
  height: 27px;
  width: 36px; }

/*add ID=horizontalList to any UL to make it horizontal*/
ul#horizontalList {
  margin: 0px;
  padding: 0px; }

#horizontalList li {
  display: inline;
  list-style-type: none; }

.buttonGreen {
  background: #4c83c3;
  cursor: pointer;
  border: 1px solid #7a9029;
  margin: 0 !important;
  padding: 5px 10px;
  display: inline-block !important;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  color: #fff;
  outline: none;
  position: relative; }
  .buttonGreen:hover {
    background: #376aa5;
    color: #fff;
    text-decoration: none; }
  .buttonGreen:active {
    background: #376aa5;
    padding: 5px 10px;
    color: #fff; }

.primaryButton {
  background: #4c83c3;
  cursor: pointer;
  border: none;
  margin: 0 !important;
  padding: 5px 10px;
  display: inline-block !important;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  color: #fff;
  outline: none;
  position: relative; }
  .primaryButton:visited {
    color: white !important; }
  .primaryButton:hover {
    background: #376aa5;
    color: #fff;
    text-decoration: none; }
  .primaryButton:active {
    background: #376aa5;
    padding: 5px 10px;
    color: #fff; }

.greyButton {
  background: #dddddd;
  border: 1px solid #cccccc;
  padding: 5px 10px;
  display: inline-block !important;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  width: auto;
  color: #666;
  outline: none;
  position: relative; }
  .greyButton:hover {
    background: #cccccc;
    color: #999;
    text-decoration: none; }
  .greyButton:active {
    background: #cccccc;
    padding: 5px 10px;
    color: #666; }

.noHover:hover {
  text-decoration: none; }

.topNavLinks {
  font-family: Arial;
  font-weight: bold;
  font-size: 14px;
  text-decoration: none; }

.topNavLinks:hover {
  text-decoration: none; }

/*------------- SETTINGS POPUPS -----------------*/
.hdrPopup {
  position: absolute;
  background: #FFF;
  border: 1px solid #BEBEBE;
  z-index: 1; }

.placement1 {
  margin: 15px 0 0 -21.25em;
  width: 400px; }

.placement2 {
  margin: 40px 0px 0px 680px;
  width: 300px; }

.tip {
  position: absolute;
  text-align: right;
  z-index: 4;
  margin-top: -10px; }

.tip.tipspace1 {
  margin-left: 21.2em; }

.tip.tipspace2 {
  margin-left: 179px; }

.tip.tipspace3 {
  margin-left: 250px; }

h3.hdrPopTitle {
  color: #333;
  font-size: 12px;
  border-bottom: 1px solid #EEE;
  padding: 10px;
  font-weight: bold;
  margin: 0px;
  text-transform: none; }

div.email.results > ul > div {
  font-size: 1.1em;
  color: #CACACA;
  padding: .5em;
  border-bottom: 1px solid #EEE;
  text-align: center; }

div.email.results ul li.row {
  background: none repeat scroll 0 0 #F5F5F5;
  border-top: 1px solid #FFFFFF;
  padding: 5px;
  width: inherit;
  margin: 0; }

div.email.results ul li.row:hover {
  background: none repeat scroll 0 0 #ECF3F6;
  border-bottom: 1px solid #E3E9EC;
  border-top: 1px solid #FFFFFF;
  cursor: pointer; }

div.email.results ul li.row.new {
  background: none repeat scroll 0 0 #FFFFFF;
  border-bottom: 1px solid #E3E9EC;
  border-top: 1px solid #FFFFFF; }

div.email.results ul li.row.new:hover {
  background: none repeat scroll 0 0 #ECF3F6;
  border-bottom: 1px solid #E3E9EC;
  border-top: 1px solid #E3E9EC;
  cursor: pointer; }

div.hdrPopup div.foot {
  padding: 5px;
  text-align: center; }

div.email.results ul li.row ul li.col1 {
  width: 32px; }

div.email.results ul li.row ul li.col2 {
  font-size: 13px;
  padding-left: 5px;
  width: 243px;
  text-align: left; }

div.email.results ul li.row ul li.col2 div.result2nd {
  padding-top: 1px; }

div.email.results ul li.row ul li.col2 div.resultFooter {
  color: #999999;
  overflow: hidden;
  padding-top: 2px;
  text-overflow: ellipsis;
  white-space: nowrap; }

div.email.results ul li.row ul li.col2 div.resultFooter img {
  vertical-align: middle; }

div.email.results ul li.row ul li.col3 {
  color: #999999;
  text-align: right;
  width: 80px; }

div.email.results.userAct ul li.row {
  background: none repeat scroll 0 0 #FFFFFF;
  padding: 5px;
  width: inherit; }

div.email.results.userAct ul li.row.foot {
  background: none repeat scroll 0 0 #F5F5F5;
  padding: 5px 5px 5px 10px;
  text-align: left; }

div.email.results.userAct ul li.row ul li.col1 {
  padding: 5px;
  width: 55px; }

div.email.results.userAct ul li.row ul li.col2 {
  font-size: 13px;
  width: 220px; }

div.email.results.userAct ul li.row ul li.col2 div.linkedList div {
  border-bottom: 1px solid #F5F5F5;
  padding: 3px; }

div.email.results.userAct ul li.row ul li.col2 div.linkedList div:last-child {
  border-bottom: medium none; }

div.email.results.userAct ul li.row ul li.col2 div.linkedList div:hover {
  background: none repeat scroll 0 0 #ECF3F6;
  cursor: pointer; }

/* fixes to maintain style*/
.email.results ul li {
  list-style-type: none; }

.email.results ul {
  padding: 0;
  margin: 0; }

div.email.results ul li.row ul li {
  display: block;
  float: left;
  list-style-type: none; }

div.email.results ul li.row:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

div.email.results .row {
  float: none;
  height: auto; }

h1.mainTitle {
  color: #333;
  display: inline;
  font-size: 24px !important; }

div.results ul {
  margin: 0;
  padding: 0;
  text-align: left; }

div.results ul li {
  display: block;
  list-style-type: none;
  text-align: left; }

div.results ul li.row {
  border-bottom: 1px dotted #CCCCCC;
  overflow: hidden;
  padding: 10px 0;
  width: 100%; }

div.results ul li.row:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden; }

div.results ul li.row ul {
  margin: 0;
  padding: 0; }

div.results ul li.row ul li {
  display: block;
  float: left;
  list-style-type: none; }

div.results ul li.row ul li.col1 {
   /* removed as a fix for bug #12778
	width: 55px;
   */ }

Affecting My Proposals page
div.results ul li.row ul li.col2 {
  padding-left: 5px;
  width: 225px; }

div.results ul li.row ul li.col2 h3 span {
  color: #666666;
  font-size: 12px;
  font-weight: normal; }

div.results ul li.row ul li.col2 h3 {
  color: #666666;
  font-size: 16px;
  font-weight: bold; }

div.results ul li.row ul li.col2 .secondary {
  color: #666666;
  font-size: 13px; }

div.results ul li.row ul li.col2 .third {
  color: #999999;
  font-size: 12px;
  padding-top: 10px; }

.createdDate {
  color: #999999;
  font-size: 11px;
  font-style: italic;
  padding-top: 2px; }

div[id*=pnlAttachFilesPopup] {
  top: 10% !important; }

/*------------- END SETTINGS POPUPS ----------------*/
/*----page fixes ----*/
.whiteWideHeader {
  background-color: #FFFFFF;
  border-bottom: 1px solid #E9E9E9; }

input.placeholder {
  color: #aaa !important; }

#prjsrch {
  padding: 0 6px !important;
  width: 100% !important;
  max-width: 300px;
  border: 1px solid #EEE; }

.footerBox .hdrSearch1 {
  margin-top: 0px;
  margin-left: 16px;
  line-height: 2.6;
  color: #666; }
  .footerBox .hdrSearch1:hover {
    text-decoration: none; }

/* ---------------- START NEW HEADER STYLES ---------------- */
#divR5SIn {
  margin-top: 0 !important;
  position: relative;
  top: 0 !important;
  width: 100%; }

body.animated {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1); }

header.globalNav nav.container {
  overflow: visible !important; }

.globalNav {
  background-color: #eee;
  z-index: 999999999;
  padding: 0px;
  height: 56px;
  width: 100%;
  border-top: 3px solid #4c83c3; }

.subHead {
  background: #e4e4e4;
  width: 100%; }

.globalNav .headerLogo {
  /*text-indent: -9999px;*/
  cursor: pointer;
  margin: 0px 0px;
  padding: 0;
  float: left;
  /*font-size:8px;*/
  line-height: 24px;
  color: #999;
  position: relative;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease; }

.globalNav .headerLogo:hover {
  text-decoration: none; }

.globalNav .headerLogo a {
  display: block; }

.globalNav .headerLogo img {
  vertical-align: middle; }

.globalNav .headerLogo a:hover {
  text-decoration: none;
  color: #729dd0; }

.hideLogo {
  display: none; }

.main {
  padding: 0;
  height: auto;
  min-height: 100%; }

.container {
  width: 984px; }

.logoOver {
  color: #729dd0;
  text-shadow: none; }

.globalNav .headerLogo i {
  float: left;
  margin: -5px 0px 0px 110px;
  font-size: 10px; }

.globalNav .headerLogo sub {
  position: absolute;
  color: #729dd0;
  font-size: 7px;
  bottom: 0;
  right: 10px; }

.logoGuy {
  color: #FAFAFA;
  font-size: 40px;
  font-weight: 400;
  text-shadow: 1px 1px 0px #2a517f;
  -webkit-transition: 0.5s ease;
  -moz-transition: 0.5s ease;
  -ms-transition: 0.5s ease;
  -o-transition: 0.5s ease; }
  .logoGuy:hover {
    color: #FFF;
    text-decoration: none; }

.magIco {
  font-size: 16px; }

.globalNav input[type="text"] {
  background: #fff;
  border: none;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-origin: border-box;
  padding-left: 10px;
  height: 34px;
  font-size: 12px;
  margin: 11px 20px 8px 10px;
  display: block;
  width: 88%;
  font: 13px 'Open Sans', sans-serif;
  -moz-text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: none;
  font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: none;
  font-smoothing: antialiased;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999 !important; }

span.searchBtnTop {
  position: absolute;
  right: 0;
  top: 11px;
  cursor: pointer; }

.globalNav input[type="text"]:focus {
  outline-width: 0;
  border: none;
  color: #333 !important; }

.icoHead {
  font-size: 16px;
  display: block;
  margin-top: 4px;
  line-height: 24px; }

.globalNav nav ul {
  list-style: none;
  margin: 0;
  padding: 0 !important; }

.globalNav nav > ul > li {
  float: left;
  position: relative; }

.globalNav nav > ul > li > a {
  margin: 0px;
  padding: 16px;
  display: block;
  color: #aaa;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  height: auto; }

.globalNav nav > ul > li a:hover {
  text-decoration: none;
  color: #FFF;
  background: #3a3a3a; }

.globalNav nav > ul > li a.active {
  color: #FFF; }

.globalNav div.clearfix, .globalNav div.avatarGroup, .globalNav div.secondaryHeader, .globalNav .headerContainer div.pmHeader, .headerContainer .globalNav div.pmHeader, .globalNav .headerContainer div.crumb, .headerContainer .globalNav div.crumb, .globalNav div.module_tabs, .globalNav div.whiteBoxList {
  display: inline !important;
  clear: none !important;
  display: inline-block; }

.globalNav div.clearfix:after, .globalNav div.avatarGroup:after, .globalNav div.secondaryHeader:after, .globalNav .headerContainer div.pmHeader:after, .headerContainer .globalNav div.pmHeader:after, .globalNav .headerContainer div.crumb:after, .headerContainer .globalNav div.crumb:after, .globalNav div.module_tabs:after, .globalNav div.whiteBoxList:after {
  display: inline; }

.globalNav nav div > ul > li > a {
  display: block; }

.globalNav nav div > ul > li a:hover {
  text-decoration: none;
  color: #777; }

.globalNav nav div > ul > li a.active {
  color: #999; }

a.nohov:hover {
  text-decoration: none;
  cursor: default !important;
  background: inherit !important; }

ul.actOps {
  float: right;
  display: block; }

ul.actOps > li {
  float: left; }

ul.actOps > li > a {
  text-align: center;
  font-size: 12px;
  padding: 20px 8px;
  max-height: 50px;
  color: #aaa;
  font-weight: 300;
  display: block; }

.siteNav {
  float: none;
  background: none;
  overflow: visible !important;
  padding-top: 0;
  margin: 0;
  padding: 0; }

.siteNav > li {
  width: auto;
  text-align: center;
  float: left;
  display: block; }

.siteNav.pro > li {
  width: auto;
  text-align: center;
  float: left;
  display: block; }

.siteNav > li > a {
  text-align: center;
  font-size: 13px;
  color: #777777;
  font-weight: 300;
  display: block;
  cursor: pointer;
  padding: 10px 20px;
  position: relative; }
  .siteNav > li > a:hover {
    background: #ddd;
    color: #555;
    text-decoration: none; }
  .siteNav > li > a.active {
    color: #444;
    background: #ddd; }
  .siteNav > li > a strong {
    font-weight: 600; }

.headerSearch {
  float: left;
  width: 55%;
  position: relative; }

.headerSearch a {
  display: none; }

.alertHover {
  color: #CBDDE2 !important; }

.alertHover:hover {
  color: #fff !important; }

.snDD:hover {
  background: #ddd;
  color: #FFF; }

.snDD:hover img {
  border-color: rgba(0, 0, 0, 0); }

.open .snDD {
  background: #4c4c4c !important; }

.open .snDD img {
  border-color: rgba(0, 0, 0, 0); }

.globalNav .open .dropdown-toggle {
  color: #fff !important;
  background: #ddd !important; }

.open .dropdown-toggle .alertHover {
  color: #fff !important; }

.globalNav .dropdown-menu.xtraNavOps {
  background: #FFF;
  padding: 10px 0px !important;
  margin-top: 1px;
  border-radius: 2px;
  border: 1px solid #CCCCCC;
  border-top: none; }

.globalNav .dropdown-menu.xtraNavOps li a:hover {
  background: #578bc7;
  color: white; }

.dropdown-menu.xtraNavOps.hasFooter {
  padding: 10px 0 0 0 !important; }

.dropdown-menu.xtraNavOps .nav-header {
  color: #999;
  font-size: 11px;
  text-transform: uppercase;
  padding: 5px 10px;
  white-space: nowrap; }

.dropdown-menu.xtraNavOps footer {
  background: #E9E9E9;
  padding: 10px;
  border-top: 1px solid #CCC;
  margin-top: 10px; }

.dropdown-menu.xtraNavOps footer a:hover span {
  color: #999; }

.dropdown-menu.xtraNavOps footer a:hover {
  color: #333; }

.dropdown-menu.xtraNavOps footer a:active {
  padding: 3px 10px; }

.dropdown-menu.xtraNavOps {
  text-align: left !important; }

.emailRow:before, .emailRow:after {
  content: ""; }

header.globalNav h1 span.newAlert {
  color: #0C3;
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.24);
  text-indent: 0px;
  float: right;
  right: -18px;
  display: inline-block;
  position: relative; }

.navIcons {
  color: #999 !important; }
  .navIcons:hover {
    color: #aaa !important; }

/*==========SPRITE==============*/
.hdrsprite {
  background-image: url(/images/hdrsprite2.png);
  vertical-align: middle; }

.icon-generic {
  background-position: -0px -0px;
  width: 16px;
  height: 16px; }

.icon-arrow {
  background-position: -0px -80px;
  width: 8px;
  height: 6px; }

.icon-mail {
  background-position: -46px -0px;
  width: 19px;
  height: 24px; }

.icon-mailActive {
  background-position: -46px -25px;
  width: 19px;
  height: 24px; }

.icon-settings {
  background-position: -46px -50px;
  width: 25px;
  height: 24px; }

.icon-settingsActive {
  background-position: -46px -75px;
  width: 25px;
  height: 24px; }

.email > ul > li > ul {
  margin: 0;
  position: relative;
  left: 0; }

.email .avatarPic {
  width: 32px;
  height: 32px;
  margin-top: 6px;
  vertical-align: top;
  padding: 6px 3px; }

.email .col1, .email .col2 {
  float: left; }

.email .col2 {
  margin-left: 0;
  width: 65%;
  padding: 0; }

.email .col2 .result2nd {
  width: 100%;
  position: relative;
  max-width: 244px;
  word-wrap: break-word; }

.email .col2 .resultFooter {
  color: #666;
  font-size: 12px;
  vertical-align: middle; }

.email .row.new {
  background: white; }

.email .row {
  cursor: pointer;
  margin: 0;
  padding: 8px;
  background: #FAFAFA;
  border-bottom: 1px solid #DDD;
  opacity: .9;
  width: auto; }
  .email .row ul .col2 .MesgCol {
    color: #666; }
  .email .row ul .col2 .result2nd {
    color: #999; }
  .email .row ul .col2 .resultFooter {
    color: #999; }
  .email .row:hover {
    cursor: pointer;
    background: #4c83c3;
    opacity: 1; }
    .email .row:hover ul .col2 .MesgCol, .email .row:hover ul .col2 .result2nd, .email .row:hover ul .col2 .resultFooter, .email .row:hover ul .col3 {
      color: #FFF; }
  .email .row.new {
    opacity: 1; }
    .email .row.new ul .col2 .MesgCol {
      color: #333; }
    .email .row.new ul .col2 .result2nd {
      color: #666; }
    .email .row.new ul .col2 .resultFooter {
      color: #666; }
    .email .row.new:hover {
      cursor: pointer;
      background: #4c83c3; }
      .email .row.new:hover ul .col2 .MesgCol, .email .row.new:hover ul .col2 .result2nd, .email .row.new:hover ul .col2 .resultFooter, .email .row.new:hover ul .col3 {
        color: #FFF; }

.email .col1 {
  width: 13%; }

.email .col3 {
  position: absolute;
  right: 0;
  top: 0;
  margin: 0;
  font-size: 11px;
  font-style: italic;
  color: #999 !important; }
  .email .col3 span {
    font-size: 11px; }

.divider.dTop {
  margin: 7px 1px 0px 1px; }

.divider.tBot {
  margin: 0 1px 7px 1px; }

.snDD img {
  padding-left: 10px;
  display: inline-block;
  border-left: none; }

.emailDD .msgAlert {
  background: #D06320;
  padding: 1px 3px;
  margin: 0;
  border: 0;
  position: absolute;
  color: White;
  font-size: 9px;
  top: 12px;
  right: 0;
  display: block;
  width: auto; }

.notify {
  font-size: 5px;
  color: #e9854f;
  padding: 0px;
  top: 13px;
  right: 3px;
  vertical-align: middle;
  position: absolute;
  background: none;
  border: none; }

.sn {
  vertical-align: middle;
  line-height: 24px; }

.headProfImg {
  margin-right: 6px;
  vertical-align: middle; }

.MesgCol {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 200px; }
  .MesgCol strong {
    font-weight: 600; }

#empsrch {
  padding: 0 6px !important;
  width: 100% !important;
  max-width: 300px;
  border: 1px solid #EEE; }

#empsrch:focus {
  outline: none; }

ul#messages {
  min-width: 350px !important;
  margin: 0;
  list-style: none; }

.hdrSrchCont:focus {
  outline: none; }

.footerBox .searchRow:focus {
  outline: none !important; }

ul.userList {
  list-style: none;
  margin: 0px;
  padding: 0px; }

ul.userList li {
  border-bottom: 1px solid #EEE;
  padding: 10px 0px; }

ul.userList li:last-child {
  border: none; }

ul.userList li:first-child {
  padding-top: 0px; }

a.avatar {
  float: left;
  width: 9%;
  max-width: 50px; }

img.rounded {
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%; }

.medIcon {
  height: 32px;
  width: 32px;
  max-width: none !important; }

.smIcon {
  height: 14px;
  width: 14px; }

.normalIcon {
  height: 48px;
  width: 48px; }

.acctImg {
  margin-right: 4px; }

div.info {
  margin-left: 2%;
  width: 89%;
  float: left; }

ul.userList li div.info .sn {
  font-size: 16px;
  font-weight: 800; }

.userAvatar._32 img {
  float: left; }

.userAvatar._32 div {
  float: left;
  padding: 3px 0 0 5px; }

.userAvatar._32 div strong {
  font-weight: 600;
  color: #444;
  display: block;
  line-height: 11px;
  font-size: 14px; }

.userAvatar._32 div span {
  font-size: 11px;
  color: #999; }

.userAvatar._48 img {
  float: left; }

.userAvatar._48 div {
  float: left;
  padding: 5px 0 0 10px; }

.userAvatar._48 div strong {
  font-weight: 600;
  color: #444;
  font-size: 16px;
  display: block; }

.userAvatar._48 div span {
  font-size: 12px;
  color: #999; }

.ie10 .globalNav {
  height: 52px; }

.ie10 .globalNav .siteNav {
  position: relative;
  top: -3px; }

.ie10 .headerContainer ul.crumb {
  margin-top: 1px; }

body.noheadNoFoot {
  background: url(/images/regbg.png) whitesmoke repeat;
  /*	.helpTxt b {
  		border-color: #77BED6 transparent transparent;
  		border-style: solid;
  		border-width: 5px;
  		margin: 19px 0 0 10px;
  		position: absolute;
  	} */ }
  body.noheadNoFoot .container {
    width: 500px; }
  body.noheadNoFoot header .container {
    margin-top: 50px;
    text-align: center; }
  body.noheadNoFoot #did-you-mean {
    display: none;
    padding: 5px; }
  body.noheadNoFoot #did-you-mean a {
    text-decoration: underline;
    cursor: pointer; }
  body.noheadNoFoot form.formMargin {
    margin: 15px 0px; }
  body.noheadNoFoot h1 {
    text-align: center; }
  body.noheadNoFoot .whiteBox {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 1px solid #E6E5E5;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
    padding: 10px 15px; }
  body.noheadNoFoot .container {
    width: 500px; }
  body.noheadNoFoot header .container {
    margin-top: 50px;
    text-align: center; }
  body.noheadNoFoot #did-you-mean {
    display: none;
    padding: 5px; }
  body.noheadNoFoot #did-you-mean a {
    cursor: pointer;
    text-decoration: underline; }
  body.noheadNoFoot form.formMargin {
    margin: 30px 0; }
  body.noheadNoFoot hgroup#title h1.mainTitle {
    color: #333333;
    font-family: 'Open Sans',sans-serif;
    font-size: 40px;
    text-shadow: 0.05em 0.05em 0.05em #FFFFFF; }
  body.noheadNoFoot hgroup#title h2 {
    color: #666666;
    text-shadow: 1px 1px 1px #FFFFFF; }
  body.noheadNoFoot .formTitle {
    color: #333333;
    font-size: 18px;
    margin: 30px 0 10px; }
  body.noheadNoFoot .radioChunk {
    margin: 10px 0; }
  body.noheadNoFoot .radioChunk div {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #444444;
    display: inline-block;
    float: left;
    margin: 0 4%;
    padding: 10px 5px;
    text-align: center;
    width: 43%; }
  body.noheadNoFoot .radioChunk div:first-child {
    margin: 0; }
  body.noheadNoFoot .radioChunk div:hover {
    border: 1px solid #333333;
    cursor: pointer; }
  body.noheadNoFoot .radioChunk div.selected {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333333; }
  body.noheadNoFoot .radioChunk div.notSelected {
    background: none repeat scroll 0 0 #F5F5F5;
    color: #CCCCCC;
    opacity: 0.5; }
  body.noheadNoFoot .radioChunk div p.who1 {
    font-size: 25px;
    font-weight: 600; }
  body.noheadNoFoot .radioChunk div p.who2 {
    font-size: 18px; }
  body.noheadNoFoot .radioChunk div p.who3 {
    font-family: 'Pinyon Script',cursive;
    font-size: 45px;
    padding-top: 5px; }
  body.noheadNoFoot .passCheck {
    margin: 3px 10px 15px 0; }
  body.noheadNoFoot .loading {
    margin: 15px 0 0 -30px;
    position: absolute; }
  body.noheadNoFoot hgroup#title {
    text-align: center; }
  body.noheadNoFoot hgroup#title h1.mainTitle {
    font-size: 20px; }
  body.noheadNoFoot h2.formTitle {
    color: #333333;
    font-size: 16px;
    margin: 30px 0 10px; }
  body.noheadNoFoot .helpTxt {
    margin: -35px 0 0 -300px; }
  body.noheadNoFoot .radioChunk div {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #444444;
    display: inline-block;
    float: left;
    margin: 0 0 0 10px;
    padding: 10px 5px;
    text-align: center;
    width: 128px; }
  body.noheadNoFoot .radioChunk div:first-child {
    margin: 0; }
  body.noheadNoFoot .radioChunk div p.who1 {
    font-size: 18px;
    font-weight: 600; }
  body.noheadNoFoot .radioChunk div p.who2 {
    font-size: 12px; }
  body.noheadNoFoot .radioChunk div p.who3 {
    font-family: 'Pinyon Script',cursive;
    font-size: 25px;
    padding-top: 5px; }
  body.noheadNoFoot select.txtInput {
    width: 98%; }
  body.noheadNoFoot .icon div {
    float: left;
    width: 70%; }
  body.noheadNoFoot .icon div:first-child {
    width: 20%; }
  body.noheadNoFoot .w500 {
    width: 500px; }
  body.noheadNoFoot .formBlankGray {
    padding-top: 60px;
    margin: 0 auto; }
  body.noheadNoFoot hgroup#title h1.mainTitle {
    color: #333333;
    font-family: 'Open Sans',sans-serif;
    font-size: 40px;
    text-shadow: 0.05em 0.05em 0.05em #FFFFFF;
    text-align: center; }
  body.noheadNoFoot hgroup#title h2 {
    color: #666666;
    text-shadow: 1px 1px 1px #FFFFFF; }

/*NEW PM HEADER STYLES*/
.headerContainer {
  width: 100%;
  background: #f5f5f5;
  border-bottom: 1px solid #ccc;
  margin: 0 0 25px 0; }
  .headerContainer.white {
    background: white;
    margin: 0; }
  .headerContainer .pmHeader {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    .headerContainer .pmHeader li {
      float: left; }
      .headerContainer .pmHeader li a {
        color: #666;
        font-size: 14px;
        padding: 15px;
        display: block; }
        .headerContainer .pmHeader li a:first-child {
          margin-left: 0; }
        .headerContainer .pmHeader li a:hover {
          color: #cc730d;
          text-decoration: none; }
        .headerContainer .pmHeader li a.active {
          color: #cc730d;
          font-weight: 700;
          background: #efefef; }
      .headerContainer .pmHeader li.selected a {
        color: #cc730d;
        font-weight: 700;
        background: #efefef; }
  .headerContainer .crumb {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto; }
    .headerContainer .crumb li {
      font-family: 'Raleway', serif;
      float: left;
      font-weight: 500; }
      .headerContainer .crumb li a {
        font-size: 18px;
        padding: 16px 10px 16px 0;
        display: block; }
      .headerContainer .crumb li.divider {
        font-size: 16px;
        color: #ccc;
        padding: 17px 10px 17px 0;
        display: block; }
      .headerContainer .crumb li.inactive {
        color: #666;
        font-size: 18px;
        padding: 16px 0;
        display: block; }
        .headerContainer .crumb li.inactive h1 {
          font-family: 'museo_slab', serif;
          line-height: normal; }

.menu-pull {
  display: none; }

.resp .container {
  width: 100%;
  max-width: 984px; }

@media screen and (max-width: 950px) {
  .footerBox .fcol1 {
    text-align: center;
    width: 20%;
    padding: 0; }
  .footerBox .fcol2 {
    text-align: center;
    width: 20%;
    padding: 0; }
  .footerBox .fcol3 {
    text-align: center;
    width: 20%;
    padding: 0; }
  .footerBox .fcol4 {
    text-align: center;
    width: 20%;
    padding: 0; }
  .footerBox .fcol5 {
    text-align: center;
    width: 90%;
    padding: 20px 5%; }
    .footerBox .fcol5 .divideLineHorz {
      width: 40%;
      margin: 5px auto !important; }
    .footerBox .fcol5 .hdrSrchCont {
      width: 250px;
      margin: 5px auto !important; }
      .footerBox .fcol5 .hdrSrchCont .searchRow {
        background: #FFF;
        height: 34px;
        overflow: hidden;
        border: 1px solid #DDD; }
        .footerBox .fcol5 .hdrSrchCont .searchRow .hdrSearch1 {
          float: right; }
  .footerBox .divideLine {
    margin: 20px 2.5%; }
    .footerBox .divideLine.lastDivide {
      display: none; } }
@media screen and (max-width: 800px) {
  .resp .headerRow2 div.paddingLeft5 {
    max-width: 210px;
    width: 100% !important; }
  .resp .headerRow2 .nav {
    display: none; }
  .resp .main {
    padding-top: 50px; }
  .resp .menu-pull {
    display: block;
    float: left;
    width: 10%;
    padding-left: 5%; }
  .resp .globalNav {
    top: 0;
    z-index: 0; }
    .resp .globalNav h1 {
      padding-left: 15px; }
  .resp .siteNav li.item.nsignIn {
    display: block; }
  .resp .siteNav li.item.owner {
    display: block; }
  .resp .headerSearch {
    width: 40% !important; }
    .resp .headerSearch input {
      width: 100%; }
    .resp .headerSearch .searchBtnTop {
      right: 2px; } }
@media screen and (max-width: 500px) {
  .footerBox .fcol1 {
    text-align: center;
    width: 40%;
    padding: 0 5% 25px 5%; }
  .footerBox .fcol2 {
    text-align: center;
    width: 40%;
    padding: 0 5% 25px 5%; }
  .footerBox .fcol3 {
    text-align: center;
    width: 40%;
    padding: 0 5%; }
  .footerBox .fcol4 {
    text-align: center;
    width: 40%;
    padding: 0 5%; }
  .footerBox .fcol5 {
    text-align: center;
    width: 90%;
    padding: 20px 5%; }
    .footerBox .fcol5 .divideLineHorz {
      width: 40%;
      margin: 5px auto !important; }
    .footerBox .fcol5 .hdrSrchCont {
      width: 250px;
      margin: 5px auto !important; }
      .footerBox .fcol5 .hdrSrchCont .searchRow {
        background: #FFF;
        height: 34px;
        overflow: hidden;
        border: 1px solid #DDD; }
        .footerBox .fcol5 .hdrSrchCont .searchRow .hdrSearch1 {
          float: right; }
  .footerBox .divideLine {
    display: none; } }
.userAvatar._custom {
  text-align: center; }
  .userAvatar._custom img {
    float: none; }
  .userAvatar._custom div {
    float: none; }
  .userAvatar._custom strong {
    width: auto;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 0; }
  .userAvatar._custom a {
    display: block;
    font-size: 13px; }

a.dirty .alert-new {
  float: right;
  background: #d06320;
  color: white;
  padding: 0px 4px;
  border-radius: 3px; }

.ffFix {
  position: absolute;
  top: 51px;
  z-index: 99999999; }

@-moz-document url-prefix() {
  #divSearch .ui-autocomplete {
    position: absolute !important;
    top: auto !important; } }

/*these are things taht should be in EVERY SINGLE responsive page.
THESE ARE NOT WHERE YOU PUT INDIVIDUAL RESPONSIVE ITEMS.*/
.container {
  width: auto;
  margin: 0 auto; }
  @media only screen and (min-width: 984px) {
    .container {
      width: 984px; } }

.layout-full-page {
  padding: 0 12px 0 12px; }
  @media only screen and (min-width: 984px) {
    .layout-full-page {
      padding: 0; } }

h1, h2, h3, h4, h5, h6 {
  height: auto;
  margin: 0;
  color: inherit;
  text-rendering: optimizelegibility;
  font-family: 'Raleway', sans-serif !important; }

/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================BUTTON CULERS==============*/
/*==================SPACING============*/
/*==================FONTS============*/
/*box sizing*/
/*border rad*/
/*text overflow*/
.module_tip {
  display: inline-block;
  position: relative; }
  .module_tip:before, .module_tip:after {
    z-index: 1000; }
  .module_tip:after {
    content: attr(data-title);
    position: absolute;
    display: none;
    top: 100%;
    left: 50%;
    white-space: nowrap;
    padding: 7px 9px;
    margin-top: 5px;
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    background-color: #3d464d;
    border-radius: 3px;
    transform: translateX(-50%);
    transform-origin: 50% 50%; }
  .module_tip:before {
    content: '';
    position: absolute;
    display: none;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    margin-top: -5px;
    border: 5px solid transparent;
    border-bottom-color: #3d464d; }
  .module_tip.tip--n:after {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px; }
  .module_tip.tip--n:before {
    top: auto;
    bottom: 100%;
    border-bottom-color: transparent;
    border-top-color: #3d464d;
    margin-bottom: -5px; }
  .module_tip.tip--e:after {
    top: 50%;
    left: 100%;
    margin-left: 5px;
    margin-top: 0;
    transform: translateY(-50%); }
  .module_tip.tip--e:before {
    top: 50%;
    left: 100%;
    border-bottom-color: transparent;
    border-right-color: #3d464d;
    margin-top: -5px; }
  .module_tip.tip--w:after {
    top: 50%;
    right: 100%;
    left: auto;
    margin-right: 5px;
    margin-top: 0;
    transform: translateY(-50%); }
  .module_tip.tip--w:before {
    top: 50%;
    right: 100%;
    left: auto;
    border-bottom-color: transparent;
    border-left-color: #3d464d;
    margin-right: -5px;
    margin-top: -5px; }
  .module_tip:hover:before, .module_tip:hover:after, .module_tip:focus:before, .module_tip:focus:after {
    display: block; }

/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================GLOBAL VARIABLES===================*/
/*==================BUTTON CULERS==============*/
/*==================SPACING============*/
/*==================FONTS============*/
/*box sizing*/
/*border rad*/
/*text overflow*/
/*modal popups*/
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20); }

.close.small {
  font-size: 12px; }

.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40); }

/*success message */
.popMsg {
  width: 984px;
  position: fixed;
  z-index: 1000000099;
  top: 51px; }

.popMsg p {
  padding: 8px;
  margin: 0px auto;
  text-align: center;
  background-color: #FFF1A8;
  width: 300px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.modal-open .dropdown-menu {
  z-index: 2050; }

.modal-open .dropdown.open {
  *z-index: 2050; }

.modal-open .popover {
  z-index: 2060; }

.modal-open .tooltip {
  z-index: 2070; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1050;
  width: 560px;
  margin: -250px 0 0 -280px;
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -o-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) ;
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) ;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) ;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out; }

.modal.fade.in {
  top: 50%; }

.modal-header {
  padding: 4px 15px;
  border-bottom: 1px solid #eee; }

.modal-header h1 {
  font-size: 26px; }

.modal-header .close {
  margin-top: 2px; }

.modal-body {
  max-height: 400px;
  padding: 15px;
  overflow-y: auto; }

.modal-form {
  margin-bottom: 0; }

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: left;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff; }

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: ""; }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

/*
=======================================
				TABS
=======================================

This File Controls the way tabs look. EVERYWHERE.
That means if you edit something it will change it everywhere


=======================================
			HTML Structure
=======================================
<div aria-multiselectable="false">
	<ul class="module_tabs" role="tablist">
	  <li class="tab active" id="tab1" aria-controls="panel1" role="tab">
		<a href="#">Client Overview</a>
	  </li>
	  <li class="tab" id="tab2" aria-controls="panel2" role="tab">
		<a href="#">Tasks</a>
	  </li>
	</ul>
	<div id="panel1"  aria-labeledby="tab1" role="tabpanel" aria-hidden="false" >	
		Tab content
	</div>
	<div id="panel2"  aria-labeledby="tab2" role="tabpanel" aria-hidden="true">
		Tab Content
	</div>
</div>

*/
.module_tabs {
  padding: 0;
  margin: 0;
  list-style: none; }
  .module_tabs .tab {
    float: left; }
    .module_tabs .tab a {
      display: block;
      margin: 0 24px 0 0;
      padding: 8px 6px;
      color: #666;
      font-size: 14px;
      line-height: 18px;
      border-bottom: 3px solid transparent; }
      .module_tabs .tab a:hover {
        border-bottom: 3px solid #dddddd;
        text-decoration: none; }
      .module_tabs .tab a.active {
        border-bottom: 3px solid #4c83c3;
        font-weight: 600; }
    .module_tabs .tab.active a {
      border-bottom: 3px solid #4c83c3;
      font-weight: 600; }
  .module_tabs.border-bottom {
    border-bottom: 1px solid #DDD; }

body.wait {
  cursor: wait; }

.overlay-disable {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #FFF;
  filter: alpha(opacity=10);
  -moz-opacity: .1;
  -khtml-opacity: .1;
  opacity: .1;
  z-index: 100000; }

.clearfix, .avatarGroup, .contactWrap .sendMessage span, .secondaryHeader, .headerContainer .pmHeader, .headerContainer .crumb, .module_tabs, .whiteBoxList {
  zoom: 1; }
  .clearfix:before, .avatarGroup:before, .contactWrap .sendMessage span:before, .secondaryHeader:before, .headerContainer .pmHeader:before, .headerContainer .crumb:before, .module_tabs:before, .whiteBoxList:before, .clearfix:after, .avatarGroup:after, .contactWrap .sendMessage span:after, .secondaryHeader:after, .headerContainer .pmHeader:after, .headerContainer .crumb:after, .module_tabs:after, .whiteBoxList:after {
    content: "\0020";
    display: block;
    height: 0; }
  .clearfix:after, .avatarGroup:after, .contactWrap .sendMessage span:after, .secondaryHeader:after, .headerContainer .pmHeader:after, .headerContainer .crumb:after, .module_tabs:after, .whiteBoxList:after {
    clear: both; }

select.niceInput::-ms-expand {
  display: none; }

select.niceInput {
  background: transparent url(/images/ddIcon.png) no-repeat right center;
  background-color: #FAFAFA;
  padding-right: 36px;
  padding-right: 6px \9;
  background-image: none \9; }
  select.niceInput:focus {
    background: transparent url(/images/ddIcon.png) no-repeat right center;
    background-image: none \9;
    background-color: #fff; }

/* a nice shadowy text input */
.niceInput {
  width: 100%;
  padding: 6px;
  border: 1px solid #DDD;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
  font-family: "Open Sans", sans-serif;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: normal;
  background-color: #FAFAFA; }
  .niceInput:focus {
    background-color: #fff;
    border: 1px solid #CCC; }
  .niceInput.auto {
    width: auto;
    display: inline;
    display: inline-block; }
  .niceInput.invalid {
    border-color: #d06320; }
  .niceInput.disabled, .niceInput:disabled {
    background-color: #EEE !important; }

select.niceInput::-ms-expand {
  display: none; }

textarea.niceInput {
  font-size: 13px; }

/* a nice shadowy whtie box. */
.niceWhiteBox {
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 2px;
  -webkit-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  -ms-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  -o-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  -moz-box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed;
  box-shadow: 0px 2px 3px #ededed, -2px 0px 3px #ededed; }

.uppercaseHeading {
  text-transform: uppercase;
  font-size: 13px;
  color: #9EABB6;
  font-weight: 400;
  display: block;
  padding-left: 0;
  margin-bottom: 3px; }
  .uppercaseHeading a {
    text-transform: none; }

/* creates an image and named pair with a title and subtext */
.avatarGroup .avatar {
  float: left; }
  .avatarGroup .avatar img {
    background: #FFF;
    width: 48px;
    heiht: 48px; }
    .avatarGroup .avatar img.shadowImg {
      -o-border-radius: 3px;
      -moz-border-radius: 3px;
      -ms-border-radius: 3px;
      -webkit-border-radius: 3px;
      border-radius: 3px;
      background-clip: padding-box;
      /* stops bg color from leaking outside the border: */
      -webkit-box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD;
      -moz-box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD;
      -o-box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD;
      box-shadow: 1px 1px 1px #DDD, -1px -1px 1px #DDD; }
  .avatarGroup .avatar.thirtytwo img {
    width: 32px;
    heiht: 32px; }
  .avatarGroup .avatar.twentyfour img {
    width: 24px;
    heiht: 24px; }
.avatarGroup .info {
  float: left; }
  .avatarGroup .info .title {
    color: #333; }
  .avatarGroup .info p {
    margin: 0;
    color: #666; }

.primaryHeading {
  font-size: 18px;
  color: #222;
  line-height: 1;
  margin-bottom: 18px;
  display: block;
  font-family: "Open Sans" !important;
  font-weight: 400; }

.secondaryHeading {
  font-size: 16px;
  color: #444;
  line-height: 1;
  margin-bottom: 6px;
  display: block;
  font-family: "Open Sans" !important;
  font-weight: 400; }

p.copy {
  font-size: 14px;
  line-height: 1.5;
  color: #666;
  margin-bottom: 18px; }
  p.copy strong {
    font-weight: 600; }
  p.copy.large {
    font-size: 16px; }
  p.copy.margin_none {
    margin-bottom: 0; }
  p.copy.dark {
    color: #444; }

.removeLink {
  color: #ccc; }
  .removeLink:hover {
    color: #d06320;
    text-decoration: none; }

input[type='submit'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type='button'], input[type='submit'], button {
  -webkit-appearance: none; }

.pending {
  color: #d06320; }

.pipe {
  color: #999;
  padding: 0 3px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.hidden {
  display: none;
  visibility: hidden; }

.hide {
  display: none; }

.show {
  display: block; }

.visible {
  display: block;
  visibility: visible; }

.invisible {
  visibility: hidden; }

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

/*success message */
.popMsg {
  width: 984px;
  position: fixed;
  z-index: 100;
  top: 51px; }

.popMsg p {
  padding: 8px;
  margin: 0px auto;
  text-align: center;
  background-color: #FFF1A8;
  width: 300px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px; }

.alert-new {
  background: #d06320;
  font-size: 11px;
  padding: 1px 3px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  color: #FFF; }

.faded {
  opacity: 0;
  -o-transition: .2s opacity linear;
  -ms-transition: .2s opacity linear;
  -webkit-transition: .2s opacity linear;
  -moz-transition: .2s opacity linear;
  transition: .2s opacity linear; }

.faded.noFade {
  opacity: 1; }

.rhythmMargin0 {
  margin-bottom: 0 !important; }

.rhythmMarginSmall {
  margin-bottom: 6px !important; }

.rhythmMargin1 {
  margin-bottom: 12px !important; }

.rhythmMargin {
  margin-bottom: 18px !important; }

.rhythmMargin2 {
  margin-bottom: 36px !important; }

.verifiedPayment {
  color: #4c83c3; }

.verifiedPayment__none {
  color: #d06320; }

/*registration*/
/*
=======================================
			Callouts
=======================================
This File Controls the way the callouts look. EVERYWHERE.
That means if you edit something it will change it everywhere.

Callouts are  are commonly found at the top of a page to get the users attention.
Success messages that need more text warrant a callout.  

They can be styled as general, success, and warning. 

=======================================
			HTML Structure
=======================================
<div class="module_callout ##callout-success##">
	<a href="#" class="closeCalloutx"><i aria-hidden="true" data-icon="&#xe02d"></i></a>
    <h4 class="callout-title">Yay you sent the agreement</h4>
    <div class="callout-body"><p>Wait for the employer to respond.</p></div>
</div>

*/
.module_callout {
  margin: 0 0 18px 0;
  padding: 18px;
  border-left: 3px solid #DDD;
  background: #F5F5F5;
  box-sizing: border-box; }
  .module_callout .callout-title {
    margin-top: 0;
    color: #333;
    font-size: 16px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important; }
  .module_callout .callout-body {
    margin: 12px 0 0 0;
    font-size: 14px;
    color: #666;
    line-height: 1.5; }
    .module_callout .callout-body p:first-child {
      margin: 0; }
    .module_callout .callout-body p {
      margin: 12px 0 0 0; }
  .module_callout .closeCallout, .module_callout .closeCalloutx {
    float: right;
    margin: -12px 0;
    color: #CCC; }
    .module_callout .closeCallout:hover, .module_callout .closeCalloutx:hover {
      text-decoration: none;
      color: #666; }
  .module_callout .closeCallout {
    font-size: 24px; }
  .module_callout.callout-success {
    background-color: #e7f0c8;
    border-color: #b3ce51; }
    .module_callout.callout-success .callout-title {
      color: #9cb834; }
  .module_callout.callout-warning {
    background-color: #fdf6f2;
    border-color: #d06320; }
    .module_callout.callout-warning .callout-title {
      color: #d06320; }
  .module_callout.callout-small {
    padding: 12px; }
    .module_callout.callout-small .callout-title {
      font-size: 14px; }
    .module_callout.callout-small .callout-body {
      font-size: 13px;
      margin-top: 4px; }
    .module_callout.callout-small .closeCallout, .module_callout.callout-small .closeCalloutx {
      margin: 3px 6px; }
  .module_callout.no-margin {
    margin: 0; }

/*
<button class="module_btn primary_btn large_btn/small_btn/hero_btn
*/
.module_btn {
  background-image: none;
  border: 1px solid transparent;
  border-radius: 1px;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.42857143;
  padding: 6px 12px;
  margin: 0 6px 0 0;
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.1);
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  vertical-align: middle;
  white-space: nowrap;
  /* differt button sizes */
  /*differt button colors*/ }
  .module_btn:hover {
    text-decoration: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); }
  .module_btn:active, .module_btn.active {
    text-decoration: none;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); }
  .module_btn:focus {
    outline: -webkit-focus-ring-color auto 5px; }
  .module_btn[disabled], .module_btn.disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: .35;
    filter: alpha(opacity=35);
    -webkit-box-shadow: none;
    box-shadow: none; }
  .module_btn .caret {
    margin: 6px 0 0 6px; }
    .module_btn .caret.stand_alone {
      margin: 6px 0 0 0;
      height: 8px; }
  .module_btn [data-icon]:before {
    line-height: 1.42857143; }
  .module_btn.small_btn {
    font-size: 11px;
    padding: 4px; }
  .module_btn.large_btn {
    font-size: 16px;
    padding: 12px 24px; }
  .module_btn.hero_btn {
    font-size: 22px;
    padding: 18px 36px; }
  .module_btn.full-width {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
  .module_btn.primary_btn {
    font-weight: 600;
    color: #FFF;
    background-color: #4c83c3;
    border-color: #376aa5; }
    .module_btn.primary_btn:hover {
      background-color: #3e76b8;
      border-color: #305b8e;
      background-image: -webkit-linear-gradient(top, #4c83c3, #3e76b8);
      background-image: linear-gradient(top, #4c83c3, #3e76b8); }
    .module_btn.primary_btn:active, .module_btn.primary_btn.active {
      border-color: #315e92; }
  .module_btn.danger_btn {
    color: #FFF;
    background-color: #d06320;
    border-color: #c35d1e; }
    .module_btn.danger_btn:hover {
      background-color: #ba581d;
      border-color: #a44e19;
      background-image: -webkit-linear-gradient(top, #d06320, #ba581d);
      background-image: linear-gradient(top, #d06320, #ba581d); }
    .module_btn.danger_btn:active, .module_btn.danger_btn.active {
      border-color: #8e4316; }
  .module_btn.secondary_btn {
    font-weight: 400;
    color: #666;
    background-color: #F5F5F5;
    border-color: #DDD;
    text-shadow: none; }
    .module_btn.secondary_btn:hover {
      color: #444;
      border-color: #c4c4c4;
      background-color: #F5F5F5; }
    .module_btn.secondary_btn:active, .module_btn.secondary_btn.active {
      border-color: #b7b7b7;
      background-color: #DDD; }
  .module_btn.ghost_btn {
    color: #DDD;
    background: none;
    border: none;
    text-shadow: none; }
    .module_btn.ghost_btn:hover {
      color: #CCC;
      border: none;
      box-shadow: none;
      background: none; }
    .module_btn.ghost_btn:active, .module_btn.ghost_btn.active {
      border: none;
      background: none; }
  .module_btn.lonely_btn {
    margin: 0; }

.btn-group .module_btn {
  margin-left: -4px;
  margin-right: 0;
  border-right-width: 0; }
  .btn-group .module_btn:hover {
    z-index: 2; }
.btn-group .module_btn + .module_btn, .btn-group .module_btn + .btn-group, .btn-group .btn-group + .module_btn, .btn-group .btn-group + .btn-group {
  border-right-width: 1px; }

/*
<div class="dropdown">
  <a id="dLabel" role="button" data-toggle="dropdown" data-target="#" href="/page.html">Dropdown trigger</a>
  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
    ...
  </ul>
</div>
*/
.btn-dropdown {
  position: relative; }
  .btn-dropdown .dropdown_menu {
    display: none;
    background: #FFF;
    border: 1px solid #DDD;
    box-shadow: 3px 3px 3px #FAFAFA, -3px -3px 3px #FAFAFA;
    position: absolute;
    min-width: 160px;
    padding: 6px 0;
    margin-top: 4px;
    text-align: left; }
    .btn-dropdown .dropdown_menu li a {
      display: block;
      color: #666;
      padding: 6px 18px; }
      .btn-dropdown .dropdown_menu li a:hover {
        background: #4c83c3;
        color: #FFF;
        text-decoration: none; }
    .btn-dropdown .dropdown_menu.right {
      right: 0;
      left: auto; }
  .btn-dropdown.open .dropdown_menu {
    display: block; }

/*
<div class="modals" id="" tabindex="-1" role="dialog" aria-labelledby="___Label" aria-hidden="false">
      <div class="modal-dialog">
        <div class="modal-content">
          <div class="modal-header">
            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"><span aria-hidden="true" data-icon="&#xe02d;"></span></button>
            <h4 class="modal-title" id="____Label"></h4>
            <p>From DATE to DATE</p>
          </div>
          <div class="modal-body">
              
          </div>
          <div class="modal-footer">
            <button type="button" class="module_btn primary_btn" data-dismiss="modal">Download
            </button><button type="button" class="module_btn secondary_btn" data-dismiss="modal">Close </button>
		  </div>

        </div><!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
</div>

Kill double sidebar
$('body.modal-open').closest('html').css('overflow-y', 'auto');

*/
.modal-open {
  overflow: hidden; }

.modals {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000000199;
  -webkit-overflow-scrolling: touch;
  outline: 0; }

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px; }

.modal-content {
  position: relative;
  background-color: #FFF;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -o-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) ;
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) ;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) ;
  background-clip: padding-box;
  outline: 0; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000000099;
  background-color: #333; }
  .modal-backdrop.fade {
    opacity: 0; }
  .modal-backdrop.in {
    opacity: 0.7; }

.modal-header {
  padding: 12px !important;
  border-bottom: 1px solid #DDD; }
  .modal-header .close {
    margin: 6px;
    margin-top: 10px !important;
    font-size: 13px !important; }
  .modal-header .modal-title {
    margin: 0;
    padding: 6px 0;
    line-height: 1;
    font-size: 22px;
    font-weight: 600;
    font-family: "Open Sans", sans-serif !important; }
  .modal-header p {
    font-size: 14px;
    color: #999;
    margin-bottom: 6px; }

.modal-body {
  position: relative;
  padding: 24px; }

.modal-footer {
  padding: 12px;
  text-align: left;
  border-top: 1px solid #DDD; }
  .modal-footer .module_btn {
    margin-bottom: 0; }

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll; }

@media (min-width: 580px) {
  .modal-dialog {
    width: 560px;
    margin: 60px auto; }

  .modal-content {
    -o-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-clip: padding-box;
    /* stops bg color from leaking outside the border: */
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) ;
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) ;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3) ; }

  .modal-sm {
    width: 300px; } }
@media (min-width: 800px) {
  .modal-lg {
    width: 600px; } }
/*
=======================================
				TABS
=======================================

This File Controls the way tabs look. EVERYWHERE.
That means if you edit something it will change it everywhere


=======================================
			HTML Structure
=======================================
<div aria-multiselectable="false">
	<ul class="module_tabs" role="tablist">
	  <li class="tab active" id="tab1" aria-controls="panel1" role="tab">
		<a href="#">Client Overview</a>
	  </li>
	  <li class="tab" id="tab2" aria-controls="panel2" role="tab">
		<a href="#">Tasks</a>
	  </li>
	</ul>
	<div id="panel1"  aria-labeledby="tab1" role="tabpanel" aria-hidden="false" >	
		Tab content
	</div>
	<div id="panel2"  aria-labeledby="tab2" role="tabpanel" aria-hidden="true">
		Tab Content
	</div>
</div>

*/
.module_tabs {
  padding: 0;
  margin: 0;
  list-style: none; }
  .module_tabs .tab {
    float: left; }
    .module_tabs .tab a {
      display: block;
      margin: 0 24px 0 0;
      padding: 8px 6px;
      color: #666;
      font-size: 14px;
      line-height: 18px;
      border-bottom: 3px solid transparent; }
      .module_tabs .tab a:hover {
        border-bottom: 3px solid #dddddd;
        text-decoration: none; }
      .module_tabs .tab a.active {
        border-bottom: 3px solid #4c83c3;
        font-weight: 600; }
    .module_tabs .tab.active a {
      border-bottom: 3px solid #4c83c3;
      font-weight: 600; }
  .module_tabs.border-bottom {
    border-bottom: 1px solid #DDD; }

.registerContainer select.txtInput, .registerContainer input.txtInput {
  width: 100% !important;
  padding: 6px !important;
  font-size: 14px !important;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 8px;
  border-radius: 2px !important;
  background-color: #fafafa;
  box-shadow: rgba(0, 0, 0, 0.09804) 0px 1px 1px inset; }

.seqQSubTitle h3 {
  margin-bottom: 24px;
  line-height: 1.5;
  color: #444;
  font-size: 14px;
  font-family: "Open Sans", sans-serif !important; }

.SeqQuestion {
  margin-bottom: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #EEE; }

.stackedLabel {
  display: block;
  margin-bottom: 6px;
  font-size: 14px;
  color: #666666; }

body.registerAccount {
  background: #fff;
  height: auto !important; }
  body.registerAccount .helpTxt {
    display: none !important; }
  body.registerAccount .navigation {
    display: none !important; }
  body.registerAccount .actions {
    display: none !important; }
  body.registerAccount .main {
    margin-top: 40px; }
    @media (min-width: 984px) {
      body.registerAccount .main {
        margin-top: 120px; } }
  body.registerAccount .switchMsg {
    color: #999;
    line-height: 20px;
    padding: 0 30px; }
  body.registerAccount .loginRight {
    width: 100%;
    float: none;
    box-sizing: border-box;
    padding: 10px 30px; }
    @media (min-width: 700px) {
      body.registerAccount .loginRight {
        width: 46%;
        float: left;
        padding: 10px 40px; } }
    @media (min-width: 854px) {
      body.registerAccount .loginRight {
        padding: 10px 64px; } }
    body.registerAccount .loginRight img {
      margin: 0 auto;
      display: block; }
    body.registerAccount .loginRight h3 {
      font-size: 24px;
      color: #444;
      line-height: 30px;
      margin: 15px 0 5px; }
    body.registerAccount .loginRight p {
      color: #999;
      font-size: 14px;
      line-height: 22px;
      margin-bottom: 25px; }
  body.registerAccount .loginLeft {
    width: 100%;
    float: none;
    margin-right: 0;
    box-sizing: border-box;
    padding: 20px;
    background: #f3f3f3;
    border-radius: 5px;
    max-width: 600px;
    margin: 0 auto; }
    @media (min-width: 905px) {
      body.registerAccount .loginLeft {
        width: 52%;
        float: left;
        margin-right: 2%; } }
    body.registerAccount .loginLeft h1 {
      color: #333;
      text-align: center;
      font-size: 30px;
      padding-bottom: 20px;
      border-bottom: 1px solid #ddd;
      margin-bottom: 20px; }
    body.registerAccount .loginLeft .radioChunk {
      margin-bottom: 20px; }
      body.registerAccount .loginLeft .radioChunk div {
        float: left;
        width: 49%;
        margin-right: 2%;
        border-radius: 5px;
        padding: 15px;
        box-sizing: border-box;
        color: #333;
        text-align: center;
        cursor: pointer;
        background: #ddd;
        transition: all .5s;
        font-family: 'Raleway', sans-serif !important; }
        body.registerAccount .loginLeft .radioChunk div:hover {
          background: #ccc; }
        body.registerAccount .loginLeft .radioChunk div:nth-child(2n) {
          margin-right: 0; }
        body.registerAccount .loginLeft .radioChunk div .who1 {
          font-size: 22px; }
        body.registerAccount .loginLeft .radioChunk div .mP {
          font-size: 36px;
          margin-top: 6px;
          font-weight: 600; }
      body.registerAccount .loginLeft .radioChunk .selected {
        background: #4c83c3;
        cursor: default;
        color: white; }
        body.registerAccount .loginLeft .radioChunk .selected:hover {
          background: #4c83c3; }
      body.registerAccount .loginLeft .radioChunk .notSelected {
        background: #ddd; }

.pwListener > span {
  position: relative; }

#noService, #bravo, .bravoContainer {
  background: #f3f3f3;
  padding: 15px 25px;
  border-left: 6px solid #4C83C3;
  margin-bottom: 30px; }
  #noService h4, #bravo h4, .bravoContainer h4 {
    font-size: 18px;
    line-height: 34px;
    color: #666; }
  #noService p, #bravo p, .bravoContainer p {
    color: #999;
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 10px; }
  #noService div a, #bravo div a, .bravoContainer div a {
    margin-right: 10px; }

.registerContainer h2 {
  font-size: 14px;
  color: #333;
  text-align: right;
  font-weight: 500; }
.registerContainer .passCheck {
  position: absolute;
  top: 12px;
  right: 12px; }
.registerContainer .control-label {
  display: block;
  color: #666;
  margin-top: 2px;
  line-height: 18px;
  border-radius: 3px 0 0 3px; }
  @media (min-width: 550px) {
    .registerContainer .control-label {
      float: left;
      width: 27%;
      text-align: right;
      padding: 6px 3% 6px 0; } }
.registerContainer .inputSec > span, .registerContainer .controls {
  width: 100%; }
  @media (min-width: 550px) {
    .registerContainer .inputSec > span, .registerContainer .controls {
      float: left;
      width: 70%; } }
.registerContainer input:-webkit-autofill {
  background-color: #fff !important; }
.registerContainer input.txtInput {
  box-sizing: border-box;
  background: rgba(255, 255, 255, 0.9); }
  .registerContainer input.txtInput.invalid {
    border-color: #d06320 !important; }
.registerContainer li.token-input-token p, .registerContainer li.token-input-token span {
  float: none !important; }
.registerContainer .token-input-list {
  width: 96.5% !important;
  margin-top: 2px !important;
  padding: 4px 0 !important; }
.registerContainer input[type="checkbox"] {
  float: none;
  vertical-align: middle; }
.registerContainer .inputFont span {
  width: 100% !important;
  padding-top: 12px; }

.registerText {
  margin: 12px 0 12px 0;
  color: #999;
  float: right; }
  @media (min-width: 550px) {
    .registerText {
      float: none;
      text-align: right; } }

.newUser .registerContainer .control-label {
  padding-bottom: 10px;
  margin-top: 0; }
.newUser .btnGreenFlat {
  width: auto !important; }

div.token-input-dropdown {
  width: 40.6% !important; }

.actionGo {
  margin: 12px 0; }

.actionGo, .primaryBt {
  width: auto !important;
  text-align: right; }
  .actionGo input, .primaryBt input {
    width: auto;
    padding: 15px;
    font-size: 20px;
    float: left; }
    @media (min-width: 550px) {
      .actionGo input, .primaryBt input {
        float: right; } }

.noRegister {
  color: #999;
  padding-top: 20px;
  border-top: 1px solid #ddd;
  margin-top: 20px;
  text-align: center; }

.postjobPage .registerContainer .registerText {
  text-align: left; }

.socLogin {
  background: #EEE;
  margin: 24px 0;
  padding: 12px; }

.socLogin-header {
  color: #666;
  font-size: 14px;
  display: block;
  margin: 0px;
  text-align: center;
  padding-bottom: 6px; }

.socLogin-btnContainer {
  text-align: center; }

.socLogin-btn {
  border: 0;
  display: inline-block;
  font-size: 14px !important;
  margin: 0 2px;
  opacity: .8;
  padding: 8px 0;
  text-align: center;
  width: 32px; }
  .socLogin-btn:hover {
    color: #FFF;
    text-decoration: none; }

.socLogin-btn:enabled:hover {
  opacity: 1;
  cursor: pointer; }

.socLogin-btn_fb {
  background: #3b5998;
  color: #FFF; }

.socLogin-btn_lnkin {
  background: #007bb5;
  color: #FFF; }

.socLogin-btn_google {
  background: #dd4b39;
  color: #FFF;
  margin-right: 0; }

@media (min-width: 900px) {
  .socLogin-header {
    float: left;
    line-height: 30px;
    padding-bottom: 0; }

  .socLogin-btnContainer {
    float: right; } }
.postjobPage .socLogin-btnContainer, .postjobPage .socLogin-header {
  display: block;
  float: none;
  padding-bottom: 6px;
  text-align: left; }

body.registerAccount .loginLeft .linkCreateHeader {
  border-bottom: 1px solid #DDD;
  margin-bottom: 24px; }

body.registerAccount .loginLeft .linkCreateHeader h1 {
  border: none;
  padding: 0 0 18px 0;
  margin: 0; }

.responsive .container {
  width: 100%;
  height: 100%;
  padding: 0px 12px;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }
  @media (min-width: 984px) {
    .responsive .container {
      width: 984px;
      padding: 0px;
      margin: 0 auto; } }

input[type='submit'] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }

input[type='button'], input[type='submit'], button {
  -webkit-appearance: none; }

body {
  background: white !important;
  width: 100%;
  margin: 50px 0 0 0;
  padding: 0;
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  font-weight: 400; }

a {
  color: #4c83c3;
  text-decoration: none;
  outline: none;
  cursor: pointer; }
  a:hover {
    color: #3e76b8;
    text-decoration: underline; }

pre {
  margin: 0; }

.whiteBox {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  background: #FFF;
  border: 1px solid;
  border-color: #EEE #EEE #ACACAC #DDD;
  padding: 10px 15px; }
  .whiteBox header {
    margin: -10px -15px 15px -15px;
    padding: 10px 15px;
    border-bottom: 1px solid #EEE; }
  .whiteBox footer.whiteBoxFooter {
    background: #F6F6F6;
    padding: 5px 15px;
    margin: 10px -15px -15px -15px;
    border-top: 1px solid #E6E5E5; }

.relative {
  position: relative; }

.newMain {
  width: 100% !important;
  background: none !important; }
  .newMain .container {
    overflow: visible !important; }

.m10 {
  float: right;
  margin-left: 10px; }

.main2 {
  width: 100% !important; }

.mT15 {
  margin: 15px 0; }

.expandAcross {
  text-align: center;
  border-top: 1px solid #ccc;
  margin-top: 16px; }
  .expandAcross a {
    margin: -16px auto 0 auto;
    padding: 4px;
    background: white;
    position: relative;
    display: block;
    width: 120px;
    border: 1px solid white;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box; }
    .expandAcross a:hover {
      border: 1px solid #ccc; }

.secDivider {
  color: #000;
  margin: 10px 0px 10px 0px;
  display: block;
  width: 100%;
  padding: 0;
  font-size: 16px;
  border-bottom: 3px solid #EEE;
  line-height: 36px;
  font-weight: 400; }

.secDivider.first {
  margin-top: 0px; }

.alert-new {
  background: #d06320;
  font-size: 11px;
  padding: 1px 3px;
  -o-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */
  -webkit-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  -moz-box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  box-shadow: 0px 1px 2px rgba(50, 50, 50, 0.75) ;
  color: #FFF; }

.leftNav {
  width: 23%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 3%;
  margin-top: 20px; }
  .leftNav .dropdown {
    margin: 6px 8px; }
  .leftNav .blockNav li {
    display: block;
    margin: 6px 0; }
    .leftNav .blockNav li a {
      display: block;
      padding: 5px 10px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      font-size: 14px;
      color: #666;
      outline: none; }
      .leftNav .blockNav li a .count {
        display: block;
        float: right;
        font-size: 10px;
        color: #fff;
        background: #cc6600;
        padding: 3px;
        width: auto; }
      .leftNav .blockNav li a.active {
        cursor: default;
        border-left: 4px solid #bc3a26;
        background: #eee;
        font-size: 14px;
        color: #333; }
  .leftNav hr {
    border: 1px solid #ccc;
    margin: 6px 0; }
  .leftNav label {
    padding: 6px 8px;
    font-size: 13px; }

.boxHead {
  padding: 20px;
  width: auto;
  background: #eee;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.boxFooter {
  padding: 10px 15px;
  width: auto;
  background: #eee;
  border-top: 1px solid #ccc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.rightContent {
  width: 74%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 20px; }
  .rightContent h2, .rightContent .h2 {
    font-family: 'museo_slab', serif;
    font-size: 24px;
    font-weight: 700; }

.primaryContentNav ul {
  padding: 0; }
  .primaryContentNav ul li {
    float: left; }
    .primaryContentNav ul li a {
      display: block;
      margin-right: 21.6px;
      padding: 6px 0;
      color: #666;
      text-align: center; }
      .primaryContentNav ul li a:hover {
        text-decoration: none;
        border-bottom: 2px solid #729dd0; }
    .primaryContentNav ul li.alertIndicator a {
      color: #D06320; }
    .primaryContentNav ul li.active a {
      color: #333;
      border-bottom: 2px solid #4c83c3; }

div.errorMsg {
  margin: 0 0 18px 0;
  padding: 12px;
  border-left: 3px solid #d06320;
  background: #fdf6f2;
  box-sizing: border-box; }

div.errorMsg div {
  font-size: 14px;
  color: #d06320;
  font-weight: 600;
  font-family: "Open Sans", sans-serif !important; }

.pending {
  color: #d06320;
  font-style: italic; }

.pipe {
  color: #999;
  padding: 0 3px; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.hidden {
  display: none;
  visibility: hidden; }

.hide {
  display: none; }

.show {
  display: block; }

.visible {
  display: block;
  visibility: visible; }

.invisible {
  visibility: hidden; }

img {
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic; }

i {
  font-style: normal; }

.horzList {
  margin: 0;
  padding: 0;
  list-style: none; }

.horzList li {
  float: left; }

.full-width {
  width: 100%; }

.circleNotes {
  position: absolute;
  right: -7%;
  top: -7px;
  font-size: 11px;
  display: block;
  padding: 1px 3px;
  -o-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background-clip: padding-box;
  /* stops bg color from leaking outside the border: */ }
  .circleNotes.orange {
    background: orange;
    color: white; }

.contentHeader {
  overflow: visible !important; }

.functions {
  padding-top: 8px; }
  .functions > b {
    font-style: italic;
    color: Purple;
    padding-right: 15px; }
  .functions > div {
    float: left;
    margin-left: 10px; }
  .functions > a {
    overflow: visible; }
    .functions > a img {
      max-width: 15px; }

.pullLabel {
  float: left;
  width: 120px;
  text-align: right;
  margin-right: 20px;
  padding: 20px 0 0 0; }

.pullLabelRight {
  float: left;
  width: 120px;
  text-align: left;
  margin-right: 20px;
  padding: 20px 0 0 0; }

.pullForm {
  float: left;
  width: 350px;
  margin-top: 10px; }
  .pullForm .halfInput {
    width: 60% !important; }
  .pullForm .inputForty {
    width: 35% !important;
    margin-right: 5%; }

.payTable table {
  background: none; }
.payTable tr {
  padding: 8px 0; }
  .payTable tr td {
    padding: 8px 10px 8px 0; }
.payTable .payError p {
  padding: 8px 0; }
  .payTable .payError p.err {
    background: #ffffcc; }
.payTable h4 {
  font-size: 14px;
  font-weight: 600; }
.payTable strong {
  font-weight: 600; }

.membTitle .typeIcon {
  float: left; }
  .membTitle .typeIcon img {
    width: 60px; }
.membTitle .upgrades {
  padding-left: 15px; }
  .membTitle .upgrades h3 {
    font-size: 18px;
    padding: 8px 0; }
    .membTitle .upgrades h3 a {
      font-size: 16px; }
  .membTitle .upgrades em {
    font-size: 14px;
    color: #999; }

.subPay {
  border-top: 1px solid #eee;
  padding-bottom: 10px; }

.paymentEditable strong {
  font-size: 16px;
  padding-top: 10px;
  display: block;
  font-weight: 600; }
  .paymentEditable strong.totalPay {
    font-size: 18px; }
  .paymentEditable strong span {
    font-size: 13px;
    padding-right: 15px;
    color: #666; }

.paymentOptions {
  margin: 6px 0 0 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  .paymentOptions .radio {
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px solid #EEE; }
    .paymentOptions .radio.active {
      background: #eee; }
    .paymentOptions .radio .btnGreenFlat {
      margin-top: 10px !important; }
    .paymentOptions .radio input[type="radio"] {
      display: none; }
    .paymentOptions .radio .payTypeIcon {
      float: left;
      margin-right: 20px;
      width: 80px;
      text-align: center; }
      .paymentOptions .radio .payTypeIcon.icon {
        font-size: 40px;
        color: #666; }
      .paymentOptions .radio .payTypeIcon .icon {
        font-size: 40px;
        color: #666; }
    .paymentOptions .radio .inactiveIcon {
      font-size: 25px;
      float: left;
      margin-right: 15px;
      margin-top: 6px;
      color: #D06320; }
    .paymentOptions .radio .cashError {
      float: right;
      text-align: right;
      color: #999; }
    .paymentOptions .radio .col2 {
      float: left; }
      .paymentOptions .radio .col2 p {
        color: #999; }
        .paymentOptions .radio .col2 p strong {
          color: #666;
          font-weight: 600;
          font-size: 14px; }

/* all below this clean up later*/
/*list of white boxes in gride*/
.whiteBoxList {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }

.whiteBoxList > li {
  width: 32%;
  margin: 0 2% 2% 0%;
  float: left;
  transition: .3s ease;
  -webkit-transition: .3s ease; }

.whiteBoxList > li:nth-child(3n) {
  margin: 0 0 2% 0; }

.whiteBoxList > li div.whiteBox {
  position: relative; }

.whiteBoxList a.boxLink {
  display: block;
  height: 100%;
  outline: none;
  color: #666; }

.whiteBoxList a.boxLink.boxLink:hover > div {
  color: #333;
  box-shadow: 0px 0px 5px #38869C; }

.whiteBoxList a.boxLink:hover > div h2 {
  text-decoration: underline; }

.whiteBoxList a.boxLink:hover > div h3 {
  text-decoration: underline; }

.whiteBoxList a.boxLink:hover, .whiteBoxList > a.boxLink:active {
  cursor: pointer;
  outline: none;
  text-decoration: none; }

.whiteBoxList > li {
  position: relative; }

.whiteBoxList > li h2 {
  font-size: 1.1rem; }

.whiteBoxList > li .dropdownOps {
  position: absolute;
  z-index: 10;
  top: 5px;
  right: 5px;
  display: none; }

.whiteBoxList > li:hover .dropdownOps {
  display: block; }

/*.whiteBoxList > li div.whiteBox {height:250px;}*/
.whiteBoxList, .defaultContent {
  transition: all .4s ease;
  -webkit-transition: all .4s ease;
  -moz-transition: all .4s ease;
  -ms-transition: all .4s ease;
  -o-transition: all .4s ease; }

.whiteBoxList.animate, .defaultContent.animate {
  margin-top: 200px;
  opacity: 0; }

.addForm {
  margin: 200px auto 0 auto;
  transition: opacity .4s ease;
  transition: margin-top .4s ease;
  width: 80%;
  opacity: 0; }

.addForm.animate {
  margin-top: 0;
  opacity: 1;
  position: absolute;
  top: 0;
  margin: 0 10%; }

.has-page-level-nav section .addForm.animate {
  margin: 0; }

.addForm .body {
  width: 70%;
  padding-right: 2%;
  margin-right: 2%;
  border-right: 1px solid #EEE;
  float: left; }

.addForm .info {
  width: 28%;
  float: left; }

.addForm footer {
  margin: 20px 0 0 0; }

/*modal popups*/
.close {
  float: right;
  font-size: 20px;
  font-weight: bold;
  line-height: 18px;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20); }

.close.small {
  font-size: 12px; }

.close:hover {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
  filter: alpha(opacity=40); }

/*success message */
.popMsg {
  width: 984px;
  position: fixed;
  z-index: 100;
  top: 51px; }

.popMsg p {
  padding: 8px;
  margin: 0px auto;
  text-align: center;
  background-color: #FFF1A8;
  width: 300px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -moz-transition: opacity 0.15s linear;
  -ms-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

.modal-open .dropdown-menu {
  z-index: 2050; }

.modal-open .dropdown.open {
  *z-index: 2050; }

.modal-open .popover {
  z-index: 2060; }

.modal-open .tooltip {
  z-index: 2070; }

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000000099;
  background-color: #000000; }

.modal-backdrop.fade {
  opacity: 0; }

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
  filter: alpha(opacity=80); }

.modal {
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1000000199;
  width: 560px;
  margin: -250px 0 0 -280px;
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.3);
  *border: 1px solid #999;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box; }

.modal.fade {
  top: -25%;
  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
  -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
  -ms-transition: opacity 0.3s linear, top 0.3s ease-out;
  -o-transition: opacity 0.3s linear, top 0.3s ease-out;
  transition: opacity 0.3s linear, top 0.3s ease-out; }

.modal.fade.in {
  top: 50%; }

.modal-header {
  padding: 4px 15px;
  border-bottom: 1px solid #eee; }

.modal-header .close {
  margin-top: 2px; }

.modal-body {
  max-height: 400px;
  padding: 15px;
  overflow-y: auto; }

.modal-form {
  margin-bottom: 0; }

.modal-footer {
  padding: 14px 15px 15px;
  margin-bottom: 0;
  text-align: left;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  *zoom: 1;
  -webkit-box-shadow: inset 0 1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff; }

.modal-footer:before,
.modal-footer:after {
  display: table;
  content: ""; }

.modal-footer:after {
  clear: both; }

.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px; }

.modal-footer .btn-group .btn + .btn {
  margin-left: -1px; }

.boxSize {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.face14 {
  height: 14px;
  width: 14px; }

.face24 {
  height: 24px;
  width: 24px; }

.face48 {
  height: 48px;
  width: 48px; }

.face64 {
  height: 64px;
  width: 64px; }

.face96 {
  height: 96px;
  width: 96px; }

.face120 {
  height: 120px;
  width: 120px; }

.face48.shadow, .face64.shadow, .face96.shadow, .face120.shadow {
  padding: 2px;
  background: #FFF;
  box-shadow: 0px 0px 2px #CCC; }

body.hiddenProfile {
  background: url(/images/hiddenProfile.jpg) center center no-repeat !important;
  background-size: cover !important;
  margin: 0 !important; }
  body.hiddenProfile h1 {
    color: white;
    font-size: 28px;
    padding-bottom: 15px; }
  body.hiddenProfile h2 {
    color: #ddd;
    font-size: 16px;
    width: 50%;
    font-weight: 500;
    line-height: 28px;
    padding-bottom: 15px; }
  body.hiddenProfile h3 {
    color: white;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 2px solid #999;
    margin-bottom: 15px; }
  body.hiddenProfile .hiddenSection {
    background: rgba(51, 51, 51, 0.6);
    width: 45%;
    border-radius: 5px;
    padding: 20px; }
    body.hiddenProfile .hiddenSection .searchForm input[type="text"] {
      padding: 11px;
      color: #ccc;
      width: 68%;
      border: none;
      border-radius: 5px;
      margin: 1px 10px 0 0;
      line-height: 19px;
      vertical-align: top; }
    body.hiddenProfile .hiddenSection a {
      font-size: 16px;
      padding: 0 0 5px;
      display: block; }

body.fourOhFour {
  background: url(/images/404bg.jpg) center center no-repeat !important;
  background-size: cover !important;
  margin: 0 !important; }
  body.fourOhFour h1 {
    color: white;
    font-size: 55px;
    padding-bottom: 15px; }
  body.fourOhFour h2 {
    color: white;
    font-size: 24px;
    padding-bottom: 15px; }
  body.fourOhFour h3 {
    color: white;
    font-size: 18px;
    padding-bottom: 15px;
    border-bottom: 2px solid #999;
    margin-bottom: 15px; }
  body.fourOhFour .linkList {
    background: rgba(51, 51, 51, 0.6);
    width: 45%;
    border-radius: 5px;
    padding: 20px; }
    body.fourOhFour .linkList .searchForm input[type="text"] {
      padding: 11px;
      color: #ccc;
      width: 68%;
      border: none;
      border-radius: 5px;
      margin: 1px 10px 0 0;
      line-height: 19px;
      vertical-align: top; }
    body.fourOhFour .linkList a {
      font-size: 16px;
      padding: 0 0 5px;
      display: block; }