@charset "IBM437";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url(//http://fonts.googleapis.com/css?family=Roboto:400,400italic,500,700,300italic,300|Roboto+Condensed:300italic,400italic,400,300,700);
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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

@font-face {
  font-family: 'fontello';
  src: url("Content/css/font/icons-font.eot");
  src: url("Content/css/font/icons-font.eot#iefix") format("embedded-opentype"), url("Content/css/font/icons-font.ttf") format("truetype"), url("Content/css/font/icons-font.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('http://www.artpact.com/Content/css/font/fontello.svg?57933347#fontello') format('svg');
  }
}
*/
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-ok:before {
  content: '\e800';
}

/* '' */
.icon-facebook-circled:before {
  content: '\e803';
}

/* '' */
.icon-plus:before {
  content: '\e80c';
}

/* '' */
.icon-plus-circled:before {
  content: '\e801';
}

/* '' */
.icon-minus:before {
  content: '\e80d';
}

/* '' */
.icon-minus-circled:before {
  content: '\e802';
}

/* '' */
.icon-help-circled:before {
  content: '\e805';
}

/* '' */
.icon-cancel:before {
  content: '\e80b';
}

/* '' */
.icon-angle-left:before {
  content: '\e806';
}

/* '' */
.icon-angle-right:before {
  content: '\e807';
}

/* '' */
.icon-angle-up:before {
  content: '\e808';
}

/* '' */
.icon-angle-down:before {
  content: '\e809';
}

/* '' */
.icon-user:before {
  content: '\e80a';
}

/* '' */
.icon-twitter-circled:before {
  content: '\e804';
}

/* '' */
.icon-info-circled:before {
  content: '\e80e';
}

/* '' */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

strong, b {
  font-weight: bold;
}

i, em {
  font-style: italic;
}

u {
  text-decoration: underline;
}

.hidden {
  display: none;
}

.clearfix:before, .wrapper:before,
.clearfix:after,
.wrapper:after {
  content: " ";
  display: table;
}

.clearfix:after, .wrapper:after {
  clear: both;
}

body {
  width: 100%;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 14px;
  color: #4d4c4c;
}

.wrapper {
  max-width: 1024px;
  margin: 0 auto;
}

.wrapper.mainContent {
  margin: 40px auto;
}
.wrapper.mainContent h1 {
  padding-bottom: 30px;
  font-family: Roboto;
  font-size: 32px;
  font-weight: 400;
  color: #638486;
}

.bodyGap {
  margin-top: 40px;
}

.noPadding {
  padding: 0 !important;
}

.noShadow {
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

h2 {
  font-size: 28px;
  color: #343a3b;
}

p {
  font-size: 18px;
  line-height: 1.5em;
}

h2 a {
  color: #638486;
  font-weight: bold;
  font-size: 30px;
}
h2 a:hover {
  text-decoration: none;
}

.left {
  float: left;
}

.right {
  float: right;
}

.bold {
  font-weight: bold;
}

.italic {
  font-style: italic;
}

.displayNone {
  display: none;
}

.noMarginPadding {
  margin: 0 !important;
  padding: 0 !important;
}

.vMiddleContainer {
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
}

.vMiddleContent {
  display: table-cell;
  vertical-align: middle;
}

.rating, .reviewForm .section, .singleReview li {
  position: relative;
  padding-bottom: 10px;
}
.rating .guideClick, .reviewForm .section .guideClick, .singleReview li .guideClick {
  font-size: 30px;
  color: #7e7d7d;
  display: none;
}
.rating .ratingGuide, .reviewForm .section .ratingGuide, .singleReview li .ratingGuide {
  position: absolute;
  z-index: 1;
  padding: 20px;
  margin-right: -15px;
  top: -30px;
  left: 264px;
  background-color: #262829;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: #888888 -4px 3px 7px;
  -moz-box-shadow: #888888 -4px 3px 7px;
  box-shadow: #888888 -4px 3px 7px;
  color: #fdfcfc;
  font-style: italic;
  line-height: 1.3em;
  min-width: 300px;
}
.rating .ratingGuide:before, .reviewForm .section .ratingGuide:before, .singleReview li .ratingGuide:before {
  content: "";
  border-top: 30px solid transparent;
  border-right: 40px solid #262829;
  position: absolute;
  left: -40px;
}
.rating .ratingGuide div, .reviewForm .section .ratingGuide div, .singleReview li .ratingGuide div {
  padding-bottom: 5px;
}
.rating .ratingGuide .guidelineStars, .reviewForm .section .ratingGuide .guidelineStars, .singleReview li .ratingGuide .guidelineStars {
  background-image: url(img/guidelineStars.png);
  width: 95px;
  height: 15px;
  background-position: 0px 0px;
  display: inline-block;
  float: left;
}
.rating .ratingGuide .guidelineStars.oneStar, .reviewForm .section .ratingGuide .guidelineStars.oneStar, .singleReview li .ratingGuide .guidelineStars.oneStar {
  background-position: 0px -26px;
}
.rating .ratingGuide .guidelineStars.twoStar, .reviewForm .section .ratingGuide .guidelineStars.twoStar, .singleReview li .ratingGuide .guidelineStars.twoStar {
  background-position: 0px -51px;
}
.rating .ratingGuide .guidelineStars.threeStar, .reviewForm .section .ratingGuide .guidelineStars.threeStar, .singleReview li .ratingGuide .guidelineStars.threeStar {
  background-position: 0px -76px;
}
.rating .ratingGuide .guidelineStars.fourStar, .reviewForm .section .ratingGuide .guidelineStars.fourStar, .singleReview li .ratingGuide .guidelineStars.fourStar {
  background-position: 0px -101px;
}
.rating .ratingGuide .guidelineStars.fiveStar, .reviewForm .section .ratingGuide .guidelineStars.fiveStar, .singleReview li .ratingGuide .guidelineStars.fiveStar {
  background-position: 0px -126px;
}
.rating .ratingGuide span, .reviewForm .section .ratingGuide span, .singleReview li .ratingGuide span {
  display: block;
  margin-left: 105px;
}
.rating .ratingGuide p, .reviewForm .section .ratingGuide p, .singleReview li .ratingGuide p {
  margin-top: 13px;
  font-size: 14px;
}
.rating .ratingGuide .introToList, .reviewForm .section .ratingGuide .introToList, .singleReview li .ratingGuide .introToList {
  margin: 0;
}
.rating .ratingGuide ol, .reviewForm .section .ratingGuide ol, .singleReview li .ratingGuide ol {
  list-style: decimal;
  margin: 13px 0 0 18px;
}

a {
  color: #f1762f;
  text-decoration: none;
}
a:active, a:hover {
  color: #f1762f;
  text-decoration: underline;
}

.button, .orangeButton, .lightButton, .darkButton {
  display: inline-block;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: none;
  padding: 15px 25px;
  font-family: Helvetica;
  font-weight: bold;
  font-size: 16px;
}
.button:hover, .orangeButton:hover, .lightButton:hover, .darkButton:hover {
  text-decoration: none;
  cursor: pointer;
}
.button:active, .orangeButton:active, .lightButton:active, .darkButton:active {
  position: relative;
  top: 1px;
}

.orangeButton {
  background-color: #e4621c;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff8a43), to(#e4621c));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ff8a43, #e4621c);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #ff8a43, #e4621c);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #ff8a43, #e4621c);
  /* IE10 */
  background-image: -o-linear-gradient(top, #ff8a43, #e4621c);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #ff8a43, #e4621c);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ff8a43', EndColorStr='#e4621c');
  color: #fffefe;
  text-shadow: 0 1px 1px #ca682b;
}
.orangeButton:active, .orangeButton:hover {
  color: #fffefe;
}
.orangeButton:active {
  background-color: #ff8a43;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e4621c), to(#ff8a43));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #e4621c, #ff8a43);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #e4621c, #ff8a43);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #e4621c, #ff8a43);
  /* IE10 */
  background-image: -o-linear-gradient(top, #e4621c, #ff8a43);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #e4621c, #ff8a43);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#e4621c', EndColorStr='#ff8a43');
}
.orangeButton:hover {
  background-color: #d65813;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ec7933), to(#d65813));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ec7933, #d65813);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #ec7933, #d65813);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #ec7933, #d65813);
  /* IE10 */
  background-image: -o-linear-gradient(top, #ec7933, #d65813);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #ec7933, #d65813);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#ec7933', EndColorStr='#d65813');
}

.lightButton {
  background-color: #f4f4f4;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(#f4f4f4));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, white, #f4f4f4);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, white, #f4f4f4);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, white, #f4f4f4);
  /* IE10 */
  background-image: -o-linear-gradient(top, white, #f4f4f4);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #ffffff, #f4f4f4);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='white', EndColorStr='#f4f4f4');
  color: #e27a3b;
  -webkit-box-shadow: #c56b36 0 1px 2px;
  -moz-box-shadow: #c56b36 0 1px 2px;
  box-shadow: #c56b36 0 1px 2px;
}
.lightButton:active, .lightButton:hover {
  color: #e27a3b;
}
.lightButton:active {
  background-color: white;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(white));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f4f4f4, white);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f4f4f4, white);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f4f4f4, white);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f4f4f4, white);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f4f4f4, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f4f4f4', EndColorStr='white');
}
.lightButton:hover {
  background-color: #e9e9e9;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), to(#e9e9e9));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #f4f4f4, #e9e9e9);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #f4f4f4, #e9e9e9);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #f4f4f4, #e9e9e9);
  /* IE10 */
  background-image: -o-linear-gradient(top, #f4f4f4, #e9e9e9);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #f4f4f4, #e9e9e9);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#f4f4f4', EndColorStr='#e9e9e9');
}

.darkButton {
  background-color: #535252;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#6d6d6d), to(#535252));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #6d6d6d, #535252);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #6d6d6d, #535252);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #6d6d6d, #535252);
  /* IE10 */
  background-image: -o-linear-gradient(top, #6d6d6d, #535252);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #6d6d6d, #535252);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#6d6d6d', EndColorStr='#535252');
  color: #fffefe;
  text-shadow: 0 1px 0 #67421e;
}
.darkButton:active, .darkButton:hover {
  color: #fffefe;
}
.darkButton:active {
  background-color: #6d6d6d;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#535252), to(#6d6d6d));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #535252, #6d6d6d);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #535252, #6d6d6d);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #535252, #6d6d6d);
  /* IE10 */
  background-image: -o-linear-gradient(top, #535252, #6d6d6d);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #535252, #6d6d6d);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#535252', EndColorStr='#6d6d6d');
}
.darkButton:hover {
  background-color: #424242;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5d5d5d), to(#424242));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #5d5d5d, #424242);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #5d5d5d, #424242);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #5d5d5d, #424242);
  /* IE10 */
  background-image: -o-linear-gradient(top, #5d5d5d, #424242);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #5d5d5d, #424242);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#5d5d5d', EndColorStr='#424242');
}

a img {
  vertical-align: bottom;
}

select {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #535252;
  /* Old browsers */
  background: -moz-linear-gradient(top, #6d6d6d 0%, #535252 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6d6d6d), color-stop(100%, #535252));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #6d6d6d 0%, #535252 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #6d6d6d 0%, #535252 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #6d6d6d 0%, #535252 100%);
  /* W3C */
  font-family: Helvetica, Arial;
  font-size: 20px;
  font-weight: 300;
  color: #fdfcfc;
  padding: 6px 30px 6px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
select optgroup {
  background: #535252;
}
select option {
  background: #535252;
}
select:disabled {
  color: #999;
}

label.forSelect {
  position: relative;
  display: inline-block;
}

/* Select arrow styling */
label.forSelect:after {
  content: '';
  width: 12px;
  height: 17px;
  position: absolute;
  display: inline-block;
  top: 11px;
  right: 15px;
  background: url(img/selectArrows.png) no-repeat right center;
  pointer-events: none;
  -ms-background-position-y: 1233px !important;
}

/*target Internet Explorer*/
@media screen and (min-width: 0 \0) {
  .ie select {
    background: #535252 !important;
    padding: 6px 10px;
  }

  .ie label.forSelect:after {
    display: none;
  }
}
input[type=text], textarea.input, input[type=email], input[type=password], input#FirstName, input#LastName, input#CouponCode, input#Username {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px inset #c0c0c0;
  padding: 7px 13px;
  font-size: 20px;
  color: #616161;
  font-family: 'Roboto Condensed';
  font-weight: 300;
}
input[type=text].placeholder, textarea.input.placeholder, input[type=email].placeholder, input[type=password].placeholder, input#FirstName.placeholder, input#LastName.placeholder, input#CouponCode.placeholder, input#Username.placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
input[type=text]::-webkit-input-placeholder, textarea.input::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input#FirstName::-webkit-input-placeholder, input#LastName::-webkit-input-placeholder, input#CouponCode::-webkit-input-placeholder, input#Username::-webkit-input-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
input[type=text]:-moz-placeholder, textarea.input:-moz-placeholder, input[type=email]:-moz-placeholder, input[type=password]:-moz-placeholder, input#FirstName:-moz-placeholder, input#LastName:-moz-placeholder, input#CouponCode:-moz-placeholder, input#Username:-moz-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
input[type=text]::-moz-placeholder, textarea.input::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=password]::-moz-placeholder, input#FirstName::-moz-placeholder, input#LastName::-moz-placeholder, input#CouponCode::-moz-placeholder, input#Username::-moz-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
input[type=text]:-ms-input-placeholder, textarea.input:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input#FirstName:-ms-input-placeholder, input#LastName:-ms-input-placeholder, input#CouponCode:-ms-input-placeholder, input#Username:-ms-input-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
input[type=text]:disabled, textarea.input:disabled, input[type=email]:disabled, input[type=password]:disabled, input#FirstName:disabled, input#LastName:disabled, input#CouponCode:disabled, input#Username:disabled {
  background-color: #d6d6d6;
}

input:focus {
  outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=text].dark {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px inset #444;
  padding: 7px 13px;
  font-size: 20px;
  color: #616161;
  font-family: 'Roboto Condensed';
  font-weight: 300;
  background-color: #171819;
}
input[type=text].dark.placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
input[type=text].dark::-webkit-input-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
input[type=text].dark:-moz-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
input[type=text].dark::-moz-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
input[type=text].dark:-ms-input-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
input[type=text].dark::-webkit-input-placeholder {
  color: #616161;
}
input[type=text].dark:-moz-placeholder {
  /* Firefox 18- */
  color: #616161;
}
input[type=text].dark::-moz-placeholder {
  /* Firefox 19+ */
  color: #616161;
}
input[type=text].dark:-ms-input-placeholder {
  color: #616161;
}

select.dark {
  border-color: #616161;
}

#fancybox-content {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#fancybox-close {
  right: -55px !important;
}

input[type=checkbox] {
  border: none !important;
}

.pagination {
  padding: 0 0 40px 0;
  margin-top: 25px;
}
.pagination li {
  display: inline-block;
}
.pagination li a {
  display: inline-block;
  padding: 4px 6px;
  margin-right: 5px;
  border: 1px solid #e7e6e6;
  color: #4c6161;
  font-weight: 500;
}
.pagination li a:hover, .pagination li a:active {
  background-color: #DDD;
  text-decoration: none;
}
.pagination li a.selected {
  background-color: #DDD;
  cursor: default;
}
.pagination a {
  padding: 1px 6px;
  margin-right: 5px;
  border: 1px solid #e7e6e6;
  color: #4c6161;
  font-weight: 500;
}
.pagination a:hover, .pagination a:active {
  background-color: #DDD;
  text-decoration: none;
}
.pagination a.selected {
  background-color: #DDD;
  cursor: default;
}

.paginationTop {
  padding-bottom: 15px;
}

.starRatings {
  display: inline-block;
  height: 31px;
  width: 210px;
  background-image: url("img/starRatings.png");
  background-position: 0px 0px;
}
.starRatings.Star0, .starRatings.noStarHover {
  background-position: 0px -40px;
}
.starRatings.Star1, .starRatings.oneStarHover {
  background-position: 0px -80px;
}
.starRatings.Star2, .starRatings.twoStarHover {
  background-position: 0px -120px;
}
.starRatings.Star3, .starRatings.threeStarHover {
  background-position: 0px -160px;
}
.starRatings.Star4, .starRatings.fourStarHover {
  background-position: 0px -200px;
}
.starRatings.Star5, .starRatings.fiveStarHover {
  background-position: 0px -240px;
}
.starRatings .star {
  width: 35px;
  height: 31px;
  display: inline-block;
}

.smallStarsGray {
  padding: 0 !important;
  display: inline-block;
  background-image: url("img/starsSmall2.png");
  width: 110px;
  height: 17px;
  background-position: 0px 0px;
}
.smallStarsGray .smallStarsOrange {
  padding: 0 !important;
  background-image: url("img/starsSmall2.png");
  width: 0%;
  height: 17px;
  background-position: 0px -18px;
}

.features h2 {
  font: bold 18px Roboto;
  color: #343a3b;
  padding-bottom: 10px;
}
.features ul {
  border-top: 1px solid #eaeaea;
}
.features ul li {
  font: 18px Roboto;
  font-weight: 400;
  padding: 10px 0;
  border-bottom: 1px solid #eaeaea;
}

.ratingsSummary ul {
  max-width: 400px;
  float: left;
}
.ratingsSummary ul li {
  float: right;
  padding: 6px 0;
}
.ratingsSummary ul li span {
  padding-right: 10px;
}
.ratingsSummary ul li .criteriaRating {
  display: inline-block;
  width: 242px;
  height: 10px;
  padding: 0 !important;
  background-color: #d9d9d9;
  -webkit-border-radius: 2px 2px/4px 4px;
  -moz-border-radius: 2px 2px/4px 4px;
  -ms-border-radius: 2px 2px/4px 4px;
  -o-border-radius: 2px 2px/4px 4px;
  border-radius: 2px 2px/4px 4px;
  border-top: 1px solid #8d8d8d;
  border-right: 1px solid #8d8d8d;
}
.ratingsSummary ul li .criteriaRating .greenBar {
  width: 30%;
  height: 9px;
  padding: 0;
  background-color: #638486;
  -webkit-border-radius: 2px 0px 0px 2px/4px 0px 0px 4px;
  -moz-border-radius: 2px 0px 0px 2px/4px 0px 0px 4px;
  -ms-border-radius: 2px 0px 0px 2px/4px 0px 0px 4px;
  -o-border-radius: 2px 0px 0px 2px/4px 0px 0px 4px;
  border-radius: 2px 0px 0px 2px/4px 0px 0px 4px;
}
.ratingsSummary ul li .criteriaRating .verticalBars {
  width: calc(100% + 1px);
  height: 9px;
  padding: 0;
  margin-top: -12px;
}
.ratingsSummary ul li .criteriaRating .verticalBars div {
  display: inline-block;
  height: 9px;
  width: 20%;
}
.ratingsSummary ul li .criteriaRating .verticalBars .verticalBar {
  border-right: 1px solid #e8e8e8;
  pointer-events: none;
}
.ratingsSummary ul li .criteriaRating .verticalBars .clipper {
  border-right: 1px solid #8d8d8d;
  -webkit-border-radius: 0px 2px 2px 0px/0px 4px 4px 0px;
  -moz-border-radius: 0px 2px 2px 0px/0px 4px 4px 0px;
  -ms-border-radius: 0px 2px 2px 0px/0px 4px 4px 0px;
  -o-border-radius: 0px 2px 2px 0px/0px 4px 4px 0px;
  border-radius: 0px 2px 2px 0px/0px 4px 4px 0px;
  pointer-events: none;
}

.skyscraperAd {
  width: 180px;
  padding: 0 10px;
  float: right;
}

.skyscraperAdLeft {
  margin-right: 180px;
  padding: 0 10px;
}

/*
.mediumRectangleAd {
	width: 320px;
	padding: 0 10px;
	float: right;
}
.mediumRectangleAdLeft {
	margin-right: 320px;
	padding: 0 10px;
}
*/
.mediumRectangleAd {
  width: 320px;
  padding: 0 10px;
  position: absolute;
  top: 0;
  right: 0;
}

.mediumRectangleAdLeft {
  margin-right: 320px;
  padding: 0 10px;
}

.singleReview ~ .singleReview {
  border-top: 1px dotted #c0bfbf;
}

.bannerImage {
  background-color: #202020;
  -webkit-box-shadow: 0 4px 8px #a5a5a5;
  -moz-box-shadow: 0 4px 8px #a5a5a5;
  box-shadow: 0 4px 8px #a5a5a5;
  text-align: center;
  display: inline-block;
  width: 100%;
  margin-top: -60px;
  overflow: hidden;
  vertical-align: bottom;
}
.bannerImage .container {
  display: inline-block;
  position: relative;
}
.bannerImage img {
  vertical-align: bottom;
}
.bannerImage .fadeLeft {
  background-image: url(img/bannerGradientLeft.png);
  height: 270px;
  width: 244px;
  position: absolute;
  top: 0;
  left: 0;
  /*
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 1036px;
  	// Added by RR
  	position: absolute;
  	width: 244px;				
  	height: 500px;
  	top:0;
  	*/
}
.bannerImage .fadeRight {
  background-image: url(img/bannerGradientRight.png);
  height: 270px;
  width: 244px;
  position: absolute;
  top: 0;
  right: 0;
  /*
  height: 500px;
  background-image: url(img/bannerGradientRight.png);
  background-position: center;
  background-repeat: no-repeat;
  margin-top: -500px;
  margin-left: 1036px;
  	// Added by RR
  	position: absolute;
  	width: 244px;
  	right: 0;
  	top:0;
  	margin:0;
  	*/
}

.caProfile .bannerImage .container, .caProfile .bannerImage .fadeLeft, .caProfile .bannerImage .fadeRight {
  height: 500px;
}

.grid_3 {
  width: 25%;
  float: left;
}

.grid_4 {
  width: 33.33%;
  float: left;
}

.grid_6 {
  width: 50%;
  float: left;
}

.grid_8 {
  width: 66.66%;
  float: left;
}

.grid_9 {
  width: 75%;
  float: left;
}

.columns .grid_3, .columns .grid_4, .columns .grid_6, .columns .grid_8, .columns .grid_9 {
  padding: 0 10px;
}

#pull {
  display: none;
}

.navBar {
  background-color: #151515;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=91);
  opacity: 0.91;
  position: relative;
  z-index: 999;
}
.navBar .logo img {
  margin: 9px 0 9px 10px;
  color: #FFF;
  float: left;
}
.navBar ul {
  list-style: none;
  float: right;
}
.navBar ul li {
  font-weight: 500;
  text-transform: uppercase;
  float: left;
}
.navBar ul li a {
  color: #638486;
  display: inline-block;
  padding: 23px 23px;
  height: 60px;
}
.navBar ul li a:active, .navBar ul li a:hover, .navBar ul li a.selected {
  color: #f1762f;
  border-bottom: 2px solid #fdfcfc;
  padding-bottom: 21px;
  text-decoration: none;
}
.navBar ul li.signUp a, .navBar ul li.signOut a, .navBar ul li.login a, .navBar ul li.userName a {
  margin-left: 2px;
  color: #FFF;
  background: rgba(51, 56, 57, 0.5);
}
.navBar ul li.signUp a:active, .navBar ul li.signUp a:hover, .navBar ul li.signOut a:active, .navBar ul li.signOut a:hover, .navBar ul li.login a:active, .navBar ul li.login a:hover, .navBar ul li.userName a:active, .navBar ul li.userName a:hover {
  background: #333839;
  border: none;
  padding-bottom: 23px;
}
.navBar ul li.userName a {
  color: #f1762f;
  padding-top: 18px;
  min-width: 145px;
}
.navBar ul li.userName a img {
  padding-right: 7px;
}
.navBar ul li.userName a span {
  display: inline-block;
  vertical-align: top;
  padding-top: 5px;
  text-transform: none;
}
.navBar ul li.userName #userMenu {
  display: none;
  position: absolute;
  z-index: 2;
}
.navBar ul li.userName #userMenu li {
  float: none;
}
.navBar ul li.userName #userMenu li a {
  background-color: #212423;
  width: 100%;
}
.navBar ul li.userName #userMenu li a:hover {
  background-color: #333839;
}
.navBar ul li.userName #userMenu li.signOut a {
  width: 100%;
}
.navBar ul li.userName #userButton:hover + #userMenu {
  display: block;
}
.navBar ul li.userName #userMenu:hover {
  display: block;
}

.signUpFooter {
  background: #b05f30;
  /* Old browsers */
  background: -moz-linear-gradient(left, #b05f30 0%, #f6823f 25%, #f6823f 75%, #b05f30 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b05f30), color-stop(25%, #f6823f), color-stop(75%, #f6823f), color-stop(100%, #b05f30));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #b05f30 0%, #f6823f 25%, #f6823f 75%, #b05f30 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #b05f30 0%, #f6823f 25%, #f6823f 75%, #b05f30 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #b05f30 0%, #f6823f 25%, #f6823f 75%, #b05f30 100%);
  /* IE10+ */
  background: linear-gradient(to right, #b05f30 0%, #f6823f 25%, #f6823f 75%, #b05f30 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b05f30', endColorstr='#b05f30',GradientType=1 );
  /* IE6-9 */
  padding: 25px 0;
  text-align: center;
}
.signUpFooter a {
  font-size: 26px;
}
.signUpFooter span {
  font-family: Helvetica;
  font-size: 30px;
  color: #fdfcfc;
  padding-left: 15px;
}
.signUpFooter div img {
  margin-bottom: -50px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=49);
  opacity: 0.49;
}

.footer-paypal-wrapper {
    width: 225px;
    display: inline-block;
}


.footer-paypal-wrapper .lightButton {
    font-size: 30px;
}

.freeContent {
  background-color: #526769;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#495e60), to(#526769));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #495e60, #526769);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #495e60, #526769);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #495e60, #526769);
  /* IE10 */
  background-image: -o-linear-gradient(top, #495e60, #526769);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #495e60, #526769);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#495e60', EndColorStr='#526769');
  color: #fdfcfc;
  padding: 30px 0;
}
.freeContent .grid_4 {
  padding: 25px;
}
.freeContent .grid_4 a {
  color: #fdfcfc;
}
.freeContent .grid_4 a:active, .freeContent .grid_4 a:hover {
  text-decoration: none;
}
.freeContent .grid_4 img {
  display: block;
  margin: 0 auto;
}
.freeContent .grid_4 .articlesImg {
  padding-top: 15px;
}
.freeContent .grid_4 h1 {
  font-family: Helvetica;
  font-size: 30px;
  font-weight: 300;
  text-align: center;
  padding: 20px 0;
}

.footerLinks {
  background-color: #1c1e1e;
  overflow: auto;
}
.footerLinks ul.footerNav li {
  font-weight: 500;
  text-transform: uppercase;
  float: left;
}
.footerLinks ul.footerNav li a {
  color: #638486;
  display: inline-block;
  padding: 23px 23px;
  height: 60px;
}
.footerLinks ul.footerNav li a:active, .footerLinks ul.footerNav li a:hover, .footerLinks ul.footerNav li a.selected {
  color: #f1762f;
  border-bottom: 2px solid #fdfcfc;
  padding-bottom: 21px;
  text-decoration: none;
}
.footerLinks ul.footerSocial {
  float: right;
}
.footerLinks ul.footerSocial li {
  float: left;
  padding-top: 18px;
}
.footerLinks ul.footerSocial li a {
  color: #5a5e5e;
  font-size: 22px;
}
.footerLinks ul.footerSocial li a:hover {
  text-decoration: none;
}
.footerLinks ul.footerSocial .icon-twitter-circled:before {
  margin-right: 0;
}

.footerNotes {
  padding: 20px;
  padding-bottom: 80px;
  overflow: auto;
  background-color: #252727;
  color: #8f8f8f;
}
.footerNotes .copyright {
  float: left;
  margin-left: 22px;
}
.footerNotes .tecture {
  float: right;
  background-image: url(img/tecture.png);
  width: 132px;
  height: 24px;
  text-indent: -9999px;
  white-space: nowrap;
}

#signUpPopUp {
  background-color: #FFF;
  width: 250px;
  padding: 15px;
}
#signUpPopUp label, #signUpPopUp input, #signUpPopUp span {
  display: block;
}
#signUpPopUp p {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 15px;
  text-align: center;
}
#signUpPopUp .note {
  font-size: 14px;
  margin-bottom: 18px;
  line-height: 1.3em;
}
#signUpPopUp label {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 5px;
}
#signUpPopUp input[type="submit"] {
  padding: 11px 17px;
  margin: 7px auto;
}
#signUpPopUp .orSignUp {
  text-align: center;
}
#signUpPopUp .orSignUp span {
  font-weight: bold;
  font-size: 18px;
  margin: 18px 0;
}

.intro {
  background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4),rgba(0, 0, 0, 0.8)), url(img/ArtPact_mainpage_newart.jpg);
  background-position: center center;
  margin-top: -60px;
  padding-top: 185px;
  color: #fdfcfc;
  background-size: 100% auto;
}
.intro .headline h1 {
  font-family: Helvetica;
  font-weight: 300;
  font-size: 25px;
  text-align: center;
  opacity: .7;
  font-family: Roboto;
  letter-spacing: 5px;
  text-shadow: black 1px 2px 2px;
}
.intro .headline .separator {
  width: 300px;
  padding-top: 25px;
  margin: 0 auto;
  border-bottom: 1px #415354 solid;
}
.intro .headline h2 {
  padding: 25px 30px 0;
  text-transform: uppercase;
  font-family: 'Roboto Condensed';
  font-weight: bold;
  font-size: 60px;
  line-height: 1.2em;
  color: #fdfcfc;
  text-shadow: black 1px 4px 5px;
}
.intro .signUpHolder {
  text-align: center;
  padding: 70px 0 110px 0;
}
.intro .signUpHolder a {
  font-size: 26px;
  padding: 18px 40px;
  width: 250px;
}
.intro .tagline {
  background-color: #0c0c0c;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=82);
  opacity: 0.82;
  text-align: center;
  padding: 18px 0;
}
.intro .tagline .stars {
  padding: 10px 0;
}
.intro .tagline .stars img {
  padding: 0 5px;
}
.intro .tagline .stars ~ .stars {
  padding-top: 15px;
}
.intro .tagline h3 {
  font-family: 'Roboto Condensed';
  font-size: 30px;
  font-weight: 300;
  font-style: italic;
  opacity: .31;
}

@media (max-width: 767px) {
    .intro {
        background-size: cover;
        background-position: bottom right;
    }
}


.vidAndQuote .greenBG {
  padding-top: 30px;
  overflow: hidden;
  background-color: #526769;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#495e60), to(#526769));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #495e60, #526769);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #495e60, #526769);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #495e60, #526769);
  /* IE10 */
  background-image: -o-linear-gradient(top, #495e60, #526769);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #495e60, #526769);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#495e60', EndColorStr='#526769');
}
.vidAndQuote .greenBG .grid_6 {
  text-align: center;
}
.vidAndQuote .greenBG .grid_6 .curvyShadow {
  margin: 0 auto;
}
.vidAndQuote .greenBG .grid_6 .curvyShadow iframe {
  position: relative;
  z-index: 1;
}
.vidAndQuote .greenBG .quote {
  text-align: left;
}
.vidAndQuote .greenBG .quote .quoteBox {
  padding: 20px 30px 40px;
  margin: 0 25px 0 30px;
  background-color: #f7f7f7;
  border: 3px solid #dbdada;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  color: #4d4c4c;
  font-family: 'Roboto Condensed';
  position: relative;
}
.vidAndQuote .greenBG .quote .quoteBox #slides {
  display: none;
}
.vidAndQuote .greenBG .quote .quoteBox p {
  font-size: 21px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.5em;
}
.vidAndQuote .greenBG .quote .quoteBox .patrick {
  display: block;
  padding-top: 30px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
.vidAndQuote .greenBG .quote .quoteBox .subPatrick {
  display: block;
  font-size: 16px;
}
.vidAndQuote .greenBG .quote img {
  position: relative;
  margin-top: -3px;
  margin-left: 50px;
}
.vidAndQuote .orangeBG {
  background: #b05f30;
  /* Old browsers */
  background: -moz-linear-gradient(left, #b05f30 0%, #f6823f 25%, #f6823f 75%, #b05f30 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b05f30), color-stop(25%, #f6823f), color-stop(75%, #f6823f), color-stop(100%, #b05f30));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #b05f30 0%, #f6823f 25%, #f6823f 75%, #b05f30 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #b05f30 0%, #f6823f 25%, #f6823f 75%, #b05f30 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, #b05f30 0%, #f6823f 25%, #f6823f 75%, #b05f30 100%);
  /* IE10+ */
  background: linear-gradient(to right, #b05f30 0%, #f6823f 25%, #f6823f 75%, #b05f30 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b05f30', endColorstr='#b05f30',GradientType=1 );
  /* IE6-9 */
  height: 200px;
  margin-top: -120px;
}

#ghostQuote {
  position: absolute;
  margin-left: -9999px;
  font-family: 'Roboto Condensed';
}
#ghostQuote p {
  font-size: 21px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.5em;
}
#ghostQuote .patrick {
  display: block;
  padding-top: 30px;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 8px;
}
#ghostQuote .subPatrick {
  display: block;
  font-size: 16px;
}

#slides.noAutoHeight {
  height: auto;
}

.curvyShadow {
  width: 420px;
  height: 315px;
  background: white;
  margin-bottom: 20px;
  position: relative;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.curvyShadow:before, .curvyShadow:after {
  content: "";
  position: absolute;
  z-index: 0;
  bottom: 11px;
  left: 6px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.curvyShadow:after {
  right: 6px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

.features .featuresHeadline {
  text-align: center;
}
.features .featuresHeadline img {
  margin-top: -70px;
}
.features .featuresHeadline h1 {
  font-family: 'Roboto Condensed';
  font-weight: bold;
  font-size: 52px;
  color: #343a3b;
  margin-top: -137px;
  display: table;
  width: 100%;
  padding: 30px 0;
}
.features .featuresHeadline h1 span {
  display: table-cell;
}
.features .featuresHeadline h1 .lines {
  width: 19%;
  border-bottom: 1px solid #d9dad9;
}
.features .featuresHeadline h1 .center {
  display: inline-block;
  position: relative;
  top: 0.5em;
  padding: 0 0.5em;
}
.features .featuresHeadline .coverLine {
  background: white;
}

.featureItems .featureItem {
  padding: 80px 0;
}
.featureItems .featureItem .floatRight {
  float: right;
}
.featureItems .featureItem .featureImage {
  text-align: center;
  padding: 20px 0;
}
.featureItems .featureItem .featureImage img {
  width: 100%;
}
.featureItems .featureItem .featureArticles {
  max-width: 239px;
}
.featureItems .featureItem .featureNews {
  max-width: 214px;
}
.featureItems .featureItem .featureStars {
  max-width: 369px;
}
.featureItems .featureItem .featureProfilePage {
  max-width: 250px;
}
.featureItems .featureItem .featureGlossary {
  max-width: 239px;
}
.featureItems .featureItem .featureContracts {
  max-width: 371px;
}
.featureItems .featureItem .featureSearch {
  max-width: 250px;
}
.featureItems .featureItem .featureText {
  padding: 20px 20px;
}
.featureItems .featureItem .featureText h1 {
  font-size: 34px;
  padding-bottom: 10px;
}
.featureItems .featureItem .featureText p {
  font-size: 18px;
}
.featureItems .separator {
  width: 300px;
  margin: 0 auto;
  border-bottom: 1px solid #d9dad9;
}

.searchBar {
  text-align: center;
  background-color: #262829;
  -moz-box-shadow: inset 0px 4px 13px 0px #1B1B1B, inset 0px -6px 13px 0px #1B1B1B;
  -webkit-box-shadow: inset 0px 4px 13px 0px #1B1B1B, inset 0px -6px 13px 0px #1B1B1B;
  box-shadow: inset 0px 4px 13px 0px #1B1B1B, inset 0px -6px 13px 0px #1B1B1B;
}
.searchBar .wrapper {
  padding: 40px 10px;
}
.searchBar label {
  margin: 0 10px 0 5px;
}
.searchBar select {
  width: 230px;
}
.searchBar .orangeButton {
  font-size: 18px;
  padding: 10px 35px;
  vertical-align: top;
}
.searchBar #FilterString::-webkit-input-placeholder {
  opacity: 1;
}
.searchBar #FilterString:-moz-placeholder {
  opacity: 1;
}
.searchBar #FilterString::-moz-placeholder {
  opacity: 1;
}
.searchBar #FilterString:-ms-input-placeholder {
  opacity: 1;
}

.filter {
  background: #f3f3f3;
  padding: 15px;
  margin-bottom: 15px;
}
.filter .showFiltersButton {
  width: 100%;
  padding-bottom: 15px;
  display: none;
}
.filter .filterHeader {
  padding-bottom: 20px;
}
.filter .filterHeader h1 {
  font-size: 28px;
  color: #343a3b;
  display: inline-block;
}
.filter .filterHeader a {
  float: right;
  font-size: 25px;
  margin-top: 1px;
  color: #7e7d7d;
}
.filter input[type="text"] {
  width: 100%;
  margin-bottom: 10px;
}
.filter label {
  width: 100%;
  margin-bottom: 10px;
}
.filter label select {
  width: 100%;
}
.filter .ratingCriteria {
  padding: 5px 0;
}
.filter .ratingCriteria h3 {
  color: #6a6a6a;
  font: 500 18px Roboto;
  padding-bottom: 8px;
}
.filter .ratingCriteria span {
  position: relative;
  bottom: 11px;
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
  font-size: 15px;
}
.filter input[type=submit], .filter input[type=reset], .filter input[type=button] {
  margin-top: 25px;
  padding: 9px 42px;
  font-size: 19px;
}
.filter input[type=submit] {
  margin-right: 7px;
}

.fakeFilterImage {
  margin-bottom: 9%;
}
.fakeFilterImage img {
  width: 100%;
}
.fakeFilterImage .signUpBox {
  position: relative;
  background-color: rgba(255, 255, 255, 0.5);
  width: 80%;
  padding-bottom: 94%;
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: #888888 0px 5px 24px;
  -moz-box-shadow: #888888 0px 5px 24px;
  box-shadow: #888888 0px 5px 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin-top: -111%;
  margin-left: 11%;
}
.fakeFilterImage .signUpBox div {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  padding: 34px 15px;
}
.fakeFilterImage .signUpBox div .asterisk {
  color: #f1762f;
  font-weight: bold;
  font-size: 35px;
}
.fakeFilterImage .signUpBox div p {
  color: #6a6a6a;
  margin: 1em 0 1.3em 0;
}

#filterPopup {
  max-width: 480px;
  line-height: 1.5em;
  background-color: #FFF;
  padding: 5px;
  font-size: 15px;
  line-height: 1.4em;
}
#filterPopup li + li {
  margin-top: 10px;
}
#filterPopup .bold {
  font-weight: 500;
}

.ourMission {
  padding: 0 10px;
}
.ourMission p {
  margin: 1em 0;
}
.ourMission .missionStatement h1 {
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  color: #638486;
}
.ourMission .missionStatement .introQuote {
  margin-top: 0;
}
.ourMission .foundingArtists .foundingArtist {
  padding: 10px 0;
}
.ourMission .foundingArtists .foundingArtist .artistImg {
  float: left;
  margin-right: 25px;
}
.ourMission .foundingArtists .foundingArtist img {
  float: right;
}
.ourMission .foundingArtists .foundingArtist .artistBio {
  overflow: hidden;
}
.ourMission .foundingArtists .foundingArtist h2 {
  font-weight: bold;
  padding-bottom: 5px;
  color: #638486;
}
.ourMission .foundingArtists .foundingArtist a {
  font-size: 18px;
}

.termsDMCA {
  margin: 40px auto;
  padding: 0 10px;
}
.termsDMCA h1 {
  text-align: center;
  font-weight: bold;
  font-size: 32px;
  text-decoration: underline;
  padding-bottom: .5em;
}
.termsDMCA h2 {
  font-size: 24px;
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
  padding: .5em 0;
}
.termsDMCA h3 {
  font-size: 20px;
  font-weight: bold;
  padding: .5em 0;
}
.termsDMCA.glossary h3 {
  padding-top: 1em;
}
.termsDMCA p {
  padding: .5em 0;
}
.termsDMCA .center {
  text-align: center;
}
.termsDMCA .bold {
  font-weight: bold;
}
.termsDMCA .underline {
  text-decoration: underline;
}
.termsDMCA ol {
  font-size: 18px;
  line-height: 1.5em;
  list-style: decimal;
  margin-left: 24px;
}
.termsDMCA ul {
  font-size: 18px;
  line-height: 1.5em;
}
.termsDMCA ul li {
  padding: .5em 0;
}

.dashboardTiles .wideTile, .dashboardTiles .squareTile {
  position: relative;
  margin-top: 30px;
}
.dashboardTiles .squareTile {
  width: 48.6%;
  max-width: 400px;
  display: inline-block;
}
.dashboardTiles img {
  width: 100%;
  vertical-align: bottom;
}
.dashboardTiles .thinImage {
  display: none;
}
.dashboardTiles .title {
  font-size: 40px;
  color: #fdfcfc;
  position: absolute;
}
.dashboardTiles .description {
  background-color: rgba(22, 22, 22, 0.69);
  position: absolute;
}
.dashboardTiles .wideTile .title {
  top: 0;
  left: 0;
  width: 38%;
  text-align: center;
  padding-top: 32%;
}
.dashboardTiles .wideTile .description {
  top: 0;
  right: 0;
  height: 100%;
  width: 62%;
}
.dashboardTiles .wideTile .description .vMiddleContainer {
  padding: 0 40px;
}
.dashboardTiles .squareTile .title {
  top: 0;
  width: 100%;
  text-align: center;
  padding-top: 12%;
}
.dashboardTiles .squareTile .description {
  bottom: 0;
  width: 100%;
  height: 65%;
}
.dashboardTiles .squareTile .description .vMiddleContainer {
  padding: 0 20px;
}
.dashboardTiles h2 {
  font-family: 'Roboto Condensed';
  font-weight: bold;
  font-size: 40px;
  color: #fdfcfc;
  text-shadow: 0 1px 0 black;
  margin-bottom: .4em;
}
.dashboardTiles p {
  color: #969696;
}
.dashboardTiles .orangeButton {
  margin-top: 20px;
}

.companiesDashboard .cdHeader {
  background-color: #4c6265;
  color: #fdfcfc;
  font-family: 'Roboto Condensed';
  font-size: 52px;
  font-weight: bold;
}
.companiesDashboard .cdHeader .wrapper {
  padding: 23px 10px;
}
.companiesDashboard .companiesPage {
  padding: 0 10px;
}
.companiesDashboard .companiesPage .companyLogo {
  display: inline-block;
  width: 24.7%;
  text-align: center;
  margin-bottom: 30px;
}
.companiesDashboard .companiesPage .companyLogo a {
  display: inline-block;
  -webkit-box-shadow: 0 0 8px black;
  -moz-box-shadow: 0 0 8px black;
  box-shadow: 0 0 8px black;
}
.companiesDashboard .companiesPage .companyLogo a:hover {
  -webkit-box-shadow: 0 0 20px #08474b;
  -moz-box-shadow: 0 0 20px #08474b;
  box-shadow: 0 0 20px #08474b;
}
.companiesDashboard section ~ section {
  border-top: 9px solid #e2e2e2;
}
.companiesDashboard section h2 {
  font-size: 34px;
  margin: .5em 0;
}
.companiesDashboard .skyscraperAdLeft h2 {
  margin-top: 0;
}

.companyListHeader {
  border: 1px solid #d4d4d4;
  overflow: auto;
  padding: 5px;
}
.companyListHeader .left {
  font-size: 20px;
  color: #616161;
  padding: 11px;
}
.companyListHeader .left span {
  font-weight: bold;
}
.companyListHeader .right span {
  color: #6a6a6a;
  font-style: italic;
  font-size: 18px;
  padding-right: 5px;
}
.companyListHeader .right .forSelect {
  display: inline-block;
}
.companyListHeader .right select {
  display: block;
  font-size: 17px;
}

.companyList .company {
  padding: 25px 0;
  border-bottom: 1px dotted #c0bfbf;
}
.companyList .company .companyImage {
  float: left;
}
.companyList .company .companyInfo {
  overflow: hidden;
  vertical-align: top;
  padding-left: 20px;
}
.companyList .company .companyInfo h2 {
  padding-bottom: 3px;
}
.companyList .company .companyInfo h2 a {
  color: #638486;
  font-weight: bold;
  font-size: 30px;
}
.companyList .company .companyInfo h2 a:hover {
  text-decoration: none;
}
.companyList .company .companyInfo .companyRating {
  padding: 5px 0;
}
.companyList .company .companyInfo .companyRating .overallRating {
  position: relative;
  bottom: 3px;
  padding-left: 8px;
  font-size: 14px;
  color: #343a3b;
}
.companyList .company .companyInfo .companyRating .overallRating .starNumber {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=58);
  opacity: 0.58;
}
.companyList .company .companyInfo .companyRating .overallRating a {
  color: #638486;
}
.companyList .company .companyInfo .location {
  padding: 5px 0;
  color: #979a9a;
}
.companyList .company .companyInfo .ratingsSummary {
  padding: 5px 0;
}
.companyList .company .about {
  clear: both;
  padding-top: 20px;
  color: #616161;
  font-size: 18px;
  line-height: 1.5em;
}
.companyList .company .about h2 {
  font-size: 22px;
  padding-bottom: 5px;
}

.wideFakeRatings, .companiesDiv .fakeRatings, .caProfile .caInfo .fakeRatings {
  background-image: url("img/fakeRatings.png");
  width: 415px;
  height: 185px;
  padding: 20px;
}
.wideFakeRatings .signUpBox, .companiesDiv .fakeRatings .signUpBox, .caProfile .caInfo .fakeRatings .signUpBox {
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: #888888 0px 5px 24px;
  -moz-box-shadow: #888888 0px 5px 24px;
  box-shadow: #888888 0px 5px 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  padding: 8px 0;
  height: 150px;
}
.wideFakeRatings .signUpBox .asterisk, .companiesDiv .fakeRatings .signUpBox .asterisk, .caProfile .caInfo .fakeRatings .signUpBox .asterisk {
  color: #f1762f;
  font-weight: bold;
  font-size: 35px;
}
.wideFakeRatings .signUpBox p, .companiesDiv .fakeRatings .signUpBox p, .caProfile .caInfo .fakeRatings .signUpBox p {
  color: #6a6a6a;
  margin: 0 0 0.8em 0;
}

.respFakeRatings {
  background-image: url("img/fakeRatingsResp.png");
  width: 320px;
  height: 214px;
  padding: 22px;
  padding-right: 77px;
}
.respFakeRatings .signUpBox {
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: #888888 0px 5px 24px;
  -moz-box-shadow: #888888 0px 5px 24px;
  box-shadow: #888888 0px 5px 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  padding: 8px 14px;
  height: 167px;
}
.respFakeRatings .signUpBox .asterisk {
  color: #f1762f;
  font-weight: bold;
  font-size: 30px;
}
.respFakeRatings .signUpBox p {
  color: #6a6a6a;
  margin: 0 0 0.8em 0;
  font-size: 16px;
}

.membershipComparison {
  margin-top: 30px;
  padding-bottom: 20px;
}
.membershipComparison .freeMembership {
  padding: 0 5px 0 10px;
}
.membershipComparison .paidMembership {
  padding: 0 10px 0 5px;
}
.membershipComparison .comparisonContainer {
  background-color: #fafafa;
  -moz-box-shadow: 0px 6px 15px -7px #777;
  -webkit-box-shadow: 0px 6px 15px -7px #777;
  box-shadow: 0px 6px 15px -7px #777;
}
.membershipComparison .membershipHeader {
  height: 100px;
  background-color: #262829;
}
.membershipComparison .membershipHeader span {
  display: block;
  padding-top: 15px;
  text-align: center;
  color: #fdfcfc;
  font-family: Roboto;
  font-weight: 400;
  font-size: 21px;
}
.membershipComparison img {
  display: block;
  margin: 0 auto;
  margin-top: -46px;
}
.membershipComparison .paidCircle {
  display: block;
  margin: 0 auto;
  margin-top: -46px;
  width: 89px;
  height: 89px;
  background-color: #f1762f;
  border-radius: 50%;
  text-align: center;
}
.membershipComparison .price {
  color: #fdfcfc;
  font-size: 38px;
  margin-top: 14px;
  display: inline-block;
}
.membershipComparison .priceSmall {
  color: #fdfcfc;
  font-size: 26px;
  margin-top: 24px;
  display: inline-block;
}
.membershipComparison .perYear {
  color: #a23e04;
}
.membershipComparison p {
  padding: 20px;
}
.membershipComparison li {
  text-align: center;
}
.membershipComparison li.strike {
  text-decoration: line-through;
  color: #cfcfcf;
}
.membershipComparison h3 {
  font-family: Helvetica;
  font-weight: 300;
  font-size: 24px;
  text-align: center;
  padding: 31px 0;
  color: #cfcfcf;
}
.membershipComparison .forSignUpButton {
  padding: 20px 0;
  text-align: center;
}

.signUpIntro .wrapper {
  padding: 0 10px;
}
.signUpIntro .wrapper.mainContent {
  margin-bottom: 0;
}
.signUpIntro h2 {
  font-size: 28px;
  color: #343a3b;
  padding: 40px 0;
}
.signUpIntro p {
  font-size: 18px;
  margin-bottom: 1em;
}
.signUpIntro .membershipHeader .paidMembership {
  height: 113px;
  width: 277px;
  float: left;
  background-color: #f1762f;
  color: #fdfcfc;
  font: bold 18px Roboto;
  padding-top: 44px;
  text-align: center;
}
.signUpIntro .membershipHeader .membershipPrice {
  height: 113px;
  background-color: #fafafa;
  margin-bottom: 25px;
}
.signUpIntro .membershipHeader .membershipPrice .oneYear {
  display: inline-block;
  font-size: 20px;
  padding: 44px 40px;
}
.signUpIntro .membershipHeader .membershipPrice .price {
  float: right;
  padding: 28px 35px 0 0;
  font-size: 45px;
}
.signUpIntro .membershipHeader .membershipPrice .price div {
  width: 90%;
  height: 1px;
  background-color: #d8d8d8;
  box-shadow: 0px 0px 7px black;
  margin: 0 auto;
  margin-top: 5px;
}

.registrationSection .wrapper {
  padding-bottom: 40px;
}

#Password + span {
  display: block;
  padding-top: 5px;
}

#validation-summary {
  padding: 0;
  margin-bottom: 11px;
  overflow: hidden;
  display: none;
  background-color: #f1762f;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#validation-summary .validationX {
  width: 80px;
  float: left;
}
#validation-summary .validationX .icon-cancel {
  color: #fdfcfc;
  font-size: 35px;
  padding: 12px 0 0 58px;
  display: block;
}
#validation-summary .errors {
  margin-left: 80px;
  background-color: #e0e0e0;
  padding: 14px 10px 10px;
}
#validation-summary .errors .errorsIntro {
  font-family: Helvetica;
  font-weight: bold;
  margin-bottom: 6px;
}
#validation-summary .errors .validation-summary-errors ul {
  list-style-type: disc;
  margin-left: 17px;
  font-weight: 400;
}
#validation-summary .errors .validation-summary-errors li {
  margin-bottom: 4px;
}

#termsPartial .termsDMCA {
  padding: 15px 10px;
  margin: 0;
  background-color: #FFF;
}

#termsPopUp .wrapper.termsDMCA {
  margin: 0;
  padding: 0;
  max-width: none;
  background-color: #fff;
}

.writeAReviewHeader {
  background-image: url(http://www.artpact.com/Content/images/writeAReviewHeader.jpg);
  background-position: top center;
  height: 302px;
  margin-top: -60px;
}

.writeAReview h1 {
  font-size: 28px;
  color: #343a3b;
  padding: 30px 0 30px 10px;
}
.writeAReview h1 span {
  font-weight: 700;
  color: #f1762f;
}

.reviewForm {
  background-color: #f3f3f3;
  padding: 0 40px;
  margin-bottom: 50px;
}
.reviewForm .section {
  padding: 20px 0;
  border-top: 1px dotted #c0bfbf;
}
.reviewForm .section .industryAndWork {
  display: inline-block;
}
.reviewForm .section #IndustryDD {
  padding-right: 7px;
}
.reviewForm .section #IndustryDD label {
  width: 220px;
}
.reviewForm .section #IndustryDD label select {
  width: 220px;
}
.reviewForm .section #OtherWT {
  display: none;
  padding-top: 8px;
}
.reviewForm .section input[type="System.Web.Mvc.TemplateInfo"], .reviewForm .section textarea {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px inset #c0c0c0;
  padding: 7px 13px;
  font-size: 20px;
  color: #616161;
  font-family: 'Roboto Condensed';
  font-weight: 300;
  width: 100%;
}
.reviewForm .section input[type="System.Web.Mvc.TemplateInfo"].placeholder, .reviewForm .section textarea.placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
.reviewForm .section input[type="System.Web.Mvc.TemplateInfo"]::-webkit-input-placeholder, .reviewForm .section textarea::-webkit-input-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
.reviewForm .section input[type="System.Web.Mvc.TemplateInfo"]:-moz-placeholder, .reviewForm .section textarea:-moz-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
.reviewForm .section input[type="System.Web.Mvc.TemplateInfo"]::-moz-placeholder, .reviewForm .section textarea::-moz-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
.reviewForm .section input[type="System.Web.Mvc.TemplateInfo"]:-ms-input-placeholder, .reviewForm .section textarea:-ms-input-placeholder {
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
  font-style: italic;
}
.reviewForm .section.noBorder {
  border: none;
}
.reviewForm h2 {
  font: 18px Roboto;
  font-weight: 500;
  color: #6a6a6a;
  padding-bottom: 10px;
}
.reviewForm .orangeButton {
  margin: 20px 0 30px 0;
  display: none;
}
.reviewForm .darkButton {
  display: none;
}

.singleReview li {
  position: relative;
}
.singleReview li .ratingGuide {
  top: -21px;
  left: 215px;
  min-width: 400px;
}
.singleReview li li {
  float: none;
}

.reviewSuccess {
  position: fixed;
  z-index: 99;
  top: 50%;
  left: 50%;
  margin-top: -31px;
  margin-left: -137px;
  border: 2px solid;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 20px;
  background-color: rgba(255, 255, 255, 0.95);
  font-weight: 400;
  font-size: 18px;
}

.caProfile .skyscraperAd {
  margin: 20px 0;
}
.caProfile .uploadCoverPhoto {
  width: 540px;
  height: 180px;
  margin: -340px auto 0;
  position: relative;
  text-align: center;
  padding-top: 30px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid #353535;
  -webkit-box-shadow: #111111 0px 5px 24px;
  -moz-box-shadow: #111111 0px 5px 24px;
  box-shadow: #111111 0px 5px 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
.caProfile .uploadCoverPhoto h2 {
  font-family: 'Roboto Condensed';
  font-weight: bold;
  font-size: 40px;
  color: #fdfcfc;
  text-shadow: 0 1px 0 black;
  margin-bottom: 20px;
}
.caProfile #linksBar {
  background: rgba(12, 12, 12, 0.82);
  position: relative;
}
.caProfile #linksBar .wrapper {
  padding: 0 10px;
}
.caProfile #linksBar .wrapper .linksBarContainer {
  margin-left: 224px;
  padding-top: 27px;
}
.caProfile #linksBar .wrapper .caHeader h2, .caProfile #linksBar .wrapper .caHeader .location {
  margin-right: 130px;
}
.caProfile #linksBar .wrapper .caHeader h2 {
  color: #fdfcfc;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 6px;
}
.caProfile #linksBar .wrapper .caHeader .location {
  margin-bottom: 19px;
}
.caProfile #linksBar .wrapper .caHeader .location span {
  color: #979a9a;
}
.caProfile #linksBar .wrapper .followButtons {
  float: right;
}
.caProfile #linksBar .wrapper .followButtons .orangeButton {
  margin-right: 9px;
}
.caProfile #linksBar .wrapper .followButtons .signUpButton {
  margin-bottom: 22px;
}
.caProfile a.URL {
  display: inline-block;
  padding-bottom: 5px;
}
.caProfile #profileImage {
  border: 7px solid #fdfcfc;
  float: left;
  margin: -68px 10px 10px 0;
  position: relative;
}
.caProfile #profileImageResp {
  border: 7px solid #fdfcfc;
  display: none;
}
.caProfile .caInfo {
  margin-left: 224px;
  margin-top: 13px;
}
.caProfile .caInfo .companyRating {
  margin-bottom: 8px;
}
.caProfile .caInfo .companyRating .overallRating {
  position: relative;
  bottom: 3px;
  padding-left: 8px;
  font-size: 14px;
  color: #343a3b;
}
.caProfile .caInfo .companyRating .overallRating .starNumber {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=58);
  opacity: 0.58;
}
.caProfile .caInfo .companyRating .overallRating a {
  color: #638486;
}
.caProfile .cAbout {
  clear: left;
  padding-top: 10px;
}
.caProfile .cAbout h2 {
  margin-bottom: 10px;
}
.caProfile .aAbout {
  margin: 1em 0;
}
.caProfile .reviewsHeader {
  border: 1px solid #DDD;
  padding: 10px;
  margin-top: 30px;
  overflow: auto;
  width: 100%;
}
.caProfile .reviewsHeader .numberReviews {
  font-size: 18px;
  margin: 13px 0 10px 10px;
  display: inline-block;
}
.caProfile .reviewsHeader .right .filterGroup {
  display: inline-block;
}
.caProfile .reviewsHeader .right .filterGroup span {
  font-size: 16px;
  font-style: italic;
}
.caProfile .reviewsHeader .right .filterGroup select {
  font-size: 16px;
}
.caProfile .reviewsHeader .right .filterGroup label.forSelect:after {
  top: 12px;
}
.caProfile .latestReviewsHeader {
  clear: left;
  padding-bottom: 5px;
  border-bottom: 1px solid #d4d4d4;
}
.caProfile .companyLink {
  display: block;
  padding-top: 30px;
  margin-left: 190px;
  font-size: 34px;
  color: #638486;
  font-weight: bold;
}
.caProfile .companyLink:hover {
  text-decoration: none;
}
.caProfile .singleReview {
  padding-top: 17px;
}

.rrRestricted {
  border: 1px solid #ddd;
  text-align: center;
  padding: 60px 40px;
  margin: 30px 0;
}
.rrRestricted h2 {
  color: #616161;
  padding-bottom: 30px;
  line-height: 1.3em;
}

.overflowHidden {
  overflow: hidden;
}

.singleReviewRatings {
  float: left;
}
.singleReviewRatings .ratingsSummary {
  width: 175px;
}

.singleReviewDescription {
  margin-left: 190px;
}
.singleReviewDescription .reviewTitle h1 {
  margin: 15px 0 10px 0;
  padding: 0;
}
.singleReviewDescription .reviewTitle h1 a {
  font-size: 26px;
  font-weight: bold;
}
.singleReviewDescription .reviewTitle h1 a:hover, .singleReviewDescription .reviewTitle h1 a:active {
  text-decoration: none;
}
.singleReviewDescription .section h1 {
  color: #616161;
  font-family: Roboto;
  font-weight: 500;
  font-size: 20px;
  margin: .5em 0 .3em 0;
}
.singleReviewDescription .workType {
  padding-top: 7px;
}
.singleReviewDescription .workType span {
  font-weight: 400;
}

.singleReviewRatings .ratingsSummary ul li .criteriaRating {
  width: 175px;
}

.singleReview {
  padding: 30px 0;
}
.singleReview .helpful {
  clear: left;
  background-color: #f3f3f3;
  padding: 8px 20px;
  margin-top: 25px;
}
.singleReview .helpful span {
  font-size: 15px;
  display: inline-block;
  margin: 8px 15px 8px 0;
}
.singleReview .helpful .helpfulButtons {
  display: inline-block;
}
.singleReview .helpful .darkButton {
  padding: 8px 20px;
  margin-right: 10px;
}
.singleReview .helpful .darkButton:hover {
  cursor: pointer;
}

.singleReview:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}

.singleReview .ratingsSummary img {
  width: 175px;
  margin-bottom: 8px;
}
.singleReview .ratingsSummary span a {
  display: none;
  color: #638486;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 15px;
}
.singleReview .ratingsSummary span a:hover {
  text-decoration: none;
}
.singleReview .singleReviewDescription h1 {
  padding: 0;
}
.singleReview .singleReviewDescription span a {
  color: #638486;
  font-size: 32px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 15px;
}
.singleReview .singleReviewDescription span a:hover {
  text-decoration: none;
}

.singleReviewPage {
  margin-bottom: 40px;
}
.singleReviewPage .skyscraperAd {
  margin-top: 25px;
}
.singleReviewPage .reviewAC {
  padding: 15px 0;
  overflow: auto;
}
.singleReviewPage .reviewAC img {
  float: left;
  max-width: 150px;
  max-height: 150px;
}
.singleReviewPage .reviewAC .rightSide {
  overflow: hidden;
  padding-left: 15px;
}
.singleReviewPage .reviewAC .rightSide h2, .singleReviewPage .reviewAC .rightSide .location, .singleReviewPage .reviewAC .rightSide .companyRating, .singleReviewPage .reviewAC .rightSide .companyLocation {
  margin-bottom: 6px;
}
.singleReviewPage .overallRating {
  position: relative;
  bottom: 3px;
  padding-left: 8px;
  font-size: 14px;
  color: #343a3b;
}
.singleReviewPage .overallRating .starNumber {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=58);
  opacity: 0.58;
}
.singleReviewPage .overallRating a {
  color: #638486;
}

.articlesPage {
  /*
  .farticleDescription {
  	padding: 20px;
  	background-color: rgba(0, 0, 0, .8);
  	font-size: 18px;
  	color: $white;
  	// height: ;
  	line-height: 1.3em;
  }
  */
}
.articlesPage.wrapper {
  position: relative;
}
.articlesPage .container {
  margin: 0 auto;
}
.articlesPage #slides {
  display: none;
}
.articlesPage #slides .articleHeader h2 {
  padding-right: 40px;
}
.articlesPage .sliderNav {
  position: absolute;
  top: 11px;
  right: 18px;
  font-size: 34px;
}
.articlesPage .sliderNav a:hover {
  text-decoration: none;
}
.articlesPage .sliderNav [class^="icon-"]:before, .articlesPage .sliderNav [class*=" icon-"]:before {
  margin: 0 2px;
  width: auto;
}
.articlesPage .sliderShadow {
  width: 93%;
  display: block;
  margin: 0 auto;
}

.articleSearchContainer {
  background-color: #6d6d6d;
  /* Fallback Color */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#535252), to(#6d6d6d));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #535252, #6d6d6d);
  /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #535252, #6d6d6d);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #535252, #6d6d6d);
  /* IE10 */
  background-image: -o-linear-gradient(top, #535252, #6d6d6d);
  /* Opera 11.10+ */
  background-image: linear-gradient(top, #535252, #6d6d6d);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#535252', EndColorStr='#6d6d6d');
  margin: 20px 0;
  padding: 18px;
}
.articleSearchContainer input[type=text].dark {
  color: #fdfdfd;
  background-color: #3d3d3d;
  width: 100%;
  margin-bottom: 10px;
}
.articleSearchContainer .orangeButton {
  padding: 10px 30px;
}

.articleNav {
  background-color: #f3f3f3;
  padding: 15px;
}
.articleNav section {
  padding: 10px 0;
}
.articleNav h2 {
  font-weight: 400;
}
.articleNav ul {
  padding: 10px 0;
  font-weight: normal;
  font-size: 18px;
}
.articleNav ul li {
  padding: 10px 0;
}
.articleNav ul li + li {
  border-top: 1px dotted #c0bfbf;
}

.articleShort {
  border-bottom: 1px dotted #c0bfbf;
  padding: 25px 0 35px 0;
}
.articleShort h2 {
  line-height: 1.2em;
  margin-bottom: 13px;
}
.articleShort .articleInfo {
  display: block;
  color: #979a9a;
  line-height: 1.2em;
  margin-bottom: 13px;
}
.articleShort p {
  margin-top: 20px;
}
.articleShort .orangeButton {
  padding: 12px 20px;
  margin-top: 20px;
}

.articlePhoto {
  display: inline-block;
  width: 100%;
}
.articlePhoto img {
  width: 100%;
}

.articleHeader {
  position: relative;
}
.articleHeader .headerContent {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 13px 18px;
  background-color: rgba(0, 0, 0, 0.15);
}
.articleHeader h2 {
  font-family: 'Roboto Condensed';
  font-weight: bold;
  font-size: 36px;
  color: #fdfcfc;
  text-shadow: 1px 1px 6px #000000;
  margin-bottom: 0.2em;
}
.articleHeader span {
  color: #fdfcfc;
  font-weight: 400;
  font-size: 15px;
  text-shadow: 1px 1px 6px #000000;
  display: inline-block;
  vertical-align: top;
}
.articleHeader .articleCategory {
  position: absolute;
  bottom: 13px;
  right: 18px;
  font-family: 'Roboto Condensed';
  font-weight: 400;
  font-size: 24px;
  color: #fdfcfc;
  text-shadow: 1px 1px 6px #000000;
}

#Author {
  padding-top: 30px;
}
#Author h2 {
  font-size: 32px;
  margin-bottom: 12px;
}
#Author img {
  float: left;
  margin: 0 20px 20px 0;
  max-width: 200px;
}
#Author .authorName {
  color: #638486;
  font-family: "Roboto Condensed";
  font-weight: 400;
  font-size: 32px;
  margin-bottom: 0.3em;
}

.articlePage.wrapper {
  margin: 40px auto;
  position: relative;
}
.articlePage .articleNavButtons {
  float: right;
  font-size: 34px;
}
.articlePage .articleNavButtons a:hover {
  text-decoration: none;
}
.articlePage .articleNavButtons [class^="icon-"]:before, .articlePage .articleNavButtons [class*=" icon-"]:before {
  margin: 0 2px;
  width: auto;
}
.articlePage .articleHeader {
  font-size: 34px;
  margin-bottom: 20px;
}
.articlePage .articleHeader + .articleHeader {
  margin-bottom: 12px;
}
.articlePage .articleTitle {
  font-family: 'Roboto Condensed';
  font-weight: bold;
  font-size: 36px;
  color: #343a3b;
  margin-bottom: 13px;
}
.articlePage .articleInfo {
  display: block;
  color: #979a9a;
  line-height: 1.2em;
  margin-bottom: 13px;
}
.articlePage img {
  width: 100%;
  vertical-align: bottom;
}
.articlePage .articleContent {
  font-size: 16px;
  line-height: 1.5em;
  border-bottom: 1px dotted #c0bfbf;
  padding-bottom: 30px;
}

.articleContent ul {
  list-style: initial;
  padding-left: 20px;
}

.articleContent h2 {
  margin: 25px 0 15px;
}
.articleContent ul {
  margin: 15px 0;
}
.articleContent li {
  margin: 10px 0;
}

.socialShare {
  margin-bottom: 15px;
}

.fb-share-button {
  vertical-align: middle;
  margin-right: 17px;
}

#___plusone_0 {
  vertical-align: middle !important;
  width: 80px !important;
}

#twitter-widget-0 {
  vertical-align: middle;
}

.contractsPage.wrapper {
  position: relative;
}
.contractsPage .mediumRectangleAd {
  top: 20px;
}
.contractsPage h1 {
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  color: #638486;
  margin-bottom: .5em;
}
.contractsPage p {
  margin: .5em 0;
}
.contractsPage .contract {
  padding: 20px 0;
  overflow: auto;
}
.contractsPage .contractDownload {
  float: left;
  margin-right: 15px;
  height: 168px;
  width: 150px;
  text-align: center;
}
.contractsPage .contractDownload .orangeButton {
  display: block;
  position: relative;
  margin-top: -81px;
  padding: 16px;
  width: 150px;
  text-align: center;
}
.contractsPage .contractDescription {
  overflow: hidden;
}

.editProfilePage .wrapper h1 {
  padding: 0 0 30px 10px;
  font-family: Roboto;
  font-size: 32px;
  font-weight: bold;
  color: #638486;
}
.editProfilePage form {
  background-color: #f3f3f3;
  padding: 30px;
  margin-bottom: 40px;
}
.editProfilePage .uploadPhotos {
  padding-bottom: 30px;
  border-bottom: 1px dotted #c0bfbf;
}
.editProfilePage .uploadPhotos section {
  position: relative;
  display: inline-block;
  width: 39%;
  padding-right: 30px;
  border-right: 1px dotted #c0bfbf;
}
.editProfilePage .uploadPhotos section h3 {
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  color: #6a6a6a;
}
.editProfilePage .uploadPhotos section img {
  display: block;
  border: 10px solid #fdfcfc;
  -webkit-box-shadow: #999999 0px 0px 10px;
  -moz-box-shadow: #999999 0px 0px 10px;
  box-shadow: #999999 0px 0px 10px;
  margin: 13px 0;
  width: 100%;
  max-width: 220px;
}
.editProfilePage .uploadPhotos section + section {
  width: 59%;
  border: none;
  vertical-align: top;
  padding: 0 0 0 30px;
}
.editProfilePage .uploadPhotos section + section img {
  max-width: 100%;
  width: 100%;
}
.editProfilePage .uploadPhotos input[type="file"] {
  width: 200px;
}
.editProfilePage .uploadPhotos .help {
  display: none;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0px -26px -18px 0px;
  padding: 5px;
  border: 1px solid #aaaaaa;
  background-color: #f8f8d6;
  max-width: 140px;
}
.editProfilePage .uploadPhotos .icon-minus-circled {
  float: right;
}
.editProfilePage .uploadPhotos .icon-minus-circled:hover + .help {
  display: block;
}
.editProfilePage .icon-minus-circled {
  color: #7e7d7d;
  font-size: 18px;
}
.editProfilePage .icon-minus-circled:hover {
  text-decoration: none;
}
.editProfilePage .labelWithText label {
  display: inline;
}
.editProfilePage .labelWithText span {
  padding-left: 7px;
  font-style: italic;
  font-size: 16px;
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
}
.editProfilePage #NewUsername, .editProfilePage #Bio, .editProfilePage input[type="text"] {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px inset #c0c0c0;
  padding: 7px 13px;
  font-size: 20px;
  color: #616161;
  font-family: 'Roboto Condensed';
  font-weight: 300;
}
.editProfilePage #NewUsername:disabled, .editProfilePage #Bio:disabled, .editProfilePage input[type="text"]:disabled {
  background: #dddddd;
}
.editProfilePage .editUsername {
  padding: 25px 0;
  border-bottom: 1px dotted #c0bfbf;
}
.editProfilePage .editUsername .darkButton {
  vertical-align: top;
  padding: 11px 13px;
  margin-top: 2px;
}
.editProfilePage .editUsername .labelWithText, .editProfilePage #UserUrls legend, .editProfilePage .editBio label, .editProfilePage .wrapper h2 {
  font-size: 18px;
  font-weight: normal;
  color: #6a6a6a;
  margin-bottom: 13px;
}
.editProfilePage .usernameInput {
  display: inline-block;
  margin-right: 8px;
}
.editProfilePage .UserUrlsContainer {
  padding: 25px 0;
  border-bottom: 1px dotted #c0bfbf;
}
.editProfilePage .UserUrlsContainer a {
  font-size: 18px;
}
.editProfilePage .UserUrlsContainer a:hover {
  text-decoration: none;
}
.editProfilePage .urlGroup {
  padding-bottom: 10px;
}
.editProfilePage .urlGroup div {
  display: inline-block;
  margin-right: 8px;
}
.editProfilePage .urlGroup div label, .editProfilePage .urlGroup div span {
  display: block;
  font-size: 16px;
}
.editProfilePage .editBio {
  padding: 25px 0;
}
.editProfilePage .editBio label {
  display: block;
}
.editProfilePage .editBio textarea {
  width: 100%;
  height: 175px;
}
.editProfilePage .icon-cancel {
  display: none;
  margin-left: -42px;
  padding-right: 5px;
  font-size: 24px;
  color: #f1762f;
}
.editProfilePage .input-validation-error + .icon-cancel {
  display: inline-block;
}

.accountSettingsPage {
  font-size: 16px;
}
.accountSettingsPage .tab {
  display: inline-block;
}
.accountSettingsPage .tab a {
  background-color: #f8f8f8;
  display: inline-block;
  padding: 13px 18px;
  color: #969696;
  font-weight: 400;
  -webkit-border-radius: 10px 10px 0px 0px;
  -moz-border-radius: 10px 10px 0px 0px;
  -ms-border-radius: 10px 10px 0px 0px;
  -o-border-radius: 10px 10px 0px 0px;
  border-radius: 10px 10px 0px 0px;
}
.accountSettingsPage .tab a:hover {
  text-decoration: none;
}
.accountSettingsPage .tab.selected a {
  background-color: #f3f3f3;
  color: #464646;
}
.accountSettingsPage .pane {
  display: none;
}
.accountSettingsPage #pane1 {
  display: block;
}
.accountSettingsPage.wrapper {
  padding: 0 10px;
}
.accountSettingsPage label {
  display: block;
  font-weight: 400;
}
.accountSettingsPage .orangeButton {
  padding: 10px 20px;
}
.accountSettingsPage .followed {
  font-size: 18px;
}
.accountSettingsPage .followed li {
  padding: 6px 0;
  max-width: 400px;
  overflow: auto;
  clear: both;
}
.accountSettingsPage .followed li div {
  display: inline-block;
  float: right;
}
.accountSettingsPage .followed .followedName {
  display: inline-block;
  margin-top: 6px;
}
.accountSettingsPage .followed li + li {
  border-top: 1px dotted #b8b8b8;
}
.accountSettingsPage .followed .orangeButton {
  padding: 8px 15px;
}
.accountSettingsPage .noneFollowed {
  display: block;
}
.accountSettingsPage li ~ .noneFollowed {
  display: none;
}
.accountSettingsPage #subscribeSaved {
  margin-left: 20px;
  color: #638486;
  font-weight: 400;
}
.accountSettingsPage .fancybox {
  display: inline-block;
  margin-top: 8px;
}
.accountSettingsPage .currentEmail {
  margin-bottom: 13px;
}

@media (max-width: 500px) {
  .accountSettingsPage #subscribeSaved {
    margin-left: 1px;
  }
}
#DeleteConfirmation {
  background-color: #FFF;
  max-width: 480px;
  padding: 10px;
}
#DeleteConfirmation .deleteText {
  font-size: 20px;
  margin-bottom: 10px;
  line-height: 1.2em;
}
#DeleteConfirmation a {
  font-size: 15px;
  padding: 10px 15px;
  margin: 5px 0;
}

.field-validation-error {
  color: #f1762f;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #f1762f !important;
}

.validation-summary-errors {
  color: #f1762f;
  line-height: 1.2em;
}

.validation-summary-valid {
  display: none;
}

.errorPage {
  margin: 40px auto;
  padding: 0 10px;
}
.errorPage #errorMessage {
  font-size: 18px;
  line-height: 1.5em;
}

.maxArticles {
  padding: 0 10px;
}
.maxArticles .orangeButton {
  margin-top: 8px;
}

.registerSuccess {
  padding: 0 10px;
}

.pwSuccess {
  display: block;
  padding: 15px 30px;
  background: #c9fac9;
  color: #036403;
  margin-bottom: 35px;
  border: 1px solid #036403;
  border-radius: 4px;
  font-size: 17px;
}

.successMessage {
  display: block;
  padding: 15px 30px;
  background: #c9fac9;
  color: #036403;
  margin-top: 30px;
  border: 1px solid #036403;
  border-radius: 4px;
  font-size: 17px;
}

.wideFakeRatings, .companiesDiv .fakeRatings, .caProfile .caInfo .fakeRatings {
  background-image: url("img/fakeRatings.png");
  background-repeat: no-repeat;
  width: 415px;
  height: 185px;
  padding: 20px;
}
.wideFakeRatings .signUpBox, .companiesDiv .fakeRatings .signUpBox, .caProfile .caInfo .fakeRatings .signUpBox {
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: #888888 0px 5px 24px;
  -moz-box-shadow: #888888 0px 5px 24px;
  box-shadow: #888888 0px 5px 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  padding: 8px 0;
  height: 150px;
}
.wideFakeRatings .signUpBox .asterisk, .companiesDiv .fakeRatings .signUpBox .asterisk, .caProfile .caInfo .fakeRatings .signUpBox .asterisk {
  color: #f1762f;
  font-weight: bold;
  font-size: 35px;
}
.wideFakeRatings .signUpBox p, .companiesDiv .fakeRatings .signUpBox p, .caProfile .caInfo .fakeRatings .signUpBox p {
  color: #6a6a6a;
  margin: 0 0 0.8em 0;
}

.respFakeRatings {
  background-image: url("img/fakeRatingsResp.png");
  width: 320px;
  height: 214px;
  padding: 22px;
  padding-right: 77px;
}
.respFakeRatings .signUpBox {
  background-color: rgba(255, 255, 255, 0.85);
  border: 1px solid #c8c8c8;
  -webkit-box-shadow: #888888 0px 5px 24px;
  -moz-box-shadow: #888888 0px 5px 24px;
  box-shadow: #888888 0px 5px 24px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  padding: 8px 14px;
  height: 167px;
}
.respFakeRatings .signUpBox .asterisk {
  color: #f1762f;
  font-weight: bold;
  font-size: 30px;
}
.respFakeRatings .signUpBox p {
  color: #6a6a6a;
  margin: 0 0 0.8em 0;
  font-size: 16px;
}

@media (max-width: 767px) {
  .skyscraperAd {
    display: none;
  }

  .skyscraperAdLeft {
    margin-right: 0;
  }
}
@media (max-width: 767px) {
  .mediumRectangleAd {
    width: auto;
    position: static;
    top: auto;
    right: auto;
  }
  .mediumRectangleAd .cdHeader {
    background-color: #4c6265;
    color: #fdfcfc;
    font-family: 'Roboto Condensed';
    font-size: 52px;
    font-weight: bold;
  }
  .mediumRectangleAd .cdHeader .wrapper {
    padding: 23px 10px;
  }
  .mediumRectangleAd .companiesPage {
    padding: 0 10px;
  }
  .mediumRectangleAd .companiesPage .companyLogo {
    display: inline-block;
    width: 24.7%;
    text-align: center;
    margin-bottom: 20px;
  }
  .mediumRectangleAd .companiesPage .companyLogo img {
    -webkit-box-shadow: 0 0 8px black;
    -moz-box-shadow: 0 0 8px black;
    box-shadow: 0 0 8px black;
  }
  .mediumRectangleAd img {
    display: none;
  }

  .mediumRectangleAdLeft {
    margin-right: 0;
  }
}
a#pull {
  display: none;
  width: 30px;
  position: absolute;
  right: 10px;
  margin-top: 9px;
  height: 30px;
  border: none;
  padding: auto;
  margin-right: 20px;
}
a#pull:after {
  content: "";
  background: url(img/mobileMenu.png) center no-repeat;
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
}

a.closeLogin {
  float: right;
  font-weight: 700;
  background: #c1561d;
  border-radius: 15px;
  padding: 6px 10px;
  font-size: 15px;
  display: none;
}

@media (max-width: 1023px) {
  #page {
    z-index: 11;
    top: 0;
    width: 100%;
  }
  #page #loginPopup .field, #page #loginPopup .btnForm {
    float: none;
    clear: both;
  }
  #page #loginPopup .field input, #page #loginPopup .btnForm input {
    width: 100%;
  }
  #page #loginPopup .validation-summary-errors {
    margin-top: 168px;
  }
  #page a#pull, #page a.closeLogin {
    display: block;
  }
  #page .navItems {
    display: none;
    background: black;
    float: none;
    width: 100%;
  }
  #page .navItems li, #page .navItems a {
    width: 100%;
  }

  .navBar ul li.userName #userButton i {
    display: none;
  }
  .navBar ul li.userName #userMenu {
    display: block;
    position: static;
    width: 100%;
  }
  .navBar ul li.userName #userMenu li, .navBar ul li.userName #userMenu a {
    width: 100%;
  }
  .navBar ul li.userName #userMenu li.signOut a {
    width: 100%;
  }

  .searchBar input, .searchBar label, .searchBar select {
    width: 100%;
    margin: 0 0 10px;
  }

  .searchBar select {
    margin-bottom: 0;
  }

  .footerNav li, .footerNav li a {
    width: 100%;
  }

  .footerLinks ul.footerSocial {
    margin-left: 25px;
    float: none;
  }
  .footerLinks ul.footerSocial li {
    padding: 15px 15px 15px 0;
    float: left;
  }

  .signUpFooter span {
    display: block;
    padding: 15px 15px 0;
  }

  .footerNotes .tecture {
    float: left;
    margin-top: 20px;
  }

  .footerNotes .copyright {
    float: left;
    width: 100%;
  }

  .wrapper {
    max-width: 100%;
  }

  .vidAndQuote .greenBG {
    overflow: hidden;
  }
  .vidAndQuote .greenBG .grid_6 .curvyShadow {
    margin-bottom: 20px;
  }

  .intro .headline h2 {
    font-size: 40px;
  }

  .intro .tagline h3 {
    font-size: 20px;
  }

  .curvyShadow {
    width: 100%;
  }

  .curvyShadow iframe {
    width: 100%;
  }

  .featureImage.floatRight img {
    width: 100%;
  }

  .features .featuresHeadline h1 .center {
    font-size: 40px;
    top: 1.25em;
  }

  .filter input[type=submit], .filter input[type=button] {
    width: 100%;
  }

  #signUpPopUp {
    text-align: center;
  }
  #signUpPopUp label {
    text-align: left;
  }
  #signUpPopUp input, #signUpPopUp a {
    width: 100%;
  }
  #signUpPopUp .orSignUp span {
    margin: 8px 0 10px;
  }

  #slides {
    height: 160px;
    width: auto;
  }
  #slides .slidesjs-container {
    height: 160px !important;
  }

  .articleHeader h2 {
    font-size: 1.75em;
  }

  .articlePhoto, div.articleHeader {
    overflow: hidden;
  }
  .articlePhoto img, div.articleHeader img {
    width: auto;
    margin-left: -50%;
  }
  #Author img {
    float: none;
  }

  .reviewsHeader .right {
    float: none;
  }
  .reviewsHeader .right .filterGroup {
    max-width: 100%;
    padding: 0 10px 10px 0;
  }
  .reviewsHeader .right .filterGroup:last-child {
    padding: 0 10px 0 0;
  }
  .reviewsHeader .right .filterGroup label.forSelect, .reviewsHeader .right .filterGroup select {
    max-width: 100%;
    margin: 0;
  }
}
@media (max-width: 1023px) and (max-height: 639px) {
  #page {
    width: 100%;
    top: 0;
    z-index: 2;
  }
  #page:after {
    content: "";
    height: 20px;
  }
}
@media (max-width: 1023px) and (min-width: 530px) {
  .articlePhoto img, div.articleHeader img {
    margin-left: 0;
  }
}

@media (max-width: 479px) {
  .ourMission .foundingArtists .foundingArtist .artistImg {
    float: none;
    margin-bottom: 15px;
  }
  .ourMission .foundingArtists .foundingArtist img {
    float: none;
  }
  .ourMission .foundingArtists .foundingArtist .artistBio {
    overflow: none;
  }
}
@media (max-width: 807px) {
  .membershipHeader .paidMembership {
    display: none;
  }
}
@media (max-width: 767px) {
  .registrationSection .grid_9 {
    width: 100%;
  }
  .registrationSection .grid_3 {
    width: 100%;
    padding: 20px;
  }
}
@media (max-width: 530px) {
  .signUpIntro .membershipHeader .membershipPrice {
    width: 100%;
    height: auto;
    text-align: center;
  }
  .signUpIntro .membershipHeader .membershipPrice .oneYear {
    display: block;
    text-align: center;
    padding: 15px 0;
  }
  .signUpIntro .membershipHeader .membershipPrice .price {
    display: inline-block;
    margin: 0 auto;
    float: none;
    padding: 0;
    padding-bottom: 15px;
  }
}
@media (max-width: 899px) {
  .dashboardTiles .wideTile.description .vMiddleContainer, .dashboardTiles .squareTile.description .vMiddleContainer {
    padding: 0 20px;
  }
  .dashboardTiles .title {
    font-size: 36px;
  }
  .dashboardTiles h2 {
    font-size: 32px;
    margin-bottom: .2em;
  }
  .dashboardTiles p {
    font-size: 15px;
  }
  .dashboardTiles .orangeButton {
    margin-top: 13px;
    font-size: 15px;
    padding: 10px 23px;
  }
}
@media (max-width: 767px) {
  .dashboardTiles .wideTile.description .vMiddleContainer, .dashboardTiles .squareTile.description .vMiddleContainer {
    padding: 0 20px;
  }
  .dashboardTiles .title {
    font-size: 36px;
  }
  .dashboardTiles h2 {
    font-size: 32px;
    margin-bottom: .2em;
  }
  .dashboardTiles p {
    font-size: 15px;
  }
  .dashboardTiles .orangeButton {
    margin-top: 13px;
    font-size: 15px;
    padding: 10px 23px;
  }
}
@media (max-width: 599px) {
  .dashboardTiles .wideImage {
    display: none;
  }
  .dashboardTiles .thinImage {
    display: block;
  }
  .dashboardTiles .wideTile .title {
    top: 0;
    width: 100%;
    text-align: center;
    padding-top: 12%;
  }
  .dashboardTiles .wideTile .description {
    top: auto;
    bottom: 0;
    width: 100%;
    height: 65%;
  }
  .dashboardTiles .wideTile .description .vMiddleContainer {
    padding: 20px;
  }
  .dashboardTiles .squareTile {
    width: 100%;
    max-width: none;
    float: none;
  }
  .dashboardTiles h2 {
    font-size: 34px;
  }
  .dashboardTiles p {
    font-size: 18px;
  }
  .dashboardTiles .orangeButton {
    font-size: 16px;
  }
  .dashboardTiles .title {
    font-size: 40px;
  }
}
@media (max-width: 479px) {
  .dashboardTiles .squareTile.description, .dashboardTiles .wideTile.description {
    padding: 0 15px;
  }
  .dashboardTiles h2 {
    font-size: 28px;
  }
  .dashboardTiles p {
    font-size: 15px;
  }
  .dashboardTiles .orangeButton {
    font-size: 15px;
    padding: 14px 20px;
    margin-top: 13px;
  }
  .dashboardTiles .title {
    font-size: 36px;
  }
}
@media (max-width: 1023px) {
  .bannerImage .container {
    width: 100%;
    /*img {
    	margin-left: -50%;
    }*/
  }
  .bannerImage .container .fadeLeft, .bannerImage .container .fadeRight {
    opacity: .5;
  }
}
@media (max-width: 1023px) and (max-width: 899px) {
  .companiesDashboard .companiesPage .companyLogo {
    width: 33.0%;
  }
}
@media (max-width: 1023px) and (max-width: 679px) {
  .companiesDashboard .companiesPage .companyLogo {
    width: 49.4%;
  }
}
@media (max-width: 1023px) and (max-width: 479px) {
  .companiesDashboard .companiesPage .companyLogo a {
    width: 90%;
  }
  .companiesDashboard .companiesPage .companyLogo a img {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .fakeFilterImage .signUpBox div {
    padding: 10px 5px !important;
  }
  .fakeFilterImage .signUpBox div .asterisk {
    font-size: 30px;
  }
  .fakeFilterImage .signUpBox div p {
    margin: 0 0 10px 0;
    font-size: 16px;
  }
  .fakeFilterImage .signUpBox div a {
    padding: 10px 15px;
  }

  .companiesDiv .fakeRatings {
    background-image: url("img/fakeRatingsResp.png");
    width: 100%;
    height: auto;
    padding: 22px;
  }
  .companiesDiv .fakeRatings .signUpBox {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: #888888 0px 5px 24px;
    -moz-box-shadow: #888888 0px 5px 24px;
    box-shadow: #888888 0px 5px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 14px;
    height: auto;
    width: 100%;
  }
  .companiesDiv .fakeRatings .signUpBox .asterisk {
    color: #f1762f;
    font-weight: bold;
    font-size: 30px;
  }
  .companiesDiv .fakeRatings .signUpBox p {
    color: #6a6a6a;
    margin: 0 0 0.8em 0;
    font-size: 16px;
  }
}
@media (max-width: 960px) {
  .companyList .company .companyInfo .ratingsSummary ul li {
    float: left;
  }
  .companyList .company .companyInfo .ratingsSummary ul li .criteriaRating {
    display: block;
  }
}
@media (max-width: 924px) {
  .filter .ratingCriteria span {
    bottom: 0;
    display: block;
  }
}
@media (max-width: 767px) {
  .filter {
    background: #f3f3f3;
    padding: 15px;
  }
  .filter .showFiltersButton {
    width: 100%;
    padding-bottom: 15px;
    display: block;
  }
  .filter .filterHeader {
    padding: 20px 0;
  }
  .filter .ratingCriteria span {
    bottom: 11px;
    display: inline;
  }

  #filterFormContainer {
    display: none;
  }

  .companiesDiv.columns .grid_4 {
    width: 100%;
  }
  .companiesDiv.columns .grid_8 {
    width: 100%;
  }

  .fakeFilterImage {
    display: none;
  }

  .companiesDiv .fakeRatings {
    background-image: url("img/fakeRatings.png");
    width: 100%;
    height: auto;
    padding: 20px;
  }
  .companiesDiv .fakeRatings .signUpBox {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: #888888 0px 5px 24px;
    -moz-box-shadow: #888888 0px 5px 24px;
    box-shadow: #888888 0px 5px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 14px;
    height: auto;
  }
  .companiesDiv .fakeRatings .signUpBox .asterisk {
    color: #f1762f;
    font-weight: bold;
    font-size: 35px;
  }
  .companiesDiv .fakeRatings .signUpBox p {
    color: #6a6a6a;
    margin: 0 0 0.8em 0;
  }
}
@media (max-width: 655px) {
  .companiesDiv .fakeRatings {
    background-image: url("img/fakeRatingsResp.png");
    width: 100%;
    height: auto;
    padding: 22px;
  }
  .companiesDiv .fakeRatings .signUpBox {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: #888888 0px 5px 24px;
    -moz-box-shadow: #888888 0px 5px 24px;
    box-shadow: #888888 0px 5px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 14px 14px;
    height: auto;
  }
  .companiesDiv .fakeRatings .signUpBox .asterisk {
    color: #f1762f;
    font-weight: bold;
    font-size: 30px;
  }
  .companiesDiv .fakeRatings .signUpBox p {
    color: #6a6a6a;
    margin: 0 0 0.8em 0;
    font-size: 16px;
  }
}
@media (max-width: 505px) {
  .companyList .company .companyImage {
    float: none;
  }
  .companyList .company .companyInfo {
    padding: 15px 0 0 0;
  }
  .companyList .company .about {
    clear: none;
  }

  .companiesDiv .fakeRatings {
    background-image: url("img/fakeRatings.png");
    width: 100%;
    height: auto;
    padding: 20px;
  }
  .companiesDiv .fakeRatings .signUpBox {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: #888888 0px 5px 24px;
    -moz-box-shadow: #888888 0px 5px 24px;
    box-shadow: #888888 0px 5px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 14px 14px;
    height: auto;
  }
  .companiesDiv .fakeRatings .signUpBox .asterisk {
    color: #f1762f;
    font-weight: bold;
    font-size: 35px;
  }
  .companiesDiv .fakeRatings .signUpBox p {
    color: #6a6a6a;
    margin: 0 0 0.8em 0;
  }
}
@media (max-width: 479px) {
  .companiesDiv .fakeRatings {
    background-image: url("img/fakeRatingsResp.png");
    width: 100%;
    height: auto;
    padding: 22px;
  }
  .companiesDiv .fakeRatings .signUpBox {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: #888888 0px 5px 24px;
    -moz-box-shadow: #888888 0px 5px 24px;
    box-shadow: #888888 0px 5px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 14px 14px;
    height: auto;
  }
  .companiesDiv .fakeRatings .signUpBox .asterisk {
    color: #f1762f;
    font-weight: bold;
    font-size: 30px;
  }
  .companiesDiv .fakeRatings .signUpBox p {
    color: #6a6a6a;
    margin: 0 0 0.8em 0;
    font-size: 16px;
  }
}
@media (max-width: 1023px) {
  .writeAReview .grid_9 {
    width: 100%;
  }
}
@media (max-width: 1023px) {
  .writeAReview .grid_9 {
    width: 100%;
  }
  .writeAReview .grid_3 {
    display: none;
  }
}
@media (max-width: 630px) {
  .reviewForm {
    padding: 0 15px;
  }
  .reviewForm .section .rating, .reviewForm .section .section, .reviewForm .section .singleReview li, .singleReview .reviewForm .section li {
    position: relative;
    padding-bottom: 10px;
  }
  .reviewForm .section .rating .guideClick, .reviewForm .section .section .guideClick, .reviewForm .section .singleReview li .guideClick, .singleReview .reviewForm .section li .guideClick {
    display: inline-block;
  }
  .reviewForm .section .rating .ratingGuide, .reviewForm .section .section .ratingGuide, .reviewForm .section .singleReview li .ratingGuide, .singleReview .reviewForm .section li .ratingGuide {
    position: static;
    padding: 20px;
    margin: 15px -15px;
    top: 0;
    left: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    min-width: 0;
  }
  .reviewForm .section .rating .ratingGuide:before, .reviewForm .section .section .ratingGuide:before, .reviewForm .section .singleReview li .ratingGuide:before, .singleReview .reviewForm .section li .ratingGuide:before {
    content: "";
    border: none;
  }
}
@media (max-width: 696px) {
  #WorkTypeDD {
    padding-top: 15px;
  }
}
@media (max-width: 1023px) {
  .reviewForm .section #IndustryDD label,
  .reviewForm .section #IndustryDD label select,
  .reviewForm .section #IndustryDD {
    width: 100%;
  }

  #WorkTypeDD {
    padding-right: 7px;
  }

  #WorkTypeDD,
  #WorkTypeDD label.forSelect,
  #WorkTypeDD select {
    max-width: 100%;
    margin: 0;
  }
}
@media (max-width: 829px) {
  .caProfile #linksBar .wrapper .caHeader h2, .caProfile #linksBar .wrapper .caHeader .location {
    margin-right: 0;
  }
  .caProfile #linksBar .wrapper .followButtons.followRight {
    display: none;
  }
  .caProfile #linksBar .wrapper .followButtons.followBelow {
    display: block;
    float: none;
    padding-bottom: 19px;
  }

  .caProfile .reviewsHeader .numberReviews {
    margin-left: 0;
  }

  .caProfile .caInfo .fakeRatings {
    background-image: url("img/fakeRatingsResp.png");
    width: 100%;
    height: auto;
    padding: 22px;
  }
  .caProfile .caInfo .fakeRatings .signUpBox {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: #888888 0px 5px 24px;
    -moz-box-shadow: #888888 0px 5px 24px;
    box-shadow: #888888 0px 5px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 14px 14px;
    height: auto;
  }
  .caProfile .caInfo .fakeRatings .signUpBox .asterisk {
    color: #f1762f;
    font-weight: bold;
    font-size: 30px;
  }
  .caProfile .caInfo .fakeRatings .signUpBox p {
    color: #6a6a6a;
    margin: 0 0 0.8em 0;
    font-size: 16px;
  }
}
@media (max-width: 809px) {
  .caProfile .ratingsSummary ul li {
    float: left;
  }
  .caProfile .ratingsSummary ul li .criteriaRating {
    display: block;
  }
}
@media (max-width: 549px) {
  .caProfile .caInfo {
    margin-left: 0;
  }

  .caProfile #linksBar .wrapper .linksBarContainer {
    margin-left: 0;
    padding-top: 18px;
  }

  #profileImage {
    display: none;
  }

  .caProfile #profileImageResp {
    display: block;
    margin-top: 10px;
    max-width: 164px;
    max-height: 164px;
  }

  .caProfile .reviewsHeader {
    padding-right: 0;
  }
  .caProfile .reviewsHeader .right .filterGroup select {
    font-size: 15px;
  }

  .caProfile .caInfo .fakeRatings {
    background-image: url("img/fakeRatings.png");
    width: 100%;
    height: auto;
    padding: 20px;
  }
  .caProfile .caInfo .fakeRatings .signUpBox {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: #888888 0px 5px 24px;
    -moz-box-shadow: #888888 0px 5px 24px;
    box-shadow: #888888 0px 5px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 14px 14px;
    height: auto;
  }
  .caProfile .caInfo .fakeRatings .signUpBox .asterisk {
    color: #f1762f;
    font-weight: bold;
    font-size: 35px;
  }
  .caProfile .caInfo .fakeRatings .signUpBox p {
    color: #6a6a6a;
    margin: 0 0 0.8em 0;
  }

  .caProfile .uploadCoverPhoto {
    width: 300px;
    height: 100px;
    margin-top: -434px;
    padding-top: 10px;
  }
  .caProfile .uploadCoverPhoto h2 {
    font-size: 22px;
    margin-bottom: 13px;
  }
  .caProfile .uploadCoverPhoto .orangeButton {
    font-size: 14px;
    padding: 10px 15px;
  }
}
@media (max-width: 479px) {
  .caProfile .caInfo .fakeRatings {
    background-image: url("img/fakeRatingsResp.png");
    width: 100%;
    height: auto;
    padding: 22px;
  }
  .caProfile .caInfo .fakeRatings .signUpBox {
    background-color: rgba(255, 255, 255, 0.85);
    border: 1px solid #c8c8c8;
    -webkit-box-shadow: #888888 0px 5px 24px;
    -moz-box-shadow: #888888 0px 5px 24px;
    box-shadow: #888888 0px 5px 24px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    text-align: center;
    padding: 14px 14px;
    height: auto;
  }
  .caProfile .caInfo .fakeRatings .signUpBox .asterisk {
    color: #f1762f;
    font-weight: bold;
    font-size: 30px;
  }
  .caProfile .caInfo .fakeRatings .signUpBox p {
    color: #6a6a6a;
    margin: 0 0 0.8em 0;
    font-size: 16px;
  }
}
@media (max-width: 479px) {
  .singleReviewRatings {
    width: 100%;
    overflow: auto;
    float: none;
  }

  .singleReviewDescription {
    margin: 10px 0 0 0;
  }

  .singleReview .ratingsSummary span a {
    display: block;
  }

  .singleReview .singleReviewDescription span a {
    display: none;
  }
}
@media (max-width: 767px) {
  .articlesPage {
    min-height: 0;
  }
}
@media (max-width: 767px) {
  .articlePage {
    min-height: 0;
  }
}
@media (max-width: 479px) {
  .contractsPage .contractDescription {
    overflow: visible;
  }
}
@media (max-width: 767px) {
  .editProfilePage .uploadPhotos section {
    display: block;
    width: 100%;
    border: none;
    padding-bottom: 25px;
  }
  .editProfilePage .uploadPhotos section a {
    float: none;
    margin-left: 69px;
  }
  .editProfilePage .uploadPhotos section + section {
    width: 100%;
    padding: 25px 0 0 0;
    border-top: 1px dotted #c0bfbf;
  }
  .editProfilePage .uploadPhotos section + section a {
    float: right;
  }
}
@media (max-width: 479px) {
  .editProfilePage form {
    padding: 20px 15px;
  }
}
@media (max-width: 615px) { 
	.accountSettingsPage .tab a span {
		display: block;
		margin-top: 3px;
	}
}
@media (max-width: 479px) {
  .accountSettingsPage .followed li div {
    display: block;
    float: none;
    margin-top: 8px;
  }

  .accountSettingsPage .tab a {
    padding: 13px 18px;
    font-weight: 400;
    -webkit-border-radius: 10px 10px 0px 0px;
    -moz-border-radius: 10px 10px 0px 0px;
    -ms-border-radius: 10px 10px 0px 0px;
    -o-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
  }
}

@media (max-width: 385px) { 
	.accountSettingsPage .tab a {
		padding: 9px 6px;
	}
}

@media (max-width: 479px) {
  .grid_4, .grid_6 {
    width: 100%;
  }
}
/* Enable this code for a fixed header
@media (max-width: 320px) {
	@media (min-height: 480px) {
		#page {
			position:fixed;
		}
	}
}
*/
@media (max-width: 479px) {
  .grid_4, .grid_6 {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .form .creditCards {
    margin: -6px 0px 10px 0px !important;
    display: block;
  }
}
ul li.login a.selected {
  background-image: url(img/login-arrow.png) !important;
  background-repeat: no-repeat !important;
  background-position: top center !important;
}

.loginArrow {
  position: absolute;
  width: 25px;
  height: 15px;
  top: -5px;
  right: 40px;
  display: none;
}

.navBar .wrapper {
  position: relative;
}

#loginPopup {
  background: #f1762f;
  padding: 15px 0;
}
#loginPopup .form {
  background-color: #f1762f;
  padding: 0;
}
#loginPopup .form input, #loginPopup .form input[type="submit"] {
  margin-bottom: 0;
}
#loginPopup .wrapper {
  position: relative;
}
#loginPopup a {
  color: #fff;
}
#loginPopup h1 {
  text-transform: uppercase;
  font-size: 21px;
  font-weight: 700;
  padding-right: 20px;
  color: #fff;
  float: left;
  padding-top: 12px;
}
#loginPopup .light {
  background-color: #c1561d;
  padding: 7px;
  font-size: 16px;
  border: none;
  border-bottom: 1px solid #f3894c;
  border-top: 1px solid #934116;
  color: #fdfcfc;
}
#loginPopup .light.placeholder {
  color: #fdfcfc;
}
#loginPopup .light::-webkit-input-placeholder {
  color: #fdfcfc;
}
#loginPopup .light:-moz-placeholder {
  color: #fdfcfc;
}
#loginPopup .light::-moz-placeholder {
  color: #fdfcfc;
}
#loginPopup .light:-ms-input-placeholder {
  color: #fdfcfc;
}
#loginPopup .field, #loginPopup .btnForm, #loginPopup .forgotPass {
  float: left;
  padding: 0 5px;
}
#loginPopup .field input, #loginPopup .btnForm input, #loginPopup .forgotPass input {
  width: 100%;
}
#loginPopup .field input {
  width: 270px;
}
#loginPopup .validation-summary-errors {
  position: absolute;
  z-index: 9999;
  left: 50%;
  margin-top: 45px;
  margin-left: -73px;
  border: 2px solid red;
  color: red;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
  padding: 15px;
  background-color: rgba(255, 255, 255, 0.95);
  font-weight: 400;
  font-size: 18px;
}
#loginPopup .field-validation-error {
  color: #fff;
  display: block;
}
#loginPopup .lightButton {
  padding: 7px 25px;
  border: none;
  float: left;
  cursor: pointer;
}
#loginPopup .forgotPass {
  display: inline-block;
  padding-top: 12px;
  font-style: italic;
}

.resetPassword, .changePassword {
  padding: 0 10px;
}
.resetPassword p, .changePassword p {
  margin-bottom: 3px;
}
.resetPassword .orangeButton, .changePassword .orangeButton {
  padding: 11px 34px;
  margin-top: 8px;
  display: block;
}

.loginPage.wrapper {
  padding: 0 10px;
}
.loginPage .field {
  margin-bottom: 5px;
}
.loginPage .btnForm {
  margin: 5px 0;
}
.loginPage .orangeButton {
  padding: 11px 37px;
}

.form {
  background-color: #f3f3f3;
  padding: 25px 30px;
}
.form section + section, .form form section, .form form section + section {
  margin-top: 15px;
}
.form h3, .form #ChangePassword h2 {
  font-family: Roboto;
  font-weight: 400;
  font-size: 24px;
  color: #4F5253;
  margin-bottom: 15px;
}
.form label {
  font: 18px Roboto;
  color: #6a6a6a;
  margin-bottom: 4px;
  display: block;
}
.form .labelWithText label {
  display: inline;
}
.form .labelWithText span {
  padding-left: 7px;
  font-style: italic;
  font-size: 16px;
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
}
.form input {
  margin-bottom: 13px;
}
.form .forSelect {
  display: inline-block;
  margin-bottom: 13px;
}
.form .icon-cancel {
  display: none;
  margin-left: -42px;
  padding-right: 5px;
  font-size: 24px;
  color: #f1762f;
}
.form .input-validation-error + .icon-cancel {
  display: inline-block;
}
.form .receiveEmail {
  margin-bottom: 10px;
}
.form .receiveEmail label {
  display: inline;
  padding-left: 5px;
  font-style: italic;
  font-size: 16px;
  color: #181818;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=33);
  opacity: 0.33;
}
.form .receiveEmail input {
  float: left;
}
.form .submitNotice {
  display: block;
  font-size: 14px;
  margin-bottom: 10px;
}
.form input[type="submit"] {
  margin-bottom: 20px;
}
.form .paymentSpan {
  display: inline-block;
  margin-bottom: 13px;
}
.form .usernameInput {
  display: inline-block;
  padding-right: 10px;
}
.form .usernameInput span {
  display: block;
}
.form .darkButton {
  color: #fffefe;
  display: inline-block;
  vertical-align: top;
  padding: 8px 15px 2px;
  margin-top: 1px;
}
.form .darkButton input {
  margin-right: 7px;
}
.form .adminDarkButton {
  color: #fffefe;
  display: inline-block;
  vertical-align: top;
  padding: 16px 25px;
  margin-top: 0px;
}
.form .adminDarkButton input {
  margin-right: 7px;
}
.form.pane {
  padding: 0;
}
.form .followed {
  padding-bottom: 7px;
}
.form .chargeNotice {
  display: inline-block;
  margin-left: 8px;
}
.form #IsCouponValid {
  margin: 1px 0 10px;
  color: #638486;
}
.form .invalidCoupon {
  color: #f1762f;
}
.form #TotalAmount {
  font-size: 20px;
  margin-bottom: 5px;
}
.form #TotalAmount #oldAmount, .form #TotalAmount #newAmount {
  font-weight: 400;
}
.form .forPlan {
  font-size: 20px;
  margin-bottom: 35px;
}
.form .forPlan #oldPlan, .form .forPlan #newPlan {
  font-style: italic;
  text-decoration: underline;
}
.form .forPlan #newPlan {
  margin-left: 7px;
}
.form .strikeout {
  text-decoration: line-through;
}
.form .creditCards {
  margin: 0 0 -10px 9px;
}

@media (max-width: 500px) {
  .form .receiveEmail label {
    margin-left: 22px;
    padding-left: 0;
  }
}
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}

th, td {
  padding: 5px;
}

.truncate {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 16px;
}

.success {
  color: green;
}

.failed {
  color: red;
}

/* Basic Grey */
.basic-grey {
  width: 500px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  background: #EEE;
  padding: 20px 30px 20px 30px;
  font: 12px Georgia, "Times New Roman", Times, serif;
  color: #888;
  text-shadow: 1px 1px 1px #FFF;
  border: 1px solid #DADADA;
}
.basic-grey .input-validation-error {
  border: 1px solid #ff0000 !important;
  background-color: #ffb7b7;
}
.basic-grey .field-validation-error {
  color: #ff0000;
}
.basic-grey h1 {
  font: 25px Georgia, "Times New Roman", Times, serif;
  padding: 0px 0px 10px 40px;
  display: block;
  border-bottom: 1px solid #DADADA;
  margin: -10px -30px 5px -30px;
  color: #888;
}
.basic-grey label {
  display: block;
  margin: 7px 0px 5px;
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
  border: 1px solid #DADADA;
  color: #888;
  height: 24px;
  margin-bottom: 16px;
  margin-right: 6px;
  margin-top: 2px;
  outline: 0 none;
  padding: 3px 3px 3px 5px;
  width: 70%;
  font: normal 12px/12px Georgia, "Times New Roman", Times, serif;
}
.basic-grey textarea {
  width: 300px;
  height: 100px;
}
.basic-grey .button, .basic-grey .orangeButton, .basic-grey .lightButton, .basic-grey .darkButton {
  background: #E48F8F;
  border: none;
  padding: 10px 25px 10px 25px;
  color: #FFF;
}
.basic-grey .button:hover, .basic-grey .orangeButton:hover, .basic-grey .lightButton:hover, .basic-grey .darkButton:hover {
  background: #cf7a7a;
}

#ratingTypeForm {
  margin-top: 10px;
}
#ratingTypeForm div label {
  margin-top: 10px;
  font-weight: bold;
  display: block;
}

#RatingQuestionBlockPreview {
  width: 455px;
}

.numberedOL {
  padding: 20px;
  list-style-type: decimal;
}

.signup-don-form {
	text-align: center;
}

.registrationSection .field-validation-error {
	display: block;
	margin-bottom: 5px;
}


/* additional styles */

.archive-notice {
  padding: 1rem;
  background-color: #7fD0f4;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4em;
  text-align: center;
  color: #222;
}

.sign-up-not-functional {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(0,0,0,.75);
  color: #fff;
  font-weight: bold;
  padding-top: 200px;
  text-align: center;
  font-size: 30px;
}