.hard {
  background: #61604c;
  color: #fdfdfc; }

.medium {
  background: #1071b2;
  color: white; }

.soft {
  background: #f0f1ea;
  color: #51553a; }

.base {
  background: #b9d100;
  color: white; }

.accent {
  background: #d98d36;
  color: black; }

.trim {
  background: #607f9a;
  color: white; }

.hard-l {
  background: #807900;
  color: #fffccc; }

.medium-l {
  background: #3c6e90;
  color: white; }

.soft-l {
  background: #e5eac7;
  color: #434a1c; }

.base-l {
  background: #f8f8f7;
  color: #53544f; }

.accent-l {
  background: #af875a;
  color: black; }

.trim-l {
  background: #dbe6f0;
  color: #264159; }

.hard-s {
  background: #fff200;
  color: black; }

.medium-s {
  background: #0099ff;
  color: black; }

.soft-s {
  background: #d9ff00;
  color: black; }

.base-s {
  background: #e1ff00;
  color: black; }

.accent-s {
  background: #ff8800;
  color: black; }

.trim-s {
  background: #0088ff;
  color: black; }

.whitebold {
  color: white;
  font-weight: bold; }

.white9bold {
  color: white;
  font-weight: bold;
  font-size: 10px; }

.white10bold {
  color: white;
  font-weight: bold;
  font-size: 10px; }

.white11bold {
  color: white;
  font-weight: bold;
  font-size: 11px; }

.white12bold {
  color: white;
  font-weight: bold;
  font-size: 12px; }

.white14bold {
  color: white;
  font-weight: bold;
  font-size: 14px; }

.white16bold {
  color: white;
  font-weight: bold;
  font-size: 16px; }

.white20bold {
  color: white;
  font-weight: bold;
  font-size: 20px; }

.white24bold {
  color: white;
  font-weight: bold;
  font-size: 24px; }

.maroonbold {
  color: #3668b3;
  font-weight: bold; }

.maroon9bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 9px; }

.maroon10bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 10px; }

.maroon11bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 11px; }

.maroon12bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 12px; }

.maroon16bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 16px; }

.maroon20bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 20px; }

.maroon24bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 24px; }

.bluebold {
  color: #444444;
  font-weight: bold; }

.blue9bold {
  color: #444444;
  font-weight: bold;
  font-size: 9px; }

.blue10bold {
  color: #444444;
  font-weight: bold;
  font-size: 10px; }

.blue11bold {
  color: #444444;
  font-weight: bold;
  font-size: 11px; }

.blue12bold {
  color: #444444;
  font-weight: bold;
  font-size: 12px; }

.blue14bold {
  color: #444444;
  font-weight: bold;
  font-size: 14px; }

.blue16bold {
  color: #444444;
  font-weight: bold;
  font-size: 16px; }

.blue20bold {
  color: #444444;
  font-weight: bold;
  font-size: 20px; }

.blue24bold {
  color: #444444;
  font-weight: bold;
  font-size: 24px; }

.red9 {
  color: #b33636;
  font-size: 9px; }

.red10 {
  color: #b33636;
  font-size: 10px; }

.red11 {
  color: #b33636;
  font-size: 11px; }

.red10bold {
  color: #b33636;
  font-size: 10px;
  font-weight: bold; }

.red11bold {
  color: #b33636;
  font-weight: bold;
  font-size: 11px; }

.red12bold {
  color: #b33636;
  font-weight: bold;
  font-size: 11px; }

.red14bold {
  color: #b33636;
  font-weight: bold;
  font-size: 14px; }

.red16bold {
  color: #b33636;
  font-weight: bold;
  font-size: 16px; }

.red20bold {
  color: #b33636;
  font-weight: bold;
  font-size: 20px; }

.red24bold {
  color: #b33636;
  font-weight: bold;
  font-size: 24px; }

.s9, .size9 {
  font-size: 9px; }

.s10, .size10 {
  font-size: 10px; }

.s11, .size11 {
  font-size: 11px; }

.s12, .size12 {
  font-size: 12px; }

.s14, .size14 {
  font-size: 14px; }

.s16, .size16 {
  font-size: 16px; }

.s20, .size20 {
  font-size: 20px; }

.s24, .size24 {
  font-size: 24px; }

.s30, .size30 {
  font-size: 30px; }

.s40, .size40 {
  font-size: 40px; }

.grey_sort-on-down, .grey_sort-off-down, .grey_sort-on-up, .grey_sort-off-up {
  float: left;
  width: 13px;
  height: 13px;
  border: 0px solid;
  text-decoration: none; }

.grey_sort-on-down {
  background: url("../images/general_buttons/sortreddown_ongrey.jpg") no-repeat 0px 0px; }

.grey_sort-off-down {
  background: url("../images/general_buttons/sortgreydown_ongrey.jpg") no-repeat 0px 0px; }

a.grey_sort-on-down:hover {
  background: url("../images/general_buttons/sortreddown_ongrey.jpg") no-repeat 0px 0px; }

a.grey_sort-off-down:hover {
  background: url("../images/general_buttons/sortreddown_ongrey.jpg") no-repeat 0px 0px; }

.grey_sort-on-up {
  background: url("../images/general_buttons/sortredup_ongrey.jpg") no-repeat 0px 0px; }

.grey_sort-off-up {
  background: url("../images/general_buttons/sortgreyup_ongrey.jpg") no-repeat 0px 0px; }

a.grey_sort-on-up:hover {
  background: url("../images/general_buttons/sortredup_ongrey.jpg") no-repeat 0px 0px; }

a.grey_sort-off-up:hover {
  background: url("../images/general_buttons/sortredup_ongrey.jpg") no-repeat 0px 0px; }

.question-header h3 {
  color: #fff;
  float: left;
  font-size: 15px;
  padding: 3px 0;
  text-shadow: 0 1px 3px #666; }

.question-header .question {
  text-align: center;
  width: 60%; }

.question-header .answer, .question-header h3.score {
  width: 10%; }

.question-list dl.wrapper {
  border-bottom: 1px solid #ddd;
  padding: 6px 12px; }

.question-list .qtext {
  color: #000;
  float: left;
  width: 60%;
  /*background: beige;  -- debug color */ }

.question-list .answer {
  /*border-left: #000 1px solid;  -- separator, if needed */
  padding-left: 3px;
  width: 30%;
  /*background: linen;  -- debug color */ }

.question-list dd.score {
  /*border-left: #000 1px solid;  -- separator, if needed */
  padding-left: 3px;
  width: 9%;
  /*background: aliceblue;  -- debug color */ }

.question-list .answer, .question-list dd.score {
  float: right; }

.qtype-header, .qfmt41, .qfmt42, .qfmt43, .qfmt47, .qfmt49, .qfmt50, .qfmt60, .qfmt61, .qfmt62, .qfmt63 {
  font-weight: bold;
  text-shadow: 0 1px 3px #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  background-color: #e5eac7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e5eac7), to(#dce3b5));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #e5eac7, #dce3b5);
  background-image: -moz-linear-gradient(top, #e5eac7, #dce3b5);
  background-image: -ms-linear-gradient(top, #e5eac7, #dce3b5);
  background-image: -o-linear-gradient(top, #e5eac7, #dce3b5);
  background-image: top, #e5eac7, #dce3b5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5eac7', endColorstr='#dce3b5',GradientType=0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5eac7', endColorstr='#dce3b5',GradientType=0 ); }

.qtype-header img, .qfmt41 img, .qfmt42 img, .qfmt43 img, .qfmt47 img, .qfmt49 img, .qfmt50 img, .qfmt60 img, .qfmt61 img, .qfmt62 img, .qfmt63 img {
  border: 1px solid #d3d9de; }

.qfmt41 {
  font-size: 125%; }

.qfmt42 {
  font-size: 115%; }

.qfmt43 {
  font-size: 105%; }

.qfmt45 {
  color: #af5654;
  font-weight: bold; }

.qfmt46 {
  color: #000;
  font-weight: bold; }

.qfmt47 {
  background-color: #e9edcf;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e9edcf), to(#eef1da));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #e9edcf, #eef1da);
  background-image: -moz-linear-gradient(top, #e9edcf, #eef1da);
  background-image: -ms-linear-gradient(top, #e9edcf, #eef1da);
  background-image: -o-linear-gradient(top, #e9edcf, #eef1da);
  background-image: top, #e9edcf, #eef1da;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9edcf', endColorstr='#eef1da',GradientType=0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9edcf', endColorstr='#eef1da',GradientType=0 ); }

.qfmt60 {
  background: #f8f8f7; }

/*
.question-list dt.qtext // all q text
{
	color: yellow;
}
.question-list dt.answer,
.question-list dd.score
{
	color: red;
}
.question-list dt.qfmt9 // @const multicheckbox
{
	color:maroon;
}
.question-list dt.qfmt10 // @const yes/no
{
	color:darksalmon;
}
.question-list dt.qfmt11 // @const checkbox
{
	color:darkkhaki;
}
.question-list dt.qfmt12 // @const radio button
{
	color:sandybrown;
}
.question-list dt.qfmt13 // @const pulldown menu
{
	color:olivedrab;
}
.question-list dt.qfmt14 // @const yes/no/na
{
	color:green;
}
.question-list dt.qfmt15 // @const scored number
{
	color:orchid;
}
.question-list dt.qfmt20 // @const number
{
	color:slategray;
}
.question-list dt.qfmt21 // @const currency (number)
{
	color:fuchsia;
}
.question-list dt.qfmt22 // @const measurement (number)
{
	color:yellowgreen;
}
.question-list dt.qfmt23 // @const time length (number)
{
	color:gold;
}
.question-list dt.qfmt24 // @const time of day
{
	color:cyan;
}
.question-list dt.qfmt25 // @const date
{
	color:orange;
}
.question-list dt.qfmt30 // @const link (text)
{
	color:silver;
}
.question-list dt.qfmt31 // @const text
{
	color:sienna;
}
.question-list dt.qfmt32 // @const narrative (text)
{
	color:blue;
}
.question-list dt.qfmt33 // @const picture upload
{
	color:darkseagreen;
}
.question-list dt.qfmt34 // @const audio upload
{
	color:coral;
}
.question-list dt.qfmt39 // @const recorded phoncall (VZ)
{
	color:purple;
}
.question-list dt.qfmt41 // @const big header
{
	color:deeppink;
}
.question-list dt.qfmt42 // @const medium header
{
	color:hotpink;
}
.question-list dt.qfmt43 // @const small header
{
	color:lightpink;
}
.question-list dt.qfmt45 // @const red remarks
{
	color:red;
}
.question-list dt.qfmt46 // @const red remarks
{
	color:black;
}
.question-list dt.qfmt47 // @const generic question header
{
	color:chartreuse;
}
.question-list dt.qfmt49 // @const variable header
{
	color:darkturquoise;
}
.question-list dt.qfmt60 // @const beginning of grid
{
	color:lightseagreen;
}
*/
.shop #content_anchor {
  display: none; }

.shop #container {
  width: 900px;
  padding: 0; }

.shop #main {
  margin: 24px; }

.shop #main section {
  border: 0;
  padding: 0; }

.shop #main section .section-header,
.shop #main section .section-footer {
  background: none;
  border: 0;
  box-shadow: none;
  padding: 0; }

.shop #main section.zero,
.shop #main section.one,
.shop #main section.two,
.shop #main section.four {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

.shop #main section.zero,
.shop #main section.one,
.shop #main section.two {
  float: left; }

.shop #main section.zero {
  width: 240px; }

.shop #main section.one,
.shop #main section.two {
  width: 287px; }

.shop #main section.zero,
.shop #main section.one {
  margin-right: 18px; }

.shop #main #mainbody,
.shop #main #mainbody .widget {
  clear: both; }

/* old shop view rules here */
.ClientShopView_FullHeader td {
  border-color: #d3d9de;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid; }

tr.ClientShopView_Form table.data td td {
  border: thin solid #d3d9de;
  border-collapse: collapse; }
  tr.ClientShopView_Form table.data td td td {
    border: none; }
    tr.ClientShopView_Form table.data td td td td {
      /* grid questions */
      border: thin solid #d3d9de;
      border-collapse: collapse; }

.reportControls.email-area {
  border-color: #e5eac7;
  border-width: 0px;
  border-style: solid;
  position: relative;
  padding: 0;
  width: 100%; }
  .reportControls.email-area a {
    font-size: 90%; }
  .reportControls.email-area .ClientShopView_Navbar,
  .reportControls.email-area .ClientShopView_NavbarEmail_Contents,
  .reportControls.email-area .ClientShopView_NavbarButtons,
  .reportControls.email-area .ClientShopViewNavbar_MgrChangeReq_Contents {
    padding: 0 24px; }
  .reportControls.email-area .ClientShopView_NavbarEmail_Contents,
  .reportControls.email-area .ClientShopViewNavbar_MgrChangeReq_Contents {
    background: #f8f8f7; }
  .reportControls.email-area .ClientShopView_NavbarButtons {
    border: 0;
    font-size: 88%;
    text-align: left; }
  .reportControls.email-area .ClientShopView_Logo {
    position: absolute;
    top: 24px;
    right: 24px; }

.widget,
.shop #main section.zero {
  background-color: #fff;
  border-color: #cccccc;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0px 3px 6px #dddddd;
  -moz-box-shadow: 0px 3px 6px #dddddd;
  -ms-box-shadow: 0px 3px 6px #dddddd;
  -o-box-shadow: 0px 3px 6px #dddddd;
  box-shadow: 0px 3px 6px #dddddd;
  font-size: 12px;
  text-align: center; }

.widget {
  clear: both;
  position: relative;
  margin: 0 auto 12px; }

.widget.questionWidget {
  text-align: left; }

.widget-header,
.ui-widget-header,
.ui-datepicker .ui-datepicker-header {
  background-color: #ccc;
  -webkit-border-radius: 6px 6px 0px 0px;
  -moz-border-radius: 6px 6px 0px 0px;
  -ms-border-radius: 6px 6px 0px 0px;
  -o-border-radius: 6px 6px 0px 0px;
  border-radius: 6px 6px 0px 0px;
  padding: 0; }

.widget-footer {
  background-color: #ccc;
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  -ms-border-radius: 0px 0px 6px 6px;
  -o-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  height: 9px; }

.widget-body {
  padding: 9px 6px; }

.questionWidget .widget-body {
  padding: 0; }

.widget h2,
.ui-datepicker .ui-datepicker-title {
  color: #fff;
  font-size: 1.1em;
  line-height: 1em;
  margin: 0;
  padding: 8px 0;
  text-shadow: 0 1px 3px #444;
  text-transform: uppercase;
  letter-spacing: 1px; }

.widget h3 {
  font-size: 12px; }

.widget input[type=button] {
  padding: 3px 9px; }

.shop #main section.zero .widget,
.shop #main section.zero .widget-header,
.shop #main section.zero .widget-body,
.shop #main section.zero .widget-footer {
  background: transparent;
  border: none;
  color: #666;
  margin: 0 auto;
  padding: 0;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -webkit-box-shadow: 0px 0px 0px transparent;
  -moz-box-shadow: 0px 0px 0px transparent;
  -ms-box-shadow: 0px 0px 0px transparent;
  -o-box-shadow: 0px 0px 0px transparent;
  box-shadow: 0px 0px 0px transparent;
  width: 95%; }

.shop #main section.zero .widget h2 {
  color: #807900;
  text-shadow: 0 1px 3px #fff; }

.widget ul,
.widget ol {
  list-style: none;
  margin: 0; }

.widget br {
  display: none; }

.widget.emailForm {
  text-align: left; }

.widget.emailForm label {
  clear: left;
  float: left;
  margin: 9px 18px 0 0;
  text-align: right;
  width: 95px; }

.widget.emailForm input[type="text"],
.widget.emailForm input[type="textarea"] {
  padding: 6px 18px 0px 18px; }

.emailForm div input[type="submit"] {
  float: right; }

/* List Widgets */
.widget span.name,
.widget .overall {
  font-weight: bold; }

/* vCards (addesses) adds space when part of combo */
.widget.shopcombo1 .vcard,
.widget.shopcombo2 .vcard,
.widget.shopcombo3 .vcard {
  padding: 6px 0; }

.shop #main section.zero .widget.shopcombo1 .vcard,
.shop #main section.zero .widget.shopcombo2 .vcard,
.shop #main section.zero .widget.shopcombo3 .vcard {
  padding: 0; }

/* Major and Minor Section Widget */
.ytd_averages dl.wrapper,
.major dl.wrapper,
.minor dl.wrapper {
  clear: both; }

.ytd_averages dl dl,
.major dl dl,
.minor dl dl {
  padding-bottom: 3px;
  line-height: 125%; }

.ytd_averages dd,
.major dd,
.minor dd {
  float: right;
  clear: right;
  padding-right: 12px; }

.shop #main section.zero .ytd_averages dd,
.shop #main section.zero .major dd,
.shop #main section.zero .minor dd {
  padding-right: 0; }

.ytd_averages dt,
.major dt,
.minor dt {
  width: 75%;
  float: left;
  clear: both;
  padding-left: 12px;
  text-align: left; }

.shop #main section.zero .ytd_averages dt,
.shop #main section.zero .major dt,
.shop #main section.zero .minor dt {
  padding-left: 0; }

/* Summary Widget */
.eval-summary dl,
.eval-summary-ytd dl {
  margin-left: 32px; }
  .eval-summary dl h4,
  .eval-summary-ytd dl h4 {
    width: 30%;
    font-size: 1em;
    line-height: 1.4em;
    float: left;
    text-align: right;
    clear: both;
    padding: 0; }
  .eval-summary dl dt,
  .eval-summary-ytd dl dt {
    margin-left: 8px;
    width: 60%;
    float: left;
    clear: both;
    text-align: left; }
  .eval-summary dl dd,
  .eval-summary-ytd dl dd {
    width: 30%;
    float: right;
    clear: right; }

.eval-summary dl,
.eval-summary-ytd dl {
  margin-left: 0; }
  .eval-summary dl h4,
  .eval-summary-ytd dl h4 {
    width: 95%; }
  .eval-summary dl dt,
  .eval-summary-ytd dl dt {
    margin-left: 0; }

/* Scoring Description Widget */
.scoringdescription ul {
  list-style: square;
  list-style-position: outside;
  padding: 6px 15px;
  text-align: left; }

.shop #main section.zero .scoringdescription ul {
  padding: 0; }

.scoringdescription li {
  margin: 1px 15px; }

.shop #main section.zero .scoringdescription li {
  margin: 1px 0 1px 12px; }

/* Organization and Managers Widget */
.organization dl.levels {
  text-align: center;
  padding: 0; }

.shop #main section.zero .organization dl.levels {
  text-align: left; }

/* Gauges Widgets */
/* Side-by-side Gauges Widgets, all views */
.comparison-gauges dl {
  float: left;
  width: 49%; }
  .comparison-gauges dl dd {
    font-size: 15px;
    font-weight: bold; }
  .comparison-gauges dl dt {
    clear: both;
    font-size: 12px;
    text-align: center; }

/* Single Gauges Widgets column view */
.company-avg-period h3,
.company-avg-ytd h3,
.dtor-your-score h3,
.dtor-rank h3,
.local-avg-period h3,
.last-score-simple h3,
.local-percentile-period h3,
.local-percentile-ytd h3,
.local-rank-ytd h3,
.local-rank-period h3,
.local-score-detailed h3,
.local-score-simple h3,
.section-score-detailed h3 {
  font-size: 18px;
  text-align: center; }
.company-avg-period dl dd,
.company-avg-ytd dl dd,
.dtor-your-score dl dd,
.dtor-rank dl dd,
.local-avg-period dl dd,
.last-score-simple dl dd,
.local-percentile-period dl dd,
.local-percentile-ytd dl dd,
.local-rank-ytd dl dd,
.local-rank-period dl dd,
.local-score-detailed dl dd,
.local-score-simple dl dd,
.section-score-detailed dl dd {
  float: left;
  clear: left;
  line-height: 24px;
  padding: 3px 0 0 30px; }
  .company-avg-period dl dd p,
  .company-avg-ytd dl dd p,
  .dtor-your-score dl dd p,
  .dtor-rank dl dd p,
  .local-avg-period dl dd p,
  .last-score-simple dl dd p,
  .local-percentile-period dl dd p,
  .local-percentile-ytd dl dd p,
  .local-rank-ytd dl dd p,
  .local-rank-period dl dd p,
  .local-score-detailed dl dd p,
  .local-score-simple dl dd p,
  .section-score-detailed dl dd p {
    font-size: 12px;
    text-align: center; }
.company-avg-period dl dt,
.company-avg-ytd dl dt,
.dtor-your-score dl dt,
.dtor-rank dl dt,
.local-avg-period dl dt,
.last-score-simple dl dt,
.local-percentile-period dl dt,
.local-percentile-ytd dl dt,
.local-rank-ytd dl dt,
.local-rank-period dl dt,
.local-score-detailed dl dt,
.local-score-simple dl dt,
.section-score-detailed dl dt {
  clear: both;
  float: right;
  line-height: 24px;
  margin: 0;
  padding: 0;
  text-align: center;
  width: 150px; }
  .company-avg-period dl dt img,
  .company-avg-ytd dl dt img,
  .dtor-your-score dl dt img,
  .dtor-rank dl dt img,
  .local-avg-period dl dt img,
  .last-score-simple dl dt img,
  .local-percentile-period dl dt img,
  .local-percentile-ytd dl dt img,
  .local-rank-ytd dl dt img,
  .local-rank-period dl dt img,
  .local-score-detailed dl dt img,
  .local-score-simple dl dt img,
  .section-score-detailed dl dt img {
    margin: 3px 0 0 0; }

/* Single Gauges Widgets Sidebar view */
.shop #main section.zero .company-avg-period h3,
.shop #main section.zero .company-avg-ytd h3,
.shop #main section.zero .dtor-rank h3,
.shop #main section.zero .dtor-your-score h3,
.shop #main section.zero .last-score-simple h3,
.shop #main section.zero .local-avg-period h3,
.shop #main section.zero .local-percentile-period h3,
.shop #main section.zero .local-percentile-ytd h3,
.shop #main section.zero .local-rank-period h3,
.shop #main section.zero .local-rank-ytd h3,
.shop #main section.zero .local-score-detailed h3,
.shop #main section.zero .local-score-simple h3,
.shop #main section.zero .section-score-detailed h3 {
  font-size: 15px;
  text-align: center; }
.shop #main section.zero .company-avg-period dl dd,
.shop #main section.zero .company-avg-ytd dl dd,
.shop #main section.zero .dtor-rank dl dd,
.shop #main section.zero .dtor-your-score dl dd,
.shop #main section.zero .last-score-simple dl dd,
.shop #main section.zero .local-avg-period dl dd,
.shop #main section.zero .local-percentile-period dl dd,
.shop #main section.zero .local-percentile-ytd dl dd,
.shop #main section.zero .local-rank-period dl dd,
.shop #main section.zero .local-rank-ytd dl dd,
.shop #main section.zero .local-score-detailed dl dd,
.shop #main section.zero .local-score-simple dl dd,
.shop #main section.zero .section-score-detailed dl dd {
  float: none;
  line-height: 18px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: auto; }
  .shop #main section.zero .company-avg-period dl dd p,
  .shop #main section.zero .company-avg-ytd dl dd p,
  .shop #main section.zero .dtor-rank dl dd p,
  .shop #main section.zero .dtor-your-score dl dd p,
  .shop #main section.zero .last-score-simple dl dd p,
  .shop #main section.zero .local-avg-period dl dd p,
  .shop #main section.zero .local-percentile-period dl dd p,
  .shop #main section.zero .local-percentile-ytd dl dd p,
  .shop #main section.zero .local-rank-period dl dd p,
  .shop #main section.zero .local-rank-ytd dl dd p,
  .shop #main section.zero .local-score-detailed dl dd p,
  .shop #main section.zero .local-score-simple dl dd p,
  .shop #main section.zero .section-score-detailed dl dd p {
    font-size: 12px;
    text-align: center; }
.shop #main section.zero .company-avg-period dl dt,
.shop #main section.zero .company-avg-ytd dl dt,
.shop #main section.zero .dtor-rank dl dt,
.shop #main section.zero .dtor-your-score dl dt,
.shop #main section.zero .last-score-simple dl dt,
.shop #main section.zero .local-avg-period dl dt,
.shop #main section.zero .local-percentile-period dl dt,
.shop #main section.zero .local-percentile-ytd dl dt,
.shop #main section.zero .local-rank-period dl dt,
.shop #main section.zero .local-rank-ytd dl dt,
.shop #main section.zero .local-score-detailed dl dt,
.shop #main section.zero .local-score-simple dl dt,
.shop #main section.zero .section-score-detailed dl dt {
  float: none;
  line-height: 18px;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  width: auto; }
  .shop #main section.zero .company-avg-period dl dt img,
  .shop #main section.zero .company-avg-ytd dl dt img,
  .shop #main section.zero .dtor-rank dl dt img,
  .shop #main section.zero .dtor-your-score dl dt img,
  .shop #main section.zero .last-score-simple dl dt img,
  .shop #main section.zero .local-avg-period dl dt img,
  .shop #main section.zero .local-percentile-period dl dt img,
  .shop #main section.zero .local-percentile-ytd dl dt img,
  .shop #main section.zero .local-rank-period dl dt img,
  .shop #main section.zero .local-rank-ytd dl dt img,
  .shop #main section.zero .local-score-detailed dl dt img,
  .shop #main section.zero .local-score-simple dl dt img,
  .shop #main section.zero .section-score-detailed dl dt img {
    margin: 3px 0 0 0; }

.detailed-avg {
  text-align: center; }

/* Sectional Change table Widget */
.widget.dtor-sections .widget-body {
  padding: 0px; }

.dtor-sections th, .dtor-sections td {
  width: 70px;
  max-width: 70px;
  word-wrap: break-word;
  font-size: 11px;
  padding: 6px 2px; }

.zero .dtor-sections th, .zero .dtor-sections td {
  width: 58px;
  max-width: 58px; }

.dtor-sections .overall {
  background-color: #b9d100;
  color: #f8f8f7;
  font-weight: bold; }

/***** Grids *****/
.question-list dt.qfmt60 {
  background: none;
  margin-bottom: 6px; }

.question-list dd.qfmt60.answer {
  width: 100%;
  padding: 0;
  margin: 0 0 9px 0; }

.grid_table {
  width: 100%;
  padding: 0; }

.grid_table th {
  background-color: #af875a;
  color: #f8f8f7;
  text-shadow: 0 1px 3px #53544f;
  font-weight: bold;
  text-align: center;
  /* IE/pdf fix for grid questions. further info in trackerid 61013 */
  padding: 6px 0 6px 0;
  font-size: 90%;
  letter-spacing: 0; }

.grid_table td {
  background: #f8f8f7;
  border-color: #e5eac7;
  border-width: 0 1px 1px 0;
  border-style: solid;
  font-size: 90%;
  text-transform: none;
  letter-spacing: 0; }

th.grid_vertical {
  background: #dbe6f0;
  color: white;
  text-shadow: 0 1px 3px #dbe6f0;
  border-color: #e5eac7;
  border-width: 0 1px 1px 0;
  border-style: solid;
  padding-left: 9px;
  text-align: left;
  text-transform: none;
  letter-spacing: 0; }

.grid_question {
  font-weight: bold; }

.grid_table .selectedOption {
  background: #f2fff2 url("../../../../images/semantic/selectedOption.png") no-repeat center;
  color: #3d8237;
  font-weight: bold;
  border-top: 1px dotted #d1e5cf;
  border-bottom: 1px dotted #d1e5cf;
  padding-left: 0;
  text-align: center; }

.grid_table .selectedOption .gridItemContent {
  display: none; }

.grid_table .unselectedOption {
  padding-left: 0; }

.grid_table .unselectedOption .gridItemContent {
  display: none; }

/***** End Grids *****/
/* make the layout "spacer" widget invisible */
.widget.spacer {
  background: none;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

#stage {
  position: relative;
  width: 850px;
  height: 600px;
  border: 1px solid black;
  z-index: 5;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 150px; }
  #stage li {
    position: absolute; }
  #stage .widget {
    position: absolute;
    padding-top: 0;
    overflow: hidden;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px; }
    #stage .widget h5 {
      text-align: center;
      margin: 0;
      padding: 0;
      z-index: 200;
      line-height: 25px;
      height: 45px; }
    #stage .widget div.widget-body {
      position: relative;
      padding-left: 0;
      height: 100%;
      text-align: center; }
    #stage .widget dl {
      margin: 0;
      padding: 0; }
    #stage .widget div.widget-footer {
      position: absolute;
      bottom: 0px;
      width: 100%; }
      #stage .widget div.widget-footer p {
        margin: -3px 0 0 0;
        position: relative;
        padding-left: 0;
        line-height: 0; }

#dash_data {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 850px;
  height: 30px;
  border-top: 2px solid #aaa;
  border-left: 2px solid #999;
  border-right: 2px solid #999; }
  #dash_data p, #dash_data span {
    color: #000;
    float: left;
    font-weight: bold;
    padding: 9px 9px 9px 0;
    text-shadow: 0px 1px 2px #fff; }

span#mgr_level_name {
  padding: 9px 12px; }

span#mgr_name {
  border-left: 1px solid #aaa;
  padding-left: 12px; }

span#client_name {
  border-left: 1px solid #aaa;
  padding-left: 12px; }

span#current_period_label,
span#current_period_descriptor,
span#last_period_label,
span#last_period_descriptor {
  float: right; }

span#current_period_label {
  border-left: 1px solid #aaa;
  padding-right: 0;
  padding-left: 12px; }

span#current_period_descriptor {
  padding-right: 0;
  padding-left: 3px; }

span#last_period_label {
  padding-right: 0;
  padding-left: 9px; }

span#last_period_descriptor {
  padding-right: 12px;
  padding-left: 3px; }

/* label colors */
span#mgr_level_name,
span#mgr_name,
span#client_name,
span#current_period_label,
span#last_period_label {
  color: #000; }

/* descriptor colors */
span#current_period_descriptor,
span#last_period_descriptor {
  color: #006699; }

/* text in dash widgets */
.widget-body h3 {
  padding: 0; }

.survey-tag {
  font-size: 1em; }

/*
 * jQuery UI CSS Framework @VERSION
 *
 * Copyright 2011, AUTHORS.txt (//jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * //jquery.org/license
 *
 * //docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit //jqueryui.com/themeroller/
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: inherit;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: inherit;
  font-size: 1em; }

.ui-widget-content {
  border-width: 1px;
  border-style: solid;
  border-color: #d3d9de;
  background-color: white;
  background-image: none;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  color: #444444; }

.ui-widget-content a {
  color: #444444; }

.ui-widget-header {
  border-width: 1px;
  border-style: solid;
  border-color: none;
  background-color: #dfd620;
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/header.png");
  background-position: 50% 50%;
  background-repeat: repeat-x;
  color: #807900;
  font-weight: bold; }

.ui-widget-header a {
  color: #807900; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border-width: 1px;
  border-style: solid;
  border-color: #e5eac7;
  background-color: #f8f8f7;
  background-image: none;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  font-weight: normal;
  color: #444444; }

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #444444;
  text-decoration: none; }

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border-width: 1px;
  border-style: solid;
  border-color: none;
  background-color: none;
  background-image: none;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  font-weight: normal;
  color: #865c2d; }

.ui-state-hover a, .ui-state-hover a:hover {
  color: #865c2d;
  text-decoration: none; }

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border-width: 1px;
  border-style: solid;
  border-color: none;
  background-color: #f8f8f7;
  background-image: none;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  font-weight: normal;
  color: #0088ff; }

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: #0088ff;
  text-decoration: none; }

.ui-widget :active {
  outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border-width: 1px;
  border-style: solid;
  border-color: none;
  background-color: #f7f8f2;
  background-image: none;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  color: #807900; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #807900; }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border-width: 1px;
  border-style: solid;
  border-color: none;
  background-color: #f3e2e2;
  background-image: none;
  background-position: 50% 50%;
  background-repeat: repeat-x;
  color: #b33636; }

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
  color: #b33636; }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #b33636; }

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal; }

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/ui-icons-content.png"); }

.ui-widget-content .ui-icon {
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/ui-icons-content.png"); }

.ui-widget-header .ui-icon {
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/ui-icons-header.png"); }

.ui-state-default .ui-icon {
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/ui-icons-default.png"); }

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/ui-icons-hover.png"); }

.ui-state-active .ui-icon {
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/ui-icons-active.png"); }

.ui-state-highlight .ui-icon {
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/ui-icons-highlight.png"); }

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/ui-icons-error.png"); }

/* positioning */
.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-off {
  background-position: -96px -144px; }

.ui-icon-radio-on {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px; }

.ui-corner-tr {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.ui-corner-bl {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ui-corner-br {
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-top {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px; }

.ui-corner-bottom {
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-right {
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.ui-corner-left {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px; }

.ui-corner-all {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px; }

/* Overlays */
.ui-widget-overlay {
  background-color: #aaaaaa;
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/ui-bg-overlay.png");
  background-position: 50% 50%;
  background-repeat: repeat-x;
  opacity: 0.3; }

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background-color: #525c0a;
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/ui-bg-shadow.png");
  background-position: 50% 50%;
  background-repeat: repeat-x;
  opacity: 0.3;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; }

body {
  color: #444444;
  background-color: #b9d100; }

a {
  color: #0088ff; }

a:hover {
  color: #865c2d; }

a:visited {
  color: #0088ff; }

h1 {
  color: #807900; }

h2 {
  color: #3c6e90; }

h3 {
  color: #807900; }

h4 {
  color: #3c6e90; }

h5 {
  color: #807900; }

h6 {
  color: #807900; }

#container,
.ClientShopView_Navbar {
  background-color: #f8f8f7; }

section,
fieldset,
.reportControls {
  background-color: white;
  border-color: #e5eac7;
  border-width: 3px;
  border-style: solid; }

nav {
  border-color: #d3d9de;
  border-width: 1px 0;
  border-style: solid;
  background-color: #f8f8f7; }

#main nav {
  background-color: #f8f8f7;
  border: none; }

#main header {
  background: none; }

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=week],
textarea {
  border-color: #e5eac7;
  border-width: 2px;
  border-style: solid;
  -webkit-box-shadow: 1px 1px 6px #eeeeee inset;
  -moz-box-shadow: 1px 1px 6px #eeeeee inset;
  -ms-box-shadow: 1px 1px 6px #eeeeee inset;
  -o-box-shadow: 1px 1px 6px #eeeeee inset;
  box-shadow: 1px 1px 6px #eeeeee inset; }

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=week]:focus,
textarea:focus {
  outline: none;
  border-color: #cbd68f;
  border-width: 2px;
  border-style: solid;
  -webkit-box-shadow: 0px 0px 9px #ffc380;
  -moz-box-shadow: 0px 0px 9px #ffc380;
  -ms-box-shadow: 0px 0px 9px #ffc380;
  -o-box-shadow: 0px 0px 9px #ffc380;
  box-shadow: 0px 0px 9px #ffc380; }

button,
input[type=button],
input[type=submit],
.sassie-button,
.sassie-button:visited,
.fullView,
.fullView:visited,
.printView,
.printView:visited,
.pdfView,
.pdfView:visited,
.excelView,
.excelView:visited,
.ui-state-default,
.ui-state-default:visited,
.ui-widget-content .ui-state-default,
.ui-widget-content .ui-state-default:visited,
.ui-widget-header .ui-state-default,
.ui-widget-header .ui-state-default:visited {
  background-color: #666100;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666100), to(#999100));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #666100, #999100);
  background-image: -moz-linear-gradient(top, #666100, #999100);
  background-image: -ms-linear-gradient(top, #666100, #999100);
  background-image: -o-linear-gradient(top, #666100, #999100);
  background-image: top, #666100, #999100;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666100', endColorstr='#999100',GradientType=0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666100', endColorstr='#999100',GradientType=0 );
  background-color: #b9d100;
  background-repeat: no-repeat;
  background-position: center center;
  border-color: #e5eac7;
  border-width: 1px;
  border-style: solid;
  color: #f8f8f7;
  text-decoration: none; }

header nav .primary-nav,
header nav .primary-nav:visited {
  text-decoration: none; }

button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.sassie-button:hover,
.fullView:hover,
.printView:hover,
.pdfView:hover,
.excelView:hover,
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
  background-color: #999100;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#999100), to(#666100));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #999100, #666100);
  background-image: -moz-linear-gradient(top, #999100, #666100);
  background-image: -ms-linear-gradient(top, #999100, #666100);
  background-image: -o-linear-gradient(top, #999100, #666100);
  background-image: top, #999100, #666100;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999100', endColorstr='#666100',GradientType=0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#999100', endColorstr='#666100',GradientType=0 );
  color: #f8f8f7;
  text-decoration: underline; }

header nav .primary-nav:hover {
  text-decoration: underline; }

nav.paging a,
nav.paging .current {
  border-color: #d3d9de;
  border-width: 0 1px 0 0;
  border-style: solid; }
nav.paging a:last-child,
nav.paging .current:last-child {
  border-right: none; }
nav.paging .current {
  font-weight: bold; }

table.data {
  background-color: white;
  border-color: #d3d9de;
  border-width: 3px;
  border-style: solid;
  -webkit-box-shadow: 0px 3px 12px #eeeeee;
  -moz-box-shadow: 0px 3px 12px #eeeeee;
  -ms-box-shadow: 0px 3px 12px #eeeeee;
  -o-box-shadow: 0px 3px 12px #eeeeee;
  box-shadow: 0px 3px 12px #eeeeee; }
  table.data table {
    border: none; }
  table.data td {
    border-color: #e5eac7;
    border-width: 0 0 1px;
    border-style: solid; }
    table.data td td {
      border: none; }
  table.data th {
    color: #61604c;
    border-color: #e2e6cb;
    border-width: 0 1px 1px;
    border-style: solid;
    background-color: #eef2d9;
    font-weight: bold; }
    table.data th th {
      background-color: none;
      border: none; }
    table.data th span,
    table.data th .number {
      color: #61604c; }
  table.data .highlight {
    background-color: #f7f8f2;
    color: #807900;
    font-weight: bold;
    letter-spacing: 1px;
    text-shadow: 0 1px 3px #fffccc;
    text-transform: capitalize; }

table.data.no-lines td {
  border-style: none; }

table.reportResults {
  background-color: white;
  border-color: #d3d9de;
  border-width: 1px;
  border-style: solid;
  border-width: 3px;
  padding: 12px; }
  table.reportResults td.reportSummary {
    color: #807900;
    font-size: 105%;
    font-weight: bold;
    padding-left: 15px; }
    table.reportResults td.reportSummary span {
      display: block; }
    table.reportResults td.reportSummary .client-survey span {
      display: inline; }
    table.reportResults td.reportSummary .client-survey .survey:before {
      content: ": "; }
  table.reportResults table.section-names td {
    border-color: #e5eac7;
    border-width: 0 0 1px;
    border-style: solid; }

.reportsIndex .reports {
  font-weight: bold; }
  .reportsIndex .reports td {
    border-color: #d3d9de;
    border-width: 0 0 1px 0;
    border-style: solid; }

/* .reports-wrapper and pod panels */
.reports-wrapper {
  clear: both;
  padding: 0 1em;
  text-align: center; }

.reports-wrapper:after {
  content: "";
  display: block;
  height: 0;
  clear: both; }

.reports-pod {
  background: #f7f8f1;
  float: left;
  min-height: 150px;
  margin: 1em;
  padding: 0;
  width: 30%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -ms-border-radius: 12px;
  -o-border-radius: 12px;
  border-radius: 12px;
  border-color: #d3d097;
  border-width: 1px;
  border-style: solid;
  -webkit-box-shadow: 0px 3px 9px #f3f3f2;
  -moz-box-shadow: 0px 3px 9px #f3f3f2;
  -ms-box-shadow: 0px 3px 9px #f3f3f2;
  -o-box-shadow: 0px 3px 9px #f3f3f2;
  box-shadow: 0px 3px 9px #f3f3f2; }

.reports-pod h2 {
  background: #949047;
  color: #fff;
  font-size: 1em;
  padding: .5em 0;
  text-shadow: 0 1px 1px #000;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -ms-border-radius: 12px 12px 0 0;
  -o-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0; }

.reports-pod ul {
  margin: .5em 0; }

.reports-pod li {
  list-style-type: none;
  padding-bottom: .5em; }

.reports-pod a, .reports-pod a:link, .reports-pod a:visited {
  color: #78753a;
  font-weight: bold;
  text-decoration: none; }

.reports-pod a:hover {
  color: #61604c;
  text-decoration: underline; }

/* END .reports-wrapper and pod panels */
.reportControls.email-area {
  border-color: #e5eac7;
  border-width: 0px;
  border-style: solid;
  padding: 0;
  width: 100%; }
  .reportControls.email-area a {
    font-size: 90%; }
  .reportControls.email-area .ClientShopView_NavbarEmail_Contents {
    background: #f8f8f7;
    padding: 0 24px; }
  .reportControls.email-area .ClientShopView_NavbarButtons {
    border: 0;
    font-size: 88%;
    text-align: right; }

.reportControls tr .generateDistributeTable table td {
  border-color: #e5eac7;
  border-width: 0 0 1px;
  border-style: solid;
  padding: 6px; }
  .reportControls tr .generateDistributeTable table td a.sassie-button {
    font-size: 90%;
    padding: 1px 9px; }

table.colorLinesTable {
  float: right;
  width: auto; }
  table.colorLinesTable tr td {
    text-align: right;
    width: 50%; }
  table.colorLinesTable tr td span {
    color: #fff; }
  table.colorLinesTable tr td select {
    margin-right: 36px; }

table.fusionScaling {
  width: auto; }
  table.fusionScaling tr td {
    border-color: #e5eac7;
    border-width: 1px 0 0 0;
    border-style: solid; }

p.instructions {
  color: #3668b3;
  background: white;
  padding: 9px 0;
  -webkit-box-shadow: 0px 0px 15px white;
  -moz-box-shadow: 0px 0px 15px white;
  -ms-box-shadow: 0px 0px 15px white;
  -o-box-shadow: 0px 0px 15px white;
  box-shadow: 0px 0px 15px white;
  width: auto; }

footer p {
  color: #264159;
  text-align: center; }

body.dash {
  background: none !important; }

.dash #container {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  border-radius: 0;
  background: none; }

.dash #dash_data {
  background: #ccc; }

#container {
  display: block;
  width: 80%;
  margin: 24px auto; }

.dash #container {
  width: auto;
  margin: 0; }

.dash #dash_data,
.dash #stage {
  margin: 0; }

#main {
  margin: 24px; }

#content_anchor {
  display: none; }

header nav {
  padding: 20px 9px 5px;
  text-align: right; }
  header nav a {
    padding: 6px 9px 4px 9px;
    margin: 1px;
    display: inline-block; }
  header nav .info {
    margin-top: 20px; }
    header nav .info .title {
      margin-right: 9px;
      padding-right: 9px; }
  header nav .client {
    float: left;
    margin-top: -9px; }
    header nav .client span {
      font-size: 120%; }

table.section-names {
  margin: 0 auto 24px auto;
  width: 99%; }

select {
  margin-top: 3px;
  padding: 1px 0; }

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=week],
textarea {
  margin: 3px 12px 3px 0;
  padding: 3px;
  outline: none; }

#main form hr {
  display: none; }

table {
  width: 100%; }
  table th, table td {
    padding: 6px;
    text-align: left; }

table.reportResults td {
  text-align: center; }

table.data tr.highlight td, table.data td.graphCell {
  text-align: center; }
table.data th, table.data td {
  text-align: left; }

.sassie-button,
.fullView,
.printView,
.pdfView,
.excelView {
  display: inline-block;
  margin-top: 6px;
  padding: 6px 9px 4px 9px; }

nav.paging {
  margin: 9px;
  text-align: center; }
  nav.paging a,
  nav.paging .current {
    padding-right: 9px;
    margin-right: 9px; }

.clientMasterOuter {
  text-align: center; }
  .clientMasterOuter a {
    margin: 5px 20px;
    display: inline-block; }

.reportsIndex td {
  padding: 10px 6px;
  width: 22%; }
.reportsIndex select {
  max-width: 100%; }

.reportControls tr:last-child td {
  padding-bottom: 0px; }
.reportControls input[type=checkbox],
.reportControls input[type=radio] {
  margin-right: 4px; }

.reportControls table.colorLinesTable tr:last-child td {
  padding-bottom: 6px; }

.instructions {
  display: block;
  text-align: center;
  margin-bottom: 9px; }

.surveySelectorOuter,
.surveyReportSelectorOuter {
  margin: 0 auto 9px;
  padding: 9px; }
  .surveySelectorOuter span,
  .surveyReportSelectorOuter span {
    font-size: 110%; }
  .surveySelectorOuter a.sassie-button,
  .surveyReportSelectorOuter a.sassie-button {
    font-size: 80%;
    padding: 1px 9px; }

.surveySelectorOuter {
  text-align: center;
  width: 50%; }
  .surveySelectorOuter .survey-selector select {
    max-width: 300px; }

.reportsIndex .surveySelectorOuter .survey-selector select {
  max-width: 900px; }

.surveyReportSelectorOuter {
  width: 85%;
  min-width: 600px; }
  .surveyReportSelectorOuter .report-selector {
    float: right; }
  .surveyReportSelectorOuter .survey-selector {
    float: left; }
  .surveyReportSelectorOuter .report-selector,
  .surveyReportSelectorOuter .survey-selector {
    margin: 0;
    padding: 0;
    text-align: center;
    min-width: 300px; }
    .surveyReportSelectorOuter .report-selector select,
    .surveyReportSelectorOuter .survey-selector select {
      width: 200px; }
  .surveyReportSelectorOuter .cross-survey-selector {
    clear: both; }

@media only screen and (max-width: 900px) {
  body {
    font: 12px/1.2 sans-serif; }

  #container {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%; }

  #main {
    margin: 12px; }

  table th, table td {
    padding: 5px; }

  .surveySelectorOuter,
  .surveyReportSelectorOuter {
    width: auto;
    min-width: 0;
    text-align: center; }
    .surveySelectorOuter .survey-selector, .surveySelectorOuter .report-selector,
    .surveyReportSelectorOuter .survey-selector,
    .surveyReportSelectorOuter .report-selector {
      float: none;
      width: auto; }
    .surveySelectorOuter .report-selector,
    .surveyReportSelectorOuter .report-selector {
      margin-top: 9px; }

  fieldset, table.reportControls,
  div.reportControls {
    padding: 5px !important; }
    fieldset .dateSelector span, table.reportControls .dateSelector span,
    div.reportControls .dateSelector span {
      display: block; }
    fieldset textarea, table.reportControls textarea,
    div.reportControls textarea {
      width: 95%; }
    fieldset textarea.email-comments, table.reportControls textarea.email-comments,
    div.reportControls textarea.email-comments {
      width: 250px; }

  .reportsIndex .reports td {
    padding: 10px 5px; }
  .reportsIndex .reports select {
    max-width: 200px; } }
@media only screen and (max-width: 600px) {
  body {
    font: 11px/1.041 sans-serif; }

  #container {
    width: auto;
    margin-left: 10px;
    margin-right: 10px; }

  #main {
    margin: 5px; }

  table th, table td {
    padding: 4px; }

  section,
  fieldset,
  .reportControls,
  table.reportResults,
  table.data {
    border-width: 1px;
    padding: 0; }

  .surveySelectorOuter .survey-selector select {
    max-width: 200px; }

  .reportsIndex .reports td {
    padding: 10px 3px;
    vertical-align: bottom; }
  .reportsIndex .reports select {
    max-width: 80px; }
  .reportsIndex .reports .sassie-button {
    margin-right: 0; } }
footer {
  padding: 9px;
  text-align: center;
  min-height: 20px; }

header {
  padding-top: 60px; }

header nav .primary-nav, header nav .primary-nav:visited,
.sassie-button, .sassie-button:visited,
.fullView, .fullView:visited,
.printView, .printView:visited,
.pdfView, .pdfView:visited,
.excelView, .excelView:visited {
  padding: 3px 12px; }

fieldset, table.reportControls, div.reportControls {
  padding: 18px 24px; }

body {
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/bg.png"); }

a {
  color: #4084bf; }

a:visited {
  color: #4084bf; }

nav {
  background-color: #f0f0ef; }

button,
input[type=button],
input[type=submit],
header nav .primary-nav,
header nav .primary-nav:visited,
.sassie-button,
.sassie-button:visited,
.fullView,
.fullView:visited,
.printView,
.printView:visited,
.pdfView,
.pdfView:visited,
.excelView,
.excelView:visited,
.ui-state-default,
.ui-state-default:visited,
.ui-widget-content .ui-state-default,
.ui-widget-content .ui-state-default:visited,
.ui-widget-header .ui-state-default,
.ui-widget-header .ui-state-default:visited {
  background-color: #ffcf99;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcf99 0), to(#d2a979 15%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #ffcf99 0, #d2a979 15%, #d19147 47%, #b86b14 48%, #8a510f 100%);
  background-image: -moz-linear-gradient(top, #ffcf99 0, #d2a979 15%, #d19147 47%, #b86b14 48%, #8a510f 100%);
  background-image: -ms-linear-gradient(top, #ffcf99 0, #d2a979 15%, #d19147 47%, #b86b14 48%, #8a510f 100%);
  background-image: -o-linear-gradient(top, #ffcf99 0, #d2a979 15%, #d19147 47%, #b86b14 48%, #8a510f 100%);
  background-image: top, #ffcf99 0, #d2a979 15%, #d19147 47%, #b86b14 48%, #8a510f 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d19147', endColorstr='#8a510f',GradientType=0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d19147', endColorstr='#8a510f',GradientType=0 );
  background-color: #acbd28;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border-color: #b9d100;
  border-width: 1px;
  border-style: solid;
  text-shadow: 0 1px 3px #172936;
  color: #fff; }

button:hover,
input[type=button]:hover,
input[type=submit]:hover,
header nav .primary-nav:hover,
.sassie-button:hover,
.fullView:hover,
.printView:hover,
.pdfView:hover,
.excelView:hover,
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
  background-color: #666100;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#666100), to(#807900));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #666100, #807900);
  background-image: -moz-linear-gradient(top, #666100, #807900);
  background-image: -ms-linear-gradient(top, #666100, #807900);
  background-image: -o-linear-gradient(top, #666100, #807900);
  background-image: top, #666100, #807900;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666100', endColorstr='#807900',GradientType=0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#666100', endColorstr='#807900',GradientType=0 );
  background-color: #0d5ea5;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  border-color: black;
  border-width: 1px;
  border-style: solid;
  color: #fff;
  text-decoration: none; }

#container {
  border-color: #525c0a;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  -webkit-box-shadow: 0px 3px 6px #525c0a;
  -moz-box-shadow: 0px 3px 6px #525c0a;
  -ms-box-shadow: 0px 3px 6px #525c0a;
  -o-box-shadow: 0px 3px 6px #525c0a;
  box-shadow: 0px 3px 6px #525c0a; }

header {
  background-color: #dfd620;
  background-repeat: repeat-x;
  background-position: top left;
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/header.png");
  background-image: -webkit-gradient(linear, left bottom, left top), url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/header.png"), -webkit-linear-gradient(top, #fff766 0, #fff41a 9px, #fff200 29px, #d6cb00 30px, #bdb300 60px);
  background-image: -moz-linear-gradient(center bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 0%), url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/header.png"), -moz-linear-gradient(top, #fff766 0, #fff41a 9px, #fff200 29px, #d6cb00 30px, #bdb300 60px);
  background-image: url("{SYS_REL_WEB_PATH}sassiev_images/css-demo/jimpog/whiteclay/header.png"), top, #fff766 0, #fff41a 9px, #fff200 29px, #d6cb00 30px, #bdb300 60px;
  -webkit-border-radius: 12px 12px 0 0;
  -moz-border-radius: 12px 12px 0 0;
  -ms-border-radius: 12px 12px 0 0;
  -o-border-radius: 12px 12px 0 0;
  border-radius: 12px 12px 0 0;
  -webkit-box-shadow: 1px 0px 3px #e5ff1f inset, -1px 0px 3px #e5ff1f inset;
  -moz-box-shadow: 1px 0px 3px #e5ff1f inset, -1px 0px 3px #e5ff1f inset;
  -ms-box-shadow: 1px 0px 3px #e5ff1f inset, -1px 0px 3px #e5ff1f inset;
  -o-box-shadow: 1px 0px 3px #e5ff1f inset, -1px 0px 3px #e5ff1f inset;
  box-shadow: 1px 0px 3px #e5ff1f inset, -1px 0px 3px #e5ff1f inset; }

header nav a.client {
  text-decoration: none; }

footer {
  background-image: -webkit-linear-gradient(top, #b86b14 0, #cc9c66 15%, #cc8533 48%, #ad6b1f 50%, #8a510f 100%);
  background-image: -moz-linear-gradient(top, #b86b14 0, #cc9c66 15%, #cc8533 48%, #ad6b1f 50%, #8a510f 100%);
  background-image: -ms-linear-gradient(top, #b86b14 0, #cc9c66 15%, #cc8533 48%, #ad6b1f 50%, #8a510f 100%);
  background-image: -o-linear-gradient(top, #b86b14 0, #cc9c66 15%, #cc8533 48%, #ad6b1f 50%, #8a510f 100%);
  background-image: top, #b86b14 0, #cc9c66 15%, #cc8533 48%, #ad6b1f 50%, #8a510f 100%;
  -webkit-border-radius: 0 0 12px 12px;
  -moz-border-radius: 0 0 12px 12px;
  -ms-border-radius: 0 0 12px 12px;
  -o-border-radius: 0 0 12px 12px;
  border-radius: 0 0 12px 12px; }
  footer p {
    color: #fffccc;
    text-shadow: -1px -1px 2px #36362b; }

.ClientShopView_Navbar {
  padding: 24px 24px 0 24px; }

section,
fieldset,
.reportControls {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

table.data {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

table.reportResults {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px; }

.shop #main section.one,
.shop #main section.two,
.shop #main section.four {
  background: none; }

.widget {
  border-color: #b1b8be; }

#main .widget-header,
.ui-widget-header,
.reports-pod h2 {
  background-color: #fffccc;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fffccc 0), to(#e3ceb5 10%));
  /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(top, #fffccc 0, #e3ceb5 10%, #d5b590 48%, #bd9b75 49%, #b89b7a 100%);
  background-image: -moz-linear-gradient(top, #fffccc 0, #e3ceb5 10%, #d5b590 48%, #bd9b75 49%, #b89b7a 100%);
  background-image: -ms-linear-gradient(top, #fffccc 0, #e3ceb5 10%, #d5b590 48%, #bd9b75 49%, #b89b7a 100%);
  background-image: -o-linear-gradient(top, #fffccc 0, #e3ceb5 10%, #d5b590 48%, #bd9b75 49%, #b89b7a 100%);
  background-image: top, #fffccc 0, #e3ceb5 10%, #d5b590 48%, #bd9b75 49%, #b89b7a 100%;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5b590', endColorstr='#b89b7a',GradientType=0 );
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d5b590', endColorstr='#b89b7a',GradientType=0 ); }

.reports-pod {
  border-color: #c4c6b9;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
  -webkit-box-shadow: 0px 1px 9px #b5b6af;
  -moz-box-shadow: 0px 1px 9px #b5b6af;
  -ms-box-shadow: 0px 1px 9px #b5b6af;
  -o-box-shadow: 0px 1px 9px #b5b6af;
  box-shadow: 0px 1px 9px #b5b6af; }

.reports-pod h2 {
  -webkit-border-radius: 9px 9px 0 0;
  -moz-border-radius: 9px 9px 0 0;
  -ms-border-radius: 9px 9px 0 0;
  -o-border-radius: 9px 9px 0 0;
  border-radius: 9px 9px 0 0; }

#main .widget-footer {
  background: #a6aeb5;
  height: 9px;
  min-height: 9px;
  padding: 0; }

.whitebold {
  color: white;
  font-weight: bold; }

.white9bold {
  color: white;
  font-weight: bold;
  font-size: 10px; }

.white10bold {
  color: white;
  font-weight: bold;
  font-size: 10px; }

.white11bold {
  color: white;
  font-weight: bold;
  font-size: 11px; }

.white12bold {
  color: white;
  font-weight: bold;
  font-size: 12px; }

.white14bold {
  color: white;
  font-weight: bold;
  font-size: 14px; }

.white16bold {
  color: white;
  font-weight: bold;
  font-size: 16px; }

.white20bold {
  color: white;
  font-weight: bold;
  font-size: 20px; }

.white24bold {
  color: white;
  font-weight: bold;
  font-size: 24px; }

.maroonbold {
  color: #3668b3;
  font-weight: bold; }

.maroon9bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 9px; }

.maroon10bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 10px; }

.maroon11bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 11px; }

.maroon12bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 12px; }

.maroon16bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 16px; }

.maroon20bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 20px; }

.maroon24bold {
  color: #3668b3;
  font-weight: bold;
  font-size: 24px; }

.bluebold {
  color: #444444;
  font-weight: bold; }

.blue9bold {
  color: #444444;
  font-weight: bold;
  font-size: 9px; }

.blue10bold {
  color: #444444;
  font-weight: bold;
  font-size: 10px; }

.blue11bold {
  color: #444444;
  font-weight: bold;
  font-size: 11px; }

.blue12bold {
  color: #444444;
  font-weight: bold;
  font-size: 12px; }

.blue14bold {
  color: #444444;
  font-weight: bold;
  font-size: 14px; }

.blue16bold {
  color: #444444;
  font-weight: bold;
  font-size: 16px; }

.blue20bold {
  color: #444444;
  font-weight: bold;
  font-size: 20px; }

.blue24bold {
  color: #444444;
  font-weight: bold;
  font-size: 24px; }

.red9 {
  color: #b33636;
  font-size: 9px; }

.red10 {
  color: #b33636;
  font-size: 10px; }

.red11 {
  color: #b33636;
  font-size: 11px; }

.red10bold {
  color: #b33636;
  font-size: 10px;
  font-weight: bold; }

.red11bold {
  color: #b33636;
  font-weight: bold;
  font-size: 11px; }

.red12bold {
  color: #b33636;
  font-weight: bold;
  font-size: 11px; }

.red14bold {
  color: #b33636;
  font-weight: bold;
  font-size: 14px; }

.red16bold {
  color: #b33636;
  font-weight: bold;
  font-size: 16px; }

.red20bold {
  color: #b33636;
  font-weight: bold;
  font-size: 20px; }

.red24bold {
  color: #b33636;
  font-weight: bold;
  font-size: 24px; }

.s9, .size9 {
  font-size: 9px; }

.s10, .size10 {
  font-size: 10px; }

.s11, .size11 {
  font-size: 11px; }

.s12, .size12 {
  font-size: 12px; }

.s14, .size14 {
  font-size: 14px; }

.s16, .size16 {
  font-size: 16px; }

.s20, .size20 {
  font-size: 20px; }

.s24, .size24 {
  font-size: 24px; }

.s30, .size30 {
  font-size: 30px; }

.s40, .size40 {
  font-size: 40px; }

.grey_sort-on-down, .grey_sort-off-down, .grey_sort-on-up, .grey_sort-off-up {
  float: left;
  width: 13px;
  height: 13px;
  border: 0px solid;
  text-decoration: none; }

.grey_sort-on-down {
  background: url("../images/general_buttons/sortreddown_ongrey.jpg") no-repeat 0px 0px; }

.grey_sort-off-down {
  background: url("../images/general_buttons/sortgreydown_ongrey.jpg") no-repeat 0px 0px; }

a.grey_sort-on-down:hover {
  background: url("../images/general_buttons/sortreddown_ongrey.jpg") no-repeat 0px 0px; }

a.grey_sort-off-down:hover {
  background: url("../images/general_buttons/sortreddown_ongrey.jpg") no-repeat 0px 0px; }

.grey_sort-on-up {
  background: url("../images/general_buttons/sortredup_ongrey.jpg") no-repeat 0px 0px; }

.grey_sort-off-up {
  background: url("../images/general_buttons/sortgreyup_ongrey.jpg") no-repeat 0px 0px; }

a.grey_sort-on-up:hover {
  background: url("../images/general_buttons/sortredup_ongrey.jpg") no-repeat 0px 0px; }

a.grey_sort-off-up:hover {
  background: url("../images/general_buttons/sortredup_ongrey.jpg") no-repeat 0px 0px; }

body {
  background: #b9d100; }

#container {
  background: transparent;
  border-color: white;
  border-width: 0;
  border-style: solid;
  margin: 0 auto;
  width: 85%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; }

header {
  background: white url("//go.sassiex.com/whiteclay-logo.png") no-repeat 2em 1em;
  border-color: white;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  height: 120px;
  margin: 0 auto;
  padding-top: 0;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  -webkit-box-shadow: 0px 0px 20px #a3b234;
  -moz-box-shadow: 0px 0px 20px #a3b234;
  -ms-box-shadow: 0px 0px 20px #a3b234;
  -o-box-shadow: 0px 0px 20px #a3b234;
  box-shadow: 0px 0px 20px #a3b234; }

header nav {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  height: auto;
  padding: 67px 0 0 250px;
  text-align: left;
  filter: false; }

header nav .client {
  border: 0;
  float: right;
  margin-top: -70px;
  margin-left: 0; }
  header nav .client img {
    height: 50px;
    max-height: 50px; }

header nav .info {
  background: transparent;
  border-color: white;
  border-width: 0 0 0 0;
  border-style: solid;
  margin-top: -75px;
  padding: .5em .5em 0 0; }
  header nav .info a.username, header nav .info .title {
    padding: 0 6px; }
  header nav .info .username {
    margin-right: 0; }

header nav a,
header nav a.primary-nav,
header nav a.primary-nav:active,
header nav a.primary-nav:visited {
  background: transparent;
  border: 0;
  color: #61604c;
  font-size: 1.1em;
  font-weight: normal;
  margin: 0;
  padding: .5em 2em .6em 0;
  text-decoration: none;
  text-transform: uppercase;
  text-shadow: none;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  filter: false; }

header nav a:hover,
header nav a.primary-nav:hover {
  background: transparent;
  border: 0;
  color: #607f9a;
  text-decoration: none;
  text-shadow: none;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  filter: false; }

header nav a.client,
header nav a.client:visited,
header nav .info .title,
header nav .info a.username {
  background: transparent;
  border: 0;
  color: #b9d100;
  font-size: .8em;
  font-weight: normal;
  margin-right: 1.5em;
  padding-left: 0;
  text-decoration: none;
  text-shadow: none;
  filter: false; }

header nav a.client:hover,
header nav .info .title:hover,
header nav .info a.username:hover {
  background: transparent;
  border: 0;
  color: #b9d100;
  text-decoration: none;
  text-shadow: none;
  filter: false; }

#main {
  background: white url("//go.sassiex.com/whiteclay-header.jpg") repeat-x center top;
  border-color: white;
  border-width: 0 1px 1px 1px;
  border-style: solid;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0px 10px 20px #a3b234;
  -moz-box-shadow: 0px 10px 20px #a3b234;
  -ms-box-shadow: 0px 10px 20px #a3b234;
  -o-box-shadow: 0px 10px 20px #a3b234;
  box-shadow: 0px 10px 20px #a3b234;
  margin: 0 auto;
  padding: 110px 2em 2em 2em; }

.reportsIndex {
  padding: 2em 0; }

.reportsIndex td {
  vertical-align: bottom; }

.reportsIndex .reports td {
  border-bottom: 1px solid #ccc; }

.reportsIndex .reports td a {
  margin-bottom: 0; }

.surveySelectorOuter {
  padding-top: .25em; }

.surveyReportSelectorOuter {
  margin-top: 0; }

a, a:visited {
  color: #1071b2; }

a:hover {
  color: #61604c; }

button,
input[type=button],
input[type=submit],
.sassie-button, .sassie-button:visited,
.fullView, .fullView:visited,
.printView, .printView:visited,
.pdfView, .pdfView:visited,
.excelView, .excelView:visited {
  background: #b9d100;
  border-color: #b9d100;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  filter: false; }

button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.sassie-button:hover,
.fullView:hover,
.printView:hover,
.pdfView:hover,
.excelView:hover {
  background: #d98d36;
  border-color: #d98d36;
  border-width: 1px;
  border-style: solid;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
  color: #fff;
  text-shadow: none;
  filter: false; }

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=file],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=week],
textarea {
  border-color: #b8baab;
  border-width: 1px;
  border-style: solid;
  -webkit-box-shadow: 1px 1px 6px #dddddd inset;
  -moz-box-shadow: 1px 1px 6px #dddddd inset;
  -ms-box-shadow: 1px 1px 6px #dddddd inset;
  -o-box-shadow: 1px 1px 6px #dddddd inset;
  box-shadow: 1px 1px 6px #dddddd inset; }

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=file]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=week]:focus,
textarea:focus {
  outline: none;
  border-color: #333333;
  border-width: 1px;
  border-style: solid;
  -webkit-box-shadow: 0px 0px 9px #d98d36;
  -moz-box-shadow: 0px 0px 9px #d98d36;
  -ms-box-shadow: 0px 0px 9px #d98d36;
  -o-box-shadow: 0px 0px 9px #d98d36;
  box-shadow: 0px 0px 9px #d98d36; }

.loginContainer:after {
  content: ".";
  display: table;
  height: 0;
  clear: both;
  visibility: hidden; }

.loginContainer {
  font-size: 1.1em; }

.loginContainer table {
  margin-bottom: 1em; }

.loginContainer td {
  padding: 0 6px 6px 0; }

.loginContainer input[type="submit"] {
  padding: .5em 1em; }

.loginContainer .sassieLogo img,
.loginContainer .clientLogo img {
  height: 70px; }

.loginContainer .sassieLogo {
  float: left; }

.loginContainer .clientLogo {
  float: right; }

p.instructions {
  background: transparent;
  color: black;
  padding-top: 1.25em;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none; }

#main nav.paging {
  background: transparent;
  color: #d98d36;
  padding: 12px; }

table.reportControls,
table.reportResults,
table.data {
  background-color: #fdfdfc;
  border-color: #e6e7e4;
  border-width: 3px;
  border-style: solid;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  -webkit-box-shadow: 0px 3px 9px #f3f3f2;
  -moz-box-shadow: 0px 3px 9px #f3f3f2;
  -ms-box-shadow: 0px 3px 9px #f3f3f2;
  -o-box-shadow: 0px 3px 9px #f3f3f2;
  box-shadow: 0px 3px 9px #f3f3f2; }
  table.reportControls th,
  table.reportResults th,
  table.data th {
    background-color: #e7e8e3;
    border-color: #dbdee1;
    border-width: 0 1px 1px;
    border-style: solid;
    color: #61604c;
    font-weight: bold;
    text-shadow: none; }
    table.reportControls th th,
    table.reportResults th th,
    table.data th th {
      background-color: none;
      border: none; }
    table.reportControls th span,
    table.reportControls th .number,
    table.reportResults th span,
    table.reportResults th .number,
    table.data th span,
    table.data th .number {
      color: #61604c; }
  table.reportControls td,
  table.reportResults td,
  table.data td {
    border-color: #d0d1c7; }
  table.reportControls td.reportSummary,
  table.reportResults td.reportSummary,
  table.data td.reportSummary {
    color: #607f9a; }
  table.reportControls tr td table.section-names td,
  table.reportResults tr td table.section-names td,
  table.data tr td table.section-names td {
    text-align: left; }
  table.reportControls tr th a, table.reportControls tr th a:visited,
  table.reportResults tr th a,
  table.reportResults tr th a:visited,
  table.data tr th a,
  table.data tr th a:visited {
    color: #1071b2; }
  table.reportControls tr th a:hover,
  table.reportResults tr th a:hover,
  table.data tr th a:hover {
    color: black; }
  table.reportControls tr.logsRow td a, table.reportControls tr.logsRow td a:visited,
  table.reportControls tr.logsRowAlt td a,
  table.reportControls tr.logsRowAlt td a:visited,
  table.reportResults tr.logsRow td a,
  table.reportResults tr.logsRow td a:visited,
  table.reportResults tr.logsRowAlt td a,
  table.reportResults tr.logsRowAlt td a:visited,
  table.data tr.logsRow td a,
  table.data tr.logsRow td a:visited,
  table.data tr.logsRowAlt td a,
  table.data tr.logsRowAlt td a:visited {
    color: #1071b2; }
  table.reportControls tr.logsRow td a:hover,
  table.reportControls tr.logsRowAlt td a:hover,
  table.reportResults tr.logsRow td a:hover,
  table.reportResults tr.logsRowAlt td a:hover,
  table.data tr.logsRow td a:hover,
  table.data tr.logsRowAlt td a:hover {
    color: #61604c; }
  table.reportControls .highlight,
  table.reportResults .highlight,
  table.data .highlight {
    background-color: #eff2d9;
    color: #61604c;
    text-shadow: none; }

table.data {
  background: #fcfcfc;
  border-color: #cecfc9;
  border-width: 1px;
  border-style: solid; }

footer {
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px;
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  padding: 3em 0;
  margin-top: 0; }
  footer p {
    color: white;
    padding: 0;
    text-shadow: none; }

.reportControls.email-area {
  background: transparent;
  color: black;
  height: 130px; }

.reportControls.email-area .ClientShopView_NavbarEmail_Contents {
  background: transparent;
  float: left;
  margin-top: 190px;
  margin-bottom: 20px; }

.reportControls.email-area .ClientShopView_NavbarButtons {
  margin-bottom: 2em;
  padding: 9px; }

.reportControls.email-area .ClientShopView_NavbarButtons a,
.reportControls.email-area .ClientShopView_NavbarButtons a:hover {
  background: transparent;
  border: 0;
  color: #1071b2;
  font-size: 1.1em;
  padding: 0 1em;
  text-decoration: none;
  text-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0px 0px 0px 0px;
  -moz-border-radius: 0px 0px 0px 0px;
  -ms-border-radius: 0px 0px 0px 0px;
  -o-border-radius: 0px 0px 0px 0px;
  border-radius: 0px 0px 0px 0px; }

.reportControls.email-area .ClientShopView_NavbarButtons a:hover {
  color: #61604c;
  text-decoration: underline;
  text-shadow: none; }

.reportControls.email-area .ClientShopView_Navbar {
  padding: 0; }

.ClientShopView_Container {
  padding-top: 5em; }

tr.qfmt41 {
  background: #61604c;
  color: #fff;
  text-shadow: none;
  filter: false; }

tr.qfmt42 {
  background: #1071b2;
  color: #fff;
  text-shadow: 0 1px 2px #999;
  filter: false; }

tr.qfmt43,
tr.form_header {
  background: #f0f1ea;
  color: #000;
  text-shadow: none;
  filter: false; }

/* @andreeao - styles for new admin page */
.admin-master-body header {
    height: 120px !important;
}